/**********************************************************************************
 * Copyright (C) 2016, SpraakLab, All Rights Reserved.
 **********************************************************************************/
/*************************************************************
  default_color grey
*************************************************************/
.default_color {
	background-color:#8F95A1 !important; /* default_color */
}

.default_color.darken-1 {
	background-color:#6D778A !important; /* default_color darken-1 */
}

.default_color.darken-2 {
	background-color:#4C5A72 !important; /* default_color darken-2 */
}

.default_color.darken-3 {
	background-color:#2B3C5A !important; /* default_color darken-3 */
}

.default_color.darken-4 {
	background-color:#363C46 !important; /* default_color darken-4 */
}

.default_color.lighten-1 {
	background-color:#B0B3B9 !important; /* default_color lighten-1 */
}

.default_color.lighten-2 {
	background-color:#D1D1D1 !important; /* default_color lighten-2 */
}

.default_color.lighten-3 {
	background-color:#E3E3E3 !important; /* default_color lighten-3 */
}

.default_color.lighten-4 {
	background-color:#F5F5F5 !important; /* default_color lighten-4 */
}

.default_color.lighten-5 {
	background-color:#FFFFFF !important; /* default_color lighten-5 */
}

.default_color_text {
	color:#363C46 !important; /* tekstkleur default_color text */
}

/*************************************************************
   theme_color_1 aqua huisstijl
*************************************************************/

.theme_color_1 {
	background-color:#00A0E9 !important; /* theme_color_1  */
}

.theme_color_1.darken-1 {
	background-color:#0380BF !important; /* theme_color_1 darken-1 */
}

.theme_color_1.darken-2 {
	background-color:#055F96  !important; /* theme_color_1 darken-2 */
}

.theme_color_1.darken-3 {
	background-color:#083F6C !important; /* theme_color_1 darken-3 */
}

.theme_color_1.darken-4 {
	background-color:#0A1E42 !important; /* theme_color_1 darken-4 */
}

.theme_color_1.lighten-1 {
	background-color:#27ADEB !important; /* theme_color_1 lighten-1 */
}

.theme_color_1.lighten-2 {
	background-color:#4FB9ED !important; /* theme_color_1 lighten-2 */
}

.theme_color_1.lighten-3 {
	background-color:#76C6EF !important; /* theme_color_1 lighten-3 */
}

.theme_color_1.lighten-4 {
	background-color:#9ED2F1 !important; /* theme_color_1 lighten-4 */
	
}
.theme_color_1.lighten-5 {
	background-color:#c5dff3 !important; /* theme_color_1 lighten-5*/
}

.theme_color_1_text {
	color:#00AEEF !important; /* theme_color_1 text */
}

.theme_color_1 accent-1 {
	background-color:#00A0E9;
}
/*************************************************************
  body
*************************************************************/
body {
	background-color: #F5F5F5; /* lichtgrijs default_color lighten-4 */
}

/*************************************************************
  logo 
*************************************************************/
.mijn-logo {
	padding:20px;
	padding-top:30px;
	background-color: #00A0E9; /* theme_color_1 */
}

/*************************************************************
  footer 
*************************************************************/

footer.page-footer {
	background-color: #E3E3E3; /* default_color lighten-3 */
}

/*************************************************************
  navigatie
*************************************************************/

nav {
	background-color: #00A0E9; /* theme_color_1 */
	color: #FFFFFF; /* wit */
	height: 56px;
	line-height: 56px;
	width: 100%;
}
nav ul a {
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing:2px;
	color: #FFFFFF; /* wit */
	display: block;
	padding: 0px 15px;
}
nav li:hover, nav ul li.active {
	background-color: #0380BF; /* theme_color_1 darken-1 */
}

/*************************************************************
  side-nav
*************************************************************/

.side-nav {
	background-color: #363C46; /* default_color darken-4 */
}

.side-nav li {
	float: none;
	padding: 0; /* padding verwijderen t.o.v. materialize */
	line-height: 64px;
	background-color: #363C46; /* default_color darken-4 */
}

.side-nav li:hover, .side-nav li.active {
	background-color:  #0380BF; /* theme_color_1 darken-1 */
}

ul.side-nav.fixed li:active {
	background-color:  #0380BF; /* theme_color_1 darken-1 */
}

ul.side-nav.fixed li:hover {
	background-color:  #0380BF; /* theme_color_1 darken-1 */
}

.side-nav a {
	color: #FFFFFF; /* wit */
	display: block;
	font-size: 1.2rem;
	letter-spacing:2px;
	font-weight: normal;
	height: 64px;
	line-height: 64px;
	padding: 0;
}

.side-nav.fixed a {
	color: #FFFFFF; /* wit */
	display: block;
	font-size: 1.2rem;
	letter-spacing:2px;
	font-weight: normal;
	height: 64px;
	line-height: 64px;
	padding: 0 15px;
}

#nav-mobile a {
	display: block;
	color: #FFFFFF; /* wit */
	font-size: 1.2rem;
	letter-spacing:2px;
	font-weight: normal;
	padding: 0 15px;
}

#nav-mobile .active a {
	background: #0380BF ; /* theme_color_1 darken-1 */
}

.side-nav .collapsible-body li.active, .side-nav.fixed .collapsible-body li.active {
	background-color: #FFFFFF; /* wit */
}

.side-nav .collapsible-body li.active a, .side-nav.fixed .collapsible-body li.active a {
	color: #363C46; /* tekstkleur default_color text */
}

.side-nav .collapsible-body li.active a, .side-nav.fixed .collapsible-body li.active a {
	color: #363C46; /* tekstkleur default_color text */
}
/********************************************************************
   Text Inputs + Textarea formulieren 
*********************************************************************/
::-webkit-input-placeholder {
 color: #8F95A1; /* default_color */
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #8F95A1; /* default_color */
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #8F95A1; /* default_color */
}

:-ms-input-placeholder {
 color: #8F95A1; /* default_color */
}
.select-wrapper span.caret {
  color: #8F95A1; /* default_color */
}
/*************************************************************
  dropdown content
*************************************************************/
.dropdown-content {
  background-color: #FFFFFF; /* wit */
	color: #363C46; /* tekstkleur default_color text */
}

.dropdown-content li  {
  color: #FFFFFF; /* wit */
}

.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
  background-color: #c5dff3; /* theme_color_1 lighten-5 */
}

.dropdown-content li > a, .dropdown-content li > span {
	color: #363C46; /* tekstkleur default_color text */
	font-size: 1rem;
	padding: 12px;
}

/*************************************************************
  cards
*************************************************************/
.card .card-content {
	background-color: #FFFFFF; /* wit */
	color:#363C46; /* tekstkleur default_color text */
}

.card.with-header .card-header {
	background-color: #00A0E9; /* theme_color_1 */
	border-bottom: 1px solid #D1D1D1; /* default_color lighten-2 */
	padding: 10px 20px;
	color: #FFFFFF; /* wit */
}
.card .card-action {
	background-color: #FFFFFF; /* wit */
  border-top: 1px solid #FFFFFF; /* wit */
  padding: 20px;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating) {
  color: #363C46; /* tekstkleur default_color text */
  margin-right: 20px;
  transition: color .3s ease;
  text-transform: uppercase;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating):hover {
  color: #363C46; /* tekstkleur default_color text */
}

/*************************************************************
  collection
*************************************************************/
.collection.with-header .collection-header {
	background-color: #00A0E9; /* theme_color_1 */
	border-bottom: 1px solid #D1D1D1; /* default_color lighten-2 */
	padding: 0px;
	margin:0;
}
.collection.with-header .collection-header .row{
	padding-left: 20px;
	margin:0;
	background-color: #FFFFFF; /* wit */
}
.collection.with-header .collection-item {
    line-height: 1.5rem;
    margin: 0;
    padding: 10px 20px;
}
.collection {
	border: 1px solid #D1D1D1 ; /* default_color lighten-2 */
	background-color: #FFFFFF; /* wit *//
	color: #363C46; /* tekstkleur default_color_text */
}

.collection .collection-item {
	background-color: #FFFFFF; /* wit */
	border-bottom: 1px solid #D1D1D1; /* default_color lighten-2 */
}
.collection .collection-item .row{
	padding:0;
	margin:0;
}

.collection .collection-item.avatar i.circle {
	color: #363C46; /* tekstkleur default_color_text */
	background-color:#ffffff; /* wit */
}

.collection .collection-item.active {
	background-color: #00A0E9; /* theme_color_1 (ipv groene kleur materialize */
	color: #FFFFFF; /* wit */
}

.collection .collection-item.active .secondary-content {
	color: #FFFFFF; /* wit */
}

.collection a.collection-item {
	display: block;
	transition: .25s;
	color: #00A0E9; /* theme_color_1 */
}

.collection a.collection-item:not(.active):hover {
	background-color: #00A0E9; /* theme_color_1 */
}


/*************************************************************
   Groene kleur van materialize vervangen door theme_color
*************************************************************/

.secondary-content {
	color: #00A0E9; /* theme_color_1 */
}
span.badge {
  color: #fff; /* theme_color_1 lighten-4 */
	background-color:#00A0E9; /* theme_color_1 */
	font-size: 0.8rem;
  font-weight: 300;
}

span.badge.new {
	background-color:#00A0E9; /* theme_color_1 */
}

.progress .determinate {
	background-color:#00A0E9; /* theme_color_1 */
}

.progress .indeterminate {
	background-color:#00A0E9; /* theme_color_1 */
}

.btn, .btn-large {
	background-color:#00A0E9; /* theme_color_1 */
}

.btn:hover, .btn-large:hover {
	background-color: #4FB9ED; /* theme_color_1 lighten-2 */
}

.btn-floating {
	background-color:#00A0E9; /* theme_color_1 */
}

.btn-floating:hover {
	background-color:#00A0E9; /* theme_color_1 */
	cursor: pointer;
	cursor: hand;
}

.dropdown-content li > a, .dropdown-content li > span {
	color: #363C46; /* tekstkleur default_color text */
}

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-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]) {
	border-bottom: 1px solid #00A0E9; /* theme_color_1 */
	box-shadow: 0 1px 0 0 #00A0E9; /* theme_color_1 */
}

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-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]) {
	border-bottom: 1px solid #00A0E9; /* theme_color_1 */
	box-shadow: 0 1px 0 0 #00A0E9; /* theme_color_1 */
}

input:not([type]):focus:not([readonly]) + label, input[type=text]:focus:not([readonly]) + label, input[type=password]:focus:not([readonly]) + label, input[type=email]:focus:not([readonly]) + label, input[type=url]:focus:not([readonly]) + label, input[type=time]:focus:not([readonly]) + label, input[type=date]:focus:not([readonly]) + label, input[type=datetime-local]:focus:not([readonly]) + label, input[type=tel]:focus:not([readonly]) + label, input[type=number]:focus:not([readonly]) + label, input[type=search]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
	color: #00A0E9; /* theme_color_1 */
}

.input-field .prefix.active {
	color: #00A0E9; /* theme_color_1 */
}

[type="radio"]:checked + label:after {
	border: 2px solid #00A0E9; /* theme_color_1 */
	background-color: #00A0E9; /* theme_color_1 */
}

[type="radio"]:checked + label:after {
	border: 2px solid #00A0E9; /* theme_color_1 */
	background-color: #00A0E9; /* theme_color_1 */
}

/* Radio With gap */
[type="radio"].with-gap:checked + label:before {
	border: 2px solid #00A0E9; /* theme_color_1 */
}

[type="radio"].with-gap:checked + label:after {
	border: 2px solid #00A0E9; /* theme_color_1 */
	background-color: #00A0E9; /* theme_color_1 */
}

[type="radio"].with-gap:checked + label:after {
	border: 2px solid #00A0E9; /* theme_color_1 */
	background-color: #00A0E9; /* theme_color_1 */
}

[type="checkbox"]:checked + label:before {
	border-right: 2px solid #00A0E9; /* theme_color_1 */
	border-bottom: 2px solid #00A0E9; /* theme_color_1 */
}

[type="checkbox"]:checked + label:before {
	border-right: 2px solid #00A0E9; /* theme_color_1 */
	border-bottom: 2px solid #00A0E9; /* theme_color_1 */
}

/* Indeterminate checkbox */
[type="checkbox"]:indeterminate + label:before {
	border-right: 2px solid #00A0E9; /* theme_color_1 */
}

[type="checkbox"].filled-in:checked + label:after {
	border: 2px solid #00A0E9; /* theme_color_1 */
	background-color: #00A0E9; /* theme_color_1 */
}

[type="checkbox"].filled-in:checked + label:after {
	border: 2px solid #00A0E9; /* theme_color_1 */
	background-color: #00A0E9; /* theme_color_1 */
}

.switch label input[type=checkbox]:checked + .lever:after {
	background-color: #00A0E9; /* theme_color_1 */
}

input[type=range] + .thumb {
	background-color: #00A0E9; /* theme_color_1 */
}

input[type=range] + .thumb .value {
	color: #00A0E9; /* theme_color_1 */
}
input[type=range]::-webkit-slider-thumb {
 background-color: #00A0E9; /* theme_color_1 */
}
input[type=range]::-moz-range-thumb {
 background: #00A0E9; /* theme_color_1 */
}
 input[type=range]::-ms-thumb {
 background: #00A0E9; /* theme_color_1 */
}

.spinner-layer {
	border-color: #00A0E9; /* theme_color_1 */
}

.picker__weekday-display {
	background-color: #00A0E9; /* theme_color_1 */
}

.picker__date-display {
	background-color: #00A0E9; /* theme_color_1 */
}

.picker__day.picker__day--today {
	color: #00A0E9; /* theme_color_1 */
}

.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
	background-color: #00A0E9; /* theme_color_1 */
}

.picker__close, .picker__today {
	color: #00A0E9; /* theme_color_1 */
}

.picker__nav--prev:hover, .picker__nav--next:hover {
	background: #00A0E9; /* theme_color_1 */
}

/****************************************** 
	pagination aanpassing op materialize
********************************************/
.pagination li a {
	color: #76C6EF; /* theme_color_1 lighten-3 */
}

.pagination li.active a {
	color: #0A1E42; /* theme_color_1 darken-4 */
}

.pagination li.active {
	color: #76C6EF /* theme_color_1 lighten-3 */
}

/********************************************* 
		chip 
********************************************/	
.chip {
	background-color: #00A0E9; /* theme_color_1 */
}

.chip-text-shadow {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

/*********************************************** 
	buttons margot aanpassing op material design css 
************************************************/	
.btn {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}