@charset "UTF-8";

.font-regular-6-primary {
    color: #008A00 !important
}

.font-regular-6-primary,
.font-regular-6-secondary {
    font-size: 6px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-6-secondary {
    color: #36c !important
}

.font-regular-6-success {
    color: #0e8a00 !important
}

.font-regular-6-success,
.font-regular-6-warning {
    font-size: 6px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-6-warning {
    color: #ffb822 !important
}

.font-regular-6-alert {
    color: #e70011 !important
}

.font-regular-6-alert,
.font-regular-6-primary-gray {
    font-size: 6px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-6-primary-gray {
    color: #e6e6e6 !important
}

.font-regular-6-positive {
    color: #0e8a00 !important
}

.font-regular-6-negative,
.font-regular-6-positive {
    font-size: 6px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-6-negative {
    color: #e70011 !important
}

.font-regular-6-gray,
.font-regular-6-medium {
    color: #444 !important
}

.font-regular-6-gray,
.font-regular-6-light,
.font-regular-6-medium {
    font-size: 6px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-6-light {
    color: #767676 !important
}

.font-regular-6-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-regular-6-dark,
.font-regular-6-light-gray {
    font-size: 6px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-6-dark {
    color: #222 !important
}

.font-regular-6-notification {
    color: #ffb822 !important
}

.font-regular-6-accent,
.font-regular-6-notification {
    font-size: 6px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-6-accent {
    color: #ffb74d !important
}

.font-regular-6-light-notification {
    color: #fff176 !important
}

.font-regular-6-light-notification,
.font-regular-6-light-positive {
    font-size: 6px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-6-light-positive {
    color: #aed581 !important
}

.font-regular-6-light-primary {
    color: #9fa8da !important
}

.font-regular-6-light-primary,
.font-regular-6-light-secondary {
    font-size: 6px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-6-light-secondary {
    color: #90caf9 !important
}

.font-regular-6-light-tertiary {
    color: #81d4fa !important
}

.font-regular-6-light-tertiary,
.font-roman-6-primary {
    font-size: 6px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-6-primary {
    color: #008A00 !important
}

.font-roman-6-secondary {
    color: #36c !important
}

.font-roman-6-secondary,
.font-roman-6-success {
    font-size: 6px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-6-success {
    color: #0e8a00 !important
}

.font-roman-6-warning {
    color: #ffb822 !important
}

.font-roman-6-alert,
.font-roman-6-warning {
    font-size: 6px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-6-alert {
    color: #e70011 !important
}

.font-roman-6-primary-gray {
    color: #e6e6e6 !important
}

.font-roman-6-positive,
.font-roman-6-primary-gray {
    font-size: 6px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-6-positive {
    color: #0e8a00 !important
}

.font-roman-6-negative {
    font-size: 6px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #e70011 !important
}

.font-roman-6-gray,
.font-roman-6-medium {
    color: #444 !important
}

.font-roman-6-gray,
.font-roman-6-light,
.font-roman-6-medium {
    font-size: 6px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-6-light {
    color: #767676 !important
}

.font-roman-6-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-roman-6-dark,
.font-roman-6-light-gray {
    font-size: 6px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-6-dark {
    color: #222 !important
}

.font-roman-6-notification {
    color: #ffb822 !important
}

.font-roman-6-accent,
.font-roman-6-notification {
    font-size: 6px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-6-accent {
    color: #ffb74d !important
}

.font-roman-6-light-notification {
    color: #fff176 !important
}

.font-roman-6-light-notification,
.font-roman-6-light-positive {
    font-size: 6px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-6-light-positive {
    color: #aed581 !important
}

.font-roman-6-light-primary {
    color: #9fa8da !important
}

.font-roman-6-light-primary,
.font-roman-6-light-secondary {
    font-size: 6px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-6-light-secondary {
    color: #90caf9 !important
}

.font-roman-6-light-tertiary {
    font-size: 6px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-medium-6-primary {
    color: #008A00 !important
}

.font-medium-6-primary,
.font-medium-6-secondary {
    font-size: 6px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-6-secondary {
    color: #36c !important
}

.font-medium-6-success {
    color: #0e8a00 !important
}

.font-medium-6-success,
.font-medium-6-warning {
    font-size: 6px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-6-warning {
    color: #ffb822 !important
}

.font-medium-6-alert {
    color: #e70011 !important
}

.font-medium-6-alert,
.font-medium-6-primary-gray {
    font-size: 6px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-6-primary-gray {
    color: #e6e6e6 !important
}

.font-medium-6-positive {
    color: #0e8a00 !important
}

.font-medium-6-negative,
.font-medium-6-positive {
    font-size: 6px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-6-negative {
    color: #e70011 !important
}

.font-medium-6-gray,
.font-medium-6-medium {
    color: #444 !important
}

.font-medium-6-gray,
.font-medium-6-light,
.font-medium-6-medium {
    font-size: 6px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-6-light {
    color: #767676 !important
}

.font-medium-6-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-medium-6-dark,
.font-medium-6-light-gray {
    font-size: 6px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-6-dark {
    color: #222 !important
}

.font-medium-6-notification {
    color: #ffb822 !important
}

.font-medium-6-accent,
.font-medium-6-notification {
    font-size: 6px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-6-accent {
    color: #ffb74d !important
}

.font-medium-6-light-notification {
    color: #fff176 !important
}

.font-medium-6-light-notification,
.font-medium-6-light-positive {
    font-size: 6px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-6-light-positive {
    color: #aed581 !important
}

.font-medium-6-light-primary {
    color: #9fa8da !important
}

.font-medium-6-light-primary,
.font-medium-6-light-secondary {
    font-size: 6px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-6-light-secondary {
    color: #90caf9 !important
}

.font-medium-6-light-tertiary {
    font-size: 6px !important;
    font-family: robotomedium, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-light-6-primary {
    color: #008A00 !important
}

.font-light-6-primary,
.font-light-6-secondary {
    font-size: 6px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-6-secondary {
    color: #36c !important
}

.font-light-6-success {
    color: #0e8a00 !important
}

.font-light-6-success,
.font-light-6-warning {
    font-size: 6px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-6-warning {
    color: #ffb822 !important
}

.font-light-6-alert {
    color: #e70011 !important
}

.font-light-6-alert,
.font-light-6-primary-gray {
    font-size: 6px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-6-primary-gray {
    color: #e6e6e6 !important
}

.font-light-6-positive {
    color: #0e8a00 !important
}

.font-light-6-negative,
.font-light-6-positive {
    font-size: 6px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-6-negative {
    color: #e70011 !important
}

.font-light-6-gray,
.font-light-6-medium {
    color: #444 !important
}

.font-light-6-gray,
.font-light-6-light,
.font-light-6-medium {
    font-size: 6px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-6-light {
    color: #767676 !important
}

.font-light-6-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-light-6-dark,
.font-light-6-light-gray {
    font-size: 6px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-6-dark {
    color: #222 !important
}

.font-light-6-notification {
    color: #ffb822 !important
}

.font-light-6-accent,
.font-light-6-notification {
    font-size: 6px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-6-accent {
    color: #ffb74d !important
}

.font-light-6-light-notification {
    color: #fff176 !important
}

.font-light-6-light-notification,
.font-light-6-light-positive {
    font-size: 6px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-6-light-positive {
    color: #aed581 !important
}

.font-light-6-light-primary {
    color: #9fa8da !important
}

.font-light-6-light-primary,
.font-light-6-light-secondary {
    font-size: 6px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-6-light-secondary {
    color: #90caf9 !important
}

.font-light-6-light-tertiary {
    font-size: 6px !important;
    font-family: robotolight, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-thin-6-primary {
    color: #008A00 !important
}

.font-thin-6-primary,
.font-thin-6-secondary {
    font-size: 6px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-6-secondary {
    color: #36c !important
}

.font-thin-6-success {
    color: #0e8a00 !important
}

.font-thin-6-success,
.font-thin-6-warning {
    font-size: 6px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-6-warning {
    color: #ffb822 !important
}

.font-thin-6-alert {
    color: #e70011 !important
}

.font-thin-6-alert,
.font-thin-6-primary-gray {
    font-size: 6px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-6-primary-gray {
    color: #e6e6e6 !important
}

.font-thin-6-positive {
    color: #0e8a00 !important
}

.font-thin-6-negative,
.font-thin-6-positive {
    font-size: 6px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-6-negative {
    color: #e70011 !important
}

.font-thin-6-gray,
.font-thin-6-medium {
    color: #444 !important
}

.font-thin-6-gray,
.font-thin-6-light,
.font-thin-6-medium {
    font-size: 6px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-6-light {
    color: #767676 !important
}

.font-thin-6-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-thin-6-dark,
.font-thin-6-light-gray {
    font-size: 6px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-6-dark {
    color: #222 !important
}

.font-thin-6-notification {
    color: #ffb822 !important
}

.font-thin-6-accent,
.font-thin-6-notification {
    font-size: 6px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-6-accent {
    color: #ffb74d !important
}

.font-thin-6-light-notification {
    color: #fff176 !important
}

.font-thin-6-light-notification,
.font-thin-6-light-positive {
    font-size: 6px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-6-light-positive {
    color: #aed581 !important
}

.font-thin-6-light-primary {
    color: #9fa8da !important
}

.font-thin-6-light-primary,
.font-thin-6-light-secondary {
    font-size: 6px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-6-light-secondary {
    color: #90caf9 !important
}

.font-thin-6-light-tertiary {
    font-size: 6px !important;
    font-family: robotothin, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-bold-6-primary {
    color: #008A00 !important
}

.font-bold-6-primary,
.font-bold-6-secondary {
    font-size: 6px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-6-secondary {
    color: #36c !important
}

.font-bold-6-success {
    color: #0e8a00 !important
}

.font-bold-6-success,
.font-bold-6-warning {
    font-size: 6px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-6-warning {
    color: #ffb822 !important
}

.font-bold-6-alert {
    color: #e70011 !important
}

.font-bold-6-alert,
.font-bold-6-primary-gray {
    font-size: 6px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-6-primary-gray {
    color: #e6e6e6 !important
}

.font-bold-6-positive {
    color: #0e8a00 !important
}

.font-bold-6-negative,
.font-bold-6-positive {
    font-size: 6px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-6-negative {
    color: #e70011 !important
}

.font-bold-6-gray,
.font-bold-6-medium {
    color: #444 !important
}

.font-bold-6-gray,
.font-bold-6-light,
.font-bold-6-medium {
    font-size: 6px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-6-light {
    color: #767676 !important
}

.font-bold-6-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-bold-6-dark,
.font-bold-6-light-gray {
    font-size: 6px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-6-dark {
    color: #222 !important
}

.font-bold-6-notification {
    color: #ffb822 !important
}

.font-bold-6-accent,
.font-bold-6-notification {
    font-size: 6px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-6-accent {
    color: #ffb74d !important
}

.font-bold-6-light-notification {
    color: #fff176 !important
}

.font-bold-6-light-notification,
.font-bold-6-light-positive {
    font-size: 6px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-6-light-positive {
    color: #aed581 !important
}

.font-bold-6-light-primary {
    color: #9fa8da !important
}

.font-bold-6-light-primary,
.font-bold-6-light-secondary {
    font-size: 6px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-6-light-secondary {
    color: #90caf9 !important
}

.font-bold-6-light-tertiary {
    font-size: 6px !important;
    font-family: robotobold, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-regular-8-primary {
    color: #008A00 !important
}

.font-regular-8-primary,
.font-regular-8-secondary {
    font-size: 8px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-8-secondary {
    color: #36c !important
}

.font-regular-8-success {
    color: #0e8a00 !important
}

.font-regular-8-success,
.font-regular-8-warning {
    font-size: 8px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-8-warning {
    color: #ffb822 !important
}

.font-regular-8-alert {
    color: #e70011 !important
}

.font-regular-8-alert,
.font-regular-8-primary-gray {
    font-size: 8px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-8-primary-gray {
    color: #e6e6e6 !important
}

.font-regular-8-positive {
    color: #0e8a00 !important
}

.font-regular-8-negative,
.font-regular-8-positive {
    font-size: 8px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-8-negative {
    color: #e70011 !important
}

.font-regular-8-gray,
.font-regular-8-medium {
    color: #444 !important
}

.font-regular-8-gray,
.font-regular-8-light,
.font-regular-8-medium {
    font-size: 8px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-8-light {
    color: #767676 !important
}

.font-regular-8-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-regular-8-dark,
.font-regular-8-light-gray {
    font-size: 8px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-8-dark {
    color: #222 !important
}

.font-regular-8-notification {
    color: #ffb822 !important
}

.font-regular-8-accent,
.font-regular-8-notification {
    font-size: 8px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-8-accent {
    color: #ffb74d !important
}

.font-regular-8-light-notification {
    color: #fff176 !important
}

.font-regular-8-light-notification,
.font-regular-8-light-positive {
    font-size: 8px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-8-light-positive {
    color: #aed581 !important
}

.font-regular-8-light-primary {
    color: #9fa8da !important
}

.font-regular-8-light-primary,
.font-regular-8-light-secondary {
    font-size: 8px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-8-light-secondary {
    color: #90caf9 !important
}

.font-regular-8-light-tertiary {
    color: #81d4fa !important
}

.font-regular-8-light-tertiary,
.font-roman-8-primary {
    font-size: 8px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-8-primary {
    color: #008A00 !important
}

.font-roman-8-secondary {
    color: #36c !important
}

.font-roman-8-secondary,
.font-roman-8-success {
    font-size: 8px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-8-success {
    color: #0e8a00 !important
}

.font-roman-8-warning {
    color: #ffb822 !important
}

.font-roman-8-alert,
.font-roman-8-warning {
    font-size: 8px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-8-alert {
    color: #e70011 !important
}

.font-roman-8-primary-gray {
    color: #e6e6e6 !important
}

.font-roman-8-positive,
.font-roman-8-primary-gray {
    font-size: 8px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-8-positive {
    color: #0e8a00 !important
}

.font-roman-8-negative {
    font-size: 8px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #e70011 !important
}

.font-roman-8-gray,
.font-roman-8-medium {
    color: #444 !important
}

.font-roman-8-gray,
.font-roman-8-light,
.font-roman-8-medium {
    font-size: 8px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-8-light {
    color: #767676 !important
}

.font-roman-8-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-roman-8-dark,
.font-roman-8-light-gray {
    font-size: 8px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-8-dark {
    color: #222 !important
}

.font-roman-8-notification {
    color: #ffb822 !important
}

.font-roman-8-accent,
.font-roman-8-notification {
    font-size: 8px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-8-accent {
    color: #ffb74d !important
}

.font-roman-8-light-notification {
    color: #fff176 !important
}

.font-roman-8-light-notification,
.font-roman-8-light-positive {
    font-size: 8px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-8-light-positive {
    color: #aed581 !important
}

.font-roman-8-light-primary {
    color: #9fa8da !important
}

.font-roman-8-light-primary,
.font-roman-8-light-secondary {
    font-size: 8px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-8-light-secondary {
    color: #90caf9 !important
}

.font-roman-8-light-tertiary {
    font-size: 8px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-medium-8-primary {
    color: #008A00 !important
}

.font-medium-8-primary,
.font-medium-8-secondary {
    font-size: 8px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-8-secondary {
    color: #36c !important
}

.font-medium-8-success {
    color: #0e8a00 !important
}

.font-medium-8-success,
.font-medium-8-warning {
    font-size: 8px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-8-warning {
    color: #ffb822 !important
}

.font-medium-8-alert {
    color: #e70011 !important
}

.font-medium-8-alert,
.font-medium-8-primary-gray {
    font-size: 8px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-8-primary-gray {
    color: #e6e6e6 !important
}

.font-medium-8-positive {
    color: #0e8a00 !important
}

.font-medium-8-negative,
.font-medium-8-positive {
    font-size: 8px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-8-negative {
    color: #e70011 !important
}

.font-medium-8-gray,
.font-medium-8-medium {
    color: #444 !important
}

.font-medium-8-gray,
.font-medium-8-light,
.font-medium-8-medium {
    font-size: 8px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-8-light {
    color: #767676 !important
}

.font-medium-8-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-medium-8-dark,
.font-medium-8-light-gray {
    font-size: 8px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-8-dark {
    color: #222 !important
}

.font-medium-8-notification {
    color: #ffb822 !important
}

.font-medium-8-accent,
.font-medium-8-notification {
    font-size: 8px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-8-accent {
    color: #ffb74d !important
}

.font-medium-8-light-notification {
    color: #fff176 !important
}

.font-medium-8-light-notification,
.font-medium-8-light-positive {
    font-size: 8px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-8-light-positive {
    color: #aed581 !important
}

.font-medium-8-light-primary {
    color: #9fa8da !important
}

.font-medium-8-light-primary,
.font-medium-8-light-secondary {
    font-size: 8px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-8-light-secondary {
    color: #90caf9 !important
}

.font-medium-8-light-tertiary {
    font-size: 8px !important;
    font-family: robotomedium, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-light-8-primary {
    color: #008A00 !important
}

.font-light-8-primary,
.font-light-8-secondary {
    font-size: 8px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-8-secondary {
    color: #36c !important
}

.font-light-8-success {
    color: #0e8a00 !important
}

.font-light-8-success,
.font-light-8-warning {
    font-size: 8px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-8-warning {
    color: #ffb822 !important
}

.font-light-8-alert {
    color: #e70011 !important
}

.font-light-8-alert,
.font-light-8-primary-gray {
    font-size: 8px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-8-primary-gray {
    color: #e6e6e6 !important
}

.font-light-8-positive {
    color: #0e8a00 !important
}

.font-light-8-negative,
.font-light-8-positive {
    font-size: 8px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-8-negative {
    color: #e70011 !important
}

.font-light-8-gray,
.font-light-8-medium {
    color: #444 !important
}

.font-light-8-gray,
.font-light-8-light,
.font-light-8-medium {
    font-size: 8px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-8-light {
    color: #767676 !important
}

.font-light-8-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-light-8-dark,
.font-light-8-light-gray {
    font-size: 8px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-8-dark {
    color: #222 !important
}

.font-light-8-notification {
    color: #ffb822 !important
}

.font-light-8-accent,
.font-light-8-notification {
    font-size: 8px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-8-accent {
    color: #ffb74d !important
}

.font-light-8-light-notification {
    color: #fff176 !important
}

.font-light-8-light-notification,
.font-light-8-light-positive {
    font-size: 8px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-8-light-positive {
    color: #aed581 !important
}

.font-light-8-light-primary {
    color: #9fa8da !important
}

.font-light-8-light-primary,
.font-light-8-light-secondary {
    font-size: 8px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-8-light-secondary {
    color: #90caf9 !important
}

.font-light-8-light-tertiary {
    font-size: 8px !important;
    font-family: robotolight, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-thin-8-primary {
    color: #008A00 !important
}

.font-thin-8-primary,
.font-thin-8-secondary {
    font-size: 8px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-8-secondary {
    color: #36c !important
}

.font-thin-8-success {
    color: #0e8a00 !important
}

.font-thin-8-success,
.font-thin-8-warning {
    font-size: 8px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-8-warning {
    color: #ffb822 !important
}

.font-thin-8-alert {
    color: #e70011 !important
}

.font-thin-8-alert,
.font-thin-8-primary-gray {
    font-size: 8px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-8-primary-gray {
    color: #e6e6e6 !important
}

.font-thin-8-positive {
    color: #0e8a00 !important
}

.font-thin-8-negative,
.font-thin-8-positive {
    font-size: 8px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-8-negative {
    color: #e70011 !important
}

.font-thin-8-gray,
.font-thin-8-medium {
    color: #444 !important
}

.font-thin-8-gray,
.font-thin-8-light,
.font-thin-8-medium {
    font-size: 8px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-8-light {
    color: #767676 !important
}

.font-thin-8-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-thin-8-dark,
.font-thin-8-light-gray {
    font-size: 8px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-8-dark {
    color: #222 !important
}

.font-thin-8-notification {
    color: #ffb822 !important
}

.font-thin-8-accent,
.font-thin-8-notification {
    font-size: 8px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-8-accent {
    color: #ffb74d !important
}

.font-thin-8-light-notification {
    color: #fff176 !important
}

.font-thin-8-light-notification,
.font-thin-8-light-positive {
    font-size: 8px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-8-light-positive {
    color: #aed581 !important
}

.font-thin-8-light-primary {
    color: #9fa8da !important
}

.font-thin-8-light-primary,
.font-thin-8-light-secondary {
    font-size: 8px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-8-light-secondary {
    color: #90caf9 !important
}

.font-thin-8-light-tertiary {
    font-size: 8px !important;
    font-family: robotothin, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-bold-8-primary {
    color: #008A00 !important
}

.font-bold-8-primary,
.font-bold-8-secondary {
    font-size: 8px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-8-secondary {
    color: #36c !important
}

.font-bold-8-success {
    color: #0e8a00 !important
}

.font-bold-8-success,
.font-bold-8-warning {
    font-size: 8px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-8-warning {
    color: #ffb822 !important
}

.font-bold-8-alert {
    color: #e70011 !important
}

.font-bold-8-alert,
.font-bold-8-primary-gray {
    font-size: 8px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-8-primary-gray {
    color: #e6e6e6 !important
}

.font-bold-8-positive {
    color: #0e8a00 !important
}

.font-bold-8-negative,
.font-bold-8-positive {
    font-size: 8px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-8-negative {
    color: #e70011 !important
}

.font-bold-8-gray,
.font-bold-8-medium {
    color: #444 !important
}

.font-bold-8-gray,
.font-bold-8-light,
.font-bold-8-medium {
    font-size: 8px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-8-light {
    color: #767676 !important
}

.font-bold-8-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-bold-8-dark,
.font-bold-8-light-gray {
    font-size: 8px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-8-dark {
    color: #222 !important
}

.font-bold-8-notification {
    color: #ffb822 !important
}

.font-bold-8-accent,
.font-bold-8-notification {
    font-size: 8px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-8-accent {
    color: #ffb74d !important
}

.font-bold-8-light-notification {
    color: #fff176 !important
}

.font-bold-8-light-notification,
.font-bold-8-light-positive {
    font-size: 8px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-8-light-positive {
    color: #aed581 !important
}

.font-bold-8-light-primary {
    color: #9fa8da !important
}

.font-bold-8-light-primary,
.font-bold-8-light-secondary {
    font-size: 8px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-8-light-secondary {
    color: #90caf9 !important
}

.font-bold-8-light-tertiary {
    font-size: 8px !important;
    font-family: robotobold, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-regular-10-primary {
    color: #008A00 !important
}

.font-regular-10-primary,
.font-regular-10-secondary {
    font-size: 10px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-10-secondary {
    color: #36c !important
}

.font-regular-10-success {
    color: #0e8a00 !important
}

.font-regular-10-success,
.font-regular-10-warning {
    font-size: 10px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-10-warning {
    color: #ffb822 !important
}

.font-regular-10-alert {
    color: #e70011 !important
}

.font-regular-10-alert,
.font-regular-10-primary-gray {
    font-size: 10px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-10-primary-gray {
    color: #e6e6e6 !important
}

.font-regular-10-positive {
    color: #0e8a00 !important
}

.font-regular-10-negative,
.font-regular-10-positive {
    font-size: 10px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-10-negative {
    color: #e70011 !important
}

.font-regular-10-gray,
.font-regular-10-medium {
    color: #444 !important
}

.font-regular-10-gray,
.font-regular-10-light,
.font-regular-10-medium {
    font-size: 10px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-10-light {
    color: #767676 !important
}

.font-regular-10-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-regular-10-dark,
.font-regular-10-light-gray {
    font-size: 10px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-10-dark {
    color: #222 !important
}

.font-regular-10-notification {
    color: #ffb822 !important
}

.font-regular-10-accent,
.font-regular-10-notification {
    font-size: 10px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-10-accent {
    color: #ffb74d !important
}

.font-regular-10-light-notification {
    color: #fff176 !important
}

.font-regular-10-light-notification,
.font-regular-10-light-positive {
    font-size: 10px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-10-light-positive {
    color: #aed581 !important
}

.font-regular-10-light-primary {
    color: #9fa8da !important
}

.font-regular-10-light-primary,
.font-regular-10-light-secondary {
    font-size: 10px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-10-light-secondary {
    color: #90caf9 !important
}

.font-regular-10-light-tertiary {
    color: #81d4fa !important
}

.font-regular-10-light-tertiary,
.font-roman-10-primary {
    font-size: 10px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-10-primary {
    color: #008A00 !important
}

.font-roman-10-secondary {
    color: #36c !important
}

.font-roman-10-secondary,
.font-roman-10-success {
    font-size: 10px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-10-success {
    color: #0e8a00 !important
}

.font-roman-10-warning {
    color: #ffb822 !important
}

.font-roman-10-alert,
.font-roman-10-warning {
    font-size: 10px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-10-alert {
    color: #e70011 !important
}

.font-roman-10-primary-gray {
    color: #e6e6e6 !important
}

.font-roman-10-positive,
.font-roman-10-primary-gray {
    font-size: 10px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-10-positive {
    color: #0e8a00 !important
}

.font-roman-10-negative {
    font-size: 10px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #e70011 !important
}

.font-roman-10-gray,
.font-roman-10-medium {
    color: #444 !important
}

.font-roman-10-gray,
.font-roman-10-light,
.font-roman-10-medium {
    font-size: 10px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-10-light {
    color: #767676 !important
}

.font-roman-10-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-roman-10-dark,
.font-roman-10-light-gray {
    font-size: 10px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-10-dark {
    color: #222 !important
}

.font-roman-10-notification {
    color: #ffb822 !important
}

.font-roman-10-accent,
.font-roman-10-notification {
    font-size: 10px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-10-accent {
    color: #ffb74d !important
}

.font-roman-10-light-notification {
    color: #fff176 !important
}

.font-roman-10-light-notification,
.font-roman-10-light-positive {
    font-size: 10px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-10-light-positive {
    color: #aed581 !important
}

.font-roman-10-light-primary {
    color: #9fa8da !important
}

.font-roman-10-light-primary,
.font-roman-10-light-secondary {
    font-size: 10px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-10-light-secondary {
    color: #90caf9 !important
}

.font-roman-10-light-tertiary {
    font-size: 10px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-medium-10-primary {
    color: #008A00 !important
}

.font-medium-10-primary,
.font-medium-10-secondary {
    font-size: 10px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-10-secondary {
    color: #36c !important
}

.font-medium-10-success {
    color: #0e8a00 !important
}

.font-medium-10-success,
.font-medium-10-warning {
    font-size: 10px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-10-warning {
    color: #ffb822 !important
}

.font-medium-10-alert {
    color: #e70011 !important
}

.font-medium-10-alert,
.font-medium-10-primary-gray {
    font-size: 10px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-10-primary-gray {
    color: #e6e6e6 !important
}

.font-medium-10-positive {
    color: #0e8a00 !important
}

.font-medium-10-negative,
.font-medium-10-positive {
    font-size: 10px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-10-negative {
    color: #e70011 !important
}

.font-medium-10-gray,
.font-medium-10-medium {
    color: #444 !important
}

.font-medium-10-gray,
.font-medium-10-light,
.font-medium-10-medium {
    font-size: 10px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-10-light {
    color: #767676 !important
}

.font-medium-10-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-medium-10-dark,
.font-medium-10-light-gray {
    font-size: 10px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-10-dark {
    color: #222 !important
}

.font-medium-10-notification {
    color: #ffb822 !important
}

.font-medium-10-accent,
.font-medium-10-notification {
    font-size: 10px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-10-accent {
    color: #ffb74d !important
}

.font-medium-10-light-notification {
    color: #fff176 !important
}

.font-medium-10-light-notification,
.font-medium-10-light-positive {
    font-size: 10px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-10-light-positive {
    color: #aed581 !important
}

.font-medium-10-light-primary {
    color: #9fa8da !important
}

.font-medium-10-light-primary,
.font-medium-10-light-secondary {
    font-size: 10px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-10-light-secondary {
    color: #90caf9 !important
}

.font-medium-10-light-tertiary {
    font-size: 10px !important;
    font-family: robotomedium, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-light-10-primary {
    color: #008A00 !important
}

.font-light-10-primary,
.font-light-10-secondary {
    font-size: 10px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-10-secondary {
    color: #36c !important
}

.font-light-10-success {
    color: #0e8a00 !important
}

.font-light-10-success,
.font-light-10-warning {
    font-size: 10px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-10-warning {
    color: #ffb822 !important
}

.font-light-10-alert {
    color: #e70011 !important
}

.font-light-10-alert,
.font-light-10-primary-gray {
    font-size: 10px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-10-primary-gray {
    color: #e6e6e6 !important
}

.font-light-10-positive {
    color: #0e8a00 !important
}

.font-light-10-negative,
.font-light-10-positive {
    font-size: 10px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-10-negative {
    color: #e70011 !important
}

.font-light-10-gray,
.font-light-10-medium {
    color: #444 !important
}

.font-light-10-gray,
.font-light-10-light,
.font-light-10-medium {
    font-size: 10px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-10-light {
    color: #767676 !important
}

.font-light-10-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-light-10-dark,
.font-light-10-light-gray {
    font-size: 10px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-10-dark {
    color: #222 !important
}

.font-light-10-notification {
    color: #ffb822 !important
}

.font-light-10-accent,
.font-light-10-notification {
    font-size: 10px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-10-accent {
    color: #ffb74d !important
}

.font-light-10-light-notification {
    color: #fff176 !important
}

.font-light-10-light-notification,
.font-light-10-light-positive {
    font-size: 10px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-10-light-positive {
    color: #aed581 !important
}

.font-light-10-light-primary {
    color: #9fa8da !important
}

.font-light-10-light-primary,
.font-light-10-light-secondary {
    font-size: 10px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-10-light-secondary {
    color: #90caf9 !important
}

.font-light-10-light-tertiary {
    font-size: 10px !important;
    font-family: robotolight, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-thin-10-primary {
    color: #008A00 !important
}

.font-thin-10-primary,
.font-thin-10-secondary {
    font-size: 10px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-10-secondary {
    color: #36c !important
}

.font-thin-10-success {
    color: #0e8a00 !important
}

.font-thin-10-success,
.font-thin-10-warning {
    font-size: 10px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-10-warning {
    color: #ffb822 !important
}

.font-thin-10-alert {
    color: #e70011 !important
}

.font-thin-10-alert,
.font-thin-10-primary-gray {
    font-size: 10px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-10-primary-gray {
    color: #e6e6e6 !important
}

.font-thin-10-positive {
    color: #0e8a00 !important
}

.font-thin-10-negative,
.font-thin-10-positive {
    font-size: 10px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-10-negative {
    color: #e70011 !important
}

.font-thin-10-gray,
.font-thin-10-medium {
    color: #444 !important
}

.font-thin-10-gray,
.font-thin-10-light,
.font-thin-10-medium {
    font-size: 10px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-10-light {
    color: #767676 !important
}

.font-thin-10-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-thin-10-dark,
.font-thin-10-light-gray {
    font-size: 10px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-10-dark {
    color: #222 !important
}

.font-thin-10-notification {
    color: #ffb822 !important
}

.font-thin-10-accent,
.font-thin-10-notification {
    font-size: 10px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-10-accent {
    color: #ffb74d !important
}

.font-thin-10-light-notification {
    color: #fff176 !important
}

.font-thin-10-light-notification,
.font-thin-10-light-positive {
    font-size: 10px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-10-light-positive {
    color: #aed581 !important
}

.font-thin-10-light-primary {
    color: #9fa8da !important
}

.font-thin-10-light-primary,
.font-thin-10-light-secondary {
    font-size: 10px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-10-light-secondary {
    color: #90caf9 !important
}

.font-thin-10-light-tertiary {
    font-size: 10px !important;
    font-family: robotothin, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-bold-10-primary {
    color: #008A00 !important
}

.font-bold-10-primary,
.font-bold-10-secondary {
    font-size: 10px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-10-secondary {
    color: #36c !important
}

.font-bold-10-success {
    color: #0e8a00 !important
}

.font-bold-10-success,
.font-bold-10-warning {
    font-size: 10px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-10-warning {
    color: #ffb822 !important
}

.font-bold-10-alert {
    color: #e70011 !important
}

.font-bold-10-alert,
.font-bold-10-primary-gray {
    font-size: 10px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-10-primary-gray {
    color: #e6e6e6 !important
}

.font-bold-10-positive {
    color: #0e8a00 !important
}

.font-bold-10-negative,
.font-bold-10-positive {
    font-size: 10px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-10-negative {
    color: #e70011 !important
}

.font-bold-10-gray,
.font-bold-10-medium {
    color: #444 !important
}

.font-bold-10-gray,
.font-bold-10-light,
.font-bold-10-medium {
    font-size: 10px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-10-light {
    color: #767676 !important
}

.font-bold-10-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-bold-10-dark,
.font-bold-10-light-gray {
    font-size: 10px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-10-dark {
    color: #222 !important
}

.font-bold-10-notification {
    color: #ffb822 !important
}

.font-bold-10-accent,
.font-bold-10-notification {
    font-size: 10px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-10-accent {
    color: #ffb74d !important
}

.font-bold-10-light-notification {
    color: #fff176 !important
}

.font-bold-10-light-notification,
.font-bold-10-light-positive {
    font-size: 10px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-10-light-positive {
    color: #aed581 !important
}

.font-bold-10-light-primary {
    color: #9fa8da !important
}

.font-bold-10-light-primary,
.font-bold-10-light-secondary {
    font-size: 10px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-10-light-secondary {
    color: #90caf9 !important
}

.font-bold-10-light-tertiary {
    font-size: 10px !important;
    font-family: robotobold, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-regular-12-primary {
    color: #008A00 !important
}

.font-regular-12-primary,
.font-regular-12-secondary {
    font-size: 12px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-12-secondary {
    color: #36c !important
}

.font-regular-12-success {
    color: #0e8a00 !important
}

.font-regular-12-success,
.font-regular-12-warning {
    font-size: 12px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-12-warning {
    color: #ffb822 !important
}

.font-regular-12-alert {
    color: #e70011 !important
}

.font-regular-12-alert,
.font-regular-12-primary-gray {
    font-size: 12px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-12-primary-gray {
    color: #e6e6e6 !important
}

.font-regular-12-positive {
    color: #0e8a00 !important
}

.font-regular-12-negative,
.font-regular-12-positive {
    font-size: 12px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-12-negative {
    color: #e70011 !important
}

.font-regular-12-gray,
.font-regular-12-medium {
    color: #444 !important
}

.font-regular-12-gray,
.font-regular-12-light,
.font-regular-12-medium {
    font-size: 12px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-12-light {
    color: #767676 !important
}

.font-regular-12-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-regular-12-dark,
.font-regular-12-light-gray {
    font-size: 12px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-12-dark {
    color: #222 !important
}

.font-regular-12-notification {
    color: #ffb822 !important
}

.font-regular-12-accent,
.font-regular-12-notification {
    font-size: 12px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-12-accent {
    color: #ffb74d !important
}

.font-regular-12-light-notification {
    color: #fff176 !important
}

.font-regular-12-light-notification,
.font-regular-12-light-positive {
    font-size: 12px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-12-light-positive {
    color: #aed581 !important
}

.font-regular-12-light-primary {
    color: #9fa8da !important
}

.font-regular-12-light-primary,
.font-regular-12-light-secondary {
    font-size: 12px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-12-light-secondary {
    color: #90caf9 !important
}

.font-regular-12-light-tertiary {
    color: #81d4fa !important
}

.font-regular-12-light-tertiary,
.font-roman-12-primary {
    font-size: 12px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-12-primary {
    color: #008A00 !important
}

.font-roman-12-secondary {
    color: #36c !important
}

.font-roman-12-secondary,
.font-roman-12-success {
    font-size: 12px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-12-success {
    color: #0e8a00 !important
}

.font-roman-12-warning {
    color: #ffb822 !important
}

.font-roman-12-alert,
.font-roman-12-warning {
    font-size: 12px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-12-alert {
    color: #e70011 !important
}

.font-roman-12-primary-gray {
    color: #e6e6e6 !important
}

.font-roman-12-positive,
.font-roman-12-primary-gray {
    font-size: 12px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-12-positive {
    color: #0e8a00 !important
}

.font-roman-12-negative {
    font-size: 12px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #e70011 !important
}

.font-roman-12-gray,
.font-roman-12-medium {
    color: #444 !important
}

.font-roman-12-gray,
.font-roman-12-light,
.font-roman-12-medium {
    font-size: 12px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-12-light {
    color: #767676 !important
}

.font-roman-12-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-roman-12-dark,
.font-roman-12-light-gray {
    font-size: 12px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-12-dark {
    color: #222 !important
}

.font-roman-12-notification {
    color: #ffb822 !important
}

.font-roman-12-accent,
.font-roman-12-notification {
    font-size: 12px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-12-accent {
    color: #ffb74d !important
}

.font-roman-12-light-notification {
    color: #fff176 !important
}

.font-roman-12-light-notification,
.font-roman-12-light-positive {
    font-size: 12px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-12-light-positive {
    color: #aed581 !important
}

.font-roman-12-light-primary {
    color: #9fa8da !important
}

.font-roman-12-light-primary,
.font-roman-12-light-secondary {
    font-size: 12px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-12-light-secondary {
    color: #90caf9 !important
}

.font-roman-12-light-tertiary {
    font-size: 12px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-medium-12-primary {
    color: #008A00 !important
}

.font-medium-12-primary,
.font-medium-12-secondary {
    font-size: 12px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-12-secondary {
    color: #36c !important
}

.font-medium-12-success {
    color: #0e8a00 !important
}

.font-medium-12-success,
.font-medium-12-warning {
    font-size: 12px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-12-warning {
    color: #ffb822 !important
}

.font-medium-12-alert {
    color: #e70011 !important
}

.font-medium-12-alert,
.font-medium-12-primary-gray {
    font-size: 12px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-12-primary-gray {
    color: #e6e6e6 !important
}

.font-medium-12-positive {
    color: #0e8a00 !important
}

.font-medium-12-negative,
.font-medium-12-positive {
    font-size: 12px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-12-negative {
    color: #e70011 !important
}

.font-medium-12-gray,
.font-medium-12-medium {
    color: #444 !important
}

.font-medium-12-gray,
.font-medium-12-light,
.font-medium-12-medium {
    font-size: 12px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-12-light {
    color: #767676 !important
}

.font-medium-12-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-medium-12-dark,
.font-medium-12-light-gray {
    font-size: 12px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-12-dark {
    color: #222 !important
}

.font-medium-12-notification {
    color: #ffb822 !important
}

.font-medium-12-accent,
.font-medium-12-notification {
    font-size: 12px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-12-accent {
    color: #ffb74d !important
}

.font-medium-12-light-notification {
    color: #fff176 !important
}

.font-medium-12-light-notification,
.font-medium-12-light-positive {
    font-size: 12px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-12-light-positive {
    color: #aed581 !important
}

.font-medium-12-light-primary {
    color: #9fa8da !important
}

.font-medium-12-light-primary,
.font-medium-12-light-secondary {
    font-size: 12px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-12-light-secondary {
    color: #90caf9 !important
}

.font-medium-12-light-tertiary {
    font-size: 12px !important;
    font-family: robotomedium, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-light-12-primary {
    color: #008A00 !important
}

.font-light-12-primary,
.font-light-12-secondary {
    font-size: 12px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-12-secondary {
    color: #36c !important
}

.font-light-12-success {
    color: #0e8a00 !important
}

.font-light-12-success,
.font-light-12-warning {
    font-size: 12px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-12-warning {
    color: #ffb822 !important
}

.font-light-12-alert {
    color: #e70011 !important
}

.font-light-12-alert,
.font-light-12-primary-gray {
    font-size: 12px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-12-primary-gray {
    color: #e6e6e6 !important
}

.font-light-12-positive {
    color: #0e8a00 !important
}

.font-light-12-negative,
.font-light-12-positive {
    font-size: 12px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-12-negative {
    color: #e70011 !important
}

.font-light-12-gray,
.font-light-12-medium {
    color: #444 !important
}

.font-light-12-gray,
.font-light-12-light,
.font-light-12-medium {
    font-size: 12px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-12-light {
    color: #767676 !important
}

.font-light-12-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-light-12-dark,
.font-light-12-light-gray {
    font-size: 12px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-12-dark {
    color: #222 !important
}

.font-light-12-notification {
    color: #ffb822 !important
}

.font-light-12-accent,
.font-light-12-notification {
    font-size: 12px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-12-accent {
    color: #ffb74d !important
}

.font-light-12-light-notification {
    color: #fff176 !important
}

.font-light-12-light-notification,
.font-light-12-light-positive {
    font-size: 12px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-12-light-positive {
    color: #aed581 !important
}

.font-light-12-light-primary {
    color: #9fa8da !important
}

.font-light-12-light-primary,
.font-light-12-light-secondary {
    font-size: 12px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-12-light-secondary {
    color: #90caf9 !important
}

.font-light-12-light-tertiary {
    font-size: 12px !important;
    font-family: robotolight, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-thin-12-primary {
    color: #008A00 !important
}

.font-thin-12-primary,
.font-thin-12-secondary {
    font-size: 12px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-12-secondary {
    color: #36c !important
}

.font-thin-12-success {
    color: #0e8a00 !important
}

.font-thin-12-success,
.font-thin-12-warning {
    font-size: 12px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-12-warning {
    color: #ffb822 !important
}

.font-thin-12-alert {
    color: #e70011 !important
}

.font-thin-12-alert,
.font-thin-12-primary-gray {
    font-size: 12px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-12-primary-gray {
    color: #e6e6e6 !important
}

.font-thin-12-positive {
    color: #0e8a00 !important
}

.font-thin-12-negative,
.font-thin-12-positive {
    font-size: 12px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-12-negative {
    color: #e70011 !important
}

.font-thin-12-gray,
.font-thin-12-medium {
    color: #444 !important
}

.font-thin-12-gray,
.font-thin-12-light,
.font-thin-12-medium {
    font-size: 12px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-12-light {
    color: #767676 !important
}

.font-thin-12-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-thin-12-dark,
.font-thin-12-light-gray {
    font-size: 12px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-12-dark {
    color: #222 !important
}

.font-thin-12-notification {
    color: #ffb822 !important
}

.font-thin-12-accent,
.font-thin-12-notification {
    font-size: 12px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-12-accent {
    color: #ffb74d !important
}

.font-thin-12-light-notification {
    color: #fff176 !important
}

.font-thin-12-light-notification,
.font-thin-12-light-positive {
    font-size: 12px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-12-light-positive {
    color: #aed581 !important
}

.font-thin-12-light-primary {
    color: #9fa8da !important
}

.font-thin-12-light-primary,
.font-thin-12-light-secondary {
    font-size: 12px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-12-light-secondary {
    color: #90caf9 !important
}

.font-thin-12-light-tertiary {
    font-size: 12px !important;
    font-family: robotothin, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-bold-12-primary {
    color: #008A00 !important
}

.font-bold-12-primary,
.font-bold-12-secondary {
    font-size: 12px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-12-secondary {
    color: #36c !important
}

.font-bold-12-success {
    color: #0e8a00 !important
}

.font-bold-12-success,
.font-bold-12-warning {
    font-size: 12px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-12-warning {
    color: #ffb822 !important
}

.font-bold-12-alert {
    color: #e70011 !important
}

.font-bold-12-alert,
.font-bold-12-primary-gray {
    font-size: 12px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-12-primary-gray {
    color: #e6e6e6 !important
}

.font-bold-12-positive {
    color: #0e8a00 !important
}

.font-bold-12-negative,
.font-bold-12-positive {
    font-size: 12px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-12-negative {
    color: #e70011 !important
}

.font-bold-12-gray,
.font-bold-12-medium {
    color: #444 !important
}

.font-bold-12-gray,
.font-bold-12-light,
.font-bold-12-medium {
    font-size: 12px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-12-light {
    color: #767676 !important
}

.font-bold-12-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-bold-12-dark,
.font-bold-12-light-gray {
    font-size: 12px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-12-dark {
    color: #222 !important
}

.font-bold-12-notification {
    color: #ffb822 !important
}

.font-bold-12-accent,
.font-bold-12-notification {
    font-size: 12px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-12-accent {
    color: #ffb74d !important
}

.font-bold-12-light-notification {
    color: #fff176 !important
}

.font-bold-12-light-notification,
.font-bold-12-light-positive {
    font-size: 12px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-12-light-positive {
    color: #aed581 !important
}

.font-bold-12-light-primary {
    color: #9fa8da !important
}

.font-bold-12-light-primary,
.font-bold-12-light-secondary {
    font-size: 12px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-12-light-secondary {
    color: #90caf9 !important
}

.font-bold-12-light-tertiary {
    font-size: 12px !important;
    font-family: robotobold, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-regular-13-primary {
    color: #008A00 !important
}

.font-regular-13-primary,
.font-regular-13-secondary {
    font-size: 13px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-13-secondary {
    color: #36c !important
}

.font-regular-13-success {
    color: #0e8a00 !important
}

.font-regular-13-success,
.font-regular-13-warning {
    font-size: 13px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-13-warning {
    color: #ffb822 !important
}

.font-regular-13-alert {
    color: #e70011 !important
}

.font-regular-13-alert,
.font-regular-13-primary-gray {
    font-size: 13px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-13-primary-gray {
    color: #e6e6e6 !important
}

.font-regular-13-positive {
    color: #0e8a00 !important
}

.font-regular-13-negative,
.font-regular-13-positive {
    font-size: 13px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-13-negative {
    color: #e70011 !important
}

.font-regular-13-gray,
.font-regular-13-medium {
    color: #444 !important
}

.font-regular-13-gray,
.font-regular-13-light,
.font-regular-13-medium {
    font-size: 13px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-13-light {
    color: #767676 !important
}

.font-regular-13-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-regular-13-dark,
.font-regular-13-light-gray {
    font-size: 13px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-13-dark {
    color: #222 !important
}

.font-regular-13-notification {
    color: #ffb822 !important
}

.font-regular-13-accent,
.font-regular-13-notification {
    font-size: 13px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-13-accent {
    color: #ffb74d !important
}

.font-regular-13-light-notification {
    color: #fff176 !important
}

.font-regular-13-light-notification,
.font-regular-13-light-positive {
    font-size: 13px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-13-light-positive {
    color: #aed581 !important
}

.font-regular-13-light-primary {
    color: #9fa8da !important
}

.font-regular-13-light-primary,
.font-regular-13-light-secondary {
    font-size: 13px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-13-light-secondary {
    color: #90caf9 !important
}

.font-regular-13-light-tertiary {
    color: #81d4fa !important
}

.font-regular-13-light-tertiary,
.font-roman-13-primary {
    font-size: 13px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-13-primary {
    color: #008A00 !important
}

.font-roman-13-secondary {
    color: #36c !important
}

.font-roman-13-secondary,
.font-roman-13-success {
    font-size: 13px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-13-success {
    color: #0e8a00 !important
}

.font-roman-13-warning {
    color: #ffb822 !important
}

.font-roman-13-alert,
.font-roman-13-warning {
    font-size: 13px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-13-alert {
    color: #e70011 !important
}

.font-roman-13-primary-gray {
    color: #e6e6e6 !important
}

.font-roman-13-positive,
.font-roman-13-primary-gray {
    font-size: 13px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-13-positive {
    color: #0e8a00 !important
}

.font-roman-13-negative {
    font-size: 13px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #e70011 !important
}

.font-roman-13-gray,
.font-roman-13-medium {
    color: #444 !important
}

.font-roman-13-gray,
.font-roman-13-light,
.font-roman-13-medium {
    font-size: 13px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-13-light {
    color: #767676 !important
}

.font-roman-13-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-roman-13-dark,
.font-roman-13-light-gray {
    font-size: 13px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-13-dark {
    color: #222 !important
}

.font-roman-13-notification {
    color: #ffb822 !important
}

.font-roman-13-accent,
.font-roman-13-notification {
    font-size: 13px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-13-accent {
    color: #ffb74d !important
}

.font-roman-13-light-notification {
    color: #fff176 !important
}

.font-roman-13-light-notification,
.font-roman-13-light-positive {
    font-size: 13px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-13-light-positive {
    color: #aed581 !important
}

.font-roman-13-light-primary {
    color: #9fa8da !important
}

.font-roman-13-light-primary,
.font-roman-13-light-secondary {
    font-size: 13px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-13-light-secondary {
    color: #90caf9 !important
}

.font-roman-13-light-tertiary {
    font-size: 13px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-medium-13-primary {
    color: #008A00 !important
}

.font-medium-13-primary,
.font-medium-13-secondary {
    font-size: 13px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-13-secondary {
    color: #36c !important
}

.font-medium-13-success {
    color: #0e8a00 !important
}

.font-medium-13-success,
.font-medium-13-warning {
    font-size: 13px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-13-warning {
    color: #ffb822 !important
}

.font-medium-13-alert {
    color: #e70011 !important
}

.font-medium-13-alert,
.font-medium-13-primary-gray {
    font-size: 13px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-13-primary-gray {
    color: #e6e6e6 !important
}

.font-medium-13-positive {
    color: #0e8a00 !important
}

.font-medium-13-negative,
.font-medium-13-positive {
    font-size: 13px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-13-negative {
    color: #e70011 !important
}

.font-medium-13-gray,
.font-medium-13-medium {
    color: #444 !important
}

.font-medium-13-gray,
.font-medium-13-light,
.font-medium-13-medium {
    font-size: 13px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-13-light {
    color: #767676 !important
}

.font-medium-13-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-medium-13-dark,
.font-medium-13-light-gray {
    font-size: 13px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-13-dark {
    color: #222 !important
}

.font-medium-13-notification {
    color: #ffb822 !important
}

.font-medium-13-accent,
.font-medium-13-notification {
    font-size: 13px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-13-accent {
    color: #ffb74d !important
}

.font-medium-13-light-notification {
    color: #fff176 !important
}

.font-medium-13-light-notification,
.font-medium-13-light-positive {
    font-size: 13px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-13-light-positive {
    color: #aed581 !important
}

.font-medium-13-light-primary {
    color: #9fa8da !important
}

.font-medium-13-light-primary,
.font-medium-13-light-secondary {
    font-size: 13px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-13-light-secondary {
    color: #90caf9 !important
}

.font-medium-13-light-tertiary {
    font-size: 13px !important;
    font-family: robotomedium, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-light-13-primary {
    color: #008A00 !important
}

.font-light-13-primary,
.font-light-13-secondary {
    font-size: 13px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-13-secondary {
    color: #36c !important
}

.font-light-13-success {
    color: #0e8a00 !important
}

.font-light-13-success,
.font-light-13-warning {
    font-size: 13px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-13-warning {
    color: #ffb822 !important
}

.font-light-13-alert {
    color: #e70011 !important
}

.font-light-13-alert,
.font-light-13-primary-gray {
    font-size: 13px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-13-primary-gray {
    color: #e6e6e6 !important
}

.font-light-13-positive {
    color: #0e8a00 !important
}

.font-light-13-negative,
.font-light-13-positive {
    font-size: 13px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-13-negative {
    color: #e70011 !important
}

.font-light-13-gray,
.font-light-13-medium {
    color: #444 !important
}

.font-light-13-gray,
.font-light-13-light,
.font-light-13-medium {
    font-size: 13px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-13-light {
    color: #767676 !important
}

.font-light-13-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-light-13-dark,
.font-light-13-light-gray {
    font-size: 13px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-13-dark {
    color: #222 !important
}

.font-light-13-notification {
    color: #ffb822 !important
}

.font-light-13-accent,
.font-light-13-notification {
    font-size: 13px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-13-accent {
    color: #ffb74d !important
}

.font-light-13-light-notification {
    color: #fff176 !important
}

.font-light-13-light-notification,
.font-light-13-light-positive {
    font-size: 13px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-13-light-positive {
    color: #aed581 !important
}

.font-light-13-light-primary {
    color: #9fa8da !important
}

.font-light-13-light-primary,
.font-light-13-light-secondary {
    font-size: 13px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-13-light-secondary {
    color: #90caf9 !important
}

.font-light-13-light-tertiary {
    font-size: 13px !important;
    font-family: robotolight, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-thin-13-primary {
    color: #008A00 !important
}

.font-thin-13-primary,
.font-thin-13-secondary {
    font-size: 13px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-13-secondary {
    color: #36c !important
}

.font-thin-13-success {
    color: #0e8a00 !important
}

.font-thin-13-success,
.font-thin-13-warning {
    font-size: 13px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-13-warning {
    color: #ffb822 !important
}

.font-thin-13-alert {
    color: #e70011 !important
}

.font-thin-13-alert,
.font-thin-13-primary-gray {
    font-size: 13px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-13-primary-gray {
    color: #e6e6e6 !important
}

.font-thin-13-positive {
    color: #0e8a00 !important
}

.font-thin-13-negative,
.font-thin-13-positive {
    font-size: 13px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-13-negative {
    color: #e70011 !important
}

.font-thin-13-gray,
.font-thin-13-medium {
    color: #444 !important
}

.font-thin-13-gray,
.font-thin-13-light,
.font-thin-13-medium {
    font-size: 13px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-13-light {
    color: #767676 !important
}

.font-thin-13-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-thin-13-dark,
.font-thin-13-light-gray {
    font-size: 13px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-13-dark {
    color: #222 !important
}

.font-thin-13-notification {
    color: #ffb822 !important
}

.font-thin-13-accent,
.font-thin-13-notification {
    font-size: 13px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-13-accent {
    color: #ffb74d !important
}

.font-thin-13-light-notification {
    color: #fff176 !important
}

.font-thin-13-light-notification,
.font-thin-13-light-positive {
    font-size: 13px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-13-light-positive {
    color: #aed581 !important
}

.font-thin-13-light-primary {
    color: #9fa8da !important
}

.font-thin-13-light-primary,
.font-thin-13-light-secondary {
    font-size: 13px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-13-light-secondary {
    color: #90caf9 !important
}

.font-thin-13-light-tertiary {
    font-size: 13px !important;
    font-family: robotothin, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-bold-13-primary {
    color: #008A00 !important
}

.font-bold-13-primary,
.font-bold-13-secondary {
    font-size: 13px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-13-secondary {
    color: #36c !important
}

.font-bold-13-success {
    color: #0e8a00 !important
}

.font-bold-13-success,
.font-bold-13-warning {
    font-size: 13px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-13-warning {
    color: #ffb822 !important
}

.font-bold-13-alert {
    color: #e70011 !important
}

.font-bold-13-alert,
.font-bold-13-primary-gray {
    font-size: 13px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-13-primary-gray {
    color: #e6e6e6 !important
}

.font-bold-13-positive {
    color: #0e8a00 !important
}

.font-bold-13-negative,
.font-bold-13-positive {
    font-size: 13px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-13-negative {
    color: #e70011 !important
}

.font-bold-13-gray,
.font-bold-13-medium {
    color: #444 !important
}

.font-bold-13-gray,
.font-bold-13-light,
.font-bold-13-medium {
    font-size: 13px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-13-light {
    color: #767676 !important
}

.font-bold-13-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-bold-13-dark,
.font-bold-13-light-gray {
    font-size: 13px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-13-dark {
    color: #222 !important
}

.font-bold-13-notification {
    color: #ffb822 !important
}

.font-bold-13-accent,
.font-bold-13-notification {
    font-size: 13px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-13-accent {
    color: #ffb74d !important
}

.font-bold-13-light-notification {
    color: #fff176 !important
}

.font-bold-13-light-notification,
.font-bold-13-light-positive {
    font-size: 13px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-13-light-positive {
    color: #aed581 !important
}

.font-bold-13-light-primary {
    color: #9fa8da !important
}

.font-bold-13-light-primary,
.font-bold-13-light-secondary {
    font-size: 13px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-13-light-secondary {
    color: #90caf9 !important
}

.font-bold-13-light-tertiary {
    font-size: 13px !important;
    font-family: robotobold, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-regular-14-primary {
    color: #008A00 !important
}

.font-regular-14-primary,
.font-regular-14-secondary {
    font-size: 14px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-14-secondary {
    color: #36c !important
}

.font-regular-14-success {
    color: #0e8a00 !important
}

.font-regular-14-success,
.font-regular-14-warning {
    font-size: 14px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-14-warning {
    color: #ffb822 !important
}

.font-regular-14-alert {
    color: #e70011 !important
}

.font-regular-14-alert,
.font-regular-14-primary-gray {
    font-size: 14px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-14-primary-gray {
    color: #e6e6e6 !important
}

.font-regular-14-positive {
    color: #0e8a00 !important
}

.font-regular-14-negative,
.font-regular-14-positive {
    font-size: 14px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-14-negative {
    color: #e70011 !important
}

.font-regular-14-gray,
.font-regular-14-medium {
    color: #444 !important
}

.font-regular-14-gray,
.font-regular-14-light,
.font-regular-14-medium {
    font-size: 14px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-14-light {
    color: #767676 !important
}

.font-regular-14-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-regular-14-dark,
.font-regular-14-light-gray {
    font-size: 14px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-14-dark {
    color: #222 !important
}

.font-regular-14-notification {
    color: #ffb822 !important
}

.font-regular-14-accent,
.font-regular-14-notification {
    font-size: 14px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-14-accent {
    color: #ffb74d !important
}

.font-regular-14-light-notification {
    color: #fff176 !important
}

.font-regular-14-light-notification,
.font-regular-14-light-positive {
    font-size: 14px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-14-light-positive {
    color: #aed581 !important
}

.font-regular-14-light-primary {
    color: #9fa8da !important
}

.font-regular-14-light-primary,
.font-regular-14-light-secondary {
    font-size: 14px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-14-light-secondary {
    color: #90caf9 !important
}

.font-regular-14-light-tertiary {
    color: #81d4fa !important
}

.font-regular-14-light-tertiary,
.font-roman-14-primary {
    font-size: 14px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-14-primary {
    color: #008A00 !important
}

.font-roman-14-secondary {
    color: #36c !important
}

.font-roman-14-secondary,
.font-roman-14-success {
    font-size: 14px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-14-success {
    color: #0e8a00 !important
}

.font-roman-14-warning {
    color: #ffb822 !important
}

.font-roman-14-alert,
.font-roman-14-warning {
    font-size: 14px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-14-alert {
    color: #e70011 !important
}

.font-roman-14-primary-gray {
    color: #e6e6e6 !important
}

.font-roman-14-positive,
.font-roman-14-primary-gray {
    font-size: 14px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-14-positive {
    color: #0e8a00 !important
}

.font-roman-14-negative {
    font-size: 14px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #e70011 !important
}

.font-roman-14-gray,
.font-roman-14-medium {
    color: #444 !important
}

.font-roman-14-gray,
.font-roman-14-light,
.font-roman-14-medium {
    font-size: 14px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-14-light {
    color: #767676 !important
}

.font-roman-14-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-roman-14-dark,
.font-roman-14-light-gray {
    font-size: 14px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-14-dark {
    color: #222 !important
}

.font-roman-14-notification {
    color: #ffb822 !important
}

.font-roman-14-accent,
.font-roman-14-notification {
    font-size: 14px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-14-accent {
    color: #ffb74d !important
}

.font-roman-14-light-notification {
    color: #fff176 !important
}

.font-roman-14-light-notification,
.font-roman-14-light-positive {
    font-size: 14px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-14-light-positive {
    color: #aed581 !important
}

.font-roman-14-light-primary {
    color: #9fa8da !important
}

.font-roman-14-light-primary,
.font-roman-14-light-secondary {
    font-size: 14px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-14-light-secondary {
    color: #90caf9 !important
}

.font-roman-14-light-tertiary {
    font-size: 14px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-medium-14-primary {
    color: #008A00 !important
}

.font-medium-14-primary,
.font-medium-14-secondary {
    font-size: 14px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-14-secondary {
    color: #36c !important
}

.font-medium-14-success {
    color: #0e8a00 !important
}

.font-medium-14-success,
.font-medium-14-warning {
    font-size: 14px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-14-warning {
    color: #ffb822 !important
}

.font-medium-14-alert {
    color: #e70011 !important
}

.font-medium-14-alert,
.font-medium-14-primary-gray {
    font-size: 14px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-14-primary-gray {
    color: #e6e6e6 !important
}

.font-medium-14-positive {
    color: #0e8a00 !important
}

.font-medium-14-negative,
.font-medium-14-positive {
    font-size: 14px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-14-negative {
    color: #e70011 !important
}

.font-medium-14-gray,
.font-medium-14-medium {
    color: #444 !important
}

.font-medium-14-gray,
.font-medium-14-light,
.font-medium-14-medium {
    font-size: 14px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-14-light {
    color: #767676 !important
}

.font-medium-14-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-medium-14-dark,
.font-medium-14-light-gray {
    font-size: 14px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-14-dark {
    color: #222 !important
}

.font-medium-14-notification {
    color: #ffb822 !important
}

.font-medium-14-accent,
.font-medium-14-notification {
    font-size: 14px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-14-accent {
    color: #ffb74d !important
}

.font-medium-14-light-notification {
    color: #fff176 !important
}

.font-medium-14-light-notification,
.font-medium-14-light-positive {
    font-size: 14px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-14-light-positive {
    color: #aed581 !important
}

.font-medium-14-light-primary {
    color: #9fa8da !important
}

.font-medium-14-light-primary,
.font-medium-14-light-secondary {
    font-size: 14px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-14-light-secondary {
    color: #90caf9 !important
}

.font-medium-14-light-tertiary {
    font-size: 14px !important;
    font-family: robotomedium, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-light-14-primary {
    color: #008A00 !important
}

.font-light-14-primary,
.font-light-14-secondary {
    font-size: 14px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-14-secondary {
    color: #36c !important
}

.font-light-14-success {
    color: #0e8a00 !important
}

.font-light-14-success,
.font-light-14-warning {
    font-size: 14px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-14-warning {
    color: #ffb822 !important
}

.font-light-14-alert {
    color: #e70011 !important
}

.font-light-14-alert,
.font-light-14-primary-gray {
    font-size: 14px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-14-primary-gray {
    color: #e6e6e6 !important
}

.font-light-14-positive {
    color: #0e8a00 !important
}

.font-light-14-negative,
.font-light-14-positive {
    font-size: 14px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-14-negative {
    color: #e70011 !important
}

.font-light-14-gray,
.font-light-14-medium {
    color: #444 !important
}

.font-light-14-gray,
.font-light-14-light,
.font-light-14-medium {
    font-size: 14px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-14-light {
    color: #767676 !important
}

.font-light-14-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-light-14-dark,
.font-light-14-light-gray {
    font-size: 14px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-14-dark {
    color: #222 !important
}

.font-light-14-notification {
    color: #ffb822 !important
}

.font-light-14-accent,
.font-light-14-notification {
    font-size: 14px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-14-accent {
    color: #ffb74d !important
}

.font-light-14-light-notification {
    color: #fff176 !important
}

.font-light-14-light-notification,
.font-light-14-light-positive {
    font-size: 14px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-14-light-positive {
    color: #aed581 !important
}

.font-light-14-light-primary {
    color: #9fa8da !important
}

.font-light-14-light-primary,
.font-light-14-light-secondary {
    font-size: 14px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-14-light-secondary {
    color: #90caf9 !important
}

.font-light-14-light-tertiary {
    font-size: 14px !important;
    font-family: robotolight, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-thin-14-primary {
    color: #008A00 !important
}

.font-thin-14-primary,
.font-thin-14-secondary {
    font-size: 14px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-14-secondary {
    color: #36c !important
}

.font-thin-14-success {
    color: #0e8a00 !important
}

.font-thin-14-success,
.font-thin-14-warning {
    font-size: 14px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-14-warning {
    color: #ffb822 !important
}

.font-thin-14-alert {
    color: #e70011 !important
}

.font-thin-14-alert,
.font-thin-14-primary-gray {
    font-size: 14px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-14-primary-gray {
    color: #e6e6e6 !important
}

.font-thin-14-positive {
    color: #0e8a00 !important
}

.font-thin-14-negative,
.font-thin-14-positive {
    font-size: 14px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-14-negative {
    color: #e70011 !important
}

.font-thin-14-gray,
.font-thin-14-medium {
    color: #444 !important
}

.font-thin-14-gray,
.font-thin-14-light,
.font-thin-14-medium {
    font-size: 14px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-14-light {
    color: #767676 !important
}

.font-thin-14-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-thin-14-dark,
.font-thin-14-light-gray {
    font-size: 14px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-14-dark {
    color: #222 !important
}

.font-thin-14-notification {
    color: #ffb822 !important
}

.font-thin-14-accent,
.font-thin-14-notification {
    font-size: 14px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-14-accent {
    color: #ffb74d !important
}

.font-thin-14-light-notification {
    color: #fff176 !important
}

.font-thin-14-light-notification,
.font-thin-14-light-positive {
    font-size: 14px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-14-light-positive {
    color: #aed581 !important
}

.font-thin-14-light-primary {
    color: #9fa8da !important
}

.font-thin-14-light-primary,
.font-thin-14-light-secondary {
    font-size: 14px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-14-light-secondary {
    color: #90caf9 !important
}

.font-thin-14-light-tertiary {
    font-size: 14px !important;
    font-family: robotothin, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-bold-14-primary {
    color: #008A00 !important
}

.font-bold-14-primary,
.font-bold-14-secondary {
    font-size: 14px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-14-secondary {
    color: #36c !important
}

.font-bold-14-success {
    color: #0e8a00 !important
}

.font-bold-14-success,
.font-bold-14-warning {
    font-size: 14px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-14-warning {
    color: #ffb822 !important
}

.font-bold-14-alert {
    color: #e70011 !important
}

.font-bold-14-alert,
.font-bold-14-primary-gray {
    font-size: 14px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-14-primary-gray {
    color: #e6e6e6 !important
}

.font-bold-14-positive {
    color: #0e8a00 !important
}

.font-bold-14-negative,
.font-bold-14-positive {
    font-size: 14px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-14-negative {
    color: #e70011 !important
}

.font-bold-14-gray,
.font-bold-14-medium {
    color: #444 !important
}

.font-bold-14-gray,
.font-bold-14-light,
.font-bold-14-medium {
    font-size: 14px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-14-light {
    color: #767676 !important
}

.font-bold-14-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-bold-14-dark,
.font-bold-14-light-gray {
    font-size: 14px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-14-dark {
    color: #222 !important
}

.font-bold-14-notification {
    color: #ffb822 !important
}

.font-bold-14-accent,
.font-bold-14-notification {
    font-size: 14px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-14-accent {
    color: #ffb74d !important
}

.font-bold-14-light-notification {
    color: #fff176 !important
}

.font-bold-14-light-notification,
.font-bold-14-light-positive {
    font-size: 14px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-14-light-positive {
    color: #aed581 !important
}

.font-bold-14-light-primary {
    color: #9fa8da !important
}

.font-bold-14-light-primary,
.font-bold-14-light-secondary {
    font-size: 14px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-14-light-secondary {
    color: #90caf9 !important
}

.font-bold-14-light-tertiary {
    font-size: 14px !important;
    font-family: robotobold, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-regular-16-primary {
    color: #008A00 !important
}

.font-regular-16-primary,
.font-regular-16-secondary {
    font-size: 16px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-16-secondary {
    color: #36c !important
}

.font-regular-16-success {
    color: #0e8a00 !important
}

.font-regular-16-success,
.font-regular-16-warning {
    font-size: 16px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-16-warning {
    color: #ffb822 !important
}

.font-regular-16-alert {
    color: #e70011 !important
}

.font-regular-16-alert,
.font-regular-16-primary-gray {
    font-size: 16px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-16-primary-gray {
    color: #e6e6e6 !important
}

.font-regular-16-positive {
    color: #0e8a00 !important
}

.font-regular-16-negative,
.font-regular-16-positive {
    font-size: 16px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-16-negative {
    color: #e70011 !important
}

.font-regular-16-gray,
.font-regular-16-medium {
    color: #444 !important
}

.font-regular-16-gray,
.font-regular-16-light,
.font-regular-16-medium {
    font-size: 16px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-16-light {
    color: #767676 !important
}

.font-regular-16-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-regular-16-dark,
.font-regular-16-light-gray {
    font-size: 16px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-16-dark {
    color: #222 !important
}

.font-regular-16-notification {
    color: #ffb822 !important
}

.font-regular-16-accent,
.font-regular-16-notification {
    font-size: 16px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-16-accent {
    color: #ffb74d !important
}

.font-regular-16-light-notification {
    color: #fff176 !important
}

.font-regular-16-light-notification,
.font-regular-16-light-positive {
    font-size: 16px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-16-light-positive {
    color: #aed581 !important
}

.font-regular-16-light-primary {
    color: #9fa8da !important
}

.font-regular-16-light-primary,
.font-regular-16-light-secondary {
    font-size: 16px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-16-light-secondary {
    color: #90caf9 !important
}

.font-regular-16-light-tertiary {
    color: #81d4fa !important
}

.font-regular-16-light-tertiary,
.font-roman-16-primary {
    font-size: 16px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-16-primary {
    color: #008A00 !important
}

.font-roman-16-secondary {
    color: #36c !important
}

.font-roman-16-secondary,
.font-roman-16-success {
    font-size: 16px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-16-success {
    color: #0e8a00 !important
}

.font-roman-16-warning {
    color: #ffb822 !important
}

.font-roman-16-alert,
.font-roman-16-warning {
    font-size: 16px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-16-alert {
    color: #e70011 !important
}

.font-roman-16-primary-gray {
    color: #e6e6e6 !important
}

.font-roman-16-positive,
.font-roman-16-primary-gray {
    font-size: 16px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-16-positive {
    color: #0e8a00 !important
}

.font-roman-16-negative {
    font-size: 16px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #e70011 !important
}

.font-roman-16-gray,
.font-roman-16-medium {
    color: #444 !important
}

.font-roman-16-gray,
.font-roman-16-light,
.font-roman-16-medium {
    font-size: 16px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-16-light {
    color: #767676 !important
}

.font-roman-16-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-roman-16-dark,
.font-roman-16-light-gray {
    font-size: 16px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-16-dark {
    color: #222 !important
}

.font-roman-16-notification {
    color: #ffb822 !important
}

.font-roman-16-accent,
.font-roman-16-notification {
    font-size: 16px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-16-accent {
    color: #ffb74d !important
}

.font-roman-16-light-notification {
    color: #fff176 !important
}

.font-roman-16-light-notification,
.font-roman-16-light-positive {
    font-size: 16px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-16-light-positive {
    color: #aed581 !important
}

.font-roman-16-light-primary {
    color: #9fa8da !important
}

.font-roman-16-light-primary,
.font-roman-16-light-secondary {
    font-size: 16px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-16-light-secondary {
    color: #90caf9 !important
}

.font-roman-16-light-tertiary {
    font-size: 16px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-medium-16-primary {
    color: #008A00 !important
}

.font-medium-16-primary,
.font-medium-16-secondary {
    font-size: 16px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-16-secondary {
    color: #36c !important
}

.font-medium-16-success {
    color: #0e8a00 !important
}

.font-medium-16-success,
.font-medium-16-warning {
    font-size: 16px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-16-warning {
    color: #ffb822 !important
}

.font-medium-16-alert {
    color: #e70011 !important
}

.font-medium-16-alert,
.font-medium-16-primary-gray {
    font-size: 16px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-16-primary-gray {
    color: #e6e6e6 !important
}

.font-medium-16-positive {
    color: #0e8a00 !important
}

.font-medium-16-negative,
.font-medium-16-positive {
    font-size: 16px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-16-negative {
    color: #e70011 !important
}

.font-medium-16-gray,
.font-medium-16-medium {
    color: #444 !important
}

.font-medium-16-gray,
.font-medium-16-light,
.font-medium-16-medium {
    font-size: 16px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-16-light {
    color: #767676 !important
}

.font-medium-16-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-medium-16-dark,
.font-medium-16-light-gray {
    font-size: 16px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-16-dark {
    color: #222 !important
}

.font-medium-16-notification {
    color: #ffb822 !important
}

.font-medium-16-accent,
.font-medium-16-notification {
    font-size: 16px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-16-accent {
    color: #ffb74d !important
}

.font-medium-16-light-notification {
    color: #fff176 !important
}

.font-medium-16-light-notification,
.font-medium-16-light-positive {
    font-size: 16px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-16-light-positive {
    color: #aed581 !important
}

.font-medium-16-light-primary {
    color: #9fa8da !important
}

.font-medium-16-light-primary,
.font-medium-16-light-secondary {
    font-size: 16px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-16-light-secondary {
    color: #90caf9 !important
}

.font-medium-16-light-tertiary {
    font-size: 16px !important;
    font-family: robotomedium, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-light-16-primary {
    color: #008A00 !important
}

.font-light-16-primary,
.font-light-16-secondary {
    font-size: 16px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-16-secondary {
    color: #36c !important
}

.font-light-16-success {
    color: #0e8a00 !important
}

.font-light-16-success,
.font-light-16-warning {
    font-size: 16px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-16-warning {
    color: #ffb822 !important
}

.font-light-16-alert {
    color: #e70011 !important
}

.font-light-16-alert,
.font-light-16-primary-gray {
    font-size: 16px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-16-primary-gray {
    color: #e6e6e6 !important
}

.font-light-16-positive {
    color: #0e8a00 !important
}

.font-light-16-negative,
.font-light-16-positive {
    font-size: 16px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-16-negative {
    color: #e70011 !important
}

.font-light-16-gray,
.font-light-16-medium {
    color: #444 !important
}

.font-light-16-gray,
.font-light-16-light,
.font-light-16-medium {
    font-size: 16px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-16-light {
    color: #767676 !important
}

.font-light-16-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-light-16-dark,
.font-light-16-light-gray {
    font-size: 16px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-16-dark {
    color: #222 !important
}

.font-light-16-notification {
    color: #ffb822 !important
}

.font-light-16-accent,
.font-light-16-notification {
    font-size: 16px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-16-accent {
    color: #ffb74d !important
}

.font-light-16-light-notification {
    color: #fff176 !important
}

.font-light-16-light-notification,
.font-light-16-light-positive {
    font-size: 16px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-16-light-positive {
    color: #aed581 !important
}

.font-light-16-light-primary {
    color: #9fa8da !important
}

.font-light-16-light-primary,
.font-light-16-light-secondary {
    font-size: 16px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-16-light-secondary {
    color: #90caf9 !important
}

.font-light-16-light-tertiary {
    font-size: 16px !important;
    font-family: robotolight, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-thin-16-primary {
    color: #008A00 !important
}

.font-thin-16-primary,
.font-thin-16-secondary {
    font-size: 16px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-16-secondary {
    color: #36c !important
}

.font-thin-16-success {
    color: #0e8a00 !important
}

.font-thin-16-success,
.font-thin-16-warning {
    font-size: 16px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-16-warning {
    color: #ffb822 !important
}

.font-thin-16-alert {
    color: #e70011 !important
}

.font-thin-16-alert,
.font-thin-16-primary-gray {
    font-size: 16px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-16-primary-gray {
    color: #e6e6e6 !important
}

.font-thin-16-positive {
    color: #0e8a00 !important
}

.font-thin-16-negative,
.font-thin-16-positive {
    font-size: 16px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-16-negative {
    color: #e70011 !important
}

.font-thin-16-gray,
.font-thin-16-medium {
    color: #444 !important
}

.font-thin-16-gray,
.font-thin-16-light,
.font-thin-16-medium {
    font-size: 16px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-16-light {
    color: #767676 !important
}

.font-thin-16-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-thin-16-dark,
.font-thin-16-light-gray {
    font-size: 16px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-16-dark {
    color: #222 !important
}

.font-thin-16-notification {
    color: #ffb822 !important
}

.font-thin-16-accent,
.font-thin-16-notification {
    font-size: 16px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-16-accent {
    color: #ffb74d !important
}

.font-thin-16-light-notification {
    color: #fff176 !important
}

.font-thin-16-light-notification,
.font-thin-16-light-positive {
    font-size: 16px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-16-light-positive {
    color: #aed581 !important
}

.font-thin-16-light-primary {
    color: #9fa8da !important
}

.font-thin-16-light-primary,
.font-thin-16-light-secondary {
    font-size: 16px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-16-light-secondary {
    color: #90caf9 !important
}

.font-thin-16-light-tertiary {
    font-size: 16px !important;
    font-family: robotothin, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-bold-16-primary {
    color: #008A00 !important
}

.font-bold-16-primary,
.font-bold-16-secondary {
    font-size: 16px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-16-secondary {
    color: #36c !important
}

.font-bold-16-success {
    color: #0e8a00 !important
}

.font-bold-16-success,
.font-bold-16-warning {
    font-size: 16px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-16-warning {
    color: #ffb822 !important
}

.font-bold-16-alert {
    color: #e70011 !important
}

.font-bold-16-alert,
.font-bold-16-primary-gray {
    font-size: 16px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-16-primary-gray {
    color: #e6e6e6 !important
}

.font-bold-16-positive {
    color: #0e8a00 !important
}

.font-bold-16-negative,
.font-bold-16-positive {
    font-size: 16px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-16-negative {
    color: #e70011 !important
}

.font-bold-16-gray,
.font-bold-16-medium {
    color: #444 !important
}

.font-bold-16-gray,
.font-bold-16-light,
.font-bold-16-medium {
    font-size: 16px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-16-light {
    color: #767676 !important
}

.font-bold-16-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-bold-16-dark,
.font-bold-16-light-gray {
    font-size: 16px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-16-dark {
    color: #222 !important
}

.font-bold-16-notification {
    color: #ffb822 !important
}

.font-bold-16-accent,
.font-bold-16-notification {
    font-size: 16px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-16-accent {
    color: #ffb74d !important
}

.font-bold-16-light-notification {
    color: #fff176 !important
}

.font-bold-16-light-notification,
.font-bold-16-light-positive {
    font-size: 16px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-16-light-positive {
    color: #aed581 !important
}

.font-bold-16-light-primary {
    color: #9fa8da !important
}

.font-bold-16-light-primary,
.font-bold-16-light-secondary {
    font-size: 16px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-16-light-secondary {
    color: #90caf9 !important
}

.font-bold-16-light-tertiary {
    font-size: 16px !important;
    font-family: robotobold, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-regular-18-primary {
    color: #008A00 !important
}

.font-regular-18-primary,
.font-regular-18-secondary {
    font-size: 18px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-18-secondary {
    color: #36c !important
}

.font-regular-18-success {
    color: #0e8a00 !important
}

.font-regular-18-success,
.font-regular-18-warning {
    font-size: 18px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-18-warning {
    color: #ffb822 !important
}

.font-regular-18-alert {
    color: #e70011 !important
}

.font-regular-18-alert,
.font-regular-18-primary-gray {
    font-size: 18px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-18-primary-gray {
    color: #e6e6e6 !important
}

.font-regular-18-positive {
    color: #0e8a00 !important
}

.font-regular-18-negative,
.font-regular-18-positive {
    font-size: 18px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-18-negative {
    color: #e70011 !important
}

.font-regular-18-gray,
.font-regular-18-medium {
    color: #444 !important
}

.font-regular-18-gray,
.font-regular-18-light,
.font-regular-18-medium {
    font-size: 18px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-18-light {
    color: #767676 !important
}

.font-regular-18-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-regular-18-dark,
.font-regular-18-light-gray {
    font-size: 18px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-18-dark {
    color: #222 !important
}

.font-regular-18-notification {
    color: #ffb822 !important
}

.font-regular-18-accent,
.font-regular-18-notification {
    font-size: 18px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-18-accent {
    color: #ffb74d !important
}

.font-regular-18-light-notification {
    color: #fff176 !important
}

.font-regular-18-light-notification,
.font-regular-18-light-positive {
    font-size: 18px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-18-light-positive {
    color: #aed581 !important
}

.font-regular-18-light-primary {
    color: #9fa8da !important
}

.font-regular-18-light-primary,
.font-regular-18-light-secondary {
    font-size: 18px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-18-light-secondary {
    color: #90caf9 !important
}

.font-regular-18-light-tertiary {
    color: #81d4fa !important
}

.font-regular-18-light-tertiary,
.font-roman-18-primary {
    font-size: 18px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-18-primary {
    color: #008A00 !important
}

.font-roman-18-secondary {
    color: #36c !important
}

.font-roman-18-secondary,
.font-roman-18-success {
    font-size: 18px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-18-success {
    color: #0e8a00 !important
}

.font-roman-18-warning {
    color: #ffb822 !important
}

.font-roman-18-alert,
.font-roman-18-warning {
    font-size: 18px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-18-alert {
    color: #e70011 !important
}

.font-roman-18-primary-gray {
    color: #e6e6e6 !important
}

.font-roman-18-positive,
.font-roman-18-primary-gray {
    font-size: 18px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-18-positive {
    color: #0e8a00 !important
}

.font-roman-18-negative {
    font-size: 18px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #e70011 !important
}

.font-roman-18-gray,
.font-roman-18-medium {
    color: #444 !important
}

.font-roman-18-gray,
.font-roman-18-light,
.font-roman-18-medium {
    font-size: 18px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-18-light {
    color: #767676 !important
}

.font-roman-18-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-roman-18-dark,
.font-roman-18-light-gray {
    font-size: 18px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-18-dark {
    color: #222 !important
}

.font-roman-18-notification {
    color: #ffb822 !important
}

.font-roman-18-accent,
.font-roman-18-notification {
    font-size: 18px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-18-accent {
    color: #ffb74d !important
}

.font-roman-18-light-notification {
    color: #fff176 !important
}

.font-roman-18-light-notification,
.font-roman-18-light-positive {
    font-size: 18px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-18-light-positive {
    color: #aed581 !important
}

.font-roman-18-light-primary {
    color: #9fa8da !important
}

.font-roman-18-light-primary,
.font-roman-18-light-secondary {
    font-size: 18px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-18-light-secondary {
    color: #90caf9 !important
}

.font-roman-18-light-tertiary {
    font-size: 18px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-medium-18-primary {
    color: #008A00 !important
}

.font-medium-18-primary,
.font-medium-18-secondary {
    font-size: 18px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-18-secondary {
    color: #36c !important
}

.font-medium-18-success {
    color: #0e8a00 !important
}

.font-medium-18-success,
.font-medium-18-warning {
    font-size: 18px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-18-warning {
    color: #ffb822 !important
}

.font-medium-18-alert {
    color: #e70011 !important
}

.font-medium-18-alert,
.font-medium-18-primary-gray {
    font-size: 18px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-18-primary-gray {
    color: #e6e6e6 !important
}

.font-medium-18-positive {
    color: #0e8a00 !important
}

.font-medium-18-negative,
.font-medium-18-positive {
    font-size: 18px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-18-negative {
    color: #e70011 !important
}

.font-medium-18-gray,
.font-medium-18-medium {
    color: #444 !important
}

.font-medium-18-gray,
.font-medium-18-light,
.font-medium-18-medium {
    font-size: 18px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-18-light {
    color: #767676 !important
}

.font-medium-18-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-medium-18-dark,
.font-medium-18-light-gray {
    font-size: 18px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-18-dark {
    color: #222 !important
}

.font-medium-18-notification {
    color: #ffb822 !important
}

.font-medium-18-accent,
.font-medium-18-notification {
    font-size: 18px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-18-accent {
    color: #ffb74d !important
}

.font-medium-18-light-notification {
    color: #fff176 !important
}

.font-medium-18-light-notification,
.font-medium-18-light-positive {
    font-size: 18px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-18-light-positive {
    color: #aed581 !important
}

.font-medium-18-light-primary {
    color: #9fa8da !important
}

.font-medium-18-light-primary,
.font-medium-18-light-secondary {
    font-size: 18px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-18-light-secondary {
    color: #90caf9 !important
}

.font-medium-18-light-tertiary {
    font-size: 18px !important;
    font-family: robotomedium, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-light-18-primary {
    color: #008A00 !important
}

.font-light-18-primary,
.font-light-18-secondary {
    font-size: 18px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-18-secondary {
    color: #36c !important
}

.font-light-18-success {
    color: #0e8a00 !important
}

.font-light-18-success,
.font-light-18-warning {
    font-size: 18px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-18-warning {
    color: #ffb822 !important
}

.font-light-18-alert {
    color: #e70011 !important
}

.font-light-18-alert,
.font-light-18-primary-gray {
    font-size: 18px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-18-primary-gray {
    color: #e6e6e6 !important
}

.font-light-18-positive {
    color: #0e8a00 !important
}

.font-light-18-negative,
.font-light-18-positive {
    font-size: 18px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-18-negative {
    color: #e70011 !important
}

.font-light-18-gray,
.font-light-18-medium {
    color: #444 !important
}

.font-light-18-gray,
.font-light-18-light,
.font-light-18-medium {
    font-size: 18px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-18-light {
    color: #767676 !important
}

.font-light-18-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-light-18-dark,
.font-light-18-light-gray {
    font-size: 18px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-18-dark {
    color: #222 !important
}

.font-light-18-notification {
    color: #ffb822 !important
}

.font-light-18-accent,
.font-light-18-notification {
    font-size: 18px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-18-accent {
    color: #ffb74d !important
}

.font-light-18-light-notification {
    color: #fff176 !important
}

.font-light-18-light-notification,
.font-light-18-light-positive {
    font-size: 18px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-18-light-positive {
    color: #aed581 !important
}

.font-light-18-light-primary {
    color: #9fa8da !important
}

.font-light-18-light-primary,
.font-light-18-light-secondary {
    font-size: 18px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-18-light-secondary {
    color: #90caf9 !important
}

.font-light-18-light-tertiary {
    font-size: 18px !important;
    font-family: robotolight, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-thin-18-primary {
    color: #008A00 !important
}

.font-thin-18-primary,
.font-thin-18-secondary {
    font-size: 18px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-18-secondary {
    color: #36c !important
}

.font-thin-18-success {
    color: #0e8a00 !important
}

.font-thin-18-success,
.font-thin-18-warning {
    font-size: 18px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-18-warning {
    color: #ffb822 !important
}

.font-thin-18-alert {
    color: #e70011 !important
}

.font-thin-18-alert,
.font-thin-18-primary-gray {
    font-size: 18px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-18-primary-gray {
    color: #e6e6e6 !important
}

.font-thin-18-positive {
    color: #0e8a00 !important
}

.font-thin-18-negative,
.font-thin-18-positive {
    font-size: 18px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-18-negative {
    color: #e70011 !important
}

.font-thin-18-gray,
.font-thin-18-medium {
    color: #444 !important
}

.font-thin-18-gray,
.font-thin-18-light,
.font-thin-18-medium {
    font-size: 18px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-18-light {
    color: #767676 !important
}

.font-thin-18-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-thin-18-dark,
.font-thin-18-light-gray {
    font-size: 18px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-18-dark {
    color: #222 !important
}

.font-thin-18-notification {
    color: #ffb822 !important
}

.font-thin-18-accent,
.font-thin-18-notification {
    font-size: 18px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-18-accent {
    color: #ffb74d !important
}

.font-thin-18-light-notification {
    color: #fff176 !important
}

.font-thin-18-light-notification,
.font-thin-18-light-positive {
    font-size: 18px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-18-light-positive {
    color: #aed581 !important
}

.font-thin-18-light-primary {
    color: #9fa8da !important
}

.font-thin-18-light-primary,
.font-thin-18-light-secondary {
    font-size: 18px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-18-light-secondary {
    color: #90caf9 !important
}

.font-thin-18-light-tertiary {
    font-size: 18px !important;
    font-family: robotothin, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-bold-18-primary {
    color: #008A00 !important
}

.font-bold-18-primary,
.font-bold-18-secondary {
    font-size: 18px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-18-secondary {
    color: #36c !important
}

.font-bold-18-success {
    color: #0e8a00 !important
}

.font-bold-18-success,
.font-bold-18-warning {
    font-size: 18px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-18-warning {
    color: #ffb822 !important
}

.font-bold-18-alert {
    color: #e70011 !important
}

.font-bold-18-alert,
.font-bold-18-primary-gray {
    font-size: 18px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-18-primary-gray {
    color: #e6e6e6 !important
}

.font-bold-18-positive {
    color: #0e8a00 !important
}

.font-bold-18-negative,
.font-bold-18-positive {
    font-size: 18px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-18-negative {
    color: #e70011 !important
}

.font-bold-18-gray,
.font-bold-18-medium {
    color: #444 !important
}

.font-bold-18-gray,
.font-bold-18-light,
.font-bold-18-medium {
    font-size: 18px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-18-light {
    color: #767676 !important
}

.font-bold-18-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-bold-18-dark,
.font-bold-18-light-gray {
    font-size: 18px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-18-dark {
    color: #222 !important
}

.font-bold-18-notification {
    color: #ffb822 !important
}

.font-bold-18-accent,
.font-bold-18-notification {
    font-size: 18px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-18-accent {
    color: #ffb74d !important
}

.font-bold-18-light-notification {
    color: #fff176 !important
}

.font-bold-18-light-notification,
.font-bold-18-light-positive {
    font-size: 18px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-18-light-positive {
    color: #aed581 !important
}

.font-bold-18-light-primary {
    color: #9fa8da !important
}

.font-bold-18-light-primary,
.font-bold-18-light-secondary {
    font-size: 18px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-18-light-secondary {
    color: #90caf9 !important
}

.font-bold-18-light-tertiary {
    font-size: 18px !important;
    font-family: robotobold, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-regular-20-primary {
    color: #008A00 !important
}

.font-regular-20-primary,
.font-regular-20-secondary {
    font-size: 20px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-20-secondary {
    color: #36c !important
}

.font-regular-20-success {
    color: #0e8a00 !important
}

.font-regular-20-success,
.font-regular-20-warning {
    font-size: 20px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-20-warning {
    color: #ffb822 !important
}

.font-regular-20-alert {
    color: #e70011 !important
}

.font-regular-20-alert,
.font-regular-20-primary-gray {
    font-size: 20px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-20-primary-gray {
    color: #e6e6e6 !important
}

.font-regular-20-positive {
    color: #0e8a00 !important
}

.font-regular-20-negative,
.font-regular-20-positive {
    font-size: 20px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-20-negative {
    color: #e70011 !important
}

.font-regular-20-gray,
.font-regular-20-medium {
    color: #444 !important
}

.font-regular-20-gray,
.font-regular-20-light,
.font-regular-20-medium {
    font-size: 20px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-20-light {
    color: #767676 !important
}

.font-regular-20-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-regular-20-dark,
.font-regular-20-light-gray {
    font-size: 20px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-20-dark {
    color: #222 !important
}

.font-regular-20-notification {
    color: #ffb822 !important
}

.font-regular-20-accent,
.font-regular-20-notification {
    font-size: 20px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-20-accent {
    color: #ffb74d !important
}

.font-regular-20-light-notification {
    color: #fff176 !important
}

.font-regular-20-light-notification,
.font-regular-20-light-positive {
    font-size: 20px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-20-light-positive {
    color: #aed581 !important
}

.font-regular-20-light-primary {
    color: #9fa8da !important
}

.font-regular-20-light-primary,
.font-regular-20-light-secondary {
    font-size: 20px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-20-light-secondary {
    color: #90caf9 !important
}

.font-regular-20-light-tertiary {
    color: #81d4fa !important
}

.font-regular-20-light-tertiary,
.font-roman-20-primary {
    font-size: 20px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-20-primary {
    color: #008A00 !important
}

.font-roman-20-secondary {
    color: #36c !important
}

.font-roman-20-secondary,
.font-roman-20-success {
    font-size: 20px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-20-success {
    color: #0e8a00 !important
}

.font-roman-20-warning {
    color: #ffb822 !important
}

.font-roman-20-alert,
.font-roman-20-warning {
    font-size: 20px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-20-alert {
    color: #e70011 !important
}

.font-roman-20-primary-gray {
    color: #e6e6e6 !important
}

.font-roman-20-positive,
.font-roman-20-primary-gray {
    font-size: 20px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-20-positive {
    color: #0e8a00 !important
}

.font-roman-20-negative {
    font-size: 20px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #e70011 !important
}

.font-roman-20-gray,
.font-roman-20-medium {
    color: #444 !important
}

.font-roman-20-gray,
.font-roman-20-light,
.font-roman-20-medium {
    font-size: 20px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-20-light {
    color: #767676 !important
}

.font-roman-20-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-roman-20-dark,
.font-roman-20-light-gray {
    font-size: 20px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-20-dark {
    color: #222 !important
}

.font-roman-20-notification {
    color: #ffb822 !important
}

.font-roman-20-accent,
.font-roman-20-notification {
    font-size: 20px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-20-accent {
    color: #ffb74d !important
}

.font-roman-20-light-notification {
    color: #fff176 !important
}

.font-roman-20-light-notification,
.font-roman-20-light-positive {
    font-size: 20px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-20-light-positive {
    color: #aed581 !important
}

.font-roman-20-light-primary {
    color: #9fa8da !important
}

.font-roman-20-light-primary,
.font-roman-20-light-secondary {
    font-size: 20px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-20-light-secondary {
    color: #90caf9 !important
}

.font-roman-20-light-tertiary {
    font-size: 20px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-medium-20-primary {
    color: #008A00 !important
}

.font-medium-20-primary,
.font-medium-20-secondary {
    font-size: 20px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-20-secondary {
    color: #36c !important
}

.font-medium-20-success {
    color: #0e8a00 !important
}

.font-medium-20-success,
.font-medium-20-warning {
    font-size: 20px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-20-warning {
    color: #ffb822 !important
}

.font-medium-20-alert {
    color: #e70011 !important
}

.font-medium-20-alert,
.font-medium-20-primary-gray {
    font-size: 20px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-20-primary-gray {
    color: #e6e6e6 !important
}

.font-medium-20-positive {
    color: #0e8a00 !important
}

.font-medium-20-negative,
.font-medium-20-positive {
    font-size: 20px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-20-negative {
    color: #e70011 !important
}

.font-medium-20-gray,
.font-medium-20-medium {
    color: #444 !important
}

.font-medium-20-gray,
.font-medium-20-light,
.font-medium-20-medium {
    font-size: 20px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-20-light {
    color: #767676 !important
}

.font-medium-20-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-medium-20-dark,
.font-medium-20-light-gray {
    font-size: 20px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-20-dark {
    color: #222 !important
}

.font-medium-20-notification {
    color: #ffb822 !important
}

.font-medium-20-accent,
.font-medium-20-notification {
    font-size: 20px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-20-accent {
    color: #ffb74d !important
}

.font-medium-20-light-notification {
    color: #fff176 !important
}

.font-medium-20-light-notification,
.font-medium-20-light-positive {
    font-size: 20px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-20-light-positive {
    color: #aed581 !important
}

.font-medium-20-light-primary {
    color: #9fa8da !important
}

.font-medium-20-light-primary,
.font-medium-20-light-secondary {
    font-size: 20px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-20-light-secondary {
    color: #90caf9 !important
}

.font-medium-20-light-tertiary {
    font-size: 20px !important;
    font-family: robotomedium, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-light-20-primary {
    color: #008A00 !important
}

.font-light-20-primary,
.font-light-20-secondary {
    font-size: 20px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-20-secondary {
    color: #36c !important
}

.font-light-20-success {
    color: #0e8a00 !important
}

.font-light-20-success,
.font-light-20-warning {
    font-size: 20px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-20-warning {
    color: #ffb822 !important
}

.font-light-20-alert {
    color: #e70011 !important
}

.font-light-20-alert,
.font-light-20-primary-gray {
    font-size: 20px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-20-primary-gray {
    color: #e6e6e6 !important
}

.font-light-20-positive {
    color: #0e8a00 !important
}

.font-light-20-negative,
.font-light-20-positive {
    font-size: 20px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-20-negative {
    color: #e70011 !important
}

.font-light-20-gray,
.font-light-20-medium {
    color: #444 !important
}

.font-light-20-gray,
.font-light-20-light,
.font-light-20-medium {
    font-size: 20px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-20-light {
    color: #767676 !important
}

.font-light-20-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-light-20-dark,
.font-light-20-light-gray {
    font-size: 20px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-20-dark {
    color: #222 !important
}

.font-light-20-notification {
    color: #ffb822 !important
}

.font-light-20-accent,
.font-light-20-notification {
    font-size: 20px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-20-accent {
    color: #ffb74d !important
}

.font-light-20-light-notification {
    color: #fff176 !important
}

.font-light-20-light-notification,
.font-light-20-light-positive {
    font-size: 20px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-20-light-positive {
    color: #aed581 !important
}

.font-light-20-light-primary {
    color: #9fa8da !important
}

.font-light-20-light-primary,
.font-light-20-light-secondary {
    font-size: 20px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-20-light-secondary {
    color: #90caf9 !important
}

.font-light-20-light-tertiary {
    font-size: 20px !important;
    font-family: robotolight, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-thin-20-primary {
    color: #008A00 !important
}

.font-thin-20-primary,
.font-thin-20-secondary {
    font-size: 20px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-20-secondary {
    color: #36c !important
}

.font-thin-20-success {
    color: #0e8a00 !important
}

.font-thin-20-success,
.font-thin-20-warning {
    font-size: 20px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-20-warning {
    color: #ffb822 !important
}

.font-thin-20-alert {
    color: #e70011 !important
}

.font-thin-20-alert,
.font-thin-20-primary-gray {
    font-size: 20px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-20-primary-gray {
    color: #e6e6e6 !important
}

.font-thin-20-positive {
    color: #0e8a00 !important
}

.font-thin-20-negative,
.font-thin-20-positive {
    font-size: 20px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-20-negative {
    color: #e70011 !important
}

.font-thin-20-gray,
.font-thin-20-medium {
    color: #444 !important
}

.font-thin-20-gray,
.font-thin-20-light,
.font-thin-20-medium {
    font-size: 20px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-20-light {
    color: #767676 !important
}

.font-thin-20-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-thin-20-dark,
.font-thin-20-light-gray {
    font-size: 20px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-20-dark {
    color: #222 !important
}

.font-thin-20-notification {
    color: #ffb822 !important
}

.font-thin-20-accent,
.font-thin-20-notification {
    font-size: 20px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-20-accent {
    color: #ffb74d !important
}

.font-thin-20-light-notification {
    color: #fff176 !important
}

.font-thin-20-light-notification,
.font-thin-20-light-positive {
    font-size: 20px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-20-light-positive {
    color: #aed581 !important
}

.font-thin-20-light-primary {
    color: #9fa8da !important
}

.font-thin-20-light-primary,
.font-thin-20-light-secondary {
    font-size: 20px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-20-light-secondary {
    color: #90caf9 !important
}

.font-thin-20-light-tertiary {
    font-size: 20px !important;
    font-family: robotothin, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-bold-20-primary {
    color: #008A00 !important
}

.font-bold-20-primary,
.font-bold-20-secondary {
    font-size: 20px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-20-secondary {
    color: #36c !important
}

.font-bold-20-success {
    color: #0e8a00 !important
}

.font-bold-20-success,
.font-bold-20-warning {
    font-size: 20px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-20-warning {
    color: #ffb822 !important
}

.font-bold-20-alert {
    color: #e70011 !important
}

.font-bold-20-alert,
.font-bold-20-primary-gray {
    font-size: 20px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-20-primary-gray {
    color: #e6e6e6 !important
}

.font-bold-20-positive {
    color: #0e8a00 !important
}

.font-bold-20-negative,
.font-bold-20-positive {
    font-size: 20px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-20-negative {
    color: #e70011 !important
}

.font-bold-20-gray,
.font-bold-20-medium {
    color: #444 !important
}

.font-bold-20-gray,
.font-bold-20-light,
.font-bold-20-medium {
    font-size: 20px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-20-light {
    color: #767676 !important
}

.font-bold-20-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-bold-20-dark,
.font-bold-20-light-gray {
    font-size: 20px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-20-dark {
    color: #222 !important
}

.font-bold-20-notification {
    color: #ffb822 !important
}

.font-bold-20-accent,
.font-bold-20-notification {
    font-size: 20px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-20-accent {
    color: #ffb74d !important
}

.font-bold-20-light-notification {
    color: #fff176 !important
}

.font-bold-20-light-notification,
.font-bold-20-light-positive {
    font-size: 20px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-20-light-positive {
    color: #aed581 !important
}

.font-bold-20-light-primary {
    color: #9fa8da !important
}

.font-bold-20-light-primary,
.font-bold-20-light-secondary {
    font-size: 20px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-20-light-secondary {
    color: #90caf9 !important
}

.font-bold-20-light-tertiary {
    font-size: 20px !important;
    font-family: robotobold, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-regular-22-primary {
    color: #008A00 !important
}

.font-regular-22-primary,
.font-regular-22-secondary {
    font-size: 22px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-22-secondary {
    color: #36c !important
}

.font-regular-22-success {
    color: #0e8a00 !important
}

.font-regular-22-success,
.font-regular-22-warning {
    font-size: 22px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-22-warning {
    color: #ffb822 !important
}

.font-regular-22-alert {
    color: #e70011 !important
}

.font-regular-22-alert,
.font-regular-22-primary-gray {
    font-size: 22px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-22-primary-gray {
    color: #e6e6e6 !important
}

.font-regular-22-positive {
    color: #0e8a00 !important
}

.font-regular-22-negative,
.font-regular-22-positive {
    font-size: 22px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-22-negative {
    color: #e70011 !important
}

.font-regular-22-gray,
.font-regular-22-medium {
    color: #444 !important
}

.font-regular-22-gray,
.font-regular-22-light,
.font-regular-22-medium {
    font-size: 22px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-22-light {
    color: #767676 !important
}

.font-regular-22-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-regular-22-dark,
.font-regular-22-light-gray {
    font-size: 22px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-22-dark {
    color: #222 !important
}

.font-regular-22-notification {
    color: #ffb822 !important
}

.font-regular-22-accent,
.font-regular-22-notification {
    font-size: 22px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-22-accent {
    color: #ffb74d !important
}

.font-regular-22-light-notification {
    color: #fff176 !important
}

.font-regular-22-light-notification,
.font-regular-22-light-positive {
    font-size: 22px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-22-light-positive {
    color: #aed581 !important
}

.font-regular-22-light-primary {
    color: #9fa8da !important
}

.font-regular-22-light-primary,
.font-regular-22-light-secondary {
    font-size: 22px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-22-light-secondary {
    color: #90caf9 !important
}

.font-regular-22-light-tertiary {
    color: #81d4fa !important
}

.font-regular-22-light-tertiary,
.font-roman-22-primary {
    font-size: 22px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-22-primary {
    color: #008A00 !important
}

.font-roman-22-secondary {
    color: #36c !important
}

.font-roman-22-secondary,
.font-roman-22-success {
    font-size: 22px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-22-success {
    color: #0e8a00 !important
}

.font-roman-22-warning {
    color: #ffb822 !important
}

.font-roman-22-alert,
.font-roman-22-warning {
    font-size: 22px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-22-alert {
    color: #e70011 !important
}

.font-roman-22-primary-gray {
    color: #e6e6e6 !important
}

.font-roman-22-positive,
.font-roman-22-primary-gray {
    font-size: 22px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-22-positive {
    color: #0e8a00 !important
}

.font-roman-22-negative {
    font-size: 22px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #e70011 !important
}

.font-roman-22-gray,
.font-roman-22-medium {
    color: #444 !important
}

.font-roman-22-gray,
.font-roman-22-light,
.font-roman-22-medium {
    font-size: 22px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-22-light {
    color: #767676 !important
}

.font-roman-22-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-roman-22-dark,
.font-roman-22-light-gray {
    font-size: 22px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-22-dark {
    color: #222 !important
}

.font-roman-22-notification {
    color: #ffb822 !important
}

.font-roman-22-accent,
.font-roman-22-notification {
    font-size: 22px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-22-accent {
    color: #ffb74d !important
}

.font-roman-22-light-notification {
    color: #fff176 !important
}

.font-roman-22-light-notification,
.font-roman-22-light-positive {
    font-size: 22px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-22-light-positive {
    color: #aed581 !important
}

.font-roman-22-light-primary {
    color: #9fa8da !important
}

.font-roman-22-light-primary,
.font-roman-22-light-secondary {
    font-size: 22px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-22-light-secondary {
    color: #90caf9 !important
}

.font-roman-22-light-tertiary {
    font-size: 22px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-medium-22-primary {
    color: #008A00 !important
}

.font-medium-22-primary,
.font-medium-22-secondary {
    font-size: 22px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-22-secondary {
    color: #36c !important
}

.font-medium-22-success {
    color: #0e8a00 !important
}

.font-medium-22-success,
.font-medium-22-warning {
    font-size: 22px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-22-warning {
    color: #ffb822 !important
}

.font-medium-22-alert {
    color: #e70011 !important
}

.font-medium-22-alert,
.font-medium-22-primary-gray {
    font-size: 22px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-22-primary-gray {
    color: #e6e6e6 !important
}

.font-medium-22-positive {
    color: #0e8a00 !important
}

.font-medium-22-negative,
.font-medium-22-positive {
    font-size: 22px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-22-negative {
    color: #e70011 !important
}

.font-medium-22-gray,
.font-medium-22-medium {
    color: #444 !important
}

.font-medium-22-gray,
.font-medium-22-light,
.font-medium-22-medium {
    font-size: 22px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-22-light {
    color: #767676 !important
}

.font-medium-22-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-medium-22-dark,
.font-medium-22-light-gray {
    font-size: 22px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-22-dark {
    color: #222 !important
}

.font-medium-22-notification {
    color: #ffb822 !important
}

.font-medium-22-accent,
.font-medium-22-notification {
    font-size: 22px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-22-accent {
    color: #ffb74d !important
}

.font-medium-22-light-notification {
    color: #fff176 !important
}

.font-medium-22-light-notification,
.font-medium-22-light-positive {
    font-size: 22px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-22-light-positive {
    color: #aed581 !important
}

.font-medium-22-light-primary {
    color: #9fa8da !important
}

.font-medium-22-light-primary,
.font-medium-22-light-secondary {
    font-size: 22px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-22-light-secondary {
    color: #90caf9 !important
}

.font-medium-22-light-tertiary {
    font-size: 22px !important;
    font-family: robotomedium, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-light-22-primary {
    color: #008A00 !important
}

.font-light-22-primary,
.font-light-22-secondary {
    font-size: 22px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-22-secondary {
    color: #36c !important
}

.font-light-22-success {
    color: #0e8a00 !important
}

.font-light-22-success,
.font-light-22-warning {
    font-size: 22px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-22-warning {
    color: #ffb822 !important
}

.font-light-22-alert {
    color: #e70011 !important
}

.font-light-22-alert,
.font-light-22-primary-gray {
    font-size: 22px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-22-primary-gray {
    color: #e6e6e6 !important
}

.font-light-22-positive {
    color: #0e8a00 !important
}

.font-light-22-negative,
.font-light-22-positive {
    font-size: 22px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-22-negative {
    color: #e70011 !important
}

.font-light-22-gray,
.font-light-22-medium {
    color: #444 !important
}

.font-light-22-gray,
.font-light-22-light,
.font-light-22-medium {
    font-size: 22px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-22-light {
    color: #767676 !important
}

.font-light-22-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-light-22-dark,
.font-light-22-light-gray {
    font-size: 22px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-22-dark {
    color: #222 !important
}

.font-light-22-notification {
    color: #ffb822 !important
}

.font-light-22-accent,
.font-light-22-notification {
    font-size: 22px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-22-accent {
    color: #ffb74d !important
}

.font-light-22-light-notification {
    color: #fff176 !important
}

.font-light-22-light-notification,
.font-light-22-light-positive {
    font-size: 22px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-22-light-positive {
    color: #aed581 !important
}

.font-light-22-light-primary {
    color: #9fa8da !important
}

.font-light-22-light-primary,
.font-light-22-light-secondary {
    font-size: 22px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-22-light-secondary {
    color: #90caf9 !important
}

.font-light-22-light-tertiary {
    font-size: 22px !important;
    font-family: robotolight, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-thin-22-primary {
    color: #008A00 !important
}

.font-thin-22-primary,
.font-thin-22-secondary {
    font-size: 22px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-22-secondary {
    color: #36c !important
}

.font-thin-22-success {
    color: #0e8a00 !important
}

.font-thin-22-success,
.font-thin-22-warning {
    font-size: 22px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-22-warning {
    color: #ffb822 !important
}

.font-thin-22-alert {
    color: #e70011 !important
}

.font-thin-22-alert,
.font-thin-22-primary-gray {
    font-size: 22px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-22-primary-gray {
    color: #e6e6e6 !important
}

.font-thin-22-positive {
    color: #0e8a00 !important
}

.font-thin-22-negative,
.font-thin-22-positive {
    font-size: 22px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-22-negative {
    color: #e70011 !important
}

.font-thin-22-gray,
.font-thin-22-medium {
    color: #444 !important
}

.font-thin-22-gray,
.font-thin-22-light,
.font-thin-22-medium {
    font-size: 22px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-22-light {
    color: #767676 !important
}

.font-thin-22-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-thin-22-dark,
.font-thin-22-light-gray {
    font-size: 22px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-22-dark {
    color: #222 !important
}

.font-thin-22-notification {
    color: #ffb822 !important
}

.font-thin-22-accent,
.font-thin-22-notification {
    font-size: 22px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-22-accent {
    color: #ffb74d !important
}

.font-thin-22-light-notification {
    color: #fff176 !important
}

.font-thin-22-light-notification,
.font-thin-22-light-positive {
    font-size: 22px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-22-light-positive {
    color: #aed581 !important
}

.font-thin-22-light-primary {
    color: #9fa8da !important
}

.font-thin-22-light-primary,
.font-thin-22-light-secondary {
    font-size: 22px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-22-light-secondary {
    color: #90caf9 !important
}

.font-thin-22-light-tertiary {
    font-size: 22px !important;
    font-family: robotothin, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-bold-22-primary {
    color: #008A00 !important
}

.font-bold-22-primary,
.font-bold-22-secondary {
    font-size: 22px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-22-secondary {
    color: #36c !important
}

.font-bold-22-success {
    color: #0e8a00 !important
}

.font-bold-22-success,
.font-bold-22-warning {
    font-size: 22px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-22-warning {
    color: #ffb822 !important
}

.font-bold-22-alert {
    color: #e70011 !important
}

.font-bold-22-alert,
.font-bold-22-primary-gray {
    font-size: 22px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-22-primary-gray {
    color: #e6e6e6 !important
}

.font-bold-22-positive {
    color: #0e8a00 !important
}

.font-bold-22-negative,
.font-bold-22-positive {
    font-size: 22px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-22-negative {
    color: #e70011 !important
}

.font-bold-22-gray,
.font-bold-22-medium {
    color: #444 !important
}

.font-bold-22-gray,
.font-bold-22-light,
.font-bold-22-medium {
    font-size: 22px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-22-light {
    color: #767676 !important
}

.font-bold-22-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-bold-22-dark,
.font-bold-22-light-gray {
    font-size: 22px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-22-dark {
    color: #222 !important
}

.font-bold-22-notification {
    color: #ffb822 !important
}

.font-bold-22-accent,
.font-bold-22-notification {
    font-size: 22px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-22-accent {
    color: #ffb74d !important
}

.font-bold-22-light-notification {
    color: #fff176 !important
}

.font-bold-22-light-notification,
.font-bold-22-light-positive {
    font-size: 22px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-22-light-positive {
    color: #aed581 !important
}

.font-bold-22-light-primary {
    color: #9fa8da !important
}

.font-bold-22-light-primary,
.font-bold-22-light-secondary {
    font-size: 22px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-22-light-secondary {
    color: #90caf9 !important
}

.font-bold-22-light-tertiary {
    font-size: 22px !important;
    font-family: robotobold, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-regular-24-primary {
    color: #008A00 !important
}

.font-regular-24-primary,
.font-regular-24-secondary {
    font-size: 24px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-24-secondary {
    color: #36c !important
}

.font-regular-24-success {
    color: #0e8a00 !important
}

.font-regular-24-success,
.font-regular-24-warning {
    font-size: 24px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-24-warning {
    color: #ffb822 !important
}

.font-regular-24-alert {
    color: #e70011 !important
}

.font-regular-24-alert,
.font-regular-24-primary-gray {
    font-size: 24px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-24-primary-gray {
    color: #e6e6e6 !important
}

.font-regular-24-positive {
    color: #0e8a00 !important
}

.font-regular-24-negative,
.font-regular-24-positive {
    font-size: 24px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-24-negative {
    color: #e70011 !important
}

.font-regular-24-gray,
.font-regular-24-medium {
    color: #444 !important
}

.font-regular-24-gray,
.font-regular-24-light,
.font-regular-24-medium {
    font-size: 24px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-24-light {
    color: #767676 !important
}

.font-regular-24-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-regular-24-dark,
.font-regular-24-light-gray {
    font-size: 24px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-24-dark {
    color: #222 !important
}

.font-regular-24-notification {
    color: #ffb822 !important
}

.font-regular-24-accent,
.font-regular-24-notification {
    font-size: 24px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-24-accent {
    color: #ffb74d !important
}

.font-regular-24-light-notification {
    color: #fff176 !important
}

.font-regular-24-light-notification,
.font-regular-24-light-positive {
    font-size: 24px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-24-light-positive {
    color: #aed581 !important
}

.font-regular-24-light-primary {
    color: #9fa8da !important
}

.font-regular-24-light-primary,
.font-regular-24-light-secondary {
    font-size: 24px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-24-light-secondary {
    color: #90caf9 !important
}

.font-regular-24-light-tertiary {
    color: #81d4fa !important
}

.font-regular-24-light-tertiary,
.font-roman-24-primary {
    font-size: 24px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-24-primary {
    color: #008A00 !important
}

.font-roman-24-secondary {
    color: #36c !important
}

.font-roman-24-secondary,
.font-roman-24-success {
    font-size: 24px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-24-success {
    color: #0e8a00 !important
}

.font-roman-24-warning {
    color: #ffb822 !important
}

.font-roman-24-alert,
.font-roman-24-warning {
    font-size: 24px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-24-alert {
    color: #e70011 !important
}

.font-roman-24-primary-gray {
    color: #e6e6e6 !important
}

.font-roman-24-positive,
.font-roman-24-primary-gray {
    font-size: 24px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-24-positive {
    color: #0e8a00 !important
}

.font-roman-24-negative {
    font-size: 24px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #e70011 !important
}

.font-roman-24-gray,
.font-roman-24-medium {
    color: #444 !important
}

.font-roman-24-gray,
.font-roman-24-light,
.font-roman-24-medium {
    font-size: 24px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-24-light {
    color: #767676 !important
}

.font-roman-24-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-roman-24-dark,
.font-roman-24-light-gray {
    font-size: 24px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-24-dark {
    color: #222 !important
}

.font-roman-24-notification {
    color: #ffb822 !important
}

.font-roman-24-accent,
.font-roman-24-notification {
    font-size: 24px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-24-accent {
    color: #ffb74d !important
}

.font-roman-24-light-notification {
    color: #fff176 !important
}

.font-roman-24-light-notification,
.font-roman-24-light-positive {
    font-size: 24px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-24-light-positive {
    color: #aed581 !important
}

.font-roman-24-light-primary {
    color: #9fa8da !important
}

.font-roman-24-light-primary,
.font-roman-24-light-secondary {
    font-size: 24px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-24-light-secondary {
    color: #90caf9 !important
}

.font-roman-24-light-tertiary {
    font-size: 24px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-medium-24-primary {
    color: #008A00 !important
}

.font-medium-24-primary,
.font-medium-24-secondary {
    font-size: 24px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-24-secondary {
    color: #36c !important
}

.font-medium-24-success {
    color: #0e8a00 !important
}

.font-medium-24-success,
.font-medium-24-warning {
    font-size: 24px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-24-warning {
    color: #ffb822 !important
}

.font-medium-24-alert {
    color: #e70011 !important
}

.font-medium-24-alert,
.font-medium-24-primary-gray {
    font-size: 24px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-24-primary-gray {
    color: #e6e6e6 !important
}

.font-medium-24-positive {
    color: #0e8a00 !important
}

.font-medium-24-negative,
.font-medium-24-positive {
    font-size: 24px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-24-negative {
    color: #e70011 !important
}

.font-medium-24-gray,
.font-medium-24-medium {
    color: #444 !important
}

.font-medium-24-gray,
.font-medium-24-light,
.font-medium-24-medium {
    font-size: 24px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-24-light {
    color: #767676 !important
}

.font-medium-24-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-medium-24-dark,
.font-medium-24-light-gray {
    font-size: 24px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-24-dark {
    color: #222 !important
}

.font-medium-24-notification {
    color: #ffb822 !important
}

.font-medium-24-accent,
.font-medium-24-notification {
    font-size: 24px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-24-accent {
    color: #ffb74d !important
}

.font-medium-24-light-notification {
    color: #fff176 !important
}

.font-medium-24-light-notification,
.font-medium-24-light-positive {
    font-size: 24px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-24-light-positive {
    color: #aed581 !important
}

.font-medium-24-light-primary {
    color: #9fa8da !important
}

.font-medium-24-light-primary,
.font-medium-24-light-secondary {
    font-size: 24px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-24-light-secondary {
    color: #90caf9 !important
}

.font-medium-24-light-tertiary {
    font-size: 24px !important;
    font-family: robotomedium, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-light-24-primary {
    color: #008A00 !important
}

.font-light-24-primary,
.font-light-24-secondary {
    font-size: 24px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-24-secondary {
    color: #36c !important
}

.font-light-24-success {
    color: #0e8a00 !important
}

.font-light-24-success,
.font-light-24-warning {
    font-size: 24px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-24-warning {
    color: #ffb822 !important
}

.font-light-24-alert {
    color: #e70011 !important
}

.font-light-24-alert,
.font-light-24-primary-gray {
    font-size: 24px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-24-primary-gray {
    color: #e6e6e6 !important
}

.font-light-24-positive {
    color: #0e8a00 !important
}

.font-light-24-negative,
.font-light-24-positive {
    font-size: 24px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-24-negative {
    color: #e70011 !important
}

.font-light-24-gray,
.font-light-24-medium {
    color: #444 !important
}

.font-light-24-gray,
.font-light-24-light,
.font-light-24-medium {
    font-size: 24px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-24-light {
    color: #767676 !important
}

.font-light-24-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-light-24-dark,
.font-light-24-light-gray {
    font-size: 24px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-24-dark {
    color: #222 !important
}

.font-light-24-notification {
    color: #ffb822 !important
}

.font-light-24-accent,
.font-light-24-notification {
    font-size: 24px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-24-accent {
    color: #ffb74d !important
}

.font-light-24-light-notification {
    color: #fff176 !important
}

.font-light-24-light-notification,
.font-light-24-light-positive {
    font-size: 24px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-24-light-positive {
    color: #aed581 !important
}

.font-light-24-light-primary {
    color: #9fa8da !important
}

.font-light-24-light-primary,
.font-light-24-light-secondary {
    font-size: 24px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-24-light-secondary {
    color: #90caf9 !important
}

.font-light-24-light-tertiary {
    font-size: 24px !important;
    font-family: robotolight, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-thin-24-primary {
    color: #008A00 !important
}

.font-thin-24-primary,
.font-thin-24-secondary {
    font-size: 24px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-24-secondary {
    color: #36c !important
}

.font-thin-24-success {
    color: #0e8a00 !important
}

.font-thin-24-success,
.font-thin-24-warning {
    font-size: 24px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-24-warning {
    color: #ffb822 !important
}

.font-thin-24-alert {
    color: #e70011 !important
}

.font-thin-24-alert,
.font-thin-24-primary-gray {
    font-size: 24px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-24-primary-gray {
    color: #e6e6e6 !important
}

.font-thin-24-positive {
    color: #0e8a00 !important
}

.font-thin-24-negative,
.font-thin-24-positive {
    font-size: 24px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-24-negative {
    color: #e70011 !important
}

.font-thin-24-gray,
.font-thin-24-medium {
    color: #444 !important
}

.font-thin-24-gray,
.font-thin-24-light,
.font-thin-24-medium {
    font-size: 24px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-24-light {
    color: #767676 !important
}

.font-thin-24-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-thin-24-dark,
.font-thin-24-light-gray {
    font-size: 24px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-24-dark {
    color: #222 !important
}

.font-thin-24-notification {
    color: #ffb822 !important
}

.font-thin-24-accent,
.font-thin-24-notification {
    font-size: 24px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-24-accent {
    color: #ffb74d !important
}

.font-thin-24-light-notification {
    color: #fff176 !important
}

.font-thin-24-light-notification,
.font-thin-24-light-positive {
    font-size: 24px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-24-light-positive {
    color: #aed581 !important
}

.font-thin-24-light-primary {
    color: #9fa8da !important
}

.font-thin-24-light-primary,
.font-thin-24-light-secondary {
    font-size: 24px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-24-light-secondary {
    color: #90caf9 !important
}

.font-thin-24-light-tertiary {
    font-size: 24px !important;
    font-family: robotothin, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-bold-24-primary {
    color: #008A00 !important
}

.font-bold-24-primary,
.font-bold-24-secondary {
    font-size: 24px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-24-secondary {
    color: #36c !important
}

.font-bold-24-success {
    color: #0e8a00 !important
}

.font-bold-24-success,
.font-bold-24-warning {
    font-size: 24px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-24-warning {
    color: #ffb822 !important
}

.font-bold-24-alert {
    color: #e70011 !important
}

.font-bold-24-alert,
.font-bold-24-primary-gray {
    font-size: 24px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-24-primary-gray {
    color: #e6e6e6 !important
}

.font-bold-24-positive {
    color: #0e8a00 !important
}

.font-bold-24-negative,
.font-bold-24-positive {
    font-size: 24px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-24-negative {
    color: #e70011 !important
}

.font-bold-24-gray,
.font-bold-24-medium {
    color: #444 !important
}

.font-bold-24-gray,
.font-bold-24-light,
.font-bold-24-medium {
    font-size: 24px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-24-light {
    color: #767676 !important
}

.font-bold-24-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-bold-24-dark,
.font-bold-24-light-gray {
    font-size: 24px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-24-dark {
    color: #222 !important
}

.font-bold-24-notification {
    color: #ffb822 !important
}

.font-bold-24-accent,
.font-bold-24-notification {
    font-size: 24px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-24-accent {
    color: #ffb74d !important
}

.font-bold-24-light-notification {
    color: #fff176 !important
}

.font-bold-24-light-notification,
.font-bold-24-light-positive {
    font-size: 24px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-24-light-positive {
    color: #aed581 !important
}

.font-bold-24-light-primary {
    color: #9fa8da !important
}

.font-bold-24-light-primary,
.font-bold-24-light-secondary {
    font-size: 24px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-24-light-secondary {
    color: #90caf9 !important
}

.font-bold-24-light-tertiary {
    font-size: 24px !important;
    font-family: robotobold, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-regular-26-primary {
    color: #008A00 !important
}

.font-regular-26-primary,
.font-regular-26-secondary {
    font-size: 26px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-26-secondary {
    color: #36c !important
}

.font-regular-26-success {
    color: #0e8a00 !important
}

.font-regular-26-success,
.font-regular-26-warning {
    font-size: 26px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-26-warning {
    color: #ffb822 !important
}

.font-regular-26-alert {
    color: #e70011 !important
}

.font-regular-26-alert,
.font-regular-26-primary-gray {
    font-size: 26px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-26-primary-gray {
    color: #e6e6e6 !important
}

.font-regular-26-positive {
    color: #0e8a00 !important
}

.font-regular-26-negative,
.font-regular-26-positive {
    font-size: 26px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-26-negative {
    color: #e70011 !important
}

.font-regular-26-gray,
.font-regular-26-medium {
    color: #444 !important
}

.font-regular-26-gray,
.font-regular-26-light,
.font-regular-26-medium {
    font-size: 26px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-26-light {
    color: #767676 !important
}

.font-regular-26-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-regular-26-dark,
.font-regular-26-light-gray {
    font-size: 26px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-26-dark {
    color: #222 !important
}

.font-regular-26-notification {
    color: #ffb822 !important
}

.font-regular-26-accent,
.font-regular-26-notification {
    font-size: 26px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-26-accent {
    color: #ffb74d !important
}

.font-regular-26-light-notification {
    color: #fff176 !important
}

.font-regular-26-light-notification,
.font-regular-26-light-positive {
    font-size: 26px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-26-light-positive {
    color: #aed581 !important
}

.font-regular-26-light-primary {
    color: #9fa8da !important
}

.font-regular-26-light-primary,
.font-regular-26-light-secondary {
    font-size: 26px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-26-light-secondary {
    color: #90caf9 !important
}

.font-regular-26-light-tertiary {
    color: #81d4fa !important
}

.font-regular-26-light-tertiary,
.font-roman-26-primary {
    font-size: 26px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-26-primary {
    color: #008A00 !important
}

.font-roman-26-secondary {
    color: #36c !important
}

.font-roman-26-secondary,
.font-roman-26-success {
    font-size: 26px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-26-success {
    color: #0e8a00 !important
}

.font-roman-26-warning {
    color: #ffb822 !important
}

.font-roman-26-alert,
.font-roman-26-warning {
    font-size: 26px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-26-alert {
    color: #e70011 !important
}

.font-roman-26-primary-gray {
    color: #e6e6e6 !important
}

.font-roman-26-positive,
.font-roman-26-primary-gray {
    font-size: 26px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-26-positive {
    color: #0e8a00 !important
}

.font-roman-26-negative {
    font-size: 26px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #e70011 !important
}

.font-roman-26-gray,
.font-roman-26-medium {
    color: #444 !important
}

.font-roman-26-gray,
.font-roman-26-light,
.font-roman-26-medium {
    font-size: 26px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-26-light {
    color: #767676 !important
}

.font-roman-26-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-roman-26-dark,
.font-roman-26-light-gray {
    font-size: 26px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-26-dark {
    color: #222 !important
}

.font-roman-26-notification {
    color: #ffb822 !important
}

.font-roman-26-accent,
.font-roman-26-notification {
    font-size: 26px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-26-accent {
    color: #ffb74d !important
}

.font-roman-26-light-notification {
    color: #fff176 !important
}

.font-roman-26-light-notification,
.font-roman-26-light-positive {
    font-size: 26px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-26-light-positive {
    color: #aed581 !important
}

.font-roman-26-light-primary {
    color: #9fa8da !important
}

.font-roman-26-light-primary,
.font-roman-26-light-secondary {
    font-size: 26px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-26-light-secondary {
    color: #90caf9 !important
}

.font-roman-26-light-tertiary {
    font-size: 26px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-medium-26-primary {
    color: #008A00 !important
}

.font-medium-26-primary,
.font-medium-26-secondary {
    font-size: 26px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-26-secondary {
    color: #36c !important
}

.font-medium-26-success {
    color: #0e8a00 !important
}

.font-medium-26-success,
.font-medium-26-warning {
    font-size: 26px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-26-warning {
    color: #ffb822 !important
}

.font-medium-26-alert {
    color: #e70011 !important
}

.font-medium-26-alert,
.font-medium-26-primary-gray {
    font-size: 26px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-26-primary-gray {
    color: #e6e6e6 !important
}

.font-medium-26-positive {
    color: #0e8a00 !important
}

.font-medium-26-negative,
.font-medium-26-positive {
    font-size: 26px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-26-negative {
    color: #e70011 !important
}

.font-medium-26-gray,
.font-medium-26-medium {
    color: #444 !important
}

.font-medium-26-gray,
.font-medium-26-light,
.font-medium-26-medium {
    font-size: 26px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-26-light {
    color: #767676 !important
}

.font-medium-26-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-medium-26-dark,
.font-medium-26-light-gray {
    font-size: 26px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-26-dark {
    color: #222 !important
}

.font-medium-26-notification {
    color: #ffb822 !important
}

.font-medium-26-accent,
.font-medium-26-notification {
    font-size: 26px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-26-accent {
    color: #ffb74d !important
}

.font-medium-26-light-notification {
    color: #fff176 !important
}

.font-medium-26-light-notification,
.font-medium-26-light-positive {
    font-size: 26px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-26-light-positive {
    color: #aed581 !important
}

.font-medium-26-light-primary {
    color: #9fa8da !important
}

.font-medium-26-light-primary,
.font-medium-26-light-secondary {
    font-size: 26px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-26-light-secondary {
    color: #90caf9 !important
}

.font-medium-26-light-tertiary {
    font-size: 26px !important;
    font-family: robotomedium, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-light-26-primary {
    color: #008A00 !important
}

.font-light-26-primary,
.font-light-26-secondary {
    font-size: 26px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-26-secondary {
    color: #36c !important
}

.font-light-26-success {
    color: #0e8a00 !important
}

.font-light-26-success,
.font-light-26-warning {
    font-size: 26px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-26-warning {
    color: #ffb822 !important
}

.font-light-26-alert {
    color: #e70011 !important
}

.font-light-26-alert,
.font-light-26-primary-gray {
    font-size: 26px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-26-primary-gray {
    color: #e6e6e6 !important
}

.font-light-26-positive {
    color: #0e8a00 !important
}

.font-light-26-negative,
.font-light-26-positive {
    font-size: 26px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-26-negative {
    color: #e70011 !important
}

.font-light-26-gray,
.font-light-26-medium {
    color: #444 !important
}

.font-light-26-gray,
.font-light-26-light,
.font-light-26-medium {
    font-size: 26px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-26-light {
    color: #767676 !important
}

.font-light-26-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-light-26-dark,
.font-light-26-light-gray {
    font-size: 26px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-26-dark {
    color: #222 !important
}

.font-light-26-notification {
    color: #ffb822 !important
}

.font-light-26-accent,
.font-light-26-notification {
    font-size: 26px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-26-accent {
    color: #ffb74d !important
}

.font-light-26-light-notification {
    color: #fff176 !important
}

.font-light-26-light-notification,
.font-light-26-light-positive {
    font-size: 26px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-26-light-positive {
    color: #aed581 !important
}

.font-light-26-light-primary {
    color: #9fa8da !important
}

.font-light-26-light-primary,
.font-light-26-light-secondary {
    font-size: 26px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-26-light-secondary {
    color: #90caf9 !important
}

.font-light-26-light-tertiary {
    font-size: 26px !important;
    font-family: robotolight, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-thin-26-primary {
    color: #008A00 !important
}

.font-thin-26-primary,
.font-thin-26-secondary {
    font-size: 26px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-26-secondary {
    color: #36c !important
}

.font-thin-26-success {
    color: #0e8a00 !important
}

.font-thin-26-success,
.font-thin-26-warning {
    font-size: 26px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-26-warning {
    color: #ffb822 !important
}

.font-thin-26-alert {
    color: #e70011 !important
}

.font-thin-26-alert,
.font-thin-26-primary-gray {
    font-size: 26px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-26-primary-gray {
    color: #e6e6e6 !important
}

.font-thin-26-positive {
    color: #0e8a00 !important
}

.font-thin-26-negative,
.font-thin-26-positive {
    font-size: 26px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-26-negative {
    color: #e70011 !important
}

.font-thin-26-gray,
.font-thin-26-medium {
    color: #444 !important
}

.font-thin-26-gray,
.font-thin-26-light,
.font-thin-26-medium {
    font-size: 26px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-26-light {
    color: #767676 !important
}

.font-thin-26-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-thin-26-dark,
.font-thin-26-light-gray {
    font-size: 26px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-26-dark {
    color: #222 !important
}

.font-thin-26-notification {
    color: #ffb822 !important
}

.font-thin-26-accent,
.font-thin-26-notification {
    font-size: 26px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-26-accent {
    color: #ffb74d !important
}

.font-thin-26-light-notification {
    color: #fff176 !important
}

.font-thin-26-light-notification,
.font-thin-26-light-positive {
    font-size: 26px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-26-light-positive {
    color: #aed581 !important
}

.font-thin-26-light-primary {
    color: #9fa8da !important
}

.font-thin-26-light-primary,
.font-thin-26-light-secondary {
    font-size: 26px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-26-light-secondary {
    color: #90caf9 !important
}

.font-thin-26-light-tertiary {
    font-size: 26px !important;
    font-family: robotothin, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-bold-26-primary {
    color: #008A00 !important
}

.font-bold-26-primary,
.font-bold-26-secondary {
    font-size: 26px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-26-secondary {
    color: #36c !important
}

.font-bold-26-success {
    color: #0e8a00 !important
}

.font-bold-26-success,
.font-bold-26-warning {
    font-size: 26px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-26-warning {
    color: #ffb822 !important
}

.font-bold-26-alert {
    color: #e70011 !important
}

.font-bold-26-alert,
.font-bold-26-primary-gray {
    font-size: 26px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-26-primary-gray {
    color: #e6e6e6 !important
}

.font-bold-26-positive {
    color: #0e8a00 !important
}

.font-bold-26-negative,
.font-bold-26-positive {
    font-size: 26px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-26-negative {
    color: #e70011 !important
}

.font-bold-26-gray,
.font-bold-26-medium {
    color: #444 !important
}

.font-bold-26-gray,
.font-bold-26-light,
.font-bold-26-medium {
    font-size: 26px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-26-light {
    color: #767676 !important
}

.font-bold-26-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-bold-26-dark,
.font-bold-26-light-gray {
    font-size: 26px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-26-dark {
    color: #222 !important
}

.font-bold-26-notification {
    color: #ffb822 !important
}

.font-bold-26-accent,
.font-bold-26-notification {
    font-size: 26px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-26-accent {
    color: #ffb74d !important
}

.font-bold-26-light-notification {
    color: #fff176 !important
}

.font-bold-26-light-notification,
.font-bold-26-light-positive {
    font-size: 26px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-26-light-positive {
    color: #aed581 !important
}

.font-bold-26-light-primary {
    color: #9fa8da !important
}

.font-bold-26-light-primary,
.font-bold-26-light-secondary {
    font-size: 26px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-26-light-secondary {
    color: #90caf9 !important
}

.font-bold-26-light-tertiary {
    font-size: 26px !important;
    font-family: robotobold, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-regular-28-primary {
    color: #008A00 !important
}

.font-regular-28-primary,
.font-regular-28-secondary {
    font-size: 28px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-28-secondary {
    color: #36c !important
}

.font-regular-28-success {
    color: #0e8a00 !important
}

.font-regular-28-success,
.font-regular-28-warning {
    font-size: 28px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-28-warning {
    color: #ffb822 !important
}

.font-regular-28-alert {
    color: #e70011 !important
}

.font-regular-28-alert,
.font-regular-28-primary-gray {
    font-size: 28px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-28-primary-gray {
    color: #e6e6e6 !important
}

.font-regular-28-positive {
    color: #0e8a00 !important
}

.font-regular-28-negative,
.font-regular-28-positive {
    font-size: 28px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-28-negative {
    color: #e70011 !important
}

.font-regular-28-gray,
.font-regular-28-medium {
    color: #444 !important
}

.font-regular-28-gray,
.font-regular-28-light,
.font-regular-28-medium {
    font-size: 28px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-28-light {
    color: #767676 !important
}

.font-regular-28-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-regular-28-dark,
.font-regular-28-light-gray {
    font-size: 28px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-28-dark {
    color: #222 !important
}

.font-regular-28-notification {
    color: #ffb822 !important
}

.font-regular-28-accent,
.font-regular-28-notification {
    font-size: 28px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-28-accent {
    color: #ffb74d !important
}

.font-regular-28-light-notification {
    color: #fff176 !important
}

.font-regular-28-light-notification,
.font-regular-28-light-positive {
    font-size: 28px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-28-light-positive {
    color: #aed581 !important
}

.font-regular-28-light-primary {
    color: #9fa8da !important
}

.font-regular-28-light-primary,
.font-regular-28-light-secondary {
    font-size: 28px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-28-light-secondary {
    color: #90caf9 !important
}

.font-regular-28-light-tertiary {
    color: #81d4fa !important
}

.font-regular-28-light-tertiary,
.font-roman-28-primary {
    font-size: 28px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-28-primary {
    color: #008A00 !important
}

.font-roman-28-secondary {
    color: #36c !important
}

.font-roman-28-secondary,
.font-roman-28-success {
    font-size: 28px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-28-success {
    color: #0e8a00 !important
}

.font-roman-28-warning {
    color: #ffb822 !important
}

.font-roman-28-alert,
.font-roman-28-warning {
    font-size: 28px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-28-alert {
    color: #e70011 !important
}

.font-roman-28-primary-gray {
    color: #e6e6e6 !important
}

.font-roman-28-positive,
.font-roman-28-primary-gray {
    font-size: 28px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-28-positive {
    color: #0e8a00 !important
}

.font-roman-28-negative {
    font-size: 28px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #e70011 !important
}

.font-roman-28-gray,
.font-roman-28-medium {
    color: #444 !important
}

.font-roman-28-gray,
.font-roman-28-light,
.font-roman-28-medium {
    font-size: 28px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-28-light {
    color: #767676 !important
}

.font-roman-28-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-roman-28-dark,
.font-roman-28-light-gray {
    font-size: 28px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-28-dark {
    color: #222 !important
}

.font-roman-28-notification {
    color: #ffb822 !important
}

.font-roman-28-accent,
.font-roman-28-notification {
    font-size: 28px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-28-accent {
    color: #ffb74d !important
}

.font-roman-28-light-notification {
    color: #fff176 !important
}

.font-roman-28-light-notification,
.font-roman-28-light-positive {
    font-size: 28px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-28-light-positive {
    color: #aed581 !important
}

.font-roman-28-light-primary {
    color: #9fa8da !important
}

.font-roman-28-light-primary,
.font-roman-28-light-secondary {
    font-size: 28px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-28-light-secondary {
    color: #90caf9 !important
}

.font-roman-28-light-tertiary {
    font-size: 28px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-medium-28-primary {
    color: #008A00 !important
}

.font-medium-28-primary,
.font-medium-28-secondary {
    font-size: 28px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-28-secondary {
    color: #36c !important
}

.font-medium-28-success {
    color: #0e8a00 !important
}

.font-medium-28-success,
.font-medium-28-warning {
    font-size: 28px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-28-warning {
    color: #ffb822 !important
}

.font-medium-28-alert {
    color: #e70011 !important
}

.font-medium-28-alert,
.font-medium-28-primary-gray {
    font-size: 28px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-28-primary-gray {
    color: #e6e6e6 !important
}

.font-medium-28-positive {
    color: #0e8a00 !important
}

.font-medium-28-negative,
.font-medium-28-positive {
    font-size: 28px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-28-negative {
    color: #e70011 !important
}

.font-medium-28-gray,
.font-medium-28-medium {
    color: #444 !important
}

.font-medium-28-gray,
.font-medium-28-light,
.font-medium-28-medium {
    font-size: 28px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-28-light {
    color: #767676 !important
}

.font-medium-28-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-medium-28-dark,
.font-medium-28-light-gray {
    font-size: 28px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-28-dark {
    color: #222 !important
}

.font-medium-28-notification {
    color: #ffb822 !important
}

.font-medium-28-accent,
.font-medium-28-notification {
    font-size: 28px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-28-accent {
    color: #ffb74d !important
}

.font-medium-28-light-notification {
    color: #fff176 !important
}

.font-medium-28-light-notification,
.font-medium-28-light-positive {
    font-size: 28px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-28-light-positive {
    color: #aed581 !important
}

.font-medium-28-light-primary {
    color: #9fa8da !important
}

.font-medium-28-light-primary,
.font-medium-28-light-secondary {
    font-size: 28px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-28-light-secondary {
    color: #90caf9 !important
}

.font-medium-28-light-tertiary {
    font-size: 28px !important;
    font-family: robotomedium, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-light-28-primary {
    color: #008A00 !important
}

.font-light-28-primary,
.font-light-28-secondary {
    font-size: 28px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-28-secondary {
    color: #36c !important
}

.font-light-28-success {
    color: #0e8a00 !important
}

.font-light-28-success,
.font-light-28-warning {
    font-size: 28px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-28-warning {
    color: #ffb822 !important
}

.font-light-28-alert {
    color: #e70011 !important
}

.font-light-28-alert,
.font-light-28-primary-gray {
    font-size: 28px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-28-primary-gray {
    color: #e6e6e6 !important
}

.font-light-28-positive {
    color: #0e8a00 !important
}

.font-light-28-negative,
.font-light-28-positive {
    font-size: 28px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-28-negative {
    color: #e70011 !important
}

.font-light-28-gray,
.font-light-28-medium {
    color: #444 !important
}

.font-light-28-gray,
.font-light-28-light,
.font-light-28-medium {
    font-size: 28px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-28-light {
    color: #767676 !important
}

.font-light-28-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-light-28-dark,
.font-light-28-light-gray {
    font-size: 28px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-28-dark {
    color: #222 !important
}

.font-light-28-notification {
    color: #ffb822 !important
}

.font-light-28-accent,
.font-light-28-notification {
    font-size: 28px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-28-accent {
    color: #ffb74d !important
}

.font-light-28-light-notification {
    color: #fff176 !important
}

.font-light-28-light-notification,
.font-light-28-light-positive {
    font-size: 28px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-28-light-positive {
    color: #aed581 !important
}

.font-light-28-light-primary {
    color: #9fa8da !important
}

.font-light-28-light-primary,
.font-light-28-light-secondary {
    font-size: 28px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-28-light-secondary {
    color: #90caf9 !important
}

.font-light-28-light-tertiary {
    font-size: 28px !important;
    font-family: robotolight, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-thin-28-primary {
    color: #008A00 !important
}

.font-thin-28-primary,
.font-thin-28-secondary {
    font-size: 28px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-28-secondary {
    color: #36c !important
}

.font-thin-28-success {
    color: #0e8a00 !important
}

.font-thin-28-success,
.font-thin-28-warning {
    font-size: 28px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-28-warning {
    color: #ffb822 !important
}

.font-thin-28-alert {
    color: #e70011 !important
}

.font-thin-28-alert,
.font-thin-28-primary-gray {
    font-size: 28px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-28-primary-gray {
    color: #e6e6e6 !important
}

.font-thin-28-positive {
    color: #0e8a00 !important
}

.font-thin-28-negative,
.font-thin-28-positive {
    font-size: 28px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-28-negative {
    color: #e70011 !important
}

.font-thin-28-gray,
.font-thin-28-medium {
    color: #444 !important
}

.font-thin-28-gray,
.font-thin-28-light,
.font-thin-28-medium {
    font-size: 28px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-28-light {
    color: #767676 !important
}

.font-thin-28-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-thin-28-dark,
.font-thin-28-light-gray {
    font-size: 28px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-28-dark {
    color: #222 !important
}

.font-thin-28-notification {
    color: #ffb822 !important
}

.font-thin-28-accent,
.font-thin-28-notification {
    font-size: 28px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-28-accent {
    color: #ffb74d !important
}

.font-thin-28-light-notification {
    color: #fff176 !important
}

.font-thin-28-light-notification,
.font-thin-28-light-positive {
    font-size: 28px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-28-light-positive {
    color: #aed581 !important
}

.font-thin-28-light-primary {
    color: #9fa8da !important
}

.font-thin-28-light-primary,
.font-thin-28-light-secondary {
    font-size: 28px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-28-light-secondary {
    color: #90caf9 !important
}

.font-thin-28-light-tertiary {
    font-size: 28px !important;
    font-family: robotothin, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-bold-28-primary {
    color: #008A00 !important
}

.font-bold-28-primary,
.font-bold-28-secondary {
    font-size: 28px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-28-secondary {
    color: #36c !important
}

.font-bold-28-success {
    color: #0e8a00 !important
}

.font-bold-28-success,
.font-bold-28-warning {
    font-size: 28px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-28-warning {
    color: #ffb822 !important
}

.font-bold-28-alert {
    color: #e70011 !important
}

.font-bold-28-alert,
.font-bold-28-primary-gray {
    font-size: 28px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-28-primary-gray {
    color: #e6e6e6 !important
}

.font-bold-28-positive {
    color: #0e8a00 !important
}

.font-bold-28-negative,
.font-bold-28-positive {
    font-size: 28px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-28-negative {
    color: #e70011 !important
}

.font-bold-28-gray,
.font-bold-28-medium {
    color: #444 !important
}

.font-bold-28-gray,
.font-bold-28-light,
.font-bold-28-medium {
    font-size: 28px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-28-light {
    color: #767676 !important
}

.font-bold-28-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-bold-28-dark,
.font-bold-28-light-gray {
    font-size: 28px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-28-dark {
    color: #222 !important
}

.font-bold-28-notification {
    color: #ffb822 !important
}

.font-bold-28-accent,
.font-bold-28-notification {
    font-size: 28px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-28-accent {
    color: #ffb74d !important
}

.font-bold-28-light-notification {
    color: #fff176 !important
}

.font-bold-28-light-notification,
.font-bold-28-light-positive {
    font-size: 28px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-28-light-positive {
    color: #aed581 !important
}

.font-bold-28-light-primary {
    color: #9fa8da !important
}

.font-bold-28-light-primary,
.font-bold-28-light-secondary {
    font-size: 28px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-28-light-secondary {
    color: #90caf9 !important
}

.font-bold-28-light-tertiary {
    font-size: 28px !important;
    font-family: robotobold, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-regular-40-primary {
    color: #008A00 !important
}

.font-regular-40-primary,
.font-regular-40-secondary {
    font-size: 40px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-40-secondary {
    color: #36c !important
}

.font-regular-40-success {
    color: #0e8a00 !important
}

.font-regular-40-success,
.font-regular-40-warning {
    font-size: 40px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-40-warning {
    color: #ffb822 !important
}

.font-regular-40-alert {
    color: #e70011 !important
}

.font-regular-40-alert,
.font-regular-40-primary-gray {
    font-size: 40px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-40-primary-gray {
    color: #e6e6e6 !important
}

.font-regular-40-positive {
    color: #0e8a00 !important
}

.font-regular-40-negative,
.font-regular-40-positive {
    font-size: 40px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-40-negative {
    color: #e70011 !important
}

.font-regular-40-gray,
.font-regular-40-medium {
    color: #444 !important
}

.font-regular-40-gray,
.font-regular-40-light,
.font-regular-40-medium {
    font-size: 40px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-40-light {
    color: #767676 !important
}

.font-regular-40-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-regular-40-dark,
.font-regular-40-light-gray {
    font-size: 40px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-40-dark {
    color: #222 !important
}

.font-regular-40-notification {
    color: #ffb822 !important
}

.font-regular-40-accent,
.font-regular-40-notification {
    font-size: 40px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-40-accent {
    color: #ffb74d !important
}

.font-regular-40-light-notification {
    color: #fff176 !important
}

.font-regular-40-light-notification,
.font-regular-40-light-positive {
    font-size: 40px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-40-light-positive {
    color: #aed581 !important
}

.font-regular-40-light-primary {
    color: #9fa8da !important
}

.font-regular-40-light-primary,
.font-regular-40-light-secondary {
    font-size: 40px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-regular-40-light-secondary {
    color: #90caf9 !important
}

.font-regular-40-light-tertiary {
    color: #81d4fa !important
}

.font-regular-40-light-tertiary,
.font-roman-40-primary {
    font-size: 40px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-40-primary {
    color: #008A00 !important
}

.font-roman-40-secondary {
    color: #36c !important
}

.font-roman-40-secondary,
.font-roman-40-success {
    font-size: 40px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-40-success {
    color: #0e8a00 !important
}

.font-roman-40-warning {
    color: #ffb822 !important
}

.font-roman-40-alert,
.font-roman-40-warning {
    font-size: 40px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-40-alert {
    color: #e70011 !important
}

.font-roman-40-primary-gray {
    color: #e6e6e6 !important
}

.font-roman-40-positive,
.font-roman-40-primary-gray {
    font-size: 40px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-40-positive {
    color: #0e8a00 !important
}

.font-roman-40-negative {
    font-size: 40px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #e70011 !important
}

.font-roman-40-gray,
.font-roman-40-medium {
    color: #444 !important
}

.font-roman-40-gray,
.font-roman-40-light,
.font-roman-40-medium {
    font-size: 40px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-40-light {
    color: #767676 !important
}

.font-roman-40-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-roman-40-dark,
.font-roman-40-light-gray {
    font-size: 40px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-40-dark {
    color: #222 !important
}

.font-roman-40-notification {
    color: #ffb822 !important
}

.font-roman-40-accent,
.font-roman-40-notification {
    font-size: 40px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-40-accent {
    color: #ffb74d !important
}

.font-roman-40-light-notification {
    color: #fff176 !important
}

.font-roman-40-light-notification,
.font-roman-40-light-positive {
    font-size: 40px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-40-light-positive {
    color: #aed581 !important
}

.font-roman-40-light-primary {
    color: #9fa8da !important
}

.font-roman-40-light-primary,
.font-roman-40-light-secondary {
    font-size: 40px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.font-roman-40-light-secondary {
    color: #90caf9 !important
}

.font-roman-40-light-tertiary {
    font-size: 40px !important;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-medium-40-primary {
    color: #008A00 !important
}

.font-medium-40-primary,
.font-medium-40-secondary {
    font-size: 40px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-40-secondary {
    color: #36c !important
}

.font-medium-40-success {
    color: #0e8a00 !important
}

.font-medium-40-success,
.font-medium-40-warning {
    font-size: 40px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-40-warning {
    color: #ffb822 !important
}

.font-medium-40-alert {
    color: #e70011 !important
}

.font-medium-40-alert,
.font-medium-40-primary-gray {
    font-size: 40px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-40-primary-gray {
    color: #e6e6e6 !important
}

.font-medium-40-positive {
    color: #0e8a00 !important
}

.font-medium-40-negative,
.font-medium-40-positive {
    font-size: 40px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-40-negative {
    color: #e70011 !important
}

.font-medium-40-gray,
.font-medium-40-medium {
    color: #444 !important
}

.font-medium-40-gray,
.font-medium-40-light,
.font-medium-40-medium {
    font-size: 40px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-40-light {
    color: #767676 !important
}

.font-medium-40-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-medium-40-dark,
.font-medium-40-light-gray {
    font-size: 40px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-40-dark {
    color: #222 !important
}

.font-medium-40-notification {
    color: #ffb822 !important
}

.font-medium-40-accent,
.font-medium-40-notification {
    font-size: 40px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-40-accent {
    color: #ffb74d !important
}

.font-medium-40-light-notification {
    color: #fff176 !important
}

.font-medium-40-light-notification,
.font-medium-40-light-positive {
    font-size: 40px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-40-light-positive {
    color: #aed581 !important
}

.font-medium-40-light-primary {
    color: #9fa8da !important
}

.font-medium-40-light-primary,
.font-medium-40-light-secondary {
    font-size: 40px !important;
    font-family: robotomedium, Arial, sans-serif !important
}

.font-medium-40-light-secondary {
    color: #90caf9 !important
}

.font-medium-40-light-tertiary {
    font-size: 40px !important;
    font-family: robotomedium, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-light-40-primary {
    color: #008A00 !important
}

.font-light-40-primary,
.font-light-40-secondary {
    font-size: 40px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-40-secondary {
    color: #36c !important
}

.font-light-40-success {
    color: #0e8a00 !important
}

.font-light-40-success,
.font-light-40-warning {
    font-size: 40px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-40-warning {
    color: #ffb822 !important
}

.font-light-40-alert {
    color: #e70011 !important
}

.font-light-40-alert,
.font-light-40-primary-gray {
    font-size: 40px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-40-primary-gray {
    color: #e6e6e6 !important
}

.font-light-40-positive {
    color: #0e8a00 !important
}

.font-light-40-negative,
.font-light-40-positive {
    font-size: 40px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-40-negative {
    color: #e70011 !important
}

.font-light-40-gray,
.font-light-40-medium {
    color: #444 !important
}

.font-light-40-gray,
.font-light-40-light,
.font-light-40-medium {
    font-size: 40px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-40-light {
    color: #767676 !important
}

.font-light-40-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-light-40-dark,
.font-light-40-light-gray {
    font-size: 40px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-40-dark {
    color: #222 !important
}

.font-light-40-notification {
    color: #ffb822 !important
}

.font-light-40-accent,
.font-light-40-notification {
    font-size: 40px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-40-accent {
    color: #ffb74d !important
}

.font-light-40-light-notification {
    color: #fff176 !important
}

.font-light-40-light-notification,
.font-light-40-light-positive {
    font-size: 40px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-40-light-positive {
    color: #aed581 !important
}

.font-light-40-light-primary {
    color: #9fa8da !important
}

.font-light-40-light-primary,
.font-light-40-light-secondary {
    font-size: 40px !important;
    font-family: robotolight, Arial, sans-serif !important
}

.font-light-40-light-secondary {
    color: #90caf9 !important
}

.font-light-40-light-tertiary {
    font-size: 40px !important;
    font-family: robotolight, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-thin-40-primary {
    color: #008A00 !important
}

.font-thin-40-primary,
.font-thin-40-secondary {
    font-size: 40px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-40-secondary {
    color: #36c !important
}

.font-thin-40-success {
    color: #0e8a00 !important
}

.font-thin-40-success,
.font-thin-40-warning {
    font-size: 40px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-40-warning {
    color: #ffb822 !important
}

.font-thin-40-alert {
    color: #e70011 !important
}

.font-thin-40-alert,
.font-thin-40-primary-gray {
    font-size: 40px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-40-primary-gray {
    color: #e6e6e6 !important
}

.font-thin-40-positive {
    color: #0e8a00 !important
}

.font-thin-40-negative,
.font-thin-40-positive {
    font-size: 40px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-40-negative {
    color: #e70011 !important
}

.font-thin-40-gray,
.font-thin-40-medium {
    color: #444 !important
}

.font-thin-40-gray,
.font-thin-40-light,
.font-thin-40-medium {
    font-size: 40px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-40-light {
    color: #767676 !important
}

.font-thin-40-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-thin-40-dark,
.font-thin-40-light-gray {
    font-size: 40px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-40-dark {
    color: #222 !important
}

.font-thin-40-notification {
    color: #ffb822 !important
}

.font-thin-40-accent,
.font-thin-40-notification {
    font-size: 40px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-40-accent {
    color: #ffb74d !important
}

.font-thin-40-light-notification {
    color: #fff176 !important
}

.font-thin-40-light-notification,
.font-thin-40-light-positive {
    font-size: 40px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-40-light-positive {
    color: #aed581 !important
}

.font-thin-40-light-primary {
    color: #9fa8da !important
}

.font-thin-40-light-primary,
.font-thin-40-light-secondary {
    font-size: 40px !important;
    font-family: robotothin, Arial, sans-serif !important
}

.font-thin-40-light-secondary {
    color: #90caf9 !important
}

.font-thin-40-light-tertiary {
    font-size: 40px !important;
    font-family: robotothin, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-bold-40-primary {
    color: #008A00 !important
}

.font-bold-40-primary,
.font-bold-40-secondary {
    font-size: 40px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-40-secondary {
    color: #36c !important
}

.font-bold-40-success {
    color: #0e8a00 !important
}

.font-bold-40-success,
.font-bold-40-warning {
    font-size: 40px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-40-warning {
    color: #ffb822 !important
}

.font-bold-40-alert {
    color: #e70011 !important
}

.font-bold-40-alert,
.font-bold-40-primary-gray {
    font-size: 40px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-40-primary-gray {
    color: #e6e6e6 !important
}

.font-bold-40-positive {
    color: #0e8a00 !important
}

.font-bold-40-negative,
.font-bold-40-positive {
    font-size: 40px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-40-negative {
    color: #e70011 !important
}

.font-bold-40-gray,
.font-bold-40-medium {
    color: #444 !important
}

.font-bold-40-gray,
.font-bold-40-light,
.font-bold-40-medium {
    font-size: 40px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-40-light {
    color: #767676 !important
}

.font-bold-40-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-bold-40-dark,
.font-bold-40-light-gray {
    font-size: 40px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-40-dark {
    color: #222 !important
}

.font-bold-40-notification {
    color: #ffb822 !important
}

.font-bold-40-accent,
.font-bold-40-notification {
    font-size: 40px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-40-accent {
    color: #ffb74d !important
}

.font-bold-40-light-notification {
    color: #fff176 !important
}

.font-bold-40-light-notification,
.font-bold-40-light-positive {
    font-size: 40px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-40-light-positive {
    color: #aed581 !important
}

.font-bold-40-light-primary {
    color: #9fa8da !important
}

.font-bold-40-light-primary,
.font-bold-40-light-secondary {
    font-size: 40px !important;
    font-family: robotobold, Arial, sans-serif !important
}

.font-bold-40-light-secondary {
    color: #90caf9 !important
}

.font-bold-40-light-tertiary {
    font-size: 40px !important;
    font-family: robotobold, Arial, sans-serif !important;
    color: #81d4fa !important
}

.font-small-6 {
    font-size: 6px !important
}

@media print,
screen and (max-width: 39.99875em) {
    .font-small-only-6 {
        font-size: 6px !important
    }
}

@media print,
screen and (min-width: 40em) {
    .font-medium-6 {
        font-size: 6px !important
    }
}

@media print,
screen and (min-width: 40em) and (max-width: 63.99875em) {
    .font-medium-only-6 {
        font-size: 6px !important
    }
}

.font-small-8 {
    font-size: 8px !important
}

@media print,
screen and (max-width: 39.99875em) {
    .font-small-only-8 {
        font-size: 8px !important
    }
}

@media print,
screen and (min-width: 40em) {
    .font-medium-8 {
        font-size: 8px !important
    }
}

@media print,
screen and (min-width: 40em) and (max-width: 63.99875em) {
    .font-medium-only-8 {
        font-size: 8px !important
    }
}

.font-small-10 {
    font-size: 10px !important
}

@media print,
screen and (max-width: 39.99875em) {
    .font-small-only-10 {
        font-size: 10px !important
    }
}

@media print,
screen and (min-width: 40em) {
    .font-medium-10 {
        font-size: 10px !important
    }
}

@media print,
screen and (min-width: 40em) and (max-width: 63.99875em) {
    .font-medium-only-10 {
        font-size: 10px !important
    }
}

.font-small-12 {
    font-size: 12px !important
}

@media print,
screen and (max-width: 39.99875em) {
    .font-small-only-12 {
        font-size: 12px !important
    }
}

@media print,
screen and (min-width: 40em) {
    .font-medium-12 {
        font-size: 12px !important
    }
}

@media print,
screen and (min-width: 40em) and (max-width: 63.99875em) {
    .font-medium-only-12 {
        font-size: 12px !important
    }
}

.font-small-13 {
    font-size: 13px !important
}

@media print,
screen and (max-width: 39.99875em) {
    .font-small-only-13 {
        font-size: 13px !important
    }
}

@media print,
screen and (min-width: 40em) {
    .font-medium-13 {
        font-size: 13px !important
    }
}

@media print,
screen and (min-width: 40em) and (max-width: 63.99875em) {
    .font-medium-only-13 {
        font-size: 13px !important
    }
}

.font-small-14 {
    font-size: 14px !important
}

@media print,
screen and (max-width: 39.99875em) {
    .font-small-only-14 {
        font-size: 14px !important
    }
}

@media print,
screen and (min-width: 40em) {
    .font-medium-14 {
        font-size: 14px !important
    }
}

@media print,
screen and (min-width: 40em) and (max-width: 63.99875em) {
    .font-medium-only-14 {
        font-size: 14px !important
    }
}

.font-small-16 {
    font-size: 16px !important
}

@media print,
screen and (max-width: 39.99875em) {
    .font-small-only-16 {
        font-size: 16px !important
    }
}

@media print,
screen and (min-width: 40em) {
    .font-medium-16 {
        font-size: 16px !important
    }
}

@media print,
screen and (min-width: 40em) and (max-width: 63.99875em) {
    .font-medium-only-16 {
        font-size: 16px !important
    }
}

.font-small-18 {
    font-size: 18px !important
}

@media print,
screen and (max-width: 39.99875em) {
    .font-small-only-18 {
        font-size: 18px !important
    }
}

@media print,
screen and (min-width: 40em) {
    .font-medium-18 {
        font-size: 18px !important
    }
}

@media print,
screen and (min-width: 40em) and (max-width: 63.99875em) {
    .font-medium-only-18 {
        font-size: 18px !important
    }
}

.font-small-20 {
    font-size: 20px !important
}

@media print,
screen and (max-width: 39.99875em) {
    .font-small-only-20 {
        font-size: 20px !important
    }
}

@media print,
screen and (min-width: 40em) {
    .font-medium-20 {
        font-size: 20px !important
    }
}

@media print,
screen and (min-width: 40em) and (max-width: 63.99875em) {
    .font-medium-only-20 {
        font-size: 20px !important
    }
}

.font-small-22 {
    font-size: 22px !important
}

@media print,
screen and (max-width: 39.99875em) {
    .font-small-only-22 {
        font-size: 22px !important
    }
}

@media print,
screen and (min-width: 40em) {
    .font-medium-22 {
        font-size: 22px !important
    }
}

@media print,
screen and (min-width: 40em) and (max-width: 63.99875em) {
    .font-medium-only-22 {
        font-size: 22px !important
    }
}

.font-small-24 {
    font-size: 24px !important
}

@media print,
screen and (max-width: 39.99875em) {
    .font-small-only-24 {
        font-size: 24px !important
    }
}

@media print,
screen and (min-width: 40em) {
    .font-medium-24 {
        font-size: 24px !important
    }
}

@media print,
screen and (min-width: 40em) and (max-width: 63.99875em) {
    .font-medium-only-24 {
        font-size: 24px !important
    }
}

.font-small-26 {
    font-size: 26px !important
}

@media print,
screen and (max-width: 39.99875em) {
    .font-small-only-26 {
        font-size: 26px !important
    }
}

@media print,
screen and (min-width: 40em) {
    .font-medium-26 {
        font-size: 26px !important
    }
}

@media print,
screen and (min-width: 40em) and (max-width: 63.99875em) {
    .font-medium-only-26 {
        font-size: 26px !important
    }
}

.font-small-28 {
    font-size: 28px !important
}

@media print,
screen and (max-width: 39.99875em) {
    .font-small-only-28 {
        font-size: 28px !important
    }
}

@media print,
screen and (min-width: 40em) {
    .font-medium-28 {
        font-size: 28px !important
    }
}

@media print,
screen and (min-width: 40em) and (max-width: 63.99875em) {
    .font-medium-only-28 {
        font-size: 28px !important
    }
}

.font-small-40 {
    font-size: 40px !important
}

@media print,
screen and (max-width: 39.99875em) {
    .font-small-only-40 {
        font-size: 40px !important
    }
}

@media print,
screen and (min-width: 40em) {
    .font-medium-40 {
        font-size: 40px !important
    }
}

@media print,
screen and (min-width: 40em) and (max-width: 63.99875em) {
    .font-medium-only-40 {
        font-size: 40px !important
    }
}

.font-6 {
    font-size: 6px !important
}

.font-8 {
    font-size: 8px !important
}

.font-10 {
    font-size: 10px !important
}

.font-12 {
    font-size: 12px !important
}

.font-13 {
    font-size: 13px !important
}

.font-14 {
    font-size: 14px !important
}

.font-16 {
    font-size: 16px !important
}

.font-18 {
    font-size: 18px !important
}

.font-20 {
    font-size: 20px !important
}

.font-22 {
    font-size: 22px !important
}

.font-24 {
    font-size: 24px !important
}

.font-26 {
    font-size: 26px !important
}

.font-28 {
    font-size: 28px !important
}

.font-40 {
    font-size: 40px !important
}

.font-primary {
    color: #008A00 !important
}

.font-secondary {
    color: #36c !important
}

.font-success {
    color: #0e8a00 !important
}

.font-warning {
    color: #ffb822 !important
}

.font-alert {
    color: #e70011 !important
}

.font-primary-gray {
    color: #e6e6e6 !important
}

.font-positive {
    color: #0e8a00 !important
}

.font-negative {
    color: #e70011 !important
}

.font-gray,
.font-medium {
    color: #444 !important
}

.font-light {
    color: #767676 !important
}

.font-light-gray {
    color: add-foundation-colors(light-gray) !important
}

.font-dark {
    color: #222 !important
}

.font-notification {
    color: #ffb822 !important
}

.font-accent {
    color: #ffb74d !important
}

.font-light-notification {
    color: #fff176 !important
}

.font-light-positive {
    color: #aed581 !important
}

.font-light-primary {
    color: #9fa8da !important
}

.font-light-secondary {
    color: #90caf9 !important
}

.font-light-tertiary {
    color: #81d4fa !important
}

.pt-0 {
    padding-top: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.padding-horizontal-0,
.padding-vertical-0 {
    padding: 0 !important
}

.pt-2 {
    padding-top: 2px !important
}

.pb-2 {
    padding-bottom: 2px !important
}

.pl-2 {
    padding-left: 2px !important
}

.pr-2 {
    padding-right: 2px !important
}

.padding-2 {
    padding: 2px !important
}

.padding-horizontal-2 {
    padding: 0 2px !important
}

.padding-vertical-2 {
    padding: 2px 0 !important
}

.pt-4 {
    padding-top: 4px !important
}

.pb-4 {
    padding-bottom: 4px !important
}

.pl-4 {
    padding-left: 4px !important
}

.pr-4 {
    padding-right: 4px !important
}

.padding-4 {
    padding: 4px !important
}

.padding-horizontal-4 {
    padding: 0 4px !important
}

.padding-vertical-4 {
    padding: 4px 0 !important
}

.pt-6 {
    padding-top: 6px !important
}

.pb-6 {
    padding-bottom: 6px !important
}

.pl-6 {
    padding-left: 6px !important
}

.pr-6 {
    padding-right: 6px !important
}

.padding-6 {
    padding: 6px !important
}

.padding-horizontal-6 {
    padding: 0 6px !important
}

.padding-vertical-6 {
    padding: 6px 0 !important
}

.pt-8 {
    padding-top: 8px !important
}

.pb-8 {
    padding-bottom: 8px !important
}

.pl-8 {
    padding-left: 8px !important
}

.pr-8 {
    padding-right: 8px !important
}

.padding-8 {
    padding: 8px !important
}

.padding-horizontal-8 {
    padding: 0 8px !important
}

.padding-vertical-8 {
    padding: 8px 0 !important
}

.pt-10 {
    padding-top: 10px !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.pl-10 {
    padding-left: 10px !important
}

.pr-10 {
    padding-right: 10px !important
}

.padding-10 {
    padding: 10px !important
}

.padding-horizontal-10 {
    padding: 0 10px !important
}

.padding-vertical-10 {
    padding: 10px 0 !important
}

.pt-12 {
    padding-top: 12px !important
}

.pb-12 {
    padding-bottom: 12px !important
}

.pl-12 {
    padding-left: 12px !important
}

.pr-12 {
    padding-right: 12px !important
}

.padding-12 {
    padding: 12px !important
}

.padding-horizontal-12 {
    padding: 0 12px !important
}

.padding-vertical-12 {
    padding: 12px 0 !important
}

.pt-14 {
    padding-top: 14px !important
}

.pb-14 {
    padding-bottom: 14px !important
}

.pl-14 {
    padding-left: 14px !important
}

.pr-14 {
    padding-right: 14px !important
}

.padding-14 {
    padding: 14px !important
}

.padding-horizontal-14 {
    padding: 0 14px !important
}

.padding-vertical-14 {
    padding: 14px 0 !important
}

.pt-16 {
    padding-top: 16px !important
}

.pb-16 {
    padding-bottom: 16px !important
}

.pl-16 {
    padding-left: 16px !important
}

.pr-16 {
    padding-right: 16px !important
}

.padding-16 {
    padding: 16px !important
}

.padding-horizontal-16 {
    padding: 0 16px !important
}

.padding-vertical-16 {
    padding: 16px 0 !important
}

.pt-18 {
    padding-top: 18px !important
}

.pb-18 {
    padding-bottom: 18px !important
}

.pl-18 {
    padding-left: 18px !important
}

.pr-18 {
    padding-right: 18px !important
}

.padding-18 {
    padding: 18px !important
}

.padding-horizontal-18 {
    padding: 0 18px !important
}

.padding-vertical-18 {
    padding: 18px 0 !important
}

.pt-20 {
    padding-top: 20px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.pl-20 {
    padding-left: 20px !important
}

.pr-20 {
    padding-right: 20px !important
}

.padding-20 {
    padding: 20px !important
}

.padding-horizontal-20 {
    padding: 0 20px !important
}

.padding-vertical-20 {
    padding: 20px 0 !important
}

.pt-22 {
    padding-top: 22px !important
}

.pb-22 {
    padding-bottom: 22px !important
}

.pl-22 {
    padding-left: 22px !important
}

.pr-22 {
    padding-right: 22px !important
}

.padding-22 {
    padding: 22px !important
}

.padding-horizontal-22 {
    padding: 0 22px !important
}

.padding-vertical-22 {
    padding: 22px 0 !important
}

.pt-24 {
    padding-top: 24px !important
}

.pb-24 {
    padding-bottom: 24px !important
}

.pl-24 {
    padding-left: 24px !important
}

.pr-24 {
    padding-right: 24px !important
}

.padding-24 {
    padding: 24px !important
}

.padding-horizontal-24 {
    padding: 0 24px !important
}

.padding-vertical-24 {
    padding: 24px 0 !important
}

.pt-26 {
    padding-top: 26px !important
}

.pb-26 {
    padding-bottom: 26px !important
}

.pl-26 {
    padding-left: 26px !important
}

.pr-26 {
    padding-right: 26px !important
}

.padding-26 {
    padding: 26px !important
}

.padding-horizontal-26 {
    padding: 0 26px !important
}

.padding-vertical-26 {
    padding: 26px 0 !important
}

.pt-28 {
    padding-top: 28px !important
}

.pb-28 {
    padding-bottom: 28px !important
}

.pl-28 {
    padding-left: 28px !important
}

.pr-28 {
    padding-right: 28px !important
}

.padding-28 {
    padding: 28px !important
}

.padding-horizontal-28 {
    padding: 0 28px !important
}

.padding-vertical-28 {
    padding: 28px 0 !important
}

.pt-30 {
    padding-top: 30px !important
}

.pb-30 {
    padding-bottom: 30px !important
}

.pl-30 {
    padding-left: 30px !important
}

.pr-30 {
    padding-right: 30px !important
}

.padding-30 {
    padding: 30px !important
}

.padding-horizontal-30 {
    padding: 0 30px !important
}

.padding-vertical-30 {
    padding: 30px 0 !important
}

.pt-32 {
    padding-top: 32px !important
}

.pb-32 {
    padding-bottom: 32px !important
}

.pl-32 {
    padding-left: 32px !important
}

.pr-32 {
    padding-right: 32px !important
}

.padding-32 {
    padding: 32px !important
}

.padding-horizontal-32 {
    padding: 0 32px !important
}

.padding-vertical-32 {
    padding: 32px 0 !important
}

.pt-34 {
    padding-top: 34px !important
}

.pb-34 {
    padding-bottom: 34px !important
}

.pl-34 {
    padding-left: 34px !important
}

.pr-34 {
    padding-right: 34px !important
}

.padding-34 {
    padding: 34px !important
}

.padding-horizontal-34 {
    padding: 0 34px !important
}

.padding-vertical-34 {
    padding: 34px 0 !important
}

.pt-36 {
    padding-top: 36px !important
}

.pb-36 {
    padding-bottom: 36px !important
}

.pl-36 {
    padding-left: 36px !important
}

.pr-36 {
    padding-right: 36px !important
}

.padding-36 {
    padding: 36px !important
}

.padding-horizontal-36 {
    padding: 0 36px !important
}

.padding-vertical-36 {
    padding: 36px 0 !important
}

.pt-38 {
    padding-top: 38px !important
}

.pb-38 {
    padding-bottom: 38px !important
}

.pl-38 {
    padding-left: 38px !important
}

.pr-38 {
    padding-right: 38px !important
}

.padding-38 {
    padding: 38px !important
}

.padding-horizontal-38 {
    padding: 0 38px !important
}

.padding-vertical-38 {
    padding: 38px 0 !important
}

.pt-40 {
    padding-top: 40px !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.pl-40 {
    padding-left: 40px !important
}

.pr-40 {
    padding-right: 40px !important
}

.padding-40 {
    padding: 40px !important
}

.padding-horizontal-40 {
    padding: 0 40px !important
}

.padding-vertical-40 {
    padding: 40px 0 !important
}

.pt-50 {
    padding-top: 50px !important
}

.pb-50 {
    padding-bottom: 50px !important
}

.pl-50 {
    padding-left: 50px !important
}

.pr-50 {
    padding-right: 50px !important
}

.padding-50 {
    padding: 50px !important
}

.padding-horizontal-50 {
    padding: 0 50px !important
}

.padding-vertical-50 {
    padding: 50px 0 !important
}

.pt-60 {
    padding-top: 60px !important
}

.pb-60 {
    padding-bottom: 60px !important
}

.pl-60 {
    padding-left: 60px !important
}

.pr-60 {
    padding-right: 60px !important
}

.padding-60 {
    padding: 60px !important
}

.padding-horizontal-60 {
    padding: 0 60px !important
}

.padding-vertical-60 {
    padding: 60px 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.margin-horizontal-0,
.margin-vertical-0 {
    margin: 0 !important
}

.mt-2 {
    margin-top: 2px !important
}

.mb-2 {
    margin-bottom: 2px !important
}

.ml-2 {
    margin-left: 2px !important
}

.mr-2 {
    margin-right: 2px !important
}

.margin-2 {
    margin: 2px !important
}

.margin-horizontal-2 {
    margin: 0 2px !important
}

.margin-vertical-2 {
    margin: 2px 0 !important
}

.mt-4 {
    margin-top: 4px !important
}

.mb-4 {
    margin-bottom: 4px !important
}

.ml-4 {
    margin-left: 4px !important
}

.mr-4 {
    margin-right: 4px !important
}

.margin-4 {
    margin: 4px !important
}

.margin-horizontal-4 {
    margin: 0 4px !important
}

.margin-vertical-4 {
    margin: 4px 0 !important
}

.mt-6 {
    margin-top: 6px !important
}

.mb-6 {
    margin-bottom: 6px !important
}

.ml-6 {
    margin-left: 6px !important
}

.mr-6 {
    margin-right: 6px !important
}

.margin-6 {
    margin: 6px !important
}

.margin-horizontal-6 {
    margin: 0 6px !important
}

.margin-vertical-6 {
    margin: 6px 0 !important
}

.mt-8 {
    margin-top: 8px !important
}

.mb-8 {
    margin-bottom: 8px !important
}

.ml-8 {
    margin-left: 8px !important
}

.mr-8 {
    margin-right: 8px !important
}

.margin-8 {
    margin: 8px !important
}

.margin-horizontal-8 {
    margin: 0 8px !important
}

.margin-vertical-8 {
    margin: 8px 0 !important
}

.mt-10 {
    margin-top: 10px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.ml-10 {
    margin-left: 10px !important
}

.mr-10 {
    margin-right: 10px !important
}

.margin-10 {
    margin: 10px !important
}

.margin-horizontal-10 {
    margin: 0 10px !important
}

.margin-vertical-10 {
    margin: 10px 0 !important
}

.mt-12 {
    margin-top: 12px !important
}

.mb-12 {
    margin-bottom: 12px !important
}

.ml-12 {
    margin-left: 12px !important
}

.mr-12 {
    margin-right: 12px !important
}

.margin-12 {
    margin: 12px !important
}

.margin-horizontal-12 {
    margin: 0 12px !important
}

.margin-vertical-12 {
    margin: 12px 0 !important
}

.mt-14 {
    margin-top: 14px !important
}

.mb-14 {
    margin-bottom: 14px !important
}

.ml-14 {
    margin-left: 14px !important
}

.mr-14 {
    margin-right: 14px !important
}

.margin-14 {
    margin: 14px !important
}

.margin-horizontal-14 {
    margin: 0 14px !important
}

.margin-vertical-14 {
    margin: 14px 0 !important
}

.mt-16 {
    margin-top: 16px !important
}

.mb-16 {
    margin-bottom: 16px !important
}

.ml-16 {
    margin-left: 16px !important
}

.mr-16 {
    margin-right: 16px !important
}

.margin-16 {
    margin: 16px !important
}

.margin-horizontal-16 {
    margin: 0 16px !important
}

.margin-vertical-16 {
    margin: 16px 0 !important
}

.mt-18 {
    margin-top: 18px !important
}

.mb-18 {
    margin-bottom: 18px !important
}

.ml-18 {
    margin-left: 18px !important
}

.mr-18 {
    margin-right: 18px !important
}

.margin-18 {
    margin: 18px !important
}

.margin-horizontal-18 {
    margin: 0 18px !important
}

.margin-vertical-18 {
    margin: 18px 0 !important
}

.mt-20 {
    margin-top: 20px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.ml-20 {
    margin-left: 20px !important
}

.mr-20 {
    margin-right: 20px !important
}

.margin-20 {
    margin: 20px !important
}

.margin-horizontal-20 {
    margin: 0 20px !important
}

.margin-vertical-20 {
    margin: 20px 0 !important
}

.mt-22 {
    margin-top: 22px !important
}

.mb-22 {
    margin-bottom: 22px !important
}

.ml-22 {
    margin-left: 22px !important
}

.mr-22 {
    margin-right: 22px !important
}

.margin-22 {
    margin: 22px !important
}

.margin-horizontal-22 {
    margin: 0 22px !important
}

.margin-vertical-22 {
    margin: 22px 0 !important
}

.mt-24 {
    margin-top: 24px !important
}

.mb-24 {
    margin-bottom: 24px !important
}

.ml-24 {
    margin-left: 24px !important
}

.mr-24 {
    margin-right: 24px !important
}

.margin-24 {
    margin: 24px !important
}

.margin-horizontal-24 {
    margin: 0 24px !important
}

.margin-vertical-24 {
    margin: 24px 0 !important
}

.mt-26 {
    margin-top: 26px !important
}

.mb-26 {
    margin-bottom: 26px !important
}

.ml-26 {
    margin-left: 26px !important
}

.mr-26 {
    margin-right: 26px !important
}

.margin-26 {
    margin: 26px !important
}

.margin-horizontal-26 {
    margin: 0 26px !important
}

.margin-vertical-26 {
    margin: 26px 0 !important
}

.mt-28 {
    margin-top: 28px !important
}

.mb-28 {
    margin-bottom: 28px !important
}

.ml-28 {
    margin-left: 28px !important
}

.mr-28 {
    margin-right: 28px !important
}

.margin-28 {
    margin: 28px !important
}

.margin-horizontal-28 {
    margin: 0 28px !important
}

.margin-vertical-28 {
    margin: 28px 0 !important
}

.mt-30 {
    margin-top: 30px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.ml-30 {
    margin-left: 30px !important
}

.mr-30 {
    margin-right: 30px !important
}

.margin-30 {
    margin: 30px !important
}

.margin-horizontal-30 {
    margin: 0 30px !important
}

.margin-vertical-30 {
    margin: 30px 0 !important
}

.mt-32 {
    margin-top: 32px !important
}

.mb-32 {
    margin-bottom: 32px !important
}

.ml-32 {
    margin-left: 32px !important
}

.mr-32 {
    margin-right: 32px !important
}

.margin-32 {
    margin: 32px !important
}

.margin-horizontal-32 {
    margin: 0 32px !important
}

.margin-vertical-32 {
    margin: 32px 0 !important
}

.mt-34 {
    margin-top: 34px !important
}

.mb-34 {
    margin-bottom: 34px !important
}

.ml-34 {
    margin-left: 34px !important
}

.mr-34 {
    margin-right: 34px !important
}

.margin-34 {
    margin: 34px !important
}

.margin-horizontal-34 {
    margin: 0 34px !important
}

.margin-vertical-34 {
    margin: 34px 0 !important
}

.mt-36 {
    margin-top: 36px !important
}

.mb-36 {
    margin-bottom: 36px !important
}

.ml-36 {
    margin-left: 36px !important
}

.mr-36 {
    margin-right: 36px !important
}

.margin-36 {
    margin: 36px !important
}

.margin-horizontal-36 {
    margin: 0 36px !important
}

.margin-vertical-36 {
    margin: 36px 0 !important
}

.mt-38 {
    margin-top: 38px !important
}

.mb-38 {
    margin-bottom: 38px !important
}

.ml-38 {
    margin-left: 38px !important
}

.mr-38 {
    margin-right: 38px !important
}

.margin-38 {
    margin: 38px !important
}

.margin-horizontal-38 {
    margin: 0 38px !important
}

.margin-vertical-38 {
    margin: 38px 0 !important
}

.mt-40 {
    margin-top: 40px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.ml-40 {
    margin-left: 40px !important
}

.mr-40 {
    margin-right: 40px !important
}

.margin-40 {
    margin: 40px !important
}

.margin-horizontal-40 {
    margin: 0 40px !important
}

.margin-vertical-40 {
    margin: 40px 0 !important
}

.mt-50 {
    margin-top: 50px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.ml-50 {
    margin-left: 50px !important
}

.mr-50 {
    margin-right: 50px !important
}

.margin-50 {
    margin: 50px !important
}

.margin-horizontal-50 {
    margin: 0 50px !important
}

.margin-vertical-50 {
    margin: 50px 0 !important
}

.mt-60 {
    margin-top: 60px !important
}

.mb-60 {
    margin-bottom: 60px !important
}

.ml-60 {
    margin-left: 60px !important
}

.mr-60 {
    margin-right: 60px !important
}

.margin-60 {
    margin: 60px !important
}

.margin-horizontal-60 {
    margin: 0 60px !important
}

.margin-vertical-60 {
    margin: 60px 0 !important
}

.mat-button .mat-button-wrapper,
.mat-raised-button .mat-button-wrapper {
    display: flex;
    align-items: center !important
}

.align-text-icon,
.material-icons {
    display: flex !important;
    align-items: center !important
}

div.mat-form-field-infix {
    padding: .3em 0
}

div.mat-form-field-infix input.mat-input-element {
    height: 17px;
    vertical-align: top
}

.select div.mat-input-infix {
    padding: .3em 0
}

.select div.mat-select-value {
    height: 17px;
    vertical-align: top
}

.rules-restrictions-wrapper {
    background-color: #eaeaea
}

.rules-restrictions-container {
    padding: 20px 20px 60px
}

.error-in-selected-file :first-child {
    color: red;
    font-size: 16px;
    margin-bottom: 10px
}

.error-in-selected-file :last-child {
    color: #000;
    font-size: 14px;
    margin-bottom: 10px
}

.error-details,
.rules-info {
    color: #a3a3a3;
    font-size: 12px;
    line-height: 20px
}

.column-details {
    padding: 0 0 0 12px
}

.bulkFileBlock__inputbox .mat-form-field {
    padding: 10px 0 6px
}

.bulkFileBlock__inputbox .control-label {
    position: absolute;
    top: 40px;
    color: #f44336
}

.bulkFileBlock__inputbox .fa {
    padding-right: 8px
}

.mat-label-heading {
    font-weight: 700
}

.full-width {
    width: 100%
}

.left {
    float: left
}

.right {
    float: right
}

.clearfix:after {
    content: "";
    display: table;
    content: " ";
    display: block;
    height: 0
}

.display-inherit {
    display: inherit
}

.display-inline-block {
    display: inline-block
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.vertical-align-middle {
    vertical-align: middle
}

.cdk-global-overlay-wrapper .mat-simple-snackbar {
    justify-content: space-around
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.buttons-container {
    padding: 16px;
    background-color: #e6e6e6;
    text-align: right;
    margin-top: 16px
}

.mat-option.mat-active {
    background-color: rgba(0, 51, 170, .05) !important;
    color: button__basic--primary-color
}

.mat-option-text {
    font-family: robotoregular !important
}

.display-none {
    display: none !important
}

.center-align {
    justify-content: center
}

.center-align,
.center-ver-align {
    display: flex;
    align-items: center
}

.con-max-width {
    max-width: 1000px
}

.cursor-pointer {
    cursor: pointer
}

.mat-raised-button:not([class*=mat-elevation-z]) {
    box-shadow: 1px 0 0 0 transparent !important
}

.mat-radio-outer-circle {
    border-width: 1px
}

.mat-radio-checked .mat-radio-inner-circle {
    transform: scale(.4) !important
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-width: 8px
}

.mat-radio-inner-circle {
    background-color: #fff !important
}

.mat-radio-outer-circle {
    border-color: #008A00 !important
}

.mat-radio-label-content {
    padding-left: 4px !important
}

.mat-radio-button {
    margin-right: 30px
}

.button__wrapper .button__basic--primary-color {
    border: 1px solid #008A00
}

.mat-option-text {
    font-size: 12px
}

.success-snackbar {
    background: #0e8a00 !important
}

.error-snackbar,
.success-snackbar {
    margin: auto !important;
    width: 80% !important;
    max-width: 500px !important
}

.error-snackbar {
    background: #c03 !important
}

@media only screen and (min-width: 640px) {
    .page-content-container {
        max-width: 909px
    }

    .router-container-list {
        max-width: 980px;
        background-color: #fefefe;
        border: 1px solid #cacaca;
        margin-top: 24px
    }
}

.to-heading {
    color: rgba(0, 0, 0, .6);
    font-family: robotoregular, Arial, sans-serif;
    font-size: 12px;
    margin-bottom: 5px;
    padding-left: 10px
}

.to-heading-center {
    color: rgba(0, 0, 0, .6);
    text-align: center;
    margin: 5px
}

.amount-section {
    text-align: center;
    margin-bottom: 20px
}

.amount {
    font-size: 28px
}

.details-section {
    text-align: center;
    background: #fff;
    padding: 20px 0;
    border: 1px solid #dbdcdd;
    border-radius: 8px
}

.details-section__field-heading {
    font-size: 12px;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    color: #767676
}

.details-section__field-value {
    font-size: 14px;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    color: #444
}

.total-amt-block {
    font-family: robotoregular, Arial, sans-serif;
    color: #666;
    font-size: 14px;
    margin-bottom: 20px
}

.other-details-block {
    margin-bottom: 10px
}

.total-amt-block .amount-to-be-paid {
    color: #000;
    font-size: 24px
}

.align-base {
    align-items: baseline !important
}

.amount-curr {
    margin-right: 3px
}

.receipt-section__field-heading {
    color: #767676
}

.receipt-section__field-heading,
.receipt-section__field-value {
    font-size: 12px;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif
}

.receipt-section__field-value {
    color: #444
}

.receipt-div {
    padding: 10px;
    background: #fff;
    margin: auto;
    border: 1px solid #cad7ed;
    border-top: none;
    box-shadow: 0 2px 0 #cad7ed;
    border-radius: 0 0 3px 3px
}

.receipt-logo {
    width: 150px;
    margin: 10px auto;
    display: block
}

.center-data {
    text-align: center
}

.receipt-status-div {
    border-top: 1px solid #e5e5e5;
    padding: 10px;
    margin-top: 10px;
    text-align: center
}

.receipt-status-img {
    width: 40px;
    margin: auto;
    display: block
}

.receipt-details-div {
    padding: 10px;
    border-top: 1px dashed #e5e5e5;
    text-align: center
}

.receipt-amount {
    font-size: 20px;
    font-weight: 600
}

.receipt-name {
    font-size: 16px
}

.receipt-background {
    max-width: 356px;
    background-image: url(/assets/images/receipt_brdr_1x.png);
    width: 100%;
    margin: auto;
    height: 5px
}

.icon-blue {
    color: #008A00
}

.mat-form-field-underline {
    position: static !important
}

.mat-form-field-subscript-wrapper {
    position: relative !important
}

.error-icon {
    font-size: 16px;
    width: 16px;
    height: 16px;
    vertical-align: text-bottom
}

.main-box {
    margin: 20px auto
}

.list-items,
.menu-items {
    background: #fff;
    overflow: auto;
    height: calc(100vh - 145px);
    box-sizing: border-box
}

.b-r {
    border-right: 1px solid #dbdbdb
}

.menu-navigation-list {
    color: #008A00
}

.menu-items li {
    list-style-type: none;
    font-size: 14px
}

.nav-link {
    padding: 15px 0 12px 15px;
    cursor: pointer
}

.w-full {
    width: 100%
}

.mat-list-item {
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.mat-list-base .mat-list-item,
.mat-list-base .mat-list-item.mat-list-item-with-avatar,
.mat-list-base .mat-list-option,
.mat-list-base .mat-list-option.mat-list-item-with-avatar {
    height: auto !important
}

.mat-list-base .mat-list-item .mat-list-item-content,
.mat-list-base .mat-list-option .mat-list-item-content {
    padding: 16px 7px 16px 16px !important
}

.list-relative {
    position: relative
}

.b-b-only {
    border: none;
    border-bottom: 1px solid hsla(0, 0%, 50%, .3)
}

.no-border {
    border: none !important
}

.no-data {
    color: rgba(0, 0, 0, .6);
    padding: 20px
}

.multi-notification-note {
    color: #008A00;
    font-size: 14px;
    text-align: center;
    margin-bottom: 16px;
    cursor: pointer
}

.filter-box-style {
    background-color: #fff !important
}

.schedule-info {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #d8d8d8
}

.mat-ink-bar {
    height: 4px !important
}

.mat-tab-link {
    height: 51px !important;
    opacity: 1 !important
}

.mat-tab-links {
    border-bottom: 1px solid #cacaca
}

.mat-tab-link-custom .mat-tab-links {
    border: none !important
}

@media print,
screen and (max-width: 39.99875em) {
    .mat-tab-link-custom .mat-ink-bar {
        height: 0 !important
    }
}

@media print,
screen and (min-width: 40em) {
    .is-no-border .mat-ink-bar {
        height: 0 !important
    }
}

.wrap-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.pwd-valid-icon {
    color: #e9e8e8;
    margin-right: 6px
}

.pwd-valid-icon.valid-scenario {
    color: #0e8a00
}

.masking-fin-serv {
    opacity: .2;
    cursor: not-allowed !important
}

.mat-list-base .mat-list-item .mat-line {
    white-space: inherit !important
}

.border-left-med {
    border-left: 1px solid #ebebeb !important
}

@font-face {
    font-family: robotobold;
    src: url(Roboto-Bold-webfont.eot);
    src: url(Roboto-Bold-webfont.eot?#iefix) format("embedded-opentype"), url(Roboto-Bold-webfont.woff) format("woff"), url(Roboto-Bold-webfont.ttf) format("truetype"), url(Roboto-Bold-webfont.svg#robotobold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotolight;
    src: url(Roboto-Light-webfont.eot);
    src: url(Roboto-Light-webfont.eot?#iefix) format("embedded-opentype"), url(Roboto-Light-webfont.woff) format("woff"), url(Roboto-Light-webfont.ttf) format("truetype"), url(Roboto-Light-webfont.svg#robotolight) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotomedium;
    src: url(Roboto-Medium-webfont.eot);
    src: url(Roboto-Medium-webfont.eot?#iefix) format("embedded-opentype"), url(Roboto-Medium-webfont.woff) format("woff"), url(Roboto-Medium-webfont.ttf) format("truetype"), url(Roboto-Medium-webfont.svg#robotomedium) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotoregular;
    src: url(Roboto-Regular-webfont.eot);
    src: url(Roboto-Regular-webfont.eot?#iefix) format("embedded-opentype"), url(Roboto-Regular-webfont.woff) format("woff"), url(Roboto-Regular-webfont.ttf) format("truetype"), url(Roboto-Regular-webfont.svg#robotoregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotothin;
    src: url(Roboto-Thin-webfont.eot);
    src: url(Roboto-Thin-webfont.eot?#iefix) format("embedded-opentype"), url(Roboto-Thin-webfont.woff) format("woff"), url(Roboto-Thin-webfont.ttf) format("truetype"), url(Roboto-Thin-webfont.svg#robotothin) format("svg");
    font-weight: 400;
    font-style: normal
}

.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}

html {
    box-sizing: border-box;
    font-size: 100%
}

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

body {
    margin: 0;
    padding: 0;
    background: #f6f6f6;
    font-size: 14px;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0
}

select {
    box-sizing: border-box;
    width: 100%;
    border-radius: 0
}

.map_canvas embed,
.map_canvas img,
.map_canvas object,
.mqa-display embed,
.mqa-display img,
.mqa-display object {
    max-width: none !important
}

button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: transparent;
    line-height: 1;
    cursor: auto
}

[data-whatinput=mouse] button {
    outline: 0
}

pre {
    overflow: auto
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

.align-left {
    justify-content: flex-start
}

.align-right {
    justify-content: flex-end
}

.align-center {
    justify-content: center
}

.align-justify {
    justify-content: space-between
}

.align-spaced {
    justify-content: space-around
}

.align-left.vertical.menu>li>a {
    justify-content: flex-start
}

.align-right.vertical.menu>li>a {
    justify-content: flex-end
}

.align-center.vertical.menu>li>a {
    justify-content: center
}

.align-top {
    align-items: flex-start
}

.align-self-top {
    align-self: flex-start
}

.align-bottom {
    align-items: flex-end
}

.align-self-bottom {
    align-self: flex-end
}

.align-middle {
    align-items: center
}

.align-self-middle {
    align-self: center
}

.align-stretch {
    align-items: stretch
}

.align-self-stretch {
    align-self: stretch
}

.align-center-middle {
    justify-content: center;
    align-items: center;
    align-content: center
}

.small-order-1 {
    order: 1
}

.small-order-2 {
    order: 2
}

.small-order-3 {
    order: 3
}

.small-order-4 {
    order: 4
}

.small-order-5 {
    order: 5
}

.small-order-6 {
    order: 6
}

@media print,
screen and (min-width: 40em) {
    .medium-order-1 {
        order: 1
    }

    .medium-order-2 {
        order: 2
    }

    .medium-order-3 {
        order: 3
    }

    .medium-order-4 {
        order: 4
    }

    .medium-order-5 {
        order: 5
    }

    .medium-order-6 {
        order: 6
    }
}

@media print,
screen and (min-width: 64em) {
    .large-order-1 {
        order: 1
    }

    .large-order-2 {
        order: 2
    }

    .large-order-3 {
        order: 3
    }

    .large-order-4 {
        order: 4
    }

    .large-order-5 {
        order: 5
    }

    .large-order-6 {
        order: 6
    }
}

.flex-container {
    display: flex
}

.flex-child-auto {
    flex: 1 1 auto
}

.flex-child-grow {
    flex: 1 0 auto
}

.flex-child-shrink {
    flex: 0 1 auto
}

.flex-dir-row {
    flex-direction: row
}

.flex-dir-row-reverse {
    flex-direction: row-reverse
}

.flex-dir-column {
    flex-direction: column
}

.flex-dir-column-reverse {
    flex-direction: column-reverse
}

@media print,
screen and (min-width: 40em) {
    .medium-flex-container {
        display: flex
    }

    .medium-flex-child-auto {
        flex: 1 1 auto
    }

    .medium-flex-child-grow {
        flex: 1 0 auto
    }

    .medium-flex-child-shrink {
        flex: 0 1 auto
    }

    .medium-flex-dir-row {
        flex-direction: row
    }

    .medium-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .medium-flex-dir-column {
        flex-direction: column
    }

    .medium-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media print,
screen and (min-width: 64em) {
    .large-flex-container {
        display: flex
    }

    .large-flex-child-auto {
        flex: 1 1 auto
    }

    .large-flex-child-grow {
        flex: 1 0 auto
    }

    .large-flex-child-shrink {
        flex: 0 1 auto
    }

    .large-flex-dir-row {
        flex-direction: row
    }

    .large-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .large-flex-dir-column {
        flex-direction: column
    }

    .large-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

.row {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-flow: row wrap
}

.row .row {
    margin-right: -.625rem;
    margin-left: -.625rem
}

@media print,
screen and (min-width: 40em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

@media print,
screen and (min-width: 64em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

.row .row.collapse {
    margin-right: 0;
    margin-left: 0
}

.row.expanded {
    max-width: none
}

.row.expanded .row {
    margin-right: auto;
    margin-left: auto
}

.row:not(.expanded) .row {
    max-width: none
}

.row.collapse>.column,
.row.collapse>.columns {
    padding-right: 0;
    padding-left: 0
}

.row.collapse>.column>.row,
.row.collapse>.columns>.row,
.row.is-collapse-child {
    margin-right: 0;
    margin-left: 0
}

.column,
.columns {
    flex: 1 1 0px;
    padding-right: .625rem;
    padding-left: .625rem;
    min-width: 0
}

@media print,
screen and (min-width: 40em) {

    .column,
    .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.column.row.row,
.row.row.columns {
    float: none;
    display: block
}

.row .column.row.row,
.row .row.row.columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
}

.small-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.small-offset-0 {
    margin-left: 0
}

.small-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.small-offset-1 {
    margin-left: 8.3333333333%
}

.small-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.small-offset-2 {
    margin-left: 16.6666666667%
}

.small-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.small-offset-3 {
    margin-left: 25%
}

.small-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.small-offset-4 {
    margin-left: 33.3333333333%
}

.small-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.small-offset-5 {
    margin-left: 41.6666666667%
}

.small-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.small-offset-6 {
    margin-left: 50%
}

.small-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.small-offset-7 {
    margin-left: 58.3333333333%
}

.small-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.small-offset-8 {
    margin-left: 66.6666666667%
}

.small-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.small-offset-9 {
    margin-left: 75%
}

.small-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.small-offset-10 {
    margin-left: 83.3333333333%
}

.small-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.small-offset-11 {
    margin-left: 91.6666666667%
}

.small-up-1 {
    flex-wrap: wrap
}

.small-up-1>.column,
.small-up-1>.columns {
    flex: 0 0 100%;
    max-width: 100%
}

.small-up-2 {
    flex-wrap: wrap
}

.small-up-2>.column,
.small-up-2>.columns {
    flex: 0 0 50%;
    max-width: 50%
}

.small-up-3 {
    flex-wrap: wrap
}

.small-up-3>.column,
.small-up-3>.columns {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.small-up-4 {
    flex-wrap: wrap
}

.small-up-4>.column,
.small-up-4>.columns {
    flex: 0 0 25%;
    max-width: 25%
}

.small-up-5 {
    flex-wrap: wrap
}

.small-up-5>.column,
.small-up-5>.columns {
    flex: 0 0 20%;
    max-width: 20%
}

.small-up-6 {
    flex-wrap: wrap
}

.small-up-6>.column,
.small-up-6>.columns {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.small-up-7 {
    flex-wrap: wrap
}

.small-up-7>.column,
.small-up-7>.columns {
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%
}

.small-up-8 {
    flex-wrap: wrap
}

.small-up-8>.column,
.small-up-8>.columns {
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.small-collapse>.column,
.small-collapse>.columns {
    padding-right: 0;
    padding-left: 0
}

.small-uncollapse>.column,
.small-uncollapse>.columns {
    padding-right: .625rem;
    padding-left: .625rem
}

@media print,
screen and (min-width: 40em) {
    .medium-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .medium-offset-0 {
        margin-left: 0
    }

    .medium-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .medium-offset-1 {
        margin-left: 8.3333333333%
    }

    .medium-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .medium-offset-2 {
        margin-left: 16.6666666667%
    }

    .medium-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .medium-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .medium-offset-4 {
        margin-left: 33.3333333333%
    }

    .medium-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .medium-offset-5 {
        margin-left: 41.6666666667%
    }

    .medium-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .medium-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .medium-offset-7 {
        margin-left: 58.3333333333%
    }

    .medium-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .medium-offset-8 {
        margin-left: 66.6666666667%
    }

    .medium-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .medium-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .medium-offset-10 {
        margin-left: 83.3333333333%
    }

    .medium-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .medium-offset-11 {
        margin-left: 91.6666666667%
    }

    .medium-up-1 {
        flex-wrap: wrap
    }

    .medium-up-1>.column,
    .medium-up-1>.columns {
        flex: 0 0 100%;
        max-width: 100%
    }

    .medium-up-2 {
        flex-wrap: wrap
    }

    .medium-up-2>.column,
    .medium-up-2>.columns {
        flex: 0 0 50%;
        max-width: 50%
    }

    .medium-up-3 {
        flex-wrap: wrap
    }

    .medium-up-3>.column,
    .medium-up-3>.columns {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .medium-up-4 {
        flex-wrap: wrap
    }

    .medium-up-4>.column,
    .medium-up-4>.columns {
        flex: 0 0 25%;
        max-width: 25%
    }

    .medium-up-5 {
        flex-wrap: wrap
    }

    .medium-up-5>.column,
    .medium-up-5>.columns {
        flex: 0 0 20%;
        max-width: 20%
    }

    .medium-up-6 {
        flex-wrap: wrap
    }

    .medium-up-6>.column,
    .medium-up-6>.columns {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .medium-up-7 {
        flex-wrap: wrap
    }

    .medium-up-7>.column,
    .medium-up-7>.columns {
        flex: 0 0 14.2857142857%;
        max-width: 14.2857142857%
    }

    .medium-up-8 {
        flex-wrap: wrap
    }

    .medium-up-8>.column,
    .medium-up-8>.columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media print,
screen and (min-width: 40em) and (min-width: 40em) {
    .medium-expand {
        flex: 1 1 0px
    }
}

.row.medium-unstack>.column,
.row.medium-unstack>.columns {
    flex: 0 0 100%
}

@media print,
screen and (min-width: 40em) {

    .row.medium-unstack>.column,
    .row.medium-unstack>.columns {
        flex: 1 1 0px
    }

    .medium-collapse>.column,
    .medium-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }

    .medium-uncollapse>.column,
    .medium-uncollapse>.columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media print,
screen and (min-width: 64em) {
    .large-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .large-offset-0 {
        margin-left: 0
    }

    .large-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .large-offset-1 {
        margin-left: 8.3333333333%
    }

    .large-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .large-offset-2 {
        margin-left: 16.6666666667%
    }

    .large-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .large-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .large-offset-4 {
        margin-left: 33.3333333333%
    }

    .large-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .large-offset-5 {
        margin-left: 41.6666666667%
    }

    .large-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .large-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .large-offset-7 {
        margin-left: 58.3333333333%
    }

    .large-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .large-offset-8 {
        margin-left: 66.6666666667%
    }

    .large-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .large-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .large-offset-10 {
        margin-left: 83.3333333333%
    }

    .large-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .large-offset-11 {
        margin-left: 91.6666666667%
    }

    .large-up-1 {
        flex-wrap: wrap
    }

    .large-up-1>.column,
    .large-up-1>.columns {
        flex: 0 0 100%;
        max-width: 100%
    }

    .large-up-2 {
        flex-wrap: wrap
    }

    .large-up-2>.column,
    .large-up-2>.columns {
        flex: 0 0 50%;
        max-width: 50%
    }

    .large-up-3 {
        flex-wrap: wrap
    }

    .large-up-3>.column,
    .large-up-3>.columns {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .large-up-4 {
        flex-wrap: wrap
    }

    .large-up-4>.column,
    .large-up-4>.columns {
        flex: 0 0 25%;
        max-width: 25%
    }

    .large-up-5 {
        flex-wrap: wrap
    }

    .large-up-5>.column,
    .large-up-5>.columns {
        flex: 0 0 20%;
        max-width: 20%
    }

    .large-up-6 {
        flex-wrap: wrap
    }

    .large-up-6>.column,
    .large-up-6>.columns {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .large-up-7 {
        flex-wrap: wrap
    }

    .large-up-7>.column,
    .large-up-7>.columns {
        flex: 0 0 14.2857142857%;
        max-width: 14.2857142857%
    }

    .large-up-8 {
        flex-wrap: wrap
    }

    .large-up-8>.column,
    .large-up-8>.columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media print,
screen and (min-width: 64em) and (min-width: 64em) {
    .large-expand {
        flex: 1 1 0px
    }
}

.row.large-unstack>.column,
.row.large-unstack>.columns {
    flex: 0 0 100%
}

@media print,
screen and (min-width: 64em) {

    .row.large-unstack>.column,
    .row.large-unstack>.columns {
        flex: 1 1 0px
    }

    .large-collapse>.column,
    .large-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }

    .large-uncollapse>.column,
    .large-uncollapse>.columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.shrink {
    flex: 0 0 auto;
    max-width: 100%
}

.column-block {
    margin-bottom: 1.25rem
}

.column-block>:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width: 40em) {
    .column-block {
        margin-bottom: 1.875rem
    }

    .column-block>:last-child {
        margin-bottom: 0
    }
}

.text-hide {
    font: 0/0 a !important;
    color: transparent !important;
    text-shadow: none !important;
    background-color: transparent !important;
    border: 0 !important
}

.text-truncate {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis
}

.text-nowrap,
.text-truncate {
    white-space: nowrap !important
}

.text-wrap {
    word-wrap: break-word !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-overline {
    text-decoration: overline !important
}

.text-underline {
    text-decoration: underline !important
}

.text-line-through {
    text-decoration: line-through !important
}

.font-wide {
    letter-spacing: .25rem
}

.font-normal {
    font-weight: 400
}

.font-bold {
    font-weight: 700
}

.font-italic {
    font-style: italic !important
}

ul.list-disc {
    list-style-type: disc !important
}

ul.list-circle {
    list-style-type: circle !important
}

ul.list-square {
    list-style-type: square !important
}

ol.list-decimal {
    list-style-type: decimal !important
}

ol.list-lower-alpha {
    list-style-type: lower-alpha !important
}

ol.list-lower-latin {
    list-style-type: lower-latin !important
}

ol.list-lower-roman {
    list-style-type: lower-roman !important
}

ol.list-upper-alpha {
    list-style-type: upper-alpha !important
}

ol.list-upper-latin {
    list-style-type: upper-latin !important
}

ol.list-upper-roman {
    list-style-type: upper-roman !important
}

.rounded,
.rounded .switch-paddle {
    border-radius: 5000px !important
}

.rounded .switch-paddle:after {
    border-radius: 50%
}

.radius {
    border-radius: .1875rem
}

.bordered {
    border: .0625rem solid #ededed
}

.shadow {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.arrow-down {
    border-color: #0a0a0a transparent transparent;
    border-width: .4375rem .4375rem 0
}

.arrow-down,
.arrow-up {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-style: solid
}

.arrow-up {
    border-color: transparent transparent #0a0a0a;
    border-width: 0 .4375rem .4375rem
}

.arrow-right {
    border-color: transparent transparent transparent #0a0a0a;
    border-width: .4375rem 0 .4375rem .4375rem
}

.arrow-left,
.arrow-right {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-style: solid
}

.arrow-left {
    border-color: transparent #0a0a0a transparent transparent;
    border-width: .4375rem .4375rem .4375rem 0
}

.separator-center {
    text-align: center !important
}

.separator-center:after,
.separator-center:before {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.separator-center:after {
    clear: both;
    position: relative !important;
    width: 3rem;
    border-bottom: .125rem solid #008A00;
    margin: 1rem auto 0
}

.separator-left {
    text-align: left !important
}

.separator-left:after,
.separator-left:before {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.separator-left:after {
    clear: both;
    position: relative !important;
    width: 3rem;
    border-bottom: .125rem solid #008A00;
    margin: 1rem auto 0;
    margin-left: 0 !important
}

.separator-right {
    text-align: right !important
}

.separator-right:after,
.separator-right:before {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.separator-right:after {
    clear: both;
    position: relative !important;
    width: 3rem;
    border-bottom: .125rem solid #008A00;
    margin: 1rem auto 0;
    margin-right: 0 !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-x-visible {
    overflow-x: visible !important
}

.overflow-y-visible {
    overflow-y: visible !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.overflow-scroll {
    overflow: scroll !important;
    -webkit-overflow-scrolling: touch
}

.overflow-x-scroll {
    overflow-x: scroll !important;
    -webkit-overflow-scrolling: touch
}

.overflow-y-scroll {
    overflow-y: scroll !important;
    -webkit-overflow-scrolling: touch
}

.display-inline {
    display: inline !important
}

.display-inline-block {
    display: inline-block !important
}

.display-block {
    display: block !important
}

.display-table {
    display: table !important
}

.display-table-cell {
    display: table-cell !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-fixed-top {
    top: 0 !important
}

.position-fixed-bottom,
.position-fixed-top {
    position: fixed !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 975
}

.position-fixed-bottom {
    bottom: 0 !important
}

.border-box {
    box-sizing: border-box !important
}

.border-none {
    border: 0 !important
}

.width-25 {
    width: 25% !important
}

.width-50 {
    width: 50% !important
}

.width-75 {
    width: 75% !important
}

.width-100 {
    width: 100% !important
}

.height-25 {
    height: 25% !important
}

.height-50 {
    height: 50% !important
}

.height-75 {
    height: 75% !important
}

.height-100 {
    height: 100% !important
}

.max-width-100 {
    max-width: 100% !important
}

.max-height-100 {
    max-height: 100% !important
}

.margin-0 {
    margin: 0 !important
}

.margin-top-0 {
    margin-top: 0 !important
}

.margin-right-0 {
    margin-right: 0 !important
}

.margin-bottom-0 {
    margin-bottom: 0 !important
}

.margin-horizontal-0,
.margin-left-0 {
    margin-left: 0 !important
}

.margin-horizontal-0 {
    margin-right: 0 !important
}

.margin-vertical-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.padding-0 {
    padding: 0 !important
}

.padding-top-0 {
    padding-top: 0 !important
}

.padding-right-0 {
    padding-right: 0 !important
}

.padding-bottom-0 {
    padding-bottom: 0 !important
}

.padding-horizontal-0,
.padding-left-0 {
    padding-left: 0 !important
}

.padding-horizontal-0 {
    padding-right: 0 !important
}

.padding-vertical-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.margin-1 {
    margin: 1rem !important
}

.margin-top-1 {
    margin-top: 1rem !important
}

.margin-right-1 {
    margin-right: 1rem !important
}

.margin-bottom-1 {
    margin-bottom: 1rem !important
}

.margin-horizontal-1,
.margin-left-1 {
    margin-left: 1rem !important
}

.margin-horizontal-1 {
    margin-right: 1rem !important
}

.margin-vertical-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.padding-1 {
    padding: 1rem !important
}

.padding-top-1 {
    padding-top: 1rem !important
}

.padding-right-1 {
    padding-right: 1rem !important
}

.padding-bottom-1 {
    padding-bottom: 1rem !important
}

.padding-horizontal-1,
.padding-left-1 {
    padding-left: 1rem !important
}

.padding-horizontal-1 {
    padding-right: 1rem !important
}

.padding-vertical-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

.visible {
    visibility: visible
}

@media print,
screen and (max-width: 39.99875em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width: 0em),
screen and (min-width: 40em) {
    .show-for-small-only {
        display: none !important
    }
}

@media print,
screen and (min-width: 40em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width: 39.99875em) {
    .show-for-medium {
        display: none !important
    }
}

@media print,
screen and (min-width: 40em) and (max-width: 63.99875em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width: 39.99875em),
screen and (min-width: 64em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media print,
screen and (min-width: 64em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width: 63.99875em) {
    .show-for-large {
        display: none !important
    }
}

@media print,
screen and (min-width: 64em) and (max-width: 74.99875em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width: 63.99875em),
screen and (min-width: 75em) {
    .show-for-large-only {
        display: none !important
    }
}

.show-for-sr,
.show-on-focus {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.show-on-focus:active,
.show-on-focus:focus {
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important
}

.hide-for-portrait,
.show-for-landscape {
    display: block !important
}

@media screen and (orientation: landscape) {

    .hide-for-portrait,
    .show-for-landscape {
        display: block !important
    }
}

@media screen and (orientation: portrait) {

    .hide-for-portrait,
    .show-for-landscape {
        display: none !important
    }
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important
}

@media screen and (orientation: landscape) {

    .hide-for-landscape,
    .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation: portrait) {

    .hide-for-landscape,
    .show-for-portrait {
        display: block !important
    }
}

.show-for-dark-mode {
    display: none
}

.hide-for-dark-mode {
    display: block
}

@media screen and (prefers-color-scheme: dark) {
    .show-for-dark-mode {
        display: block !important
    }

    .hide-for-dark-mode {
        display: none !important
    }
}

.show-for-ie {
    display: none
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .show-for-ie {
        display: block !important
    }

    .hide-for-ie {
        display: none !important
    }
}

.show-for-sticky {
    display: none
}

.is-stuck .show-for-sticky {
    display: block
}

.is-stuck .hide-for-sticky {
    display: none
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-center {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.clearfix:after,
.clearfix:before {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.clearfix:after {
    clear: both
}

blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
    margin: 0;
    padding: 0
}

p {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility
}

em,
i {
    font-style: italic
}

b,
em,
i,
strong {
    line-height: inherit
}

b,
strong {
    font-weight: 700
}

small {
    font-size: 80%;
    line-height: inherit
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: inherit;
    text-rendering: optimizeLegibility
}

.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    line-height: 0;
    color: #ededed
}

.h1,
h1 {
    font-size: 1.5rem
}

.h1,
.h2,
h1,
h2 {
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h2,
h2 {
    font-size: 1.25rem
}

.h3,
h3 {
    font-size: 1.1875rem
}

.h3,
.h4,
h3,
h4 {
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h4,
h4 {
    font-size: 1.125rem
}

.h5,
h5 {
    font-size: 1.0625rem
}

.h5,
.h6,
h5,
h6 {
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h6,
h6 {
    font-size: 1rem
}

@media print,
screen and (min-width: 40em) {

    .h1,
    h1 {
        font-size: 3rem
    }

    .h2,
    h2 {
        font-size: 2.5rem
    }

    .h3,
    h3 {
        font-size: 1.9375rem
    }

    .h4,
    h4 {
        font-size: 1.5625rem
    }

    .h5,
    h5 {
        font-size: 1.25rem
    }

    .h6,
    h6 {
        font-size: 1rem
    }
}

a {
    line-height: inherit;
    color: #008A00;
    text-decoration: none;
    cursor: pointer
}

a:focus,
a:hover {
    color: #002c92
}

a img,
hr {
    border: 0
}

hr {
    clear: both;
    max-width: 75rem;
    height: 0;
    margin: 1.25rem auto;
    border-bottom: 1px solid #ededed
}

dl,
ol,
ul {
    margin-bottom: 1rem;
    list-style-position: outside;
    line-height: 1.6
}

li {
    font-size: inherit
}

ul {
    list-style-type: disc
}

ol,
ul {
    margin-left: 1.25rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-left: 1.25rem;
    margin-bottom: 0
}

dl {
    margin-bottom: 1rem
}

dl dt {
    margin-bottom: .3rem;
    font-weight: 700
}

blockquote {
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #ededed
}

blockquote,
blockquote p {
    line-height: 1.6;
    color: #dbdbdb
}

abbr,
abbr[title] {
    border-bottom: 1px dotted #0a0a0a;
    cursor: help;
    text-decoration: none
}

figure,
kbd {
    margin: 0
}

kbd {
    padding: .125rem .25rem 0;
    background-color: #f6f6f6;
    font-family: Consolas, Liberation Mono, Courier, monospace;
    color: #0a0a0a
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.4;
    color: #dbdbdb
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p+.stat {
    margin-top: -1rem
}

ol.no-bullet,
ul.no-bullet {
    margin-left: 0;
    list-style: none
}

.cite-block,
cite {
    display: block;
    color: #dbdbdb;
    font-size: .8125rem
}

.cite-block:before,
cite:before {
    content: "— "
}

.code-inline,
code {
    display: inline;
    max-width: 100%;
    word-wrap: break-word;
    padding: .125rem .3125rem .0625rem
}

.code-block,
.code-inline,
code {
    border: 1px solid #ededed;
    background-color: #f6f6f6;
    font-family: Consolas, Liberation Mono, Courier, monospace;
    font-weight: 400;
    color: #0a0a0a
}

.code-block {
    display: block;
    overflow: auto;
    white-space: pre;
    padding: 1rem;
    margin-bottom: 1.5rem
}

.show-for-print {
    display: none !important
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        print-color-adjust: economy;
        box-shadow: none !important;
        text-shadow: none !important
    }

    .show-for-print {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print,
    th.show-for-print {
        display: table-cell !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " ("attr(href) ")"
    }

    .ir a:after,
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    abbr[title]:after {
        content: " ("attr(title) ")"
    }

    blockquote,
    pre {
        border: 1px solid #dbdbdb;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    .print-break-inside {
        page-break-inside: auto
    }
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media print,
screen and (min-width: 40em) {
    .medium-text-left {
        text-align: left
    }

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

    .medium-text-center {
        text-align: center
    }

    .medium-text-justify {
        text-align: justify
    }
}

@media print,
screen and (min-width: 64em) {
    .large-text-left {
        text-align: left
    }

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

    .large-text-center {
        text-align: center
    }

    .large-text-justify {
        text-align: justify
    }
}

.mat-h5,
.mat-typography h5 {
    font: 400 calc(14px * .83) /20px Roboto, Helvetica Neue, sans-serif
}

.mat-h6,
.mat-typography h6 {
    font: 400 calc(14px * .67) /20px Roboto, Helvetica Neue, sans-serif
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #008A00
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #36c
}

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

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
    background: #008A00
}

.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate {
    background: #36c
}

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

.mat-badge-content {
    background: #008A00
}

.mat-badge-accent .mat-badge-content {
    background: #36c
}

.mat-badge-warn .mat-badge-content {
    background: #e70011
}

.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
    color: #008A00
}

.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
    color: #36c
}

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

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

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

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

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

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

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

.mat-checkbox-checked.mat-primary .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
    background-color: #008A00
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background-color: #36c
}

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

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

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

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

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
    background-color: #008A00
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
    background-color: #e70011
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
    background-color: #36c
}

.mat-calendar-body-in-range:before {
    background: rgba(0, 51, 170, .2)
}

.mat-calendar-body-comparison-bridge-start:before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(90deg, rgba(0, 51, 170, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-calendar-body-comparison-bridge-end:before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(270deg, rgba(0, 51, 170, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-calendar-body-selected {
    background-color: #008A00
}

.mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: rgba(0, 51, 170, .4)
}

.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(0, 51, 170, .3)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before {
    background: rgba(51, 102, 204, .2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(90deg, rgba(51, 102, 204, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(270deg, rgba(51, 102, 204, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
    background-color: #36c
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: rgba(51, 102, 204, .4)
}

.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(51, 102, 204, .3)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before {
    background: rgba(231, 0, 17, .2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(90deg, rgba(231, 0, 17, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(270deg, rgba(231, 0, 17, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
    background-color: #e70011
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: rgba(231, 0, 17, .4)
}

.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(231, 0, 17, .3)
}

.mat-datepicker-toggle-active {
    color: #008A00
}

.mat-datepicker-toggle-active.mat-accent {
    color: #36c
}

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

.mat-form-field.mat-focused .mat-form-field-label {
    color: #008A00
}

.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
    color: #36c
}

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

.mat-focused .mat-form-field-required-marker {
    color: #36c
}

.mat-form-field.mat-focused .mat-form-field-ripple {
    background-color: #008A00
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
    background-color: #36c
}

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

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

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

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after,
.mat-form-field.mat-form-field-invalid .mat-form-field-label,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent {
    color: #e70011
}

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

.mat-error {
    color: #e70011
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
    color: #008A00
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
    color: #36c
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick,
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
    color: #e70011
}

.mat-icon.mat-primary {
    color: #008A00
}

.mat-icon.mat-accent {
    color: #36c
}

.mat-icon.mat-warn {
    color: #e70011
}

.mat-input-element {
    caret-color: #008A00
}

.mat-form-field.mat-accent .mat-input-element {
    caret-color: #36c
}

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

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

.mat-progress-bar-background {
    fill: #bcc8e6
}

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

.mat-progress-bar-fill:after {
    background-color: #008A00
}

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

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

.mat-progress-bar.mat-accent .mat-progress-bar-fill:after {
    background-color: #36c
}

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

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

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

.mat-progress-spinner circle,
.mat-spinner circle {
    stroke: #008A00
}

.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
    stroke: #36c
}

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

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
    border-color: #008A00
}

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

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #36c
}

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

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

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

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
    color: #008A00
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
    color: #36c
}

.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow,
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
    color: #e70011
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #36c
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(51, 102, 204, .54)
}

.mat-slide-toggle.mat-checked .mat-ripple-element {
    background-color: #36c
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
    background-color: #008A00
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(0, 51, 170, .54)
}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
    background-color: #008A00
}

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

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(231, 0, 17, .54)
}

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

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

.mat-primary .mat-slider-focus-ring {
    background-color: rgba(0, 51, 170, .2)
}

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

.mat-accent .mat-slider-focus-ring {
    background-color: rgba(51, 102, 204, .2)
}

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

.mat-warn .mat-slider-focus-ring {
    background-color: rgba(231, 0, 17, .2)
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
    background-color: #008A00
}

.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
    background-color: #36c
}

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

.mat-step-header .mat-step-icon-state-error,
.mat-step-header .mat-step-label.mat-step-label-error {
    color: #e70011
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: hsla(0, 0%, 93%, .3)
}

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

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: hsla(0, 0%, 93%, .3)
}

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

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

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: hsla(0, 0%, 93%, .3)
}

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

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: hsla(0, 0%, 93%, .3)
}

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

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

.mat-toolbar.mat-primary {
    background: #008A00
}

.mat-toolbar.mat-accent {
    background: #36c
}

.mat-toolbar.mat-warn {
    background: #e70011
}

.mat-simple-snackbar-action {
    color: #36c
}

.row {
    max-width: 980px !important
}

@media print,
screen and (max-width: 39.99875em) {
    .right-section {
        margin-left: auto
    }
}

.cursor-pointer,
.mat-icon {
    cursor: pointer
}

.mat-button,
.mat-fab,
.mat-flat-button,
.mat-icon-button,
.mat-mini-fab,
.mat-raised-button,
.mat-stroked-button {
    font-family: robotomedium, Arial, sans-serif !important
}

.column,
.columns {
    padding-right: 16px;
    padding-left: 16px
}

.animate-up {
    animation: bottomAnimateUp .15s linear;
    animation-timing-function: cubic-bezier(0, 0, .25, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.no-animation,
.no-animation * {
    transition-property: none !important;
    animation: none !important
}

p {
    margin: 0;
    line-height: inherit
}

.beneficiary-details-header__name--capitalize,
.beneficicary-details__benef-name,
.details__benef-name,
.divider-lable,
.mat-button-wrapper,
.mat-radio-label-content,
.nav-link,
.section-label {
    text-transform: capitalize !important
}

.rec-success-icon {
    color: #0e8a00 !important
}

.rec-error-icon,
.rec-success-icon {
    font-size: 48px !important;
    margin: auto;
    width: 48px !important;
    height: 48px !important
}

.rec-error-icon {
    color: #e70011 !important
}

.rec-warning-icon {
    font-size: 48px !important;
    margin: auto;
    width: 48px !important;
    color: #ffb822 !important;
    height: 48px !important
}

.mat-form-field-label {
    text-transform: capitalize
}

@media print,
screen and (max-width: 39.99875em) {
    .small-left-right-bottom-border-0 {
        border-bottom: 0 !important
    }

    .small-left-right-border-0,
    .small-left-right-bottom-border-0 {
        border-left: 0 !important;
        border-right: 0 !important
    }

    .small-top-bottom-border-0 {
        border-top: 0 !important;
        border-bottom: 0 !important
    }

    .small-top-border-0 {
        border-top: 0 !important
    }

    .small-bottom-border-0 {
        border-bottom: 0 !important
    }

    .small-left-right-padding-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .small-top-bottom-padding-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .small-padding-0 {
        padding: 0 !important
    }

    .small-top-right-botton-padding-1 {
        padding-top: 16px;
        padding-left: 16px;
        padding-right: 16px
    }

    .small-left-right-margin-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .small-margin-0 {
        margin: 0 !important
    }
}

.left-right-bottom-border-0 {
    border-bottom: 0 !important
}

.left-right-border-0,
.left-right-bottom-border-0 {
    border-left: 0 !important;
    border-right: 0 !important
}

.left-right-padding-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.top-bottom-padding-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.left-right-margin-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.left-margin-auto,
.right-margin-auto {
    margin-left: auto
}

.left-right-margin-auto {
    margin-left: auto;
    margin-right: auto
}

.pd-section {
    margin: auto;
    max-width: 150px
}

@media print,
screen and (max-width: 39.99875em) {
    .small-only-padding-top-1 {
        padding-top: 16px !important
    }
}

.border-bottom {
    border-bottom: 1px solid #cacaca
}

.border-top {
    border-top: 1px solid #cacaca
}

.border-left {
    border-left: 1px solid #cacaca
}

.border-right {
    border-right: 1px solid #cacaca
}

.border-bottom-none {
    border-bottom: none !important
}

.border-top-none {
    border-top: none !important
}

.border-left-none {
    border-left: none !important
}

.border-right-none {
    border-right: none !important
}

hr {
    border-bottom: 1px dashed #767676 !important;
    margin: 16px auto
}

hr.light-solid {
    border-bottom: 1px solid #cacaca !important;
    margin: 16px auto
}

.center-heading,
.center-heading-with-icon {
    text-align: center;
    font-size: 14px;
    color: #767676
}

.center-heading-with-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center
}

.manage-groups {
    height: auto;
    min-height: 62px;
    padding: 0 16px;
    background-color: #fefefe;
    border-top: 0
}

.manage-groups .mat-form-field-wrapper {
    padding: 7px 0 0
}

@media only screen and (max-width: 640px) {
    .manage-groups {
        padding: 0 10px
    }
}

@media print,
screen and (max-width: 39.99875em) {
    .blocks-sticky {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1005;
        height: 100vh;
        overflow: auto;
        padding: 20px;
        display: block;
        visibility: visible;
        background-color: #f6f6f6;
        border-top: 4px solid #008A00
    }

    .blocks-sticky .block-heading {
        text-align: center;
        padding: 16px;
        font-size: 16px;
        font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
        color: #222
    }

    .blocks-sticky .detail-filter-container {
        height: 100%;
        padding: 0
    }

    .blocks-sticky .sticky-top-margin {
        margin-top: 24px
    }

    .blocks-sticky .sticky-top-margin-8 {
        margin-top: 8px
    }

    .blocks-sticky .sticky-top-margin-3px {
        margin-top: 3px
    }

    .blocks-sticky .center-button {
        border-top: 1px solid #cacaca;
        justify-content: center;
        margin-top: 24px
    }

    .filter-block {
        padding: 0
    }
}

.line-height-1 {
    line-height: 1
}

.parent-container {
    border: 1px solid #cacaca;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto
}

.back-white,
.parent-container {
    background-color: #fefefe
}

.module-wrap {
    max-width: 980px;
    margin: auto
}

.router-container {
    max-width: 400px;
    margin: auto
}

@media print,
screen and (max-width: 39.99875em) {
    .router-container {
        max-width: 100%;
        margin: 0 !important
    }
}

.card-container {
    max-width: 400px;
    margin: auto
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .card-container {
        width: 480px;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0
    }
}

.detail-card {
    background-color: #fefefe;
    border: 1px solid #cacaca;
    padding: 16px;
    color: #444
}

@media print,
screen and (max-width: 39.99875em) {
    .detail-card {
        border-left: none;
        border-right: none
    }
}

.detail-card .detail-info {
    text-align: center
}

.detail-card .detail-info .detail-info__amount {
    font-size: 24px;
    font-weight: 700
}

.detail-card .detail-info-padding {
    padding: 16px;
    text-align: center
}

.detail-block .detail__heading {
    font-size: 12px;
    color: #767676
}

.detail-block .details__value {
    font-size: 14px;
    color: #444
}

.from-detail .detail__heading {
    font-size: 14px;
    color: #767676
}

.receipt-card {
    border: 1px solid #ededed;
    border-top: none !important
}

.receipt-card .detail-card {
    padding: 16px;
    border: none;
    background-color: #fefefe
}

.detail-block+.detail-block,
.detail-card+.detail-card,
.detail-receipt+.detail-receipt {
    margin-top: 16px
}

.detail-block-amount {
    margin-top: 4px;
    margin-bottom: 16px
}

.detail-receipt .detail-block+.detail-block {
    margin-top: 8px
}

.detail-card.v-padder {
    padding: 16px 0
}

.detail-card.h-padder {
    padding: 0 16px
}

.mat-form-field {
    width: 100%
}

.mat-checkbox,
.mat-form-field,
.mat-radio-button {
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important
}

.mat-datepicker-toggle-default-icon {
    color: #008A00
}

.button__outline,
.mat-raised-button {
    border-radius: 2px !important
}

.mat-raised-button[disabled]:not([class*=mat-elevation-z]) {
    border: 1px solid #cecece !important
}

.mat-raised-button[disabled][disabled] {
    height: auto !important
}

.cdk-overlay-container {
    z-index: 10000 !important
}

@media print,
screen and (max-width: 39.99875em) {
    .cdk-overlay-connected-position-bounding-box {
        z-index: 99999 !important
    }
}

.mat-form-field-label {
    margin-top: 1px !important
}

.mat-raised-button {
    line-height: 32px !important
}

.mat-button,
.mat-flat-button,
.mat-icon-button,
.mat-raised-button,
.mat-stroked-button {
    padding: 0 14px !important
}

.mat-form-field-appearance-legacy .mat-form-field-label,
.mat-form-field-invalid .mat-input-element,
.mat-form-field.mat-form-field-invalid .mat-form-field-label,
.mat-warn .mat-input-element {
    color: rgba(0, 0, 0, .54) !important
}

.mat-form-field-required-marker {
    display: none
}

.mat-select-arrow {
    padding: 4px !important
}

.section-label {
    margin-bottom: 16px
}

.divider-lable {
    font-size: 12px;
    color: #767676;
    margin: 16px 0 8px
}

@media print,
screen and (max-width: 39.99875em) {
    .divider-lable {
        margin-left: 5px
    }
}

.ben-receipt-background {
    max-width: 400px;
    background-image: url(/assets/images/receipt_brdr_1x.png);
    width: 100%;
    margin: auto;
    height: 5px
}

.ben-receipt-logo {
    width: 150px;
    margin: auto
}

.ben-receipt-status-img {
    width: 40px;
    margin: auto;
    display: block
}

.amount-display-section {
    align-items: flex-end
}

@media print,
screen and (max-width: 39.99875em) {
    .amount-display-section {
        margin-right: 16px
    }
}

.amount-display-section .amount-heading {
    font-size: 14px;
    color: #767676;
    padding-right: 0
}

.amount-display-section .amount-value {
    color: #008A00;
    padding-right: 0
}

.amount-display-section .amount-value .currency {
    font-size: 14px
}

.amount-display-section .amount-value .amount {
    font-size: 24px
}

.receipt-amount-row {
    color: #444
}

.receipt-amount-row .currency {
    font-size: 16px
}

.receipt-amount-row .amount {
    font-size: 20px
}

.form-footer-row {
    margin: 16px 0
}

@media print,
screen and (max-width: 39.99875em) {
    .form-footer-row {
        margin: 16px
    }
}

.radio-group {
    display: flex;
    flex-direction: row;
    margin: 16px 0
}

.ratio-btn-style .mat-radio-outer-circle {
    border-width: 1px
}

.ratio-btn-style .mat-radio-container,
.ratio-btn-style .mat-radio-inner-circle,
.ratio-btn-style .mat-radio-outer-circle {
    height: 16px;
    width: 16px
}

@media print,
screen and (min-width: 40em) {
    .mat-drawer {
        width: 280px !important;
        height: 100vh !important
    }

    .sidenav__footer--timestamp {
        padding: 23px 60px
    }
}

.mat-drawer-container {
    position: unset !important
}

.mat-drawer-backdrop {
    height: 100vh !important
}

:host {
    display: block
}

.card-inner-detail:not(:last-child) {
    margin-bottom: 16px
}

.card-inner-detail .mat-form-field-wrapper {
    padding: 0 !important
}

.dashboard-container {
    width: 100%
}

.dashboard__tile--margin {
    margin-bottom: 20px
}

.dashboard__hero-tile:nth-child(2n) {
    padding-right: 0
}

.dashboard__hero-tile:nth-child(odd) {
    padding-left: 0
}

.dashboard {
    width: 100%;
    padding: 0 10px;
    min-height: 658px
}

.list__details {
    height: 70px
}

.header__menu {
    cursor: pointer;
    height: 100%
}

.main-menu-header {
    padding-bottom: 6px;
    border-bottom: 1px solid #a3a3a5;
    font-weight: 700
}

.main-menu-footer {
    color: #008A00;
    font-size: 1em;
    padding-bottom: 6px;
    padding-top: 10px;
    border-top: 1px solid #d3d3d3
}

.header__menu .material-icons {
    font-size: 28px
}

.header__sign-out {
    font-size: 16px;
    height: 100%;
    float: right
}

.header__logo img {
    width: 36px;
    height: 40px
}

.header__username--display {
    display: flex
}

.header__icon--font-size {
    font-size: 20px
}

.header__username--font-size {
    font-size: 14px
}

.ham__header {
    padding-left: 7%
}

.sidenav__footer {
    position: absolute;
    bottom: 0
}

.sidenav__footer--timestamp {
    height: 70px;
    text-align: center;
    padding: 23px 12px;
    background-color: #d3d3d3
}

.sidenav__options {
    border-top: 3px solid #1f12ad
}

.sidenav__options--list-item:hover {
    background-color: #f2f5fb
}

.sidenav__footer--list {
    padding: 10px 0;
    font-size: 17px;
    border-top: 1px solid #d3d3d3
}

.sidenav__footer--list-item {
    padding: 10px 30px;
    font-size: 16px
}

.sidenav__footer--list-item:hover {
    background-color: #f2f5fb
}

.sidenav__footer--list-icon {
    font-size: 16px;
    padding-right: 5px
}

.sidenav__footer--list-title {
    position: relative;
    top: -2px
}

.dashboard__option {
    color: #1f12ad;
    font-weight: 700
}

.choose__approver__rb .mat-radio-label {
    white-space: inherit !important;
    align-items: start !important;
    width: auto
}

.choose__approver__rb .mat-radio-container {
    top: 3px
}

.choose__approver__rb .mat-radio-label-content {
    padding-left: 7px !important
}

.choose__approver__repeater .mat-form-field-wrapper {
    padding-bottom: 0 !important
}

.other-details__field-heading {
    font-size: 12px;
    font-family: robotoregular;
    color: #767676
}

.other-details__field-value {
    font-size: 14px;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    color: #444
}

.other-details__field-value--bold {
    font-size: 20px;
    font-family: robotomedium, Arial, sans-serif;
    color: #222
}

@media only screen and (max-width: 640px) {
    .header-wrapper {
        padding: 0 10px
    }
}

.sub-header--display {
    cursor: pointer
}

.button__custom-properties {
    font-family: inherit;
    font-weight: inherit;
    color: #444;
    font-size: inherit;
    min-width: -moz-fit-content !important;
    min-width: fit-content !important
}

.button__wrapper {
    display: inline-block
}

.button__wrapper .button__basic--primary-color {
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    background: #008A00;
    color: #fefefe;
    font-size: 14px
}

.button__wrapper .button__basic--primary-color .material-icons.keyboard_arrow_left,
.button__wrapper .button__basic--primary-color .material-icons.keyboard_arrow_right {
    border-radius: 50%;
    color: #008A00;
    background: #fefefe;
    width: 16px;
    height: 16px;
    font-size: 20px
}

.button__wrapper .button__basic--negative-color {
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-weight: 500;
    background: #e70011;
    color: #fefefe;
    font-size: 15px;
    border: 1px solid transparent
}

.button__wrapper .button__basic--primary {
    border: 1px solid transparent
}

.button__wrapper .leftIcon {
    padding-right: 3px
}

.button__wrapper .rightIcon {
    padding-left: 3px
}

.button__wrapper .button__basic--secondary-color {
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    background: transparent;
    color: #008A00;
    border: 1px solid #008A00;
    font-size: 14px
}

.button__wrapper .button__basic--secondary-color .material-icons.keyboard_arrow_left,
.button__wrapper .button__basic--secondary-color .material-icons.keyboard_arrow_right {
    border-radius: 50%;
    background: #008A00;
    color: #fefefe;
    width: 16px;
    height: 16px;
    font-size: 20px
}

.button__wrapper .button__outline {
    background: transparent;
    border: 1px solid #fefefe;
    border-radius: 3px;
    color: #fefefe
}

.button__wrapper .button__outline--primary-color {
    background: transparent;
    border: 1px solid #008A00;
    border-radius: 3px;
    color: #008A00
}

.button__wrapper .button__transparent {
    background: transparent;
    color: #008A00;
    padding: 0 8px;
    line-height: inherit
}

.button__wrapper .button__navigation-link {
    background: transparent;
    padding: 0 8px;
    font-weight: 700
}

.button__wrapper .button__warn-prompt--negative-color {
    color: #e70011;
    background: transparent;
    padding: 0 8px
}

.button__wrapper .mat-button-focus-overlay {
    background-color: transparent
}

.button__wrapper .mat-button[disabled][disabled] {
    background: rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .38);
    cursor: no-drop
}

.button__wrapper .button__outline--disabled {
    border: 1px solid rgba(0, 0, 0, .12);
    background: transparent !important;
    color: rgba(0, 0, 0, .38)
}

.button__wrapper .button__without_outline--disabled {
    border: none !important;
    background: none !important
}

.button__wrapper .button__outline--primary-disabled {
    border: 1px solid rgba(0, 0, 0, .12);
    background: transparent !important;
    color: rgba(0, 0, 0, .38)
}

.button__wrapper .button__outline-disabled {
    border: 1px solid hsla(0, 0%, 100%, .5);
    background: transparent !important;
    color: hsla(0, 0%, 100%, .5) !important
}

.button__wrapper .mat-raised-button .material-icons {
    width: 18px;
    font-size: 17px;
    height: 18px;
    justify-content: center
}

.button__wrapper .material-icons.left {
    margin: 0 4px 0 0
}

.button__wrapper .material-icons.right {
    margin: 0 0 0 4px
}

.range-button .button__wrapper .mat-button[disabled][disabled] {
    background: #008A00;
    color: #fefefe;
    cursor: no-drop
}

.details-container {
    width: 100%
}

.details-container .sheduler-section {
    padding-top: 20px
}

.details-container .sbg-label,
.details-container .sbg-to-label {
    font-size: 12px;
    color: #999
}

.details-container .mat-select {
    padding: 0 0 0 4px
}

.details-container .details-container__body {
    position: relative
}

.details-container .details-container__body .body__to {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    background-color: #008A00
}

.details-container .details-container__body .details-footer {
    padding-top: 24px;
    border-top: 1px solid #979797;
    padding-bottom: 20px
}

.details-container .details-container__body .details-footer .details-footer__next {
    float: right
}

.details-container .details-container__body .details__benef-name {
    color: #fff
}

.details-container .details-container__body .offer-title {
    font-size: 14px;
    color: #333;
    padding: 0 0 16px;
    font-family: robotobold, Arial, sans-serif
}

.details-container .details-container__body .offer-content {
    font-size: 14px;
    padding-bottom: 16px;
    text-align: left
}

.details-container .details-container__body .offer-content-last {
    padding-bottom: 22px;
    text-align: left
}

.details-container .details-secondSection__body {
    padding: 11px
}

.details-container .body__to {
    background: #e0ecff;
    display: table;
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #c3d2ea
}

.details-container .details__name-initials {
    display: table-cell;
    width: 20%;
    padding: 10px
}

.details-container .details__account-details {
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle;
    padding-right: 10px;
    width: 70%
}

.details-container .body__second-block {
    width: 100%;
    background: #fafafa;
    border: 1px solid #d8d8d8;
    border-top: none
}

.details-body {
    position: relative;
    background: #fafafa;
    border: 1px solid #d8d8d8;
    margin-bottom: 20px;
    padding-bottom: 10px
}

.beneficiary-details-header {
    border-bottom: 1px solid #ededed;
    margin: 0 9px;
    text-align: center;
    padding: 16px 0
}

.beneficiary-details-header__name-initials {
    width: 48px;
    height: 48px;
    margin: 0 auto
}

.beneficiary-details-header__name {
    font-size: 20px;
    font-weight: 300;
    margin-top: 6px;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    color: #222
}

.details__toogle-icon .ng-fa-icon {
    display: table-cell;
    padding-left: 10px;
    vertical-align: inherit;
    padding-right: 10px;
    width: 10%;
    color: #fefefe
}

.beneficiary-details-header__account-details {
    font-size: 14px;
    color: #444;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    min-height: 20px;
    display: flex;
    justify-content: center
}

.details__benef-name {
    word-wrap: break-word;
    font-size: 18px;
    color: #333;
    font-family: robotoregular, Arial, sans-serif
}

.beneficiary-details-header__account-details--ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.beneficiary-details {
    padding: 0 32px;
    display: flex
}

.account-details-container,
.other-details-container {
    margin-top: 16px
}

.form-field {
    width: 100%
}

.form-field--margin,
.form-field__branch--margin,
.form-field__email--margin,
.form-field__mobile-number--margin,
.form-field__name--margin,
.form-field__payment-proof--margin,
.form-field__route--margin {
    margin-top: 16px
}

.account-details,
.form-default-property {
    font-size: 14px;
    font-family: robotoregular;
    color: #444
}

.account-details,
.other-details {
    margin-top: 8px
}

.account-details__title,
.other-details__title {
    font-family: robotomedium;
    color: #222;
    font-size: 14px;
    font-weight: 600
}

.slide-toggle-container {
    margin-top: 16px
}

.beneficiary-details-footer {
    background-color: #f6f6f6;
    text-align: right;
    margin-top: 16px;
    padding: 16px 24px
}

.beneficiary-details-container {
    max-width: 360px;
    margin: auto
}

.to-section {
    border: 1px solid #dbdcdd;
    padding: 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.benficiary .sbg-label {
    color: #999
}

.beneficiary-details-header {
    margin: 0
}

.account-details,
.other-details {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.form-field__account-number,
.form-field__bank {
    order: -1
}

.form-field--margin {
    margin-top: 0
}

.slide-toggle-container {
    width: 45%;
    display: flex;
    align-items: center
}

.mat-ripple-element {
    display: none !important
}

.mat-form-field-disabled .mat-form-field-underline {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .mat-drawer.mat-sidenav {
        position: -ms-device-fixed
    }

    .ie-issue-fixes {
        justify-content: flex-start !important
    }

    .ie-issue-fixes .router-container-list {
        margin-left: 13%
    }
}

.button-xs {
    line-height: 17px !important;
    padding: 4px 8px !important;
    font-size: 12px !important
}

@media print,
screen and (min-width: 40em) and (max-width: 63.99875em) {
    .button-xs {
        padding: 4px !important
    }
}

.form-field-row {
    padding-right: 10px
}

.radio-button {
    margin: 5px
}

.name-initials__input-field input[type=checkbox]:checked+label:after,
.name-initials__input-field input[type=radio]:checked+label:after {
    height: 40px;
    width: 40px;
    background: url(tick_checked_primery.e43d629d1caa6c08a48d.png) no-repeat 50%;
    background-size: 65%;
    border-radius: 50%;
    visibility: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    content: " "
}

@media print {
    .isPrinting>* {
        display: none
    }

    .isPrinting app-print-layout {
        display: block
    }
}

.loader-overlay {
    z-index: 1000000;
    position: fixed;
    transform: translate(-50%, -50%);
    top: 48%;
    left: 52%
}

@media print,
screen and (max-width: 39.99875em) {
    .loader-overlay {
        top: 48%;
        left: 59%
    }
}

.loader {
    border-right: 3px solid #f3f3f3;
    border-top: 4px solid #008A00;
    border-radius: 50%;
    border-color: #008A00 #008A00 #f3f3f3 #f3f3f3;
    border-style: solid;
    border-width: 4px 4px 3px 3px;
    width: 44px;
    height: 44px;
    animation: spin 1s linear infinite
}

.please_wait {
    font-family: robotobold, Arial, sans-serif;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #222;
    position: relative;
    top: 10px;
    right: 31px
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.animateLoader {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

.blurbg {
    opacity: .1;
    z-index: 20000;
    top: 48%;
    position: static;
    pointer-events: none
}

@keyframes animatebottom {
    0% {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

.listingContent ol {
    counter-reset: item
}

.listingContent li {
    display: block
}

.listingContent li:before {
    content: counters(item, ".") ". ";
    counter-increment: item;
    color: #000;
    font-size: 14px
}

.condition-points {
    margin-left: 5px
}

.space-for-sign {
    margin-bottom: 20px
}

.subheading-points {
    display: inline;
    font-family: robotoregular, Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #666
}

.tc-boundary-border {
    padding: 20px 10px 0
}

.condition-heading-margin {
    margin-top: 10px
}

.condition-desc li {
    padding: 2px 0
}

.tc-wrap .condition-pay-international li {
    font-family: robotoregular, Arial, sans-serif;
    font-size: 13px;
    color: #666;
    margin-top: 10px;
    margin-left: 35px
}

.tc-wrap .condition-pay-international-text {
    font-family: robotoregular, Arial, sans-serif;
    font-size: 13px;
    color: #666;
    font-weight: 700
}

.tc-wrap .tc-international-pay {
    padding: 0 0 0 20px
}

.mvp2Content ol,
.mvp2Content ul {
    padding: 0 0 0 12px
}

.mvp2Content ol {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0
}

.mvp2Content li {
    display: table;
    counter-increment: item;
    margin-bottom: .6em
}

.mvp2Content li:before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: .6em
}

.mvp2Content li li {
    margin: 0
}

.mvp2Content li li:before {
    content: counters(item, ".") " "
}

.tc-wrap .conditiom-heading {
    margin-bottom: 10px;
    font-family: robotoregular, Arial, sans-serif;
    font-size: 15px;
    color: #333
}

.tc-wrap .condition-desc {
    font-family: robotoregular, Arial, sans-serif;
    font-size: 13px;
    color: #666
}

.tc-wrap ul.condition-desc {
    padding-left: 18px
}

@media only screen and (max-width: 40em) {
    .cdk-global-overlay-wrapper .cdk-overlay-pane {
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100vh !important
    }
}

.banklogo3d {
    content: url("../img/login_logo.png");
    width: 65px
}

.banklogo,
.banklogo3d {
    position: relative;
    vertical-align: middle
}

.banklogo {
    width: 20px;
    height: 25px;
    content: url("data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABbCAYAAADZRGMIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODA4M0VCODNDNjJCRDdDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5MEQ5RkU1NjU4RTcxMUU0QTYwNEY4RDFEMEM4NERENyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MEQ5RkU1NTU4RTcxMUU0QTYwNEY4RDFEMEM4NERENyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA4MDI5NWY3LTdlZjUtNGMzZS04M2NlLTdmOWEwYmM2MzQxYyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmJiMDUyZTJjLTk3ZDQtMTE3Ny1hMDkzLTkxMGVlN2M3MTkyZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuA672cAAAxfSURBVHja7F0LkJZVGT7778oCwe66NwFx45ZY5ooWSDACpXQBK0NMVFRqHCmQKFMrSE0F1MkM8jpqKFppmI6mjQLlgsPYBUMCwrUAkSBFYrlfZdnO0/98+fH5nfec7/L/e/OdeWZ39nzX93vPez9nC/oO/aHKEx2jUa1RoVGi0ZU/SznWxXdsV/7c7fvbHo13NXZq7OIYfjZobOFYzqkopet00viIRo1Gd40ePhzPvx2nUZCj92gi097S2Kzxbx/wt40a/9TYn2+G4eX7Eyf5fgejMqr5CB+iG3Ga4ZgjZNw/NOqJ14nNSRlWQIkZoHE6gd+rVOslfNBexGcDY//ReJX4q8YKSmTT+xgT0GFg1CSNaZxO7ZkwnW/RuNvPuMLymmH+g8C9231Ktz0TeDCKQrQ4TMJ6Ugw7fsCro+iwRj+NN4M6bGwzMeuAz3od0tgbGC+k++F99aI8Px/uN0bjp0GGfTTFL7KJXwQ/36E+2MLft2vsoD+FnwcjXh8f9UP03+DTVfpwPC1lDX+vSYnBJ4VZyWrhhCMObsPd1H+byLRcSiSwTWO9g7P8YY2+nFb9aP3hCvWJ4ApVhzGsu3DCKbz4YxofNxwzmV93MqWpJRC8/7XEgsAYIouTNWqJ0Rq9Ddfp7vdNPKoUbrxGY7XGGRoPC8edx2PHtwJljlDrzxoPaEzReEQ4tjKqhHm0T+NrGks4BTuHHFOu8ajGOI2JPi+6iFOikrqnnB9sK4+pD1H4+aS3hLHuQYZ1Nry8iSBlr2g84VeIAYKI/11jHiOFT1qscCOl+EWNpzRepu7MF70tjHn82ef5Yb0tCtQUNEMP3KdxcQ5eAFI3X+MhjVU5ZtanNGZpjBCOwexYl3HQXzY9MJ5T70DKLwG34DsaKzWWaVzJaZxmbImY8neU5hGW4yv8Sr8i4c3v1/hyDiUA0/lO+nPPaVzOdFGcrMYpDAE9yznK8dxyvw5LIwuxUGWTeeU5ZFwxdeNoBsRraOlWM6zbysxDE32wEkpqP067YQlmU7WfYRUpvdAegWFNlJBd9PL3kAFVdC47xZCWk4l80FESlgupgAuyiPCkwKTnCul9n6VxtsbnyMyWREcxrDLFCyMJN0fjSUqRCzVyeq2hrsLDXaQxQeMTeWLIS5x2Jjepyq/0bQw71fGml/IF50VgVhhBF95FZV/LD9CQI0b9iRI9nLNA9PYzjlPyaT68jZaokLRuQoIP9m2VzQCPpxtwKOE1kU6aqzGIxmAh/77ddUralH4vjaUa1/DLNzWDDkEa6JdEGS0l/KjBzEBIFakmWtE/ajyv8QINT5BSY5hn0n+m8RmN83OcwrHRDh/zFPNjfSmFXfmsYPBuRgzrHePUba4MK4vwsOdSV81tQRZsLyOClQmvI+nJUk+HFaroRQ94yh1U2yNpSpZ4DCuLceHeTPO0J4ZBR5bEZZgnZcVtjGE7LOP/Y5htOtYZ/o6y3BVtjGE237EUDOtiOWi6Mjdx/CBGDNjqGVZqOQjNGw8axpC6ndSGGLY7jSkJrt8qBM7X0g9qDwwrtTHsXTqASMs8IOSJprQhKdtlk7AOjnNakrJr1Hvl/Lasx4ptEuYXUUnKEDZMbQfTsgsY1tEScvjpNkHKrtI4tg0wTMqEdMpYnM9ggL1ZsJhlZFprJ6m5uIOLHxYkSZdNVenVB5qL9tmsZGFEiwEp+7nh+K50M9os2dp9TInCW5S5rwvdO8e1Yp40JWGYqbdB0mVwYr/XChkF44cCzJk2hhXHNLG3ClL2DdW6urCHqmy7+ZWW4zpnlNwyKcWZmwRdhoB8WoQHhh49R2VbqJarbAUb0t3I+6Ckj3RSbcqMQksnml1QYvuYi0FIunpD0mWX84EkKmLwjhUaz/J3rORASauAMwClfhQ7btb4G5MB1zlcWyIkQFHMQU/aBBVhFUtGycUM24Xw9U25fUz16Zbzv0upijJ9USG6SeMNla2qX6rckqDQUWiY+a3KVpAmq+ipqUb0h80QXmyVwzRAInGdISaFE9ifLxdGFRxLupACHx3tCCjKohCChpTtDNkw1YaobBtC0vvMKlJyHtulhcDTZd8MGUMHzfXKnP9HWWsO9VMSKqLiHpqSW2GqcTZkHBhW5KjLTDEYqtUnCufeocKLqvkmGJirlbxEcDsYJvV2QkJ6OdzsX4LFLKKUGR9CcZVFHEcyJcLzj1TZwrDU67slI+gXj/pFiDFNUnahxWzPFiQdvuANKtuAfDBlRh2mtcTagzoaFIk2gGHrLZbS1ffZKEhZhi9top2cmmGExOQVtGqwpuh7XZ1CRgLShPbNKb6Y+VTLlF3rOa5rhQMHR8xkmKTsfAvz5yhzbwN8sZ+obCl/Nl90EO+3gi/jQiupHnpTt9YHxqUOJfh/B722cyyJGSfEjT0jMO1ehkZh9IzK9maY6Ps0IKa4doAKb0Ev5Rim1AnUQ5DMvdTROGcZ3Q2J4B71MYxhpchlHsOm8stJ09K1V76GjmEHgwIfyLjNFLhDRZgWimHBw3k5Uvy2tQrfQnDuefJLLBcbHeHGGxmfhVEBvXQTQSJ+LIx/RZkXwSelL1rGX/KHPisZ8Jro3BgxpkmXjbLoxXsEVwcMvzFHDBsjjL1NHv2fYUcY/JroDIY4rvSmIGXKImX7qMxNdA4Vfpp0giUPtsjzB/3B9ROWi06I+BCSxRxpecD7lXkviVxI2dctiYYnw7IRf7CESUjXRCmYbFDy2kpJyvYL1hL0eQbUaRCM00RhHC1QL4QxDM7cfEtcGbWJTtJlI1S2X9ZEDzKwj8PwKHSJkteK/sYfYQTF8C7Lxa+NmEOClM0Txm8WxvCQM4RxpGuGpyBdtszwPcGQxU8IORZbcl9RWwJmKXNxdAinl4keItNzJWUTBUcVhDb1VyWGKYsD63njPSJKmaTLbhTyT5jOM4VzsTrt7JjMqrLEtyrMJwxj2LNKbt9GGHJnDF1mkrJBdBVM9LDFA48rZWCGVKVH/eBpF4bBJ7vOwckbG+Hh3rDospsEKTtsYQqWvnwhIrO+hLjQcsyPlMPuTn6qU/Ky3h0MUzZEiNWwV9cxhvGxfn8nQEhCYsG9KXO7jM61S7KxBzMc0qLaOpMFl5y1qUruZCmjG9IxgpQ9YvmiGUHKJIs60CEW9Kzi4xZmHWagraIyDHrsDssDDKS/5LpV30xlTlYi6/lV4dxfabwW03j4XYQzHXSbMUEZ3D8sSEuZIai2pH6KGSnYCNMYy5VPN4wjMXivYWrhb9sE3dmNKSgTU2c4uESY9ljY2hhHwkDoA7tYyT1TnqsxLQUp66/kPTDmKzk9bZrW05W9qHyAXr9YN7BJGGgLA2Fbiucs3mxpQimr5dQ5YpCyrcLUxUyoDzAVNYDbHD4kGlGesx3kwjDPJ0Fe3bb+Gk5kCdMhEuGFJhukAdVqlL2WG859jR+vm6AL7/NNw5kO7wdj5FRMdmUYCB00Q5V5yyi/X4TN254XrCyyIr2UOXtaS11m0iXYWGickCRA0H4VP4qNsNfPBcqxkFIQcafgUip3l5X+K+jgmuqefeiXmSrrk8g0U07sFWFaNzla7lW0ms6V96jtTjvpVb/ucOwABq4XGMYR7jwqnD9d8PHAEKma7sIslM1GqohtCnH6w7YyAljlKJGPMywqN5h6k8WEzpSWF2J3gb/EjCPraaQi76QXt6EORYFPK3O5LEjo4VoTYt0gZb8QzsPyQqnX4foYz76cebRNcV48SQfiNjJtgePx6Kz+NeO00xylrJuSlxfi3i9HeOYFfOZ34r500pbN3UzNREn3jKDChilHpXqdRcqQ5ZVqCTc43hfPiPrqriQvnMYO5V6winTJngj3vYTTFPmuZwQpq5KCYU2/VyyyGghRygReozHpyxak/A8IIDGPqegbDDXxZUwuRgPdkJ2C1NYZHOQLVfJun1iOqws1UGKQRhkcQYILLMd2YqxnamlATm6Yz6luZNbhIiXvntksUzJIhxiMD6KuSosQEx7roMvgMA/hM6TdgJe6hAVdj7mUuoEq2ranYdSRkvOiYRxNMMjhXc1YNCdUkKd/olLG4HaKSrYFDaxyXyU3zuSUcilhwVzTQoZCnZlRiLMLubcualFzMSzf//gEXT0TKSWzVbxd7C5TzfhPEprrP8VsphLvSf+o3uEcBPxIMZ+o0t9kt8XpMBe3YjhjzjHqvVV08Lue4lRerJpnZ7wWybCgzzXal5HY35Ie7r8CDADc6rMVVzLW6AAAAABJRU5ErkJggg==")
}

@media only screen and (max-width: 40em) {
    .cdk-global-overlay-wrapper .cdk-overlay-pane {
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100vh !important
    }

    .listingContent ol {
        padding: 0
    }
}

.listingContent ol {
    padding: 0 0 0 10px
}

.navigation-list {
    color: #444;
    min-height: 100vh;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    border-right: 1px solid #ededed;
    background-color: #fefefe
}

ul {
    margin-left: 0 !important
}

.sublist__li {
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    background: #e6e6e6
}

.navigation-list__li-border-top {
    border-top: 1px solid #dbdcdd
}

.sublist-active-tab {
    background-color: #dbdbdb
}

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

.active-tab {
    background-color: #008A00;
    color: #fefefe
}

.profile-settings-wrap {
    max-height: 450px;
    min-height: 450px;
    overflow: hidden
}

.navigation-list .clickText {
    color: #666;
    margin-right: 5px;
    vertical-align: middle;
    float: left
}

.navigation-list .click-link,
.navigation-list .clickText {
    font-size: 14px;
    font-family: robotoregular, Arial, sans-serif
}

.navigation-list .click-link {
    color: #2570e0;
    cursor: pointer;
    float: right
}

.navigation-list__li {
    list-style-type: none;
    font-size: 14px;
    padding: 20px;
    cursor: pointer
}

.mobile-listing {
    background-color: #fff;
    max-width: 460px;
    width: 100%
}

.change-password-heading {
    font-weight: 700;
    color: #333;
    font-family: robotobold, Arial, sans-serif;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 14px
}

.change-password-section {
    padding-left: 20px;
    padding-top: 15px
}

.change-password-section .valid-scenario {
    color: #0e8a00
}

.change-password-section .pwd-valid-icon {
    margin-right: 10px
}

.change-password-section .left {
    float: left !important
}

.change-password-section .fa-check-circle-o:before {
    padding-right: 6px
}

.change-password-formField {
    max-width: 400px;
    padding: 20px 0
}

.change-password-formField__input {
    padding-bottom: 10px
}

.password-validation-overlay {
    position: absolute;
    left: 75%;
    padding: 10px;
    border: 1px solid #f8f8ff;
    top: 34%;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #f8f8ff;
    border-radius: 4px
}

.password-validation-overlay .text {
    color: #666
}

.password-validation-overlay__item {
    font-size: 14px;
    padding: 10px;
    color: #d3d3d3
}

.password-validation-overlay:after {
    content: "";
    position: absolute;
    top: 47%;
    right: 100%;
    margin-top: -50px;
    border: 9px solid transparent;
    border-right-color: #f8f8f8
}

.beneficicary-details__benef-name {
    font-size: 18px;
    font-family: robotolight, Arial, sans-serif;
    color: #fefefe;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

upl-offer {
    width: 100%
}

.alertError {
    color: #e70011
}

.name-initials__input-field input[type=checkbox],
.name-initials__input-field input[type=radio] {
    visibility: hidden;
    position: absolute
}

.list__table-label {
    background-color: #fefefe;
    border: 1px solid #008A00;
    border-radius: 50%;
    cursor: pointer;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.primary-background {
    background-color: #008A00
}

.mat-radio-container,
.mat-radio-inner-circle,
.mat-radio-outer-circle {
    height: 16px !important;
    width: 16px !important
}

.list-table__filter--width {
    display: inline-block;
    width: 70%
}

.list-table__filter--full-width {
    display: inline-block;
    width: 100%
}

.list-table {
    background: #fefefe;
    margin-bottom: 65px
}

@media only screen and (max-width: 425px) {
    .list-beneficiary {
        width: 100vw !important
    }

    .banklogo3d {
        width: 56px
    }
}

@media only screen and (max-width: 640px) {
    .headpagination-section {
        padding: 15px
    }

    .header-wrapper {
        padding: 0 10px
    }

    .recipients-management .beneficiary-details {
        padding: 0 10px !important
    }

    .dashboard__hero-tile:nth-child(2n),
    .dashboard__hero-tile:nth-child(odd),
    .dashboard__small-tile {
        padding: 0
    }
}

@media only screen and (min-width: 640px) {
    .router-container-list {
        margin-top: 24px;
        border: 1px solid #dbdcdd
    }

    .dashboard {
        max-width: 980px;
        margin: 0 auto;
        padding: 0
    }

    .dashboard__hero-tile {
        height: 340px
    }

    .dashboard__small-tile {
        width: 232px;
        height: 170px;
        padding-left: 0
    }
}

.conditional-subheading-label {
    color: #e70011
}

.offers-bar .notifiFont {
    font-weight: 700;
    color: #333
}

.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-datepicker-toggle-default-icon,
.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-datepicker-toggle-default-icon {
    width: 1.5em !important
}

.mat-select-value {
    color: #333
}

.login-wrapper {
    height: 100vh;
    background: #fff
}

.login-wrapper .mat-form-field {
    width: 70vw
}

.login-content-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.login-content {
    height: 100%;
    text-align: center;
    border-top: 3px solid #008A00
}

.login-content__form--heading {
    font-family: robotolight, Arial, sans-serif;
    color: #333;
    font-size: 25px;
    margin-bottom: 18px;
    font-weight: 200;
    margin-top: 30px
}

.login-content__form--validation {
    position: relative;
    padding: 0 85px;
    text-align: start;
    font-size: 14px;
    color: red;
    top: -15px
}

.login-content__form--link {
    color: #008A00;
    cursor: pointer;
    font-size: 20px
}

.login-content__form--button {
    padding: 40px 0 15px
}

.login-content__footer {
    padding: 15px 0
}

.login-content__logo {
    padding: 15px 50px 40px
}

.login-content__footer--tnc {
    padding: 5px 28px;
    font-size: 13px
}

.login-content__footer--email {
    padding: 5px 0;
    font-size: 13px
}

.login-content__footer--disclaimer {
    padding: 5px 0;
    font-size: 13px;
    display: flex;
    justify-content: center
}

.login-content__footer--link {
    cursor: pointer;
    color: #008A00
}

.login-content__form--error {
    color: #c03;
    font-weight: 700
}

@media only screen and (min-width: 640px) {
    .login-wrapper {
        background: url(/assets/images/signin-bg.jpg);
        background-size: cover;
        background-position: 100% 100%;
        border-top: 0 solid #008A00
    }

    .login-wrapper .mat-form-field {
        width: 65%
    }

    .login-content-wrapper {
        position: relative
    }

    .login-content {
        width: 460px;
        height: auto;
        border-top: none
    }

    .login-content__form {
        background: #fff;
        border-radius: 3px;
        padding-top: 40px;
        padding-bottom: 28px;
        border-radius: 6px;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .4)
    }

    .login-content__form--heading {
        margin-top: 0
    }

    .login-content__form--input {
        width: 65%
    }

    .login-content__footer {
        color: #fff
    }

    .login-content__footer--link {
        color: #fff;
        border-bottom: 1px solid
    }
}

@keyframes shake {
    0% {
        left: -10px
    }

    16% {
        left: 9px
    }

    33% {
        left: -6px
    }

    50% {
        left: 5px
    }

    66% {
        left: -2px
    }

    83% {
        left: 1px
    }

    to {
        left: 0
    }
}

.login-content__error--shake {
    animation: shake .6s linear;
    transform: translateZ(1px);
    -webkit-transform: translateZ(1px)
}

.mat-dialog-container {
    border-radius: 2px !important;
    border: 1px solid #ededed;
    padding: 0 !important;
    overflow: hidden !important
}

.login-content__footer--lang {
    margin: 0 30px;
    padding-bottom: 2px;
    border-bottom: 1px solid #fff;
    cursor: pointer
}

.mat-select-arrow {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 10px;
    height: 0;
    border: solid #008A00 !important;
    border-width: 0 1px 1px 0 !important;
    display: inline-block;
    padding: 6px
}

.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label,
.mat-accent .mat-slider-track-fill {
    background-color: #008A00 !important
}

.mat-slider-horizontal .mat-slider-wrapper {
    left: 0 !important;
    right: 0 !important
}

.unsecured-lending-text {
    margin-bottom: -4px;
    color: #999;
    font-size: 12px;
    font-family: robotoregular, Arial, sans-serif;
    margin-top: 8px
}

.unsecured-lending-value {
    font-size: 16px;
    padding-top: 4px;
    font-family: robotoregular, Arial, sans-serif
}

.details-container.overdraftOffer .mat-slider-horizontal {
    height: 34px
}

.overdraft-amount__inputBlock.mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 0 !important
}

.input__amount--label .mat-form-field-prefix {
    position: relative;
    padding-bottom: 4px;
    top: -1px
}

.input__amount--label .mat-form-field-appearance-legacy .mat-form-field-infix {
    position: absolute;
    top: -18px
}

.input__amount--label .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    position: relative;
    top: 8px
}

.input__amount--label .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    padding-left: 19%;
    position: relative
}

.mat-form-field-appearance-legacy .mat-hint {
    font-family: robotoregular, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #767676 !important
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: .56em 0 !important
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    background-color: #dbdbdb !important
}

.mat-form-field-prefix,
.mat-form-field-suffix {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #444;
    font-family: robotoregular, Arial, sans-serif
}

.mat-raised-button[disabled][disabled] {
    color: #fefefe !important;
    height: 36px;
    border-radius: 2px;
    background-color: #dbdbdb
}

.mat-raised-button[disabled][disabled] .material-icons.keyboard_arrow_left,
.mat-raised-button[disabled][disabled] .material-icons.keyboard_arrow_right {
    background: #fefefe;
    color: #dbdbdb !important
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
    background-color: #008A00 !important
}

.mat-checkbox-inner-container {
    height: 18px !important;
    width: 18px !important
}

.mat-checkbox-padding {
    padding: 0 24px 12px 0 !important
}

.opt-input .mat-form-field-appearance-legacy .mat-form-field-underline {
    background-color: #979797 !important
}

.print-download-middle {
    text-align: center;
    padding-top: 24px
}

.print-download-middle .download {
    color: #008A00;
    cursor: pointer
}

.print-download-middle .print {
    color: #008A00;
    cursor: pointer;
    padding-left: 6px
}

.receipt {
    max-width: 400px
}

.form-field.amount-field_input--field.mvp1 .cdk-text-field-autofill-monitored:-webkit-autofill,
.form-field.amount-field_input--field.mvp1 .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    padding-left: 4px !important;
    font-size: 16px
}

.form-field.amount-field_input--field.mvp1 .mat-form-field-label-wrapper {
    overflow: visible !important;
    left: -25px
}

.form-field.amount-field_input--field .cdk-text-field-autofill-monitored:-webkit-autofill,
.form-field.amount-field_input--field .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    padding-left: 4px !important;
    font-size: 16px
}

.form-field.amount-field_input--field .mat-form-field-label-wrapper {
    overflow: visible !important
}

@media print,
screen and (max-width: 39.99875em) {
    .form-field.amount-field_input--field.mpv1 .mat-form-field-label-wrapper {
        left: -24px
    }

    .navigation-list {
        color: #008A00;
        background-color: transparent;
        border-right: none
    }

    .navigation-list__li {
        border-bottom: none
    }
}

.custom-input-field-set .mat-form-field .mat-form-field-wrapper {
    padding-bottom: 0 !important
}

.custom-input-field-set .mat-form-field .mat-form-field-wrapper .mat-form-field-infix {
    border: 0 !important
}

.custom-input-field-set .mat-form-field .mat-form-field-wrapper .mat-form-field-subscript-wrapper {
    display: none !important
}

.success-icon .material-icons {
    color: #fff;
    position: relative;
    top: 10px;
    left: 8px
}

@media print,
screen and (max-width: 39.99875em) {

    .back-icon,
    .close-icon {
        font-size: 16px !important
    }
}

@media print,
screen and (max-width: 63.99875em) {
    .close__container {
        margin-right: 16px !important
    }
}

.amountBold {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 8px
}

.netBold {
    padding-top: 8px;
    font-size: 14px;
    font-weight: 600
}

.hide-number-spinner::-webkit-inner-spin-button,
.hide-number-spinner::-webkit-outer-spin-button {
    display: none
}

.hide-number-spinner {
    -webkit-appearance: textfield !important
}

.faqs-accordian .mat-accordion .mat-expansion-panel:first-of-type {
    border-radius: 0 !important
}

.faqs-accordian .mat-expansion-panel:not([class*=mat-elevation-z]) {
    box-shadow: none !important;
    border-bottom: 1px solid #ededed
}

.faqs-accordian .mat-expansion-panel {
    border-radius: 0 !important
}

.faqs-accordian .mat-expansion-panel-header-description,
.faqs-accordian .mat-expansion-panel-header-title {
    font-family: robotobold, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal
}

.faqs-accordian .mat-expansion-panel-body {
    padding: 0 16px 16px
}

.faqs-accordian .mat-expansion-panel-body p {
    padding-bottom: 14px;
    color: #767676
}

.faqs-accordian .mat-expansion-panel-header {
    padding: 0 16px
}

.mt-radio-label {
    font-size: 12px;
    color: #767676
}

.mat-form-field-appearance-legacy .mat-form-field-label {
    text-transform: none
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .cdk-global-overlay-wrapper .cdk-overlay-pane {
        left: 9%
    }

    .list__table-label {
        position: relative
    }

    .account-info {
        overflow: hidden
    }

    .button__custom-properties.button-fixed-width {
        width: auto
    }

    .name-initials__input-field input[type=checkbox]:checked+label:after,
    .name-initials__input-field input[type=radio]:checked+label:after {
        top: 0;
        left: 0
    }

    .banklogo3d:before {
        height: 78px;
        width: 68px
    }

    .banklogo3d:before,
    .header__logo .banklogo3d:before {
        position: relative;
        background-size: contain;
        background-image: url(logo-3D.cf207b5c58b6603d04f2.png);
        content: "";
        display: inline-block;
        background-repeat: no-repeat;
        top: 4px
    }

    .header__logo .banklogo3d:before {
        height: 41px;
        width: 36px
    }

    .mat-form-field-appearance-legacy .mat-form-field-underline {
        bottom: .1em !important;
        position: relative
    }
}

.mat-badge-content {
    font-weight: 600;
    font-size: 12px;
    font-family: Roboto, Helvetica Neue, sans-serif
}

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

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

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

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

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

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

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

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

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

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

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

.mat-caption,
.mat-small {
    font: 400 12px/20px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media print {

    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
    .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
        transform: translateY(-1.28122em) scale(.75)
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.28121em) scale(.75)
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.2812em) scale(.75)
    }
}

.mat-form-field-appearance-fill .mat-form-field-infix {
    padding: .25em 0 .75em
}

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

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

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

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

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

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

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

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

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

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

input.mat-input-element {
    margin-top: -.0625em
}

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

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

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

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

.mat-slide-toggle-content,
.mat-slider-thumb-label-text {
    font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-slider-thumb-label-text {
    font-size: 12px;
    font-weight: 500
}

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

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

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

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

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

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

.mat-tab-label,
.mat-tab-link {
    font-size: 14px;
    font-weight: 500
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mat-ripple {
    overflow: hidden;
    position: relative
}

.mat-ripple:not(:empty) {
    transform: translateZ(0)
}

.mat-ripple.mat-ripple-unbounded {
    overflow: visible
}

.mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity, transform 0ms cubic-bezier(0, 0, .2, 1);
    transform: scale(0)
}

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

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

.cdk-global-overlay-wrapper,
.cdk-overlay-container {
    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,
.cdk-overlay-pane {
    display: flex;
    position: absolute;
    z-index: 1000
}

.cdk-overlay-pane {
    pointer-events: auto;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 100%
}

.cdk-overlay-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
    opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
}

.cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, .32)
}

.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
}

textarea.cdk-textarea-autosize {
    resize: none
}

textarea.cdk-textarea-autosize-measuring {
    padding: 2px 0 !important;
    box-sizing: content-box !important;
    height: auto !important;
    overflow: hidden !important
}

textarea.cdk-textarea-autosize-measuring-firefox {
    padding: 2px 0 !important;
    box-sizing: content-box !important;
    height: 0 !important
}

@keyframes cdk-text-field-autofill-start {
    /*!*/
}

@keyframes cdk-text-field-autofill-end {
    /*!*/
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
    animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    animation: cdk-text-field-autofill-end 0s 1ms
}

.mat-focus-indicator,
.mat-mdc-focus-indicator {
    position: relative
}

.mat-ripple-element {
    background-color: rgba(0, 0, 0, .1)
}

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

.mat-option.mat-active,
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled),
.mat-option:hover:not(.mat-option-disabled) {
    background: rgba(0, 0, 0, .04)
}

.mat-option.mat-active {
    color: rgba(0, 0, 0, .87)
}

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

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #008A00
}

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

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

.mat-optgroup-label {
    color: rgba(0, 0, 0, .54)
}

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

.mat-pseudo-checkbox {
    color: rgba(0, 0, 0, .54)
}

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

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

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
    background: #008A00
}

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

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

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

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

.mat-elevation-z0 {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 16px 1px rgba(0, 0, 0, .12)
}

.mat-elevation-z8 {
    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)
}

.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12)
}

.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12)
}

.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .14), 0 4px 20px 3px rgba(0, 0, 0, .12)
}

.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .14), 0 5px 26px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .14), 0 6px 32px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .14), 0 7px 34px 6px rgba(0, 0, 0, .12)
}

.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .14), 0 7px 36px 6px rgba(0, 0, 0, .12)
}

.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .14), 0 8px 38px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .14), 0 8px 40px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .14), 0 9px 44px 8px rgba(0, 0, 0, .12)
}

.mat-elevation-z24 {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12)
}

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

.mat-autocomplete-panel {
    background: #fff;
    color: rgba(0, 0, 0, .87)
}

.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
    background: #fff
}

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

.mat-badge {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mat-badge-content {
    color: #fff;
    background: #008A00
}

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

.mat-badge-accent .mat-badge-content {
    background: #ff4081;
    color: #fff
}

.mat-badge-warn .mat-badge-content {
    color: #fff;
    background: #f44336
}

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

.mat-bottom-sheet-container {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
    background: #fff;
    color: rgba(0, 0, 0, .87)
}

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

.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
    color: #008A00
}

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

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

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

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

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

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

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

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

.mat-button-focus-overlay {
    background: #000
}

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

.mat-fab,
.mat-flat-button,
.mat-mini-fab,
.mat-raised-button {
    color: rgba(0, 0, 0, .87);
    background-color: #fff
}

.mat-fab.mat-accent,
.mat-fab.mat-primary,
.mat-fab.mat-warn,
.mat-flat-button.mat-accent,
.mat-flat-button.mat-primary,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-accent,
.mat-mini-fab.mat-primary,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-accent,
.mat-raised-button.mat-primary,
.mat-raised-button.mat-warn {
    color: #fff
}

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

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

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

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

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

.mat-fab.mat-accent .mat-ripple-element,
.mat-fab.mat-primary .mat-ripple-element,
.mat-fab.mat-warn .mat-ripple-element,
.mat-flat-button.mat-accent .mat-ripple-element,
.mat-flat-button.mat-primary .mat-ripple-element,
.mat-flat-button.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element {
    background-color: hsla(0, 0%, 100%, .1)
}

.mat-flat-button:not([class*=mat-elevation-z]),
.mat-stroked-button:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-raised-button:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
    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)
}

.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-fab:not([class*=mat-elevation-z]),
.mat-mini-fab:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
}

.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),
.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-button-toggle-group,
.mat-button-toggle-standalone {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
    box-shadow: none
}

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

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

.mat-button-toggle-appearance-standard {
    color: rgba(0, 0, 0, .87);
    background: #fff
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
    background-color: #000
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
    border-left: 1px solid rgba(0, 0, 0, .12)
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
    border-left: none;
    border-right: 1px solid rgba(0, 0, 0, .12)
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle {
    border-left: none;
    border-right: none;
    border-top: 1px solid rgba(0, 0, 0, .12)
}

.mat-button-toggle-checked {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, .54)
}

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

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

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
    background: #fff
}

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

.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
    border: 1px solid rgba(0, 0, 0, .12)
}

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

.mat-card {
    background: #fff;
    color: rgba(0, 0, 0, .87)
}

.mat-card:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-card-subtitle {
    color: rgba(0, 0, 0, .54)
}

.mat-checkbox-frame {
    border-color: rgba(0, 0, 0, .54)
}

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

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

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

.mat-checkbox-checked.mat-primary .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
    background-color: #008A00
}

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

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

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

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

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

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

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

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

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

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

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

.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
    opacity: .54
}

.mat-chip.mat-standard-chip.mat-chip-disabled {
    opacity: .4
}

.mat-chip.mat-standard-chip:after {
    background: #000
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
    background-color: #008A00;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
    background-color: hsla(0, 0%, 100%, .1)
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
    background-color: #f44336;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
    background-color: hsla(0, 0%, 100%, .1)
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
    background-color: #ff4081;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
    background-color: hsla(0, 0%, 100%, .1)
}

.mat-table {
    background: #fff
}

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

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

.mat-header-cell {
    color: rgba(0, 0, 0, .54)
}

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

.mat-calendar-arrow {
    border-top-color: rgba(0, 0, 0, .54)
}

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

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

.mat-calendar-body-label,
.mat-calendar-table-header {
    color: rgba(0, 0, 0, .54)
}

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

.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-form-field-disabled .mat-date-range-input-separator {
    color: rgba(0, 0, 0, .38)
}

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

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

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

.mat-calendar-body-in-range:before {
    background: rgba(63, 81, 181, .2)
}

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

.mat-calendar-body-comparison-bridge-start:before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(90deg, rgba(63, 81, 181, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-calendar-body-comparison-bridge-end:before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(270deg, rgba(63, 81, 181, .2) 50%, rgba(249, 171, 0, .2) 0)
}

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

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

.mat-calendar-body-selected {
    background-color: #008A00;
    color: #fff
}

.mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: rgba(63, 81, 181, .4)
}

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

.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(63, 81, 181, .3)
}

.mat-datepicker-content {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    background-color: #fff;
    color: rgba(0, 0, 0, .87)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before {
    background: rgba(255, 64, 129, .2)
}

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

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(90deg, rgba(255, 64, 129, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(270deg, rgba(255, 64, 129, .2) 50%, rgba(249, 171, 0, .2) 0)
}

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

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

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

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: rgba(255, 64, 129, .4)
}

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

.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(255, 64, 129, .3)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before {
    background: rgba(244, 67, 54, .2)
}

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

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(90deg, rgba(244, 67, 54, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(270deg, rgba(244, 67, 54, .2) 50%, rgba(249, 171, 0, .2) 0)
}

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

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

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

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: rgba(244, 67, 54, .4)
}

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

.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(244, 67, 54, .3)
}

.mat-datepicker-content-touch {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12)
}

.mat-datepicker-toggle-active {
    color: #008A00
}

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

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

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

.mat-dialog-container {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
    background: #fff;
    color: rgba(0, 0, 0, .87)
}

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

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

.mat-expansion-panel {
    background: #fff;
    color: rgba(0, 0, 0, .87)
}

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

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

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

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

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

.mat-expansion-indicator:after,
.mat-expansion-panel-header-description {
    color: rgba(0, 0, 0, .54)
}

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

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

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

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

.mat-form-field-label,
.mat-hint {
    color: rgba(0, 0, 0, .6)
}

.mat-form-field.mat-focused .mat-form-field-label {
    color: #008A00
}

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

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

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

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

.mat-form-field.mat-focused .mat-form-field-ripple {
    background-color: #008A00
}

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

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

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

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

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after,
.mat-form-field.mat-form-field-invalid .mat-form-field-label,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent {
    color: #f44336
}

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

.mat-error {
    color: #f44336
}

.mat-form-field-appearance-legacy .mat-form-field-label,
.mat-form-field-appearance-legacy .mat-hint {
    color: rgba(0, 0, 0, .54)
}

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

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

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

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

.mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: rgba(0, 0, 0, .04)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
    background-color: rgba(0, 0, 0, .02)
}

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

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

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

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

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

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
    color: #008A00
}

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

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick,
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
    color: #f44336
}

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

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

.mat-icon.mat-primary {
    color: #008A00
}

.mat-icon.mat-accent {
    color: #ff4081
}

.mat-icon.mat-warn {
    color: #f44336
}

.mat-form-field-type-mat-native-select .mat-form-field-infix:after {
    color: rgba(0, 0, 0, .54)
}

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

.mat-input-element {
    caret-color: #008A00
}

.mat-input-element::placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-input-element::-moz-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-input-element::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-input-element:-ms-input-placeholder {
    color: rgba(0, 0, 0, .42)
}

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

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

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

.mat-list-base .mat-list-item,
.mat-list-base .mat-list-option {
    color: rgba(0, 0, 0, .87)
}

.mat-list-base .mat-subheader {
    color: rgba(0, 0, 0, .54)
}

.mat-list-item-disabled {
    background-color: #eee
}

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

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

.mat-menu-panel {
    background: #fff
}

.mat-menu-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-menu-item {
    background: transparent;
    color: rgba(0, 0, 0, .87)
}

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

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

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

.mat-paginator {
    background: #fff
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
    color: rgba(0, 0, 0, .54)
}

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

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

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

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

.mat-progress-bar-background {
    fill: #cbd0e9
}

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

.mat-progress-bar-fill:after {
    background-color: #008A00
}

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

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

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

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

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

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

.mat-progress-spinner circle,
.mat-spinner circle {
    stroke: #008A00
}

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

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

.mat-radio-outer-circle {
    border-color: rgba(0, 0, 0, .54)
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
    border-color: #008A00
}

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

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

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

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

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

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

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

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

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

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

.mat-select-placeholder {
    color: rgba(0, 0, 0, .42)
}

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

.mat-select-arrow {
    color: rgba(0, 0, 0, .54)
}

.mat-select-panel {
    background: #fff
}

.mat-select-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
    background: rgba(0, 0, 0, .12)
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
    color: #008A00
}

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

.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow,
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
    color: #f44336
}

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

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

.mat-drawer {
    color: rgba(0, 0, 0, .87)
}

.mat-drawer,
.mat-drawer.mat-drawer-push {
    background-color: #fff
}

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

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

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

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

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

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

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(255, 64, 129, .54)
}

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

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
    background-color: #008A00
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(63, 81, 181, .54)
}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
    background-color: #008A00
}

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

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(244, 67, 54, .54)
}

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

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

.mat-slide-toggle-thumb {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
    background-color: #fafafa
}

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

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

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

.mat-primary .mat-slider-thumb-label-text {
    color: #fff
}

.mat-primary .mat-slider-focus-ring {
    background-color: rgba(63, 81, 181, .2)
}

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

.mat-accent .mat-slider-thumb-label-text {
    color: #fff
}

.mat-accent .mat-slider-focus-ring {
    background-color: rgba(255, 64, 129, .2)
}

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

.mat-warn .mat-slider-thumb-label-text {
    color: #fff
}

.mat-warn .mat-slider-focus-ring {
    background-color: rgba(244, 67, 54, .2)
}

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

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

.mat-slider-min-value .mat-slider-focus-ring {
    background-color: rgba(0, 0, 0, .12)
}

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

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

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

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

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

.mat-slider-has-ticks .mat-slider-wrapper:after {
    border-color: rgba(0, 0, 0, .7)
}

.mat-slider-horizontal .mat-slider-ticks {
    background-image: repeating-linear-gradient(90deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent);
    background-image: -moz-repeating-linear-gradient(.0001deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-slider-vertical .mat-slider-ticks {
    background-image: repeating-linear-gradient(180deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

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

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

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

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
    color: rgba(0, 0, 0, .54)
}

.mat-step-header .mat-step-icon {
    background-color: rgba(0, 0, 0, .54);
    color: #fff
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
    background-color: #008A00;
    color: #fff
}

.mat-step-header.mat-accent .mat-step-icon {
    color: #fff
}

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

.mat-step-header.mat-warn .mat-step-icon {
    color: #fff
}

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

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

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

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

.mat-stepper-horizontal,
.mat-stepper-vertical {
    background-color: #fff
}

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

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

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

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

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

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

.mat-sort-header-arrow {
    color: #757575
}

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

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

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

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

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

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

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

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(197, 202, 233, .3)
}

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

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

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 128, 171, .3)
}

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

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

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 205, 210, .3)
}

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

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

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(197, 202, 233, .3)
}

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

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

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: hsla(0, 0%, 100%, .4)
}

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

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

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

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 128, 171, .3)
}

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

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

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: hsla(0, 0%, 100%, .4)
}

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

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

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

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 205, 210, .3)
}

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

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

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: hsla(0, 0%, 100%, .4)
}

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

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

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

.mat-toolbar {
    background: #f5f5f5;
    color: rgba(0, 0, 0, .87)
}

.mat-toolbar.mat-primary {
    background: #008A00;
    color: #fff
}

.mat-toolbar.mat-accent {
    background: #ff4081;
    color: #fff
}

.mat-toolbar.mat-warn {
    background: #f44336;
    color: #fff
}

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

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

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

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

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

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

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

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

.mat-tree {
    background: #fff
}

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

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

.mat-snack-bar-container {
    color: hsla(0, 0%, 100%, .7);
    background: #323232;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.mat-simple-snackbar-action {
    color: #ff4081
}

@font-face {
    font-family: Material Icons;
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(material-icons.0c35d18bf06992036b69.woff2) format("woff2"), url(material-icons.4d73cb90e394b34b7670.woff) format("woff")
}

.material-icons {
    font-family: Material Icons;
    font-feature-settings: "liga"
}

@font-face {
    font-family: Material Icons Outlined;
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(material-icons-outlined.6f420cf17cc0d7676fad.woff2) format("woff2"), url(material-icons-outlined.f882956fd323fd322f31.woff) format("woff")
}

.material-icons,
.material-icons-outlined {
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

.material-icons-outlined {
    font-family: Material Icons Outlined;
    font-feature-settings: "liga"
}

@font-face {
    font-family: Material Icons Round;
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(material-icons-round.c380809fd3677d7d6903.woff2) format("woff2"), url(material-icons-round.5d681e2edae8c60630db.woff) format("woff")
}

.material-icons-round {
    font-family: Material Icons Round;
    font-feature-settings: "liga"
}

@font-face {
    font-family: Material Icons Sharp;
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(material-icons-sharp.219aa9140e099e6c72ed.woff2) format("woff2"), url(material-icons-sharp.3a4004a46a653d4b2166.woff) format("woff")
}

.material-icons-round,
.material-icons-sharp {
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

.material-icons-sharp {
    font-family: Material Icons Sharp;
    font-feature-settings: "liga"
}

@font-face {
    font-family: Material Icons Two Tone;
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(material-icons-two-tone.4ef4218c522f1eb6b5b1.woff2) format("woff2"), url(material-icons-two-tone.3baa5b8f3469222b822d.woff) format("woff")
}

.material-icons-two-tone {
    font-family: Material Icons Two Tone;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga"
}