.red-A700-fg .disabled-text,
.red-A700-fg .hint-text,
.red-A700-fg.disabled-text,
.red-A700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.red-A700-fg .divider,
.red-A700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.red-A700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.red-A700-fg input[type=text] {
    color: #fff
}

.red-A700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.red-A700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.red-A700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.red-A700-fg .mat-select-arrow,
.red-A700-fg .mat-select-disabled .mat-select-value,
.red-A700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.red-A700-fg .mat-select-content,
.red-A700-fg .mat-select-panel-done-animating {
    background: #fff
}

.red-A700-fg .mat-select-value {
    color: #fff
}

.red-A700-border {
    border-color: #d50000 !important
}

.red-A700-border-top {
    border-top-color: #d50000 !important
}

.red-A700-border-right {
    border-right-color: #d50000 !important
}

.red-A700-border-bottom {
    border-bottom-color: #d50000 !important
}

.red-A700-border-left {
    border-left-color: #d50000 !important
}

.pink-50-bg {
    background-color: #fce4ec !important
}

.mat-pink-50-bg {
    background-color: #fce4ec !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-pink-50-bg .icon,
.mat-pink-50-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-pink-50-bg .secondary-text,
.mat-pink-50-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-pink-50-bg .disabled-text,
.mat-pink-50-bg .hint-text,
.mat-pink-50-bg.disabled-text,
.mat-pink-50-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-pink-50-bg .divider,
.mat-pink-50-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-pink-50-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-pink-50-bg input[type=text] {
    color: #000
}

.mat-pink-50-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-pink-50-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-pink-50-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-pink-50-bg .mat-select-arrow,
.mat-pink-50-bg .mat-select-disabled .mat-select-value,
.mat-pink-50-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-pink-50-bg .mat-select-content,
.mat-pink-50-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-pink-50-bg[disabled] {
    background-color: rgba(252, 228, 236, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.pink-50-fg {
    color: #fce4ec !important
}

.pink-50-fg .icon,
.pink-50-fg .mat-icon {
    color: #fff
}

.pink-50-fg .secondary-text,
.pink-50-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.pink-50-fg .disabled-text,
.pink-50-fg .hint-text,
.pink-50-fg.disabled-text,
.pink-50-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.pink-50-fg .divider,
.pink-50-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.pink-50-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.pink-50-fg input[type=text] {
    color: #fff
}

.pink-50-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.pink-50-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-50-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-50-fg .mat-select-arrow,
.pink-50-fg .mat-select-disabled .mat-select-value,
.pink-50-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.pink-50-fg .mat-select-content,
.pink-50-fg .mat-select-panel-done-animating {
    background: #fff
}

.pink-50-fg .mat-select-value {
    color: #fff
}

.pink-50-border {
    border-color: #fce4ec !important
}

.pink-50-border-top {
    border-top-color: #fce4ec !important
}

.pink-50-border-right {
    border-right-color: #fce4ec !important
}

.pink-50-border-bottom {
    border-bottom-color: #fce4ec !important
}

.pink-50-border-left {
    border-left-color: #fce4ec !important
}

.pink-100-bg {
    background-color: #f8bbd0 !important
}

.mat-pink-100-bg {
    background-color: #f8bbd0 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-pink-100-bg .icon,
.mat-pink-100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-pink-100-bg .secondary-text,
.mat-pink-100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-pink-100-bg .disabled-text,
.mat-pink-100-bg .hint-text,
.mat-pink-100-bg.disabled-text,
.mat-pink-100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-pink-100-bg .divider,
.mat-pink-100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-pink-100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-pink-100-bg input[type=text] {
    color: #000
}

.mat-pink-100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-pink-100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-pink-100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-pink-100-bg .mat-select-arrow,
.mat-pink-100-bg .mat-select-disabled .mat-select-value,
.mat-pink-100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-pink-100-bg .mat-select-content,
.mat-pink-100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-pink-100-bg[disabled] {
    background-color: rgba(248, 187, 208, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.pink-100-fg {
    color: #f8bbd0 !important
}

.pink-100-fg .icon,
.pink-100-fg .mat-icon {
    color: #fff
}

.pink-100-fg .secondary-text,
.pink-100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.pink-100-fg .disabled-text,
.pink-100-fg .hint-text,
.pink-100-fg.disabled-text,
.pink-100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.pink-100-fg .divider,
.pink-100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.pink-100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.pink-100-fg input[type=text] {
    color: #fff
}

.pink-100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.pink-100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-100-fg .mat-select-arrow,
.pink-100-fg .mat-select-disabled .mat-select-value,
.pink-100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.pink-100-fg .mat-select-content,
.pink-100-fg .mat-select-panel-done-animating {
    background: #fff
}

.pink-100-fg .mat-select-value {
    color: #fff
}

.pink-100-border {
    border-color: #f8bbd0 !important
}

.pink-100-border-top {
    border-top-color: #f8bbd0 !important
}

.pink-100-border-right {
    border-right-color: #f8bbd0 !important
}

.pink-100-border-bottom {
    border-bottom-color: #f8bbd0 !important
}

.pink-100-border-left {
    border-left-color: #f8bbd0 !important
}

.pink-200-bg {
    background-color: #f48fb1 !important
}

.mat-pink-200-bg {
    background-color: #f48fb1 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-pink-200-bg .icon,
.mat-pink-200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-pink-200-bg .secondary-text,
.mat-pink-200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-pink-200-bg .disabled-text,
.mat-pink-200-bg .hint-text,
.mat-pink-200-bg.disabled-text,
.mat-pink-200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-pink-200-bg .divider,
.mat-pink-200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-pink-200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-pink-200-bg input[type=text] {
    color: #000
}

.mat-pink-200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-pink-200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-pink-200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-pink-200-bg .mat-select-arrow,
.mat-pink-200-bg .mat-select-disabled .mat-select-value,
.mat-pink-200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-pink-200-bg .mat-select-content,
.mat-pink-200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-pink-200-bg[disabled] {
    background-color: rgba(244, 143, 177, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.pink-200-fg {
    color: #f48fb1 !important
}

.pink-200-fg .icon,
.pink-200-fg .mat-icon {
    color: #fff
}

.pink-200-fg .secondary-text,
.pink-200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.pink-200-fg .disabled-text,
.pink-200-fg .hint-text,
.pink-200-fg.disabled-text,
.pink-200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.pink-200-fg .divider,
.pink-200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.pink-200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.pink-200-fg input[type=text] {
    color: #fff
}

.pink-200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.pink-200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-200-fg .mat-select-arrow,
.pink-200-fg .mat-select-disabled .mat-select-value,
.pink-200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.pink-200-fg .mat-select-content,
.pink-200-fg .mat-select-panel-done-animating {
    background: #fff
}

.pink-200-fg .mat-select-value {
    color: #fff
}

.pink-200-border {
    border-color: #f48fb1 !important
}

.pink-200-border-top {
    border-top-color: #f48fb1 !important
}

.pink-200-border-right {
    border-right-color: #f48fb1 !important
}

.pink-200-border-bottom {
    border-bottom-color: #f48fb1 !important
}

.pink-200-border-left {
    border-left-color: #f48fb1 !important
}

.pink-300-bg {
    background-color: #f06292 !important
}

.mat-pink-300-bg {
    background-color: #f06292 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-pink-300-bg .icon,
.mat-pink-300-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-pink-300-bg .secondary-text,
.mat-pink-300-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-pink-300-bg .disabled-text,
.mat-pink-300-bg .hint-text,
.mat-pink-300-bg.disabled-text,
.mat-pink-300-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-pink-300-bg .divider,
.mat-pink-300-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-pink-300-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-pink-300-bg input[type=text] {
    color: #000
}

.mat-pink-300-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-pink-300-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-pink-300-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-pink-300-bg .mat-select-arrow,
.mat-pink-300-bg .mat-select-disabled .mat-select-value,
.mat-pink-300-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-pink-300-bg .mat-select-content,
.mat-pink-300-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-pink-300-bg[disabled] {
    background-color: rgba(240, 98, 146, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.pink-300-fg {
    color: #f06292 !important
}

.pink-300-fg .icon,
.pink-300-fg .mat-icon {
    color: #fff
}

.pink-300-fg .secondary-text,
.pink-300-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.pink-300-fg .disabled-text,
.pink-300-fg .hint-text,
.pink-300-fg.disabled-text,
.pink-300-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.pink-300-fg .divider,
.pink-300-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.pink-300-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.pink-300-fg input[type=text] {
    color: #fff
}

.pink-300-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.pink-300-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-300-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-300-fg .mat-select-arrow,
.pink-300-fg .mat-select-disabled .mat-select-value,
.pink-300-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.pink-300-fg .mat-select-content,
.pink-300-fg .mat-select-panel-done-animating {
    background: #fff
}

.pink-300-fg .mat-select-value {
    color: #fff
}

.pink-300-border {
    border-color: #f06292 !important
}

.pink-300-border-top {
    border-top-color: #f06292 !important
}

.pink-300-border-right {
    border-right-color: #f06292 !important
}

.pink-300-border-bottom {
    border-bottom-color: #f06292 !important
}

.pink-300-border-left {
    border-left-color: #f06292 !important
}

.pink-400-bg {
    background-color: #ec407a !important
}

.mat-pink-400-bg {
    background-color: #ec407a !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-pink-400-bg .icon,
.mat-pink-400-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-pink-400-bg .secondary-text,
.mat-pink-400-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-pink-400-bg .disabled-text,
.mat-pink-400-bg .hint-text,
.mat-pink-400-bg.disabled-text,
.mat-pink-400-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-pink-400-bg .divider,
.mat-pink-400-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-pink-400-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-pink-400-bg input[type=text] {
    color: #000
}

.mat-pink-400-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-pink-400-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-pink-400-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-pink-400-bg .mat-select-arrow,
.mat-pink-400-bg .mat-select-disabled .mat-select-value,
.mat-pink-400-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-pink-400-bg .mat-select-content,
.mat-pink-400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-pink-400-bg[disabled] {
    background-color: rgba(236, 64, 122, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.pink-400-fg {
    color: #ec407a !important
}

.pink-400-fg .icon,
.pink-400-fg .mat-icon {
    color: #fff
}

.pink-400-fg .secondary-text,
.pink-400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.pink-400-fg .disabled-text,
.pink-400-fg .hint-text,
.pink-400-fg.disabled-text,
.pink-400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.pink-400-fg .divider,
.pink-400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.pink-400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.pink-400-fg input[type=text] {
    color: #fff
}

.pink-400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.pink-400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-400-fg .mat-select-arrow,
.pink-400-fg .mat-select-disabled .mat-select-value,
.pink-400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.pink-400-fg .mat-select-content,
.pink-400-fg .mat-select-panel-done-animating {
    background: #fff
}

.pink-400-fg .mat-select-value {
    color: #fff
}

.pink-400-border {
    border-color: #ec407a !important
}

.pink-400-border-top {
    border-top-color: #ec407a !important
}

.pink-400-border-right {
    border-right-color: #ec407a !important
}

.pink-400-border-bottom {
    border-bottom-color: #ec407a !important
}

.pink-400-border-left {
    border-left-color: #ec407a !important
}

.pink-500-bg {
    background-color: #e91e63 !important
}

.mat-pink-500-bg {
    background-color: #e91e63 !important;
    color: #fff !important
}

.mat-pink-500-bg .icon,
.mat-pink-500-bg .mat-icon {
    color: #fff
}

.mat-pink-500-bg .secondary-text,
.mat-pink-500-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-pink-500-bg .disabled-text,
.mat-pink-500-bg .hint-text,
.mat-pink-500-bg.disabled-text,
.mat-pink-500-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-pink-500-bg .divider,
.mat-pink-500-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-pink-500-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-pink-500-bg input[type=text] {
    color: #fff
}

.mat-pink-500-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-pink-500-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-pink-500-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-pink-500-bg .mat-select-arrow,
.mat-pink-500-bg .mat-select-disabled .mat-select-value,
.mat-pink-500-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-pink-500-bg .mat-select-content,
.mat-pink-500-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-pink-500-bg .mat-select-value {
    color: #fff
}

.mat-pink-500-bg[disabled] {
    background-color: rgba(233, 30, 99, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.pink-500-fg {
    color: #e91e63 !important
}

.pink-500-fg .icon,
.pink-500-fg .mat-icon {
    color: #fff
}

.pink-500-fg .secondary-text,
.pink-500-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.pink-500-fg .disabled-text,
.pink-500-fg .hint-text,
.pink-500-fg.disabled-text,
.pink-500-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.pink-500-fg .divider,
.pink-500-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.pink-500-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.pink-500-fg input[type=text] {
    color: #fff
}

.pink-500-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.pink-500-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-500-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-500-fg .mat-select-arrow,
.pink-500-fg .mat-select-disabled .mat-select-value,
.pink-500-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.pink-500-fg .mat-select-content,
.pink-500-fg .mat-select-panel-done-animating {
    background: #fff
}

.pink-500-fg .mat-select-value {
    color: #fff
}

.pink-500-border {
    border-color: #e91e63 !important
}

.pink-500-border-top {
    border-top-color: #e91e63 !important
}

.pink-500-border-right {
    border-right-color: #e91e63 !important
}

.pink-500-border-bottom {
    border-bottom-color: #e91e63 !important
}

.pink-500-border-left {
    border-left-color: #e91e63 !important
}

.pink-bg {
    background-color: #e91e63 !important
}

.mat-pink-bg {
    background-color: #e91e63 !important;
    color: #fff !important
}

.mat-pink-bg .icon,
.mat-pink-bg .mat-icon {
    color: #fff
}

.mat-pink-bg .secondary-text,
.mat-pink-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-pink-bg .disabled-text,
.mat-pink-bg .hint-text,
.mat-pink-bg.disabled-text,
.mat-pink-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-pink-bg .divider,
.mat-pink-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-pink-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-pink-bg input[type=text] {
    color: #fff
}

.mat-pink-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-pink-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-pink-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-pink-bg .mat-select-arrow,
.mat-pink-bg .mat-select-disabled .mat-select-value,
.mat-pink-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-pink-bg .mat-select-content,
.mat-pink-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-pink-bg .mat-select-value {
    color: #fff
}

.mat-pink-bg[disabled] {
    background-color: rgba(233, 30, 99, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.pink-fg {
    color: #e91e63 !important
}

.pink-fg .icon,
.pink-fg .mat-icon {
    color: #fff
}

.pink-fg .secondary-text,
.pink-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.pink-fg .disabled-text,
.pink-fg .hint-text,
.pink-fg.disabled-text,
.pink-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.pink-fg .divider,
.pink-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.pink-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.pink-fg input[type=text] {
    color: #fff
}

.pink-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.pink-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-fg .mat-select-arrow,
.pink-fg .mat-select-disabled .mat-select-value,
.pink-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.pink-fg .mat-select-content,
.pink-fg .mat-select-panel-done-animating {
    background: #fff
}

.pink-fg .mat-select-value {
    color: #fff
}

.pink-border {
    border-color: #e91e63 !important
}

.pink-border-top {
    border-top-color: #e91e63 !important
}

.pink-border-right {
    border-right-color: #e91e63 !important
}

.pink-border-bottom {
    border-bottom-color: #e91e63 !important
}

.pink-border-left {
    border-left-color: #e91e63 !important
}

.pink-600-bg {
    background-color: #d81b60 !important
}

.mat-pink-600-bg {
    background-color: #d81b60 !important;
    color: #fff !important
}

.mat-pink-600-bg .icon,
.mat-pink-600-bg .mat-icon {
    color: #fff
}

.mat-pink-600-bg .secondary-text,
.mat-pink-600-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-pink-600-bg .disabled-text,
.mat-pink-600-bg .hint-text,
.mat-pink-600-bg.disabled-text,
.mat-pink-600-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-pink-600-bg .divider,
.mat-pink-600-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-pink-600-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-pink-600-bg input[type=text] {
    color: #fff
}

.mat-pink-600-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-pink-600-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-pink-600-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-pink-600-bg .mat-select-arrow,
.mat-pink-600-bg .mat-select-disabled .mat-select-value,
.mat-pink-600-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-pink-600-bg .mat-select-content,
.mat-pink-600-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-pink-600-bg .mat-select-value {
    color: #fff
}

.mat-pink-600-bg[disabled] {
    background-color: rgba(216, 27, 96, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.pink-600-fg {
    color: #d81b60 !important
}

.pink-600-fg .icon,
.pink-600-fg .mat-icon {
    color: #fff
}

.pink-600-fg .secondary-text,
.pink-600-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.pink-600-fg .disabled-text,
.pink-600-fg .hint-text,
.pink-600-fg.disabled-text,
.pink-600-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.pink-600-fg .divider,
.pink-600-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.pink-600-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.pink-600-fg input[type=text] {
    color: #fff
}

.pink-600-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.pink-600-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-600-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-600-fg .mat-select-arrow,
.pink-600-fg .mat-select-disabled .mat-select-value,
.pink-600-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.pink-600-fg .mat-select-content,
.pink-600-fg .mat-select-panel-done-animating {
    background: #fff
}

.pink-600-fg .mat-select-value {
    color: #fff
}

.pink-600-border {
    border-color: #d81b60 !important
}

.pink-600-border-top {
    border-top-color: #d81b60 !important
}

.pink-600-border-right {
    border-right-color: #d81b60 !important
}

.pink-600-border-bottom {
    border-bottom-color: #d81b60 !important
}

.pink-600-border-left {
    border-left-color: #d81b60 !important
}

.pink-700-bg {
    background-color: #c2185b !important
}

.mat-pink-700-bg {
    background-color: #c2185b !important;
    color: #fff !important
}

.mat-pink-700-bg .icon,
.mat-pink-700-bg .mat-icon {
    color: #fff
}

.mat-pink-700-bg .secondary-text,
.mat-pink-700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-pink-700-bg .disabled-text,
.mat-pink-700-bg .hint-text,
.mat-pink-700-bg.disabled-text,
.mat-pink-700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-pink-700-bg .divider,
.mat-pink-700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-pink-700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-pink-700-bg input[type=text] {
    color: #fff
}

.mat-pink-700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-pink-700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-pink-700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-pink-700-bg .mat-select-arrow,
.mat-pink-700-bg .mat-select-disabled .mat-select-value,
.mat-pink-700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-pink-700-bg .mat-select-content,
.mat-pink-700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-pink-700-bg .mat-select-value {
    color: #fff
}

.mat-pink-700-bg[disabled] {
    background-color: rgba(194, 24, 91, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.pink-700-fg {
    color: #c2185b !important
}

.pink-700-fg .icon,
.pink-700-fg .mat-icon {
    color: #fff
}

.pink-700-fg .secondary-text,
.pink-700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.pink-700-fg .disabled-text,
.pink-700-fg .hint-text,
.pink-700-fg.disabled-text,
.pink-700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.pink-700-fg .divider,
.pink-700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.pink-700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.pink-700-fg input[type=text] {
    color: #fff
}

.pink-700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.pink-700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-700-fg .mat-select-arrow,
.pink-700-fg .mat-select-disabled .mat-select-value,
.pink-700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.pink-700-fg .mat-select-content,
.pink-700-fg .mat-select-panel-done-animating {
    background: #fff
}

.pink-700-fg .mat-select-value {
    color: #fff
}

.pink-700-border {
    border-color: #c2185b !important
}

.pink-700-border-top {
    border-top-color: #c2185b !important
}

.pink-700-border-right {
    border-right-color: #c2185b !important
}

.pink-700-border-bottom {
    border-bottom-color: #c2185b !important
}

.pink-700-border-left {
    border-left-color: #c2185b !important
}

.pink-800-bg {
    background-color: #ad1457 !important
}

.mat-pink-800-bg {
    background-color: #ad1457 !important;
    color: #fff !important
}

.mat-pink-800-bg .icon,
.mat-pink-800-bg .mat-icon {
    color: #fff
}

.mat-pink-800-bg .secondary-text,
.mat-pink-800-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-pink-800-bg .disabled-text,
.mat-pink-800-bg .hint-text,
.mat-pink-800-bg.disabled-text,
.mat-pink-800-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-pink-800-bg .divider,
.mat-pink-800-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-pink-800-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-pink-800-bg input[type=text] {
    color: #fff
}

.mat-pink-800-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-pink-800-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-pink-800-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-pink-800-bg .mat-select-arrow,
.mat-pink-800-bg .mat-select-disabled .mat-select-value,
.mat-pink-800-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-pink-800-bg .mat-select-content,
.mat-pink-800-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-pink-800-bg .mat-select-value {
    color: #fff
}

.mat-pink-800-bg[disabled] {
    background-color: rgba(173, 20, 87, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.pink-800-fg {
    color: #ad1457 !important
}

.pink-800-fg .icon,
.pink-800-fg .mat-icon {
    color: #fff
}

.pink-800-fg .secondary-text,
.pink-800-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.pink-800-fg .disabled-text,
.pink-800-fg .hint-text,
.pink-800-fg.disabled-text,
.pink-800-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.pink-800-fg .divider,
.pink-800-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.pink-800-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.pink-800-fg input[type=text] {
    color: #fff
}

.pink-800-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.pink-800-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-800-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-800-fg .mat-select-arrow,
.pink-800-fg .mat-select-disabled .mat-select-value,
.pink-800-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.pink-800-fg .mat-select-content,
.pink-800-fg .mat-select-panel-done-animating {
    background: #fff
}

.pink-800-fg .mat-select-value {
    color: #fff
}

.pink-800-border {
    border-color: #ad1457 !important
}

.pink-800-border-top {
    border-top-color: #ad1457 !important
}

.pink-800-border-right {
    border-right-color: #ad1457 !important
}

.pink-800-border-bottom {
    border-bottom-color: #ad1457 !important
}

.pink-800-border-left {
    border-left-color: #ad1457 !important
}

.pink-900-bg {
    background-color: #880e4f !important
}

.mat-pink-900-bg {
    background-color: #880e4f !important;
    color: #fff !important
}

.mat-pink-900-bg .icon,
.mat-pink-900-bg .mat-icon {
    color: #fff
}

.mat-pink-900-bg .secondary-text,
.mat-pink-900-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-pink-900-bg .disabled-text,
.mat-pink-900-bg .hint-text,
.mat-pink-900-bg.disabled-text,
.mat-pink-900-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-pink-900-bg .divider,
.mat-pink-900-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-pink-900-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-pink-900-bg input[type=text] {
    color: #fff
}

.mat-pink-900-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-pink-900-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-pink-900-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-pink-900-bg .mat-select-arrow,
.mat-pink-900-bg .mat-select-disabled .mat-select-value,
.mat-pink-900-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-pink-900-bg .mat-select-content,
.mat-pink-900-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-pink-900-bg .mat-select-value {
    color: #fff
}

.mat-pink-900-bg[disabled] {
    background-color: rgba(136, 14, 79, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.pink-900-fg {
    color: #880e4f !important
}

.pink-900-fg .icon,
.pink-900-fg .mat-icon {
    color: #fff
}

.pink-900-fg .secondary-text,
.pink-900-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.pink-900-fg .disabled-text,
.pink-900-fg .hint-text,
.pink-900-fg.disabled-text,
.pink-900-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.pink-900-fg .divider,
.pink-900-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.pink-900-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.pink-900-fg input[type=text] {
    color: #fff
}

.pink-900-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.pink-900-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-900-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-900-fg .mat-select-arrow,
.pink-900-fg .mat-select-disabled .mat-select-value,
.pink-900-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.pink-900-fg .mat-select-content,
.pink-900-fg .mat-select-panel-done-animating {
    background: #fff
}

.pink-900-fg .mat-select-value {
    color: #fff
}

.pink-900-border {
    border-color: #880e4f !important
}

.pink-900-border-top {
    border-top-color: #880e4f !important
}

.pink-900-border-right {
    border-right-color: #880e4f !important
}

.pink-900-border-bottom {
    border-bottom-color: #880e4f !important
}

.pink-900-border-left {
    border-left-color: #880e4f !important
}

.pink-A100-bg {
    background-color: #ff80ab !important
}

.mat-pink-A100-bg {
    background-color: #ff80ab !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-pink-A100-bg .icon,
.mat-pink-A100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-pink-A100-bg .secondary-text,
.mat-pink-A100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-pink-A100-bg .disabled-text,
.mat-pink-A100-bg .hint-text,
.mat-pink-A100-bg.disabled-text,
.mat-pink-A100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-pink-A100-bg .divider,
.mat-pink-A100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-pink-A100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-pink-A100-bg input[type=text] {
    color: #000
}

.mat-pink-A100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-pink-A100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-pink-A100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-pink-A100-bg .mat-select-arrow,
.mat-pink-A100-bg .mat-select-disabled .mat-select-value,
.mat-pink-A100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-pink-A100-bg .mat-select-content,
.mat-pink-A100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-pink-A100-bg[disabled] {
    background-color: rgba(255, 128, 171, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.pink-A100-fg {
    color: #ff80ab !important
}

.pink-A100-fg .icon,
.pink-A100-fg .mat-icon {
    color: #fff
}

.pink-A100-fg .secondary-text,
.pink-A100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.pink-A100-fg .disabled-text,
.pink-A100-fg .hint-text,
.pink-A100-fg.disabled-text,
.pink-A100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.pink-A100-fg .divider,
.pink-A100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.pink-A100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.pink-A100-fg input[type=text] {
    color: #fff
}

.pink-A100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.pink-A100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-A100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-A100-fg .mat-select-arrow,
.pink-A100-fg .mat-select-disabled .mat-select-value,
.pink-A100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.pink-A100-fg .mat-select-content,
.pink-A100-fg .mat-select-panel-done-animating {
    background: #fff
}

.pink-A100-fg .mat-select-value {
    color: #fff
}

.pink-A100-border {
    border-color: #ff80ab !important
}

.pink-A100-border-top {
    border-top-color: #ff80ab !important
}

.pink-A100-border-right {
    border-right-color: #ff80ab !important
}

.pink-A100-border-bottom {
    border-bottom-color: #ff80ab !important
}

.pink-A100-border-left {
    border-left-color: #ff80ab !important
}

.pink-A200-bg {
    background-color: #ff4081 !important
}

.mat-pink-A200-bg {
    background-color: #ff4081 !important;
    color: #fff !important
}

.mat-pink-A200-bg .icon,
.mat-pink-A200-bg .mat-icon {
    color: #fff
}

.mat-pink-A200-bg .secondary-text,
.mat-pink-A200-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-pink-A200-bg .disabled-text,
.mat-pink-A200-bg .hint-text,
.mat-pink-A200-bg.disabled-text,
.mat-pink-A200-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-pink-A200-bg .divider,
.mat-pink-A200-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-pink-A200-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-pink-A200-bg input[type=text] {
    color: #fff
}

.mat-pink-A200-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-pink-A200-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-pink-A200-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-pink-A200-bg .mat-select-arrow,
.mat-pink-A200-bg .mat-select-disabled .mat-select-value,
.mat-pink-A200-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-pink-A200-bg .mat-select-content,
.mat-pink-A200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-pink-A200-bg .mat-select-value {
    color: #fff
}

.mat-pink-A200-bg[disabled] {
    background-color: rgba(255, 64, 129, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.pink-A200-fg {
    color: #ff4081 !important
}

.pink-A200-fg .icon,
.pink-A200-fg .mat-icon {
    color: #fff
}

.pink-A200-fg .secondary-text,
.pink-A200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.pink-A200-fg .disabled-text,
.pink-A200-fg .hint-text,
.pink-A200-fg.disabled-text,
.pink-A200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.pink-A200-fg .divider,
.pink-A200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.pink-A200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.pink-A200-fg input[type=text] {
    color: #fff
}

.pink-A200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.pink-A200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-A200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-A200-fg .mat-select-arrow,
.pink-A200-fg .mat-select-disabled .mat-select-value,
.pink-A200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.pink-A200-fg .mat-select-content,
.pink-A200-fg .mat-select-panel-done-animating {
    background: #fff
}

.pink-A200-fg .mat-select-value {
    color: #fff
}

.pink-A200-border {
    border-color: #ff4081 !important
}

.pink-A200-border-top {
    border-top-color: #ff4081 !important
}

.pink-A200-border-right {
    border-right-color: #ff4081 !important
}

.pink-A200-border-bottom {
    border-bottom-color: #ff4081 !important
}

.pink-A200-border-left {
    border-left-color: #ff4081 !important
}

.pink-A400-bg {
    background-color: #f50057 !important
}

.mat-pink-A400-bg {
    background-color: #f50057 !important;
    color: #fff !important
}

.mat-pink-A400-bg .icon,
.mat-pink-A400-bg .mat-icon {
    color: #fff
}

.mat-pink-A400-bg .secondary-text,
.mat-pink-A400-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-pink-A400-bg .disabled-text,
.mat-pink-A400-bg .hint-text,
.mat-pink-A400-bg.disabled-text,
.mat-pink-A400-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-pink-A400-bg .divider,
.mat-pink-A400-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-pink-A400-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-pink-A400-bg input[type=text] {
    color: #fff
}

.mat-pink-A400-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-pink-A400-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-pink-A400-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-pink-A400-bg .mat-select-arrow,
.mat-pink-A400-bg .mat-select-disabled .mat-select-value,
.mat-pink-A400-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-pink-A400-bg .mat-select-content,
.mat-pink-A400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-pink-A400-bg .mat-select-value {
    color: #fff
}

.mat-pink-A400-bg[disabled] {
    background-color: rgba(245, 0, 87, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.pink-A400-fg {
    color: #f50057 !important
}

.pink-A400-fg .icon,
.pink-A400-fg .mat-icon {
    color: #fff
}

.pink-A400-fg .secondary-text,
.pink-A400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.pink-A400-fg .disabled-text,
.pink-A400-fg .hint-text,
.pink-A400-fg.disabled-text,
.pink-A400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.pink-A400-fg .divider,
.pink-A400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.pink-A400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.pink-A400-fg input[type=text] {
    color: #fff
}

.pink-A400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.pink-A400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-A400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-A400-fg .mat-select-arrow,
.pink-A400-fg .mat-select-disabled .mat-select-value,
.pink-A400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.pink-A400-fg .mat-select-content,
.pink-A400-fg .mat-select-panel-done-animating {
    background: #fff
}

.pink-A400-fg .mat-select-value {
    color: #fff
}

.pink-A400-border {
    border-color: #f50057 !important
}

.pink-A400-border-top {
    border-top-color: #f50057 !important
}

.pink-A400-border-right {
    border-right-color: #f50057 !important
}

.pink-A400-border-bottom {
    border-bottom-color: #f50057 !important
}

.pink-A400-border-left {
    border-left-color: #f50057 !important
}

.pink-A700-bg {
    background-color: #c51162 !important
}

.mat-pink-A700-bg {
    background-color: #c51162 !important;
    color: #fff !important
}

.mat-pink-A700-bg .icon,
.mat-pink-A700-bg .mat-icon {
    color: #fff
}

.mat-pink-A700-bg .secondary-text,
.mat-pink-A700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-pink-A700-bg .disabled-text,
.mat-pink-A700-bg .hint-text,
.mat-pink-A700-bg.disabled-text,
.mat-pink-A700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-pink-A700-bg .divider,
.mat-pink-A700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-pink-A700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-pink-A700-bg input[type=text] {
    color: #fff
}

.mat-pink-A700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-pink-A700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-pink-A700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-pink-A700-bg .mat-select-arrow,
.mat-pink-A700-bg .mat-select-disabled .mat-select-value,
.mat-pink-A700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-pink-A700-bg .mat-select-content,
.mat-pink-A700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-pink-A700-bg .mat-select-value {
    color: #fff
}

.mat-pink-A700-bg[disabled] {
    background-color: rgba(197, 17, 98, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.pink-A700-fg {
    color: #c51162 !important
}

.pink-A700-fg .icon,
.pink-A700-fg .mat-icon {
    color: #fff
}

.pink-A700-fg .secondary-text,
.pink-A700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.pink-A700-fg .disabled-text,
.pink-A700-fg .hint-text,
.pink-A700-fg.disabled-text,
.pink-A700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.pink-A700-fg .divider,
.pink-A700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.pink-A700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.pink-A700-fg input[type=text] {
    color: #fff
}

.pink-A700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.pink-A700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-A700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.pink-A700-fg .mat-select-arrow,
.pink-A700-fg .mat-select-disabled .mat-select-value,
.pink-A700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.pink-A700-fg .mat-select-content,
.pink-A700-fg .mat-select-panel-done-animating {
    background: #fff
}

.pink-A700-fg .mat-select-value {
    color: #fff
}

.pink-A700-border {
    border-color: #c51162 !important
}

.pink-A700-border-top {
    border-top-color: #c51162 !important
}

.pink-A700-border-right {
    border-right-color: #c51162 !important
}

.pink-A700-border-bottom {
    border-bottom-color: #c51162 !important
}

.pink-A700-border-left {
    border-left-color: #c51162 !important
}

.purple-50-bg {
    background-color: #f3e5f5 !important
}

.mat-purple-50-bg {
    background-color: #f3e5f5 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-purple-50-bg .icon,
.mat-purple-50-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-purple-50-bg .secondary-text,
.mat-purple-50-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-purple-50-bg .disabled-text,
.mat-purple-50-bg .hint-text,
.mat-purple-50-bg.disabled-text,
.mat-purple-50-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-purple-50-bg .divider,
.mat-purple-50-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-purple-50-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-purple-50-bg input[type=text] {
    color: #000
}

.mat-purple-50-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-purple-50-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-purple-50-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-purple-50-bg .mat-select-arrow,
.mat-purple-50-bg .mat-select-disabled .mat-select-value,
.mat-purple-50-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-purple-50-bg .mat-select-content,
.mat-purple-50-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-purple-50-bg[disabled] {
    background-color: rgba(243, 229, 245, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.purple-50-fg {
    color: #f3e5f5 !important
}

.purple-50-fg .icon,
.purple-50-fg .mat-icon {
    color: #fff
}

.purple-50-fg .secondary-text,
.purple-50-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.purple-50-fg .disabled-text,
.purple-50-fg .hint-text,
.purple-50-fg.disabled-text,
.purple-50-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.purple-50-fg .divider,
.purple-50-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.purple-50-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.purple-50-fg input[type=text] {
    color: #fff
}

.purple-50-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.purple-50-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-50-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-50-fg .mat-select-arrow,
.purple-50-fg .mat-select-disabled .mat-select-value,
.purple-50-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.purple-50-fg .mat-select-content,
.purple-50-fg .mat-select-panel-done-animating {
    background: #fff
}

.purple-50-fg .mat-select-value {
    color: #fff
}

.purple-50-border {
    border-color: #f3e5f5 !important
}

.purple-50-border-top {
    border-top-color: #f3e5f5 !important
}

.purple-50-border-right {
    border-right-color: #f3e5f5 !important
}

.purple-50-border-bottom {
    border-bottom-color: #f3e5f5 !important
}

.purple-50-border-left {
    border-left-color: #f3e5f5 !important
}

.purple-100-bg {
    background-color: #e1bee7 !important
}

.mat-purple-100-bg {
    background-color: #e1bee7 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-purple-100-bg .icon,
.mat-purple-100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-purple-100-bg .secondary-text,
.mat-purple-100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-purple-100-bg .disabled-text,
.mat-purple-100-bg .hint-text,
.mat-purple-100-bg.disabled-text,
.mat-purple-100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-purple-100-bg .divider,
.mat-purple-100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-purple-100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-purple-100-bg input[type=text] {
    color: #000
}

.mat-purple-100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-purple-100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-purple-100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-purple-100-bg .mat-select-arrow,
.mat-purple-100-bg .mat-select-disabled .mat-select-value,
.mat-purple-100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-purple-100-bg .mat-select-content,
.mat-purple-100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-purple-100-bg[disabled] {
    background-color: rgba(225, 190, 231, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.purple-100-fg {
    color: #e1bee7 !important
}

.purple-100-fg .icon,
.purple-100-fg .mat-icon {
    color: #fff
}

.purple-100-fg .secondary-text,
.purple-100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.purple-100-fg .disabled-text,
.purple-100-fg .hint-text,
.purple-100-fg.disabled-text,
.purple-100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.purple-100-fg .divider,
.purple-100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.purple-100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.purple-100-fg input[type=text] {
    color: #fff
}

.purple-100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.purple-100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-100-fg .mat-select-arrow,
.purple-100-fg .mat-select-disabled .mat-select-value,
.purple-100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.purple-100-fg .mat-select-content,
.purple-100-fg .mat-select-panel-done-animating {
    background: #fff
}

.purple-100-fg .mat-select-value {
    color: #fff
}

.purple-100-border {
    border-color: #e1bee7 !important
}

.purple-100-border-top {
    border-top-color: #e1bee7 !important
}

.purple-100-border-right {
    border-right-color: #e1bee7 !important
}

.purple-100-border-bottom {
    border-bottom-color: #e1bee7 !important
}

.purple-100-border-left {
    border-left-color: #e1bee7 !important
}

.purple-200-bg {
    background-color: #ce93d8 !important
}

.mat-purple-200-bg {
    background-color: #ce93d8 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-purple-200-bg .icon,
.mat-purple-200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-purple-200-bg .secondary-text,
.mat-purple-200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-purple-200-bg .disabled-text,
.mat-purple-200-bg .hint-text,
.mat-purple-200-bg.disabled-text,
.mat-purple-200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-purple-200-bg .divider,
.mat-purple-200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-purple-200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-purple-200-bg input[type=text] {
    color: #000
}

.mat-purple-200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-purple-200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-purple-200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-purple-200-bg .mat-select-arrow,
.mat-purple-200-bg .mat-select-disabled .mat-select-value,
.mat-purple-200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-purple-200-bg .mat-select-content,
.mat-purple-200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-purple-200-bg[disabled] {
    background-color: rgba(206, 147, 216, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.purple-200-fg {
    color: #ce93d8 !important
}

.purple-200-fg .icon,
.purple-200-fg .mat-icon {
    color: #fff
}

.purple-200-fg .secondary-text,
.purple-200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.purple-200-fg .disabled-text,
.purple-200-fg .hint-text,
.purple-200-fg.disabled-text,
.purple-200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.purple-200-fg .divider,
.purple-200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.purple-200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.purple-200-fg input[type=text] {
    color: #fff
}

.purple-200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.purple-200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-200-fg .mat-select-arrow,
.purple-200-fg .mat-select-disabled .mat-select-value,
.purple-200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.purple-200-fg .mat-select-content,
.purple-200-fg .mat-select-panel-done-animating {
    background: #fff
}

.purple-200-fg .mat-select-value {
    color: #fff
}

.purple-200-border {
    border-color: #ce93d8 !important
}

.purple-200-border-top {
    border-top-color: #ce93d8 !important
}

.purple-200-border-right {
    border-right-color: #ce93d8 !important
}

.purple-200-border-bottom {
    border-bottom-color: #ce93d8 !important
}

.purple-200-border-left {
    border-left-color: #ce93d8 !important
}

.purple-300-bg {
    background-color: #ba68c8 !important
}

.mat-purple-300-bg {
    background-color: #ba68c8 !important;
    color: #fff !important
}

.mat-purple-300-bg .icon,
.mat-purple-300-bg .mat-icon {
    color: #fff
}

.mat-purple-300-bg .secondary-text,
.mat-purple-300-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-purple-300-bg .disabled-text,
.mat-purple-300-bg .hint-text,
.mat-purple-300-bg.disabled-text,
.mat-purple-300-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-purple-300-bg .divider,
.mat-purple-300-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-purple-300-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-purple-300-bg input[type=text] {
    color: #fff
}

.mat-purple-300-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-purple-300-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-purple-300-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-purple-300-bg .mat-select-arrow,
.mat-purple-300-bg .mat-select-disabled .mat-select-value,
.mat-purple-300-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-purple-300-bg .mat-select-content,
.mat-purple-300-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-purple-300-bg .mat-select-value {
    color: #fff
}

.mat-purple-300-bg[disabled] {
    background-color: rgba(186, 104, 200, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.purple-300-fg {
    color: #ba68c8 !important
}

.purple-300-fg .icon,
.purple-300-fg .mat-icon {
    color: #fff
}

.purple-300-fg .secondary-text,
.purple-300-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.purple-300-fg .disabled-text,
.purple-300-fg .hint-text,
.purple-300-fg.disabled-text,
.purple-300-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.purple-300-fg .divider,
.purple-300-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.purple-300-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.purple-300-fg input[type=text] {
    color: #fff
}

.purple-300-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.purple-300-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-300-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-300-fg .mat-select-arrow,
.purple-300-fg .mat-select-disabled .mat-select-value,
.purple-300-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.purple-300-fg .mat-select-content,
.purple-300-fg .mat-select-panel-done-animating {
    background: #fff
}

.purple-300-fg .mat-select-value {
    color: #fff
}

.purple-300-border {
    border-color: #ba68c8 !important
}

.purple-300-border-top {
    border-top-color: #ba68c8 !important
}

.purple-300-border-right {
    border-right-color: #ba68c8 !important
}

.purple-300-border-bottom {
    border-bottom-color: #ba68c8 !important
}

.purple-300-border-left {
    border-left-color: #ba68c8 !important
}

.purple-400-bg {
    background-color: #ab47bc !important
}

.mat-purple-400-bg {
    background-color: #ab47bc !important;
    color: #fff !important
}

.mat-purple-400-bg .icon,
.mat-purple-400-bg .mat-icon {
    color: #fff
}

.mat-purple-400-bg .secondary-text,
.mat-purple-400-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-purple-400-bg .disabled-text,
.mat-purple-400-bg .hint-text,
.mat-purple-400-bg.disabled-text,
.mat-purple-400-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-purple-400-bg .divider,
.mat-purple-400-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-purple-400-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-purple-400-bg input[type=text] {
    color: #fff
}

.mat-purple-400-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-purple-400-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-purple-400-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-purple-400-bg .mat-select-arrow,
.mat-purple-400-bg .mat-select-disabled .mat-select-value,
.mat-purple-400-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-purple-400-bg .mat-select-content,
.mat-purple-400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-purple-400-bg .mat-select-value {
    color: #fff
}

.mat-purple-400-bg[disabled] {
    background-color: rgba(171, 71, 188, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.purple-400-fg {
    color: #ab47bc !important
}

.purple-400-fg .icon,
.purple-400-fg .mat-icon {
    color: #fff
}

.purple-400-fg .secondary-text,
.purple-400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.purple-400-fg .disabled-text,
.purple-400-fg .hint-text,
.purple-400-fg.disabled-text,
.purple-400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.purple-400-fg .divider,
.purple-400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.purple-400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.purple-400-fg input[type=text] {
    color: #fff
}

.purple-400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.purple-400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-400-fg .mat-select-arrow,
.purple-400-fg .mat-select-disabled .mat-select-value,
.purple-400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.purple-400-fg .mat-select-content,
.purple-400-fg .mat-select-panel-done-animating {
    background: #fff
}

.purple-400-fg .mat-select-value {
    color: #fff
}

.purple-400-border {
    border-color: #ab47bc !important
}

.purple-400-border-top {
    border-top-color: #ab47bc !important
}

.purple-400-border-right {
    border-right-color: #ab47bc !important
}

.purple-400-border-bottom {
    border-bottom-color: #ab47bc !important
}

.purple-400-border-left {
    border-left-color: #ab47bc !important
}

.purple-500-bg {
    background-color: #9c27b0 !important
}

.mat-purple-500-bg {
    background-color: #9c27b0 !important;
    color: #fff !important
}

.mat-purple-500-bg .icon,
.mat-purple-500-bg .mat-icon {
    color: #fff
}

.mat-purple-500-bg .secondary-text,
.mat-purple-500-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-purple-500-bg .disabled-text,
.mat-purple-500-bg .hint-text,
.mat-purple-500-bg.disabled-text,
.mat-purple-500-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-purple-500-bg .divider,
.mat-purple-500-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-purple-500-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-purple-500-bg input[type=text] {
    color: #fff
}

.mat-purple-500-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-purple-500-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-purple-500-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-purple-500-bg .mat-select-arrow,
.mat-purple-500-bg .mat-select-disabled .mat-select-value,
.mat-purple-500-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-purple-500-bg .mat-select-content,
.mat-purple-500-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-purple-500-bg .mat-select-value {
    color: #fff
}

.mat-purple-500-bg[disabled] {
    background-color: rgba(156, 39, 176, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.purple-500-fg {
    color: #9c27b0 !important
}

.purple-500-fg .icon,
.purple-500-fg .mat-icon {
    color: #fff
}

.purple-500-fg .secondary-text,
.purple-500-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.purple-500-fg .disabled-text,
.purple-500-fg .hint-text,
.purple-500-fg.disabled-text,
.purple-500-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.purple-500-fg .divider,
.purple-500-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.purple-500-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.purple-500-fg input[type=text] {
    color: #fff
}

.purple-500-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.purple-500-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-500-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-500-fg .mat-select-arrow,
.purple-500-fg .mat-select-disabled .mat-select-value,
.purple-500-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.purple-500-fg .mat-select-content,
.purple-500-fg .mat-select-panel-done-animating {
    background: #fff
}

.purple-500-fg .mat-select-value {
    color: #fff
}

.purple-500-border {
    border-color: #9c27b0 !important
}

.purple-500-border-top {
    border-top-color: #9c27b0 !important
}

.purple-500-border-right {
    border-right-color: #9c27b0 !important
}

.purple-500-border-bottom {
    border-bottom-color: #9c27b0 !important
}

.purple-500-border-left {
    border-left-color: #9c27b0 !important
}

.purple-bg {
    background-color: #9c27b0 !important
}

.mat-purple-bg {
    background-color: #9c27b0 !important;
    color: #fff !important
}

.mat-purple-bg .icon,
.mat-purple-bg .mat-icon {
    color: #fff
}

.mat-purple-bg .secondary-text,
.mat-purple-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-purple-bg .disabled-text,
.mat-purple-bg .hint-text,
.mat-purple-bg.disabled-text,
.mat-purple-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-purple-bg .divider,
.mat-purple-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-purple-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-purple-bg input[type=text] {
    color: #fff
}

.mat-purple-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-purple-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-purple-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-purple-bg .mat-select-arrow,
.mat-purple-bg .mat-select-disabled .mat-select-value,
.mat-purple-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-purple-bg .mat-select-content,
.mat-purple-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-purple-bg .mat-select-value {
    color: #fff
}

.mat-purple-bg[disabled] {
    background-color: rgba(156, 39, 176, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.purple-fg {
    color: #9c27b0 !important
}

.purple-fg .icon,
.purple-fg .mat-icon {
    color: #fff
}

.purple-fg .secondary-text,
.purple-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.purple-fg .disabled-text,
.purple-fg .hint-text,
.purple-fg.disabled-text,
.purple-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.purple-fg .divider,
.purple-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.purple-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.purple-fg input[type=text] {
    color: #fff
}

.purple-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.purple-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-fg .mat-select-arrow,
.purple-fg .mat-select-disabled .mat-select-value,
.purple-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.purple-fg .mat-select-content,
.purple-fg .mat-select-panel-done-animating {
    background: #fff
}

.purple-fg .mat-select-value {
    color: #fff
}

.purple-border {
    border-color: #9c27b0 !important
}

.purple-border-top {
    border-top-color: #9c27b0 !important
}

.purple-border-right {
    border-right-color: #9c27b0 !important
}

.purple-border-bottom {
    border-bottom-color: #9c27b0 !important
}

.purple-border-left {
    border-left-color: #9c27b0 !important
}

.purple-600-bg {
    background-color: #8e24aa !important
}

.mat-purple-600-bg {
    background-color: #8e24aa !important;
    color: #fff !important
}

.mat-purple-600-bg .icon,
.mat-purple-600-bg .mat-icon {
    color: #fff
}

.mat-purple-600-bg .secondary-text,
.mat-purple-600-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-purple-600-bg .disabled-text,
.mat-purple-600-bg .hint-text,
.mat-purple-600-bg.disabled-text,
.mat-purple-600-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-purple-600-bg .divider,
.mat-purple-600-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-purple-600-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-purple-600-bg input[type=text] {
    color: #fff
}

.mat-purple-600-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-purple-600-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-purple-600-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-purple-600-bg .mat-select-arrow,
.mat-purple-600-bg .mat-select-disabled .mat-select-value,
.mat-purple-600-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-purple-600-bg .mat-select-content,
.mat-purple-600-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-purple-600-bg .mat-select-value {
    color: #fff
}

.mat-purple-600-bg[disabled] {
    background-color: rgba(142, 36, 170, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.purple-600-fg {
    color: #8e24aa !important
}

.purple-600-fg .icon,
.purple-600-fg .mat-icon {
    color: #fff
}

.purple-600-fg .secondary-text,
.purple-600-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.purple-600-fg .disabled-text,
.purple-600-fg .hint-text,
.purple-600-fg.disabled-text,
.purple-600-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.purple-600-fg .divider,
.purple-600-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.purple-600-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.purple-600-fg input[type=text] {
    color: #fff
}

.purple-600-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.purple-600-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-600-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-600-fg .mat-select-arrow,
.purple-600-fg .mat-select-disabled .mat-select-value,
.purple-600-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.purple-600-fg .mat-select-content,
.purple-600-fg .mat-select-panel-done-animating {
    background: #fff
}

.purple-600-fg .mat-select-value {
    color: #fff
}

.purple-600-border {
    border-color: #8e24aa !important
}

.purple-600-border-top {
    border-top-color: #8e24aa !important
}

.purple-600-border-right {
    border-right-color: #8e24aa !important
}

.purple-600-border-bottom {
    border-bottom-color: #8e24aa !important
}

.purple-600-border-left {
    border-left-color: #8e24aa !important
}

.purple-700-bg {
    background-color: #7b1fa2 !important
}

.mat-purple-700-bg {
    background-color: #7b1fa2 !important;
    color: #fff !important
}

.mat-purple-700-bg .icon,
.mat-purple-700-bg .mat-icon {
    color: #fff
}

.mat-purple-700-bg .secondary-text,
.mat-purple-700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-purple-700-bg .disabled-text,
.mat-purple-700-bg .hint-text,
.mat-purple-700-bg.disabled-text,
.mat-purple-700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-purple-700-bg .divider,
.mat-purple-700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-purple-700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-purple-700-bg input[type=text] {
    color: #fff
}

.mat-purple-700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-purple-700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-purple-700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-purple-700-bg .mat-select-arrow,
.mat-purple-700-bg .mat-select-disabled .mat-select-value,
.mat-purple-700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-purple-700-bg .mat-select-content,
.mat-purple-700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-purple-700-bg .mat-select-value {
    color: #fff
}

.mat-purple-700-bg[disabled] {
    background-color: rgba(123, 31, 162, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.purple-700-fg {
    color: #7b1fa2 !important
}

.purple-700-fg .icon,
.purple-700-fg .mat-icon {
    color: #fff
}

.purple-700-fg .secondary-text,
.purple-700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.purple-700-fg .disabled-text,
.purple-700-fg .hint-text,
.purple-700-fg.disabled-text,
.purple-700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.purple-700-fg .divider,
.purple-700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.purple-700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.purple-700-fg input[type=text] {
    color: #fff
}

.purple-700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.purple-700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-700-fg .mat-select-arrow,
.purple-700-fg .mat-select-disabled .mat-select-value,
.purple-700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.purple-700-fg .mat-select-content,
.purple-700-fg .mat-select-panel-done-animating {
    background: #fff
}

.purple-700-fg .mat-select-value {
    color: #fff
}

.purple-700-border {
    border-color: #7b1fa2 !important
}

.purple-700-border-top {
    border-top-color: #7b1fa2 !important
}

.purple-700-border-right {
    border-right-color: #7b1fa2 !important
}

.purple-700-border-bottom {
    border-bottom-color: #7b1fa2 !important
}

.purple-700-border-left {
    border-left-color: #7b1fa2 !important
}

.purple-800-bg {
    background-color: #6a1b9a !important
}

.mat-purple-800-bg {
    background-color: #6a1b9a !important;
    color: #fff !important
}

.mat-purple-800-bg .icon,
.mat-purple-800-bg .mat-icon {
    color: #fff
}

.mat-purple-800-bg .secondary-text,
.mat-purple-800-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-purple-800-bg .disabled-text,
.mat-purple-800-bg .hint-text,
.mat-purple-800-bg.disabled-text,
.mat-purple-800-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-purple-800-bg .divider,
.mat-purple-800-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-purple-800-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-purple-800-bg input[type=text] {
    color: #fff
}

.mat-purple-800-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-purple-800-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-purple-800-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-purple-800-bg .mat-select-arrow,
.mat-purple-800-bg .mat-select-disabled .mat-select-value,
.mat-purple-800-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-purple-800-bg .mat-select-content,
.mat-purple-800-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-purple-800-bg .mat-select-value {
    color: #fff
}

.mat-purple-800-bg[disabled] {
    background-color: rgba(106, 27, 154, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.purple-800-fg {
    color: #6a1b9a !important
}

.purple-800-fg .icon,
.purple-800-fg .mat-icon {
    color: #fff
}

.purple-800-fg .secondary-text,
.purple-800-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.purple-800-fg .disabled-text,
.purple-800-fg .hint-text,
.purple-800-fg.disabled-text,
.purple-800-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.purple-800-fg .divider,
.purple-800-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.purple-800-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.purple-800-fg input[type=text] {
    color: #fff
}

.purple-800-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.purple-800-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-800-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-800-fg .mat-select-arrow,
.purple-800-fg .mat-select-disabled .mat-select-value,
.purple-800-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.purple-800-fg .mat-select-content,
.purple-800-fg .mat-select-panel-done-animating {
    background: #fff
}

.purple-800-fg .mat-select-value {
    color: #fff
}

.purple-800-border {
    border-color: #6a1b9a !important
}

.purple-800-border-top {
    border-top-color: #6a1b9a !important
}

.purple-800-border-right {
    border-right-color: #6a1b9a !important
}

.purple-800-border-bottom {
    border-bottom-color: #6a1b9a !important
}

.purple-800-border-left {
    border-left-color: #6a1b9a !important
}

.purple-900-bg {
    background-color: #4a148c !important
}

.mat-purple-900-bg {
    background-color: #4a148c !important;
    color: #fff !important
}

.mat-purple-900-bg .icon,
.mat-purple-900-bg .mat-icon {
    color: #fff
}

.mat-purple-900-bg .secondary-text,
.mat-purple-900-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-purple-900-bg .disabled-text,
.mat-purple-900-bg .hint-text,
.mat-purple-900-bg.disabled-text,
.mat-purple-900-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-purple-900-bg .divider,
.mat-purple-900-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-purple-900-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-purple-900-bg input[type=text] {
    color: #fff
}

.mat-purple-900-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-purple-900-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-purple-900-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-purple-900-bg .mat-select-arrow,
.mat-purple-900-bg .mat-select-disabled .mat-select-value,
.mat-purple-900-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-purple-900-bg .mat-select-content,
.mat-purple-900-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-purple-900-bg .mat-select-value {
    color: #fff
}

.mat-purple-900-bg[disabled] {
    background-color: rgba(74, 20, 140, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.purple-900-fg {
    color: #4a148c !important
}

.purple-900-fg .icon,
.purple-900-fg .mat-icon {
    color: #fff
}

.purple-900-fg .secondary-text,
.purple-900-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.purple-900-fg .disabled-text,
.purple-900-fg .hint-text,
.purple-900-fg.disabled-text,
.purple-900-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.purple-900-fg .divider,
.purple-900-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.purple-900-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.purple-900-fg input[type=text] {
    color: #fff
}

.purple-900-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.purple-900-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-900-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-900-fg .mat-select-arrow,
.purple-900-fg .mat-select-disabled .mat-select-value,
.purple-900-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.purple-900-fg .mat-select-content,
.purple-900-fg .mat-select-panel-done-animating {
    background: #fff
}

.purple-900-fg .mat-select-value {
    color: #fff
}

.purple-900-border {
    border-color: #4a148c !important
}

.purple-900-border-top {
    border-top-color: #4a148c !important
}

.purple-900-border-right {
    border-right-color: #4a148c !important
}

.purple-900-border-bottom {
    border-bottom-color: #4a148c !important
}

.purple-900-border-left {
    border-left-color: #4a148c !important
}

.purple-A100-bg {
    background-color: #ea80fc !important
}

.mat-purple-A100-bg {
    background-color: #ea80fc !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-purple-A100-bg .icon,
.mat-purple-A100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-purple-A100-bg .secondary-text,
.mat-purple-A100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-purple-A100-bg .disabled-text,
.mat-purple-A100-bg .hint-text,
.mat-purple-A100-bg.disabled-text,
.mat-purple-A100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-purple-A100-bg .divider,
.mat-purple-A100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-purple-A100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-purple-A100-bg input[type=text] {
    color: #000
}

.mat-purple-A100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-purple-A100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-purple-A100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-purple-A100-bg .mat-select-arrow,
.mat-purple-A100-bg .mat-select-disabled .mat-select-value,
.mat-purple-A100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-purple-A100-bg .mat-select-content,
.mat-purple-A100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-purple-A100-bg[disabled] {
    background-color: rgba(234, 128, 252, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.purple-A100-fg {
    color: #ea80fc !important
}

.purple-A100-fg .icon,
.purple-A100-fg .mat-icon {
    color: #fff
}

.purple-A100-fg .secondary-text,
.purple-A100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.purple-A100-fg .disabled-text,
.purple-A100-fg .hint-text,
.purple-A100-fg.disabled-text,
.purple-A100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.purple-A100-fg .divider,
.purple-A100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.purple-A100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.purple-A100-fg input[type=text] {
    color: #fff
}

.purple-A100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.purple-A100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-A100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-A100-fg .mat-select-arrow,
.purple-A100-fg .mat-select-disabled .mat-select-value,
.purple-A100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.purple-A100-fg .mat-select-content,
.purple-A100-fg .mat-select-panel-done-animating {
    background: #fff
}

.purple-A100-fg .mat-select-value {
    color: #fff
}

.purple-A100-border {
    border-color: #ea80fc !important
}

.purple-A100-border-top {
    border-top-color: #ea80fc !important
}

.purple-A100-border-right {
    border-right-color: #ea80fc !important
}

.purple-A100-border-bottom {
    border-bottom-color: #ea80fc !important
}

.purple-A100-border-left {
    border-left-color: #ea80fc !important
}

.purple-A200-bg {
    background-color: #e040fb !important
}

.mat-purple-A200-bg {
    background-color: #e040fb !important;
    color: #fff !important
}

.mat-purple-A200-bg .icon,
.mat-purple-A200-bg .mat-icon {
    color: #fff
}

.mat-purple-A200-bg .secondary-text,
.mat-purple-A200-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-purple-A200-bg .disabled-text,
.mat-purple-A200-bg .hint-text,
.mat-purple-A200-bg.disabled-text,
.mat-purple-A200-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-purple-A200-bg .divider,
.mat-purple-A200-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-purple-A200-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-purple-A200-bg input[type=text] {
    color: #fff
}

.mat-purple-A200-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-purple-A200-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-purple-A200-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-purple-A200-bg .mat-select-arrow,
.mat-purple-A200-bg .mat-select-disabled .mat-select-value,
.mat-purple-A200-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-purple-A200-bg .mat-select-content,
.mat-purple-A200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-purple-A200-bg .mat-select-value {
    color: #fff
}

.mat-purple-A200-bg[disabled] {
    background-color: rgba(224, 64, 251, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.purple-A200-fg {
    color: #e040fb !important
}

.purple-A200-fg .icon,
.purple-A200-fg .mat-icon {
    color: #fff
}

.purple-A200-fg .secondary-text,
.purple-A200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.purple-A200-fg .disabled-text,
.purple-A200-fg .hint-text,
.purple-A200-fg.disabled-text,
.purple-A200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.purple-A200-fg .divider,
.purple-A200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.purple-A200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.purple-A200-fg input[type=text] {
    color: #fff
}

.purple-A200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.purple-A200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-A200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-A200-fg .mat-select-arrow,
.purple-A200-fg .mat-select-disabled .mat-select-value,
.purple-A200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.purple-A200-fg .mat-select-content,
.purple-A200-fg .mat-select-panel-done-animating {
    background: #fff
}

.purple-A200-fg .mat-select-value {
    color: #fff
}

.purple-A200-border {
    border-color: #e040fb !important
}

.purple-A200-border-top {
    border-top-color: #e040fb !important
}

.purple-A200-border-right {
    border-right-color: #e040fb !important
}

.purple-A200-border-bottom {
    border-bottom-color: #e040fb !important
}

.purple-A200-border-left {
    border-left-color: #e040fb !important
}

.purple-A400-bg {
    background-color: #d500f9 !important
}

.mat-purple-A400-bg {
    background-color: #d500f9 !important;
    color: #fff !important
}

.mat-purple-A400-bg .icon,
.mat-purple-A400-bg .mat-icon {
    color: #fff
}

.mat-purple-A400-bg .secondary-text,
.mat-purple-A400-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-purple-A400-bg .disabled-text,
.mat-purple-A400-bg .hint-text,
.mat-purple-A400-bg.disabled-text,
.mat-purple-A400-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-purple-A400-bg .divider,
.mat-purple-A400-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-purple-A400-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-purple-A400-bg input[type=text] {
    color: #fff
}

.mat-purple-A400-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-purple-A400-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-purple-A400-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-purple-A400-bg .mat-select-arrow,
.mat-purple-A400-bg .mat-select-disabled .mat-select-value,
.mat-purple-A400-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-purple-A400-bg .mat-select-content,
.mat-purple-A400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-purple-A400-bg .mat-select-value {
    color: #fff
}

.mat-purple-A400-bg[disabled] {
    background-color: rgba(213, 0, 249, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.purple-A400-fg {
    color: #d500f9 !important
}

.purple-A400-fg .icon,
.purple-A400-fg .mat-icon {
    color: #fff
}

.purple-A400-fg .secondary-text,
.purple-A400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.purple-A400-fg .disabled-text,
.purple-A400-fg .hint-text,
.purple-A400-fg.disabled-text,
.purple-A400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.purple-A400-fg .divider,
.purple-A400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.purple-A400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.purple-A400-fg input[type=text] {
    color: #fff
}

.purple-A400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.purple-A400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-A400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-A400-fg .mat-select-arrow,
.purple-A400-fg .mat-select-disabled .mat-select-value,
.purple-A400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.purple-A400-fg .mat-select-content,
.purple-A400-fg .mat-select-panel-done-animating {
    background: #fff
}

.purple-A400-fg .mat-select-value {
    color: #fff
}

.purple-A400-border {
    border-color: #d500f9 !important
}

.purple-A400-border-top {
    border-top-color: #d500f9 !important
}

.purple-A400-border-right {
    border-right-color: #d500f9 !important
}

.purple-A400-border-bottom {
    border-bottom-color: #d500f9 !important
}

.purple-A400-border-left {
    border-left-color: #d500f9 !important
}

.purple-A700-bg {
    background-color: #a0f !important
}

.mat-purple-A700-bg {
    background-color: #a0f !important;
    color: #fff !important
}

.mat-purple-A700-bg .icon,
.mat-purple-A700-bg .mat-icon {
    color: #fff
}

.mat-purple-A700-bg .secondary-text,
.mat-purple-A700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-purple-A700-bg .disabled-text,
.mat-purple-A700-bg .hint-text,
.mat-purple-A700-bg.disabled-text,
.mat-purple-A700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-purple-A700-bg .divider,
.mat-purple-A700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-purple-A700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-purple-A700-bg input[type=text] {
    color: #fff
}

.mat-purple-A700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-purple-A700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-purple-A700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-purple-A700-bg .mat-select-arrow,
.mat-purple-A700-bg .mat-select-disabled .mat-select-value,
.mat-purple-A700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-purple-A700-bg .mat-select-content,
.mat-purple-A700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-purple-A700-bg .mat-select-value {
    color: #fff
}

.mat-purple-A700-bg[disabled] {
    background-color: rgba(170, 0, 255, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.purple-A700-fg {
    color: #a0f !important
}

.purple-A700-fg .icon,
.purple-A700-fg .mat-icon {
    color: #fff
}

.purple-A700-fg .secondary-text,
.purple-A700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.purple-A700-fg .disabled-text,
.purple-A700-fg .hint-text,
.purple-A700-fg.disabled-text,
.purple-A700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.purple-A700-fg .divider,
.purple-A700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.purple-A700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.purple-A700-fg input[type=text] {
    color: #fff
}

.purple-A700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.purple-A700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-A700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.purple-A700-fg .mat-select-arrow,
.purple-A700-fg .mat-select-disabled .mat-select-value,
.purple-A700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.purple-A700-fg .mat-select-content,
.purple-A700-fg .mat-select-panel-done-animating {
    background: #fff
}

.purple-A700-fg .mat-select-value {
    color: #fff
}

.purple-A700-border {
    border-color: #a0f !important
}

.purple-A700-border-top {
    border-top-color: #a0f !important
}

.purple-A700-border-right {
    border-right-color: #a0f !important
}

.purple-A700-border-bottom {
    border-bottom-color: #a0f !important
}

.purple-A700-border-left {
    border-left-color: #a0f !important
}

.deep-purple-50-bg {
    background-color: #ede7f6 !important
}

.mat-deep-purple-50-bg {
    background-color: #ede7f6 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-deep-purple-50-bg .icon,
.mat-deep-purple-50-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-deep-purple-50-bg .secondary-text,
.mat-deep-purple-50-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-deep-purple-50-bg .disabled-text,
.mat-deep-purple-50-bg .hint-text,
.mat-deep-purple-50-bg.disabled-text,
.mat-deep-purple-50-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-deep-purple-50-bg .divider,
.mat-deep-purple-50-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-deep-purple-50-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-deep-purple-50-bg input[type=text] {
    color: #000
}

.mat-deep-purple-50-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-deep-purple-50-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-deep-purple-50-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-deep-purple-50-bg .mat-select-arrow,
.mat-deep-purple-50-bg .mat-select-disabled .mat-select-value,
.mat-deep-purple-50-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-deep-purple-50-bg .mat-select-content,
.mat-deep-purple-50-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-purple-50-bg[disabled] {
    background-color: rgba(237, 231, 246, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.deep-purple-50-fg {
    color: #ede7f6 !important
}

.deep-purple-50-fg .icon,
.deep-purple-50-fg .mat-icon {
    color: #fff
}

.deep-purple-50-fg .secondary-text,
.deep-purple-50-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-purple-50-fg .disabled-text,
.deep-purple-50-fg .hint-text,
.deep-purple-50-fg.disabled-text,
.deep-purple-50-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-purple-50-fg .divider,
.deep-purple-50-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-purple-50-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-purple-50-fg input[type=text] {
    color: #fff
}

.deep-purple-50-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-50-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-50-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-50-fg .mat-select-arrow,
.deep-purple-50-fg .mat-select-disabled .mat-select-value,
.deep-purple-50-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-50-fg .mat-select-content,
.deep-purple-50-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-purple-50-fg .mat-select-value {
    color: #fff
}

.deep-purple-50-border {
    border-color: #ede7f6 !important
}

.deep-purple-50-border-top {
    border-top-color: #ede7f6 !important
}

.deep-purple-50-border-right {
    border-right-color: #ede7f6 !important
}

.deep-purple-50-border-bottom {
    border-bottom-color: #ede7f6 !important
}

.deep-purple-50-border-left {
    border-left-color: #ede7f6 !important
}

.deep-purple-100-bg {
    background-color: #d1c4e9 !important
}

.mat-deep-purple-100-bg {
    background-color: #d1c4e9 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-deep-purple-100-bg .icon,
.mat-deep-purple-100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-deep-purple-100-bg .secondary-text,
.mat-deep-purple-100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-deep-purple-100-bg .disabled-text,
.mat-deep-purple-100-bg .hint-text,
.mat-deep-purple-100-bg.disabled-text,
.mat-deep-purple-100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-deep-purple-100-bg .divider,
.mat-deep-purple-100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-deep-purple-100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-deep-purple-100-bg input[type=text] {
    color: #000
}

.mat-deep-purple-100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-deep-purple-100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-deep-purple-100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-deep-purple-100-bg .mat-select-arrow,
.mat-deep-purple-100-bg .mat-select-disabled .mat-select-value,
.mat-deep-purple-100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-deep-purple-100-bg .mat-select-content,
.mat-deep-purple-100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-purple-100-bg[disabled] {
    background-color: rgba(209, 196, 233, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.deep-purple-100-fg {
    color: #d1c4e9 !important
}

.deep-purple-100-fg .icon,
.deep-purple-100-fg .mat-icon {
    color: #fff
}

.deep-purple-100-fg .secondary-text,
.deep-purple-100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-purple-100-fg .disabled-text,
.deep-purple-100-fg .hint-text,
.deep-purple-100-fg.disabled-text,
.deep-purple-100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-purple-100-fg .divider,
.deep-purple-100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-purple-100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-purple-100-fg input[type=text] {
    color: #fff
}

.deep-purple-100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-100-fg .mat-select-arrow,
.deep-purple-100-fg .mat-select-disabled .mat-select-value,
.deep-purple-100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-100-fg .mat-select-content,
.deep-purple-100-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-purple-100-fg .mat-select-value {
    color: #fff
}

.deep-purple-100-border {
    border-color: #d1c4e9 !important
}

.deep-purple-100-border-top {
    border-top-color: #d1c4e9 !important
}

.deep-purple-100-border-right {
    border-right-color: #d1c4e9 !important
}

.deep-purple-100-border-bottom {
    border-bottom-color: #d1c4e9 !important
}

.deep-purple-100-border-left {
    border-left-color: #d1c4e9 !important
}

.deep-purple-200-bg {
    background-color: #b39ddb !important
}

.mat-deep-purple-200-bg {
    background-color: #b39ddb !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-deep-purple-200-bg .icon,
.mat-deep-purple-200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-deep-purple-200-bg .secondary-text,
.mat-deep-purple-200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-deep-purple-200-bg .disabled-text,
.mat-deep-purple-200-bg .hint-text,
.mat-deep-purple-200-bg.disabled-text,
.mat-deep-purple-200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-deep-purple-200-bg .divider,
.mat-deep-purple-200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-deep-purple-200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-deep-purple-200-bg input[type=text] {
    color: #000
}

.mat-deep-purple-200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-deep-purple-200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-deep-purple-200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-deep-purple-200-bg .mat-select-arrow,
.mat-deep-purple-200-bg .mat-select-disabled .mat-select-value,
.mat-deep-purple-200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-deep-purple-200-bg .mat-select-content,
.mat-deep-purple-200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-purple-200-bg[disabled] {
    background-color: rgba(179, 157, 219, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.deep-purple-200-fg {
    color: #b39ddb !important
}

.deep-purple-200-fg .icon,
.deep-purple-200-fg .mat-icon {
    color: #fff
}

.deep-purple-200-fg .secondary-text,
.deep-purple-200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-purple-200-fg .disabled-text,
.deep-purple-200-fg .hint-text,
.deep-purple-200-fg.disabled-text,
.deep-purple-200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-purple-200-fg .divider,
.deep-purple-200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-purple-200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-purple-200-fg input[type=text] {
    color: #fff
}

.deep-purple-200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-200-fg .mat-select-arrow,
.deep-purple-200-fg .mat-select-disabled .mat-select-value,
.deep-purple-200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-200-fg .mat-select-content,
.deep-purple-200-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-purple-200-fg .mat-select-value {
    color: #fff
}

.deep-purple-200-border {
    border-color: #b39ddb !important
}

.deep-purple-200-border-top {
    border-top-color: #b39ddb !important
}

.deep-purple-200-border-right {
    border-right-color: #b39ddb !important
}

.deep-purple-200-border-bottom {
    border-bottom-color: #b39ddb !important
}

.deep-purple-200-border-left {
    border-left-color: #b39ddb !important
}

.deep-purple-300-bg {
    background-color: #9575cd !important
}

.mat-deep-purple-300-bg {
    background-color: #9575cd !important;
    color: #fff !important
}

.mat-deep-purple-300-bg .icon,
.mat-deep-purple-300-bg .mat-icon {
    color: #fff
}

.mat-deep-purple-300-bg .secondary-text,
.mat-deep-purple-300-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-deep-purple-300-bg .disabled-text,
.mat-deep-purple-300-bg .hint-text,
.mat-deep-purple-300-bg.disabled-text,
.mat-deep-purple-300-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-deep-purple-300-bg .divider,
.mat-deep-purple-300-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-deep-purple-300-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-deep-purple-300-bg input[type=text] {
    color: #fff
}

.mat-deep-purple-300-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-purple-300-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-purple-300-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-purple-300-bg .mat-select-arrow,
.mat-deep-purple-300-bg .mat-select-disabled .mat-select-value,
.mat-deep-purple-300-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-purple-300-bg .mat-select-content,
.mat-deep-purple-300-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-purple-300-bg .mat-select-value {
    color: #fff
}

.mat-deep-purple-300-bg[disabled] {
    background-color: rgba(149, 117, 205, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.deep-purple-300-fg {
    color: #9575cd !important
}

.deep-purple-300-fg .icon,
.deep-purple-300-fg .mat-icon {
    color: #fff
}

.deep-purple-300-fg .secondary-text,
.deep-purple-300-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-purple-300-fg .disabled-text,
.deep-purple-300-fg .hint-text,
.deep-purple-300-fg.disabled-text,
.deep-purple-300-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-purple-300-fg .divider,
.deep-purple-300-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-purple-300-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-purple-300-fg input[type=text] {
    color: #fff
}

.deep-purple-300-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-300-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-300-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-300-fg .mat-select-arrow,
.deep-purple-300-fg .mat-select-disabled .mat-select-value,
.deep-purple-300-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-300-fg .mat-select-content,
.deep-purple-300-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-purple-300-fg .mat-select-value {
    color: #fff
}

.deep-purple-300-border {
    border-color: #9575cd !important
}

.deep-purple-300-border-top {
    border-top-color: #9575cd !important
}

.deep-purple-300-border-right {
    border-right-color: #9575cd !important
}

.deep-purple-300-border-bottom {
    border-bottom-color: #9575cd !important
}

.deep-purple-300-border-left {
    border-left-color: #9575cd !important
}

.deep-purple-400-bg {
    background-color: #7e57c2 !important
}

.mat-deep-purple-400-bg {
    background-color: #7e57c2 !important;
    color: #fff !important
}

.mat-deep-purple-400-bg .icon,
.mat-deep-purple-400-bg .mat-icon {
    color: #fff
}

.mat-deep-purple-400-bg .secondary-text,
.mat-deep-purple-400-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-deep-purple-400-bg .disabled-text,
.mat-deep-purple-400-bg .hint-text,
.mat-deep-purple-400-bg.disabled-text,
.mat-deep-purple-400-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-deep-purple-400-bg .divider,
.mat-deep-purple-400-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-deep-purple-400-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-deep-purple-400-bg input[type=text] {
    color: #fff
}

.mat-deep-purple-400-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-purple-400-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-purple-400-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-purple-400-bg .mat-select-arrow,
.mat-deep-purple-400-bg .mat-select-disabled .mat-select-value,
.mat-deep-purple-400-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-purple-400-bg .mat-select-content,
.mat-deep-purple-400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-purple-400-bg .mat-select-value {
    color: #fff
}

.mat-deep-purple-400-bg[disabled] {
    background-color: rgba(126, 87, 194, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.deep-purple-400-fg {
    color: #7e57c2 !important
}

.deep-purple-400-fg .icon,
.deep-purple-400-fg .mat-icon {
    color: #fff
}

.deep-purple-400-fg .secondary-text,
.deep-purple-400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-purple-400-fg .disabled-text,
.deep-purple-400-fg .hint-text,
.deep-purple-400-fg.disabled-text,
.deep-purple-400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-purple-400-fg .divider,
.deep-purple-400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-purple-400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-purple-400-fg input[type=text] {
    color: #fff
}

.deep-purple-400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-400-fg .mat-select-arrow,
.deep-purple-400-fg .mat-select-disabled .mat-select-value,
.deep-purple-400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-400-fg .mat-select-content,
.deep-purple-400-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-purple-400-fg .mat-select-value {
    color: #fff
}

.deep-purple-400-border {
    border-color: #7e57c2 !important
}

.deep-purple-400-border-top {
    border-top-color: #7e57c2 !important
}

.deep-purple-400-border-right {
    border-right-color: #7e57c2 !important
}

.deep-purple-400-border-bottom {
    border-bottom-color: #7e57c2 !important
}

.deep-purple-400-border-left {
    border-left-color: #7e57c2 !important
}

.deep-purple-500-bg {
    background-color: #673ab7 !important
}

.mat-deep-purple-500-bg {
    background-color: #673ab7 !important;
    color: #fff !important
}

.mat-deep-purple-500-bg .icon,
.mat-deep-purple-500-bg .mat-icon {
    color: #fff
}

.mat-deep-purple-500-bg .secondary-text,
.mat-deep-purple-500-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-deep-purple-500-bg .disabled-text,
.mat-deep-purple-500-bg .hint-text,
.mat-deep-purple-500-bg.disabled-text,
.mat-deep-purple-500-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-deep-purple-500-bg .divider,
.mat-deep-purple-500-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-deep-purple-500-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-deep-purple-500-bg input[type=text] {
    color: #fff
}

.mat-deep-purple-500-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-purple-500-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-purple-500-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-purple-500-bg .mat-select-arrow,
.mat-deep-purple-500-bg .mat-select-disabled .mat-select-value,
.mat-deep-purple-500-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-purple-500-bg .mat-select-content,
.mat-deep-purple-500-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-purple-500-bg .mat-select-value {
    color: #fff
}

.mat-deep-purple-500-bg[disabled] {
    background-color: rgba(103, 58, 183, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.deep-purple-500-fg {
    color: #673ab7 !important
}

.deep-purple-500-fg .icon,
.deep-purple-500-fg .mat-icon {
    color: #fff
}

.deep-purple-500-fg .secondary-text,
.deep-purple-500-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-purple-500-fg .disabled-text,
.deep-purple-500-fg .hint-text,
.deep-purple-500-fg.disabled-text,
.deep-purple-500-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-purple-500-fg .divider,
.deep-purple-500-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-purple-500-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-purple-500-fg input[type=text] {
    color: #fff
}

.deep-purple-500-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-500-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-500-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-500-fg .mat-select-arrow,
.deep-purple-500-fg .mat-select-disabled .mat-select-value,
.deep-purple-500-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-500-fg .mat-select-content,
.deep-purple-500-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-purple-500-fg .mat-select-value {
    color: #fff
}

.deep-purple-500-border {
    border-color: #673ab7 !important
}

.deep-purple-500-border-top {
    border-top-color: #673ab7 !important
}

.deep-purple-500-border-right {
    border-right-color: #673ab7 !important
}

.deep-purple-500-border-bottom {
    border-bottom-color: #673ab7 !important
}

.deep-purple-500-border-left {
    border-left-color: #673ab7 !important
}

.deep-purple-bg {
    background-color: #673ab7 !important
}

.mat-deep-purple-bg {
    background-color: #673ab7 !important;
    color: #fff !important
}

.mat-deep-purple-bg .icon,
.mat-deep-purple-bg .mat-icon {
    color: #fff
}

.mat-deep-purple-bg .secondary-text,
.mat-deep-purple-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-deep-purple-bg .disabled-text,
.mat-deep-purple-bg .hint-text,
.mat-deep-purple-bg.disabled-text,
.mat-deep-purple-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-deep-purple-bg .divider,
.mat-deep-purple-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-deep-purple-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-deep-purple-bg input[type=text] {
    color: #fff
}

.mat-deep-purple-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-purple-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-purple-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-purple-bg .mat-select-arrow,
.mat-deep-purple-bg .mat-select-disabled .mat-select-value,
.mat-deep-purple-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-purple-bg .mat-select-content,
.mat-deep-purple-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-purple-bg .mat-select-value {
    color: #fff
}

.mat-deep-purple-bg[disabled] {
    background-color: rgba(103, 58, 183, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.deep-purple-fg {
    color: #673ab7 !important
}

.deep-purple-fg .icon,
.deep-purple-fg .mat-icon {
    color: #fff
}

.deep-purple-fg .secondary-text,
.deep-purple-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-purple-fg .disabled-text,
.deep-purple-fg .hint-text,
.deep-purple-fg.disabled-text,
.deep-purple-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-purple-fg .divider,
.deep-purple-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-purple-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-purple-fg input[type=text] {
    color: #fff
}

.deep-purple-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-fg .mat-select-arrow,
.deep-purple-fg .mat-select-disabled .mat-select-value,
.deep-purple-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-fg .mat-select-content,
.deep-purple-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-purple-fg .mat-select-value {
    color: #fff
}

.deep-purple-border {
    border-color: #673ab7 !important
}

.deep-purple-border-top {
    border-top-color: #673ab7 !important
}

.deep-purple-border-right {
    border-right-color: #673ab7 !important
}

.deep-purple-border-bottom {
    border-bottom-color: #673ab7 !important
}

.deep-purple-border-left {
    border-left-color: #673ab7 !important
}

.deep-purple-600-bg {
    background-color: #5e35b1 !important
}

.mat-deep-purple-600-bg {
    background-color: #5e35b1 !important;
    color: #fff !important
}

.mat-deep-purple-600-bg .icon,
.mat-deep-purple-600-bg .mat-icon {
    color: #fff
}

.mat-deep-purple-600-bg .secondary-text,
.mat-deep-purple-600-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-deep-purple-600-bg .disabled-text,
.mat-deep-purple-600-bg .hint-text,
.mat-deep-purple-600-bg.disabled-text,
.mat-deep-purple-600-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-deep-purple-600-bg .divider,
.mat-deep-purple-600-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-deep-purple-600-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-deep-purple-600-bg input[type=text] {
    color: #fff
}

.mat-deep-purple-600-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-purple-600-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-purple-600-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-purple-600-bg .mat-select-arrow,
.mat-deep-purple-600-bg .mat-select-disabled .mat-select-value,
.mat-deep-purple-600-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-purple-600-bg .mat-select-content,
.mat-deep-purple-600-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-purple-600-bg .mat-select-value {
    color: #fff
}

.mat-deep-purple-600-bg[disabled] {
    background-color: rgba(94, 53, 177, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.deep-purple-600-fg {
    color: #5e35b1 !important
}

.deep-purple-600-fg .icon,
.deep-purple-600-fg .mat-icon {
    color: #fff
}

.deep-purple-600-fg .secondary-text,
.deep-purple-600-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-purple-600-fg .disabled-text,
.deep-purple-600-fg .hint-text,
.deep-purple-600-fg.disabled-text,
.deep-purple-600-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-purple-600-fg .divider,
.deep-purple-600-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-purple-600-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-purple-600-fg input[type=text] {
    color: #fff
}

.deep-purple-600-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-600-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-600-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-600-fg .mat-select-arrow,
.deep-purple-600-fg .mat-select-disabled .mat-select-value,
.deep-purple-600-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-600-fg .mat-select-content,
.deep-purple-600-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-purple-600-fg .mat-select-value {
    color: #fff
}

.deep-purple-600-border {
    border-color: #5e35b1 !important
}

.deep-purple-600-border-top {
    border-top-color: #5e35b1 !important
}

.deep-purple-600-border-right {
    border-right-color: #5e35b1 !important
}

.deep-purple-600-border-bottom {
    border-bottom-color: #5e35b1 !important
}

.deep-purple-600-border-left {
    border-left-color: #5e35b1 !important
}

.deep-purple-700-bg {
    background-color: #512da8 !important
}

.mat-deep-purple-700-bg {
    background-color: #512da8 !important;
    color: #fff !important
}

.mat-deep-purple-700-bg .icon,
.mat-deep-purple-700-bg .mat-icon {
    color: #fff
}

.mat-deep-purple-700-bg .secondary-text,
.mat-deep-purple-700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-deep-purple-700-bg .disabled-text,
.mat-deep-purple-700-bg .hint-text,
.mat-deep-purple-700-bg.disabled-text,
.mat-deep-purple-700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-deep-purple-700-bg .divider,
.mat-deep-purple-700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-deep-purple-700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-deep-purple-700-bg input[type=text] {
    color: #fff
}

.mat-deep-purple-700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-purple-700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-purple-700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-purple-700-bg .mat-select-arrow,
.mat-deep-purple-700-bg .mat-select-disabled .mat-select-value,
.mat-deep-purple-700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-purple-700-bg .mat-select-content,
.mat-deep-purple-700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-purple-700-bg .mat-select-value {
    color: #fff
}

.mat-deep-purple-700-bg[disabled] {
    background-color: rgba(81, 45, 168, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.deep-purple-700-fg {
    color: #512da8 !important
}

.deep-purple-700-fg .icon,
.deep-purple-700-fg .mat-icon {
    color: #fff
}

.deep-purple-700-fg .secondary-text,
.deep-purple-700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-purple-700-fg .disabled-text,
.deep-purple-700-fg .hint-text,
.deep-purple-700-fg.disabled-text,
.deep-purple-700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-purple-700-fg .divider,
.deep-purple-700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-purple-700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-purple-700-fg input[type=text] {
    color: #fff
}

.deep-purple-700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-700-fg .mat-select-arrow,
.deep-purple-700-fg .mat-select-disabled .mat-select-value,
.deep-purple-700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-700-fg .mat-select-content,
.deep-purple-700-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-purple-700-fg .mat-select-value {
    color: #fff
}

.deep-purple-700-border {
    border-color: #512da8 !important
}

.deep-purple-700-border-top {
    border-top-color: #512da8 !important
}

.deep-purple-700-border-right {
    border-right-color: #512da8 !important
}

.deep-purple-700-border-bottom {
    border-bottom-color: #512da8 !important
}

.deep-purple-700-border-left {
    border-left-color: #512da8 !important
}

.deep-purple-800-bg {
    background-color: #4527a0 !important
}

.mat-deep-purple-800-bg {
    background-color: #4527a0 !important;
    color: #fff !important
}

.mat-deep-purple-800-bg .icon,
.mat-deep-purple-800-bg .mat-icon {
    color: #fff
}

.mat-deep-purple-800-bg .secondary-text,
.mat-deep-purple-800-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-deep-purple-800-bg .disabled-text,
.mat-deep-purple-800-bg .hint-text,
.mat-deep-purple-800-bg.disabled-text,
.mat-deep-purple-800-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-deep-purple-800-bg .divider,
.mat-deep-purple-800-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-deep-purple-800-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-deep-purple-800-bg input[type=text] {
    color: #fff
}

.mat-deep-purple-800-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-purple-800-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-purple-800-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-purple-800-bg .mat-select-arrow,
.mat-deep-purple-800-bg .mat-select-disabled .mat-select-value,
.mat-deep-purple-800-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-purple-800-bg .mat-select-content,
.mat-deep-purple-800-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-purple-800-bg .mat-select-value {
    color: #fff
}

.mat-deep-purple-800-bg[disabled] {
    background-color: rgba(69, 39, 160, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.deep-purple-800-fg {
    color: #4527a0 !important
}

.deep-purple-800-fg .icon,
.deep-purple-800-fg .mat-icon {
    color: #fff
}

.deep-purple-800-fg .secondary-text,
.deep-purple-800-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-purple-800-fg .disabled-text,
.deep-purple-800-fg .hint-text,
.deep-purple-800-fg.disabled-text,
.deep-purple-800-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-purple-800-fg .divider,
.deep-purple-800-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-purple-800-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-purple-800-fg input[type=text] {
    color: #fff
}

.deep-purple-800-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-800-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-800-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-800-fg .mat-select-arrow,
.deep-purple-800-fg .mat-select-disabled .mat-select-value,
.deep-purple-800-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-800-fg .mat-select-content,
.deep-purple-800-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-purple-800-fg .mat-select-value {
    color: #fff
}

.deep-purple-800-border {
    border-color: #4527a0 !important
}

.deep-purple-800-border-top {
    border-top-color: #4527a0 !important
}

.deep-purple-800-border-right {
    border-right-color: #4527a0 !important
}

.deep-purple-800-border-bottom {
    border-bottom-color: #4527a0 !important
}

.deep-purple-800-border-left {
    border-left-color: #4527a0 !important
}

.deep-purple-900-bg {
    background-color: #311b92 !important
}

.mat-deep-purple-900-bg {
    background-color: #311b92 !important;
    color: #fff !important
}

.mat-deep-purple-900-bg .icon,
.mat-deep-purple-900-bg .mat-icon {
    color: #fff
}

.mat-deep-purple-900-bg .secondary-text,
.mat-deep-purple-900-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-deep-purple-900-bg .disabled-text,
.mat-deep-purple-900-bg .hint-text,
.mat-deep-purple-900-bg.disabled-text,
.mat-deep-purple-900-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-deep-purple-900-bg .divider,
.mat-deep-purple-900-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-deep-purple-900-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-deep-purple-900-bg input[type=text] {
    color: #fff
}

.mat-deep-purple-900-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-purple-900-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-purple-900-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-purple-900-bg .mat-select-arrow,
.mat-deep-purple-900-bg .mat-select-disabled .mat-select-value,
.mat-deep-purple-900-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-purple-900-bg .mat-select-content,
.mat-deep-purple-900-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-purple-900-bg .mat-select-value {
    color: #fff
}

.mat-deep-purple-900-bg[disabled] {
    background-color: rgba(49, 27, 146, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.deep-purple-900-fg {
    color: #311b92 !important
}

.deep-purple-900-fg .icon,
.deep-purple-900-fg .mat-icon {
    color: #fff
}

.deep-purple-900-fg .secondary-text,
.deep-purple-900-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-purple-900-fg .disabled-text,
.deep-purple-900-fg .hint-text,
.deep-purple-900-fg.disabled-text,
.deep-purple-900-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-purple-900-fg .divider,
.deep-purple-900-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-purple-900-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-purple-900-fg input[type=text] {
    color: #fff
}

.deep-purple-900-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-900-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-900-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-900-fg .mat-select-arrow,
.deep-purple-900-fg .mat-select-disabled .mat-select-value,
.deep-purple-900-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-900-fg .mat-select-content,
.deep-purple-900-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-purple-900-fg .mat-select-value {
    color: #fff
}

.deep-purple-900-border {
    border-color: #311b92 !important
}

.deep-purple-900-border-top {
    border-top-color: #311b92 !important
}

.deep-purple-900-border-right {
    border-right-color: #311b92 !important
}

.deep-purple-900-border-bottom {
    border-bottom-color: #311b92 !important
}

.deep-purple-900-border-left {
    border-left-color: #311b92 !important
}

.deep-purple-A100-bg {
    background-color: #b388ff !important
}

.mat-deep-purple-A100-bg {
    background-color: #b388ff !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-deep-purple-A100-bg .icon,
.mat-deep-purple-A100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-deep-purple-A100-bg .secondary-text,
.mat-deep-purple-A100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-deep-purple-A100-bg .disabled-text,
.mat-deep-purple-A100-bg .hint-text,
.mat-deep-purple-A100-bg.disabled-text,
.mat-deep-purple-A100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-deep-purple-A100-bg .divider,
.mat-deep-purple-A100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-deep-purple-A100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-deep-purple-A100-bg input[type=text] {
    color: #000
}

.mat-deep-purple-A100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-deep-purple-A100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-deep-purple-A100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-deep-purple-A100-bg .mat-select-arrow,
.mat-deep-purple-A100-bg .mat-select-disabled .mat-select-value,
.mat-deep-purple-A100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-deep-purple-A100-bg .mat-select-content,
.mat-deep-purple-A100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-purple-A100-bg[disabled] {
    background-color: rgba(179, 136, 255, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.deep-purple-A100-fg {
    color: #b388ff !important
}

.deep-purple-A100-fg .icon,
.deep-purple-A100-fg .mat-icon {
    color: #fff
}

.deep-purple-A100-fg .secondary-text,
.deep-purple-A100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-purple-A100-fg .disabled-text,
.deep-purple-A100-fg .hint-text,
.deep-purple-A100-fg.disabled-text,
.deep-purple-A100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-purple-A100-fg .divider,
.deep-purple-A100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-purple-A100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-purple-A100-fg input[type=text] {
    color: #fff
}

.deep-purple-A100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-A100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-A100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-A100-fg .mat-select-arrow,
.deep-purple-A100-fg .mat-select-disabled .mat-select-value,
.deep-purple-A100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-A100-fg .mat-select-content,
.deep-purple-A100-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-purple-A100-fg .mat-select-value {
    color: #fff
}

.deep-purple-A100-border {
    border-color: #b388ff !important
}

.deep-purple-A100-border-top {
    border-top-color: #b388ff !important
}

.deep-purple-A100-border-right {
    border-right-color: #b388ff !important
}

.deep-purple-A100-border-bottom {
    border-bottom-color: #b388ff !important
}

.deep-purple-A100-border-left {
    border-left-color: #b388ff !important
}

.deep-purple-A200-bg {
    background-color: #7c4dff !important
}

.mat-deep-purple-A200-bg {
    background-color: #7c4dff !important;
    color: #fff !important
}

.mat-deep-purple-A200-bg .icon,
.mat-deep-purple-A200-bg .mat-icon {
    color: #fff
}

.mat-deep-purple-A200-bg .secondary-text,
.mat-deep-purple-A200-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-deep-purple-A200-bg .disabled-text,
.mat-deep-purple-A200-bg .hint-text,
.mat-deep-purple-A200-bg.disabled-text,
.mat-deep-purple-A200-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-deep-purple-A200-bg .divider,
.mat-deep-purple-A200-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-deep-purple-A200-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-deep-purple-A200-bg input[type=text] {
    color: #fff
}

.mat-deep-purple-A200-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-purple-A200-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-purple-A200-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-purple-A200-bg .mat-select-arrow,
.mat-deep-purple-A200-bg .mat-select-disabled .mat-select-value,
.mat-deep-purple-A200-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-purple-A200-bg .mat-select-content,
.mat-deep-purple-A200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-purple-A200-bg .mat-select-value {
    color: #fff
}

.mat-deep-purple-A200-bg[disabled] {
    background-color: rgba(124, 77, 255, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.deep-purple-A200-fg {
    color: #7c4dff !important
}

.deep-purple-A200-fg .icon,
.deep-purple-A200-fg .mat-icon {
    color: #fff
}

.deep-purple-A200-fg .secondary-text,
.deep-purple-A200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-purple-A200-fg .disabled-text,
.deep-purple-A200-fg .hint-text,
.deep-purple-A200-fg.disabled-text,
.deep-purple-A200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-purple-A200-fg .divider,
.deep-purple-A200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-purple-A200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-purple-A200-fg input[type=text] {
    color: #fff
}

.deep-purple-A200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-A200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-A200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-A200-fg .mat-select-arrow,
.deep-purple-A200-fg .mat-select-disabled .mat-select-value,
.deep-purple-A200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-A200-fg .mat-select-content,
.deep-purple-A200-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-purple-A200-fg .mat-select-value {
    color: #fff
}

.deep-purple-A200-border {
    border-color: #7c4dff !important
}

.deep-purple-A200-border-top {
    border-top-color: #7c4dff !important
}

.deep-purple-A200-border-right {
    border-right-color: #7c4dff !important
}

.deep-purple-A200-border-bottom {
    border-bottom-color: #7c4dff !important
}

.deep-purple-A200-border-left {
    border-left-color: #7c4dff !important
}

.deep-purple-A400-bg {
    background-color: #651fff !important
}

.mat-deep-purple-A400-bg {
    background-color: #651fff !important;
    color: #fff !important
}

.mat-deep-purple-A400-bg .icon,
.mat-deep-purple-A400-bg .mat-icon {
    color: #fff
}

.mat-deep-purple-A400-bg .secondary-text,
.mat-deep-purple-A400-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-deep-purple-A400-bg .disabled-text,
.mat-deep-purple-A400-bg .hint-text,
.mat-deep-purple-A400-bg.disabled-text,
.mat-deep-purple-A400-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-deep-purple-A400-bg .divider,
.mat-deep-purple-A400-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-deep-purple-A400-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-deep-purple-A400-bg input[type=text] {
    color: #fff
}

.mat-deep-purple-A400-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-purple-A400-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-purple-A400-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-purple-A400-bg .mat-select-arrow,
.mat-deep-purple-A400-bg .mat-select-disabled .mat-select-value,
.mat-deep-purple-A400-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-purple-A400-bg .mat-select-content,
.mat-deep-purple-A400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-purple-A400-bg .mat-select-value {
    color: #fff
}

.mat-deep-purple-A400-bg[disabled] {
    background-color: rgba(101, 31, 255, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.deep-purple-A400-fg {
    color: #651fff !important
}

.deep-purple-A400-fg .icon,
.deep-purple-A400-fg .mat-icon {
    color: #fff
}

.deep-purple-A400-fg .secondary-text,
.deep-purple-A400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-purple-A400-fg .disabled-text,
.deep-purple-A400-fg .hint-text,
.deep-purple-A400-fg.disabled-text,
.deep-purple-A400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-purple-A400-fg .divider,
.deep-purple-A400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-purple-A400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-purple-A400-fg input[type=text] {
    color: #fff
}

.deep-purple-A400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-A400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-A400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-A400-fg .mat-select-arrow,
.deep-purple-A400-fg .mat-select-disabled .mat-select-value,
.deep-purple-A400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-A400-fg .mat-select-content,
.deep-purple-A400-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-purple-A400-fg .mat-select-value {
    color: #fff
}

.deep-purple-A400-border {
    border-color: #651fff !important
}

.deep-purple-A400-border-top {
    border-top-color: #651fff !important
}

.deep-purple-A400-border-right {
    border-right-color: #651fff !important
}

.deep-purple-A400-border-bottom {
    border-bottom-color: #651fff !important
}

.deep-purple-A400-border-left {
    border-left-color: #651fff !important
}

.deep-purple-A700-bg {
    background-color: #6200ea !important
}

.mat-deep-purple-A700-bg {
    background-color: #6200ea !important;
    color: #fff !important
}

.mat-deep-purple-A700-bg .icon,
.mat-deep-purple-A700-bg .mat-icon {
    color: #fff
}

.mat-deep-purple-A700-bg .secondary-text,
.mat-deep-purple-A700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-deep-purple-A700-bg .disabled-text,
.mat-deep-purple-A700-bg .hint-text,
.mat-deep-purple-A700-bg.disabled-text,
.mat-deep-purple-A700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-deep-purple-A700-bg .divider,
.mat-deep-purple-A700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-deep-purple-A700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-deep-purple-A700-bg input[type=text] {
    color: #fff
}

.mat-deep-purple-A700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-purple-A700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-purple-A700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-purple-A700-bg .mat-select-arrow,
.mat-deep-purple-A700-bg .mat-select-disabled .mat-select-value,
.mat-deep-purple-A700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-purple-A700-bg .mat-select-content,
.mat-deep-purple-A700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-purple-A700-bg .mat-select-value {
    color: #fff
}

.mat-deep-purple-A700-bg[disabled] {
    background-color: rgba(98, 0, 234, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.deep-purple-A700-fg {
    color: #6200ea !important
}

.deep-purple-A700-fg .icon,
.deep-purple-A700-fg .mat-icon {
    color: #fff
}

.deep-purple-A700-fg .secondary-text,
.deep-purple-A700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-purple-A700-fg .disabled-text,
.deep-purple-A700-fg .hint-text,
.deep-purple-A700-fg.disabled-text,
.deep-purple-A700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-purple-A700-fg .divider,
.deep-purple-A700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-purple-A700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-purple-A700-fg input[type=text] {
    color: #fff
}

.deep-purple-A700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-A700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-A700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-purple-A700-fg .mat-select-arrow,
.deep-purple-A700-fg .mat-select-disabled .mat-select-value,
.deep-purple-A700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-purple-A700-fg .mat-select-content,
.deep-purple-A700-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-purple-A700-fg .mat-select-value {
    color: #fff
}

.deep-purple-A700-border {
    border-color: #6200ea !important
}

.deep-purple-A700-border-top {
    border-top-color: #6200ea !important
}

.deep-purple-A700-border-right {
    border-right-color: #6200ea !important
}

.deep-purple-A700-border-bottom {
    border-bottom-color: #6200ea !important
}

.deep-purple-A700-border-left {
    border-left-color: #6200ea !important
}

.indigo-50-bg {
    background-color: #e8eaf6 !important
}

.mat-indigo-50-bg {
    background-color: #e8eaf6 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-indigo-50-bg .icon,
.mat-indigo-50-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-indigo-50-bg .secondary-text,
.mat-indigo-50-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-indigo-50-bg .disabled-text,
.mat-indigo-50-bg .hint-text,
.mat-indigo-50-bg.disabled-text,
.mat-indigo-50-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-indigo-50-bg .divider,
.mat-indigo-50-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-indigo-50-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-indigo-50-bg input[type=text] {
    color: #000
}

.mat-indigo-50-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-indigo-50-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-indigo-50-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-indigo-50-bg .mat-select-arrow,
.mat-indigo-50-bg .mat-select-disabled .mat-select-value,
.mat-indigo-50-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-indigo-50-bg .mat-select-content,
.mat-indigo-50-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-indigo-50-bg[disabled] {
    background-color: rgba(232, 234, 246, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.indigo-50-fg {
    color: #e8eaf6 !important
}

.indigo-50-fg .icon,
.indigo-50-fg .mat-icon {
    color: #fff
}

.indigo-50-fg .secondary-text,
.indigo-50-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.indigo-50-fg .disabled-text,
.indigo-50-fg .hint-text,
.indigo-50-fg.disabled-text,
.indigo-50-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.indigo-50-fg .divider,
.indigo-50-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.indigo-50-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.indigo-50-fg input[type=text] {
    color: #fff
}

.indigo-50-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.indigo-50-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-50-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-50-fg .mat-select-arrow,
.indigo-50-fg .mat-select-disabled .mat-select-value,
.indigo-50-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.indigo-50-fg .mat-select-content,
.indigo-50-fg .mat-select-panel-done-animating {
    background: #fff
}

.indigo-50-fg .mat-select-value {
    color: #fff
}

.indigo-50-border {
    border-color: #e8eaf6 !important
}

.indigo-50-border-top {
    border-top-color: #e8eaf6 !important
}

.indigo-50-border-right {
    border-right-color: #e8eaf6 !important
}

.indigo-50-border-bottom {
    border-bottom-color: #e8eaf6 !important
}

.indigo-50-border-left {
    border-left-color: #e8eaf6 !important
}

.indigo-100-bg {
    background-color: #c5cae9 !important
}

.mat-indigo-100-bg {
    background-color: #c5cae9 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-indigo-100-bg .icon,
.mat-indigo-100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-indigo-100-bg .secondary-text,
.mat-indigo-100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-indigo-100-bg .disabled-text,
.mat-indigo-100-bg .hint-text,
.mat-indigo-100-bg.disabled-text,
.mat-indigo-100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-indigo-100-bg .divider,
.mat-indigo-100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-indigo-100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-indigo-100-bg input[type=text] {
    color: #000
}

.mat-indigo-100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-indigo-100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-indigo-100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-indigo-100-bg .mat-select-arrow,
.mat-indigo-100-bg .mat-select-disabled .mat-select-value,
.mat-indigo-100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-indigo-100-bg .mat-select-content,
.mat-indigo-100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-indigo-100-bg[disabled] {
    background-color: rgba(197, 202, 233, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.indigo-100-fg {
    color: #c5cae9 !important
}

.indigo-100-fg .icon,
.indigo-100-fg .mat-icon {
    color: #fff
}

.indigo-100-fg .secondary-text,
.indigo-100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.indigo-100-fg .disabled-text,
.indigo-100-fg .hint-text,
.indigo-100-fg.disabled-text,
.indigo-100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.indigo-100-fg .divider,
.indigo-100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.indigo-100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.indigo-100-fg input[type=text] {
    color: #fff
}

.indigo-100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.indigo-100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-100-fg .mat-select-arrow,
.indigo-100-fg .mat-select-disabled .mat-select-value,
.indigo-100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.indigo-100-fg .mat-select-content,
.indigo-100-fg .mat-select-panel-done-animating {
    background: #fff
}

.indigo-100-fg .mat-select-value {
    color: #fff
}

.indigo-100-border {
    border-color: #c5cae9 !important
}

.indigo-100-border-top {
    border-top-color: #c5cae9 !important
}

.indigo-100-border-right {
    border-right-color: #c5cae9 !important
}

.indigo-100-border-bottom {
    border-bottom-color: #c5cae9 !important
}

.indigo-100-border-left {
    border-left-color: #c5cae9 !important
}

.indigo-200-bg {
    background-color: #9fa8da !important
}

.mat-indigo-200-bg {
    background-color: #9fa8da !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-indigo-200-bg .icon,
.mat-indigo-200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-indigo-200-bg .secondary-text,
.mat-indigo-200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-indigo-200-bg .disabled-text,
.mat-indigo-200-bg .hint-text,
.mat-indigo-200-bg.disabled-text,
.mat-indigo-200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-indigo-200-bg .divider,
.mat-indigo-200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-indigo-200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-indigo-200-bg input[type=text] {
    color: #000
}

.mat-indigo-200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-indigo-200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-indigo-200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-indigo-200-bg .mat-select-arrow,
.mat-indigo-200-bg .mat-select-disabled .mat-select-value,
.mat-indigo-200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-indigo-200-bg .mat-select-content,
.mat-indigo-200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-indigo-200-bg[disabled] {
    background-color: rgba(159, 168, 218, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.indigo-200-fg {
    color: #9fa8da !important
}

.indigo-200-fg .icon,
.indigo-200-fg .mat-icon {
    color: #fff
}

.indigo-200-fg .secondary-text,
.indigo-200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.indigo-200-fg .disabled-text,
.indigo-200-fg .hint-text,
.indigo-200-fg.disabled-text,
.indigo-200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.indigo-200-fg .divider,
.indigo-200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.indigo-200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.indigo-200-fg input[type=text] {
    color: #fff
}

.indigo-200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.indigo-200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-200-fg .mat-select-arrow,
.indigo-200-fg .mat-select-disabled .mat-select-value,
.indigo-200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.indigo-200-fg .mat-select-content,
.indigo-200-fg .mat-select-panel-done-animating {
    background: #fff
}

.indigo-200-fg .mat-select-value {
    color: #fff
}

.indigo-200-border {
    border-color: #9fa8da !important
}

.indigo-200-border-top {
    border-top-color: #9fa8da !important
}

.indigo-200-border-right {
    border-right-color: #9fa8da !important
}

.indigo-200-border-bottom {
    border-bottom-color: #9fa8da !important
}

.indigo-200-border-left {
    border-left-color: #9fa8da !important
}

.indigo-300-bg {
    background-color: #7986cb !important
}

.mat-indigo-300-bg {
    background-color: #7986cb !important;
    color: #fff !important
}

.mat-indigo-300-bg .icon,
.mat-indigo-300-bg .mat-icon {
    color: #fff
}

.mat-indigo-300-bg .secondary-text,
.mat-indigo-300-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-indigo-300-bg .disabled-text,
.mat-indigo-300-bg .hint-text,
.mat-indigo-300-bg.disabled-text,
.mat-indigo-300-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-indigo-300-bg .divider,
.mat-indigo-300-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-indigo-300-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-indigo-300-bg input[type=text] {
    color: #fff
}

.mat-indigo-300-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-indigo-300-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-indigo-300-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-indigo-300-bg .mat-select-arrow,
.mat-indigo-300-bg .mat-select-disabled .mat-select-value,
.mat-indigo-300-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-indigo-300-bg .mat-select-content,
.mat-indigo-300-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-indigo-300-bg .mat-select-value {
    color: #fff
}

.mat-indigo-300-bg[disabled] {
    background-color: rgba(121, 134, 203, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.indigo-300-fg {
    color: #7986cb !important
}

.indigo-300-fg .icon,
.indigo-300-fg .mat-icon {
    color: #fff
}

.indigo-300-fg .secondary-text,
.indigo-300-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.indigo-300-fg .disabled-text,
.indigo-300-fg .hint-text,
.indigo-300-fg.disabled-text,
.indigo-300-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.indigo-300-fg .divider,
.indigo-300-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.indigo-300-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.indigo-300-fg input[type=text] {
    color: #fff
}

.indigo-300-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.indigo-300-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-300-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-300-fg .mat-select-arrow,
.indigo-300-fg .mat-select-disabled .mat-select-value,
.indigo-300-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.indigo-300-fg .mat-select-content,
.indigo-300-fg .mat-select-panel-done-animating {
    background: #fff
}

.indigo-300-fg .mat-select-value {
    color: #fff
}

.indigo-300-border {
    border-color: #7986cb !important
}

.indigo-300-border-top {
    border-top-color: #7986cb !important
}

.indigo-300-border-right {
    border-right-color: #7986cb !important
}

.indigo-300-border-bottom {
    border-bottom-color: #7986cb !important
}

.indigo-300-border-left {
    border-left-color: #7986cb !important
}

.indigo-400-bg {
    background-color: #5c6bc0 !important
}

.mat-indigo-400-bg {
    background-color: #5c6bc0 !important;
    color: #fff !important
}

.mat-indigo-400-bg .icon,
.mat-indigo-400-bg .mat-icon {
    color: #fff
}

.mat-indigo-400-bg .secondary-text,
.mat-indigo-400-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-indigo-400-bg .disabled-text,
.mat-indigo-400-bg .hint-text,
.mat-indigo-400-bg.disabled-text,
.mat-indigo-400-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-indigo-400-bg .divider,
.mat-indigo-400-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-indigo-400-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-indigo-400-bg input[type=text] {
    color: #fff
}

.mat-indigo-400-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-indigo-400-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-indigo-400-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-indigo-400-bg .mat-select-arrow,
.mat-indigo-400-bg .mat-select-disabled .mat-select-value,
.mat-indigo-400-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-indigo-400-bg .mat-select-content,
.mat-indigo-400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-indigo-400-bg .mat-select-value {
    color: #fff
}

.mat-indigo-400-bg[disabled] {
    background-color: rgba(92, 107, 192, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.indigo-400-fg {
    color: #5c6bc0 !important
}

.indigo-400-fg .icon,
.indigo-400-fg .mat-icon {
    color: #fff
}

.indigo-400-fg .secondary-text,
.indigo-400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.indigo-400-fg .disabled-text,
.indigo-400-fg .hint-text,
.indigo-400-fg.disabled-text,
.indigo-400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.indigo-400-fg .divider,
.indigo-400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.indigo-400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.indigo-400-fg input[type=text] {
    color: #fff
}

.indigo-400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.indigo-400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-400-fg .mat-select-arrow,
.indigo-400-fg .mat-select-disabled .mat-select-value,
.indigo-400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.indigo-400-fg .mat-select-content,
.indigo-400-fg .mat-select-panel-done-animating {
    background: #fff
}

.indigo-400-fg .mat-select-value {
    color: #fff
}

.indigo-400-border {
    border-color: #5c6bc0 !important
}

.indigo-400-border-top {
    border-top-color: #5c6bc0 !important
}

.indigo-400-border-right {
    border-right-color: #5c6bc0 !important
}

.indigo-400-border-bottom {
    border-bottom-color: #5c6bc0 !important
}

.indigo-400-border-left {
    border-left-color: #5c6bc0 !important
}

.indigo-500-bg {
    background-color: #3f51b5 !important
}

.mat-indigo-500-bg {
    background-color: #3f51b5 !important;
    color: #fff !important
}

.mat-indigo-500-bg .icon,
.mat-indigo-500-bg .mat-icon {
    color: #fff
}

.mat-indigo-500-bg .secondary-text,
.mat-indigo-500-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-indigo-500-bg .disabled-text,
.mat-indigo-500-bg .hint-text,
.mat-indigo-500-bg.disabled-text,
.mat-indigo-500-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-indigo-500-bg .divider,
.mat-indigo-500-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-indigo-500-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-indigo-500-bg input[type=text] {
    color: #fff
}

.mat-indigo-500-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-indigo-500-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-indigo-500-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-indigo-500-bg .mat-select-arrow,
.mat-indigo-500-bg .mat-select-disabled .mat-select-value,
.mat-indigo-500-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-indigo-500-bg .mat-select-content,
.mat-indigo-500-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-indigo-500-bg .mat-select-value {
    color: #fff
}

.mat-indigo-500-bg[disabled] {
    background-color: rgba(63, 81, 181, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.indigo-500-fg {
    color: #3f51b5 !important
}

.indigo-500-fg .icon,
.indigo-500-fg .mat-icon {
    color: #fff
}

.indigo-500-fg .secondary-text,
.indigo-500-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.indigo-500-fg .disabled-text,
.indigo-500-fg .hint-text,
.indigo-500-fg.disabled-text,
.indigo-500-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.indigo-500-fg .divider,
.indigo-500-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.indigo-500-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.indigo-500-fg input[type=text] {
    color: #fff
}

.indigo-500-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.indigo-500-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-500-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-500-fg .mat-select-arrow,
.indigo-500-fg .mat-select-disabled .mat-select-value,
.indigo-500-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.indigo-500-fg .mat-select-content,
.indigo-500-fg .mat-select-panel-done-animating {
    background: #fff
}

.indigo-500-fg .mat-select-value {
    color: #fff
}

.indigo-500-border {
    border-color: #3f51b5 !important
}

.indigo-500-border-top {
    border-top-color: #3f51b5 !important
}

.indigo-500-border-right {
    border-right-color: #3f51b5 !important
}

.indigo-500-border-bottom {
    border-bottom-color: #3f51b5 !important
}

.indigo-500-border-left {
    border-left-color: #3f51b5 !important
}

.indigo-bg {
    background-color: #3f51b5 !important
}

.mat-indigo-bg {
    background-color: #3f51b5 !important;
    color: #fff !important
}

.mat-indigo-bg .icon,
.mat-indigo-bg .mat-icon {
    color: #fff
}

.mat-indigo-bg .secondary-text,
.mat-indigo-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-indigo-bg .disabled-text,
.mat-indigo-bg .hint-text,
.mat-indigo-bg.disabled-text,
.mat-indigo-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-indigo-bg .divider,
.mat-indigo-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-indigo-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-indigo-bg input[type=text] {
    color: #fff
}

.mat-indigo-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-indigo-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-indigo-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-indigo-bg .mat-select-arrow,
.mat-indigo-bg .mat-select-disabled .mat-select-value,
.mat-indigo-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-indigo-bg .mat-select-content,
.mat-indigo-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-indigo-bg .mat-select-value {
    color: #fff
}

.mat-indigo-bg[disabled] {
    background-color: rgba(63, 81, 181, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.indigo-fg {
    color: #3f51b5 !important
}

.indigo-fg .icon,
.indigo-fg .mat-icon {
    color: #fff
}

.indigo-fg .secondary-text,
.indigo-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.indigo-fg .disabled-text,
.indigo-fg .hint-text,
.indigo-fg.disabled-text,
.indigo-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.indigo-fg .divider,
.indigo-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.indigo-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.indigo-fg input[type=text] {
    color: #fff
}

.indigo-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.indigo-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-fg .mat-select-arrow,
.indigo-fg .mat-select-disabled .mat-select-value,
.indigo-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.indigo-fg .mat-select-content,
.indigo-fg .mat-select-panel-done-animating {
    background: #fff
}

.indigo-fg .mat-select-value {
    color: #fff
}

.indigo-border {
    border-color: #3f51b5 !important
}

.indigo-border-top {
    border-top-color: #3f51b5 !important
}

.indigo-border-right {
    border-right-color: #3f51b5 !important
}

.indigo-border-bottom {
    border-bottom-color: #3f51b5 !important
}

.indigo-border-left {
    border-left-color: #3f51b5 !important
}

.indigo-600-bg {
    background-color: #3949ab !important
}

.mat-indigo-600-bg {
    background-color: #3949ab !important;
    color: #fff !important
}

.mat-indigo-600-bg .icon,
.mat-indigo-600-bg .mat-icon {
    color: #fff
}

.mat-indigo-600-bg .secondary-text,
.mat-indigo-600-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-indigo-600-bg .disabled-text,
.mat-indigo-600-bg .hint-text,
.mat-indigo-600-bg.disabled-text,
.mat-indigo-600-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-indigo-600-bg .divider,
.mat-indigo-600-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-indigo-600-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-indigo-600-bg input[type=text] {
    color: #fff
}

.mat-indigo-600-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-indigo-600-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-indigo-600-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-indigo-600-bg .mat-select-arrow,
.mat-indigo-600-bg .mat-select-disabled .mat-select-value,
.mat-indigo-600-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-indigo-600-bg .mat-select-content,
.mat-indigo-600-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-indigo-600-bg .mat-select-value {
    color: #fff
}

.mat-indigo-600-bg[disabled] {
    background-color: rgba(57, 73, 171, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.indigo-600-fg {
    color: #3949ab !important
}

.indigo-600-fg .icon,
.indigo-600-fg .mat-icon {
    color: #fff
}

.indigo-600-fg .secondary-text,
.indigo-600-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.indigo-600-fg .disabled-text,
.indigo-600-fg .hint-text,
.indigo-600-fg.disabled-text,
.indigo-600-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.indigo-600-fg .divider,
.indigo-600-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.indigo-600-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.indigo-600-fg input[type=text] {
    color: #fff
}

.indigo-600-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.indigo-600-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-600-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-600-fg .mat-select-arrow,
.indigo-600-fg .mat-select-disabled .mat-select-value,
.indigo-600-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.indigo-600-fg .mat-select-content,
.indigo-600-fg .mat-select-panel-done-animating {
    background: #fff
}

.indigo-600-fg .mat-select-value {
    color: #fff
}

.indigo-600-border {
    border-color: #3949ab !important
}

.indigo-600-border-top {
    border-top-color: #3949ab !important
}

.indigo-600-border-right {
    border-right-color: #3949ab !important
}

.indigo-600-border-bottom {
    border-bottom-color: #3949ab !important
}

.indigo-600-border-left {
    border-left-color: #3949ab !important
}

.indigo-700-bg {
    background-color: #303f9f !important
}

.mat-indigo-700-bg {
    background-color: #303f9f !important;
    color: #fff !important
}

.mat-indigo-700-bg .icon,
.mat-indigo-700-bg .mat-icon {
    color: #fff
}

.mat-indigo-700-bg .secondary-text,
.mat-indigo-700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-indigo-700-bg .disabled-text,
.mat-indigo-700-bg .hint-text,
.mat-indigo-700-bg.disabled-text,
.mat-indigo-700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-indigo-700-bg .divider,
.mat-indigo-700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-indigo-700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-indigo-700-bg input[type=text] {
    color: #fff
}

.mat-indigo-700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-indigo-700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-indigo-700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-indigo-700-bg .mat-select-arrow,
.mat-indigo-700-bg .mat-select-disabled .mat-select-value,
.mat-indigo-700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-indigo-700-bg .mat-select-content,
.mat-indigo-700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-indigo-700-bg .mat-select-value {
    color: #fff
}

.mat-indigo-700-bg[disabled] {
    background-color: rgba(48, 63, 159, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.indigo-700-fg {
    color: #303f9f !important
}

.indigo-700-fg .icon,
.indigo-700-fg .mat-icon {
    color: #fff
}

.indigo-700-fg .secondary-text,
.indigo-700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.indigo-700-fg .disabled-text,
.indigo-700-fg .hint-text,
.indigo-700-fg.disabled-text,
.indigo-700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.indigo-700-fg .divider,
.indigo-700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.indigo-700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.indigo-700-fg input[type=text] {
    color: #fff
}

.indigo-700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.indigo-700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-700-fg .mat-select-arrow,
.indigo-700-fg .mat-select-disabled .mat-select-value,
.indigo-700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.indigo-700-fg .mat-select-content,
.indigo-700-fg .mat-select-panel-done-animating {
    background: #fff
}

.indigo-700-fg .mat-select-value {
    color: #fff
}

.indigo-700-border {
    border-color: #303f9f !important
}

.indigo-700-border-top {
    border-top-color: #303f9f !important
}

.indigo-700-border-right {
    border-right-color: #303f9f !important
}

.indigo-700-border-bottom {
    border-bottom-color: #303f9f !important
}

.indigo-700-border-left {
    border-left-color: #303f9f !important
}

.indigo-800-bg {
    background-color: #283593 !important
}

.mat-indigo-800-bg {
    background-color: #283593 !important;
    color: #fff !important
}

.mat-indigo-800-bg .icon,
.mat-indigo-800-bg .mat-icon {
    color: #fff
}

.mat-indigo-800-bg .secondary-text,
.mat-indigo-800-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-indigo-800-bg .disabled-text,
.mat-indigo-800-bg .hint-text,
.mat-indigo-800-bg.disabled-text,
.mat-indigo-800-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-indigo-800-bg .divider,
.mat-indigo-800-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-indigo-800-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-indigo-800-bg input[type=text] {
    color: #fff
}

.mat-indigo-800-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-indigo-800-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-indigo-800-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-indigo-800-bg .mat-select-arrow,
.mat-indigo-800-bg .mat-select-disabled .mat-select-value,
.mat-indigo-800-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-indigo-800-bg .mat-select-content,
.mat-indigo-800-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-indigo-800-bg .mat-select-value {
    color: #fff
}

.mat-indigo-800-bg[disabled] {
    background-color: rgba(40, 53, 147, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.indigo-800-fg {
    color: #283593 !important
}

.indigo-800-fg .icon,
.indigo-800-fg .mat-icon {
    color: #fff
}

.indigo-800-fg .secondary-text,
.indigo-800-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.indigo-800-fg .disabled-text,
.indigo-800-fg .hint-text,
.indigo-800-fg.disabled-text,
.indigo-800-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.indigo-800-fg .divider,
.indigo-800-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.indigo-800-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.indigo-800-fg input[type=text] {
    color: #fff
}

.indigo-800-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.indigo-800-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-800-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-800-fg .mat-select-arrow,
.indigo-800-fg .mat-select-disabled .mat-select-value,
.indigo-800-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.indigo-800-fg .mat-select-content,
.indigo-800-fg .mat-select-panel-done-animating {
    background: #fff
}

.indigo-800-fg .mat-select-value {
    color: #fff
}

.indigo-800-border {
    border-color: #283593 !important
}

.indigo-800-border-top {
    border-top-color: #283593 !important
}

.indigo-800-border-right {
    border-right-color: #283593 !important
}

.indigo-800-border-bottom {
    border-bottom-color: #283593 !important
}

.indigo-800-border-left {
    border-left-color: #283593 !important
}

.indigo-900-bg {
    background-color: #1a237e !important
}

.mat-indigo-900-bg {
    background-color: #1a237e !important;
    color: #fff !important
}

.mat-indigo-900-bg .icon,
.mat-indigo-900-bg .mat-icon {
    color: #fff
}

.mat-indigo-900-bg .secondary-text,
.mat-indigo-900-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-indigo-900-bg .disabled-text,
.mat-indigo-900-bg .hint-text,
.mat-indigo-900-bg.disabled-text,
.mat-indigo-900-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-indigo-900-bg .divider,
.mat-indigo-900-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-indigo-900-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-indigo-900-bg input[type=text] {
    color: #fff
}

.mat-indigo-900-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-indigo-900-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-indigo-900-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-indigo-900-bg .mat-select-arrow,
.mat-indigo-900-bg .mat-select-disabled .mat-select-value,
.mat-indigo-900-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-indigo-900-bg .mat-select-content,
.mat-indigo-900-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-indigo-900-bg .mat-select-value {
    color: #fff
}

.mat-indigo-900-bg[disabled] {
    background-color: rgba(26, 35, 126, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.indigo-900-fg {
    color: #1a237e !important
}

.indigo-900-fg .icon,
.indigo-900-fg .mat-icon {
    color: #fff
}

.indigo-900-fg .secondary-text,
.indigo-900-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.indigo-900-fg .disabled-text,
.indigo-900-fg .hint-text,
.indigo-900-fg.disabled-text,
.indigo-900-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.indigo-900-fg .divider,
.indigo-900-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.indigo-900-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.indigo-900-fg input[type=text] {
    color: #fff
}

.indigo-900-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.indigo-900-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-900-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-900-fg .mat-select-arrow,
.indigo-900-fg .mat-select-disabled .mat-select-value,
.indigo-900-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.indigo-900-fg .mat-select-content,
.indigo-900-fg .mat-select-panel-done-animating {
    background: #fff
}

.indigo-900-fg .mat-select-value {
    color: #fff
}

.indigo-900-border {
    border-color: #1a237e !important
}

.indigo-900-border-top {
    border-top-color: #1a237e !important
}

.indigo-900-border-right {
    border-right-color: #1a237e !important
}

.indigo-900-border-bottom {
    border-bottom-color: #1a237e !important
}

.indigo-900-border-left {
    border-left-color: #1a237e !important
}

.indigo-A100-bg {
    background-color: #8c9eff !important
}

.mat-indigo-A100-bg {
    background-color: #8c9eff !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-indigo-A100-bg .icon,
.mat-indigo-A100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-indigo-A100-bg .secondary-text,
.mat-indigo-A100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-indigo-A100-bg .disabled-text,
.mat-indigo-A100-bg .hint-text,
.mat-indigo-A100-bg.disabled-text,
.mat-indigo-A100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-indigo-A100-bg .divider,
.mat-indigo-A100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-indigo-A100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-indigo-A100-bg input[type=text] {
    color: #000
}

.mat-indigo-A100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-indigo-A100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-indigo-A100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-indigo-A100-bg .mat-select-arrow,
.mat-indigo-A100-bg .mat-select-disabled .mat-select-value,
.mat-indigo-A100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-indigo-A100-bg .mat-select-content,
.mat-indigo-A100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-indigo-A100-bg[disabled] {
    background-color: rgba(140, 158, 255, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.indigo-A100-fg {
    color: #8c9eff !important
}

.indigo-A100-fg .icon,
.indigo-A100-fg .mat-icon {
    color: #fff
}

.indigo-A100-fg .secondary-text,
.indigo-A100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.indigo-A100-fg .disabled-text,
.indigo-A100-fg .hint-text,
.indigo-A100-fg.disabled-text,
.indigo-A100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.indigo-A100-fg .divider,
.indigo-A100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.indigo-A100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.indigo-A100-fg input[type=text] {
    color: #fff
}

.indigo-A100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.indigo-A100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-A100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-A100-fg .mat-select-arrow,
.indigo-A100-fg .mat-select-disabled .mat-select-value,
.indigo-A100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.indigo-A100-fg .mat-select-content,
.indigo-A100-fg .mat-select-panel-done-animating {
    background: #fff
}

.indigo-A100-fg .mat-select-value {
    color: #fff
}

.indigo-A100-border {
    border-color: #8c9eff !important
}

.indigo-A100-border-top {
    border-top-color: #8c9eff !important
}

.indigo-A100-border-right {
    border-right-color: #8c9eff !important
}

.indigo-A100-border-bottom {
    border-bottom-color: #8c9eff !important
}

.indigo-A100-border-left {
    border-left-color: #8c9eff !important
}

.indigo-A200-bg {
    background-color: #536dfe !important
}

.mat-indigo-A200-bg {
    background-color: #536dfe !important;
    color: #fff !important
}

.mat-indigo-A200-bg .icon,
.mat-indigo-A200-bg .mat-icon {
    color: #fff
}

.mat-indigo-A200-bg .secondary-text,
.mat-indigo-A200-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-indigo-A200-bg .disabled-text,
.mat-indigo-A200-bg .hint-text,
.mat-indigo-A200-bg.disabled-text,
.mat-indigo-A200-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-indigo-A200-bg .divider,
.mat-indigo-A200-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-indigo-A200-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-indigo-A200-bg input[type=text] {
    color: #fff
}

.mat-indigo-A200-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-indigo-A200-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-indigo-A200-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-indigo-A200-bg .mat-select-arrow,
.mat-indigo-A200-bg .mat-select-disabled .mat-select-value,
.mat-indigo-A200-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-indigo-A200-bg .mat-select-content,
.mat-indigo-A200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-indigo-A200-bg .mat-select-value {
    color: #fff
}

.mat-indigo-A200-bg[disabled] {
    background-color: rgba(83, 109, 254, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.indigo-A200-fg {
    color: #536dfe !important
}

.indigo-A200-fg .icon,
.indigo-A200-fg .mat-icon {
    color: #fff
}

.indigo-A200-fg .secondary-text,
.indigo-A200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.indigo-A200-fg .disabled-text,
.indigo-A200-fg .hint-text,
.indigo-A200-fg.disabled-text,
.indigo-A200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.indigo-A200-fg .divider,
.indigo-A200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.indigo-A200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.indigo-A200-fg input[type=text] {
    color: #fff
}

.indigo-A200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.indigo-A200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-A200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-A200-fg .mat-select-arrow,
.indigo-A200-fg .mat-select-disabled .mat-select-value,
.indigo-A200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.indigo-A200-fg .mat-select-content,
.indigo-A200-fg .mat-select-panel-done-animating {
    background: #fff
}

.indigo-A200-fg .mat-select-value {
    color: #fff
}

.indigo-A200-border {
    border-color: #536dfe !important
}

.indigo-A200-border-top {
    border-top-color: #536dfe !important
}

.indigo-A200-border-right {
    border-right-color: #536dfe !important
}

.indigo-A200-border-bottom {
    border-bottom-color: #536dfe !important
}

.indigo-A200-border-left {
    border-left-color: #536dfe !important
}

.indigo-A400-bg {
    background-color: #3d5afe !important
}

.mat-indigo-A400-bg {
    background-color: #3d5afe !important;
    color: #fff !important
}

.mat-indigo-A400-bg .icon,
.mat-indigo-A400-bg .mat-icon {
    color: #fff
}

.mat-indigo-A400-bg .secondary-text,
.mat-indigo-A400-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-indigo-A400-bg .disabled-text,
.mat-indigo-A400-bg .hint-text,
.mat-indigo-A400-bg.disabled-text,
.mat-indigo-A400-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-indigo-A400-bg .divider,
.mat-indigo-A400-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-indigo-A400-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-indigo-A400-bg input[type=text] {
    color: #fff
}

.mat-indigo-A400-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-indigo-A400-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-indigo-A400-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-indigo-A400-bg .mat-select-arrow,
.mat-indigo-A400-bg .mat-select-disabled .mat-select-value,
.mat-indigo-A400-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-indigo-A400-bg .mat-select-content,
.mat-indigo-A400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-indigo-A400-bg .mat-select-value {
    color: #fff
}

.mat-indigo-A400-bg[disabled] {
    background-color: rgba(61, 90, 254, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.indigo-A400-fg {
    color: #3d5afe !important
}

.indigo-A400-fg .icon,
.indigo-A400-fg .mat-icon {
    color: #fff
}

.indigo-A400-fg .secondary-text,
.indigo-A400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.indigo-A400-fg .disabled-text,
.indigo-A400-fg .hint-text,
.indigo-A400-fg.disabled-text,
.indigo-A400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.indigo-A400-fg .divider,
.indigo-A400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.indigo-A400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.indigo-A400-fg input[type=text] {
    color: #fff
}

.indigo-A400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.indigo-A400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-A400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-A400-fg .mat-select-arrow,
.indigo-A400-fg .mat-select-disabled .mat-select-value,
.indigo-A400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.indigo-A400-fg .mat-select-content,
.indigo-A400-fg .mat-select-panel-done-animating {
    background: #fff
}

.indigo-A400-fg .mat-select-value {
    color: #fff
}

.indigo-A400-border {
    border-color: #3d5afe !important
}

.indigo-A400-border-top {
    border-top-color: #3d5afe !important
}

.indigo-A400-border-right {
    border-right-color: #3d5afe !important
}

.indigo-A400-border-bottom {
    border-bottom-color: #3d5afe !important
}

.indigo-A400-border-left {
    border-left-color: #3d5afe !important
}

.indigo-A700-bg {
    background-color: #304ffe !important
}

.mat-indigo-A700-bg {
    background-color: #304ffe !important;
    color: #fff !important
}

.mat-indigo-A700-bg .icon,
.mat-indigo-A700-bg .mat-icon {
    color: #fff
}

.mat-indigo-A700-bg .secondary-text,
.mat-indigo-A700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-indigo-A700-bg .disabled-text,
.mat-indigo-A700-bg .hint-text,
.mat-indigo-A700-bg.disabled-text,
.mat-indigo-A700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-indigo-A700-bg .divider,
.mat-indigo-A700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-indigo-A700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-indigo-A700-bg input[type=text] {
    color: #fff
}

.mat-indigo-A700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-indigo-A700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-indigo-A700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-indigo-A700-bg .mat-select-arrow,
.mat-indigo-A700-bg .mat-select-disabled .mat-select-value,
.mat-indigo-A700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-indigo-A700-bg .mat-select-content,
.mat-indigo-A700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-indigo-A700-bg .mat-select-value {
    color: #fff
}

.mat-indigo-A700-bg[disabled] {
    background-color: rgba(48, 79, 254, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.indigo-A700-fg {
    color: #304ffe !important
}

.indigo-A700-fg .icon,
.indigo-A700-fg .mat-icon {
    color: #fff
}

.indigo-A700-fg .secondary-text,
.indigo-A700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.indigo-A700-fg .disabled-text,
.indigo-A700-fg .hint-text,
.indigo-A700-fg.disabled-text,
.indigo-A700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.indigo-A700-fg .divider,
.indigo-A700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.indigo-A700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.indigo-A700-fg input[type=text] {
    color: #fff
}

.indigo-A700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.indigo-A700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-A700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.indigo-A700-fg .mat-select-arrow,
.indigo-A700-fg .mat-select-disabled .mat-select-value,
.indigo-A700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.indigo-A700-fg .mat-select-content,
.indigo-A700-fg .mat-select-panel-done-animating {
    background: #fff
}

.indigo-A700-fg .mat-select-value {
    color: #fff
}

.indigo-A700-border {
    border-color: #304ffe !important
}

.indigo-A700-border-top {
    border-top-color: #304ffe !important
}

.indigo-A700-border-right {
    border-right-color: #304ffe !important
}

.indigo-A700-border-bottom {
    border-bottom-color: #304ffe !important
}

.indigo-A700-border-left {
    border-left-color: #304ffe !important
}

.blue-50-bg {
    background-color: #e3f2fd !important
}

.mat-blue-50-bg {
    background-color: #e3f2fd !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-blue-50-bg .icon,
.mat-blue-50-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-blue-50-bg .secondary-text,
.mat-blue-50-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-blue-50-bg .disabled-text,
.mat-blue-50-bg .hint-text,
.mat-blue-50-bg.disabled-text,
.mat-blue-50-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-blue-50-bg .divider,
.mat-blue-50-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-blue-50-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-blue-50-bg input[type=text] {
    color: #000
}

.mat-blue-50-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-blue-50-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-blue-50-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-blue-50-bg .mat-select-arrow,
.mat-blue-50-bg .mat-select-disabled .mat-select-value,
.mat-blue-50-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-blue-50-bg .mat-select-content,
.mat-blue-50-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-50-bg[disabled] {
    background-color: rgba(227, 242, 253, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.blue-50-fg {
    color: #e3f2fd !important
}

.blue-50-fg .icon,
.blue-50-fg .mat-icon {
    color: #fff
}

.blue-50-fg .secondary-text,
.blue-50-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-50-fg .disabled-text,
.blue-50-fg .hint-text,
.blue-50-fg.disabled-text,
.blue-50-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-50-fg .divider,
.blue-50-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-50-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-50-fg input[type=text] {
    color: #fff
}

.blue-50-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-50-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-50-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-50-fg .mat-select-arrow,
.blue-50-fg .mat-select-disabled .mat-select-value,
.blue-50-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-50-fg .mat-select-content,
.blue-50-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-50-fg .mat-select-value {
    color: #fff
}

.blue-50-border {
    border-color: #e3f2fd !important
}

.blue-50-border-top {
    border-top-color: #e3f2fd !important
}

.blue-50-border-right {
    border-right-color: #e3f2fd !important
}

.blue-50-border-bottom {
    border-bottom-color: #e3f2fd !important
}

.blue-50-border-left {
    border-left-color: #e3f2fd !important
}

.blue-100-bg {
    background-color: #bbdefb !important
}

.mat-blue-100-bg {
    background-color: #bbdefb !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-blue-100-bg .icon,
.mat-blue-100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-blue-100-bg .secondary-text,
.mat-blue-100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-blue-100-bg .disabled-text,
.mat-blue-100-bg .hint-text,
.mat-blue-100-bg.disabled-text,
.mat-blue-100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-blue-100-bg .divider,
.mat-blue-100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-blue-100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-blue-100-bg input[type=text] {
    color: #000
}

.mat-blue-100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-blue-100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-blue-100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-blue-100-bg .mat-select-arrow,
.mat-blue-100-bg .mat-select-disabled .mat-select-value,
.mat-blue-100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-blue-100-bg .mat-select-content,
.mat-blue-100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-100-bg[disabled] {
    background-color: rgba(187, 222, 251, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.blue-100-fg {
    color: #bbdefb !important
}

.blue-100-fg .icon,
.blue-100-fg .mat-icon {
    color: #fff
}

.blue-100-fg .secondary-text,
.blue-100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-100-fg .disabled-text,
.blue-100-fg .hint-text,
.blue-100-fg.disabled-text,
.blue-100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-100-fg .divider,
.blue-100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-100-fg input[type=text] {
    color: #fff
}

.blue-100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-100-fg .mat-select-arrow,
.blue-100-fg .mat-select-disabled .mat-select-value,
.blue-100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-100-fg .mat-select-content,
.blue-100-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-100-fg .mat-select-value {
    color: #fff
}

.blue-100-border {
    border-color: #bbdefb !important
}

.blue-100-border-top {
    border-top-color: #bbdefb !important
}

.blue-100-border-right {
    border-right-color: #bbdefb !important
}

.blue-100-border-bottom {
    border-bottom-color: #bbdefb !important
}

.blue-100-border-left {
    border-left-color: #bbdefb !important
}

.blue-200-bg {
    background-color: #90caf9 !important
}

.mat-blue-200-bg {
    background-color: #90caf9 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-blue-200-bg .icon,
.mat-blue-200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-blue-200-bg .secondary-text,
.mat-blue-200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-blue-200-bg .disabled-text,
.mat-blue-200-bg .hint-text,
.mat-blue-200-bg.disabled-text,
.mat-blue-200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-blue-200-bg .divider,
.mat-blue-200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-blue-200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-blue-200-bg input[type=text] {
    color: #000
}

.mat-blue-200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-blue-200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-blue-200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-blue-200-bg .mat-select-arrow,
.mat-blue-200-bg .mat-select-disabled .mat-select-value,
.mat-blue-200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-blue-200-bg .mat-select-content,
.mat-blue-200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-200-bg[disabled] {
    background-color: rgba(144, 202, 249, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.blue-200-fg {
    color: #90caf9 !important
}

.blue-200-fg .icon,
.blue-200-fg .mat-icon {
    color: #fff
}

.blue-200-fg .secondary-text,
.blue-200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-200-fg .disabled-text,
.blue-200-fg .hint-text,
.blue-200-fg.disabled-text,
.blue-200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-200-fg .divider,
.blue-200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-200-fg input[type=text] {
    color: #fff
}

.blue-200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-200-fg .mat-select-arrow,
.blue-200-fg .mat-select-disabled .mat-select-value,
.blue-200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-200-fg .mat-select-content,
.blue-200-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-200-fg .mat-select-value {
    color: #fff
}

.blue-200-border {
    border-color: #90caf9 !important
}

.blue-200-border-top {
    border-top-color: #90caf9 !important
}

.blue-200-border-right {
    border-right-color: #90caf9 !important
}

.blue-200-border-bottom {
    border-bottom-color: #90caf9 !important
}

.blue-200-border-left {
    border-left-color: #90caf9 !important
}

.blue-300-bg {
    background-color: #64b5f6 !important
}

.mat-blue-300-bg {
    background-color: #64b5f6 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-blue-300-bg .icon,
.mat-blue-300-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-blue-300-bg .secondary-text,
.mat-blue-300-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-blue-300-bg .disabled-text,
.mat-blue-300-bg .hint-text,
.mat-blue-300-bg.disabled-text,
.mat-blue-300-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-blue-300-bg .divider,
.mat-blue-300-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-blue-300-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-blue-300-bg input[type=text] {
    color: #000
}

.mat-blue-300-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-blue-300-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-blue-300-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-blue-300-bg .mat-select-arrow,
.mat-blue-300-bg .mat-select-disabled .mat-select-value,
.mat-blue-300-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-blue-300-bg .mat-select-content,
.mat-blue-300-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-300-bg[disabled] {
    background-color: rgba(100, 181, 246, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.blue-300-fg {
    color: #64b5f6 !important
}

.blue-300-fg .icon,
.blue-300-fg .mat-icon {
    color: #fff
}

.blue-300-fg .secondary-text,
.blue-300-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-300-fg .disabled-text,
.blue-300-fg .hint-text,
.blue-300-fg.disabled-text,
.blue-300-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-300-fg .divider,
.blue-300-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-300-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-300-fg input[type=text] {
    color: #fff
}

.blue-300-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-300-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-300-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-300-fg .mat-select-arrow,
.blue-300-fg .mat-select-disabled .mat-select-value,
.blue-300-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-300-fg .mat-select-content,
.blue-300-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-300-fg .mat-select-value {
    color: #fff
}

.blue-300-border {
    border-color: #64b5f6 !important
}

.blue-300-border-top {
    border-top-color: #64b5f6 !important
}

.blue-300-border-right {
    border-right-color: #64b5f6 !important
}

.blue-300-border-bottom {
    border-bottom-color: #64b5f6 !important
}

.blue-300-border-left {
    border-left-color: #64b5f6 !important
}

.blue-400-bg {
    background-color: #42a5f5 !important
}

.mat-blue-400-bg {
    background-color: #42a5f5 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-blue-400-bg .icon,
.mat-blue-400-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-blue-400-bg .secondary-text,
.mat-blue-400-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-blue-400-bg .disabled-text,
.mat-blue-400-bg .hint-text,
.mat-blue-400-bg.disabled-text,
.mat-blue-400-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-blue-400-bg .divider,
.mat-blue-400-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-blue-400-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-blue-400-bg input[type=text] {
    color: #000
}

.mat-blue-400-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-blue-400-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-blue-400-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-blue-400-bg .mat-select-arrow,
.mat-blue-400-bg .mat-select-disabled .mat-select-value,
.mat-blue-400-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-blue-400-bg .mat-select-content,
.mat-blue-400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-400-bg[disabled] {
    background-color: rgba(66, 165, 245, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.blue-400-fg {
    color: #42a5f5 !important
}

.blue-400-fg .icon,
.blue-400-fg .mat-icon {
    color: #fff
}

.blue-400-fg .secondary-text,
.blue-400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-400-fg .disabled-text,
.blue-400-fg .hint-text,
.blue-400-fg.disabled-text,
.blue-400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-400-fg .divider,
.blue-400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-400-fg input[type=text] {
    color: #fff
}

.blue-400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-400-fg .mat-select-arrow,
.blue-400-fg .mat-select-disabled .mat-select-value,
.blue-400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-400-fg .mat-select-content,
.blue-400-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-400-fg .mat-select-value {
    color: #fff
}

.blue-400-border {
    border-color: #42a5f5 !important
}

.blue-400-border-top {
    border-top-color: #42a5f5 !important
}

.blue-400-border-right {
    border-right-color: #42a5f5 !important
}

.blue-400-border-bottom {
    border-bottom-color: #42a5f5 !important
}

.blue-400-border-left {
    border-left-color: #42a5f5 !important
}

.blue-500-bg {
    background-color: #2196f3 !important
}

.mat-blue-500-bg {
    background-color: #2196f3 !important;
    color: #fff !important
}

.mat-blue-500-bg .icon,
.mat-blue-500-bg .mat-icon {
    color: #fff
}

.mat-blue-500-bg .secondary-text,
.mat-blue-500-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-blue-500-bg .disabled-text,
.mat-blue-500-bg .hint-text,
.mat-blue-500-bg.disabled-text,
.mat-blue-500-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-blue-500-bg .divider,
.mat-blue-500-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-blue-500-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-blue-500-bg input[type=text] {
    color: #fff
}

.mat-blue-500-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-500-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-500-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-500-bg .mat-select-arrow,
.mat-blue-500-bg .mat-select-disabled .mat-select-value,
.mat-blue-500-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-500-bg .mat-select-content,
.mat-blue-500-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-500-bg .mat-select-value {
    color: #fff
}

.mat-blue-500-bg[disabled] {
    background-color: rgba(33, 150, 243, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.blue-500-fg {
    color: #2196f3 !important
}

.blue-500-fg .icon,
.blue-500-fg .mat-icon {
    color: #fff
}

.blue-500-fg .secondary-text,
.blue-500-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-500-fg .disabled-text,
.blue-500-fg .hint-text,
.blue-500-fg.disabled-text,
.blue-500-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-500-fg .divider,
.blue-500-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-500-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-500-fg input[type=text] {
    color: #fff
}

.blue-500-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-500-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-500-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-500-fg .mat-select-arrow,
.blue-500-fg .mat-select-disabled .mat-select-value,
.blue-500-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-500-fg .mat-select-content,
.blue-500-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-500-fg .mat-select-value {
    color: #fff
}

.blue-500-border {
    border-color: #2196f3 !important
}

.blue-500-border-top {
    border-top-color: #2196f3 !important
}

.blue-500-border-right {
    border-right-color: #2196f3 !important
}

.blue-500-border-bottom {
    border-bottom-color: #2196f3 !important
}

.blue-500-border-left {
    border-left-color: #2196f3 !important
}

.blue-bg {
    background-color: #2196f3 !important
}

.mat-blue-bg {
    background-color: #2196f3 !important;
    color: #fff !important
}

.mat-blue-bg .icon,
.mat-blue-bg .mat-icon {
    color: #fff
}

.mat-blue-bg .secondary-text,
.mat-blue-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-blue-bg .disabled-text,
.mat-blue-bg .hint-text,
.mat-blue-bg.disabled-text,
.mat-blue-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-blue-bg .divider,
.mat-blue-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-blue-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-blue-bg input[type=text] {
    color: #fff
}

.mat-blue-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-bg .mat-select-arrow,
.mat-blue-bg .mat-select-disabled .mat-select-value,
.mat-blue-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-bg .mat-select-content,
.mat-blue-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-bg .mat-select-value {
    color: #fff
}

.mat-blue-bg[disabled] {
    background-color: rgba(33, 150, 243, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.blue-fg {
    color: #2196f3 !important
}

.blue-fg .icon,
.blue-fg .mat-icon {
    color: #fff
}

.blue-fg .secondary-text,
.blue-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-fg .disabled-text,
.blue-fg .hint-text,
.blue-fg.disabled-text,
.blue-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-fg .divider,
.blue-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-fg input[type=text] {
    color: #fff
}

.blue-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-fg .mat-select-arrow,
.blue-fg .mat-select-disabled .mat-select-value,
.blue-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-fg .mat-select-content,
.blue-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-fg .mat-select-value {
    color: #fff
}

.blue-border {
    border-color: #2196f3 !important
}

.blue-border-top {
    border-top-color: #2196f3 !important
}

.blue-border-right {
    border-right-color: #2196f3 !important
}

.blue-border-bottom {
    border-bottom-color: #2196f3 !important
}

.blue-border-left {
    border-left-color: #2196f3 !important
}

.blue-600-bg {
    background-color: #1e88e5 !important
}

.mat-blue-600-bg {
    background-color: #1e88e5 !important;
    color: #fff !important
}

.mat-blue-600-bg .icon,
.mat-blue-600-bg .mat-icon {
    color: #fff
}

.mat-blue-600-bg .secondary-text,
.mat-blue-600-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-blue-600-bg .disabled-text,
.mat-blue-600-bg .hint-text,
.mat-blue-600-bg.disabled-text,
.mat-blue-600-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-blue-600-bg .divider,
.mat-blue-600-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-blue-600-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-blue-600-bg input[type=text] {
    color: #fff
}

.mat-blue-600-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-600-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-600-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-600-bg .mat-select-arrow,
.mat-blue-600-bg .mat-select-disabled .mat-select-value,
.mat-blue-600-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-600-bg .mat-select-content,
.mat-blue-600-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-600-bg .mat-select-value {
    color: #fff
}

.mat-blue-600-bg[disabled] {
    background-color: rgba(30, 136, 229, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.blue-600-fg {
    color: #1e88e5 !important
}

.blue-600-fg .icon,
.blue-600-fg .mat-icon {
    color: #fff
}

.blue-600-fg .secondary-text,
.blue-600-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-600-fg .disabled-text,
.blue-600-fg .hint-text,
.blue-600-fg.disabled-text,
.blue-600-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-600-fg .divider,
.blue-600-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-600-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-600-fg input[type=text] {
    color: #fff
}

.blue-600-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-600-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-600-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-600-fg .mat-select-arrow,
.blue-600-fg .mat-select-disabled .mat-select-value,
.blue-600-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-600-fg .mat-select-content,
.blue-600-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-600-fg .mat-select-value {
    color: #fff
}

.blue-600-border {
    border-color: #1e88e5 !important
}

.blue-600-border-top {
    border-top-color: #1e88e5 !important
}

.blue-600-border-right {
    border-right-color: #1e88e5 !important
}

.blue-600-border-bottom {
    border-bottom-color: #1e88e5 !important
}

.blue-600-border-left {
    border-left-color: #1e88e5 !important
}

.blue-700-bg {
    background-color: #1976d2 !important
}

.mat-blue-700-bg {
    background-color: #1976d2 !important;
    color: #fff !important
}

.mat-blue-700-bg .icon,
.mat-blue-700-bg .mat-icon {
    color: #fff
}

.mat-blue-700-bg .secondary-text,
.mat-blue-700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-blue-700-bg .disabled-text,
.mat-blue-700-bg .hint-text,
.mat-blue-700-bg.disabled-text,
.mat-blue-700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-blue-700-bg .divider,
.mat-blue-700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-blue-700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-blue-700-bg input[type=text] {
    color: #fff
}

.mat-blue-700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-700-bg .mat-select-arrow,
.mat-blue-700-bg .mat-select-disabled .mat-select-value,
.mat-blue-700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-700-bg .mat-select-content,
.mat-blue-700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-700-bg .mat-select-value {
    color: #fff
}

.mat-blue-700-bg[disabled] {
    background-color: rgba(25, 118, 210, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.blue-700-fg {
    color: #1976d2 !important
}

.blue-700-fg .icon,
.blue-700-fg .mat-icon {
    color: #fff
}

.blue-700-fg .secondary-text,
.blue-700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-700-fg .disabled-text,
.blue-700-fg .hint-text,
.blue-700-fg.disabled-text,
.blue-700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-700-fg .divider,
.blue-700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-700-fg input[type=text] {
    color: #fff
}

.blue-700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-700-fg .mat-select-arrow,
.blue-700-fg .mat-select-disabled .mat-select-value,
.blue-700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-700-fg .mat-select-content,
.blue-700-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-700-fg .mat-select-value {
    color: #fff
}

.blue-700-border {
    border-color: #1976d2 !important
}

.blue-700-border-top {
    border-top-color: #1976d2 !important
}

.blue-700-border-right {
    border-right-color: #1976d2 !important
}

.blue-700-border-bottom {
    border-bottom-color: #1976d2 !important
}

.blue-700-border-left {
    border-left-color: #1976d2 !important
}

.blue-800-bg {
    background-color: #1565c0 !important
}

.mat-blue-800-bg {
    background-color: #1565c0 !important;
    color: #fff !important
}

.mat-blue-800-bg .icon,
.mat-blue-800-bg .mat-icon {
    color: #fff
}

.mat-blue-800-bg .secondary-text,
.mat-blue-800-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-blue-800-bg .disabled-text,
.mat-blue-800-bg .hint-text,
.mat-blue-800-bg.disabled-text,
.mat-blue-800-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-blue-800-bg .divider,
.mat-blue-800-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-blue-800-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-blue-800-bg input[type=text] {
    color: #fff
}

.mat-blue-800-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-800-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-800-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-800-bg .mat-select-arrow,
.mat-blue-800-bg .mat-select-disabled .mat-select-value,
.mat-blue-800-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-800-bg .mat-select-content,
.mat-blue-800-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-800-bg .mat-select-value {
    color: #fff
}

.mat-blue-800-bg[disabled] {
    background-color: rgba(21, 101, 192, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.blue-800-fg {
    color: #1565c0 !important
}

.blue-800-fg .icon,
.blue-800-fg .mat-icon {
    color: #fff
}

.blue-800-fg .secondary-text,
.blue-800-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-800-fg .disabled-text,
.blue-800-fg .hint-text,
.blue-800-fg.disabled-text,
.blue-800-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-800-fg .divider,
.blue-800-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-800-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-800-fg input[type=text] {
    color: #fff
}

.blue-800-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-800-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-800-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-800-fg .mat-select-arrow,
.blue-800-fg .mat-select-disabled .mat-select-value,
.blue-800-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-800-fg .mat-select-content,
.blue-800-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-800-fg .mat-select-value {
    color: #fff
}

.blue-800-border {
    border-color: #1565c0 !important
}

.blue-800-border-top {
    border-top-color: #1565c0 !important
}

.blue-800-border-right {
    border-right-color: #1565c0 !important
}

.blue-800-border-bottom {
    border-bottom-color: #1565c0 !important
}

.blue-800-border-left {
    border-left-color: #1565c0 !important
}

.blue-900-bg {
    background-color: #0d47a1 !important
}

.mat-blue-900-bg {
    background-color: #0d47a1 !important;
    color: #fff !important
}

.mat-blue-900-bg .icon,
.mat-blue-900-bg .mat-icon {
    color: #fff
}

.mat-blue-900-bg .secondary-text,
.mat-blue-900-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-blue-900-bg .disabled-text,
.mat-blue-900-bg .hint-text,
.mat-blue-900-bg.disabled-text,
.mat-blue-900-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-blue-900-bg .divider,
.mat-blue-900-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-blue-900-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-blue-900-bg input[type=text] {
    color: #fff
}

.mat-blue-900-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-900-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-900-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-900-bg .mat-select-arrow,
.mat-blue-900-bg .mat-select-disabled .mat-select-value,
.mat-blue-900-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-900-bg .mat-select-content,
.mat-blue-900-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-900-bg .mat-select-value {
    color: #fff
}

.mat-blue-900-bg[disabled] {
    background-color: rgba(13, 71, 161, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.blue-900-fg {
    color: #0d47a1 !important
}

.blue-900-fg .icon,
.blue-900-fg .mat-icon {
    color: #fff
}

.blue-900-fg .secondary-text,
.blue-900-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-900-fg .disabled-text,
.blue-900-fg .hint-text,
.blue-900-fg.disabled-text,
.blue-900-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-900-fg .divider,
.blue-900-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-900-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-900-fg input[type=text] {
    color: #fff
}

.blue-900-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-900-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-900-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-900-fg .mat-select-arrow,
.blue-900-fg .mat-select-disabled .mat-select-value,
.blue-900-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-900-fg .mat-select-content,
.blue-900-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-900-fg .mat-select-value {
    color: #fff
}

.blue-900-border {
    border-color: #0d47a1 !important
}

.blue-900-border-top {
    border-top-color: #0d47a1 !important
}

.blue-900-border-right {
    border-right-color: #0d47a1 !important
}

.blue-900-border-bottom {
    border-bottom-color: #0d47a1 !important
}

.blue-900-border-left {
    border-left-color: #0d47a1 !important
}

.blue-A100-bg {
    background-color: #82b1ff !important
}

.mat-blue-A100-bg {
    background-color: #82b1ff !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-blue-A100-bg .icon,
.mat-blue-A100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-blue-A100-bg .secondary-text,
.mat-blue-A100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-blue-A100-bg .disabled-text,
.mat-blue-A100-bg .hint-text,
.mat-blue-A100-bg.disabled-text,
.mat-blue-A100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-blue-A100-bg .divider,
.mat-blue-A100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-blue-A100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-blue-A100-bg input[type=text] {
    color: #000
}

.mat-blue-A100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-blue-A100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-blue-A100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-blue-A100-bg .mat-select-arrow,
.mat-blue-A100-bg .mat-select-disabled .mat-select-value,
.mat-blue-A100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-blue-A100-bg .mat-select-content,
.mat-blue-A100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-A100-bg[disabled] {
    background-color: rgba(130, 177, 255, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.blue-A100-fg {
    color: #82b1ff !important
}

.blue-A100-fg .icon,
.blue-A100-fg .mat-icon {
    color: #fff
}

.blue-A100-fg .secondary-text,
.blue-A100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-A100-fg .disabled-text,
.blue-A100-fg .hint-text,
.blue-A100-fg.disabled-text,
.blue-A100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-A100-fg .divider,
.blue-A100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-A100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-A100-fg input[type=text] {
    color: #fff
}

.blue-A100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-A100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-A100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-A100-fg .mat-select-arrow,
.blue-A100-fg .mat-select-disabled .mat-select-value,
.blue-A100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-A100-fg .mat-select-content,
.blue-A100-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-A100-fg .mat-select-value {
    color: #fff
}

.blue-A100-border {
    border-color: #82b1ff !important
}

.blue-A100-border-top {
    border-top-color: #82b1ff !important
}

.blue-A100-border-right {
    border-right-color: #82b1ff !important
}

.blue-A100-border-bottom {
    border-bottom-color: #82b1ff !important
}

.blue-A100-border-left {
    border-left-color: #82b1ff !important
}

.blue-A200-bg {
    background-color: #448aff !important
}

.mat-blue-A200-bg {
    background-color: #448aff !important;
    color: #fff !important
}

.mat-blue-A200-bg .icon,
.mat-blue-A200-bg .mat-icon {
    color: #fff
}

.mat-blue-A200-bg .secondary-text,
.mat-blue-A200-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-blue-A200-bg .disabled-text,
.mat-blue-A200-bg .hint-text,
.mat-blue-A200-bg.disabled-text,
.mat-blue-A200-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-blue-A200-bg .divider,
.mat-blue-A200-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-blue-A200-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-blue-A200-bg input[type=text] {
    color: #fff
}

.mat-blue-A200-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-A200-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-A200-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-A200-bg .mat-select-arrow,
.mat-blue-A200-bg .mat-select-disabled .mat-select-value,
.mat-blue-A200-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-A200-bg .mat-select-content,
.mat-blue-A200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-A200-bg .mat-select-value {
    color: #fff
}

.mat-blue-A200-bg[disabled] {
    background-color: rgba(68, 138, 255, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.blue-A200-fg {
    color: #448aff !important
}

.blue-A200-fg .icon,
.blue-A200-fg .mat-icon {
    color: #fff
}

.blue-A200-fg .secondary-text,
.blue-A200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-A200-fg .disabled-text,
.blue-A200-fg .hint-text,
.blue-A200-fg.disabled-text,
.blue-A200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-A200-fg .divider,
.blue-A200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-A200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-A200-fg input[type=text] {
    color: #fff
}

.blue-A200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-A200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-A200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-A200-fg .mat-select-arrow,
.blue-A200-fg .mat-select-disabled .mat-select-value,
.blue-A200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-A200-fg .mat-select-content,
.blue-A200-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-A200-fg .mat-select-value {
    color: #fff
}

.blue-A200-border {
    border-color: #448aff !important
}

.blue-A200-border-top {
    border-top-color: #448aff !important
}

.blue-A200-border-right {
    border-right-color: #448aff !important
}

.blue-A200-border-bottom {
    border-bottom-color: #448aff !important
}

.blue-A200-border-left {
    border-left-color: #448aff !important
}

.blue-A400-bg {
    background-color: #2979ff !important
}

.mat-blue-A400-bg {
    background-color: #2979ff !important;
    color: #fff !important
}

.mat-blue-A400-bg .icon,
.mat-blue-A400-bg .mat-icon {
    color: #fff
}

.mat-blue-A400-bg .secondary-text,
.mat-blue-A400-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-blue-A400-bg .disabled-text,
.mat-blue-A400-bg .hint-text,
.mat-blue-A400-bg.disabled-text,
.mat-blue-A400-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-blue-A400-bg .divider,
.mat-blue-A400-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-blue-A400-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-blue-A400-bg input[type=text] {
    color: #fff
}

.mat-blue-A400-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-A400-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-A400-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-A400-bg .mat-select-arrow,
.mat-blue-A400-bg .mat-select-disabled .mat-select-value,
.mat-blue-A400-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-A400-bg .mat-select-content,
.mat-blue-A400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-A400-bg .mat-select-value {
    color: #fff
}

.mat-blue-A400-bg[disabled] {
    background-color: rgba(41, 121, 255, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.blue-A400-fg {
    color: #2979ff !important
}

.blue-A400-fg .icon,
.blue-A400-fg .mat-icon {
    color: #fff
}

.blue-A400-fg .secondary-text,
.blue-A400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-A400-fg .disabled-text,
.blue-A400-fg .hint-text,
.blue-A400-fg.disabled-text,
.blue-A400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-A400-fg .divider,
.blue-A400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-A400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-A400-fg input[type=text] {
    color: #fff
}

.blue-A400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-A400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-A400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-A400-fg .mat-select-arrow,
.blue-A400-fg .mat-select-disabled .mat-select-value,
.blue-A400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-A400-fg .mat-select-content,
.blue-A400-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-A400-fg .mat-select-value {
    color: #fff
}

.blue-A400-border {
    border-color: #2979ff !important
}

.blue-A400-border-top {
    border-top-color: #2979ff !important
}

.blue-A400-border-right {
    border-right-color: #2979ff !important
}

.blue-A400-border-bottom {
    border-bottom-color: #2979ff !important
}

.blue-A400-border-left {
    border-left-color: #2979ff !important
}

.blue-A700-bg {
    background-color: #2962ff !important
}

.mat-blue-A700-bg {
    background-color: #2962ff !important;
    color: #fff !important
}

.mat-blue-A700-bg .icon,
.mat-blue-A700-bg .mat-icon {
    color: #fff
}

.mat-blue-A700-bg .secondary-text,
.mat-blue-A700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-blue-A700-bg .disabled-text,
.mat-blue-A700-bg .hint-text,
.mat-blue-A700-bg.disabled-text,
.mat-blue-A700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-blue-A700-bg .divider,
.mat-blue-A700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-blue-A700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-blue-A700-bg input[type=text] {
    color: #fff
}

.mat-blue-A700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-A700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-A700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-A700-bg .mat-select-arrow,
.mat-blue-A700-bg .mat-select-disabled .mat-select-value,
.mat-blue-A700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-A700-bg .mat-select-content,
.mat-blue-A700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-A700-bg .mat-select-value {
    color: #fff
}

.mat-blue-A700-bg[disabled] {
    background-color: rgba(41, 98, 255, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.blue-A700-fg {
    color: #2962ff !important
}

.blue-A700-fg .icon,
.blue-A700-fg .mat-icon {
    color: #fff
}

.blue-A700-fg .secondary-text,
.blue-A700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-A700-fg .disabled-text,
.blue-A700-fg .hint-text,
.blue-A700-fg.disabled-text,
.blue-A700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-A700-fg .divider,
.blue-A700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-A700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-A700-fg input[type=text] {
    color: #fff
}

.blue-A700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-A700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-A700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-A700-fg .mat-select-arrow,
.blue-A700-fg .mat-select-disabled .mat-select-value,
.blue-A700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-A700-fg .mat-select-content,
.blue-A700-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-A700-fg .mat-select-value {
    color: #fff
}

.blue-A700-border {
    border-color: #2962ff !important
}

.blue-A700-border-top {
    border-top-color: #2962ff !important
}

.blue-A700-border-right {
    border-right-color: #2962ff !important
}

.blue-A700-border-bottom {
    border-bottom-color: #2962ff !important
}

.blue-A700-border-left {
    border-left-color: #2962ff !important
}

.light-blue-50-bg {
    background-color: #e1f5fe !important
}

.mat-light-blue-50-bg {
    background-color: #e1f5fe !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-light-blue-50-bg .icon,
.mat-light-blue-50-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-light-blue-50-bg .secondary-text,
.mat-light-blue-50-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-light-blue-50-bg .disabled-text,
.mat-light-blue-50-bg .hint-text,
.mat-light-blue-50-bg.disabled-text,
.mat-light-blue-50-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-light-blue-50-bg .divider,
.mat-light-blue-50-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-light-blue-50-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-light-blue-50-bg input[type=text] {
    color: #000
}

.mat-light-blue-50-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-light-blue-50-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-blue-50-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-blue-50-bg .mat-select-arrow,
.mat-light-blue-50-bg .mat-select-disabled .mat-select-value,
.mat-light-blue-50-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-light-blue-50-bg .mat-select-content,
.mat-light-blue-50-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-blue-50-bg[disabled] {
    background-color: rgba(225, 245, 254, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.light-blue-50-fg {
    color: #e1f5fe !important
}

.light-blue-50-fg .icon,
.light-blue-50-fg .mat-icon {
    color: #fff
}

.light-blue-50-fg .secondary-text,
.light-blue-50-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-blue-50-fg .disabled-text,
.light-blue-50-fg .hint-text,
.light-blue-50-fg.disabled-text,
.light-blue-50-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-blue-50-fg .divider,
.light-blue-50-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-blue-50-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-blue-50-fg input[type=text] {
    color: #fff
}

.light-blue-50-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-blue-50-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-50-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-50-fg .mat-select-arrow,
.light-blue-50-fg .mat-select-disabled .mat-select-value,
.light-blue-50-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-blue-50-fg .mat-select-content,
.light-blue-50-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-blue-50-fg .mat-select-value {
    color: #fff
}

.light-blue-50-border {
    border-color: #e1f5fe !important
}

.light-blue-50-border-top {
    border-top-color: #e1f5fe !important
}

.light-blue-50-border-right {
    border-right-color: #e1f5fe !important
}

.light-blue-50-border-bottom {
    border-bottom-color: #e1f5fe !important
}

.light-blue-50-border-left {
    border-left-color: #e1f5fe !important
}

.light-blue-100-bg {
    background-color: #b3e5fc !important
}

.mat-light-blue-100-bg {
    background-color: #b3e5fc !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-light-blue-100-bg .icon,
.mat-light-blue-100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-light-blue-100-bg .secondary-text,
.mat-light-blue-100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-light-blue-100-bg .disabled-text,
.mat-light-blue-100-bg .hint-text,
.mat-light-blue-100-bg.disabled-text,
.mat-light-blue-100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-light-blue-100-bg .divider,
.mat-light-blue-100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-light-blue-100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-light-blue-100-bg input[type=text] {
    color: #000
}

.mat-light-blue-100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-light-blue-100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-blue-100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-blue-100-bg .mat-select-arrow,
.mat-light-blue-100-bg .mat-select-disabled .mat-select-value,
.mat-light-blue-100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-light-blue-100-bg .mat-select-content,
.mat-light-blue-100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-blue-100-bg[disabled] {
    background-color: rgba(179, 229, 252, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.light-blue-100-fg {
    color: #b3e5fc !important
}

.light-blue-100-fg .icon,
.light-blue-100-fg .mat-icon {
    color: #fff
}

.light-blue-100-fg .secondary-text,
.light-blue-100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-blue-100-fg .disabled-text,
.light-blue-100-fg .hint-text,
.light-blue-100-fg.disabled-text,
.light-blue-100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-blue-100-fg .divider,
.light-blue-100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-blue-100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-blue-100-fg input[type=text] {
    color: #fff
}

.light-blue-100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-blue-100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-100-fg .mat-select-arrow,
.light-blue-100-fg .mat-select-disabled .mat-select-value,
.light-blue-100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-blue-100-fg .mat-select-content,
.light-blue-100-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-blue-100-fg .mat-select-value {
    color: #fff
}

.light-blue-100-border {
    border-color: #b3e5fc !important
}

.light-blue-100-border-top {
    border-top-color: #b3e5fc !important
}

.light-blue-100-border-right {
    border-right-color: #b3e5fc !important
}

.light-blue-100-border-bottom {
    border-bottom-color: #b3e5fc !important
}

.light-blue-100-border-left {
    border-left-color: #b3e5fc !important
}

.light-blue-200-bg {
    background-color: #81d4fa !important
}

.mat-light-blue-200-bg {
    background-color: #81d4fa !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-light-blue-200-bg .icon,
.mat-light-blue-200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-light-blue-200-bg .secondary-text,
.mat-light-blue-200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-light-blue-200-bg .disabled-text,
.mat-light-blue-200-bg .hint-text,
.mat-light-blue-200-bg.disabled-text,
.mat-light-blue-200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-light-blue-200-bg .divider,
.mat-light-blue-200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-light-blue-200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-light-blue-200-bg input[type=text] {
    color: #000
}

.mat-light-blue-200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-light-blue-200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-blue-200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-blue-200-bg .mat-select-arrow,
.mat-light-blue-200-bg .mat-select-disabled .mat-select-value,
.mat-light-blue-200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-light-blue-200-bg .mat-select-content,
.mat-light-blue-200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-blue-200-bg[disabled] {
    background-color: rgba(129, 212, 250, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.light-blue-200-fg {
    color: #81d4fa !important
}

.light-blue-200-fg .icon,
.light-blue-200-fg .mat-icon {
    color: #fff
}

.light-blue-200-fg .secondary-text,
.light-blue-200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-blue-200-fg .disabled-text,
.light-blue-200-fg .hint-text,
.light-blue-200-fg.disabled-text,
.light-blue-200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-blue-200-fg .divider,
.light-blue-200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-blue-200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-blue-200-fg input[type=text] {
    color: #fff
}

.light-blue-200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-blue-200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-200-fg .mat-select-arrow,
.light-blue-200-fg .mat-select-disabled .mat-select-value,
.light-blue-200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-blue-200-fg .mat-select-content,
.light-blue-200-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-blue-200-fg .mat-select-value {
    color: #fff
}

.light-blue-200-border {
    border-color: #81d4fa !important
}

.light-blue-200-border-top {
    border-top-color: #81d4fa !important
}

.light-blue-200-border-right {
    border-right-color: #81d4fa !important
}

.light-blue-200-border-bottom {
    border-bottom-color: #81d4fa !important
}

.light-blue-200-border-left {
    border-left-color: #81d4fa !important
}

.light-blue-300-bg {
    background-color: #4fc3f7 !important
}

.mat-light-blue-300-bg {
    background-color: #4fc3f7 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-light-blue-300-bg .icon,
.mat-light-blue-300-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-light-blue-300-bg .secondary-text,
.mat-light-blue-300-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-light-blue-300-bg .disabled-text,
.mat-light-blue-300-bg .hint-text,
.mat-light-blue-300-bg.disabled-text,
.mat-light-blue-300-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-light-blue-300-bg .divider,
.mat-light-blue-300-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-light-blue-300-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-light-blue-300-bg input[type=text] {
    color: #000
}

.mat-light-blue-300-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-light-blue-300-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-blue-300-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-blue-300-bg .mat-select-arrow,
.mat-light-blue-300-bg .mat-select-disabled .mat-select-value,
.mat-light-blue-300-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-light-blue-300-bg .mat-select-content,
.mat-light-blue-300-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-blue-300-bg[disabled] {
    background-color: rgba(79, 195, 247, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.light-blue-300-fg {
    color: #4fc3f7 !important
}

.light-blue-300-fg .icon,
.light-blue-300-fg .mat-icon {
    color: #fff
}

.light-blue-300-fg .secondary-text,
.light-blue-300-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-blue-300-fg .disabled-text,
.light-blue-300-fg .hint-text,
.light-blue-300-fg.disabled-text,
.light-blue-300-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-blue-300-fg .divider,
.light-blue-300-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-blue-300-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-blue-300-fg input[type=text] {
    color: #fff
}

.light-blue-300-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-blue-300-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-300-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-300-fg .mat-select-arrow,
.light-blue-300-fg .mat-select-disabled .mat-select-value,
.light-blue-300-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-blue-300-fg .mat-select-content,
.light-blue-300-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-blue-300-fg .mat-select-value {
    color: #fff
}

.light-blue-300-border {
    border-color: #4fc3f7 !important
}

.light-blue-300-border-top {
    border-top-color: #4fc3f7 !important
}

.light-blue-300-border-right {
    border-right-color: #4fc3f7 !important
}

.light-blue-300-border-bottom {
    border-bottom-color: #4fc3f7 !important
}

.light-blue-300-border-left {
    border-left-color: #4fc3f7 !important
}

.light-blue-400-bg {
    background-color: #29b6f6 !important
}

.mat-light-blue-400-bg {
    background-color: #29b6f6 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-light-blue-400-bg .icon,
.mat-light-blue-400-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-light-blue-400-bg .secondary-text,
.mat-light-blue-400-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-light-blue-400-bg .disabled-text,
.mat-light-blue-400-bg .hint-text,
.mat-light-blue-400-bg.disabled-text,
.mat-light-blue-400-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-light-blue-400-bg .divider,
.mat-light-blue-400-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-light-blue-400-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-light-blue-400-bg input[type=text] {
    color: #000
}

.mat-light-blue-400-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-light-blue-400-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-blue-400-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-blue-400-bg .mat-select-arrow,
.mat-light-blue-400-bg .mat-select-disabled .mat-select-value,
.mat-light-blue-400-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-light-blue-400-bg .mat-select-content,
.mat-light-blue-400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-blue-400-bg[disabled] {
    background-color: rgba(41, 182, 246, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.light-blue-400-fg {
    color: #29b6f6 !important
}

.light-blue-400-fg .icon,
.light-blue-400-fg .mat-icon {
    color: #fff
}

.light-blue-400-fg .secondary-text,
.light-blue-400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-blue-400-fg .disabled-text,
.light-blue-400-fg .hint-text,
.light-blue-400-fg.disabled-text,
.light-blue-400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-blue-400-fg .divider,
.light-blue-400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-blue-400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-blue-400-fg input[type=text] {
    color: #fff
}

.light-blue-400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-blue-400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-400-fg .mat-select-arrow,
.light-blue-400-fg .mat-select-disabled .mat-select-value,
.light-blue-400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-blue-400-fg .mat-select-content,
.light-blue-400-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-blue-400-fg .mat-select-value {
    color: #fff
}

.light-blue-400-border {
    border-color: #29b6f6 !important
}

.light-blue-400-border-top {
    border-top-color: #29b6f6 !important
}

.light-blue-400-border-right {
    border-right-color: #29b6f6 !important
}

.light-blue-400-border-bottom {
    border-bottom-color: #29b6f6 !important
}

.light-blue-400-border-left {
    border-left-color: #29b6f6 !important
}

.light-blue-500-bg {
    background-color: #03a9f4 !important
}

.mat-light-blue-500-bg {
    background-color: #03a9f4 !important;
    color: #fff !important
}

.mat-light-blue-500-bg .icon,
.mat-light-blue-500-bg .mat-icon {
    color: #fff
}

.mat-light-blue-500-bg .secondary-text,
.mat-light-blue-500-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-light-blue-500-bg .disabled-text,
.mat-light-blue-500-bg .hint-text,
.mat-light-blue-500-bg.disabled-text,
.mat-light-blue-500-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-light-blue-500-bg .divider,
.mat-light-blue-500-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-light-blue-500-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-light-blue-500-bg input[type=text] {
    color: #fff
}

.mat-light-blue-500-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-light-blue-500-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-light-blue-500-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-light-blue-500-bg .mat-select-arrow,
.mat-light-blue-500-bg .mat-select-disabled .mat-select-value,
.mat-light-blue-500-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-light-blue-500-bg .mat-select-content,
.mat-light-blue-500-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-blue-500-bg .mat-select-value {
    color: #fff
}

.mat-light-blue-500-bg[disabled] {
    background-color: rgba(3, 169, 244, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.light-blue-500-fg {
    color: #03a9f4 !important
}

.light-blue-500-fg .icon,
.light-blue-500-fg .mat-icon {
    color: #fff
}

.light-blue-500-fg .secondary-text,
.light-blue-500-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-blue-500-fg .disabled-text,
.light-blue-500-fg .hint-text,
.light-blue-500-fg.disabled-text,
.light-blue-500-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-blue-500-fg .divider,
.light-blue-500-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-blue-500-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-blue-500-fg input[type=text] {
    color: #fff
}

.light-blue-500-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-blue-500-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-500-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-500-fg .mat-select-arrow,
.light-blue-500-fg .mat-select-disabled .mat-select-value,
.light-blue-500-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-blue-500-fg .mat-select-content,
.light-blue-500-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-blue-500-fg .mat-select-value {
    color: #fff
}

.light-blue-500-border {
    border-color: #03a9f4 !important
}

.light-blue-500-border-top {
    border-top-color: #03a9f4 !important
}

.light-blue-500-border-right {
    border-right-color: #03a9f4 !important
}

.light-blue-500-border-bottom {
    border-bottom-color: #03a9f4 !important
}

.light-blue-500-border-left {
    border-left-color: #03a9f4 !important
}

.light-blue-bg {
    background-color: #03a9f4 !important
}

.mat-light-blue-bg {
    background-color: #03a9f4 !important;
    color: #fff !important
}

.mat-light-blue-bg .icon,
.mat-light-blue-bg .mat-icon {
    color: #fff
}

.mat-light-blue-bg .secondary-text,
.mat-light-blue-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-light-blue-bg .disabled-text,
.mat-light-blue-bg .hint-text,
.mat-light-blue-bg.disabled-text,
.mat-light-blue-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-light-blue-bg .divider,
.mat-light-blue-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-light-blue-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-light-blue-bg input[type=text] {
    color: #fff
}

.mat-light-blue-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-light-blue-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-light-blue-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-light-blue-bg .mat-select-arrow,
.mat-light-blue-bg .mat-select-disabled .mat-select-value,
.mat-light-blue-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-light-blue-bg .mat-select-content,
.mat-light-blue-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-blue-bg .mat-select-value {
    color: #fff
}

.mat-light-blue-bg[disabled] {
    background-color: rgba(3, 169, 244, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.light-blue-fg {
    color: #03a9f4 !important
}

.light-blue-fg .icon,
.light-blue-fg .mat-icon {
    color: #fff
}

.light-blue-fg .secondary-text,
.light-blue-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-blue-fg .disabled-text,
.light-blue-fg .hint-text,
.light-blue-fg.disabled-text,
.light-blue-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-blue-fg .divider,
.light-blue-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-blue-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-blue-fg input[type=text] {
    color: #fff
}

.light-blue-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-blue-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-fg .mat-select-arrow,
.light-blue-fg .mat-select-disabled .mat-select-value,
.light-blue-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-blue-fg .mat-select-content,
.light-blue-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-blue-fg .mat-select-value {
    color: #fff
}

.light-blue-border {
    border-color: #03a9f4 !important
}

.light-blue-border-top {
    border-top-color: #03a9f4 !important
}

.light-blue-border-right {
    border-right-color: #03a9f4 !important
}

.light-blue-border-bottom {
    border-bottom-color: #03a9f4 !important
}

.light-blue-border-left {
    border-left-color: #03a9f4 !important
}

.light-blue-600-bg {
    background-color: #039be5 !important
}

.mat-light-blue-600-bg {
    background-color: #039be5 !important;
    color: #fff !important
}

.mat-light-blue-600-bg .icon,
.mat-light-blue-600-bg .mat-icon {
    color: #fff
}

.mat-light-blue-600-bg .secondary-text,
.mat-light-blue-600-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-light-blue-600-bg .disabled-text,
.mat-light-blue-600-bg .hint-text,
.mat-light-blue-600-bg.disabled-text,
.mat-light-blue-600-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-light-blue-600-bg .divider,
.mat-light-blue-600-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-light-blue-600-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-light-blue-600-bg input[type=text] {
    color: #fff
}

.mat-light-blue-600-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-light-blue-600-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-light-blue-600-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-light-blue-600-bg .mat-select-arrow,
.mat-light-blue-600-bg .mat-select-disabled .mat-select-value,
.mat-light-blue-600-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-light-blue-600-bg .mat-select-content,
.mat-light-blue-600-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-blue-600-bg .mat-select-value {
    color: #fff
}

.mat-light-blue-600-bg[disabled] {
    background-color: rgba(3, 155, 229, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.light-blue-600-fg {
    color: #039be5 !important
}

.light-blue-600-fg .icon,
.light-blue-600-fg .mat-icon {
    color: #fff
}

.light-blue-600-fg .secondary-text,
.light-blue-600-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-blue-600-fg .disabled-text,
.light-blue-600-fg .hint-text,
.light-blue-600-fg.disabled-text,
.light-blue-600-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-blue-600-fg .divider,
.light-blue-600-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-blue-600-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-blue-600-fg input[type=text] {
    color: #fff
}

.light-blue-600-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-blue-600-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-600-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-600-fg .mat-select-arrow,
.light-blue-600-fg .mat-select-disabled .mat-select-value,
.light-blue-600-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-blue-600-fg .mat-select-content,
.light-blue-600-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-blue-600-fg .mat-select-value {
    color: #fff
}

.light-blue-600-border {
    border-color: #039be5 !important
}

.light-blue-600-border-top {
    border-top-color: #039be5 !important
}

.light-blue-600-border-right {
    border-right-color: #039be5 !important
}

.light-blue-600-border-bottom {
    border-bottom-color: #039be5 !important
}

.light-blue-600-border-left {
    border-left-color: #039be5 !important
}

.light-blue-700-bg {
    background-color: #0288d1 !important
}

.mat-light-blue-700-bg {
    background-color: #0288d1 !important;
    color: #fff !important
}

.mat-light-blue-700-bg .icon,
.mat-light-blue-700-bg .mat-icon {
    color: #fff
}

.mat-light-blue-700-bg .secondary-text,
.mat-light-blue-700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-light-blue-700-bg .disabled-text,
.mat-light-blue-700-bg .hint-text,
.mat-light-blue-700-bg.disabled-text,
.mat-light-blue-700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-light-blue-700-bg .divider,
.mat-light-blue-700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-light-blue-700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-light-blue-700-bg input[type=text] {
    color: #fff
}

.mat-light-blue-700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-light-blue-700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-light-blue-700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-light-blue-700-bg .mat-select-arrow,
.mat-light-blue-700-bg .mat-select-disabled .mat-select-value,
.mat-light-blue-700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-light-blue-700-bg .mat-select-content,
.mat-light-blue-700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-blue-700-bg .mat-select-value {
    color: #fff
}

.mat-light-blue-700-bg[disabled] {
    background-color: rgba(2, 136, 209, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.light-blue-700-fg {
    color: #0288d1 !important
}

.light-blue-700-fg .icon,
.light-blue-700-fg .mat-icon {
    color: #fff
}

.light-blue-700-fg .secondary-text,
.light-blue-700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-blue-700-fg .disabled-text,
.light-blue-700-fg .hint-text,
.light-blue-700-fg.disabled-text,
.light-blue-700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-blue-700-fg .divider,
.light-blue-700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-blue-700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-blue-700-fg input[type=text] {
    color: #fff
}

.light-blue-700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-blue-700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-700-fg .mat-select-arrow,
.light-blue-700-fg .mat-select-disabled .mat-select-value,
.light-blue-700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-blue-700-fg .mat-select-content,
.light-blue-700-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-blue-700-fg .mat-select-value {
    color: #fff
}

.light-blue-700-border {
    border-color: #0288d1 !important
}

.light-blue-700-border-top {
    border-top-color: #0288d1 !important
}

.light-blue-700-border-right {
    border-right-color: #0288d1 !important
}

.light-blue-700-border-bottom {
    border-bottom-color: #0288d1 !important
}

.light-blue-700-border-left {
    border-left-color: #0288d1 !important
}

.light-blue-800-bg {
    background-color: #0277bd !important
}

.mat-light-blue-800-bg {
    background-color: #0277bd !important;
    color: #fff !important
}

.mat-light-blue-800-bg .icon,
.mat-light-blue-800-bg .mat-icon {
    color: #fff
}

.mat-light-blue-800-bg .secondary-text,
.mat-light-blue-800-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-light-blue-800-bg .disabled-text,
.mat-light-blue-800-bg .hint-text,
.mat-light-blue-800-bg.disabled-text,
.mat-light-blue-800-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-light-blue-800-bg .divider,
.mat-light-blue-800-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-light-blue-800-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-light-blue-800-bg input[type=text] {
    color: #fff
}

.mat-light-blue-800-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-light-blue-800-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-light-blue-800-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-light-blue-800-bg .mat-select-arrow,
.mat-light-blue-800-bg .mat-select-disabled .mat-select-value,
.mat-light-blue-800-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-light-blue-800-bg .mat-select-content,
.mat-light-blue-800-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-blue-800-bg .mat-select-value {
    color: #fff
}

.mat-light-blue-800-bg[disabled] {
    background-color: rgba(2, 119, 189, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.light-blue-800-fg {
    color: #0277bd !important
}

.light-blue-800-fg .icon,
.light-blue-800-fg .mat-icon {
    color: #fff
}

.light-blue-800-fg .secondary-text,
.light-blue-800-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-blue-800-fg .disabled-text,
.light-blue-800-fg .hint-text,
.light-blue-800-fg.disabled-text,
.light-blue-800-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-blue-800-fg .divider,
.light-blue-800-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-blue-800-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-blue-800-fg input[type=text] {
    color: #fff
}

.light-blue-800-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-blue-800-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-800-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-800-fg .mat-select-arrow,
.light-blue-800-fg .mat-select-disabled .mat-select-value,
.light-blue-800-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-blue-800-fg .mat-select-content,
.light-blue-800-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-blue-800-fg .mat-select-value {
    color: #fff
}

.light-blue-800-border {
    border-color: #0277bd !important
}

.light-blue-800-border-top {
    border-top-color: #0277bd !important
}

.light-blue-800-border-right {
    border-right-color: #0277bd !important
}

.light-blue-800-border-bottom {
    border-bottom-color: #0277bd !important
}

.light-blue-800-border-left {
    border-left-color: #0277bd !important
}

.light-blue-900-bg {
    background-color: #01579b !important
}

.mat-light-blue-900-bg {
    background-color: #01579b !important;
    color: #fff !important
}

.mat-light-blue-900-bg .icon,
.mat-light-blue-900-bg .mat-icon {
    color: #fff
}

.mat-light-blue-900-bg .secondary-text,
.mat-light-blue-900-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-light-blue-900-bg .disabled-text,
.mat-light-blue-900-bg .hint-text,
.mat-light-blue-900-bg.disabled-text,
.mat-light-blue-900-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-light-blue-900-bg .divider,
.mat-light-blue-900-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-light-blue-900-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-light-blue-900-bg input[type=text] {
    color: #fff
}

.mat-light-blue-900-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-light-blue-900-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-light-blue-900-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-light-blue-900-bg .mat-select-arrow,
.mat-light-blue-900-bg .mat-select-disabled .mat-select-value,
.mat-light-blue-900-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-light-blue-900-bg .mat-select-content,
.mat-light-blue-900-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-blue-900-bg .mat-select-value {
    color: #fff
}

.mat-light-blue-900-bg[disabled] {
    background-color: rgba(1, 87, 155, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.light-blue-900-fg {
    color: #01579b !important
}

.light-blue-900-fg .icon,
.light-blue-900-fg .mat-icon {
    color: #fff
}

.light-blue-900-fg .secondary-text,
.light-blue-900-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-blue-900-fg .disabled-text,
.light-blue-900-fg .hint-text,
.light-blue-900-fg.disabled-text,
.light-blue-900-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-blue-900-fg .divider,
.light-blue-900-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-blue-900-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-blue-900-fg input[type=text] {
    color: #fff
}

.light-blue-900-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-blue-900-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-900-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-900-fg .mat-select-arrow,
.light-blue-900-fg .mat-select-disabled .mat-select-value,
.light-blue-900-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-blue-900-fg .mat-select-content,
.light-blue-900-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-blue-900-fg .mat-select-value {
    color: #fff
}

.light-blue-900-border {
    border-color: #01579b !important
}

.light-blue-900-border-top {
    border-top-color: #01579b !important
}

.light-blue-900-border-right {
    border-right-color: #01579b !important
}

.light-blue-900-border-bottom {
    border-bottom-color: #01579b !important
}

.light-blue-900-border-left {
    border-left-color: #01579b !important
}

.light-blue-A100-bg {
    background-color: #80d8ff !important
}

.mat-light-blue-A100-bg {
    background-color: #80d8ff !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-light-blue-A100-bg .icon,
.mat-light-blue-A100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-light-blue-A100-bg .secondary-text,
.mat-light-blue-A100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-light-blue-A100-bg .disabled-text,
.mat-light-blue-A100-bg .hint-text,
.mat-light-blue-A100-bg.disabled-text,
.mat-light-blue-A100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-light-blue-A100-bg .divider,
.mat-light-blue-A100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-light-blue-A100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-light-blue-A100-bg input[type=text] {
    color: #000
}

.mat-light-blue-A100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-light-blue-A100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-blue-A100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-blue-A100-bg .mat-select-arrow,
.mat-light-blue-A100-bg .mat-select-disabled .mat-select-value,
.mat-light-blue-A100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-light-blue-A100-bg .mat-select-content,
.mat-light-blue-A100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-blue-A100-bg[disabled] {
    background-color: rgba(128, 216, 255, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.light-blue-A100-fg {
    color: #80d8ff !important
}

.light-blue-A100-fg .icon,
.light-blue-A100-fg .mat-icon {
    color: #fff
}

.light-blue-A100-fg .secondary-text,
.light-blue-A100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-blue-A100-fg .disabled-text,
.light-blue-A100-fg .hint-text,
.light-blue-A100-fg.disabled-text,
.light-blue-A100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-blue-A100-fg .divider,
.light-blue-A100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-blue-A100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-blue-A100-fg input[type=text] {
    color: #fff
}

.light-blue-A100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-blue-A100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-A100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-A100-fg .mat-select-arrow,
.light-blue-A100-fg .mat-select-disabled .mat-select-value,
.light-blue-A100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-blue-A100-fg .mat-select-content,
.light-blue-A100-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-blue-A100-fg .mat-select-value {
    color: #fff
}

.light-blue-A100-border {
    border-color: #80d8ff !important
}

.light-blue-A100-border-top {
    border-top-color: #80d8ff !important
}

.light-blue-A100-border-right {
    border-right-color: #80d8ff !important
}

.light-blue-A100-border-bottom {
    border-bottom-color: #80d8ff !important
}

.light-blue-A100-border-left {
    border-left-color: #80d8ff !important
}

.light-blue-A200-bg {
    background-color: #40c4ff !important
}

.mat-light-blue-A200-bg {
    background-color: #40c4ff !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-light-blue-A200-bg .icon,
.mat-light-blue-A200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-light-blue-A200-bg .secondary-text,
.mat-light-blue-A200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-light-blue-A200-bg .disabled-text,
.mat-light-blue-A200-bg .hint-text,
.mat-light-blue-A200-bg.disabled-text,
.mat-light-blue-A200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-light-blue-A200-bg .divider,
.mat-light-blue-A200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-light-blue-A200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-light-blue-A200-bg input[type=text] {
    color: #000
}

.mat-light-blue-A200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-light-blue-A200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-blue-A200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-blue-A200-bg .mat-select-arrow,
.mat-light-blue-A200-bg .mat-select-disabled .mat-select-value,
.mat-light-blue-A200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-light-blue-A200-bg .mat-select-content,
.mat-light-blue-A200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-blue-A200-bg[disabled] {
    background-color: rgba(64, 196, 255, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.light-blue-A200-fg {
    color: #40c4ff !important
}

.light-blue-A200-fg .icon,
.light-blue-A200-fg .mat-icon {
    color: #fff
}

.light-blue-A200-fg .secondary-text,
.light-blue-A200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-blue-A200-fg .disabled-text,
.light-blue-A200-fg .hint-text,
.light-blue-A200-fg.disabled-text,
.light-blue-A200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-blue-A200-fg .divider,
.light-blue-A200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-blue-A200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-blue-A200-fg input[type=text] {
    color: #fff
}

.light-blue-A200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-blue-A200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-A200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-A200-fg .mat-select-arrow,
.light-blue-A200-fg .mat-select-disabled .mat-select-value,
.light-blue-A200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-blue-A200-fg .mat-select-content,
.light-blue-A200-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-blue-A200-fg .mat-select-value {
    color: #fff
}

.light-blue-A200-border {
    border-color: #40c4ff !important
}

.light-blue-A200-border-top {
    border-top-color: #40c4ff !important
}

.light-blue-A200-border-right {
    border-right-color: #40c4ff !important
}

.light-blue-A200-border-bottom {
    border-bottom-color: #40c4ff !important
}

.light-blue-A200-border-left {
    border-left-color: #40c4ff !important
}

.light-blue-A400-bg {
    background-color: #00b0ff !important
}

.mat-light-blue-A400-bg {
    background-color: #00b0ff !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-light-blue-A400-bg .icon,
.mat-light-blue-A400-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-light-blue-A400-bg .secondary-text,
.mat-light-blue-A400-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-light-blue-A400-bg .disabled-text,
.mat-light-blue-A400-bg .hint-text,
.mat-light-blue-A400-bg.disabled-text,
.mat-light-blue-A400-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-light-blue-A400-bg .divider,
.mat-light-blue-A400-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-light-blue-A400-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-light-blue-A400-bg input[type=text] {
    color: #000
}

.mat-light-blue-A400-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-light-blue-A400-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-blue-A400-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-blue-A400-bg .mat-select-arrow,
.mat-light-blue-A400-bg .mat-select-disabled .mat-select-value,
.mat-light-blue-A400-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-light-blue-A400-bg .mat-select-content,
.mat-light-blue-A400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-blue-A400-bg[disabled] {
    background-color: rgba(0, 176, 255, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.light-blue-A400-fg {
    color: #00b0ff !important
}

.light-blue-A400-fg .icon,
.light-blue-A400-fg .mat-icon {
    color: #fff
}

.light-blue-A400-fg .secondary-text,
.light-blue-A400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-blue-A400-fg .disabled-text,
.light-blue-A400-fg .hint-text,
.light-blue-A400-fg.disabled-text,
.light-blue-A400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-blue-A400-fg .divider,
.light-blue-A400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-blue-A400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-blue-A400-fg input[type=text] {
    color: #fff
}

.light-blue-A400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-blue-A400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-A400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-A400-fg .mat-select-arrow,
.light-blue-A400-fg .mat-select-disabled .mat-select-value,
.light-blue-A400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-blue-A400-fg .mat-select-content,
.light-blue-A400-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-blue-A400-fg .mat-select-value {
    color: #fff
}

.light-blue-A400-border {
    border-color: #00b0ff !important
}

.light-blue-A400-border-top {
    border-top-color: #00b0ff !important
}

.light-blue-A400-border-right {
    border-right-color: #00b0ff !important
}

.light-blue-A400-border-bottom {
    border-bottom-color: #00b0ff !important
}

.light-blue-A400-border-left {
    border-left-color: #00b0ff !important
}

.light-blue-A700-bg {
    background-color: #0091ea !important
}

.mat-light-blue-A700-bg {
    background-color: #0091ea !important;
    color: #fff !important
}

.mat-light-blue-A700-bg .icon,
.mat-light-blue-A700-bg .mat-icon {
    color: #fff
}

.mat-light-blue-A700-bg .secondary-text,
.mat-light-blue-A700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-light-blue-A700-bg .disabled-text,
.mat-light-blue-A700-bg .hint-text,
.mat-light-blue-A700-bg.disabled-text,
.mat-light-blue-A700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-light-blue-A700-bg .divider,
.mat-light-blue-A700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-light-blue-A700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-light-blue-A700-bg input[type=text] {
    color: #fff
}

.mat-light-blue-A700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-light-blue-A700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-light-blue-A700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-light-blue-A700-bg .mat-select-arrow,
.mat-light-blue-A700-bg .mat-select-disabled .mat-select-value,
.mat-light-blue-A700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-light-blue-A700-bg .mat-select-content,
.mat-light-blue-A700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-blue-A700-bg .mat-select-value {
    color: #fff
}

.mat-light-blue-A700-bg[disabled] {
    background-color: rgba(0, 145, 234, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.light-blue-A700-fg {
    color: #0091ea !important
}

.light-blue-A700-fg .icon,
.light-blue-A700-fg .mat-icon {
    color: #fff
}

.light-blue-A700-fg .secondary-text,
.light-blue-A700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-blue-A700-fg .disabled-text,
.light-blue-A700-fg .hint-text,
.light-blue-A700-fg.disabled-text,
.light-blue-A700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-blue-A700-fg .divider,
.light-blue-A700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-blue-A700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-blue-A700-fg input[type=text] {
    color: #fff
}

.light-blue-A700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-blue-A700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-A700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-blue-A700-fg .mat-select-arrow,
.light-blue-A700-fg .mat-select-disabled .mat-select-value,
.light-blue-A700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-blue-A700-fg .mat-select-content,
.light-blue-A700-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-blue-A700-fg .mat-select-value {
    color: #fff
}

.light-blue-A700-border {
    border-color: #0091ea !important
}

.light-blue-A700-border-top {
    border-top-color: #0091ea !important
}

.light-blue-A700-border-right {
    border-right-color: #0091ea !important
}

.light-blue-A700-border-bottom {
    border-bottom-color: #0091ea !important
}

.light-blue-A700-border-left {
    border-left-color: #0091ea !important
}

.cyan-50-bg {
    background-color: #e0f7fa !important
}

.mat-cyan-50-bg {
    background-color: #e0f7fa !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-cyan-50-bg .icon,
.mat-cyan-50-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-cyan-50-bg .secondary-text,
.mat-cyan-50-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-cyan-50-bg .disabled-text,
.mat-cyan-50-bg .hint-text,
.mat-cyan-50-bg.disabled-text,
.mat-cyan-50-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-cyan-50-bg .divider,
.mat-cyan-50-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-cyan-50-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-cyan-50-bg input[type=text] {
    color: #000
}

.mat-cyan-50-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-cyan-50-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-cyan-50-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-cyan-50-bg .mat-select-arrow,
.mat-cyan-50-bg .mat-select-disabled .mat-select-value,
.mat-cyan-50-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-cyan-50-bg .mat-select-content,
.mat-cyan-50-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-cyan-50-bg[disabled] {
    background-color: rgba(224, 247, 250, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.cyan-50-fg {
    color: #e0f7fa !important
}

.cyan-50-fg .icon,
.cyan-50-fg .mat-icon {
    color: #fff
}

.cyan-50-fg .secondary-text,
.cyan-50-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.cyan-50-fg .disabled-text,
.cyan-50-fg .hint-text,
.cyan-50-fg.disabled-text,
.cyan-50-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.cyan-50-fg .divider,
.cyan-50-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.cyan-50-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.cyan-50-fg input[type=text] {
    color: #fff
}

.cyan-50-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.cyan-50-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-50-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-50-fg .mat-select-arrow,
.cyan-50-fg .mat-select-disabled .mat-select-value,
.cyan-50-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.cyan-50-fg .mat-select-content,
.cyan-50-fg .mat-select-panel-done-animating {
    background: #fff
}

.cyan-50-fg .mat-select-value {
    color: #fff
}

.cyan-50-border {
    border-color: #e0f7fa !important
}

.cyan-50-border-top {
    border-top-color: #e0f7fa !important
}

.cyan-50-border-right {
    border-right-color: #e0f7fa !important
}

.cyan-50-border-bottom {
    border-bottom-color: #e0f7fa !important
}

.cyan-50-border-left {
    border-left-color: #e0f7fa !important
}

.cyan-100-bg {
    background-color: #b2ebf2 !important
}

.mat-cyan-100-bg {
    background-color: #b2ebf2 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-cyan-100-bg .icon,
.mat-cyan-100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-cyan-100-bg .secondary-text,
.mat-cyan-100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-cyan-100-bg .disabled-text,
.mat-cyan-100-bg .hint-text,
.mat-cyan-100-bg.disabled-text,
.mat-cyan-100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-cyan-100-bg .divider,
.mat-cyan-100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-cyan-100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-cyan-100-bg input[type=text] {
    color: #000
}

.mat-cyan-100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-cyan-100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-cyan-100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-cyan-100-bg .mat-select-arrow,
.mat-cyan-100-bg .mat-select-disabled .mat-select-value,
.mat-cyan-100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-cyan-100-bg .mat-select-content,
.mat-cyan-100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-cyan-100-bg[disabled] {
    background-color: rgba(178, 235, 242, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.cyan-100-fg {
    color: #b2ebf2 !important
}

.cyan-100-fg .icon,
.cyan-100-fg .mat-icon {
    color: #fff
}

.cyan-100-fg .secondary-text,
.cyan-100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.cyan-100-fg .disabled-text,
.cyan-100-fg .hint-text,
.cyan-100-fg.disabled-text,
.cyan-100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.cyan-100-fg .divider,
.cyan-100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.cyan-100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.cyan-100-fg input[type=text] {
    color: #fff
}

.cyan-100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.cyan-100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-100-fg .mat-select-arrow,
.cyan-100-fg .mat-select-disabled .mat-select-value,
.cyan-100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.cyan-100-fg .mat-select-content,
.cyan-100-fg .mat-select-panel-done-animating {
    background: #fff
}

.cyan-100-fg .mat-select-value {
    color: #fff
}

.cyan-100-border {
    border-color: #b2ebf2 !important
}

.cyan-100-border-top {
    border-top-color: #b2ebf2 !important
}

.cyan-100-border-right {
    border-right-color: #b2ebf2 !important
}

.cyan-100-border-bottom {
    border-bottom-color: #b2ebf2 !important
}

.cyan-100-border-left {
    border-left-color: #b2ebf2 !important
}

.cyan-200-bg {
    background-color: #80deea !important
}

.mat-cyan-200-bg {
    background-color: #80deea !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-cyan-200-bg .icon,
.mat-cyan-200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-cyan-200-bg .secondary-text,
.mat-cyan-200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-cyan-200-bg .disabled-text,
.mat-cyan-200-bg .hint-text,
.mat-cyan-200-bg.disabled-text,
.mat-cyan-200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-cyan-200-bg .divider,
.mat-cyan-200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-cyan-200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-cyan-200-bg input[type=text] {
    color: #000
}

.mat-cyan-200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-cyan-200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-cyan-200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-cyan-200-bg .mat-select-arrow,
.mat-cyan-200-bg .mat-select-disabled .mat-select-value,
.mat-cyan-200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-cyan-200-bg .mat-select-content,
.mat-cyan-200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-cyan-200-bg[disabled] {
    background-color: rgba(128, 222, 234, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.cyan-200-fg {
    color: #80deea !important
}

.cyan-200-fg .icon,
.cyan-200-fg .mat-icon {
    color: #fff
}

.cyan-200-fg .secondary-text,
.cyan-200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.cyan-200-fg .disabled-text,
.cyan-200-fg .hint-text,
.cyan-200-fg.disabled-text,
.cyan-200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.cyan-200-fg .divider,
.cyan-200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.cyan-200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.cyan-200-fg input[type=text] {
    color: #fff
}

.cyan-200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.cyan-200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-200-fg .mat-select-arrow,
.cyan-200-fg .mat-select-disabled .mat-select-value,
.cyan-200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.cyan-200-fg .mat-select-content,
.cyan-200-fg .mat-select-panel-done-animating {
    background: #fff
}

.cyan-200-fg .mat-select-value {
    color: #fff
}

.cyan-200-border {
    border-color: #80deea !important
}

.cyan-200-border-top {
    border-top-color: #80deea !important
}

.cyan-200-border-right {
    border-right-color: #80deea !important
}

.cyan-200-border-bottom {
    border-bottom-color: #80deea !important
}

.cyan-200-border-left {
    border-left-color: #80deea !important
}

.cyan-300-bg {
    background-color: #4dd0e1 !important
}

.mat-cyan-300-bg {
    background-color: #4dd0e1 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-cyan-300-bg .icon,
.mat-cyan-300-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-cyan-300-bg .secondary-text,
.mat-cyan-300-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-cyan-300-bg .disabled-text,
.mat-cyan-300-bg .hint-text,
.mat-cyan-300-bg.disabled-text,
.mat-cyan-300-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-cyan-300-bg .divider,
.mat-cyan-300-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-cyan-300-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-cyan-300-bg input[type=text] {
    color: #000
}

.mat-cyan-300-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-cyan-300-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-cyan-300-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-cyan-300-bg .mat-select-arrow,
.mat-cyan-300-bg .mat-select-disabled .mat-select-value,
.mat-cyan-300-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-cyan-300-bg .mat-select-content,
.mat-cyan-300-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-cyan-300-bg[disabled] {
    background-color: rgba(77, 208, 225, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.cyan-300-fg {
    color: #4dd0e1 !important
}

.cyan-300-fg .icon,
.cyan-300-fg .mat-icon {
    color: #fff
}

.cyan-300-fg .secondary-text,
.cyan-300-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.cyan-300-fg .disabled-text,
.cyan-300-fg .hint-text,
.cyan-300-fg.disabled-text,
.cyan-300-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.cyan-300-fg .divider,
.cyan-300-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.cyan-300-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.cyan-300-fg input[type=text] {
    color: #fff
}

.cyan-300-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.cyan-300-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-300-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-300-fg .mat-select-arrow,
.cyan-300-fg .mat-select-disabled .mat-select-value,
.cyan-300-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.cyan-300-fg .mat-select-content,
.cyan-300-fg .mat-select-panel-done-animating {
    background: #fff
}

.cyan-300-fg .mat-select-value {
    color: #fff
}

.cyan-300-border {
    border-color: #4dd0e1 !important
}

.cyan-300-border-top {
    border-top-color: #4dd0e1 !important
}

.cyan-300-border-right {
    border-right-color: #4dd0e1 !important
}

.cyan-300-border-bottom {
    border-bottom-color: #4dd0e1 !important
}

.cyan-300-border-left {
    border-left-color: #4dd0e1 !important
}

.cyan-400-bg {
    background-color: #26c6da !important
}

.mat-cyan-400-bg {
    background-color: #26c6da !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-cyan-400-bg .icon,
.mat-cyan-400-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-cyan-400-bg .secondary-text,
.mat-cyan-400-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-cyan-400-bg .disabled-text,
.mat-cyan-400-bg .hint-text,
.mat-cyan-400-bg.disabled-text,
.mat-cyan-400-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-cyan-400-bg .divider,
.mat-cyan-400-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-cyan-400-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-cyan-400-bg input[type=text] {
    color: #000
}

.mat-cyan-400-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-cyan-400-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-cyan-400-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-cyan-400-bg .mat-select-arrow,
.mat-cyan-400-bg .mat-select-disabled .mat-select-value,
.mat-cyan-400-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-cyan-400-bg .mat-select-content,
.mat-cyan-400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-cyan-400-bg[disabled] {
    background-color: rgba(38, 198, 218, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.cyan-400-fg {
    color: #26c6da !important
}

.cyan-400-fg .icon,
.cyan-400-fg .mat-icon {
    color: #fff
}

.cyan-400-fg .secondary-text,
.cyan-400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.cyan-400-fg .disabled-text,
.cyan-400-fg .hint-text,
.cyan-400-fg.disabled-text,
.cyan-400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.cyan-400-fg .divider,
.cyan-400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.cyan-400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.cyan-400-fg input[type=text] {
    color: #fff
}

.cyan-400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.cyan-400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-400-fg .mat-select-arrow,
.cyan-400-fg .mat-select-disabled .mat-select-value,
.cyan-400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.cyan-400-fg .mat-select-content,
.cyan-400-fg .mat-select-panel-done-animating {
    background: #fff
}

.cyan-400-fg .mat-select-value {
    color: #fff
}

.cyan-400-border {
    border-color: #26c6da !important
}

.cyan-400-border-top {
    border-top-color: #26c6da !important
}

.cyan-400-border-right {
    border-right-color: #26c6da !important
}

.cyan-400-border-bottom {
    border-bottom-color: #26c6da !important
}

.cyan-400-border-left {
    border-left-color: #26c6da !important
}

.cyan-500-bg {
    background-color: #00bcd4 !important
}

.mat-cyan-500-bg {
    background-color: #00bcd4 !important;
    color: #fff !important
}

.mat-cyan-500-bg .icon,
.mat-cyan-500-bg .mat-icon {
    color: #fff
}

.mat-cyan-500-bg .secondary-text,
.mat-cyan-500-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-cyan-500-bg .disabled-text,
.mat-cyan-500-bg .hint-text,
.mat-cyan-500-bg.disabled-text,
.mat-cyan-500-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-cyan-500-bg .divider,
.mat-cyan-500-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-cyan-500-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-cyan-500-bg input[type=text] {
    color: #fff
}

.mat-cyan-500-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-cyan-500-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-cyan-500-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-cyan-500-bg .mat-select-arrow,
.mat-cyan-500-bg .mat-select-disabled .mat-select-value,
.mat-cyan-500-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-cyan-500-bg .mat-select-content,
.mat-cyan-500-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-cyan-500-bg .mat-select-value {
    color: #fff
}

.mat-cyan-500-bg[disabled] {
    background-color: rgba(0, 188, 212, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.cyan-500-fg {
    color: #00bcd4 !important
}

.cyan-500-fg .icon,
.cyan-500-fg .mat-icon {
    color: #fff
}

.cyan-500-fg .secondary-text,
.cyan-500-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.cyan-500-fg .disabled-text,
.cyan-500-fg .hint-text,
.cyan-500-fg.disabled-text,
.cyan-500-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.cyan-500-fg .divider,
.cyan-500-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.cyan-500-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.cyan-500-fg input[type=text] {
    color: #fff
}

.cyan-500-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.cyan-500-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-500-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-500-fg .mat-select-arrow,
.cyan-500-fg .mat-select-disabled .mat-select-value,
.cyan-500-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.cyan-500-fg .mat-select-content,
.cyan-500-fg .mat-select-panel-done-animating {
    background: #fff
}

.cyan-500-fg .mat-select-value {
    color: #fff
}

.cyan-500-border {
    border-color: #00bcd4 !important
}

.cyan-500-border-top {
    border-top-color: #00bcd4 !important
}

.cyan-500-border-right {
    border-right-color: #00bcd4 !important
}

.cyan-500-border-bottom {
    border-bottom-color: #00bcd4 !important
}

.cyan-500-border-left {
    border-left-color: #00bcd4 !important
}

.cyan-bg {
    background-color: #00bcd4 !important
}

.mat-cyan-bg {
    background-color: #00bcd4 !important;
    color: #fff !important
}

.mat-cyan-bg .icon,
.mat-cyan-bg .mat-icon {
    color: #fff
}

.mat-cyan-bg .secondary-text,
.mat-cyan-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-cyan-bg .disabled-text,
.mat-cyan-bg .hint-text,
.mat-cyan-bg.disabled-text,
.mat-cyan-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-cyan-bg .divider,
.mat-cyan-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-cyan-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-cyan-bg input[type=text] {
    color: #fff
}

.mat-cyan-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-cyan-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-cyan-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-cyan-bg .mat-select-arrow,
.mat-cyan-bg .mat-select-disabled .mat-select-value,
.mat-cyan-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-cyan-bg .mat-select-content,
.mat-cyan-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-cyan-bg .mat-select-value {
    color: #fff
}

.mat-cyan-bg[disabled] {
    background-color: rgba(0, 188, 212, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.cyan-fg {
    color: #00bcd4 !important
}

.cyan-fg .icon,
.cyan-fg .mat-icon {
    color: #fff
}

.cyan-fg .secondary-text,
.cyan-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.cyan-fg .disabled-text,
.cyan-fg .hint-text,
.cyan-fg.disabled-text,
.cyan-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.cyan-fg .divider,
.cyan-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.cyan-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.cyan-fg input[type=text] {
    color: #fff
}

.cyan-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.cyan-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-fg .mat-select-arrow,
.cyan-fg .mat-select-disabled .mat-select-value,
.cyan-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.cyan-fg .mat-select-content,
.cyan-fg .mat-select-panel-done-animating {
    background: #fff
}

.cyan-fg .mat-select-value {
    color: #fff
}

.cyan-border {
    border-color: #00bcd4 !important
}

.cyan-border-top {
    border-top-color: #00bcd4 !important
}

.cyan-border-right {
    border-right-color: #00bcd4 !important
}

.cyan-border-bottom {
    border-bottom-color: #00bcd4 !important
}

.cyan-border-left {
    border-left-color: #00bcd4 !important
}

.cyan-600-bg {
    background-color: #00acc1 !important
}

.mat-cyan-600-bg {
    background-color: #00acc1 !important;
    color: #fff !important
}

.mat-cyan-600-bg .icon,
.mat-cyan-600-bg .mat-icon {
    color: #fff
}

.mat-cyan-600-bg .secondary-text,
.mat-cyan-600-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-cyan-600-bg .disabled-text,
.mat-cyan-600-bg .hint-text,
.mat-cyan-600-bg.disabled-text,
.mat-cyan-600-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-cyan-600-bg .divider,
.mat-cyan-600-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-cyan-600-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-cyan-600-bg input[type=text] {
    color: #fff
}

.mat-cyan-600-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-cyan-600-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-cyan-600-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-cyan-600-bg .mat-select-arrow,
.mat-cyan-600-bg .mat-select-disabled .mat-select-value,
.mat-cyan-600-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-cyan-600-bg .mat-select-content,
.mat-cyan-600-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-cyan-600-bg .mat-select-value {
    color: #fff
}

.mat-cyan-600-bg[disabled] {
    background-color: rgba(0, 172, 193, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.cyan-600-fg {
    color: #00acc1 !important
}

.cyan-600-fg .icon,
.cyan-600-fg .mat-icon {
    color: #fff
}

.cyan-600-fg .secondary-text,
.cyan-600-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.cyan-600-fg .disabled-text,
.cyan-600-fg .hint-text,
.cyan-600-fg.disabled-text,
.cyan-600-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.cyan-600-fg .divider,
.cyan-600-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.cyan-600-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.cyan-600-fg input[type=text] {
    color: #fff
}

.cyan-600-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.cyan-600-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-600-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-600-fg .mat-select-arrow,
.cyan-600-fg .mat-select-disabled .mat-select-value,
.cyan-600-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.cyan-600-fg .mat-select-content,
.cyan-600-fg .mat-select-panel-done-animating {
    background: #fff
}

.cyan-600-fg .mat-select-value {
    color: #fff
}

.cyan-600-border {
    border-color: #00acc1 !important
}

.cyan-600-border-top {
    border-top-color: #00acc1 !important
}

.cyan-600-border-right {
    border-right-color: #00acc1 !important
}

.cyan-600-border-bottom {
    border-bottom-color: #00acc1 !important
}

.cyan-600-border-left {
    border-left-color: #00acc1 !important
}

.cyan-700-bg {
    background-color: #0097a7 !important
}

.mat-cyan-700-bg {
    background-color: #0097a7 !important;
    color: #fff !important
}

.mat-cyan-700-bg .icon,
.mat-cyan-700-bg .mat-icon {
    color: #fff
}

.mat-cyan-700-bg .secondary-text,
.mat-cyan-700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-cyan-700-bg .disabled-text,
.mat-cyan-700-bg .hint-text,
.mat-cyan-700-bg.disabled-text,
.mat-cyan-700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-cyan-700-bg .divider,
.mat-cyan-700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-cyan-700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-cyan-700-bg input[type=text] {
    color: #fff
}

.mat-cyan-700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-cyan-700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-cyan-700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-cyan-700-bg .mat-select-arrow,
.mat-cyan-700-bg .mat-select-disabled .mat-select-value,
.mat-cyan-700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-cyan-700-bg .mat-select-content,
.mat-cyan-700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-cyan-700-bg .mat-select-value {
    color: #fff
}

.mat-cyan-700-bg[disabled] {
    background-color: rgba(0, 151, 167, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.cyan-700-fg {
    color: #0097a7 !important
}

.cyan-700-fg .icon,
.cyan-700-fg .mat-icon {
    color: #fff
}

.cyan-700-fg .secondary-text,
.cyan-700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.cyan-700-fg .disabled-text,
.cyan-700-fg .hint-text,
.cyan-700-fg.disabled-text,
.cyan-700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.cyan-700-fg .divider,
.cyan-700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.cyan-700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.cyan-700-fg input[type=text] {
    color: #fff
}

.cyan-700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.cyan-700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-700-fg .mat-select-arrow,
.cyan-700-fg .mat-select-disabled .mat-select-value,
.cyan-700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.cyan-700-fg .mat-select-content,
.cyan-700-fg .mat-select-panel-done-animating {
    background: #fff
}

.cyan-700-fg .mat-select-value {
    color: #fff
}

.cyan-700-border {
    border-color: #0097a7 !important
}

.cyan-700-border-top {
    border-top-color: #0097a7 !important
}

.cyan-700-border-right {
    border-right-color: #0097a7 !important
}

.cyan-700-border-bottom {
    border-bottom-color: #0097a7 !important
}

.cyan-700-border-left {
    border-left-color: #0097a7 !important
}

.cyan-800-bg {
    background-color: #00838f !important
}

.mat-cyan-800-bg {
    background-color: #00838f !important;
    color: #fff !important
}

.mat-cyan-800-bg .icon,
.mat-cyan-800-bg .mat-icon {
    color: #fff
}

.mat-cyan-800-bg .secondary-text,
.mat-cyan-800-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-cyan-800-bg .disabled-text,
.mat-cyan-800-bg .hint-text,
.mat-cyan-800-bg.disabled-text,
.mat-cyan-800-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-cyan-800-bg .divider,
.mat-cyan-800-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-cyan-800-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-cyan-800-bg input[type=text] {
    color: #fff
}

.mat-cyan-800-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-cyan-800-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-cyan-800-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-cyan-800-bg .mat-select-arrow,
.mat-cyan-800-bg .mat-select-disabled .mat-select-value,
.mat-cyan-800-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-cyan-800-bg .mat-select-content,
.mat-cyan-800-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-cyan-800-bg .mat-select-value {
    color: #fff
}

.mat-cyan-800-bg[disabled] {
    background-color: rgba(0, 131, 143, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.cyan-800-fg {
    color: #00838f !important
}

.cyan-800-fg .icon,
.cyan-800-fg .mat-icon {
    color: #fff
}

.cyan-800-fg .secondary-text,
.cyan-800-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.cyan-800-fg .disabled-text,
.cyan-800-fg .hint-text,
.cyan-800-fg.disabled-text,
.cyan-800-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.cyan-800-fg .divider,
.cyan-800-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.cyan-800-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.cyan-800-fg input[type=text] {
    color: #fff
}

.cyan-800-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.cyan-800-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-800-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-800-fg .mat-select-arrow,
.cyan-800-fg .mat-select-disabled .mat-select-value,
.cyan-800-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.cyan-800-fg .mat-select-content,
.cyan-800-fg .mat-select-panel-done-animating {
    background: #fff
}

.cyan-800-fg .mat-select-value {
    color: #fff
}

.cyan-800-border {
    border-color: #00838f !important
}

.cyan-800-border-top {
    border-top-color: #00838f !important
}

.cyan-800-border-right {
    border-right-color: #00838f !important
}

.cyan-800-border-bottom {
    border-bottom-color: #00838f !important
}

.cyan-800-border-left {
    border-left-color: #00838f !important
}

.cyan-900-bg {
    background-color: #006064 !important
}

.mat-cyan-900-bg {
    background-color: #006064 !important;
    color: #fff !important
}

.mat-cyan-900-bg .icon,
.mat-cyan-900-bg .mat-icon {
    color: #fff
}

.mat-cyan-900-bg .secondary-text,
.mat-cyan-900-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-cyan-900-bg .disabled-text,
.mat-cyan-900-bg .hint-text,
.mat-cyan-900-bg.disabled-text,
.mat-cyan-900-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-cyan-900-bg .divider,
.mat-cyan-900-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-cyan-900-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-cyan-900-bg input[type=text] {
    color: #fff
}

.mat-cyan-900-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-cyan-900-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-cyan-900-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-cyan-900-bg .mat-select-arrow,
.mat-cyan-900-bg .mat-select-disabled .mat-select-value,
.mat-cyan-900-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-cyan-900-bg .mat-select-content,
.mat-cyan-900-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-cyan-900-bg .mat-select-value {
    color: #fff
}

.mat-cyan-900-bg[disabled] {
    background-color: rgba(0, 96, 100, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.cyan-900-fg {
    color: #006064 !important
}

.cyan-900-fg .icon,
.cyan-900-fg .mat-icon {
    color: #fff
}

.cyan-900-fg .secondary-text,
.cyan-900-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.cyan-900-fg .disabled-text,
.cyan-900-fg .hint-text,
.cyan-900-fg.disabled-text,
.cyan-900-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.cyan-900-fg .divider,
.cyan-900-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.cyan-900-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.cyan-900-fg input[type=text] {
    color: #fff
}

.cyan-900-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.cyan-900-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-900-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-900-fg .mat-select-arrow,
.cyan-900-fg .mat-select-disabled .mat-select-value,
.cyan-900-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.cyan-900-fg .mat-select-content,
.cyan-900-fg .mat-select-panel-done-animating {
    background: #fff
}

.cyan-900-fg .mat-select-value {
    color: #fff
}

.cyan-900-border {
    border-color: #006064 !important
}

.cyan-900-border-top {
    border-top-color: #006064 !important
}

.cyan-900-border-right {
    border-right-color: #006064 !important
}

.cyan-900-border-bottom {
    border-bottom-color: #006064 !important
}

.cyan-900-border-left {
    border-left-color: #006064 !important
}

.cyan-A100-bg {
    background-color: #84ffff !important
}

.mat-cyan-A100-bg {
    background-color: #84ffff !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-cyan-A100-bg .icon,
.mat-cyan-A100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-cyan-A100-bg .secondary-text,
.mat-cyan-A100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-cyan-A100-bg .disabled-text,
.mat-cyan-A100-bg .hint-text,
.mat-cyan-A100-bg.disabled-text,
.mat-cyan-A100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-cyan-A100-bg .divider,
.mat-cyan-A100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-cyan-A100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-cyan-A100-bg input[type=text] {
    color: #000
}

.mat-cyan-A100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-cyan-A100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-cyan-A100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-cyan-A100-bg .mat-select-arrow,
.mat-cyan-A100-bg .mat-select-disabled .mat-select-value,
.mat-cyan-A100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-cyan-A100-bg .mat-select-content,
.mat-cyan-A100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-cyan-A100-bg[disabled] {
    background-color: rgba(132, 255, 255, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.cyan-A100-fg {
    color: #84ffff !important
}

.cyan-A100-fg .icon,
.cyan-A100-fg .mat-icon {
    color: #fff
}

.cyan-A100-fg .secondary-text,
.cyan-A100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.cyan-A100-fg .disabled-text,
.cyan-A100-fg .hint-text,
.cyan-A100-fg.disabled-text,
.cyan-A100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.cyan-A100-fg .divider,
.cyan-A100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.cyan-A100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.cyan-A100-fg input[type=text] {
    color: #fff
}

.cyan-A100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.cyan-A100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-A100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-A100-fg .mat-select-arrow,
.cyan-A100-fg .mat-select-disabled .mat-select-value,
.cyan-A100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.cyan-A100-fg .mat-select-content,
.cyan-A100-fg .mat-select-panel-done-animating {
    background: #fff
}

.cyan-A100-fg .mat-select-value {
    color: #fff
}

.cyan-A100-border {
    border-color: #84ffff !important
}

.cyan-A100-border-top {
    border-top-color: #84ffff !important
}

.cyan-A100-border-right {
    border-right-color: #84ffff !important
}

.cyan-A100-border-bottom {
    border-bottom-color: #84ffff !important
}

.cyan-A100-border-left {
    border-left-color: #84ffff !important
}

.cyan-A200-bg {
    background-color: #18ffff !important
}

.mat-cyan-A200-bg {
    background-color: #18ffff !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-cyan-A200-bg .icon,
.mat-cyan-A200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-cyan-A200-bg .secondary-text,
.mat-cyan-A200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-cyan-A200-bg .disabled-text,
.mat-cyan-A200-bg .hint-text,
.mat-cyan-A200-bg.disabled-text,
.mat-cyan-A200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-cyan-A200-bg .divider,
.mat-cyan-A200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-cyan-A200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-cyan-A200-bg input[type=text] {
    color: #000
}

.mat-cyan-A200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-cyan-A200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-cyan-A200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-cyan-A200-bg .mat-select-arrow,
.mat-cyan-A200-bg .mat-select-disabled .mat-select-value,
.mat-cyan-A200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-cyan-A200-bg .mat-select-content,
.mat-cyan-A200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-cyan-A200-bg[disabled] {
    background-color: rgba(24, 255, 255, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.cyan-A200-fg {
    color: #18ffff !important
}

.cyan-A200-fg .icon,
.cyan-A200-fg .mat-icon {
    color: #fff
}

.cyan-A200-fg .secondary-text,
.cyan-A200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.cyan-A200-fg .disabled-text,
.cyan-A200-fg .hint-text,
.cyan-A200-fg.disabled-text,
.cyan-A200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.cyan-A200-fg .divider,
.cyan-A200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.cyan-A200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.cyan-A200-fg input[type=text] {
    color: #fff
}

.cyan-A200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.cyan-A200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-A200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-A200-fg .mat-select-arrow,
.cyan-A200-fg .mat-select-disabled .mat-select-value,
.cyan-A200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.cyan-A200-fg .mat-select-content,
.cyan-A200-fg .mat-select-panel-done-animating {
    background: #fff
}

.cyan-A200-fg .mat-select-value {
    color: #fff
}

.cyan-A200-border {
    border-color: #18ffff !important
}

.cyan-A200-border-top {
    border-top-color: #18ffff !important
}

.cyan-A200-border-right {
    border-right-color: #18ffff !important
}

.cyan-A200-border-bottom {
    border-bottom-color: #18ffff !important
}

.cyan-A200-border-left {
    border-left-color: #18ffff !important
}

.cyan-A400-bg {
    background-color: #00e5ff !important
}

.mat-cyan-A400-bg {
    background-color: #00e5ff !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-cyan-A400-bg .icon,
.mat-cyan-A400-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-cyan-A400-bg .secondary-text,
.mat-cyan-A400-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-cyan-A400-bg .disabled-text,
.mat-cyan-A400-bg .hint-text,
.mat-cyan-A400-bg.disabled-text,
.mat-cyan-A400-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-cyan-A400-bg .divider,
.mat-cyan-A400-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-cyan-A400-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-cyan-A400-bg input[type=text] {
    color: #000
}

.mat-cyan-A400-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-cyan-A400-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-cyan-A400-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-cyan-A400-bg .mat-select-arrow,
.mat-cyan-A400-bg .mat-select-disabled .mat-select-value,
.mat-cyan-A400-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-cyan-A400-bg .mat-select-content,
.mat-cyan-A400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-cyan-A400-bg[disabled] {
    background-color: rgba(0, 229, 255, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.cyan-A400-fg {
    color: #00e5ff !important
}

.cyan-A400-fg .icon,
.cyan-A400-fg .mat-icon {
    color: #fff
}

.cyan-A400-fg .secondary-text,
.cyan-A400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.cyan-A400-fg .disabled-text,
.cyan-A400-fg .hint-text,
.cyan-A400-fg.disabled-text,
.cyan-A400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.cyan-A400-fg .divider,
.cyan-A400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.cyan-A400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.cyan-A400-fg input[type=text] {
    color: #fff
}

.cyan-A400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.cyan-A400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-A400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-A400-fg .mat-select-arrow,
.cyan-A400-fg .mat-select-disabled .mat-select-value,
.cyan-A400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.cyan-A400-fg .mat-select-content,
.cyan-A400-fg .mat-select-panel-done-animating {
    background: #fff
}

.cyan-A400-fg .mat-select-value {
    color: #fff
}

.cyan-A400-border {
    border-color: #00e5ff !important
}

.cyan-A400-border-top {
    border-top-color: #00e5ff !important
}

.cyan-A400-border-right {
    border-right-color: #00e5ff !important
}

.cyan-A400-border-bottom {
    border-bottom-color: #00e5ff !important
}

.cyan-A400-border-left {
    border-left-color: #00e5ff !important
}

.cyan-A700-bg {
    background-color: #00b8d4 !important
}

.mat-cyan-A700-bg {
    background-color: #00b8d4 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-cyan-A700-bg .icon,
.mat-cyan-A700-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-cyan-A700-bg .secondary-text,
.mat-cyan-A700-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-cyan-A700-bg .disabled-text,
.mat-cyan-A700-bg .hint-text,
.mat-cyan-A700-bg.disabled-text,
.mat-cyan-A700-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-cyan-A700-bg .divider,
.mat-cyan-A700-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-cyan-A700-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-cyan-A700-bg input[type=text] {
    color: #000
}

.mat-cyan-A700-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-cyan-A700-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-cyan-A700-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-cyan-A700-bg .mat-select-arrow,
.mat-cyan-A700-bg .mat-select-disabled .mat-select-value,
.mat-cyan-A700-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-cyan-A700-bg .mat-select-content,
.mat-cyan-A700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-cyan-A700-bg[disabled] {
    background-color: rgba(0, 184, 212, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.cyan-A700-fg {
    color: #00b8d4 !important
}

.cyan-A700-fg .icon,
.cyan-A700-fg .mat-icon {
    color: #fff
}

.cyan-A700-fg .secondary-text,
.cyan-A700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.cyan-A700-fg .disabled-text,
.cyan-A700-fg .hint-text,
.cyan-A700-fg.disabled-text,
.cyan-A700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.cyan-A700-fg .divider,
.cyan-A700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.cyan-A700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.cyan-A700-fg input[type=text] {
    color: #fff
}

.cyan-A700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.cyan-A700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-A700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.cyan-A700-fg .mat-select-arrow,
.cyan-A700-fg .mat-select-disabled .mat-select-value,
.cyan-A700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.cyan-A700-fg .mat-select-content,
.cyan-A700-fg .mat-select-panel-done-animating {
    background: #fff
}

.cyan-A700-fg .mat-select-value {
    color: #fff
}

.cyan-A700-border {
    border-color: #00b8d4 !important
}

.cyan-A700-border-top {
    border-top-color: #00b8d4 !important
}

.cyan-A700-border-right {
    border-right-color: #00b8d4 !important
}

.cyan-A700-border-bottom {
    border-bottom-color: #00b8d4 !important
}

.cyan-A700-border-left {
    border-left-color: #00b8d4 !important
}

.teal-50-bg {
    background-color: #e0f2f1 !important
}

.mat-teal-50-bg {
    background-color: #e0f2f1 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-teal-50-bg .icon,
.mat-teal-50-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-teal-50-bg .secondary-text,
.mat-teal-50-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-teal-50-bg .disabled-text,
.mat-teal-50-bg .hint-text,
.mat-teal-50-bg.disabled-text,
.mat-teal-50-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-teal-50-bg .divider,
.mat-teal-50-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-teal-50-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-teal-50-bg input[type=text] {
    color: #000
}

.mat-teal-50-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-teal-50-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-teal-50-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-teal-50-bg .mat-select-arrow,
.mat-teal-50-bg .mat-select-disabled .mat-select-value,
.mat-teal-50-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-teal-50-bg .mat-select-content,
.mat-teal-50-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-teal-50-bg[disabled] {
    background-color: rgba(224, 242, 241, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.teal-50-fg {
    color: #e0f2f1 !important
}

.teal-50-fg .icon,
.teal-50-fg .mat-icon {
    color: #fff
}

.teal-50-fg .secondary-text,
.teal-50-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.teal-50-fg .disabled-text,
.teal-50-fg .hint-text,
.teal-50-fg.disabled-text,
.teal-50-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.teal-50-fg .divider,
.teal-50-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.teal-50-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.teal-50-fg input[type=text] {
    color: #fff
}

.teal-50-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.teal-50-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-50-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-50-fg .mat-select-arrow,
.teal-50-fg .mat-select-disabled .mat-select-value,
.teal-50-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.teal-50-fg .mat-select-content,
.teal-50-fg .mat-select-panel-done-animating {
    background: #fff
}

.teal-50-fg .mat-select-value {
    color: #fff
}

.teal-50-border {
    border-color: #e0f2f1 !important
}

.teal-50-border-top {
    border-top-color: #e0f2f1 !important
}

.teal-50-border-right {
    border-right-color: #e0f2f1 !important
}

.teal-50-border-bottom {
    border-bottom-color: #e0f2f1 !important
}

.teal-50-border-left {
    border-left-color: #e0f2f1 !important
}

.teal-100-bg {
    background-color: #b2dfdb !important
}

.mat-teal-100-bg {
    background-color: #b2dfdb !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-teal-100-bg .icon,
.mat-teal-100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-teal-100-bg .secondary-text,
.mat-teal-100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-teal-100-bg .disabled-text,
.mat-teal-100-bg .hint-text,
.mat-teal-100-bg.disabled-text,
.mat-teal-100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-teal-100-bg .divider,
.mat-teal-100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-teal-100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-teal-100-bg input[type=text] {
    color: #000
}

.mat-teal-100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-teal-100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-teal-100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-teal-100-bg .mat-select-arrow,
.mat-teal-100-bg .mat-select-disabled .mat-select-value,
.mat-teal-100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-teal-100-bg .mat-select-content,
.mat-teal-100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-teal-100-bg[disabled] {
    background-color: rgba(178, 223, 219, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.teal-100-fg {
    color: #b2dfdb !important
}

.teal-100-fg .icon,
.teal-100-fg .mat-icon {
    color: #fff
}

.teal-100-fg .secondary-text,
.teal-100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.teal-100-fg .disabled-text,
.teal-100-fg .hint-text,
.teal-100-fg.disabled-text,
.teal-100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.teal-100-fg .divider,
.teal-100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.teal-100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.teal-100-fg input[type=text] {
    color: #fff
}

.teal-100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.teal-100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-100-fg .mat-select-arrow,
.teal-100-fg .mat-select-disabled .mat-select-value,
.teal-100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.teal-100-fg .mat-select-content,
.teal-100-fg .mat-select-panel-done-animating {
    background: #fff
}

.teal-100-fg .mat-select-value {
    color: #fff
}

.teal-100-border {
    border-color: #b2dfdb !important
}

.teal-100-border-top {
    border-top-color: #b2dfdb !important
}

.teal-100-border-right {
    border-right-color: #b2dfdb !important
}

.teal-100-border-bottom {
    border-bottom-color: #b2dfdb !important
}

.teal-100-border-left {
    border-left-color: #b2dfdb !important
}

.teal-200-bg {
    background-color: #80cbc4 !important
}

.mat-teal-200-bg {
    background-color: #80cbc4 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-teal-200-bg .icon,
.mat-teal-200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-teal-200-bg .secondary-text,
.mat-teal-200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-teal-200-bg .disabled-text,
.mat-teal-200-bg .hint-text,
.mat-teal-200-bg.disabled-text,
.mat-teal-200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-teal-200-bg .divider,
.mat-teal-200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-teal-200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-teal-200-bg input[type=text] {
    color: #000
}

.mat-teal-200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-teal-200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-teal-200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-teal-200-bg .mat-select-arrow,
.mat-teal-200-bg .mat-select-disabled .mat-select-value,
.mat-teal-200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-teal-200-bg .mat-select-content,
.mat-teal-200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-teal-200-bg[disabled] {
    background-color: rgba(128, 203, 196, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.teal-200-fg {
    color: #80cbc4 !important
}

.teal-200-fg .icon,
.teal-200-fg .mat-icon {
    color: #fff
}

.teal-200-fg .secondary-text,
.teal-200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.teal-200-fg .disabled-text,
.teal-200-fg .hint-text,
.teal-200-fg.disabled-text,
.teal-200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.teal-200-fg .divider,
.teal-200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.teal-200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.teal-200-fg input[type=text] {
    color: #fff
}

.teal-200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.teal-200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-200-fg .mat-select-arrow,
.teal-200-fg .mat-select-disabled .mat-select-value,
.teal-200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.teal-200-fg .mat-select-content,
.teal-200-fg .mat-select-panel-done-animating {
    background: #fff
}

.teal-200-fg .mat-select-value {
    color: #fff
}

.teal-200-border {
    border-color: #80cbc4 !important
}

.teal-200-border-top {
    border-top-color: #80cbc4 !important
}

.teal-200-border-right {
    border-right-color: #80cbc4 !important
}

.teal-200-border-bottom {
    border-bottom-color: #80cbc4 !important
}

.teal-200-border-left {
    border-left-color: #80cbc4 !important
}

.teal-300-bg {
    background-color: #4db6ac !important
}

.mat-teal-300-bg {
    background-color: #4db6ac !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-teal-300-bg .icon,
.mat-teal-300-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-teal-300-bg .secondary-text,
.mat-teal-300-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-teal-300-bg .disabled-text,
.mat-teal-300-bg .hint-text,
.mat-teal-300-bg.disabled-text,
.mat-teal-300-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-teal-300-bg .divider,
.mat-teal-300-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-teal-300-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-teal-300-bg input[type=text] {
    color: #000
}

.mat-teal-300-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-teal-300-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-teal-300-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-teal-300-bg .mat-select-arrow,
.mat-teal-300-bg .mat-select-disabled .mat-select-value,
.mat-teal-300-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-teal-300-bg .mat-select-content,
.mat-teal-300-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-teal-300-bg[disabled] {
    background-color: rgba(77, 182, 172, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.teal-300-fg {
    color: #4db6ac !important
}

.teal-300-fg .icon,
.teal-300-fg .mat-icon {
    color: #fff
}

.teal-300-fg .secondary-text,
.teal-300-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.teal-300-fg .disabled-text,
.teal-300-fg .hint-text,
.teal-300-fg.disabled-text,
.teal-300-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.teal-300-fg .divider,
.teal-300-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.teal-300-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.teal-300-fg input[type=text] {
    color: #fff
}

.teal-300-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.teal-300-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-300-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-300-fg .mat-select-arrow,
.teal-300-fg .mat-select-disabled .mat-select-value,
.teal-300-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.teal-300-fg .mat-select-content,
.teal-300-fg .mat-select-panel-done-animating {
    background: #fff
}

.teal-300-fg .mat-select-value {
    color: #fff
}

.teal-300-border {
    border-color: #4db6ac !important
}

.teal-300-border-top {
    border-top-color: #4db6ac !important
}

.teal-300-border-right {
    border-right-color: #4db6ac !important
}

.teal-300-border-bottom {
    border-bottom-color: #4db6ac !important
}

.teal-300-border-left {
    border-left-color: #4db6ac !important
}

.teal-400-bg {
    background-color: #26a69a !important
}

.mat-teal-400-bg {
    background-color: #26a69a !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-teal-400-bg .icon,
.mat-teal-400-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-teal-400-bg .secondary-text,
.mat-teal-400-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-teal-400-bg .disabled-text,
.mat-teal-400-bg .hint-text,
.mat-teal-400-bg.disabled-text,
.mat-teal-400-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-teal-400-bg .divider,
.mat-teal-400-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-teal-400-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-teal-400-bg input[type=text] {
    color: #000
}

.mat-teal-400-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-teal-400-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-teal-400-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-teal-400-bg .mat-select-arrow,
.mat-teal-400-bg .mat-select-disabled .mat-select-value,
.mat-teal-400-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-teal-400-bg .mat-select-content,
.mat-teal-400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-teal-400-bg[disabled] {
    background-color: rgba(38, 166, 154, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.teal-400-fg {
    color: #26a69a !important
}

.teal-400-fg .icon,
.teal-400-fg .mat-icon {
    color: #fff
}

.teal-400-fg .secondary-text,
.teal-400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.teal-400-fg .disabled-text,
.teal-400-fg .hint-text,
.teal-400-fg.disabled-text,
.teal-400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.teal-400-fg .divider,
.teal-400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.teal-400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.teal-400-fg input[type=text] {
    color: #fff
}

.teal-400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.teal-400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-400-fg .mat-select-arrow,
.teal-400-fg .mat-select-disabled .mat-select-value,
.teal-400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.teal-400-fg .mat-select-content,
.teal-400-fg .mat-select-panel-done-animating {
    background: #fff
}

.teal-400-fg .mat-select-value {
    color: #fff
}

.teal-400-border {
    border-color: #26a69a !important
}

.teal-400-border-top {
    border-top-color: #26a69a !important
}

.teal-400-border-right {
    border-right-color: #26a69a !important
}

.teal-400-border-bottom {
    border-bottom-color: #26a69a !important
}

.teal-400-border-left {
    border-left-color: #26a69a !important
}

.teal-500-bg {
    background-color: #009688 !important
}

.mat-teal-500-bg {
    background-color: #009688 !important;
    color: #fff !important
}

.mat-teal-500-bg .icon,
.mat-teal-500-bg .mat-icon {
    color: #fff
}

.mat-teal-500-bg .secondary-text,
.mat-teal-500-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-teal-500-bg .disabled-text,
.mat-teal-500-bg .hint-text,
.mat-teal-500-bg.disabled-text,
.mat-teal-500-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-teal-500-bg .divider,
.mat-teal-500-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-teal-500-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-teal-500-bg input[type=text] {
    color: #fff
}

.mat-teal-500-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-teal-500-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-teal-500-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-teal-500-bg .mat-select-arrow,
.mat-teal-500-bg .mat-select-disabled .mat-select-value,
.mat-teal-500-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-teal-500-bg .mat-select-content,
.mat-teal-500-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-teal-500-bg .mat-select-value {
    color: #fff
}

.mat-teal-500-bg[disabled] {
    background-color: rgba(0, 150, 136, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.teal-500-fg {
    color: #009688 !important
}

.teal-500-fg .icon,
.teal-500-fg .mat-icon {
    color: #fff
}

.teal-500-fg .secondary-text,
.teal-500-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.teal-500-fg .disabled-text,
.teal-500-fg .hint-text,
.teal-500-fg.disabled-text,
.teal-500-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.teal-500-fg .divider,
.teal-500-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.teal-500-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.teal-500-fg input[type=text] {
    color: #fff
}

.teal-500-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.teal-500-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-500-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-500-fg .mat-select-arrow,
.teal-500-fg .mat-select-disabled .mat-select-value,
.teal-500-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.teal-500-fg .mat-select-content,
.teal-500-fg .mat-select-panel-done-animating {
    background: #fff
}

.teal-500-fg .mat-select-value {
    color: #fff
}

.teal-500-border {
    border-color: #009688 !important
}

.teal-500-border-top {
    border-top-color: #009688 !important
}

.teal-500-border-right {
    border-right-color: #009688 !important
}

.teal-500-border-bottom {
    border-bottom-color: #009688 !important
}

.teal-500-border-left {
    border-left-color: #009688 !important
}

.teal-bg {
    background-color: #009688 !important
}

.mat-teal-bg {
    background-color: #009688 !important;
    color: #fff !important
}

.mat-teal-bg .icon,
.mat-teal-bg .mat-icon {
    color: #fff
}

.mat-teal-bg .secondary-text,
.mat-teal-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-teal-bg .disabled-text,
.mat-teal-bg .hint-text,
.mat-teal-bg.disabled-text,
.mat-teal-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-teal-bg .divider,
.mat-teal-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-teal-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-teal-bg input[type=text] {
    color: #fff
}

.mat-teal-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-teal-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-teal-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-teal-bg .mat-select-arrow,
.mat-teal-bg .mat-select-disabled .mat-select-value,
.mat-teal-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-teal-bg .mat-select-content,
.mat-teal-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-teal-bg .mat-select-value {
    color: #fff
}

.mat-teal-bg[disabled] {
    background-color: rgba(0, 150, 136, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.teal-fg {
    color: #009688 !important
}

.teal-fg .icon,
.teal-fg .mat-icon {
    color: #fff
}

.teal-fg .secondary-text,
.teal-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.teal-fg .disabled-text,
.teal-fg .hint-text,
.teal-fg.disabled-text,
.teal-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.teal-fg .divider,
.teal-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.teal-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.teal-fg input[type=text] {
    color: #fff
}

.teal-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.teal-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-fg .mat-select-arrow,
.teal-fg .mat-select-disabled .mat-select-value,
.teal-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.teal-fg .mat-select-content,
.teal-fg .mat-select-panel-done-animating {
    background: #fff
}

.teal-fg .mat-select-value {
    color: #fff
}

.teal-border {
    border-color: #009688 !important
}

.teal-border-top {
    border-top-color: #009688 !important
}

.teal-border-right {
    border-right-color: #009688 !important
}

.teal-border-bottom {
    border-bottom-color: #009688 !important
}

.teal-border-left {
    border-left-color: #009688 !important
}

.teal-600-bg {
    background-color: #00897b !important
}

.mat-teal-600-bg {
    background-color: #00897b !important;
    color: #fff !important
}

.mat-teal-600-bg .icon,
.mat-teal-600-bg .mat-icon {
    color: #fff
}

.mat-teal-600-bg .secondary-text,
.mat-teal-600-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-teal-600-bg .disabled-text,
.mat-teal-600-bg .hint-text,
.mat-teal-600-bg.disabled-text,
.mat-teal-600-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-teal-600-bg .divider,
.mat-teal-600-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-teal-600-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-teal-600-bg input[type=text] {
    color: #fff
}

.mat-teal-600-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-teal-600-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-teal-600-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-teal-600-bg .mat-select-arrow,
.mat-teal-600-bg .mat-select-disabled .mat-select-value,
.mat-teal-600-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-teal-600-bg .mat-select-content,
.mat-teal-600-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-teal-600-bg .mat-select-value {
    color: #fff
}

.mat-teal-600-bg[disabled] {
    background-color: rgba(0, 137, 123, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.teal-600-fg {
    color: #00897b !important
}

.teal-600-fg .icon,
.teal-600-fg .mat-icon {
    color: #fff
}

.teal-600-fg .secondary-text,
.teal-600-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.teal-600-fg .disabled-text,
.teal-600-fg .hint-text,
.teal-600-fg.disabled-text,
.teal-600-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.teal-600-fg .divider,
.teal-600-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.teal-600-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.teal-600-fg input[type=text] {
    color: #fff
}

.teal-600-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.teal-600-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-600-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-600-fg .mat-select-arrow,
.teal-600-fg .mat-select-disabled .mat-select-value,
.teal-600-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.teal-600-fg .mat-select-content,
.teal-600-fg .mat-select-panel-done-animating {
    background: #fff
}

.teal-600-fg .mat-select-value {
    color: #fff
}

.teal-600-border {
    border-color: #00897b !important
}

.teal-600-border-top {
    border-top-color: #00897b !important
}

.teal-600-border-right {
    border-right-color: #00897b !important
}

.teal-600-border-bottom {
    border-bottom-color: #00897b !important
}

.teal-600-border-left {
    border-left-color: #00897b !important
}

.teal-700-bg {
    background-color: #00796b !important
}

.mat-teal-700-bg {
    background-color: #00796b !important;
    color: #fff !important
}

.mat-teal-700-bg .icon,
.mat-teal-700-bg .mat-icon {
    color: #fff
}

.mat-teal-700-bg .secondary-text,
.mat-teal-700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-teal-700-bg .disabled-text,
.mat-teal-700-bg .hint-text,
.mat-teal-700-bg.disabled-text,
.mat-teal-700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-teal-700-bg .divider,
.mat-teal-700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-teal-700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-teal-700-bg input[type=text] {
    color: #fff
}

.mat-teal-700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-teal-700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-teal-700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-teal-700-bg .mat-select-arrow,
.mat-teal-700-bg .mat-select-disabled .mat-select-value,
.mat-teal-700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-teal-700-bg .mat-select-content,
.mat-teal-700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-teal-700-bg .mat-select-value {
    color: #fff
}

.mat-teal-700-bg[disabled] {
    background-color: rgba(0, 121, 107, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.teal-700-fg {
    color: #00796b !important
}

.teal-700-fg .icon,
.teal-700-fg .mat-icon {
    color: #fff
}

.teal-700-fg .secondary-text,
.teal-700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.teal-700-fg .disabled-text,
.teal-700-fg .hint-text,
.teal-700-fg.disabled-text,
.teal-700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.teal-700-fg .divider,
.teal-700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.teal-700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.teal-700-fg input[type=text] {
    color: #fff
}

.teal-700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.teal-700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-700-fg .mat-select-arrow,
.teal-700-fg .mat-select-disabled .mat-select-value,
.teal-700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.teal-700-fg .mat-select-content,
.teal-700-fg .mat-select-panel-done-animating {
    background: #fff
}

.teal-700-fg .mat-select-value {
    color: #fff
}

.teal-700-border {
    border-color: #00796b !important
}

.teal-700-border-top {
    border-top-color: #00796b !important
}

.teal-700-border-right {
    border-right-color: #00796b !important
}

.teal-700-border-bottom {
    border-bottom-color: #00796b !important
}

.teal-700-border-left {
    border-left-color: #00796b !important
}

.teal-800-bg {
    background-color: #00695c !important
}

.mat-teal-800-bg {
    background-color: #00695c !important;
    color: #fff !important
}

.mat-teal-800-bg .icon,
.mat-teal-800-bg .mat-icon {
    color: #fff
}

.mat-teal-800-bg .secondary-text,
.mat-teal-800-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-teal-800-bg .disabled-text,
.mat-teal-800-bg .hint-text,
.mat-teal-800-bg.disabled-text,
.mat-teal-800-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-teal-800-bg .divider,
.mat-teal-800-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-teal-800-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-teal-800-bg input[type=text] {
    color: #fff
}

.mat-teal-800-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-teal-800-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-teal-800-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-teal-800-bg .mat-select-arrow,
.mat-teal-800-bg .mat-select-disabled .mat-select-value,
.mat-teal-800-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-teal-800-bg .mat-select-content,
.mat-teal-800-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-teal-800-bg .mat-select-value {
    color: #fff
}

.mat-teal-800-bg[disabled] {
    background-color: rgba(0, 105, 92, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.teal-800-fg {
    color: #00695c !important
}

.teal-800-fg .icon,
.teal-800-fg .mat-icon {
    color: #fff
}

.teal-800-fg .secondary-text,
.teal-800-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.teal-800-fg .disabled-text,
.teal-800-fg .hint-text,
.teal-800-fg.disabled-text,
.teal-800-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.teal-800-fg .divider,
.teal-800-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.teal-800-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.teal-800-fg input[type=text] {
    color: #fff
}

.teal-800-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.teal-800-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-800-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-800-fg .mat-select-arrow,
.teal-800-fg .mat-select-disabled .mat-select-value,
.teal-800-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.teal-800-fg .mat-select-content,
.teal-800-fg .mat-select-panel-done-animating {
    background: #fff
}

.teal-800-fg .mat-select-value {
    color: #fff
}

.teal-800-border {
    border-color: #00695c !important
}

.teal-800-border-top {
    border-top-color: #00695c !important
}

.teal-800-border-right {
    border-right-color: #00695c !important
}

.teal-800-border-bottom {
    border-bottom-color: #00695c !important
}

.teal-800-border-left {
    border-left-color: #00695c !important
}

.teal-900-bg {
    background-color: #004d40 !important
}

.mat-teal-900-bg {
    background-color: #004d40 !important;
    color: #fff !important
}

.mat-teal-900-bg .icon,
.mat-teal-900-bg .mat-icon {
    color: #fff
}

.mat-teal-900-bg .secondary-text,
.mat-teal-900-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-teal-900-bg .disabled-text,
.mat-teal-900-bg .hint-text,
.mat-teal-900-bg.disabled-text,
.mat-teal-900-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-teal-900-bg .divider,
.mat-teal-900-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-teal-900-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-teal-900-bg input[type=text] {
    color: #fff
}

.mat-teal-900-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-teal-900-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-teal-900-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-teal-900-bg .mat-select-arrow,
.mat-teal-900-bg .mat-select-disabled .mat-select-value,
.mat-teal-900-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-teal-900-bg .mat-select-content,
.mat-teal-900-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-teal-900-bg .mat-select-value {
    color: #fff
}

.mat-teal-900-bg[disabled] {
    background-color: rgba(0, 77, 64, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.teal-900-fg {
    color: #004d40 !important
}

.teal-900-fg .icon,
.teal-900-fg .mat-icon {
    color: #fff
}

.teal-900-fg .secondary-text,
.teal-900-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.teal-900-fg .disabled-text,
.teal-900-fg .hint-text,
.teal-900-fg.disabled-text,
.teal-900-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.teal-900-fg .divider,
.teal-900-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.teal-900-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.teal-900-fg input[type=text] {
    color: #fff
}

.teal-900-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.teal-900-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-900-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-900-fg .mat-select-arrow,
.teal-900-fg .mat-select-disabled .mat-select-value,
.teal-900-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.teal-900-fg .mat-select-content,
.teal-900-fg .mat-select-panel-done-animating {
    background: #fff
}

.teal-900-fg .mat-select-value {
    color: #fff
}

.teal-900-border {
    border-color: #004d40 !important
}

.teal-900-border-top {
    border-top-color: #004d40 !important
}

.teal-900-border-right {
    border-right-color: #004d40 !important
}

.teal-900-border-bottom {
    border-bottom-color: #004d40 !important
}

.teal-900-border-left {
    border-left-color: #004d40 !important
}

.teal-A100-bg {
    background-color: #a7ffeb !important
}

.mat-teal-A100-bg {
    background-color: #a7ffeb !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-teal-A100-bg .icon,
.mat-teal-A100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-teal-A100-bg .secondary-text,
.mat-teal-A100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-teal-A100-bg .disabled-text,
.mat-teal-A100-bg .hint-text,
.mat-teal-A100-bg.disabled-text,
.mat-teal-A100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-teal-A100-bg .divider,
.mat-teal-A100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-teal-A100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-teal-A100-bg input[type=text] {
    color: #000
}

.mat-teal-A100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-teal-A100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-teal-A100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-teal-A100-bg .mat-select-arrow,
.mat-teal-A100-bg .mat-select-disabled .mat-select-value,
.mat-teal-A100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-teal-A100-bg .mat-select-content,
.mat-teal-A100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-teal-A100-bg[disabled] {
    background-color: rgba(167, 255, 235, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.teal-A100-fg {
    color: #a7ffeb !important
}

.teal-A100-fg .icon,
.teal-A100-fg .mat-icon {
    color: #fff
}

.teal-A100-fg .secondary-text,
.teal-A100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.teal-A100-fg .disabled-text,
.teal-A100-fg .hint-text,
.teal-A100-fg.disabled-text,
.teal-A100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.teal-A100-fg .divider,
.teal-A100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.teal-A100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.teal-A100-fg input[type=text] {
    color: #fff
}

.teal-A100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.teal-A100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-A100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-A100-fg .mat-select-arrow,
.teal-A100-fg .mat-select-disabled .mat-select-value,
.teal-A100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.teal-A100-fg .mat-select-content,
.teal-A100-fg .mat-select-panel-done-animating {
    background: #fff
}

.teal-A100-fg .mat-select-value {
    color: #fff
}

.teal-A100-border {
    border-color: #a7ffeb !important
}

.teal-A100-border-top {
    border-top-color: #a7ffeb !important
}

.teal-A100-border-right {
    border-right-color: #a7ffeb !important
}

.teal-A100-border-bottom {
    border-bottom-color: #a7ffeb !important
}

.teal-A100-border-left {
    border-left-color: #a7ffeb !important
}

.teal-A200-bg {
    background-color: #64ffda !important
}

.mat-teal-A200-bg {
    background-color: #64ffda !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-teal-A200-bg .icon,
.mat-teal-A200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-teal-A200-bg .secondary-text,
.mat-teal-A200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-teal-A200-bg .disabled-text,
.mat-teal-A200-bg .hint-text,
.mat-teal-A200-bg.disabled-text,
.mat-teal-A200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-teal-A200-bg .divider,
.mat-teal-A200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-teal-A200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-teal-A200-bg input[type=text] {
    color: #000
}

.mat-teal-A200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-teal-A200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-teal-A200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-teal-A200-bg .mat-select-arrow,
.mat-teal-A200-bg .mat-select-disabled .mat-select-value,
.mat-teal-A200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-teal-A200-bg .mat-select-content,
.mat-teal-A200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-teal-A200-bg[disabled] {
    background-color: rgba(100, 255, 218, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.teal-A200-fg {
    color: #64ffda !important
}

.teal-A200-fg .icon,
.teal-A200-fg .mat-icon {
    color: #fff
}

.teal-A200-fg .secondary-text,
.teal-A200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.teal-A200-fg .disabled-text,
.teal-A200-fg .hint-text,
.teal-A200-fg.disabled-text,
.teal-A200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.teal-A200-fg .divider,
.teal-A200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.teal-A200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.teal-A200-fg input[type=text] {
    color: #fff
}

.teal-A200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.teal-A200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-A200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-A200-fg .mat-select-arrow,
.teal-A200-fg .mat-select-disabled .mat-select-value,
.teal-A200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.teal-A200-fg .mat-select-content,
.teal-A200-fg .mat-select-panel-done-animating {
    background: #fff
}

.teal-A200-fg .mat-select-value {
    color: #fff
}

.teal-A200-border {
    border-color: #64ffda !important
}

.teal-A200-border-top {
    border-top-color: #64ffda !important
}

.teal-A200-border-right {
    border-right-color: #64ffda !important
}

.teal-A200-border-bottom {
    border-bottom-color: #64ffda !important
}

.teal-A200-border-left {
    border-left-color: #64ffda !important
}

.teal-A400-bg {
    background-color: #1de9b6 !important
}

.mat-teal-A400-bg {
    background-color: #1de9b6 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-teal-A400-bg .icon,
.mat-teal-A400-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-teal-A400-bg .secondary-text,
.mat-teal-A400-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-teal-A400-bg .disabled-text,
.mat-teal-A400-bg .hint-text,
.mat-teal-A400-bg.disabled-text,
.mat-teal-A400-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-teal-A400-bg .divider,
.mat-teal-A400-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-teal-A400-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-teal-A400-bg input[type=text] {
    color: #000
}

.mat-teal-A400-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-teal-A400-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-teal-A400-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-teal-A400-bg .mat-select-arrow,
.mat-teal-A400-bg .mat-select-disabled .mat-select-value,
.mat-teal-A400-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-teal-A400-bg .mat-select-content,
.mat-teal-A400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-teal-A400-bg[disabled] {
    background-color: rgba(29, 233, 182, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.teal-A400-fg {
    color: #1de9b6 !important
}

.teal-A400-fg .icon,
.teal-A400-fg .mat-icon {
    color: #fff
}

.teal-A400-fg .secondary-text,
.teal-A400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.teal-A400-fg .disabled-text,
.teal-A400-fg .hint-text,
.teal-A400-fg.disabled-text,
.teal-A400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.teal-A400-fg .divider,
.teal-A400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.teal-A400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.teal-A400-fg input[type=text] {
    color: #fff
}

.teal-A400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.teal-A400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-A400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-A400-fg .mat-select-arrow,
.teal-A400-fg .mat-select-disabled .mat-select-value,
.teal-A400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.teal-A400-fg .mat-select-content,
.teal-A400-fg .mat-select-panel-done-animating {
    background: #fff
}

.teal-A400-fg .mat-select-value {
    color: #fff
}

.teal-A400-border {
    border-color: #1de9b6 !important
}

.teal-A400-border-top {
    border-top-color: #1de9b6 !important
}

.teal-A400-border-right {
    border-right-color: #1de9b6 !important
}

.teal-A400-border-bottom {
    border-bottom-color: #1de9b6 !important
}

.teal-A400-border-left {
    border-left-color: #1de9b6 !important
}

.teal-A700-bg {
    background-color: #00bfa5 !important
}

.mat-teal-A700-bg {
    background-color: #00bfa5 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-teal-A700-bg .icon,
.mat-teal-A700-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-teal-A700-bg .secondary-text,
.mat-teal-A700-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-teal-A700-bg .disabled-text,
.mat-teal-A700-bg .hint-text,
.mat-teal-A700-bg.disabled-text,
.mat-teal-A700-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-teal-A700-bg .divider,
.mat-teal-A700-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-teal-A700-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-teal-A700-bg input[type=text] {
    color: #000
}

.mat-teal-A700-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-teal-A700-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-teal-A700-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-teal-A700-bg .mat-select-arrow,
.mat-teal-A700-bg .mat-select-disabled .mat-select-value,
.mat-teal-A700-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-teal-A700-bg .mat-select-content,
.mat-teal-A700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-teal-A700-bg[disabled] {
    background-color: rgba(0, 191, 165, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.teal-A700-fg {
    color: #00bfa5 !important
}

.teal-A700-fg .icon,
.teal-A700-fg .mat-icon {
    color: #fff
}

.teal-A700-fg .secondary-text,
.teal-A700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.teal-A700-fg .disabled-text,
.teal-A700-fg .hint-text,
.teal-A700-fg.disabled-text,
.teal-A700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.teal-A700-fg .divider,
.teal-A700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.teal-A700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.teal-A700-fg input[type=text] {
    color: #fff
}

.teal-A700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.teal-A700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-A700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.teal-A700-fg .mat-select-arrow,
.teal-A700-fg .mat-select-disabled .mat-select-value,
.teal-A700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.teal-A700-fg .mat-select-content,
.teal-A700-fg .mat-select-panel-done-animating {
    background: #fff
}

.teal-A700-fg .mat-select-value {
    color: #fff
}

.teal-A700-border {
    border-color: #00bfa5 !important
}

.teal-A700-border-top {
    border-top-color: #00bfa5 !important
}

.teal-A700-border-right {
    border-right-color: #00bfa5 !important
}

.teal-A700-border-bottom {
    border-bottom-color: #00bfa5 !important
}

.teal-A700-border-left {
    border-left-color: #00bfa5 !important
}

.green-50-bg {
    background-color: #e8f5e9 !important
}

.mat-green-50-bg {
    background-color: #e8f5e9 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-green-50-bg .icon,
.mat-green-50-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-green-50-bg .secondary-text,
.mat-green-50-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-green-50-bg .disabled-text,
.mat-green-50-bg .hint-text,
.mat-green-50-bg.disabled-text,
.mat-green-50-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-green-50-bg .divider,
.mat-green-50-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-green-50-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-green-50-bg input[type=text] {
    color: #000
}

.mat-green-50-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-green-50-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-green-50-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-green-50-bg .mat-select-arrow,
.mat-green-50-bg .mat-select-disabled .mat-select-value,
.mat-green-50-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-green-50-bg .mat-select-content,
.mat-green-50-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-green-50-bg[disabled] {
    background-color: rgba(232, 245, 233, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.green-50-fg {
    color: #e8f5e9 !important
}

.green-50-fg .icon,
.green-50-fg .mat-icon {
    color: #fff
}

.green-50-fg .secondary-text,
.green-50-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.green-50-fg .disabled-text,
.green-50-fg .hint-text,
.green-50-fg.disabled-text,
.green-50-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.green-50-fg .divider,
.green-50-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.green-50-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.green-50-fg input[type=text] {
    color: #fff
}

.green-50-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.green-50-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-50-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-50-fg .mat-select-arrow,
.green-50-fg .mat-select-disabled .mat-select-value,
.green-50-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.green-50-fg .mat-select-content,
.green-50-fg .mat-select-panel-done-animating {
    background: #fff
}

.green-50-fg .mat-select-value {
    color: #fff
}

.green-50-border {
    border-color: #e8f5e9 !important
}

.green-50-border-top {
    border-top-color: #e8f5e9 !important
}

.green-50-border-right {
    border-right-color: #e8f5e9 !important
}

.green-50-border-bottom {
    border-bottom-color: #e8f5e9 !important
}

.green-50-border-left {
    border-left-color: #e8f5e9 !important
}

.green-100-bg {
    background-color: #c8e6c9 !important
}

.mat-green-100-bg {
    background-color: #c8e6c9 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-green-100-bg .icon,
.mat-green-100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-green-100-bg .secondary-text,
.mat-green-100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-green-100-bg .disabled-text,
.mat-green-100-bg .hint-text,
.mat-green-100-bg.disabled-text,
.mat-green-100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-green-100-bg .divider,
.mat-green-100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-green-100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-green-100-bg input[type=text] {
    color: #000
}

.mat-green-100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-green-100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-green-100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-green-100-bg .mat-select-arrow,
.mat-green-100-bg .mat-select-disabled .mat-select-value,
.mat-green-100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-green-100-bg .mat-select-content,
.mat-green-100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-green-100-bg[disabled] {
    background-color: rgba(200, 230, 201, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.green-100-fg {
    color: #c8e6c9 !important
}

.green-100-fg .icon,
.green-100-fg .mat-icon {
    color: #fff
}

.green-100-fg .secondary-text,
.green-100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.green-100-fg .disabled-text,
.green-100-fg .hint-text,
.green-100-fg.disabled-text,
.green-100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.green-100-fg .divider,
.green-100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.green-100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.green-100-fg input[type=text] {
    color: #fff
}

.green-100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.green-100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-100-fg .mat-select-arrow,
.green-100-fg .mat-select-disabled .mat-select-value,
.green-100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.green-100-fg .mat-select-content,
.green-100-fg .mat-select-panel-done-animating {
    background: #fff
}

.green-100-fg .mat-select-value {
    color: #fff
}

.green-100-border {
    border-color: #c8e6c9 !important
}

.green-100-border-top {
    border-top-color: #c8e6c9 !important
}

.green-100-border-right {
    border-right-color: #c8e6c9 !important
}

.green-100-border-bottom {
    border-bottom-color: #c8e6c9 !important
}

.green-100-border-left {
    border-left-color: #c8e6c9 !important
}

.green-200-bg {
    background-color: #a5d6a7 !important
}

.mat-green-200-bg {
    background-color: #a5d6a7 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-green-200-bg .icon,
.mat-green-200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-green-200-bg .secondary-text,
.mat-green-200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-green-200-bg .disabled-text,
.mat-green-200-bg .hint-text,
.mat-green-200-bg.disabled-text,
.mat-green-200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-green-200-bg .divider,
.mat-green-200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-green-200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-green-200-bg input[type=text] {
    color: #000
}

.mat-green-200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-green-200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-green-200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-green-200-bg .mat-select-arrow,
.mat-green-200-bg .mat-select-disabled .mat-select-value,
.mat-green-200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-green-200-bg .mat-select-content,
.mat-green-200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-green-200-bg[disabled] {
    background-color: rgba(165, 214, 167, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.green-200-fg {
    color: #a5d6a7 !important
}

.green-200-fg .icon,
.green-200-fg .mat-icon {
    color: #fff
}

.green-200-fg .secondary-text,
.green-200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.green-200-fg .disabled-text,
.green-200-fg .hint-text,
.green-200-fg.disabled-text,
.green-200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.green-200-fg .divider,
.green-200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.green-200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.green-200-fg input[type=text] {
    color: #fff
}

.green-200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.green-200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-200-fg .mat-select-arrow,
.green-200-fg .mat-select-disabled .mat-select-value,
.green-200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.green-200-fg .mat-select-content,
.green-200-fg .mat-select-panel-done-animating {
    background: #fff
}

.green-200-fg .mat-select-value {
    color: #fff
}

.green-200-border {
    border-color: #a5d6a7 !important
}

.green-200-border-top {
    border-top-color: #a5d6a7 !important
}

.green-200-border-right {
    border-right-color: #a5d6a7 !important
}

.green-200-border-bottom {
    border-bottom-color: #a5d6a7 !important
}

.green-200-border-left {
    border-left-color: #a5d6a7 !important
}

.green-300-bg {
    background-color: #81c784 !important
}

.mat-green-300-bg {
    background-color: #81c784 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-green-300-bg .icon,
.mat-green-300-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-green-300-bg .secondary-text,
.mat-green-300-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-green-300-bg .disabled-text,
.mat-green-300-bg .hint-text,
.mat-green-300-bg.disabled-text,
.mat-green-300-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-green-300-bg .divider,
.mat-green-300-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-green-300-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-green-300-bg input[type=text] {
    color: #000
}

.mat-green-300-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-green-300-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-green-300-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-green-300-bg .mat-select-arrow,
.mat-green-300-bg .mat-select-disabled .mat-select-value,
.mat-green-300-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-green-300-bg .mat-select-content,
.mat-green-300-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-green-300-bg[disabled] {
    background-color: rgba(129, 199, 132, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.green-300-fg {
    color: #81c784 !important
}

.green-300-fg .icon,
.green-300-fg .mat-icon {
    color: #fff
}

.green-300-fg .secondary-text,
.green-300-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.green-300-fg .disabled-text,
.green-300-fg .hint-text,
.green-300-fg.disabled-text,
.green-300-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.green-300-fg .divider,
.green-300-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.green-300-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.green-300-fg input[type=text] {
    color: #fff
}

.green-300-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.green-300-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-300-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-300-fg .mat-select-arrow,
.green-300-fg .mat-select-disabled .mat-select-value,
.green-300-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.green-300-fg .mat-select-content,
.green-300-fg .mat-select-panel-done-animating {
    background: #fff
}

.green-300-fg .mat-select-value {
    color: #fff
}

.green-300-border {
    border-color: #81c784 !important
}

.green-300-border-top {
    border-top-color: #81c784 !important
}

.green-300-border-right {
    border-right-color: #81c784 !important
}

.green-300-border-bottom {
    border-bottom-color: #81c784 !important
}

.green-300-border-left {
    border-left-color: #81c784 !important
}

.green-400-bg {
    background-color: #66bb6a !important
}

.mat-green-400-bg {
    background-color: #66bb6a !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-green-400-bg .icon,
.mat-green-400-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-green-400-bg .secondary-text,
.mat-green-400-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-green-400-bg .disabled-text,
.mat-green-400-bg .hint-text,
.mat-green-400-bg.disabled-text,
.mat-green-400-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-green-400-bg .divider,
.mat-green-400-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-green-400-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-green-400-bg input[type=text] {
    color: #000
}

.mat-green-400-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-green-400-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-green-400-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-green-400-bg .mat-select-arrow,
.mat-green-400-bg .mat-select-disabled .mat-select-value,
.mat-green-400-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-green-400-bg .mat-select-content,
.mat-green-400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-green-400-bg[disabled] {
    background-color: rgba(102, 187, 106, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.green-400-fg {
    color: #66bb6a !important
}

.green-400-fg .icon,
.green-400-fg .mat-icon {
    color: #fff
}

.green-400-fg .secondary-text,
.green-400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.green-400-fg .disabled-text,
.green-400-fg .hint-text,
.green-400-fg.disabled-text,
.green-400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.green-400-fg .divider,
.green-400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.green-400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.green-400-fg input[type=text] {
    color: #fff
}

.green-400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.green-400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-400-fg .mat-select-arrow,
.green-400-fg .mat-select-disabled .mat-select-value,
.green-400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.green-400-fg .mat-select-content,
.green-400-fg .mat-select-panel-done-animating {
    background: #fff
}

.green-400-fg .mat-select-value {
    color: #fff
}

.green-400-border {
    border-color: #66bb6a !important
}

.green-400-border-top {
    border-top-color: #66bb6a !important
}

.green-400-border-right {
    border-right-color: #66bb6a !important
}

.green-400-border-bottom {
    border-bottom-color: #66bb6a !important
}

.green-400-border-left {
    border-left-color: #66bb6a !important
}

.green-500-bg {
    background-color: #4caf50 !important
}

.mat-green-500-bg {
    background-color: #4caf50 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-green-500-bg .icon,
.mat-green-500-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-green-500-bg .secondary-text,
.mat-green-500-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-green-500-bg .disabled-text,
.mat-green-500-bg .hint-text,
.mat-green-500-bg.disabled-text,
.mat-green-500-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-green-500-bg .divider,
.mat-green-500-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-green-500-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-green-500-bg input[type=text] {
    color: #000
}

.mat-green-500-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-green-500-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-green-500-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-green-500-bg .mat-select-arrow,
.mat-green-500-bg .mat-select-disabled .mat-select-value,
.mat-green-500-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-green-500-bg .mat-select-content,
.mat-green-500-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-green-500-bg[disabled] {
    background-color: rgba(76, 175, 80, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.green-500-fg {
    color: #4caf50 !important
}

.green-500-fg .icon,
.green-500-fg .mat-icon {
    color: #fff
}

.green-500-fg .secondary-text,
.green-500-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.green-500-fg .disabled-text,
.green-500-fg .hint-text,
.green-500-fg.disabled-text,
.green-500-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.green-500-fg .divider,
.green-500-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.green-500-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.green-500-fg input[type=text] {
    color: #fff
}

.green-500-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.green-500-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-500-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-500-fg .mat-select-arrow,
.green-500-fg .mat-select-disabled .mat-select-value,
.green-500-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.green-500-fg .mat-select-content,
.green-500-fg .mat-select-panel-done-animating {
    background: #fff
}

.green-500-fg .mat-select-value {
    color: #fff
}

.green-500-border {
    border-color: #4caf50 !important
}

.green-500-border-top {
    border-top-color: #4caf50 !important
}

.green-500-border-right {
    border-right-color: #4caf50 !important
}

.green-500-border-bottom {
    border-bottom-color: #4caf50 !important
}

.green-500-border-left {
    border-left-color: #4caf50 !important
}

.green-bg {
    background-color: #4caf50 !important
}

.mat-green-bg {
    background-color: #4caf50 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-green-bg .icon,
.mat-green-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-green-bg .secondary-text,
.mat-green-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-green-bg .disabled-text,
.mat-green-bg .hint-text,
.mat-green-bg.disabled-text,
.mat-green-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-green-bg .divider,
.mat-green-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-green-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-green-bg input[type=text] {
    color: #000
}

.mat-green-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-green-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-green-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-green-bg .mat-select-arrow,
.mat-green-bg .mat-select-disabled .mat-select-value,
.mat-green-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-green-bg .mat-select-content,
.mat-green-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-green-bg[disabled] {
    background-color: rgba(76, 175, 80, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.green-fg {
    color: #4caf50 !important
}

.green-fg .icon,
.green-fg .mat-icon {
    color: #fff
}

.green-fg .secondary-text,
.green-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.green-fg .disabled-text,
.green-fg .hint-text,
.green-fg.disabled-text,
.green-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.green-fg .divider,
.green-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.green-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.green-fg input[type=text] {
    color: #fff
}

.green-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.green-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-fg .mat-select-arrow,
.green-fg .mat-select-disabled .mat-select-value,
.green-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.green-fg .mat-select-content,
.green-fg .mat-select-panel-done-animating {
    background: #fff
}

.green-fg .mat-select-value {
    color: #fff
}

.green-border {
    border-color: #4caf50 !important
}

.green-border-top {
    border-top-color: #4caf50 !important
}

.green-border-right {
    border-right-color: #4caf50 !important
}

.green-border-bottom {
    border-bottom-color: #4caf50 !important
}

.green-border-left {
    border-left-color: #4caf50 !important
}

.green-600-bg {
    background-color: #43a047 !important
}

.mat-green-600-bg {
    background-color: #43a047 !important;
    color: #fff !important
}

.mat-green-600-bg .icon,
.mat-green-600-bg .mat-icon {
    color: #fff
}

.mat-green-600-bg .secondary-text,
.mat-green-600-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-green-600-bg .disabled-text,
.mat-green-600-bg .hint-text,
.mat-green-600-bg.disabled-text,
.mat-green-600-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-green-600-bg .divider,
.mat-green-600-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-green-600-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-green-600-bg input[type=text] {
    color: #fff
}

.mat-green-600-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-green-600-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-green-600-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-green-600-bg .mat-select-arrow,
.mat-green-600-bg .mat-select-disabled .mat-select-value,
.mat-green-600-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-green-600-bg .mat-select-content,
.mat-green-600-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-green-600-bg .mat-select-value {
    color: #fff
}

.mat-green-600-bg[disabled] {
    background-color: rgba(67, 160, 71, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.green-600-fg {
    color: #43a047 !important
}

.green-600-fg .icon,
.green-600-fg .mat-icon {
    color: #fff
}

.green-600-fg .secondary-text,
.green-600-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.green-600-fg .disabled-text,
.green-600-fg .hint-text,
.green-600-fg.disabled-text,
.green-600-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.green-600-fg .divider,
.green-600-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.green-600-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.green-600-fg input[type=text] {
    color: #fff
}

.green-600-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.green-600-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-600-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-600-fg .mat-select-arrow,
.green-600-fg .mat-select-disabled .mat-select-value,
.green-600-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.green-600-fg .mat-select-content,
.green-600-fg .mat-select-panel-done-animating {
    background: #fff
}

.green-600-fg .mat-select-value {
    color: #fff
}

.green-600-border {
    border-color: #43a047 !important
}

.green-600-border-top {
    border-top-color: #43a047 !important
}

.green-600-border-right {
    border-right-color: #43a047 !important
}

.green-600-border-bottom {
    border-bottom-color: #43a047 !important
}

.green-600-border-left {
    border-left-color: #43a047 !important
}

.green-700-bg {
    background-color: #388e3c !important
}

.mat-green-700-bg {
    background-color: #388e3c !important;
    color: #fff !important
}

.mat-green-700-bg .icon,
.mat-green-700-bg .mat-icon {
    color: #fff
}

.mat-green-700-bg .secondary-text,
.mat-green-700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-green-700-bg .disabled-text,
.mat-green-700-bg .hint-text,
.mat-green-700-bg.disabled-text,
.mat-green-700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-green-700-bg .divider,
.mat-green-700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-green-700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-green-700-bg input[type=text] {
    color: #fff
}

.mat-green-700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-green-700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-green-700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-green-700-bg .mat-select-arrow,
.mat-green-700-bg .mat-select-disabled .mat-select-value,
.mat-green-700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-green-700-bg .mat-select-content,
.mat-green-700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-green-700-bg .mat-select-value {
    color: #fff
}

.mat-green-700-bg[disabled] {
    background-color: rgba(56, 142, 60, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.green-700-fg {
    color: #388e3c !important
}

.green-700-fg .icon,
.green-700-fg .mat-icon {
    color: #fff
}

.green-700-fg .secondary-text,
.green-700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.green-700-fg .disabled-text,
.green-700-fg .hint-text,
.green-700-fg.disabled-text,
.green-700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.green-700-fg .divider,
.green-700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.green-700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.green-700-fg input[type=text] {
    color: #fff
}

.green-700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.green-700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-700-fg .mat-select-arrow,
.green-700-fg .mat-select-disabled .mat-select-value,
.green-700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.green-700-fg .mat-select-content,
.green-700-fg .mat-select-panel-done-animating {
    background: #fff
}

.green-700-fg .mat-select-value {
    color: #fff
}

.green-700-border {
    border-color: #388e3c !important
}

.green-700-border-top {
    border-top-color: #388e3c !important
}

.green-700-border-right {
    border-right-color: #388e3c !important
}

.green-700-border-bottom {
    border-bottom-color: #388e3c !important
}

.green-700-border-left {
    border-left-color: #388e3c !important
}

.green-800-bg {
    background-color: #2e7d32 !important
}

.mat-green-800-bg {
    background-color: #2e7d32 !important;
    color: #fff !important
}

.mat-green-800-bg .icon,
.mat-green-800-bg .mat-icon {
    color: #fff
}

.mat-green-800-bg .secondary-text,
.mat-green-800-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-green-800-bg .disabled-text,
.mat-green-800-bg .hint-text,
.mat-green-800-bg.disabled-text,
.mat-green-800-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-green-800-bg .divider,
.mat-green-800-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-green-800-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-green-800-bg input[type=text] {
    color: #fff
}

.mat-green-800-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-green-800-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-green-800-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-green-800-bg .mat-select-arrow,
.mat-green-800-bg .mat-select-disabled .mat-select-value,
.mat-green-800-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-green-800-bg .mat-select-content,
.mat-green-800-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-green-800-bg .mat-select-value {
    color: #fff
}

.mat-green-800-bg[disabled] {
    background-color: rgba(46, 125, 50, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.green-800-fg {
    color: #2e7d32 !important
}

.green-800-fg .icon,
.green-800-fg .mat-icon {
    color: #fff
}

.green-800-fg .secondary-text,
.green-800-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.green-800-fg .disabled-text,
.green-800-fg .hint-text,
.green-800-fg.disabled-text,
.green-800-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.green-800-fg .divider,
.green-800-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.green-800-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.green-800-fg input[type=text] {
    color: #fff
}

.green-800-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.green-800-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-800-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-800-fg .mat-select-arrow,
.green-800-fg .mat-select-disabled .mat-select-value,
.green-800-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.green-800-fg .mat-select-content,
.green-800-fg .mat-select-panel-done-animating {
    background: #fff
}

.green-800-fg .mat-select-value {
    color: #fff
}

.green-800-border {
    border-color: #2e7d32 !important
}

.green-800-border-top {
    border-top-color: #2e7d32 !important
}

.green-800-border-right {
    border-right-color: #2e7d32 !important
}

.green-800-border-bottom {
    border-bottom-color: #2e7d32 !important
}

.green-800-border-left {
    border-left-color: #2e7d32 !important
}

.green-900-bg {
    background-color: #1b5e20 !important
}

.mat-green-900-bg {
    background-color: #1b5e20 !important;
    color: #fff !important
}

.mat-green-900-bg .icon,
.mat-green-900-bg .mat-icon {
    color: #fff
}

.mat-green-900-bg .secondary-text,
.mat-green-900-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-green-900-bg .disabled-text,
.mat-green-900-bg .hint-text,
.mat-green-900-bg.disabled-text,
.mat-green-900-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-green-900-bg .divider,
.mat-green-900-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-green-900-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-green-900-bg input[type=text] {
    color: #fff
}

.mat-green-900-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-green-900-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-green-900-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-green-900-bg .mat-select-arrow,
.mat-green-900-bg .mat-select-disabled .mat-select-value,
.mat-green-900-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-green-900-bg .mat-select-content,
.mat-green-900-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-green-900-bg .mat-select-value {
    color: #fff
}

.mat-green-900-bg[disabled] {
    background-color: rgba(27, 94, 32, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.green-900-fg {
    color: #1b5e20 !important
}

.green-900-fg .icon,
.green-900-fg .mat-icon {
    color: #fff
}

.green-900-fg .secondary-text,
.green-900-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.green-900-fg .disabled-text,
.green-900-fg .hint-text,
.green-900-fg.disabled-text,
.green-900-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.green-900-fg .divider,
.green-900-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.green-900-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.green-900-fg input[type=text] {
    color: #fff
}

.green-900-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.green-900-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-900-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-900-fg .mat-select-arrow,
.green-900-fg .mat-select-disabled .mat-select-value,
.green-900-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.green-900-fg .mat-select-content,
.green-900-fg .mat-select-panel-done-animating {
    background: #fff
}

.green-900-fg .mat-select-value {
    color: #fff
}

.green-900-border {
    border-color: #1b5e20 !important
}

.green-900-border-top {
    border-top-color: #1b5e20 !important
}

.green-900-border-right {
    border-right-color: #1b5e20 !important
}

.green-900-border-bottom {
    border-bottom-color: #1b5e20 !important
}

.green-900-border-left {
    border-left-color: #1b5e20 !important
}

.green-A100-bg {
    background-color: #b9f6ca !important
}

.mat-green-A100-bg {
    background-color: #b9f6ca !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-green-A100-bg .icon,
.mat-green-A100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-green-A100-bg .secondary-text,
.mat-green-A100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-green-A100-bg .disabled-text,
.mat-green-A100-bg .hint-text,
.mat-green-A100-bg.disabled-text,
.mat-green-A100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-green-A100-bg .divider,
.mat-green-A100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-green-A100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-green-A100-bg input[type=text] {
    color: #000
}

.mat-green-A100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-green-A100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-green-A100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-green-A100-bg .mat-select-arrow,
.mat-green-A100-bg .mat-select-disabled .mat-select-value,
.mat-green-A100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-green-A100-bg .mat-select-content,
.mat-green-A100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-green-A100-bg[disabled] {
    background-color: rgba(185, 246, 202, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.green-A100-fg {
    color: #b9f6ca !important
}

.green-A100-fg .icon,
.green-A100-fg .mat-icon {
    color: #fff
}

.green-A100-fg .secondary-text,
.green-A100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.green-A100-fg .disabled-text,
.green-A100-fg .hint-text,
.green-A100-fg.disabled-text,
.green-A100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.green-A100-fg .divider,
.green-A100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.green-A100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.green-A100-fg input[type=text] {
    color: #fff
}

.green-A100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.green-A100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-A100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-A100-fg .mat-select-arrow,
.green-A100-fg .mat-select-disabled .mat-select-value,
.green-A100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.green-A100-fg .mat-select-content,
.green-A100-fg .mat-select-panel-done-animating {
    background: #fff
}

.green-A100-fg .mat-select-value {
    color: #fff
}

.green-A100-border {
    border-color: #b9f6ca !important
}

.green-A100-border-top {
    border-top-color: #b9f6ca !important
}

.green-A100-border-right {
    border-right-color: #b9f6ca !important
}

.green-A100-border-bottom {
    border-bottom-color: #b9f6ca !important
}

.green-A100-border-left {
    border-left-color: #b9f6ca !important
}

.green-A200-bg {
    background-color: #69f0ae !important
}

.mat-green-A200-bg {
    background-color: #69f0ae !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-green-A200-bg .icon,
.mat-green-A200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-green-A200-bg .secondary-text,
.mat-green-A200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-green-A200-bg .disabled-text,
.mat-green-A200-bg .hint-text,
.mat-green-A200-bg.disabled-text,
.mat-green-A200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-green-A200-bg .divider,
.mat-green-A200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-green-A200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-green-A200-bg input[type=text] {
    color: #000
}

.mat-green-A200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-green-A200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-green-A200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-green-A200-bg .mat-select-arrow,
.mat-green-A200-bg .mat-select-disabled .mat-select-value,
.mat-green-A200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-green-A200-bg .mat-select-content,
.mat-green-A200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-green-A200-bg[disabled] {
    background-color: rgba(105, 240, 174, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.green-A200-fg {
    color: #69f0ae !important
}

.green-A200-fg .icon,
.green-A200-fg .mat-icon {
    color: #fff
}

.green-A200-fg .secondary-text,
.green-A200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.green-A200-fg .disabled-text,
.green-A200-fg .hint-text,
.green-A200-fg.disabled-text,
.green-A200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.green-A200-fg .divider,
.green-A200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.green-A200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.green-A200-fg input[type=text] {
    color: #fff
}

.green-A200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.green-A200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-A200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-A200-fg .mat-select-arrow,
.green-A200-fg .mat-select-disabled .mat-select-value,
.green-A200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.green-A200-fg .mat-select-content,
.green-A200-fg .mat-select-panel-done-animating {
    background: #fff
}

.green-A200-fg .mat-select-value {
    color: #fff
}

.green-A200-border {
    border-color: #69f0ae !important
}

.green-A200-border-top {
    border-top-color: #69f0ae !important
}

.green-A200-border-right {
    border-right-color: #69f0ae !important
}

.green-A200-border-bottom {
    border-bottom-color: #69f0ae !important
}

.green-A200-border-left {
    border-left-color: #69f0ae !important
}

.green-A400-bg {
    background-color: #00e676 !important
}

.mat-green-A400-bg {
    background-color: #00e676 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-green-A400-bg .icon,
.mat-green-A400-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-green-A400-bg .secondary-text,
.mat-green-A400-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-green-A400-bg .disabled-text,
.mat-green-A400-bg .hint-text,
.mat-green-A400-bg.disabled-text,
.mat-green-A400-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-green-A400-bg .divider,
.mat-green-A400-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-green-A400-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-green-A400-bg input[type=text] {
    color: #000
}

.mat-green-A400-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-green-A400-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-green-A400-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-green-A400-bg .mat-select-arrow,
.mat-green-A400-bg .mat-select-disabled .mat-select-value,
.mat-green-A400-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-green-A400-bg .mat-select-content,
.mat-green-A400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-green-A400-bg[disabled] {
    background-color: rgba(0, 230, 118, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.green-A400-fg {
    color: #00e676 !important
}

.green-A400-fg .icon,
.green-A400-fg .mat-icon {
    color: #fff
}

.green-A400-fg .secondary-text,
.green-A400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.green-A400-fg .disabled-text,
.green-A400-fg .hint-text,
.green-A400-fg.disabled-text,
.green-A400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.green-A400-fg .divider,
.green-A400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.green-A400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.green-A400-fg input[type=text] {
    color: #fff
}

.green-A400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.green-A400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-A400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-A400-fg .mat-select-arrow,
.green-A400-fg .mat-select-disabled .mat-select-value,
.green-A400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.green-A400-fg .mat-select-content,
.green-A400-fg .mat-select-panel-done-animating {
    background: #fff
}

.green-A400-fg .mat-select-value {
    color: #fff
}

.green-A400-border {
    border-color: #00e676 !important
}

.green-A400-border-top {
    border-top-color: #00e676 !important
}

.green-A400-border-right {
    border-right-color: #00e676 !important
}

.green-A400-border-bottom {
    border-bottom-color: #00e676 !important
}

.green-A400-border-left {
    border-left-color: #00e676 !important
}

.green-A700-bg {
    background-color: #00c853 !important
}

.mat-green-A700-bg {
    background-color: #00c853 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-green-A700-bg .icon,
.mat-green-A700-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-green-A700-bg .secondary-text,
.mat-green-A700-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-green-A700-bg .disabled-text,
.mat-green-A700-bg .hint-text,
.mat-green-A700-bg.disabled-text,
.mat-green-A700-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-green-A700-bg .divider,
.mat-green-A700-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-green-A700-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-green-A700-bg input[type=text] {
    color: #000
}

.mat-green-A700-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-green-A700-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-green-A700-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-green-A700-bg .mat-select-arrow,
.mat-green-A700-bg .mat-select-disabled .mat-select-value,
.mat-green-A700-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-green-A700-bg .mat-select-content,
.mat-green-A700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-green-A700-bg[disabled] {
    background-color: rgba(0, 200, 83, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.green-A700-fg {
    color: #00c853 !important
}

.green-A700-fg .icon,
.green-A700-fg .mat-icon {
    color: #fff
}

.green-A700-fg .secondary-text,
.green-A700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.green-A700-fg .disabled-text,
.green-A700-fg .hint-text,
.green-A700-fg.disabled-text,
.green-A700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.green-A700-fg .divider,
.green-A700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.green-A700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.green-A700-fg input[type=text] {
    color: #fff
}

.green-A700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.green-A700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-A700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.green-A700-fg .mat-select-arrow,
.green-A700-fg .mat-select-disabled .mat-select-value,
.green-A700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.green-A700-fg .mat-select-content,
.green-A700-fg .mat-select-panel-done-animating {
    background: #fff
}

.green-A700-fg .mat-select-value {
    color: #fff
}

.green-A700-border {
    border-color: #00c853 !important
}

.green-A700-border-top {
    border-top-color: #00c853 !important
}

.green-A700-border-right {
    border-right-color: #00c853 !important
}

.green-A700-border-bottom {
    border-bottom-color: #00c853 !important
}

.green-A700-border-left {
    border-left-color: #00c853 !important
}

.light-green-50-bg {
    background-color: #f1f8e9 !important
}

.mat-light-green-50-bg {
    background-color: #f1f8e9 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-light-green-50-bg .icon,
.mat-light-green-50-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-light-green-50-bg .secondary-text,
.mat-light-green-50-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-light-green-50-bg .disabled-text,
.mat-light-green-50-bg .hint-text,
.mat-light-green-50-bg.disabled-text,
.mat-light-green-50-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-light-green-50-bg .divider,
.mat-light-green-50-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-light-green-50-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-light-green-50-bg input[type=text] {
    color: #000
}

.mat-light-green-50-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-light-green-50-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-green-50-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-green-50-bg .mat-select-arrow,
.mat-light-green-50-bg .mat-select-disabled .mat-select-value,
.mat-light-green-50-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-light-green-50-bg .mat-select-content,
.mat-light-green-50-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-green-50-bg[disabled] {
    background-color: rgba(241, 248, 233, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.light-green-50-fg {
    color: #f1f8e9 !important
}

.light-green-50-fg .icon,
.light-green-50-fg .mat-icon {
    color: #fff
}

.light-green-50-fg .secondary-text,
.light-green-50-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-green-50-fg .disabled-text,
.light-green-50-fg .hint-text,
.light-green-50-fg.disabled-text,
.light-green-50-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-green-50-fg .divider,
.light-green-50-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-green-50-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-green-50-fg input[type=text] {
    color: #fff
}

.light-green-50-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-green-50-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-50-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-50-fg .mat-select-arrow,
.light-green-50-fg .mat-select-disabled .mat-select-value,
.light-green-50-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-green-50-fg .mat-select-content,
.light-green-50-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-green-50-fg .mat-select-value {
    color: #fff
}

.light-green-50-border {
    border-color: #f1f8e9 !important
}

.light-green-50-border-top {
    border-top-color: #f1f8e9 !important
}

.light-green-50-border-right {
    border-right-color: #f1f8e9 !important
}

.light-green-50-border-bottom {
    border-bottom-color: #f1f8e9 !important
}

.light-green-50-border-left {
    border-left-color: #f1f8e9 !important
}

.light-green-100-bg {
    background-color: #dcedc8 !important
}

.mat-light-green-100-bg {
    background-color: #dcedc8 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-light-green-100-bg .icon,
.mat-light-green-100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-light-green-100-bg .secondary-text,
.mat-light-green-100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-light-green-100-bg .disabled-text,
.mat-light-green-100-bg .hint-text,
.mat-light-green-100-bg.disabled-text,
.mat-light-green-100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-light-green-100-bg .divider,
.mat-light-green-100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-light-green-100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-light-green-100-bg input[type=text] {
    color: #000
}

.mat-light-green-100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-light-green-100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-green-100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-green-100-bg .mat-select-arrow,
.mat-light-green-100-bg .mat-select-disabled .mat-select-value,
.mat-light-green-100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-light-green-100-bg .mat-select-content,
.mat-light-green-100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-green-100-bg[disabled] {
    background-color: rgba(220, 237, 200, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.light-green-100-fg {
    color: #dcedc8 !important
}

.light-green-100-fg .icon,
.light-green-100-fg .mat-icon {
    color: #fff
}

.light-green-100-fg .secondary-text,
.light-green-100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-green-100-fg .disabled-text,
.light-green-100-fg .hint-text,
.light-green-100-fg.disabled-text,
.light-green-100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-green-100-fg .divider,
.light-green-100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-green-100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-green-100-fg input[type=text] {
    color: #fff
}

.light-green-100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-green-100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-100-fg .mat-select-arrow,
.light-green-100-fg .mat-select-disabled .mat-select-value,
.light-green-100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-green-100-fg .mat-select-content,
.light-green-100-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-green-100-fg .mat-select-value {
    color: #fff
}

.light-green-100-border {
    border-color: #dcedc8 !important
}

.light-green-100-border-top {
    border-top-color: #dcedc8 !important
}

.light-green-100-border-right {
    border-right-color: #dcedc8 !important
}

.light-green-100-border-bottom {
    border-bottom-color: #dcedc8 !important
}

.light-green-100-border-left {
    border-left-color: #dcedc8 !important
}

.light-green-200-bg {
    background-color: #c5e1a5 !important
}

.mat-light-green-200-bg {
    background-color: #c5e1a5 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-light-green-200-bg .icon,
.mat-light-green-200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-light-green-200-bg .secondary-text,
.mat-light-green-200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-light-green-200-bg .disabled-text,
.mat-light-green-200-bg .hint-text,
.mat-light-green-200-bg.disabled-text,
.mat-light-green-200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-light-green-200-bg .divider,
.mat-light-green-200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-light-green-200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-light-green-200-bg input[type=text] {
    color: #000
}

.mat-light-green-200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-light-green-200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-green-200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-green-200-bg .mat-select-arrow,
.mat-light-green-200-bg .mat-select-disabled .mat-select-value,
.mat-light-green-200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-light-green-200-bg .mat-select-content,
.mat-light-green-200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-green-200-bg[disabled] {
    background-color: rgba(197, 225, 165, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.light-green-200-fg {
    color: #c5e1a5 !important
}

.light-green-200-fg .icon,
.light-green-200-fg .mat-icon {
    color: #fff
}

.light-green-200-fg .secondary-text,
.light-green-200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-green-200-fg .disabled-text,
.light-green-200-fg .hint-text,
.light-green-200-fg.disabled-text,
.light-green-200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-green-200-fg .divider,
.light-green-200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-green-200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-green-200-fg input[type=text] {
    color: #fff
}

.light-green-200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-green-200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-200-fg .mat-select-arrow,
.light-green-200-fg .mat-select-disabled .mat-select-value,
.light-green-200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-green-200-fg .mat-select-content,
.light-green-200-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-green-200-fg .mat-select-value {
    color: #fff
}

.light-green-200-border {
    border-color: #c5e1a5 !important
}

.light-green-200-border-top {
    border-top-color: #c5e1a5 !important
}

.light-green-200-border-right {
    border-right-color: #c5e1a5 !important
}

.light-green-200-border-bottom {
    border-bottom-color: #c5e1a5 !important
}

.light-green-200-border-left {
    border-left-color: #c5e1a5 !important
}

.light-green-300-bg {
    background-color: #aed581 !important
}

.mat-light-green-300-bg {
    background-color: #aed581 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-light-green-300-bg .icon,
.mat-light-green-300-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-light-green-300-bg .secondary-text,
.mat-light-green-300-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-light-green-300-bg .disabled-text,
.mat-light-green-300-bg .hint-text,
.mat-light-green-300-bg.disabled-text,
.mat-light-green-300-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-light-green-300-bg .divider,
.mat-light-green-300-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-light-green-300-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-light-green-300-bg input[type=text] {
    color: #000
}

.mat-light-green-300-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-light-green-300-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-green-300-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-green-300-bg .mat-select-arrow,
.mat-light-green-300-bg .mat-select-disabled .mat-select-value,
.mat-light-green-300-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-light-green-300-bg .mat-select-content,
.mat-light-green-300-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-green-300-bg[disabled] {
    background-color: rgba(174, 213, 129, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.light-green-300-fg {
    color: #aed581 !important
}

.light-green-300-fg .icon,
.light-green-300-fg .mat-icon {
    color: #fff
}

.light-green-300-fg .secondary-text,
.light-green-300-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-green-300-fg .disabled-text,
.light-green-300-fg .hint-text,
.light-green-300-fg.disabled-text,
.light-green-300-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-green-300-fg .divider,
.light-green-300-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-green-300-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-green-300-fg input[type=text] {
    color: #fff
}

.light-green-300-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-green-300-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-300-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-300-fg .mat-select-arrow,
.light-green-300-fg .mat-select-disabled .mat-select-value,
.light-green-300-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-green-300-fg .mat-select-content,
.light-green-300-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-green-300-fg .mat-select-value {
    color: #fff
}

.light-green-300-border {
    border-color: #aed581 !important
}

.light-green-300-border-top {
    border-top-color: #aed581 !important
}

.light-green-300-border-right {
    border-right-color: #aed581 !important
}

.light-green-300-border-bottom {
    border-bottom-color: #aed581 !important
}

.light-green-300-border-left {
    border-left-color: #aed581 !important
}

.light-green-400-bg {
    background-color: #9ccc65 !important
}

.mat-light-green-400-bg {
    background-color: #9ccc65 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-light-green-400-bg .icon,
.mat-light-green-400-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-light-green-400-bg .secondary-text,
.mat-light-green-400-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-light-green-400-bg .disabled-text,
.mat-light-green-400-bg .hint-text,
.mat-light-green-400-bg.disabled-text,
.mat-light-green-400-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-light-green-400-bg .divider,
.mat-light-green-400-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-light-green-400-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-light-green-400-bg input[type=text] {
    color: #000
}

.mat-light-green-400-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-light-green-400-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-green-400-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-green-400-bg .mat-select-arrow,
.mat-light-green-400-bg .mat-select-disabled .mat-select-value,
.mat-light-green-400-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-light-green-400-bg .mat-select-content,
.mat-light-green-400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-green-400-bg[disabled] {
    background-color: rgba(156, 204, 101, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.light-green-400-fg {
    color: #9ccc65 !important
}

.light-green-400-fg .icon,
.light-green-400-fg .mat-icon {
    color: #fff
}

.light-green-400-fg .secondary-text,
.light-green-400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-green-400-fg .disabled-text,
.light-green-400-fg .hint-text,
.light-green-400-fg.disabled-text,
.light-green-400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-green-400-fg .divider,
.light-green-400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-green-400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-green-400-fg input[type=text] {
    color: #fff
}

.light-green-400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-green-400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-400-fg .mat-select-arrow,
.light-green-400-fg .mat-select-disabled .mat-select-value,
.light-green-400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-green-400-fg .mat-select-content,
.light-green-400-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-green-400-fg .mat-select-value {
    color: #fff
}

.light-green-400-border {
    border-color: #9ccc65 !important
}

.light-green-400-border-top {
    border-top-color: #9ccc65 !important
}

.light-green-400-border-right {
    border-right-color: #9ccc65 !important
}

.light-green-400-border-bottom {
    border-bottom-color: #9ccc65 !important
}

.light-green-400-border-left {
    border-left-color: #9ccc65 !important
}

.light-green-500-bg {
    background-color: #8bc34a !important
}

.mat-light-green-500-bg {
    background-color: #8bc34a !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-light-green-500-bg .icon,
.mat-light-green-500-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-light-green-500-bg .secondary-text,
.mat-light-green-500-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-light-green-500-bg .disabled-text,
.mat-light-green-500-bg .hint-text,
.mat-light-green-500-bg.disabled-text,
.mat-light-green-500-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-light-green-500-bg .divider,
.mat-light-green-500-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-light-green-500-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-light-green-500-bg input[type=text] {
    color: #000
}

.mat-light-green-500-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-light-green-500-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-green-500-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-green-500-bg .mat-select-arrow,
.mat-light-green-500-bg .mat-select-disabled .mat-select-value,
.mat-light-green-500-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-light-green-500-bg .mat-select-content,
.mat-light-green-500-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-green-500-bg[disabled] {
    background-color: rgba(139, 195, 74, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.light-green-500-fg {
    color: #8bc34a !important
}

.light-green-500-fg .icon,
.light-green-500-fg .mat-icon {
    color: #fff
}

.light-green-500-fg .secondary-text,
.light-green-500-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-green-500-fg .disabled-text,
.light-green-500-fg .hint-text,
.light-green-500-fg.disabled-text,
.light-green-500-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-green-500-fg .divider,
.light-green-500-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-green-500-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-green-500-fg input[type=text] {
    color: #fff
}

.light-green-500-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-green-500-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-500-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-500-fg .mat-select-arrow,
.light-green-500-fg .mat-select-disabled .mat-select-value,
.light-green-500-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-green-500-fg .mat-select-content,
.light-green-500-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-green-500-fg .mat-select-value {
    color: #fff
}

.light-green-500-border {
    border-color: #8bc34a !important
}

.light-green-500-border-top {
    border-top-color: #8bc34a !important
}

.light-green-500-border-right {
    border-right-color: #8bc34a !important
}

.light-green-500-border-bottom {
    border-bottom-color: #8bc34a !important
}

.light-green-500-border-left {
    border-left-color: #8bc34a !important
}

.light-green-bg {
    background-color: #8bc34a !important
}

.mat-light-green-bg {
    background-color: #8bc34a !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-light-green-bg .icon,
.mat-light-green-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-light-green-bg .secondary-text,
.mat-light-green-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-light-green-bg .disabled-text,
.mat-light-green-bg .hint-text,
.mat-light-green-bg.disabled-text,
.mat-light-green-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-light-green-bg .divider,
.mat-light-green-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-light-green-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-light-green-bg input[type=text] {
    color: #000
}

.mat-light-green-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-light-green-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-green-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-green-bg .mat-select-arrow,
.mat-light-green-bg .mat-select-disabled .mat-select-value,
.mat-light-green-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-light-green-bg .mat-select-content,
.mat-light-green-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-green-bg[disabled] {
    background-color: rgba(139, 195, 74, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.light-green-fg {
    color: #8bc34a !important
}

.light-green-fg .icon,
.light-green-fg .mat-icon {
    color: #fff
}

.light-green-fg .secondary-text,
.light-green-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-green-fg .disabled-text,
.light-green-fg .hint-text,
.light-green-fg.disabled-text,
.light-green-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-green-fg .divider,
.light-green-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-green-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-green-fg input[type=text] {
    color: #fff
}

.light-green-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-green-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-fg .mat-select-arrow,
.light-green-fg .mat-select-disabled .mat-select-value,
.light-green-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-green-fg .mat-select-content,
.light-green-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-green-fg .mat-select-value {
    color: #fff
}

.light-green-border {
    border-color: #8bc34a !important
}

.light-green-border-top {
    border-top-color: #8bc34a !important
}

.light-green-border-right {
    border-right-color: #8bc34a !important
}

.light-green-border-bottom {
    border-bottom-color: #8bc34a !important
}

.light-green-border-left {
    border-left-color: #8bc34a !important
}

.light-green-600-bg {
    background-color: #7cb342 !important
}

.mat-light-green-600-bg {
    background-color: #7cb342 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-light-green-600-bg .icon,
.mat-light-green-600-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-light-green-600-bg .secondary-text,
.mat-light-green-600-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-light-green-600-bg .disabled-text,
.mat-light-green-600-bg .hint-text,
.mat-light-green-600-bg.disabled-text,
.mat-light-green-600-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-light-green-600-bg .divider,
.mat-light-green-600-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-light-green-600-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-light-green-600-bg input[type=text] {
    color: #000
}

.mat-light-green-600-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-light-green-600-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-green-600-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-green-600-bg .mat-select-arrow,
.mat-light-green-600-bg .mat-select-disabled .mat-select-value,
.mat-light-green-600-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-light-green-600-bg .mat-select-content,
.mat-light-green-600-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-green-600-bg[disabled] {
    background-color: rgba(124, 179, 66, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.light-green-600-fg {
    color: #7cb342 !important
}

.light-green-600-fg .icon,
.light-green-600-fg .mat-icon {
    color: #fff
}

.light-green-600-fg .secondary-text,
.light-green-600-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-green-600-fg .disabled-text,
.light-green-600-fg .hint-text,
.light-green-600-fg.disabled-text,
.light-green-600-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-green-600-fg .divider,
.light-green-600-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-green-600-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-green-600-fg input[type=text] {
    color: #fff
}

.light-green-600-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-green-600-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-600-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-600-fg .mat-select-arrow,
.light-green-600-fg .mat-select-disabled .mat-select-value,
.light-green-600-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-green-600-fg .mat-select-content,
.light-green-600-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-green-600-fg .mat-select-value {
    color: #fff
}

.light-green-600-border {
    border-color: #7cb342 !important
}

.light-green-600-border-top {
    border-top-color: #7cb342 !important
}

.light-green-600-border-right {
    border-right-color: #7cb342 !important
}

.light-green-600-border-bottom {
    border-bottom-color: #7cb342 !important
}

.light-green-600-border-left {
    border-left-color: #7cb342 !important
}

.light-green-700-bg {
    background-color: #689f38 !important
}

.mat-light-green-700-bg {
    background-color: #689f38 !important;
    color: #fff !important
}

.mat-light-green-700-bg .icon,
.mat-light-green-700-bg .mat-icon {
    color: #fff
}

.mat-light-green-700-bg .secondary-text,
.mat-light-green-700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-light-green-700-bg .disabled-text,
.mat-light-green-700-bg .hint-text,
.mat-light-green-700-bg.disabled-text,
.mat-light-green-700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-light-green-700-bg .divider,
.mat-light-green-700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-light-green-700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-light-green-700-bg input[type=text] {
    color: #fff
}

.mat-light-green-700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-light-green-700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-light-green-700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-light-green-700-bg .mat-select-arrow,
.mat-light-green-700-bg .mat-select-disabled .mat-select-value,
.mat-light-green-700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-light-green-700-bg .mat-select-content,
.mat-light-green-700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-green-700-bg .mat-select-value {
    color: #fff
}

.mat-light-green-700-bg[disabled] {
    background-color: rgba(104, 159, 56, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.light-green-700-fg {
    color: #689f38 !important
}

.light-green-700-fg .icon,
.light-green-700-fg .mat-icon {
    color: #fff
}

.light-green-700-fg .secondary-text,
.light-green-700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-green-700-fg .disabled-text,
.light-green-700-fg .hint-text,
.light-green-700-fg.disabled-text,
.light-green-700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-green-700-fg .divider,
.light-green-700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-green-700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-green-700-fg input[type=text] {
    color: #fff
}

.light-green-700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-green-700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-700-fg .mat-select-arrow,
.light-green-700-fg .mat-select-disabled .mat-select-value,
.light-green-700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-green-700-fg .mat-select-content,
.light-green-700-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-green-700-fg .mat-select-value {
    color: #fff
}

.light-green-700-border {
    border-color: #689f38 !important
}

.light-green-700-border-top {
    border-top-color: #689f38 !important
}

.light-green-700-border-right {
    border-right-color: #689f38 !important
}

.light-green-700-border-bottom {
    border-bottom-color: #689f38 !important
}

.light-green-700-border-left {
    border-left-color: #689f38 !important
}

.light-green-800-bg {
    background-color: #558b2f !important
}

.mat-light-green-800-bg {
    background-color: #558b2f !important;
    color: #fff !important
}

.mat-light-green-800-bg .icon,
.mat-light-green-800-bg .mat-icon {
    color: #fff
}

.mat-light-green-800-bg .secondary-text,
.mat-light-green-800-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-light-green-800-bg .disabled-text,
.mat-light-green-800-bg .hint-text,
.mat-light-green-800-bg.disabled-text,
.mat-light-green-800-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-light-green-800-bg .divider,
.mat-light-green-800-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-light-green-800-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-light-green-800-bg input[type=text] {
    color: #fff
}

.mat-light-green-800-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-light-green-800-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-light-green-800-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-light-green-800-bg .mat-select-arrow,
.mat-light-green-800-bg .mat-select-disabled .mat-select-value,
.mat-light-green-800-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-light-green-800-bg .mat-select-content,
.mat-light-green-800-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-green-800-bg .mat-select-value {
    color: #fff
}

.mat-light-green-800-bg[disabled] {
    background-color: rgba(85, 139, 47, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.light-green-800-fg {
    color: #558b2f !important
}

.light-green-800-fg .icon,
.light-green-800-fg .mat-icon {
    color: #fff
}

.light-green-800-fg .secondary-text,
.light-green-800-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-green-800-fg .disabled-text,
.light-green-800-fg .hint-text,
.light-green-800-fg.disabled-text,
.light-green-800-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-green-800-fg .divider,
.light-green-800-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-green-800-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-green-800-fg input[type=text] {
    color: #fff
}

.light-green-800-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-green-800-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-800-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-800-fg .mat-select-arrow,
.light-green-800-fg .mat-select-disabled .mat-select-value,
.light-green-800-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-green-800-fg .mat-select-content,
.light-green-800-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-green-800-fg .mat-select-value {
    color: #fff
}

.light-green-800-border {
    border-color: #558b2f !important
}

.light-green-800-border-top {
    border-top-color: #558b2f !important
}

.light-green-800-border-right {
    border-right-color: #558b2f !important
}

.light-green-800-border-bottom {
    border-bottom-color: #558b2f !important
}

.light-green-800-border-left {
    border-left-color: #558b2f !important
}

.light-green-900-bg {
    background-color: #33691e !important
}

.mat-light-green-900-bg {
    background-color: #33691e !important;
    color: #fff !important
}

.mat-light-green-900-bg .icon,
.mat-light-green-900-bg .mat-icon {
    color: #fff
}

.mat-light-green-900-bg .secondary-text,
.mat-light-green-900-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-light-green-900-bg .disabled-text,
.mat-light-green-900-bg .hint-text,
.mat-light-green-900-bg.disabled-text,
.mat-light-green-900-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-light-green-900-bg .divider,
.mat-light-green-900-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-light-green-900-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-light-green-900-bg input[type=text] {
    color: #fff
}

.mat-light-green-900-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-light-green-900-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-light-green-900-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-light-green-900-bg .mat-select-arrow,
.mat-light-green-900-bg .mat-select-disabled .mat-select-value,
.mat-light-green-900-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-light-green-900-bg .mat-select-content,
.mat-light-green-900-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-green-900-bg .mat-select-value {
    color: #fff
}

.mat-light-green-900-bg[disabled] {
    background-color: rgba(51, 105, 30, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.light-green-900-fg {
    color: #33691e !important
}

.light-green-900-fg .icon,
.light-green-900-fg .mat-icon {
    color: #fff
}

.light-green-900-fg .secondary-text,
.light-green-900-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-green-900-fg .disabled-text,
.light-green-900-fg .hint-text,
.light-green-900-fg.disabled-text,
.light-green-900-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-green-900-fg .divider,
.light-green-900-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-green-900-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-green-900-fg input[type=text] {
    color: #fff
}

.light-green-900-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-green-900-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-900-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-900-fg .mat-select-arrow,
.light-green-900-fg .mat-select-disabled .mat-select-value,
.light-green-900-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-green-900-fg .mat-select-content,
.light-green-900-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-green-900-fg .mat-select-value {
    color: #fff
}

.light-green-900-border {
    border-color: #33691e !important
}

.light-green-900-border-top {
    border-top-color: #33691e !important
}

.light-green-900-border-right {
    border-right-color: #33691e !important
}

.light-green-900-border-bottom {
    border-bottom-color: #33691e !important
}

.light-green-900-border-left {
    border-left-color: #33691e !important
}

.light-green-A100-bg {
    background-color: #ccff90 !important
}

.mat-light-green-A100-bg {
    background-color: #ccff90 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-light-green-A100-bg .icon,
.mat-light-green-A100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-light-green-A100-bg .secondary-text,
.mat-light-green-A100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-light-green-A100-bg .disabled-text,
.mat-light-green-A100-bg .hint-text,
.mat-light-green-A100-bg.disabled-text,
.mat-light-green-A100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-light-green-A100-bg .divider,
.mat-light-green-A100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-light-green-A100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-light-green-A100-bg input[type=text] {
    color: #000
}

.mat-light-green-A100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-light-green-A100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-green-A100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-green-A100-bg .mat-select-arrow,
.mat-light-green-A100-bg .mat-select-disabled .mat-select-value,
.mat-light-green-A100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-light-green-A100-bg .mat-select-content,
.mat-light-green-A100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-green-A100-bg[disabled] {
    background-color: rgba(204, 255, 144, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.light-green-A100-fg {
    color: #ccff90 !important
}

.light-green-A100-fg .icon,
.light-green-A100-fg .mat-icon {
    color: #fff
}

.light-green-A100-fg .secondary-text,
.light-green-A100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-green-A100-fg .disabled-text,
.light-green-A100-fg .hint-text,
.light-green-A100-fg.disabled-text,
.light-green-A100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-green-A100-fg .divider,
.light-green-A100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-green-A100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-green-A100-fg input[type=text] {
    color: #fff
}

.light-green-A100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-green-A100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-A100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-A100-fg .mat-select-arrow,
.light-green-A100-fg .mat-select-disabled .mat-select-value,
.light-green-A100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-green-A100-fg .mat-select-content,
.light-green-A100-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-green-A100-fg .mat-select-value {
    color: #fff
}

.light-green-A100-border {
    border-color: #ccff90 !important
}

.light-green-A100-border-top {
    border-top-color: #ccff90 !important
}

.light-green-A100-border-right {
    border-right-color: #ccff90 !important
}

.light-green-A100-border-bottom {
    border-bottom-color: #ccff90 !important
}

.light-green-A100-border-left {
    border-left-color: #ccff90 !important
}

.light-green-A200-bg {
    background-color: #b2ff59 !important
}

.mat-light-green-A200-bg {
    background-color: #b2ff59 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-light-green-A200-bg .icon,
.mat-light-green-A200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-light-green-A200-bg .secondary-text,
.mat-light-green-A200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-light-green-A200-bg .disabled-text,
.mat-light-green-A200-bg .hint-text,
.mat-light-green-A200-bg.disabled-text,
.mat-light-green-A200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-light-green-A200-bg .divider,
.mat-light-green-A200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-light-green-A200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-light-green-A200-bg input[type=text] {
    color: #000
}

.mat-light-green-A200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-light-green-A200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-green-A200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-green-A200-bg .mat-select-arrow,
.mat-light-green-A200-bg .mat-select-disabled .mat-select-value,
.mat-light-green-A200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-light-green-A200-bg .mat-select-content,
.mat-light-green-A200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-green-A200-bg[disabled] {
    background-color: rgba(178, 255, 89, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.light-green-A200-fg {
    color: #b2ff59 !important
}

.light-green-A200-fg .icon,
.light-green-A200-fg .mat-icon {
    color: #fff
}

.light-green-A200-fg .secondary-text,
.light-green-A200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-green-A200-fg .disabled-text,
.light-green-A200-fg .hint-text,
.light-green-A200-fg.disabled-text,
.light-green-A200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-green-A200-fg .divider,
.light-green-A200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-green-A200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-green-A200-fg input[type=text] {
    color: #fff
}

.light-green-A200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-green-A200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-A200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-A200-fg .mat-select-arrow,
.light-green-A200-fg .mat-select-disabled .mat-select-value,
.light-green-A200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-green-A200-fg .mat-select-content,
.light-green-A200-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-green-A200-fg .mat-select-value {
    color: #fff
}

.light-green-A200-border {
    border-color: #b2ff59 !important
}

.light-green-A200-border-top {
    border-top-color: #b2ff59 !important
}

.light-green-A200-border-right {
    border-right-color: #b2ff59 !important
}

.light-green-A200-border-bottom {
    border-bottom-color: #b2ff59 !important
}

.light-green-A200-border-left {
    border-left-color: #b2ff59 !important
}

.light-green-A400-bg {
    background-color: #76ff03 !important
}

.mat-light-green-A400-bg {
    background-color: #76ff03 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-light-green-A400-bg .icon,
.mat-light-green-A400-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-light-green-A400-bg .secondary-text,
.mat-light-green-A400-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-light-green-A400-bg .disabled-text,
.mat-light-green-A400-bg .hint-text,
.mat-light-green-A400-bg.disabled-text,
.mat-light-green-A400-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-light-green-A400-bg .divider,
.mat-light-green-A400-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-light-green-A400-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-light-green-A400-bg input[type=text] {
    color: #000
}

.mat-light-green-A400-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-light-green-A400-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-green-A400-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-green-A400-bg .mat-select-arrow,
.mat-light-green-A400-bg .mat-select-disabled .mat-select-value,
.mat-light-green-A400-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-light-green-A400-bg .mat-select-content,
.mat-light-green-A400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-green-A400-bg[disabled] {
    background-color: rgba(118, 255, 3, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.light-green-A400-fg {
    color: #76ff03 !important
}

.light-green-A400-fg .icon,
.light-green-A400-fg .mat-icon {
    color: #fff
}

.light-green-A400-fg .secondary-text,
.light-green-A400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-green-A400-fg .disabled-text,
.light-green-A400-fg .hint-text,
.light-green-A400-fg.disabled-text,
.light-green-A400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-green-A400-fg .divider,
.light-green-A400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-green-A400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-green-A400-fg input[type=text] {
    color: #fff
}

.light-green-A400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-green-A400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-A400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-A400-fg .mat-select-arrow,
.light-green-A400-fg .mat-select-disabled .mat-select-value,
.light-green-A400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-green-A400-fg .mat-select-content,
.light-green-A400-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-green-A400-fg .mat-select-value {
    color: #fff
}

.light-green-A400-border {
    border-color: #76ff03 !important
}

.light-green-A400-border-top {
    border-top-color: #76ff03 !important
}

.light-green-A400-border-right {
    border-right-color: #76ff03 !important
}

.light-green-A400-border-bottom {
    border-bottom-color: #76ff03 !important
}

.light-green-A400-border-left {
    border-left-color: #76ff03 !important
}

.light-green-A700-bg {
    background-color: #64dd17 !important
}

.mat-light-green-A700-bg {
    background-color: #64dd17 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-light-green-A700-bg .icon,
.mat-light-green-A700-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-light-green-A700-bg .secondary-text,
.mat-light-green-A700-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-light-green-A700-bg .disabled-text,
.mat-light-green-A700-bg .hint-text,
.mat-light-green-A700-bg.disabled-text,
.mat-light-green-A700-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-light-green-A700-bg .divider,
.mat-light-green-A700-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-light-green-A700-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-light-green-A700-bg input[type=text] {
    color: #000
}

.mat-light-green-A700-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-light-green-A700-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-green-A700-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-light-green-A700-bg .mat-select-arrow,
.mat-light-green-A700-bg .mat-select-disabled .mat-select-value,
.mat-light-green-A700-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-light-green-A700-bg .mat-select-content,
.mat-light-green-A700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-light-green-A700-bg[disabled] {
    background-color: rgba(100, 221, 23, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.light-green-A700-fg {
    color: #64dd17 !important
}

.light-green-A700-fg .icon,
.light-green-A700-fg .mat-icon {
    color: #fff
}

.light-green-A700-fg .secondary-text,
.light-green-A700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.light-green-A700-fg .disabled-text,
.light-green-A700-fg .hint-text,
.light-green-A700-fg.disabled-text,
.light-green-A700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.light-green-A700-fg .divider,
.light-green-A700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.light-green-A700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.light-green-A700-fg input[type=text] {
    color: #fff
}

.light-green-A700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.light-green-A700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-A700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.light-green-A700-fg .mat-select-arrow,
.light-green-A700-fg .mat-select-disabled .mat-select-value,
.light-green-A700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.light-green-A700-fg .mat-select-content,
.light-green-A700-fg .mat-select-panel-done-animating {
    background: #fff
}

.light-green-A700-fg .mat-select-value {
    color: #fff
}

.light-green-A700-border {
    border-color: #64dd17 !important
}

.light-green-A700-border-top {
    border-top-color: #64dd17 !important
}

.light-green-A700-border-right {
    border-right-color: #64dd17 !important
}

.light-green-A700-border-bottom {
    border-bottom-color: #64dd17 !important
}

.light-green-A700-border-left {
    border-left-color: #64dd17 !important
}

.lime-50-bg {
    background-color: #f9fbe7 !important
}

.mat-lime-50-bg {
    background-color: #f9fbe7 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-lime-50-bg .icon,
.mat-lime-50-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-lime-50-bg .secondary-text,
.mat-lime-50-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-lime-50-bg .disabled-text,
.mat-lime-50-bg .hint-text,
.mat-lime-50-bg.disabled-text,
.mat-lime-50-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-lime-50-bg .divider,
.mat-lime-50-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-lime-50-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-lime-50-bg input[type=text] {
    color: #000
}

.mat-lime-50-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-50-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-50-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-50-bg .mat-select-arrow,
.mat-lime-50-bg .mat-select-disabled .mat-select-value,
.mat-lime-50-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-50-bg .mat-select-content,
.mat-lime-50-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-lime-50-bg[disabled] {
    background-color: rgba(249, 251, 231, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.lime-50-fg {
    color: #f9fbe7 !important
}

.lime-50-fg .icon,
.lime-50-fg .mat-icon {
    color: #fff
}

.lime-50-fg .secondary-text,
.lime-50-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.lime-50-fg .disabled-text,
.lime-50-fg .hint-text,
.lime-50-fg.disabled-text,
.lime-50-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.lime-50-fg .divider,
.lime-50-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.lime-50-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.lime-50-fg input[type=text] {
    color: #fff
}

.lime-50-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.lime-50-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-50-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-50-fg .mat-select-arrow,
.lime-50-fg .mat-select-disabled .mat-select-value,
.lime-50-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.lime-50-fg .mat-select-content,
.lime-50-fg .mat-select-panel-done-animating {
    background: #fff
}

.lime-50-fg .mat-select-value {
    color: #fff
}

.lime-50-border {
    border-color: #f9fbe7 !important
}

.lime-50-border-top {
    border-top-color: #f9fbe7 !important
}

.lime-50-border-right {
    border-right-color: #f9fbe7 !important
}

.lime-50-border-bottom {
    border-bottom-color: #f9fbe7 !important
}

.lime-50-border-left {
    border-left-color: #f9fbe7 !important
}

.lime-100-bg {
    background-color: #f0f4c3 !important
}

.mat-lime-100-bg {
    background-color: #f0f4c3 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-lime-100-bg .icon,
.mat-lime-100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-lime-100-bg .secondary-text,
.mat-lime-100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-lime-100-bg .disabled-text,
.mat-lime-100-bg .hint-text,
.mat-lime-100-bg.disabled-text,
.mat-lime-100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-lime-100-bg .divider,
.mat-lime-100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-lime-100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-lime-100-bg input[type=text] {
    color: #000
}

.mat-lime-100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-100-bg .mat-select-arrow,
.mat-lime-100-bg .mat-select-disabled .mat-select-value,
.mat-lime-100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-100-bg .mat-select-content,
.mat-lime-100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-lime-100-bg[disabled] {
    background-color: rgba(240, 244, 195, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.lime-100-fg {
    color: #f0f4c3 !important
}

.lime-100-fg .icon,
.lime-100-fg .mat-icon {
    color: #fff
}

.lime-100-fg .secondary-text,
.lime-100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.lime-100-fg .disabled-text,
.lime-100-fg .hint-text,
.lime-100-fg.disabled-text,
.lime-100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.lime-100-fg .divider,
.lime-100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.lime-100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.lime-100-fg input[type=text] {
    color: #fff
}

.lime-100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.lime-100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-100-fg .mat-select-arrow,
.lime-100-fg .mat-select-disabled .mat-select-value,
.lime-100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.lime-100-fg .mat-select-content,
.lime-100-fg .mat-select-panel-done-animating {
    background: #fff
}

.lime-100-fg .mat-select-value {
    color: #fff
}

.lime-100-border {
    border-color: #f0f4c3 !important
}

.lime-100-border-top {
    border-top-color: #f0f4c3 !important
}

.lime-100-border-right {
    border-right-color: #f0f4c3 !important
}

.lime-100-border-bottom {
    border-bottom-color: #f0f4c3 !important
}

.lime-100-border-left {
    border-left-color: #f0f4c3 !important
}

.lime-200-bg {
    background-color: #e6ee9c !important
}

.mat-lime-200-bg {
    background-color: #e6ee9c !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-lime-200-bg .icon,
.mat-lime-200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-lime-200-bg .secondary-text,
.mat-lime-200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-lime-200-bg .disabled-text,
.mat-lime-200-bg .hint-text,
.mat-lime-200-bg.disabled-text,
.mat-lime-200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-lime-200-bg .divider,
.mat-lime-200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-lime-200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-lime-200-bg input[type=text] {
    color: #000
}

.mat-lime-200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-200-bg .mat-select-arrow,
.mat-lime-200-bg .mat-select-disabled .mat-select-value,
.mat-lime-200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-200-bg .mat-select-content,
.mat-lime-200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-lime-200-bg[disabled] {
    background-color: rgba(230, 238, 156, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.lime-200-fg {
    color: #e6ee9c !important
}

.lime-200-fg .icon,
.lime-200-fg .mat-icon {
    color: #fff
}

.lime-200-fg .secondary-text,
.lime-200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.lime-200-fg .disabled-text,
.lime-200-fg .hint-text,
.lime-200-fg.disabled-text,
.lime-200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.lime-200-fg .divider,
.lime-200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.lime-200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.lime-200-fg input[type=text] {
    color: #fff
}

.lime-200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.lime-200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-200-fg .mat-select-arrow,
.lime-200-fg .mat-select-disabled .mat-select-value,
.lime-200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.lime-200-fg .mat-select-content,
.lime-200-fg .mat-select-panel-done-animating {
    background: #fff
}

.lime-200-fg .mat-select-value {
    color: #fff
}

.lime-200-border {
    border-color: #e6ee9c !important
}

.lime-200-border-top {
    border-top-color: #e6ee9c !important
}

.lime-200-border-right {
    border-right-color: #e6ee9c !important
}

.lime-200-border-bottom {
    border-bottom-color: #e6ee9c !important
}

.lime-200-border-left {
    border-left-color: #e6ee9c !important
}

.lime-300-bg {
    background-color: #dce775 !important
}

.mat-lime-300-bg {
    background-color: #dce775 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-lime-300-bg .icon,
.mat-lime-300-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-lime-300-bg .secondary-text,
.mat-lime-300-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-lime-300-bg .disabled-text,
.mat-lime-300-bg .hint-text,
.mat-lime-300-bg.disabled-text,
.mat-lime-300-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-lime-300-bg .divider,
.mat-lime-300-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-lime-300-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-lime-300-bg input[type=text] {
    color: #000
}

.mat-lime-300-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-300-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-300-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-300-bg .mat-select-arrow,
.mat-lime-300-bg .mat-select-disabled .mat-select-value,
.mat-lime-300-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-300-bg .mat-select-content,
.mat-lime-300-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-lime-300-bg[disabled] {
    background-color: rgba(220, 231, 117, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.lime-300-fg {
    color: #dce775 !important
}

.lime-300-fg .icon,
.lime-300-fg .mat-icon {
    color: #fff
}

.lime-300-fg .secondary-text,
.lime-300-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.lime-300-fg .disabled-text,
.lime-300-fg .hint-text,
.lime-300-fg.disabled-text,
.lime-300-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.lime-300-fg .divider,
.lime-300-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.lime-300-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.lime-300-fg input[type=text] {
    color: #fff
}

.lime-300-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.lime-300-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-300-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-300-fg .mat-select-arrow,
.lime-300-fg .mat-select-disabled .mat-select-value,
.lime-300-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.lime-300-fg .mat-select-content,
.lime-300-fg .mat-select-panel-done-animating {
    background: #fff
}

.lime-300-fg .mat-select-value {
    color: #fff
}

.lime-300-border {
    border-color: #dce775 !important
}

.lime-300-border-top {
    border-top-color: #dce775 !important
}

.lime-300-border-right {
    border-right-color: #dce775 !important
}

.lime-300-border-bottom {
    border-bottom-color: #dce775 !important
}

.lime-300-border-left {
    border-left-color: #dce775 !important
}

.lime-400-bg {
    background-color: #d4e157 !important
}

.mat-lime-400-bg {
    background-color: #d4e157 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-lime-400-bg .icon,
.mat-lime-400-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-lime-400-bg .secondary-text,
.mat-lime-400-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-lime-400-bg .disabled-text,
.mat-lime-400-bg .hint-text,
.mat-lime-400-bg.disabled-text,
.mat-lime-400-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-lime-400-bg .divider,
.mat-lime-400-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-lime-400-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-lime-400-bg input[type=text] {
    color: #000
}

.mat-lime-400-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-400-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-400-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-400-bg .mat-select-arrow,
.mat-lime-400-bg .mat-select-disabled .mat-select-value,
.mat-lime-400-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-400-bg .mat-select-content,
.mat-lime-400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-lime-400-bg[disabled] {
    background-color: rgba(212, 225, 87, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.lime-400-fg {
    color: #d4e157 !important
}

.lime-400-fg .icon,
.lime-400-fg .mat-icon {
    color: #fff
}

.lime-400-fg .secondary-text,
.lime-400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.lime-400-fg .disabled-text,
.lime-400-fg .hint-text,
.lime-400-fg.disabled-text,
.lime-400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.lime-400-fg .divider,
.lime-400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.lime-400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.lime-400-fg input[type=text] {
    color: #fff
}

.lime-400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.lime-400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-400-fg .mat-select-arrow,
.lime-400-fg .mat-select-disabled .mat-select-value,
.lime-400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.lime-400-fg .mat-select-content,
.lime-400-fg .mat-select-panel-done-animating {
    background: #fff
}

.lime-400-fg .mat-select-value {
    color: #fff
}

.lime-400-border {
    border-color: #d4e157 !important
}

.lime-400-border-top {
    border-top-color: #d4e157 !important
}

.lime-400-border-right {
    border-right-color: #d4e157 !important
}

.lime-400-border-bottom {
    border-bottom-color: #d4e157 !important
}

.lime-400-border-left {
    border-left-color: #d4e157 !important
}

.lime-500-bg {
    background-color: #cddc39 !important
}

.mat-lime-500-bg {
    background-color: #cddc39 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-lime-500-bg .icon,
.mat-lime-500-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-lime-500-bg .secondary-text,
.mat-lime-500-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-lime-500-bg .disabled-text,
.mat-lime-500-bg .hint-text,
.mat-lime-500-bg.disabled-text,
.mat-lime-500-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-lime-500-bg .divider,
.mat-lime-500-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-lime-500-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-lime-500-bg input[type=text] {
    color: #000
}

.mat-lime-500-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-500-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-500-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-500-bg .mat-select-arrow,
.mat-lime-500-bg .mat-select-disabled .mat-select-value,
.mat-lime-500-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-500-bg .mat-select-content,
.mat-lime-500-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-lime-500-bg[disabled] {
    background-color: rgba(205, 220, 57, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.lime-500-fg {
    color: #cddc39 !important
}

.lime-500-fg .icon,
.lime-500-fg .mat-icon {
    color: #fff
}

.lime-500-fg .secondary-text,
.lime-500-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.lime-500-fg .disabled-text,
.lime-500-fg .hint-text,
.lime-500-fg.disabled-text,
.lime-500-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.lime-500-fg .divider,
.lime-500-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.lime-500-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.lime-500-fg input[type=text] {
    color: #fff
}

.lime-500-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.lime-500-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-500-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-500-fg .mat-select-arrow,
.lime-500-fg .mat-select-disabled .mat-select-value,
.lime-500-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.lime-500-fg .mat-select-content,
.lime-500-fg .mat-select-panel-done-animating {
    background: #fff
}

.lime-500-fg .mat-select-value {
    color: #fff
}

.lime-500-border {
    border-color: #cddc39 !important
}

.lime-500-border-top {
    border-top-color: #cddc39 !important
}

.lime-500-border-right {
    border-right-color: #cddc39 !important
}

.lime-500-border-bottom {
    border-bottom-color: #cddc39 !important
}

.lime-500-border-left {
    border-left-color: #cddc39 !important
}

.lime-bg {
    background-color: #cddc39 !important
}

.mat-lime-bg {
    background-color: #cddc39 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-lime-bg .icon,
.mat-lime-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-lime-bg .secondary-text,
.mat-lime-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-lime-bg .disabled-text,
.mat-lime-bg .hint-text,
.mat-lime-bg.disabled-text,
.mat-lime-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-lime-bg .divider,
.mat-lime-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-lime-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-lime-bg input[type=text] {
    color: #000
}

.mat-lime-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-bg .mat-select-arrow,
.mat-lime-bg .mat-select-disabled .mat-select-value,
.mat-lime-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-bg .mat-select-content,
.mat-lime-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-lime-bg[disabled] {
    background-color: rgba(205, 220, 57, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.lime-fg {
    color: #cddc39 !important
}

.lime-fg .icon,
.lime-fg .mat-icon {
    color: #fff
}

.lime-fg .secondary-text,
.lime-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.lime-fg .disabled-text,
.lime-fg .hint-text,
.lime-fg.disabled-text,
.lime-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.lime-fg .divider,
.lime-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.lime-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.lime-fg input[type=text] {
    color: #fff
}

.lime-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.lime-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-fg .mat-select-arrow,
.lime-fg .mat-select-disabled .mat-select-value,
.lime-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.lime-fg .mat-select-content,
.lime-fg .mat-select-panel-done-animating {
    background: #fff
}

.lime-fg .mat-select-value {
    color: #fff
}

.lime-border {
    border-color: #cddc39 !important
}

.lime-border-top {
    border-top-color: #cddc39 !important
}

.lime-border-right {
    border-right-color: #cddc39 !important
}

.lime-border-bottom {
    border-bottom-color: #cddc39 !important
}

.lime-border-left {
    border-left-color: #cddc39 !important
}

.lime-600-bg {
    background-color: #c0ca33 !important
}

.mat-lime-600-bg {
    background-color: #c0ca33 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-lime-600-bg .icon,
.mat-lime-600-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-lime-600-bg .secondary-text,
.mat-lime-600-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-lime-600-bg .disabled-text,
.mat-lime-600-bg .hint-text,
.mat-lime-600-bg.disabled-text,
.mat-lime-600-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-lime-600-bg .divider,
.mat-lime-600-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-lime-600-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-lime-600-bg input[type=text] {
    color: #000
}

.mat-lime-600-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-600-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-600-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-600-bg .mat-select-arrow,
.mat-lime-600-bg .mat-select-disabled .mat-select-value,
.mat-lime-600-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-600-bg .mat-select-content,
.mat-lime-600-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-lime-600-bg[disabled] {
    background-color: rgba(192, 202, 51, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.lime-600-fg {
    color: #c0ca33 !important
}

.lime-600-fg .icon,
.lime-600-fg .mat-icon {
    color: #fff
}

.lime-600-fg .secondary-text,
.lime-600-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.lime-600-fg .disabled-text,
.lime-600-fg .hint-text,
.lime-600-fg.disabled-text,
.lime-600-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.lime-600-fg .divider,
.lime-600-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.lime-600-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.lime-600-fg input[type=text] {
    color: #fff
}

.lime-600-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.lime-600-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-600-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-600-fg .mat-select-arrow,
.lime-600-fg .mat-select-disabled .mat-select-value,
.lime-600-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.lime-600-fg .mat-select-content,
.lime-600-fg .mat-select-panel-done-animating {
    background: #fff
}

.lime-600-fg .mat-select-value {
    color: #fff
}

.lime-600-border {
    border-color: #c0ca33 !important
}

.lime-600-border-top {
    border-top-color: #c0ca33 !important
}

.lime-600-border-right {
    border-right-color: #c0ca33 !important
}

.lime-600-border-bottom {
    border-bottom-color: #c0ca33 !important
}

.lime-600-border-left {
    border-left-color: #c0ca33 !important
}

.lime-700-bg {
    background-color: #afb42b !important
}

.mat-lime-700-bg {
    background-color: #afb42b !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-lime-700-bg .icon,
.mat-lime-700-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-lime-700-bg .secondary-text,
.mat-lime-700-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-lime-700-bg .disabled-text,
.mat-lime-700-bg .hint-text,
.mat-lime-700-bg.disabled-text,
.mat-lime-700-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-lime-700-bg .divider,
.mat-lime-700-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-lime-700-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-lime-700-bg input[type=text] {
    color: #000
}

.mat-lime-700-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-700-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-700-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-700-bg .mat-select-arrow,
.mat-lime-700-bg .mat-select-disabled .mat-select-value,
.mat-lime-700-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-700-bg .mat-select-content,
.mat-lime-700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-lime-700-bg[disabled] {
    background-color: rgba(175, 180, 43, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.lime-700-fg {
    color: #afb42b !important
}

.lime-700-fg .icon,
.lime-700-fg .mat-icon {
    color: #fff
}

.lime-700-fg .secondary-text,
.lime-700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.lime-700-fg .disabled-text,
.lime-700-fg .hint-text,
.lime-700-fg.disabled-text,
.lime-700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.lime-700-fg .divider,
.lime-700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.lime-700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.lime-700-fg input[type=text] {
    color: #fff
}

.lime-700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.lime-700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-700-fg .mat-select-arrow,
.lime-700-fg .mat-select-disabled .mat-select-value,
.lime-700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.lime-700-fg .mat-select-content,
.lime-700-fg .mat-select-panel-done-animating {
    background: #fff
}

.lime-700-fg .mat-select-value {
    color: #fff
}

.lime-700-border {
    border-color: #afb42b !important
}

.lime-700-border-top {
    border-top-color: #afb42b !important
}

.lime-700-border-right {
    border-right-color: #afb42b !important
}

.lime-700-border-bottom {
    border-bottom-color: #afb42b !important
}

.lime-700-border-left {
    border-left-color: #afb42b !important
}

.lime-800-bg {
    background-color: #9e9d24 !important
}

.mat-lime-800-bg {
    background-color: #9e9d24 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-lime-800-bg .icon,
.mat-lime-800-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-lime-800-bg .secondary-text,
.mat-lime-800-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-lime-800-bg .disabled-text,
.mat-lime-800-bg .hint-text,
.mat-lime-800-bg.disabled-text,
.mat-lime-800-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-lime-800-bg .divider,
.mat-lime-800-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-lime-800-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-lime-800-bg input[type=text] {
    color: #000
}

.mat-lime-800-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-800-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-800-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-800-bg .mat-select-arrow,
.mat-lime-800-bg .mat-select-disabled .mat-select-value,
.mat-lime-800-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-800-bg .mat-select-content,
.mat-lime-800-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-lime-800-bg[disabled] {
    background-color: rgba(158, 157, 36, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.lime-800-fg {
    color: #9e9d24 !important
}

.lime-800-fg .icon,
.lime-800-fg .mat-icon {
    color: #fff
}

.lime-800-fg .secondary-text,
.lime-800-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.lime-800-fg .disabled-text,
.lime-800-fg .hint-text,
.lime-800-fg.disabled-text,
.lime-800-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.lime-800-fg .divider,
.lime-800-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.lime-800-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.lime-800-fg input[type=text] {
    color: #fff
}

.lime-800-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.lime-800-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-800-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-800-fg .mat-select-arrow,
.lime-800-fg .mat-select-disabled .mat-select-value,
.lime-800-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.lime-800-fg .mat-select-content,
.lime-800-fg .mat-select-panel-done-animating {
    background: #fff
}

.lime-800-fg .mat-select-value {
    color: #fff
}

.lime-800-border {
    border-color: #9e9d24 !important
}

.lime-800-border-top {
    border-top-color: #9e9d24 !important
}

.lime-800-border-right {
    border-right-color: #9e9d24 !important
}

.lime-800-border-bottom {
    border-bottom-color: #9e9d24 !important
}

.lime-800-border-left {
    border-left-color: #9e9d24 !important
}

.lime-900-bg {
    background-color: #827717 !important
}

.mat-lime-900-bg {
    background-color: #827717 !important;
    color: #fff !important
}

.mat-lime-900-bg .icon,
.mat-lime-900-bg .mat-icon {
    color: #fff
}

.mat-lime-900-bg .secondary-text,
.mat-lime-900-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-lime-900-bg .disabled-text,
.mat-lime-900-bg .hint-text,
.mat-lime-900-bg.disabled-text,
.mat-lime-900-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-lime-900-bg .divider,
.mat-lime-900-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-lime-900-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-lime-900-bg input[type=text] {
    color: #fff
}

.mat-lime-900-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-lime-900-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-lime-900-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-lime-900-bg .mat-select-arrow,
.mat-lime-900-bg .mat-select-disabled .mat-select-value,
.mat-lime-900-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-lime-900-bg .mat-select-content,
.mat-lime-900-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-lime-900-bg .mat-select-value {
    color: #fff
}

.mat-lime-900-bg[disabled] {
    background-color: rgba(130, 119, 23, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.lime-900-fg {
    color: #827717 !important
}

.lime-900-fg .icon,
.lime-900-fg .mat-icon {
    color: #fff
}

.lime-900-fg .secondary-text,
.lime-900-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.lime-900-fg .disabled-text,
.lime-900-fg .hint-text,
.lime-900-fg.disabled-text,
.lime-900-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.lime-900-fg .divider,
.lime-900-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.lime-900-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.lime-900-fg input[type=text] {
    color: #fff
}

.lime-900-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.lime-900-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-900-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-900-fg .mat-select-arrow,
.lime-900-fg .mat-select-disabled .mat-select-value,
.lime-900-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.lime-900-fg .mat-select-content,
.lime-900-fg .mat-select-panel-done-animating {
    background: #fff
}

.lime-900-fg .mat-select-value {
    color: #fff
}

.lime-900-border {
    border-color: #827717 !important
}

.lime-900-border-top {
    border-top-color: #827717 !important
}

.lime-900-border-right {
    border-right-color: #827717 !important
}

.lime-900-border-bottom {
    border-bottom-color: #827717 !important
}

.lime-900-border-left {
    border-left-color: #827717 !important
}

.lime-A100-bg {
    background-color: #f4ff81 !important
}

.mat-lime-A100-bg {
    background-color: #f4ff81 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-lime-A100-bg .icon,
.mat-lime-A100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-lime-A100-bg .secondary-text,
.mat-lime-A100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-lime-A100-bg .disabled-text,
.mat-lime-A100-bg .hint-text,
.mat-lime-A100-bg.disabled-text,
.mat-lime-A100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-lime-A100-bg .divider,
.mat-lime-A100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-lime-A100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-lime-A100-bg input[type=text] {
    color: #000
}

.mat-lime-A100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-A100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-A100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-A100-bg .mat-select-arrow,
.mat-lime-A100-bg .mat-select-disabled .mat-select-value,
.mat-lime-A100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-A100-bg .mat-select-content,
.mat-lime-A100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-lime-A100-bg[disabled] {
    background-color: rgba(244, 255, 129, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.lime-A100-fg {
    color: #f4ff81 !important
}

.lime-A100-fg .icon,
.lime-A100-fg .mat-icon {
    color: #fff
}

.lime-A100-fg .secondary-text,
.lime-A100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.lime-A100-fg .disabled-text,
.lime-A100-fg .hint-text,
.lime-A100-fg.disabled-text,
.lime-A100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.lime-A100-fg .divider,
.lime-A100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.lime-A100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.lime-A100-fg input[type=text] {
    color: #fff
}

.lime-A100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.lime-A100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-A100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-A100-fg .mat-select-arrow,
.lime-A100-fg .mat-select-disabled .mat-select-value,
.lime-A100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.lime-A100-fg .mat-select-content,
.lime-A100-fg .mat-select-panel-done-animating {
    background: #fff
}

.lime-A100-fg .mat-select-value {
    color: #fff
}

.lime-A100-border {
    border-color: #f4ff81 !important
}

.lime-A100-border-top {
    border-top-color: #f4ff81 !important
}

.lime-A100-border-right {
    border-right-color: #f4ff81 !important
}

.lime-A100-border-bottom {
    border-bottom-color: #f4ff81 !important
}

.lime-A100-border-left {
    border-left-color: #f4ff81 !important
}

.lime-A200-bg {
    background-color: #eeff41 !important
}

.mat-lime-A200-bg {
    background-color: #eeff41 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-lime-A200-bg .icon,
.mat-lime-A200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-lime-A200-bg .secondary-text,
.mat-lime-A200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-lime-A200-bg .disabled-text,
.mat-lime-A200-bg .hint-text,
.mat-lime-A200-bg.disabled-text,
.mat-lime-A200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-lime-A200-bg .divider,
.mat-lime-A200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-lime-A200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-lime-A200-bg input[type=text] {
    color: #000
}

.mat-lime-A200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-A200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-A200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-A200-bg .mat-select-arrow,
.mat-lime-A200-bg .mat-select-disabled .mat-select-value,
.mat-lime-A200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-A200-bg .mat-select-content,
.mat-lime-A200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-lime-A200-bg[disabled] {
    background-color: rgba(238, 255, 65, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.lime-A200-fg {
    color: #eeff41 !important
}

.lime-A200-fg .icon,
.lime-A200-fg .mat-icon {
    color: #fff
}

.lime-A200-fg .secondary-text,
.lime-A200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.lime-A200-fg .disabled-text,
.lime-A200-fg .hint-text,
.lime-A200-fg.disabled-text,
.lime-A200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.lime-A200-fg .divider,
.lime-A200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.lime-A200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.lime-A200-fg input[type=text] {
    color: #fff
}

.lime-A200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.lime-A200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-A200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-A200-fg .mat-select-arrow,
.lime-A200-fg .mat-select-disabled .mat-select-value,
.lime-A200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.lime-A200-fg .mat-select-content,
.lime-A200-fg .mat-select-panel-done-animating {
    background: #fff
}

.lime-A200-fg .mat-select-value {
    color: #fff
}

.lime-A200-border {
    border-color: #eeff41 !important
}

.lime-A200-border-top {
    border-top-color: #eeff41 !important
}

.lime-A200-border-right {
    border-right-color: #eeff41 !important
}

.lime-A200-border-bottom {
    border-bottom-color: #eeff41 !important
}

.lime-A200-border-left {
    border-left-color: #eeff41 !important
}

.lime-A400-bg {
    background-color: #c6ff00 !important
}

.mat-lime-A400-bg {
    background-color: #c6ff00 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-lime-A400-bg .icon,
.mat-lime-A400-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-lime-A400-bg .secondary-text,
.mat-lime-A400-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-lime-A400-bg .disabled-text,
.mat-lime-A400-bg .hint-text,
.mat-lime-A400-bg.disabled-text,
.mat-lime-A400-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-lime-A400-bg .divider,
.mat-lime-A400-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-lime-A400-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-lime-A400-bg input[type=text] {
    color: #000
}

.mat-lime-A400-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-A400-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-A400-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-A400-bg .mat-select-arrow,
.mat-lime-A400-bg .mat-select-disabled .mat-select-value,
.mat-lime-A400-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-A400-bg .mat-select-content,
.mat-lime-A400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-lime-A400-bg[disabled] {
    background-color: rgba(198, 255, 0, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.lime-A400-fg {
    color: #c6ff00 !important
}

.lime-A400-fg .icon,
.lime-A400-fg .mat-icon {
    color: #fff
}

.lime-A400-fg .secondary-text,
.lime-A400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.lime-A400-fg .disabled-text,
.lime-A400-fg .hint-text,
.lime-A400-fg.disabled-text,
.lime-A400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.lime-A400-fg .divider,
.lime-A400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.lime-A400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.lime-A400-fg input[type=text] {
    color: #fff
}

.lime-A400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.lime-A400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-A400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-A400-fg .mat-select-arrow,
.lime-A400-fg .mat-select-disabled .mat-select-value,
.lime-A400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.lime-A400-fg .mat-select-content,
.lime-A400-fg .mat-select-panel-done-animating {
    background: #fff
}

.lime-A400-fg .mat-select-value {
    color: #fff
}

.lime-A400-border {
    border-color: #c6ff00 !important
}

.lime-A400-border-top {
    border-top-color: #c6ff00 !important
}

.lime-A400-border-right {
    border-right-color: #c6ff00 !important
}

.lime-A400-border-bottom {
    border-bottom-color: #c6ff00 !important
}

.lime-A400-border-left {
    border-left-color: #c6ff00 !important
}

.lime-A700-bg {
    background-color: #aeea00 !important
}

.mat-lime-A700-bg {
    background-color: #aeea00 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-lime-A700-bg .icon,
.mat-lime-A700-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-lime-A700-bg .secondary-text,
.mat-lime-A700-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-lime-A700-bg .disabled-text,
.mat-lime-A700-bg .hint-text,
.mat-lime-A700-bg.disabled-text,
.mat-lime-A700-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-lime-A700-bg .divider,
.mat-lime-A700-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-lime-A700-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-lime-A700-bg input[type=text] {
    color: #000
}

.mat-lime-A700-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-A700-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-A700-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-lime-A700-bg .mat-select-arrow,
.mat-lime-A700-bg .mat-select-disabled .mat-select-value,
.mat-lime-A700-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-lime-A700-bg .mat-select-content,
.mat-lime-A700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-lime-A700-bg[disabled] {
    background-color: rgba(174, 234, 0, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.lime-A700-fg {
    color: #aeea00 !important
}

.lime-A700-fg .icon,
.lime-A700-fg .mat-icon {
    color: #fff
}

.lime-A700-fg .secondary-text,
.lime-A700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.lime-A700-fg .disabled-text,
.lime-A700-fg .hint-text,
.lime-A700-fg.disabled-text,
.lime-A700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.lime-A700-fg .divider,
.lime-A700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.lime-A700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.lime-A700-fg input[type=text] {
    color: #fff
}

.lime-A700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.lime-A700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-A700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.lime-A700-fg .mat-select-arrow,
.lime-A700-fg .mat-select-disabled .mat-select-value,
.lime-A700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.lime-A700-fg .mat-select-content,
.lime-A700-fg .mat-select-panel-done-animating {
    background: #fff
}

.lime-A700-fg .mat-select-value {
    color: #fff
}

.lime-A700-border {
    border-color: #aeea00 !important
}

.lime-A700-border-top {
    border-top-color: #aeea00 !important
}

.lime-A700-border-right {
    border-right-color: #aeea00 !important
}

.lime-A700-border-bottom {
    border-bottom-color: #aeea00 !important
}

.lime-A700-border-left {
    border-left-color: #aeea00 !important
}

.yellow-50-bg {
    background-color: #fffde7 !important
}

.mat-yellow-50-bg {
    background-color: #fffde7 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-yellow-50-bg .icon,
.mat-yellow-50-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-yellow-50-bg .secondary-text,
.mat-yellow-50-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-yellow-50-bg .disabled-text,
.mat-yellow-50-bg .hint-text,
.mat-yellow-50-bg.disabled-text,
.mat-yellow-50-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-yellow-50-bg .divider,
.mat-yellow-50-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-yellow-50-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-yellow-50-bg input[type=text] {
    color: #000
}

.mat-yellow-50-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-50-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-50-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-50-bg .mat-select-arrow,
.mat-yellow-50-bg .mat-select-disabled .mat-select-value,
.mat-yellow-50-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-50-bg .mat-select-content,
.mat-yellow-50-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-yellow-50-bg[disabled] {
    background-color: rgba(255, 253, 231, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.yellow-50-fg {
    color: #fffde7 !important
}

.yellow-50-fg .icon,
.yellow-50-fg .mat-icon {
    color: #fff
}

.yellow-50-fg .secondary-text,
.yellow-50-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.yellow-50-fg .disabled-text,
.yellow-50-fg .hint-text,
.yellow-50-fg.disabled-text,
.yellow-50-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.yellow-50-fg .divider,
.yellow-50-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.yellow-50-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.yellow-50-fg input[type=text] {
    color: #fff
}

.yellow-50-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.yellow-50-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-50-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-50-fg .mat-select-arrow,
.yellow-50-fg .mat-select-disabled .mat-select-value,
.yellow-50-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.yellow-50-fg .mat-select-content,
.yellow-50-fg .mat-select-panel-done-animating {
    background: #fff
}

.yellow-50-fg .mat-select-value {
    color: #fff
}

.yellow-50-border {
    border-color: #fffde7 !important
}

.yellow-50-border-top {
    border-top-color: #fffde7 !important
}

.yellow-50-border-right {
    border-right-color: #fffde7 !important
}

.yellow-50-border-bottom {
    border-bottom-color: #fffde7 !important
}

.yellow-50-border-left {
    border-left-color: #fffde7 !important
}

.yellow-100-bg {
    background-color: #fff9c4 !important
}

.mat-yellow-100-bg {
    background-color: #fff9c4 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-yellow-100-bg .icon,
.mat-yellow-100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-yellow-100-bg .secondary-text,
.mat-yellow-100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-yellow-100-bg .disabled-text,
.mat-yellow-100-bg .hint-text,
.mat-yellow-100-bg.disabled-text,
.mat-yellow-100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-yellow-100-bg .divider,
.mat-yellow-100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-yellow-100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-yellow-100-bg input[type=text] {
    color: #000
}

.mat-yellow-100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-100-bg .mat-select-arrow,
.mat-yellow-100-bg .mat-select-disabled .mat-select-value,
.mat-yellow-100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-100-bg .mat-select-content,
.mat-yellow-100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-yellow-100-bg[disabled] {
    background-color: rgba(255, 249, 196, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.yellow-100-fg {
    color: #fff9c4 !important
}

.yellow-100-fg .icon,
.yellow-100-fg .mat-icon {
    color: #fff
}

.yellow-100-fg .secondary-text,
.yellow-100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.yellow-100-fg .disabled-text,
.yellow-100-fg .hint-text,
.yellow-100-fg.disabled-text,
.yellow-100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.yellow-100-fg .divider,
.yellow-100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.yellow-100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.yellow-100-fg input[type=text] {
    color: #fff
}

.yellow-100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.yellow-100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-100-fg .mat-select-arrow,
.yellow-100-fg .mat-select-disabled .mat-select-value,
.yellow-100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.yellow-100-fg .mat-select-content,
.yellow-100-fg .mat-select-panel-done-animating {
    background: #fff
}

.yellow-100-fg .mat-select-value {
    color: #fff
}

.yellow-100-border {
    border-color: #fff9c4 !important
}

.yellow-100-border-top {
    border-top-color: #fff9c4 !important
}

.yellow-100-border-right {
    border-right-color: #fff9c4 !important
}

.yellow-100-border-bottom {
    border-bottom-color: #fff9c4 !important
}

.yellow-100-border-left {
    border-left-color: #fff9c4 !important
}

.yellow-200-bg {
    background-color: #fff59d !important
}

.mat-yellow-200-bg {
    background-color: #fff59d !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-yellow-200-bg .icon,
.mat-yellow-200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-yellow-200-bg .secondary-text,
.mat-yellow-200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-yellow-200-bg .disabled-text,
.mat-yellow-200-bg .hint-text,
.mat-yellow-200-bg.disabled-text,
.mat-yellow-200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-yellow-200-bg .divider,
.mat-yellow-200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-yellow-200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-yellow-200-bg input[type=text] {
    color: #000
}

.mat-yellow-200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-200-bg .mat-select-arrow,
.mat-yellow-200-bg .mat-select-disabled .mat-select-value,
.mat-yellow-200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-200-bg .mat-select-content,
.mat-yellow-200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-yellow-200-bg[disabled] {
    background-color: rgba(255, 245, 157, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.yellow-200-fg {
    color: #fff59d !important
}

.yellow-200-fg .icon,
.yellow-200-fg .mat-icon {
    color: #fff
}

.yellow-200-fg .secondary-text,
.yellow-200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.yellow-200-fg .disabled-text,
.yellow-200-fg .hint-text,
.yellow-200-fg.disabled-text,
.yellow-200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.yellow-200-fg .divider,
.yellow-200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.yellow-200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.yellow-200-fg input[type=text] {
    color: #fff
}

.yellow-200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.yellow-200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-200-fg .mat-select-arrow,
.yellow-200-fg .mat-select-disabled .mat-select-value,
.yellow-200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.yellow-200-fg .mat-select-content,
.yellow-200-fg .mat-select-panel-done-animating {
    background: #fff
}

.yellow-200-fg .mat-select-value {
    color: #fff
}

.yellow-200-border {
    border-color: #fff59d !important
}

.yellow-200-border-top {
    border-top-color: #fff59d !important
}

.yellow-200-border-right {
    border-right-color: #fff59d !important
}

.yellow-200-border-bottom {
    border-bottom-color: #fff59d !important
}

.yellow-200-border-left {
    border-left-color: #fff59d !important
}

.yellow-300-bg {
    background-color: #fff176 !important
}

.mat-yellow-300-bg {
    background-color: #fff176 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-yellow-300-bg .icon,
.mat-yellow-300-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-yellow-300-bg .secondary-text,
.mat-yellow-300-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-yellow-300-bg .disabled-text,
.mat-yellow-300-bg .hint-text,
.mat-yellow-300-bg.disabled-text,
.mat-yellow-300-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-yellow-300-bg .divider,
.mat-yellow-300-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-yellow-300-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-yellow-300-bg input[type=text] {
    color: #000
}

.mat-yellow-300-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-300-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-300-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-300-bg .mat-select-arrow,
.mat-yellow-300-bg .mat-select-disabled .mat-select-value,
.mat-yellow-300-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-300-bg .mat-select-content,
.mat-yellow-300-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-yellow-300-bg[disabled] {
    background-color: rgba(255, 241, 118, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.yellow-300-fg {
    color: #fff176 !important
}

.yellow-300-fg .icon,
.yellow-300-fg .mat-icon {
    color: #fff
}

.yellow-300-fg .secondary-text,
.yellow-300-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.yellow-300-fg .disabled-text,
.yellow-300-fg .hint-text,
.yellow-300-fg.disabled-text,
.yellow-300-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.yellow-300-fg .divider,
.yellow-300-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.yellow-300-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.yellow-300-fg input[type=text] {
    color: #fff
}

.yellow-300-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.yellow-300-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-300-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-300-fg .mat-select-arrow,
.yellow-300-fg .mat-select-disabled .mat-select-value,
.yellow-300-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.yellow-300-fg .mat-select-content,
.yellow-300-fg .mat-select-panel-done-animating {
    background: #fff
}

.yellow-300-fg .mat-select-value {
    color: #fff
}

.yellow-300-border {
    border-color: #fff176 !important
}

.yellow-300-border-top {
    border-top-color: #fff176 !important
}

.yellow-300-border-right {
    border-right-color: #fff176 !important
}

.yellow-300-border-bottom {
    border-bottom-color: #fff176 !important
}

.yellow-300-border-left {
    border-left-color: #fff176 !important
}

.yellow-400-bg {
    background-color: #ffee58 !important
}

.mat-yellow-400-bg {
    background-color: #ffee58 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-yellow-400-bg .icon,
.mat-yellow-400-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-yellow-400-bg .secondary-text,
.mat-yellow-400-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-yellow-400-bg .disabled-text,
.mat-yellow-400-bg .hint-text,
.mat-yellow-400-bg.disabled-text,
.mat-yellow-400-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-yellow-400-bg .divider,
.mat-yellow-400-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-yellow-400-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-yellow-400-bg input[type=text] {
    color: #000
}

.mat-yellow-400-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-400-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-400-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-400-bg .mat-select-arrow,
.mat-yellow-400-bg .mat-select-disabled .mat-select-value,
.mat-yellow-400-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-400-bg .mat-select-content,
.mat-yellow-400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-yellow-400-bg[disabled] {
    background-color: rgba(255, 238, 88, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.yellow-400-fg {
    color: #ffee58 !important
}

.yellow-400-fg .icon,
.yellow-400-fg .mat-icon {
    color: #fff
}

.yellow-400-fg .secondary-text,
.yellow-400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.yellow-400-fg .disabled-text,
.yellow-400-fg .hint-text,
.yellow-400-fg.disabled-text,
.yellow-400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.yellow-400-fg .divider,
.yellow-400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.yellow-400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.yellow-400-fg input[type=text] {
    color: #fff
}

.yellow-400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.yellow-400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-400-fg .mat-select-arrow,
.yellow-400-fg .mat-select-disabled .mat-select-value,
.yellow-400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.yellow-400-fg .mat-select-content,
.yellow-400-fg .mat-select-panel-done-animating {
    background: #fff
}

.yellow-400-fg .mat-select-value {
    color: #fff
}

.yellow-400-border {
    border-color: #ffee58 !important
}

.yellow-400-border-top {
    border-top-color: #ffee58 !important
}

.yellow-400-border-right {
    border-right-color: #ffee58 !important
}

.yellow-400-border-bottom {
    border-bottom-color: #ffee58 !important
}

.yellow-400-border-left {
    border-left-color: #ffee58 !important
}

.yellow-500-bg {
    background-color: #ffeb3b !important
}

.mat-yellow-500-bg {
    background-color: #ffeb3b !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-yellow-500-bg .icon,
.mat-yellow-500-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-yellow-500-bg .secondary-text,
.mat-yellow-500-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-yellow-500-bg .disabled-text,
.mat-yellow-500-bg .hint-text,
.mat-yellow-500-bg.disabled-text,
.mat-yellow-500-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-yellow-500-bg .divider,
.mat-yellow-500-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-yellow-500-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-yellow-500-bg input[type=text] {
    color: #000
}

.mat-yellow-500-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-500-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-500-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-500-bg .mat-select-arrow,
.mat-yellow-500-bg .mat-select-disabled .mat-select-value,
.mat-yellow-500-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-500-bg .mat-select-content,
.mat-yellow-500-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-yellow-500-bg[disabled] {
    background-color: rgba(255, 235, 59, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.yellow-500-fg {
    color: #ffeb3b !important
}

.yellow-500-fg .icon,
.yellow-500-fg .mat-icon {
    color: #fff
}

.yellow-500-fg .secondary-text,
.yellow-500-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.yellow-500-fg .disabled-text,
.yellow-500-fg .hint-text,
.yellow-500-fg.disabled-text,
.yellow-500-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.yellow-500-fg .divider,
.yellow-500-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.yellow-500-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.yellow-500-fg input[type=text] {
    color: #fff
}

.yellow-500-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.yellow-500-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-500-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-500-fg .mat-select-arrow,
.yellow-500-fg .mat-select-disabled .mat-select-value,
.yellow-500-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.yellow-500-fg .mat-select-content,
.yellow-500-fg .mat-select-panel-done-animating {
    background: #fff
}

.yellow-500-fg .mat-select-value {
    color: #fff
}

.yellow-500-border {
    border-color: #ffeb3b !important
}

.yellow-500-border-top {
    border-top-color: #ffeb3b !important
}

.yellow-500-border-right {
    border-right-color: #ffeb3b !important
}

.yellow-500-border-bottom {
    border-bottom-color: #ffeb3b !important
}

.yellow-500-border-left {
    border-left-color: #ffeb3b !important
}

.yellow-bg {
    background-color: #ffeb3b !important
}

.mat-yellow-bg {
    background-color: #ffeb3b !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-yellow-bg .icon,
.mat-yellow-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-yellow-bg .secondary-text,
.mat-yellow-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-yellow-bg .disabled-text,
.mat-yellow-bg .hint-text,
.mat-yellow-bg.disabled-text,
.mat-yellow-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-yellow-bg .divider,
.mat-yellow-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-yellow-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-yellow-bg input[type=text] {
    color: #000
}

.mat-yellow-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-bg .mat-select-arrow,
.mat-yellow-bg .mat-select-disabled .mat-select-value,
.mat-yellow-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-bg .mat-select-content,
.mat-yellow-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-yellow-bg[disabled] {
    background-color: rgba(255, 235, 59, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.yellow-fg {
    color: #ffeb3b !important
}

.yellow-fg .icon,
.yellow-fg .mat-icon {
    color: #fff
}

.yellow-fg .secondary-text,
.yellow-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.yellow-fg .disabled-text,
.yellow-fg .hint-text,
.yellow-fg.disabled-text,
.yellow-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.yellow-fg .divider,
.yellow-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.yellow-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.yellow-fg input[type=text] {
    color: #fff
}

.yellow-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.yellow-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-fg .mat-select-arrow,
.yellow-fg .mat-select-disabled .mat-select-value,
.yellow-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.yellow-fg .mat-select-content,
.yellow-fg .mat-select-panel-done-animating {
    background: #fff
}

.yellow-fg .mat-select-value {
    color: #fff
}

.yellow-border {
    border-color: #ffeb3b !important
}

.yellow-border-top {
    border-top-color: #ffeb3b !important
}

.yellow-border-right {
    border-right-color: #ffeb3b !important
}

.yellow-border-bottom {
    border-bottom-color: #ffeb3b !important
}

.yellow-border-left {
    border-left-color: #ffeb3b !important
}

.yellow-600-bg {
    background-color: #fdd835 !important
}

.mat-yellow-600-bg {
    background-color: #fdd835 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-yellow-600-bg .icon,
.mat-yellow-600-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-yellow-600-bg .secondary-text,
.mat-yellow-600-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-yellow-600-bg .disabled-text,
.mat-yellow-600-bg .hint-text,
.mat-yellow-600-bg.disabled-text,
.mat-yellow-600-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-yellow-600-bg .divider,
.mat-yellow-600-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-yellow-600-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-yellow-600-bg input[type=text] {
    color: #000
}

.mat-yellow-600-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-600-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-600-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-600-bg .mat-select-arrow,
.mat-yellow-600-bg .mat-select-disabled .mat-select-value,
.mat-yellow-600-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-600-bg .mat-select-content,
.mat-yellow-600-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-yellow-600-bg[disabled] {
    background-color: rgba(253, 216, 53, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.yellow-600-fg {
    color: #fdd835 !important
}

.yellow-600-fg .icon,
.yellow-600-fg .mat-icon {
    color: #fff
}

.yellow-600-fg .secondary-text,
.yellow-600-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.yellow-600-fg .disabled-text,
.yellow-600-fg .hint-text,
.yellow-600-fg.disabled-text,
.yellow-600-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.yellow-600-fg .divider,
.yellow-600-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.yellow-600-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.yellow-600-fg input[type=text] {
    color: #fff
}

.yellow-600-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.yellow-600-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-600-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-600-fg .mat-select-arrow,
.yellow-600-fg .mat-select-disabled .mat-select-value,
.yellow-600-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.yellow-600-fg .mat-select-content,
.yellow-600-fg .mat-select-panel-done-animating {
    background: #fff
}

.yellow-600-fg .mat-select-value {
    color: #fff
}

.yellow-600-border {
    border-color: #fdd835 !important
}

.yellow-600-border-top {
    border-top-color: #fdd835 !important
}

.yellow-600-border-right {
    border-right-color: #fdd835 !important
}

.yellow-600-border-bottom {
    border-bottom-color: #fdd835 !important
}

.yellow-600-border-left {
    border-left-color: #fdd835 !important
}

.yellow-700-bg {
    background-color: #fbc02d !important
}

.mat-yellow-700-bg {
    background-color: #fbc02d !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-yellow-700-bg .icon,
.mat-yellow-700-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-yellow-700-bg .secondary-text,
.mat-yellow-700-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-yellow-700-bg .disabled-text,
.mat-yellow-700-bg .hint-text,
.mat-yellow-700-bg.disabled-text,
.mat-yellow-700-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-yellow-700-bg .divider,
.mat-yellow-700-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-yellow-700-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-yellow-700-bg input[type=text] {
    color: #000
}

.mat-yellow-700-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-700-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-700-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-700-bg .mat-select-arrow,
.mat-yellow-700-bg .mat-select-disabled .mat-select-value,
.mat-yellow-700-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-700-bg .mat-select-content,
.mat-yellow-700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-yellow-700-bg[disabled] {
    background-color: rgba(251, 192, 45, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.yellow-700-fg {
    color: #fbc02d !important
}

.yellow-700-fg .icon,
.yellow-700-fg .mat-icon {
    color: #fff
}

.yellow-700-fg .secondary-text,
.yellow-700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.yellow-700-fg .disabled-text,
.yellow-700-fg .hint-text,
.yellow-700-fg.disabled-text,
.yellow-700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.yellow-700-fg .divider,
.yellow-700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.yellow-700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.yellow-700-fg input[type=text] {
    color: #fff
}

.yellow-700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.yellow-700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-700-fg .mat-select-arrow,
.yellow-700-fg .mat-select-disabled .mat-select-value,
.yellow-700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.yellow-700-fg .mat-select-content,
.yellow-700-fg .mat-select-panel-done-animating {
    background: #fff
}

.yellow-700-fg .mat-select-value {
    color: #fff
}

.yellow-700-border {
    border-color: #fbc02d !important
}

.yellow-700-border-top {
    border-top-color: #fbc02d !important
}

.yellow-700-border-right {
    border-right-color: #fbc02d !important
}

.yellow-700-border-bottom {
    border-bottom-color: #fbc02d !important
}

.yellow-700-border-left {
    border-left-color: #fbc02d !important
}

.yellow-800-bg {
    background-color: #f9a825 !important
}

.mat-yellow-800-bg {
    background-color: #f9a825 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-yellow-800-bg .icon,
.mat-yellow-800-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-yellow-800-bg .secondary-text,
.mat-yellow-800-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-yellow-800-bg .disabled-text,
.mat-yellow-800-bg .hint-text,
.mat-yellow-800-bg.disabled-text,
.mat-yellow-800-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-yellow-800-bg .divider,
.mat-yellow-800-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-yellow-800-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-yellow-800-bg input[type=text] {
    color: #000
}

.mat-yellow-800-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-800-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-800-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-800-bg .mat-select-arrow,
.mat-yellow-800-bg .mat-select-disabled .mat-select-value,
.mat-yellow-800-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-800-bg .mat-select-content,
.mat-yellow-800-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-yellow-800-bg[disabled] {
    background-color: rgba(249, 168, 37, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.yellow-800-fg {
    color: #f9a825 !important
}

.yellow-800-fg .icon,
.yellow-800-fg .mat-icon {
    color: #fff
}

.yellow-800-fg .secondary-text,
.yellow-800-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.yellow-800-fg .disabled-text,
.yellow-800-fg .hint-text,
.yellow-800-fg.disabled-text,
.yellow-800-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.yellow-800-fg .divider,
.yellow-800-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.yellow-800-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.yellow-800-fg input[type=text] {
    color: #fff
}

.yellow-800-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.yellow-800-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-800-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-800-fg .mat-select-arrow,
.yellow-800-fg .mat-select-disabled .mat-select-value,
.yellow-800-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.yellow-800-fg .mat-select-content,
.yellow-800-fg .mat-select-panel-done-animating {
    background: #fff
}

.yellow-800-fg .mat-select-value {
    color: #fff
}

.yellow-800-border {
    border-color: #f9a825 !important
}

.yellow-800-border-top {
    border-top-color: #f9a825 !important
}

.yellow-800-border-right {
    border-right-color: #f9a825 !important
}

.yellow-800-border-bottom {
    border-bottom-color: #f9a825 !important
}

.yellow-800-border-left {
    border-left-color: #f9a825 !important
}

.yellow-900-bg {
    background-color: #f57f17 !important
}

.mat-yellow-900-bg {
    background-color: #f57f17 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-yellow-900-bg .icon,
.mat-yellow-900-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-yellow-900-bg .secondary-text,
.mat-yellow-900-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-yellow-900-bg .disabled-text,
.mat-yellow-900-bg .hint-text,
.mat-yellow-900-bg.disabled-text,
.mat-yellow-900-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-yellow-900-bg .divider,
.mat-yellow-900-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-yellow-900-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-yellow-900-bg input[type=text] {
    color: #000
}

.mat-yellow-900-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-900-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-900-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-900-bg .mat-select-arrow,
.mat-yellow-900-bg .mat-select-disabled .mat-select-value,
.mat-yellow-900-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-900-bg .mat-select-content,
.mat-yellow-900-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-yellow-900-bg[disabled] {
    background-color: rgba(245, 127, 23, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.yellow-900-fg {
    color: #f57f17 !important
}

.yellow-900-fg .icon,
.yellow-900-fg .mat-icon {
    color: #fff
}

.yellow-900-fg .secondary-text,
.yellow-900-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.yellow-900-fg .disabled-text,
.yellow-900-fg .hint-text,
.yellow-900-fg.disabled-text,
.yellow-900-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.yellow-900-fg .divider,
.yellow-900-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.yellow-900-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.yellow-900-fg input[type=text] {
    color: #fff
}

.yellow-900-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.yellow-900-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-900-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-900-fg .mat-select-arrow,
.yellow-900-fg .mat-select-disabled .mat-select-value,
.yellow-900-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.yellow-900-fg .mat-select-content,
.yellow-900-fg .mat-select-panel-done-animating {
    background: #fff
}

.yellow-900-fg .mat-select-value {
    color: #fff
}

.yellow-900-border {
    border-color: #f57f17 !important
}

.yellow-900-border-top {
    border-top-color: #f57f17 !important
}

.yellow-900-border-right {
    border-right-color: #f57f17 !important
}

.yellow-900-border-bottom {
    border-bottom-color: #f57f17 !important
}

.yellow-900-border-left {
    border-left-color: #f57f17 !important
}

.yellow-A100-bg {
    background-color: #ffff8d !important
}

.mat-yellow-A100-bg {
    background-color: #ffff8d !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-yellow-A100-bg .icon,
.mat-yellow-A100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-yellow-A100-bg .secondary-text,
.mat-yellow-A100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-yellow-A100-bg .disabled-text,
.mat-yellow-A100-bg .hint-text,
.mat-yellow-A100-bg.disabled-text,
.mat-yellow-A100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-yellow-A100-bg .divider,
.mat-yellow-A100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-yellow-A100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-yellow-A100-bg input[type=text] {
    color: #000
}

.mat-yellow-A100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-A100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-A100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-A100-bg .mat-select-arrow,
.mat-yellow-A100-bg .mat-select-disabled .mat-select-value,
.mat-yellow-A100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-A100-bg .mat-select-content,
.mat-yellow-A100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-yellow-A100-bg[disabled] {
    background-color: rgba(255, 255, 141, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.yellow-A100-fg {
    color: #ffff8d !important
}

.yellow-A100-fg .icon,
.yellow-A100-fg .mat-icon {
    color: #fff
}

.yellow-A100-fg .secondary-text,
.yellow-A100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.yellow-A100-fg .disabled-text,
.yellow-A100-fg .hint-text,
.yellow-A100-fg.disabled-text,
.yellow-A100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.yellow-A100-fg .divider,
.yellow-A100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.yellow-A100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.yellow-A100-fg input[type=text] {
    color: #fff
}

.yellow-A100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.yellow-A100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-A100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-A100-fg .mat-select-arrow,
.yellow-A100-fg .mat-select-disabled .mat-select-value,
.yellow-A100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.yellow-A100-fg .mat-select-content,
.yellow-A100-fg .mat-select-panel-done-animating {
    background: #fff
}

.yellow-A100-fg .mat-select-value {
    color: #fff
}

.yellow-A100-border {
    border-color: #ffff8d !important
}

.yellow-A100-border-top {
    border-top-color: #ffff8d !important
}

.yellow-A100-border-right {
    border-right-color: #ffff8d !important
}

.yellow-A100-border-bottom {
    border-bottom-color: #ffff8d !important
}

.yellow-A100-border-left {
    border-left-color: #ffff8d !important
}

.yellow-A200-bg {
    background-color: #ff0 !important
}

.mat-yellow-A200-bg {
    background-color: #ff0 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-yellow-A200-bg .icon,
.mat-yellow-A200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-yellow-A200-bg .secondary-text,
.mat-yellow-A200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-yellow-A200-bg .disabled-text,
.mat-yellow-A200-bg .hint-text,
.mat-yellow-A200-bg.disabled-text,
.mat-yellow-A200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-yellow-A200-bg .divider,
.mat-yellow-A200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-yellow-A200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-yellow-A200-bg input[type=text] {
    color: #000
}

.mat-yellow-A200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-A200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-A200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-A200-bg .mat-select-arrow,
.mat-yellow-A200-bg .mat-select-disabled .mat-select-value,
.mat-yellow-A200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-A200-bg .mat-select-content,
.mat-yellow-A200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-yellow-A200-bg[disabled] {
    background-color: rgba(255, 255, 0, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.yellow-A200-fg {
    color: #ff0 !important
}

.yellow-A200-fg .icon,
.yellow-A200-fg .mat-icon {
    color: #fff
}

.yellow-A200-fg .secondary-text,
.yellow-A200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.yellow-A200-fg .disabled-text,
.yellow-A200-fg .hint-text,
.yellow-A200-fg.disabled-text,
.yellow-A200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.yellow-A200-fg .divider,
.yellow-A200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.yellow-A200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.yellow-A200-fg input[type=text] {
    color: #fff
}

.yellow-A200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.yellow-A200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-A200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-A200-fg .mat-select-arrow,
.yellow-A200-fg .mat-select-disabled .mat-select-value,
.yellow-A200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.yellow-A200-fg .mat-select-content,
.yellow-A200-fg .mat-select-panel-done-animating {
    background: #fff
}

.yellow-A200-fg .mat-select-value {
    color: #fff
}

.yellow-A200-border {
    border-color: #ff0 !important
}

.yellow-A200-border-top {
    border-top-color: #ff0 !important
}

.yellow-A200-border-right {
    border-right-color: #ff0 !important
}

.yellow-A200-border-bottom {
    border-bottom-color: #ff0 !important
}

.yellow-A200-border-left {
    border-left-color: #ff0 !important
}

.yellow-A400-bg {
    background-color: #ffea00 !important
}

.mat-yellow-A400-bg {
    background-color: #ffea00 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-yellow-A400-bg .icon,
.mat-yellow-A400-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-yellow-A400-bg .secondary-text,
.mat-yellow-A400-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-yellow-A400-bg .disabled-text,
.mat-yellow-A400-bg .hint-text,
.mat-yellow-A400-bg.disabled-text,
.mat-yellow-A400-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-yellow-A400-bg .divider,
.mat-yellow-A400-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-yellow-A400-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-yellow-A400-bg input[type=text] {
    color: #000
}

.mat-yellow-A400-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-A400-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-A400-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-A400-bg .mat-select-arrow,
.mat-yellow-A400-bg .mat-select-disabled .mat-select-value,
.mat-yellow-A400-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-A400-bg .mat-select-content,
.mat-yellow-A400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-yellow-A400-bg[disabled] {
    background-color: rgba(255, 234, 0, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.yellow-A400-fg {
    color: #ffea00 !important
}

.yellow-A400-fg .icon,
.yellow-A400-fg .mat-icon {
    color: #fff
}

.yellow-A400-fg .secondary-text,
.yellow-A400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.yellow-A400-fg .disabled-text,
.yellow-A400-fg .hint-text,
.yellow-A400-fg.disabled-text,
.yellow-A400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.yellow-A400-fg .divider,
.yellow-A400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.yellow-A400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.yellow-A400-fg input[type=text] {
    color: #fff
}

.yellow-A400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.yellow-A400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-A400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-A400-fg .mat-select-arrow,
.yellow-A400-fg .mat-select-disabled .mat-select-value,
.yellow-A400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.yellow-A400-fg .mat-select-content,
.yellow-A400-fg .mat-select-panel-done-animating {
    background: #fff
}

.yellow-A400-fg .mat-select-value {
    color: #fff
}

.yellow-A400-border {
    border-color: #ffea00 !important
}

.yellow-A400-border-top {
    border-top-color: #ffea00 !important
}

.yellow-A400-border-right {
    border-right-color: #ffea00 !important
}

.yellow-A400-border-bottom {
    border-bottom-color: #ffea00 !important
}

.yellow-A400-border-left {
    border-left-color: #ffea00 !important
}

.yellow-A700-bg {
    background-color: #ffd600 !important
}

.mat-yellow-A700-bg {
    background-color: #ffd600 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-yellow-A700-bg .icon,
.mat-yellow-A700-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-yellow-A700-bg .secondary-text,
.mat-yellow-A700-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-yellow-A700-bg .disabled-text,
.mat-yellow-A700-bg .hint-text,
.mat-yellow-A700-bg.disabled-text,
.mat-yellow-A700-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-yellow-A700-bg .divider,
.mat-yellow-A700-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-yellow-A700-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-yellow-A700-bg input[type=text] {
    color: #000
}

.mat-yellow-A700-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-A700-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-A700-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-yellow-A700-bg .mat-select-arrow,
.mat-yellow-A700-bg .mat-select-disabled .mat-select-value,
.mat-yellow-A700-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-yellow-A700-bg .mat-select-content,
.mat-yellow-A700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-yellow-A700-bg[disabled] {
    background-color: rgba(255, 214, 0, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.yellow-A700-fg {
    color: #ffd600 !important
}

.yellow-A700-fg .icon,
.yellow-A700-fg .mat-icon {
    color: #fff
}

.yellow-A700-fg .secondary-text,
.yellow-A700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.yellow-A700-fg .disabled-text,
.yellow-A700-fg .hint-text,
.yellow-A700-fg.disabled-text,
.yellow-A700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.yellow-A700-fg .divider,
.yellow-A700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.yellow-A700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.yellow-A700-fg input[type=text] {
    color: #fff
}

.yellow-A700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.yellow-A700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-A700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.yellow-A700-fg .mat-select-arrow,
.yellow-A700-fg .mat-select-disabled .mat-select-value,
.yellow-A700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.yellow-A700-fg .mat-select-content,
.yellow-A700-fg .mat-select-panel-done-animating {
    background: #fff
}

.yellow-A700-fg .mat-select-value {
    color: #fff
}

.yellow-A700-border {
    border-color: #ffd600 !important
}

.yellow-A700-border-top {
    border-top-color: #ffd600 !important
}

.yellow-A700-border-right {
    border-right-color: #ffd600 !important
}

.yellow-A700-border-bottom {
    border-bottom-color: #ffd600 !important
}

.yellow-A700-border-left {
    border-left-color: #ffd600 !important
}

.amber-50-bg {
    background-color: #fff8e1 !important
}

.mat-amber-50-bg {
    background-color: #fff8e1 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-amber-50-bg .icon,
.mat-amber-50-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-amber-50-bg .secondary-text,
.mat-amber-50-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-amber-50-bg .disabled-text,
.mat-amber-50-bg .hint-text,
.mat-amber-50-bg.disabled-text,
.mat-amber-50-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-amber-50-bg .divider,
.mat-amber-50-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-amber-50-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-amber-50-bg input[type=text] {
    color: #000
}

.mat-amber-50-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-50-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-50-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-50-bg .mat-select-arrow,
.mat-amber-50-bg .mat-select-disabled .mat-select-value,
.mat-amber-50-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-50-bg .mat-select-content,
.mat-amber-50-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-amber-50-bg[disabled] {
    background-color: rgba(255, 248, 225, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.amber-50-fg {
    color: #fff8e1 !important
}

.amber-50-fg .icon,
.amber-50-fg .mat-icon {
    color: #fff
}

.amber-50-fg .secondary-text,
.amber-50-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.amber-50-fg .disabled-text,
.amber-50-fg .hint-text,
.amber-50-fg.disabled-text,
.amber-50-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.amber-50-fg .divider,
.amber-50-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.amber-50-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.amber-50-fg input[type=text] {
    color: #fff
}

.amber-50-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.amber-50-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-50-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-50-fg .mat-select-arrow,
.amber-50-fg .mat-select-disabled .mat-select-value,
.amber-50-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.amber-50-fg .mat-select-content,
.amber-50-fg .mat-select-panel-done-animating {
    background: #fff
}

.amber-50-fg .mat-select-value {
    color: #fff
}

.amber-50-border {
    border-color: #fff8e1 !important
}

.amber-50-border-top {
    border-top-color: #fff8e1 !important
}

.amber-50-border-right {
    border-right-color: #fff8e1 !important
}

.amber-50-border-bottom {
    border-bottom-color: #fff8e1 !important
}

.amber-50-border-left {
    border-left-color: #fff8e1 !important
}

.amber-100-bg {
    background-color: #ffecb3 !important
}

.mat-amber-100-bg {
    background-color: #ffecb3 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-amber-100-bg .icon,
.mat-amber-100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-amber-100-bg .secondary-text,
.mat-amber-100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-amber-100-bg .disabled-text,
.mat-amber-100-bg .hint-text,
.mat-amber-100-bg.disabled-text,
.mat-amber-100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-amber-100-bg .divider,
.mat-amber-100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-amber-100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-amber-100-bg input[type=text] {
    color: #000
}

.mat-amber-100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-100-bg .mat-select-arrow,
.mat-amber-100-bg .mat-select-disabled .mat-select-value,
.mat-amber-100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-100-bg .mat-select-content,
.mat-amber-100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-amber-100-bg[disabled] {
    background-color: rgba(255, 236, 179, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.amber-100-fg {
    color: #ffecb3 !important
}

.amber-100-fg .icon,
.amber-100-fg .mat-icon {
    color: #fff
}

.amber-100-fg .secondary-text,
.amber-100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.amber-100-fg .disabled-text,
.amber-100-fg .hint-text,
.amber-100-fg.disabled-text,
.amber-100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.amber-100-fg .divider,
.amber-100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.amber-100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.amber-100-fg input[type=text] {
    color: #fff
}

.amber-100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.amber-100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-100-fg .mat-select-arrow,
.amber-100-fg .mat-select-disabled .mat-select-value,
.amber-100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.amber-100-fg .mat-select-content,
.amber-100-fg .mat-select-panel-done-animating {
    background: #fff
}

.amber-100-fg .mat-select-value {
    color: #fff
}

.amber-100-border {
    border-color: #ffecb3 !important
}

.amber-100-border-top {
    border-top-color: #ffecb3 !important
}

.amber-100-border-right {
    border-right-color: #ffecb3 !important
}

.amber-100-border-bottom {
    border-bottom-color: #ffecb3 !important
}

.amber-100-border-left {
    border-left-color: #ffecb3 !important
}

.amber-200-bg {
    background-color: #ffe082 !important
}

.mat-amber-200-bg {
    background-color: #ffe082 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-amber-200-bg .icon,
.mat-amber-200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-amber-200-bg .secondary-text,
.mat-amber-200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-amber-200-bg .disabled-text,
.mat-amber-200-bg .hint-text,
.mat-amber-200-bg.disabled-text,
.mat-amber-200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-amber-200-bg .divider,
.mat-amber-200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-amber-200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-amber-200-bg input[type=text] {
    color: #000
}

.mat-amber-200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-200-bg .mat-select-arrow,
.mat-amber-200-bg .mat-select-disabled .mat-select-value,
.mat-amber-200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-200-bg .mat-select-content,
.mat-amber-200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-amber-200-bg[disabled] {
    background-color: rgba(255, 224, 130, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.amber-200-fg {
    color: #ffe082 !important
}

.amber-200-fg .icon,
.amber-200-fg .mat-icon {
    color: #fff
}

.amber-200-fg .secondary-text,
.amber-200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.amber-200-fg .disabled-text,
.amber-200-fg .hint-text,
.amber-200-fg.disabled-text,
.amber-200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.amber-200-fg .divider,
.amber-200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.amber-200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.amber-200-fg input[type=text] {
    color: #fff
}

.amber-200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.amber-200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-200-fg .mat-select-arrow,
.amber-200-fg .mat-select-disabled .mat-select-value,
.amber-200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.amber-200-fg .mat-select-content,
.amber-200-fg .mat-select-panel-done-animating {
    background: #fff
}

.amber-200-fg .mat-select-value {
    color: #fff
}

.amber-200-border {
    border-color: #ffe082 !important
}

.amber-200-border-top {
    border-top-color: #ffe082 !important
}

.amber-200-border-right {
    border-right-color: #ffe082 !important
}

.amber-200-border-bottom {
    border-bottom-color: #ffe082 !important
}

.amber-200-border-left {
    border-left-color: #ffe082 !important
}

.amber-300-bg {
    background-color: #ffd54f !important
}

.mat-amber-300-bg {
    background-color: #ffd54f !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-amber-300-bg .icon,
.mat-amber-300-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-amber-300-bg .secondary-text,
.mat-amber-300-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-amber-300-bg .disabled-text,
.mat-amber-300-bg .hint-text,
.mat-amber-300-bg.disabled-text,
.mat-amber-300-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-amber-300-bg .divider,
.mat-amber-300-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-amber-300-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-amber-300-bg input[type=text] {
    color: #000
}

.mat-amber-300-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-300-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-300-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-300-bg .mat-select-arrow,
.mat-amber-300-bg .mat-select-disabled .mat-select-value,
.mat-amber-300-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-300-bg .mat-select-content,
.mat-amber-300-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-amber-300-bg[disabled] {
    background-color: rgba(255, 213, 79, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.amber-300-fg {
    color: #ffd54f !important
}

.amber-300-fg .icon,
.amber-300-fg .mat-icon {
    color: #fff
}

.amber-300-fg .secondary-text,
.amber-300-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.amber-300-fg .disabled-text,
.amber-300-fg .hint-text,
.amber-300-fg.disabled-text,
.amber-300-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.amber-300-fg .divider,
.amber-300-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.amber-300-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.amber-300-fg input[type=text] {
    color: #fff
}

.amber-300-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.amber-300-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-300-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-300-fg .mat-select-arrow,
.amber-300-fg .mat-select-disabled .mat-select-value,
.amber-300-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.amber-300-fg .mat-select-content,
.amber-300-fg .mat-select-panel-done-animating {
    background: #fff
}

.amber-300-fg .mat-select-value {
    color: #fff
}

.amber-300-border {
    border-color: #ffd54f !important
}

.amber-300-border-top {
    border-top-color: #ffd54f !important
}

.amber-300-border-right {
    border-right-color: #ffd54f !important
}

.amber-300-border-bottom {
    border-bottom-color: #ffd54f !important
}

.amber-300-border-left {
    border-left-color: #ffd54f !important
}

.amber-400-bg {
    background-color: #ffca28 !important
}

.mat-amber-400-bg {
    background-color: #ffca28 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-amber-400-bg .icon,
.mat-amber-400-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-amber-400-bg .secondary-text,
.mat-amber-400-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-amber-400-bg .disabled-text,
.mat-amber-400-bg .hint-text,
.mat-amber-400-bg.disabled-text,
.mat-amber-400-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-amber-400-bg .divider,
.mat-amber-400-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-amber-400-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-amber-400-bg input[type=text] {
    color: #000
}

.mat-amber-400-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-400-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-400-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-400-bg .mat-select-arrow,
.mat-amber-400-bg .mat-select-disabled .mat-select-value,
.mat-amber-400-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-400-bg .mat-select-content,
.mat-amber-400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-amber-400-bg[disabled] {
    background-color: rgba(255, 202, 40, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.amber-400-fg {
    color: #ffca28 !important
}

.amber-400-fg .icon,
.amber-400-fg .mat-icon {
    color: #fff
}

.amber-400-fg .secondary-text,
.amber-400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.amber-400-fg .disabled-text,
.amber-400-fg .hint-text,
.amber-400-fg.disabled-text,
.amber-400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.amber-400-fg .divider,
.amber-400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.amber-400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.amber-400-fg input[type=text] {
    color: #fff
}

.amber-400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.amber-400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-400-fg .mat-select-arrow,
.amber-400-fg .mat-select-disabled .mat-select-value,
.amber-400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.amber-400-fg .mat-select-content,
.amber-400-fg .mat-select-panel-done-animating {
    background: #fff
}

.amber-400-fg .mat-select-value {
    color: #fff
}

.amber-400-border {
    border-color: #ffca28 !important
}

.amber-400-border-top {
    border-top-color: #ffca28 !important
}

.amber-400-border-right {
    border-right-color: #ffca28 !important
}

.amber-400-border-bottom {
    border-bottom-color: #ffca28 !important
}

.amber-400-border-left {
    border-left-color: #ffca28 !important
}

.amber-500-bg {
    background-color: #ffc107 !important
}

.mat-amber-500-bg {
    background-color: #ffc107 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-amber-500-bg .icon,
.mat-amber-500-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-amber-500-bg .secondary-text,
.mat-amber-500-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-amber-500-bg .disabled-text,
.mat-amber-500-bg .hint-text,
.mat-amber-500-bg.disabled-text,
.mat-amber-500-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-amber-500-bg .divider,
.mat-amber-500-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-amber-500-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-amber-500-bg input[type=text] {
    color: #000
}

.mat-amber-500-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-500-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-500-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-500-bg .mat-select-arrow,
.mat-amber-500-bg .mat-select-disabled .mat-select-value,
.mat-amber-500-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-500-bg .mat-select-content,
.mat-amber-500-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-amber-500-bg[disabled] {
    background-color: rgba(255, 193, 7, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.amber-500-fg {
    color: #ffc107 !important
}

.amber-500-fg .icon,
.amber-500-fg .mat-icon {
    color: #fff
}

.amber-500-fg .secondary-text,
.amber-500-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.amber-500-fg .disabled-text,
.amber-500-fg .hint-text,
.amber-500-fg.disabled-text,
.amber-500-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.amber-500-fg .divider,
.amber-500-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.amber-500-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.amber-500-fg input[type=text] {
    color: #fff
}

.amber-500-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.amber-500-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-500-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-500-fg .mat-select-arrow,
.amber-500-fg .mat-select-disabled .mat-select-value,
.amber-500-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.amber-500-fg .mat-select-content,
.amber-500-fg .mat-select-panel-done-animating {
    background: #fff
}

.amber-500-fg .mat-select-value {
    color: #fff
}

.amber-500-border {
    border-color: #ffc107 !important
}

.amber-500-border-top {
    border-top-color: #ffc107 !important
}

.amber-500-border-right {
    border-right-color: #ffc107 !important
}

.amber-500-border-bottom {
    border-bottom-color: #ffc107 !important
}

.amber-500-border-left {
    border-left-color: #ffc107 !important
}

.amber-bg {
    background-color: #ffc107 !important
}

.mat-amber-bg {
    background-color: #ffc107 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-amber-bg .icon,
.mat-amber-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-amber-bg .secondary-text,
.mat-amber-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-amber-bg .disabled-text,
.mat-amber-bg .hint-text,
.mat-amber-bg.disabled-text,
.mat-amber-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-amber-bg .divider,
.mat-amber-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-amber-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-amber-bg input[type=text] {
    color: #000
}

.mat-amber-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-bg .mat-select-arrow,
.mat-amber-bg .mat-select-disabled .mat-select-value,
.mat-amber-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-bg .mat-select-content,
.mat-amber-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-amber-bg[disabled] {
    background-color: rgba(255, 193, 7, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.amber-fg {
    color: #ffc107 !important
}

.amber-fg .icon,
.amber-fg .mat-icon {
    color: #fff
}

.amber-fg .secondary-text,
.amber-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.amber-fg .disabled-text,
.amber-fg .hint-text,
.amber-fg.disabled-text,
.amber-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.amber-fg .divider,
.amber-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.amber-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.amber-fg input[type=text] {
    color: #fff
}

.amber-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.amber-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-fg .mat-select-arrow,
.amber-fg .mat-select-disabled .mat-select-value,
.amber-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.amber-fg .mat-select-content,
.amber-fg .mat-select-panel-done-animating {
    background: #fff
}

.amber-fg .mat-select-value {
    color: #fff
}

.amber-border {
    border-color: #ffc107 !important
}

.amber-border-top {
    border-top-color: #ffc107 !important
}

.amber-border-right {
    border-right-color: #ffc107 !important
}

.amber-border-bottom {
    border-bottom-color: #ffc107 !important
}

.amber-border-left {
    border-left-color: #ffc107 !important
}

.amber-600-bg {
    background-color: #ffb300 !important
}

.mat-amber-600-bg {
    background-color: #ffb300 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-amber-600-bg .icon,
.mat-amber-600-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-amber-600-bg .secondary-text,
.mat-amber-600-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-amber-600-bg .disabled-text,
.mat-amber-600-bg .hint-text,
.mat-amber-600-bg.disabled-text,
.mat-amber-600-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-amber-600-bg .divider,
.mat-amber-600-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-amber-600-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-amber-600-bg input[type=text] {
    color: #000
}

.mat-amber-600-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-600-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-600-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-600-bg .mat-select-arrow,
.mat-amber-600-bg .mat-select-disabled .mat-select-value,
.mat-amber-600-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-600-bg .mat-select-content,
.mat-amber-600-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-amber-600-bg[disabled] {
    background-color: rgba(255, 179, 0, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.amber-600-fg {
    color: #ffb300 !important
}

.amber-600-fg .icon,
.amber-600-fg .mat-icon {
    color: #fff
}

.amber-600-fg .secondary-text,
.amber-600-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.amber-600-fg .disabled-text,
.amber-600-fg .hint-text,
.amber-600-fg.disabled-text,
.amber-600-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.amber-600-fg .divider,
.amber-600-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.amber-600-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.amber-600-fg input[type=text] {
    color: #fff
}

.amber-600-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.amber-600-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-600-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-600-fg .mat-select-arrow,
.amber-600-fg .mat-select-disabled .mat-select-value,
.amber-600-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.amber-600-fg .mat-select-content,
.amber-600-fg .mat-select-panel-done-animating {
    background: #fff
}

.amber-600-fg .mat-select-value {
    color: #fff
}

.amber-600-border {
    border-color: #ffb300 !important
}

.amber-600-border-top {
    border-top-color: #ffb300 !important
}

.amber-600-border-right {
    border-right-color: #ffb300 !important
}

.amber-600-border-bottom {
    border-bottom-color: #ffb300 !important
}

.amber-600-border-left {
    border-left-color: #ffb300 !important
}

.amber-700-bg {
    background-color: #ffa000 !important
}

.mat-amber-700-bg {
    background-color: #ffa000 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-amber-700-bg .icon,
.mat-amber-700-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-amber-700-bg .secondary-text,
.mat-amber-700-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-amber-700-bg .disabled-text,
.mat-amber-700-bg .hint-text,
.mat-amber-700-bg.disabled-text,
.mat-amber-700-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-amber-700-bg .divider,
.mat-amber-700-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-amber-700-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-amber-700-bg input[type=text] {
    color: #000
}

.mat-amber-700-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-700-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-700-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-700-bg .mat-select-arrow,
.mat-amber-700-bg .mat-select-disabled .mat-select-value,
.mat-amber-700-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-700-bg .mat-select-content,
.mat-amber-700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-amber-700-bg[disabled] {
    background-color: rgba(255, 160, 0, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.amber-700-fg {
    color: #ffa000 !important
}

.amber-700-fg .icon,
.amber-700-fg .mat-icon {
    color: #fff
}

.amber-700-fg .secondary-text,
.amber-700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.amber-700-fg .disabled-text,
.amber-700-fg .hint-text,
.amber-700-fg.disabled-text,
.amber-700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.amber-700-fg .divider,
.amber-700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.amber-700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.amber-700-fg input[type=text] {
    color: #fff
}

.amber-700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.amber-700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-700-fg .mat-select-arrow,
.amber-700-fg .mat-select-disabled .mat-select-value,
.amber-700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.amber-700-fg .mat-select-content,
.amber-700-fg .mat-select-panel-done-animating {
    background: #fff
}

.amber-700-fg .mat-select-value {
    color: #fff
}

.amber-700-border {
    border-color: #ffa000 !important
}

.amber-700-border-top {
    border-top-color: #ffa000 !important
}

.amber-700-border-right {
    border-right-color: #ffa000 !important
}

.amber-700-border-bottom {
    border-bottom-color: #ffa000 !important
}

.amber-700-border-left {
    border-left-color: #ffa000 !important
}

.amber-800-bg {
    background-color: #ff8f00 !important
}

.mat-amber-800-bg {
    background-color: #ff8f00 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-amber-800-bg .icon,
.mat-amber-800-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-amber-800-bg .secondary-text,
.mat-amber-800-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-amber-800-bg .disabled-text,
.mat-amber-800-bg .hint-text,
.mat-amber-800-bg.disabled-text,
.mat-amber-800-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-amber-800-bg .divider,
.mat-amber-800-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-amber-800-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-amber-800-bg input[type=text] {
    color: #000
}

.mat-amber-800-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-800-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-800-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-800-bg .mat-select-arrow,
.mat-amber-800-bg .mat-select-disabled .mat-select-value,
.mat-amber-800-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-800-bg .mat-select-content,
.mat-amber-800-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-amber-800-bg[disabled] {
    background-color: rgba(255, 143, 0, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.amber-800-fg {
    color: #ff8f00 !important
}

.amber-800-fg .icon,
.amber-800-fg .mat-icon {
    color: #fff
}

.amber-800-fg .secondary-text,
.amber-800-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.amber-800-fg .disabled-text,
.amber-800-fg .hint-text,
.amber-800-fg.disabled-text,
.amber-800-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.amber-800-fg .divider,
.amber-800-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.amber-800-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.amber-800-fg input[type=text] {
    color: #fff
}

.amber-800-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.amber-800-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-800-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-800-fg .mat-select-arrow,
.amber-800-fg .mat-select-disabled .mat-select-value,
.amber-800-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.amber-800-fg .mat-select-content,
.amber-800-fg .mat-select-panel-done-animating {
    background: #fff
}

.amber-800-fg .mat-select-value {
    color: #fff
}

.amber-800-border {
    border-color: #ff8f00 !important
}

.amber-800-border-top {
    border-top-color: #ff8f00 !important
}

.amber-800-border-right {
    border-right-color: #ff8f00 !important
}

.amber-800-border-bottom {
    border-bottom-color: #ff8f00 !important
}

.amber-800-border-left {
    border-left-color: #ff8f00 !important
}

.amber-900-bg {
    background-color: #ff6f00 !important
}

.mat-amber-900-bg {
    background-color: #ff6f00 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-amber-900-bg .icon,
.mat-amber-900-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-amber-900-bg .secondary-text,
.mat-amber-900-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-amber-900-bg .disabled-text,
.mat-amber-900-bg .hint-text,
.mat-amber-900-bg.disabled-text,
.mat-amber-900-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-amber-900-bg .divider,
.mat-amber-900-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-amber-900-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-amber-900-bg input[type=text] {
    color: #000
}

.mat-amber-900-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-900-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-900-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-900-bg .mat-select-arrow,
.mat-amber-900-bg .mat-select-disabled .mat-select-value,
.mat-amber-900-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-900-bg .mat-select-content,
.mat-amber-900-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-amber-900-bg[disabled] {
    background-color: rgba(255, 111, 0, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.amber-900-fg {
    color: #ff6f00 !important
}

.amber-900-fg .icon,
.amber-900-fg .mat-icon {
    color: #fff
}

.amber-900-fg .secondary-text,
.amber-900-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.amber-900-fg .disabled-text,
.amber-900-fg .hint-text,
.amber-900-fg.disabled-text,
.amber-900-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.amber-900-fg .divider,
.amber-900-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.amber-900-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.amber-900-fg input[type=text] {
    color: #fff
}

.amber-900-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.amber-900-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-900-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-900-fg .mat-select-arrow,
.amber-900-fg .mat-select-disabled .mat-select-value,
.amber-900-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.amber-900-fg .mat-select-content,
.amber-900-fg .mat-select-panel-done-animating {
    background: #fff
}

.amber-900-fg .mat-select-value {
    color: #fff
}

.amber-900-border {
    border-color: #ff6f00 !important
}

.amber-900-border-top {
    border-top-color: #ff6f00 !important
}

.amber-900-border-right {
    border-right-color: #ff6f00 !important
}

.amber-900-border-bottom {
    border-bottom-color: #ff6f00 !important
}

.amber-900-border-left {
    border-left-color: #ff6f00 !important
}

.amber-A100-bg {
    background-color: #ffe57f !important
}

.mat-amber-A100-bg {
    background-color: #ffe57f !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-amber-A100-bg .icon,
.mat-amber-A100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-amber-A100-bg .secondary-text,
.mat-amber-A100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-amber-A100-bg .disabled-text,
.mat-amber-A100-bg .hint-text,
.mat-amber-A100-bg.disabled-text,
.mat-amber-A100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-amber-A100-bg .divider,
.mat-amber-A100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-amber-A100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-amber-A100-bg input[type=text] {
    color: #000
}

.mat-amber-A100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-A100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-A100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-A100-bg .mat-select-arrow,
.mat-amber-A100-bg .mat-select-disabled .mat-select-value,
.mat-amber-A100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-A100-bg .mat-select-content,
.mat-amber-A100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-amber-A100-bg[disabled] {
    background-color: rgba(255, 229, 127, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.amber-A100-fg {
    color: #ffe57f !important
}

.amber-A100-fg .icon,
.amber-A100-fg .mat-icon {
    color: #fff
}

.amber-A100-fg .secondary-text,
.amber-A100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.amber-A100-fg .disabled-text,
.amber-A100-fg .hint-text,
.amber-A100-fg.disabled-text,
.amber-A100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.amber-A100-fg .divider,
.amber-A100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.amber-A100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.amber-A100-fg input[type=text] {
    color: #fff
}

.amber-A100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.amber-A100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-A100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-A100-fg .mat-select-arrow,
.amber-A100-fg .mat-select-disabled .mat-select-value,
.amber-A100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.amber-A100-fg .mat-select-content,
.amber-A100-fg .mat-select-panel-done-animating {
    background: #fff
}

.amber-A100-fg .mat-select-value {
    color: #fff
}

.amber-A100-border {
    border-color: #ffe57f !important
}

.amber-A100-border-top {
    border-top-color: #ffe57f !important
}

.amber-A100-border-right {
    border-right-color: #ffe57f !important
}

.amber-A100-border-bottom {
    border-bottom-color: #ffe57f !important
}

.amber-A100-border-left {
    border-left-color: #ffe57f !important
}

.amber-A200-bg {
    background-color: #ffd740 !important
}

.mat-amber-A200-bg {
    background-color: #ffd740 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-amber-A200-bg .icon,
.mat-amber-A200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-amber-A200-bg .secondary-text,
.mat-amber-A200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-amber-A200-bg .disabled-text,
.mat-amber-A200-bg .hint-text,
.mat-amber-A200-bg.disabled-text,
.mat-amber-A200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-amber-A200-bg .divider,
.mat-amber-A200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-amber-A200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-amber-A200-bg input[type=text] {
    color: #000
}

.mat-amber-A200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-A200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-A200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-A200-bg .mat-select-arrow,
.mat-amber-A200-bg .mat-select-disabled .mat-select-value,
.mat-amber-A200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-A200-bg .mat-select-content,
.mat-amber-A200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-amber-A200-bg[disabled] {
    background-color: rgba(255, 215, 64, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.amber-A200-fg {
    color: #ffd740 !important
}

.amber-A200-fg .icon,
.amber-A200-fg .mat-icon {
    color: #fff
}

.amber-A200-fg .secondary-text,
.amber-A200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.amber-A200-fg .disabled-text,
.amber-A200-fg .hint-text,
.amber-A200-fg.disabled-text,
.amber-A200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.amber-A200-fg .divider,
.amber-A200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.amber-A200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.amber-A200-fg input[type=text] {
    color: #fff
}

.amber-A200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.amber-A200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-A200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-A200-fg .mat-select-arrow,
.amber-A200-fg .mat-select-disabled .mat-select-value,
.amber-A200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.amber-A200-fg .mat-select-content,
.amber-A200-fg .mat-select-panel-done-animating {
    background: #fff
}

.amber-A200-fg .mat-select-value {
    color: #fff
}

.amber-A200-border {
    border-color: #ffd740 !important
}

.amber-A200-border-top {
    border-top-color: #ffd740 !important
}

.amber-A200-border-right {
    border-right-color: #ffd740 !important
}

.amber-A200-border-bottom {
    border-bottom-color: #ffd740 !important
}

.amber-A200-border-left {
    border-left-color: #ffd740 !important
}

.amber-A400-bg {
    background-color: #ffc400 !important
}

.mat-amber-A400-bg {
    background-color: #ffc400 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-amber-A400-bg .icon,
.mat-amber-A400-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-amber-A400-bg .secondary-text,
.mat-amber-A400-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-amber-A400-bg .disabled-text,
.mat-amber-A400-bg .hint-text,
.mat-amber-A400-bg.disabled-text,
.mat-amber-A400-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-amber-A400-bg .divider,
.mat-amber-A400-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-amber-A400-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-amber-A400-bg input[type=text] {
    color: #000
}

.mat-amber-A400-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-A400-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-A400-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-A400-bg .mat-select-arrow,
.mat-amber-A400-bg .mat-select-disabled .mat-select-value,
.mat-amber-A400-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-A400-bg .mat-select-content,
.mat-amber-A400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-amber-A400-bg[disabled] {
    background-color: rgba(255, 196, 0, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.amber-A400-fg {
    color: #ffc400 !important
}

.amber-A400-fg .icon,
.amber-A400-fg .mat-icon {
    color: #fff
}

.amber-A400-fg .secondary-text,
.amber-A400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.amber-A400-fg .disabled-text,
.amber-A400-fg .hint-text,
.amber-A400-fg.disabled-text,
.amber-A400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.amber-A400-fg .divider,
.amber-A400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.amber-A400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.amber-A400-fg input[type=text] {
    color: #fff
}

.amber-A400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.amber-A400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-A400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-A400-fg .mat-select-arrow,
.amber-A400-fg .mat-select-disabled .mat-select-value,
.amber-A400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.amber-A400-fg .mat-select-content,
.amber-A400-fg .mat-select-panel-done-animating {
    background: #fff
}

.amber-A400-fg .mat-select-value {
    color: #fff
}

.amber-A400-border {
    border-color: #ffc400 !important
}

.amber-A400-border-top {
    border-top-color: #ffc400 !important
}

.amber-A400-border-right {
    border-right-color: #ffc400 !important
}

.amber-A400-border-bottom {
    border-bottom-color: #ffc400 !important
}

.amber-A400-border-left {
    border-left-color: #ffc400 !important
}

.amber-A700-bg {
    background-color: #ffab00 !important
}

.mat-amber-A700-bg {
    background-color: #ffab00 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-amber-A700-bg .icon,
.mat-amber-A700-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-amber-A700-bg .secondary-text,
.mat-amber-A700-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-amber-A700-bg .disabled-text,
.mat-amber-A700-bg .hint-text,
.mat-amber-A700-bg.disabled-text,
.mat-amber-A700-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-amber-A700-bg .divider,
.mat-amber-A700-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-amber-A700-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-amber-A700-bg input[type=text] {
    color: #000
}

.mat-amber-A700-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-A700-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-A700-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-amber-A700-bg .mat-select-arrow,
.mat-amber-A700-bg .mat-select-disabled .mat-select-value,
.mat-amber-A700-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-amber-A700-bg .mat-select-content,
.mat-amber-A700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-amber-A700-bg[disabled] {
    background-color: rgba(255, 171, 0, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.amber-A700-fg {
    color: #ffab00 !important
}

.amber-A700-fg .icon,
.amber-A700-fg .mat-icon {
    color: #fff
}

.amber-A700-fg .secondary-text,
.amber-A700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.amber-A700-fg .disabled-text,
.amber-A700-fg .hint-text,
.amber-A700-fg.disabled-text,
.amber-A700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.amber-A700-fg .divider,
.amber-A700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.amber-A700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.amber-A700-fg input[type=text] {
    color: #fff
}

.amber-A700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.amber-A700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-A700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.amber-A700-fg .mat-select-arrow,
.amber-A700-fg .mat-select-disabled .mat-select-value,
.amber-A700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.amber-A700-fg .mat-select-content,
.amber-A700-fg .mat-select-panel-done-animating {
    background: #fff
}

.amber-A700-fg .mat-select-value {
    color: #fff
}

.amber-A700-border {
    border-color: #ffab00 !important
}

.amber-A700-border-top {
    border-top-color: #ffab00 !important
}

.amber-A700-border-right {
    border-right-color: #ffab00 !important
}

.amber-A700-border-bottom {
    border-bottom-color: #ffab00 !important
}

.amber-A700-border-left {
    border-left-color: #ffab00 !important
}

.orange-50-bg {
    background-color: #fff3e0 !important
}

.mat-orange-50-bg {
    background-color: #fff3e0 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-orange-50-bg .icon,
.mat-orange-50-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-orange-50-bg .secondary-text,
.mat-orange-50-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-orange-50-bg .disabled-text,
.mat-orange-50-bg .hint-text,
.mat-orange-50-bg.disabled-text,
.mat-orange-50-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-orange-50-bg .divider,
.mat-orange-50-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-orange-50-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-orange-50-bg input[type=text] {
    color: #000
}

.mat-orange-50-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-50-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-50-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-50-bg .mat-select-arrow,
.mat-orange-50-bg .mat-select-disabled .mat-select-value,
.mat-orange-50-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-50-bg .mat-select-content,
.mat-orange-50-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-orange-50-bg[disabled] {
    background-color: rgba(255, 243, 224, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.orange-50-fg {
    color: #fff3e0 !important
}

.orange-50-fg .icon,
.orange-50-fg .mat-icon {
    color: #fff
}

.orange-50-fg .secondary-text,
.orange-50-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.orange-50-fg .disabled-text,
.orange-50-fg .hint-text,
.orange-50-fg.disabled-text,
.orange-50-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.orange-50-fg .divider,
.orange-50-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.orange-50-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.orange-50-fg input[type=text] {
    color: #fff
}

.orange-50-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.orange-50-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-50-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-50-fg .mat-select-arrow,
.orange-50-fg .mat-select-disabled .mat-select-value,
.orange-50-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.orange-50-fg .mat-select-content,
.orange-50-fg .mat-select-panel-done-animating {
    background: #fff
}

.orange-50-fg .mat-select-value {
    color: #fff
}

.orange-50-border {
    border-color: #fff3e0 !important
}

.orange-50-border-top {
    border-top-color: #fff3e0 !important
}

.orange-50-border-right {
    border-right-color: #fff3e0 !important
}

.orange-50-border-bottom {
    border-bottom-color: #fff3e0 !important
}

.orange-50-border-left {
    border-left-color: #fff3e0 !important
}

.orange-100-bg {
    background-color: #ffe0b2 !important
}

.mat-orange-100-bg {
    background-color: #ffe0b2 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-orange-100-bg .icon,
.mat-orange-100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-orange-100-bg .secondary-text,
.mat-orange-100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-orange-100-bg .disabled-text,
.mat-orange-100-bg .hint-text,
.mat-orange-100-bg.disabled-text,
.mat-orange-100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-orange-100-bg .divider,
.mat-orange-100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-orange-100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-orange-100-bg input[type=text] {
    color: #000
}

.mat-orange-100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-100-bg .mat-select-arrow,
.mat-orange-100-bg .mat-select-disabled .mat-select-value,
.mat-orange-100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-100-bg .mat-select-content,
.mat-orange-100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-orange-100-bg[disabled] {
    background-color: rgba(255, 224, 178, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.orange-100-fg {
    color: #ffe0b2 !important
}

.orange-100-fg .icon,
.orange-100-fg .mat-icon {
    color: #fff
}

.orange-100-fg .secondary-text,
.orange-100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.orange-100-fg .disabled-text,
.orange-100-fg .hint-text,
.orange-100-fg.disabled-text,
.orange-100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.orange-100-fg .divider,
.orange-100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.orange-100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.orange-100-fg input[type=text] {
    color: #fff
}

.orange-100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.orange-100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-100-fg .mat-select-arrow,
.orange-100-fg .mat-select-disabled .mat-select-value,
.orange-100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.orange-100-fg .mat-select-content,
.orange-100-fg .mat-select-panel-done-animating {
    background: #fff
}

.orange-100-fg .mat-select-value {
    color: #fff
}

.orange-100-border {
    border-color: #ffe0b2 !important
}

.orange-100-border-top {
    border-top-color: #ffe0b2 !important
}

.orange-100-border-right {
    border-right-color: #ffe0b2 !important
}

.orange-100-border-bottom {
    border-bottom-color: #ffe0b2 !important
}

.orange-100-border-left {
    border-left-color: #ffe0b2 !important
}

.orange-200-bg {
    background-color: #ffcc80 !important
}

.mat-orange-200-bg {
    background-color: #ffcc80 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-orange-200-bg .icon,
.mat-orange-200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-orange-200-bg .secondary-text,
.mat-orange-200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-orange-200-bg .disabled-text,
.mat-orange-200-bg .hint-text,
.mat-orange-200-bg.disabled-text,
.mat-orange-200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-orange-200-bg .divider,
.mat-orange-200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-orange-200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-orange-200-bg input[type=text] {
    color: #000
}

.mat-orange-200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-200-bg .mat-select-arrow,
.mat-orange-200-bg .mat-select-disabled .mat-select-value,
.mat-orange-200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-200-bg .mat-select-content,
.mat-orange-200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-orange-200-bg[disabled] {
    background-color: rgba(255, 204, 128, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.orange-200-fg {
    color: #ffcc80 !important
}

.orange-200-fg .icon,
.orange-200-fg .mat-icon {
    color: #fff
}

.orange-200-fg .secondary-text,
.orange-200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.orange-200-fg .disabled-text,
.orange-200-fg .hint-text,
.orange-200-fg.disabled-text,
.orange-200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.orange-200-fg .divider,
.orange-200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.orange-200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.orange-200-fg input[type=text] {
    color: #fff
}

.orange-200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.orange-200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-200-fg .mat-select-arrow,
.orange-200-fg .mat-select-disabled .mat-select-value,
.orange-200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.orange-200-fg .mat-select-content,
.orange-200-fg .mat-select-panel-done-animating {
    background: #fff
}

.orange-200-fg .mat-select-value {
    color: #fff
}

.orange-200-border {
    border-color: #ffcc80 !important
}

.orange-200-border-top {
    border-top-color: #ffcc80 !important
}

.orange-200-border-right {
    border-right-color: #ffcc80 !important
}

.orange-200-border-bottom {
    border-bottom-color: #ffcc80 !important
}

.orange-200-border-left {
    border-left-color: #ffcc80 !important
}

.orange-300-bg {
    background-color: #ffb74d !important
}

.mat-orange-300-bg {
    background-color: #ffb74d !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-orange-300-bg .icon,
.mat-orange-300-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-orange-300-bg .secondary-text,
.mat-orange-300-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-orange-300-bg .disabled-text,
.mat-orange-300-bg .hint-text,
.mat-orange-300-bg.disabled-text,
.mat-orange-300-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-orange-300-bg .divider,
.mat-orange-300-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-orange-300-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-orange-300-bg input[type=text] {
    color: #000
}

.mat-orange-300-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-300-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-300-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-300-bg .mat-select-arrow,
.mat-orange-300-bg .mat-select-disabled .mat-select-value,
.mat-orange-300-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-300-bg .mat-select-content,
.mat-orange-300-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-orange-300-bg[disabled] {
    background-color: rgba(255, 183, 77, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.orange-300-fg {
    color: #ffb74d !important
}

.orange-300-fg .icon,
.orange-300-fg .mat-icon {
    color: #fff
}

.orange-300-fg .secondary-text,
.orange-300-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.orange-300-fg .disabled-text,
.orange-300-fg .hint-text,
.orange-300-fg.disabled-text,
.orange-300-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.orange-300-fg .divider,
.orange-300-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.orange-300-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.orange-300-fg input[type=text] {
    color: #fff
}

.orange-300-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.orange-300-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-300-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-300-fg .mat-select-arrow,
.orange-300-fg .mat-select-disabled .mat-select-value,
.orange-300-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.orange-300-fg .mat-select-content,
.orange-300-fg .mat-select-panel-done-animating {
    background: #fff
}

.orange-300-fg .mat-select-value {
    color: #fff
}

.orange-300-border {
    border-color: #ffb74d !important
}

.orange-300-border-top {
    border-top-color: #ffb74d !important
}

.orange-300-border-right {
    border-right-color: #ffb74d !important
}

.orange-300-border-bottom {
    border-bottom-color: #ffb74d !important
}

.orange-300-border-left {
    border-left-color: #ffb74d !important
}

.orange-400-bg {
    background-color: #ffa726 !important
}

.mat-orange-400-bg {
    background-color: #ffa726 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-orange-400-bg .icon,
.mat-orange-400-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-orange-400-bg .secondary-text,
.mat-orange-400-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-orange-400-bg .disabled-text,
.mat-orange-400-bg .hint-text,
.mat-orange-400-bg.disabled-text,
.mat-orange-400-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-orange-400-bg .divider,
.mat-orange-400-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-orange-400-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-orange-400-bg input[type=text] {
    color: #000
}

.mat-orange-400-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-400-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-400-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-400-bg .mat-select-arrow,
.mat-orange-400-bg .mat-select-disabled .mat-select-value,
.mat-orange-400-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-400-bg .mat-select-content,
.mat-orange-400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-orange-400-bg[disabled] {
    background-color: rgba(255, 167, 38, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.orange-400-fg {
    color: #ffa726 !important
}

.orange-400-fg .icon,
.orange-400-fg .mat-icon {
    color: #fff
}

.orange-400-fg .secondary-text,
.orange-400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.orange-400-fg .disabled-text,
.orange-400-fg .hint-text,
.orange-400-fg.disabled-text,
.orange-400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.orange-400-fg .divider,
.orange-400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.orange-400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.orange-400-fg input[type=text] {
    color: #fff
}

.orange-400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.orange-400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-400-fg .mat-select-arrow,
.orange-400-fg .mat-select-disabled .mat-select-value,
.orange-400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.orange-400-fg .mat-select-content,
.orange-400-fg .mat-select-panel-done-animating {
    background: #fff
}

.orange-400-fg .mat-select-value {
    color: #fff
}

.orange-400-border {
    border-color: #ffa726 !important
}

.orange-400-border-top {
    border-top-color: #ffa726 !important
}

.orange-400-border-right {
    border-right-color: #ffa726 !important
}

.orange-400-border-bottom {
    border-bottom-color: #ffa726 !important
}

.orange-400-border-left {
    border-left-color: #ffa726 !important
}

.orange-500-bg {
    background-color: #ff9800 !important
}

.mat-orange-500-bg {
    background-color: #ff9800 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-orange-500-bg .icon,
.mat-orange-500-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-orange-500-bg .secondary-text,
.mat-orange-500-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-orange-500-bg .disabled-text,
.mat-orange-500-bg .hint-text,
.mat-orange-500-bg.disabled-text,
.mat-orange-500-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-orange-500-bg .divider,
.mat-orange-500-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-orange-500-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-orange-500-bg input[type=text] {
    color: #000
}

.mat-orange-500-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-500-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-500-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-500-bg .mat-select-arrow,
.mat-orange-500-bg .mat-select-disabled .mat-select-value,
.mat-orange-500-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-500-bg .mat-select-content,
.mat-orange-500-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-orange-500-bg[disabled] {
    background-color: rgba(255, 152, 0, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.orange-500-fg {
    color: #ff9800 !important
}

.orange-500-fg .icon,
.orange-500-fg .mat-icon {
    color: #fff
}

.orange-500-fg .secondary-text,
.orange-500-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.orange-500-fg .disabled-text,
.orange-500-fg .hint-text,
.orange-500-fg.disabled-text,
.orange-500-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.orange-500-fg .divider,
.orange-500-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.orange-500-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.orange-500-fg input[type=text] {
    color: #fff
}

.orange-500-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.orange-500-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-500-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-500-fg .mat-select-arrow,
.orange-500-fg .mat-select-disabled .mat-select-value,
.orange-500-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.orange-500-fg .mat-select-content,
.orange-500-fg .mat-select-panel-done-animating {
    background: #fff
}

.orange-500-fg .mat-select-value {
    color: #fff
}

.orange-500-border {
    border-color: #ff9800 !important
}

.orange-500-border-top {
    border-top-color: #ff9800 !important
}

.orange-500-border-right {
    border-right-color: #ff9800 !important
}

.orange-500-border-bottom {
    border-bottom-color: #ff9800 !important
}

.orange-500-border-left {
    border-left-color: #ff9800 !important
}

.orange-bg {
    background-color: #ff9800 !important
}

.mat-orange-bg {
    background-color: #ff9800 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-orange-bg .icon,
.mat-orange-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-orange-bg .secondary-text,
.mat-orange-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-orange-bg .disabled-text,
.mat-orange-bg .hint-text,
.mat-orange-bg.disabled-text,
.mat-orange-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-orange-bg .divider,
.mat-orange-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-orange-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-orange-bg input[type=text] {
    color: #000
}

.mat-orange-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-bg .mat-select-arrow,
.mat-orange-bg .mat-select-disabled .mat-select-value,
.mat-orange-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-bg .mat-select-content,
.mat-orange-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-orange-bg[disabled] {
    background-color: rgba(255, 152, 0, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.orange-fg {
    color: #ff9800 !important
}

.orange-fg .icon,
.orange-fg .mat-icon {
    color: #fff
}

.orange-fg .secondary-text,
.orange-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.orange-fg .disabled-text,
.orange-fg .hint-text,
.orange-fg.disabled-text,
.orange-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.orange-fg .divider,
.orange-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.orange-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.orange-fg input[type=text] {
    color: #fff
}

.orange-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.orange-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-fg .mat-select-arrow,
.orange-fg .mat-select-disabled .mat-select-value,
.orange-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.orange-fg .mat-select-content,
.orange-fg .mat-select-panel-done-animating {
    background: #fff
}

.orange-fg .mat-select-value {
    color: #fff
}

.orange-border {
    border-color: #ff9800 !important
}

.orange-border-top {
    border-top-color: #ff9800 !important
}

.orange-border-right {
    border-right-color: #ff9800 !important
}

.orange-border-bottom {
    border-bottom-color: #ff9800 !important
}

.orange-border-left {
    border-left-color: #ff9800 !important
}

.orange-600-bg {
    background-color: #fb8c00 !important
}

.mat-orange-600-bg {
    background-color: #fb8c00 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-orange-600-bg .icon,
.mat-orange-600-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-orange-600-bg .secondary-text,
.mat-orange-600-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-orange-600-bg .disabled-text,
.mat-orange-600-bg .hint-text,
.mat-orange-600-bg.disabled-text,
.mat-orange-600-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-orange-600-bg .divider,
.mat-orange-600-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-orange-600-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-orange-600-bg input[type=text] {
    color: #000
}

.mat-orange-600-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-600-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-600-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-600-bg .mat-select-arrow,
.mat-orange-600-bg .mat-select-disabled .mat-select-value,
.mat-orange-600-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-600-bg .mat-select-content,
.mat-orange-600-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-orange-600-bg[disabled] {
    background-color: rgba(251, 140, 0, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.orange-600-fg {
    color: #fb8c00 !important
}

.orange-600-fg .icon,
.orange-600-fg .mat-icon {
    color: #fff
}

.orange-600-fg .secondary-text,
.orange-600-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.orange-600-fg .disabled-text,
.orange-600-fg .hint-text,
.orange-600-fg.disabled-text,
.orange-600-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.orange-600-fg .divider,
.orange-600-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.orange-600-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.orange-600-fg input[type=text] {
    color: #fff
}

.orange-600-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.orange-600-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-600-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-600-fg .mat-select-arrow,
.orange-600-fg .mat-select-disabled .mat-select-value,
.orange-600-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.orange-600-fg .mat-select-content,
.orange-600-fg .mat-select-panel-done-animating {
    background: #fff
}

.orange-600-fg .mat-select-value {
    color: #fff
}

.orange-600-border {
    border-color: #fb8c00 !important
}

.orange-600-border-top {
    border-top-color: #fb8c00 !important
}

.orange-600-border-right {
    border-right-color: #fb8c00 !important
}

.orange-600-border-bottom {
    border-bottom-color: #fb8c00 !important
}

.orange-600-border-left {
    border-left-color: #fb8c00 !important
}

.orange-700-bg {
    background-color: #f57c00 !important
}

.mat-orange-700-bg {
    background-color: #f57c00 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-orange-700-bg .icon,
.mat-orange-700-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-orange-700-bg .secondary-text,
.mat-orange-700-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-orange-700-bg .disabled-text,
.mat-orange-700-bg .hint-text,
.mat-orange-700-bg.disabled-text,
.mat-orange-700-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-orange-700-bg .divider,
.mat-orange-700-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-orange-700-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-orange-700-bg input[type=text] {
    color: #000
}

.mat-orange-700-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-700-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-700-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-700-bg .mat-select-arrow,
.mat-orange-700-bg .mat-select-disabled .mat-select-value,
.mat-orange-700-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-700-bg .mat-select-content,
.mat-orange-700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-orange-700-bg[disabled] {
    background-color: rgba(245, 124, 0, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.orange-700-fg {
    color: #f57c00 !important
}

.orange-700-fg .icon,
.orange-700-fg .mat-icon {
    color: #fff
}

.orange-700-fg .secondary-text,
.orange-700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.orange-700-fg .disabled-text,
.orange-700-fg .hint-text,
.orange-700-fg.disabled-text,
.orange-700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.orange-700-fg .divider,
.orange-700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.orange-700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.orange-700-fg input[type=text] {
    color: #fff
}

.orange-700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.orange-700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-700-fg .mat-select-arrow,
.orange-700-fg .mat-select-disabled .mat-select-value,
.orange-700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.orange-700-fg .mat-select-content,
.orange-700-fg .mat-select-panel-done-animating {
    background: #fff
}

.orange-700-fg .mat-select-value {
    color: #fff
}

.orange-700-border {
    border-color: #f57c00 !important
}

.orange-700-border-top {
    border-top-color: #f57c00 !important
}

.orange-700-border-right {
    border-right-color: #f57c00 !important
}

.orange-700-border-bottom {
    border-bottom-color: #f57c00 !important
}

.orange-700-border-left {
    border-left-color: #f57c00 !important
}

.orange-800-bg {
    background-color: #ef6c00 !important
}

.mat-orange-800-bg {
    background-color: #ef6c00 !important;
    color: #fff !important
}

.mat-orange-800-bg .icon,
.mat-orange-800-bg .mat-icon {
    color: #fff
}

.mat-orange-800-bg .secondary-text,
.mat-orange-800-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-orange-800-bg .disabled-text,
.mat-orange-800-bg .hint-text,
.mat-orange-800-bg.disabled-text,
.mat-orange-800-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-orange-800-bg .divider,
.mat-orange-800-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-orange-800-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-orange-800-bg input[type=text] {
    color: #fff
}

.mat-orange-800-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-orange-800-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-orange-800-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-orange-800-bg .mat-select-arrow,
.mat-orange-800-bg .mat-select-disabled .mat-select-value,
.mat-orange-800-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-orange-800-bg .mat-select-content,
.mat-orange-800-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-orange-800-bg .mat-select-value {
    color: #fff
}

.mat-orange-800-bg[disabled] {
    background-color: rgba(239, 108, 0, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.orange-800-fg {
    color: #ef6c00 !important
}

.orange-800-fg .icon,
.orange-800-fg .mat-icon {
    color: #fff
}

.orange-800-fg .secondary-text,
.orange-800-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.orange-800-fg .disabled-text,
.orange-800-fg .hint-text,
.orange-800-fg.disabled-text,
.orange-800-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.orange-800-fg .divider,
.orange-800-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.orange-800-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.orange-800-fg input[type=text] {
    color: #fff
}

.orange-800-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.orange-800-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-800-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-800-fg .mat-select-arrow,
.orange-800-fg .mat-select-disabled .mat-select-value,
.orange-800-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.orange-800-fg .mat-select-content,
.orange-800-fg .mat-select-panel-done-animating {
    background: #fff
}

.orange-800-fg .mat-select-value {
    color: #fff
}

.orange-800-border {
    border-color: #ef6c00 !important
}

.orange-800-border-top {
    border-top-color: #ef6c00 !important
}

.orange-800-border-right {
    border-right-color: #ef6c00 !important
}

.orange-800-border-bottom {
    border-bottom-color: #ef6c00 !important
}

.orange-800-border-left {
    border-left-color: #ef6c00 !important
}

.orange-900-bg {
    background-color: #e65100 !important
}

.mat-orange-900-bg {
    background-color: #e65100 !important;
    color: #fff !important
}

.mat-orange-900-bg .icon,
.mat-orange-900-bg .mat-icon {
    color: #fff
}

.mat-orange-900-bg .secondary-text,
.mat-orange-900-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-orange-900-bg .disabled-text,
.mat-orange-900-bg .hint-text,
.mat-orange-900-bg.disabled-text,
.mat-orange-900-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-orange-900-bg .divider,
.mat-orange-900-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-orange-900-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-orange-900-bg input[type=text] {
    color: #fff
}

.mat-orange-900-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-orange-900-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-orange-900-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-orange-900-bg .mat-select-arrow,
.mat-orange-900-bg .mat-select-disabled .mat-select-value,
.mat-orange-900-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-orange-900-bg .mat-select-content,
.mat-orange-900-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-orange-900-bg .mat-select-value {
    color: #fff
}

.mat-orange-900-bg[disabled] {
    background-color: rgba(230, 81, 0, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.orange-900-fg {
    color: #e65100 !important
}

.orange-900-fg .icon,
.orange-900-fg .mat-icon {
    color: #fff
}

.orange-900-fg .secondary-text,
.orange-900-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.orange-900-fg .disabled-text,
.orange-900-fg .hint-text,
.orange-900-fg.disabled-text,
.orange-900-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.orange-900-fg .divider,
.orange-900-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.orange-900-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.orange-900-fg input[type=text] {
    color: #fff
}

.orange-900-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.orange-900-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-900-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-900-fg .mat-select-arrow,
.orange-900-fg .mat-select-disabled .mat-select-value,
.orange-900-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.orange-900-fg .mat-select-content,
.orange-900-fg .mat-select-panel-done-animating {
    background: #fff
}

.orange-900-fg .mat-select-value {
    color: #fff
}

.orange-900-border {
    border-color: #e65100 !important
}

.orange-900-border-top {
    border-top-color: #e65100 !important
}

.orange-900-border-right {
    border-right-color: #e65100 !important
}

.orange-900-border-bottom {
    border-bottom-color: #e65100 !important
}

.orange-900-border-left {
    border-left-color: #e65100 !important
}

.orange-A100-bg {
    background-color: #ffd180 !important
}

.mat-orange-A100-bg {
    background-color: #ffd180 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-orange-A100-bg .icon,
.mat-orange-A100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-orange-A100-bg .secondary-text,
.mat-orange-A100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-orange-A100-bg .disabled-text,
.mat-orange-A100-bg .hint-text,
.mat-orange-A100-bg.disabled-text,
.mat-orange-A100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-orange-A100-bg .divider,
.mat-orange-A100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-orange-A100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-orange-A100-bg input[type=text] {
    color: #000
}

.mat-orange-A100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-A100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-A100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-A100-bg .mat-select-arrow,
.mat-orange-A100-bg .mat-select-disabled .mat-select-value,
.mat-orange-A100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-A100-bg .mat-select-content,
.mat-orange-A100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-orange-A100-bg[disabled] {
    background-color: rgba(255, 209, 128, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.orange-A100-fg {
    color: #ffd180 !important
}

.orange-A100-fg .icon,
.orange-A100-fg .mat-icon {
    color: #fff
}

.orange-A100-fg .secondary-text,
.orange-A100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.orange-A100-fg .disabled-text,
.orange-A100-fg .hint-text,
.orange-A100-fg.disabled-text,
.orange-A100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.orange-A100-fg .divider,
.orange-A100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.orange-A100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.orange-A100-fg input[type=text] {
    color: #fff
}

.orange-A100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.orange-A100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-A100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-A100-fg .mat-select-arrow,
.orange-A100-fg .mat-select-disabled .mat-select-value,
.orange-A100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.orange-A100-fg .mat-select-content,
.orange-A100-fg .mat-select-panel-done-animating {
    background: #fff
}

.orange-A100-fg .mat-select-value {
    color: #fff
}

.orange-A100-border {
    border-color: #ffd180 !important
}

.orange-A100-border-top {
    border-top-color: #ffd180 !important
}

.orange-A100-border-right {
    border-right-color: #ffd180 !important
}

.orange-A100-border-bottom {
    border-bottom-color: #ffd180 !important
}

.orange-A100-border-left {
    border-left-color: #ffd180 !important
}

.orange-A200-bg {
    background-color: #ffab40 !important
}

.mat-orange-A200-bg {
    background-color: #ffab40 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-orange-A200-bg .icon,
.mat-orange-A200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-orange-A200-bg .secondary-text,
.mat-orange-A200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-orange-A200-bg .disabled-text,
.mat-orange-A200-bg .hint-text,
.mat-orange-A200-bg.disabled-text,
.mat-orange-A200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-orange-A200-bg .divider,
.mat-orange-A200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-orange-A200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-orange-A200-bg input[type=text] {
    color: #000
}

.mat-orange-A200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-A200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-A200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-A200-bg .mat-select-arrow,
.mat-orange-A200-bg .mat-select-disabled .mat-select-value,
.mat-orange-A200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-A200-bg .mat-select-content,
.mat-orange-A200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-orange-A200-bg[disabled] {
    background-color: rgba(255, 171, 64, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.orange-A200-fg {
    color: #ffab40 !important
}

.orange-A200-fg .icon,
.orange-A200-fg .mat-icon {
    color: #fff
}

.orange-A200-fg .secondary-text,
.orange-A200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.orange-A200-fg .disabled-text,
.orange-A200-fg .hint-text,
.orange-A200-fg.disabled-text,
.orange-A200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.orange-A200-fg .divider,
.orange-A200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.orange-A200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.orange-A200-fg input[type=text] {
    color: #fff
}

.orange-A200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.orange-A200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-A200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-A200-fg .mat-select-arrow,
.orange-A200-fg .mat-select-disabled .mat-select-value,
.orange-A200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.orange-A200-fg .mat-select-content,
.orange-A200-fg .mat-select-panel-done-animating {
    background: #fff
}

.orange-A200-fg .mat-select-value {
    color: #fff
}

.orange-A200-border {
    border-color: #ffab40 !important
}

.orange-A200-border-top {
    border-top-color: #ffab40 !important
}

.orange-A200-border-right {
    border-right-color: #ffab40 !important
}

.orange-A200-border-bottom {
    border-bottom-color: #ffab40 !important
}

.orange-A200-border-left {
    border-left-color: #ffab40 !important
}

.orange-A400-bg {
    background-color: #ff9100 !important
}

.mat-orange-A400-bg {
    background-color: #ff9100 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-orange-A400-bg .icon,
.mat-orange-A400-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-orange-A400-bg .secondary-text,
.mat-orange-A400-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-orange-A400-bg .disabled-text,
.mat-orange-A400-bg .hint-text,
.mat-orange-A400-bg.disabled-text,
.mat-orange-A400-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-orange-A400-bg .divider,
.mat-orange-A400-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-orange-A400-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-orange-A400-bg input[type=text] {
    color: #000
}

.mat-orange-A400-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-A400-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-A400-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-A400-bg .mat-select-arrow,
.mat-orange-A400-bg .mat-select-disabled .mat-select-value,
.mat-orange-A400-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-A400-bg .mat-select-content,
.mat-orange-A400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-orange-A400-bg[disabled] {
    background-color: rgba(255, 145, 0, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.orange-A400-fg {
    color: #ff9100 !important
}

.orange-A400-fg .icon,
.orange-A400-fg .mat-icon {
    color: #fff
}

.orange-A400-fg .secondary-text,
.orange-A400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.orange-A400-fg .disabled-text,
.orange-A400-fg .hint-text,
.orange-A400-fg.disabled-text,
.orange-A400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.orange-A400-fg .divider,
.orange-A400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.orange-A400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.orange-A400-fg input[type=text] {
    color: #fff
}

.orange-A400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.orange-A400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-A400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-A400-fg .mat-select-arrow,
.orange-A400-fg .mat-select-disabled .mat-select-value,
.orange-A400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.orange-A400-fg .mat-select-content,
.orange-A400-fg .mat-select-panel-done-animating {
    background: #fff
}

.orange-A400-fg .mat-select-value {
    color: #fff
}

.orange-A400-border {
    border-color: #ff9100 !important
}

.orange-A400-border-top {
    border-top-color: #ff9100 !important
}

.orange-A400-border-right {
    border-right-color: #ff9100 !important
}

.orange-A400-border-bottom {
    border-bottom-color: #ff9100 !important
}

.orange-A400-border-left {
    border-left-color: #ff9100 !important
}

.orange-A700-bg {
    background-color: #ff6d00 !important
}

.mat-orange-A700-bg {
    background-color: #ff6d00 !important;
    color: #000 !important
}

.mat-orange-A700-bg .icon,
.mat-orange-A700-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-orange-A700-bg .secondary-text,
.mat-orange-A700-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-orange-A700-bg .disabled-text,
.mat-orange-A700-bg .hint-text,
.mat-orange-A700-bg.disabled-text,
.mat-orange-A700-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-orange-A700-bg .divider,
.mat-orange-A700-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-orange-A700-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-orange-A700-bg input[type=text] {
    color: #000
}

.mat-orange-A700-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-A700-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-A700-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-orange-A700-bg .mat-select-arrow,
.mat-orange-A700-bg .mat-select-disabled .mat-select-value,
.mat-orange-A700-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-orange-A700-bg .mat-select-content,
.mat-orange-A700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-orange-A700-bg[disabled] {
    background-color: rgba(255, 109, 0, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.orange-A700-fg {
    color: #ff6d00 !important
}

.orange-A700-fg .icon,
.orange-A700-fg .mat-icon {
    color: #fff
}

.orange-A700-fg .secondary-text,
.orange-A700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.orange-A700-fg .disabled-text,
.orange-A700-fg .hint-text,
.orange-A700-fg.disabled-text,
.orange-A700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.orange-A700-fg .divider,
.orange-A700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.orange-A700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.orange-A700-fg input[type=text] {
    color: #fff
}

.orange-A700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.orange-A700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-A700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.orange-A700-fg .mat-select-arrow,
.orange-A700-fg .mat-select-disabled .mat-select-value,
.orange-A700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.orange-A700-fg .mat-select-content,
.orange-A700-fg .mat-select-panel-done-animating {
    background: #fff
}

.orange-A700-fg .mat-select-value {
    color: #fff
}

.orange-A700-border {
    border-color: #ff6d00 !important
}

.orange-A700-border-top {
    border-top-color: #ff6d00 !important
}

.orange-A700-border-right {
    border-right-color: #ff6d00 !important
}

.orange-A700-border-bottom {
    border-bottom-color: #ff6d00 !important
}

.orange-A700-border-left {
    border-left-color: #ff6d00 !important
}

.deep-orange-50-bg {
    background-color: #fbe9e7 !important
}

.mat-deep-orange-50-bg {
    background-color: #fbe9e7 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-deep-orange-50-bg .icon,
.mat-deep-orange-50-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-deep-orange-50-bg .secondary-text,
.mat-deep-orange-50-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-deep-orange-50-bg .disabled-text,
.mat-deep-orange-50-bg .hint-text,
.mat-deep-orange-50-bg.disabled-text,
.mat-deep-orange-50-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-deep-orange-50-bg .divider,
.mat-deep-orange-50-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-deep-orange-50-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-deep-orange-50-bg input[type=text] {
    color: #000
}

.mat-deep-orange-50-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-deep-orange-50-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-deep-orange-50-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-deep-orange-50-bg .mat-select-arrow,
.mat-deep-orange-50-bg .mat-select-disabled .mat-select-value,
.mat-deep-orange-50-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-deep-orange-50-bg .mat-select-content,
.mat-deep-orange-50-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-orange-50-bg[disabled] {
    background-color: rgba(251, 233, 231, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.deep-orange-50-fg {
    color: #fbe9e7 !important
}

.deep-orange-50-fg .icon,
.deep-orange-50-fg .mat-icon {
    color: #fff
}

.deep-orange-50-fg .secondary-text,
.deep-orange-50-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-orange-50-fg .disabled-text,
.deep-orange-50-fg .hint-text,
.deep-orange-50-fg.disabled-text,
.deep-orange-50-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-orange-50-fg .divider,
.deep-orange-50-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-orange-50-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-orange-50-fg input[type=text] {
    color: #fff
}

.deep-orange-50-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-50-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-50-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-50-fg .mat-select-arrow,
.deep-orange-50-fg .mat-select-disabled .mat-select-value,
.deep-orange-50-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-50-fg .mat-select-content,
.deep-orange-50-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-orange-50-fg .mat-select-value {
    color: #fff
}

.deep-orange-50-border {
    border-color: #fbe9e7 !important
}

.deep-orange-50-border-top {
    border-top-color: #fbe9e7 !important
}

.deep-orange-50-border-right {
    border-right-color: #fbe9e7 !important
}

.deep-orange-50-border-bottom {
    border-bottom-color: #fbe9e7 !important
}

.deep-orange-50-border-left {
    border-left-color: #fbe9e7 !important
}

.deep-orange-100-bg {
    background-color: #ffccbc !important
}

.mat-deep-orange-100-bg {
    background-color: #ffccbc !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-deep-orange-100-bg .icon,
.mat-deep-orange-100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-deep-orange-100-bg .secondary-text,
.mat-deep-orange-100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-deep-orange-100-bg .disabled-text,
.mat-deep-orange-100-bg .hint-text,
.mat-deep-orange-100-bg.disabled-text,
.mat-deep-orange-100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-deep-orange-100-bg .divider,
.mat-deep-orange-100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-deep-orange-100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-deep-orange-100-bg input[type=text] {
    color: #000
}

.mat-deep-orange-100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-deep-orange-100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-deep-orange-100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-deep-orange-100-bg .mat-select-arrow,
.mat-deep-orange-100-bg .mat-select-disabled .mat-select-value,
.mat-deep-orange-100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-deep-orange-100-bg .mat-select-content,
.mat-deep-orange-100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-orange-100-bg[disabled] {
    background-color: rgba(255, 204, 188, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.deep-orange-100-fg {
    color: #ffccbc !important
}

.deep-orange-100-fg .icon,
.deep-orange-100-fg .mat-icon {
    color: #fff
}

.deep-orange-100-fg .secondary-text,
.deep-orange-100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-orange-100-fg .disabled-text,
.deep-orange-100-fg .hint-text,
.deep-orange-100-fg.disabled-text,
.deep-orange-100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-orange-100-fg .divider,
.deep-orange-100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-orange-100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-orange-100-fg input[type=text] {
    color: #fff
}

.deep-orange-100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-100-fg .mat-select-arrow,
.deep-orange-100-fg .mat-select-disabled .mat-select-value,
.deep-orange-100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-100-fg .mat-select-content,
.deep-orange-100-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-orange-100-fg .mat-select-value {
    color: #fff
}

.deep-orange-100-border {
    border-color: #ffccbc !important
}

.deep-orange-100-border-top {
    border-top-color: #ffccbc !important
}

.deep-orange-100-border-right {
    border-right-color: #ffccbc !important
}

.deep-orange-100-border-bottom {
    border-bottom-color: #ffccbc !important
}

.deep-orange-100-border-left {
    border-left-color: #ffccbc !important
}

.deep-orange-200-bg {
    background-color: #ffab91 !important
}

.mat-deep-orange-200-bg {
    background-color: #ffab91 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-deep-orange-200-bg .icon,
.mat-deep-orange-200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-deep-orange-200-bg .secondary-text,
.mat-deep-orange-200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-deep-orange-200-bg .disabled-text,
.mat-deep-orange-200-bg .hint-text,
.mat-deep-orange-200-bg.disabled-text,
.mat-deep-orange-200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-deep-orange-200-bg .divider,
.mat-deep-orange-200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-deep-orange-200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-deep-orange-200-bg input[type=text] {
    color: #000
}

.mat-deep-orange-200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-deep-orange-200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-deep-orange-200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-deep-orange-200-bg .mat-select-arrow,
.mat-deep-orange-200-bg .mat-select-disabled .mat-select-value,
.mat-deep-orange-200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-deep-orange-200-bg .mat-select-content,
.mat-deep-orange-200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-orange-200-bg[disabled] {
    background-color: rgba(255, 171, 145, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.deep-orange-200-fg {
    color: #ffab91 !important
}

.deep-orange-200-fg .icon,
.deep-orange-200-fg .mat-icon {
    color: #fff
}

.deep-orange-200-fg .secondary-text,
.deep-orange-200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-orange-200-fg .disabled-text,
.deep-orange-200-fg .hint-text,
.deep-orange-200-fg.disabled-text,
.deep-orange-200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-orange-200-fg .divider,
.deep-orange-200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-orange-200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-orange-200-fg input[type=text] {
    color: #fff
}

.deep-orange-200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-200-fg .mat-select-arrow,
.deep-orange-200-fg .mat-select-disabled .mat-select-value,
.deep-orange-200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-200-fg .mat-select-content,
.deep-orange-200-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-orange-200-fg .mat-select-value {
    color: #fff
}

.deep-orange-200-border {
    border-color: #ffab91 !important
}

.deep-orange-200-border-top {
    border-top-color: #ffab91 !important
}

.deep-orange-200-border-right {
    border-right-color: #ffab91 !important
}

.deep-orange-200-border-bottom {
    border-bottom-color: #ffab91 !important
}

.deep-orange-200-border-left {
    border-left-color: #ffab91 !important
}

.deep-orange-300-bg {
    background-color: #ff8a65 !important
}

.mat-deep-orange-300-bg {
    background-color: #ff8a65 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-deep-orange-300-bg .icon,
.mat-deep-orange-300-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-deep-orange-300-bg .secondary-text,
.mat-deep-orange-300-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-deep-orange-300-bg .disabled-text,
.mat-deep-orange-300-bg .hint-text,
.mat-deep-orange-300-bg.disabled-text,
.mat-deep-orange-300-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-deep-orange-300-bg .divider,
.mat-deep-orange-300-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-deep-orange-300-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-deep-orange-300-bg input[type=text] {
    color: #000
}

.mat-deep-orange-300-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-deep-orange-300-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-deep-orange-300-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-deep-orange-300-bg .mat-select-arrow,
.mat-deep-orange-300-bg .mat-select-disabled .mat-select-value,
.mat-deep-orange-300-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-deep-orange-300-bg .mat-select-content,
.mat-deep-orange-300-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-orange-300-bg[disabled] {
    background-color: rgba(255, 138, 101, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.deep-orange-300-fg {
    color: #ff8a65 !important
}

.deep-orange-300-fg .icon,
.deep-orange-300-fg .mat-icon {
    color: #fff
}

.deep-orange-300-fg .secondary-text,
.deep-orange-300-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-orange-300-fg .disabled-text,
.deep-orange-300-fg .hint-text,
.deep-orange-300-fg.disabled-text,
.deep-orange-300-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-orange-300-fg .divider,
.deep-orange-300-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-orange-300-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-orange-300-fg input[type=text] {
    color: #fff
}

.deep-orange-300-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-300-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-300-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-300-fg .mat-select-arrow,
.deep-orange-300-fg .mat-select-disabled .mat-select-value,
.deep-orange-300-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-300-fg .mat-select-content,
.deep-orange-300-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-orange-300-fg .mat-select-value {
    color: #fff
}

.deep-orange-300-border {
    border-color: #ff8a65 !important
}

.deep-orange-300-border-top {
    border-top-color: #ff8a65 !important
}

.deep-orange-300-border-right {
    border-right-color: #ff8a65 !important
}

.deep-orange-300-border-bottom {
    border-bottom-color: #ff8a65 !important
}

.deep-orange-300-border-left {
    border-left-color: #ff8a65 !important
}

.deep-orange-400-bg {
    background-color: #ff7043 !important
}

.mat-deep-orange-400-bg {
    background-color: #ff7043 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-deep-orange-400-bg .icon,
.mat-deep-orange-400-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-deep-orange-400-bg .secondary-text,
.mat-deep-orange-400-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-deep-orange-400-bg .disabled-text,
.mat-deep-orange-400-bg .hint-text,
.mat-deep-orange-400-bg.disabled-text,
.mat-deep-orange-400-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-deep-orange-400-bg .divider,
.mat-deep-orange-400-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-deep-orange-400-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-deep-orange-400-bg input[type=text] {
    color: #000
}

.mat-deep-orange-400-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-deep-orange-400-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-deep-orange-400-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-deep-orange-400-bg .mat-select-arrow,
.mat-deep-orange-400-bg .mat-select-disabled .mat-select-value,
.mat-deep-orange-400-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-deep-orange-400-bg .mat-select-content,
.mat-deep-orange-400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-orange-400-bg[disabled] {
    background-color: rgba(255, 112, 67, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.deep-orange-400-fg {
    color: #ff7043 !important
}

.deep-orange-400-fg .icon,
.deep-orange-400-fg .mat-icon {
    color: #fff
}

.deep-orange-400-fg .secondary-text,
.deep-orange-400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-orange-400-fg .disabled-text,
.deep-orange-400-fg .hint-text,
.deep-orange-400-fg.disabled-text,
.deep-orange-400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-orange-400-fg .divider,
.deep-orange-400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-orange-400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-orange-400-fg input[type=text] {
    color: #fff
}

.deep-orange-400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-400-fg .mat-select-arrow,
.deep-orange-400-fg .mat-select-disabled .mat-select-value,
.deep-orange-400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-400-fg .mat-select-content,
.deep-orange-400-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-orange-400-fg .mat-select-value {
    color: #fff
}

.deep-orange-400-border {
    border-color: #ff7043 !important
}

.deep-orange-400-border-top {
    border-top-color: #ff7043 !important
}

.deep-orange-400-border-right {
    border-right-color: #ff7043 !important
}

.deep-orange-400-border-bottom {
    border-bottom-color: #ff7043 !important
}

.deep-orange-400-border-left {
    border-left-color: #ff7043 !important
}

.deep-orange-500-bg {
    background-color: #ff5722 !important
}

.mat-deep-orange-500-bg {
    background-color: #ff5722 !important;
    color: #fff !important
}

.mat-deep-orange-500-bg .icon,
.mat-deep-orange-500-bg .mat-icon {
    color: #fff
}

.mat-deep-orange-500-bg .secondary-text,
.mat-deep-orange-500-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-deep-orange-500-bg .disabled-text,
.mat-deep-orange-500-bg .hint-text,
.mat-deep-orange-500-bg.disabled-text,
.mat-deep-orange-500-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-deep-orange-500-bg .divider,
.mat-deep-orange-500-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-deep-orange-500-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-deep-orange-500-bg input[type=text] {
    color: #fff
}

.mat-deep-orange-500-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-orange-500-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-orange-500-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-orange-500-bg .mat-select-arrow,
.mat-deep-orange-500-bg .mat-select-disabled .mat-select-value,
.mat-deep-orange-500-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-orange-500-bg .mat-select-content,
.mat-deep-orange-500-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-orange-500-bg .mat-select-value {
    color: #fff
}

.mat-deep-orange-500-bg[disabled] {
    background-color: rgba(255, 87, 34, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.deep-orange-500-fg {
    color: #ff5722 !important
}

.deep-orange-500-fg .icon,
.deep-orange-500-fg .mat-icon {
    color: #fff
}

.deep-orange-500-fg .secondary-text,
.deep-orange-500-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-orange-500-fg .disabled-text,
.deep-orange-500-fg .hint-text,
.deep-orange-500-fg.disabled-text,
.deep-orange-500-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-orange-500-fg .divider,
.deep-orange-500-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-orange-500-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-orange-500-fg input[type=text] {
    color: #fff
}

.deep-orange-500-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-500-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-500-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-500-fg .mat-select-arrow,
.deep-orange-500-fg .mat-select-disabled .mat-select-value,
.deep-orange-500-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-500-fg .mat-select-content,
.deep-orange-500-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-orange-500-fg .mat-select-value {
    color: #fff
}

.deep-orange-500-border {
    border-color: #ff5722 !important
}

.deep-orange-500-border-top {
    border-top-color: #ff5722 !important
}

.deep-orange-500-border-right {
    border-right-color: #ff5722 !important
}

.deep-orange-500-border-bottom {
    border-bottom-color: #ff5722 !important
}

.deep-orange-500-border-left {
    border-left-color: #ff5722 !important
}

.deep-orange-bg {
    background-color: #ff5722 !important
}

.mat-deep-orange-bg {
    background-color: #ff5722 !important;
    color: #fff !important
}

.mat-deep-orange-bg .icon,
.mat-deep-orange-bg .mat-icon {
    color: #fff
}

.mat-deep-orange-bg .secondary-text,
.mat-deep-orange-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-deep-orange-bg .disabled-text,
.mat-deep-orange-bg .hint-text,
.mat-deep-orange-bg.disabled-text,
.mat-deep-orange-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-deep-orange-bg .divider,
.mat-deep-orange-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-deep-orange-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-deep-orange-bg input[type=text] {
    color: #fff
}

.mat-deep-orange-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-orange-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-orange-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-orange-bg .mat-select-arrow,
.mat-deep-orange-bg .mat-select-disabled .mat-select-value,
.mat-deep-orange-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-orange-bg .mat-select-content,
.mat-deep-orange-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-orange-bg .mat-select-value {
    color: #fff
}

.mat-deep-orange-bg[disabled] {
    background-color: rgba(255, 87, 34, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.deep-orange-fg {
    color: #ff5722 !important
}

.deep-orange-fg .icon,
.deep-orange-fg .mat-icon {
    color: #fff
}

.deep-orange-fg .secondary-text,
.deep-orange-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-orange-fg .disabled-text,
.deep-orange-fg .hint-text,
.deep-orange-fg.disabled-text,
.deep-orange-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-orange-fg .divider,
.deep-orange-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-orange-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-orange-fg input[type=text] {
    color: #fff
}

.deep-orange-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-fg .mat-select-arrow,
.deep-orange-fg .mat-select-disabled .mat-select-value,
.deep-orange-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-fg .mat-select-content,
.deep-orange-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-orange-fg .mat-select-value {
    color: #fff
}

.deep-orange-border {
    border-color: #ff5722 !important
}

.deep-orange-border-top {
    border-top-color: #ff5722 !important
}

.deep-orange-border-right {
    border-right-color: #ff5722 !important
}

.deep-orange-border-bottom {
    border-bottom-color: #ff5722 !important
}

.deep-orange-border-left {
    border-left-color: #ff5722 !important
}

.deep-orange-600-bg {
    background-color: #f4511e !important
}

.mat-deep-orange-600-bg {
    background-color: #f4511e !important;
    color: #fff !important
}

.mat-deep-orange-600-bg .icon,
.mat-deep-orange-600-bg .mat-icon {
    color: #fff
}

.mat-deep-orange-600-bg .secondary-text,
.mat-deep-orange-600-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-deep-orange-600-bg .disabled-text,
.mat-deep-orange-600-bg .hint-text,
.mat-deep-orange-600-bg.disabled-text,
.mat-deep-orange-600-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-deep-orange-600-bg .divider,
.mat-deep-orange-600-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-deep-orange-600-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-deep-orange-600-bg input[type=text] {
    color: #fff
}

.mat-deep-orange-600-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-orange-600-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-orange-600-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-orange-600-bg .mat-select-arrow,
.mat-deep-orange-600-bg .mat-select-disabled .mat-select-value,
.mat-deep-orange-600-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-orange-600-bg .mat-select-content,
.mat-deep-orange-600-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-orange-600-bg .mat-select-value {
    color: #fff
}

.mat-deep-orange-600-bg[disabled] {
    background-color: rgba(244, 81, 30, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.deep-orange-600-fg {
    color: #f4511e !important
}

.deep-orange-600-fg .icon,
.deep-orange-600-fg .mat-icon {
    color: #fff
}

.deep-orange-600-fg .secondary-text,
.deep-orange-600-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-orange-600-fg .disabled-text,
.deep-orange-600-fg .hint-text,
.deep-orange-600-fg.disabled-text,
.deep-orange-600-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-orange-600-fg .divider,
.deep-orange-600-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-orange-600-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-orange-600-fg input[type=text] {
    color: #fff
}

.deep-orange-600-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-600-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-600-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-600-fg .mat-select-arrow,
.deep-orange-600-fg .mat-select-disabled .mat-select-value,
.deep-orange-600-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-600-fg .mat-select-content,
.deep-orange-600-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-orange-600-fg .mat-select-value {
    color: #fff
}

.deep-orange-600-border {
    border-color: #f4511e !important
}

.deep-orange-600-border-top {
    border-top-color: #f4511e !important
}

.deep-orange-600-border-right {
    border-right-color: #f4511e !important
}

.deep-orange-600-border-bottom {
    border-bottom-color: #f4511e !important
}

.deep-orange-600-border-left {
    border-left-color: #f4511e !important
}

.deep-orange-700-bg {
    background-color: #e64a19 !important
}

.mat-deep-orange-700-bg {
    background-color: #e64a19 !important;
    color: #fff !important
}

.mat-deep-orange-700-bg .icon,
.mat-deep-orange-700-bg .mat-icon {
    color: #fff
}

.mat-deep-orange-700-bg .secondary-text,
.mat-deep-orange-700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-deep-orange-700-bg .disabled-text,
.mat-deep-orange-700-bg .hint-text,
.mat-deep-orange-700-bg.disabled-text,
.mat-deep-orange-700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-deep-orange-700-bg .divider,
.mat-deep-orange-700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-deep-orange-700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-deep-orange-700-bg input[type=text] {
    color: #fff
}

.mat-deep-orange-700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-orange-700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-orange-700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-orange-700-bg .mat-select-arrow,
.mat-deep-orange-700-bg .mat-select-disabled .mat-select-value,
.mat-deep-orange-700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-orange-700-bg .mat-select-content,
.mat-deep-orange-700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-orange-700-bg .mat-select-value {
    color: #fff
}

.mat-deep-orange-700-bg[disabled] {
    background-color: rgba(230, 74, 25, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.deep-orange-700-fg {
    color: #e64a19 !important
}

.deep-orange-700-fg .icon,
.deep-orange-700-fg .mat-icon {
    color: #fff
}

.deep-orange-700-fg .secondary-text,
.deep-orange-700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-orange-700-fg .disabled-text,
.deep-orange-700-fg .hint-text,
.deep-orange-700-fg.disabled-text,
.deep-orange-700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-orange-700-fg .divider,
.deep-orange-700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-orange-700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-orange-700-fg input[type=text] {
    color: #fff
}

.deep-orange-700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-700-fg .mat-select-arrow,
.deep-orange-700-fg .mat-select-disabled .mat-select-value,
.deep-orange-700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-700-fg .mat-select-content,
.deep-orange-700-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-orange-700-fg .mat-select-value {
    color: #fff
}

.deep-orange-700-border {
    border-color: #e64a19 !important
}

.deep-orange-700-border-top {
    border-top-color: #e64a19 !important
}

.deep-orange-700-border-right {
    border-right-color: #e64a19 !important
}

.deep-orange-700-border-bottom {
    border-bottom-color: #e64a19 !important
}

.deep-orange-700-border-left {
    border-left-color: #e64a19 !important
}

.deep-orange-800-bg {
    background-color: #d84315 !important
}

.mat-deep-orange-800-bg {
    background-color: #d84315 !important;
    color: #fff !important
}

.mat-deep-orange-800-bg .icon,
.mat-deep-orange-800-bg .mat-icon {
    color: #fff
}

.mat-deep-orange-800-bg .secondary-text,
.mat-deep-orange-800-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-deep-orange-800-bg .disabled-text,
.mat-deep-orange-800-bg .hint-text,
.mat-deep-orange-800-bg.disabled-text,
.mat-deep-orange-800-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-deep-orange-800-bg .divider,
.mat-deep-orange-800-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-deep-orange-800-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-deep-orange-800-bg input[type=text] {
    color: #fff
}

.mat-deep-orange-800-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-orange-800-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-orange-800-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-orange-800-bg .mat-select-arrow,
.mat-deep-orange-800-bg .mat-select-disabled .mat-select-value,
.mat-deep-orange-800-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-orange-800-bg .mat-select-content,
.mat-deep-orange-800-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-orange-800-bg .mat-select-value {
    color: #fff
}

.mat-deep-orange-800-bg[disabled] {
    background-color: rgba(216, 67, 21, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.deep-orange-800-fg {
    color: #d84315 !important
}

.deep-orange-800-fg .icon,
.deep-orange-800-fg .mat-icon {
    color: #fff
}

.deep-orange-800-fg .secondary-text,
.deep-orange-800-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-orange-800-fg .disabled-text,
.deep-orange-800-fg .hint-text,
.deep-orange-800-fg.disabled-text,
.deep-orange-800-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-orange-800-fg .divider,
.deep-orange-800-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-orange-800-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-orange-800-fg input[type=text] {
    color: #fff
}

.deep-orange-800-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-800-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-800-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-800-fg .mat-select-arrow,
.deep-orange-800-fg .mat-select-disabled .mat-select-value,
.deep-orange-800-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-800-fg .mat-select-content,
.deep-orange-800-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-orange-800-fg .mat-select-value {
    color: #fff
}

.deep-orange-800-border {
    border-color: #d84315 !important
}

.deep-orange-800-border-top {
    border-top-color: #d84315 !important
}

.deep-orange-800-border-right {
    border-right-color: #d84315 !important
}

.deep-orange-800-border-bottom {
    border-bottom-color: #d84315 !important
}

.deep-orange-800-border-left {
    border-left-color: #d84315 !important
}

.deep-orange-900-bg {
    background-color: #bf360c !important
}

.mat-deep-orange-900-bg {
    background-color: #bf360c !important;
    color: #fff !important
}

.mat-deep-orange-900-bg .icon,
.mat-deep-orange-900-bg .mat-icon {
    color: #fff
}

.mat-deep-orange-900-bg .secondary-text,
.mat-deep-orange-900-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-deep-orange-900-bg .disabled-text,
.mat-deep-orange-900-bg .hint-text,
.mat-deep-orange-900-bg.disabled-text,
.mat-deep-orange-900-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-deep-orange-900-bg .divider,
.mat-deep-orange-900-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-deep-orange-900-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-deep-orange-900-bg input[type=text] {
    color: #fff
}

.mat-deep-orange-900-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-orange-900-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-orange-900-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-orange-900-bg .mat-select-arrow,
.mat-deep-orange-900-bg .mat-select-disabled .mat-select-value,
.mat-deep-orange-900-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-orange-900-bg .mat-select-content,
.mat-deep-orange-900-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-orange-900-bg .mat-select-value {
    color: #fff
}

.mat-deep-orange-900-bg[disabled] {
    background-color: rgba(191, 54, 12, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.deep-orange-900-fg {
    color: #bf360c !important
}

.deep-orange-900-fg .icon,
.deep-orange-900-fg .mat-icon {
    color: #fff
}

.deep-orange-900-fg .secondary-text,
.deep-orange-900-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-orange-900-fg .disabled-text,
.deep-orange-900-fg .hint-text,
.deep-orange-900-fg.disabled-text,
.deep-orange-900-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-orange-900-fg .divider,
.deep-orange-900-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-orange-900-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-orange-900-fg input[type=text] {
    color: #fff
}

.deep-orange-900-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-900-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-900-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-900-fg .mat-select-arrow,
.deep-orange-900-fg .mat-select-disabled .mat-select-value,
.deep-orange-900-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-900-fg .mat-select-content,
.deep-orange-900-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-orange-900-fg .mat-select-value {
    color: #fff
}

.deep-orange-900-border {
    border-color: #bf360c !important
}

.deep-orange-900-border-top {
    border-top-color: #bf360c !important
}

.deep-orange-900-border-right {
    border-right-color: #bf360c !important
}

.deep-orange-900-border-bottom {
    border-bottom-color: #bf360c !important
}

.deep-orange-900-border-left {
    border-left-color: #bf360c !important
}

.deep-orange-A100-bg {
    background-color: #ff9e80 !important
}

.mat-deep-orange-A100-bg {
    background-color: #ff9e80 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-deep-orange-A100-bg .icon,
.mat-deep-orange-A100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-deep-orange-A100-bg .secondary-text,
.mat-deep-orange-A100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-deep-orange-A100-bg .disabled-text,
.mat-deep-orange-A100-bg .hint-text,
.mat-deep-orange-A100-bg.disabled-text,
.mat-deep-orange-A100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-deep-orange-A100-bg .divider,
.mat-deep-orange-A100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-deep-orange-A100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-deep-orange-A100-bg input[type=text] {
    color: #000
}

.mat-deep-orange-A100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-deep-orange-A100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-deep-orange-A100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-deep-orange-A100-bg .mat-select-arrow,
.mat-deep-orange-A100-bg .mat-select-disabled .mat-select-value,
.mat-deep-orange-A100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-deep-orange-A100-bg .mat-select-content,
.mat-deep-orange-A100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-orange-A100-bg[disabled] {
    background-color: rgba(255, 158, 128, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.deep-orange-A100-fg {
    color: #ff9e80 !important
}

.deep-orange-A100-fg .icon,
.deep-orange-A100-fg .mat-icon {
    color: #fff
}

.deep-orange-A100-fg .secondary-text,
.deep-orange-A100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-orange-A100-fg .disabled-text,
.deep-orange-A100-fg .hint-text,
.deep-orange-A100-fg.disabled-text,
.deep-orange-A100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-orange-A100-fg .divider,
.deep-orange-A100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-orange-A100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-orange-A100-fg input[type=text] {
    color: #fff
}

.deep-orange-A100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-A100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-A100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-A100-fg .mat-select-arrow,
.deep-orange-A100-fg .mat-select-disabled .mat-select-value,
.deep-orange-A100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-A100-fg .mat-select-content,
.deep-orange-A100-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-orange-A100-fg .mat-select-value {
    color: #fff
}

.deep-orange-A100-border {
    border-color: #ff9e80 !important
}

.deep-orange-A100-border-top {
    border-top-color: #ff9e80 !important
}

.deep-orange-A100-border-right {
    border-right-color: #ff9e80 !important
}

.deep-orange-A100-border-bottom {
    border-bottom-color: #ff9e80 !important
}

.deep-orange-A100-border-left {
    border-left-color: #ff9e80 !important
}

.deep-orange-A200-bg {
    background-color: #ff6e40 !important
}

.mat-deep-orange-A200-bg {
    background-color: #ff6e40 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-deep-orange-A200-bg .icon,
.mat-deep-orange-A200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-deep-orange-A200-bg .secondary-text,
.mat-deep-orange-A200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-deep-orange-A200-bg .disabled-text,
.mat-deep-orange-A200-bg .hint-text,
.mat-deep-orange-A200-bg.disabled-text,
.mat-deep-orange-A200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-deep-orange-A200-bg .divider,
.mat-deep-orange-A200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-deep-orange-A200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-deep-orange-A200-bg input[type=text] {
    color: #000
}

.mat-deep-orange-A200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-deep-orange-A200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-deep-orange-A200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-deep-orange-A200-bg .mat-select-arrow,
.mat-deep-orange-A200-bg .mat-select-disabled .mat-select-value,
.mat-deep-orange-A200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-deep-orange-A200-bg .mat-select-content,
.mat-deep-orange-A200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-orange-A200-bg[disabled] {
    background-color: rgba(255, 110, 64, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.deep-orange-A200-fg {
    color: #ff6e40 !important
}

.deep-orange-A200-fg .icon,
.deep-orange-A200-fg .mat-icon {
    color: #fff
}

.deep-orange-A200-fg .secondary-text,
.deep-orange-A200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-orange-A200-fg .disabled-text,
.deep-orange-A200-fg .hint-text,
.deep-orange-A200-fg.disabled-text,
.deep-orange-A200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-orange-A200-fg .divider,
.deep-orange-A200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-orange-A200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-orange-A200-fg input[type=text] {
    color: #fff
}

.deep-orange-A200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-A200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-A200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-A200-fg .mat-select-arrow,
.deep-orange-A200-fg .mat-select-disabled .mat-select-value,
.deep-orange-A200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-A200-fg .mat-select-content,
.deep-orange-A200-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-orange-A200-fg .mat-select-value {
    color: #fff
}

.deep-orange-A200-border {
    border-color: #ff6e40 !important
}

.deep-orange-A200-border-top {
    border-top-color: #ff6e40 !important
}

.deep-orange-A200-border-right {
    border-right-color: #ff6e40 !important
}

.deep-orange-A200-border-bottom {
    border-bottom-color: #ff6e40 !important
}

.deep-orange-A200-border-left {
    border-left-color: #ff6e40 !important
}

.deep-orange-A400-bg {
    background-color: #ff3d00 !important
}

.mat-deep-orange-A400-bg {
    background-color: #ff3d00 !important;
    color: #fff !important
}

.mat-deep-orange-A400-bg .icon,
.mat-deep-orange-A400-bg .mat-icon {
    color: #fff
}

.mat-deep-orange-A400-bg .secondary-text,
.mat-deep-orange-A400-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-deep-orange-A400-bg .disabled-text,
.mat-deep-orange-A400-bg .hint-text,
.mat-deep-orange-A400-bg.disabled-text,
.mat-deep-orange-A400-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-deep-orange-A400-bg .divider,
.mat-deep-orange-A400-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-deep-orange-A400-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-deep-orange-A400-bg input[type=text] {
    color: #fff
}

.mat-deep-orange-A400-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-orange-A400-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-orange-A400-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-orange-A400-bg .mat-select-arrow,
.mat-deep-orange-A400-bg .mat-select-disabled .mat-select-value,
.mat-deep-orange-A400-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-orange-A400-bg .mat-select-content,
.mat-deep-orange-A400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-orange-A400-bg .mat-select-value {
    color: #fff
}

.mat-deep-orange-A400-bg[disabled] {
    background-color: rgba(255, 61, 0, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.deep-orange-A400-fg {
    color: #ff3d00 !important
}

.deep-orange-A400-fg .icon,
.deep-orange-A400-fg .mat-icon {
    color: #fff
}

.deep-orange-A400-fg .secondary-text,
.deep-orange-A400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-orange-A400-fg .disabled-text,
.deep-orange-A400-fg .hint-text,
.deep-orange-A400-fg.disabled-text,
.deep-orange-A400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-orange-A400-fg .divider,
.deep-orange-A400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-orange-A400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-orange-A400-fg input[type=text] {
    color: #fff
}

.deep-orange-A400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-A400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-A400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-A400-fg .mat-select-arrow,
.deep-orange-A400-fg .mat-select-disabled .mat-select-value,
.deep-orange-A400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-A400-fg .mat-select-content,
.deep-orange-A400-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-orange-A400-fg .mat-select-value {
    color: #fff
}

.deep-orange-A400-border {
    border-color: #ff3d00 !important
}

.deep-orange-A400-border-top {
    border-top-color: #ff3d00 !important
}

.deep-orange-A400-border-right {
    border-right-color: #ff3d00 !important
}

.deep-orange-A400-border-bottom {
    border-bottom-color: #ff3d00 !important
}

.deep-orange-A400-border-left {
    border-left-color: #ff3d00 !important
}

.deep-orange-A700-bg {
    background-color: #dd2c00 !important
}

.mat-deep-orange-A700-bg {
    background-color: #dd2c00 !important;
    color: #fff !important
}

.mat-deep-orange-A700-bg .icon,
.mat-deep-orange-A700-bg .mat-icon {
    color: #fff
}

.mat-deep-orange-A700-bg .secondary-text,
.mat-deep-orange-A700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-deep-orange-A700-bg .disabled-text,
.mat-deep-orange-A700-bg .hint-text,
.mat-deep-orange-A700-bg.disabled-text,
.mat-deep-orange-A700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-deep-orange-A700-bg .divider,
.mat-deep-orange-A700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-deep-orange-A700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-deep-orange-A700-bg input[type=text] {
    color: #fff
}

.mat-deep-orange-A700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-orange-A700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-orange-A700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-deep-orange-A700-bg .mat-select-arrow,
.mat-deep-orange-A700-bg .mat-select-disabled .mat-select-value,
.mat-deep-orange-A700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-deep-orange-A700-bg .mat-select-content,
.mat-deep-orange-A700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-deep-orange-A700-bg .mat-select-value {
    color: #fff
}

.mat-deep-orange-A700-bg[disabled] {
    background-color: rgba(221, 44, 0, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.deep-orange-A700-fg {
    color: #dd2c00 !important
}

.deep-orange-A700-fg .icon,
.deep-orange-A700-fg .mat-icon {
    color: #fff
}

.deep-orange-A700-fg .secondary-text,
.deep-orange-A700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.deep-orange-A700-fg .disabled-text,
.deep-orange-A700-fg .hint-text,
.deep-orange-A700-fg.disabled-text,
.deep-orange-A700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.deep-orange-A700-fg .divider,
.deep-orange-A700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.deep-orange-A700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.deep-orange-A700-fg input[type=text] {
    color: #fff
}

.deep-orange-A700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-A700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-A700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.deep-orange-A700-fg .mat-select-arrow,
.deep-orange-A700-fg .mat-select-disabled .mat-select-value,
.deep-orange-A700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.deep-orange-A700-fg .mat-select-content,
.deep-orange-A700-fg .mat-select-panel-done-animating {
    background: #fff
}

.deep-orange-A700-fg .mat-select-value {
    color: #fff
}

.deep-orange-A700-border {
    border-color: #dd2c00 !important
}

.deep-orange-A700-border-top {
    border-top-color: #dd2c00 !important
}

.deep-orange-A700-border-right {
    border-right-color: #dd2c00 !important
}

.deep-orange-A700-border-bottom {
    border-bottom-color: #dd2c00 !important
}

.deep-orange-A700-border-left {
    border-left-color: #dd2c00 !important
}

.brown-50-bg {
    background-color: #efebe9 !important
}

.mat-brown-50-bg {
    background-color: #efebe9 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-brown-50-bg .icon,
.mat-brown-50-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-brown-50-bg .secondary-text,
.mat-brown-50-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-brown-50-bg .disabled-text,
.mat-brown-50-bg .hint-text,
.mat-brown-50-bg.disabled-text,
.mat-brown-50-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-brown-50-bg .divider,
.mat-brown-50-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-brown-50-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-brown-50-bg input[type=text] {
    color: #000
}

.mat-brown-50-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-brown-50-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-brown-50-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-brown-50-bg .mat-select-arrow,
.mat-brown-50-bg .mat-select-disabled .mat-select-value,
.mat-brown-50-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-brown-50-bg .mat-select-content,
.mat-brown-50-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-brown-50-bg[disabled] {
    background-color: rgba(239, 235, 233, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.brown-50-fg {
    color: #efebe9 !important
}

.brown-50-fg .icon,
.brown-50-fg .mat-icon {
    color: #fff
}

.brown-50-fg .secondary-text,
.brown-50-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.brown-50-fg .disabled-text,
.brown-50-fg .hint-text,
.brown-50-fg.disabled-text,
.brown-50-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.brown-50-fg .divider,
.brown-50-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.brown-50-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.brown-50-fg input[type=text] {
    color: #fff
}

.brown-50-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.brown-50-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-50-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-50-fg .mat-select-arrow,
.brown-50-fg .mat-select-disabled .mat-select-value,
.brown-50-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.brown-50-fg .mat-select-content,
.brown-50-fg .mat-select-panel-done-animating {
    background: #fff
}

.brown-50-fg .mat-select-value {
    color: #fff
}

.brown-50-border {
    border-color: #efebe9 !important
}

.brown-50-border-top {
    border-top-color: #efebe9 !important
}

.brown-50-border-right {
    border-right-color: #efebe9 !important
}

.brown-50-border-bottom {
    border-bottom-color: #efebe9 !important
}

.brown-50-border-left {
    border-left-color: #efebe9 !important
}

.brown-100-bg {
    background-color: #d7ccc8 !important
}

.mat-brown-100-bg {
    background-color: #d7ccc8 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-brown-100-bg .icon,
.mat-brown-100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-brown-100-bg .secondary-text,
.mat-brown-100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-brown-100-bg .disabled-text,
.mat-brown-100-bg .hint-text,
.mat-brown-100-bg.disabled-text,
.mat-brown-100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-brown-100-bg .divider,
.mat-brown-100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-brown-100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-brown-100-bg input[type=text] {
    color: #000
}

.mat-brown-100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-brown-100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-brown-100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-brown-100-bg .mat-select-arrow,
.mat-brown-100-bg .mat-select-disabled .mat-select-value,
.mat-brown-100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-brown-100-bg .mat-select-content,
.mat-brown-100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-brown-100-bg[disabled] {
    background-color: rgba(215, 204, 200, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.brown-100-fg {
    color: #d7ccc8 !important
}

.brown-100-fg .icon,
.brown-100-fg .mat-icon {
    color: #fff
}

.brown-100-fg .secondary-text,
.brown-100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.brown-100-fg .disabled-text,
.brown-100-fg .hint-text,
.brown-100-fg.disabled-text,
.brown-100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.brown-100-fg .divider,
.brown-100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.brown-100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.brown-100-fg input[type=text] {
    color: #fff
}

.brown-100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.brown-100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-100-fg .mat-select-arrow,
.brown-100-fg .mat-select-disabled .mat-select-value,
.brown-100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.brown-100-fg .mat-select-content,
.brown-100-fg .mat-select-panel-done-animating {
    background: #fff
}

.brown-100-fg .mat-select-value {
    color: #fff
}

.brown-100-border {
    border-color: #d7ccc8 !important
}

.brown-100-border-top {
    border-top-color: #d7ccc8 !important
}

.brown-100-border-right {
    border-right-color: #d7ccc8 !important
}

.brown-100-border-bottom {
    border-bottom-color: #d7ccc8 !important
}

.brown-100-border-left {
    border-left-color: #d7ccc8 !important
}

.brown-200-bg {
    background-color: #bcaaa4 !important
}

.mat-brown-200-bg {
    background-color: #bcaaa4 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-brown-200-bg .icon,
.mat-brown-200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-brown-200-bg .secondary-text,
.mat-brown-200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-brown-200-bg .disabled-text,
.mat-brown-200-bg .hint-text,
.mat-brown-200-bg.disabled-text,
.mat-brown-200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-brown-200-bg .divider,
.mat-brown-200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-brown-200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-brown-200-bg input[type=text] {
    color: #000
}

.mat-brown-200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-brown-200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-brown-200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-brown-200-bg .mat-select-arrow,
.mat-brown-200-bg .mat-select-disabled .mat-select-value,
.mat-brown-200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-brown-200-bg .mat-select-content,
.mat-brown-200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-brown-200-bg[disabled] {
    background-color: rgba(188, 170, 164, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.brown-200-fg {
    color: #bcaaa4 !important
}

.brown-200-fg .icon,
.brown-200-fg .mat-icon {
    color: #fff
}

.brown-200-fg .secondary-text,
.brown-200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.brown-200-fg .disabled-text,
.brown-200-fg .hint-text,
.brown-200-fg.disabled-text,
.brown-200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.brown-200-fg .divider,
.brown-200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.brown-200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.brown-200-fg input[type=text] {
    color: #fff
}

.brown-200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.brown-200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-200-fg .mat-select-arrow,
.brown-200-fg .mat-select-disabled .mat-select-value,
.brown-200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.brown-200-fg .mat-select-content,
.brown-200-fg .mat-select-panel-done-animating {
    background: #fff
}

.brown-200-fg .mat-select-value {
    color: #fff
}

.brown-200-border {
    border-color: #bcaaa4 !important
}

.brown-200-border-top {
    border-top-color: #bcaaa4 !important
}

.brown-200-border-right {
    border-right-color: #bcaaa4 !important
}

.brown-200-border-bottom {
    border-bottom-color: #bcaaa4 !important
}

.brown-200-border-left {
    border-left-color: #bcaaa4 !important
}

.brown-300-bg {
    background-color: #a1887f !important
}

.mat-brown-300-bg {
    background-color: #a1887f !important;
    color: #fff !important
}

.mat-brown-300-bg .icon,
.mat-brown-300-bg .mat-icon {
    color: #fff
}

.mat-brown-300-bg .secondary-text,
.mat-brown-300-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-brown-300-bg .disabled-text,
.mat-brown-300-bg .hint-text,
.mat-brown-300-bg.disabled-text,
.mat-brown-300-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-brown-300-bg .divider,
.mat-brown-300-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-brown-300-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-brown-300-bg input[type=text] {
    color: #fff
}

.mat-brown-300-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-brown-300-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-brown-300-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-brown-300-bg .mat-select-arrow,
.mat-brown-300-bg .mat-select-disabled .mat-select-value,
.mat-brown-300-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-brown-300-bg .mat-select-content,
.mat-brown-300-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-brown-300-bg .mat-select-value {
    color: #fff
}

.mat-brown-300-bg[disabled] {
    background-color: rgba(161, 136, 127, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.brown-300-fg {
    color: #a1887f !important
}

.brown-300-fg .icon,
.brown-300-fg .mat-icon {
    color: #fff
}

.brown-300-fg .secondary-text,
.brown-300-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.brown-300-fg .disabled-text,
.brown-300-fg .hint-text,
.brown-300-fg.disabled-text,
.brown-300-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.brown-300-fg .divider,
.brown-300-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.brown-300-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.brown-300-fg input[type=text] {
    color: #fff
}

.brown-300-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.brown-300-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-300-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-300-fg .mat-select-arrow,
.brown-300-fg .mat-select-disabled .mat-select-value,
.brown-300-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.brown-300-fg .mat-select-content,
.brown-300-fg .mat-select-panel-done-animating {
    background: #fff
}

.brown-300-fg .mat-select-value {
    color: #fff
}

.brown-300-border {
    border-color: #a1887f !important
}

.brown-300-border-top {
    border-top-color: #a1887f !important
}

.brown-300-border-right {
    border-right-color: #a1887f !important
}

.brown-300-border-bottom {
    border-bottom-color: #a1887f !important
}

.brown-300-border-left {
    border-left-color: #a1887f !important
}

.brown-400-bg {
    background-color: #8d6e63 !important
}

.mat-brown-400-bg {
    background-color: #8d6e63 !important;
    color: #fff !important
}

.mat-brown-400-bg .icon,
.mat-brown-400-bg .mat-icon {
    color: #fff
}

.mat-brown-400-bg .secondary-text,
.mat-brown-400-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-brown-400-bg .disabled-text,
.mat-brown-400-bg .hint-text,
.mat-brown-400-bg.disabled-text,
.mat-brown-400-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-brown-400-bg .divider,
.mat-brown-400-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-brown-400-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-brown-400-bg input[type=text] {
    color: #fff
}

.mat-brown-400-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-brown-400-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-brown-400-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-brown-400-bg .mat-select-arrow,
.mat-brown-400-bg .mat-select-disabled .mat-select-value,
.mat-brown-400-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-brown-400-bg .mat-select-content,
.mat-brown-400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-brown-400-bg .mat-select-value {
    color: #fff
}

.mat-brown-400-bg[disabled] {
    background-color: rgba(141, 110, 99, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.brown-400-fg {
    color: #8d6e63 !important
}

.brown-400-fg .icon,
.brown-400-fg .mat-icon {
    color: #fff
}

.brown-400-fg .secondary-text,
.brown-400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.brown-400-fg .disabled-text,
.brown-400-fg .hint-text,
.brown-400-fg.disabled-text,
.brown-400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.brown-400-fg .divider,
.brown-400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.brown-400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.brown-400-fg input[type=text] {
    color: #fff
}

.brown-400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.brown-400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-400-fg .mat-select-arrow,
.brown-400-fg .mat-select-disabled .mat-select-value,
.brown-400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.brown-400-fg .mat-select-content,
.brown-400-fg .mat-select-panel-done-animating {
    background: #fff
}

.brown-400-fg .mat-select-value {
    color: #fff
}

.brown-400-border {
    border-color: #8d6e63 !important
}

.brown-400-border-top {
    border-top-color: #8d6e63 !important
}

.brown-400-border-right {
    border-right-color: #8d6e63 !important
}

.brown-400-border-bottom {
    border-bottom-color: #8d6e63 !important
}

.brown-400-border-left {
    border-left-color: #8d6e63 !important
}

.brown-500-bg {
    background-color: #795548 !important
}

.mat-brown-500-bg {
    background-color: #795548 !important;
    color: #fff !important
}

.mat-brown-500-bg .icon,
.mat-brown-500-bg .mat-icon {
    color: #fff
}

.mat-brown-500-bg .secondary-text,
.mat-brown-500-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-brown-500-bg .disabled-text,
.mat-brown-500-bg .hint-text,
.mat-brown-500-bg.disabled-text,
.mat-brown-500-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-brown-500-bg .divider,
.mat-brown-500-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-brown-500-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-brown-500-bg input[type=text] {
    color: #fff
}

.mat-brown-500-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-brown-500-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-brown-500-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-brown-500-bg .mat-select-arrow,
.mat-brown-500-bg .mat-select-disabled .mat-select-value,
.mat-brown-500-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-brown-500-bg .mat-select-content,
.mat-brown-500-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-brown-500-bg .mat-select-value {
    color: #fff
}

.mat-brown-500-bg[disabled] {
    background-color: rgba(121, 85, 72, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.brown-500-fg {
    color: #795548 !important
}

.brown-500-fg .icon,
.brown-500-fg .mat-icon {
    color: #fff
}

.brown-500-fg .secondary-text,
.brown-500-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.brown-500-fg .disabled-text,
.brown-500-fg .hint-text,
.brown-500-fg.disabled-text,
.brown-500-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.brown-500-fg .divider,
.brown-500-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.brown-500-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.brown-500-fg input[type=text] {
    color: #fff
}

.brown-500-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.brown-500-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-500-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-500-fg .mat-select-arrow,
.brown-500-fg .mat-select-disabled .mat-select-value,
.brown-500-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.brown-500-fg .mat-select-content,
.brown-500-fg .mat-select-panel-done-animating {
    background: #fff
}

.brown-500-fg .mat-select-value {
    color: #fff
}

.brown-500-border {
    border-color: #795548 !important
}

.brown-500-border-top {
    border-top-color: #795548 !important
}

.brown-500-border-right {
    border-right-color: #795548 !important
}

.brown-500-border-bottom {
    border-bottom-color: #795548 !important
}

.brown-500-border-left {
    border-left-color: #795548 !important
}

.brown-bg {
    background-color: #795548 !important
}

.mat-brown-bg {
    background-color: #795548 !important;
    color: #fff !important
}

.mat-brown-bg .icon,
.mat-brown-bg .mat-icon {
    color: #fff
}

.mat-brown-bg .secondary-text,
.mat-brown-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-brown-bg .disabled-text,
.mat-brown-bg .hint-text,
.mat-brown-bg.disabled-text,
.mat-brown-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-brown-bg .divider,
.mat-brown-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-brown-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-brown-bg input[type=text] {
    color: #fff
}

.mat-brown-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-brown-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-brown-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-brown-bg .mat-select-arrow,
.mat-brown-bg .mat-select-disabled .mat-select-value,
.mat-brown-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-brown-bg .mat-select-content,
.mat-brown-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-brown-bg .mat-select-value {
    color: #fff
}

.mat-brown-bg[disabled] {
    background-color: rgba(121, 85, 72, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.brown-fg {
    color: #795548 !important
}

.brown-fg .icon,
.brown-fg .mat-icon {
    color: #fff
}

.brown-fg .secondary-text,
.brown-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.brown-fg .disabled-text,
.brown-fg .hint-text,
.brown-fg.disabled-text,
.brown-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.brown-fg .divider,
.brown-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.brown-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.brown-fg input[type=text] {
    color: #fff
}

.brown-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.brown-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-fg .mat-select-arrow,
.brown-fg .mat-select-disabled .mat-select-value,
.brown-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.brown-fg .mat-select-content,
.brown-fg .mat-select-panel-done-animating {
    background: #fff
}

.brown-fg .mat-select-value {
    color: #fff
}

.brown-border {
    border-color: #795548 !important
}

.brown-border-top {
    border-top-color: #795548 !important
}

.brown-border-right {
    border-right-color: #795548 !important
}

.brown-border-bottom {
    border-bottom-color: #795548 !important
}

.brown-border-left {
    border-left-color: #795548 !important
}

.brown-600-bg {
    background-color: #6d4c41 !important
}

.mat-brown-600-bg {
    background-color: #6d4c41 !important;
    color: #fff !important
}

.mat-brown-600-bg .icon,
.mat-brown-600-bg .mat-icon {
    color: #fff
}

.mat-brown-600-bg .secondary-text,
.mat-brown-600-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-brown-600-bg .disabled-text,
.mat-brown-600-bg .hint-text,
.mat-brown-600-bg.disabled-text,
.mat-brown-600-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-brown-600-bg .divider,
.mat-brown-600-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-brown-600-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-brown-600-bg input[type=text] {
    color: #fff
}

.mat-brown-600-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-brown-600-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-brown-600-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-brown-600-bg .mat-select-arrow,
.mat-brown-600-bg .mat-select-disabled .mat-select-value,
.mat-brown-600-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-brown-600-bg .mat-select-content,
.mat-brown-600-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-brown-600-bg .mat-select-value {
    color: #fff
}

.mat-brown-600-bg[disabled] {
    background-color: rgba(109, 76, 65, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.brown-600-fg {
    color: #6d4c41 !important
}

.brown-600-fg .icon,
.brown-600-fg .mat-icon {
    color: #fff
}

.brown-600-fg .secondary-text,
.brown-600-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.brown-600-fg .disabled-text,
.brown-600-fg .hint-text,
.brown-600-fg.disabled-text,
.brown-600-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.brown-600-fg .divider,
.brown-600-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.brown-600-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.brown-600-fg input[type=text] {
    color: #fff
}

.brown-600-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.brown-600-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-600-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-600-fg .mat-select-arrow,
.brown-600-fg .mat-select-disabled .mat-select-value,
.brown-600-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.brown-600-fg .mat-select-content,
.brown-600-fg .mat-select-panel-done-animating {
    background: #fff
}

.brown-600-fg .mat-select-value {
    color: #fff
}

.brown-600-border {
    border-color: #6d4c41 !important
}

.brown-600-border-top {
    border-top-color: #6d4c41 !important
}

.brown-600-border-right {
    border-right-color: #6d4c41 !important
}

.brown-600-border-bottom {
    border-bottom-color: #6d4c41 !important
}

.brown-600-border-left {
    border-left-color: #6d4c41 !important
}

.brown-700-bg {
    background-color: #5d4037 !important
}

.mat-brown-700-bg {
    background-color: #5d4037 !important;
    color: #fff !important
}

.mat-brown-700-bg .icon,
.mat-brown-700-bg .mat-icon {
    color: #fff
}

.mat-brown-700-bg .secondary-text,
.mat-brown-700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-brown-700-bg .disabled-text,
.mat-brown-700-bg .hint-text,
.mat-brown-700-bg.disabled-text,
.mat-brown-700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-brown-700-bg .divider,
.mat-brown-700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-brown-700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-brown-700-bg input[type=text] {
    color: #fff
}

.mat-brown-700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-brown-700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-brown-700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-brown-700-bg .mat-select-arrow,
.mat-brown-700-bg .mat-select-disabled .mat-select-value,
.mat-brown-700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-brown-700-bg .mat-select-content,
.mat-brown-700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-brown-700-bg .mat-select-value {
    color: #fff
}

.mat-brown-700-bg[disabled] {
    background-color: rgba(93, 64, 55, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.brown-700-fg {
    color: #5d4037 !important
}

.brown-700-fg .icon,
.brown-700-fg .mat-icon {
    color: #fff
}

.brown-700-fg .secondary-text,
.brown-700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.brown-700-fg .disabled-text,
.brown-700-fg .hint-text,
.brown-700-fg.disabled-text,
.brown-700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.brown-700-fg .divider,
.brown-700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.brown-700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.brown-700-fg input[type=text] {
    color: #fff
}

.brown-700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.brown-700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-700-fg .mat-select-arrow,
.brown-700-fg .mat-select-disabled .mat-select-value,
.brown-700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.brown-700-fg .mat-select-content,
.brown-700-fg .mat-select-panel-done-animating {
    background: #fff
}

.brown-700-fg .mat-select-value {
    color: #fff
}

.brown-700-border {
    border-color: #5d4037 !important
}

.brown-700-border-top {
    border-top-color: #5d4037 !important
}

.brown-700-border-right {
    border-right-color: #5d4037 !important
}

.brown-700-border-bottom {
    border-bottom-color: #5d4037 !important
}

.brown-700-border-left {
    border-left-color: #5d4037 !important
}

.brown-800-bg {
    background-color: #4e342e !important
}

.mat-brown-800-bg {
    background-color: #4e342e !important;
    color: #fff !important
}

.mat-brown-800-bg .icon,
.mat-brown-800-bg .mat-icon {
    color: #fff
}

.mat-brown-800-bg .secondary-text,
.mat-brown-800-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-brown-800-bg .disabled-text,
.mat-brown-800-bg .hint-text,
.mat-brown-800-bg.disabled-text,
.mat-brown-800-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-brown-800-bg .divider,
.mat-brown-800-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-brown-800-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-brown-800-bg input[type=text] {
    color: #fff
}

.mat-brown-800-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-brown-800-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-brown-800-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-brown-800-bg .mat-select-arrow,
.mat-brown-800-bg .mat-select-disabled .mat-select-value,
.mat-brown-800-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-brown-800-bg .mat-select-content,
.mat-brown-800-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-brown-800-bg .mat-select-value {
    color: #fff
}

.mat-brown-800-bg[disabled] {
    background-color: rgba(78, 52, 46, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.brown-800-fg {
    color: #4e342e !important
}

.brown-800-fg .icon,
.brown-800-fg .mat-icon {
    color: #fff
}

.brown-800-fg .secondary-text,
.brown-800-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.brown-800-fg .disabled-text,
.brown-800-fg .hint-text,
.brown-800-fg.disabled-text,
.brown-800-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.brown-800-fg .divider,
.brown-800-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.brown-800-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.brown-800-fg input[type=text] {
    color: #fff
}

.brown-800-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.brown-800-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-800-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-800-fg .mat-select-arrow,
.brown-800-fg .mat-select-disabled .mat-select-value,
.brown-800-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.brown-800-fg .mat-select-content,
.brown-800-fg .mat-select-panel-done-animating {
    background: #fff
}

.brown-800-fg .mat-select-value {
    color: #fff
}

.brown-800-border {
    border-color: #4e342e !important
}

.brown-800-border-top {
    border-top-color: #4e342e !important
}

.brown-800-border-right {
    border-right-color: #4e342e !important
}

.brown-800-border-bottom {
    border-bottom-color: #4e342e !important
}

.brown-800-border-left {
    border-left-color: #4e342e !important
}

.brown-900-bg {
    background-color: #3e2723 !important
}

.mat-brown-900-bg {
    background-color: #3e2723 !important;
    color: #fff !important
}

.mat-brown-900-bg .icon,
.mat-brown-900-bg .mat-icon {
    color: #fff
}

.mat-brown-900-bg .secondary-text,
.mat-brown-900-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-brown-900-bg .disabled-text,
.mat-brown-900-bg .hint-text,
.mat-brown-900-bg.disabled-text,
.mat-brown-900-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-brown-900-bg .divider,
.mat-brown-900-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-brown-900-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-brown-900-bg input[type=text] {
    color: #fff
}

.mat-brown-900-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-brown-900-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-brown-900-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-brown-900-bg .mat-select-arrow,
.mat-brown-900-bg .mat-select-disabled .mat-select-value,
.mat-brown-900-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-brown-900-bg .mat-select-content,
.mat-brown-900-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-brown-900-bg .mat-select-value {
    color: #fff
}

.mat-brown-900-bg[disabled] {
    background-color: rgba(62, 39, 35, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.brown-900-fg {
    color: #3e2723 !important
}

.brown-900-fg .icon,
.brown-900-fg .mat-icon {
    color: #fff
}

.brown-900-fg .secondary-text,
.brown-900-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.brown-900-fg .disabled-text,
.brown-900-fg .hint-text,
.brown-900-fg.disabled-text,
.brown-900-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.brown-900-fg .divider,
.brown-900-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.brown-900-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.brown-900-fg input[type=text] {
    color: #fff
}

.brown-900-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.brown-900-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-900-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-900-fg .mat-select-arrow,
.brown-900-fg .mat-select-disabled .mat-select-value,
.brown-900-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.brown-900-fg .mat-select-content,
.brown-900-fg .mat-select-panel-done-animating {
    background: #fff
}

.brown-900-fg .mat-select-value {
    color: #fff
}

.brown-900-border {
    border-color: #3e2723 !important
}

.brown-900-border-top {
    border-top-color: #3e2723 !important
}

.brown-900-border-right {
    border-right-color: #3e2723 !important
}

.brown-900-border-bottom {
    border-bottom-color: #3e2723 !important
}

.brown-900-border-left {
    border-left-color: #3e2723 !important
}

.brown-A100-bg {
    background-color: #d7ccc8 !important
}

.mat-brown-A100-bg {
    background-color: #d7ccc8 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-brown-A100-bg .icon,
.mat-brown-A100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-brown-A100-bg .secondary-text,
.mat-brown-A100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-brown-A100-bg .disabled-text,
.mat-brown-A100-bg .hint-text,
.mat-brown-A100-bg.disabled-text,
.mat-brown-A100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-brown-A100-bg .divider,
.mat-brown-A100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-brown-A100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-brown-A100-bg input[type=text] {
    color: #000
}

.mat-brown-A100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-brown-A100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-brown-A100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-brown-A100-bg .mat-select-arrow,
.mat-brown-A100-bg .mat-select-disabled .mat-select-value,
.mat-brown-A100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-brown-A100-bg .mat-select-content,
.mat-brown-A100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-brown-A100-bg[disabled] {
    background-color: rgba(215, 204, 200, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.brown-A100-fg {
    color: #d7ccc8 !important
}

.brown-A100-fg .icon,
.brown-A100-fg .mat-icon {
    color: #fff
}

.brown-A100-fg .secondary-text,
.brown-A100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.brown-A100-fg .disabled-text,
.brown-A100-fg .hint-text,
.brown-A100-fg.disabled-text,
.brown-A100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.brown-A100-fg .divider,
.brown-A100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.brown-A100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.brown-A100-fg input[type=text] {
    color: #fff
}

.brown-A100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.brown-A100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-A100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-A100-fg .mat-select-arrow,
.brown-A100-fg .mat-select-disabled .mat-select-value,
.brown-A100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.brown-A100-fg .mat-select-content,
.brown-A100-fg .mat-select-panel-done-animating {
    background: #fff
}

.brown-A100-fg .mat-select-value {
    color: #fff
}

.brown-A100-border {
    border-color: #d7ccc8 !important
}

.brown-A100-border-top {
    border-top-color: #d7ccc8 !important
}

.brown-A100-border-right {
    border-right-color: #d7ccc8 !important
}

.brown-A100-border-bottom {
    border-bottom-color: #d7ccc8 !important
}

.brown-A100-border-left {
    border-left-color: #d7ccc8 !important
}

.brown-A200-bg {
    background-color: #bcaaa4 !important
}

.mat-brown-A200-bg {
    background-color: #bcaaa4 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-brown-A200-bg .icon,
.mat-brown-A200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-brown-A200-bg .secondary-text,
.mat-brown-A200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-brown-A200-bg .disabled-text,
.mat-brown-A200-bg .hint-text,
.mat-brown-A200-bg.disabled-text,
.mat-brown-A200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-brown-A200-bg .divider,
.mat-brown-A200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-brown-A200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-brown-A200-bg input[type=text] {
    color: #000
}

.mat-brown-A200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-brown-A200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-brown-A200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-brown-A200-bg .mat-select-arrow,
.mat-brown-A200-bg .mat-select-disabled .mat-select-value,
.mat-brown-A200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-brown-A200-bg .mat-select-content,
.mat-brown-A200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-brown-A200-bg[disabled] {
    background-color: rgba(188, 170, 164, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.brown-A200-fg {
    color: #bcaaa4 !important
}

.brown-A200-fg .icon,
.brown-A200-fg .mat-icon {
    color: #fff
}

.brown-A200-fg .secondary-text,
.brown-A200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.brown-A200-fg .disabled-text,
.brown-A200-fg .hint-text,
.brown-A200-fg.disabled-text,
.brown-A200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.brown-A200-fg .divider,
.brown-A200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.brown-A200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.brown-A200-fg input[type=text] {
    color: #fff
}

.brown-A200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.brown-A200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-A200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-A200-fg .mat-select-arrow,
.brown-A200-fg .mat-select-disabled .mat-select-value,
.brown-A200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.brown-A200-fg .mat-select-content,
.brown-A200-fg .mat-select-panel-done-animating {
    background: #fff
}

.brown-A200-fg .mat-select-value {
    color: #fff
}

.brown-A200-border {
    border-color: #bcaaa4 !important
}

.brown-A200-border-top {
    border-top-color: #bcaaa4 !important
}

.brown-A200-border-right {
    border-right-color: #bcaaa4 !important
}

.brown-A200-border-bottom {
    border-bottom-color: #bcaaa4 !important
}

.brown-A200-border-left {
    border-left-color: #bcaaa4 !important
}

.brown-A400-bg {
    background-color: #8d6e63 !important
}

.mat-brown-A400-bg {
    background-color: #8d6e63 !important;
    color: #fff !important
}

.mat-brown-A400-bg .icon,
.mat-brown-A400-bg .mat-icon {
    color: #fff
}

.mat-brown-A400-bg .secondary-text,
.mat-brown-A400-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-brown-A400-bg .disabled-text,
.mat-brown-A400-bg .hint-text,
.mat-brown-A400-bg.disabled-text,
.mat-brown-A400-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-brown-A400-bg .divider,
.mat-brown-A400-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-brown-A400-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-brown-A400-bg input[type=text] {
    color: #fff
}

.mat-brown-A400-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-brown-A400-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-brown-A400-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-brown-A400-bg .mat-select-arrow,
.mat-brown-A400-bg .mat-select-disabled .mat-select-value,
.mat-brown-A400-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-brown-A400-bg .mat-select-content,
.mat-brown-A400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-brown-A400-bg .mat-select-value {
    color: #fff
}

.mat-brown-A400-bg[disabled] {
    background-color: rgba(141, 110, 99, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.brown-A400-fg {
    color: #8d6e63 !important
}

.brown-A400-fg .icon,
.brown-A400-fg .mat-icon {
    color: #fff
}

.brown-A400-fg .secondary-text,
.brown-A400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.brown-A400-fg .disabled-text,
.brown-A400-fg .hint-text,
.brown-A400-fg.disabled-text,
.brown-A400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.brown-A400-fg .divider,
.brown-A400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.brown-A400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.brown-A400-fg input[type=text] {
    color: #fff
}

.brown-A400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.brown-A400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-A400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-A400-fg .mat-select-arrow,
.brown-A400-fg .mat-select-disabled .mat-select-value,
.brown-A400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.brown-A400-fg .mat-select-content,
.brown-A400-fg .mat-select-panel-done-animating {
    background: #fff
}

.brown-A400-fg .mat-select-value {
    color: #fff
}

.brown-A400-border {
    border-color: #8d6e63 !important
}

.brown-A400-border-top {
    border-top-color: #8d6e63 !important
}

.brown-A400-border-right {
    border-right-color: #8d6e63 !important
}

.brown-A400-border-bottom {
    border-bottom-color: #8d6e63 !important
}

.brown-A400-border-left {
    border-left-color: #8d6e63 !important
}

.brown-A700-bg {
    background-color: #5d4037 !important
}

.mat-brown-A700-bg {
    background-color: #5d4037 !important;
    color: #fff !important
}

.mat-brown-A700-bg .icon,
.mat-brown-A700-bg .mat-icon {
    color: #fff
}

.mat-brown-A700-bg .secondary-text,
.mat-brown-A700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-brown-A700-bg .disabled-text,
.mat-brown-A700-bg .hint-text,
.mat-brown-A700-bg.disabled-text,
.mat-brown-A700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-brown-A700-bg .divider,
.mat-brown-A700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-brown-A700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-brown-A700-bg input[type=text] {
    color: #fff
}

.mat-brown-A700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-brown-A700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-brown-A700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-brown-A700-bg .mat-select-arrow,
.mat-brown-A700-bg .mat-select-disabled .mat-select-value,
.mat-brown-A700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-brown-A700-bg .mat-select-content,
.mat-brown-A700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-brown-A700-bg .mat-select-value {
    color: #fff
}

.mat-brown-A700-bg[disabled] {
    background-color: rgba(93, 64, 55, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.brown-A700-fg {
    color: #5d4037 !important
}

.brown-A700-fg .icon,
.brown-A700-fg .mat-icon {
    color: #fff
}

.brown-A700-fg .secondary-text,
.brown-A700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.brown-A700-fg .disabled-text,
.brown-A700-fg .hint-text,
.brown-A700-fg.disabled-text,
.brown-A700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.brown-A700-fg .divider,
.brown-A700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.brown-A700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.brown-A700-fg input[type=text] {
    color: #fff
}

.brown-A700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.brown-A700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-A700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.brown-A700-fg .mat-select-arrow,
.brown-A700-fg .mat-select-disabled .mat-select-value,
.brown-A700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.brown-A700-fg .mat-select-content,
.brown-A700-fg .mat-select-panel-done-animating {
    background: #fff
}

.brown-A700-fg .mat-select-value {
    color: #fff
}

.brown-A700-border {
    border-color: #5d4037 !important
}

.brown-A700-border-top {
    border-top-color: #5d4037 !important
}

.brown-A700-border-right {
    border-right-color: #5d4037 !important
}

.brown-A700-border-bottom {
    border-bottom-color: #5d4037 !important
}

.brown-A700-border-left {
    border-left-color: #5d4037 !important
}

.grey-50-bg {
    background-color: #fafafa !important
}

.mat-grey-50-bg {
    background-color: #fafafa !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-grey-50-bg .icon,
.mat-grey-50-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-grey-50-bg .secondary-text,
.mat-grey-50-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-grey-50-bg .disabled-text,
.mat-grey-50-bg .hint-text,
.mat-grey-50-bg.disabled-text,
.mat-grey-50-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-grey-50-bg .divider,
.mat-grey-50-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-grey-50-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-grey-50-bg input[type=text] {
    color: #000
}

.mat-grey-50-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-grey-50-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-grey-50-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-grey-50-bg .mat-select-arrow,
.mat-grey-50-bg .mat-select-disabled .mat-select-value,
.mat-grey-50-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-grey-50-bg .mat-select-content,
.mat-grey-50-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-grey-50-bg[disabled] {
    background-color: rgba(250, 250, 250, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.grey-50-fg {
    color: #fafafa !important
}

.grey-50-fg .icon,
.grey-50-fg .mat-icon {
    color: #fff
}

.grey-50-fg .secondary-text,
.grey-50-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.grey-50-fg .disabled-text,
.grey-50-fg .hint-text,
.grey-50-fg.disabled-text,
.grey-50-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.grey-50-fg .divider,
.grey-50-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.grey-50-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.grey-50-fg input[type=text] {
    color: #fff
}

.grey-50-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.grey-50-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-50-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-50-fg .mat-select-arrow,
.grey-50-fg .mat-select-disabled .mat-select-value,
.grey-50-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.grey-50-fg .mat-select-content,
.grey-50-fg .mat-select-panel-done-animating {
    background: #fff
}

.grey-50-fg .mat-select-value {
    color: #fff
}

.grey-50-border {
    border-color: #fafafa !important
}

.grey-50-border-top {
    border-top-color: #fafafa !important
}

.grey-50-border-right {
    border-right-color: #fafafa !important
}

.grey-50-border-bottom {
    border-bottom-color: #fafafa !important
}

.grey-50-border-left {
    border-left-color: #fafafa !important
}

.grey-100-bg {
    background-color: #f5f5f5 !important
}

.mat-grey-100-bg {
    background-color: #f5f5f5 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-grey-100-bg .icon,
.mat-grey-100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-grey-100-bg .secondary-text,
.mat-grey-100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-grey-100-bg .disabled-text,
.mat-grey-100-bg .hint-text,
.mat-grey-100-bg.disabled-text,
.mat-grey-100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-grey-100-bg .divider,
.mat-grey-100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-grey-100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-grey-100-bg input[type=text] {
    color: #000
}

.mat-grey-100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-grey-100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-grey-100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-grey-100-bg .mat-select-arrow,
.mat-grey-100-bg .mat-select-disabled .mat-select-value,
.mat-grey-100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-grey-100-bg .mat-select-content,
.mat-grey-100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-grey-100-bg[disabled] {
    background-color: rgba(245, 245, 245, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.grey-100-fg {
    color: #f5f5f5 !important
}

.grey-100-fg .icon,
.grey-100-fg .mat-icon {
    color: #fff
}

.grey-100-fg .secondary-text,
.grey-100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.grey-100-fg .disabled-text,
.grey-100-fg .hint-text,
.grey-100-fg.disabled-text,
.grey-100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.grey-100-fg .divider,
.grey-100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.grey-100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.grey-100-fg input[type=text] {
    color: #fff
}

.grey-100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.grey-100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-100-fg .mat-select-arrow,
.grey-100-fg .mat-select-disabled .mat-select-value,
.grey-100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.grey-100-fg .mat-select-content,
.grey-100-fg .mat-select-panel-done-animating {
    background: #fff
}

.grey-100-fg .mat-select-value {
    color: #fff
}

.grey-100-border {
    border-color: #f5f5f5 !important
}

.grey-100-border-top {
    border-top-color: #f5f5f5 !important
}

.grey-100-border-right {
    border-right-color: #f5f5f5 !important
}

.grey-100-border-bottom {
    border-bottom-color: #f5f5f5 !important
}

.grey-100-border-left {
    border-left-color: #f5f5f5 !important
}

.grey-200-bg {
    background-color: #eee !important
}

.mat-grey-200-bg {
    background-color: #eee !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-grey-200-bg .icon,
.mat-grey-200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-grey-200-bg .secondary-text,
.mat-grey-200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-grey-200-bg .disabled-text,
.mat-grey-200-bg .hint-text,
.mat-grey-200-bg.disabled-text,
.mat-grey-200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-grey-200-bg .divider,
.mat-grey-200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-grey-200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-grey-200-bg input[type=text] {
    color: #000
}

.mat-grey-200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-grey-200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-grey-200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-grey-200-bg .mat-select-arrow,
.mat-grey-200-bg .mat-select-disabled .mat-select-value,
.mat-grey-200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-grey-200-bg .mat-select-content,
.mat-grey-200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-grey-200-bg[disabled] {
    background-color: rgba(238, 238, 238, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.grey-200-fg {
    color: #eee !important
}

.grey-200-fg .icon,
.grey-200-fg .mat-icon {
    color: #fff
}

.grey-200-fg .secondary-text,
.grey-200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.grey-200-fg .disabled-text,
.grey-200-fg .hint-text,
.grey-200-fg.disabled-text,
.grey-200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.grey-200-fg .divider,
.grey-200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.grey-200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.grey-200-fg input[type=text] {
    color: #fff
}

.grey-200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.grey-200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-200-fg .mat-select-arrow,
.grey-200-fg .mat-select-disabled .mat-select-value,
.grey-200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.grey-200-fg .mat-select-content,
.grey-200-fg .mat-select-panel-done-animating {
    background: #fff
}

.grey-200-fg .mat-select-value {
    color: #fff
}

.grey-200-border {
    border-color: #eee !important
}

.grey-200-border-top {
    border-top-color: #eee !important
}

.grey-200-border-right {
    border-right-color: #eee !important
}

.grey-200-border-bottom {
    border-bottom-color: #eee !important
}

.grey-200-border-left {
    border-left-color: #eee !important
}

.grey-300-bg {
    background-color: #e0e0e0 !important
}

.mat-grey-300-bg {
    background-color: #e0e0e0 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-grey-300-bg .icon,
.mat-grey-300-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-grey-300-bg .secondary-text,
.mat-grey-300-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-grey-300-bg .disabled-text,
.mat-grey-300-bg .hint-text,
.mat-grey-300-bg.disabled-text,
.mat-grey-300-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-grey-300-bg .divider,
.mat-grey-300-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-grey-300-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-grey-300-bg input[type=text] {
    color: #000
}

.mat-grey-300-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-grey-300-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-grey-300-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-grey-300-bg .mat-select-arrow,
.mat-grey-300-bg .mat-select-disabled .mat-select-value,
.mat-grey-300-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-grey-300-bg .mat-select-content,
.mat-grey-300-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-grey-300-bg[disabled] {
    background-color: rgba(224, 224, 224, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.grey-300-fg {
    color: #e0e0e0 !important
}

.grey-300-fg .icon,
.grey-300-fg .mat-icon {
    color: #fff
}

.grey-300-fg .secondary-text,
.grey-300-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.grey-300-fg .disabled-text,
.grey-300-fg .hint-text,
.grey-300-fg.disabled-text,
.grey-300-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.grey-300-fg .divider,
.grey-300-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.grey-300-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.grey-300-fg input[type=text] {
    color: #fff
}

.grey-300-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.grey-300-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-300-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-300-fg .mat-select-arrow,
.grey-300-fg .mat-select-disabled .mat-select-value,
.grey-300-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.grey-300-fg .mat-select-content,
.grey-300-fg .mat-select-panel-done-animating {
    background: #fff
}

.grey-300-fg .mat-select-value {
    color: #fff
}

.grey-300-border {
    border-color: #e0e0e0 !important
}

.grey-300-border-top {
    border-top-color: #e0e0e0 !important
}

.grey-300-border-right {
    border-right-color: #e0e0e0 !important
}

.grey-300-border-bottom {
    border-bottom-color: #e0e0e0 !important
}

.grey-300-border-left {
    border-left-color: #e0e0e0 !important
}

.grey-400-bg {
    background-color: #bdbdbd !important
}

.mat-grey-400-bg {
    background-color: #bdbdbd !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-grey-400-bg .icon,
.mat-grey-400-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-grey-400-bg .secondary-text,
.mat-grey-400-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-grey-400-bg .disabled-text,
.mat-grey-400-bg .hint-text,
.mat-grey-400-bg.disabled-text,
.mat-grey-400-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-grey-400-bg .divider,
.mat-grey-400-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-grey-400-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-grey-400-bg input[type=text] {
    color: #000
}

.mat-grey-400-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-grey-400-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-grey-400-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-grey-400-bg .mat-select-arrow,
.mat-grey-400-bg .mat-select-disabled .mat-select-value,
.mat-grey-400-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-grey-400-bg .mat-select-content,
.mat-grey-400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-grey-400-bg[disabled] {
    background-color: rgba(189, 189, 189, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.grey-400-fg {
    color: #bdbdbd !important
}

.grey-400-fg .icon,
.grey-400-fg .mat-icon {
    color: #fff
}

.grey-400-fg .secondary-text,
.grey-400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.grey-400-fg .disabled-text,
.grey-400-fg .hint-text,
.grey-400-fg.disabled-text,
.grey-400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.grey-400-fg .divider,
.grey-400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.grey-400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.grey-400-fg input[type=text] {
    color: #fff
}

.grey-400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.grey-400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-400-fg .mat-select-arrow,
.grey-400-fg .mat-select-disabled .mat-select-value,
.grey-400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.grey-400-fg .mat-select-content,
.grey-400-fg .mat-select-panel-done-animating {
    background: #fff
}

.grey-400-fg .mat-select-value {
    color: #fff
}

.grey-400-border {
    border-color: #bdbdbd !important
}

.grey-400-border-top {
    border-top-color: #bdbdbd !important
}

.grey-400-border-right {
    border-right-color: #bdbdbd !important
}

.grey-400-border-bottom {
    border-bottom-color: #bdbdbd !important
}

.grey-400-border-left {
    border-left-color: #bdbdbd !important
}

.grey-500-bg {
    background-color: #9e9e9e !important
}

.mat-grey-500-bg {
    background-color: #9e9e9e !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-grey-500-bg .icon,
.mat-grey-500-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-grey-500-bg .secondary-text,
.mat-grey-500-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-grey-500-bg .disabled-text,
.mat-grey-500-bg .hint-text,
.mat-grey-500-bg.disabled-text,
.mat-grey-500-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-grey-500-bg .divider,
.mat-grey-500-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-grey-500-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-grey-500-bg input[type=text] {
    color: #000
}

.mat-grey-500-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-grey-500-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-grey-500-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-grey-500-bg .mat-select-arrow,
.mat-grey-500-bg .mat-select-disabled .mat-select-value,
.mat-grey-500-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-grey-500-bg .mat-select-content,
.mat-grey-500-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-grey-500-bg[disabled] {
    background-color: rgba(158, 158, 158, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.grey-500-fg {
    color: #9e9e9e !important
}

.grey-500-fg .icon,
.grey-500-fg .mat-icon {
    color: #fff
}

.grey-500-fg .secondary-text,
.grey-500-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.grey-500-fg .disabled-text,
.grey-500-fg .hint-text,
.grey-500-fg.disabled-text,
.grey-500-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.grey-500-fg .divider,
.grey-500-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.grey-500-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.grey-500-fg input[type=text] {
    color: #fff
}

.grey-500-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.grey-500-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-500-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-500-fg .mat-select-arrow,
.grey-500-fg .mat-select-disabled .mat-select-value,
.grey-500-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.grey-500-fg .mat-select-content,
.grey-500-fg .mat-select-panel-done-animating {
    background: #fff
}

.grey-500-fg .mat-select-value {
    color: #fff
}

.grey-500-border {
    border-color: #9e9e9e !important
}

.grey-500-border-top {
    border-top-color: #9e9e9e !important
}

.grey-500-border-right {
    border-right-color: #9e9e9e !important
}

.grey-500-border-bottom {
    border-bottom-color: #9e9e9e !important
}

.grey-500-border-left {
    border-left-color: #9e9e9e !important
}

.grey-bg {
    background-color: #9e9e9e !important
}

.mat-grey-bg {
    background-color: #9e9e9e !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-grey-bg .icon,
.mat-grey-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-grey-bg .secondary-text,
.mat-grey-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-grey-bg .disabled-text,
.mat-grey-bg .hint-text,
.mat-grey-bg.disabled-text,
.mat-grey-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-grey-bg .divider,
.mat-grey-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-grey-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-grey-bg input[type=text] {
    color: #000
}

.mat-grey-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-grey-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-grey-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-grey-bg .mat-select-arrow,
.mat-grey-bg .mat-select-disabled .mat-select-value,
.mat-grey-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-grey-bg .mat-select-content,
.mat-grey-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-grey-bg[disabled] {
    background-color: rgba(158, 158, 158, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.grey-fg {
    color: #9e9e9e !important
}

.grey-fg .icon,
.grey-fg .mat-icon {
    color: #fff
}

.grey-fg .secondary-text,
.grey-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.grey-fg .disabled-text,
.grey-fg .hint-text,
.grey-fg.disabled-text,
.grey-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.grey-fg .divider,
.grey-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.grey-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.grey-fg input[type=text] {
    color: #fff
}

.grey-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.grey-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-fg .mat-select-arrow,
.grey-fg .mat-select-disabled .mat-select-value,
.grey-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.grey-fg .mat-select-content,
.grey-fg .mat-select-panel-done-animating {
    background: #fff
}

.grey-fg .mat-select-value {
    color: #fff
}

.grey-border {
    border-color: #9e9e9e !important
}

.grey-border-top {
    border-top-color: #9e9e9e !important
}

.grey-border-right {
    border-right-color: #9e9e9e !important
}

.grey-border-bottom {
    border-bottom-color: #9e9e9e !important
}

.grey-border-left {
    border-left-color: #9e9e9e !important
}

.grey-600-bg {
    background-color: #757575 !important
}

.mat-grey-600-bg {
    background-color: #757575 !important;
    color: #fff !important
}

.mat-grey-600-bg .icon,
.mat-grey-600-bg .mat-icon {
    color: #fff
}

.mat-grey-600-bg .secondary-text,
.mat-grey-600-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-grey-600-bg .disabled-text,
.mat-grey-600-bg .hint-text,
.mat-grey-600-bg.disabled-text,
.mat-grey-600-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-grey-600-bg .divider,
.mat-grey-600-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-grey-600-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-grey-600-bg input[type=text] {
    color: #fff
}

.mat-grey-600-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-grey-600-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-grey-600-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-grey-600-bg .mat-select-arrow,
.mat-grey-600-bg .mat-select-disabled .mat-select-value,
.mat-grey-600-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-grey-600-bg .mat-select-content,
.mat-grey-600-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-grey-600-bg .mat-select-value {
    color: #fff
}

.mat-grey-600-bg[disabled] {
    background-color: rgba(117, 117, 117, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.grey-600-fg {
    color: #757575 !important
}

.grey-600-fg .icon,
.grey-600-fg .mat-icon {
    color: #fff
}

.grey-600-fg .secondary-text,
.grey-600-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.grey-600-fg .disabled-text,
.grey-600-fg .hint-text,
.grey-600-fg.disabled-text,
.grey-600-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.grey-600-fg .divider,
.grey-600-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.grey-600-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.grey-600-fg input[type=text] {
    color: #fff
}

.grey-600-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.grey-600-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-600-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-600-fg .mat-select-arrow,
.grey-600-fg .mat-select-disabled .mat-select-value,
.grey-600-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.grey-600-fg .mat-select-content,
.grey-600-fg .mat-select-panel-done-animating {
    background: #fff
}

.grey-600-fg .mat-select-value {
    color: #fff
}

.grey-600-border {
    border-color: #757575 !important
}

.grey-600-border-top {
    border-top-color: #757575 !important
}

.grey-600-border-right {
    border-right-color: #757575 !important
}

.grey-600-border-bottom {
    border-bottom-color: #757575 !important
}

.grey-600-border-left {
    border-left-color: #757575 !important
}

.grey-700-bg {
    background-color: #616161 !important
}

.mat-grey-700-bg {
    background-color: #616161 !important;
    color: #fff !important
}

.mat-grey-700-bg .icon,
.mat-grey-700-bg .mat-icon {
    color: #fff
}

.mat-grey-700-bg .secondary-text,
.mat-grey-700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-grey-700-bg .disabled-text,
.mat-grey-700-bg .hint-text,
.mat-grey-700-bg.disabled-text,
.mat-grey-700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-grey-700-bg .divider,
.mat-grey-700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-grey-700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-grey-700-bg input[type=text] {
    color: #fff
}

.mat-grey-700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-grey-700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-grey-700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-grey-700-bg .mat-select-arrow,
.mat-grey-700-bg .mat-select-disabled .mat-select-value,
.mat-grey-700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-grey-700-bg .mat-select-content,
.mat-grey-700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-grey-700-bg .mat-select-value {
    color: #fff
}

.mat-grey-700-bg[disabled] {
    background-color: rgba(97, 97, 97, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.grey-700-fg {
    color: #616161 !important
}

.grey-700-fg .icon,
.grey-700-fg .mat-icon {
    color: #fff
}

.grey-700-fg .secondary-text,
.grey-700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.grey-700-fg .disabled-text,
.grey-700-fg .hint-text,
.grey-700-fg.disabled-text,
.grey-700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.grey-700-fg .divider,
.grey-700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.grey-700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.grey-700-fg input[type=text] {
    color: #fff
}

.grey-700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.grey-700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-700-fg .mat-select-arrow,
.grey-700-fg .mat-select-disabled .mat-select-value,
.grey-700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.grey-700-fg .mat-select-content,
.grey-700-fg .mat-select-panel-done-animating {
    background: #fff
}

.grey-700-fg .mat-select-value {
    color: #fff
}

.grey-700-border {
    border-color: #616161 !important
}

.grey-700-border-top {
    border-top-color: #616161 !important
}

.grey-700-border-right {
    border-right-color: #616161 !important
}

.grey-700-border-bottom {
    border-bottom-color: #616161 !important
}

.grey-700-border-left {
    border-left-color: #616161 !important
}

.grey-800-bg {
    background-color: #424242 !important
}

.mat-grey-800-bg {
    background-color: #424242 !important;
    color: #fff !important
}

.mat-grey-800-bg .icon,
.mat-grey-800-bg .mat-icon {
    color: #fff
}

.mat-grey-800-bg .secondary-text,
.mat-grey-800-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-grey-800-bg .disabled-text,
.mat-grey-800-bg .hint-text,
.mat-grey-800-bg.disabled-text,
.mat-grey-800-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-grey-800-bg .divider,
.mat-grey-800-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-grey-800-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-grey-800-bg input[type=text] {
    color: #fff
}

.mat-grey-800-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-grey-800-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-grey-800-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-grey-800-bg .mat-select-arrow,
.mat-grey-800-bg .mat-select-disabled .mat-select-value,
.mat-grey-800-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-grey-800-bg .mat-select-content,
.mat-grey-800-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-grey-800-bg .mat-select-value {
    color: #fff
}

.mat-grey-800-bg[disabled] {
    background-color: rgba(66, 66, 66, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.grey-800-fg {
    color: #424242 !important
}

.grey-800-fg .icon,
.grey-800-fg .mat-icon {
    color: #fff
}

.grey-800-fg .secondary-text,
.grey-800-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.grey-800-fg .disabled-text,
.grey-800-fg .hint-text,
.grey-800-fg.disabled-text,
.grey-800-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.grey-800-fg .divider,
.grey-800-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.grey-800-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.grey-800-fg input[type=text] {
    color: #fff
}

.grey-800-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.grey-800-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-800-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-800-fg .mat-select-arrow,
.grey-800-fg .mat-select-disabled .mat-select-value,
.grey-800-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.grey-800-fg .mat-select-content,
.grey-800-fg .mat-select-panel-done-animating {
    background: #fff
}

.grey-800-fg .mat-select-value {
    color: #fff
}

.grey-800-border {
    border-color: #424242 !important
}

.grey-800-border-top {
    border-top-color: #424242 !important
}

.grey-800-border-right {
    border-right-color: #424242 !important
}

.grey-800-border-bottom {
    border-bottom-color: #424242 !important
}

.grey-800-border-left {
    border-left-color: #424242 !important
}

.grey-900-bg {
    background-color: #212121 !important
}

.mat-grey-900-bg {
    background-color: #212121 !important;
    color: #fff !important
}

.mat-grey-900-bg .icon,
.mat-grey-900-bg .mat-icon {
    color: #fff
}

.mat-grey-900-bg .secondary-text,
.mat-grey-900-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-grey-900-bg .disabled-text,
.mat-grey-900-bg .hint-text,
.mat-grey-900-bg.disabled-text,
.mat-grey-900-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-grey-900-bg .divider,
.mat-grey-900-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-grey-900-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-grey-900-bg input[type=text] {
    color: #fff
}

.mat-grey-900-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-grey-900-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-grey-900-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-grey-900-bg .mat-select-arrow,
.mat-grey-900-bg .mat-select-disabled .mat-select-value,
.mat-grey-900-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-grey-900-bg .mat-select-content,
.mat-grey-900-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-grey-900-bg .mat-select-value {
    color: #fff
}

.mat-grey-900-bg[disabled] {
    background-color: rgba(33, 33, 33, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.grey-900-fg {
    color: #212121 !important
}

.grey-900-fg .icon,
.grey-900-fg .mat-icon {
    color: #fff
}

.grey-900-fg .secondary-text,
.grey-900-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.grey-900-fg .disabled-text,
.grey-900-fg .hint-text,
.grey-900-fg.disabled-text,
.grey-900-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.grey-900-fg .divider,
.grey-900-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.grey-900-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.grey-900-fg input[type=text] {
    color: #fff
}

.grey-900-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.grey-900-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-900-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-900-fg .mat-select-arrow,
.grey-900-fg .mat-select-disabled .mat-select-value,
.grey-900-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.grey-900-fg .mat-select-content,
.grey-900-fg .mat-select-panel-done-animating {
    background: #fff
}

.grey-900-fg .mat-select-value {
    color: #fff
}

.grey-900-border {
    border-color: #212121 !important
}

.grey-900-border-top {
    border-top-color: #212121 !important
}

.grey-900-border-right {
    border-right-color: #212121 !important
}

.grey-900-border-bottom {
    border-bottom-color: #212121 !important
}

.grey-900-border-left {
    border-left-color: #212121 !important
}

.grey-A100-bg {
    background-color: #fff !important
}

.mat-grey-A100-bg {
    background-color: #fff !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-grey-A100-bg .icon,
.mat-grey-A100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-grey-A100-bg .secondary-text,
.mat-grey-A100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-grey-A100-bg .disabled-text,
.mat-grey-A100-bg .hint-text,
.mat-grey-A100-bg.disabled-text,
.mat-grey-A100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-grey-A100-bg .divider,
.mat-grey-A100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-grey-A100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-grey-A100-bg input[type=text] {
    color: #000
}

.mat-grey-A100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-grey-A100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-grey-A100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-grey-A100-bg .mat-select-arrow,
.mat-grey-A100-bg .mat-select-disabled .mat-select-value,
.mat-grey-A100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-grey-A100-bg .mat-select-content,
.mat-grey-A100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-grey-A100-bg[disabled] {
    background-color: rgba(255, 255, 255, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.grey-A100-fg {
    color: #fff !important
}

.grey-A100-fg .icon,
.grey-A100-fg .mat-icon {
    color: #fff
}

.grey-A100-fg .secondary-text,
.grey-A100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.grey-A100-fg .disabled-text,
.grey-A100-fg .hint-text,
.grey-A100-fg.disabled-text,
.grey-A100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.grey-A100-fg .divider,
.grey-A100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.grey-A100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.grey-A100-fg input[type=text] {
    color: #fff
}

.grey-A100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.grey-A100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-A100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-A100-fg .mat-select-arrow,
.grey-A100-fg .mat-select-disabled .mat-select-value,
.grey-A100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.grey-A100-fg .mat-select-content,
.grey-A100-fg .mat-select-panel-done-animating {
    background: #fff
}

.grey-A100-fg .mat-select-value {
    color: #fff
}

.grey-A100-border {
    border-color: #fff !important
}

.grey-A100-border-top {
    border-top-color: #fff !important
}

.grey-A100-border-right {
    border-right-color: #fff !important
}

.grey-A100-border-bottom {
    border-bottom-color: #fff !important
}

.grey-A100-border-left {
    border-left-color: #fff !important
}

.grey-A200-bg {
    background-color: #eee !important
}

.mat-grey-A200-bg {
    background-color: #eee !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-grey-A200-bg .icon,
.mat-grey-A200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-grey-A200-bg .secondary-text,
.mat-grey-A200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-grey-A200-bg .disabled-text,
.mat-grey-A200-bg .hint-text,
.mat-grey-A200-bg.disabled-text,
.mat-grey-A200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-grey-A200-bg .divider,
.mat-grey-A200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-grey-A200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-grey-A200-bg input[type=text] {
    color: #000
}

.mat-grey-A200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-grey-A200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-grey-A200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-grey-A200-bg .mat-select-arrow,
.mat-grey-A200-bg .mat-select-disabled .mat-select-value,
.mat-grey-A200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-grey-A200-bg .mat-select-content,
.mat-grey-A200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-grey-A200-bg[disabled] {
    background-color: rgba(238, 238, 238, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.grey-A200-fg {
    color: #eee !important
}

.grey-A200-fg .icon,
.grey-A200-fg .mat-icon {
    color: #fff
}

.grey-A200-fg .secondary-text,
.grey-A200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.grey-A200-fg .disabled-text,
.grey-A200-fg .hint-text,
.grey-A200-fg.disabled-text,
.grey-A200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.grey-A200-fg .divider,
.grey-A200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.grey-A200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.grey-A200-fg input[type=text] {
    color: #fff
}

.grey-A200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.grey-A200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-A200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-A200-fg .mat-select-arrow,
.grey-A200-fg .mat-select-disabled .mat-select-value,
.grey-A200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.grey-A200-fg .mat-select-content,
.grey-A200-fg .mat-select-panel-done-animating {
    background: #fff
}

.grey-A200-fg .mat-select-value {
    color: #fff
}

.grey-A200-border {
    border-color: #eee !important
}

.grey-A200-border-top {
    border-top-color: #eee !important
}

.grey-A200-border-right {
    border-right-color: #eee !important
}

.grey-A200-border-bottom {
    border-bottom-color: #eee !important
}

.grey-A200-border-left {
    border-left-color: #eee !important
}

.grey-A400-bg {
    background-color: #bdbdbd !important
}

.mat-grey-A400-bg {
    background-color: #bdbdbd !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-grey-A400-bg .icon,
.mat-grey-A400-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-grey-A400-bg .secondary-text,
.mat-grey-A400-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-grey-A400-bg .disabled-text,
.mat-grey-A400-bg .hint-text,
.mat-grey-A400-bg.disabled-text,
.mat-grey-A400-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-grey-A400-bg .divider,
.mat-grey-A400-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-grey-A400-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-grey-A400-bg input[type=text] {
    color: #000
}

.mat-grey-A400-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-grey-A400-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-grey-A400-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-grey-A400-bg .mat-select-arrow,
.mat-grey-A400-bg .mat-select-disabled .mat-select-value,
.mat-grey-A400-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-grey-A400-bg .mat-select-content,
.mat-grey-A400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-grey-A400-bg[disabled] {
    background-color: rgba(189, 189, 189, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.grey-A400-fg {
    color: #bdbdbd !important
}

.grey-A400-fg .icon,
.grey-A400-fg .mat-icon {
    color: #fff
}

.grey-A400-fg .secondary-text,
.grey-A400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.grey-A400-fg .disabled-text,
.grey-A400-fg .hint-text,
.grey-A400-fg.disabled-text,
.grey-A400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.grey-A400-fg .divider,
.grey-A400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.grey-A400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.grey-A400-fg input[type=text] {
    color: #fff
}

.grey-A400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.grey-A400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-A400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-A400-fg .mat-select-arrow,
.grey-A400-fg .mat-select-disabled .mat-select-value,
.grey-A400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.grey-A400-fg .mat-select-content,
.grey-A400-fg .mat-select-panel-done-animating {
    background: #fff
}

.grey-A400-fg .mat-select-value {
    color: #fff
}

.grey-A400-border {
    border-color: #bdbdbd !important
}

.grey-A400-border-top {
    border-top-color: #bdbdbd !important
}

.grey-A400-border-right {
    border-right-color: #bdbdbd !important
}

.grey-A400-border-bottom {
    border-bottom-color: #bdbdbd !important
}

.grey-A400-border-left {
    border-left-color: #bdbdbd !important
}

.grey-A700-bg {
    background-color: #616161 !important
}

.mat-grey-A700-bg {
    background-color: #616161 !important;
    color: #fff !important
}

.mat-grey-A700-bg .icon,
.mat-grey-A700-bg .mat-icon {
    color: #fff
}

.mat-grey-A700-bg .secondary-text,
.mat-grey-A700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-grey-A700-bg .disabled-text,
.mat-grey-A700-bg .hint-text,
.mat-grey-A700-bg.disabled-text,
.mat-grey-A700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-grey-A700-bg .divider,
.mat-grey-A700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-grey-A700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-grey-A700-bg input[type=text] {
    color: #fff
}

.mat-grey-A700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-grey-A700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-grey-A700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-grey-A700-bg .mat-select-arrow,
.mat-grey-A700-bg .mat-select-disabled .mat-select-value,
.mat-grey-A700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-grey-A700-bg .mat-select-content,
.mat-grey-A700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-grey-A700-bg .mat-select-value {
    color: #fff
}

.mat-grey-A700-bg[disabled] {
    background-color: rgba(97, 97, 97, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.grey-A700-fg {
    color: #616161 !important
}

.grey-A700-fg .icon,
.grey-A700-fg .mat-icon {
    color: #fff
}

.grey-A700-fg .secondary-text,
.grey-A700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.grey-A700-fg .disabled-text,
.grey-A700-fg .hint-text,
.grey-A700-fg.disabled-text,
.grey-A700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.grey-A700-fg .divider,
.grey-A700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.grey-A700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.grey-A700-fg input[type=text] {
    color: #fff
}

.grey-A700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.grey-A700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-A700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.grey-A700-fg .mat-select-arrow,
.grey-A700-fg .mat-select-disabled .mat-select-value,
.grey-A700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.grey-A700-fg .mat-select-content,
.grey-A700-fg .mat-select-panel-done-animating {
    background: #fff
}

.grey-A700-fg .mat-select-value {
    color: #fff
}

.grey-A700-border {
    border-color: #616161 !important
}

.grey-A700-border-top {
    border-top-color: #616161 !important
}

.grey-A700-border-right {
    border-right-color: #616161 !important
}

.grey-A700-border-bottom {
    border-bottom-color: #616161 !important
}

.grey-A700-border-left {
    border-left-color: #616161 !important
}

.blue-grey-50-bg {
    background-color: #eceff1 !important
}

.mat-blue-grey-50-bg {
    background-color: #eceff1 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-blue-grey-50-bg .icon,
.mat-blue-grey-50-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-blue-grey-50-bg .secondary-text,
.mat-blue-grey-50-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-blue-grey-50-bg .disabled-text,
.mat-blue-grey-50-bg .hint-text,
.mat-blue-grey-50-bg.disabled-text,
.mat-blue-grey-50-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-blue-grey-50-bg .divider,
.mat-blue-grey-50-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-blue-grey-50-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-blue-grey-50-bg input[type=text] {
    color: #000
}

.mat-blue-grey-50-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-blue-grey-50-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-blue-grey-50-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-blue-grey-50-bg .mat-select-arrow,
.mat-blue-grey-50-bg .mat-select-disabled .mat-select-value,
.mat-blue-grey-50-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-blue-grey-50-bg .mat-select-content,
.mat-blue-grey-50-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-grey-50-bg[disabled] {
    background-color: rgba(236, 239, 241, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.blue-grey-50-fg {
    color: #eceff1 !important
}

.blue-grey-50-fg .icon,
.blue-grey-50-fg .mat-icon {
    color: #fff
}

.blue-grey-50-fg .secondary-text,
.blue-grey-50-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-grey-50-fg .disabled-text,
.blue-grey-50-fg .hint-text,
.blue-grey-50-fg.disabled-text,
.blue-grey-50-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-grey-50-fg .divider,
.blue-grey-50-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-grey-50-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-grey-50-fg input[type=text] {
    color: #fff
}

.blue-grey-50-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-50-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-50-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-50-fg .mat-select-arrow,
.blue-grey-50-fg .mat-select-disabled .mat-select-value,
.blue-grey-50-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-50-fg .mat-select-content,
.blue-grey-50-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-grey-50-fg .mat-select-value {
    color: #fff
}

.blue-grey-50-border {
    border-color: #eceff1 !important
}

.blue-grey-50-border-top {
    border-top-color: #eceff1 !important
}

.blue-grey-50-border-right {
    border-right-color: #eceff1 !important
}

.blue-grey-50-border-bottom {
    border-bottom-color: #eceff1 !important
}

.blue-grey-50-border-left {
    border-left-color: #eceff1 !important
}

.blue-grey-100-bg {
    background-color: #cfd8dc !important
}

.mat-blue-grey-100-bg {
    background-color: #cfd8dc !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-blue-grey-100-bg .icon,
.mat-blue-grey-100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-blue-grey-100-bg .secondary-text,
.mat-blue-grey-100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-blue-grey-100-bg .disabled-text,
.mat-blue-grey-100-bg .hint-text,
.mat-blue-grey-100-bg.disabled-text,
.mat-blue-grey-100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-blue-grey-100-bg .divider,
.mat-blue-grey-100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-blue-grey-100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-blue-grey-100-bg input[type=text] {
    color: #000
}

.mat-blue-grey-100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-blue-grey-100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-blue-grey-100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-blue-grey-100-bg .mat-select-arrow,
.mat-blue-grey-100-bg .mat-select-disabled .mat-select-value,
.mat-blue-grey-100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-blue-grey-100-bg .mat-select-content,
.mat-blue-grey-100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-grey-100-bg[disabled] {
    background-color: rgba(207, 216, 220, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.blue-grey-100-fg {
    color: #cfd8dc !important
}

.blue-grey-100-fg .icon,
.blue-grey-100-fg .mat-icon {
    color: #fff
}

.blue-grey-100-fg .secondary-text,
.blue-grey-100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-grey-100-fg .disabled-text,
.blue-grey-100-fg .hint-text,
.blue-grey-100-fg.disabled-text,
.blue-grey-100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-grey-100-fg .divider,
.blue-grey-100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-grey-100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-grey-100-fg input[type=text] {
    color: #fff
}

.blue-grey-100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-100-fg .mat-select-arrow,
.blue-grey-100-fg .mat-select-disabled .mat-select-value,
.blue-grey-100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-100-fg .mat-select-content,
.blue-grey-100-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-grey-100-fg .mat-select-value {
    color: #fff
}

.blue-grey-100-border {
    border-color: #cfd8dc !important
}

.blue-grey-100-border-top {
    border-top-color: #cfd8dc !important
}

.blue-grey-100-border-right {
    border-right-color: #cfd8dc !important
}

.blue-grey-100-border-bottom {
    border-bottom-color: #cfd8dc !important
}

.blue-grey-100-border-left {
    border-left-color: #cfd8dc !important
}

.blue-grey-200-bg {
    background-color: #b0bec5 !important
}

.mat-blue-grey-200-bg {
    background-color: #b0bec5 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-blue-grey-200-bg .icon,
.mat-blue-grey-200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-blue-grey-200-bg .secondary-text,
.mat-blue-grey-200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-blue-grey-200-bg .disabled-text,
.mat-blue-grey-200-bg .hint-text,
.mat-blue-grey-200-bg.disabled-text,
.mat-blue-grey-200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-blue-grey-200-bg .divider,
.mat-blue-grey-200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-blue-grey-200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-blue-grey-200-bg input[type=text] {
    color: #000
}

.mat-blue-grey-200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-blue-grey-200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-blue-grey-200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-blue-grey-200-bg .mat-select-arrow,
.mat-blue-grey-200-bg .mat-select-disabled .mat-select-value,
.mat-blue-grey-200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-blue-grey-200-bg .mat-select-content,
.mat-blue-grey-200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-grey-200-bg[disabled] {
    background-color: rgba(176, 190, 197, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.blue-grey-200-fg {
    color: #b0bec5 !important
}

.blue-grey-200-fg .icon,
.blue-grey-200-fg .mat-icon {
    color: #fff
}

.blue-grey-200-fg .secondary-text,
.blue-grey-200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-grey-200-fg .disabled-text,
.blue-grey-200-fg .hint-text,
.blue-grey-200-fg.disabled-text,
.blue-grey-200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-grey-200-fg .divider,
.blue-grey-200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-grey-200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-grey-200-fg input[type=text] {
    color: #fff
}

.blue-grey-200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-200-fg .mat-select-arrow,
.blue-grey-200-fg .mat-select-disabled .mat-select-value,
.blue-grey-200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-200-fg .mat-select-content,
.blue-grey-200-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-grey-200-fg .mat-select-value {
    color: #fff
}

.blue-grey-200-border {
    border-color: #b0bec5 !important
}

.blue-grey-200-border-top {
    border-top-color: #b0bec5 !important
}

.blue-grey-200-border-right {
    border-right-color: #b0bec5 !important
}

.blue-grey-200-border-bottom {
    border-bottom-color: #b0bec5 !important
}

.blue-grey-200-border-left {
    border-left-color: #b0bec5 !important
}

.blue-grey-300-bg {
    background-color: #90a4ae !important
}

.mat-blue-grey-300-bg {
    background-color: #90a4ae !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-blue-grey-300-bg .icon,
.mat-blue-grey-300-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-blue-grey-300-bg .secondary-text,
.mat-blue-grey-300-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-blue-grey-300-bg .disabled-text,
.mat-blue-grey-300-bg .hint-text,
.mat-blue-grey-300-bg.disabled-text,
.mat-blue-grey-300-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-blue-grey-300-bg .divider,
.mat-blue-grey-300-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-blue-grey-300-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-blue-grey-300-bg input[type=text] {
    color: #000
}

.mat-blue-grey-300-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-blue-grey-300-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-blue-grey-300-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-blue-grey-300-bg .mat-select-arrow,
.mat-blue-grey-300-bg .mat-select-disabled .mat-select-value,
.mat-blue-grey-300-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-blue-grey-300-bg .mat-select-content,
.mat-blue-grey-300-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-grey-300-bg[disabled] {
    background-color: rgba(144, 164, 174, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.blue-grey-300-fg {
    color: #90a4ae !important
}

.blue-grey-300-fg .icon,
.blue-grey-300-fg .mat-icon {
    color: #fff
}

.blue-grey-300-fg .secondary-text,
.blue-grey-300-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-grey-300-fg .disabled-text,
.blue-grey-300-fg .hint-text,
.blue-grey-300-fg.disabled-text,
.blue-grey-300-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-grey-300-fg .divider,
.blue-grey-300-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-grey-300-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-grey-300-fg input[type=text] {
    color: #fff
}

.blue-grey-300-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-300-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-300-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-300-fg .mat-select-arrow,
.blue-grey-300-fg .mat-select-disabled .mat-select-value,
.blue-grey-300-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-300-fg .mat-select-content,
.blue-grey-300-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-grey-300-fg .mat-select-value {
    color: #fff
}

.blue-grey-300-border {
    border-color: #90a4ae !important
}

.blue-grey-300-border-top {
    border-top-color: #90a4ae !important
}

.blue-grey-300-border-right {
    border-right-color: #90a4ae !important
}

.blue-grey-300-border-bottom {
    border-bottom-color: #90a4ae !important
}

.blue-grey-300-border-left {
    border-left-color: #90a4ae !important
}

.blue-grey-400-bg {
    background-color: #78909c !important
}

.mat-blue-grey-400-bg {
    background-color: #78909c !important;
    color: #fff !important
}

.mat-blue-grey-400-bg .icon,
.mat-blue-grey-400-bg .mat-icon {
    color: #fff
}

.mat-blue-grey-400-bg .secondary-text,
.mat-blue-grey-400-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-blue-grey-400-bg .disabled-text,
.mat-blue-grey-400-bg .hint-text,
.mat-blue-grey-400-bg.disabled-text,
.mat-blue-grey-400-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-blue-grey-400-bg .divider,
.mat-blue-grey-400-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-blue-grey-400-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-blue-grey-400-bg input[type=text] {
    color: #fff
}

.mat-blue-grey-400-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-grey-400-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-grey-400-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-grey-400-bg .mat-select-arrow,
.mat-blue-grey-400-bg .mat-select-disabled .mat-select-value,
.mat-blue-grey-400-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-grey-400-bg .mat-select-content,
.mat-blue-grey-400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-grey-400-bg .mat-select-value {
    color: #fff
}

.mat-blue-grey-400-bg[disabled] {
    background-color: rgba(120, 144, 156, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.blue-grey-400-fg {
    color: #78909c !important
}

.blue-grey-400-fg .icon,
.blue-grey-400-fg .mat-icon {
    color: #fff
}

.blue-grey-400-fg .secondary-text,
.blue-grey-400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-grey-400-fg .disabled-text,
.blue-grey-400-fg .hint-text,
.blue-grey-400-fg.disabled-text,
.blue-grey-400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-grey-400-fg .divider,
.blue-grey-400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-grey-400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-grey-400-fg input[type=text] {
    color: #fff
}

.blue-grey-400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-400-fg .mat-select-arrow,
.blue-grey-400-fg .mat-select-disabled .mat-select-value,
.blue-grey-400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-400-fg .mat-select-content,
.blue-grey-400-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-grey-400-fg .mat-select-value {
    color: #fff
}

.blue-grey-400-border {
    border-color: #78909c !important
}

.blue-grey-400-border-top {
    border-top-color: #78909c !important
}

.blue-grey-400-border-right {
    border-right-color: #78909c !important
}

.blue-grey-400-border-bottom {
    border-bottom-color: #78909c !important
}

.blue-grey-400-border-left {
    border-left-color: #78909c !important
}

.blue-grey-500-bg {
    background-color: #607d8b !important
}

.mat-blue-grey-500-bg {
    background-color: #607d8b !important;
    color: #fff !important
}

.mat-blue-grey-500-bg .icon,
.mat-blue-grey-500-bg .mat-icon {
    color: #fff
}

.mat-blue-grey-500-bg .secondary-text,
.mat-blue-grey-500-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-blue-grey-500-bg .disabled-text,
.mat-blue-grey-500-bg .hint-text,
.mat-blue-grey-500-bg.disabled-text,
.mat-blue-grey-500-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-blue-grey-500-bg .divider,
.mat-blue-grey-500-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-blue-grey-500-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-blue-grey-500-bg input[type=text] {
    color: #fff
}

.mat-blue-grey-500-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-grey-500-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-grey-500-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-grey-500-bg .mat-select-arrow,
.mat-blue-grey-500-bg .mat-select-disabled .mat-select-value,
.mat-blue-grey-500-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-grey-500-bg .mat-select-content,
.mat-blue-grey-500-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-grey-500-bg .mat-select-value {
    color: #fff
}

.mat-blue-grey-500-bg[disabled] {
    background-color: rgba(96, 125, 139, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.blue-grey-500-fg {
    color: #607d8b !important
}

.blue-grey-500-fg .icon,
.blue-grey-500-fg .mat-icon {
    color: #fff
}

.blue-grey-500-fg .secondary-text,
.blue-grey-500-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-grey-500-fg .disabled-text,
.blue-grey-500-fg .hint-text,
.blue-grey-500-fg.disabled-text,
.blue-grey-500-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-grey-500-fg .divider,
.blue-grey-500-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-grey-500-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-grey-500-fg input[type=text] {
    color: #fff
}

.blue-grey-500-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-500-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-500-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-500-fg .mat-select-arrow,
.blue-grey-500-fg .mat-select-disabled .mat-select-value,
.blue-grey-500-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-500-fg .mat-select-content,
.blue-grey-500-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-grey-500-fg .mat-select-value {
    color: #fff
}

.blue-grey-500-border {
    border-color: #607d8b !important
}

.blue-grey-500-border-top {
    border-top-color: #607d8b !important
}

.blue-grey-500-border-right {
    border-right-color: #607d8b !important
}

.blue-grey-500-border-bottom {
    border-bottom-color: #607d8b !important
}

.blue-grey-500-border-left {
    border-left-color: #607d8b !important
}

.blue-grey-bg {
    background-color: #607d8b !important
}

.mat-blue-grey-bg {
    background-color: #607d8b !important;
    color: #fff !important
}

.mat-blue-grey-bg .icon,
.mat-blue-grey-bg .mat-icon {
    color: #fff
}

.mat-blue-grey-bg .secondary-text,
.mat-blue-grey-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-blue-grey-bg .disabled-text,
.mat-blue-grey-bg .hint-text,
.mat-blue-grey-bg.disabled-text,
.mat-blue-grey-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-blue-grey-bg .divider,
.mat-blue-grey-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-blue-grey-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-blue-grey-bg input[type=text] {
    color: #fff
}

.mat-blue-grey-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-grey-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-grey-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-grey-bg .mat-select-arrow,
.mat-blue-grey-bg .mat-select-disabled .mat-select-value,
.mat-blue-grey-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-grey-bg .mat-select-content,
.mat-blue-grey-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-grey-bg .mat-select-value {
    color: #fff
}

.mat-blue-grey-bg[disabled] {
    background-color: rgba(96, 125, 139, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.blue-grey-fg {
    color: #607d8b !important
}

.blue-grey-fg .icon,
.blue-grey-fg .mat-icon {
    color: #fff
}

.blue-grey-fg .secondary-text,
.blue-grey-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-grey-fg .disabled-text,
.blue-grey-fg .hint-text,
.blue-grey-fg.disabled-text,
.blue-grey-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-grey-fg .divider,
.blue-grey-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-grey-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-grey-fg input[type=text] {
    color: #fff
}

.blue-grey-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-fg .mat-select-arrow,
.blue-grey-fg .mat-select-disabled .mat-select-value,
.blue-grey-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-fg .mat-select-content,
.blue-grey-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-grey-fg .mat-select-value {
    color: #fff
}

.blue-grey-border {
    border-color: #607d8b !important
}

.blue-grey-border-top {
    border-top-color: #607d8b !important
}

.blue-grey-border-right {
    border-right-color: #607d8b !important
}

.blue-grey-border-bottom {
    border-bottom-color: #607d8b !important
}

.blue-grey-border-left {
    border-left-color: #607d8b !important
}

.blue-grey-600-bg {
    background-color: #546e7a !important
}

.mat-blue-grey-600-bg {
    background-color: #546e7a !important;
    color: #fff !important
}

.mat-blue-grey-600-bg .icon,
.mat-blue-grey-600-bg .mat-icon {
    color: #fff
}

.mat-blue-grey-600-bg .secondary-text,
.mat-blue-grey-600-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-blue-grey-600-bg .disabled-text,
.mat-blue-grey-600-bg .hint-text,
.mat-blue-grey-600-bg.disabled-text,
.mat-blue-grey-600-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-blue-grey-600-bg .divider,
.mat-blue-grey-600-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-blue-grey-600-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-blue-grey-600-bg input[type=text] {
    color: #fff
}

.mat-blue-grey-600-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-grey-600-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-grey-600-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-grey-600-bg .mat-select-arrow,
.mat-blue-grey-600-bg .mat-select-disabled .mat-select-value,
.mat-blue-grey-600-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-grey-600-bg .mat-select-content,
.mat-blue-grey-600-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-grey-600-bg .mat-select-value {
    color: #fff
}

.mat-blue-grey-600-bg[disabled] {
    background-color: rgba(84, 110, 122, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.blue-grey-600-fg {
    color: #546e7a !important
}

.blue-grey-600-fg .icon,
.blue-grey-600-fg .mat-icon {
    color: #fff
}

.blue-grey-600-fg .secondary-text,
.blue-grey-600-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-grey-600-fg .disabled-text,
.blue-grey-600-fg .hint-text,
.blue-grey-600-fg.disabled-text,
.blue-grey-600-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-grey-600-fg .divider,
.blue-grey-600-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-grey-600-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-grey-600-fg input[type=text] {
    color: #fff
}

.blue-grey-600-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-600-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-600-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-600-fg .mat-select-arrow,
.blue-grey-600-fg .mat-select-disabled .mat-select-value,
.blue-grey-600-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-600-fg .mat-select-content,
.blue-grey-600-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-grey-600-fg .mat-select-value {
    color: #fff
}

.blue-grey-600-border {
    border-color: #546e7a !important
}

.blue-grey-600-border-top {
    border-top-color: #546e7a !important
}

.blue-grey-600-border-right {
    border-right-color: #546e7a !important
}

.blue-grey-600-border-bottom {
    border-bottom-color: #546e7a !important
}

.blue-grey-600-border-left {
    border-left-color: #546e7a !important
}

.blue-grey-700-bg {
    background-color: #455a64 !important
}

.mat-blue-grey-700-bg {
    background-color: #455a64 !important;
    color: #fff !important
}

.mat-blue-grey-700-bg .icon,
.mat-blue-grey-700-bg .mat-icon {
    color: #fff
}

.mat-blue-grey-700-bg .secondary-text,
.mat-blue-grey-700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-blue-grey-700-bg .disabled-text,
.mat-blue-grey-700-bg .hint-text,
.mat-blue-grey-700-bg.disabled-text,
.mat-blue-grey-700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-blue-grey-700-bg .divider,
.mat-blue-grey-700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-blue-grey-700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-blue-grey-700-bg input[type=text] {
    color: #fff
}

.mat-blue-grey-700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-grey-700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-grey-700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-grey-700-bg .mat-select-arrow,
.mat-blue-grey-700-bg .mat-select-disabled .mat-select-value,
.mat-blue-grey-700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-grey-700-bg .mat-select-content,
.mat-blue-grey-700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-grey-700-bg .mat-select-value {
    color: #fff
}

.mat-blue-grey-700-bg[disabled] {
    background-color: rgba(69, 90, 100, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.blue-grey-700-fg {
    color: #455a64 !important
}

.blue-grey-700-fg .icon,
.blue-grey-700-fg .mat-icon {
    color: #fff
}

.blue-grey-700-fg .secondary-text,
.blue-grey-700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-grey-700-fg .disabled-text,
.blue-grey-700-fg .hint-text,
.blue-grey-700-fg.disabled-text,
.blue-grey-700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-grey-700-fg .divider,
.blue-grey-700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-grey-700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-grey-700-fg input[type=text] {
    color: #fff
}

.blue-grey-700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-700-fg .mat-select-arrow,
.blue-grey-700-fg .mat-select-disabled .mat-select-value,
.blue-grey-700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-700-fg .mat-select-content,
.blue-grey-700-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-grey-700-fg .mat-select-value {
    color: #fff
}

.blue-grey-700-border {
    border-color: #455a64 !important
}

.blue-grey-700-border-top {
    border-top-color: #455a64 !important
}

.blue-grey-700-border-right {
    border-right-color: #455a64 !important
}

.blue-grey-700-border-bottom {
    border-bottom-color: #455a64 !important
}

.blue-grey-700-border-left {
    border-left-color: #455a64 !important
}

.blue-grey-800-bg {
    background-color: #37474f !important
}

.mat-blue-grey-800-bg {
    background-color: #37474f !important;
    color: #fff !important
}

.mat-blue-grey-800-bg .icon,
.mat-blue-grey-800-bg .mat-icon {
    color: #fff
}

.mat-blue-grey-800-bg .secondary-text,
.mat-blue-grey-800-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-blue-grey-800-bg .disabled-text,
.mat-blue-grey-800-bg .hint-text,
.mat-blue-grey-800-bg.disabled-text,
.mat-blue-grey-800-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-blue-grey-800-bg .divider,
.mat-blue-grey-800-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-blue-grey-800-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-blue-grey-800-bg input[type=text] {
    color: #fff
}

.mat-blue-grey-800-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-grey-800-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-grey-800-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-grey-800-bg .mat-select-arrow,
.mat-blue-grey-800-bg .mat-select-disabled .mat-select-value,
.mat-blue-grey-800-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-grey-800-bg .mat-select-content,
.mat-blue-grey-800-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-grey-800-bg .mat-select-value {
    color: #fff
}

.mat-blue-grey-800-bg[disabled] {
    background-color: rgba(55, 71, 79, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.blue-grey-800-fg {
    color: #37474f !important
}

.blue-grey-800-fg .icon,
.blue-grey-800-fg .mat-icon {
    color: #fff
}

.blue-grey-800-fg .secondary-text,
.blue-grey-800-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-grey-800-fg .disabled-text,
.blue-grey-800-fg .hint-text,
.blue-grey-800-fg.disabled-text,
.blue-grey-800-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-grey-800-fg .divider,
.blue-grey-800-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-grey-800-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-grey-800-fg input[type=text] {
    color: #fff
}

.blue-grey-800-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-800-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-800-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-800-fg .mat-select-arrow,
.blue-grey-800-fg .mat-select-disabled .mat-select-value,
.blue-grey-800-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-800-fg .mat-select-content,
.blue-grey-800-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-grey-800-fg .mat-select-value {
    color: #fff
}

.blue-grey-800-border {
    border-color: #37474f !important
}

.blue-grey-800-border-top {
    border-top-color: #37474f !important
}

.blue-grey-800-border-right {
    border-right-color: #37474f !important
}

.blue-grey-800-border-bottom {
    border-bottom-color: #37474f !important
}

.blue-grey-800-border-left {
    border-left-color: #37474f !important
}

.blue-grey-900-bg {
    background-color: #263238 !important
}

.mat-blue-grey-900-bg {
    background-color: #263238 !important;
    color: #fff !important
}

.mat-blue-grey-900-bg .icon,
.mat-blue-grey-900-bg .mat-icon {
    color: #fff
}

.mat-blue-grey-900-bg .secondary-text,
.mat-blue-grey-900-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-blue-grey-900-bg .disabled-text,
.mat-blue-grey-900-bg .hint-text,
.mat-blue-grey-900-bg.disabled-text,
.mat-blue-grey-900-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-blue-grey-900-bg .divider,
.mat-blue-grey-900-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-blue-grey-900-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-blue-grey-900-bg input[type=text] {
    color: #fff
}

.mat-blue-grey-900-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-grey-900-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-grey-900-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-grey-900-bg .mat-select-arrow,
.mat-blue-grey-900-bg .mat-select-disabled .mat-select-value,
.mat-blue-grey-900-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-grey-900-bg .mat-select-content,
.mat-blue-grey-900-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-grey-900-bg .mat-select-value {
    color: #fff
}

.mat-blue-grey-900-bg[disabled] {
    background-color: rgba(38, 50, 56, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.blue-grey-900-fg {
    color: #263238 !important
}

.blue-grey-900-fg .icon,
.blue-grey-900-fg .mat-icon {
    color: #fff
}

.blue-grey-900-fg .secondary-text,
.blue-grey-900-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-grey-900-fg .disabled-text,
.blue-grey-900-fg .hint-text,
.blue-grey-900-fg.disabled-text,
.blue-grey-900-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-grey-900-fg .divider,
.blue-grey-900-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-grey-900-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-grey-900-fg input[type=text] {
    color: #fff
}

.blue-grey-900-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-900-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-900-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-900-fg .mat-select-arrow,
.blue-grey-900-fg .mat-select-disabled .mat-select-value,
.blue-grey-900-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-900-fg .mat-select-content,
.blue-grey-900-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-grey-900-fg .mat-select-value {
    color: #fff
}

.blue-grey-900-border {
    border-color: #263238 !important
}

.blue-grey-900-border-top {
    border-top-color: #263238 !important
}

.blue-grey-900-border-right {
    border-right-color: #263238 !important
}

.blue-grey-900-border-bottom {
    border-bottom-color: #263238 !important
}

.blue-grey-900-border-left {
    border-left-color: #263238 !important
}

.blue-grey-A100-bg {
    background-color: #cfd8dc !important
}

.mat-blue-grey-A100-bg {
    background-color: #cfd8dc !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-blue-grey-A100-bg .icon,
.mat-blue-grey-A100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-blue-grey-A100-bg .secondary-text,
.mat-blue-grey-A100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-blue-grey-A100-bg .disabled-text,
.mat-blue-grey-A100-bg .hint-text,
.mat-blue-grey-A100-bg.disabled-text,
.mat-blue-grey-A100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-blue-grey-A100-bg .divider,
.mat-blue-grey-A100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-blue-grey-A100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-blue-grey-A100-bg input[type=text] {
    color: #000
}

.mat-blue-grey-A100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-blue-grey-A100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-blue-grey-A100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-blue-grey-A100-bg .mat-select-arrow,
.mat-blue-grey-A100-bg .mat-select-disabled .mat-select-value,
.mat-blue-grey-A100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-blue-grey-A100-bg .mat-select-content,
.mat-blue-grey-A100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-grey-A100-bg[disabled] {
    background-color: rgba(207, 216, 220, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.blue-grey-A100-fg {
    color: #cfd8dc !important
}

.blue-grey-A100-fg .icon,
.blue-grey-A100-fg .mat-icon {
    color: #fff
}

.blue-grey-A100-fg .secondary-text,
.blue-grey-A100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-grey-A100-fg .disabled-text,
.blue-grey-A100-fg .hint-text,
.blue-grey-A100-fg.disabled-text,
.blue-grey-A100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-grey-A100-fg .divider,
.blue-grey-A100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-grey-A100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-grey-A100-fg input[type=text] {
    color: #fff
}

.blue-grey-A100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-A100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-A100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-A100-fg .mat-select-arrow,
.blue-grey-A100-fg .mat-select-disabled .mat-select-value,
.blue-grey-A100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-A100-fg .mat-select-content,
.blue-grey-A100-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-grey-A100-fg .mat-select-value {
    color: #fff
}

.blue-grey-A100-border {
    border-color: #cfd8dc !important
}

.blue-grey-A100-border-top {
    border-top-color: #cfd8dc !important
}

.blue-grey-A100-border-right {
    border-right-color: #cfd8dc !important
}

.blue-grey-A100-border-bottom {
    border-bottom-color: #cfd8dc !important
}

.blue-grey-A100-border-left {
    border-left-color: #cfd8dc !important
}

.blue-grey-A200-bg {
    background-color: #b0bec5 !important
}

.mat-blue-grey-A200-bg {
    background-color: #b0bec5 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-blue-grey-A200-bg .icon,
.mat-blue-grey-A200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-blue-grey-A200-bg .secondary-text,
.mat-blue-grey-A200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-blue-grey-A200-bg .disabled-text,
.mat-blue-grey-A200-bg .hint-text,
.mat-blue-grey-A200-bg.disabled-text,
.mat-blue-grey-A200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-blue-grey-A200-bg .divider,
.mat-blue-grey-A200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-blue-grey-A200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-blue-grey-A200-bg input[type=text] {
    color: #000
}

.mat-blue-grey-A200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-blue-grey-A200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-blue-grey-A200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-blue-grey-A200-bg .mat-select-arrow,
.mat-blue-grey-A200-bg .mat-select-disabled .mat-select-value,
.mat-blue-grey-A200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-blue-grey-A200-bg .mat-select-content,
.mat-blue-grey-A200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-grey-A200-bg[disabled] {
    background-color: rgba(176, 190, 197, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.blue-grey-A200-fg {
    color: #b0bec5 !important
}

.blue-grey-A200-fg .icon,
.blue-grey-A200-fg .mat-icon {
    color: #fff
}

.blue-grey-A200-fg .secondary-text,
.blue-grey-A200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-grey-A200-fg .disabled-text,
.blue-grey-A200-fg .hint-text,
.blue-grey-A200-fg.disabled-text,
.blue-grey-A200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-grey-A200-fg .divider,
.blue-grey-A200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-grey-A200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-grey-A200-fg input[type=text] {
    color: #fff
}

.blue-grey-A200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-A200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-A200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-A200-fg .mat-select-arrow,
.blue-grey-A200-fg .mat-select-disabled .mat-select-value,
.blue-grey-A200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-A200-fg .mat-select-content,
.blue-grey-A200-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-grey-A200-fg .mat-select-value {
    color: #fff
}

.blue-grey-A200-border {
    border-color: #b0bec5 !important
}

.blue-grey-A200-border-top {
    border-top-color: #b0bec5 !important
}

.blue-grey-A200-border-right {
    border-right-color: #b0bec5 !important
}

.blue-grey-A200-border-bottom {
    border-bottom-color: #b0bec5 !important
}

.blue-grey-A200-border-left {
    border-left-color: #b0bec5 !important
}

.blue-grey-A400-bg {
    background-color: #78909c !important
}

.mat-blue-grey-A400-bg {
    background-color: #78909c !important;
    color: #fff !important
}

.mat-blue-grey-A400-bg .icon,
.mat-blue-grey-A400-bg .mat-icon {
    color: #fff
}

.mat-blue-grey-A400-bg .secondary-text,
.mat-blue-grey-A400-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-blue-grey-A400-bg .disabled-text,
.mat-blue-grey-A400-bg .hint-text,
.mat-blue-grey-A400-bg.disabled-text,
.mat-blue-grey-A400-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-blue-grey-A400-bg .divider,
.mat-blue-grey-A400-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-blue-grey-A400-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-blue-grey-A400-bg input[type=text] {
    color: #fff
}

.mat-blue-grey-A400-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-grey-A400-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-grey-A400-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-grey-A400-bg .mat-select-arrow,
.mat-blue-grey-A400-bg .mat-select-disabled .mat-select-value,
.mat-blue-grey-A400-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-grey-A400-bg .mat-select-content,
.mat-blue-grey-A400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-grey-A400-bg .mat-select-value {
    color: #fff
}

.mat-blue-grey-A400-bg[disabled] {
    background-color: rgba(120, 144, 156, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.blue-grey-A400-fg {
    color: #78909c !important
}

.blue-grey-A400-fg .icon,
.blue-grey-A400-fg .mat-icon {
    color: #fff
}

.blue-grey-A400-fg .secondary-text,
.blue-grey-A400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-grey-A400-fg .disabled-text,
.blue-grey-A400-fg .hint-text,
.blue-grey-A400-fg.disabled-text,
.blue-grey-A400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-grey-A400-fg .divider,
.blue-grey-A400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-grey-A400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-grey-A400-fg input[type=text] {
    color: #fff
}

.blue-grey-A400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-A400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-A400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-A400-fg .mat-select-arrow,
.blue-grey-A400-fg .mat-select-disabled .mat-select-value,
.blue-grey-A400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-A400-fg .mat-select-content,
.blue-grey-A400-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-grey-A400-fg .mat-select-value {
    color: #fff
}

.blue-grey-A400-border {
    border-color: #78909c !important
}

.blue-grey-A400-border-top {
    border-top-color: #78909c !important
}

.blue-grey-A400-border-right {
    border-right-color: #78909c !important
}

.blue-grey-A400-border-bottom {
    border-bottom-color: #78909c !important
}

.blue-grey-A400-border-left {
    border-left-color: #78909c !important
}

.blue-grey-A700-bg {
    background-color: #455a64 !important
}

.mat-blue-grey-A700-bg {
    background-color: #455a64 !important;
    color: #fff !important
}

.mat-blue-grey-A700-bg .icon,
.mat-blue-grey-A700-bg .mat-icon {
    color: #fff
}

.mat-blue-grey-A700-bg .secondary-text,
.mat-blue-grey-A700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-blue-grey-A700-bg .disabled-text,
.mat-blue-grey-A700-bg .hint-text,
.mat-blue-grey-A700-bg.disabled-text,
.mat-blue-grey-A700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-blue-grey-A700-bg .divider,
.mat-blue-grey-A700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-blue-grey-A700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-blue-grey-A700-bg input[type=text] {
    color: #fff
}

.mat-blue-grey-A700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-grey-A700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-grey-A700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-blue-grey-A700-bg .mat-select-arrow,
.mat-blue-grey-A700-bg .mat-select-disabled .mat-select-value,
.mat-blue-grey-A700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-blue-grey-A700-bg .mat-select-content,
.mat-blue-grey-A700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-blue-grey-A700-bg .mat-select-value {
    color: #fff
}

.mat-blue-grey-A700-bg[disabled] {
    background-color: rgba(69, 90, 100, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.blue-grey-A700-fg {
    color: #455a64 !important
}

.blue-grey-A700-fg .icon,
.blue-grey-A700-fg .mat-icon {
    color: #fff
}

.blue-grey-A700-fg .secondary-text,
.blue-grey-A700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.blue-grey-A700-fg .disabled-text,
.blue-grey-A700-fg .hint-text,
.blue-grey-A700-fg.disabled-text,
.blue-grey-A700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.blue-grey-A700-fg .divider,
.blue-grey-A700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.blue-grey-A700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.blue-grey-A700-fg input[type=text] {
    color: #fff
}

.blue-grey-A700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-A700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-A700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.blue-grey-A700-fg .mat-select-arrow,
.blue-grey-A700-fg .mat-select-disabled .mat-select-value,
.blue-grey-A700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.blue-grey-A700-fg .mat-select-content,
.blue-grey-A700-fg .mat-select-panel-done-animating {
    background: #fff
}

.blue-grey-A700-fg .mat-select-value {
    color: #fff
}

.blue-grey-A700-border {
    border-color: #455a64 !important
}

.blue-grey-A700-border-top {
    border-top-color: #455a64 !important
}

.blue-grey-A700-border-right {
    border-right-color: #455a64 !important
}

.blue-grey-A700-border-bottom {
    border-bottom-color: #455a64 !important
}

.blue-grey-A700-border-left {
    border-left-color: #455a64 !important
}

.white-500-bg {
    background-color: #fff !important
}

.mat-white-500-bg {
    background-color: #fff !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-white-500-bg .icon,
.mat-white-500-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-white-500-bg .secondary-text,
.mat-white-500-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-white-500-bg .disabled-text,
.mat-white-500-bg .hint-text,
.mat-white-500-bg.disabled-text,
.mat-white-500-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-white-500-bg .divider,
.mat-white-500-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-white-500-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-white-500-bg input[type=text] {
    color: #000
}

.mat-white-500-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-white-500-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-white-500-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-white-500-bg .mat-select-arrow,
.mat-white-500-bg .mat-select-disabled .mat-select-value,
.mat-white-500-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-white-500-bg .mat-select-content,
.mat-white-500-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-white-500-bg[disabled] {
    background-color: rgba(255, 255, 255, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.white-500-fg {
    color: #fff !important
}

.white-500-fg .icon,
.white-500-fg .mat-icon {
    color: #fff
}

.white-500-fg .secondary-text,
.white-500-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.white-500-fg .disabled-text,
.white-500-fg .hint-text,
.white-500-fg.disabled-text,
.white-500-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.white-500-fg .divider,
.white-500-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.white-500-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.white-500-fg input[type=text] {
    color: #fff
}

.white-500-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.white-500-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.white-500-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.white-500-fg .mat-select-arrow,
.white-500-fg .mat-select-disabled .mat-select-value,
.white-500-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.white-500-fg .mat-select-content,
.white-500-fg .mat-select-panel-done-animating {
    background: #fff
}

.white-500-fg .mat-select-value {
    color: #fff
}

.white-500-border {
    border-color: #fff !important
}

.white-500-border-top {
    border-top-color: #fff !important
}

.white-500-border-right {
    border-right-color: #fff !important
}

.white-500-border-bottom {
    border-bottom-color: #fff !important
}

.white-500-border-left {
    border-left-color: #fff !important
}

.white-bg {
    background-color: #fff !important
}

.mat-white-bg {
    background-color: #fff !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-white-bg .icon,
.mat-white-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-white-bg .secondary-text,
.mat-white-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-white-bg .disabled-text,
.mat-white-bg .hint-text,
.mat-white-bg.disabled-text,
.mat-white-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-white-bg .divider,
.mat-white-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-white-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-white-bg input[type=text] {
    color: #000
}

.mat-white-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-white-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-white-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-white-bg .mat-select-arrow,
.mat-white-bg .mat-select-disabled .mat-select-value,
.mat-white-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-white-bg .mat-select-content,
.mat-white-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-white-bg[disabled] {
    background-color: rgba(255, 255, 255, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.white-fg {
    color: #fff !important
}

.white-fg .icon,
.white-fg .mat-icon {
    color: #fff
}

.white-fg .secondary-text,
.white-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.white-fg .disabled-text,
.white-fg .hint-text,
.white-fg.disabled-text,
.white-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.white-fg .divider,
.white-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.white-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.white-fg input[type=text] {
    color: #fff
}

.white-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.white-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.white-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.white-fg .mat-select-arrow,
.white-fg .mat-select-disabled .mat-select-value,
.white-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.white-fg .mat-select-content,
.white-fg .mat-select-panel-done-animating {
    background: #fff
}

.white-fg .mat-select-value {
    color: #fff
}

.white-border {
    border-color: #fff !important
}

.white-border-top {
    border-top-color: #fff !important
}

.white-border-right {
    border-right-color: #fff !important
}

.white-border-bottom {
    border-bottom-color: #fff !important
}

.white-border-left {
    border-left-color: #fff !important
}

.black-500-bg {
    background-color: #000 !important
}

.mat-black-500-bg {
    background-color: #000 !important;
    color: #fff !important
}

.mat-black-500-bg .icon,
.mat-black-500-bg .mat-icon {
    color: #fff
}

.mat-black-500-bg .secondary-text,
.mat-black-500-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-black-500-bg .disabled-text,
.mat-black-500-bg .hint-text,
.mat-black-500-bg.disabled-text,
.mat-black-500-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-black-500-bg .divider,
.mat-black-500-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-black-500-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-black-500-bg input[type=text] {
    color: #fff
}

.mat-black-500-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-black-500-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-black-500-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-black-500-bg .mat-select-arrow,
.mat-black-500-bg .mat-select-disabled .mat-select-value,
.mat-black-500-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-black-500-bg .mat-select-content,
.mat-black-500-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-black-500-bg .mat-select-value {
    color: #fff
}

.mat-black-500-bg[disabled] {
    background-color: rgba(0, 0, 0, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.black-500-fg {
    color: #000 !important
}

.black-500-fg .icon,
.black-500-fg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.black-500-fg .secondary-text,
.black-500-fg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.black-500-fg .disabled-text,
.black-500-fg .hint-text,
.black-500-fg.disabled-text,
.black-500-fg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.black-500-fg .divider,
.black-500-fg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.black-500-fg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.black-500-fg input[type=text] {
    color: #000
}

.black-500-fg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.black-500-fg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.black-500-fg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.black-500-fg .mat-select-arrow,
.black-500-fg .mat-select-disabled .mat-select-value,
.black-500-fg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.black-500-fg .mat-select-content,
.black-500-fg .mat-select-panel-done-animating {
    background: #fff
}

.black-500-border {
    border-color: #000 !important
}

.black-500-border-top {
    border-top-color: #000 !important
}

.black-500-border-right {
    border-right-color: #000 !important
}

.black-500-border-bottom {
    border-bottom-color: #000 !important
}

.black-500-border-left {
    border-left-color: #000 !important
}

.black-bg {
    background-color: #000 !important
}

.mat-black-bg {
    background-color: #000 !important;
    color: #fff !important
}

.mat-black-bg .icon,
.mat-black-bg .mat-icon {
    color: #fff
}

.mat-black-bg .secondary-text,
.mat-black-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-black-bg .disabled-text,
.mat-black-bg .hint-text,
.mat-black-bg.disabled-text,
.mat-black-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-black-bg .divider,
.mat-black-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-black-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-black-bg input[type=text] {
    color: #fff
}

.mat-black-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-black-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-black-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-black-bg .mat-select-arrow,
.mat-black-bg .mat-select-disabled .mat-select-value,
.mat-black-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-black-bg .mat-select-content,
.mat-black-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-black-bg .mat-select-value {
    color: #fff
}

.mat-black-bg[disabled] {
    background-color: rgba(0, 0, 0, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.black-fg {
    color: #000 !important
}

.black-fg .icon,
.black-fg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.black-fg .secondary-text,
.black-fg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.black-fg .disabled-text,
.black-fg .hint-text,
.black-fg.disabled-text,
.black-fg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.black-fg .divider,
.black-fg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.black-fg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.black-fg input[type=text] {
    color: #000
}

.black-fg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.black-fg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.black-fg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.black-fg .mat-select-arrow,
.black-fg .mat-select-disabled .mat-select-value,
.black-fg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.black-fg .mat-select-content,
.black-fg .mat-select-panel-done-animating {
    background: #fff
}

.black-border {
    border-color: #000 !important
}

.black-border-top {
    border-top-color: #000 !important
}

.black-border-right {
    border-right-color: #000 !important
}

.black-border-bottom {
    border-bottom-color: #000 !important
}

.black-border-left {
    border-left-color: #000 !important
}

.fuse-dark-50-bg {
    background-color: #ececee !important
}

.mat-fuse-dark-50-bg {
    background-color: #ececee !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-fuse-dark-50-bg .icon,
.mat-fuse-dark-50-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-fuse-dark-50-bg .secondary-text,
.mat-fuse-dark-50-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-fuse-dark-50-bg .disabled-text,
.mat-fuse-dark-50-bg .hint-text,
.mat-fuse-dark-50-bg.disabled-text,
.mat-fuse-dark-50-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-fuse-dark-50-bg .divider,
.mat-fuse-dark-50-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-fuse-dark-50-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-fuse-dark-50-bg input[type=text] {
    color: #000
}

.mat-fuse-dark-50-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-fuse-dark-50-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-fuse-dark-50-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-fuse-dark-50-bg .mat-select-arrow,
.mat-fuse-dark-50-bg .mat-select-disabled .mat-select-value,
.mat-fuse-dark-50-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-fuse-dark-50-bg .mat-select-content,
.mat-fuse-dark-50-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-fuse-dark-50-bg[disabled] {
    background-color: rgba(236, 236, 238, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.fuse-dark-50-fg {
    color: #ececee !important
}

.fuse-dark-50-fg .icon,
.fuse-dark-50-fg .mat-icon {
    color: #fff
}

.fuse-dark-50-fg .secondary-text,
.fuse-dark-50-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.fuse-dark-50-fg .disabled-text,
.fuse-dark-50-fg .hint-text,
.fuse-dark-50-fg.disabled-text,
.fuse-dark-50-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.fuse-dark-50-fg .divider,
.fuse-dark-50-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.fuse-dark-50-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.fuse-dark-50-fg input[type=text] {
    color: #fff
}

.fuse-dark-50-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-50-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-50-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-50-fg .mat-select-arrow,
.fuse-dark-50-fg .mat-select-disabled .mat-select-value,
.fuse-dark-50-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-50-fg .mat-select-content,
.fuse-dark-50-fg .mat-select-panel-done-animating {
    background: #fff
}

.fuse-dark-50-fg .mat-select-value {
    color: #fff
}

.fuse-dark-50-border {
    border-color: #ececee !important
}

.fuse-dark-50-border-top {
    border-top-color: #ececee !important
}

.fuse-dark-50-border-right {
    border-right-color: #ececee !important
}

.fuse-dark-50-border-bottom {
    border-bottom-color: #ececee !important
}

.fuse-dark-50-border-left {
    border-left-color: #ececee !important
}

.fuse-dark-100-bg {
    background-color: #c5c6cb !important
}

.mat-fuse-dark-100-bg {
    background-color: #c5c6cb !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-fuse-dark-100-bg .icon,
.mat-fuse-dark-100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-fuse-dark-100-bg .secondary-text,
.mat-fuse-dark-100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-fuse-dark-100-bg .disabled-text,
.mat-fuse-dark-100-bg .hint-text,
.mat-fuse-dark-100-bg.disabled-text,
.mat-fuse-dark-100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-fuse-dark-100-bg .divider,
.mat-fuse-dark-100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-fuse-dark-100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-fuse-dark-100-bg input[type=text] {
    color: #000
}

.mat-fuse-dark-100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-fuse-dark-100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-fuse-dark-100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-fuse-dark-100-bg .mat-select-arrow,
.mat-fuse-dark-100-bg .mat-select-disabled .mat-select-value,
.mat-fuse-dark-100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-fuse-dark-100-bg .mat-select-content,
.mat-fuse-dark-100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-fuse-dark-100-bg[disabled] {
    background-color: rgba(197, 198, 203, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.fuse-dark-100-fg {
    color: #c5c6cb !important
}

.fuse-dark-100-fg .icon,
.fuse-dark-100-fg .mat-icon {
    color: #fff
}

.fuse-dark-100-fg .secondary-text,
.fuse-dark-100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.fuse-dark-100-fg .disabled-text,
.fuse-dark-100-fg .hint-text,
.fuse-dark-100-fg.disabled-text,
.fuse-dark-100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.fuse-dark-100-fg .divider,
.fuse-dark-100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.fuse-dark-100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.fuse-dark-100-fg input[type=text] {
    color: #fff
}

.fuse-dark-100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-100-fg .mat-select-arrow,
.fuse-dark-100-fg .mat-select-disabled .mat-select-value,
.fuse-dark-100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-100-fg .mat-select-content,
.fuse-dark-100-fg .mat-select-panel-done-animating {
    background: #fff
}

.fuse-dark-100-fg .mat-select-value {
    color: #fff
}

.fuse-dark-100-border {
    border-color: #c5c6cb !important
}

.fuse-dark-100-border-top {
    border-top-color: #c5c6cb !important
}

.fuse-dark-100-border-right {
    border-right-color: #c5c6cb !important
}

.fuse-dark-100-border-bottom {
    border-bottom-color: #c5c6cb !important
}

.fuse-dark-100-border-left {
    border-left-color: #c5c6cb !important
}

.fuse-dark-200-bg {
    background-color: #9ea1a9 !important
}

.mat-fuse-dark-200-bg {
    background-color: #9ea1a9 !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-fuse-dark-200-bg .icon,
.mat-fuse-dark-200-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-fuse-dark-200-bg .secondary-text,
.mat-fuse-dark-200-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-fuse-dark-200-bg .disabled-text,
.mat-fuse-dark-200-bg .hint-text,
.mat-fuse-dark-200-bg.disabled-text,
.mat-fuse-dark-200-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-fuse-dark-200-bg .divider,
.mat-fuse-dark-200-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-fuse-dark-200-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-fuse-dark-200-bg input[type=text] {
    color: #000
}

.mat-fuse-dark-200-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-fuse-dark-200-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-fuse-dark-200-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-fuse-dark-200-bg .mat-select-arrow,
.mat-fuse-dark-200-bg .mat-select-disabled .mat-select-value,
.mat-fuse-dark-200-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-fuse-dark-200-bg .mat-select-content,
.mat-fuse-dark-200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-fuse-dark-200-bg[disabled] {
    background-color: rgba(158, 161, 169, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.fuse-dark-200-fg {
    color: #9ea1a9 !important
}

.fuse-dark-200-fg .icon,
.fuse-dark-200-fg .mat-icon {
    color: #fff
}

.fuse-dark-200-fg .secondary-text,
.fuse-dark-200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.fuse-dark-200-fg .disabled-text,
.fuse-dark-200-fg .hint-text,
.fuse-dark-200-fg.disabled-text,
.fuse-dark-200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.fuse-dark-200-fg .divider,
.fuse-dark-200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.fuse-dark-200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.fuse-dark-200-fg input[type=text] {
    color: #fff
}

.fuse-dark-200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-200-fg .mat-select-arrow,
.fuse-dark-200-fg .mat-select-disabled .mat-select-value,
.fuse-dark-200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-200-fg .mat-select-content,
.fuse-dark-200-fg .mat-select-panel-done-animating {
    background: #fff
}

.fuse-dark-200-fg .mat-select-value {
    color: #fff
}

.fuse-dark-200-border {
    border-color: #9ea1a9 !important
}

.fuse-dark-200-border-top {
    border-top-color: #9ea1a9 !important
}

.fuse-dark-200-border-right {
    border-right-color: #9ea1a9 !important
}

.fuse-dark-200-border-bottom {
    border-bottom-color: #9ea1a9 !important
}

.fuse-dark-200-border-left {
    border-left-color: #9ea1a9 !important
}

.fuse-dark-300-bg {
    background-color: #7d818c !important
}

.mat-fuse-dark-300-bg {
    background-color: #7d818c !important;
    color: #fff !important
}

.mat-fuse-dark-300-bg .icon,
.mat-fuse-dark-300-bg .mat-icon {
    color: #fff
}

.mat-fuse-dark-300-bg .secondary-text,
.mat-fuse-dark-300-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-fuse-dark-300-bg .disabled-text,
.mat-fuse-dark-300-bg .hint-text,
.mat-fuse-dark-300-bg.disabled-text,
.mat-fuse-dark-300-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-fuse-dark-300-bg .divider,
.mat-fuse-dark-300-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-fuse-dark-300-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-fuse-dark-300-bg input[type=text] {
    color: #fff
}

.mat-fuse-dark-300-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-fuse-dark-300-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-fuse-dark-300-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-fuse-dark-300-bg .mat-select-arrow,
.mat-fuse-dark-300-bg .mat-select-disabled .mat-select-value,
.mat-fuse-dark-300-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-fuse-dark-300-bg .mat-select-content,
.mat-fuse-dark-300-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-fuse-dark-300-bg .mat-select-value {
    color: #fff
}

.mat-fuse-dark-300-bg[disabled] {
    background-color: rgba(125, 129, 140, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.fuse-dark-300-fg {
    color: #7d818c !important
}

.fuse-dark-300-fg .icon,
.fuse-dark-300-fg .mat-icon {
    color: #fff
}

.fuse-dark-300-fg .secondary-text,
.fuse-dark-300-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.fuse-dark-300-fg .disabled-text,
.fuse-dark-300-fg .hint-text,
.fuse-dark-300-fg.disabled-text,
.fuse-dark-300-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.fuse-dark-300-fg .divider,
.fuse-dark-300-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.fuse-dark-300-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.fuse-dark-300-fg input[type=text] {
    color: #fff
}

.fuse-dark-300-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-300-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-300-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-300-fg .mat-select-arrow,
.fuse-dark-300-fg .mat-select-disabled .mat-select-value,
.fuse-dark-300-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-300-fg .mat-select-content,
.fuse-dark-300-fg .mat-select-panel-done-animating {
    background: #fff
}

.fuse-dark-300-fg .mat-select-value {
    color: #fff
}

.fuse-dark-300-border {
    border-color: #7d818c !important
}

.fuse-dark-300-border-top {
    border-top-color: #7d818c !important
}

.fuse-dark-300-border-right {
    border-right-color: #7d818c !important
}

.fuse-dark-300-border-bottom {
    border-bottom-color: #7d818c !important
}

.fuse-dark-300-border-left {
    border-left-color: #7d818c !important
}

.fuse-dark-400-bg {
    background-color: #5c616f !important
}

.mat-fuse-dark-400-bg {
    background-color: #5c616f !important;
    color: #fff !important
}

.mat-fuse-dark-400-bg .icon,
.mat-fuse-dark-400-bg .mat-icon {
    color: #fff
}

.mat-fuse-dark-400-bg .secondary-text,
.mat-fuse-dark-400-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-fuse-dark-400-bg .disabled-text,
.mat-fuse-dark-400-bg .hint-text,
.mat-fuse-dark-400-bg.disabled-text,
.mat-fuse-dark-400-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-fuse-dark-400-bg .divider,
.mat-fuse-dark-400-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-fuse-dark-400-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-fuse-dark-400-bg input[type=text] {
    color: #fff
}

.mat-fuse-dark-400-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-fuse-dark-400-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-fuse-dark-400-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-fuse-dark-400-bg .mat-select-arrow,
.mat-fuse-dark-400-bg .mat-select-disabled .mat-select-value,
.mat-fuse-dark-400-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-fuse-dark-400-bg .mat-select-content,
.mat-fuse-dark-400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-fuse-dark-400-bg .mat-select-value {
    color: #fff
}

.mat-fuse-dark-400-bg[disabled] {
    background-color: rgba(92, 97, 111, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.fuse-dark-400-fg {
    color: #5c616f !important
}

.fuse-dark-400-fg .icon,
.fuse-dark-400-fg .mat-icon {
    color: #fff
}

.fuse-dark-400-fg .secondary-text,
.fuse-dark-400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.fuse-dark-400-fg .disabled-text,
.fuse-dark-400-fg .hint-text,
.fuse-dark-400-fg.disabled-text,
.fuse-dark-400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.fuse-dark-400-fg .divider,
.fuse-dark-400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.fuse-dark-400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.fuse-dark-400-fg input[type=text] {
    color: #fff
}

.fuse-dark-400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-400-fg .mat-select-arrow,
.fuse-dark-400-fg .mat-select-disabled .mat-select-value,
.fuse-dark-400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-400-fg .mat-select-content,
.fuse-dark-400-fg .mat-select-panel-done-animating {
    background: #fff
}

.fuse-dark-400-fg .mat-select-value {
    color: #fff
}

.fuse-dark-400-border {
    border-color: #5c616f !important
}

.fuse-dark-400-border-top {
    border-top-color: #5c616f !important
}

.fuse-dark-400-border-right {
    border-right-color: #5c616f !important
}

.fuse-dark-400-border-bottom {
    border-bottom-color: #5c616f !important
}

.fuse-dark-400-border-left {
    border-left-color: #5c616f !important
}

.fuse-dark-500-bg {
    background-color: #3c4252 !important
}

.mat-fuse-dark-500-bg {
    background-color: #3c4252 !important;
    color: rgba(255, 255, 255, .87) !important
}

.mat-fuse-dark-500-bg .icon,
.mat-fuse-dark-500-bg .mat-icon {
    color: #fff
}

.mat-fuse-dark-500-bg .secondary-text,
.mat-fuse-dark-500-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-fuse-dark-500-bg .disabled-text,
.mat-fuse-dark-500-bg .hint-text,
.mat-fuse-dark-500-bg.disabled-text,
.mat-fuse-dark-500-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-fuse-dark-500-bg .divider,
.mat-fuse-dark-500-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-fuse-dark-500-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-fuse-dark-500-bg input[type=text] {
    color: #fff
}

.mat-fuse-dark-500-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-fuse-dark-500-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-fuse-dark-500-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-fuse-dark-500-bg .mat-select-arrow,
.mat-fuse-dark-500-bg .mat-select-disabled .mat-select-value,
.mat-fuse-dark-500-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-fuse-dark-500-bg .mat-select-content,
.mat-fuse-dark-500-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-fuse-dark-500-bg .mat-select-value {
    color: #fff
}

.mat-fuse-dark-500-bg[disabled] {
    background-color: rgba(60, 66, 82, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.fuse-dark-500-fg {
    color: #3c4252 !important
}

.fuse-dark-500-fg .icon,
.fuse-dark-500-fg .mat-icon {
    color: #fff
}

.fuse-dark-500-fg .secondary-text,
.fuse-dark-500-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.fuse-dark-500-fg .disabled-text,
.fuse-dark-500-fg .hint-text,
.fuse-dark-500-fg.disabled-text,
.fuse-dark-500-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.fuse-dark-500-fg .divider,
.fuse-dark-500-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.fuse-dark-500-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.fuse-dark-500-fg input[type=text] {
    color: #fff
}

.fuse-dark-500-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-500-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-500-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-500-fg .mat-select-arrow,
.fuse-dark-500-fg .mat-select-disabled .mat-select-value,
.fuse-dark-500-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-500-fg .mat-select-content,
.fuse-dark-500-fg .mat-select-panel-done-animating {
    background: #fff
}

.fuse-dark-500-fg .mat-select-value {
    color: #fff
}

.fuse-dark-500-border {
    border-color: #3c4252 !important
}

.fuse-dark-500-border-top {
    border-top-color: #3c4252 !important
}

.fuse-dark-500-border-right {
    border-right-color: #3c4252 !important
}

.fuse-dark-500-border-bottom {
    border-bottom-color: #3c4252 !important
}

.fuse-dark-500-border-left {
    border-left-color: #3c4252 !important
}

.fuse-dark-bg {
    background-color: #3c4252 !important
}

.mat-fuse-dark-bg {
    background-color: #3c4252 !important;
    color: rgba(255, 255, 255, .87) !important
}

.mat-fuse-dark-bg .icon,
.mat-fuse-dark-bg .mat-icon {
    color: #fff
}

.mat-fuse-dark-bg .secondary-text,
.mat-fuse-dark-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-fuse-dark-bg .disabled-text,
.mat-fuse-dark-bg .hint-text,
.mat-fuse-dark-bg.disabled-text,
.mat-fuse-dark-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-fuse-dark-bg .divider,
.mat-fuse-dark-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-fuse-dark-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-fuse-dark-bg input[type=text] {
    color: #fff
}

.mat-fuse-dark-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-fuse-dark-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-fuse-dark-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-fuse-dark-bg .mat-select-arrow,
.mat-fuse-dark-bg .mat-select-disabled .mat-select-value,
.mat-fuse-dark-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-fuse-dark-bg .mat-select-content,
.mat-fuse-dark-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-fuse-dark-bg .mat-select-value {
    color: #fff
}

.mat-fuse-dark-bg[disabled] {
    background-color: rgba(60, 66, 82, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.fuse-dark-fg {
    color: #3c4252 !important
}

.fuse-dark-fg .icon,
.fuse-dark-fg .mat-icon {
    color: #fff
}

.fuse-dark-fg .secondary-text,
.fuse-dark-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.fuse-dark-fg .disabled-text,
.fuse-dark-fg .hint-text,
.fuse-dark-fg.disabled-text,
.fuse-dark-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.fuse-dark-fg .divider,
.fuse-dark-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.fuse-dark-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.fuse-dark-fg input[type=text] {
    color: #fff
}

.fuse-dark-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-fg .mat-select-arrow,
.fuse-dark-fg .mat-select-disabled .mat-select-value,
.fuse-dark-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-fg .mat-select-content,
.fuse-dark-fg .mat-select-panel-done-animating {
    background: #fff
}

.fuse-dark-fg .mat-select-value {
    color: #fff
}

.fuse-dark-border {
    border-color: #3c4252 !important
}

.fuse-dark-border-top {
    border-top-color: #3c4252 !important
}

.fuse-dark-border-right {
    border-right-color: #3c4252 !important
}

.fuse-dark-border-bottom {
    border-bottom-color: #3c4252 !important
}

.fuse-dark-border-left {
    border-left-color: #3c4252 !important
}

.fuse-dark-600-bg {
    background-color: #353a48 !important
}

.mat-fuse-dark-600-bg {
    background-color: #353a48 !important;
    color: rgba(255, 255, 255, .87) !important
}

.mat-fuse-dark-600-bg .icon,
.mat-fuse-dark-600-bg .mat-icon {
    color: #fff
}

.mat-fuse-dark-600-bg .secondary-text,
.mat-fuse-dark-600-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-fuse-dark-600-bg .disabled-text,
.mat-fuse-dark-600-bg .hint-text,
.mat-fuse-dark-600-bg.disabled-text,
.mat-fuse-dark-600-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-fuse-dark-600-bg .divider,
.mat-fuse-dark-600-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-fuse-dark-600-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-fuse-dark-600-bg input[type=text] {
    color: #fff
}

.mat-fuse-dark-600-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-fuse-dark-600-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-fuse-dark-600-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-fuse-dark-600-bg .mat-select-arrow,
.mat-fuse-dark-600-bg .mat-select-disabled .mat-select-value,
.mat-fuse-dark-600-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-fuse-dark-600-bg .mat-select-content,
.mat-fuse-dark-600-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-fuse-dark-600-bg .mat-select-value {
    color: #fff
}

.mat-fuse-dark-600-bg[disabled] {
    background-color: rgba(53, 58, 72, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.fuse-dark-600-fg {
    color: #353a48 !important
}

.fuse-dark-600-fg .icon,
.fuse-dark-600-fg .mat-icon {
    color: #fff
}

.fuse-dark-600-fg .secondary-text,
.fuse-dark-600-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.fuse-dark-600-fg .disabled-text,
.fuse-dark-600-fg .hint-text,
.fuse-dark-600-fg.disabled-text,
.fuse-dark-600-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.fuse-dark-600-fg .divider,
.fuse-dark-600-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.fuse-dark-600-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.fuse-dark-600-fg input[type=text] {
    color: #fff
}

.fuse-dark-600-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-600-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-600-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-600-fg .mat-select-arrow,
.fuse-dark-600-fg .mat-select-disabled .mat-select-value,
.fuse-dark-600-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-600-fg .mat-select-content,
.fuse-dark-600-fg .mat-select-panel-done-animating {
    background: #fff
}

.fuse-dark-600-fg .mat-select-value {
    color: #fff
}

.fuse-dark-600-border {
    border-color: #353a48 !important
}

.fuse-dark-600-border-top {
    border-top-color: #353a48 !important
}

.fuse-dark-600-border-right {
    border-right-color: #353a48 !important
}

.fuse-dark-600-border-bottom {
    border-bottom-color: #353a48 !important
}

.fuse-dark-600-border-left {
    border-left-color: #353a48 !important
}

.fuse-dark-700-bg {
    background-color: #2d323e !important
}

.mat-fuse-dark-700-bg {
    background-color: #2d323e !important;
    color: rgba(255, 255, 255, .87) !important
}

.mat-fuse-dark-700-bg .icon,
.mat-fuse-dark-700-bg .mat-icon {
    color: #fff
}

.mat-fuse-dark-700-bg .secondary-text,
.mat-fuse-dark-700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-fuse-dark-700-bg .disabled-text,
.mat-fuse-dark-700-bg .hint-text,
.mat-fuse-dark-700-bg.disabled-text,
.mat-fuse-dark-700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-fuse-dark-700-bg .divider,
.mat-fuse-dark-700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-fuse-dark-700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-fuse-dark-700-bg input[type=text] {
    color: #fff
}

.mat-fuse-dark-700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-fuse-dark-700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-fuse-dark-700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-fuse-dark-700-bg .mat-select-arrow,
.mat-fuse-dark-700-bg .mat-select-disabled .mat-select-value,
.mat-fuse-dark-700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-fuse-dark-700-bg .mat-select-content,
.mat-fuse-dark-700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-fuse-dark-700-bg .mat-select-value {
    color: #fff
}

.mat-fuse-dark-700-bg[disabled] {
    background-color: rgba(45, 50, 62, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.fuse-dark-700-fg {
    color: #2d323e !important
}

.fuse-dark-700-fg .icon,
.fuse-dark-700-fg .mat-icon {
    color: #fff
}

.fuse-dark-700-fg .secondary-text,
.fuse-dark-700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.fuse-dark-700-fg .disabled-text,
.fuse-dark-700-fg .hint-text,
.fuse-dark-700-fg.disabled-text,
.fuse-dark-700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.fuse-dark-700-fg .divider,
.fuse-dark-700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.fuse-dark-700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.fuse-dark-700-fg input[type=text] {
    color: #fff
}

.fuse-dark-700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-700-fg .mat-select-arrow,
.fuse-dark-700-fg .mat-select-disabled .mat-select-value,
.fuse-dark-700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-700-fg .mat-select-content,
.fuse-dark-700-fg .mat-select-panel-done-animating {
    background: #fff
}

.fuse-dark-700-fg .mat-select-value {
    color: #fff
}

.fuse-dark-700-border {
    border-color: #2d323e !important
}

.fuse-dark-700-border-top {
    border-top-color: #2d323e !important
}

.fuse-dark-700-border-right {
    border-right-color: #2d323e !important
}

.fuse-dark-700-border-bottom {
    border-bottom-color: #2d323e !important
}

.fuse-dark-700-border-left {
    border-left-color: #2d323e !important
}

.fuse-dark-800-bg {
    background-color: #262933 !important
}

.mat-fuse-dark-800-bg {
    background-color: #262933 !important;
    color: rgba(255, 255, 255, .87) !important
}

.mat-fuse-dark-800-bg .icon,
.mat-fuse-dark-800-bg .mat-icon {
    color: #fff
}

.mat-fuse-dark-800-bg .secondary-text,
.mat-fuse-dark-800-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-fuse-dark-800-bg .disabled-text,
.mat-fuse-dark-800-bg .hint-text,
.mat-fuse-dark-800-bg.disabled-text,
.mat-fuse-dark-800-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-fuse-dark-800-bg .divider,
.mat-fuse-dark-800-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-fuse-dark-800-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-fuse-dark-800-bg input[type=text] {
    color: #fff
}

.mat-fuse-dark-800-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-fuse-dark-800-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-fuse-dark-800-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-fuse-dark-800-bg .mat-select-arrow,
.mat-fuse-dark-800-bg .mat-select-disabled .mat-select-value,
.mat-fuse-dark-800-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-fuse-dark-800-bg .mat-select-content,
.mat-fuse-dark-800-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-fuse-dark-800-bg .mat-select-value {
    color: #fff
}

.mat-fuse-dark-800-bg[disabled] {
    background-color: rgba(38, 41, 51, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.fuse-dark-800-fg {
    color: #262933 !important
}

.fuse-dark-800-fg .icon,
.fuse-dark-800-fg .mat-icon {
    color: #fff
}

.fuse-dark-800-fg .secondary-text,
.fuse-dark-800-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.fuse-dark-800-fg .disabled-text,
.fuse-dark-800-fg .hint-text,
.fuse-dark-800-fg.disabled-text,
.fuse-dark-800-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.fuse-dark-800-fg .divider,
.fuse-dark-800-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.fuse-dark-800-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.fuse-dark-800-fg input[type=text] {
    color: #fff
}

.fuse-dark-800-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-800-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-800-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-800-fg .mat-select-arrow,
.fuse-dark-800-fg .mat-select-disabled .mat-select-value,
.fuse-dark-800-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-800-fg .mat-select-content,
.fuse-dark-800-fg .mat-select-panel-done-animating {
    background: #fff
}

.fuse-dark-800-fg .mat-select-value {
    color: #fff
}

.fuse-dark-800-border {
    border-color: #262933 !important
}

.fuse-dark-800-border-top {
    border-top-color: #262933 !important
}

.fuse-dark-800-border-right {
    border-right-color: #262933 !important
}

.fuse-dark-800-border-bottom {
    border-bottom-color: #262933 !important
}

.fuse-dark-800-border-left {
    border-left-color: #262933 !important
}

.fuse-dark-900-bg {
    background-color: #1e2129 !important
}

.mat-fuse-dark-900-bg {
    background-color: #1e2129 !important;
    color: rgba(255, 255, 255, .87) !important
}

.mat-fuse-dark-900-bg .icon,
.mat-fuse-dark-900-bg .mat-icon {
    color: #fff
}

.mat-fuse-dark-900-bg .secondary-text,
.mat-fuse-dark-900-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-fuse-dark-900-bg .disabled-text,
.mat-fuse-dark-900-bg .hint-text,
.mat-fuse-dark-900-bg.disabled-text,
.mat-fuse-dark-900-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-fuse-dark-900-bg .divider,
.mat-fuse-dark-900-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-fuse-dark-900-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-fuse-dark-900-bg input[type=text] {
    color: #fff
}

.mat-fuse-dark-900-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-fuse-dark-900-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-fuse-dark-900-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-fuse-dark-900-bg .mat-select-arrow,
.mat-fuse-dark-900-bg .mat-select-disabled .mat-select-value,
.mat-fuse-dark-900-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-fuse-dark-900-bg .mat-select-content,
.mat-fuse-dark-900-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-fuse-dark-900-bg .mat-select-value {
    color: #fff
}

.mat-fuse-dark-900-bg[disabled] {
    background-color: rgba(30, 33, 41, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.fuse-dark-900-fg {
    color: #1e2129 !important
}

.fuse-dark-900-fg .icon,
.fuse-dark-900-fg .mat-icon {
    color: #fff
}

.fuse-dark-900-fg .secondary-text,
.fuse-dark-900-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.fuse-dark-900-fg .disabled-text,
.fuse-dark-900-fg .hint-text,
.fuse-dark-900-fg.disabled-text,
.fuse-dark-900-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.fuse-dark-900-fg .divider,
.fuse-dark-900-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.fuse-dark-900-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.fuse-dark-900-fg input[type=text] {
    color: #fff
}

.fuse-dark-900-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-900-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-900-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-900-fg .mat-select-arrow,
.fuse-dark-900-fg .mat-select-disabled .mat-select-value,
.fuse-dark-900-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-900-fg .mat-select-content,
.fuse-dark-900-fg .mat-select-panel-done-animating {
    background: #fff
}

.fuse-dark-900-fg .mat-select-value {
    color: #fff
}

.fuse-dark-900-border {
    border-color: #1e2129 !important
}

.fuse-dark-900-border-top {
    border-top-color: #1e2129 !important
}

.fuse-dark-900-border-right {
    border-right-color: #1e2129 !important
}

.fuse-dark-900-border-bottom {
    border-bottom-color: #1e2129 !important
}

.fuse-dark-900-border-left {
    border-left-color: #1e2129 !important
}

.fuse-dark-A100-bg {
    background-color: #c5c6cb !important
}

.mat-fuse-dark-A100-bg {
    background-color: #c5c6cb !important;
    color: rgba(0, 0, 0, .87) !important
}

.mat-fuse-dark-A100-bg .icon,
.mat-fuse-dark-A100-bg .mat-icon {
    color: rgba(0, 0, 0, .54)
}

.mat-fuse-dark-A100-bg .secondary-text,
.mat-fuse-dark-A100-bg.secondary-text {
    color: rgba(0, 0, 0, .54) !important
}

.mat-fuse-dark-A100-bg .disabled-text,
.mat-fuse-dark-A100-bg .hint-text,
.mat-fuse-dark-A100-bg.disabled-text,
.mat-fuse-dark-A100-bg.hint-text {
    color: rgba(0, 0, 0, .38) !important
}

.mat-fuse-dark-A100-bg .divider,
.mat-fuse-dark-A100-bg.divider {
    color: rgba(0, 0, 0, .12) !important
}

.mat-fuse-dark-A100-bg .mat-ripple-element {
    background: rgba(0, 0, 0, .1)
}

.mat-fuse-dark-A100-bg input[type=text] {
    color: #000
}

.mat-fuse-dark-A100-bg .mat-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.mat-fuse-dark-A100-bg .mat-input-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-fuse-dark-A100-bg .mat-select-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-fuse-dark-A100-bg .mat-select-arrow,
.mat-fuse-dark-A100-bg .mat-select-disabled .mat-select-value,
.mat-fuse-dark-A100-bg .mat-select-trigger {
    color: rgba(0, 0, 0, .38)
}

.mat-fuse-dark-A100-bg .mat-select-content,
.mat-fuse-dark-A100-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-fuse-dark-A100-bg[disabled] {
    background-color: rgba(197, 198, 203, .12) !important;
    color: rgba(0, 0, 0, .26) !important
}

.fuse-dark-A100-fg {
    color: #c5c6cb !important
}

.fuse-dark-A100-fg .icon,
.fuse-dark-A100-fg .mat-icon {
    color: #fff
}

.fuse-dark-A100-fg .secondary-text,
.fuse-dark-A100-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.fuse-dark-A100-fg .disabled-text,
.fuse-dark-A100-fg .hint-text,
.fuse-dark-A100-fg.disabled-text,
.fuse-dark-A100-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.fuse-dark-A100-fg .divider,
.fuse-dark-A100-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.fuse-dark-A100-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.fuse-dark-A100-fg input[type=text] {
    color: #fff
}

.fuse-dark-A100-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-A100-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-A100-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-A100-fg .mat-select-arrow,
.fuse-dark-A100-fg .mat-select-disabled .mat-select-value,
.fuse-dark-A100-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-A100-fg .mat-select-content,
.fuse-dark-A100-fg .mat-select-panel-done-animating {
    background: #fff
}

.fuse-dark-A100-fg .mat-select-value {
    color: #fff
}

.fuse-dark-A100-border {
    border-color: #c5c6cb !important
}

.fuse-dark-A100-border-top {
    border-top-color: #c5c6cb !important
}

.fuse-dark-A100-border-right {
    border-right-color: #c5c6cb !important
}

.fuse-dark-A100-border-bottom {
    border-bottom-color: #c5c6cb !important
}

.fuse-dark-A100-border-left {
    border-left-color: #c5c6cb !important
}

.fuse-dark-A200-bg {
    background-color: #9ea1a9 !important
}

.mat-fuse-dark-A200-bg {
    background-color: #9ea1a9 !important;
    color: rgba(255, 255, 255, .87) !important
}

.mat-fuse-dark-A200-bg .icon,
.mat-fuse-dark-A200-bg .mat-icon {
    color: #fff
}

.mat-fuse-dark-A200-bg .secondary-text,
.mat-fuse-dark-A200-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-fuse-dark-A200-bg .disabled-text,
.mat-fuse-dark-A200-bg .hint-text,
.mat-fuse-dark-A200-bg.disabled-text,
.mat-fuse-dark-A200-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-fuse-dark-A200-bg .divider,
.mat-fuse-dark-A200-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-fuse-dark-A200-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-fuse-dark-A200-bg input[type=text] {
    color: #fff
}

.mat-fuse-dark-A200-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-fuse-dark-A200-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-fuse-dark-A200-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-fuse-dark-A200-bg .mat-select-arrow,
.mat-fuse-dark-A200-bg .mat-select-disabled .mat-select-value,
.mat-fuse-dark-A200-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-fuse-dark-A200-bg .mat-select-content,
.mat-fuse-dark-A200-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-fuse-dark-A200-bg .mat-select-value {
    color: #fff
}

.mat-fuse-dark-A200-bg[disabled] {
    background-color: rgba(158, 161, 169, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.fuse-dark-A200-fg {
    color: #9ea1a9 !important
}

.fuse-dark-A200-fg .icon,
.fuse-dark-A200-fg .mat-icon {
    color: #fff
}

.fuse-dark-A200-fg .secondary-text,
.fuse-dark-A200-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.fuse-dark-A200-fg .disabled-text,
.fuse-dark-A200-fg .hint-text,
.fuse-dark-A200-fg.disabled-text,
.fuse-dark-A200-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.fuse-dark-A200-fg .divider,
.fuse-dark-A200-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.fuse-dark-A200-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.fuse-dark-A200-fg input[type=text] {
    color: #fff
}

.fuse-dark-A200-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-A200-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-A200-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-A200-fg .mat-select-arrow,
.fuse-dark-A200-fg .mat-select-disabled .mat-select-value,
.fuse-dark-A200-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-A200-fg .mat-select-content,
.fuse-dark-A200-fg .mat-select-panel-done-animating {
    background: #fff
}

.fuse-dark-A200-fg .mat-select-value {
    color: #fff
}

.fuse-dark-A200-border {
    border-color: #9ea1a9 !important
}

.fuse-dark-A200-border-top {
    border-top-color: #9ea1a9 !important
}

.fuse-dark-A200-border-right {
    border-right-color: #9ea1a9 !important
}

.fuse-dark-A200-border-bottom {
    border-bottom-color: #9ea1a9 !important
}

.fuse-dark-A200-border-left {
    border-left-color: #9ea1a9 !important
}

.fuse-dark-A400-bg {
    background-color: #5c616f !important
}

.mat-fuse-dark-A400-bg {
    background-color: #5c616f !important;
    color: rgba(255, 255, 255, .87) !important
}

.mat-fuse-dark-A400-bg .icon,
.mat-fuse-dark-A400-bg .mat-icon {
    color: #fff
}

.mat-fuse-dark-A400-bg .secondary-text,
.mat-fuse-dark-A400-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-fuse-dark-A400-bg .disabled-text,
.mat-fuse-dark-A400-bg .hint-text,
.mat-fuse-dark-A400-bg.disabled-text,
.mat-fuse-dark-A400-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-fuse-dark-A400-bg .divider,
.mat-fuse-dark-A400-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-fuse-dark-A400-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-fuse-dark-A400-bg input[type=text] {
    color: #fff
}

.mat-fuse-dark-A400-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-fuse-dark-A400-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-fuse-dark-A400-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-fuse-dark-A400-bg .mat-select-arrow,
.mat-fuse-dark-A400-bg .mat-select-disabled .mat-select-value,
.mat-fuse-dark-A400-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-fuse-dark-A400-bg .mat-select-content,
.mat-fuse-dark-A400-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-fuse-dark-A400-bg .mat-select-value {
    color: #fff
}

.mat-fuse-dark-A400-bg[disabled] {
    background-color: rgba(92, 97, 111, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.fuse-dark-A400-fg {
    color: #5c616f !important
}

.fuse-dark-A400-fg .icon,
.fuse-dark-A400-fg .mat-icon {
    color: #fff
}

.fuse-dark-A400-fg .secondary-text,
.fuse-dark-A400-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.fuse-dark-A400-fg .disabled-text,
.fuse-dark-A400-fg .hint-text,
.fuse-dark-A400-fg.disabled-text,
.fuse-dark-A400-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.fuse-dark-A400-fg .divider,
.fuse-dark-A400-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.fuse-dark-A400-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.fuse-dark-A400-fg input[type=text] {
    color: #fff
}

.fuse-dark-A400-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-A400-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-A400-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-A400-fg .mat-select-arrow,
.fuse-dark-A400-fg .mat-select-disabled .mat-select-value,
.fuse-dark-A400-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-A400-fg .mat-select-content,
.fuse-dark-A400-fg .mat-select-panel-done-animating {
    background: #fff
}

.fuse-dark-A400-fg .mat-select-value {
    color: #fff
}

.fuse-dark-A400-border {
    border-color: #5c616f !important
}

.fuse-dark-A400-border-top {
    border-top-color: #5c616f !important
}

.fuse-dark-A400-border-right {
    border-right-color: #5c616f !important
}

.fuse-dark-A400-border-bottom {
    border-bottom-color: #5c616f !important
}

.fuse-dark-A400-border-left {
    border-left-color: #5c616f !important
}

.fuse-dark-A700-bg {
    background-color: #2d323e !important
}

.mat-fuse-dark-A700-bg {
    background-color: #2d323e !important;
    color: rgba(255, 255, 255, .87) !important
}

.mat-fuse-dark-A700-bg .icon,
.mat-fuse-dark-A700-bg .mat-icon {
    color: #fff
}

.mat-fuse-dark-A700-bg .secondary-text,
.mat-fuse-dark-A700-bg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.mat-fuse-dark-A700-bg .disabled-text,
.mat-fuse-dark-A700-bg .hint-text,
.mat-fuse-dark-A700-bg.disabled-text,
.mat-fuse-dark-A700-bg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.mat-fuse-dark-A700-bg .divider,
.mat-fuse-dark-A700-bg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.mat-fuse-dark-A700-bg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.mat-fuse-dark-A700-bg input[type=text] {
    color: #fff
}

.mat-fuse-dark-A700-bg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.mat-fuse-dark-A700-bg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-fuse-dark-A700-bg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.mat-fuse-dark-A700-bg .mat-select-arrow,
.mat-fuse-dark-A700-bg .mat-select-disabled .mat-select-value,
.mat-fuse-dark-A700-bg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.mat-fuse-dark-A700-bg .mat-select-content,
.mat-fuse-dark-A700-bg .mat-select-panel-done-animating {
    background: #fff
}

.mat-fuse-dark-A700-bg .mat-select-value {
    color: #fff
}

.mat-fuse-dark-A700-bg[disabled] {
    background-color: rgba(45, 50, 62, .12) !important;
    color: rgba(255, 255, 255, .26) !important
}

.fuse-dark-A700-fg {
    color: #2d323e !important
}

.fuse-dark-A700-fg .icon,
.fuse-dark-A700-fg .mat-icon {
    color: #fff
}

.fuse-dark-A700-fg .secondary-text,
.fuse-dark-A700-fg.secondary-text {
    color: rgba(255, 255, 255, .7) !important
}

.fuse-dark-A700-fg .disabled-text,
.fuse-dark-A700-fg .hint-text,
.fuse-dark-A700-fg.disabled-text,
.fuse-dark-A700-fg.hint-text {
    color: rgba(255, 255, 255, .5) !important
}

.fuse-dark-A700-fg .divider,
.fuse-dark-A700-fg.divider {
    color: rgba(255, 255, 255, .12) !important
}

.fuse-dark-A700-fg .mat-ripple-element {
    background: rgba(255, 255, 255, .1)
}

.fuse-dark-A700-fg input[type=text] {
    color: #fff
}

.fuse-dark-A700-fg .mat-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-A700-fg .mat-input-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-A700-fg .mat-select-underline {
    background-color: rgba(255, 255, 255, .12)
}

.fuse-dark-A700-fg .mat-select-arrow,
.fuse-dark-A700-fg .mat-select-disabled .mat-select-value,
.fuse-dark-A700-fg .mat-select-trigger {
    color: rgba(255, 255, 255, .5)
}

.fuse-dark-A700-fg .mat-select-content,
.fuse-dark-A700-fg .mat-select-panel-done-animating {
    background: #fff
}

.fuse-dark-A700-fg .mat-select-value {
    color: #fff
}

.fuse-dark-A700-border {
    border-color: #2d323e !important
}

.fuse-dark-A700-border-top {
    border-top-color: #2d323e !important
}

.fuse-dark-A700-border-right {
    border-right-color: #2d323e !important
}

.fuse-dark-A700-border-bottom {
    border-bottom-color: #2d323e !important
}

.fuse-dark-A700-border-left {
    border-left-color: #2d323e !important
}

.avatar {
    width: 40px;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 8px 0 0;
    border-radius: 50%;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    color: #fff
}

.avatar.square {
    border-radius: 0
}

.avatar.small {
    width: 20px;
    min-width: 20px;
    height: 20px;
    line-height: 20px
}

.avatar.big {
    width: 72px;
    min-width: 72px;
    height: 72px;
    line-height: 72px
}

.avatar.huge {
    width: 96px;
    min-width: 96px;
    height: 96px;
    line-height: 96px
}

.avatar-wrapper {
    position: relative
}

.avatar-wrapper .avatar {
    margin-top: 0;
    margin-bottom: 0
}

.avatar-wrapper mat-icon.status {
    position: absolute;
    top: 28px;
    left: 28px
}

mat-icon.status {
    border-radius: 50%
}

mat-icon.status.online {
    color: #4caf50
}

mat-icon.status.online:before {
    content: "check_circle"
}

mat-icon.status.do-not-disturb {
    color: #f44336
}

mat-icon.status.do-not-disturb:before {
    content: "do_not_disturb_on"
}

mat-icon.status.away {
    background-color: #ffc107;
    color: #fff
}

mat-icon.status.away:before {
    content: "access_time"
}

mat-icon.status.offline {
    color: #646464;
    background-color: #fff
}

mat-icon.status.offline:before {
    content: "not_interested"
}

.form-wrapper {
    background: #fff;
    padding: 16px
}

.form-wrapper .form-title {
    font-size: 21px;
    padding: 8px 0
}

.navigation-simple .item {
    position: relative;
    cursor: pointer;
    text-align: left;
    margin: 0;
    padding: 0 24px;
    text-transform: none;
    line-height: 48px;
    max-height: 48px;
    height: 48px
}

.navigation-simple .item mat-icon {
    margin: 0 16px 0 0
}

.navigation-simple .item .title {
    font-size: 13px;
    font-weight: 500;
    line-height: 1
}

.navigation-simple .item.selected {
    background-color: rgba(0, 0, 0, .06)
}

.navigation-simple .subheader {
    font-size: 13px;
    border-top: 1px solid rgba(0, 0, 0, .12);
    font-weight: 500;
    margin-top: 8px
}

.navigation-simple .subheader.light {
    border-top: 1px solid rgba(255, 255, 255, .12)
}

.navigation-simple mat-divider {
    margin: 8px 0
}

.simple-pagination {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-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);
    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: #fff;
    padding: 0 8px
}

.simple-pagination .pagination-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 48px;
    min-height: 56px;
    line-height: 56px;
    border-radius: 0;
    margin: 0;
    font-weight: 400;
    color: rgba(0, 0, 0, .54)
}

.simple-pagination .pagination-item:hover {
    color: rgba(0, 0, 0, .87)
}

.simple-pagination .pagination-item.active {
    cursor: default;
    color: rgba(0, 0, 0, .87)
}

.simple-pagination .pagination-item.disabled {
    cursor: default;
    color: rgba(0, 0, 0, .26)
}

.price-tables .price-table {
    position: relative;
    background-color: #fff;
    width: 280px;
    border-radius: 2px;
    margin: 12px;
    overflow: hidden
}

.price-tables .price-table.style-1 .package-type {
    font-size: 17px;
    padding: 16px 24px
}

.price-tables .price-table.style-1 .package-type .sale {
    font-size: 13px;
    font-weight: 600
}

.price-tables .price-table.style-1 .price {
    padding: 32px 32px 16px
}

.price-tables .price-table.style-1 .price .currency {
    padding-right: 4px;
    font-size: 24px;
    font-weight: 500;
    color: rgba(0, 0, 0, .54)
}

.price-tables .price-table.style-1 .price .value {
    font-size: 72px;
    font-weight: 300;
    line-height: 1
}

.price-tables .price-table.style-1 .price .period {
    padding: 0 0 5px 4px;
    font-size: 17px;
    color: rgba(0, 0, 0, .54)
}

.price-tables .price-table.style-1 mat-divider {
    margin: 16px 32px
}

.price-tables .price-table.style-1 .terms {
    padding: 16px 32px;
    font-size: 15px
}

.price-tables .price-table.style-1 .cta-button {
    margin: 16px auto 32px;
    width: 128px
}

.price-tables .price-table.style-2 .badge {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 11px;
    font-weight: 500;
    padding: 6px 8px
}

.price-tables .price-table.style-2 .package-type {
    padding: 48px 32px 24px;
    font-size: 20px;
    font-weight: 500;
    text-align: center
}

.price-tables .price-table.style-2 .price {
    padding: 0 32px 8px
}

.price-tables .price-table.style-2 .price .currency {
    padding-right: 4px;
    font-size: 24px;
    font-weight: 500;
    color: rgba(0, 0, 0, .54)
}

.price-tables .price-table.style-2 .price .value {
    font-size: 56px;
    font-weight: 300;
    line-height: 1
}

.price-tables .price-table.style-2 .period {
    padding: 0 32px;
    font-size: 15px;
    font-weight: 500;
    color: rgba(0, 0, 0, .54);
    text-align: center
}

.price-tables .price-table.style-2 .terms {
    padding: 32px;
    font-size: 15px
}

.price-tables .price-table.style-2 .terms .term {
    padding-bottom: 8px
}

.price-tables .price-table.style-2 .terms .term:last-child {
    padding-bottom: 0
}

.price-tables .price-table.style-2 .cta-button {
    margin: 8px auto 32px;
    width: 128px
}

.price-tables .price-table.style-3 .package-type {
    padding: 32px;
    text-align: center
}

.price-tables .price-table.style-3 .package-type .title {
    font-size: 34px
}

.price-tables .price-table.style-3 .package-type .subtitle {
    font-size: 17px;
    color: rgba(0, 0, 0, .54);
    font-weight: 500
}

.price-tables .price-table.style-3 .price {
    padding: 16px 32px
}

.price-tables .price-table.style-3 .price .currency {
    padding-right: 4px;
    font-size: 15px;
    font-weight: 500
}

.price-tables .price-table.style-3 .price .value {
    font-size: 34px;
    font-weight: 300;
    line-height: 1
}

.price-tables .price-table.style-3 .price .period {
    padding-left: 4px;
    text-align: center
}

.price-tables .price-table.style-3 .terms {
    margin: 32px;
    font-size: 15px;
    color: rgba(0, 0, 0, .54)
}

.price-tables .price-table.style-3 .terms .term {
    padding-bottom: 16px
}

.price-tables .price-table.style-3 .terms .term:last-child {
    padding-bottom: 0
}

.price-tables .price-table.style-3 .cta-button {
    margin: 8px 32px
}

.price-tables .price-table.style-3 .note {
    padding: 8px 32px 16px;
    text-align: center;
    color: rgba(0, 0, 0, .54)
}

.simple-table-container {
    background: #fff
}

.simple-table-container .table-title {
    font-size: 20px;
    padding: 24px
}

table.simple {
    width: 100%;
    border: none;
    border-spacing: 0;
    text-align: left
}

table.simple thead tr th {
    padding: 16px 8px;
    font-weight: 500;
    color: rgba(0, 0, 0, .54);
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    white-space: nowrap
}

table.simple thead tr th:first-child {
    padding-left: 24px
}

table.simple thead tr th:last-child {
    padding-right: 24px
}

table.simple tbody tr td {
    padding: 16px 8px;
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

table.simple tbody tr td:first-child {
    padding-left: 24px
}

table.simple tbody tr td:last-child {
    padding-right: 24px
}

table.simple tbody tr:last-child td {
    border-bottom: none
}

table.simple.clickable tbody tr {
    cursor: pointer
}

table.simple.clickable tbody tr:hover {
    background: rgba(0, 0, 0, .03)
}

.mat-icon-button .mat-button-ripple {
    border-radius: 50%
}

.mat-checkbox,
.mat-input-wrapper,
.mat-radio-button {
    font-size: 16px
}

.mat-pseudo-checkbox-checked:after {
    width: 14px !important;
    height: 7px !important
}

.mat-form-field-underline {
    background-color: rgba(0, 0, 0, .12)
}

.mat-form-field.mat-form-field-type-mat-select .mat-input-infix {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto
}

.mat-form-field.mat-form-field-type-mat-select .mat-input-infix .mat-select-trigger {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.mat-form-field.mat-form-field-type-mat-select .mat-input-infix .mat-select-trigger .mat-select-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: none;
    margin-right: 8px
}

.mat-form-field.mat-form-field-type-mat-select .mat-input-infix .mat-select-trigger .mat-select-arrow-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

mat-horizontal-stepper mat-step-header mat-icon,
mat-vertical-stepper mat-step-header mat-icon {
    height: 16px !important;
    width: 16px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    color: rgba(255, 255, 255, .87) !important
}

mat-vertical-stepper {
    padding: 16px 0
}

body {
    margin: 0;
    font-size: 14px
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

.h1,
h1 {
    font-size: 24px
}

.h2,
h2 {
    font-size: 20px
}

.h3,
h3 {
    font-size: 16px
}

.h4,
h4 {
    font-size: 15px
}

.h5,
h5 {
    font-size: 13px
}

.h6,
h6 {
    font-size: 12px
}

a:not(.mat-button):not(.mat-raised-button):not(.mat-icon-button):active,
a:not(.mat-button):not(.mat-raised-button):not(.mat-icon-button):hover {
    text-decoration: underline
}

abbr {
    cursor: help;
    border-bottom: 1px dotted rgba(0, 0, 0, .54)
}

blockquote {
    border-left: 3px solid rgba(0, 0, 0, .12);
    font-style: italic;
    margin: 1em 0;
    padding-left: 16px
}

blockquote footer {
    font-style: normal
}

blockquote footer:before {
    content: '\2014 \00A0'
}

blockquote.reverse {
    border-left: none;
    border-right: 3px solid rgba(0, 0, 0, .12);
    text-align: right;
    padding-left: 0;
    padding-right: 16px
}

blockquote.reverse footer:before {
    content: ''
}

blockquote.reverse footer:after {
    content: '\2014 \00A0'
}

code {
    font-family: Monaco, Menlo, Consolas, 'Ubuntu Mono', monospace
}

code:not(.highlight) {
    background: rgba(0, 0, 0, .065);
    color: #106cc8;
    margin: 0 1px;
    padding: 2px 3px;
    border-radius: 2px
}

dl dt {
    font-weight: 700
}

dl dd {
    margin: 4px 0 16px
}

pre {
    line-height: 1.6;
    margin: 8px 16px;
    white-space: pre-wrap
}

small {
    font-size: 80%
}

table thead tr th {
    text-align: left
}

.text-italic {
    font-style: italic
}

.text-semibold {
    font-weight: 600
}

.text-bold,
strong {
    font-weight: 700
}

.text-strike {
    text-decoration: line-through
}

.text-super {
    vertical-align: super
}

.text-sub {
    vertical-align: sub
}

.text-capitalize {
    text-transform: capitalize
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.font-weight-100 {
    font-weight: 100
}

.font-weight-200 {
    font-weight: 200
}

.font-weight-300 {
    font-weight: 300
}

.font-weight-400 {
    font-weight: 400
}

.font-weight-500 {
    font-weight: 500
}

.font-weight-600 {
    font-weight: 600
}

.font-weight-700 {
    font-weight: 700
}

.font-weight-800 {
    font-weight: 800
}

.font-weight-900 {
    font-weight: 900
}

.font-size-2 {
    font-size: 2px
}

.font-size-4 {
    font-size: 4px
}

.font-size-6 {
    font-size: 6px
}

.font-size-8 {
    font-size: 8px
}

.font-size-10 {
    font-size: 10px
}

.font-size-12 {
    font-size: 12px
}

.font-size-14 {
    font-size: 14px
}

.font-size-16 {
    font-size: 16px
}

.font-size-18 {
    font-size: 18px
}

.font-size-20 {
    font-size: 20px
}

.font-size-22 {
    font-size: 22px
}

.font-size-24 {
    font-size: 24px
}

.font-size-26 {
    font-size: 26px
}

.font-size-28 {
    font-size: 28px
}

.font-size-30 {
    font-size: 30px
}

.font-size-32 {
    font-size: 32px
}

.font-size-34 {
    font-size: 34px
}

.font-size-36 {
    font-size: 36px
}

.font-size-38 {
    font-size: 38px
}

.font-size-40 {
    font-size: 40px
}

.font-size-42 {
    font-size: 42px
}

.font-size-44 {
    font-size: 44px
}

.font-size-46 {
    font-size: 46px
}

.font-size-48 {
    font-size: 48px
}

.font-size-50 {
    font-size: 50px
}

.font-size-52 {
    font-size: 52px
}

.font-size-54 {
    font-size: 54px
}

.font-size-56 {
    font-size: 56px
}

.font-size-58 {
    font-size: 58px
}

.font-size-60 {
    font-size: 60px
}

.font-size-62 {
    font-size: 62px
}

.font-size-64 {
    font-size: 64px
}

.font-size-66 {
    font-size: 66px
}

.font-size-68 {
    font-size: 68px
}

.font-size-70 {
    font-size: 70px
}

.font-size-72 {
    font-size: 72px
}

.font-size-74 {
    font-size: 74px
}

.font-size-76 {
    font-size: 76px
}

.font-size-78 {
    font-size: 78px
}

.font-size-80 {
    font-size: 80px
}

.font-size-82 {
    font-size: 82px
}

.font-size-84 {
    font-size: 84px
}

.font-size-86 {
    font-size: 86px
}

.font-size-88 {
    font-size: 88px
}

.font-size-90 {
    font-size: 90px
}

.font-size-92 {
    font-size: 92px
}

.font-size-94 {
    font-size: 94px
}

.font-size-96 {
    font-size: 96px
}

.font-size-98 {
    font-size: 98px
}

.font-size-100 {
    font-size: 100px
}

.font-size-102 {
    font-size: 102px
}

.font-size-104 {
    font-size: 104px
}

.font-size-106 {
    font-size: 106px
}

.font-size-108 {
    font-size: 108px
}

.font-size-110 {
    font-size: 110px
}

.font-size-112 {
    font-size: 112px
}

.font-size-114 {
    font-size: 114px
}

.font-size-116 {
    font-size: 116px
}

.font-size-118 {
    font-size: 118px
}

.font-size-120 {
    font-size: 120px
}

.line-height-2 {
    line-height: 2px
}

.line-height-4 {
    line-height: 4px
}

.line-height-6 {
    line-height: 6px
}

.line-height-8 {
    line-height: 8px
}

.line-height-10 {
    line-height: 10px
}

.line-height-12 {
    line-height: 12px
}

.line-height-14 {
    line-height: 14px
}

.line-height-16 {
    line-height: 16px
}

.line-height-18 {
    line-height: 18px
}

.line-height-20 {
    line-height: 20px
}

.line-height-22 {
    line-height: 22px
}

.line-height-24 {
    line-height: 24px
}

.line-height-26 {
    line-height: 26px
}

.line-height-28 {
    line-height: 28px
}

.line-height-30 {
    line-height: 30px
}

.line-height-32 {
    line-height: 32px
}

.line-height-34 {
    line-height: 34px
}

.line-height-36 {
    line-height: 36px
}

.line-height-38 {
    line-height: 38px
}

.line-height-40 {
    line-height: 40px
}

.line-height-42 {
    line-height: 42px
}

.line-height-44 {
    line-height: 44px
}

.line-height-46 {
    line-height: 46px
}

.line-height-48 {
    line-height: 48px
}

.line-height-50 {
    line-height: 50px
}

.line-height-52 {
    line-height: 52px
}

.line-height-54 {
    line-height: 54px
}

.line-height-56 {
    line-height: 56px
}

.line-height-58 {
    line-height: 58px
}

.line-height-60 {
    line-height: 60px
}

.line-height-62 {
    line-height: 62px
}

.line-height-64 {
    line-height: 64px
}

.line-height-66 {
    line-height: 66px
}

.line-height-68 {
    line-height: 68px
}

.line-height-70 {
    line-height: 70px
}

.line-height-72 {
    line-height: 72px
}

.line-height-74 {
    line-height: 74px
}

.line-height-76 {
    line-height: 76px
}

.line-height-78 {
    line-height: 78px
}

.line-height-80 {
    line-height: 80px
}

.line-height-82 {
    line-height: 82px
}

.line-height-84 {
    line-height: 84px
}

.line-height-86 {
    line-height: 86px
}

.line-height-88 {
    line-height: 88px
}

.line-height-90 {
    line-height: 90px
}

.line-height-92 {
    line-height: 92px
}

.line-height-94 {
    line-height: 94px
}

.line-height-96 {
    line-height: 96px
}

.line-height-98 {
    line-height: 98px
}

.line-height-100 {
    line-height: 100px
}

.line-height-102 {
    line-height: 102px
}

.line-height-104 {
    line-height: 104px
}

.line-height-106 {
    line-height: 106px
}

.line-height-108 {
    line-height: 108px
}

.line-height-110 {
    line-height: 110px
}

.line-height-112 {
    line-height: 112px
}

.line-height-114 {
    line-height: 114px
}

.line-height-116 {
    line-height: 116px
}

.line-height-118 {
    line-height: 118px
}

.line-height-120 {
    line-height: 120px
}

.line-height-1 {
    line-height: 1
}

.line-height-1\.25 {
    line-height: 1.25
}

.line-height-1\.50 {
    line-height: 1.5
}

.line-height-1\.75 {
    line-height: 1.75
}

.text-boxed,
.text-boxed-light {
    border-radius: 2px;
    padding: 4px 8px;
    margin: 0 8px;
    font-size: 11px;
    font-weight: 500;
    color: rgba(0, 0, 0, .54);
    background-color: rgba(0, 0, 0, .12);
    white-space: nowrap
}

.text-boxed-light {
    background-color: rgba(255, 255, 255, .7)
}

.text-truncate {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-nowrap {
    white-space: nowrap
}

.page-layout {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto
}

.page-layout.carded {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%;
    min-width: 100%
}

.page-layout.carded .top-bg {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    background-image: url(header-bg.114d593511446b9a4c6e.png);
    background-size: cover
}

.page-layout.carded.fullwidth.single-scroll>.center {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-height: none
}

.page-layout.carded.fullwidth>.center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    z-index: 2;
    padding: 0 32px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: 100%
}

.page-layout.carded.fullwidth>.center .header {
    height: 136px;
    min-height: 136px;
    max-height: 136px
}

.page-layout.carded.fullwidth>.center .content-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    -webkit-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);
    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)
}

.page-layout.carded.fullwidth>.center .content-card .toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    height: 64px;
    min-height: 64px;
    max-height: 64px
}

.page-layout.carded.fullwidth>.center .content-card>.content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: auto
}

.page-layout.carded.left-sidenav.single-scroll>mat-sidenav-container,
.page-layout.carded.right-sidenav.single-scroll>mat-sidenav-container {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.page-layout.carded.left-sidenav>mat-sidenav-container,
.page-layout.carded.right-sidenav>mat-sidenav-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: 0 0;
    z-index: 2;
    width: 100%
}

.page-layout.carded.left-sidenav>mat-sidenav-container .sidenav,
.page-layout.carded.right-sidenav>mat-sidenav-container .sidenav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 240px;
    min-width: 240px;
    max-width: 240px;
    height: auto;
    z-index: 4;
    overflow-y: hidden;
    -webkit-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);
    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)
}

.page-layout.carded.left-sidenav>mat-sidenav-container .sidenav.mat-is-locked-open,
.page-layout.carded.right-sidenav>mat-sidenav-container .sidenav.mat-is-locked-open {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.page-layout.carded.left-sidenav>mat-sidenav-container .sidenav .header,
.page-layout.carded.right-sidenav>mat-sidenav-container .sidenav .header {
    height: 200px;
    min-height: 200px;
    max-height: 200px
}

.page-layout.carded.left-sidenav>mat-sidenav-container .sidenav .content,
.page-layout.carded.right-sidenav>mat-sidenav-container .sidenav .content {
    background: 0 0;
    overflow: auto
}

.page-layout.carded.left-sidenav>mat-sidenav-container>.mat-drawer-content,
.page-layout.carded.left-sidenav>mat-sidenav-container>.mat-sidenav-content,
.page-layout.carded.right-sidenav>mat-sidenav-container>.mat-drawer-content,
.page-layout.carded.right-sidenav>mat-sidenav-container>.mat-sidenav-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: auto;
    overflow: visible
}

.page-layout.carded.left-sidenav>mat-sidenav-container>.mat-drawer-content .center,
.page-layout.carded.left-sidenav>mat-sidenav-container>.mat-sidenav-content .center,
.page-layout.carded.right-sidenav>mat-sidenav-container>.mat-drawer-content .center,
.page-layout.carded.right-sidenav>mat-sidenav-container>.mat-sidenav-content .center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    z-index: 3;
    margin-left: 32px;
    margin-right: 32px
}

.page-layout.carded.left-sidenav>mat-sidenav-container>.mat-drawer-content .center .header,
.page-layout.carded.left-sidenav>mat-sidenav-container>.mat-sidenav-content .center .header,
.page-layout.carded.right-sidenav>mat-sidenav-container>.mat-drawer-content .center .header,
.page-layout.carded.right-sidenav>mat-sidenav-container>.mat-sidenav-content .center .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 136px;
    min-height: 136px;
    max-height: 136px
}

@media (max-width:959px) {
    .page-layout.carded .top-bg {
        height: 160px
    }

    .page-layout.carded.fullwidth>.center .header {
        height: 96px;
        min-height: 96px;
        max-height: 96px
    }

    .page-layout.carded.left-sidenav>mat-sidenav-container .sidenav .header,
    .page-layout.carded.right-sidenav>mat-sidenav-container .sidenav .header {
        height: 160px;
        min-height: 160px;
        max-height: 160px
    }

    .page-layout.carded.left-sidenav>mat-sidenav-container>.mat-drawer-content .center .header,
    .page-layout.carded.left-sidenav>mat-sidenav-container>.mat-sidenav-content .center .header,
    .page-layout.carded.right-sidenav>mat-sidenav-container>.mat-drawer-content .center .header,
    .page-layout.carded.right-sidenav>mat-sidenav-container>.mat-sidenav-content .center .header {
        height: 96px;
        min-height: 96px;
        max-height: 96px
    }
}

.page-layout.carded.left-sidenav>mat-sidenav-container>.mat-drawer-content .center .content-card,
.page-layout.carded.left-sidenav>mat-sidenav-container>.mat-sidenav-content .center .content-card,
.page-layout.carded.right-sidenav>mat-sidenav-container>.mat-drawer-content .center .content-card,
.page-layout.carded.right-sidenav>mat-sidenav-container>.mat-sidenav-content .center .content-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    -webkit-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);
    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)
}

.page-layout.carded.left-sidenav>mat-sidenav-container>.mat-drawer-content .center .content-card .toolbar,
.page-layout.carded.left-sidenav>mat-sidenav-container>.mat-sidenav-content .center .content-card .toolbar,
.page-layout.carded.right-sidenav>mat-sidenav-container>.mat-drawer-content .center .content-card .toolbar,
.page-layout.carded.right-sidenav>mat-sidenav-container>.mat-sidenav-content .center .content-card .toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    height: 64px;
    min-height: 64px;
    max-height: 64px
}

.page-layout.carded.left-sidenav>mat-sidenav-container>.mat-drawer-content .center .content-card .toolbar .sidenav-toggle,
.page-layout.carded.left-sidenav>mat-sidenav-container>.mat-sidenav-content .center .content-card .toolbar .sidenav-toggle,
.page-layout.carded.right-sidenav>mat-sidenav-container>.mat-drawer-content .center .content-card .toolbar .sidenav-toggle,
.page-layout.carded.right-sidenav>mat-sidenav-container>.mat-sidenav-content .center .content-card .toolbar .sidenav-toggle {
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
    border-radius: 0
}

.page-layout.carded.left-sidenav>mat-sidenav-container>.mat-drawer-content .center .content-card .content,
.page-layout.carded.left-sidenav>mat-sidenav-container>.mat-sidenav-content .center .content-card .content,
.page-layout.carded.right-sidenav>mat-sidenav-container>.mat-drawer-content .center .content-card .content,
.page-layout.carded.right-sidenav>mat-sidenav-container>.mat-sidenav-content .center .content-card .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: auto
}

.page-layout.carded.left-sidenav.tabbed>mat-sidenav-container>.mat-drawer-content,
.page-layout.carded.left-sidenav.tabbed>mat-sidenav-container>.mat-sidenav-content,
.page-layout.carded.right-sidenav.tabbed>mat-sidenav-container>.mat-drawer-content,
.page-layout.carded.right-sidenav.tabbed>mat-sidenav-container>.mat-sidenav-content {
    width: calc(100% - 240px);
    min-width: 0
}

.page-layout.carded.left-sidenav.tabbed>mat-sidenav-container>.mat-drawer-content .center,
.page-layout.carded.left-sidenav.tabbed>mat-sidenav-container>.mat-sidenav-content .center,
.page-layout.carded.right-sidenav.tabbed>mat-sidenav-container>.mat-drawer-content .center,
.page-layout.carded.right-sidenav.tabbed>mat-sidenav-container>.mat-sidenav-content .center {
    width: calc(100% - 32px);
    min-width: 0
}

@media (max-width:1279px) {

    .page-layout.carded.left-sidenav.tabbed>mat-sidenav-container>.mat-drawer-content .center,
    .page-layout.carded.left-sidenav.tabbed>mat-sidenav-container>.mat-sidenav-content .center,
    .page-layout.carded.right-sidenav.tabbed>mat-sidenav-container>.mat-drawer-content .center,
    .page-layout.carded.right-sidenav.tabbed>mat-sidenav-container>.mat-sidenav-content .center {
        width: calc(100% - 64px)
    }
}

.page-layout.carded.left-sidenav.tabbed>mat-sidenav-container>.mat-drawer-content .center .header,
.page-layout.carded.left-sidenav.tabbed>mat-sidenav-container>.mat-sidenav-content .center .header,
.page-layout.carded.right-sidenav.tabbed>mat-sidenav-container>.mat-drawer-content .center .header,
.page-layout.carded.right-sidenav.tabbed>mat-sidenav-container>.mat-sidenav-content .center .header {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.page-layout.carded.left-sidenav.tabbed>mat-sidenav-container>.mat-drawer-content .center .content-card .content .mat-tab-group,
.page-layout.carded.left-sidenav.tabbed>mat-sidenav-container>.mat-sidenav-content .center .content-card .content .mat-tab-group,
.page-layout.carded.right-sidenav.tabbed>mat-sidenav-container>.mat-drawer-content .center .content-card .content .mat-tab-group,
.page-layout.carded.right-sidenav.tabbed>mat-sidenav-container>.mat-sidenav-content .center .content-card .content .mat-tab-group {
    overflow: hidden
}

.page-layout.carded.left-sidenav.tabbed>mat-sidenav-container>.mat-drawer-content .center .content-card .content .mat-tab-group .mat-tab-header .mat-tab-label,
.page-layout.carded.left-sidenav.tabbed>mat-sidenav-container>.mat-sidenav-content .center .content-card .content .mat-tab-group .mat-tab-header .mat-tab-label,
.page-layout.carded.right-sidenav.tabbed>mat-sidenav-container>.mat-drawer-content .center .content-card .content .mat-tab-group .mat-tab-header .mat-tab-label,
.page-layout.carded.right-sidenav.tabbed>mat-sidenav-container>.mat-sidenav-content .center .content-card .content .mat-tab-group .mat-tab-header .mat-tab-label {
    height: 64px
}

.page-layout.carded.left-sidenav.tabbed>mat-sidenav-container>.mat-drawer-content .center .content-card .content .mat-tab-group .mat-tab-body,
.page-layout.carded.left-sidenav.tabbed>mat-sidenav-container>.mat-drawer-content .center .content-card .content .mat-tab-group .mat-tab-body .mat-tab-body-content,
.page-layout.carded.left-sidenav.tabbed>mat-sidenav-container>.mat-sidenav-content .center .content-card .content .mat-tab-group .mat-tab-body,
.page-layout.carded.left-sidenav.tabbed>mat-sidenav-container>.mat-sidenav-content .center .content-card .content .mat-tab-group .mat-tab-body .mat-tab-body-content,
.page-layout.carded.right-sidenav.tabbed>mat-sidenav-container>.mat-drawer-content .center .content-card .content .mat-tab-group .mat-tab-body,
.page-layout.carded.right-sidenav.tabbed>mat-sidenav-container>.mat-drawer-content .center .content-card .content .mat-tab-group .mat-tab-body .mat-tab-body-content,
.page-layout.carded.right-sidenav.tabbed>mat-sidenav-container>.mat-sidenav-content .center .content-card .content .mat-tab-group .mat-tab-body,
.page-layout.carded.right-sidenav.tabbed>mat-sidenav-container>.mat-sidenav-content .center .content-card .content .mat-tab-group .mat-tab-body .mat-tab-body-content {
    overflow: hidden
}

.page-layout.carded.left-sidenav.tabbed>mat-sidenav-container>.mat-drawer-content .center .content-card .content .mat-tab-group .mat-tab-body .mat-tab-body-content .tab-content,
.page-layout.carded.left-sidenav.tabbed>mat-sidenav-container>.mat-sidenav-content .center .content-card .content .mat-tab-group .mat-tab-body .mat-tab-body-content .tab-content,
.page-layout.carded.right-sidenav.tabbed>mat-sidenav-container>.mat-drawer-content .center .content-card .content .mat-tab-group .mat-tab-body .mat-tab-body-content .tab-content,
.page-layout.carded.right-sidenav.tabbed>mat-sidenav-container>.mat-sidenav-content .center .content-card .content .mat-tab-group .mat-tab-body .mat-tab-body-content .tab-content {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto
}

.page-layout.carded.left-sidenav>mat-sidenav-container .sidenav.mat-is-locked-open~.mat-drawer-content .center,
.page-layout.carded.left-sidenav>mat-sidenav-container .sidenav.mat-is-locked-open~.mat-sidenav-content .center {
    margin-left: 0
}

.page-layout.carded.right-sidenav>mat-sidenav-container .sidenav {
    -webkit-box-ordinal-group: 1000;
    -ms-flex-order: 999;
    order: 999
}

.page-layout.carded.right-sidenav>mat-sidenav-container .sidenav.mat-is-locked-open~.mat-drawer-content .center,
.page-layout.carded.right-sidenav>mat-sidenav-container .sidenav.mat-is-locked-open~.mat-sidenav-content .center {
    margin-right: 0
}

.page-layout.simple {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%;
    min-width: 100%
}

.page-layout.simple>.header {
    background-image: url(header-bg.114d593511446b9a4c6e.png);
    background-size: cover
}

.page-layout.simple.fullwidth {
    overflow: auto
}

.page-layout.simple.fullwidth,
.page-layout.simple.inner-sidenav {
    min-height: 100%
}

.page-layout.simple.fullwidth>.header,
.page-layout.simple.inner-sidenav>.header {
    height: 120px;
    min-height: 120px;
    max-height: 120px
}

.page-layout.simple.left-sidenav.single-scroll>mat-sidenav-container,
.page-layout.simple.right-sidenav.single-scroll>mat-sidenav-container {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.page-layout.simple.left-sidenav.single-scroll>mat-sidenav-container>.mat-drawer-content,
.page-layout.simple.left-sidenav.single-scroll>mat-sidenav-container>.mat-sidenav-content,
.page-layout.simple.right-sidenav.single-scroll>mat-sidenav-container>.mat-drawer-content,
.page-layout.simple.right-sidenav.single-scroll>mat-sidenav-container>.mat-sidenav-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-height: none
}

.page-layout.simple.left-sidenav.inner-sidenav>mat-sidenav-container,
.page-layout.simple.right-sidenav.inner-sidenav>mat-sidenav-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.page-layout.simple.left-sidenav.inner-sidenav>mat-sidenav-container .sidenav .sidenav-content,
.page-layout.simple.right-sidenav.inner-sidenav>mat-sidenav-container .sidenav .sidenav-content {
    height: 100%
}

.page-layout.simple.left-sidenav.inner-sidenav>mat-sidenav-container>.mat-drawer-content,
.page-layout.simple.left-sidenav.inner-sidenav>mat-sidenav-container>.mat-sidenav-content,
.page-layout.simple.right-sidenav.inner-sidenav>mat-sidenav-container>.mat-drawer-content,
.page-layout.simple.right-sidenav.inner-sidenav>mat-sidenav-container>.mat-sidenav-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto
}

.page-layout.simple.left-sidenav.inner-sidenav>mat-sidenav-container>.mat-drawer-content .center,
.page-layout.simple.left-sidenav.inner-sidenav>mat-sidenav-container>.mat-sidenav-content .center,
.page-layout.simple.right-sidenav.inner-sidenav>mat-sidenav-container>.mat-drawer-content .center,
.page-layout.simple.right-sidenav.inner-sidenav>mat-sidenav-container>.mat-sidenav-content .center {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 100%;
    -webkit-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);
    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)
}

.page-layout.simple.left-sidenav.inner-sidenav>mat-sidenav-container>.mat-drawer-content .center .content,
.page-layout.simple.left-sidenav.inner-sidenav>mat-sidenav-container>.mat-sidenav-content .center .content,
.page-layout.simple.right-sidenav.inner-sidenav>mat-sidenav-container>.mat-drawer-content .center .content,
.page-layout.simple.right-sidenav.inner-sidenav>mat-sidenav-container>.mat-sidenav-content .center .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.page-layout.simple.left-sidenav>mat-sidenav-container,
.page-layout.simple.right-sidenav>mat-sidenav-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: 0 0;
    z-index: 2;
    width: 100%
}

.page-layout.simple.left-sidenav>mat-sidenav-container .sidenav,
.page-layout.simple.right-sidenav>mat-sidenav-container .sidenav {
    width: 240px;
    min-width: 240px;
    max-width: 240px;
    z-index: 51;
    -webkit-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);
    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)
}

.page-layout.simple.left-sidenav>mat-sidenav-container .sidenav.mat-is-locked-open,
.page-layout.simple.right-sidenav>mat-sidenav-container .sidenav.mat-is-locked-open {
    width: 220px;
    min-width: 220px;
    max-width: 220px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0
}

.page-layout.simple.left-sidenav>mat-sidenav-container .sidenav .sidenav-content,
.page-layout.simple.right-sidenav>mat-sidenav-container .sidenav .sidenav-content {
    height: 100%
}

.page-layout.simple.left-sidenav>mat-sidenav-container>.mat-drawer-content,
.page-layout.simple.left-sidenav>mat-sidenav-container>.mat-sidenav-content,
.page-layout.simple.right-sidenav>mat-sidenav-container>.mat-drawer-content,
.page-layout.simple.right-sidenav>mat-sidenav-container>.mat-sidenav-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: auto;
    overflow: visible;
    max-height: 100%
}

.page-layout.simple.left-sidenav>mat-sidenav-container>.mat-drawer-content .header,
.page-layout.simple.left-sidenav>mat-sidenav-container>.mat-sidenav-content .header,
.page-layout.simple.right-sidenav>mat-sidenav-container>.mat-drawer-content .header,
.page-layout.simple.right-sidenav>mat-sidenav-container>.mat-sidenav-content .header {
    height: 120px;
    min-height: 120px;
    max-height: 120px;
    background-image: url(header-bg.114d593511446b9a4c6e.png)
}

.page-layout.simple.left-sidenav>mat-sidenav-container>.mat-drawer-content .center,
.page-layout.simple.left-sidenav>mat-sidenav-container>.mat-sidenav-content .center,
.page-layout.simple.right-sidenav>mat-sidenav-container>.mat-drawer-content .center,
.page-layout.simple.right-sidenav>mat-sidenav-container>.mat-sidenav-content .center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
    -webkit-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);
    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)
}

.page-layout.simple.tabbed {
    min-height: 100%
}

.page-layout.simple.tabbed .header {
    height: 120px;
    min-height: 120px;
    max-height: 120px
}

.page-layout.simple.tabbed>.content .mat-tab-group .mat-tab-labels {
    padding: 0 24px
}

.page-layout.blank {
    width: 100%;
    min-height: 100%
}

@media (max-width:599px) {
    .page-layout.carded.fullwidth>.center {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        max-height: none;
        padding: 0 16px
    }

    .page-layout.carded.left-sidenav>mat-sidenav-container,
    .page-layout.carded.right-sidenav>mat-sidenav-container,
    .page-layout.simple.fullwidth>.content {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .page-layout.simple.left-sidenav>mat-sidenav-container,
    .page-layout.simple.right-sidenav>mat-sidenav-container {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 0 auto !important;
        flex: 1 0 auto !important
    }

    .page-layout.simple.left-sidenav>mat-sidenav-container>.mat-drawer-content,
    .page-layout.simple.left-sidenav>mat-sidenav-container>.mat-sidenav-content,
    .page-layout.simple.right-sidenav>mat-sidenav-container>.mat-drawer-content,
    .page-layout.simple.right-sidenav>mat-sidenav-container>.mat-sidenav-content {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .page-layout.carded.left-sidenav>mat-sidenav-container>.mat-drawer-content .center,
    .page-layout.carded.left-sidenav>mat-sidenav-container>.mat-sidenav-content .center,
    .page-layout.carded.right-sidenav>mat-sidenav-container>.mat-drawer-content .center,
    .page-layout.carded.right-sidenav>mat-sidenav-container>.mat-sidenav-content .center {
        margin: 0 16px
    }
}

.fuse-card {
    max-width: 320px;
    min-width: 320px;
    background: #fff;
    border-radius: 2px;
    -webkit-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);
    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)
}

.fuse-card.variable-width {
    min-width: 0
}

.fuse-card.auto-width {
    min-width: 0;
    max-width: none
}

.fuse-card .mat-button {
    min-width: 0 !important;
    padding: 0 8px !important
}

.fuse-card .mat-button-toggle-group,
.fuse-card .mat-button-toggle-standalone {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.fuse-card .mat-tab-labels {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fuse-card .mat-tab-label {
    min-width: 0 !important
}

.fuse-card .card-divider {
    border-top: 1px solid rgba(0, 0, 0, .12);
    margin: 16px
}

.fuse-card .card-divider.light {
    border-top-color: rgba(255, 255, 255, .12)
}

.fuse-card .card-divider.full-width {
    margin: 0
}

.fuse-card .card-expand-area {
    overflow: hidden
}

.fuse-card .card-expand-area .card-expanded-content {
    padding: 8px 16px 16px;
    line-height: 1.75
}

.nav .nav-subheader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
    font-weight: 500;
    padding-left: 24px;
    margin-top: 8px;
    font-size: 12px;
    white-space: nowrap
}

.nav .nav-group {
    display: block
}

.nav .nav-group>.group-title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
    font-weight: 500;
    padding-left: 24px;
    margin-top: 8px;
    font-size: 12px;
    white-space: nowrap
}

.nav .nav-item .nav-link {
    text-decoration: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
    padding: 0 24px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: currentColor
}

.nav .nav-item .nav-link>.nav-link-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap
}

.nav .nav-item .nav-link .nav-link-badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 20px;
    height: 20px;
    padding: 0 7px;
    font-size: 11px;
    font-weight: 500;
    border-radius: 20px;
    -webkit-transition: opacity .2s ease-in-out .1s;
    transition: opacity .2s ease-in-out .1s;
    margin-left: 8px
}

.nav .nav-item .nav-link .nav-link-badge+.collapse-arrow {
    margin-left: 8px
}

.nav .nav-item .nav-link .mat-ripple-element,
.nav .nav-item .nav-link:hover {
    background-color: rgba(0, 0, 0, .04)
}

.nav .nav-item .nav-link.active {
    background-color: #039be5
}

.nav .nav-item .nav-link.active .mat-ripple-element {
    background-color: rgba(255, 255, 255, .1)
}

.nav .nav-item .nav-link.active,
.nav .nav-item .nav-link.active .nav-link-icon {
    color: #fff
}

.nav .nav-item .nav-link.active .nav-link-badge {
    background: #fff !important;
    color: rgba(0, 0, 0, .87) !important
}

.nav .nav-item .nav-link .nav-link-icon {
    margin-right: 16px
}

.nav .nav-item .nav-link .collapse-arrow,
.nav .nav-item .nav-link .nav-link-icon {
    font-size: 16px;
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    line-height: 16px
}

.nav .nav-item.nav-collapse {
    display: block
}

.nav .nav-item.nav-collapse>.children>.nav-item.nav-group>.group-items>.nav-item>.nav-link,
.nav .nav-item.nav-collapse>.children>.nav-item.nav-group>.group-title,
.nav .nav-item.nav-collapse>.children>.nav-item>.nav-link {
    padding-left: 56px
}

.nav .nav-item.nav-collapse>.children>.nav-item>.children>.nav-item.nav-group>.group-items>.nav-item>.nav-link,
.nav .nav-item.nav-collapse>.children>.nav-item>.children>.nav-item.nav-group>.group-title,
.nav .nav-item.nav-collapse>.children>.nav-item>.children>.nav-item>.nav-link {
    padding-left: 72px
}

.nav>.nav-item.nav-collapse {
    background: 0 0;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out
}

.nav>.nav-item.nav-collapse.open {
    background: rgba(0, 0, 0, .12)
}

.nav>.nav-group>.group-items>.nav-collapse {
    background: 0 0;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out
}

.nav>.nav-group>.group-items>.nav-collapse.open {
    background: rgba(0, 0, 0, .12)
}

.nav.vertical .nav-group .group-title {
    text-transform: uppercase
}

.nav.horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.nav.horizontal .nav-item.nav-collapse {
    position: relative
}

.nav.horizontal .nav-item.nav-collapse .children {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 999;
    min-width: 200px;
    -webkit-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);
    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)
}

.nav.horizontal .nav-item.nav-collapse .children.open {
    display: block
}

.nav.horizontal .nav-item.nav-collapse .children .nav-link {
    padding-left: 24px !important
}

.nav.horizontal>.nav-item>.nav-link {
    height: 56px
}

.nav.horizontal>.nav-item.nav-collapse {
    position: relative
}

.nav.horizontal>.nav-item.nav-collapse>.nav-link {
    height: 56px
}

.nav.horizontal>.nav-item.nav-collapse>.nav-link .collapse-arrow {
    display: none
}

.nav.horizontal>.nav-item.nav-collapse>.children {
    top: 100%;
    left: 0
}

button,
input[type=button],
input[type=email],
input[type=image],
input[type=password],
input[type=search],
input[type=submit],
input[type=tel],
input[type=text],
textarea {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: 0
}

.toolbar .toolbar-separator {
    height: 48px;
    width: 1px;
    border-right: 1px solid rgba(0, 0, 0, .12);
    margin: 0 12px
}

@media all {

    .page-break-after,
    .page-break-before {
        display: none
    }
}

@media print {

    body,
    html {
        height: auto !important;
        overflow: initial !important
    }

    .page-break-after {
        display: block;
        page-break-after: always;
        position: relative
    }

    .page-break-before {
        display: block;
        page-break-before: always;
        position: relative
    }

    fuse-root .ps>.ps__rail-x,
    fuse-root .ps>.ps__rail-y,
    fuse-root fuse-footer,
    fuse-root fuse-navbar-horizontal,
    fuse-root fuse-navbar-vertical,
    fuse-root fuse-quick-panel,
    fuse-root fuse-theme-options,
    fuse-root fuse-toolbar {
        display: none !important
    }

    fuse-root .ps {
        overflow: visible !important
    }

    fuse-root .mat-drawer-container,
    fuse-root .mat-sidenav-container {
        background-color: #fff !important
    }

    fuse-root .mat-drawer-container .mat-drawer-content,
    fuse-root .mat-drawer-container .mat-sidenav-content,
    fuse-root .mat-sidenav-container .mat-drawer-content,
    fuse-root .mat-sidenav-container .mat-sidenav-content {
        overflow: initial !important;
        height: auto !important
    }
}

code[class*=language-],
pre[class*=language-] {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    white-space: pre;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
    font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;
    font-size: 14px;
    line-height: 1.6;
    color: #cdd3de;
    background: #263238
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

pre[class*=language-] {
    padding: 12px
}

:not(pre)>code[class*=language-] {
    padding: 2px 6px
}

code[class*=language-] .namespace,
pre[class*=language-] .namespace {
    opacity: .7
}

code[class*=language-] .token.cdata,
code[class*=language-] .token.comment,
code[class*=language-] .token.doctype,
code[class*=language-] .token.prolog,
pre[class*=language-] .token.cdata,
pre[class*=language-] .token.comment,
pre[class*=language-] .token.doctype,
pre[class*=language-] .token.prolog {
    color: #62727a
}

code[class*=language-] .token.boolean,
code[class*=language-] .token.null,
code[class*=language-] .token.number,
code[class*=language-] .token.operator,
pre[class*=language-] .token.boolean,
pre[class*=language-] .token.null,
pre[class*=language-] .token.number,
pre[class*=language-] .token.operator {
    color: #ea9560
}

code[class*=language-] .token.string,
pre[class*=language-] .token.string {
    color: #80cbc4
}

code[class*=language-] .token.attr-name,
pre[class*=language-] .token.attr-name {
    color: #ea9560
}

.language-css code[class*=language-] .token.string,
.language-css pre[class*=language-] .token.string,
.style code[class*=language-] .token.string,
.style pre[class*=language-] .token.string,
code[class*=language-] .token.entity,
code[class*=language-] .token.url,
pre[class*=language-] .token.entity,
pre[class*=language-] .token.url {
    color: #80cbc4
}

code[class*=language-] .token.selector,
pre[class*=language-] .token.selector {
    color: #82aaff
}

code[class*=language-] .token.attr-value,
code[class*=language-] .token.control,
code[class*=language-] .token.directive,
code[class*=language-] .token.keyword,
code[class*=language-] .token.unit,
pre[class*=language-] .token.attr-value,
pre[class*=language-] .token.control,
pre[class*=language-] .token.directive,
pre[class*=language-] .token.keyword,
pre[class*=language-] .token.unit {
    color: #8bd649
}

code[class*=language-] .token.important,
pre[class*=language-] .token.important {
    color: #ec5f67
}

code[class*=language-] .token.atrule,
code[class*=language-] .token.regex,
code[class*=language-] .token.statement,
pre[class*=language-] .token.atrule,
pre[class*=language-] .token.regex,
pre[class*=language-] .token.statement {
    color: #80cbc4
}

code[class*=language-] .token.placeholder,
code[class*=language-] .token.variable,
pre[class*=language-] .token.placeholder,
pre[class*=language-] .token.variable {
    color: #89ddff
}

code[class*=language-] .token.property,
pre[class*=language-] .token.property {
    color: #fc0
}

code[class*=language-] .token.tag,
pre[class*=language-] .token.tag {
    color: #89ddff
}

code[class*=language-] .token.important,
code[class*=language-] .token.statement,
pre[class*=language-] .token.important,
pre[class*=language-] .token.statement {
    font-weight: 700
}

code[class*=language-] .token.punctuation,
pre[class*=language-] .token.punctuation {
    color: #cdd3de
}

code[class*=language-] .token.entity,
pre[class*=language-] .token.entity {
    cursor: help
}

code[class*=language-] .token.debug,
pre[class*=language-] .token.debug {
    color: red
}

.ps {
    position: relative
}

.ps>.ps__rail-x {
    z-index: 99999
}

.ps>.ps__rail-y {
    z-index: 99999;
    left: auto !important
}

.ngx-datatable.material {
    -webkit-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);
    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)
}

.ngx-datatable.material .empty-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    height: 56px;
    padding: 0 24px
}

.ngx-datatable.material .datatable-header {
    border: none;
    min-height: 48px
}

.ngx-datatable.material .datatable-header .datatable-header-cell {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    min-height: 48px;
    font-size: 13px;
    padding: 0 24px
}

.ngx-datatable.material .datatable-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.ngx-datatable.material .datatable-body .datatable-scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100% !important
}

.ngx-datatable.material .datatable-body .datatable-row-center,
.ngx-datatable.material .datatable-body .datatable-row-left,
.ngx-datatable.material .datatable-body .datatable-row-right {
    min-height: 48px
}

.ngx-datatable.material .datatable-body .datatable-row-wrapper {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.ngx-datatable.material .datatable-body .datatable-row-wrapper:first-child {
    border-top: 1px solid rgba(0, 0, 0, .12)
}

.ngx-datatable.material .datatable-body .datatable-row-wrapper .datatable-body-cell {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    min-height: 48px;
    -webkit-transition: none;
    transition: none;
    padding: 0 24px;
    overflow: hidden
}

.ngx-datatable.material .datatable-footer {
    border: none;
    min-height: 56px
}

.ngx-datatable.material .datatable-footer .datatable-footer-inner {
    padding: 0 24px
}

@media screen and (min-width:600px) and (max-width:959px) {
    .ngx-datatable.material .datatable-footer .datatable-footer-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 16px 0;
        height: auto !important
    }

    .ngx-datatable.material .datatable-footer .datatable-footer-inner .datatable-pager {
        margin: 0 !important
    }
}

.ngx-datatable.material .datatable-footer .datatable-footer-inner .page-count {
    padding: 0
}

.ngx-datatable.material .datatable-footer .datatable-footer-inner .datatable-pager {
    margin: 0 0 0 24px
}

.ngx-datatable.material .datatable-footer .datatable-footer-inner .datatable-pager .pager li a {
    text-decoration: none !important
}

[class*=datatable-icon-] {
    font-family: 'Material Icons';
    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-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased
}

.datatable-icon-filter:before {
    content: "filter_list"
}

.datatable-icon-collapse:before {
    content: "unfold_less"
}

.datatable-icon-expand:before {
    content: "unfold_more"
}

.datatable-icon-close:before {
    content: "close"
}

.datatable-icon-up:before {
    content: "keyboard_arrow_up"
}

.datatable-icon-down:before {
    content: "keyboard_arrow_down"
}

.datatable-icon-sort:before {
    content: "sort"
}

.datatable-icon-done:before {
    content: "done"
}

.datatable-icon-done-all:before {
    content: "done_all"
}

.datatable-icon-search:before {
    content: "search"
}

.datatable-icon-pin:before {
    content: "lock"
}

.datatable-icon-add:before {
    content: "add"
}

.datatable-icon-left:before {
    content: "chevron_left"
}

.datatable-icon-right:before {
    content: "chevron_right"
}

.datatable-icon-skip:before {
    content: "skip_next"
}

.datatable-icon-prev:before {
    content: "skip_previous"
}

.color-picker {
    height: auto !important;
    border: none !important;
    -webkit-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);
    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)
}

.color-picker .preset-area {
    padding: 0 0 16px 16px !important;
    height: 140px;
    overflow-y: auto;
    overflow-x: hidden
}

.color-picker .preset-area .preset-label,
.color-picker .preset-area>hr {
    display: none
}

.color-picker .preset-area .preset-color {
    display: block !important;
    float: left !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important
}

.color-picker .preset-area .preset-color:nth-child(14n+1) {
    clear: both
}

@media (min-width:1200px) {
    .container {
        max-width: 1080px
    }
}

.mat-focused .mat-form-field-label,
.mat-form-field-label {
    color: #a2a2a2
}

.mat-paginator-range-actions {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.mat-card>:first-child {
    margin: .67em 0 !important
}

.mat-card {
    padding: 1rem 3rem !important
}

.mat-vertical-content-container {
    margin-left: 54px !important;
    padding: 2rem !important
}

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

.mat-stepper-vertical-line::before {
    top: -4px !important;
    bottom: -7px !important;
    left: -2px !important
}

.mat-stepper-horizontal-line {
    margin: 0 -28px !important
}

.mat-step-header {
    cursor: default !important;
    font-size: 26px;
    font-weight: 700;
    text-align: center
}

.mat-step-header:hover {
    background-color: transparent
}

.mat-vertical-stepper-header {
    padding: 4px 22px !important;
    max-height: none !important
}

.mat-horizontal-stepper-header {
    height: 92px !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mat-step-icon,
.mat-step-icon-not-touched {
    min-width: 60px;
    height: 60px !important;
    width: 60px !important
}

.mat-step-header .mat-step-icon {
    background-color: #f3f3f8;
    border: 2px solid #50cbed;
    color: #50cbed
}

.stepDone,
.stepDone .mat-step-header .mat-step-icon {
    background-color: #50cbed !important;
    border: 2px solid #50cbed !important;
    color: #fff !important
}

.ng-star-done {
    font-size: 35px !important;
    line-height: .5 !important;
    margin-left: -16px !important
}

.mat-step-header .mat-step-icon-not-touched {
    background-color: #eee;
    color: silver
}

.mat-step-header .mat-step-label.mat-step-label-active {
    font-size: 16px;
    color: #50cbed
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
    font-size: 16px;
    color: rgba(0, 0, 0, .38)
}

.mat-stepper-horizontal .mat-step-label {
    display: none
}

@media (max-width:993px) {
    .mat-stepper-vertical {
        display: none !important
    }

    .mat-stepper-horizontal {
        display: block
    }
}

@media (min-width:992px) {
    .mat-stepper-vertical {
        display: block
    }

    .mat-stepper-horizontal {
        display: none !important
    }
}

.mat-dialog-actions {
    float: right
}

.mat-expansion-panel {
    margin: 0 0 1rem !important
}

.mat-expansion-panel-body {
    padding: 0 24px 40px
}

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

.mat-content {
    overflow: visible !important
}

.mat-expansion-panel-header-title h2 {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    padding: 0 15px
}

.mat-expansion-panel-header-title .ic-alert {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: right
}

.img-ul {
    background-color: #fff !important;
    padding: 16px
}

.img-ul-file-upload {
    padding: 0 !important;
    float: left
}

label {
    margin-bottom: 0 !important
}

.img-ul-container {
    background-color: #fff !important;
    padding: 0 !important
}

.img-ul-upload {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    border: 3px dashed #9b9b9b !important;
    height: 125px;
    width: 200px;
    background-color: #fff !important;
    margin-bottom: 10px !important
}

.img-ul-upload span {
    color: #9b9b9b;
    font-size: 5rem
}

.img-ul-button {
    font-size: 1em !important;
    margin: 6px
}

.img-ul-clear {
    background-color: #9e9e9e !important;
    display: none !important
}

.img-ul-drag-box-msg {
    margin-left: 17px !important;
    padding-top: 9px !important;
    display: none !important
}

.img-ul-image {
    height: 125px !important;
    width: 200px !important;
    border: 1px solid #c7c7c7;
    margin-right: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    background-size: cover;
    margin-bottom: 10px
}

.img-ul-x-mark {
    border-radius: 0 !important;
    color: #fff !important;
    float: none !important;
    margin: 0 !important;
    opacity: inherit !important;
    text-align: right !important;
    width: 199px !important;
    height: 30px !important;
    background-color: #63d0ef !important
}

.img-ul-close {
    opacity: .7 !important;
    line-height: 1.4;
    padding-right: 5px;
    cursor: pointer !important
}

.img-ul-x-mark:hover span {
    opacity: 1 !important
}

.name-row {
    width: 199px !important;
    margin: 0 !important;
    max-height: 30px
}

.name {
    text-align: left;
    line-height: 2.2;
    padding-left: 5px !important;
    overflow: hidden !important
}

html {
    line-height: 1.4 !important;
    letter-spacing: -.1px !important;
    font-size: 100%;
    font-family: source_sans_proregular, sans-serif
}

body {
    background-color: #f7f7fa;
    color: #4a4a4a;
    font-family: source_sans_proregular, sans-serif
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none
}

.display-5,
h1 {
    color: #0c53a0;
    font-family: source_sans_problack, sans-serif
}

.display-5 {
    font-size: 5rem
}

h1 {
    margin: .67em 0;
    font-size: 2.3rem;
    text-align: left
}

h2 {
    font-size: 1.5rem;
    color: #4a4a4a
}

h3 {
    margin-top: 6rem;
    border-top: 1px solid #979797;
    padding-top: 1rem;
    font-size: 1.3rem;
    color: #4a4a4a
}

p {
    text-align: left;
    color: #4a4a4a;
    margin-bottom: 2rem
}

a {
    font-family: source_sans_proregular, sans-serif;
    font-size: 16px
}

a.register {
    font-family: source_sans_proregular, sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #0a4688
}

.mat-button,
.mat-fab,
.mat-flat-button,
.mat-icon-button,
.mat-mini-fab,
.mat-raised-button,
.mat-stroked-button {
    font-family: source_sans_proregular, sans-serif;
    text-transform: uppercase;
    border-radius: 0 !important;
    font-weight: 500;
    font-size: 1rem;
    padding: 3px 16px !important
}

.mat-raised-button.mat-accent:hover:not([disabled]) {
    background-color: #3cafcf
}

.mat-fab.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
    background-color: #0c53a0
}

.mat-fab.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
    background-color: #50cbed
}

.mat-raised-button.mat-facebook {
    background-color: #3c5598
}

.mat-raised-button.mat-twitter {
    background-color: #31ade8
}

.mat-raised-button.mat-linkedin {
    background-color: #1a8ab7
}

.mat-raised-button.mat-google {
    background-color: #d14935
}

.mat-raised-button.mat-facebook,
.mat-raised-button.mat-google,
.mat-raised-button.mat-linkedin,
.mat-raised-button.mat-primary,
.mat-raised-button.mat-twitter {
    color: rgba(255, 255, 255, .87);
    text-transform: inherit
}

button.help {
    position: absolute;
    cursor: pointer;
    padding: .2rem;
    margin-left: 1rem;
    background-color: #fff;
    border: 1px solid #fff
}

button.help .mat-icon {
    vertical-align: middle;
    color: #757575
}

button.help:hover {
    border: 1px solid #e0e0e0;
    border-radius: 50%
}

button.help:hover .mat-icon {
    color: #000
}

.content-wrapper {
    padding-bottom: 70px
}

.box-reclamo {
    padding: 2rem 3rem;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .29);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .29);
    background-color: #fff;
    border: 1px solid #e3e3e3
}

.container.standar {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .29);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .29);
    background-color: #fff;
    border: 1px solid #e3e3e3;
    margin-top: 3rem;
    padding: 1rem 3rem
}

.container.reclamo {
    background: 0 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 0;
    padding: 3rem 0
}

.container.reclamo h1 {
    margin: .3rem 0 1rem
}

.container.reclamo .title {
    font-family: source_sans_proregular, sans-serif;
    font-size: 16px;
    color: #4a4a4a
}

.container.ticket h1 {
    margin-bottom: .5rem
}

.container.ticket h2 {
    font-size: 1.3rem;
    margin-bottom: 2rem
}

.container.ticket h4 {
    margin: 1rem 0 0;
    font-size: 16px
}

.container.ticket .box-reclamo h2 {
    margin-left: -15px
}

.container.ticket .box-reclamo p {
    padding: 0 .3rem 0 .6rem;
    margin-bottom: 0
}

.container.ticket .box-reclamo .row {
    padding: 0 0 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.container.ticket .box-reclamo>.row:last-child {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.footer {
    border-top: 1px solid #eaeaea;
    padding: 1rem 0 1rem 1rem;
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: #fff;
    -webkit-box-shadow: -12px -1px 6px 0 transparent;
    box-shadow: -12px -1px 6px 0 transparent
}

.footer button {
    float: right
}


@media (min-width:991px) {
    .header-reclamo [class^=col-] {
        padding-left: 0
    }
}

@media (min-width:769px) and (max-width:991px) {
    .alert-div {
        left: -288% !important
    }
}

@media (max-width:768px) {
    .display-5 {
        font-size: 4rem
    }

    h1 {
        font-size: 30px
    }

    h2 {
        font-size: 20px
    }

    p {
        max-width: 100%
    }

    .container.standar {
        padding: 1rem 1.5rem;
        margin-top: 2rem
    }

    .container.reclamo {
        padding: 2rem .5rem
    }

    .container.ticket {
        padding: 0
    }

    .mat-card {
        padding: 1rem 1.5rem !important
    }

    .box-reclamo {
        padding: 2rem 1.5rem
    }

    .formSiniestro {
        padding-right: 5px !important
    }

    .hidden-md {
        display: none
    }

    .padding-md {
        padding: 0 15px 1.8rem
    }

    .alert-div {
        right: 0;
        left: unset !important;
        width: auto;
        max-width: 310px
    }

    .alert-div:after {
        right: 2%;
        left: unset !important
    }
}

@media (max-width:575.98px) {
    .container {
        max-width: 95%;
        min-width: 340px
    }

    .col-xs-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xs-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .alert-div {
        right: -12px;
        left: unset !important;
        width: auto;
        max-width: 300px
    }

    .documentacionForm .mat-expansion-panel-body {
        padding: 0 24px 16px 57px !important
    }
}