:root {
	/*
	 * Materialize Components
	 */
	--color-mat-input-border: #26a69a;
	--color-mat-checkbox: #26a69a;
	--color-mat-radio: #26a69a;
	--color-mat-dropdown: #26a69a;
	--color-mat-switch: #26a69a;
	--color-mat-switch-line: #84c7c1;
	--color-mat-button: #26a69a;
	--color-mat-button-hover: #1d7d74;

	/*
	 * Application Components
	 */
	--color-action-limit: #ef5350; /* #42a5f5 blue lighten-1 */
	--color-action-filter: #ef5350; /* #42a5f5 blue lighten-1 */
	--color-action-autoreload: #ef5350; /* #ef5350 red lighten-1 */
	--color-action-autoreload-inactive: #ef5350; /* #ef5350 red lighten-1 */
	--color-action-resetsearch: #ef5350; /* #ef5350 red lighten-1 */
	--color-action-tablemode: #ef5350; /* #ef5350 red lighten-1 */
	--color-action-headline: #ef5350; /* #ef5350 red lighten-1 */
	
	--color-pagination-active: #ee6e73; /* #ee6e73 materialize-red lighten-2 */
	
	--color-menu: #ee6e73; /* #ee6e73 materialize-red lighten-2 */
	--color-submenu: #ee6e73; /* #ee6e73 materialize-red lighten-2 */
	
	--color-table-button-view: #42a5f5; /* #42a5f5 blue lighten-1 */
	--color-table-button-edit: #ffa726; /* #ffa726 orange lighten-1 */
	--color-table-button-delete: #ef5350; /* #ef5350 red lighten-1 */
	
	--color-table-limit:  #42a5f5; /* #42a5f5 blue lighten-1 */
	
	--color-table-status-progress: #ff9800; /* #ff9800 orange */
	--color-table-status-cancel: #f44336; /* #f44336 red */
	--color-table-status-success: #4caf50; /* #4caf50 green */

	--color-autocomplete-element-hover: #fdeaeb; /* #fdeaeb materialize-red lighten-5 */
	--color-autocomplete-element-highlighted: #ee6e73; /* #ee6e73 materialize-red lighten-2 */
}


/*
 * Materialize
 */
input:not([type]):focus:not([readonly]),input[type=text]:not(.browser-default):focus:not([readonly]),input[type=password]:not(.browser-default):focus:not([readonly]),input[type=email]:not(.browser-default):focus:not([readonly]),input[type=url]:not(.browser-default):focus:not([readonly]),input[type=time]:not(.browser-default):focus:not([readonly]),input[type=date]:not(.browser-default):focus:not([readonly]),input[type=datetime]:not(.browser-default):focus:not([readonly]),input[type=datetime-local]:not(.browser-default):focus:not([readonly]),input[type=tel]:not(.browser-default):focus:not([readonly]),input[type=number]:not(.browser-default):focus:not([readonly]),input[type=search]:not(.browser-default):focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid var(--color-mat-input-border); /* orignal: 26a69a */
    box-shadow: 0 1px 0 0 var(--color-mat-input-border); /* orignal: 26a69a */
}
.input-field .prefix.active {
    color: var(--color-mat-input-border);
}
[type="checkbox"]:checked+span:not(.lever):before {
    border-right: 2px solid var(--color-mat-checkbox); /* orignal: 26a69a */
    border-bottom: 2px solid var(--color-mat-checkbox); /* orignal: 26a69a */
}
[type="checkbox"].filled-in:checked+span:not(.lever):after {
    border: 2px solid var(--color-mat-checkbox); /* orignal: 26a69a */
    background-color: var(--color-mat-checkbox); /* orignal: 26a69a */
}
[type="radio"]:checked+span:after,[type="radio"].with-gap:checked+span:before,[type="radio"].with-gap:checked+span:after {
    border: 2px solid var(--color-mat-radio); /* orignal: 26a69a */
}
[type="radio"]:checked+span:after,[type="radio"].with-gap:checked+span:after {
    background-color: var(--color-mat-radio); /* orignal: 26a69a */
}
[type="radio"]:not(:checked)+span:before,[type="radio"]:not(:checked)+span:after {
    border: 2px solid var(--color-mat-radio);
}

.dropdown-content li>a,.dropdown-content li>span {
    color: var(--color-mat-dropdown); /* orignal: 26a69a */
}
.select-wrapper input.select-dropdown:focus {
    border-bottom: 1px solid var(--color-mat-dropdown); /* orignal: 26a69a */
}
.switch label input[type=checkbox]:checked+.lever {
    background-color: var(--color-mat-switch-line); /* orignal: 84c7c1 */
}
.switch label input[type=checkbox]:checked+.lever:after {
    background-color: var(--color-mat-switch); /* orignal: 26a69a */
}
.btn,.btn-large,.btn-small {
    background-color: var(--color-mat-button); /* orignal: 26a69a */
}
.btn:focus,.btn-large:focus,.btn-small:focus,.btn-floating:focus {
    background-color: var(--color-mat-button-hover); /* orignal: 1d7d74 */
}
.btn:hover,.btn-large:hover,.btn-small:hover {
    background-color: var(--color-mat-button-hover); /* orignal: 2bbbad */
}


/*
 * Element override
 */
nav { background-color: var(--color-menu) !important; }
nav .dropdown-content li:hover { background-color: var(--color-menu) !important; }
.pagination li.active { background-color: var(--color-pagination-active) !important; }

/*
 * table classes
 */
td .btn-action-view { background-color: var(--color-table-button-view) !important; }
td .btn-action-edit { background-color: var(--color-table-button-edit) !important; }
td .btn-action-delete { background-color: var(--color-table-button-delete) !important; }
ul .table-limit { color: var(--color-table-limit) !important; }

/*
 * general button classes
 */
.btn-action-limit {	background-color: var(--color-action-limit) !important; }
.btn-action-filter { background-color: var(--color-action-filter) !important; }
.btn-action-resetsearch { background-color: var(--color-action-resetsearch) !important; }
.btn-action-tablemode { background-color: var(--color-action-tablemode) !important; }
.btn-action-headline { background-color: var(--color-action-headline) !important; }
.btn-action-autoreload { background-color: var(--color-action-autoreload) !important; }
.btn-action-autoreload.inactive { background-color: var(--color-action-autoreload-inactive) !important; }

.btn-submenu { background-color: var(--color-submenu) !important; }

/*
 * Status area
 */
.status-progress { background-color: var(--color-table-status-progress) !important; }
.status-cancel { background-color: var(--color-table-status-cancel) !important; }
.status-success { background-color: var(--color-table-status-success) !important; }

/*
 * Autocomplete
 */
.autocomplete-element:hover, .autoComplete_selected { background-color: var(--color-autocomplete-element-hover); }
.autoComplete_highlighted { color: var(--color-autocomplete-element-highlighted) !important; }
