@charset "UTF-8";
/**
 * Material Design Color Palette from (https://material.io/guidelines/style/color.html#color-color-palette)
 * 
 * Primary color - The 500 color in the color palette
 * Primary color light - The 200 color in the color palette
 * Primary color extra light - The 100 color in the color palette
 * Primary color xx light - The 50 color in the color palette
 * Primary color dark - The 700 color in the color palette
 * Accent color - The A200 color in the color palette
 * Accent color dark - The A400 color in the color palette
 */

/*========== Primary Color ================*/
.primary-color,
.picker__date-display {
    background-color: #673AB7 !important;
}

.primary-color-light,
.nav-subheader-color {
    background-color: #B39DDB !important;
}

.primary-color-extra-light,
.collection .collection-item:hover:not(.no-hover),
.nav-header-color, .tabs {
    background-color: #D1C4E9 !important;
}

.primary-color-xx-light,
.side-nav a:hover:not(.footer-links):not(:first-child),
.side-nav .collapsible-header:hover,
.side-nav.fixed .collapsible-header:hover,
table.highlight > tbody > tr:hover {
    background-color: #EDE7F6 !important;
}

.primary-color-dark {
    background-color: #512DA8 !important;
}

.primary-color-dark-text {
    color: #512DA8 !important;
}

/*========== END - Primary Color =============*/

/*========== Accent Color ================*/
.accent-color,
.tabs .indicator,
.switch label input[type=checkbox]:checked + .lever,
[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:after,
[type="checkbox"].filled-in:checked + label:after,
.picker__close,
.picker__today,
.picker__clear,
.picker__close:hover,
.picker__today:hover,
.picker__clear:hover,
.picker__close:active,
.picker__today:active,
.picker__clear:active,
button.picker__close:focus,
button.picker__today:focus,
button.picker__clear:focus,
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected,
.sentry-error-embed .form-submit .btn,
.sentry-error-embed .form-submit .btn:hover,
.progress .determinate,
.side-nav span.badge.new::before,
.collapsible span.badge.new::before {
    background-color: #69F0AE !important;
}

.accent-color-text,
input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label,
select.browser-default:focus:not([readonly]) + label,
.picker__day.picker__day--today,
.input-field .prefix.active {
    color: #69F0AE;
}

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after,
[type="checkbox"].filled-in:checked + label:after {
    border: 2px solid #69F0AE;
}

input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]),
select.browser-default:focus {
    border-bottom: 1px solid #69F0AE !important;
    box-shadow: 0 1px 0 0 #69F0AE !important;
}

.spinner-accent-color-only {
    border-color: #69F0AE !important;
}

.accent-color-dark,
.switch label input[type=checkbox]:checked + .lever:after {
    background-color: #00E676 !important;
}

/*========== END - Accent Color =============*/

/* Buttons color */
.btn,
.btn-large,
.btn-floating i,
.picker__close,
.picker__today,
.picker__clear {
    color: #000000;
}

.body-background-color {
    background-color: #FAF7FC !important;
}

.linear-progress-background-color,
.progress {
    background-color: transparent;
}

.white-background,
.picker__nav--prev:hover,
.picker__nav--next:hover {
    background-color: #ffffff !important;
}

input.ng-invalid,
select.ng-invalid,
textarea.ng-invalid {
    border-bottom: 1px solid #F44336 !important;
    box-shadow: 0 1px 0 0 #F44336 !important;
}

.login-page input.ng-invalid.ng-pristine {
    border-bottom: 1px solid #9e9e9e !important;
    box-shadow: none !important;
}

input.ng-dirty.ng-valid[required],
.datepicker.ng-touched.ng-valid[required],
select.ng-dirty.ng-valid[required],
textarea.ng-dirty.ng-valid[required] {
    border-bottom: 1px solid #69F0AE;
    box-shadow: 0 1px 0 0 #69F0AE;
}