:root {
	--wit: #fff;
	--omaharood: #e03211;
	--omahablauw: #1cb1b8;
	--omahageel: #ef9800;
	--rood: #c41717;
}

* {
	outline:none;
}

.omaharood {background-color:#e03211;}
.omahablauw {background-color:#1cb1b8;}
.omahageel {background-color:#ef9800;}

.iniform {
	width:375px;
	max-width:calc(100% - 30px);
	margin:20px auto 0 auto;
	padding:30px 30px 25px 30px;
	background-color:#1c819a;
	color:#fff;
	border-radius:30px;
}

@media screen and (max-height: 740px) {
	.iniform {
		position:relative;
		-ms-transform:none;
		transform:none;
	}
}
@media screen and (max-width: 200px) {
	.iniform {
		max-width:none;
		width:140px;
	}
}

.iniform p {
	margin-bottom:8px;
}

.iniform h1 {
	margin-bottom:30px;
}

.iniform h1, .iniform p, .iniform a {
	color:#fff;
}

.iniform label {
	width:100%;
	text-align:left;
}
.iniform input[type='text'], .iniform input[type='email'], .iniform input[type='date'], .iniform input[type='time'], .iniform input[type='number'], .iniform input[type='password'], .iniform select {
	width:100%;
	margin-bottom:20px;
}

.iniform input[type='submit'] {
	/* cirkelvormig */
	height:100px;
	width:100px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	display:inline-block;
	float:none;
	display:block;
	margin:20px auto 0 auto;
	padding:0;
	font-size:22px;
	border:1px solid #fff;
}
.iniform input[type='submit']:hover {
	background-color:#c9ca23;
}
.iniform input[type='submit']:disabled {
	background-color:#a2a2a2;
	cursor:not-allowed;
}

.clear {
	display:block;
	width:100%;
	clear:both;
	height:1px;
}

.webmasterecho {
	box-sizing:border-box;
	display:inline-block;
	background:#f7f7f7 url(../img/flyonwall.png) no-repeat left center;
	background-size:20px 20px;
	font-size: 16px;
	color:#000;
	padding:5px 5px 5px 25px;
	margin:5px 5px 5px 0;
}

.ul_arrow li {
	list-style-image:url(../img/arrow-white-11x10.svg);
	margin-left:20px;
}

#chapters {
	margin-bottom:90px;
	font-size:24px;
	line-height:39px;
	text-align:left;
}
@media screen and (max-width: 600px) {
	#chapters {
		text-align:left;
	}
}

.chapter {
	background-color:#1c819a;
	color:#fff;
	font-size:24px;
	margin:0 0 1px 0;
}
.chapter>a, .chapter>p {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:30px 15px 30px 30px;
	margin:0;
}
.chapter>a:hover {
	background-color:#990 !important;
}
p[data-subchapterstyle] {
	font-size:24px;
	text-decoration:none;
	color:#000;
	display:block;
	box-sizing:border-box;
	width:100%;
	height:100%;
}
a[data-subchapter] {
	font-size:24px;
	text-decoration:none;
	color:#000;
	display:block;
	box-sizing:border-box;
	width:100%;
	height:100%;
}
a[data-sub2chapter] {
	font-size:24px;
	text-decoration:none;
	color:#000;
	display:block;
	box-sizing:border-box;
	width:100%;
	height:100%;
}
a[data-sub3chapter] {
	font-size:24px;
	text-decoration:none;
	color:#000;
	display:block;
	box-sizing:border-box;
	width:100%;
	height:100%;
}
a[data-sub4chapter] {
	font-size:24px;
	text-decoration:none;
	color:#000;
	display:block;
	box-sizing:border-box;
	width:100%;
	height:100%;
}
a[data-sub5chapter] {
	font-size:24px;
	text-decoration:none;
	color:#000;
	display:block;
	box-sizing:border-box;
	width:100%;
	height:100%;
}
a[data-sub6chapter] {
	font-size:24px;
	text-decoration:none;
	color:#000;
	display:block;
	box-sizing:border-box;
	width:100%;
	height:100%;
}
.subchapter {
	background-color:#F9B927;
	color:#000;
	/* font-size:24px; */
	margin:0 0 1px 0;
	overflow:hidden;
}
.subchapter>a, .subchapter>p {
	display:block;
	color:#000;
	text-decoration:none;
	padding:30px;
	margin:0;
}
.subchapter>form {
	display:block;
	padding:0 30px 30px 30px;
}
.subchapter>a:not(.pluslink):hover {
	background-color:#ffca50 !important;
}

.emptychapter {
	/* toon tekst hetzelfde als een link */
	display: block;
	color: #000;
	text-decoration: none;
	padding: 30px;
	font-size: 24px;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}
.emptychapter:has(> .blocklink) {
	padding: 0;
}

.stylechapter p {
	color: #000;
	padding: 30px;
	margin: 0;
	font-size: 24px;
	box-sizing: border-box;
	width: 100%;
}

.stylechapter ul {
	padding:30px 30px 30px 0;
	margin-left:50px;
	font-size:24px;
}

.sub2chapter {
	background-color:#ffdf95;
	color:#000;
	margin:0 0 1px 0;
	overflow:hidden;
}
.sub2chapter>a, .sub2chapter>p {
	display:block;
	padding:30px;
	color:#000;
	text-decoration:none;
	margin:0;
}
.sub3chapter>a, .sub3chapter>p {
	display:block;
	padding:30px;
	color:#000;
	text-decoration:none;
	margin:0;
}
.sub4chapter>a, .sub4chapter>p {
	display:block;
	padding:30px;
	color:#000;
	text-decoration:none;
	margin:0;
}
.sub5chapter>a, .sub5chapter>p {
	display:block;
	padding:30px;
	color:#000;
	text-decoration:none;
	margin:0;
}
.sub6chapter>a, .sub6chapter>p {
	display:block;
	padding:30px;
	color:#000;
	text-decoration:none;
	margin:0;
}
.sub2chapter>form {
	display:block;
	padding:0 30px 30px 30px;
}
.sub2chapter>a:hover, .sub2chapter>p>a:hover {
	background-color:rgba(255,255,255,0.4) !important;
}
.sub3chapter {
	background-color: #ffedc3;
	color:#000;
	/* font-size:24px; */
	margin:0;
	border-bottom:1px dashed #000;
	overflow:hidden;
}
.chapter.open, .subchapter.open, .sub2chapter.open, .sub3chapter.open, .sub4chapter.open {
	/* border-bottom:0; toch maar wel stippeltjes tussenin */
}
.sub3chapter>a, .sub3chapter>p {
	display:block;
	padding:30px;
	color:#000;
	text-decoration:none;
	margin:0;
}
.sub4chapter {
	background-color:cornsilk;
	color:#000;
	/* font-size:24px; */
	margin:0;
	border-bottom:1px dashed #000;
	overflow:hidden;
}
.sub4chapter>a, .sub4chapter>p {
	display:block;
	padding:30px;
	color:#000;
	text-decoration:none;
}
.sub5chapter {
	background-color:#fbf8ed;
	color:#000;
	/* font-size:24px; */
	margin:0;
	border-bottom:1px dashed #000;
	overflow:hidden;
}
.sub5chapter>a, .sub5chapter>p {
	display:block;
	padding:30px;
	color:#000;
	text-decoration:none;
}
.sub6chapter {
	background-color:#fffcee;
	color:#000;
	/* font-size:24px; */
	margin:0;
	border-bottom:1px dashed #000;
	overflow:hidden;
}
.sub6chapter>a, .sub6chapter>p {
	display:block;
	padding:30px;
	color:#000;
	text-decoration:none;
}
.sub7chapter {
	background-color:#fffcee;
	color:#000;
	/* font-size:24px; */
	margin:0;
	border-bottom:1px dashed #000;
	overflow:hidden;
}
.sub7chapter>a, .sub7chapter>p {
	display:block;
	padding:30px;
	color:#000;
	text-decoration:none;
}
.sub8chapter {
	background-color:#fffcee;
	color:#000;
	/* font-size:24px; */
	margin:0;
	border-bottom:1px dashed #000;
	overflow:hidden;
}
.sub8chapter>a, .sub8chapter>p {
	display:block;
	padding:30px;
	color:#000;
	text-decoration:none;
}
.emptychapter > a {
	padding:0;
}

#chapters form {
	display:block;
	/* padding:0 30px 30px 30px; */
	padding:30px 10px;
}
#chapters .chapterscontent {
	padding:0 30px;
}
#zorgteamberichtform {
	padding:0 !important;
}

#chapters input[type='checkbox'] {
	width:20px;
	height:20px;
}

/*
.sub3chapter>a:hover {
	background-color:rgba(255,255,255,0.4) !important;
}
.sub4chapter>a:hover {
	background-color:rgba(255,255,255,0.4) !important;
}
.sub5chapter>a:hover {
	background-color:rgba(255,255,255,0.4) !important;
}
.sub6chapter>a:hover {
	background-color:rgba(255,255,255,0.4) !important;
}
.sub7chapter>a:hover {
	background-color:rgba(255,255,255,0.4) !important;
}
.sub8chapter>a:hover {
	background-color:rgba(255,255,255,0.4) !important;
}
*/

.chapterflex {
	display:flex;
}
.planningvandaagelem {
	box-sizing:border-box;
	width:50%;
	padding:15px;
	border-bottom:1px dashed #000;
	flex:1;
}

.chaptercol2 {
	box-sizing:border-box;
	width:50%;
	font-size:18px;
}
.chaptercol2>a, .chaptercol2>p {
	display:block;
	padding:30px;
	color:#000;
	text-decoration:none;
}


@media screen and (max-width: 600px) {
	.sub2chaptercol2 {
		width:100%;
		border-bottom:1px dashed #000;
	}
	.chapterflex {
		display:block;
	}
	.planningvandaagelem {
		flex:none;
		float:left;
		width:100%;
	}
	.chaptercol2 {
		width:100%;
	}
}

#chapters .telefoonlink {
	box-sizing:border-box;
	background:transparent url(../img/icon-telefoon.svg) no-repeat left 30px top 32px;
	background-size:30px auto;
	padding:30px 30px 30px 75px;
	text-decoration:none;
	color:#000;
	font-size:24px;
}
#chapters .mobiellink {
	box-sizing:border-box;
	background:transparent url(../img/icon-mobiel.svg) no-repeat left 30px top 32px;
	background-size:30px auto;
	padding:30px 30px 30px 75px;
	text-decoration:none;
	color:#000;
	font-size:24px;
}
#chapters .emaillink {
	box-sizing:border-box;
	background:transparent url(../img/icon-email.svg) no-repeat left 30px top 32px;
	background-size:30px auto;
	padding:30px 30px 30px 75px;
	text-decoration:none;
	color:#000;
	font-size:24px;
}
#chapters .documentlink {
	box-sizing:border-box;
	background:transparent url(../img/icon-document.svg) no-repeat left 30px top 32px;
	background-size:30px auto;
	padding:30px 30px 30px 75px;
	text-decoration:none;
	color:#000;
	font-size:24px;
}
#chapters .dagrapportagelink {
	box-sizing:border-box;
	background:transparent url(../img/icon-dagrapportage.svg) no-repeat left 30px top 32px;
	background-size:30px auto;
	padding:30px 30px 30px 75px;
	text-decoration:none;
	color:#000;
	font-size:24px;
}
#chapters .healthlink {
	box-sizing:border-box;
	background:transparent url(../img/icon-health.svg) no-repeat left 30px top 32px;
	background-size:30px auto;
	padding:30px 30px 30px 75px;
	text-decoration:none;
	color:#000;
	font-size:24px;
}
#chapters .metinglink {
	box-sizing:border-box;
	background:transparent url(../img/icon-meting.svg) no-repeat left 30px top 32px;
	background-size:30px auto;
	padding:30px 30px 30px 75px;
	text-decoration:none;
	color:#000;
	font-size:24px;
}
#chapters .zorgplanlink {
	box-sizing:border-box;
	background:transparent url(../img/icon-zorgplan2.svg) no-repeat left 30px top 32px;
	background-size:30px auto;
	padding:30px 30px 30px 75px;
	text-decoration:none;
	color:#000;
	font-size:24px;
}
#chapters .zorgplan_oudlink {
	box-sizing:border-box;
	background:transparent url(../img/icon-zorgplan.svg) no-repeat left 30px top 32px;
	background-size:30px auto;
	padding:30px 30px 30px 75px;
	text-decoration:none;
	color:#000;
	font-size:24px;
}
#chapters .notelink {
	box-sizing:border-box;
	background:transparent url(../img/icon-note.svg) no-repeat left 30px top 32px;
	background-size:30px auto;
	padding:30px 30px 30px 75px;
	text-decoration:none;
	color:#000;
	font-size:24px;
}
#chapters .planninglink {
	box-sizing:border-box;
	background:transparent url(../img/icon-planning.svg) no-repeat left 30px top 32px;
	background-size:30px auto;
	padding:30px 30px 30px 75px;
	text-decoration:none;
	color:#000;
	font-size:24px;
}
#chapters .googlemapslink {
	box-sizing:border-box;
	background:transparent url(../img/icon-googlemaps.svg) no-repeat left 30px top 28px;
	background-size:30px auto;
	padding:30px 30px 30px 75px;
	text-decoration:none;
	color:#000;
	font-size:24px;
}
#chapters .infolink {
	box-sizing:border-box;
	background:transparent url(../img/icon-info.svg) no-repeat left 30px top 28px;
	background-size:30px auto;
	padding:30px 30px 30px 75px;
	text-decoration:none;
	color:#000;
	font-size:24px;
}
#chapters .personlink {
	box-sizing:border-box;
	background:transparent url(../img/icon-person.svg) no-repeat left 30px top 32px;
	background-size:30px auto;
	padding:30px 30px 30px 75px;
	text-decoration:none;
	color:#000;
	font-size:24px;
}
#chapters .personslink {
	box-sizing:border-box;
	background:transparent url(../img/icon-persons.svg) no-repeat left 30px top 32px;
	background-size:30px auto;
	padding:30px 30px 30px 75px;
	text-decoration:none;
	color:#000;
	font-size:24px;
}
#chapters .idea {
	box-sizing:border-box;
	background:paleturquoise url(../img/icon-idea.svg) no-repeat left 15px top 28px;
	background-size:30px auto;
	padding:30px 30px 30px 50px;
	text-decoration:none;
	font-size:24px;
}
.idea p:first-of-type {
	padding-top:0;
}
#chapters .pluslink {
	box-sizing:border-box;
	/* background:inherit; */
	background-image:url(../img/icon-plus.svg);
	background-repeat:no-repeat;
	background-position:left 30px top 32px;
	background-size:30px auto;
	padding:30px 30px 30px 75px;
	text-decoration:none;
	color:#000;
	font-size:24px;
}
#chapters .pluslink.open {
	background-image:none;
}

.linkastext {
	color:inherit;
	text-decoration:inherit;
}
.linkastext:hover {
	text-decoration:underline;
}

.blocklink {
	box-sizing:border-box !important;
	display:block !important;
	width:100% !important;
	height:100% !important;
}
.emptychapter .blocklink {
	padding: 30px;
}
.emptychapter .pdflink {
	padding-left: 80px !important;
}

.form1c {
/* 1-col form */
}

.form1c input[type='text'], .form1c input[type='email'], .form1c input[type='date'], .form1c input[type='time'], .form1c input[type='number'], .form1c textarea, .form1c .inputs {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 20px;
}

.form1c input[type='text'], .form1c input[type='email'], .form1c input[type='date'], .form1c input[type='time'], .form1c input[type='number'] {
	height: 40px;
}

.form1c input[type='time'], input[type='date'] {
	width:auto !important;
	min-width: 54px;
}

.form1c label {
	box-sizing:border-box;
	width:100%;
}

.form1c input[type='radio'], .form1c input[type='checkbox'] {
	/*tekst rechts ernaast goed uitlijnen */
	float:left;
	margin-top:0;
	margin-right: 8px;
}
.form1c .inputs input[type='radio'], .form1c .inputs input[type='checkbox'] {
	float:none;
	vertical-align:middle;
}
.form1c .lijst p input[type='radio'], .form1c .lijst p input[type='checkbox'] {
	margin-top: 0;
}

.form1c select {
	height: 40px;
	background: #fff;
	border: 1px solid #000;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 20px;
}

#chapters form {
	font-size:18px;
	overflow:hidden;
}

.waitokstatus {
	width:15px;
	height:15px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}

#chapters .waitokstatus {
	float:right;
	margin-top:-20px;
}

.waitstatus {
	background-image:url(../img/wait.gif);
}
.okstatus {
	background-image:url(../img/ok-green.svg);
	background-repeat: no-repeat;
	/* background-size: 23px;
	background-position: left 0 top 3px; verwijderd omdat kruisje/vinkje anders niet volledig zichtbaar in dagrapportage zie ook .errorstatus */
	padding-left: 26px;
}
.errorstatus {
	background-image:url(../img/error-red.svg);
	background-repeat: no-repeat;
	/* background-size: 23px;
	background-position: left 0 top 3px; verwijderd omdat kruisje/vinkje anders niet volledig zichtbaar in dagrapportage zie ook .okstatus */
	padding-left: 26px;
}

.error {
	display: table;/* inline-block but new line */
	background-color: red;
	color: white;
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-weight: bold;
}
.ok {
	display: table;/* inline-block but new line */
	background-color: #669900;
	color: white;
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-weight: bold;
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.info, .infoleeg {
	/* lichtblauw informatietekstje */
	display:inline-block;
	min-height:20px;
	line-height:20px;
	background:#d5eaef url(../img/icon-idea.svg) no-repeat left 7px top 8px;
	padding:5px 15px 5px 30px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

.infoleeg {
	display:block;
	min-height:20px;
	line-height:20px;
	background:transparent url(../img/icon-idea.svg) no-repeat left 7px top 8px;
	padding:5px 15px 5px 30px;
}

.li-checked:before {
	content: '✓';
}
.li-notchecked:before {
	content: '';
}

.circle {
	height:35px;
	width:35px;
	line-height:33px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	display:inline-block;
	margin-top:-8px;
	color:#fff;
	font-size:16px;
	text-align:center;
	clear:none;
}

.toleft {
	float:left;
	margin-left:0;
	margin-right:10px;
}

.toright {
	float:right;
	clear:right;
	margin:0 0 0 10px;
}
.circle.toright {
	margin-top:2px;
}

.subtextinput {
	float:right;
	margin-top:0;
	margin-bottom:20px;
	font-size:85%;
	font-style:italic;
}

.chapterk2cont {
	border-bottom: 1px dashed #000;
	overflow: hidden;
	margin-top: -1px;
}

.chapterk2left {
	box-sizing:border-box;
	display:inline-block;
	/* min-width:31%; */
	width:50%;
	float:left;
	clear:both;
	line-height:30px;
	border-bottom:1px dashed #000;
	/* white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; */
}
.chapterk2right {
	box-sizing:border-box;
	display:inline-block;
	/* width:69%; */
	width:50%;
	min-height:31px;
	float:right;
	line-height:30px;
	border-bottom:1px dashed #000;
}

/*
@media screen and (max-width: 770px) {
	.chapterk2left {
		min-width:50%;
	}
	.chapterk2right {
		width:50%;
	}
}
*/
@media screen and (max-width: 400px) {
	.chapterk2left {
		width: 100%;
	}
	.chapterk2right {
		width: 100%;
		text-align: right;
	}
	.chapterk2right input {
		margin-top: 0 !important;
		float: none !important;
	}
}

.lijst {
	clear:both;
	border-top:1px dashed #000;
	margin:30px 0;
}
.lijst p {
	box-sizing:border-box;
	margin:0;
	padding:0 5px;
	display:block;
	box-sizing:border-box;
	width:100%;
	min-height:30px;
	line-height:30px;
	border-top:0;
	border-bottom:1px dashed #000;
	color:#000;
	overflow:hidden;/* aanpassing 29-03-2017 */
}
.lijst a {
	box-sizing:border-box;
	display:block;
	width:100%;
	min-height:30px;
	line-height:30px;
	color:#000;
	outline:0;
	margin:0;
	/* padding:0; uitgezet want .pdflink etc heeft padding nodig */
}

.lijst a:link, .lijst a:visited {
	text-decoration:none;
}
.lijst a:hover, .lijst a:active, .lijsthover p:hover {
	background-color: rgba(0, 0, 0, 0.1);
	text-decoration:none;
}

.lijst a.plainlink {
	display:inline;
	box-sizing:border-box;
	width:auto;
	min-height:auto;
	line-height:inherit;
	color:#c41717;
}

.lijst a.plainlink:link, .lijst a.plainlink:visited {
	text-decoration:none;
}

.lijst a.plainlink:hover, .lijst a.plainlink:active {
	background-color:transparent;
	text-decoration:underline;
}

.lijst p[open], .lijst p[sub] {
	background-color:#fffbe5;
}

.lijstfloatright {
	float:right;
	/* margin-top:3px; maakt de rij hoger */
}
.lijstexplain {
	/* voeg een uitleg toe rechts in de rij, kleiner lettertype */
	width:auto !important; 
	margin-top:4px;
	padding-right:35px; 
	line-height:100px; /* wordt 20px via hover */
	font-size:65%;
	/* cursor:default; */
}
.lijstexplain:hover {
	line-height:20px;
}

.lijstheader {
	text-transform:uppercase;
	font-weight:bold;
}

.labelinput {
	/* voor bijv eenregelige forms */
	box-sizing:border-box;
	float:left;
	margin-right:15px;
	max-width:100%;
}
.labelinput label, .labelinput input, .labelinput textarea, .labelinput select {
	float:none;
	box-sizing:border-box;
	width:auto;
	max-width:100%;
	margin-right:15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align:top;
}

.editable {
	box-sizing:border-box;
	display:block;
	width:25px;
	height:20px;
	background:transparent url(../../portaalshared/img/icon-pencil.svg) no-repeat right 5px center;
	background-size:contain;
}
.noteditable {
	box-sizing:border-box;
	display:block;
	width:25px;
	height:20px;
	background:transparent url(../../portaalshared/img/icon-redcross.svg) no-repeat right 5px center;
	background-size:contain;
}
.noteditable_ok {
	box-sizing:border-box;
	display:block;
	width:25px;
	height:20px;
	background:transparent url(../../portaalshared/img/ok-green.svg) no-repeat right 5px center;
	background-size:contain;
}

.pdflink, .doclink, .xlslink, .youtubelink, .imglink {
	/* background-size: contain; */
	background-size: 30px;
	background-position: left 30px center;
	background-repeat: no-repeat;
	padding-left: 80px !important;
	text-decoration:none;
}
.pdflink {
	background-image: url(../img/icon-pdf.svg);
}
.doclink {
	background-image: url(../img/icon-doc.svg);
}
.xlslink {
	background-image: url(../img/icon-xls.svg);
}
.youtubelink {
	background-image: url(../img/icon-youtube.svg);
}
.imglink {
	background-image: url(../img/icon-img.svg);
}

#chapters p.truncate {
	-webkit-line-clamp:3;
	line-clamp:3;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	padding:0 0 3px 0;
	margin:30px;
	cursor:pointer;
}

#chapters .ztbcontainer {
	padding:30px;
	max-height:100vh;
	overflow-y:auto;
	overflow-x:hidden;
}

.ztb {
	/* zorgteambericht / eigen zorgteambericht */
	padding:30px;
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	width:87%;
	background-color:rgba(255,255,255,0.75);
	float:left;
	clear:left;
	margin-bottom:30px;
	font-size:18px; /* ietsje kleiner dan normaal */
	line-height:27px;
}
.ztbown {
	float:right;
	clear:right;
	background-color:rgb(181, 240, 255);
	font-size:18px;
	line-height:27px;
}
@media screen and (max-width: 630px) {
	.ztb {
		padding:15px;
		border-radius:15px;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
	}
}
@media screen and (max-width: 550px) {
	.ztb {
		width:95%;
	}
}

.urgent {
	background-color: #c41717;
	color: #fff;
	display: inline-block;
	margin: 0 10px 0 -10px;
	padding: 0 10px 0 10px;
	padding-left: 10px;
	text-align: center;
}
.urgentverlopen {
	background-color: #b6b6b6;
}

.urgent2 {
	display: block;
	font-style: italic;
	background: red;
	color: white;
	margin-left: 20px;
	padding: 0 10px;
	border-radius: 15px;
	float: right;
}
.urgent2verlopen {
	background-color: #b6b6b6;
}

#chapters .urgent {
	line-height:24px;
	height:25px;/* geen extra witruimte van regel die urgent bevat */
}

.pinned {
background-image: url(../img/icon-pinned.svg);
background-repeat: no-repeat;
background-size: 20px 20px;
background-position: right 10px top 10px;
}

@media screen and (max-width: 450px) {
	/* start mobile */
	.form1c input[type='text'], .form1c input[type='email'], .form1c input[type='date'], .form1c input[type='time'], .form1c input[type='number'] {
		font-size:24px;
		line-height:36px;
		height:36px;
	}
	.form1c textarea {
		font-size:24px;
		line-height:36px;
		min-height:36px;
	}
}

.icon-ios-options {
	display:inline-block;
	width:30px;
	height:30px;
	background:transparent url(../img/icon-ios-options.svg) no-repeat center center;
	background-size:contain;
}

#startscreentip {
	box-sizing:border-box;
	width:100%;
	margin:0 auto;
	padding:20px 40px;
	text-align:center;
}

div[class$="chapter"] .subregel_chapter, div[class$="chapter open"] .subregel_chapter {
	box-sizing: border-box;
	display: table;
	width: 100%;
	width: auto;
	float: right;
	margin-left: 20px;
	margin-bottom:10px;
	font-style: italic;
	font-size: 14px;
	line-height: 18px;
	text-align: right;
	clear: right;
}

.plusformcontainer {
	background-color:azure;
}

.subalinea {
	display:block;
	margin-left:20px;
}

#chapters form p {
	width: 100%;/* toegevoegd 23-01-2023 */
	padding-bottom:0 !important;
}

#chapters form input[type='radio'], #chapters form input[type='checkbox'] {
	/* in combi met label class checklabel */
	float: left;
	width: 20px;
	height: 20px;
	margin-top: 10px;
	margin-right: 10px;
	vertical-align:text-bottom;
	clear: both;
}

.checklabel {
	width:auto;
	float:left;
	font-style:normal;
}

.zorgplanmodulediv {
	border:1px dashed #333;
	background-position:right 20px center;
	background-repeat:no-repeat;
	background-size:auto 60px;
	padding-right:140px !important;
	margin-bottom:20px !important;
}
@media screen and (max-width: 600px) {
	.zorgplanmodulediv {
		border:1px dashed #333;
		background-position:right 20px center;
		background-repeat:no-repeat;
		background-size:auto 30px;
		padding-right:80px !important;
		margin-bottom:20px !important;
	}
}

.gradient-score {
	/* kleurstapel met ondertitel */
	box-sizing:border-box;
	display:block;
	float:left;
	width:100px;
	max-width:calc(33% - 20px);
	height:124px;
	margin:0 20px 20px 0;
	text-align:center;
	background:#fff url() bottom repeat-x;
	white-space:nowrap;
-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
}
@media screen and (max-width: 420px) {
	.gradient-score {
		font-size:18px;
	}
}

.gradient-score-explain {
	font-size:18px;
	line-height:27px;
	font-style:italic;
}
@media screen and (max-width: 760px) {
	.gradient-score-explain {
		clear:all;
		float:left;
	}
}

.fontsize_table {
	font-size: 3.0vw;
}
@media screen and (min-width: 630px) {
	.fontsize_table {
		font-size: 20px;
	}
}

.timetextclone {
	float: none !important;
	margin: 0 !important;
	margin-bottom: 0px;
	margin-bottom: 10px !important;
	line-height: 24px !important;
	box-sizing: border-box !important;
	min-height: 30px !important;
	width: 59px !important;
	height: 38px !important;
	padding-left: 3px !important;
	display: inline-block !important;
}

.inlinebutton {
	text-decoration: none;
	margin: 0 20px 20px 0;
	background: gold;
	color: #000;
	padding: 10px 20px;
	border-radius: 20px;
	white-space: nowrap;
}

.modaltiny {
	position: fixed;
	z-index: 1000;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background:#fff;
	width: 450px;
	max-width: 75%;
	padding:0;
	-webkit-box-shadow: 3px 4px 8px -4px rgba(0,0,0,0.29);
	-moz-box-shadow: 3px 4px 8px -4px rgba(0,0,0,0.29);
	box-shadow: 3px 4px 8px -4px rgba(0,0,0,0.29);
}
.modaltinyclose {
	display:block;
	width:30px;
	height:30px;
	background: var(--rood) url(../../portaalshared/img/cross-white.png) no-repeat center center;
	background-size: 50%;
	margin:0;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
}
.modaltinyhead {
	height: 30px;
	background-color: #949494;
	color: #fff;
	float: left;
	margin:0;
	width: 100%;
	font-size: 16px;
	line-height: 30px;
	text-align:center;
}
.modaltinyhtml {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 100%;
	max-height: 80vh;
	overflow-y: auto;
	text-align: left;
	margin-top: 15px;
}