/*main color settings*/
html,
body,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=date],
input[type=time],
input[type=checkbox],
select,
option,
textarea {
	color: #333;
}

.btn,
.area,
.inputArea,
input[type=radio]:checked ~ label,
input[type=checkbox]:checked ~ label {
	background-color: #009cde;
}

.areaContent,
.inputAreaContent,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=date],
input[type=time],
input[type=checkbox],
select,
option,
textarea,
.textInput,
.textInputDisabled,
.checkItemArea {
	background-color: white;
}

input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=date],
input[type=time],
input[type=checkbox],
select,
option,
textarea {
	border-color: #999;
}

.areaContent {
	border-color: white;
}

.btn,
.checkItemArea label {
	border-color: #009cde;
}

header h3,
.succesText,
.checkItemArea .labelText,
.title,
.mainTitle {
	color: #009cde;
}

.btn,
.btnDisabled *,
.newsBlock .title,
.areaHeader .title,
.inputArea .title,
input[type=radio]:checked ~ label,
input[type=checkbox]:checked ~ label,
input[type=radio]:checked ~ .labelText,
input[type=checkbox]:checked ~ .labelText {
	color: white;
}


/*dienstsoort uit taxi*/

.iconG,
.iconS,
.iconE,
.iconU,
.dienstsoortId0,
.dienstsoortId0btn,
.normeringwerksoortId0,
.inputAreaDisabled {
	background-color: rgb(200,200,200);
}

.dienstsoortId0bg {
	background-color: rgba(200,200,200, .25);
}

.dienstsoortId0btn {
	border-color: rgb(200,200,200);
}

.iconD,
.dienstsoortId1,
.dienstsoortId1btn {
	background-color: rgb(170,170,66);
}

.dienstsoortId1bg {
	background-color: rgba(170,170,66, .25);
}

.dienstsoortId1btn {
	border-color: rgb(170,170,66);
}

.iconW,
.dienstsoortId2,
.dienstsoortId2btn,
.dienstsoortId3,
.dienstsoortId3btn,
.dienstsoortId4,
.dienstsoortId4btn,
.dienstsoortId15,
.dienstsoortId15btn,
.dienstsoortId16,
.dienstsoortId16btn,
.dienstsoortId99,
.dienstsoortId99btn {
	background-color: rgb(241, 121, 1);
}

.dienstsoortId2bg,
.dienstsoortId3bg,
.dienstsoortId4bg,
.dienstsoortId15bg,
.dienstsoortId16bg,
.dienstsoortId99bg {
	background-color: rgba(241, 121, 1, .25);
}

.dienstsoortId2btn,
.dienstsoortId3btn,
.dienstsoortId4btn,
.dienstsoortId15btn,
.dienstsoortId16btn,
.dienstsoortId99btn {
	border-color: rgb(241, 121, 1);
}

.dienstsoortId10,
.dienstsoortId10btn,
.dienstsoortId11,
.dienstsoortId11btn {
	background-color: rgb(11, 99, 196);
}

.dienstsoortId10bg,
.dienstsoortId11bg {
	background-color: rgba(11, 99, 196, .25);
}

.dienstsoortId10btn,
.dienstsoortId11btn {
	border-color: rgb(11, 99, 196);
}

.dienstsoortId8,
.dienstsoortId8btn,
.dienstsoortId6,
.dienstsoortId6btn,
.dienstsoortId7,
.dienstsoortId7btn,
.dienstsoortId9,
.dienstsoortId9btn,
.dienstsoortId13,
.dienstsoortId13btn,
.dienstsoortId14,
.dienstsoortId14btn,
.dienstsoortId18,
.dienstsoortId18btn,
.dienstsoortId181,
.dienstsoortId181btn {
	background-color: rgb(244, 209, 11);
}

.dienstsoortId8bg,
.dienstsoortId6bg,
.dienstsoortId7bg,
.dienstsoortId9bg,
.dienstsoortId13bg,
.dienstsoortId14bg,
.dienstsoortId18bg,
.dienstsoortId181bg {
	background-color: rgba(244, 209, 11, .25);
}

.dienstsoortId8btn,
.dienstsoortId6btn,
.dienstsoortId7btn,
.dienstsoortId9btn,
.dienstsoortId13btn,
.dienstsoortId14btn,
.dienstsoortId18btn,
.dienstsoortId181btn {
	border-color: rgb(244, 209, 11);
}

.dienstsoortId91,
.dienstsoortId91btn,
.dienstsoortId911,
.dienstsoortId911btn {
	background-color: rgb(164, 136, 23);
}

.dienstsoortId91btn,
.dienstsoortId911btn {
	border-color: rgb(164, 136, 23);
}

.dienstsoortId91bg,
.dienstsoortId911bg {
	background-color: rgba(164, 136, 23, .25);
}

.dienstsoortId12,
.dienstsoortId12btn {
	background-color: rgb(60, 60, 60);
}

.dienstsoortId12bg {
	background-color: rgba(60, 60, 60, .25);
}

.dienstsoortId12btn {
	border-color: rgb(60, 60, 60);
}

.dienstsoortId17,
.dienstsoortId17btn {
	background-color: rgb(128, 64, 64);
}

.dienstsoortId17bg {
	background-color: rgba(128, 64, 64, .25);
}

.dienstsoortId17btn {
	border-color: rgb(128, 64, 64);
}



.iconP,
.iconN {
	background-color: #dc4301;
}

.iconB {
	background-color: #b13601;
}

.iconT {
	background-color: #8c0000;
}

.iconA {
	background-color: #bca605;
}

.iconF {
	background-color: #e6e600;
}

.iconEuro {
	background-color: #8010fc;
}



.smallDayText {
	padding: 2px;
	font-size: 10px;
	line-height: 10px;
	margin-bottom: 0;
}

#addDienst,
.dienstenArea,
.dienst,
.diensten {
	background-color: rgb(170,170,66);
}

.newsBlock,
.newsBlock .btn,
#addRit,
.rittenArea,
.ritbtn,
.rit,
.ritten {
	background-color: #4CA32F;
}

.newsBlock .btn,
.ritbtn {
	border-color: #4CA32F;
}

.error {
	background-color: red;
}

.errorText {
	color: red;
}

.pending {
	background-color: rgb(200,200,200);
}

.succes {
	background-color: rgb(170,170,66);
}