/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/angular-calendar/css/angular-calendar.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.cal-month-view .cal-header {
  text-align: center;
  font-weight: bolder;
}
.cal-month-view .cal-header .cal-cell {
  padding: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.cal-month-view .cal-days {
  border: 1px solid;
  border-bottom: 0;
}
.cal-month-view .cal-cell-top {
  min-height: 78px;
  flex: 1;
}
.cal-month-view .cal-cell-row {
  display: flex;
}
.cal-month-view .cal-cell {
  float: left;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.cal-month-view .cal-cell .cal-event {
  pointer-events: all !important;
}
.cal-month-view .cal-day-cell {
  min-height: 100px;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom: 1px solid;
}
.cal-month-view .cal-day-badge {
  margin-top: 18px;
  margin-left: 10px;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
  float: left;
}
.cal-month-view .cal-day-number {
  font-size: 1.2em;
  font-weight: 400;
  opacity: 0.5;
  margin-top: 15px;
  margin-right: 15px;
  float: right;
  margin-bottom: 10px;
}
.cal-month-view .cal-events {
  flex: 1;
  align-items: flex-end;
  margin: 3px;
  line-height: 10px;
  display: flex;
  flex-wrap: wrap;
}
.cal-month-view .cal-event {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
}
.cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
  cursor: pointer;
}
.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
  opacity: 0.1;
  cursor: default;
}
.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 1.9em;
}
.cal-month-view .cal-open-day-events {
  padding: 15px;
  overflow: hidden;
  animation: cal-slide-down 150ms ease-in;
}
.cal-month-view .cal-open-day-events.cal-open-day-events-closing {
  animation: cal-slide-up 150ms ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .cal-month-view .cal-open-day-events.cal-open-day-events-closing {
    animation: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cal-month-view .cal-open-day-events {
    animation: none;
  }
}
@keyframes cal-slide-down {
  from {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  to {
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@keyframes cal-slide-up {
  from {
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  to {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.cal-month-view .cal-open-day-events .cal-event {
  position: relative;
  top: 2px;
}
.cal-month-view .cal-out-month .cal-day-badge,
.cal-month-view .cal-out-month .cal-event {
  opacity: 0.3;
}
.cal-month-view .cal-draggable {
  cursor: move;
}
.cal-month-view .cal-drag-active * {
  pointer-events: none;
}
.cal-month-view .cal-event-title {
  cursor: pointer;
}
.cal-month-view .cal-event-title:hover {
  text-decoration: underline;
}

.cal-month-view {
  background-color: #fff;
}
.cal-month-view .cal-cell-row:hover {
  background-color: #fafafa;
}
.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell.cal-has-events.cal-open {
  background-color: #ededed;
}
.cal-month-view .cal-days {
  border-color: #e1e1e1;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: initial;
  border-left-color: #e1e1e1;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom-color: #e1e1e1;
}
.cal-month-view .cal-day-badge {
  background-color: #b94a48;
  color: #fff;
}
.cal-month-view .cal-event {
  background-color: #1e90ff;
  border-color: #d1e8ff;
  color: #fff;
}
.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: #8b0000;
}
.cal-month-view .cal-day-cell.cal-today {
  background-color: #e8fde7;
}
.cal-month-view .cal-day-cell.cal-drag-over {
  background-color: rgb(224.25, 224.25, 224.25) !important;
}
.cal-month-view .cal-open-day-events {
  color: #fff;
  background-color: #555;
  box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
}

.cal-week-view {
  /* stylelint-disable-next-line selector-type-no-unknown */
}
.cal-week-view * {
  box-sizing: border-box;
}
.cal-week-view .cal-day-headers {
  display: flex;
  padding-left: 70px;
  border: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers {
  padding-left: initial;
  padding-right: 70px;
}
.cal-week-view .cal-day-headers .cal-header {
  flex: 1;
  text-align: center;
  padding: 5px;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: initial;
  border-right: 1px solid;
}
.cal-week-view .cal-day-headers span {
  font-weight: 400;
  opacity: 0.5;
}
.cal-week-view .cal-day-column {
  flex-grow: 1;
  border-left: solid 1px;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left: initial;
  border-right: solid 1px;
}
.cal-week-view .cal-event {
  font-size: 12px;
  border: 1px solid;
  direction: ltr;
}
.cal-week-view .cal-time-label-column {
  width: 70px;
  height: 100%;
}
.cal-week-view .cal-current-time-marker {
  position: absolute;
  width: 100%;
  height: 2px;
  z-index: 2;
}
.cal-week-view .cal-all-day-events {
  border: solid 1px;
  border-top: 0;
  border-bottom-width: 3px;
  padding-top: 3px;
  position: relative;
}
.cal-week-view .cal-all-day-events .cal-day-columns {
  height: 100%;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  z-index: 0;
}
.cal-week-view .cal-all-day-events .cal-events-row {
  position: relative;
  height: 31px;
  margin-left: 70px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-events-row {
  margin-left: initial;
  margin-right: 70px;
}
.cal-week-view .cal-all-day-events .cal-event-container {
  display: inline-block;
  position: absolute;
}
.cal-week-view .cal-all-day-events .cal-event-container.resize-active {
  z-index: 1;
  pointer-events: none;
}
.cal-week-view .cal-all-day-events .cal-event {
  padding: 0 5px;
  margin-left: 2px;
  margin-right: 2px;
  height: 28px;
  line-height: 28px;
}
.cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: initial;
  border-bottom-left-radius: initial;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: initial;
  border-bottom-right-radius: initial;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.cal-week-view .cal-all-day-events .cal-time-label-column {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.cal-week-view .cal-all-day-events .cal-resize-handle {
  width: 6px;
  height: 100%;
  cursor: col-resize;
  position: absolute;
  top: 0;
}
.cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: 0;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: initial;
  left: 0;
}
.cal-week-view .cal-event,
.cal-week-view .cal-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cal-week-view .cal-drag-active {
  pointer-events: none;
  z-index: 1;
}
.cal-week-view .cal-drag-active * {
  pointer-events: none;
}
.cal-week-view .cal-time-events {
  position: relative;
  border: solid 1px;
  border-top: 0;
  display: flex;
}
.cal-week-view .cal-time-events .cal-day-columns {
  display: flex;
  flex-grow: 1;
}
.cal-week-view .cal-time-events .cal-day-column {
  position: relative;
}
.cal-week-view .cal-time-events .cal-events-container {
  position: relative;
}
.cal-week-view .cal-time-events .cal-event-container {
  position: absolute;
  z-index: 1;
}
.cal-week-view .cal-time-events .cal-event {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  margin: 1px;
  padding: 0 5px;
  line-height: 25px;
}
.cal-week-view .cal-time-events .cal-resize-handle {
  width: 100%;
  height: 4px;
  cursor: row-resize;
  position: absolute;
}
.cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
  bottom: 0;
}
.cal-week-view .cal-hour-segment {
  position: relative;
}
.cal-week-view .cal-hour-segment::after {
  content: " ";
}
.cal-week-view .cal-event-container:not(.cal-draggable) {
  cursor: pointer;
}
.cal-week-view .cal-draggable {
  cursor: move;
}
.cal-week-view mwl-calendar-week-view-hour-segment,
.cal-week-view .cal-hour-segment {
  display: block;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom: thin dashed;
}
.cal-week-view .cal-time {
  font-weight: bold;
  padding-top: 5px;
  width: 70px;
  text-align: center;
}
.cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
  display: none;
}
.cal-week-view .cal-starts-within-day .cal-event {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.cal-week-view .cal-ends-within-day .cal-event {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.cal-week-view {
  background-color: #fff;
  border-top: solid 1px #e1e1e1;
}
.cal-week-view .cal-day-headers {
  border-color: #e1e1e1;
  border-top: 0;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: initial;
  border-left: solid 1px #e1e1e1 !important;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-day-headers .cal-header:hover,
.cal-week-view .cal-day-headers .cal-drag-over {
  background-color: #ededed;
}
.cal-week-view .cal-day-column {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-event {
  background-color: #d1e8ff;
  border-color: #1e90ff;
  color: #1e90ff;
}
.cal-week-view .cal-all-day-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-header.cal-today {
  background-color: #e8fde7;
}
.cal-week-view .cal-header.cal-weekend span {
  color: #8b0000;
}
.cal-week-view .cal-time-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
  background-color: #ededed;
}
.cal-week-view .cal-hour-odd {
  background-color: #fafafa;
}
.cal-week-view .cal-drag-over .cal-hour-segment {
  background-color: #ededed;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom-color: #e1e1e1;
}
.cal-week-view .cal-current-time-marker {
  background-color: #ea4334;
}

.cal-day-view {
  /* stylelint-disable-next-line selector-type-no-unknown */
}
.cal-day-view mwl-calendar-week-view-header {
  display: none;
}
.cal-day-view .cal-events-container {
  margin-left: 70px;
}
[dir=rtl] .cal-day-view .cal-events-container {
  margin-left: initial;
  margin-right: 70px;
}
.cal-day-view .cal-day-column {
  border-left: 0;
}
.cal-day-view .cal-current-time-marker {
  margin-left: 70px;
  width: calc(100% - 70px);
}
[dir=rtl] .cal-day-view .cal-current-time-marker {
  margin-left: initial;
  margin-right: 70px;
}

.cal-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 11px;
  word-wrap: break-word;
  opacity: 0.9;
}

.cal-tooltip.cal-tooltip-top {
  padding: 5px 0;
  margin-top: -3px;
}

.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
}

.cal-tooltip.cal-tooltip-right {
  padding: 0 5px;
  margin-left: 3px;
}

.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}

.cal-tooltip.cal-tooltip-bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
}

.cal-tooltip.cal-tooltip-left {
  padding: 0 5px;
  margin-left: -3px;
}

.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}

.cal-tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
  border-radius: 0.25rem;
}

.cal-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  border-top-color: #000;
}

.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  border-right-color: #000;
}

.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  border-bottom-color: #000;
}

.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  border-left-color: #000;
}

.cal-tooltip-inner {
  color: #fff;
  background-color: #000;
}

/*# sourceMappingURL=angular-calendar.css.map */

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/@angular/material/prebuilt-themes/deeppurple-amber.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************/
html {
  --mat-sys-on-surface: initial;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}

html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

html {
  --mat-option-selected-state-label-text-color: #673ab7;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #ffd740;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

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

html {
  --mat-pseudo-checkbox-full-selected-icon-color: #ffd740;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ffd740;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #673ab7;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #673ab7;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #ffd740;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ffd740;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

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

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

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

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

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

html {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #673ab7;
  --mat-progress-bar-track-color: rgba(103, 58, 183, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #ffd740;
  --mat-progress-bar-track-color: rgba(255, 215, 64, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #f44336;
  --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}

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

html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}

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

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

html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #673ab7 87%, transparent);
  --mat-form-field-filled-caret-color: #673ab7;
  --mat-form-field-filled-focus-active-indicator-color: #673ab7;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #673ab7 87%, transparent);
  --mat-form-field-outlined-caret-color: #673ab7;
  --mat-form-field-outlined-focus-outline-color: #673ab7;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #673ab7 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #f44336;
  --mat-form-field-filled-error-focus-label-text-color: #f44336;
  --mat-form-field-filled-error-label-text-color: #f44336;
  --mat-form-field-filled-error-caret-color: #f44336;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #f44336;
  --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #f44336;
  --mat-form-field-outlined-error-focus-label-text-color: #f44336;
  --mat-form-field-outlined-error-label-text-color: #f44336;
  --mat-form-field-outlined-error-hover-label-text-color: #f44336;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #f44336;
  --mat-form-field-outlined-error-hover-outline-color: #f44336;
  --mat-form-field-outlined-error-outline-color: #f44336;
}

.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ffd740 87%, transparent);
  --mat-form-field-filled-caret-color: #ffd740;
  --mat-form-field-filled-focus-active-indicator-color: #ffd740;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ffd740 87%, transparent);
  --mat-form-field-outlined-caret-color: #ffd740;
  --mat-form-field-outlined-focus-outline-color: #ffd740;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ffd740 87%, transparent);
}

.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-filled-caret-color: #f44336;
  --mat-form-field-filled-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-outlined-caret-color: #f44336;
  --mat-form-field-outlined-focus-outline-color: #f44336;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}

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

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

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

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #673ab7;
  --mat-select-invalid-arrow-color: #f44336;
}

.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ffd740;
  --mat-select-invalid-arrow-color: #f44336;
}

.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f44336;
  --mat-select-invalid-arrow-color: #f44336;
}

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

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

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

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

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

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

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

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

.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #673ab7;
  --mat-chip-elevated-disabled-container-color: #673ab7;
  --mat-chip-elevated-selected-container-color: #673ab7;
  --mat-chip-flat-disabled-selected-container-color: #673ab7;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #ffd740;
  --mat-chip-elevated-disabled-container-color: #ffd740;
  --mat-chip-elevated-selected-container-color: #ffd740;
  --mat-chip-flat-disabled-selected-container-color: #ffd740;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f44336;
  --mat-chip-elevated-disabled-container-color: #f44336;
  --mat-chip-elevated-selected-container-color: #f44336;
  --mat-chip-flat-disabled-selected-container-color: #f44336;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}

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

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

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

html {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #673ab7;
  --mat-slide-toggle-selected-handle-color: #673ab7;
  --mat-slide-toggle-selected-hover-state-layer-color: #673ab7;
  --mat-slide-toggle-selected-pressed-state-layer-color: #673ab7;
  --mat-slide-toggle-selected-focus-handle-color: #673ab7;
  --mat-slide-toggle-selected-hover-handle-color: #673ab7;
  --mat-slide-toggle-selected-pressed-handle-color: #673ab7;
  --mat-slide-toggle-selected-focus-track-color: #9575cd;
  --mat-slide-toggle-selected-hover-track-color: #9575cd;
  --mat-slide-toggle-selected-pressed-track-color: #9575cd;
  --mat-slide-toggle-selected-track-color: #9575cd;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}

.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #ffd740;
  --mat-slide-toggle-selected-handle-color: #ffd740;
  --mat-slide-toggle-selected-hover-state-layer-color: #ffd740;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ffd740;
  --mat-slide-toggle-selected-focus-handle-color: #ffd740;
  --mat-slide-toggle-selected-hover-handle-color: #ffd740;
  --mat-slide-toggle-selected-pressed-handle-color: #ffd740;
  --mat-slide-toggle-selected-focus-track-color: #ffd54f;
  --mat-slide-toggle-selected-hover-track-color: #ffd54f;
  --mat-slide-toggle-selected-pressed-track-color: #ffd54f;
  --mat-slide-toggle-selected-track-color: #ffd54f;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
  --mat-slide-toggle-selected-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
  --mat-slide-toggle-selected-focus-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-handle-color: #f44336;
  --mat-slide-toggle-selected-pressed-handle-color: #f44336;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
}

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

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

html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}

.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #673ab7;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #673ab7;
  --mat-radio-selected-hover-icon-color: #673ab7;
  --mat-radio-selected-icon-color: #673ab7;
  --mat-radio-selected-pressed-icon-color: #673ab7;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #ffd740;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ffd740;
  --mat-radio-selected-hover-icon-color: #ffd740;
  --mat-radio-selected-icon-color: #ffd740;
  --mat-radio-selected-pressed-icon-color: #ffd740;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

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

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

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

html {
  --mat-slider-active-track-color: #673ab7;
  --mat-slider-focus-handle-color: #673ab7;
  --mat-slider-handle-color: #673ab7;
  --mat-slider-hover-handle-color: #673ab7;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #673ab7 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #673ab7 4%, transparent);
  --mat-slider-inactive-track-color: #673ab7;
  --mat-slider-ripple-color: #673ab7;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #673ab7;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}

.mat-accent {
  --mat-slider-active-track-color: #ffd740;
  --mat-slider-focus-handle-color: #ffd740;
  --mat-slider-handle-color: #ffd740;
  --mat-slider-hover-handle-color: #ffd740;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ffd740 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ffd740 4%, transparent);
  --mat-slider-inactive-track-color: #ffd740;
  --mat-slider-ripple-color: #ffd740;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #ffd740;
}

.mat-warn {
  --mat-slider-active-track-color: #f44336;
  --mat-slider-focus-handle-color: #f44336;
  --mat-slider-handle-color: #f44336;
  --mat-slider-hover-handle-color: #f44336;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-slider-inactive-track-color: #f44336;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f44336;
}

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

html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}

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

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

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

.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #673ab7;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #673ab7;
  --mat-radio-selected-hover-icon-color: #673ab7;
  --mat-radio-selected-icon-color: #673ab7;
  --mat-radio-selected-pressed-icon-color: #673ab7;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ffd740;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ffd740;
  --mat-radio-selected-hover-icon-color: #ffd740;
  --mat-radio-selected-icon-color: #ffd740;
  --mat-radio-selected-pressed-icon-color: #ffd740;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #673ab7;
  --mat-checkbox-selected-hover-icon-color: #673ab7;
  --mat-checkbox-selected-icon-color: #673ab7;
  --mat-checkbox-selected-pressed-icon-color: #673ab7;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #673ab7;
  --mat-checkbox-selected-hover-state-layer-color: #673ab7;
  --mat-checkbox-selected-pressed-state-layer-color: #673ab7;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #ffd740;
  --mat-checkbox-selected-hover-icon-color: #ffd740;
  --mat-checkbox-selected-icon-color: #ffd740;
  --mat-checkbox-selected-pressed-icon-color: #ffd740;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ffd740;
  --mat-checkbox-selected-hover-state-layer-color: #ffd740;
  --mat-checkbox-selected-pressed-state-layer-color: #ffd740;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #673ab7;
}

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

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

.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

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

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

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

html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

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

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

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

.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #673ab7;
  --mat-tab-active-ripple-color: #673ab7;
  --mat-tab-inactive-ripple-color: #673ab7;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #673ab7;
  --mat-tab-active-hover-label-text-color: #673ab7;
  --mat-tab-active-focus-indicator-color: #673ab7;
  --mat-tab-active-hover-indicator-color: #673ab7;
  --mat-tab-active-indicator-color: #673ab7;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ffd740;
  --mat-tab-active-ripple-color: #ffd740;
  --mat-tab-inactive-ripple-color: #ffd740;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ffd740;
  --mat-tab-active-hover-label-text-color: #ffd740;
  --mat-tab-active-focus-indicator-color: #ffd740;
  --mat-tab-active-hover-indicator-color: #ffd740;
  --mat-tab-active-indicator-color: #ffd740;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f44336;
  --mat-tab-active-ripple-color: #f44336;
  --mat-tab-inactive-ripple-color: #f44336;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f44336;
  --mat-tab-active-hover-label-text-color: #f44336;
  --mat-tab-active-focus-indicator-color: #f44336;
  --mat-tab-active-hover-indicator-color: #f44336;
  --mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #673ab7;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #ffd740;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #f44336;
  --mat-tab-foreground-color: white;
}

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

.mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}

html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}

html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #ffd740;
  --mat-checkbox-selected-hover-icon-color: #ffd740;
  --mat-checkbox-selected-icon-color: #ffd740;
  --mat-checkbox-selected-pressed-icon-color: #ffd740;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ffd740;
  --mat-checkbox-selected-hover-state-layer-color: #ffd740;
  --mat-checkbox-selected-pressed-state-layer-color: #ffd740;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #673ab7;
  --mat-checkbox-selected-hover-icon-color: #673ab7;
  --mat-checkbox-selected-icon-color: #673ab7;
  --mat-checkbox-selected-pressed-icon-color: #673ab7;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #673ab7;
  --mat-checkbox-selected-hover-state-layer-color: #673ab7;
  --mat-checkbox-selected-pressed-state-layer-color: #673ab7;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

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

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

html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}

html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #673ab7;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #673ab7;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #673ab7 12%, transparent);
  --mat-button-outlined-state-layer-color: #673ab7;
  --mat-button-protected-container-color: #673ab7;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #673ab7;
  --mat-button-text-ripple-color: color-mix(in srgb, #673ab7 12%, transparent);
  --mat-button-text-state-layer-color: #673ab7;
  --mat-button-tonal-container-color: #673ab7;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #ffd740;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #ffd740;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ffd740 12%, transparent);
  --mat-button-outlined-state-layer-color: #ffd740;
  --mat-button-protected-container-color: #ffd740;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #ffd740;
  --mat-button-text-ripple-color: color-mix(in srgb, #ffd740 12%, transparent);
  --mat-button-text-state-layer-color: #ffd740;
  --mat-button-tonal-container-color: #ffd740;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f44336;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-outlined-state-layer-color: #f44336;
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f44336;
  --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-text-state-layer-color: #f44336;
  --mat-button-tonal-container-color: #f44336;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}

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

html {
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}

html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
}

html {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #673ab7;
  --mat-icon-button-state-layer-color: #673ab7;
  --mat-icon-button-ripple-color: color-mix(in srgb, #673ab7 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #ffd740;
  --mat-icon-button-state-layer-color: #ffd740;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ffd740 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}

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

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

html {
  --mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

html {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-fab.mat-primary, .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #673ab7;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #673ab7 12%, transparent);
  --mat-fab-small-container-color: #673ab7;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-accent, .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #ffd740;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #ffd740 12%, transparent);
  --mat-fab-small-container-color: #ffd740;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-warn, .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}

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

html {
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
}

html {
  --mat-snack-bar-container-shape: 4px;
}

html {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #9575cd;
}

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

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

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

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

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

html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}

html {
  --mat-progress-spinner-active-indicator-color: #673ab7;
}

.mat-accent {
  --mat-progress-spinner-active-indicator-color: #ffd740;
}

.mat-warn {
  --mat-progress-spinner-active-indicator-color: #f44336;
}

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

html {
  --mat-badge-background-color: #673ab7;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-badge-accent {
  --mat-badge-background-color: #ffd740;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}

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

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

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

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

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

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

html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}

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

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

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

html {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #673ab7 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ffd740 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #673ab7;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #673ab7 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #673ab7 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #673ab7 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #673ab7;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent, .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ffd740 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ffd740 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #ffd740;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ffd740 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ffd740 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ffd740 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ffd740;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn, .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ffd740 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

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

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

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

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

html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}

html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}

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

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

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

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

.mat-icon.mat-primary {
  --mat-icon-color: #673ab7;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ffd740;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}

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

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

html {
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #673ab7;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #673ab7;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #673ab7;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}

.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #ffd740;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #ffd740;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #ffd740;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}

.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

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

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

html {
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
}

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

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #673ab7;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ffd740;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}

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

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

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

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

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

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

html {
  --mat-timepicker-container-background-color: white;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/@danielmoncada/angular-datetime-picker/assets/style/picker.min.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************/
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}@media screen and (-ms-high-contrast: active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.288)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.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}.owl-dialog-container{position:relative;pointer-events:auto;box-sizing:border-box;display:block;padding:1.5em;width:100%;height:100%;outline:none}.owl-dialog-container .owl-dt-container{border-radius:2px;overflow:auto;background:#fff;color:rgba(0,0,0,.87);box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)}.owl-dt-container,.owl-dt-container *{box-sizing:border-box}.owl-dt-container{display:block;font-size:1rem;background:#fff;pointer-events:auto;z-index:1000}.owl-dt-container-row{border-bottom:1px solid rgba(0,0,0,.12)}.owl-dt-container-row:last-child{border-bottom:none}.owl-dt-calendar{display:flex;flex-direction:column;width:100%}.owl-dt-calendar-control{display:flex;align-items:center;font-size:1em;width:100%;padding:.5em;color:#000}.owl-dt-calendar-control .owl-dt-calendar-control-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button{padding:0 .8em}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover{background-color:rgba(0,0,0,.12)}.owl-dt-calendar-main{display:flex;flex-direction:column;flex:1 1 auto;padding:0 .5em .5em;outline:0}.owl-dt-calendar-view{display:flex;flex:1 1 auto}.owl-dt-calendar-multi-year-view{display:flex;align-items:center}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table{width:calc(100% - 3em)}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th{padding-bottom:.25em}.owl-dt-calendar-table{width:100%;border-collapse:collapse;border-spacing:0}.owl-dt-calendar-table .owl-dt-calendar-header{color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th{font-size:.7em;font-weight:400;text-align:center;padding-bottom:1em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider{position:relative;height:1px;padding-bottom:.5em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after{content:"";position:absolute;top:0;left:-0.5em;right:-0.5em;height:1px;background:rgba(0,0,0,.12)}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider.owl-calendar-weeks:after{left:-1.8em}.owl-dt-calendar-table .owl-dt-calendar-cell{position:relative;height:0;line-height:0;text-align:center;outline:0;color:rgba(0,0,0,.85);-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.owl-dt-calendar-table .owl-dt-calendar-cell-content{position:absolute;top:5%;left:5%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;font-size:.8em;line-height:1;border:1px solid rgba(0,0,0,0);border-radius:999px;color:inherit;cursor:pointer}.owl-dt-calendar-table .owl-dt-calendar-cell-out{opacity:.2}.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-selected{color:hsla(0,0%,100%,.85);background-color:#3f51b5}.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.85)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled{cursor:default}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected{opacity:.4}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){background-color:rgba(0,0,0,.04)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range{background:rgba(63,81,181,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from{border-top-left-radius:999px;border-bottom-left-radius:999px}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to{border-top-right-radius:999px;border-bottom-right-radius:999px}.owl-dt-calendar-table.owl-calendar-weeks .owl-dt-calendar-cell-content{height:86%}.owl-dt-timer{display:flex;justify-content:center;width:100%;height:7em;padding:.5em;outline:none}.owl-dt-timer-box{position:relative;display:inline-flex;flex-direction:column;align-items:center;width:25%;height:100%}.owl-dt-timer-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center;width:100%;margin:.2em 0}.owl-dt-timer-content .owl-dt-timer-input{display:block;width:2em;text-align:center;border:1px solid rgba(0,0,0,.5);border-radius:3px;outline:medium none;font-size:1.2em;padding:.2em}.owl-dt-timer-divider{display:inline-block;align-self:flex-end;position:absolute;width:.6em;height:100%;left:-0.3em}.owl-dt-timer-divider:before,.owl-dt-timer-divider:after{content:"";display:inline-block;width:.35em;height:.35em;position:absolute;left:50%;border-radius:50%;transform:translateX(-50%);background-color:currentColor}.owl-dt-timer-divider:before{top:35%}.owl-dt-timer-divider:after{bottom:35%}.owl-dt-control-button{-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;margin:0;padding:0;background-color:rgba(0,0,0,0);font-size:1em;color:inherit}.owl-dt-control-button .owl-dt-control-button-content{position:relative;display:inline-flex;justify-content:center;align-items:center;outline:none}.owl-dt-control-period-button .owl-dt-control-button-content{height:1.5em;padding:0 .5em;border-radius:3px;transition:background-color 100ms linear}.owl-dt-control-period-button:hover>.owl-dt-control-button-content{background-color:rgba(0,0,0,.12)}.owl-dt-control-period-button .owl-dt-control-button-arrow{display:flex;justify-content:center;align-items:center;width:1em;height:1em;margin:.1em;transition:transform 200ms ease}.owl-dt-control-arrow-button .owl-dt-control-button-content{padding:0;border-radius:50%;width:1.5em;height:1.5em}.owl-dt-control-arrow-button[disabled]{color:rgba(0,0,0,.4);cursor:default}.owl-dt-control-arrow-button svg{width:50%;height:50%;fill:currentColor}.owl-dt-inline-container,.owl-dt-popup-container{position:relative;width:18.5em;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-inline-container .owl-dt-timer,.owl-dt-popup-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-timer{width:100%}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-calendar{height:20.25em}.owl-dt-dialog-container{max-height:95vh;margin:-1.5em}.owl-dt-dialog-container .owl-dt-calendar{min-width:250px;min-height:330px;max-width:750px;max-height:750px}.owl-dt-dialog-container .owl-dt-timer{min-width:250px;max-width:750px}@media all and (orientation: landscape){.owl-dt-dialog-container .owl-dt-calendar{width:58vh;height:62vh}.owl-dt-dialog-container .owl-dt-timer{width:58vh}}@media all and (orientation: portrait){.owl-dt-dialog-container .owl-dt-calendar{width:80vw;height:80vw}.owl-dt-dialog-container .owl-dt-timer{width:80vw}}.owl-dt-container-buttons{display:flex;width:100%;height:2em;color:#3f51b5}.owl-dt-container-control-button{font-size:1em;width:50%;height:100%;border-radius:0}.owl-dt-container-control-button .owl-dt-control-button-content{height:100%;width:100%;transition:background-color 100ms linear}.owl-dt-container-control-button:hover .owl-dt-control-button-content{background-color:rgba(0,0,0,.1)}.owl-dt-container-info{padding:0 .5em;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.owl-dt-container-info .owl-dt-container-range{outline:none}.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content{display:flex;justify-content:space-between;padding:.5em 0;font-size:.8em}.owl-dt-container-info .owl-dt-container-range:last-child{border-top:1px solid rgba(0,0,0,.12)}.owl-dt-container-info .owl-dt-container-info-active{color:#3f51b5}.owl-dt-container-disabled,.owl-dt-trigger-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;cursor:default !important}.owl-dt-timer-hour12{display:flex;justify-content:center;align-items:center;color:#3f51b5}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box{border:1px solid currentColor;border-radius:2px;transition:background 200ms ease}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content{width:100%;height:100%;padding:.5em}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content{background:#3f51b5;color:#fff}.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out{visibility:hidden;cursor:default}.owl-dt-inline{display:inline-block}.owl-dt-control{outline:none;cursor:pointer}.owl-dt-control .owl-dt-control-content{outline:none}.owl-dt-control:focus>.owl-dt-control-content{background-color:rgba(0,0,0,.12)}.owl-dt-control:not(:-moz-focusring):focus>.owl-dt-control-content{box-shadow:none}.owl-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}

/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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]!./src/styles.css?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
::-webkit-scrollbar {
  width: 0.7em;
  height: 0.7em;
}

::-webkit-scrollbar-thumb {
  background: slategray;
}

::-webkit-scrollbar-track {
  background: #b8c0c8;
}

body {
  scrollbar-face-color: slategray;
  scrollbar-track-color: #b8c0c8;
}

body {
  height: auto;
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

body,
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
  display: block;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

ul,
li {
  margin: 0;
  padding: 0;
}

#arrow_nav_advice {
  position: absolute;
  bottom: 0;
  left: -25%;
  width: 25%;
  padding: 35px 50px;
  text-align: center;
  background: #333;
  -moz-opacity: 0.95;
  -khtml-opacity: 0.95;
  -webkit-opacity: 0.95;
  opacity: 0.95;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
  filter: alpha(opacity=95);
}

#arrow_nav_advice .arrows {
  height: 50px;
}

#arrow_nav_advice .arrow {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 50px;
  border: 1px solid #7c7c7c;
}

#arrow_nav_advice .arrow.left {
  background-image: url(/assets/img/matrix@2x.png);
  background-repeat: no-repeat;
  background-size: 600px 200px;
  background-position: -5px -124px;
  image-rendering: optimizeSpeed;
  image-rendering: pixellated;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

#arrow_nav_advice .arrow.right {
  background-image: url(/assets/img/matrix@2x.png);
  background-repeat: no-repeat;
  background-size: 600px 200px;
  background-position: -85px -124px;
  image-rendering: optimizeSpeed;
  image-rendering: pixellated;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
  margin-left: -1px;
}

#arrow_nav_advice .text {
  margin-top: 15px;
  font-size: 13px;
  line-height: 19px;
  color: #f4f4f4;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  max-width: initial;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  outline: none;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 22px;
  width: 41px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 30%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 999;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev {
  left: -10%;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-next {
  right: -10%;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: 45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 1px solid #C1976A;
  background: transparent;
  display: block;
  height: 10px;
  width: 10px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
  background: #C1976A;
}
.slick-dots li.slick-active button {
  background: #C1976A;
  opacity: 1;
}

/*! jQuery UI - v1.12.1 - 2018-07-09
* http://jqueryui.com
* Includes: selectable.css, core.css, accordion.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-selectable {
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  background: #fff;
  font-weight: normal;
  color: #454545;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  background: #609F23;
  font-weight: normal;
  color: #fff;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background: #609F23;
  font-weight: normal;
  color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 0px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 0px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */
}

.ui-widget-shadow {
  box-shadow: 0px 0px 5px #666666;
}

* {
  margin: 0;
  padding: 0;
}

*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background-color: #708090;
  border-radius: 20px;
  border: 2px solid transparent;
}

div {
  display: grid;
}

section {
  display: grid;
  padding: 40px 0px;
  justify-content: center;
  grid-template-columns: 75%;
  position: relative;
}
@media screen and (max-width: 1280px) {
  section {
    grid-template-columns: 80%;
  }
}
@media screen and (max-width: 1024px) {
  section {
    grid-template-columns: 90%;
  }
}
@media screen and (max-width: 768px) {
  section {
    padding: 40px 0;
  }
}
section.small {
  grid-template-columns: 60%;
}
@media screen and (max-width: 1024px) {
  section.small {
    grid-template-columns: 80%;
  }
}
@media screen and (max-width: 768px) {
  section.small {
    grid-template-columns: 90%;
  }
}
section.large {
  grid-template-columns: 80%;
}
@media screen and (max-width: 1024px) {
  section.large {
    grid-template-columns: 90%;
  }
}
section.full {
  grid-template-columns: 100%;
}
section .inner {
  display: grid;
}

.grey1-bg {
  background-color: #F2F2F2;
}

.pc1 {
  color: #027A8F !important;
}

.pc2 {
  color: #FF990C !important;
}

.pc3 {
  color: #000000 !important;
}

.pc1-bg {
  background: #027A8F;
}

.pc2-bg {
  background: #FF990C;
}

.pc3-bg {
  background: #000000;
}

.grey1-bg {
  background-color: #F2F2F2 !important;
}

.correct {
  color: #4CB719;
}

.error p {
  color: #EF1F1F;
}
.error ul li {
  color: #EF1F1F;
}

.jcenter {
  justify-self: center;
}

.acenter {
  align-self: center;
}

.jstart {
  justify-self: start;
}

.astart {
  align-self: start;
}

.jend {
  justify-self: end;
}

.aend {
  align-self: end;
}

.one, .two, .three, .four, .five, .six, .seven, .auto {
  display: grid;
}

.one {
  grid-template-columns: 1fr;
}

.two {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 768px) {
  .two {
    grid-template-columns: 1fr;
  }
}

.three {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 768px) {
  .three {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 480px) {
  .three {
    grid-template-columns: 1fr;
  }
}

.four {
  grid-template-columns: repeat(4, 1fr);
}

.five {
  grid-template-columns: repeat(5, 1fr);
}

.six {
  grid-template-columns: repeat(6, 1fr);
}

.seven {
  grid-template-columns: repeat(7, 1fr);
}

.eight {
  grid-template-columns: repeat(8, 1fr);
}

.auto {
  grid-template-columns: auto;
}

.gcg5 {
  grid-column-gap: 5px;
}

.gcg10 {
  grid-column-gap: 10px;
}

.gcg20 {
  grid-column-gap: 20px;
}

.gcg30 {
  grid-column-gap: 30px;
}

.gcg40 {
  grid-column-gap: 40px;
}

.grg5 {
  grid-row-gap: 5px;
}

.grg10 {
  grid-row-gap: 10px;
}

.grg20 {
  grid-row-gap: 20px;
}

.grg30 {
  grid-row-gap: 30px;
}

.grg40 {
  grid-row-gap: 40px;
}

.gcrg5 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.gcrg10 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.gcrg20 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.gcrg30 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.gcrg40 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.col1-span {
  grid-column: 1;
}

.col2-span {
  grid-column: 1/3;
}
@media screen and (max-width: 768px) {
  .col2-span {
    grid-column: 1;
  }
}

.col3-span {
  grid-column: 1/4;
}
@media screen and (max-width: 768px) {
  .col3-span {
    grid-column: 1;
  }
}

.col4-span {
  grid-column: 1/5;
}
@media screen and (max-width: 768px) {
  .col4-span {
    grid-column: 1;
  }
}

.col5-span {
  grid-column: 1/6;
}
@media screen and (max-width: 768px) {
  .col5-span {
    grid-column: 1;
  }
}

.col6-span {
  grid-column: 1/7;
}
@media screen and (max-width: 768px) {
  .col6-span {
    grid-column: 1;
  }
}

.col2-span1 {
  grid-column: 2/4;
}

.colors {
  padding: 20px;
  background-color: white;
  border-radius: 5px;
}
.colors p {
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  color: black !important;
}

.primary-color, .secondary-color {
  grid-template-columns: 1fr auto;
  position: relative;
}

.secondary-color .color:before {
  border: 1px solid #A8A8A8;
}

.color-picker {
  position: relative;
  background-color: #F2F2F2;
  padding: 7px 35px 7px 10px;
  height: 42px;
  overflow: hidden;
}
@media screen and (max-width: 1800px) {
  .color-picker {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (max-width: 1500px) {
  .color-picker {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .color-picker {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media screen and (max-width: 560px) {
  .color-picker {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (max-width: 400px) {
  .color-picker {
    grid-template-columns: repeat(4, 1fr);
  }
}
.color-picker.opened {
  height: auto;
}
.color-picker .button {
  position: absolute;
  right: 3px;
  top: 8px;
}
.color-picker .button .more-colors {
  outline: none;
  padding: 8px 5px;
}
.color-picker .button .more-colors img {
  width: 20px;
}

.color {
  height: 30px;
  width: 30px;
  background-color: transparent;
  border: 2px solid transparent;
  position: relative;
  cursor: pointer;
}
.color:before {
  content: "";
  height: 20px;
  width: 20px;
  background-color: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.color.active {
  border: 1px solid #EF1F1F;
}
.color.gpc1:before {
  background-color: #027A8F;
}
.color.gpc2:before {
  background-color: #8B001C;
}
.color.gpc3:before {
  background-color: #0D86FC;
}
.color.gpc4:before {
  background-color: #11A760;
}
.color.gpc5:before {
  background-color: #E52674;
}
.color.gpc6:before {
  background-color: #F68121;
}
.color.gpc7:before {
  background-color: #8457C4;
}
.color.gpc8:before {
  background-color: #EE3C40;
}
.color.gpc9:before {
  background-color: #04B5A2;
}
.color.gpc10:before {
  background-color: #8B004F;
}
.color.gpc11:before {
  background-color: #318BA7;
}
.color.gpc12:before {
  background-color: #7AC70C;
}
.color.gpc13:before {
  background-color: #C100C8;
}
.color.gpc14:before {
  background-color: #BC5805;
}
.color.gpc15:before {
  background-color: #4F0EAA;
}
.color.gpc16:before {
  background-color: #C51444;
}
.color.gsc1:before {
  background-color: #dcf4ff;
}
.color.gsc2:before {
  background-color: #f3d7dd;
}
.color.gsc3:before {
  background-color: #cee5f9;
}
.color.gsc4:before {
  background-color: #dafceb;
}
.color.gsc5:before {
  background-color: #fcdde9;
}
.color.gsc6:before {
  background-color: #f9e4d4;
}
.color.gsc7:before {
  background-color: #ead9ff;
}
.color.gsc8:before {
  background-color: #ffd8d8;
}
.color.gsc9:before {
  background-color: #cafaf4;
}
.color.gsc10:before {
  background-color: #fac8e5;
}
.color.gsc11:before {
  background-color: #bceaf9;
}
.color.gsc12:before {
  background-color: #e4f8c6;
}
.color.gsc13:before {
  background-color: #f8cdf9;
}
.color.gsc14:before {
  background-color: #ffe0c6;
}
.color.gsc15:before {
  background-color: #dcc8fa;
}
.color.gsc16:before {
  background-color: #ffccd9;
}

.selected-primary-color .color {
  margin-top: 7px;
  height: 30px;
  width: 30px;
}

.selected-secondary-color .color {
  margin-top: 7px;
  height: 30px;
  width: 30px;
  border: 1px solid #A8A8A8;
}

/*SET WHITELABELING COLOR FOR PRIMARY STYLE*/
/*-----------------------------------BASE GANOOSH PRIMARY COLOR-----------------------------------*/
.gpc .navigation li a {
  color: #027A8F;
}
.gpc .navigation li#has-children:hover a,
.gpc .navigation li#has-children #sub-menu li a,
.gpc .navigation li a.active,
.gpc .navigation li a:hover {
  background-color: #027A8F;
}
.gpc .navigation .button button {
  background-color: #013a44;
}
.gpc .navigation .button button:hover {
  background-color: #03a5c1;
}
.gpc .card,
.gpc .card .progress .steps figure,
.gpc .resource .loader {
  background-color: #027A8F;
}
.gpc .card .progress .steps h3,
.gpc .card .progress .steps p {
  opacity: 0.7;
}
.gpc .card .progress .steps figure {
  border: 2px solid white;
}
.gpc .card .progress .steps.active h3,
.gpc .card .progress .steps.active p {
  opacity: 1;
}
.gpc .card .progress .steps.active figure {
  background-color: #FF990C;
  border-color: #FF990C;
}
.gpc .card .progress .steps figure:after,
.gpc .card.resource {
  background-color: white;
}
.gpc .card.resource .text h3,
.gpc .card.resource .text h3 span,
.gpc .card.resource .text p {
  color: #027A8F;
}
.gpc .heading, .gpc h1, .gpc h1 span, .gpc h1 a,
.gpc .resource .article h1,
.gpc .resource .article h2,
.gpc .resource .article h3,
.gpc .resource .article h4,
.gpc .resource .article a {
  color: #027A8F;
}
.gpc .login h1, .gpc .login h2, .gpc .login p, .gpc .signup h1, .gpc .signup h2, .gpc .signup p, .gpc .thank-you h1, .gpc .thank-you h2, .gpc .thank-you p, .gpc .setup-wizard h1, .gpc .setup-wizard h2, .gpc .setup-wizard p {
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.gpc .resource .article p,
.gpc .resource .article li {
  color: black;
}
.gpc .primary {
  background: #027A8F;
}
.gpc .secondary {
  background: #FF990C;
}
.gpc .secondary:hover {
  background: #a56000;
}
.gpc .button button.add,
.gpc .button a.add,
.gpc .button button.view,
.gpc .button button.custom,
.gpc .button button.custom.primary,
.gpc .button button.custom.inv:hover,
.gpc .button button.custom.inv.active,
.gpc .button button.custom.rev:hover,
.gpc .button button.cancel {
  background-color: #013a44;
}
.gpc .button button.add:hover,
.gpc .button a.add:hover,
.gpc .button button.view:hover,
.gpc .button button.custom:hover,
.gpc .button button.custom.primary:hover,
.gpc .button button.cancel:hover {
  background-color: #03a5c1;
}
.gpc .button button.save,
.gpc .button button.custom.secondary,
.gpc .button button.confirm {
  background-color: #FF990C;
}
.gpc .button button.save:hover,
.gpc .button button.custom.secondary:hover,
.gpc .button button.confirm:hover {
  background-color: #a56000;
}
.gpc .button button.custom.tertiary,
.gpc .button button.custom.active {
  background-color: #FF990C;
}
.gpc .button button.custom.tertiary:hover,
.gpc .button button.custom.active:hover {
  background-color: #ffa426;
}
.gpc .button button.custom.inv,
.gpc .button button.custom.rev:hover,
.gpc .button button.custom.rev.active {
  background-color: #027A8F;
}
.gpc .options.multiple button {
  background-color: #026576;
}
.gpc .options.multiple button.active {
  background-color: #027A8F;
}
.gpc .form .input-group input::placeholder,
.gpc .form .input-group select:selected {
  color: #03a5c1;
}
.gpc .form .input-group textarea {
  color: black;
}
.gpc .modal,
.gpc .modal.events .title,
.gpc .modal.events .event {
  background-color: #027A8F;
}
.gpc .modal.events {
  background-color: #015362;
}
.gpc .modal.events .event .event-details #public-notes {
  background-color: #013a44;
  border-color: #013a44;
}
.gpc .modal.confirmation .mat-dialog-title {
  margin-bottom: 0px;
}
.gpc .modal.confirmation .mat-dialog-content {
  color: white;
}
.gpc .cal-day-headers,
.gpc .cal-header,
.gpc .cal-header:hover,
.gpc .cal-header.cal-today {
  background-color: #027A8F;
}
.gpc .calendar.add-edit .recurrence .card {
  background-color: #013a44;
}
.gpc .calendar.add-edit .recurrence .card .button .save {
  background-color: #027A8F;
}
.gpc .calendar .cal-open-day-events {
  background-color: #013a44;
  box-shadow: none;
}
.gpc .little-ones .overview .item {
  background-color: #FF990C;
}
.gpc .little-ones .overview .item:hover,
.gpc .little-ones .overview .item.active {
  background-color: #013a44;
}
.gpc .little-ones .overview .item.disabled {
  background-color: #02879e;
}
.gpc .little-ones .overview-details .button .submitted {
  background-color: #013a44;
}

/*---------------------------------------PRIMARY COLOR 1---------------------------------------*/
.gpc1 .navigation li a {
  color: #027A8F;
}
.gpc1 .navigation li#has-children:hover a,
.gpc1 .navigation li#has-children #sub-menu li a,
.gpc1 .navigation li a.active,
.gpc1 .navigation li a:hover {
  background-color: #027A8F;
}
.gpc1 .navigation .button button {
  background-color: #013a44;
}
.gpc1 .navigation .button button:hover {
  background-color: #028fa8;
}
.gpc1 .card,
.gpc1 .card .progress .steps figure,
.gpc1 .resource .loader {
  background-color: #027A8F;
}
.gpc1 .card .progress .steps figure {
  background-color: #027A8F;
  border: 2px solid white;
}
.gpc1 .card .progress .steps figure:after,
.gpc1 .card.resource {
  background-color: white;
}
.gpc1 .card .progress .steps h3,
.gpc1 .card .progress .steps p {
  opacity: 0.7;
}
.gpc1 .card .progress .steps.active figure {
  background-color: #FF990C;
  border-color: #FF990C;
}
.gpc1 .card .progress .steps.active h3,
.gpc1 .card .progress .steps.active p {
  opacity: 1;
}
.gpc1 .card.resource .text h3,
.gpc1 .card.resource .text h3 span,
.gpc1 .card.resource .text p {
  color: #027A8F;
}
.gpc1 .heading, .gpc1 h1, .gpc1 h1 span, .gpc1 h1 a,
.gpc1 .resource .article h1,
.gpc1 .resource .article h2,
.gpc1 .resource .article h3,
.gpc1 .resource .article h4,
.gpc1 .resource .article a {
  color: #027A8F;
}
.gpc1 .login h1, .gpc1 .login h2, .gpc1 .login p, .gpc1 .signup h1, .gpc1 .signup h2, .gpc1 .signup p, .gpc1 .thank-you h1, .gpc1 .thank-you h2, .gpc1 .thank-you p, .gpc1 .setup-wizard h1, .gpc1 .setup-wizard h2, .gpc1 .setup-wizard p {
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.gpc1 .resource .article p,
.gpc1 .resource .article li {
  color: black;
}
.gpc1 .primary {
  background: #027A8F;
}
.gpc1 .secondary {
  background: #013a44;
}
.gpc1 .secondary:hover {
  background: #028fa8;
}
.gpc1 .button a.add {
  background-color: #013a44;
}
.gpc1 .button a.add:hover {
  background-color: #028fa8;
}
.gpc1 .button button.add {
  background-color: #013a44;
}
.gpc1 .button button.add:hover {
  background-color: #028fa8;
}
.gpc1 .button button.save {
  background-color: #013a44;
}
.gpc1 .button button.save:hover {
  background-color: #028fa8;
}
.gpc1 .button button.view {
  background-color: #013a44;
}
.gpc1 .button button.view:hover {
  background-color: #028fa8;
}
.gpc1 .button button.custom {
  background-color: #013a44;
}
.gpc1 .button button.custom:hover {
  background-color: #028fa8;
}
.gpc1 .button button.custom.primary {
  background-color: #013a44;
}
.gpc1 .button button.custom:hover {
  background-color: #028fa8;
}
.gpc1 .button button.custom.secondary {
  background-color: #027A8F;
}
.gpc1 .button button.custom.secondary:hover {
  background-color: #028fa8;
}
.gpc1 .button button.custom.tertiary {
  background-color: #028fa8;
}
.gpc1 .button button.custom.inv {
  background-color: #027A8F;
}
.gpc1 .button button.custom.inv:hover {
  background-color: #013a44;
}
.gpc1 .button button.custom.inv.active {
  background-color: #013a44 !important;
}
.gpc1 .button button.custom.active {
  background-color: #028fa8;
}
.gpc1 .button button.confirm {
  background-color: #013a44;
}
.gpc1 .button button.confirm:hover {
  background-color: #028fa8;
}
.gpc1 .button button.cancel {
  background-color: #028fa8;
}
.gpc1 .button button.cancel:hover {
  background-color: #013a44;
}
.gpc1 .options.multiple button {
  background-color: #026576;
}
.gpc1 .options.multiple button.active {
  background-color: #027A8F;
}
.gpc1 .form .input-group input::placeholder {
  color: #028fa8;
}
.gpc1 .form .input-group select:selected {
  color: #028fa8;
}
.gpc1 .form .input-group textarea {
  color: black;
}
.gpc1 .modal {
  background-color: #027A8F;
}
.gpc1 .modal.events {
  background-color: #015362;
}
.gpc1 .modal.events .title {
  background-color: #027A8F;
}
.gpc1 .modal.events .event {
  background-color: #027A8F;
}
.gpc1 .modal.events .event .event-details #public-notes {
  background-color: #013a44;
  border-color: #013a44;
}
.gpc1 .modal.confirmation .mat-dialog-title {
  margin-bottom: 0px;
}
.gpc1 .modal.confirmation .mat-dialog-content {
  color: white;
}
.gpc1 .cal-day-headers {
  background-color: #027A8F !important;
}
.gpc1 .cal-header {
  background-color: #027A8F;
}
.gpc1 .cal-header:hover {
  background-color: #027A8F !important;
}
.gpc1 .cal-header.cal-today {
  background-color: #027A8F !important;
}
.gpc1 .calendar.add-edit .recurrence .card {
  background-color: #013a44;
}
.gpc1 .calendar.add-edit .recurrence .card .button .save {
  background-color: #027A8F;
}
.gpc1 .calendar .cal-open-day-events {
  background-color: #013a44;
  box-shadow: none;
}
.gpc1 .little-ones .overview .item {
  background-color: #013a44;
}
.gpc1 .little-ones .overview .item:hover {
  background-color: #028fa8;
}
.gpc1 .little-ones .overview .item.active {
  background-color: #028fa8;
}
.gpc1 .little-ones .overview .item.disabled {
  background-color: #02879e;
}
.gpc1 .little-ones .overview-details .button .submitted {
  background-color: #013a44;
}

/*---------------------------------------PRIMARY COLOR 2---------------------------------------*/
.gpc2 .navigation li a {
  color: #8B001C;
}
.gpc2 .navigation li#has-children:hover a,
.gpc2 .navigation li#has-children #sub-menu li a,
.gpc2 .navigation li a.active,
.gpc2 .navigation li a:hover {
  background-color: #8B001C;
}
.gpc2 .navigation .button button {
  background-color: #3f000d;
}
.gpc2 .navigation .button button:hover {
  background-color: #a50021;
}
.gpc2 .card,
.gpc2 .card .progress .steps figure,
.gpc2 .resource .loader {
  background-color: #8B001C;
}
.gpc2 .card .progress .steps figure {
  background-color: #8B001C;
  border: 2px solid white;
}
.gpc2 .card .progress .steps figure:after,
.gpc2 .card.resource {
  background-color: white;
}
.gpc2 .card .progress .steps h3,
.gpc2 .card .progress .steps p {
  opacity: 0.7;
}
.gpc2 .card .progress .steps.active figure {
  background-color: #FF990C;
  border-color: #FF990C;
}
.gpc2 .card .progress .steps.active h3,
.gpc2 .card .progress .steps.active p {
  opacity: 1;
}
.gpc2 .card.resource .text h3,
.gpc2 .card.resource .text h3 span,
.gpc2 .card.resource .text p {
  color: #8B001C;
}
.gpc2 .heading, .gpc2 h1, .gpc2 h1 span, .gpc2 h1 a,
.gpc2 .resource .article h1,
.gpc2 .resource .article h2,
.gpc2 .resource .article h3,
.gpc2 .resource .article h4,
.gpc2 .resource .article a {
  color: #8B001C;
}
.gpc2 .login h1, .gpc2 .login h2, .gpc2 .login p, .gpc2 .signup h1, .gpc2 .signup h2, .gpc2 .signup p, .gpc2 .thank-you h1, .gpc2 .thank-you h2, .gpc2 .thank-you p, .gpc2 .setup-wizard h1, .gpc2 .setup-wizard h2, .gpc2 .setup-wizard p {
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.gpc2 .resource .article p,
.gpc2 .resource .article li {
  color: black;
}
.gpc2 .primary {
  background: #8B001C;
}
.gpc2 .secondary {
  background: #3f000d;
}
.gpc2 .secondary:hover {
  background: #a50021;
}
.gpc2 .button a.add {
  background-color: #3f000d;
}
.gpc2 .button a.add:hover {
  background-color: #a50021;
}
.gpc2 .button button.add {
  background-color: #3f000d;
}
.gpc2 .button button.add:hover {
  background-color: #a50021;
}
.gpc2 .button button.save {
  background-color: #3f000d;
}
.gpc2 .button button.save:hover {
  background-color: #a50021;
}
.gpc2 .button button.view {
  background-color: #3f000d;
}
.gpc2 .button button.view:hover {
  background-color: #a50021;
}
.gpc2 .button button.custom {
  background-color: #3f000d;
}
.gpc2 .button button.custom:hover {
  background-color: #a50021;
}
.gpc2 .button button.custom.primary {
  background-color: #3f000d;
}
.gpc2 .button button.custom:hover {
  background-color: #a50021;
}
.gpc2 .button button.custom.secondary {
  background-color: #8B001C;
}
.gpc2 .button button.custom.secondary:hover {
  background-color: #a50021;
}
.gpc2 .button button.custom.tertiary {
  background-color: #a50021;
}
.gpc2 .button button.custom.inv {
  background-color: #8B001C;
}
.gpc2 .button button.custom.inv:hover {
  background-color: #3f000d;
}
.gpc2 .button button.custom.inv.active {
  background-color: #3f000d !important;
}
.gpc2 .button button.custom.active {
  background-color: #a50021;
}
.gpc2 .button button.confirm {
  background-color: #3f000d;
}
.gpc2 .button button.confirm:hover {
  background-color: #a50021;
}
.gpc2 .button button.cancel {
  background-color: #a50021;
}
.gpc2 .button button.cancel:hover {
  background-color: #3f000d;
}
.gpc2 .options.multiple button {
  background-color: #720017;
}
.gpc2 .options.multiple button.active {
  background-color: #8B001C;
}
.gpc2 .form .input-group input::placeholder {
  color: #a50021;
}
.gpc2 .form .input-group select:selected {
  color: #a50021;
}
.gpc2 .form .input-group textarea {
  color: black;
}
.gpc2 .modal {
  background-color: #8B001C;
}
.gpc2 .modal.events {
  background-color: #5d0013;
}
.gpc2 .modal.events .title {
  background-color: #8B001C;
}
.gpc2 .modal.events .event {
  background-color: #8B001C;
}
.gpc2 .modal.events .event .event-details #public-notes {
  background-color: #3f000d;
  border-color: #3f000d;
}
.gpc2 .modal.confirmation .mat-dialog-title {
  margin-bottom: 0px;
}
.gpc2 .modal.confirmation .mat-dialog-content {
  color: white;
}
.gpc2 .cal-day-headers {
  background-color: #8B001C !important;
}
.gpc2 .cal-header {
  background-color: #8B001C;
}
.gpc2 .cal-header:hover {
  background-color: #8B001C !important;
}
.gpc2 .cal-header.cal-today {
  background-color: #8B001C !important;
}
.gpc2 .calendar.add-edit .recurrence .card {
  background-color: #3f000d;
}
.gpc2 .calendar.add-edit .recurrence .card .button .save {
  background-color: #8B001C;
}
.gpc2 .calendar .cal-open-day-events {
  background-color: #3f000d;
  box-shadow: none;
}
.gpc2 .little-ones .overview .item {
  background-color: #3f000d;
}
.gpc2 .little-ones .overview .item:hover {
  background-color: #a50021;
}
.gpc2 .little-ones .overview .item.active {
  background-color: #a50021;
}
.gpc2 .little-ones .overview .item.disabled {
  background-color: #9a001f;
}
.gpc2 .little-ones .overview-details .button .submitted {
  background-color: #3f000d;
}

/*---------------------------------------PRIMARY COLOR 3---------------------------------------*/
.gpc3 .navigation li a {
  color: #0D86FC;
}
.gpc3 .navigation li#has-children:hover a,
.gpc3 .navigation li#has-children #sub-menu li a,
.gpc3 .navigation li a.active,
.gpc3 .navigation li a:hover {
  background-color: #0D86FC;
}
.gpc3 .navigation .button button {
  background-color: #025fba;
}
.gpc3 .navigation .button button:hover {
  background-color: #2693fc;
}
.gpc3 .card,
.gpc3 .card .progress .steps figure,
.gpc3 .resource .loader {
  background-color: #0D86FC;
}
.gpc3 .card .progress .steps figure {
  background-color: #0D86FC;
  border: 2px solid white;
}
.gpc3 .card .progress .steps figure:after,
.gpc3 .card.resource {
  background-color: white;
}
.gpc3 .card .progress .steps h3,
.gpc3 .card .progress .steps p {
  opacity: 0.7;
}
.gpc3 .card .progress .steps.active figure {
  background-color: #FF990C;
  border-color: #FF990C;
}
.gpc3 .card .progress .steps.active h3,
.gpc3 .card .progress .steps.active p {
  opacity: 1;
}
.gpc3 .card.resource .text h3,
.gpc3 .card.resource .text h3 span,
.gpc3 .card.resource .text p {
  color: #0D86FC;
}
.gpc3 .heading, .gpc3 h1, .gpc3 h1 span, .gpc3 h1 a,
.gpc3 .resource .article h1,
.gpc3 .resource .article h2,
.gpc3 .resource .article h3,
.gpc3 .resource .article h4,
.gpc3 .resource .article a {
  color: #0D86FC;
}
.gpc3 .login h1, .gpc3 .login h2, .gpc3 .login p, .gpc3 .signup h1, .gpc3 .signup h2, .gpc3 .signup p, .gpc3 .thank-you h1, .gpc3 .thank-you h2, .gpc3 .thank-you p, .gpc3 .setup-wizard h1, .gpc3 .setup-wizard h2, .gpc3 .setup-wizard p {
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.gpc3 .resource .article p,
.gpc3 .resource .article li {
  color: black;
}
.gpc3 .primary {
  background: #0D86FC;
}
.gpc3 .secondary {
  background: #025fba;
}
.gpc3 .secondary:hover {
  background: #2693fc;
}
.gpc3 .button a.add {
  background-color: #025fba;
}
.gpc3 .button a.add:hover {
  background-color: #2693fc;
}
.gpc3 .button button.add {
  background-color: #025fba;
}
.gpc3 .button button.add:hover {
  background-color: #2693fc;
}
.gpc3 .button button.save {
  background-color: #025fba;
}
.gpc3 .button button.save:hover {
  background-color: #2693fc;
}
.gpc3 .button button.view {
  background-color: #025fba;
}
.gpc3 .button button.view:hover {
  background-color: #2693fc;
}
.gpc3 .button button.custom {
  background-color: #025fba;
}
.gpc3 .button button.custom:hover {
  background-color: #2693fc;
}
.gpc3 .button button.custom.primary {
  background-color: #025fba;
}
.gpc3 .button button.custom:hover {
  background-color: #2693fc;
}
.gpc3 .button button.custom.secondary {
  background-color: #0D86FC;
}
.gpc3 .button button.custom.secondary:hover {
  background-color: #2693fc;
}
.gpc3 .button button.custom.tertiary {
  background-color: #2693fc;
}
.gpc3 .button button.custom.inv {
  background-color: #0D86FC;
}
.gpc3 .button button.custom.inv:hover {
  background-color: #025fba;
}
.gpc3 .button button.custom.inv.active {
  background-color: #025fba !important;
}
.gpc3 .button button.custom.active {
  background-color: #2693fc;
}
.gpc3 .button button.confirm {
  background-color: #025fba;
}
.gpc3 .button button.confirm:hover {
  background-color: #2693fc;
}
.gpc3 .button button.cancel {
  background-color: #2693fc;
}
.gpc3 .button button.cancel:hover {
  background-color: #025fba;
}
.gpc3 .options.multiple button {
  background-color: #0379ed;
}
.gpc3 .options.multiple button.active {
  background-color: #0D86FC;
}
.gpc3 .form .input-group input::placeholder {
  color: #2693fc;
}
.gpc3 .form .input-group select:selected {
  color: #2693fc;
}
.gpc3 .form .input-group textarea {
  color: black;
}
.gpc3 .modal {
  background-color: #0D86FC;
}
.gpc3 .modal.events {
  background-color: #036fd8;
}
.gpc3 .modal.events .title {
  background-color: #0D86FC;
}
.gpc3 .modal.events .event {
  background-color: #0D86FC;
}
.gpc3 .modal.events .event .event-details #public-notes {
  background-color: #025fba;
  border-color: #025fba;
}
.gpc3 .modal.confirmation .mat-dialog-title {
  margin-bottom: 0px;
}
.gpc3 .modal.confirmation .mat-dialog-content {
  color: white;
}
.gpc3 .cal-day-headers {
  background-color: #0D86FC !important;
}
.gpc3 .cal-header {
  background-color: #0D86FC;
}
.gpc3 .cal-header:hover {
  background-color: #0D86FC !important;
}
.gpc3 .cal-header.cal-today {
  background-color: #0D86FC !important;
}
.gpc3 .calendar.add-edit .recurrence .card {
  background-color: #025fba;
}
.gpc3 .calendar.add-edit .recurrence .card .button .save {
  background-color: #0D86FC;
}
.gpc3 .calendar .cal-open-day-events {
  background-color: #025fba;
  box-shadow: none;
}
.gpc3 .little-ones .overview .item {
  background-color: #025fba;
}
.gpc3 .little-ones .overview .item:hover {
  background-color: #2693fc;
}
.gpc3 .little-ones .overview .item.active {
  background-color: #2693fc;
}
.gpc3 .little-ones .overview .item.disabled {
  background-color: #1c8efc;
}
.gpc3 .little-ones .overview-details .button .submitted {
  background-color: #025fba;
}

/*---------------------------------------PRIMARY COLOR 4---------------------------------------*/
.gpc4 .navigation li a {
  color: #11A760;
}
.gpc4 .navigation li#has-children:hover a,
.gpc4 .navigation li#has-children #sub-menu li a,
.gpc4 .navigation li a.active,
.gpc4 .navigation li a:hover {
  background-color: #11A760;
}
.gpc4 .navigation .button button {
  background-color: #0a6238;
}
.gpc4 .navigation .button button:hover {
  background-color: #13be6d;
}
.gpc4 .card,
.gpc4 .card .progress .steps figure,
.gpc4 .resource .loader {
  background-color: #11A760;
}
.gpc4 .card .progress .steps figure {
  background-color: #11A760;
  border: 2px solid white;
}
.gpc4 .card .progress .steps figure:after,
.gpc4 .card.resource {
  background-color: white;
}
.gpc4 .card .progress .steps h3,
.gpc4 .card .progress .steps p {
  opacity: 0.7;
}
.gpc4 .card .progress .steps.active figure {
  background-color: #FF990C;
  border-color: #FF990C;
}
.gpc4 .card .progress .steps.active h3,
.gpc4 .card .progress .steps.active p {
  opacity: 1;
}
.gpc4 .card.resource .text h3,
.gpc4 .card.resource .text h3 span,
.gpc4 .card.resource .text p {
  color: #11A760;
}
.gpc4 .heading, .gpc4 h1, .gpc4 h1 span, .gpc4 h1 a,
.gpc4 .resource .article h1,
.gpc4 .resource .article h2,
.gpc4 .resource .article h3,
.gpc4 .resource .article h4,
.gpc4 .resource .article a {
  color: #11A760;
}
.gpc4 .login h1, .gpc4 .login h2, .gpc4 .login p, .gpc4 .signup h1, .gpc4 .signup h2, .gpc4 .signup p, .gpc4 .thank-you h1, .gpc4 .thank-you h2, .gpc4 .thank-you p, .gpc4 .setup-wizard h1, .gpc4 .setup-wizard h2, .gpc4 .setup-wizard p {
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.gpc4 .resource .article p,
.gpc4 .resource .article li {
  color: black;
}
.gpc4 .primary {
  background: #11A760;
}
.gpc4 .secondary {
  background: #0a6238;
}
.gpc4 .secondary:hover {
  background: #13be6d;
}
.gpc4 .button a.add {
  background-color: #0a6238;
}
.gpc4 .button a.add:hover {
  background-color: #13be6d;
}
.gpc4 .button button.add {
  background-color: #0a6238;
}
.gpc4 .button button.add:hover {
  background-color: #13be6d;
}
.gpc4 .button button.save {
  background-color: #0a6238;
}
.gpc4 .button button.save:hover {
  background-color: #13be6d;
}
.gpc4 .button button.view {
  background-color: #0a6238;
}
.gpc4 .button button.view:hover {
  background-color: #13be6d;
}
.gpc4 .button button.custom {
  background-color: #0a6238;
}
.gpc4 .button button.custom:hover {
  background-color: #13be6d;
}
.gpc4 .button button.custom.primary {
  background-color: #0a6238;
}
.gpc4 .button button.custom:hover {
  background-color: #13be6d;
}
.gpc4 .button button.custom.secondary {
  background-color: #11A760;
}
.gpc4 .button button.custom.secondary:hover {
  background-color: #13be6d;
}
.gpc4 .button button.custom.tertiary {
  background-color: #13be6d;
}
.gpc4 .button button.custom.inv {
  background-color: #11A760;
}
.gpc4 .button button.custom.inv:hover {
  background-color: #0a6238;
}
.gpc4 .button button.custom.inv.active {
  background-color: #0a6238 !important;
}
.gpc4 .button button.custom.active {
  background-color: #13be6d;
}
.gpc4 .button button.confirm {
  background-color: #0a6238;
}
.gpc4 .button button.confirm:hover {
  background-color: #13be6d;
}
.gpc4 .button button.cancel {
  background-color: #13be6d;
}
.gpc4 .button button.cancel:hover {
  background-color: #0a6238;
}
.gpc4 .options.multiple button {
  background-color: #0f9053;
}
.gpc4 .options.multiple button.active {
  background-color: #11A760;
}
.gpc4 .form .input-group input::placeholder {
  color: #13be6d;
}
.gpc4 .form .input-group select:selected {
  color: #13be6d;
}
.gpc4 .form .input-group textarea {
  color: black;
}
.gpc4 .modal {
  background-color: #11A760;
}
.gpc4 .modal.events {
  background-color: #0d7d48;
}
.gpc4 .modal.events .title {
  background-color: #11A760;
}
.gpc4 .modal.events .event {
  background-color: #11A760;
}
.gpc4 .modal.events .event .event-details #public-notes {
  background-color: #0a6238;
  border-color: #0a6238;
}
.gpc4 .modal.confirmation .mat-dialog-title {
  margin-bottom: 0px;
}
.gpc4 .modal.confirmation .mat-dialog-content {
  color: white;
}
.gpc4 .cal-day-headers {
  background-color: #11A760 !important;
}
.gpc4 .cal-header {
  background-color: #11A760;
}
.gpc4 .cal-header:hover {
  background-color: #11A760 !important;
}
.gpc4 .cal-header.cal-today {
  background-color: #11A760 !important;
}
.gpc4 .calendar.add-edit .recurrence .card {
  background-color: #0a6238;
}
.gpc4 .calendar.add-edit .recurrence .card .button .save {
  background-color: #11A760;
}
.gpc4 .calendar .cal-open-day-events {
  background-color: #0a6238;
  box-shadow: none;
}
.gpc4 .little-ones .overview .item {
  background-color: #0a6238;
}
.gpc4 .little-ones .overview .item:hover {
  background-color: #13be6d;
}
.gpc4 .little-ones .overview .item.active {
  background-color: #13be6d;
}
.gpc4 .little-ones .overview .item.disabled {
  background-color: #12b568;
}
.gpc4 .little-ones .overview-details .button .submitted {
  background-color: #0a6238;
}

/*---------------------------------------PRIMARY COLOR 5---------------------------------------*/
.gpc5 .navigation li a {
  color: #E52674;
}
.gpc5 .navigation li#has-children:hover a,
.gpc5 .navigation li#has-children #sub-menu li a,
.gpc5 .navigation li a.active,
.gpc5 .navigation li a:hover {
  background-color: #E52674;
}
.gpc5 .navigation .button button {
  background-color: #aa1452;
}
.gpc5 .navigation .button button:hover {
  background-color: #e83d83;
}
.gpc5 .card,
.gpc5 .card .progress .steps figure,
.gpc5 .resource .loader {
  background-color: #E52674;
}
.gpc5 .card .progress .steps figure {
  background-color: #E52674;
  border: 2px solid white;
}
.gpc5 .card .progress .steps figure:after,
.gpc5 .card.resource {
  background-color: white;
}
.gpc5 .card .progress .steps h3,
.gpc5 .card .progress .steps p {
  opacity: 0.7;
}
.gpc5 .card .progress .steps.active figure {
  background-color: #FF990C;
  border-color: #FF990C;
}
.gpc5 .card .progress .steps.active h3,
.gpc5 .card .progress .steps.active p {
  opacity: 1;
}
.gpc5 .card.resource .text h3,
.gpc5 .card.resource .text h3 span,
.gpc5 .card.resource .text p {
  color: #E52674;
}
.gpc5 .heading, .gpc5 h1, .gpc5 h1 span, .gpc5 h1 a,
.gpc5 .resource .article h1,
.gpc5 .resource .article h2,
.gpc5 .resource .article h3,
.gpc5 .resource .article h4,
.gpc5 .resource .article a {
  color: #E52674;
}
.gpc5 .login h1, .gpc5 .login h2, .gpc5 .login p, .gpc5 .signup h1, .gpc5 .signup h2, .gpc5 .signup p, .gpc5 .thank-you h1, .gpc5 .thank-you h2, .gpc5 .thank-you p, .gpc5 .setup-wizard h1, .gpc5 .setup-wizard h2, .gpc5 .setup-wizard p {
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.gpc5 .resource .article p,
.gpc5 .resource .article li {
  color: black;
}
.gpc5 .primary {
  background: #E52674;
}
.gpc5 .secondary {
  background: #aa1452;
}
.gpc5 .secondary:hover {
  background: #e83d83;
}
.gpc5 .button a.add {
  background-color: #aa1452;
}
.gpc5 .button a.add:hover {
  background-color: #e83d83;
}
.gpc5 .button button.add {
  background-color: #aa1452;
}
.gpc5 .button button.add:hover {
  background-color: #e83d83;
}
.gpc5 .button button.save {
  background-color: #aa1452;
}
.gpc5 .button button.save:hover {
  background-color: #e83d83;
}
.gpc5 .button button.view {
  background-color: #aa1452;
}
.gpc5 .button button.view:hover {
  background-color: #e83d83;
}
.gpc5 .button button.custom {
  background-color: #aa1452;
}
.gpc5 .button button.custom:hover {
  background-color: #e83d83;
}
.gpc5 .button button.custom.primary {
  background-color: #aa1452;
}
.gpc5 .button button.custom:hover {
  background-color: #e83d83;
}
.gpc5 .button button.custom.secondary {
  background-color: #E52674;
}
.gpc5 .button button.custom.secondary:hover {
  background-color: #e83d83;
}
.gpc5 .button button.custom.tertiary {
  background-color: #e83d83;
}
.gpc5 .button button.custom.inv {
  background-color: #E52674;
}
.gpc5 .button button.custom.inv:hover {
  background-color: #aa1452;
}
.gpc5 .button button.custom.inv.active {
  background-color: #aa1452 !important;
}
.gpc5 .button button.custom.active {
  background-color: #e83d83;
}
.gpc5 .button button.confirm {
  background-color: #aa1452;
}
.gpc5 .button button.confirm:hover {
  background-color: #e83d83;
}
.gpc5 .button button.cancel {
  background-color: #e83d83;
}
.gpc5 .button button.cancel:hover {
  background-color: #aa1452;
}
.gpc5 .options.multiple button {
  background-color: #d81a67;
}
.gpc5 .options.multiple button.active {
  background-color: #E52674;
}
.gpc5 .form .input-group input::placeholder {
  color: #e83d83;
}
.gpc5 .form .input-group select:selected {
  color: #e83d83;
}
.gpc5 .form .input-group textarea {
  color: black;
}
.gpc5 .modal {
  background-color: #E52674;
}
.gpc5 .modal.events {
  background-color: #c5185f;
}
.gpc5 .modal.events .title {
  background-color: #E52674;
}
.gpc5 .modal.events .event {
  background-color: #E52674;
}
.gpc5 .modal.events .event .event-details #public-notes {
  background-color: #aa1452;
  border-color: #aa1452;
}
.gpc5 .modal.confirmation .mat-dialog-title {
  margin-bottom: 0px;
}
.gpc5 .modal.confirmation .mat-dialog-content {
  color: white;
}
.gpc5 .cal-day-headers {
  background-color: #E52674 !important;
}
.gpc5 .cal-header {
  background-color: #E52674;
}
.gpc5 .cal-header:hover {
  background-color: #E52674 !important;
}
.gpc5 .cal-header.cal-today {
  background-color: #E52674 !important;
}
.gpc5 .calendar.add-edit .recurrence .card {
  background-color: #aa1452;
}
.gpc5 .calendar.add-edit .recurrence .card .button .save {
  background-color: #E52674;
}
.gpc5 .calendar .cal-open-day-events {
  background-color: #aa1452;
  box-shadow: none;
}
.gpc5 .little-ones .overview .item {
  background-color: #aa1452;
}
.gpc5 .little-ones .overview .item:hover {
  background-color: #e83d83;
}
.gpc5 .little-ones .overview .item.active {
  background-color: #e83d83;
}
.gpc5 .little-ones .overview .item.disabled {
  background-color: #e7347d;
}
.gpc5 .little-ones .overview-details .button .submitted {
  background-color: #aa1452;
}

/*---------------------------------------PRIMARY COLOR 6---------------------------------------*/
.gpc6 .navigation li a {
  color: #F68121;
}
.gpc6 .navigation li#has-children:hover a,
.gpc6 .navigation li#has-children #sub-menu li a,
.gpc6 .navigation li a.active,
.gpc6 .navigation li a:hover {
  background-color: #F68121;
}
.gpc6 .navigation .button button {
  background-color: #c35c08;
}
.gpc6 .navigation .button button:hover {
  background-color: #f78f3a;
}
.gpc6 .card,
.gpc6 .card .progress .steps figure,
.gpc6 .resource .loader {
  background-color: #F68121;
}
.gpc6 .card .progress .steps figure {
  background-color: #F68121;
  border: 2px solid white;
}
.gpc6 .card .progress .steps figure:after,
.gpc6 .card.resource {
  background-color: white;
}
.gpc6 .card .progress .steps h3,
.gpc6 .card .progress .steps p {
  opacity: 0.7;
}
.gpc6 .card .progress .steps.active figure {
  background-color: #FF990C;
  border-color: #FF990C;
}
.gpc6 .card .progress .steps.active h3,
.gpc6 .card .progress .steps.active p {
  opacity: 1;
}
.gpc6 .card.resource .text h3,
.gpc6 .card.resource .text h3 span,
.gpc6 .card.resource .text p {
  color: #F68121;
}
.gpc6 .heading, .gpc6 h1, .gpc6 h1 span, .gpc6 h1 a,
.gpc6 .resource .article h1,
.gpc6 .resource .article h2,
.gpc6 .resource .article h3,
.gpc6 .resource .article h4,
.gpc6 .resource .article a {
  color: #F68121;
}
.gpc6 .login h1, .gpc6 .login h2, .gpc6 .login p, .gpc6 .signup h1, .gpc6 .signup h2, .gpc6 .signup p, .gpc6 .thank-you h1, .gpc6 .thank-you h2, .gpc6 .thank-you p, .gpc6 .setup-wizard h1, .gpc6 .setup-wizard h2, .gpc6 .setup-wizard p {
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.gpc6 .resource .article p,
.gpc6 .resource .article li {
  color: black;
}
.gpc6 .primary {
  background: #F68121;
}
.gpc6 .secondary {
  background: #c35c08;
}
.gpc6 .secondary:hover {
  background: #f78f3a;
}
.gpc6 .button a.add {
  background-color: #c35c08;
}
.gpc6 .button a.add:hover {
  background-color: #f78f3a;
}
.gpc6 .button button.add {
  background-color: #c35c08;
}
.gpc6 .button button.add:hover {
  background-color: #f78f3a;
}
.gpc6 .button button.save {
  background-color: #c35c08;
}
.gpc6 .button button.save:hover {
  background-color: #f78f3a;
}
.gpc6 .button button.view {
  background-color: #c35c08;
}
.gpc6 .button button.view:hover {
  background-color: #f78f3a;
}
.gpc6 .button button.custom {
  background-color: #c35c08;
}
.gpc6 .button button.custom:hover {
  background-color: #f78f3a;
}
.gpc6 .button button.custom.primary {
  background-color: #c35c08;
}
.gpc6 .button button.custom:hover {
  background-color: #f78f3a;
}
.gpc6 .button button.custom.secondary {
  background-color: #F68121;
}
.gpc6 .button button.custom.secondary:hover {
  background-color: #f78f3a;
}
.gpc6 .button button.custom.tertiary {
  background-color: #f78f3a;
}
.gpc6 .button button.custom.inv {
  background-color: #F68121;
}
.gpc6 .button button.custom.inv:hover {
  background-color: #c35c08;
}
.gpc6 .button button.custom.inv.active {
  background-color: #c35c08 !important;
}
.gpc6 .button button.custom.active {
  background-color: #f78f3a;
}
.gpc6 .button button.confirm {
  background-color: #c35c08;
}
.gpc6 .button button.confirm:hover {
  background-color: #f78f3a;
}
.gpc6 .button button.cancel {
  background-color: #f78f3a;
}
.gpc6 .button button.cancel:hover {
  background-color: #c35c08;
}
.gpc6 .options.multiple button {
  background-color: #f4730a;
}
.gpc6 .options.multiple button.active {
  background-color: #F68121;
}
.gpc6 .form .input-group input::placeholder {
  color: #f78f3a;
}
.gpc6 .form .input-group select:selected {
  color: #f78f3a;
}
.gpc6 .form .input-group textarea {
  color: black;
}
.gpc6 .modal {
  background-color: #F68121;
}
.gpc6 .modal.events {
  background-color: #e06a09;
}
.gpc6 .modal.events .title {
  background-color: #F68121;
}
.gpc6 .modal.events .event {
  background-color: #F68121;
}
.gpc6 .modal.events .event .event-details #public-notes {
  background-color: #c35c08;
  border-color: #c35c08;
}
.gpc6 .modal.confirmation .mat-dialog-title {
  margin-bottom: 0px;
}
.gpc6 .modal.confirmation .mat-dialog-content {
  color: white;
}
.gpc6 .cal-day-headers {
  background-color: #F68121 !important;
}
.gpc6 .cal-header {
  background-color: #F68121;
}
.gpc6 .cal-header:hover {
  background-color: #F68121 !important;
}
.gpc6 .cal-header.cal-today {
  background-color: #F68121 !important;
}
.gpc6 .calendar.add-edit .recurrence .card {
  background-color: #c35c08;
}
.gpc6 .calendar.add-edit .recurrence .card .button .save {
  background-color: #F68121;
}
.gpc6 .calendar .cal-open-day-events {
  background-color: #c35c08;
  box-shadow: none;
}
.gpc6 .little-ones .overview .item {
  background-color: #c35c08;
}
.gpc6 .little-ones .overview .item:hover {
  background-color: #f78f3a;
}
.gpc6 .little-ones .overview .item.active {
  background-color: #f78f3a;
}
.gpc6 .little-ones .overview .item.disabled {
  background-color: #f78930;
}
.gpc6 .little-ones .overview-details .button .submitted {
  background-color: #c35c08;
}

/*---------------------------------------PRIMARY COLOR 7---------------------------------------*/
.gpc7 .navigation li a {
  color: #8457C4;
}
.gpc7 .navigation li#has-children:hover a,
.gpc7 .navigation li#has-children #sub-menu li a,
.gpc7 .navigation li a.active,
.gpc7 .navigation li a:hover {
  background-color: #8457C4;
}
.gpc7 .navigation .button button {
  background-color: #5f3699;
}
.gpc7 .navigation .button button:hover {
  background-color: #926acb;
}
.gpc7 .card,
.gpc7 .card .progress .steps figure,
.gpc7 .resource .loader {
  background-color: #8457C4;
}
.gpc7 .card .progress .steps figure {
  background-color: #8457C4;
  border: 2px solid white;
}
.gpc7 .card .progress .steps figure:after,
.gpc7 .card.resource {
  background-color: white;
}
.gpc7 .card .progress .steps h3,
.gpc7 .card .progress .steps p {
  opacity: 0.7;
}
.gpc7 .card .progress .steps.active figure {
  background-color: #FF990C;
  border-color: #FF990C;
}
.gpc7 .card .progress .steps.active h3,
.gpc7 .card .progress .steps.active p {
  opacity: 1;
}
.gpc7 .card.resource .text h3,
.gpc7 .card.resource .text h3 span,
.gpc7 .card.resource .text p {
  color: #8457C4;
}
.gpc7 .heading, .gpc7 h1, .gpc7 h1 span, .gpc7 h1 a,
.gpc7 .resource .article h1,
.gpc7 .resource .article h2,
.gpc7 .resource .article h3,
.gpc7 .resource .article h4,
.gpc7 .resource .article a {
  color: #8457C4;
}
.gpc7 .login h1, .gpc7 .login h2, .gpc7 .login p, .gpc7 .signup h1, .gpc7 .signup h2, .gpc7 .signup p, .gpc7 .thank-you h1, .gpc7 .thank-you h2, .gpc7 .thank-you p, .gpc7 .setup-wizard h1, .gpc7 .setup-wizard h2, .gpc7 .setup-wizard p {
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.gpc7 .resource .article p,
.gpc7 .resource .article li {
  color: black;
}
.gpc7 .primary {
  background: #8457C4;
}
.gpc7 .secondary {
  background: #5f3699;
}
.gpc7 .secondary:hover {
  background: #926acb;
}
.gpc7 .button a.add {
  background-color: #5f3699;
}
.gpc7 .button a.add:hover {
  background-color: #926acb;
}
.gpc7 .button button.add {
  background-color: #5f3699;
}
.gpc7 .button button.add:hover {
  background-color: #926acb;
}
.gpc7 .button button.save {
  background-color: #5f3699;
}
.gpc7 .button button.save:hover {
  background-color: #926acb;
}
.gpc7 .button button.view {
  background-color: #5f3699;
}
.gpc7 .button button.view:hover {
  background-color: #926acb;
}
.gpc7 .button button.custom {
  background-color: #5f3699;
}
.gpc7 .button button.custom:hover {
  background-color: #926acb;
}
.gpc7 .button button.custom.primary {
  background-color: #5f3699;
}
.gpc7 .button button.custom:hover {
  background-color: #926acb;
}
.gpc7 .button button.custom.secondary {
  background-color: #8457C4;
}
.gpc7 .button button.custom.secondary:hover {
  background-color: #926acb;
}
.gpc7 .button button.custom.tertiary {
  background-color: #926acb;
}
.gpc7 .button button.custom.inv {
  background-color: #8457C4;
}
.gpc7 .button button.custom.inv:hover {
  background-color: #5f3699;
}
.gpc7 .button button.custom.inv.active {
  background-color: #5f3699 !important;
}
.gpc7 .button button.custom.active {
  background-color: #926acb;
}
.gpc7 .button button.confirm {
  background-color: #5f3699;
}
.gpc7 .button button.confirm:hover {
  background-color: #926acb;
}
.gpc7 .button button.cancel {
  background-color: #926acb;
}
.gpc7 .button button.cancel:hover {
  background-color: #5f3699;
}
.gpc7 .options.multiple button {
  background-color: #7644bd;
}
.gpc7 .options.multiple button.active {
  background-color: #8457C4;
}
.gpc7 .form .input-group input::placeholder {
  color: #926acb;
}
.gpc7 .form .input-group select:selected {
  color: #926acb;
}
.gpc7 .form .input-group textarea {
  color: black;
}
.gpc7 .modal {
  background-color: #8457C4;
}
.gpc7 .modal.events {
  background-color: #6d3eaf;
}
.gpc7 .modal.events .title {
  background-color: #8457C4;
}
.gpc7 .modal.events .event {
  background-color: #8457C4;
}
.gpc7 .modal.events .event .event-details #public-notes {
  background-color: #5f3699;
  border-color: #5f3699;
}
.gpc7 .modal.confirmation .mat-dialog-title {
  margin-bottom: 0px;
}
.gpc7 .modal.confirmation .mat-dialog-content {
  color: white;
}
.gpc7 .cal-day-headers {
  background-color: #8457C4 !important;
}
.gpc7 .cal-header {
  background-color: #8457C4;
}
.gpc7 .cal-header:hover {
  background-color: #8457C4 !important;
}
.gpc7 .cal-header.cal-today {
  background-color: #8457C4 !important;
}
.gpc7 .calendar.add-edit .recurrence .card {
  background-color: #5f3699;
}
.gpc7 .calendar.add-edit .recurrence .card .button .save {
  background-color: #8457C4;
}
.gpc7 .calendar .cal-open-day-events {
  background-color: #5f3699;
  box-shadow: none;
}
.gpc7 .little-ones .overview .item {
  background-color: #5f3699;
}
.gpc7 .little-ones .overview .item:hover {
  background-color: #926acb;
}
.gpc7 .little-ones .overview .item.active {
  background-color: #926acb;
}
.gpc7 .little-ones .overview .item.disabled {
  background-color: #8c62c8;
}
.gpc7 .little-ones .overview-details .button .submitted {
  background-color: #5f3699;
}

/*---------------------------------------PRIMARY COLOR 8---------------------------------------*/
.gpc8 .navigation li a {
  color: #EE3C40;
}
.gpc8 .navigation li#has-children:hover a,
.gpc8 .navigation li#has-children #sub-menu li a,
.gpc8 .navigation li a.active,
.gpc8 .navigation li a:hover {
  background-color: #EE3C40;
}
.gpc8 .navigation .button button {
  background-color: #cc1216;
}
.gpc8 .navigation .button button:hover {
  background-color: #f05357;
}
.gpc8 .card,
.gpc8 .card .progress .steps figure,
.gpc8 .resource .loader {
  background-color: #EE3C40;
}
.gpc8 .card .progress .steps figure {
  background-color: #EE3C40;
  border: 2px solid white;
}
.gpc8 .card .progress .steps figure:after,
.gpc8 .card.resource {
  background-color: white;
}
.gpc8 .card .progress .steps h3,
.gpc8 .card .progress .steps p {
  opacity: 0.7;
}
.gpc8 .card .progress .steps.active figure {
  background-color: #FF990C;
  border-color: #FF990C;
}
.gpc8 .card .progress .steps.active h3,
.gpc8 .card .progress .steps.active p {
  opacity: 1;
}
.gpc8 .card.resource .text h3,
.gpc8 .card.resource .text h3 span,
.gpc8 .card.resource .text p {
  color: #EE3C40;
}
.gpc8 .heading, .gpc8 h1, .gpc8 h1 span, .gpc8 h1 a,
.gpc8 .resource .article h1,
.gpc8 .resource .article h2,
.gpc8 .resource .article h3,
.gpc8 .resource .article h4,
.gpc8 .resource .article a {
  color: #EE3C40;
}
.gpc8 .login h1, .gpc8 .login h2, .gpc8 .login p, .gpc8 .signup h1, .gpc8 .signup h2, .gpc8 .signup p, .gpc8 .thank-you h1, .gpc8 .thank-you h2, .gpc8 .thank-you p, .gpc8 .setup-wizard h1, .gpc8 .setup-wizard h2, .gpc8 .setup-wizard p {
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.gpc8 .resource .article p,
.gpc8 .resource .article li {
  color: black;
}
.gpc8 .primary {
  background: #EE3C40;
}
.gpc8 .secondary {
  background: #cc1216;
}
.gpc8 .secondary:hover {
  background: #f05357;
}
.gpc8 .button a.add {
  background-color: #cc1216;
}
.gpc8 .button a.add:hover {
  background-color: #f05357;
}
.gpc8 .button button.add {
  background-color: #cc1216;
}
.gpc8 .button button.add:hover {
  background-color: #f05357;
}
.gpc8 .button button.save {
  background-color: #cc1216;
}
.gpc8 .button button.save:hover {
  background-color: #f05357;
}
.gpc8 .button button.view {
  background-color: #cc1216;
}
.gpc8 .button button.view:hover {
  background-color: #f05357;
}
.gpc8 .button button.custom {
  background-color: #cc1216;
}
.gpc8 .button button.custom:hover {
  background-color: #f05357;
}
.gpc8 .button button.custom.primary {
  background-color: #cc1216;
}
.gpc8 .button button.custom:hover {
  background-color: #f05357;
}
.gpc8 .button button.custom.secondary {
  background-color: #EE3C40;
}
.gpc8 .button button.custom.secondary:hover {
  background-color: #f05357;
}
.gpc8 .button button.custom.tertiary {
  background-color: #f05357;
}
.gpc8 .button button.custom.inv {
  background-color: #EE3C40;
}
.gpc8 .button button.custom.inv:hover {
  background-color: #cc1216;
}
.gpc8 .button button.custom.inv.active {
  background-color: #cc1216 !important;
}
.gpc8 .button button.custom.active {
  background-color: #f05357;
}
.gpc8 .button button.confirm {
  background-color: #cc1216;
}
.gpc8 .button button.confirm:hover {
  background-color: #f05357;
}
.gpc8 .button button.cancel {
  background-color: #f05357;
}
.gpc8 .button button.cancel:hover {
  background-color: #cc1216;
}
.gpc8 .options.multiple button {
  background-color: #ec2529;
}
.gpc8 .options.multiple button.active {
  background-color: #EE3C40;
}
.gpc8 .form .input-group input::placeholder {
  color: #f05357;
}
.gpc8 .form .input-group select:selected {
  color: #f05357;
}
.gpc8 .form .input-group textarea {
  color: black;
}
.gpc8 .modal {
  background-color: #EE3C40;
}
.gpc8 .modal.events {
  background-color: #e81419;
}
.gpc8 .modal.events .title {
  background-color: #EE3C40;
}
.gpc8 .modal.events .event {
  background-color: #EE3C40;
}
.gpc8 .modal.events .event .event-details #public-notes {
  background-color: #cc1216;
  border-color: #cc1216;
}
.gpc8 .modal.confirmation .mat-dialog-title {
  margin-bottom: 0px;
}
.gpc8 .modal.confirmation .mat-dialog-content {
  color: white;
}
.gpc8 .cal-day-headers {
  background-color: #EE3C40 !important;
}
.gpc8 .cal-header {
  background-color: #EE3C40;
}
.gpc8 .cal-header:hover {
  background-color: #EE3C40 !important;
}
.gpc8 .cal-header.cal-today {
  background-color: #EE3C40 !important;
}
.gpc8 .calendar.add-edit .recurrence .card {
  background-color: #cc1216;
}
.gpc8 .calendar.add-edit .recurrence .card .button .save {
  background-color: #EE3C40;
}
.gpc8 .calendar .cal-open-day-events {
  background-color: #cc1216;
  box-shadow: none;
}
.gpc8 .little-ones .overview .item {
  background-color: #cc1216;
}
.gpc8 .little-ones .overview .item:hover {
  background-color: #f05357;
}
.gpc8 .little-ones .overview .item.active {
  background-color: #f05357;
}
.gpc8 .little-ones .overview .item.disabled {
  background-color: #ef4a4e;
}
.gpc8 .little-ones .overview-details .button .submitted {
  background-color: #cc1216;
}

/*---------------------------------------PRIMARY COLOR 9---------------------------------------*/
.gpc9 .navigation li a {
  color: #04B5A2;
}
.gpc9 .navigation li#has-children:hover a,
.gpc9 .navigation li#has-children #sub-menu li a,
.gpc9 .navigation li a.active,
.gpc9 .navigation li a:hover {
  background-color: #04B5A2;
}
.gpc9 .navigation .button button {
  background-color: #026a5f;
}
.gpc9 .navigation .button button:hover {
  background-color: #05ceb8;
}
.gpc9 .card,
.gpc9 .card .progress .steps figure,
.gpc9 .resource .loader {
  background-color: #04B5A2;
}
.gpc9 .card .progress .steps figure {
  background-color: #04B5A2;
  border: 2px solid white;
}
.gpc9 .card .progress .steps figure:after,
.gpc9 .card.resource {
  background-color: white;
}
.gpc9 .card .progress .steps h3,
.gpc9 .card .progress .steps p {
  opacity: 0.7;
}
.gpc9 .card .progress .steps.active figure {
  background-color: #FF990C;
  border-color: #FF990C;
}
.gpc9 .card .progress .steps.active h3,
.gpc9 .card .progress .steps.active p {
  opacity: 1;
}
.gpc9 .card.resource .text h3,
.gpc9 .card.resource .text h3 span,
.gpc9 .card.resource .text p {
  color: #04B5A2;
}
.gpc9 .heading, .gpc9 h1, .gpc9 h1 span, .gpc9 h1 a,
.gpc9 .resource .article h1,
.gpc9 .resource .article h2,
.gpc9 .resource .article h3,
.gpc9 .resource .article h4,
.gpc9 .resource .article a {
  color: #04B5A2;
}
.gpc9 .login h1, .gpc9 .login h2, .gpc9 .login p, .gpc9 .signup h1, .gpc9 .signup h2, .gpc9 .signup p, .gpc9 .thank-you h1, .gpc9 .thank-you h2, .gpc9 .thank-you p, .gpc9 .setup-wizard h1, .gpc9 .setup-wizard h2, .gpc9 .setup-wizard p {
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.gpc9 .resource .article p,
.gpc9 .resource .article li {
  color: black;
}
.gpc9 .primary {
  background: #04B5A2;
}
.gpc9 .secondary {
  background: #026a5f;
}
.gpc9 .secondary:hover {
  background: #05ceb8;
}
.gpc9 .button a.add {
  background-color: #026a5f;
}
.gpc9 .button a.add:hover {
  background-color: #05ceb8;
}
.gpc9 .button button.add {
  background-color: #026a5f;
}
.gpc9 .button button.add:hover {
  background-color: #05ceb8;
}
.gpc9 .button button.save {
  background-color: #026a5f;
}
.gpc9 .button button.save:hover {
  background-color: #05ceb8;
}
.gpc9 .button button.view {
  background-color: #026a5f;
}
.gpc9 .button button.view:hover {
  background-color: #05ceb8;
}
.gpc9 .button button.custom {
  background-color: #026a5f;
}
.gpc9 .button button.custom:hover {
  background-color: #05ceb8;
}
.gpc9 .button button.custom.primary {
  background-color: #026a5f;
}
.gpc9 .button button.custom:hover {
  background-color: #05ceb8;
}
.gpc9 .button button.custom.secondary {
  background-color: #04B5A2;
}
.gpc9 .button button.custom.secondary:hover {
  background-color: #05ceb8;
}
.gpc9 .button button.custom.tertiary {
  background-color: #05ceb8;
}
.gpc9 .button button.custom.inv {
  background-color: #04B5A2;
}
.gpc9 .button button.custom.inv:hover {
  background-color: #026a5f;
}
.gpc9 .button button.custom.inv.active {
  background-color: #026a5f !important;
}
.gpc9 .button button.custom.active {
  background-color: #05ceb8;
}
.gpc9 .button button.confirm {
  background-color: #026a5f;
}
.gpc9 .button button.confirm:hover {
  background-color: #05ceb8;
}
.gpc9 .button button.cancel {
  background-color: #05ceb8;
}
.gpc9 .button button.cancel:hover {
  background-color: #026a5f;
}
.gpc9 .options.multiple button {
  background-color: #039c8c;
}
.gpc9 .options.multiple button.active {
  background-color: #04B5A2;
}
.gpc9 .form .input-group input::placeholder {
  color: #05ceb8;
}
.gpc9 .form .input-group select:selected {
  color: #05ceb8;
}
.gpc9 .form .input-group textarea {
  color: black;
}
.gpc9 .modal {
  background-color: #04B5A2;
}
.gpc9 .modal.events {
  background-color: #03887a;
}
.gpc9 .modal.events .title {
  background-color: #04B5A2;
}
.gpc9 .modal.events .event {
  background-color: #04B5A2;
}
.gpc9 .modal.events .event .event-details #public-notes {
  background-color: #026a5f;
  border-color: #026a5f;
}
.gpc9 .modal.confirmation .mat-dialog-title {
  margin-bottom: 0px;
}
.gpc9 .modal.confirmation .mat-dialog-content {
  color: white;
}
.gpc9 .cal-day-headers {
  background-color: #04B5A2 !important;
}
.gpc9 .cal-header {
  background-color: #04B5A2;
}
.gpc9 .cal-header:hover {
  background-color: #04B5A2 !important;
}
.gpc9 .cal-header.cal-today {
  background-color: #04B5A2 !important;
}
.gpc9 .calendar.add-edit .recurrence .card {
  background-color: #026a5f;
}
.gpc9 .calendar.add-edit .recurrence .card .button .save {
  background-color: #04B5A2;
}
.gpc9 .calendar .cal-open-day-events {
  background-color: #026a5f;
  box-shadow: none;
}
.gpc9 .little-ones .overview .item {
  background-color: #026a5f;
}
.gpc9 .little-ones .overview .item:hover {
  background-color: #05ceb8;
}
.gpc9 .little-ones .overview .item.active {
  background-color: #05ceb8;
}
.gpc9 .little-ones .overview .item.disabled {
  background-color: #04c4af;
}
.gpc9 .little-ones .overview-details .button .submitted {
  background-color: #026a5f;
}

/*---------------------------------------PRIMARY COLOR 10---------------------------------------*/
.gpc10 .navigation li a {
  color: #8B004F;
}
.gpc10 .navigation li#has-children:hover a,
.gpc10 .navigation li#has-children #sub-menu li a,
.gpc10 .navigation li a.active,
.gpc10 .navigation li a:hover {
  background-color: #8B004F;
}
.gpc10 .navigation .button button {
  background-color: #3f0024;
}
.gpc10 .navigation .button button:hover {
  background-color: #a5005d;
}
.gpc10 .card,
.gpc10 .card .progress .steps figure,
.gpc10 .resource .loader {
  background-color: #8B004F;
}
.gpc10 .card .progress .steps figure {
  background-color: #8B004F;
  border: 2px solid white;
}
.gpc10 .card .progress .steps figure:after,
.gpc10 .card.resource {
  background-color: white;
}
.gpc10 .card .progress .steps h3,
.gpc10 .card .progress .steps p {
  opacity: 0.7;
}
.gpc10 .card .progress .steps.active figure {
  background-color: #FF990C;
  border-color: #FF990C;
}
.gpc10 .card .progress .steps.active h3,
.gpc10 .card .progress .steps.active p {
  opacity: 1;
}
.gpc10 .card.resource .text h3,
.gpc10 .card.resource .text h3 span,
.gpc10 .card.resource .text p {
  color: #8B004F;
}
.gpc10 .heading, .gpc10 h1, .gpc10 h1 span, .gpc10 h1 a,
.gpc10 .resource .article h1,
.gpc10 .resource .article h2,
.gpc10 .resource .article h3,
.gpc10 .resource .article h4,
.gpc10 .resource .article a {
  color: #8B004F;
}
.gpc10 .login h1, .gpc10 .login h2, .gpc10 .login p, .gpc10 .signup h1, .gpc10 .signup h2, .gpc10 .signup p, .gpc10 .thank-you h1, .gpc10 .thank-you h2, .gpc10 .thank-you p, .gpc10 .setup-wizard h1, .gpc10 .setup-wizard h2, .gpc10 .setup-wizard p {
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.gpc10 .resource .article p,
.gpc10 .resource .article li {
  color: black;
}
.gpc10 .primary {
  background: #8B004F;
}
.gpc10 .secondary {
  background: #3f0024;
}
.gpc10 .secondary:hover {
  background: #a5005d;
}
.gpc10 .button a.add {
  background-color: #3f0024;
}
.gpc10 .button a.add:hover {
  background-color: #a5005d;
}
.gpc10 .button button.add {
  background-color: #3f0024;
}
.gpc10 .button button.add:hover {
  background-color: #a5005d;
}
.gpc10 .button button.save {
  background-color: #3f0024;
}
.gpc10 .button button.save:hover {
  background-color: #a5005d;
}
.gpc10 .button button.view {
  background-color: #3f0024;
}
.gpc10 .button button.view:hover {
  background-color: #a5005d;
}
.gpc10 .button button.custom {
  background-color: #3f0024;
}
.gpc10 .button button.custom:hover {
  background-color: #a5005d;
}
.gpc10 .button button.custom.primary {
  background-color: #3f0024;
}
.gpc10 .button button.custom:hover {
  background-color: #a5005d;
}
.gpc10 .button button.custom.secondary {
  background-color: #8B004F;
}
.gpc10 .button button.custom.secondary:hover {
  background-color: #a5005d;
}
.gpc10 .button button.custom.tertiary {
  background-color: #a5005d;
}
.gpc10 .button button.custom.inv {
  background-color: #8B004F;
}
.gpc10 .button button.custom.inv:hover {
  background-color: #3f0024;
}
.gpc10 .button button.custom.inv.active {
  background-color: #3f0024 !important;
}
.gpc10 .button button.custom.active {
  background-color: #a5005d;
}
.gpc10 .button button.confirm {
  background-color: #3f0024;
}
.gpc10 .button button.confirm:hover {
  background-color: #a5005d;
}
.gpc10 .button button.cancel {
  background-color: #a5005d;
}
.gpc10 .button button.cancel:hover {
  background-color: #3f0024;
}
.gpc10 .options.multiple button {
  background-color: #720041;
}
.gpc10 .options.multiple button.active {
  background-color: #8B004F;
}
.gpc10 .form .input-group input::placeholder {
  color: #a5005d;
}
.gpc10 .form .input-group select:selected {
  color: #a5005d;
}
.gpc10 .form .input-group textarea {
  color: black;
}
.gpc10 .modal {
  background-color: #8B004F;
}
.gpc10 .modal.events {
  background-color: #5d0035;
}
.gpc10 .modal.events .title {
  background-color: #8B004F;
}
.gpc10 .modal.events .event {
  background-color: #8B004F;
}
.gpc10 .modal.events .event .event-details #public-notes {
  background-color: #3f0024;
  border-color: #3f0024;
}
.gpc10 .modal.confirmation .mat-dialog-title {
  margin-bottom: 0px;
}
.gpc10 .modal.confirmation .mat-dialog-content {
  color: white;
}
.gpc10 .cal-day-headers {
  background-color: #8B004F !important;
}
.gpc10 .cal-header {
  background-color: #8B004F;
}
.gpc10 .cal-header:hover {
  background-color: #8B004F !important;
}
.gpc10 .cal-header.cal-today {
  background-color: #8B004F !important;
}
.gpc10 .calendar.add-edit .recurrence .card {
  background-color: #3f0024;
}
.gpc10 .calendar.add-edit .recurrence .card .button .save {
  background-color: #8B004F;
}
.gpc10 .calendar .cal-open-day-events {
  background-color: #3f0024;
  box-shadow: none;
}
.gpc10 .little-ones .overview .item {
  background-color: #3f0024;
}
.gpc10 .little-ones .overview .item:hover {
  background-color: #a5005d;
}
.gpc10 .little-ones .overview .item.active {
  background-color: #a5005d;
}
.gpc10 .little-ones .overview .item.disabled {
  background-color: #9a0058;
}
.gpc10 .little-ones .overview-details .button .submitted {
  background-color: #3f0024;
}

/*---------------------------------------PRIMARY COLOR 11---------------------------------------*/
.gpc11 .navigation li a {
  color: #318BA7;
}
.gpc11 .navigation li#has-children:hover a,
.gpc11 .navigation li#has-children #sub-menu li a,
.gpc11 .navigation li a.active,
.gpc11 .navigation li a:hover {
  background-color: #318BA7;
}
.gpc11 .navigation .button button {
  background-color: #205a6c;
}
.gpc11 .navigation .button button:hover {
  background-color: #379bbb;
}
.gpc11 .card,
.gpc11 .card .progress .steps figure,
.gpc11 .resource .loader {
  background-color: #318BA7;
}
.gpc11 .card .progress .steps figure {
  background-color: #318BA7;
  border: 2px solid white;
}
.gpc11 .card .progress .steps figure:after,
.gpc11 .card.resource {
  background-color: white;
}
.gpc11 .card .progress .steps h3,
.gpc11 .card .progress .steps p {
  opacity: 0.7;
}
.gpc11 .card .progress .steps.active figure {
  background-color: #FF990C;
  border-color: #FF990C;
}
.gpc11 .card .progress .steps.active h3,
.gpc11 .card .progress .steps.active p {
  opacity: 1;
}
.gpc11 .card.resource .text h3,
.gpc11 .card.resource .text h3 span,
.gpc11 .card.resource .text p {
  color: #318BA7;
}
.gpc11 .heading, .gpc11 h1, .gpc11 h1 span, .gpc11 h1 a,
.gpc11 .resource .article h1,
.gpc11 .resource .article h2,
.gpc11 .resource .article h3,
.gpc11 .resource .article h4,
.gpc11 .resource .article a {
  color: #318BA7;
}
.gpc11 .login h1, .gpc11 .login h2, .gpc11 .login p, .gpc11 .signup h1, .gpc11 .signup h2, .gpc11 .signup p, .gpc11 .thank-you h1, .gpc11 .thank-you h2, .gpc11 .thank-you p, .gpc11 .setup-wizard h1, .gpc11 .setup-wizard h2, .gpc11 .setup-wizard p {
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.gpc11 .resource .article p,
.gpc11 .resource .article li {
  color: black;
}
.gpc11 .primary {
  background: #318BA7;
}
.gpc11 .secondary {
  background: #205a6c;
}
.gpc11 .secondary:hover {
  background: #379bbb;
}
.gpc11 .button a.add {
  background-color: #205a6c;
}
.gpc11 .button a.add:hover {
  background-color: #379bbb;
}
.gpc11 .button button.add {
  background-color: #205a6c;
}
.gpc11 .button button.add:hover {
  background-color: #379bbb;
}
.gpc11 .button button.save {
  background-color: #205a6c;
}
.gpc11 .button button.save:hover {
  background-color: #379bbb;
}
.gpc11 .button button.view {
  background-color: #205a6c;
}
.gpc11 .button button.view:hover {
  background-color: #379bbb;
}
.gpc11 .button button.custom {
  background-color: #205a6c;
}
.gpc11 .button button.custom:hover {
  background-color: #379bbb;
}
.gpc11 .button button.custom.primary {
  background-color: #205a6c;
}
.gpc11 .button button.custom:hover {
  background-color: #379bbb;
}
.gpc11 .button button.custom.secondary {
  background-color: #318BA7;
}
.gpc11 .button button.custom.secondary:hover {
  background-color: #379bbb;
}
.gpc11 .button button.custom.tertiary {
  background-color: #379bbb;
}
.gpc11 .button button.custom.inv {
  background-color: #318BA7;
}
.gpc11 .button button.custom.inv:hover {
  background-color: #205a6c;
}
.gpc11 .button button.custom.inv.active {
  background-color: #205a6c !important;
}
.gpc11 .button button.custom.active {
  background-color: #379bbb;
}
.gpc11 .button button.confirm {
  background-color: #205a6c;
}
.gpc11 .button button.confirm:hover {
  background-color: #379bbb;
}
.gpc11 .button button.cancel {
  background-color: #379bbb;
}
.gpc11 .button button.cancel:hover {
  background-color: #205a6c;
}
.gpc11 .options.multiple button {
  background-color: #2b7b93;
}
.gpc11 .options.multiple button.active {
  background-color: #318BA7;
}
.gpc11 .form .input-group input::placeholder {
  color: #379bbb;
}
.gpc11 .form .input-group select:selected {
  color: #379bbb;
}
.gpc11 .form .input-group textarea {
  color: black;
}
.gpc11 .modal {
  background-color: #318BA7;
}
.gpc11 .modal.events {
  background-color: #276d84;
}
.gpc11 .modal.events .title {
  background-color: #318BA7;
}
.gpc11 .modal.events .event {
  background-color: #318BA7;
}
.gpc11 .modal.events .event .event-details #public-notes {
  background-color: #205a6c;
  border-color: #205a6c;
}
.gpc11 .modal.confirmation .mat-dialog-title {
  margin-bottom: 0px;
}
.gpc11 .modal.confirmation .mat-dialog-content {
  color: white;
}
.gpc11 .cal-day-headers {
  background-color: #318BA7 !important;
}
.gpc11 .cal-header {
  background-color: #318BA7;
}
.gpc11 .cal-header:hover {
  background-color: #318BA7 !important;
}
.gpc11 .cal-header.cal-today {
  background-color: #318BA7 !important;
}
.gpc11 .calendar.add-edit .recurrence .card {
  background-color: #205a6c;
}
.gpc11 .calendar.add-edit .recurrence .card .button .save {
  background-color: #318BA7;
}
.gpc11 .calendar .cal-open-day-events {
  background-color: #205a6c;
  box-shadow: none;
}
.gpc11 .little-ones .overview .item {
  background-color: #205a6c;
}
.gpc11 .little-ones .overview .item:hover {
  background-color: #379bbb;
}
.gpc11 .little-ones .overview .item.active {
  background-color: #379bbb;
}
.gpc11 .little-ones .overview .item.disabled {
  background-color: #3495b3;
}
.gpc11 .little-ones .overview-details .button .submitted {
  background-color: #205a6c;
}

/*---------------------------------------PRIMARY COLOR 12---------------------------------------*/
.gpc12 .navigation li a {
  color: #7AC70C;
}
.gpc12 .navigation li#has-children:hover a,
.gpc12 .navigation li#has-children #sub-menu li a,
.gpc12 .navigation li a.active,
.gpc12 .navigation li a:hover {
  background-color: #7AC70C;
}
.gpc12 .navigation .button button {
  background-color: #4e7f08;
}
.gpc12 .navigation .button button:hover {
  background-color: #89df0d;
}
.gpc12 .card,
.gpc12 .card .progress .steps figure,
.gpc12 .resource .loader {
  background-color: #7AC70C;
}
.gpc12 .card .progress .steps figure {
  background-color: #7AC70C;
  border: 2px solid white;
}
.gpc12 .card .progress .steps figure:after,
.gpc12 .card.resource {
  background-color: white;
}
.gpc12 .card .progress .steps h3,
.gpc12 .card .progress .steps p {
  opacity: 0.7;
}
.gpc12 .card .progress .steps.active figure {
  background-color: #FF990C;
  border-color: #FF990C;
}
.gpc12 .card .progress .steps.active h3,
.gpc12 .card .progress .steps.active p {
  opacity: 1;
}
.gpc12 .card.resource .text h3,
.gpc12 .card.resource .text h3 span,
.gpc12 .card.resource .text p {
  color: #7AC70C;
}
.gpc12 .heading, .gpc12 h1, .gpc12 h1 span, .gpc12 h1 a,
.gpc12 .resource .article h1,
.gpc12 .resource .article h2,
.gpc12 .resource .article h3,
.gpc12 .resource .article h4,
.gpc12 .resource .article a {
  color: #7AC70C;
}
.gpc12 .login h1, .gpc12 .login h2, .gpc12 .login p, .gpc12 .signup h1, .gpc12 .signup h2, .gpc12 .signup p, .gpc12 .thank-you h1, .gpc12 .thank-you h2, .gpc12 .thank-you p, .gpc12 .setup-wizard h1, .gpc12 .setup-wizard h2, .gpc12 .setup-wizard p {
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.gpc12 .resource .article p,
.gpc12 .resource .article li {
  color: black;
}
.gpc12 .primary {
  background: #7AC70C;
}
.gpc12 .secondary {
  background: #4e7f08;
}
.gpc12 .secondary:hover {
  background: #89df0d;
}
.gpc12 .button a.add {
  background-color: #4e7f08;
}
.gpc12 .button a.add:hover {
  background-color: #89df0d;
}
.gpc12 .button button.add {
  background-color: #4e7f08;
}
.gpc12 .button button.add:hover {
  background-color: #89df0d;
}
.gpc12 .button button.save {
  background-color: #4e7f08;
}
.gpc12 .button button.save:hover {
  background-color: #89df0d;
}
.gpc12 .button button.view {
  background-color: #4e7f08;
}
.gpc12 .button button.view:hover {
  background-color: #89df0d;
}
.gpc12 .button button.custom {
  background-color: #4e7f08;
}
.gpc12 .button button.custom:hover {
  background-color: #89df0d;
}
.gpc12 .button button.custom.primary {
  background-color: #4e7f08;
}
.gpc12 .button button.custom:hover {
  background-color: #89df0d;
}
.gpc12 .button button.custom.secondary {
  background-color: #7AC70C;
}
.gpc12 .button button.custom.secondary:hover {
  background-color: #89df0d;
}
.gpc12 .button button.custom.tertiary {
  background-color: #89df0d;
}
.gpc12 .button button.custom.inv {
  background-color: #7AC70C;
}
.gpc12 .button button.custom.inv:hover {
  background-color: #4e7f08;
}
.gpc12 .button button.custom.inv.active {
  background-color: #4e7f08 !important;
}
.gpc12 .button button.custom.active {
  background-color: #89df0d;
}
.gpc12 .button button.confirm {
  background-color: #4e7f08;
}
.gpc12 .button button.confirm:hover {
  background-color: #89df0d;
}
.gpc12 .button button.cancel {
  background-color: #89df0d;
}
.gpc12 .button button.cancel:hover {
  background-color: #4e7f08;
}
.gpc12 .options.multiple button {
  background-color: #6baf0b;
}
.gpc12 .options.multiple button.active {
  background-color: #7AC70C;
}
.gpc12 .form .input-group input::placeholder {
  color: #89df0d;
}
.gpc12 .form .input-group select:selected {
  color: #89df0d;
}
.gpc12 .form .input-group textarea {
  color: black;
}
.gpc12 .modal {
  background-color: #7AC70C;
}
.gpc12 .modal.events {
  background-color: #5f9c09;
}
.gpc12 .modal.events .title {
  background-color: #7AC70C;
}
.gpc12 .modal.events .event {
  background-color: #7AC70C;
}
.gpc12 .modal.events .event .event-details #public-notes {
  background-color: #4e7f08;
  border-color: #4e7f08;
}
.gpc12 .modal.confirmation .mat-dialog-title {
  margin-bottom: 0px;
}
.gpc12 .modal.confirmation .mat-dialog-content {
  color: white;
}
.gpc12 .cal-day-headers {
  background-color: #7AC70C !important;
}
.gpc12 .cal-header {
  background-color: #7AC70C;
}
.gpc12 .cal-header:hover {
  background-color: #7AC70C !important;
}
.gpc12 .cal-header.cal-today {
  background-color: #7AC70C !important;
}
.gpc12 .calendar.add-edit .recurrence .card {
  background-color: #4e7f08;
}
.gpc12 .calendar.add-edit .recurrence .card .button .save {
  background-color: #7AC70C;
}
.gpc12 .calendar .cal-open-day-events {
  background-color: #4e7f08;
  box-shadow: none;
}
.gpc12 .little-ones .overview .item {
  background-color: #4e7f08;
}
.gpc12 .little-ones .overview .item:hover {
  background-color: #89df0d;
}
.gpc12 .little-ones .overview .item.active {
  background-color: #89df0d;
}
.gpc12 .little-ones .overview .item.disabled {
  background-color: #83d50d;
}
.gpc12 .little-ones .overview-details .button .submitted {
  background-color: #4e7f08;
}

/*---------------------------------------PRIMARY COLOR 13---------------------------------------*/
.gpc13 .navigation li a {
  color: #C100C8;
}
.gpc13 .navigation li#has-children:hover a,
.gpc13 .navigation li#has-children #sub-menu li a,
.gpc13 .navigation li a.active,
.gpc13 .navigation li a:hover {
  background-color: #C100C8;
}
.gpc13 .navigation .button button {
  background-color: #77007c;
}
.gpc13 .navigation .button button:hover {
  background-color: #da00e2;
}
.gpc13 .card,
.gpc13 .card .progress .steps figure,
.gpc13 .resource .loader {
  background-color: #C100C8;
}
.gpc13 .card .progress .steps figure {
  background-color: #C100C8;
  border: 2px solid white;
}
.gpc13 .card .progress .steps figure:after,
.gpc13 .card.resource {
  background-color: white;
}
.gpc13 .card .progress .steps h3,
.gpc13 .card .progress .steps p {
  opacity: 0.7;
}
.gpc13 .card .progress .steps.active figure {
  background-color: #FF990C;
  border-color: #FF990C;
}
.gpc13 .card .progress .steps.active h3,
.gpc13 .card .progress .steps.active p {
  opacity: 1;
}
.gpc13 .card.resource .text h3,
.gpc13 .card.resource .text h3 span,
.gpc13 .card.resource .text p {
  color: #C100C8;
}
.gpc13 .heading, .gpc13 h1, .gpc13 h1 span, .gpc13 h1 a,
.gpc13 .resource .article h1,
.gpc13 .resource .article h2,
.gpc13 .resource .article h3,
.gpc13 .resource .article h4,
.gpc13 .resource .article a {
  color: #C100C8;
}
.gpc13 .login h1, .gpc13 .login h2, .gpc13 .login p, .gpc13 .signup h1, .gpc13 .signup h2, .gpc13 .signup p, .gpc13 .thank-you h1, .gpc13 .thank-you h2, .gpc13 .thank-you p, .gpc13 .setup-wizard h1, .gpc13 .setup-wizard h2, .gpc13 .setup-wizard p {
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.gpc13 .resource .article p,
.gpc13 .resource .article li {
  color: black;
}
.gpc13 .primary {
  background: #C100C8;
}
.gpc13 .secondary {
  background: #77007c;
}
.gpc13 .secondary:hover {
  background: #da00e2;
}
.gpc13 .button a.add {
  background-color: #77007c;
}
.gpc13 .button a.add:hover {
  background-color: #da00e2;
}
.gpc13 .button button.add {
  background-color: #77007c;
}
.gpc13 .button button.add:hover {
  background-color: #da00e2;
}
.gpc13 .button button.save {
  background-color: #77007c;
}
.gpc13 .button button.save:hover {
  background-color: #da00e2;
}
.gpc13 .button button.view {
  background-color: #77007c;
}
.gpc13 .button button.view:hover {
  background-color: #da00e2;
}
.gpc13 .button button.custom {
  background-color: #77007c;
}
.gpc13 .button button.custom:hover {
  background-color: #da00e2;
}
.gpc13 .button button.custom.primary {
  background-color: #77007c;
}
.gpc13 .button button.custom:hover {
  background-color: #da00e2;
}
.gpc13 .button button.custom.secondary {
  background-color: #C100C8;
}
.gpc13 .button button.custom.secondary:hover {
  background-color: #da00e2;
}
.gpc13 .button button.custom.tertiary {
  background-color: #da00e2;
}
.gpc13 .button button.custom.inv {
  background-color: #C100C8;
}
.gpc13 .button button.custom.inv:hover {
  background-color: #77007c;
}
.gpc13 .button button.custom.inv.active {
  background-color: #77007c !important;
}
.gpc13 .button button.custom.active {
  background-color: #da00e2;
}
.gpc13 .button button.confirm {
  background-color: #77007c;
}
.gpc13 .button button.confirm:hover {
  background-color: #da00e2;
}
.gpc13 .button button.cancel {
  background-color: #da00e2;
}
.gpc13 .button button.cancel:hover {
  background-color: #77007c;
}
.gpc13 .options.multiple button {
  background-color: #a800af;
}
.gpc13 .options.multiple button.active {
  background-color: #C100C8;
}
.gpc13 .form .input-group input::placeholder {
  color: #da00e2;
}
.gpc13 .form .input-group select:selected {
  color: #da00e2;
}
.gpc13 .form .input-group textarea {
  color: black;
}
.gpc13 .modal {
  background-color: #C100C8;
}
.gpc13 .modal.events {
  background-color: #95009a;
}
.gpc13 .modal.events .title {
  background-color: #C100C8;
}
.gpc13 .modal.events .event {
  background-color: #C100C8;
}
.gpc13 .modal.events .event .event-details #public-notes {
  background-color: #77007c;
  border-color: #77007c;
}
.gpc13 .modal.confirmation .mat-dialog-title {
  margin-bottom: 0px;
}
.gpc13 .modal.confirmation .mat-dialog-content {
  color: white;
}
.gpc13 .cal-day-headers {
  background-color: #C100C8 !important;
}
.gpc13 .cal-header {
  background-color: #C100C8;
}
.gpc13 .cal-header:hover {
  background-color: #C100C8 !important;
}
.gpc13 .cal-header.cal-today {
  background-color: #C100C8 !important;
}
.gpc13 .calendar.add-edit .recurrence .card {
  background-color: #77007c;
}
.gpc13 .calendar.add-edit .recurrence .card .button .save {
  background-color: #C100C8;
}
.gpc13 .calendar .cal-open-day-events {
  background-color: #77007c;
  box-shadow: none;
}
.gpc13 .little-ones .overview .item {
  background-color: #77007c;
}
.gpc13 .little-ones .overview .item:hover {
  background-color: #da00e2;
}
.gpc13 .little-ones .overview .item.active {
  background-color: #da00e2;
}
.gpc13 .little-ones .overview .item.disabled {
  background-color: #d000d7;
}
.gpc13 .little-ones .overview-details .button .submitted {
  background-color: #77007c;
}

/*---------------------------------------PRIMARY COLOR 14---------------------------------------*/
.gpc14 .navigation li a {
  color: #BC5805;
}
.gpc14 .navigation li#has-children:hover a,
.gpc14 .navigation li#has-children #sub-menu li a,
.gpc14 .navigation li a.active,
.gpc14 .navigation li a:hover {
  background-color: #BC5805;
}
.gpc14 .navigation .button button {
  background-color: #713503;
}
.gpc14 .navigation .button button:hover {
  background-color: #d56406;
}
.gpc14 .card,
.gpc14 .card .progress .steps figure,
.gpc14 .resource .loader {
  background-color: #BC5805;
}
.gpc14 .card .progress .steps figure {
  background-color: #BC5805;
  border: 2px solid white;
}
.gpc14 .card .progress .steps figure:after,
.gpc14 .card.resource {
  background-color: white;
}
.gpc14 .card .progress .steps h3,
.gpc14 .card .progress .steps p {
  opacity: 0.7;
}
.gpc14 .card .progress .steps.active figure {
  background-color: #FF990C;
  border-color: #FF990C;
}
.gpc14 .card .progress .steps.active h3,
.gpc14 .card .progress .steps.active p {
  opacity: 1;
}
.gpc14 .card.resource .text h3,
.gpc14 .card.resource .text h3 span,
.gpc14 .card.resource .text p {
  color: #BC5805;
}
.gpc14 .heading, .gpc14 h1, .gpc14 h1 span, .gpc14 h1 a,
.gpc14 .resource .article h1,
.gpc14 .resource .article h2,
.gpc14 .resource .article h3,
.gpc14 .resource .article h4,
.gpc14 .resource .article a {
  color: #BC5805;
}
.gpc14 .login h1, .gpc14 .login h2, .gpc14 .login p, .gpc14 .signup h1, .gpc14 .signup h2, .gpc14 .signup p, .gpc14 .thank-you h1, .gpc14 .thank-you h2, .gpc14 .thank-you p, .gpc14 .setup-wizard h1, .gpc14 .setup-wizard h2, .gpc14 .setup-wizard p {
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.gpc14 .resource .article p,
.gpc14 .resource .article li {
  color: black;
}
.gpc14 .primary {
  background: #BC5805;
}
.gpc14 .secondary {
  background: #713503;
}
.gpc14 .secondary:hover {
  background: #d56406;
}
.gpc14 .button a.add {
  background-color: #713503;
}
.gpc14 .button a.add:hover {
  background-color: #d56406;
}
.gpc14 .button button.add {
  background-color: #713503;
}
.gpc14 .button button.add:hover {
  background-color: #d56406;
}
.gpc14 .button button.save {
  background-color: #713503;
}
.gpc14 .button button.save:hover {
  background-color: #d56406;
}
.gpc14 .button button.view {
  background-color: #713503;
}
.gpc14 .button button.view:hover {
  background-color: #d56406;
}
.gpc14 .button button.custom {
  background-color: #713503;
}
.gpc14 .button button.custom:hover {
  background-color: #d56406;
}
.gpc14 .button button.custom.primary {
  background-color: #713503;
}
.gpc14 .button button.custom:hover {
  background-color: #d56406;
}
.gpc14 .button button.custom.secondary {
  background-color: #BC5805;
}
.gpc14 .button button.custom.secondary:hover {
  background-color: #d56406;
}
.gpc14 .button button.custom.tertiary {
  background-color: #d56406;
}
.gpc14 .button button.custom.inv {
  background-color: #BC5805;
}
.gpc14 .button button.custom.inv:hover {
  background-color: #713503;
}
.gpc14 .button button.custom.inv.active {
  background-color: #713503 !important;
}
.gpc14 .button button.custom.active {
  background-color: #d56406;
}
.gpc14 .button button.confirm {
  background-color: #713503;
}
.gpc14 .button button.confirm:hover {
  background-color: #d56406;
}
.gpc14 .button button.cancel {
  background-color: #d56406;
}
.gpc14 .button button.cancel:hover {
  background-color: #713503;
}
.gpc14 .options.multiple button {
  background-color: #a34c04;
}
.gpc14 .options.multiple button.active {
  background-color: #BC5805;
}
.gpc14 .form .input-group input::placeholder {
  color: #d56406;
}
.gpc14 .form .input-group select:selected {
  color: #d56406;
}
.gpc14 .form .input-group textarea {
  color: black;
}
.gpc14 .modal {
  background-color: #BC5805;
}
.gpc14 .modal.events {
  background-color: #8f4304;
}
.gpc14 .modal.events .title {
  background-color: #BC5805;
}
.gpc14 .modal.events .event {
  background-color: #BC5805;
}
.gpc14 .modal.events .event .event-details #public-notes {
  background-color: #713503;
  border-color: #713503;
}
.gpc14 .modal.confirmation .mat-dialog-title {
  margin-bottom: 0px;
}
.gpc14 .modal.confirmation .mat-dialog-content {
  color: white;
}
.gpc14 .cal-day-headers {
  background-color: #BC5805 !important;
}
.gpc14 .cal-header {
  background-color: #BC5805;
}
.gpc14 .cal-header:hover {
  background-color: #BC5805 !important;
}
.gpc14 .cal-header.cal-today {
  background-color: #BC5805 !important;
}
.gpc14 .calendar.add-edit .recurrence .card {
  background-color: #713503;
}
.gpc14 .calendar.add-edit .recurrence .card .button .save {
  background-color: #BC5805;
}
.gpc14 .calendar .cal-open-day-events {
  background-color: #713503;
  box-shadow: none;
}
.gpc14 .little-ones .overview .item {
  background-color: #713503;
}
.gpc14 .little-ones .overview .item:hover {
  background-color: #d56406;
}
.gpc14 .little-ones .overview .item.active {
  background-color: #d56406;
}
.gpc14 .little-ones .overview .item.disabled {
  background-color: #cb5f05;
}
.gpc14 .little-ones .overview-details .button .submitted {
  background-color: #713503;
}

/*---------------------------------------PRIMARY COLOR 15---------------------------------------*/
.gpc15 .navigation li a {
  color: #4F0EAA;
}
.gpc15 .navigation li#has-children:hover a,
.gpc15 .navigation li#has-children #sub-menu li a,
.gpc15 .navigation li a.active,
.gpc15 .navigation li a:hover {
  background-color: #4F0EAA;
}
.gpc15 .navigation .button button {
  background-color: #2e0863;
}
.gpc15 .navigation .button button:hover {
  background-color: #5a10c2;
}
.gpc15 .card,
.gpc15 .card .progress .steps figure,
.gpc15 .resource .loader {
  background-color: #4F0EAA;
}
.gpc15 .card .progress .steps figure {
  background-color: #4F0EAA;
  border: 2px solid white;
}
.gpc15 .card .progress .steps figure:after,
.gpc15 .card.resource {
  background-color: white;
}
.gpc15 .card .progress .steps h3,
.gpc15 .card .progress .steps p {
  opacity: 0.7;
}
.gpc15 .card .progress .steps.active figure {
  background-color: #FF990C;
  border-color: #FF990C;
}
.gpc15 .card .progress .steps.active h3,
.gpc15 .card .progress .steps.active p {
  opacity: 1;
}
.gpc15 .card.resource .text h3,
.gpc15 .card.resource .text h3 span,
.gpc15 .card.resource .text p {
  color: #4F0EAA;
}
.gpc15 .heading, .gpc15 h1, .gpc15 h1 span, .gpc15 h1 a,
.gpc15 .resource .article h1,
.gpc15 .resource .article h2,
.gpc15 .resource .article h3,
.gpc15 .resource .article h4,
.gpc15 .resource .article a {
  color: #4F0EAA;
}
.gpc15 .login h1, .gpc15 .login h2, .gpc15 .login p, .gpc15 .signup h1, .gpc15 .signup h2, .gpc15 .signup p, .gpc15 .thank-you h1, .gpc15 .thank-you h2, .gpc15 .thank-you p, .gpc15 .setup-wizard h1, .gpc15 .setup-wizard h2, .gpc15 .setup-wizard p {
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.gpc15 .resource .article p,
.gpc15 .resource .article li {
  color: black;
}
.gpc15 .primary {
  background: #4F0EAA;
}
.gpc15 .secondary {
  background: #2e0863;
}
.gpc15 .secondary:hover {
  background: #5a10c2;
}
.gpc15 .button a.add {
  background-color: #2e0863;
}
.gpc15 .button a.add:hover {
  background-color: #5a10c2;
}
.gpc15 .button button.add {
  background-color: #2e0863;
}
.gpc15 .button button.add:hover {
  background-color: #5a10c2;
}
.gpc15 .button button.save {
  background-color: #2e0863;
}
.gpc15 .button button.save:hover {
  background-color: #5a10c2;
}
.gpc15 .button button.view {
  background-color: #2e0863;
}
.gpc15 .button button.view:hover {
  background-color: #5a10c2;
}
.gpc15 .button button.custom {
  background-color: #2e0863;
}
.gpc15 .button button.custom:hover {
  background-color: #5a10c2;
}
.gpc15 .button button.custom.primary {
  background-color: #2e0863;
}
.gpc15 .button button.custom:hover {
  background-color: #5a10c2;
}
.gpc15 .button button.custom.secondary {
  background-color: #4F0EAA;
}
.gpc15 .button button.custom.secondary:hover {
  background-color: #5a10c2;
}
.gpc15 .button button.custom.tertiary {
  background-color: #5a10c2;
}
.gpc15 .button button.custom.inv {
  background-color: #4F0EAA;
}
.gpc15 .button button.custom.inv:hover {
  background-color: #2e0863;
}
.gpc15 .button button.custom.inv.active {
  background-color: #2e0863 !important;
}
.gpc15 .button button.custom.active {
  background-color: #5a10c2;
}
.gpc15 .button button.confirm {
  background-color: #2e0863;
}
.gpc15 .button button.confirm:hover {
  background-color: #5a10c2;
}
.gpc15 .button button.cancel {
  background-color: #5a10c2;
}
.gpc15 .button button.cancel:hover {
  background-color: #2e0863;
}
.gpc15 .options.multiple button {
  background-color: #440c92;
}
.gpc15 .options.multiple button.active {
  background-color: #4F0EAA;
}
.gpc15 .form .input-group input::placeholder {
  color: #5a10c2;
}
.gpc15 .form .input-group select:selected {
  color: #5a10c2;
}
.gpc15 .form .input-group textarea {
  color: black;
}
.gpc15 .modal {
  background-color: #4F0EAA;
}
.gpc15 .modal.events {
  background-color: #3b0b80;
}
.gpc15 .modal.events .title {
  background-color: #4F0EAA;
}
.gpc15 .modal.events .event {
  background-color: #4F0EAA;
}
.gpc15 .modal.events .event .event-details #public-notes {
  background-color: #2e0863;
  border-color: #2e0863;
}
.gpc15 .modal.confirmation .mat-dialog-title {
  margin-bottom: 0px;
}
.gpc15 .modal.confirmation .mat-dialog-content {
  color: white;
}
.gpc15 .cal-day-headers {
  background-color: #4F0EAA !important;
}
.gpc15 .cal-header {
  background-color: #4F0EAA;
}
.gpc15 .cal-header:hover {
  background-color: #4F0EAA !important;
}
.gpc15 .cal-header.cal-today {
  background-color: #4F0EAA !important;
}
.gpc15 .calendar.add-edit .recurrence .card {
  background-color: #2e0863;
}
.gpc15 .calendar.add-edit .recurrence .card .button .save {
  background-color: #4F0EAA;
}
.gpc15 .calendar .cal-open-day-events {
  background-color: #2e0863;
  box-shadow: none;
}
.gpc15 .little-ones .overview .item {
  background-color: #2e0863;
}
.gpc15 .little-ones .overview .item:hover {
  background-color: #5a10c2;
}
.gpc15 .little-ones .overview .item.active {
  background-color: #5a10c2;
}
.gpc15 .little-ones .overview .item.disabled {
  background-color: #560fb8;
}
.gpc15 .little-ones .overview-details .button .submitted {
  background-color: #2e0863;
}

/*---------------------------------------PRIMARY COLOR 16---------------------------------------*/
.gpc16 .navigation li a {
  color: #C51444;
}
.gpc16 .navigation li#has-children:hover a,
.gpc16 .navigation li#has-children #sub-menu li a,
.gpc16 .navigation li a.active,
.gpc16 .navigation li a:hover {
  background-color: #C51444;
}
.gpc16 .navigation .button button {
  background-color: #800d2c;
}
.gpc16 .navigation .button button:hover {
  background-color: #dc164c;
}
.gpc16 .card,
.gpc16 .card .progress .steps figure,
.gpc16 .resource .loader {
  background-color: #C51444;
}
.gpc16 .card .progress .steps figure {
  background-color: #C51444;
  border: 2px solid white;
}
.gpc16 .card .progress .steps figure:after,
.gpc16 .card.resource {
  background-color: white;
}
.gpc16 .card .progress .steps h3,
.gpc16 .card .progress .steps p {
  opacity: 0.7;
}
.gpc16 .card .progress .steps.active figure {
  background-color: #FF990C;
  border-color: #FF990C;
}
.gpc16 .card .progress .steps.active h3,
.gpc16 .card .progress .steps.active p {
  opacity: 1;
}
.gpc16 .card.resource .text h3,
.gpc16 .card.resource .text h3 span,
.gpc16 .card.resource .text p {
  color: #C51444;
}
.gpc16 .heading, .gpc16 h1, .gpc16 h1 span, .gpc16 h1 a,
.gpc16 .resource .article h1,
.gpc16 .resource .article h2,
.gpc16 .resource .article h3,
.gpc16 .resource .article h4,
.gpc16 .resource .article a {
  color: #C51444;
}
.gpc16 .login h1, .gpc16 .login h2, .gpc16 .login p, .gpc16 .signup h1, .gpc16 .signup h2, .gpc16 .signup p, .gpc16 .thank-you h1, .gpc16 .thank-you h2, .gpc16 .thank-you p, .gpc16 .setup-wizard h1, .gpc16 .setup-wizard h2, .gpc16 .setup-wizard p {
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.gpc16 .resource .article p,
.gpc16 .resource .article li {
  color: black;
}
.gpc16 .primary {
  background: #C51444;
}
.gpc16 .secondary {
  background: #800d2c;
}
.gpc16 .secondary:hover {
  background: #dc164c;
}
.gpc16 .button a.add {
  background-color: #800d2c;
}
.gpc16 .button a.add:hover {
  background-color: #dc164c;
}
.gpc16 .button button.add {
  background-color: #800d2c;
}
.gpc16 .button button.add:hover {
  background-color: #dc164c;
}
.gpc16 .button button.save {
  background-color: #800d2c;
}
.gpc16 .button button.save:hover {
  background-color: #dc164c;
}
.gpc16 .button button.view {
  background-color: #800d2c;
}
.gpc16 .button button.view:hover {
  background-color: #dc164c;
}
.gpc16 .button button.custom {
  background-color: #800d2c;
}
.gpc16 .button button.custom:hover {
  background-color: #dc164c;
}
.gpc16 .button button.custom.primary {
  background-color: #800d2c;
}
.gpc16 .button button.custom:hover {
  background-color: #dc164c;
}
.gpc16 .button button.custom.secondary {
  background-color: #C51444;
}
.gpc16 .button button.custom.secondary:hover {
  background-color: #dc164c;
}
.gpc16 .button button.custom.tertiary {
  background-color: #dc164c;
}
.gpc16 .button button.custom.inv {
  background-color: #C51444;
}
.gpc16 .button button.custom.inv:hover {
  background-color: #800d2c;
}
.gpc16 .button button.custom.inv.active {
  background-color: #800d2c !important;
}
.gpc16 .button button.custom.active {
  background-color: #dc164c;
}
.gpc16 .button button.confirm {
  background-color: #800d2c;
}
.gpc16 .button button.confirm:hover {
  background-color: #dc164c;
}
.gpc16 .button button.cancel {
  background-color: #dc164c;
}
.gpc16 .button button.cancel:hover {
  background-color: #800d2c;
}
.gpc16 .options.multiple button {
  background-color: #ae123c;
}
.gpc16 .options.multiple button.active {
  background-color: #C51444;
}
.gpc16 .form .input-group input::placeholder {
  color: #dc164c;
}
.gpc16 .form .input-group select:selected {
  color: #dc164c;
}
.gpc16 .form .input-group textarea {
  color: black;
}
.gpc16 .modal {
  background-color: #C51444;
}
.gpc16 .modal.events {
  background-color: #9b1036;
}
.gpc16 .modal.events .title {
  background-color: #C51444;
}
.gpc16 .modal.events .event {
  background-color: #C51444;
}
.gpc16 .modal.events .event .event-details #public-notes {
  background-color: #800d2c;
  border-color: #800d2c;
}
.gpc16 .modal.confirmation .mat-dialog-title {
  margin-bottom: 0px;
}
.gpc16 .modal.confirmation .mat-dialog-content {
  color: white;
}
.gpc16 .cal-day-headers {
  background-color: #C51444 !important;
}
.gpc16 .cal-header {
  background-color: #C51444;
}
.gpc16 .cal-header:hover {
  background-color: #C51444 !important;
}
.gpc16 .cal-header.cal-today {
  background-color: #C51444 !important;
}
.gpc16 .calendar.add-edit .recurrence .card {
  background-color: #800d2c;
}
.gpc16 .calendar.add-edit .recurrence .card .button .save {
  background-color: #C51444;
}
.gpc16 .calendar .cal-open-day-events {
  background-color: #800d2c;
  box-shadow: none;
}
.gpc16 .little-ones .overview .item {
  background-color: #800d2c;
}
.gpc16 .little-ones .overview .item:hover {
  background-color: #dc164c;
}
.gpc16 .little-ones .overview .item.active {
  background-color: #dc164c;
}
.gpc16 .little-ones .overview .item.disabled {
  background-color: #d31549;
}
.gpc16 .little-ones .overview-details .button .submitted {
  background-color: #800d2c;
}

/*SET WHITELABELING COLOR FOR SECONDARY STYLE*/
.gsc {
  background: white;
}
.gsc h2, .gsc h3, .gsc h4, .gsc h5, .gsc h6, .gsc h2 span, .gsc h3 span, .gsc h4 span, .gsc h5 span, .gsc h6 span, .gsc h2 a, .gsc h3 a, .gsc h4 a, .gsc h5 a, .gsc h6 a, .gsc label {
  color: white;
}
.gsc a {
  color: white;
}
.gsc a:hover {
  color: white;
}

.gsc1 {
  background: #F5FCFF;
}
.gsc1 h2, .gsc1 h3, .gsc1 h4, .gsc1 h5, .gsc1 h6, .gsc1 h2 span, .gsc1 h3 span, .gsc1 h4 span, .gsc1 h5 span, .gsc1 h6 span, .gsc1 h2 a, .gsc1 h3 a, .gsc1 h4 a, .gsc1 h5 a, .gsc1 h6 a, .gsc1 p, .gsc1 label {
  color: #F5FCFF;
}
.gsc1 a {
  color: #F5FCFF;
}
.gsc1 a:hover {
  color: #a9e5ff;
}

.gsc2 {
  background: #F9EBEE;
}
.gsc2 h2, .gsc2 h3, .gsc2 h4, .gsc2 h5, .gsc2 h6, .gsc2 h2 span, .gsc2 h3 span, .gsc2 h4 span, .gsc2 h5 span, .gsc2 h6 span, .gsc2 h2 a, .gsc2 h3 a, .gsc2 h4 a, .gsc2 h5 a, .gsc2 h6 a, .gsc2 p, .gsc2 label {
  color: #F9EBEE;
}
.gsc2 a {
  color: #F9EBEE;
}
.gsc2 a:hover {
  color: #e7b0bc;
}

.gsc3 {
  background: #E5F1FC;
}
.gsc3 h2, .gsc3 h3, .gsc3 h4, .gsc3 h5, .gsc3 h6, .gsc3 h2 span, .gsc3 h3 span, .gsc3 h4 span, .gsc3 h5 span, .gsc3 h6 span, .gsc3 h2 a, .gsc3 h3 a, .gsc3 h4 a, .gsc3 h5 a, .gsc3 h6 a, .gsc3 p, .gsc3 label {
  color: #E5F1FC;
}
.gsc3 a {
  color: #E5F1FC;
}
.gsc3 a:hover {
  color: #a0ccf4;
}

.gsc4 {
  background: #F2FEF8;
}
.gsc4 h2, .gsc4 h3, .gsc4 h4, .gsc4 h5, .gsc4 h6, .gsc4 h2 span, .gsc4 h3 span, .gsc4 h4 span, .gsc4 h5 span, .gsc4 h6 span, .gsc4 h2 a, .gsc4 h3 a, .gsc4 h4 a, .gsc4 h5 a, .gsc4 h6 a, .gsc4 p, .gsc4 label {
  color: #F2FEF8;
}
.gsc4 a {
  color: #F2FEF8;
}
.gsc4 a:hover {
  color: #abf9d2;
}

.gsc5 {
  background: #FEF4F8;
}
.gsc5 h2, .gsc5 h3, .gsc5 h4, .gsc5 h5, .gsc5 h6, .gsc5 h2 span, .gsc5 h3 span, .gsc5 h4 span, .gsc5 h5 span, .gsc5 h6 span, .gsc5 h2 a, .gsc5 h3 a, .gsc5 h4 a, .gsc5 h5 a, .gsc5 h6 a, .gsc5 p, .gsc5 label {
  color: #FEF4F8;
}
.gsc5 a {
  color: #FEF4F8;
}
.gsc5 a:hover {
  color: #f8aecb;
}

.gsc6 {
  background: #FCF2EA;
}
.gsc6 h2, .gsc6 h3, .gsc6 h4, .gsc6 h5, .gsc6 h6, .gsc6 h2 span, .gsc6 h3 span, .gsc6 h4 span, .gsc6 h5 span, .gsc6 h6 span, .gsc6 h2 a, .gsc6 h3 a, .gsc6 h4 a, .gsc6 h5 a, .gsc6 h6 a, .gsc6 p, .gsc6 label {
  color: #FCF2EA;
}
.gsc6 a {
  color: #FCF2EA;
}
.gsc6 a:hover {
  color: #f2c9a7;
}

.gsc7 {
  background: #F8F2FF;
}
.gsc7 h2, .gsc7 h3, .gsc7 h4, .gsc7 h5, .gsc7 h6, .gsc7 h2 span, .gsc7 h3 span, .gsc7 h4 span, .gsc7 h5 span, .gsc7 h6 span, .gsc7 h2 a, .gsc7 h3 a, .gsc7 h4 a, .gsc7 h5 a, .gsc7 h6 a, .gsc7 p, .gsc7 label {
  color: #F8F2FF;
}
.gsc7 a {
  color: #F8F2FF;
}
.gsc7 a:hover {
  color: #cfa6ff;
}

.gsc8 {
  background: #FFF1F1;
}
.gsc8 h2, .gsc8 h3, .gsc8 h4, .gsc8 h5, .gsc8 h6, .gsc8 h2 span, .gsc8 h3 span, .gsc8 h4 span, .gsc8 h5 span, .gsc8 h6 span, .gsc8 h2 a, .gsc8 h3 a, .gsc8 h4 a, .gsc8 h5 a, .gsc8 h6 a, .gsc8 p, .gsc8 label {
  color: #FFF1F1;
}
.gsc8 a {
  color: #FFF1F1;
}
.gsc8 a:hover {
  color: #ffa5a5;
}

.gsc9 {
  background: #E1FCF9;
}
.gsc9 h2, .gsc9 h3, .gsc9 h4, .gsc9 h5, .gsc9 h6, .gsc9 h2 span, .gsc9 h3 span, .gsc9 h4 span, .gsc9 h5 span, .gsc9 h6 span, .gsc9 h2 a, .gsc9 h3 a, .gsc9 h4 a, .gsc9 h5 a, .gsc9 h6 a, .gsc9 p, .gsc9 label {
  color: #E1FCF9;
}
.gsc9 a {
  color: #E1FCF9;
}
.gsc9 a:hover {
  color: #9bf5eb;
}

.gsc10 {
  background: #FCDFF0;
}
.gsc10 h2, .gsc10 h3, .gsc10 h4, .gsc10 h5, .gsc10 h6, .gsc10 h2 span, .gsc10 h3 span, .gsc10 h4 span, .gsc10 h5 span, .gsc10 h6 span, .gsc10 h2 a, .gsc10 h3 a, .gsc10 h4 a, .gsc10 h5 a, .gsc10 h6 a, .gsc10 p, .gsc10 label {
  color: #FCDFF0;
}
.gsc10 a {
  color: #FCDFF0;
}
.gsc10 a:hover {
  color: #f599cf;
}

.gsc11 {
  background: #D3F1FB;
}
.gsc11 h2, .gsc11 h3, .gsc11 h4, .gsc11 h5, .gsc11 h6, .gsc11 h2 span, .gsc11 h3 span, .gsc11 h4 span, .gsc11 h5 span, .gsc11 h6 span, .gsc11 h2 a, .gsc11 h3 a, .gsc11 h4 a, .gsc11 h5 a, .gsc11 h6 a, .gsc11 p, .gsc11 label {
  color: #D3F1FB;
}
.gsc11 a {
  color: #D3F1FB;
}
.gsc11 a:hover {
  color: #8ddbf5;
}

.gsc12 {
  background: #EFFBDD;
}
.gsc12 h2, .gsc12 h3, .gsc12 h4, .gsc12 h5, .gsc12 h6, .gsc12 h2 span, .gsc12 h3 span, .gsc12 h4 span, .gsc12 h5 span, .gsc12 h6 span, .gsc12 h2 a, .gsc12 h3 a, .gsc12 h4 a, .gsc12 h5 a, .gsc12 h6 a, .gsc12 p, .gsc12 label {
  color: #EFFBDD;
}
.gsc12 a {
  color: #EFFBDD;
}
.gsc12 a:hover {
  color: #cff399;
}

.gsc13 {
  background: #FBE4FC;
}
.gsc13 h2, .gsc13 h3, .gsc13 h4, .gsc13 h5, .gsc13 h6, .gsc13 h2 span, .gsc13 h3 span, .gsc13 h4 span, .gsc13 h5 span, .gsc13 h6 span, .gsc13 h2 a, .gsc13 h3 a, .gsc13 h4 a, .gsc13 h5 a, .gsc13 h6 a, .gsc13 p, .gsc13 label {
  color: #FBE4FC;
}
.gsc13 a {
  color: #FBE4FC;
}
.gsc13 a:hover {
  color: #f19ff4;
}

.gsc14 {
  background: #FFEEDF;
}
.gsc14 h2, .gsc14 h3, .gsc14 h4, .gsc14 h5, .gsc14 h6, .gsc14 h2 span, .gsc14 h3 span, .gsc14 h4 span, .gsc14 h5 span, .gsc14 h6 span, .gsc14 h2 a, .gsc14 h3 a, .gsc14 h4 a, .gsc14 h5 a, .gsc14 h6 a, .gsc14 p, .gsc14 label {
  color: #FFEEDF;
}
.gsc14 a {
  color: #FFEEDF;
}
.gsc14 a:hover {
  color: #ffc593;
}

.gsc15 {
  background: #EBDFFC;
}
.gsc15 h2, .gsc15 h3, .gsc15 h4, .gsc15 h5, .gsc15 h6, .gsc15 h2 span, .gsc15 h3 span, .gsc15 h4 span, .gsc15 h5 span, .gsc15 h6 span, .gsc15 h2 a, .gsc15 h3 a, .gsc15 h4 a, .gsc15 h5 a, .gsc15 h6 a, .gsc15 p, .gsc15 label {
  color: #EBDFFC;
}
.gsc15 a {
  color: #EBDFFC;
}
.gsc15 a:hover {
  color: #bf99f5;
}

.gsc16 {
  background: #FFE5EC;
}
.gsc16 h2, .gsc16 h3, .gsc16 h4, .gsc16 h5, .gsc16 h6, .gsc16 h2 span, .gsc16 h3 span, .gsc16 h4 span, .gsc16 h5 span, .gsc16 h6 span, .gsc16 h2 a, .gsc16 h3 a, .gsc16 h4 a, .gsc16 h5 a, .gsc16 h6 a, .gsc16 p, .gsc16 label {
  color: #FFE5EC;
}
.gsc16 a {
  color: #FFE5EC;
}
.gsc16 a:hover {
  color: #ff99b4;
}

body {
  font-family: "Montserrat", "Open Sans", Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h6, h1 span, h2 span, h3 span, h4 span, h6 span, h1 a, h2 a, h3 a, h4 a, h6 a, a, span, p, p span, p a, span a {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: grid;
}
h1.light, h2.light, h3.light, h4.light, h6.light, h1 span.light, h2 span.light, h3 span.light, h4 span.light, h6 span.light, h1 a.light, h2 a.light, h3 a.light, h4 a.light, h6 a.light, a.light, span.light, p.light, p span.light, p a.light, span a.light {
  font-weight: 300;
}
h1.regular, h2.regular, h3.regular, h4.regular, h6.regular, h1 span.regular, h2 span.regular, h3 span.regular, h4 span.regular, h6 span.regular, h1 a.regular, h2 a.regular, h3 a.regular, h4 a.regular, h6 a.regular, a.regular, span.regular, p.regular, p span.regular, p a.regular, span a.regular {
  font-weight: 400;
}
h1.medium, h2.medium, h3.medium, h4.medium, h6.medium, h1 span.medium, h2 span.medium, h3 span.medium, h4 span.medium, h6 span.medium, h1 a.medium, h2 a.medium, h3 a.medium, h4 a.medium, h6 a.medium, a.medium, span.medium, p.medium, p span.medium, p a.medium, span a.medium {
  font-weight: 500;
}
h1.semibold, h2.semibold, h3.semibold, h4.semibold, h6.semibold, h1 span.semibold, h2 span.semibold, h3 span.semibold, h4 span.semibold, h6 span.semibold, h1 a.semibold, h2 a.semibold, h3 a.semibold, h4 a.semibold, h6 a.semibold, a.semibold, span.semibold, p.semibold, p span.semibold, p a.semibold, span a.semibold {
  font-weight: 600;
}
h1.bold, h2.bold, h3.bold, h4.bold, h6.bold, h1 span.bold, h2 span.bold, h3 span.bold, h4 span.bold, h6 span.bold, h1 a.bold, h2 a.bold, h3 a.bold, h4 a.bold, h6 a.bold, a.bold, span.bold, p.bold, p span.bold, p a.bold, span a.bold {
  font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", "Open Sans", Helvetica, sans-serif, "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
}

.white h1, .white h2, .white h3, .white h4, .white h6, .white h1 span, .white h2 span, .white h3 span, .white h4 span, .white h6 span, .white h1 a, .white h2 a, .white h3 a, .white h4 a, .white h6 a, .white p {
  color: white;
}

.white {
  color: white;
}

.black h1, .black h2, .black h3, .black h4, .black h6, .black h1 span, .black h2 span, .black h3 span, .black h4 span, .black h6 span, .black h1 a, .black h2 a, .black h3 a, .black h4 a, .black h6 a, .black p {
  color: black;
}

.black {
  color: black;
}

.center {
  text-align: center;
}

.uppercase {
  text-transform: uppercase;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.margin-none {
  margin: 0px !important;
}

address, time {
  font-size: 0.8em;
}

p {
  display: inline-block;
  font-size: 22px;
  font-weight: normal;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  margin: 0.6em 0;
  line-height: 30px;
}
p.centered {
  text-align: center;
}
@media screen and (max-width: 1600px) {
  p {
    font-size: 20px;
    line-height: 25px;
  }
}
@media screen and (max-width: 1280px) {
  p {
    font-size: 18px;
    line-height: 22px;
  }
}
@media screen and (max-width: 768px) {
  p {
    font-size: 16px !important;
    line-height: 20px;
  }
}
@media screen and (max-width: 480px) {
  p {
    font-size: 13px !important;
    line-height: 15px;
  }
}
p span {
  display: inline-block;
}

.heading {
  text-align: center;
  font-size: 50px;
}
@media screen and (max-width: 1280px) {
  .heading {
    font-size: 42px;
  }
}
@media screen and (max-width: 768px) {
  .heading {
    font-size: 38px;
  }
}
@media screen and (max-width: 480px) {
  .heading {
    font-size: 35px;
  }
}

h1 {
  color: #027A8F;
  font-size: 42px;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  position: relative;
  z-index: 0;
  line-height: 45px;
  font-weight: 700;
  text-align: center;
}
h1 span {
  display: inline-block;
  font-weight: 700;
}
@media screen and (max-width: 1280px) {
  h1 {
    font-size: 38px;
  }
}
@media screen and (max-width: 768px) {
  h1 {
    font-size: 35px;
  }
}
@media screen and (max-width: 480px) {
  h1 {
    font-size: 30px;
  }
}

h2 {
  color: #027A8F;
  font-size: 30px;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  line-height: 47px;
}
@media screen and (max-width: 1600px) {
  h2 {
    font-size: 25px;
    line-height: 30px;
  }
}
@media screen and (max-width: 768px) {
  h2 {
    font-size: 20px;
    line-height: 25px;
  }
}

h3 {
  color: #027A8F;
  font-size: 23px;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
}
@media screen and (max-width: 1600px) {
  h3 {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  h3 {
    font-size: 18px;
    line-height: 22px;
  }
}

h4 {
  color: #027A8F;
  font-size: 20px;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
}
@media screen and (max-width: 1600px) {
  h4 {
    font-size: 16px;
  }
}

h5 {
  color: #027A8F;
  font-weight: 600;
  font-size: 1.4em;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
}

h3 span {
  color: #027A8F;
}

h6 {
  color: #3A3A3A;
  font-weight: 300;
  font-size: 1.2em;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
}

a .fa {
  color: #000000;
}

.view-article {
  display: block;
  border-top: 1px solid #A8A8A8;
  padding-top: 18px;
  margin-top: 45px;
  color: #027A8F;
}

.btn-container::after {
  clear: both;
  content: "";
  display: table;
}

input, select {
  border: 1px solid #F2F2F2;
}

.full-btn {
  width: 132px;
  display: block;
  text-align: center;
  margin: 0 auto;
  float: none !important;
}
.full-btn a {
  display: block;
}

.button a, .button button, .button input, .button submit, .button .btn-default, .wysija-submit a, .wysija-submit button, .wysija-submit input, .wysija-submit submit, .wysija-submit .btn-default, .button div a, .button div button, .button div input, .button div submit, .button div .btn-default {
  padding: 15px 25px;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  -webkit-appearance: none;
  border: 0;
}
.button a:hover, .button button:hover, .button input:hover, .button submit:hover, .button .btn-default:hover, .wysija-submit a:hover, .wysija-submit button:hover, .wysija-submit input:hover, .wysija-submit submit:hover, .wysija-submit .btn-default:hover, .button div a:hover, .button div button:hover, .button div input:hover, .button div submit:hover, .button div .btn-default:hover {
  cursor: pointer;
}
.button a.primary, .button button.primary, .button input.primary, .button submit.primary, .button .btn-default.primary, .wysija-submit a.primary, .wysija-submit button.primary, .wysija-submit input.primary, .wysija-submit submit.primary, .wysija-submit .btn-default.primary, .button div a.primary, .button div button.primary, .button div input.primary, .button div submit.primary, .button div .btn-default.primary {
  background: #013a44;
  color: white;
  text-align: center;
  transition: all 0.3s ease;
}
.button a.primary.outline, .button button.primary.outline, .button input.primary.outline, .button submit.primary.outline, .button .btn-default.primary.outline, .wysija-submit a.primary.outline, .wysija-submit button.primary.outline, .wysija-submit input.primary.outline, .wysija-submit submit.primary.outline, .wysija-submit .btn-default.primary.outline, .button div a.primary.outline, .button div button.primary.outline, .button div input.primary.outline, .button div submit.primary.outline, .button div .btn-default.primary.outline {
  background: transparent;
  border: 2px solid #027A8F;
  color: #027A8F;
}
.button a.primary.outline:hover, .button button.primary.outline:hover, .button input.primary.outline:hover, .button submit.primary.outline:hover, .button .btn-default.primary.outline:hover, .wysija-submit a.primary.outline:hover, .wysija-submit button.primary.outline:hover, .wysija-submit input.primary.outline:hover, .wysija-submit submit.primary.outline:hover, .wysija-submit .btn-default.primary.outline:hover, .button div a.primary.outline:hover, .button div button.primary.outline:hover, .button div input.primary.outline:hover, .button div submit.primary.outline:hover, .button div .btn-default.primary.outline:hover {
  border: 2px solid #03a5c1;
}
.button a.primary:hover, .button button.primary:hover, .button input.primary:hover, .button submit.primary:hover, .button .btn-default.primary:hover, .wysija-submit a.primary:hover, .wysija-submit button.primary:hover, .wysija-submit input.primary:hover, .wysija-submit submit.primary:hover, .wysija-submit .btn-default.primary:hover, .button div a.primary:hover, .button div button.primary:hover, .button div input.primary:hover, .button div submit.primary:hover, .button div .btn-default.primary:hover {
  background: #03a5c1;
}
.button a.secondary, .button button.secondary, .button input.secondary, .button submit.secondary, .button .btn-default.secondary, .wysija-submit a.secondary, .wysija-submit button.secondary, .wysija-submit input.secondary, .wysija-submit submit.secondary, .wysija-submit .btn-default.secondary, .button div a.secondary, .button div button.secondary, .button div input.secondary, .button div submit.secondary, .button div .btn-default.secondary {
  color: white;
  text-align: center;
  outline: none;
  transition: all 0.3s ease;
}
.button a.secondary.outline, .button button.secondary.outline, .button input.secondary.outline, .button submit.secondary.outline, .button .btn-default.secondary.outline, .wysija-submit a.secondary.outline, .wysija-submit button.secondary.outline, .wysija-submit input.secondary.outline, .wysija-submit submit.secondary.outline, .wysija-submit .btn-default.secondary.outline, .button div a.secondary.outline, .button div button.secondary.outline, .button div input.secondary.outline, .button div submit.secondary.outline, .button div .btn-default.secondary.outline {
  background: transparent;
  border: 2px solid #FF990C;
  color: #FF990C;
}
.button a.secondary.outline:hover, .button button.secondary.outline:hover, .button input.secondary.outline:hover, .button submit.secondary.outline:hover, .button .btn-default.secondary.outline:hover, .wysija-submit a.secondary.outline:hover, .wysija-submit button.secondary.outline:hover, .wysija-submit input.secondary.outline:hover, .wysija-submit submit.secondary.outline:hover, .wysija-submit .btn-default.secondary.outline:hover, .button div a.secondary.outline:hover, .button div button.secondary.outline:hover, .button div input.secondary.outline:hover, .button div submit.secondary.outline:hover, .button div .btn-default.secondary.outline:hover {
  border: 2px solid #a56000;
}
.button a.tertiary, .button button.tertiary, .button input.tertiary, .button submit.tertiary, .button .btn-default.tertiary, .wysija-submit a.tertiary, .wysija-submit button.tertiary, .wysija-submit input.tertiary, .wysija-submit submit.tertiary, .wysija-submit .btn-default.tertiary, .button div a.tertiary, .button div button.tertiary, .button div input.tertiary, .button div submit.tertiary, .button div .btn-default.tertiary {
  background: #027A8F;
  color: #F7F7F7;
  text-align: center;
  transition: all 0.3s ease;
}
.button a.tertiary.outline, .button button.tertiary.outline, .button input.tertiary.outline, .button submit.tertiary.outline, .button .btn-default.tertiary.outline, .wysija-submit a.tertiary.outline, .wysija-submit button.tertiary.outline, .wysija-submit input.tertiary.outline, .wysija-submit submit.tertiary.outline, .wysija-submit .btn-default.tertiary.outline, .button div a.tertiary.outline, .button div button.tertiary.outline, .button div input.tertiary.outline, .button div submit.tertiary.outline, .button div .btn-default.tertiary.outline {
  background: transparent;
  border: 2px solid #027A8F;
  color: #027A8F;
}
.button a.tertiary.outline:hover, .button button.tertiary.outline:hover, .button input.tertiary.outline:hover, .button submit.tertiary.outline:hover, .button .btn-default.tertiary.outline:hover, .wysija-submit a.tertiary.outline:hover, .wysija-submit button.tertiary.outline:hover, .wysija-submit input.tertiary.outline:hover, .wysija-submit submit.tertiary.outline:hover, .wysija-submit .btn-default.tertiary.outline:hover, .button div a.tertiary.outline:hover, .button div button.tertiary.outline:hover, .button div input.tertiary.outline:hover, .button div submit.tertiary.outline:hover, .button div .btn-default.tertiary.outline:hover {
  border: 2px solid #013a44;
}
.button a.tertiary:hover, .button button.tertiary:hover, .button input.tertiary:hover, .button submit.tertiary:hover, .button .btn-default.tertiary:hover, .wysija-submit a.tertiary:hover, .wysija-submit button.tertiary:hover, .wysija-submit input.tertiary:hover, .wysija-submit submit.tertiary:hover, .wysija-submit .btn-default.tertiary:hover, .button div a.tertiary:hover, .button div button.tertiary:hover, .button div input.tertiary:hover, .button div submit.tertiary:hover, .button div .btn-default.tertiary:hover {
  background: #013a44;
  color: white;
}
.button a.custom, .button button.custom, .button input.custom, .button submit.custom, .button .btn-default.custom, .wysija-submit a.custom, .wysija-submit button.custom, .wysija-submit input.custom, .wysija-submit submit.custom, .wysija-submit .btn-default.custom, .button div a.custom, .button div button.custom, .button div input.custom, .button div submit.custom, .button div .btn-default.custom {
  padding: 15px;
  color: white;
  text-align: center;
  outline: none;
  transition: all 0.3s ease;
}
@media screen and (max-width: 480px) {
  .button a.custom, .button button.custom, .button input.custom, .button submit.custom, .button .btn-default.custom, .wysija-submit a.custom, .wysija-submit button.custom, .wysija-submit input.custom, .wysija-submit submit.custom, .wysija-submit .btn-default.custom, .button div a.custom, .button div button.custom, .button div input.custom, .button div submit.custom, .button div .btn-default.custom {
    width: 100%;
  }
}
.button a.custom p, .button button.custom p, .button input.custom p, .button submit.custom p, .button .btn-default.custom p, .wysija-submit a.custom p, .wysija-submit button.custom p, .wysija-submit input.custom p, .wysija-submit submit.custom p, .wysija-submit .btn-default.custom p, .button div a.custom p, .button div button.custom p, .button div input.custom p, .button div submit.custom p, .button div .btn-default.custom p {
  font-size: 16px;
}
.button a.custom.br-top, .button button.custom.br-top, .button input.custom.br-top, .button submit.custom.br-top, .button .btn-default.custom.br-top, .wysija-submit a.custom.br-top, .wysija-submit button.custom.br-top, .wysija-submit input.custom.br-top, .wysija-submit submit.custom.br-top, .wysija-submit .btn-default.custom.br-top, .button div a.custom.br-top, .button div button.custom.br-top, .button div input.custom.br-top, .button div submit.custom.br-top, .button div .btn-default.custom.br-top {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.button a.custom.br-right, .button button.custom.br-right, .button input.custom.br-right, .button submit.custom.br-right, .button .btn-default.custom.br-right, .wysija-submit a.custom.br-right, .wysija-submit button.custom.br-right, .wysija-submit input.custom.br-right, .wysija-submit submit.custom.br-right, .wysija-submit .btn-default.custom.br-right, .button div a.custom.br-right, .button div button.custom.br-right, .button div input.custom.br-right, .button div submit.custom.br-right, .button div .btn-default.custom.br-right {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.button a.custom.br-bottom, .button button.custom.br-bottom, .button input.custom.br-bottom, .button submit.custom.br-bottom, .button .btn-default.custom.br-bottom, .wysija-submit a.custom.br-bottom, .wysija-submit button.custom.br-bottom, .wysija-submit input.custom.br-bottom, .wysija-submit submit.custom.br-bottom, .wysija-submit .btn-default.custom.br-bottom, .button div a.custom.br-bottom, .button div button.custom.br-bottom, .button div input.custom.br-bottom, .button div submit.custom.br-bottom, .button div .btn-default.custom.br-bottom {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.button a.custom.br-left, .button button.custom.br-left, .button input.custom.br-left, .button submit.custom.br-left, .button .btn-default.custom.br-left, .wysija-submit a.custom.br-left, .wysija-submit button.custom.br-left, .wysija-submit input.custom.br-left, .wysija-submit submit.custom.br-left, .wysija-submit .btn-default.custom.br-left, .button div a.custom.br-left, .button div button.custom.br-left, .button div input.custom.br-left, .button div submit.custom.br-left, .button div .btn-default.custom.br-left {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.button a.shadow, .button button.shadow, .button input.shadow, .button submit.shadow, .button .btn-default.shadow, .wysija-submit a.shadow, .wysija-submit button.shadow, .wysija-submit input.shadow, .wysija-submit submit.shadow, .wysija-submit .btn-default.shadow, .button div a.shadow, .button div button.shadow, .button div input.shadow, .button div submit.shadow, .button div .btn-default.shadow {
  box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.2);
}
.button a:disabled, .button button:disabled, .button input:disabled, .button submit:disabled, .button .btn-default:disabled, .wysija-submit a:disabled, .wysija-submit button:disabled, .wysija-submit input:disabled, .wysija-submit submit:disabled, .wysija-submit .btn-default:disabled, .button div a:disabled, .button div button:disabled, .button div input:disabled, .button div submit:disabled, .button div .btn-default:disabled {
  background-color: #A8A8A8 !important;
  cursor: not-allowed;
}
.button a:disabled:hover, .button button:disabled:hover, .button input:disabled:hover, .button submit:disabled:hover, .button .btn-default:disabled:hover, .wysija-submit a:disabled:hover, .wysija-submit button:disabled:hover, .wysija-submit input:disabled:hover, .wysija-submit submit:disabled:hover, .wysija-submit .btn-default:disabled:hover, .button div a:disabled:hover, .button div button:disabled:hover, .button div input:disabled:hover, .button div submit:disabled:hover, .button div .btn-default:disabled:hover {
  background-color: #A8A8A8 !important;
}
.button a.view, .button button.view, .button input.view, .button submit.view, .button .btn-default.view, .wysija-submit a.view, .wysija-submit button.view, .wysija-submit input.view, .wysija-submit submit.view, .wysija-submit .btn-default.view, .button div a.view, .button div button.view, .button div input.view, .button div submit.view, .button div .btn-default.view {
  width: 88px;
  padding: 10px;
  color: white;
  border-radius: 5px;
  text-align: center;
  outline: none;
  transition: all 0.3s ease;
}
@media screen and (max-width: 480px) {
  .button a.view, .button button.view, .button input.view, .button submit.view, .button .btn-default.view, .wysija-submit a.view, .wysija-submit button.view, .wysija-submit input.view, .wysija-submit submit.view, .wysija-submit .btn-default.view, .button div a.view, .button div button.view, .button div input.view, .button div submit.view, .button div .btn-default.view {
    width: 100%;
  }
}
.button a.view p, .button button.view p, .button input.view p, .button submit.view p, .button .btn-default.view p, .wysija-submit a.view p, .wysija-submit button.view p, .wysija-submit input.view p, .wysija-submit submit.view p, .wysija-submit .btn-default.view p, .button div a.view p, .button div button.view p, .button div input.view p, .button div submit.view p, .button div .btn-default.view p {
  font-size: 16px !important;
}
.button a.add, .button button.add, .button input.add, .button submit.add, .button .btn-default.add, .wysija-submit a.add, .wysija-submit button.add, .wysija-submit input.add, .wysija-submit submit.add, .wysija-submit .btn-default.add, .button div a.add, .button div button.add, .button div input.add, .button div submit.add, .button div .btn-default.add {
  color: white;
  border-radius: 5px;
  text-align: center;
  outline: none;
  transition: all 0.3s ease;
}
@media screen and (max-width: 480px) {
  .button a.add, .button button.add, .button input.add, .button submit.add, .button .btn-default.add, .wysija-submit a.add, .wysija-submit button.add, .wysija-submit input.add, .wysija-submit submit.add, .wysija-submit .btn-default.add, .button div a.add, .button div button.add, .button div input.add, .button div submit.add, .button div .btn-default.add {
    width: 100%;
  }
}
.button a.edit, .button button.edit, .button input.edit, .button submit.edit, .button .btn-default.edit, .wysija-submit a.edit, .wysija-submit button.edit, .wysija-submit input.edit, .wysija-submit submit.edit, .wysija-submit .btn-default.edit, .button div a.edit, .button div button.edit, .button div input.edit, .button div submit.edit, .button div .btn-default.edit {
  width: 88px;
  padding: 10px;
  background: #4CB719;
  color: white;
  text-align: center;
  border-radius: 10px;
  outline: none;
  transition: all 0.3s ease;
}
.button a.edit:hover, .button button.edit:hover, .button input.edit:hover, .button submit.edit:hover, .button .btn-default.edit:hover, .wysija-submit a.edit:hover, .wysija-submit button.edit:hover, .wysija-submit input.edit:hover, .wysija-submit submit.edit:hover, .wysija-submit .btn-default.edit:hover, .button div a.edit:hover, .button div button.edit:hover, .button div input.edit:hover, .button div submit.edit:hover, .button div .btn-default.edit:hover {
  background: #60e122;
}
.button a.edit .icon, .button button.edit .icon, .button input.edit .icon, .button submit.edit .icon, .button .btn-default.edit .icon, .wysija-submit a.edit .icon, .wysija-submit button.edit .icon, .wysija-submit input.edit .icon, .wysija-submit submit.edit .icon, .wysija-submit .btn-default.edit .icon, .button div a.edit .icon, .button div button.edit .icon, .button div input.edit .icon, .button div submit.edit .icon, .button div .btn-default.edit .icon {
  margin-right: 8px;
  font-size: 16px;
}
.button a.edit p, .button button.edit p, .button input.edit p, .button submit.edit p, .button .btn-default.edit p, .wysija-submit a.edit p, .wysija-submit button.edit p, .wysija-submit input.edit p, .wysija-submit submit.edit p, .wysija-submit .btn-default.edit p, .button div a.edit p, .button div button.edit p, .button div input.edit p, .button div submit.edit p, .button div .btn-default.edit p {
  font-size: 16px !important;
}
.button a.remove, .button button.remove, .button input.remove, .button submit.remove, .button .btn-default.remove, .wysija-submit a.remove, .wysija-submit button.remove, .wysija-submit input.remove, .wysija-submit submit.remove, .wysija-submit .btn-default.remove, .button div a.remove, .button div button.remove, .button div input.remove, .button div submit.remove, .button div .btn-default.remove {
  width: 88px;
  padding: 10px;
  background: #EF1F1F;
  color: white;
  text-align: center;
  border-radius: 10px;
  outline: none;
  transition: all 0.3s ease;
}
.button a.remove.no-text, .button button.remove.no-text, .button input.remove.no-text, .button submit.remove.no-text, .button .btn-default.remove.no-text, .wysija-submit a.remove.no-text, .wysija-submit button.remove.no-text, .wysija-submit input.remove.no-text, .wysija-submit submit.remove.no-text, .wysija-submit .btn-default.remove.no-text, .button div a.remove.no-text, .button div button.remove.no-text, .button div input.remove.no-text, .button div submit.remove.no-text, .button div .btn-default.remove.no-text {
  width: 40px;
}
.button a.remove.no-text .icon, .button button.remove.no-text .icon, .button input.remove.no-text .icon, .button submit.remove.no-text .icon, .button .btn-default.remove.no-text .icon, .wysija-submit a.remove.no-text .icon, .wysija-submit button.remove.no-text .icon, .wysija-submit input.remove.no-text .icon, .wysija-submit submit.remove.no-text .icon, .wysija-submit .btn-default.remove.no-text .icon, .button div a.remove.no-text .icon, .button div button.remove.no-text .icon, .button div input.remove.no-text .icon, .button div submit.remove.no-text .icon, .button div .btn-default.remove.no-text .icon {
  margin-right: 0px;
}
.button a.remove:hover, .button button.remove:hover, .button input.remove:hover, .button submit.remove:hover, .button .btn-default.remove:hover, .wysija-submit a.remove:hover, .wysija-submit button.remove:hover, .wysija-submit input.remove:hover, .wysija-submit submit.remove:hover, .wysija-submit .btn-default.remove:hover, .button div a.remove:hover, .button div button.remove:hover, .button div input.remove:hover, .button div submit.remove:hover, .button div .btn-default.remove:hover {
  background: #f24f4f;
}
.button a.remove .icon, .button button.remove .icon, .button input.remove .icon, .button submit.remove .icon, .button .btn-default.remove .icon, .wysija-submit a.remove .icon, .wysija-submit button.remove .icon, .wysija-submit input.remove .icon, .wysija-submit submit.remove .icon, .wysija-submit .btn-default.remove .icon, .button div a.remove .icon, .button div button.remove .icon, .button div input.remove .icon, .button div submit.remove .icon, .button div .btn-default.remove .icon {
  margin-right: 8px;
  font-size: 16px;
}
.button a.remove p, .button button.remove p, .button input.remove p, .button submit.remove p, .button .btn-default.remove p, .wysija-submit a.remove p, .wysija-submit button.remove p, .wysija-submit input.remove p, .wysija-submit submit.remove p, .wysija-submit .btn-default.remove p, .button div a.remove p, .button div button.remove p, .button div input.remove p, .button div submit.remove p, .button div .btn-default.remove p {
  font-size: 16px !important;
}
.button a.save, .button button.save, .button input.save, .button submit.save, .button .btn-default.save, .wysija-submit a.save, .wysija-submit button.save, .wysija-submit input.save, .wysija-submit submit.save, .wysija-submit .btn-default.save, .button div a.save, .button div button.save, .button div input.save, .button div submit.save, .button div .btn-default.save {
  border-radius: 5px;
  background: #FF990C;
  color: white;
  text-align: center;
  outline: none;
  box-shadow: 0px 4px 6px 2px rgba(58, 58, 58, 0.4);
  transition: all 0.3s ease;
}
.button a.save:hover, .button button.save:hover, .button input.save:hover, .button submit.save:hover, .button .btn-default.save:hover, .wysija-submit a.save:hover, .wysija-submit button.save:hover, .wysija-submit input.save:hover, .wysija-submit submit.save:hover, .wysija-submit .btn-default.save:hover, .button div a.save:hover, .button div button.save:hover, .button div input.save:hover, .button div submit.save:hover, .button div .btn-default.save:hover {
  background: #a56000;
}
.button a.confirm, .button button.confirm, .button input.confirm, .button submit.confirm, .button .btn-default.confirm, .wysija-submit a.confirm, .wysija-submit button.confirm, .wysija-submit input.confirm, .wysija-submit submit.confirm, .wysija-submit .btn-default.confirm, .button div a.confirm, .button div button.confirm, .button div input.confirm, .button div submit.confirm, .button div .btn-default.confirm {
  border-radius: 5px;
  color: white;
  text-align: center;
  outline: none;
  box-shadow: 0px 4px 6px 2px rgba(58, 58, 58, 0.4);
}
.button a.cancel, .button button.cancel, .button input.cancel, .button submit.cancel, .button .btn-default.cancel, .wysija-submit a.cancel, .wysija-submit button.cancel, .wysija-submit input.cancel, .wysija-submit submit.cancel, .wysija-submit .btn-default.cancel, .button div a.cancel, .button div button.cancel, .button div input.cancel, .button div submit.cancel, .button div .btn-default.cancel {
  border-radius: 5px;
  color: white;
  text-align: center;
  outline: none;
  box-shadow: 0px 4px 6px 2px rgba(58, 58, 58, 0.4);
}
.button a.rounded, .button button.rounded, .button input.rounded, .button submit.rounded, .button .btn-default.rounded, .wysija-submit a.rounded, .wysija-submit button.rounded, .wysija-submit input.rounded, .wysija-submit submit.rounded, .wysija-submit .btn-default.rounded, .button div a.rounded, .button div button.rounded, .button div input.rounded, .button div submit.rounded, .button div .btn-default.rounded {
  border-radius: 50px;
}
.button a.disabled, .button button.disabled, .button input.disabled, .button submit.disabled, .button .btn-default.disabled, .wysija-submit a.disabled, .wysija-submit button.disabled, .wysija-submit input.disabled, .wysija-submit submit.disabled, .wysija-submit .btn-default.disabled, .button div a.disabled, .button div button.disabled, .button div input.disabled, .button div submit.disabled, .button div .btn-default.disabled {
  background-color: #A8A8A8;
  border-color: #A8A8A8;
}
.button.fab, .wysija-submit.fab, .button div.fab {
  width: 40px;
  height: 40px;
  padding: 5px;
  border-radius: 50%;
  border: none;
}
.button.fab.favourite, .wysija-submit.fab.favourite, .button div.fab.favourite {
  color: white;
}
.button.fab.favourite.active, .wysija-submit.fab.favourite.active, .button div.fab.favourite.active {
  color: #FF990C;
}
.button.with-icon button .icon, .button.with-icon button p, .wysija-submit.with-icon button .icon, .wysija-submit.with-icon button p, .button div.with-icon button .icon, .button div.with-icon button p {
  display: inline-block;
  vertical-align: middle;
}
.button.with-icon button p, .wysija-submit.with-icon button p, .button div.with-icon button p {
  margin: 0;
  color: white !important;
  font-weight: 600;
}
@media screen and (max-width: 850px) {
  .button.with-icon button.edit, .button.with-icon button.remove, .button.with-icon button.view, .wysija-submit.with-icon button.edit, .wysija-submit.with-icon button.remove, .wysija-submit.with-icon button.view, .button div.with-icon button.edit, .button div.with-icon button.remove, .button div.with-icon button.view {
    padding: 0px;
    width: 39px;
    height: 39px;
    border-radius: 8px;
  }
}
@media screen and (max-width: 480px) {
  .button.with-icon button.edit, .button.with-icon button.remove, .button.with-icon button.view, .wysija-submit.with-icon button.edit, .wysija-submit.with-icon button.remove, .wysija-submit.with-icon button.view, .button div.with-icon button.edit, .button div.with-icon button.remove, .button div.with-icon button.view {
    width: 25px;
    height: 25px;
    border-radius: 5px;
  }
}
@media screen and (max-width: 850px) {
  .button.with-icon button.edit .icon, .button.with-icon button.remove .icon, .button.with-icon button.view .icon, .wysija-submit.with-icon button.edit .icon, .wysija-submit.with-icon button.remove .icon, .wysija-submit.with-icon button.view .icon, .button div.with-icon button.edit .icon, .button div.with-icon button.remove .icon, .button div.with-icon button.view .icon {
    margin-right: 0;
    font-size: 13px;
  }
}
.button.with-icon button.edit p, .button.with-icon button.remove p, .button.with-icon button.view p, .wysija-submit.with-icon button.edit p, .wysija-submit.with-icon button.remove p, .wysija-submit.with-icon button.view p, .button div.with-icon button.edit p, .button div.with-icon button.remove p, .button div.with-icon button.view p {
  margin: 0;
  color: white !important;
  font-weight: 600;
}
@media screen and (max-width: 850px) {
  .button.with-icon button.edit p, .button.with-icon button.remove p, .button.with-icon button.view p, .wysija-submit.with-icon button.edit p, .wysija-submit.with-icon button.remove p, .wysija-submit.with-icon button.view p, .button div.with-icon button.edit p, .button div.with-icon button.remove p, .button div.with-icon button.view p {
    display: none;
  }
}
.button.with-icon button.view .icon, .wysija-submit.with-icon button.view .icon, .button div.with-icon button.view .icon {
  display: none;
}
@media screen and (max-width: 850px) {
  .button.with-icon button.view .icon, .wysija-submit.with-icon button.view .icon, .button div.with-icon button.view .icon {
    display: inline-block;
  }
}
.button.nav-back, .wysija-submit.nav-back, .button div.nav-back {
  position: absolute;
}
.button.nav-back button, .wysija-submit.nav-back button, .button div.nav-back button {
  padding: 5px 25px;
  outline: none;
  background-color: transparent;
}
.button.nav-back button .icon, .button.nav-back button p, .wysija-submit.nav-back button .icon, .wysija-submit.nav-back button p, .button div.nav-back button .icon, .button div.nav-back button p {
  display: inline-block;
  vertical-align: middle;
}
.button.nav-back button p, .wysija-submit.nav-back button p, .button div.nav-back button p {
  margin: 0;
  color: white !important;
  font-weight: 600;
  font-size: 16px;
}
.button.nav-back button .icon-prev, .wysija-submit.nav-back button .icon-prev, .button div.nav-back button .icon-prev {
  margin-right: 10px;
}
.button.nav-back button .icon-prev:before, .wysija-submit.nav-back button .icon-prev:before, .button div.nav-back button .icon-prev:before {
  font-size: 16px;
}

.form {
  display: grid;
  position: relative;
}
.form .input-group {
  position: relative;
}
.form .input-group label {
  color: white;
  font-weight: 700;
  margin-bottom: 12px;
}
.form .input-group label.no-margin {
  margin-bottom: 0px;
}
.form .input-group label.light {
  font-weight: 300;
}
.form .input-group label.regular {
  font-weight: 400;
}
.form .input-group label.medium {
  font-weight: 500;
}
.form .input-group label.semibold {
  font-weight: 600;
}
.form .input-group label.bold {
  font-weight: 700;
}
.form .input-group input {
  width: 100%;
  color: black;
  border-radius: 5px;
  padding: 12px;
  font-size: 16px;
}
@media screen and (max-width: 480px) {
  .form .input-group input {
    font-size: 14px;
  }
}
.form .input-group input::placeholder {
  color: #03a5c1;
}
.form .input-group input:disabled {
  background-color: #D9D9D9;
  border-color: #D9D9D9;
  opacity: 1;
  cursor: not-allowed !important;
}
.form .input-group input:disabled::placeholder {
  color: black;
}
.form .input-group input#password {
  padding-right: 72px;
}
.form .input-group input[type=checkbox], .form .input-group input[type=radio] {
  width: 15px;
}
.form .input-group select {
  width: 100%;
  border-radius: 5px;
  padding: 12px 30px 12px 12px;
  font-size: 16px;
  outline: none;
  background: white;
  -webkit-appearance: none !important;
  background-image: url('dropdown-m.png') !important;
  background-repeat: no-repeat !important;
  background-position-y: 50% !important;
  background-position-x: 98% !important;
}
.form .input-group select:disabled {
  background-color: #D9D9D9;
  border-color: #D9D9D9;
  opacity: 1;
  cursor: not-allowed !important;
}
.form .input-group textarea:disabled {
  cursor: not-allowed !important;
}
.form .input-group .invalid-feedback p {
  color: white;
}
.form .input-group .password-visibility {
  cursor: pointer;
  padding: 14px 5px 14px 5px;
  position: absolute;
  right: 30px;
}
.form .input-group .password-visibility .text {
  font-size: 13px;
  color: black;
}
.form .next-btn {
  position: absolute;
  bottom: -130px;
  right: -80px;
  border-radius: 5px;
  box-shadow: 0px 4px 6px 2px rgba(58, 58, 58, 0.2);
}
@media screen and (max-width: 1280px) {
  .form .next-btn {
    bottom: -100px;
  }
}
@media screen and (max-width: 1024px) {
  .form .next-btn {
    right: -60px;
  }
}
@media screen and (max-width: 768px) {
  .form .next-btn {
    right: -40px;
  }
}
@media screen and (max-width: 480px) {
  .form .next-btn {
    right: -25px;
  }
}
.form .next-btn a, .form .next-btn button {
  border-radius: 5px;
  padding: 15px;
  width: 140px;
}

figure img {
  width: 100%;
}

a figure {
  transition: all 0.3s ease;
}

a:hover figure {
  opacity: 0.9;
}

.secondary:hover > .image {
  opacity: 0.9;
}

figure {
  overflow: hidden;
}
figure.thumb {
  height: 100px;
}
figure.sml {
  height: 200px;
}
figure.med {
  height: 300px;
}
@media screen and (max-width: 1600px) {
  figure.med {
    height: 200px;
  }
}
@media screen and (max-width: 1600px) and (max-width: 1024px) {
  figure.med {
    height: 150px;
  }
}
figure.lrg {
  height: 500px;
}

a, a h1, a h2, a h3, a h4, a h4, a h5, a h6, a p {
  display: inline-block !important;
  outline: 0;
  color: #027A8F;
  transition: all 0.3s ease;
}
a:hover, a h1:hover, a h2:hover, a h3:hover, a h4:hover, a h4:hover, a h5:hover, a h6:hover, a p:hover {
  color: #027A8F;
}
a:active, a h1:active, a h2:active, a h3:active, a h4:active, a h4:active, a h5:active, a h6:active, a p:active {
  outline: 0;
}

a {
  outline: none !important;
}

li {
  font-size: 1em;
  font-weight: normal;
  margin-left: 1.1em;
  line-height: 24px;
  color: #414042;
}
li span {
  display: inline-block;
}

ul.navigation li {
  list-style-type: none;
}

.tick li {
  list-style-type: none;
  text-align: left;
}
.tick li:before {
  content: " ";
  float: left;
  margin-left: 0;
  margin-top: -6px;
  background-image: url("/images/website/icons/success.png");
  height: 32px;
  width: 32px;
  margin-right: 9px;
}

.list-none li {
  list-style-type: none;
  margin-left: 0;
}

.caregiver th {
  text-align: start;
}

.nav-space {
  margin-top: 140px;
}
@media screen and (max-width: 1600px) {
  .nav-space {
    margin-top: 100px;
  }
}
@media screen and (max-width: 1024px) {
  .nav-space {
    margin-top: 80px;
  }
}
@media screen and (max-width: 480px) {
  .nav-space {
    margin-top: 60px;
  }
}

.navigation {
  position: fixed;
  z-index: 999;
  top: 0px;
  left: 0px;
  width: 100%;
}
.navigation.logged-in {
  background: white;
}
.navigation.logged-in .container {
  justify-content: normal;
  align-items: center;
  grid-template-columns: 260px auto minmax(min-content, max-content);
}
@media screen and (max-width: 1600px) {
  .navigation.logged-in .container {
    grid-template-columns: 200px auto minmax(min-content, max-content);
  }
}
@media screen and (max-width: 1024px) {
  .navigation.logged-in .container {
    grid-template-columns: 125px auto minmax(min-content, max-content);
  }
}
@media screen and (max-width: 480px) {
  .navigation.logged-in .container {
    grid-template-columns: 115px auto minmax(min-content, max-content);
  }
}
.navigation.logged-in .container .the-menu {
  display: grid;
}
@media screen and (max-width: 1024px) {
  .navigation.logged-in .container .open-button {
    display: grid;
  }
}
.navigation .upgrade-banner {
  display: none;
  height: 111px;
  align-content: center;
}
.navigation .upgrade-banner p {
  margin: 0;
}
.navigation .inner {
  grid-template-columns: 75%;
  justify-content: center;
}
@media screen and (max-width: 1280px) {
  .navigation .inner {
    grid-template-columns: 85%;
  }
}
@media screen and (max-width: 1080px) {
  .navigation .inner {
    grid-template-columns: 90%;
  }
}
.navigation .container {
  justify-content: center;
  align-items: center;
  grid-template-columns: 300px;
}
.navigation .container .logo {
  align-self: center;
}
.navigation .container .logo a {
  display: grid !important;
  height: 120px;
  align-content: start;
}
@media screen and (max-width: 1600px) {
  .navigation .container .logo a {
    height: 100px;
  }
}
@media screen and (max-width: 1024px) {
  .navigation .container .logo a {
    height: 80px;
  }
}
@media screen and (max-width: 480px) {
  .navigation .container .logo a {
    height: 60px;
  }
}
.navigation .container .logo a img {
  justify-self: center;
  height: 110px;
  padding: 20px;
  background-color: white;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 1600px) {
  .navigation .container .logo a img {
    height: 90px;
    padding: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .navigation .container .logo a img {
    height: 70px;
    padding: 10px;
  }
}
@media screen and (max-width: 480px) {
  .navigation .container .logo a img {
    height: 50px;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.16);
  }
}
.navigation .container .the-menu {
  display: none;
  grid-template-columns: repeat(6, auto);
  grid-column-gap: 40px;
  text-align: left;
  justify-items: start;
  align-self: center;
  list-style-type: none;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1600px) {
  .navigation .container .the-menu {
    grid-column-gap: 20px;
  }
}
@media screen and (max-width: 1400px) {
  .navigation .container .the-menu {
    grid-column-gap: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .navigation .container .the-menu {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 480px) {
  .navigation .container .the-menu {
    top: 60px !important;
  }
}
@media screen and (max-width: 1400px) {
  .navigation .container .the-menu.facilty-menu li#has-children {
    width: 130px;
  }
}
@media screen and (max-width: 1024px) {
  .navigation .container .the-menu.facilty-menu li#has-children {
    width: 100%;
  }
}
.navigation .container .the-menu.facilty-menu li#has-children:hover #sub-menu {
  height: 310px;
  transition-delay: 0.5s;
}
@media screen and (max-width: 1600px) {
  .navigation .container .the-menu.facilty-menu li#has-children:hover #sub-menu {
    height: 310px;
  }
}
@media screen and (max-width: 1280px) {
  .navigation .container .the-menu.facilty-menu li#has-children:hover #sub-menu {
    height: 270px;
  }
}
@media screen and (max-width: 1024px) {
  .navigation .container .the-menu.facilty-menu li#has-children:hover #sub-menu {
    height: auto;
  }
}
@media screen and (max-width: 1400px) {
  .navigation .container .the-menu.facilty-menu li a {
    padding: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .navigation .container .the-menu.facilty-menu li {
    overflow: hidden;
  }
  .navigation .container .the-menu.facilty-menu li.closed {
    height: 37px;
  }
  .navigation .container .the-menu.facilty-menu li.open a {
    background-color: #027A8F;
    color: white;
  }
  .navigation .container .the-menu.facilty-menu li.open #sub-menu {
    height: auto;
  }
}
.navigation .container .the-menu.teacher-menu li#has-children:hover #sub-menu {
  height: 95px;
  transition-delay: 0.5s;
}
@media screen and (max-width: 1024px) {
  .navigation .container .the-menu.teacher-menu li#has-children:hover #sub-menu {
    height: auto;
  }
}
@media screen and (max-width: 1024px) {
  .navigation .container .the-menu.teacher-menu li {
    overflow: hidden;
  }
  .navigation .container .the-menu.teacher-menu li.closed {
    height: 37px;
  }
  .navigation .container .the-menu.teacher-menu li.open a {
    background-color: #027A8F;
    color: white;
  }
  .navigation .container .the-menu.teacher-menu li.open #sub-menu {
    height: auto;
  }
}
.navigation .container .the-menu.caregiver-menu li#has-children:hover #sub-menu {
  height: 82px;
  transition-delay: 0.5s;
}
@media screen and (max-width: 1024px) {
  .navigation .container .the-menu.caregiver-menu li#has-children:hover #sub-menu {
    height: auto;
  }
}
@media screen and (max-width: 1024px) {
  .navigation .container .the-menu.caregiver-menu li {
    overflow: hidden;
  }
  .navigation .container .the-menu.caregiver-menu li.closed {
    height: 37px;
  }
  .navigation .container .the-menu.caregiver-menu li.open a {
    background-color: #027A8F;
    color: white;
  }
  .navigation .container .the-menu.caregiver-menu li.open #sub-menu {
    height: auto;
  }
}
.navigation .container .the-menu li {
  display: grid;
  list-style-type: none;
  cursor: pointer;
  margin-left: 0;
  width: 200px;
}
@media screen and (max-width: 1600px) {
  .navigation .container .the-menu li {
    width: 160px;
  }
}
@media screen and (max-width: 1280px) {
  .navigation .container .the-menu li {
    width: 150px;
  }
}
.navigation .container .the-menu li#has-children {
  position: relative;
}
.navigation .container .the-menu li#has-children a {
  text-align: left;
}
.navigation .container .the-menu li#has-children:hover a {
  color: white;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.navigation .container .the-menu li#has-children #sub-menu {
  display: grid;
  height: 0;
  position: absolute;
  top: 44px;
  width: 200px;
  overflow: hidden;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.3);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  transition-delay: 0.5s;
  transition: height 0.5s ease;
}
@media screen and (max-width: 1600px) {
  .navigation .container .the-menu li#has-children #sub-menu {
    width: 160px;
  }
}
@media screen and (max-width: 1280px) {
  .navigation .container .the-menu li#has-children #sub-menu {
    width: 150px;
    top: 41px;
  }
}
@media screen and (max-width: 1024px) {
  .navigation .container .the-menu li#has-children #sub-menu {
    height: auto;
  }
}
.navigation .container .the-menu li#has-children #sub-menu li a {
  border-radius: 0;
  color: white;
}
.navigation .container .the-menu li#has-children #sub-menu li a:hover {
  text-decoration: underline;
}
.navigation .container .the-menu li#has-children #sub-menu li:last-child a {
  padding-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .navigation .container .the-menu li#has-children #sub-menu li:last-child a {
    padding-bottom: 10px;
  }
}
.navigation .container .the-menu li a {
  padding: 10px 10px;
  margin: 0px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1280px) {
  .navigation .container .the-menu li a {
    padding: 10px 20px;
    font-size: 13px;
    line-height: 16px;
  }
}
.navigation .container .the-menu li a i {
  line-height: 15px;
  display: inline-block;
  vertical-align: middle;
}
.navigation .container .the-menu li a.active {
  color: white;
}
.navigation .container .the-menu li a:hover {
  color: white;
}
.navigation .container .the-menu li .button {
  padding: 0;
  align-self: start;
}
.navigation .container .the-menu li .button button {
  color: white;
  padding: 10px 25px;
  border-radius: 5px;
  border: none;
  align-self: center;
  outline: none;
}
@media screen and (max-width: 1280px) {
  .navigation .container .the-menu li .button button {
    font-size: 13px;
  }
}
@media screen and (max-width: 1024px) {
  .navigation .container .the-menu {
    grid-template-columns: 1fr;
    width: 100%;
    background: white;
    position: absolute;
    top: 80px;
    left: 0px;
  }
  .navigation .container .the-menu.closed {
    height: 0px;
    overflow: hidden;
  }
  .navigation .container .the-menu.open {
    height: auto;
    box-shadow: 0px 4px 5px 2px rgba(0, 0, 0, 0.16);
  }
  .navigation .container .the-menu li {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #027A8F;
  }
  .navigation .container .the-menu li:last-child {
    border-bottom: none;
  }
  .navigation .container .the-menu li#has-children:before {
    content: "";
    width: 100%;
    height: 38px;
    position: absolute;
    z-index: 10;
  }
  .navigation .container .the-menu li#has-children a {
    text-align: center;
  }
  .navigation .container .the-menu li#has-children #sub-menu {
    position: relative;
    top: 0;
    width: 100%;
    border-radius: 0px;
    box-shadow: none;
  }
  .navigation .container .the-menu li#has-children #sub-menu li a {
    color: #027A8F;
    background-color: white;
  }
  .navigation .container .the-menu li a {
    padding: 10px 10px;
    border-radius: 0;
    margin: 0;
  }
  .navigation .container .the-menu li .button {
    padding: 15px 0;
    justify-self: center;
  }
}

.open-button {
  display: none;
  align-items: center;
  width: 30px;
  height: 28px;
  color: white;
  font-size: 1em;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  justify-self: end;
}
.open-button .icon-bar {
  display: block;
  height: 3px;
  width: 100%;
  margin: 4px 0px;
  background-color: white;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .open-button .icon-bar {
    background-color: #027A8F;
  }
  .open-button .icon-bar:before {
    top: -10px;
    left: 0px;
    position: absolute;
    content: "";
    height: 3px;
    width: 100%;
    background-color: #027A8F;
    display: block;
  }
  .open-button .icon-bar:after {
    top: 10px;
    left: 0px;
    position: absolute;
    content: "";
    height: 3px;
    width: 100%;
    background-color: #027A8F;
    display: block;
  }
}
.open-button .display-mobile {
  display: none;
}
@media screen and (max-width: 1024px) {
  .open-button .display-mobile {
    display: grid;
  }
}

footer {
  position: relative;
  overflow: hidden;
}
footer .social-media {
  padding: 0 0 40px 0;
  grid-template-columns: 30%;
}
@media screen and (max-width: 1024px) {
  footer .social-media {
    grid-template-columns: 50%;
  }
}
@media screen and (max-width: 768px) {
  footer .social-media {
    grid-template-columns: 70%;
  }
}
@media screen and (max-width: 480px) {
  footer .social-media {
    grid-template-columns: 80%;
  }
}
footer .social-media .content .link {
  justify-content: center;
}
footer .social-media .content .link a {
  content: "";
  width: 70px;
  height: 70px;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 480px) {
  footer .social-media .content .link a {
    width: 50px;
    height: 50px;
  }
}
footer .social-media .content .link a:hover {
  cursor: pointer;
}
footer .social-media .content .link.fb a {
  background-image: url("/assets/img/icons/fb-b.png");
}
footer .social-media .content .link.fb a:hover {
  background-image: url("/assets/img/icons/fb-c.png");
}
footer .social-media .content .link.twitter a {
  background-image: url("/assets/img/icons/twitter-b.png");
}
footer .social-media .content .link.twitter a:hover {
  background-image: url("/assets/img/icons/twitter-c.png");
}
footer .social-media .content .link.instagram a {
  background-image: url("/assets/img/icons/instagram-b.png");
}
footer .social-media .content .link.instagram a:hover {
  background-image: url("/assets/img/icons/instagram-c.png");
}
footer .social-media .content .link.pintrest a {
  background-image: url("/assets/img/icons/pintrest-b.png");
}
footer .social-media .content .link.pintrest a:hover {
  background-image: url("/assets/img/icons/pintrest-c.png");
}
footer .newsletter {
  padding-bottom: 0;
}
footer .newsletter .content {
  grid-template-columns: auto auto;
  grid-column-gap: 5%;
}
@media screen and (max-width: 768px) {
  footer .newsletter .content {
    grid-template-columns: 1fr;
  }
}
footer .newsletter p {
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  footer .newsletter p {
    text-align: center;
    justify-self: center;
  }
}
footer .newsletter .button {
  text-align: center;
}
@media screen and (max-width: 768px) {
  footer .newsletter .button {
    justify-self: center;
  }
}
footer .newsletter .button a {
  font-size: 18px;
  padding: 15px 40px;
}
footer .newsletter .button a:hover {
  border-color: white;
  color: white;
}
footer .top {
  justify-content: center;
  align-content: start;
  grid-template-columns: 60%;
  padding: 60px 0;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1800px) {
  footer .top {
    grid-template-columns: 70%;
  }
}
@media screen and (max-width: 1600px) {
  footer .top {
    grid-template-columns: 80%;
  }
}
@media screen and (max-width: 1280px) {
  footer .top {
    grid-template-columns: 90%;
  }
}
footer .top .content {
  position: relative;
  z-index: 5;
  grid-column-gap: 2%;
}
@media screen and (max-width: 1024px) {
  footer .top .content {
    grid-template-columns: 100%;
    grid-row-gap: 20px;
  }
}
footer .top .item {
  align-content: start;
}
@media screen and (max-width: 1024px) {
  footer .top .item {
    justify-self: start;
  }
}
footer .top .item ul li {
  list-style: none;
  margin-left: 0;
  padding-bottom: 20px;
}
footer .top .item ul li a {
  text-decoration: underline;
}
footer .top .item ul li a:hover {
  cursor: pointer;
}
footer .top .item ul li img {
  height: 70px;
}
footer .top .item ul li:last-child {
  padding-bottom: 0;
}
footer .top .item ul .tel-icon {
  position: relative;
  padding-left: 25px;
}
footer .top .item ul .tel-icon:before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("/assets/img/icons/phone.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 3;
  transform: translateY(-50%);
}
footer .top .item ul .email {
  display: block;
}
@media screen and (max-width: 1024px) {
  footer .top .item ul .email {
    font-size: 16px;
  }
}
footer .top .item ul .email span {
  display: inline-block;
}
@media screen and (max-width: 1280px) {
  footer .top .item ul .email span {
    font-size: 15px;
  }
}
@media screen and (max-width: 1024px) {
  footer .top .item ul .email span {
    font-size: 1em;
  }
}
@media screen and (max-width: 480px) {
  footer .top .item form {
    width: 280px;
  }
}
footer .top .item form .error p, footer .top .item form .success p {
  color: white !important;
  font-size: 11px !important;
}
footer .top .item form input {
  width: 100%;
  color: white;
  background-color: transparent;
  border-radius: 5px;
  padding: 8px;
  font-size: 13px;
}
footer .top .item form textarea {
  width: 100%;
  color: white;
  background-color: transparent;
  border-radius: 5px;
  padding: 8px;
  font-size: 13px;
}
footer .top .item form .send-btn {
  background-color: #FF990C;
  border-color: #FF990C;
  padding: 5px 25px;
  margin-bottom: 0px;
  font-weight: 600;
  font-size: 16px;
  border-radius: 5px;
}
footer .top .item form .send-btn:disabled {
  background-color: #A8A8A8 !important;
  border-color: #A8A8A8 !important;
}
footer .top .item form input::placeholder, footer .top .item form textarea::placeholder {
  color: white !important;
}
footer .top .item form input::-webkit-input-placeholder, footer .top .item form textarea::-webkit-input-placeholder {
  color: white !important;
}
footer .top .item form input::-moz-placeholder, footer .top .item form textarea::-moz-placeholder {
  color: white !important;
}
footer .top .item form input:-ms-input-placeholder, footer .top .item form textarea:-ms-input-placeholder {
  color: white !important;
}
footer .top .item form input:-moz-placeholder, footer .top .item form textarea:-moz-placeholder {
  color: white !important;
}
footer .top p.heading {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: bold;
  color: white;
  justify-content: start;
}
footer .top a {
  color: white;
  line-height: 30px;
}
footer .top a:hover {
  text-decoration: underline;
  cursor: pointer;
}
footer .top .logo-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 4;
  transform: translateX(-50%);
}
footer .top .logo-mask img {
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
}
footer .top .logo-mask:before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("/assets/img/backgrounds/footer-top.png");
  background-repeat: no-repeat;
  background-position: top center;
}
footer .top .background img {
  height: 100%;
  width: auto;
}
footer .bottom {
  justify-content: center;
  align-content: start;
  grid-template-columns: 75%;
  text-align: center;
  position: relative;
  z-index: 2;
}
footer .bottom p {
  padding: 15px;
  margin: 0;
  font-size: 0.9em;
  color: white !important;
  display: block;
  border-top: 1px solid #FF990C;
}
footer .bottom p a {
  display: inline-block;
  color: white !important;
}
footer .bottom p a:hover {
  color: #027A8F !important;
}
@media screen and (max-width: 1024px) {
  footer .background img {
    height: 100%;
  }
}

.slick-slider .slick-list {
  cursor: grab;
}
.slick-slider .slick-dots {
  bottom: 20px;
}
.slick-slider .slick-dots button {
  box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.5);
}
.slick-slider .slick-dots li button {
  border: 2px solid white;
}
.slick-slider .slick-dots li button:before {
  display: none;
}
.slick-slider .slick-dots li button:hover {
  background: white;
}
.slick-slider .slick-dots li.slick-active button {
  background: white;
}
.slick-slider .slick-dots li.slick-active button:before {
  display: none;
}

.slick-dotted {
  margin-bottom: 0 !important;
}

.hero {
  padding-top: 0px;
}
.hero .hero-slider {
  z-index: 2;
}
.hero .hero-slider .slick-slide {
  display: grid;
  position: relative;
}
.hero .hero-slider .slick-slide .inner {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero .hero-slider .slick-arrow {
  height: 50%;
  width: 230px;
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
}
@media screen and (max-width: 1600px) {
  .hero .hero-slider .slick-arrow {
    width: 200px;
  }
}
@media screen and (max-width: 1280px) {
  .hero .hero-slider .slick-arrow {
    width: 150px;
  }
}
@media screen and (max-width: 768px) {
  .hero .hero-slider .slick-arrow {
    width: 100px;
  }
}
@media screen and (max-width: 480px) {
  .hero .hero-slider .slick-arrow {
    width: 60px;
  }
}
.hero .hero-slider .slick-arrow:before {
  content: "";
}
.hero .hero-slider .slick-arrow.slick-next {
  right: 0px;
}
.hero .hero-slider .slick-arrow.slick-next:before {
  content: url(/assets/img/icons/next-arrow-w.png);
  background-repeat: no-repeat;
}
.hero .hero-slider .slick-arrow.slick-prev {
  left: 0px;
}
.hero .hero-slider .slick-arrow.slick-prev:before {
  content: url(/assets/img/icons/prev-arrow-w.png);
  background-repeat: no-repeat;
}

.product-slider .slick-arrow, .product-slider-modal .slick-arrow {
  height: 35px;
  width: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
}
.product-slider .slick-arrow:before, .product-slider-modal .slick-arrow:before {
  content: "";
}

.product-slider {
  grid-template-columns: 70%;
  display: grid;
  justify-content: center;
}
@media screen and (max-width: 1280px) {
  .product-slider {
    grid-template-columns: 80%;
  }
}
@media screen and (max-width: 1024px) {
  .product-slider {
    grid-template-columns: 90%;
  }
}
.product-slider figure {
  margin: 0 auto;
  width: 100%;
  cursor: grab;
}
.product-slider .slick-arrow.slick-next {
  right: 180px;
  background-image: url(/assets/img/icons/next-arrow.png);
}
@media screen and (max-width: 1600px) {
  .product-slider .slick-arrow.slick-next {
    right: 140px;
  }
}
@media screen and (max-width: 1280px) {
  .product-slider .slick-arrow.slick-next {
    background-image: url(/assets/img/icons/next-arrow-w.png);
  }
}
@media screen and (max-width: 1024px) {
  .product-slider .slick-arrow.slick-next {
    right: 80px;
  }
}
@media screen and (max-width: 768px) {
  .product-slider .slick-arrow.slick-next {
    right: 60px;
  }
}
@media screen and (max-width: 480px) {
  .product-slider .slick-arrow.slick-next {
    right: 40px;
  }
}
.product-slider .slick-arrow.slick-prev {
  left: 180px;
  background-image: url(/assets/img/icons/prev-arrow.png);
}
@media screen and (max-width: 1600px) {
  .product-slider .slick-arrow.slick-prev {
    left: 140px;
  }
}
@media screen and (max-width: 1280px) {
  .product-slider .slick-arrow.slick-prev {
    background-image: url(/assets/img/icons/prev-arrow-w.png);
  }
}
@media screen and (max-width: 1024px) {
  .product-slider .slick-arrow.slick-prev {
    left: 80px;
  }
}
@media screen and (max-width: 768px) {
  .product-slider .slick-arrow.slick-prev {
    left: 60px;
  }
}
@media screen and (max-width: 480px) {
  .product-slider .slick-arrow.slick-prev {
    left: 40px;
  }
}

.product-slider-modal {
  height: unset;
  overflow: hidden;
  position: unset;
}
@media screen and (max-width: 1600px) {
  .product-slider-modal {
    max-height: 600px;
  }
}
@media screen and (max-width: 768px) {
  .product-slider-modal {
    max-height: 460px;
  }
}
@media screen and (max-width: 480px) {
  .product-slider-modal {
    max-height: 320px;
  }
}
.product-slider-modal .slick-list {
  width: 80%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .product-slider-modal .slick-list {
    width: 100%;
  }
}
.product-slider-modal .slick-list .slick-slide figure {
  cursor: grab;
  width: 100%;
}
.product-slider-modal .slick-list .slick-slide figure img {
  width: 100%;
  margin: 0 auto;
}
.product-slider-modal .slick-arrow.slick-next {
  right: 0px;
  background-image: url(/assets/img/icons/next-arrow.png);
}
@media screen and (max-width: 768px) {
  .product-slider-modal .slick-arrow.slick-next {
    right: 15px;
    background-image: url(/assets/img/icons/next-arrow-w.png);
  }
}
.product-slider-modal .slick-arrow.slick-prev {
  left: 0px;
  background-image: url(/assets/img/icons/prev-arrow.png);
}
@media screen and (max-width: 768px) {
  .product-slider-modal .slick-arrow.slick-prev {
    left: 15px;
    background-image: url(/assets/img/icons/prev-arrow-w.png);
  }
}

.testimonial-slider .slick-dots {
  bottom: -15px;
}
.testimonial-slider .slick-dots li {
  height: 12px;
  width: 12px;
}
.testimonial-slider .slick-dots li button {
  border-color: #838383;
}
.testimonial-slider .slick-dots li button:hover {
  border-color: #027A8F;
  background: #027A8F;
}
.testimonial-slider .slick-dots .slick-active button {
  border-color: #027A8F;
  background: #027A8F;
}
.testimonial-slider .slick-arrow {
  height: 35px;
  width: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
}
.testimonial-slider .slick-arrow:before {
  content: "";
}
.testimonial-slider .slick-arrow.slick-next {
  right: -100px;
  background-image: url(/assets/img/icons/next-arrow.png);
}
@media screen and (max-width: 1280px) {
  .testimonial-slider .slick-arrow.slick-next {
    right: -50px;
  }
}
.testimonial-slider .slick-arrow.slick-prev {
  left: -100px;
  background-image: url(/assets/img/icons/prev-arrow.png);
}
@media screen and (max-width: 1280px) {
  .testimonial-slider .slick-arrow.slick-prev {
    left: -50px;
  }
}

.hero {
  position: relative;
  padding-bottom: 0;
  grid-template-columns: 100%;
  height: 500px;
}
@media screen and (max-width: 1600px) {
  .hero {
    height: 430px;
  }
}
@media screen and (max-width: 768px) {
  .hero {
    height: 500px;
  }
}
@media screen and (max-width: 480px) {
  .hero {
    height: 570px;
  }
}
.hero .inner {
  grid-template-columns: 80%;
  justify-content: center;
  position: absolute;
  z-index: 2;
}
@media screen and (max-width: 1280px) {
  .hero .inner {
    grid-template-columns: 80%;
  }
}
@media screen and (max-width: 1024px) {
  .hero .inner {
    grid-template-columns: 90%;
  }
}
.hero.small {
  height: 300px;
}
.hero .background {
  position: initial;
  top: 0px;
  left: 0px;
  z-index: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.hero .background img {
  width: 100%;
  height: auto;
  width: 100%;
  height: 100%;
}
.hero .gradient, .hero .overlay {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#52c5f1+0,000000+100&0.97+0,0.88+100 */
  background: #FF990C;
  background: linear-gradient(to bottom, #FF990C 0%, #027A8F 100%);
  opacity: 0.9;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 1;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-content: center;
}

.is-invalid {
  border: 2px solid #E2401C !important;
}

.invalid-feedback {
  position: relative;
}
.invalid-feedback.is-invalid {
  display: grid;
}
.invalid-feedback p {
  font-size: 14px !important;
  color: #E2401C;
  line-height: 15px;
  margin: 0.5em 0 0 0 !important;
  text-align: center;
  display: block;
  position: absolute;
}
@media screen and (max-width: 480px) {
  .invalid-feedback p {
    font-size: 12px !important;
    color: #E2401C;
    line-height: 13px;
  }
}
.invalid-feedback p span {
  display: inline-block;
}
.invalid-feedback p span a {
  color: #027A8F;
  background-color: transparent;
}
.invalid-feedback p span a:hover {
  background-color: transparent;
}
.invalid-feedback ul {
  text-align: center;
}
.invalid-feedback ul li {
  font-size: 14px;
  color: #E2401C;
  list-style: none;
  margin-left: 0;
  margin-bottom: 0.5em;
}
.invalid-feedback ul li:last-child {
  margin-bottom: 0;
}

.valid-feedback {
  position: relative;
}
.valid-feedback p {
  text-align: center;
  font-size: 14px;
  color: #008000;
  line-height: 15px;
  margin: 0.5em 0 0 0 !important;
  position: absolute;
}

.invalid .ng-invalid {
  border: 2px solid #E2401C !important;
}

.login, .signup, .forgot-password, .splash, .thank-you, .error-page {
  padding: 0;
  height: 100%;
}
.login .inner .content, .signup .inner .content, .forgot-password .inner .content, .splash .inner .content, .thank-you .inner .content, .error-page .inner .content {
  width: 450px;
  justify-self: center;
  position: absolute;
  top: 140px;
  left: 50%;
  z-index: 2;
  grid-row-gap: 20px;
  transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
  .login .inner .content, .signup .inner .content, .forgot-password .inner .content, .splash .inner .content, .thank-you .inner .content, .error-page .inner .content {
    top: 110px;
  }
}
@media screen and (max-width: 480px) {
  .login .inner .content, .signup .inner .content, .forgot-password .inner .content, .splash .inner .content, .thank-you .inner .content, .error-page .inner .content {
    top: 80px;
    width: 320px;
  }
}
.login .inner .content h1, .signup .inner .content h1, .forgot-password .inner .content h1, .splash .inner .content h1, .thank-you .inner .content h1, .error-page .inner .content h1 {
  color: white !important;
}
.login .inner .content .card, .signup .inner .content .card, .forgot-password .inner .content .card, .splash .inner .content .card, .thank-you .inner .content .card, .error-page .inner .content .card {
  padding: 40px;
}
.login .inner .content .form, .signup .inner .content .form, .forgot-password .inner .content .form, .splash .inner .content .form, .thank-you .inner .content .form, .error-page .inner .content .form {
  margin-bottom: 40px;
}
.login .inner .content .button, .signup .inner .content .button, .forgot-password .inner .content .button, .splash .inner .content .button, .thank-you .inner .content .button, .error-page .inner .content .button {
  padding: 0;
}
.login .inner .content .terms, .signup .inner .content .terms, .forgot-password .inner .content .terms, .splash .inner .content .terms, .thank-you .inner .content .terms, .error-page .inner .content .terms {
  grid-template-columns: auto 1fr;
}
.login .inner .content .terms p, .signup .inner .content .terms p, .forgot-password .inner .content .terms p, .splash .inner .content .terms p, .thank-you .inner .content .terms p, .error-page .inner .content .terms p {
  font-size: 16px;
  margin: 0;
  color: white !important;
}
.login .inner .content .terms a:hover p, .signup .inner .content .terms a:hover p, .forgot-password .inner .content .terms a:hover p, .splash .inner .content .terms a:hover p, .thank-you .inner .content .terms a:hover p, .error-page .inner .content .terms a:hover p {
  text-decoration: underline;
}
.login .inner .content .terms input, .signup .inner .content .terms input, .forgot-password .inner .content .terms input, .splash .inner .content .terms input, .thank-you .inner .content .terms input, .error-page .inner .content .terms input {
  width: auto;
}
.login .inner .content .remember-me, .signup .inner .content .remember-me, .forgot-password .inner .content .remember-me, .splash .inner .content .remember-me, .thank-you .inner .content .remember-me, .error-page .inner .content .remember-me {
  display: grid;
  grid-template-columns: auto 1fr;
  margin-bottom: 0px;
  justify-self: center;
  align-items: center;
  grid-column-gap: 10px;
}
.login .inner .content .remember-me input, .signup .inner .content .remember-me input, .forgot-password .inner .content .remember-me input, .splash .inner .content .remember-me input, .thank-you .inner .content .remember-me input, .error-page .inner .content .remember-me input {
  width: auto;
}
.login .inner .content .remember-me p, .signup .inner .content .remember-me p, .forgot-password .inner .content .remember-me p, .splash .inner .content .remember-me p, .thank-you .inner .content .remember-me p, .error-page .inner .content .remember-me p {
  margin: 0;
  color: white !important;
  font-size: 18px;
}
.login .inner .content .forgot-link, .signup .inner .content .forgot-link, .forgot-password .inner .content .forgot-link, .splash .inner .content .forgot-link, .thank-you .inner .content .forgot-link, .error-page .inner .content .forgot-link {
  color: white !important;
  font-size: 18px;
  text-align: center;
}
.login .inner .content .signup-link, .login .inner .content .login-link, .signup .inner .content .signup-link, .signup .inner .content .login-link, .forgot-password .inner .content .signup-link, .forgot-password .inner .content .login-link, .splash .inner .content .signup-link, .splash .inner .content .login-link, .thank-you .inner .content .signup-link, .thank-you .inner .content .login-link, .error-page .inner .content .signup-link, .error-page .inner .content .login-link {
  font-size: 18px;
}
.login .inner .content .signup-link a, .login .inner .content .login-link a, .signup .inner .content .signup-link a, .signup .inner .content .login-link a, .forgot-password .inner .content .signup-link a, .forgot-password .inner .content .login-link a, .splash .inner .content .signup-link a, .splash .inner .content .login-link a, .thank-you .inner .content .signup-link a, .thank-you .inner .content .login-link a, .error-page .inner .content .signup-link a, .error-page .inner .content .login-link a {
  color: #ABD9F6;
}
.login .inner .content .signup-link a:hover, .login .inner .content .login-link a:hover, .signup .inner .content .signup-link a:hover, .signup .inner .content .login-link a:hover, .forgot-password .inner .content .signup-link a:hover, .forgot-password .inner .content .login-link a:hover, .splash .inner .content .signup-link a:hover, .splash .inner .content .login-link a:hover, .thank-you .inner .content .signup-link a:hover, .thank-you .inner .content .login-link a:hover, .error-page .inner .content .signup-link a:hover, .error-page .inner .content .login-link a:hover {
  color: #4fafec;
}

.login .background, .forgot-password .background, .error .background {
  height: 100%;
  position: fixed;
}
@media screen and (max-width: 1280px) {
  .login .background img, .forgot-password .background img, .error .background img {
    width: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}

.signup .background {
  height: 100%;
  position: fixed;
}
@media screen and (max-width: 1280px) {
  .signup .background img {
    width: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}

.thank-you .background {
  align-content: start;
  height: 100%;
  position: fixed;
}
@media screen and (max-width: 1280px) {
  .thank-you .background img {
    width: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}

.thank-you .content {
  width: 80% !important;
}
@media screen and (max-width: 480px) {
  .thank-you .content h1 {
    font-size: 28px;
    line-height: 32px;
  }
}
@media screen and (max-width: 480px) {
  .thank-you .content h2 {
    font-size: 18px;
    line-height: 22px;
  }
}

.card {
  background-color: #027A8F;
  border-radius: 10px;
  padding: 60px 120px;
  position: relative;
}
@media screen and (max-width: 1600px) {
  .card {
    padding: 40px 100px;
  }
}
@media screen and (max-width: 1280px) {
  .card {
    padding: 40px 80px;
  }
}
@media screen and (max-width: 1024px) {
  .card {
    padding: 40px 60px;
  }
}
@media screen and (max-width: 768px) {
  .card {
    padding: 40px 40px;
  }
}
@media screen and (max-width: 480px) {
  .card {
    padding: 30px 25px 25px 25px;
  }
}
.card.with-btn {
  margin-bottom: 90px;
}
@media screen and (max-width: 768px) {
  .card.with-btn {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .card table p {
    font-size: 14px !important;
  }
}

.splash {
  height: 100vh;
}
.splash .inner .content {
  position: relative;
  z-index: 2;
  grid-row-gap: 20px;
}
.splash .inner .content .sub-text {
  margin-bottom: 20px;
  width: 70%;
  font-size: 18px;
  line-height: 35px;
}
.splash .inner .content p {
  margin: 0;
}
.splash .inner .content .loader {
  grid-row-gap: 10px;
}
.splash .inner .content .loader img {
  width: 50%;
}
.splash .inner .content .loader p {
  font-size: 16px;
}

.pagination {
  padding-top: 10px;
}
.pagination .ngx-pagination {
  float: right;
}
.pagination li {
  margin: 0 !important;
  padding: 0px;
  margin-left: 5px !important;
  vertical-align: middle;
}
.pagination li a {
  border: 1px solid white;
  padding: 6px 15px;
}
.pagination li a:hover {
  border: 1px solid #013a44;
  background: #013a44;
}
.pagination li a span {
  color: white;
}
.pagination li.current {
  border: 1px solid #013a44;
  background: #013a44;
}
.pagination li.current span {
  padding: 3px 4px !important;
}
.pagination .pagination-previous:before {
  display: none !important;
}
.pagination .pagination-previous.disabled {
  display: none !important;
}
.pagination .pagination-previous a {
  padding: 0px;
}
.pagination .pagination-previous a:before {
  content: url(/assets/img/icons/prev-page.png) !important;
}
.pagination .pagination-next:after {
  display: none !important;
}
.pagination .pagination-next.disabled {
  display: none !important;
}
.pagination .pagination-next a {
  padding: 0px;
}
.pagination .pagination-next a:after {
  content: url(/assets/img/icons/next-page.png) !important;
  margin: 0px 5px !important;
}

.multiselect-dropdown {
  position: relative;
  width: 100%;
  font-size: inherit;
  font-family: inherit;
}
.multiselect-dropdown .dropdown-btn {
  /** @MM Removed some of the defaults */
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  line-height: 1.52857143;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 4px;
  /** @MM From custom select styling */
  border: none !important;
  width: 100%;
  border-radius: 5px !important;
  padding: 12px 30px 12px 12px !important;
  font-size: 16px;
  line-height: normal;
  min-height: 49px;
  outline: none;
  background: white;
  -webkit-appearance: none !important;
  background-image: url('dropdown-m.png') !important;
  background-repeat: no-repeat !important;
  background-position-y: 50% !important;
  background-position-x: 98% !important;
}
.multiselect-dropdown .dropdown-btn span:last-of-type {
  display: inline-block;
}
.multiselect-dropdown .dropdown-btn .selected-item,
.multiselect-dropdown .dropdown-btn .selected-item-container .selected-item {
  border: 1px solid #337ab7;
  margin-right: 4px;
  background: #337ab7;
  padding: 0px 5px;
  color: #fff;
  border-radius: 2px;
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  max-width: 250px !important;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
}
.multiselect-dropdown .dropdown-btn .selected-item span,
.multiselect-dropdown .dropdown-btn .selected-item-container .selected-item span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.multiselect-dropdown .dropdown-btn .selected-item a,
.multiselect-dropdown .dropdown-btn .selected-item-container .selected-item a {
  text-decoration: none;
  display: inline-flex !important;
  align-items: center !important;
  flex-shrink: 0;
  color: white !important;
  padding-left: 4px;
  font-size: 14px;
  line-height: 1;
}
.multiselect-dropdown .dropdown-btn .selected-item:hover {
  box-shadow: 1px 1px #959595;
}
.multiselect-dropdown .dropdown-btn .dropdown-down,
.multiselect-dropdown .dropdown-btn .dropdown-up {
  display: none !important;
}
.multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret {
  display: none !important;
}
.multiselect-dropdown .disabled > span {
  background-color: #eceeef;
}

.dropdown-list {
  position: absolute;
  padding-top: 6px;
  width: 100%;
  z-index: 9999;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fff;
  margin-top: 10px;
  box-shadow: 0px 1px 5px #959595;
}
.dropdown-list ul {
  padding: 0px;
  list-style: none;
  overflow: auto;
  margin: 0px;
}
.dropdown-list li {
  padding: 6px 10px;
  cursor: pointer;
  text-align: left;
}
.dropdown-list .filter-textbox {
  border-bottom: 1px solid #ccc;
  position: relative;
  padding: 10px;
}
.dropdown-list .filter-textbox input {
  border: 0px;
  width: 100%;
  padding: 0px 0px 0px 26px;
}
.dropdown-list .filter-textbox input:focus {
  outline: none;
}

.multiselect-item-checkbox input[type=checkbox] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.multiselect-item-checkbox input[type=checkbox]:focus + div:before,
.multiselect-item-checkbox input[type=checkbox]:hover + div:before {
  border-color: #337ab7;
  background-color: #f2f2f2;
}

.multiselect-item-checkbox input[type=checkbox]:active + div:before {
  transition-duration: 0s;
}

.multiselect-item-checkbox input[type=checkbox] + div {
  position: relative;
  padding-left: 2em;
  vertical-align: middle;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  margin: 0px;
  color: #000;
}

.multiselect-item-checkbox input[type=checkbox] + div:before {
  box-sizing: content-box;
  content: "";
  color: #337ab7;
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -9px;
  border: 2px solid #337ab7;
  text-align: center;
  transition: all 0.4s ease;
}

.multiselect-item-checkbox input[type=checkbox] + div:after {
  box-sizing: content-box;
  content: "";
  background-color: #337ab7;
  position: absolute;
  top: 50%;
  left: 4px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  transform: scale(0);
  transform-origin: 50%;
  transition: transform 200ms ease-out;
}

.multiselect-item-checkbox input[type=checkbox]:disabled + div:before {
  border-color: #cccccc;
}

.multiselect-item-checkbox input[type=checkbox]:disabled:focus + div:before .multiselect-item-checkbox input[type=checkbox]:disabled:hover + div:before {
  background-color: inherit;
}

.multiselect-item-checkbox input[type=checkbox]:disabled:checked + div:before {
  background-color: #cccccc;
}

.multiselect-item-checkbox input[type=checkbox] + div:after {
  background-color: transparent;
  top: 50%;
  left: 4px;
  width: 8px;
  height: 3px;
  margin-top: -4px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0 0 3px 3px;
  border-image: none;
  transform: rotate(-45deg) scale(0);
}

.multiselect-item-checkbox input[type=checkbox]:checked + div:after {
  content: "";
  transform: rotate(-45deg) scale(1);
  transition: transform 200ms ease-out;
}

.multiselect-item-checkbox input[type=checkbox]:checked + div:before {
  animation: borderscale 200ms ease-in;
  background: #337ab7;
}

.multiselect-item-checkbox input[type=checkbox]:checked + div:after {
  transform: rotate(-45deg) scale(1);
}

@keyframes borderscale {
  50% {
    box-shadow: 0 0 0 2px #337ab7;
  }
}
.background-custom {
  align-content: end;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
  height: 110%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #89D3E0;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .background-custom {
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .background-custom {
    height: 103%;
  }
}
.background-custom img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1600px) {
  .background-custom img {
    width: 100%;
  }
}
.background-custom .sky {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -70px;
  z-index: 2;
}
.background-custom .land {
  position: absolute;
  bottom: -400px;
  z-index: 3;
}
@media screen and (max-width: 1600px) {
  .background-custom .land {
    bottom: -320px;
  }
}
@media screen and (max-width: 1280px) {
  .background-custom .land {
    bottom: -200px;
  }
}
@media screen and (max-width: 1024px) {
  .background-custom .land {
    bottom: -140px;
  }
}
@media screen and (max-width: 768px) {
  .background-custom .land {
    bottom: -100px;
  }
}

.background {
  align-content: end;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
  height: 100vh;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.background img {
  width: 100%;
  position: absolute;
}
@media screen and (max-width: 1600px) {
  .background img {
    width: 100%;
    height: 100%;
  }
}

.overlay {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d2849+0,193c6a+100&1+0,0.7+100 */
  background: rgba(0, 0, 0, 0.56);
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  height: 100vh;
  width: 100%;
  justify-content: center;
  align-content: center;
}

.gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#52c5f1+0,000000+100&0.97+0,0.88+100 */
  background: #50AFEB;
  background: linear-gradient(to bottom, #50AFEB 0%, #1C6EA4 50%, #1D4C72 100%);
  opacity: 0.9;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 1;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-content: center;
}

textarea {
  border-radius: 5px;
  padding: 15px;
  resize: none;
  outline: none;
}
@media screen and (max-width: 1600px) {
  textarea {
    font-size: 20px;
  }
}
@media screen and (max-width: 1280px) {
  textarea {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  textarea {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 480px) {
  textarea {
    font-size: 13px !important;
  }
}

.devider {
  padding: 20px 0;
  position: relative;
}
.devider:after {
  content: "";
  background-color: white;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: -20px;
}

.search.three {
  grid-template-columns: repeat(2, auto) 1fr;
}
@media screen and (max-width: 850px) {
  .search.three {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 480px) {
  .search.three {
    grid-template-columns: 1fr;
  }
}
.search.three .input-group {
  width: 200px;
}
@media screen and (max-width: 850px) {
  .search.three .input-group {
    width: 100%;
  }
}
.search.three .input-group:last-child {
  width: auto;
}
@media screen and (max-width: 850px) {
  .search.three .input-group:last-child {
    grid-column: 1/3;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .search.three .input-group:last-child {
    grid-column: 1/2;
  }
}
.search.three .input-group #search {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.search .two {
  grid-template-columns: auto 1fr;
}
@media screen and (max-width: 850px) {
  .search .two {
    grid-template-columns: auto 50px;
  }
}
@media screen and (max-width: 480px) {
  .search .button button a {
    padding: 15px 10px;
  }
}
.search .button .add {
  padding: 13px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.mat-dialog-container {
  padding: 0px !important;
  border-radius: 10px !important;
  background-color: transparent;
}

.mat-mdc-dialog-container {
  overflow: hidden !important;
  border-radius: 10px !important;
}

.modal {
  padding: 40px !important;
  border-radius: 10px !important;
  position: relative;
  align-content: center;
  padding: 0;
}
@media screen and (max-width: 480px) {
  .modal {
    padding: 20px !important;
  }
}
.modal h3 {
  margin-bottom: 30px;
}
.modal #close {
  outline: none !important;
  color: white !important;
  background-color: transparent;
  font-size: 20px !important;
  padding: 5px;
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 3;
}
@media screen and (max-width: 1024px) {
  .modal #close {
    font-size: 18px !important;
    right: 12px;
  }
}
@media screen and (max-width: 480px) {
  .modal #close {
    right: 8px;
  }
}
.modal .button button {
  text-transform: uppercase;
}
.modal.events {
  padding: 0px !important;
}
.modal.events .title {
  grid-template-columns: auto 1fr;
  width: 100%;
  padding: 40px 40px 10px 40px;
  margin-bottom: 65px;
}
@media screen and (max-width: 768px) {
  .modal.events .title {
    padding: 25px 25px 10px 25px;
  }
}
.modal.events .title h3 {
  margin-bottom: 0px;
}
.modal.events .event {
  padding: 20px 40px 40px 40px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .modal.events .event {
    padding: 12px;
  }
}
.modal.events .event .options {
  position: absolute;
  top: -49px;
}
.modal.events .event .options.multiple {
  margin-left: 0;
}
.modal.events .event .options .button {
  margin-right: 10px;
}
.modal.events .event .options .content .items {
  display: block;
}
.modal.events .event .date p {
  margin: 0;
}
.modal.events .event p {
  font-size: 16px;
}
@media screen and (max-width: 480px) {
  .modal.events .event p {
    font-size: 14px !important;
  }
}
.modal.events .event .event-details #public-notes {
  color: white;
}
.modal.events .event .event-details .button {
  position: relative;
  bottom: 0px;
  right: 0px;
}
.modal.confirmation {
  grid-row-gap: 10px;
}
.modal.confirmation .mat-dialog-actions {
  display: grid;
  flex-wrap: unset;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 10px;
}
.modal.create-tag .tag-type {
  grid-template-columns: 1fr auto;
}
.modal .classes .class .two {
  grid-template-columns: 1fr auto;
}
.modal .color-legend {
  padding: 20px;
  background-color: white;
  border-radius: 10px;
}
.modal .color-legend li {
  list-style: none;
  margin: 0px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
}
.modal .color-legend li .dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
.modal .color-legend li .dot.blue-pr {
  background-color: #027A8F;
}
.modal .color-legend li .dot.blue-dc {
  background-color: #03A4C0;
}
.modal .color-legend li .dot.green-pr {
  background-color: #0D844B;
}
.modal .color-legend li .dot.green-sc {
  background-color: #11A760;
}
.modal .color-legend li .dot.yellow-pr {
  background-color: #e3bc08;
}
.modal .color-legend li .dot.yellow-sc {
  background-color: #F7CF17;
}
.modal .color-legend li .dot.red-pr {
  background-color: #ad2121;
}
.modal .color-legend li .dot.red-sc {
  background-color: #DA3F3F;
}
.modal .color-legend li .dot.red-tr {
  background-color: #E16666;
}
.modal .color-legend li .dot.purple-pr {
  background-color: #5F3597;
}
.modal .color-legend li .dot.purple-sc {
  background-color: #8457C4;
}
.modal .color-legend li p {
  font-size: 16px;
  color: #027A8F;
  margin: 0px;
  padding-left: 10px;
}

.options.multiple {
  width: 100%;
}
.options.multiple .content {
  width: 100%;
  display: block;
}
.options.multiple .content .items {
  display: block;
}
.options.multiple .content .button {
  margin-right: 4px;
  display: inline-block;
}
.options.multiple .content .button button {
  text-transform: none;
  padding: 15px 30px;
}
.options#select-littleone .content {
  margin: 0px 30px 0px;
}
@media screen and (max-width: 600px) {
  .options#select-littleone .content {
    margin: 0;
  }
}
.options.scroll .content {
  overflow-x: scroll;
}

.tooltip {
  border-radius: 15px;
  width: 260px;
  background-color: white;
  padding: 15px;
  position: absolute;
  top: 48px;
  box-shadow: 0px 4px 6px 2px rgba(58, 58, 58, 0.6);
  z-index: 10;
}
.tooltip.top:before {
  content: "";
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 5px solid white;
  position: absolute;
  top: -5px;
  left: 15px;
  z-index: 3;
}
.tooltip.top:after {
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 6px solid #D9D9D9;
  position: absolute;
  top: -6px;
  left: 13px;
  z-index: 2;
}
.tooltip.bottom:before {
  content: "";
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 5px solid white;
  position: absolute;
  bottom: -5px;
  left: 15px;
  z-index: 3;
}
.tooltip.bottom:after {
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 6px solid #D9D9D9;
  position: absolute;
  bottom: -6px;
  left: 13px;
  z-index: 2;
}
.tooltip .tip {
  color: black;
  font-size: 12px !important;
  line-height: 18px;
  margin: 0;
}

.title .content, .stat-search .content {
  position: relative;
  z-index: 2;
}
.title .content h1, .stat-search .content h1 {
  margin: 0;
}
.title .background img, .stat-search .background img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1280px) {
  .title .background img, .stat-search .background img {
    width: auto;
  }
}

.spacer figure img {
  width: auto;
}

.mobile-only {
  display: none;
}
@media screen and (max-width: 1024px) {
  .mobile-only {
    display: inline-block;
  }
}

.ngx-mat-drp-calendar-container {
  height: auto !important;
}

.mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px;
}
.mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  position: relative;
  background-color: white;
  border: 1px solid #D9D9D9;
  align-items: center;
  border-radius: 5px;
}
.mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  width: auto;
  border-top: none;
  padding: 0px;
}
.mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element {
  padding: 14px;
}
.mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .form-control {
  height: 35px;
  padding: 0;
  color: #414042;
}
.mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper .mat-form-field-label {
  color: #A8A8A8 !important;
  margin-bottom: 0;
  font-weight: 400;
}
.mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper .mat-form-field-label span {
  display: inline-block;
}
.mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-datepicker-toggle .mat-icon-button .mat-button-wrapper {
  justify-items: center;
}
.mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-datepicker-toggle .mat-icon-button .mat-button-wrapper .mat-icon {
  font-size: 30px;
}
.mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-datepicker-toggle .mat-icon-button .mat-button-ripple {
  width: 30px;
  height: 32px;
}
.mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-datepicker-toggle .mat-icon-button .mat-button-focus-overlay {
  display: none;
}
.mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-datepicker-toggle.mat-datepicker-toggle-active {
  color: #027A8F;
}
.mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-wrapper .mat-form-field-flex {
  border-color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-wrapper .mat-form-field-flex input {
  caret-color: #3A3A3A !important;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-wrapper .mat-form-field-flex label {
  color: #3A3A3A !important;
}

.no-data {
  margin: 30px 0 !important;
  color: white !important;
}

.dropdown-list .no-data h5,
.dropdown-list .no-filtered-data h5 {
  color: #333 !important;
  margin: 0;
  font-weight: normal;
}

/*WHITE LABELING*/
.white-label .image-preview {
  margin-top: 20px;
  position: absolute;
  width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.white-label .image-preview img {
  height: auto;
  width: 100%;
}

/*OWL DATE PICKER*/
.owl-dt-timer-box .owl-dt-timer-content .owl-dt-timer-input {
  color: black;
}

@media screen and (max-width: 768px) {
  .owl-dt-container {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 768px) {
  .owl-dt-timer {
    height: 6em;
  }
}
@media screen and (max-width: 768px) {
  .owl-dt-timer .owl-dt-timer-input {
    font-size: 1em;
  }
}

@media screen and (max-width: 768px) {
  .owl-dt-calendar-table .owl-dt-calendar-cell {
    padding: 6% !important;
  }
}

@media screen and (max-width: 768px) {
  .owl-dt-inline-container .owl-dt-calendar,
.owl-dt-popup-container .owl-dt-calendar {
    height: 17.55em;
  }
}

@media screen and (max-width: 768px) {
  .owl-dt-popup-container {
    transform: scale(0.85, 0.85) !important;
  }
}

.mat-toolbar {
  display: none;
  position: relative;
  min-height: 45px !important;
  background-color: #027A8F;
  z-index: 1000;
}
.mat-toolbar .mat-toolbar-row {
  height: 45px !important;
}
.mat-toolbar .mat-toolbar-row span {
  color: white;
  font-size: 16px;
}
@media screen and (max-width: 480px) {
  .mat-toolbar .mat-toolbar-row span {
    font-size: 13px;
  }
}
.mat-toolbar .mat-toolbar-row .example-spacer {
  flex: 1 1 auto;
}
.mat-toolbar .mat-toolbar-row button {
  background-color: #FF990C;
  color: white;
  border: none;
  padding: 2px 10px;
  font-size: 16px;
  border-radius: 5px;
}
@media screen and (max-width: 480px) {
  .mat-toolbar .mat-toolbar-row button {
    font-size: 13px;
  }
}

.ios-prompt {
  visibility: hidden;
  grid-row-gap: 10px;
  width: 430px;
  padding: 20px;
  background-color: white;
  border: 2px solid #027A8F;
  border-radius: 5px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 5%;
  z-index: 1000;
}
@media screen and (max-width: 480px) {
  .ios-prompt {
    width: 320px;
  }
}
.ios-prompt:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 30px solid #027A8F;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -30px;
}
.ios-prompt .logo {
  width: 50%;
}
.ios-prompt h2 {
  text-align: center;
  font-size: 18px;
  color: #027A8F;
  font-weight: 700;
  margin-bottom: 0;
}
.ios-prompt p {
  margin: 0px;
  text-align: center;
  justify-self: center;
  color: black;
  font-size: 14px;
  line-height: 20px;
  width: 90%;
  position: relative;
  display: inline-block;
}
.ios-prompt p .action-btn {
  display: inline-block;
  width: 15px;
  margin: 0 5px;
}
.ios-prompt img {
  position: relative;
  margin: 0 auto;
}
.ios-prompt .close {
  color: #027A8F;
  font-weight: bold;
  position: absolute;
  top: 10px;
  right: 20px;
}

.pac-container {
  display: block;
}
.pac-container div {
  display: block !important;
}
.pac-container .pac-item {
  display: block !important;
}
.pac-container .pac-item span {
  display: inline-block !important;
}

.loading {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
.loading .card {
  width: 300px;
  height: 150px;
  padding: 20px;
  margin: 0px;
  justify-content: center;
  align-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.loader {
  padding: 30px 0px;
}
.loader p {
  color: white !important;
  font-size: 22px !important;
  line-height: 30px !important;
}
@media screen and (max-width: 1600px) {
  .loader p {
    font-size: 20px !important;
    line-height: 25px !important;
  }
}
@media screen and (max-width: 1280px) {
  .loader p {
    font-size: 18px !important;
    line-height: 22px !important;
  }
}

.outdated {
  display: none;
  background-color: rgba(0, 0, 0, 0.9);
  position: absolute;
  width: 100%;
  height: 100vh;
  z-index: 1000;
}
.outdated .ie-block-bar {
  padding: 40px;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: white;
}
@media screen and (max-width: 768px) {
  .outdated .ie-block-bar {
    width: 80%;
  }
}
@media screen and (max-width: 480px) {
  .outdated .ie-block-bar {
    width: 90%;
  }
}
.outdated .ie-block-bar #ie-block-close {
  margin: 0px auto;
}

@media screen and (max-width: 480px) {
  .owl-dt-popup {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    bottom: unset !important;
    transform: translate(-50%,-50%) !important;
  }
}

.user-details .content {
  grid-column-gap: 10px;
}
@media screen and (max-width: 1024px) {
  .user-details .content {
    grid-template-columns: 1fr;
    grid-row-gap: 50px;
  }
}
.user-details .content .presonal-info, .user-details .content .billing-details {
  padding: 50px;
  align-content: start;
}
@media screen and (max-width: 480px) {
  .user-details .content .presonal-info, .user-details .content .billing-details {
    padding: 30px;
  }
}
.user-details .content .presonal-info p, .user-details .content .billing-details p {
  margin: 0 0 30px 0;
}
.user-details .content .presonal-info .form {
  width: 100%;
}
.user-details .content .presonal-info .form .input-group label {
  color: black;
}
.user-details .content .presonal-info .form .input-group input {
  border: 2px solid #D9D9D9;
}
.user-details .content .presonal-info .form input[type=submit] {
  justify-self: start;
  padding: 10px 50px;
}
.user-details .content .billing-details ul li {
  margin-left: 0;
  list-style: none;
  margin-bottom: 25px;
}
.user-details .content .billing-details ul li a {
  color: #FF990C;
}

.new-token .content .generate-token {
  padding: 50px;
  align-content: start;
}
@media screen and (max-width: 480px) {
  .new-token .content .generate-token {
    padding: 30px;
  }
}
.new-token .content .generate-token p {
  margin: 0 0 30px 0;
}
.new-token .content .generate-token .form {
  width: 100%;
}
.new-token .content .generate-token .form .input-group label {
  color: black;
}
.new-token .content .generate-token .form .input-group input {
  border: 2px solid #D9D9D9;
}
.new-token .content .generate-token .form input[type=submit] {
  justify-self: start;
  padding: 10px 50px;
}

/*Facility Profile uses styling from this sass page*/
.setup-wizard .content, .facility .content {
  width: 60%;
  margin-top: 140px;
  justify-self: center;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1600px) {
  .setup-wizard .content, .facility .content {
    margin-top: 100px;
  }
}
@media screen and (max-width: 1280px) {
  .setup-wizard .content, .facility .content {
    width: 70%;
  }
}
@media screen and (max-width: 1024px) {
  .setup-wizard .content, .facility .content {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .setup-wizard .content, .facility .content {
    width: 90%;
  }
}
.setup-wizard .content .card, .facility .content .card {
  width: 100%;
}
.setup-wizard .content .card .progress, .facility .content .card .progress {
  padding: 30px 0;
}
@media screen and (max-width: 768px) {
  .setup-wizard .content .card .progress, .facility .content .card .progress {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 480px) {
  .setup-wizard .content .card .progress, .facility .content .card .progress {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 480px) {
  .setup-wizard .content .card .progress .steps, .facility .content .card .progress .steps {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .setup-wizard .content .card .progress .steps.active, .facility .content .card .progress .steps.active {
    display: grid;
  }
}
.setup-wizard .content .card .progress .steps.active figure .icon, .facility .content .card .progress .steps.active figure .icon {
  opacity: 1;
}
.setup-wizard .content .card .progress .steps.active h3, .setup-wizard .content .card .progress .steps.active p, .facility .content .card .progress .steps.active h3, .facility .content .card .progress .steps.active p {
  color: white;
}
.setup-wizard .content .card .progress .steps figure, .facility .content .card .progress .steps figure {
  display: grid;
  justify-self: center;
  justify-content: center;
  align-content: center;
  position: relative;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
  overflow: unset;
}
.setup-wizard .content .card .progress .steps figure:after, .facility .content .card .progress .steps figure:after {
  content: "";
  width: 280px;
  height: 2px;
  left: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1600px) {
  .setup-wizard .content .card .progress .steps figure:after, .facility .content .card .progress .steps figure:after {
    width: 230px;
  }
}
@media screen and (max-width: 1280px) {
  .setup-wizard .content .card .progress .steps figure:after, .facility .content .card .progress .steps figure:after {
    width: 200px;
  }
}
@media screen and (max-width: 1024px) {
  .setup-wizard .content .card .progress .steps figure:after, .facility .content .card .progress .steps figure:after {
    width: 180px;
  }
}
@media screen and (max-width: 768px) {
  .setup-wizard .content .card .progress .steps figure:after, .facility .content .card .progress .steps figure:after {
    width: 110px;
  }
}
@media screen and (max-width: 480px) {
  .setup-wizard .content .card .progress .steps figure:after, .facility .content .card .progress .steps figure:after {
    display: none;
  }
}
.setup-wizard .content .card .progress .steps figure .icon, .facility .content .card .progress .steps figure .icon {
  color: white;
  font-size: 30px;
  opacity: 0.7;
}
.setup-wizard .content .card .progress .steps h3, .setup-wizard .content .card .progress .steps p, .facility .content .card .progress .steps h3, .facility .content .card .progress .steps p {
  margin: 0;
}
.setup-wizard .content .card .progress .steps:last-child figure:after, .facility .content .card .progress .steps:last-child figure:after {
  display: none;
}
.setup-wizard .content .card .form, .facility .content .card .form {
  width: 100%;
  position: relative;
}
.setup-wizard .content .card .form .white-label input[type=file], .facility .content .card .form .white-label input[type=file] {
  background-color: white;
  height: 230px;
}
.setup-wizard .content .card .form .white-label .white-label-check, .facility .content .card .form .white-label .white-label-check {
  grid-template-columns: auto 1fr;
  grid-column-gap: 10px;
  align-items: center;
}
.setup-wizard .content .card .form .white-label .white-label-check p, .facility .content .card .form .white-label .white-label-check p {
  font-size: 17px;
  margin: 0;
}
.setup-wizard .content .card .form .meal-types .details, .facility .content .card .form .meal-types .details {
  margin-bottom: 20px;
}
.setup-wizard .content .card .form .meal-types .details p, .facility .content .card .form .meal-types .details p {
  font-size: 17px;
  line-height: 20px;
}
.setup-wizard .content .card .form .meal-types .meal-type-title, .facility .content .card .form .meal-types .meal-type-title {
  grid-template-columns: 48.5% auto auto 40px;
}
@media screen and (max-width: 1024px) {
  .setup-wizard .content .card .form .meal-types .meal-type-title, .facility .content .card .form .meal-types .meal-type-title {
    grid-template-columns: 38% auto auto 40px;
  }
}
@media screen and (max-width: 768px) {
  .setup-wizard .content .card .form .meal-types .meal-type-title, .facility .content .card .form .meal-types .meal-type-title {
    grid-template-columns: repeat(2, 1fr);
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .setup-wizard .content .card .form .meal-types .meal-type-title, .facility .content .card .form .meal-types .meal-type-title {
    grid-template-columns: 1fr;
  }
}
.setup-wizard .content .card .form .meal-types .meal-type-title p, .facility .content .card .form .meal-types .meal-type-title p {
  font-weight: 700;
  font-size: 16px !important;
  margin: 0;
  line-height: 18px;
}
.setup-wizard .content .card .form .meal-types .meal-type-title p:nth-child(1), .facility .content .card .form .meal-types .meal-type-title p:nth-child(1) {
  grid-column: 2;
}
.setup-wizard .content .card .form .meal-types .meal-type-title p:nth-child(2), .facility .content .card .form .meal-types .meal-type-title p:nth-child(2) {
  grid-column: 3;
}
.setup-wizard .content .card .form .meal-types .meal-type, .facility .content .card .form .meal-types .meal-type {
  margin-bottom: 20px;
  grid-template-columns: 48.5% auto auto 40px;
}
@media screen and (max-width: 1024px) {
  .setup-wizard .content .card .form .meal-types .meal-type, .facility .content .card .form .meal-types .meal-type {
    grid-template-columns: 38% auto auto 40px;
  }
}
@media screen and (max-width: 768px) {
  .setup-wizard .content .card .form .meal-types .meal-type, .facility .content .card .form .meal-types .meal-type {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 480px) {
  .setup-wizard .content .card .form .meal-types .meal-type, .facility .content .card .form .meal-types .meal-type {
    grid-template-columns: 1fr;
  }
}
.setup-wizard .content .card .form .meal-types .meal-type:last-child, .facility .content .card .form .meal-types .meal-type:last-child {
  margin-bottom: 0px;
}
@media screen and (max-width: 768px) {
  .setup-wizard .content .card .form .meal-types .meal-type .input-group:first-child, .facility .content .card .form .meal-types .meal-type .input-group:first-child {
    grid-column: 1/3;
  }
}
@media screen and (max-width: 480px) {
  .setup-wizard .content .card .form .meal-types .meal-type .input-group:first-child, .facility .content .card .form .meal-types .meal-type .input-group:first-child {
    grid-column: 1;
  }
}
.setup-wizard .content .card .form .meal-types .meal-type .input-group p, .facility .content .card .form .meal-types .meal-type .input-group p {
  font-weight: 700;
  font-size: 16px !important;
  margin: 0 0 10px 0;
  line-height: 18px;
}
@media screen and (max-width: 768px) {
  .setup-wizard .content .card .form .meal-types .meal-type .button, .facility .content .card .form .meal-types .meal-type .button {
    grid-column: 1/3;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .setup-wizard .content .card .form .meal-types .meal-type .button, .facility .content .card .form .meal-types .meal-type .button {
    grid-column: 1;
  }
}
@media screen and (max-width: 768px) {
  .setup-wizard .content .card .form .meal-types .meal-type .button .no-text, .facility .content .card .form .meal-types .meal-type .button .no-text {
    width: 100%;
  }
}
.setup-wizard .content .card .form .meal-types input, .facility .content .card .form .meal-types input {
  align-self: end;
}
.setup-wizard .content .card .form .meal-types .button, .facility .content .card .form .meal-types .button {
  justify-self: start;
}
@media screen and (max-width: 480px) {
  .setup-wizard .content .card .form .meal-types .button, .facility .content .card .form .meal-types .button {
    justify-self: center;
    width: 100%;
  }
}
.setup-wizard .tooltip .tip, .facility .tooltip .tip {
  color: black;
}

.facility .card .logo, .caregiver-facility .card .logo {
  align-self: start;
}
.facility .card .logo img, .caregiver-facility .card .logo img {
  justify-self: center;
  height: 150px;
  padding: 30px;
  background-color: white;
  border-radius: 5px;
  box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.16);
}
.facility .card .details li, .caregiver-facility .card .details li {
  color: white;
  margin-left: 0;
  list-style: none;
  margin-bottom: 20px;
}
.facility .card .details li:last-child, .caregiver-facility .card .details li:last-child {
  margin-bottom: 0px;
}
.facility .card form::before, .caregiver-facility .card form::before {
  content: "";
  background-color: white;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: -20px;
}
.facility .card form .upload input, .caregiver-facility .card form .upload input {
  background-color: white;
}

.add-classes .card {
  margin-bottom: 0px;
}
.add-classes .class-type {
  grid-template-columns: 1fr 1fr auto;
}
@media screen and (max-width: 768px) {
  .add-classes .class-type {
    grid-template-columns: 1fr !important;
  }
}
.add-classes .three {
  grid-template-columns: 200px 1fr auto;
}
@media screen and (max-width: 768px) {
  .add-classes .three {
    grid-template-columns: 150px 1fr auto;
  }
}
@media screen and (max-width: 480px) {
  .add-classes .three {
    grid-template-columns: 110px 1fr auto;
  }
}

@media screen and (max-width: 480px) {
  .add-teachers .buttons, .add-classes .buttons, .add-caregivers .buttons, .custom-tags .buttons {
    justify-self: center;
    width: 100%;
  }
}
.add-teachers .teacher tr, .add-teachers .classes tr, .add-teachers .caregivers tr, .add-teachers .tags tr, .add-teachers .assigned-tags tr, .add-classes .teacher tr, .add-classes .classes tr, .add-classes .caregivers tr, .add-classes .tags tr, .add-classes .assigned-tags tr, .add-caregivers .teacher tr, .add-caregivers .classes tr, .add-caregivers .caregivers tr, .add-caregivers .tags tr, .add-caregivers .assigned-tags tr, .custom-tags .teacher tr, .custom-tags .classes tr, .custom-tags .caregivers tr, .custom-tags .tags tr, .custom-tags .assigned-tags tr {
  background-color: white;
}
.add-teachers .teacher tr:nth-child(even), .add-teachers .classes tr:nth-child(even), .add-teachers .caregivers tr:nth-child(even), .add-teachers .tags tr:nth-child(even), .add-teachers .assigned-tags tr:nth-child(even), .add-classes .teacher tr:nth-child(even), .add-classes .classes tr:nth-child(even), .add-classes .caregivers tr:nth-child(even), .add-classes .tags tr:nth-child(even), .add-classes .assigned-tags tr:nth-child(even), .add-caregivers .teacher tr:nth-child(even), .add-caregivers .classes tr:nth-child(even), .add-caregivers .caregivers tr:nth-child(even), .add-caregivers .tags tr:nth-child(even), .add-caregivers .assigned-tags tr:nth-child(even), .custom-tags .teacher tr:nth-child(even), .custom-tags .classes tr:nth-child(even), .custom-tags .caregivers tr:nth-child(even), .custom-tags .tags tr:nth-child(even), .custom-tags .assigned-tags tr:nth-child(even) {
  background-color: #e3e3e3;
}
.add-teachers .teacher tr th, .add-teachers .classes tr th, .add-teachers .caregivers tr th, .add-teachers .tags tr th, .add-teachers .assigned-tags tr th, .add-classes .teacher tr th, .add-classes .classes tr th, .add-classes .caregivers tr th, .add-classes .tags tr th, .add-classes .assigned-tags tr th, .add-caregivers .teacher tr th, .add-caregivers .classes tr th, .add-caregivers .caregivers tr th, .add-caregivers .tags tr th, .add-caregivers .assigned-tags tr th, .custom-tags .teacher tr th, .custom-tags .classes tr th, .custom-tags .caregivers tr th, .custom-tags .tags tr th, .custom-tags .assigned-tags tr th {
  height: 62px;
}
.add-teachers .teacher tr td, .add-teachers .teacher tr th, .add-teachers .classes tr td, .add-teachers .classes tr th, .add-teachers .caregivers tr td, .add-teachers .caregivers tr th, .add-teachers .tags tr td, .add-teachers .tags tr th, .add-teachers .assigned-tags tr td, .add-teachers .assigned-tags tr th, .add-classes .teacher tr td, .add-classes .teacher tr th, .add-classes .classes tr td, .add-classes .classes tr th, .add-classes .caregivers tr td, .add-classes .caregivers tr th, .add-classes .tags tr td, .add-classes .tags tr th, .add-classes .assigned-tags tr td, .add-classes .assigned-tags tr th, .add-caregivers .teacher tr td, .add-caregivers .teacher tr th, .add-caregivers .classes tr td, .add-caregivers .classes tr th, .add-caregivers .caregivers tr td, .add-caregivers .caregivers tr th, .add-caregivers .tags tr td, .add-caregivers .tags tr th, .add-caregivers .assigned-tags tr td, .add-caregivers .assigned-tags tr th, .custom-tags .teacher tr td, .custom-tags .teacher tr th, .custom-tags .classes tr td, .custom-tags .classes tr th, .custom-tags .caregivers tr td, .custom-tags .caregivers tr th, .custom-tags .tags tr td, .custom-tags .tags tr th, .custom-tags .assigned-tags tr td, .custom-tags .assigned-tags tr th {
  overflow: hidden;
  padding: 10px 30px;
  display: grid;
  align-items: center;
  border-right: 2px solid #D9D9D9;
}
@media screen and (max-width: 480px) {
  .add-teachers .teacher tr td, .add-teachers .teacher tr th, .add-teachers .classes tr td, .add-teachers .classes tr th, .add-teachers .caregivers tr td, .add-teachers .caregivers tr th, .add-teachers .tags tr td, .add-teachers .tags tr th, .add-teachers .assigned-tags tr td, .add-teachers .assigned-tags tr th, .add-classes .teacher tr td, .add-classes .teacher tr th, .add-classes .classes tr td, .add-classes .classes tr th, .add-classes .caregivers tr td, .add-classes .caregivers tr th, .add-classes .tags tr td, .add-classes .tags tr th, .add-classes .assigned-tags tr td, .add-classes .assigned-tags tr th, .add-caregivers .teacher tr td, .add-caregivers .teacher tr th, .add-caregivers .classes tr td, .add-caregivers .classes tr th, .add-caregivers .caregivers tr td, .add-caregivers .caregivers tr th, .add-caregivers .tags tr td, .add-caregivers .tags tr th, .add-caregivers .assigned-tags tr td, .add-caregivers .assigned-tags tr th, .custom-tags .teacher tr td, .custom-tags .teacher tr th, .custom-tags .classes tr td, .custom-tags .classes tr th, .custom-tags .caregivers tr td, .custom-tags .caregivers tr th, .custom-tags .tags tr td, .custom-tags .tags tr th, .custom-tags .assigned-tags tr td, .custom-tags .assigned-tags tr th {
    padding: 5px;
  }
}
.add-teachers .teacher tr td:last-child, .add-teachers .teacher tr th:last-child, .add-teachers .classes tr td:last-child, .add-teachers .classes tr th:last-child, .add-teachers .caregivers tr td:last-child, .add-teachers .caregivers tr th:last-child, .add-teachers .tags tr td:last-child, .add-teachers .tags tr th:last-child, .add-teachers .assigned-tags tr td:last-child, .add-teachers .assigned-tags tr th:last-child, .add-classes .teacher tr td:last-child, .add-classes .teacher tr th:last-child, .add-classes .classes tr td:last-child, .add-classes .classes tr th:last-child, .add-classes .caregivers tr td:last-child, .add-classes .caregivers tr th:last-child, .add-classes .tags tr td:last-child, .add-classes .tags tr th:last-child, .add-classes .assigned-tags tr td:last-child, .add-classes .assigned-tags tr th:last-child, .add-caregivers .teacher tr td:last-child, .add-caregivers .teacher tr th:last-child, .add-caregivers .classes tr td:last-child, .add-caregivers .classes tr th:last-child, .add-caregivers .caregivers tr td:last-child, .add-caregivers .caregivers tr th:last-child, .add-caregivers .tags tr td:last-child, .add-caregivers .tags tr th:last-child, .add-caregivers .assigned-tags tr td:last-child, .add-caregivers .assigned-tags tr th:last-child, .custom-tags .teacher tr td:last-child, .custom-tags .teacher tr th:last-child, .custom-tags .classes tr td:last-child, .custom-tags .classes tr th:last-child, .custom-tags .caregivers tr td:last-child, .custom-tags .caregivers tr th:last-child, .custom-tags .tags tr td:last-child, .custom-tags .tags tr th:last-child, .custom-tags .assigned-tags tr td:last-child, .custom-tags .assigned-tags tr th:last-child {
  border-right: none;
}
.add-teachers .teacher p, .add-teachers .classes p, .add-teachers .caregivers p, .add-teachers .tags p, .add-teachers .assigned-tags p, .add-classes .teacher p, .add-classes .classes p, .add-classes .caregivers p, .add-classes .tags p, .add-classes .assigned-tags p, .add-caregivers .teacher p, .add-caregivers .classes p, .add-caregivers .caregivers p, .add-caregivers .tags p, .add-caregivers .assigned-tags p, .custom-tags .teacher p, .custom-tags .classes p, .custom-tags .caregivers p, .custom-tags .tags p, .custom-tags .assigned-tags p {
  color: black;
  margin: 0;
  font-size: 18px;
  line-height: 22px;
}
@media screen and (max-width: 1600px) {
  .add-teachers .teacher p, .add-teachers .classes p, .add-teachers .caregivers p, .add-teachers .tags p, .add-teachers .assigned-tags p, .add-classes .teacher p, .add-classes .classes p, .add-classes .caregivers p, .add-classes .tags p, .add-classes .assigned-tags p, .add-caregivers .teacher p, .add-caregivers .classes p, .add-caregivers .caregivers p, .add-caregivers .tags p, .add-caregivers .assigned-tags p, .custom-tags .teacher p, .custom-tags .classes p, .custom-tags .caregivers p, .custom-tags .tags p, .custom-tags .assigned-tags p {
    font-size: 16px !important;
    line-height: 20px;
  }
}
@media screen and (max-width: 768px) {
  .add-teachers .teacher p, .add-teachers .classes p, .add-teachers .caregivers p, .add-teachers .tags p, .add-teachers .assigned-tags p, .add-classes .teacher p, .add-classes .classes p, .add-classes .caregivers p, .add-classes .tags p, .add-classes .assigned-tags p, .add-caregivers .teacher p, .add-caregivers .classes p, .add-caregivers .caregivers p, .add-caregivers .tags p, .add-caregivers .assigned-tags p, .custom-tags .teacher p, .custom-tags .classes p, .custom-tags .caregivers p, .custom-tags .tags p, .custom-tags .assigned-tags p {
    font-size: 14px !important;
    line-height: 18px;
  }
}
@media screen and (max-width: 480px) {
  .add-teachers .teacher p, .add-teachers .classes p, .add-teachers .caregivers p, .add-teachers .tags p, .add-teachers .assigned-tags p, .add-classes .teacher p, .add-classes .classes p, .add-classes .caregivers p, .add-classes .tags p, .add-classes .assigned-tags p, .add-caregivers .teacher p, .add-caregivers .classes p, .add-caregivers .caregivers p, .add-caregivers .tags p, .add-caregivers .assigned-tags p, .custom-tags .teacher p, .custom-tags .classes p, .custom-tags .caregivers p, .custom-tags .tags p, .custom-tags .assigned-tags p {
    font-size: 14px !important;
    line-height: 14px;
  }
}
@media screen and (max-width: 350px) {
  .add-teachers .teacher p, .add-teachers .classes p, .add-teachers .caregivers p, .add-teachers .tags p, .add-teachers .assigned-tags p, .add-classes .teacher p, .add-classes .classes p, .add-classes .caregivers p, .add-classes .tags p, .add-classes .assigned-tags p, .add-caregivers .teacher p, .add-caregivers .classes p, .add-caregivers .caregivers p, .add-caregivers .tags p, .add-caregivers .assigned-tags p, .custom-tags .teacher p, .custom-tags .classes p, .custom-tags .caregivers p, .custom-tags .tags p, .custom-tags .assigned-tags p {
    font-size: 12px !important;
  }
}

.custom-tags .assign-tags {
  grid-template-columns: 30% 60%;
  grid-column-gap: 10%;
  grid-row-gap: 10%;
}
@media screen and (max-width: 768px) {
  .custom-tags .assign-tags {
    grid-template-columns: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 60px;
  }
}
.custom-tags .assign-tags .update {
  grid-row-gap: 60px;
}
.custom-tags .assign-tags .update .button {
  width: 200px;
}
.custom-tags .assign-tags .update .button .save {
  box-shadow: none;
}
.custom-tags .assign-tags .assigned-tags {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .custom-tags .assign-tags .assigned-tags {
    margin-top: 0px;
  }
}
@media screen and (max-width: 768px) {
  .custom-tags .assign-tags .assigned-tags .two {
    grid-template-columns: repeat(2, 1fr);
  }
}
.custom-tags .classes table tr.title {
  grid-template-columns: 200px 200px auto;
}
@media screen and (max-width: 1280px) {
  .custom-tags .classes table tr.title {
    grid-template-columns: 160px 160px auto;
  }
}
@media screen and (max-width: 768px) {
  .custom-tags .classes table tr.title {
    grid-template-columns: 120px 120px auto;
  }
}
@media screen and (max-width: 550px) {
  .custom-tags .classes table tr.title {
    grid-template-columns: 100px 100px auto;
  }
}
@media screen and (max-width: 480px) {
  .custom-tags .classes table tr.title {
    grid-template-columns: 80px 80px auto;
  }
}
@media screen and (max-width: 350px) {
  .custom-tags .classes table tr.title {
    grid-template-columns: 70px 80px auto;
  }
}
.custom-tags .classes table tr.data {
  grid-template-columns: 200px 200px auto auto;
}
@media screen and (max-width: 1280px) {
  .custom-tags .classes table tr.data {
    grid-template-columns: 160px 160px auto auto;
  }
}
@media screen and (max-width: 768px) {
  .custom-tags .classes table tr.data {
    grid-template-columns: 120px 120px auto auto;
  }
}
@media screen and (max-width: 550px) {
  .custom-tags .classes table tr.data {
    grid-template-columns: 100px 100px auto auto;
  }
}
@media screen and (max-width: 480px) {
  .custom-tags .classes table tr.data {
    grid-template-columns: 80px 80px auto auto;
  }
}
@media screen and (max-width: 350px) {
  .custom-tags .classes table tr.data {
    grid-template-columns: 70px 80px auto auto;
  }
}

.add-classes table tr:nth-child(odd), .add-teachers table tr:nth-child(odd), .add-caregivers .custom-tags table tr:nth-child(odd) {
  background-color: #e3e3e3;
}
.add-classes table tr:nth-child(even), .add-teachers table tr:nth-child(even), .add-caregivers .custom-tags table tr:nth-child(even) {
  background-color: white !important;
}

.classes h3 {
  margin-bottom: 0;
}

.colors .primary-color .tooltip, .colors .secondary-color .tooltip {
  top: -70px;
}

.upload .tooltip {
  top: -52px;
}

/*Most styling done on setup-wizzard.sass*/
.profile.facility .reset-password {
  justify-items: start;
}
.profile.facility .reset-password .input-group {
  width: 48.5%;
}
@media screen and (max-width: 768px) {
  .profile.facility .reset-password .input-group {
    width: 100%;
  }
}
.profile.child .content .form {
  padding: 0;
}
.profile.child .content .form .search {
  margin-bottom: 40px;
}
.profile.child .content .form .search .input-group label {
  color: #03a5c1;
}
.profile.child .content .form .search .input-group select, .profile.child .content .form .search .input-group input {
  border: 1px solid #03a5c1;
}
.profile.child .content .form .search .input-group #search {
  border-right: none;
}
.profile.child .content .form .card .button {
  bottom: -70px;
  right: 0px;
}
.profile.child .content .form .card .button button {
  width: auto;
}
.profile.child-overview .details li {
  color: white;
  margin-left: 0;
  list-style: none;
  font-size: 16px;
}
.profile.child-overview .details li strong {
  padding-right: 15px;
}
.profile.child-overview .details li p {
  margin: 0;
  font-size: 16px;
}
.profile.caregiver .terms {
  grid-template-columns: auto 1fr;
}
.profile.caregiver .terms p {
  font-size: 16px;
  margin: 0;
  color: white !important;
}
.profile.caregiver .terms a:hover p {
  text-decoration: underline;
}
.profile.teacher .form .classes .class .two {
  grid-template-columns: 1fr auto;
}
.profile.teacher .form .terms {
  grid-template-columns: auto 1fr;
}
.profile.teacher .form .terms p {
  font-size: 16px;
  margin: 0;
  color: white !important;
}
.profile.teacher .form .terms a:hover p {
  text-decoration: underline;
}

.cal-week-view {
  border: none;
}

.cal-day-headers {
  border: none !important;
}

.cal-cell-row, .cal-day-headers {
  display: grid !important;
  grid-template-columns: repeat(7, 1fr);
}

@media screen and (max-width: 768px) {
  .cal-day-headers {
    padding-left: 40px !important;
  }
}
@media screen and (max-width: 480px) {
  .cal-day-headers {
    padding-left: 30px !important;
  }
}

.cal-header {
  color: white;
  border: none !important;
}
@media screen and (max-width: 480px) {
  .cal-header {
    text-align: left !important;
  }
}
.cal-header br {
  display: none;
}
@media screen and (max-width: 1024px) {
  .cal-header .cal-cell {
    overflow: hidden;
  }
}
.cal-header .cal-cell:hover {
  background-color: transparent !important;
}

.cal-cell.cal-day-cell .cal-day-number {
  text-align: right;
}

.calendar {
  /*ADD / EDIT CALENDAR EVENTS*/
}
.calendar.disabled .recurrence .card .monthly .monthly-recurrence {
  position: relative;
}
.calendar.disabled .recurrence .card .monthly .monthly-recurrence::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 5;
  cursor: not-allowed;
}
.calendar.disabled .recurrence .card .monthly .monthly-recurrence .monthly-date .date select, .calendar.disabled .recurrence .card .monthly .monthly-recurrence .monthly-date .day select {
  background-color: #D9D9D9;
  border-color: #D9D9D9;
}
.calendar.disabled .recurrence .card .monthly .monthly-recurrence .monthly-date .button .remove {
  background-color: #A8A8A8;
  border-color: #A8A8A8;
}
.calendar.add-edit {
  padding-bottom: 130px;
}
.calendar.add-edit .recurrence h3 {
  margin-bottom: 12px;
}
@media screen and (max-width: 860px) {
  .calendar.add-edit .recurrence .options .option button {
    font-size: 12px;
  }
}
@media screen and (max-width: 480px) {
  .calendar.add-edit .recurrence .options .option button {
    padding: 5px;
  }
}
.calendar.add-edit .recurrence .card {
  margin-bottom: 0px;
  border-top-left-radius: 0px;
}
.calendar.add-edit .recurrence .card .two {
  grid-template-columns: auto 1fr;
}
.calendar.add-edit .recurrence .card .three {
  grid-template-columns: auto auto auto;
}
@media screen and (max-width: 1280px) {
  .calendar.add-edit .recurrence .card .weekly {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 768px) {
  .calendar.add-edit .recurrence .card .weekly .days {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 480px) {
  .calendar.add-edit .recurrence .card .weekly .days {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1024px) {
  .calendar.add-edit .recurrence .card .monthly {
    grid-template-columns: 1fr;
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .calendar.add-edit .recurrence .card .monthly .monthly-date {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 1024px) {
  .calendar.add-edit .recurrence .card .monthly .monthly-date .date {
    width: 100%;
    grid-template-columns: auto auto 1fr;
  }
}
@media screen and (max-width: 1024px) {
  .calendar.add-edit .recurrence .card .monthly .monthly-date .day {
    width: 100%;
  }
}
.calendar.add-edit .recurrence .card .monthly #add-recur {
  margin-top: 10px;
}
.calendar.add-edit .recurrence .card .monthly .button button {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .calendar .calendar-view {
    grid-row-gap: 30px;
  }
}
@media screen and (max-width: 480px) {
  .calendar .calendar-view {
    grid-row-gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .calendar .calendar-view .buttons {
    justify-self: center;
  }
  .calendar .calendar-view .buttons .button {
    justify-self: center;
  }
}
@media screen and (max-width: 768px) {
  .calendar .calendar-view .cal-day-number {
    font-size: 1em;
  }
}
@media screen and (max-width: 480px) {
  .calendar .calendar-view .cal-day-number {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 768px) {
  .calendar .calendar-view .cal-today .cal-day-number {
    font-size: 1.6em;
  }
}
@media screen and (max-width: 480px) {
  .calendar .calendar-view .cal-today .cal-day-number {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 768px) {
  .calendar .calendar-view .cal-day-badge {
    font-size: 11px;
  }
}
@media screen and (max-width: 480px) {
  .calendar .calendar-view .cal-event-title {
    font-size: 13px;
  }
}
@media screen and (max-width: 1024px) {
  .calendar .calendar-change .content {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 768px) {
  .calendar .calendar-change .content {
    grid-row-gap: 30px;
  }
}
@media screen and (max-width: 480px) {
  .calendar .calendar-change .content {
    grid-row-gap: 20px;
    justify-self: center;
    width: 230px;
  }
}
.calendar .calendar-change .content .select-one .icon, .calendar .calendar-change .content .select-two .icon {
  display: none;
}
@media screen and (max-width: 1024px) {
  .calendar .calendar-change .content .select-one, .calendar .calendar-change .content .select-two {
    justify-self: center;
  }
}
@media screen and (max-width: 768px) {
  .calendar .calendar-change .content .select-one .button.day-btn button, .calendar .calendar-change .content .select-two .button.day-btn button {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .calendar .calendar-change .content .select-one .button.week-btn, .calendar .calendar-change .content .select-two .button.week-btn {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .calendar .calendar-change .content .select-one, .calendar .calendar-change .content .select-two {
    width: 100%;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }
  .calendar .calendar-change .content .select-one p, .calendar .calendar-change .content .select-two p {
    display: none;
  }
  .calendar .calendar-change .content .select-one .button, .calendar .calendar-change .content .select-two .button {
    width: 55px;
    height: 55px;
  }
  .calendar .calendar-change .content .select-one .button.prev-btn, .calendar .calendar-change .content .select-two .button.prev-btn {
    justify-self: end;
  }
  .calendar .calendar-change .content .select-one .button.month-btn, .calendar .calendar-change .content .select-two .button.month-btn {
    justify-self: center;
  }
  .calendar .calendar-change .content .select-one .button.today-btn, .calendar .calendar-change .content .select-two .button.today-btn {
    width: auto;
    justify-self: center;
  }
  .calendar .calendar-change .content .select-one .button.week-btn, .calendar .calendar-change .content .select-two .button.week-btn {
    display: none;
  }
  .calendar .calendar-change .content .select-one .button.next-btn, .calendar .calendar-change .content .select-two .button.next-btn {
    justify-self: start;
  }
  .calendar .calendar-change .content .select-one .button button, .calendar .calendar-change .content .select-two .button button {
    border-radius: 5px;
    padding: 10px;
  }
  .calendar .calendar-change .content .select-one .button button .icon, .calendar .calendar-change .content .select-two .button button .icon {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .calendar .calendar-change .content .select-one {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .calendar .calendar-change .content .select-two {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 480px) {
  .calendar .calendar-change .content .select-two {
    display: none;
    grid-template-columns: 1fr;
  }
}
.calendar .date-picker {
  display: none;
}
@media screen and (max-width: 480px) {
  .calendar .date-picker {
    display: grid;
  }
}
.calendar .date-picker input {
  padding: 5px;
  border-radius: 5px;
  outline: none;
}
@media screen and (max-width: 1024px) {
  .calendar .event-types {
    justify-self: center;
  }
  .calendar .event-types label {
    text-align: center;
  }
}
.calendar .event-types select {
  padding: 5px;
  border-radius: 5px;
  outline: none;
}
@media screen and (max-width: 1024px) {
  .calendar .calendar-layout {
    background-color: white;
  }
}

@media screen and (max-width: 768px) {
  .cal-time-events .cal-time-label-column {
    width: 40px;
  }
}
@media screen and (max-width: 480px) {
  .cal-time-events .cal-time-label-column {
    width: 30px;
  }
}
@media screen and (max-width: 768px) {
  .cal-time-events .cal-time-label-column .cal-hour .cal-hour-segment .cal-time {
    font-size: 13px;
    width: 40px;
  }
}
@media screen and (max-width: 480px) {
  .cal-time-events .cal-time-label-column .cal-hour .cal-hour-segment .cal-time {
    font-size: 9px;
    width: 30px;
  }
}

.cal-month-view .cal-open-day-events, .cal-day-view .cal-open-day-events {
  display: block;
}
.cal-month-view .cal-open-day-events div, .cal-day-view .cal-open-day-events div {
  display: block;
  margin-bottom: 5px;
}
.cal-month-view .cal-open-day-events div:last-child, .cal-day-view .cal-open-day-events div:last-child {
  margin-bottom: 0px;
}
.cal-month-view .cal-open-day-events div span, .cal-day-view .cal-open-day-events div span {
  display: inline-block;
}
.cal-month-view .cal-open-day-events .cal-event-title, .cal-day-view .cal-open-day-events .cal-event-title {
  margin-right: 10px;
}
.cal-month-view .cal-open-day-events .cal-event-action, .cal-day-view .cal-open-day-events .cal-event-action {
  color: white;
  margin: 0 5px;
}

.cal-week-view {
  overflow-x: scroll;
}
@media screen and (max-width: 768px) {
  .cal-week-view .cal-header {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .cal-week-view .cal-header {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .cal-week-view .cal-header span {
    font-size: 12px;
  }
}
@media screen and (max-width: 480px) {
  .cal-week-view .cal-header span {
    font-size: 10px;
  }
}
.cal-week-view .cal-event {
  display: block;
}
.cal-week-view .cal-event .cal-event-title {
  color: white;
}
.cal-week-view .cal-event .cal-event-actions {
  display: inline-block;
}
.cal-week-view .cal-event .cal-event-actions .cal-event-action {
  margin: 0 5px;
}
.little-ones .card {
  position: relative;
}
.little-ones .card .form .details .tooltip {
  top: 28px;
  left: 25px;
}
.little-ones .card .form .details tr {
  background-color: white;
}
@media screen and (max-width: 850px) {
  .little-ones .card .form .details tr {
    grid-template-columns: repeat(2, 1fr) auto auto auto;
  }
}
.little-ones .card .form .details tr:nth-child(odd) {
  background-color: #e3e3e3;
}
.little-ones .card .form .details tr th {
  height: 62px;
}
.little-ones .card .form .details tr td, .little-ones .card .form .details tr th {
  padding: 10px;
  display: grid;
  align-items: center;
  border-right: 2px solid #D9D9D9;
}
@media screen and (max-width: 768px) {
  .little-ones .card .form .details tr td, .little-ones .card .form .details tr th {
    overflow: hidden;
  }
}
.little-ones .card .form .details tr td:last-child, .little-ones .card .form .details tr th:last-child {
  border-right: none;
}
@media screen and (max-width: 850px) {
  .little-ones .card .form .details tr td:nth-child(3), .little-ones .card .form .details tr th:nth-child(3) {
    display: none;
  }
}
@media screen and (max-width: 850px) {
  .little-ones .card .form .details tr td:nth-child(4), .little-ones .card .form .details tr th:nth-child(4) {
    display: none;
  }
}
@media screen and (max-width: 1600px) {
  .little-ones .card .form .details tr td:nth-child(5), .little-ones .card .form .details tr td:nth-child(6), .little-ones .card .form .details tr td:nth-child(7), .little-ones .card .form .details tr th:nth-child(5), .little-ones .card .form .details tr th:nth-child(6), .little-ones .card .form .details tr th:nth-child(7) {
    width: 130px;
  }
}
@media screen and (max-width: 850px) {
  .little-ones .card .form .details tr td:nth-child(5), .little-ones .card .form .details tr td:nth-child(6), .little-ones .card .form .details tr td:nth-child(7), .little-ones .card .form .details tr th:nth-child(5), .little-ones .card .form .details tr th:nth-child(6), .little-ones .card .form .details tr th:nth-child(7) {
    width: 80px;
  }
}
@media screen and (max-width: 480px) {
  .little-ones .card .form .details tr td:nth-child(5), .little-ones .card .form .details tr td:nth-child(6), .little-ones .card .form .details tr td:nth-child(7), .little-ones .card .form .details tr th:nth-child(5), .little-ones .card .form .details tr th:nth-child(6), .little-ones .card .form .details tr th:nth-child(7) {
    width: 40px;
    padding: 0px;
  }
  .little-ones .card .form .details tr td:nth-child(5) p, .little-ones .card .form .details tr td:nth-child(6) p, .little-ones .card .form .details tr td:nth-child(7) p, .little-ones .card .form .details tr th:nth-child(5) p, .little-ones .card .form .details tr th:nth-child(6) p, .little-ones .card .form .details tr th:nth-child(7) p {
    display: none;
  }
}
.little-ones .card .form .details tr td p, .little-ones .card .form .details tr th p {
  color: black;
  margin: 0;
  font-size: 18px;
  line-height: 22px;
  text-align: left;
}
@media screen and (max-width: 1600px) {
  .little-ones .card .form .details tr td p, .little-ones .card .form .details tr th p {
    font-size: 16px !important;
    line-height: 20px;
  }
}
@media screen and (max-width: 768px) {
  .little-ones .card .form .details tr td p, .little-ones .card .form .details tr th p {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 768px) {
  .little-ones .card .form .caregivers {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 480px) {
  .little-ones .card .form .caregivers {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 768px) {
  .little-ones .card .form .caregivers .col2-span {
    grid-column: 1/3;
  }
}
@media screen and (max-width: 480px) {
  .little-ones .card .form .caregivers .col2-span {
    grid-column: 1;
  }
}
@media screen and (max-width: 768px) {
  .little-ones .card .form .caregivers .caregiver-options {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 480px) {
  .little-ones .card .form .caregivers .caregiver-options {
    grid-template-columns: 1fr;
  }
}
.little-ones .card .form .caregivers .caregiver-options .caregiver-one label, .little-ones .card .form .caregivers .caregiver-options .caregiver-two label {
  grid-template-columns: auto 1fr;
}
.little-ones .card .form .caregivers .caregiver-options .caregiver-one label p, .little-ones .card .form .caregivers .caregiver-options .caregiver-two label p {
  font-size: 16px !important;
  margin: 0px;
}
@media screen and (max-width: 768px) {
  .little-ones .card .form .collect-premisions {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .little-ones .card .form .collect-premisions .col2-span {
    grid-column: 1/3;
  }
}
.little-ones .card .form .collect-premisions p {
  font-size: 16px;
}
.little-ones .card .form .collect-premisions .collect-options label {
  grid-template-columns: auto 1fr;
}
.little-ones .card .form .collect-premisions .collect-options label p {
  font-size: 16px !important;
  margin: 0px;
}
.little-ones .card .buttons.three {
  grid-template-columns: 1fr auto auto !important;
}
@media screen and (max-width: 1600px) {
  .little-ones .card .buttons.three {
    grid-template-columns: auto auto 240px !important;
  }
}
@media screen and (max-width: 768px) {
  .little-ones .card .buttons.three {
    grid-template-columns: 1fr !important;
  }
}
@media screen and (max-width: 768px) {
  .little-ones .card .buttons .button {
    justify-self: center;
    width: 100%;
  }
}
.little-ones .card .buttons .save {
  box-shadow: none;
}
.little-ones .card .buttons .save i {
  margin-right: 10px;
}
.little-ones .card .buttons .save p {
  font-size: 16px;
}
.little-ones .overview-details .info {
  grid-column-gap: 80px;
}
.little-ones .overview-details .info li {
  list-style: none;
  margin-left: 0;
  color: white;
}
.little-ones .overview-details p {
  margin: 0;
}
.little-ones .overview-details .buttons {
  grid-template-columns: repeat(2, auto);
}
.little-ones .overview-details .button button {
  box-shadow: 0px 4px 5px 1px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.little-ones .overview-details .button button.submitted {
  background: #FF990C;
}
.little-ones .overview-details .button button.submitted span {
  display: inline-block;
  font-size: 10px;
}
.little-ones .overview {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  padding: 60px 0 10px 0;
  border-top: 1px solid white;
}
@media screen and (max-width: 1280px) {
  .little-ones .overview {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .little-ones .overview {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 780px) {
  .little-ones .overview {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
}
@media screen and (max-width: 480px) {
  .little-ones .overview {
    grid-template-columns: 1fr;
  }
}
.little-ones .overview .item {
  padding: 10px;
  border-radius: 10px;
  width: 100%;
  height: 170px;
  cursor: pointer;
  position: relative;
  box-shadow: 0px 4px 5px 1px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}
.little-ones .overview .item .icon-correct {
  display: none;
}
.little-ones .overview .item .count {
  background-color: #4CB719;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 5px;
  right: 5px;
  box-shadow: 0px 4px 5px 1px rgba(0, 0, 0, 0.2);
}
.little-ones .overview .item .count p {
  display: grid;
  margin: 0;
}
.little-ones .overview .item:hover {
  transition: all 0.3s ease;
}
.little-ones .overview .item.active {
  position: relative;
}
.little-ones .overview .item.active .icon-correct {
  display: grid;
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  top: 40%;
}
.little-ones .overview .item.disabled {
  cursor: not-allowed;
}
.little-ones .overview .item.disabled .icon {
  opacity: 0.2;
}
.little-ones .overview .item.disabled h4 {
  opacity: 0.2;
}

.health-safety .card {
  position: relative;
}
.health-safety .card .form .details .tooltip {
  top: 28px;
  left: 25px;
}
.health-safety .card .form .details tr {
  background-color: white;
}
@media screen and (max-width: 850px) {
  .health-safety .card .form .details tr {
    grid-template-columns: repeat(4, 1fr) auto;
  }
}
.health-safety .card .form .details tr:nth-child(odd) {
  background-color: #e3e3e3;
}
.health-safety .card .form .details tr th {
  height: 62px;
}
.health-safety .card .form .details tr td, .health-safety .card .form .details tr th {
  padding: 10px;
  display: grid;
  align-items: center;
  border-right: 2px solid #D9D9D9;
}
@media screen and (max-width: 768px) {
  .health-safety .card .form .details tr td, .health-safety .card .form .details tr th {
    overflow: hidden;
  }
}
.health-safety .card .form .details tr td:last-child, .health-safety .card .form .details tr th:last-child {
  border-right: none;
}
@media screen and (max-width: 850px) {
  .health-safety .card .form .details tr td:nth-child(3), .health-safety .card .form .details tr th:nth-child(3) {
    display: none;
  }
}
.health-safety .card .form .details tr td p, .health-safety .card .form .details tr th p {
  color: black;
  margin: 0;
  font-size: 18px;
  line-height: 22px;
  text-align: left;
}
@media screen and (max-width: 1600px) {
  .health-safety .card .form .details tr td p, .health-safety .card .form .details tr th p {
    font-size: 16px !important;
    line-height: 20px;
  }
}
@media screen and (max-width: 768px) {
  .health-safety .card .form .details tr td p, .health-safety .card .form .details tr th p {
    font-size: 14px !important;
  }
}

@media screen and (max-width: 768px) {
  .resources-list .search {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 480px) {
  .resources-list .search {
    grid-template-columns: 1fr;
  }
  .resources-list .search .input-group {
    justify-self: start;
    width: 100%;
  }
}
.resources-list .card.resource {
  grid-template-columns: auto 1fr;
  margin-bottom: 0px;
  padding: 20px;
  border-radius: 10px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .resources-list .card.resource {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 768px) {
  .resources-list .card.resource .image {
    height: 300px;
    overflow: hidden;
  }
}
@media screen and (max-width: 480px) {
  .resources-list .card.resource .image {
    height: 190px;
  }
}
.resources-list .card.resource img {
  width: 200px;
}
@media screen and (max-width: 768px) {
  .resources-list .card.resource img {
    width: 100%;
  }
}
.resources-list .card.resource .span2-row {
  grid-row: 1/3;
}
@media screen and (max-width: 768px) {
  .resources-list .card.resource .span2-row {
    grid-row: auto;
  }
}
.resources-list .card.resource .text h3 span {
  font-size: 16px;
}
.resources-list .card.resource .text p {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .resources-list .card.resource .button {
    justify-self: center;
  }
}

.resource .loader {
  width: 100%;
  border-radius: 10px;
  padding: 30px;
}
.resource p {
  margin: 0;
  font-size: 18px;
}
@media screen and (max-width: 1280px) {
  .resource p {
    font-size: 16px;
  }
}
.resource li {
  font-size: 18px;
}
@media screen and (max-width: 1280px) {
  .resource li {
    font-size: 16px;
  }
}
.resource .article {
  position: relative;
  padding-top: 10px;
}
@media screen and (max-width: 1600px) {
  .resource .article {
    padding-top: 5px;
  }
}
@media screen and (max-width: 1280px) {
  .resource .article {
    padding-top: 0px;
  }
}
.resource .article .nav-back {
  top: -30px;
}
.resource .article .nav-back p, .resource .article .nav-back i:before {
  color: black !important;
}
.resource .article .image {
  height: 480px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .resource .article .image {
    height: 400px;
  }
}
@media screen and (max-width: 768px) {
  .resource .article .image {
    height: 280px;
  }
}
@media screen and (max-width: 480px) {
  .resource .article .image {
    height: 180px;
  }
}
.resource .article .image img {
  height: inherit;
}
.resource .article a {
  text-decoration: none;
}
.resource .article a:hover {
  text-decoration: underline;
}
.resource .video iframe {
  width: 100%;
  height: 670px;
}
@media screen and (max-width: 1280px) {
  .resource .video iframe {
    height: 500px;
  }
}
@media screen and (max-width: 1024px) {
  .resource .video iframe {
    height: 460px;
  }
}
@media screen and (max-width: 850px) {
  .resource .video iframe {
    height: 330px;
  }
}
@media screen and (max-width: 768px) {
  .resource .video iframe {
    height: 250px;
  }
}
@media screen and (max-width: 550px) {
  .resource .video iframe {
    height: 200px;
  }
}

.modal.health-safety h3 {
  margin-bottom: 0;
}
.modal.health-safety ul.response, .modal.health-safety ul.little-one-details {
  padding-bottom: 30px;
}
.modal.health-safety ul li span {
  font-size: 20px;
}
.modal.health-safety ul li span.alert {
  color: #FF990C;
}
.modal.health-safety .form.health-from label {
  font-size: 20px;
  line-height: 25px;
}
@media screen and (max-width: 1280px) {
  .modal.health-safety .form.health-from label {
    font-size: 18px;
    line-height: 22px;
  }
}
@media screen and (max-width: 768px) {
  .modal.health-safety .form.health-from label {
    font-size: 16px !important;
    line-height: 20px;
  }
}
@media screen and (max-width: 480px) {
  .modal.health-safety .form.health-from label {
    font-size: 13px !important;
    line-height: 15px;
  }
}
.modal.health-safety .form.health-from .button {
  width: 100%;
}
.modal.events .title {
  margin-bottom: 12px;
}
.modal.events .event {
  max-height: 65vh;
  overflow-y: scroll;
}
.modal.events .event .event-subheader {
  border-bottom: 1px solid #013a44;
}
.modal.events .event .event-section {
  padding: 12px;
}
.modal.events .event .event-input-area {
  background-color: #013a44;
  border-color: #013a44;
}
.modal.events .event .attachments {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  padding-bottom: 6px;
  margin-top: 0.6em;
}
.modal.event-type {
  grid-row-gap: 10px;
}
.modal.event-type .mat-dialog-title {
  margin-bottom: 0px;
}
.modal.event-type .mat-dialog-title .mat-dialog-content {
  color: white;
}
.modal.event-type .mat-dialog-actions {
  display: grid;
  flex-wrap: unset;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 10px;
}
.modal.event-type .button {
  color: white;
}

.attachment {
  padding: 10px;
  border-radius: 10px;
  width: -moz-fit-content;
  width: fit-content;
  height: 270px;
  position: relative;
  box-shadow: 0px 4px 5px 1px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}
.attachment .attachment-link {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 170px;
}
.attachment .favourite {
  position: absolute;
  right: 4px;
  top: 2px;
  background: none;
}

.overview-date {
  justify-self: flex-end;
}
@media screen and (max-width: 768px) {
  .overview-date {
    justify-self: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .daily-events {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 480px) {
  .daily-events {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
}

#feedback-option {
  width: -moz-fit-content;
  width: fit-content;
  background-color: white;
  color: black;
  font-weight: normal;
  border-radius: 8px;
  text-transform: initial;
  margin: 3px;
}

#feedback-option:hover, .feedback_option_selected button {
  background-color: #013a44 !important;
  color: white !important;
}

.feedback_display_none {
  display: none;
}

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

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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]!./src/icons.css?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'icomoon';
  src:  url('/assets/fonts/icomoon.eot');
  src:  url('/assets/fonts/icomoon.eot') format('embedded-opentype'),
    url('/assets/fonts/icomoon.ttf') format('truetype'),
    url('/assets/fonts/icomoon.woff') format('woff'),
    url('/assets/fonts/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-month:before {
  content: "\e910";
  color: white;
  font-size: 35px;
}
.icon-day:before {
  content: "\e911";
  color: white;
  font-size: 35px;
}
.icon-next:before {
  content: "\e912";
  color: white;
  font-size: 35px;
}
.icon-prev:before {
  content: "\e913";
  color: white;
  font-size: 35px;
}
.icon-today:before {
  content: "\e914";
  color: white;
  font-size: 35px;
}
.icon-week:before {
  content: "\e915";
  color: white;
  font-size: 35px;
}
.icon-correct:before {
  content: "\e90f";
  font-size: 80px;
  color: #4CB719;
}
.icon-doc:before {
  content: "\e90d";
}
.icon-search:before {
  content: "\e90e";
}
.icon-delete:before {
  content: "\e909";
}
.icon-edit:before {
  content: "\e90a";
}
.icon-facility:before {
  content: "\e90b";
  font-size: 50px;
  color: white;
}
.icon-meal:before {
  content: "\e90c";
  font-size: 50px;
  color: white;
}
.icon-teach:before {
  content: "\e900";
  color: white;
}
.icon-user:before {
  content: "\e901";
  color: white;
}
.icon-progress:before {
  content: "\e902";
  color: white;
}
.icon-balance:before {
  content: "\e903";
  font-size: 50px;
  color: white;
}
.icon-training:before {
  content: "\e904";
  font-size: 50px;
  color: white;
}
.icon-art:before {
  content: "\e905";
  font-size: 50px;
  color: white;
}
.icon-maintance:before {
  content: "\e906";
  font-size: 50px;
  color: white;
}
.icon-calander:before {
  content: "\e907";
  font-size: 50px;
  color: white;
}
.icon-alarm:before {
  content: "\e908";
  font-size: 50px;
  color: white;
}
.icon-prev-page:before {
  content: "\e916";
  font-size: 50px;
  color: white;
}
.icon-next-page:before {
  content: "\e917";
  font-size: 50px;
  color: white;
}
.icon-eye:before {
  content: "\e9ce";
  color: white;
}

@font-face {
  font-family: 'icomoon-baby';
  src:  url('/assets/fonts/icomoon-baby.eot');
  src:  url('/assets/fonts/icomoon-baby.eot#iefix') format('embedded-opentype'),
  url('/assets/fonts/icomoon-baby.ttf') format('truetype'),
  url('/assets/fonts/icomoon-baby.woff') format('woff'),
  url('/assets/fonts/icomoon-baby.svg#icomoon-baby') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon2-"], [class*=" icon2-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon-baby' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon2-milk:before {
  content: "\e900";
  font-size: 50px;
  color: #fff;
}
.icon2-nappy:before {
  content: "\e901";
  font-size: 50px;
  color: #fff;
}
.icon2-potty:before {
  content: "\e902";
  font-size: 50px;
  color: #fff;
}

@font-face {
  font-family: 'icomoon3';
  src:  url('/assets/fonts/icomoon3.eot');
  src:  url('/assets/fonts/icomoon3.eot#iefix') format('embedded-opentype'),
  url('/assets/fonts/icomoon3.ttf') format('truetype'),
  url('/assets/fonts/icomoon3.woff') format('woff'),
  url('/assets/fonts/icomoon3.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon3-"], [class*=" icon3-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon3' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon3-daily-adventures:before {
  content: "\e918";
  font-size: 50px;
  color: #fff;
}


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