/**********************************************************************************
 * Copyright (C) 2016, SpraakLab, All Rights Reserved.
 **********************************************************************************/

/*************************************************************
  default_color grey
*************************************************************/
.default_color {
	background-color:#8B8E93 !important;  /* default_color */
}

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

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

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

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

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

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

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

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

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

.default_color_text {
	color:#363C46 !important;
}

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

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

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

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

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

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

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

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

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

.theme_color_1.lighten-4 {
	background-color:#D8EAF7 !important; /* theme_color_1 lighten-4 D8EAF7 */
	
}
.theme_color_1.lighten-5 {
	background-color:#ECF4FB !important; /* theme_color_1 lighten-5 ECF4FB*/
}

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

.theme_color_1 accent-1 {
	background-color:#ED1B32;
}

/*************************************************************
  logo 
*************************************************************/
nav .brand-logo {
	position: absolute;
	color: #fff;
	display: inline-block;
	font-size: 2.1rem;
	padding: 0;
	white-space: nowrap;
	font-family: Roboto;
}
.brand-logo {
    position: absolute;
	  top: 5px;
    color: #fff;
    display: inline-block;
    font-size: 2.1rem;
    font-style: normal;
    font-weight: 100;
    padding: 0;
    letter-spacing: 7px;
}

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


/*************************************************************
  index banner 
*************************************************************/
.index-banner-smaller {
	min-height: 60px;
	max-height: 66px;
	position: relative;
	background-color: #00A0E9;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%);
}


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

footer.page-footer {
	position: fixed;
	bottom: 0;
	width:100%;
	padding: 0;
	margin: 0;
	background-color: transparent !important;
}

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

nav {
	background-color:#00A0E9; /* theme_color_1 */
	color: #fff;
	height: 56px;
	line-height: 56px;
	width: 100%;
}
nav ul a {
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing:2px;
	color: #fff;
	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: #4B5159; /* default_color darken-3 */
}

ul.side-nav.fixed li:active {
	background: #4B5159; /* default_color darken-3 */

}

ul.side-nav.fixed li:hover {
	background-color: #4B5159; /* default_color darken-3 */
}

.side-nav a {
	color: #ffffff; /*  */
	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; /* default_color darken-3 */
	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: #fff;
	font-size: 1.2rem;
	letter-spacing:2px;
	font-weight: normal;
	padding: 0 15px;
}

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

.side-nav .collapsible-body li.active, .side-nav.fixed .collapsible-body li.active {
	background-color: #4B5159; /* default_color darken-3 */
}

.side-nav .collapsible-body li.active a, .side-nav.fixed .collapsible-body li.active a {
	color: #fff;
}

.side-nav .collapsible-body li.active a, .side-nav.fixed .collapsible-body li.active a {
	color: #fff;
}
/********************************************************************
   Text Inputs + Textarea formulieren 
*********************************************************************/
::-webkit-input-placeholder {
 color: #767A80; /* default_color */
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #767A80; /* default_color */
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #767A80; /* default_color */
}

:-ms-input-placeholder {
 color: #767A80; /* default_color */
}
.select-wrapper span.caret {
  color: #767A80; /* default_color */
}
/*************************************************************
  dropdown content
*************************************************************/
.dropdown-content {
  background-color: #8B8E93; /* default_color */
}

.dropdown-content li  {
  color: #fff;
}

.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
  background-color: #767A80; /* default_color darken-1 */
}

.dropdown-content li > a, .dropdown-content li > span {
	color: #ECF4FB; /* of theme_color lighten-5 */
	font-size: 1rem;
	padding: 12px;
}

/*************************************************************
  cards
*************************************************************/
.card .card-content {
	background-color: #ffffff; /* wit */
	color:#363C46;
}

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

.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating) {
  color: #363C46; /* 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; /* default_color text */
}

/*************************************************************
  collection
*************************************************************/
.collection.with-header .collection-header {
	background-color: #00A0E9; /* theme_color_1 */
	border-bottom: 1px solid #B6B7BA; /* 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: 0px 0px;
}
.collection {
	border: 1px solid #B6B7BA ; /* default_color lighten-2 */
	background-color:#ffffff; /* wit */
	color: #363C46; /* tekstkleur */
}

.collection .collection-item {
	background-color:#ffffff; /* wit */
	border-bottom: 1px solid #B6B7BA; /* default_color lighten-2 */
	line-height: 1.0rem;
}
.collection .collection-item .row{
	padding:0;
	margin:0;
}

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

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

.collection .collection-item.active .secondary-content {
	color: #fff;
}

.collection a.collection-item {
	display: block;
	transition: .25s;
	color: #00A0E9; /* theme_color_1 ipv groene kleur materialize of default_color darken-2 */
}

.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 */
}

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: #6AC6E8; /* 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: #fff; /* of theme_color */
}

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: #bdbdbd; /* theme_color_1 lighten-3 */
}

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

.pagination li.active {
	color: #bdbdbd; /* 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);
}