html, body {
	margin:0px;
	padding:0px;
	height: 100%;
}

body, td, table, textarea {
	font-family: arial;
	color:#000000;
	font-size: 12px;
}

a:link, a:visited {
	color: #43C3DC;
	text-decoration: none;
}

.file_name a:link, .file_name a:visited {
	color: #000;
}

.file_name a:hover {
	text-decoration:underline;
}

.version {
	padding: 10px;
	font-weight: bold;
}

a.asc:link, a.asc:visited {
	background-image: url(./../../../img/ascending.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 20px;

}


a.desc:link, a.desc:visited {
	background-image: url(./../../../img/descending.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 20px;

}
/* origineel Menu */

.menu {
	margin-top:15px;
	padding: 0px 0px 13px 0px;
	color: #fff;
	font-size: 14px;
	border-top:1px solid #6c6d71;
}

#content {
	width: 100%;
	height: 100%;

}

h1, .toptitle {
	color: #43c3dc;
	padding: 0 0 10px 10px;
	margin: 0;
	font-size: 25px;
	text-transform: capitalize;
	font-weight:normal;
}

.inner {
	padding: 10px;
}

.menu a:link, .menu a:visited, .menu a:active, .menu a:hover {
	padding: 3px 10px 3px 10px;
	line-height:12px;
	FONT-SIZE : 3mm;
	FONT-FAMILY : arial;
	font-weight: bold;
	display: block;
	text-decoration: none;
	background: #43c3dc;
	border-bottom:1px solid #6c6d71;
}

.menu a:link, .menu a:visited {
	COLOR : #FFFFFF;
}

.menu a:hover, .menu a:active, .menu a:focus, .menu a.active:link, .menu a.active:visited {
	background: #FFFFFF;
	color: #43c3dc;
}

#maintab {
	width: 100%;
	height: 100%;
}

.lmmain {
	width: 10px;
	font-size: 1px;
}

.lcmain {
	width: 200px;
	background: #43c3dc;
}

.lmmainb, .lrmainb {
	border-top:1px solid #43c3dc;
	border-bottom:1px solid #43c3dc;
}

.lcmainb {
	border-top:1px solid #6c6d71;
	border-bottom:1px solid #6c6d71;
	background: #43c3dc;
}

.header {
	padding: 5px 10px 5px 10px;
}

#form {
	height: 100%;
}

img {
	border:none;
}

form {
	margin:0;
}

table {
	border: none;
	border-collapse: collapse;
	empty-cells: show;
	border-spacing: 0;
}

.dataTable {
	border-collapse:collapse;
	border: 1px solid #d6d6d6;
	margin-bottom: 20px;
}

.dataTable td, .dataTable th {
	padding: 4px 4px;
	border: 1px solid #e1e1e1;
}

.dataTable td a {
	/* padding: 4px 14px;*/
}

a:focus {
	outline:none;
}

.loginText{
	width:150px;
}
span.req{
	color:red;
}


.error {
	color: #ff0000;
	font-weight: bold;
}


.note {
	padding:10px;
	background:#F1F1F1;
	margin-top: 10px;
}

/* FORM TABLE */

.inputForm td, .xtra .inputForm td {
	padding: 3px;
}

.formtext {
	width: 400px;
}

.formtextsmall {
	width: 100px;
}

.formtextarea {
	width: 400px;
	height: 100px;
}

.formKey {
	vertical-align:top;
}

td.formValue {
	padding-left: 10px;
	vertical-align:top;
}

.xtra td {
	padding: 0;
	vertical-align:top;
}

#patientInfo {
	padding: 0 0 0 10px;
}

label.error {
	padding-left: 10px;
}

input.error {
	color: #000;
	border: 2px dotted red;
}
tr.even {
	background: #e5fbff;
}

.bnew {

}

.searchbx {
	margin-bottom: 10px;
	/* border-top: 1px #43c3dc solid; */
	border-bottom: 1px #43c3dc solid;
	padding: 0px 0 10px 0;
}

.newbx {
	border-bottom: 1px #43c3dc solid;
	padding: 0px 0 10px 0;
	margin-bottom: 10px;
}

.paginate {
	text-align: center;
}

.saved {
	color:green;
	font-weight:bold;
	padding-bottom: 10px;
}

#prijs, #verzValuta {
	font-weight: bold;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

.vpeLeft, .vpeRight {
	float: left;
	width: 206px;
	line-height: 28px;
}

.opLeft, .opRight {
	float:left;
	margin-right: 10px;
}



input.vpe {
	margin:3px 0 3px 0;
}

select.vpe {
	margin:4px 0 4px 10px;
}

.prijs, .valuta, .vepAantal {
	float: left;
	padding-left: 10px;
}

.prijs, #eventsPrijsHTML {
	padding-right: 10px;
	width: 50px;
	text-align: right;
}

.totprijs {
	font-weight: bold;
	line-height: 28px;
}

#eventsPrijsHTML {
	float: left;
	padding-left: 10px;
}

.hidden {
	display:none;
}

.clear {
	clear:both;
}

.timerbx {
	border: 2px #000 solid;
	padding: 20px;
	float:left;
	margin-bottom: 20px;
}

.timerbx td {
	font-size: 30px;
}

#patientHistory {
 margin-left: 50px;

}
/*
.loading {
	background-image: url(./../img/loading.gif);
	background-position: center center;
	display:none;
}*/
.loading {
    position: fixed;
    z-index: 10000;
    z-index: 499;
    width: 70px;
    height: 70px;
    left: 50%;
    margin-left: -35px;
    top: 50%;
    margin-top: -35px;
    background-color: rgba(198, 61, 35, 0.63);
	background-color: rgb(254, 203, 0);
	    background-color: rgb(4, 178, 225);
    border-radius: 100px;

    padding: 0px;
}
.loading::after {
	content: '';
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.loading_icon {
    position: absolute;
    top: 23%;
    left: 22%;
}
.loading_tekst {
	font-size: 30px;
	color: #7c0e2d;
	color: #fff;
	position: relative;
	top: 100px;
	left: -60px;
	font-size: 20px;
	color: #7c0e2d;
	color: #fff;/
	position: relative;
	top: 79px;
	left: -47px;
	text-align: center;
	display: none;
}
.patientTitle {
	padding-bottom: 20px;
	border-bottom: 1px #43c3dc solid;
}

.zoekPatient {
	margin-top: 20px;
}

table.patienth {

}

.patienth td, .patienth th {
	padding: 5px;
}

.ttsubt {
	font-weight:bold;
	padding: 0 0 3px 0;
}

.eventbx {
	margin-bottom: 20px;
}

.sep {
	margin-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #43c3dc;
}

.ppo_aantal {
	padding-right: 10px;
}

.infobx {
	margin-bottom: 10px;

}

.userWelcome {
	font-weight: bold;
	padding: 0 10px 10px 0;
}

.subkey {
	padding-right: 10px;
	padding-left: 10px;
}

.subkeyfirst {
	padding-left: 0;
	padding-right: 10px;
}

/* CALENDAR */

.calmonth {
	width:100%;

}

.calmonth td {
	border: 1px #5d8cc9 solid;
	height: 80px;
	vertical-align:top;
	padding: 5px;
	width: 14%;
	background: #ffffff;
}

.calmonth td.day {
	border: none;
	font-weight:bold;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	background: #a5bfe1;
	color: #fff;
	text-align: center;
	border: 2px solid #5d8cc9;
}

.calmonth td.empty {
	border:none;
	background: #fff;
}

.calmonth td.active {
	border: 2px #ee9311 solid;
	border-collapse: separate;jouke
}

.daynr {
	background: #e6edf7;
}

div.month table td{
	font-size: 30px;
	font-weight:bold;
	text-align:center;
	padding: 10px;
}

div.month a:link, div.month a:visited {
	text-decoration:none;
	color: #000;
}

div.month a:hover {
	text-decoration:none;
	color: #5d8cc9;
}

.agendaOrder.inthepast {
	border: 2px #ff0000 solid;
}

.agendaOrder.inthepast a:link, .agendaOrder.inthepast a:visited {
	color: #ff0000;
}

.agendaOrder.progress100{
	border: 2px green solid;
	color: green;
}


.agendaOrder.progress100 a:link, .agendaOrder.progress100 a:visited {
	color:green;
}

.beheerder {
	margin-top: 20px;
	float:left;
	margin-right: 20px;
}

.agendaOrder {
	background: #f9fbfd;
	background-image: url(./../../../img/cal_bg.png);
	background-position:bottom;
	background-repeat:repeat-x;
	border: 1px solid #5d8cc9;
	padding: 5px;
	margin-top: 5px;
	box-shadow: 3px 3px 4px #3B404D;
}


.agendaOrder a:link, .agendaOrder a:visited {
	color: #000;
	text-decoration:none;
}

.agendaOrder a:hover {
	color: #43C3DC;
}

.calmenu {
	text-align: left;
	padding: 10px;
	margin: 10px 0 10px 10px;
	border: 1px #c0c0c0 solid;
}

.calmenu a:link, .calmenu a:visited {
	display:block;
	text-decoration:none;
	padding-top: 5px;
	color: #000;
	font-size: 14px;
	padding-left:10px;
}

.calmenu a:hover, .calmenu a.active:link, .calmenu a.active:visited {
	color: #ff0000;
	font-weight:bold;
}

.yeartitle {
	border-bottom: 2px #c0c0c0 solid;
}
.yeartitle table td{
	font-weight:bold;
	font-size: 18px;
}

.yeartitle a:link, .yeartitle a:visited {
	padding: 0 10px 0 10px;
	font-weight:bold;
	font-size: 18px;
}


.noDataTable td {
	border:none;
	height:auto;
	padding:0;
	padding-right:3px;
	width:auto;
	vertical-align: middle;
	background:none;
}

.toolempty {
	height:19px;
}

.filterbx {
	background: #e7e7e7;
	padding: 10px;
	float:left;
	box-shadow: 3px 3px 4px #3B404D;
}

.fbtitle {
	font-weight: bold;
	border-bottom: 1px #000 solid;
	margin-bottom: 5px;
}

.agendaTable td{
	vertical-align:top;
	border: 1px solid #C0C0C0;
	padding: 3px;
}

.deleted {
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

.changed {
	border-style: dashed;
}

.factuur_change {
	border-color: red;
}

a.plus {
	display:block;
	padding-left: 15px;
	background-image: url(./../../../img/plus-icon.png);
	background-position: left center;
	background-repeat:no-repeat;
	float:left;
}

a.min {
	display:block;
	padding-left: 15px;
	background-image: url(./../../../img/min-icon.png);
	background-position: left center;
	background-repeat:no-repeat;
	float:left;
	clear:left;
}

.feestdag {
	color: red;
	font-weight:bold;
	text-align:center;
}

.feestdagbig {
	color: red;
	font-weight:bold;
	text-align:center;
	padding: 10px;
	font-size: 14px;
}


/************ wl_iframe **************/
/************ wl_iframe **************/
/************ wl_iframe **************/
.wl_iframe_filter {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.4);
	z-index: 100000
}

.wl_iframe_wrapper {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 75%;
	height: 100%;
	height: 100vh;
	background: #fff;
	z-index: 100001;
	box-shadow: 0px 0px 100px rgba(0,0,0,0.35);
}
.wl_iframe_wrapper iframe {
	position: relative;
	width: 100%;
	height: 100%;
	height: 100vh;
	border: none;
}

.loading {
	width: 80px;
	height: 80px;
	position: fixed;
	top: 0px;
	bottom:0px;
	left: 0px;
	right: 0px;
	margin: auto;
   z-index: 1000000;

}
.lds-spinner {
  /*color: official;*/
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #fff;
  background: #00632f;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.kcs_resp {
	display: none;
}

@media screen and (max-width: 1100px){
	.wl_iframe_wrapper {
	    width: 72%;
	}
}
@media screen and (max-width: 1100px){
	.widget_blok {
		width: 100%;
	}
	.title_logo {
    height: 50px;
    padding: 20px 30px;
	}
	.terug, .terug_clients {
    width: 75px;
    height: 75px;
    top: 20px;
    right: 20px;
	 z-index: 10000000000;
	}
}
@media screen and (max-width: 1000px){
	.medblock {
		box-sizing: border-box;
		width: 82%;
	}
	.mededeling_header {
		padding: 50px 0px 50px 10px;
 	}
	.wl_iframe_wrapper {
   	width: 82%;
 	}

}
@media screen and (max-width: 900px){
	.main {
    	padding: 130px 20px 60px 20px;
 	}
}
@media screen and (max-width: 800px){
	.widget_blok {
		width: 100%;
      padding: 18px 0px;
      margin: 20px 2px;
	}
	.widget_blok_big {
		margin: 20px 2px;
	}
	.user_a_header {
   	font-size: 40px;
 	}
}
@media screen and (max-width: 600px){
	.standard_select_box, .required, #factuurID {
	    margin-left: 0px;
	    margin-top: 4px;
		margin-bottom: 10px;
	    width: 100%;
	}
	.wl_iframe_wrapper {
		width: 100%;
	}

	.table_header
	{
		/* display: none; */
	}
}
@media screen and (max-width: 500px){
	.login_table {
		width: 100%;
		min-width: 0;
	}
	.valign_left {
		display: none;
	}
	.kcs_resp {
		font-weight: bold;
		display: block;
		padding: 0px 0px 30px 0px;
		font-size: 22px;
		color: #188a40;
	}
	.user_a_header {
		margin-left: 20px;
	   font-size: 30px;
	}
	.user_switch_icon_header {
	    width: 50px;
	 }
	.medblock {
    	width: 100%;
	}
	.terug, .terug_clients {
		width: 50px;
		height: 50px;
		top: 10px;
		right: 10px;

 	}
	.close_line_1, .close_line_2 {
   	padding: 0% 3px;
	}
	.medblock a.standard_button {
		max-width: 200px;
		    max-width: 250px;
    	font-size: 10px;
	}


}
@media screen and (max-width: 420px){
	.medblock {
		padding: 50px 20px;
	}
}
@media screen and (max-width: 400px){
	.user_a {
	    display: none;
	}
	.user_information {
   	margin-right: 30px;
	}
	.user_switch, .mededeling_switch {
		padding: 10px 15px;
	}
	.user_information_logoff {
		right: -20px;
	}

}
@media screen and (max-width: 375px){

	.login_table td {
	    padding: 15px;
	    position: relative;
	}
	.loginText {
    min-width: 140px;
 	}
	.mededeling_bx_scroll {
	    padding: 20px 0px 0px 0px;
	}

	.medblock a.standard_button {
		max-width: 200px;
			 max-width: 240px;
		font-size: 9px;
	}


}
@media screen and (max-width: 350px){

	.user_a_header {
		font-size: 22px;
	}

}

/************ wl_iframe **************/
/************ wl_iframe **************/
/************ wl_iframe **************/



.hide {
	display: none;
}