@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: #009688 !important;
}
.primary-color-light,
.nav-subheader-color{
    background-color: #80CBC4 !important;
}
.primary-color-extra-light,
.collection .collection-item:hover:not(.no-hover),
.nav-header-color, .tabs{
    background-color: #B2DFDB !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: #E0F2F1 !important;
}
.primary-color-dark{
    background-color: #00796B !important;
}
.primary-color-dark-text{
    color: #00796B !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: #FFD740 !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 : #FFD740;
}
[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 #FFD740;
}
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 #FFD740 !important;
    box-shadow: 0 1px 0 0 #FFD740 !important;
}
.spinner-accent-color-only{
    border-color: #FFD740 !important;
}
.accent-color-dark,
.switch label input[type=checkbox]:checked+.lever:after{
    background-color: #FFC400 !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: #F2FDFA !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 #FFD740;
    box-shadow: 0 1px 0 0 #FFD740;
}