@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,
.datepicker-date-display {
    background-color: #4CAF50 !important;
}

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

.primary-color-extra-light,
.collection .collection-item:hover:not(.no-hover),
.nav-header-color,
.tabs {
    background-color: #C8E6C9 !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: #E8F5E9 !important;
}

.primary-color-dark {
    background-color: #388E3C !important;
}

.primary-color-dark-text {
    color: #388E3C !important;
}

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

/*========== Accent Color ================*/
.accent-color,
.tabs .indicator,
.switch label input[type=checkbox]:checked + .lever,
[type="radio"]:checked + span:after,
[type="radio"].with-gap:checked + span:after,
[type="checkbox"].filled-in:checked + span:after,
.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,
.datepicker-table td.is-selected,
.noUi-connect,
.noUi-horizontal .noUi-handle,
.noUi-vertical .noUi-handle {
    background-color: #FF6E40 !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,
.datepicker-table td.is-today,
.input-field .prefix.active {
    color: #FF6E40 !important;
}

[type="radio"]:checked + span:after,
[type="radio"].with-gap:checked + span:before,
[type="radio"].with-gap:checked + span:after,
[type="checkbox"].filled-in:checked+span:not(.lever):after {
    border: 2px solid #FF6E40;
}

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 #FF6E40 !important;
    box-shadow: 0 1px 0 0 #FF6E40 !important;
}

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

.accent-color-dark,
.switch label input[type=checkbox]:checked + .lever:after,
button:focus,
.btn:focus,
.btn-large:focus,
.btn-small:focus,
.btn-floating:focus,
.noUi-target.noUi-horizontal .noUi-tooltip {
    background-color: #FF3D00 !important;
}

.datepicker-cancel,
.datepicker-clear,
.datepicker-today,
.datepicker-done{
    color: #FF3D00 !important;
}

[type="checkbox"]:checked:not(.filled-in) + span:not(.lever):before {
    border-right: 2px solid #FF6E40 !important;
    border-bottom: 2px solid #FF6E40!important;
}

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

/* Buttons color */
.btn,
.btn-large,
.btn-floating i,
.datepicker-table td.is-today.is-selected {
    color: #FFFFFF !important;
}

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

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

.white-background {
    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 #FF6E40;
    box-shadow: 0 1px 0 0 #FF6E40;
}