/* PROJECT SPECIFIEK */
 html, body {
	font-family: 'Open Sans', sans-serif;
 	background-color: #C4C4C4;
}

header {
	background-color: #555555;
}

.columns.logo {
	background-color: #555555;
	color: #91d3d0;
	font-size: 30px;
	font-weight: light;
	padding: 10px 20px 20px 15px;
}

.topmenu_maintable {
	background-color: #555555;
}

.secondary.button, .secondary.button:hover {
	color: #91d3d0;
}

input[type="text"], input[type="password"] {
	background-color: #C4C4C4 !important;
	height: 34px;
	box-shadow: none;
}
.workarea input[type="text"], .workarea input[type="password"] {
	background-color: white !important;
}

.detail-inputfield input[type="text"], .detail-inputfield input[type="password"] {
	background-color: white !important;
}

.fieldlabel > label, .detail-inputfield span.inputreadonly {
	line-height: 34px;
	display: inline-block;
	margin-bottom: 5px;
}
.detail-inputfield input, .detail-inputfield select, .detail-inputfield textarea {
	width: auto;
	display: inline;
}

.workarea {
	background-color: #91d3d0;
	height: 100%;
}
h1 {
	color: #555555;
}

.button, .button:hover {
	color: #555555;
}
.secondary.button, .secondary.button:hover {
	color: white;
}

.fi-page-edit, .fi-arrow-down, .fi-arrow-up {
	font-size: 16px;
	cursor: pointer;
	}
.button .fi-arrow-left, .button .fi-trash, .button .fi-check, .button .fi-plus {
	font-size: 20px;
	margin-right: 10px;
}
.fi-page-edit:hover, .fi-arrow-down:hover, .fi-arrow-up:hover {
	color:red;
}

.paginamenu a {
	color: #C4C4C4;
	font-size: 14px;
	font-weight: 600;
	margin-right: 5px;
	height: 34px;
	display: inline-block;
	padding: 5px 8px 0px;
}
.paginamenu a:hover {
	color: #555555;
	background-color: #C4C4C4;
}

.top-bar {
	background-color: #555555;
}
.top-bar-section ul li > a, .top-bar-section li:not(.has-form) a:not(.button) {
	background-color: #555555;
	font-family: 'Open Sans', sans-serif;
 	color: #C4C4C4;
	font-size: 14px;
	font-weight: 600;
	padding-left: 0px;
	line-height: 34px;
}
.top-bar-section ul li > a:hover, .top-bar-section li:not(.has-form) a:not(.button):hover {
	color: #91d3d0;
	background-color: #555555;
}

.tekst a, .geneesmiddel-variabele a {
	color: #555555;
	text-decoration: underline;
}
.tekst h1, .geneesmiddel-variabele h1 {
	font-family: 'Open Sans', sans-serif;
	background-color: #555555;
	color: #C4C4C4 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	margin-bottom: 14px !important;
	height: 20px;
	line-height: 20px;
	padding-left: 10px;
}
.tekst h2, .geneesmiddel-variabele h2 {
	font-family: 'Open Sans', sans-serif;
	background-color: #C4C4C4;
	color: #555555 !important;
	font-size: 14px !important;
	font-weight: normal !important;
	margin-bottom: 14px !important;
	height: 20px;
	line-height: 20px;
	padding-left: 10px;
}

.imagelink {
	cursor: pointer;
}

/* TABLES */
.tablelink {
	font-style: italic;
	cursor: pointer;
}

table {
	table-layout: fixed;
	background: transparent;
}
tr:nth-of-type(2n) {
	background-color: transparent !important;
	background-color: rgba(255,255,255, 0.2) !important;
}
td, th {
	width: 2%;
	background: transparent;
	color: #555555 !important;
}
th, th p {
	font-weight: bold;
}

th p, td p, td li, th li {
	font-size: 14px;
}
th p:last-child, td p:last-child, th ul:last-child, td ul:last-child, th ol:last-child, td ol:last-child {
	margin-bottom: 0px;
}

.error {
	color: #FF0000;
}

.cke_dialog_ui_hbox_first {
	width: 15% !important;
}

.cke_dialog_ui_hbox_first .cke_dialog_ui_hbox_last {
	width: 13% !important;
}

.reveal-modal {
	background-size: 100% 100% !important;
	background-repeat: no-repeat !important;
	width: 100% !important;
	height: 100% !important;
	top: 0px !important;
	left: 0px !important;
	margin: 0px 0px 0px 0px !important;
	color: #555555 !important;
	overflow: auto !important;
	overflow-y: auto !important;
	position: fixed;
}
.reveal-modal h3 {
	color: #555555;
}
.close-reveal-modal {
	position: fixed !important;
	background-color: #555555 !important;
	color: white !important;
	width: 40px;
	height: 40px;
	text-align: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.reveal-modal table {
	table-layout: fixed;
	border: 2px solid white !important;
	background: transparent;
	min-width: 100%;
    width: auto !important;
}
.reveal-modal tr:nth-of-type(2n) {
	background-color: transparent !important;
	background-color: rgba(255,255,255, 0.2) !important;
}
.reveal-modal td, .reveal-modal th {
	width: 2%;
	background: #C4C4C4 !important;
	color: #555555 !important;
	border: 1px solid white !important;
}
.reveal-modal th, .reveal-modal th p {
	font-weight: bold; 
	color: white !important;
	background-color: #555555 !important;
}

.bestellen {
	background-color: #91d3d0;
}
.bestellen .registreren a {
	color: #555555;
	text-decoration: underline;
	display: inline-block;
	margin-bottom: 5px;
}
.registreren p, .foutmelding p {
	margin-bottom: 0;
}
.foutmelding a, .foutmelding a:hover {
	color: #fff;
}