html, body {
	height: 100%;
	font-family: "Open Sans",sans-serif;
	font-size: 14px;
}
*, h1, h2, h3, h4, h5, h6 {
	font-family: "Open Sans",sans-serif;
}
h1 {
	font-size: 30px;
	line-height: 38px;
	margin-bottom: 15px;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 36px;
}
h3, h5 {
	font-size: 14px;
	line-height: 28px;
	font-weight: bold;
}
[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {
    -moz-appearance: none;
    background-color: #c4c4c4;
    border: 1px solid #cacaca;
    border-radius: 0;
    box-sizing: border-box;
    color: #0a0a0a;
    display: block;
    font-family: inherit;
    font-size: 1rem;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: 0.5rem;
    transition: box-shadow 0.5s ease 0s, border-color 0.25s ease-in-out 0s;
    width: 100%;
}
textarea {
    max-width: 100%;
}
textarea[rows] {
    height: auto;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #555555;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #555555;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #555555;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #555555;
}
input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
    background-color: #e6e6e6;
    cursor: default;
}
[type="submit"], [type="button"] {
    -moz-appearance: none;
    border-radius: 0;
}
input[type="search"] {
    box-sizing: border-box;
}

.padding-left {
	padding: 0px 0px 15px 15px;
}
.zoek-wrapper {
	background-color: #c4c4c4; 
	height: 40px; 
}
.search {
	background-color: transparent; 
	border: 0px;
	margin-top: 2px;
	padding-left: 15px;
}
.zoekknoppen {
	background-color: #c4c4c4; 
	padding-right: 15px !important; 
	padding-left: 0px; 
	height: 40px; 
	line-height: 38px;
	color: #555555;
}
.zoekknoppen i {
	cursor: pointer;
}

.geblokkeerd {
	color: #91d3d0;
}
.geblokkeerd span.white {
	color: white;
}
.header {
	height: 162px;
	background: #555555;
	color: #91d3d0;
	padding-top: 15px;
}
.nosubtitel .header {
	height: 124px;
}
.header .button {
	font-size: 1.2em;
	background-color: #91d3d0;
	color: #555555;
	text-decoration: underline;
}
.menu li {
	list-style-type: none;
	float: left;
	color: #c4c4c4;
	padding-right: 30px;
	cursor: pointer;
	font-weight: bold;
	line-height: 38px;
}
.menu li:hover {
	color: #91d3d0;
}
.content {
	min-height: 100%;
	margin-top: -162px;
}
.nosubtitel .content {
	margin-top: -124px;
}
.content > .columns {
	margin-top: 162px;
}
.nosubtitel .content > .columns {
	margin-top: 124px;
}
.content > .columns:first-child {
	background: #555555;
	color: c4c4c4;
}
.content > .columns.inhoud {
	background: #91d3d0;
	color: #555555;
	padding: 15px 30px 30px;
}
.content > .columns.inhoud a {
	text-decoration: underline;
	color: #555555;
}

.stap, .inleiding {
	margin-bottom: 1.875rem;
}
.laatste.stap {
	margin-bottom: 15px;
}

.zaak, .indicatie, .regionaleafspraak {
	color: #c4c4c4;
	padding: 5px 10px;
	cursor: pointer;
	margin: 0px -15px !important;
}
.regionaleafspraak {
	padding: 15px;
}
.zaakrij .zaak, .regionaleafspraakrij .regionaleafspraaktitel {
	font-weight: bold;
	color: #c4c4c4;
	white-space: nowrap;
}
.zaakrij.actief .zaak, .regionaleafspraakrij .regionaleafspraaktitel  {
	background: #91d3d0;
	color: #555555;
}
.regionaleafspraaktitel {
	padding: 5px 15px;
	white-space: normal !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
}
.zaakcode {
	display: inline-block;
	white-space: normal;
	vertical-align: top;
	width: 30px; 
}
.zaaktitel {
	display: inline-block;
	white-space: normal;
	vertical-align: top;
}
.indicatie:hover, .indicatie.actief, .zaak:hover, .regionaleafspraak:hover, .regionaleafspraak.actief {
	background: #c4c4c4;
	color: #555555;
}
.hover-en-actief {
	cursor: pointer;
}
.hover-en-actief:hover, .hover-en-actief.actief {
	background: #9AB1B1;
}
.medicatie, .submedicatie {
	padding-left: 60px;
}
.tussenkopje {
	padding-left: 90px;
}
.medicatiegroep .tussenkopje {
	padding-left: 60px;
}
.ondertitel {
	margin-top: -15px;
}
.content-header {
	font-size: 14px;
	line-height: 28px;
	color: #91d3d0;
	background-color: #555555;
	font-weight: bold;
	padding: 0px 15px;
}
.plus-knop {
    display: block;
    width: 20px;
    margin-right: -15px;
    margin-left: 15px;
    float: left;
    padding-left: 35px;
    min-height: 10px;
}
.tekst {
	padding: 10px;
	background: white;
	height: 200px;
	overflow: auto;
}
.tekst h5 {
	line-height: normal;
}
.tekstcontent {
	margin-bottom: 15px;
}
.nietgevonden {
	font-style: italic;
}
.dosering {
	font-style: italic;
}
.leesverder {
	max-height: 100px;
}
.leesverderknop {
	cursor: pointer;
	font-style: italic;
}
.zoekresultaat {
	cursor: pointer;
	color: #c4c4c4;
}
.zoekresultaat .columns {
	padding-top: 8px;
	padding-bottom: 8px;
}
.zoekresultaat .medicatie_subtitel {
	font-size: 0.9em;
}
.zoekresultaat:hover, .zoekresultaat.actief {
	background: #91d3d0;
	color: #555555;
}
.zoekresultaat .columns {
	white-space: nowrap;
}
.zoekresultaat .icon {
	display: inline-block;
	white-space: normal;
	font-size: 16px;
	width: 40px;
	vertical-align: top;
}
.zoekresultaat .resultaat {
	display: inline-block;
	white-space: normal;
	vertical-align: top;
	padding-top: 3px;
	padding-right: 45px;
}

.selectievelden {
	background-color: #d3eaea;
	height: 200px;
	overflow: auto;
}
.first.selectievelden {
	height: auto;
}
.selectievelden .behandelstap, .selectievelden .medicatiegroep, .selectievelden .comedicatie, .selectievelden .patientkenmerk, .nietgevonden {
    padding: 0px 15px 0px 35px;
    text-indent: -35px;
    display: block;
}
div > .fa-star-of-life, div .fa-graduation-cap {
	padding: 0 0 0 5px;
	text-indent: 0;
	display: inline;
}
.sub.behandelstap, .sub.patientkenmerk {
	padding-left: 60px;
}
.sub.behandelstap {
	text-indent: 0px;
}
.nietgevonden {
	padding-left: 50px;
}

.bronnen a {
	color: #555555;
	text-decoration: underline;
}

table {
	border: 0px solid white;
	width: 100%;
	border-spacing: 1px;
    border-collapse: separate;
}
th, td {
	padding: 2px 5px;
	font-size: 0.9em;
	text-align: left;
	border: 0px;
}
th {
	background-color: #afc6c6;
}
td {
	background-color: #d3eaea;
}
.fa-eye-slash {
	color: red;
}

h2 .fa-star-of-life, h2 .fa-graduation-cap {
	color: #d3eaea;
}

.float-right-button {
	background-color: #555;
	color: #c4c4c4;
	float: right;
	margin-left: 15px;
}
.float-right-button:hover, .float-right-button:active, .float-right-button:focus {
	background-color: #3b3b3b;
	color: #c4c4c4;
}

.badge.nieuw {
	background-color: #91d3d0;
	color: #555;
	padding: 3px 6px;
	font-size: 12px;
	border-radius: 5px;
	margin-left: 10px;
	float: right;
	font-weight: bold;
}