/* nodig voor aanmeldscherm */

body {
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
font-size: 1.2em;
}

.float_left
{
	position: relative; 
	display: block; 
	float: left; 
}

.asterisk {
  color: yellow;
  vertical-align: right; 
}

#aanmelden {
  display: block;
  position: relative;
  padding: 15px;
  margin-left: 5px;
  border: 0px solid black;
  width: auto;
  height: auto;
}

.button_post 
{
  background-color: grey; 
  border: none;
  color: white;
  padding: 2px 2px;
  text-align: center;
  width: 55px;
  height: 55px; 
  text-decoration: none;
  display: inline-block;
  font-size:1.2em;
  margin: 0px 0px;
  cursor: pointer;
  border-radius: 5px; 
}

.maandkalender
{
	display: inline; 
	position: relative;
	border: 2px solid red;
	/*background-color: grey; */
	width: auto; 
	float: left; 
	height: 16em; 
	width: 20em; 
	padding: 2px; 
}

.maandkalender_horizontaal
{
	display: inline; 
	position: absolute;
	border: 5px solid grey;
	width: auto; 
}

.plandatum
{
width: auto; 	
}

.text_green
{
color: green;
}

input[type="radio"] /*verwijderd radio buttons*/
{
cursor: pointer;
z-index: 1;
vertical-align: top;
display: none !important;
}

input[type="radio"]:checked+label   { /*maakt labels clickable*/
  background-color: yellow;
  font-weight: bold;
  cursor: pointer;
  color: black;
}

.button_aanmelden 
{
  background-color: #2697D3; 
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 5px; 
}

.button_aanmelden:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

figcaption
{
	font-size: 0.7em;
	text-align: center; 
}

/* nodig voor index_beveiligd */

#introscherm_beveiligd
{
position: relative;
display: block;
width: auto;
top: 5px; 
left: 0px;
padding-left: 10px;
padding-right: 10px;
margin: 0px;
border: 0px solid black;
height: auto;
overflow: auto;
}

/*gebruik altijd <div class="tableRow">, <div class="tableCell">, <div class="table"> en geen <tr>, <td> and <table> dan kunnen rijen niet clickbaar gemaakt worden met <a href=""></a>  ook al nodig voor aanmelden en index_beveiligd*/
/* gebruikt bij zoeken */


td{
	border: 1px solid black; 
	font-size: 1.2em; 
}



.table
{
display: table;		
border-collapse: collapse;
}


.tableZoeken
{
display: table;	
width: 99.5%; 
}

.tableUitslagenClient
{
display: table;	
border-collapse: collapse; /* zorgt voor de border-colapse bij .table */ 
position: relative; 
left: 5px; 
top: 5px; 
}

 .tableHeader{
	border: 1px solid black; 
	background-color: #999999;
	color: white; 
	display: table-cell;
	padding: 4px; 
} 



 .tableHeaderKalender{
	border: 1px solid black; 
	background-color: #999999;
	color: white; 
	display: table-cell;
	padding: 4px;
	text-align: center; 	
} 

.tableRowZoeken {
  display: table-row;
  border: 1px solid black; 
  width: 95%; 
}

.tableRow {
  display: table-row;
}

/* kleuren voor afhandelen geselecteerde elementen -- > te_plannen --> gepland --> aanwezig --> geweest --> afgehandeld */

.tableRow.red{
background-color: red; 	
}

.tableRow.green{
background-color: green; 	
}

.tableRow.blue{
background-color: blue; 	
}

.tableRow.grey{
background-color: grey; 	
}

.tableRow.orange{
background-color: orange; 	
}

.tableRowEven {
  display: table-row;
  align-items: top;
  align-items: left; 
  background-color: #FFFFFF; 
}

.tableRowEven:hover
{
	background-color: yellow;
	cursor: pointer;
}

.tableRowUneven {
 display: table-row;
  align-items: top;
  align-items: left; 
  background-color: #EEEEEE; 
}

.tableRowUneven:hover {
	background-color: yellow;
	cursor: pointer;
	}
	
	
.tableRowRapportageEven {
  display: table-row;
  align-items: top;
  align-items: left; 
  background-color: #FFFFFF; 
}

.tableRowRapportageUneven {
 display: table-row;
  align-items: top;
  align-items: left; 
  background-color: #EEEEEE; 
}

.tableCell {
display: table-cell; 
border: 1px solid black; 
vertical-align: top; 
padding: 4px; 
}

.tableCellRapportage {
display: table-cell; 
border: 0px solid #DDDDDD; 
vertical-align: top; 
padding: 4px; 
}


.tableCellBroco {
display: table-cell; 
border: 1px solid black; 
vertical-align: top; 
padding: 4px; 
text-align: left; 
}

.tableCellKalender {
display: table-cell; 
border: 1px solid black; 
vertical-align: top; 
text-align: center;
padding: 4px; 
width: 2.5em; 
}

.zondag {
width: 4.5em; 
}

.tableRapportage
{
display: table;	
border-collapse: collapse; /* zorgt voor de border-colapse bij .table */
border: 0px solid black;  
width: 100%;
}

.tableRowRapportage
{
	display: table-row;
}

/* de rapportage records zijn eigenlijk buttons! */
#button_rapportage_even
{
	 background-color: #FFFFFF; 
	 border: 0px solid black; 
	 cursor: pointer;
	 text-align: left; 
}

#button_rapportage_uneven
{ 
  background-color: #EEEEEE; 	
  border: 0px solid black; 
  cursor: pointer;
  text-align: left; 
}

/* einde .tableRow, .tableCell, .table etc." */
/* voor de zoekpagina zijn speciale tableCell's gemaakt b.v. tableCellGeboortedatum, tableCellLeeftijd; daardoor kan een breedte worden opgegeven*/

/* nodig voor index_beveiligd */
a {
    padding: 1px 6px;
    border: 0px outset buttonborder;
    border-radius: 3px;
    color: buttontext;
    background-color: buttonface;
    text-decoration: none;
	position: relative; 
	display: inline; 
	cursor: pointer; 
	text-decoration: none;
}

a:hover {
	color: black;
    background: yellow;	
}

p{ /*nodig voor logistiek */
display: none;
}

label {
	  font-size: 1.0em;
  display: inline-block;
  vertical-align: middle; 
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}

.center
{
text-align: center;
}

/*nodig voor o.a. zoeken */
#there_were
{
position: relative;
display: block;	 
left: 0px;
top: 2px;
width: 100%;
margin-bottom: 4px; 	
/*border-top: 1px solid grey;
border-bottom: 1px solid grey;*/
}

/* nodig voor header/menu_top */

#gebruikersnaam_en_locatie{
display: block; 
position: relative; 
float: right;
font-size: 0.7em; 
padding: 0px; 
margin-right: 4px;
color: white;
top: 0px;
}

.itering{
color: white;
font-style: italic; 
font-weight: bold; 
}	


#menu_top
{
display: block; 
position: relative; 
padding-right: 0px;
padding-left: 0px;
margin: 0px;
background-color: #2697D3; 
width: 100%;
height: auto; 
border: 0px solid black;
font-size: 1.0em; /*hier reageert alleen iTERING op */
}

/* nodig voor zoekbalk: geen borders, geen padding, geen margin; 100%! */



.navigatie{
color: white;
background-color: #2697D3; 
}	


/*nodig voor header/ zoekbalk */

#button_configuratie_file_aan
{
	background-color: red;
	border: 1px solid #020353;
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid black;
	color: white; 
	margin: 5px; 
	font-size: 1.0em;
	cursor: pointer;
}

#button_configuratie_file_uit
{
	background-color: #000000;
	border: 1px solid #020353;
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid black;
	color: white; 
	margin: 5px; 
	font-size: 1.0em;
	cursor: pointer;
}

/* geven de geselecteerde pagina's in het menu_top weer */
.notSelected
{
background: #2697D3;
color: white; 
border: 0px solid black; 
padding: 2px; 
margin: 0px;
font-size: 1.0em; 
}

.selected{
background-color: yellow; 
color: black;
border: 0px solid black; 
padding: 2px; 
margin: 0px;
font-size: 1.0em; 
}

/* nodig voor zoekbalk */
#menu_bottom
{
display: block; 
position: relative; 		
padding-right: 0px;
padding-left: 0px;
top: 0px;
margin-top: -1px; /*verwijdert witte lijn tussen menu_top en menu_bottom */
background: #2697D3; 
width: 100%;
border: 0px solid black;
}

input
{
	cursor: pointer;
	padding: 0px;
	margin-left: 4px;
	margin-bottom: 2px;
	margin-right: 0px;
	margin-top: 2px;
}

#input_id_client
{
	cursor: pointer;
	padding: 0px;
	margin-left: 4px;
	margin-bottom: 2px;
	margin-right: 0px;
	margin-top: 2px;
	width: 8em; 	
}

#input_postcode
{
	cursor: pointer;
	padding: 0px;
	margin-left: 4px;
	margin-bottom: 2px;
	margin-right: 0px;
	margin-top: 2px;
	width: 5em; 	
}

#input_huisnummer
{
	cursor: pointer;
	padding: 0px;
	margin-left: 4px;
	margin-bottom: 2px;
	margin-right: 0px;
	margin-top: 2px;
	width: 7em; 	
}

input[type="radio"]:checked+label.geslacht   {
  background-color: yellow;
  font-weight: normal;
  cursor: pointer;
  color: black;
}

#input_geboortedatum
{
display: inlineblock;
position: relative; 
height: 25px; 
width: 8em; 
}

#input_bsn
{
display: inlineblock;
position: relative; 
height: 25px; 
width: 8em; 
}

#input_team
{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}

select {
	background: #F0F3FB;
	border: 1px solid #F0F3FB;
	border-radius: 4px;
	
	
	font-size: 16px;
	color: #3F3F3F;

	/* Here's the code we need */
	-webkit-appearance: none;
	-moz-appearance: none;

		appearance: none;
}


/*nodig voor rapportages */
form {
display: inline;
}

/* nodig voor bolletjes */

#circle_evaluation
{
	font-size: 9px; 
}

#circle {
  height: 33px;
  width: 33px;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid black; 
  margin: 4px; 
}

#circle_simple {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid black; 
  margin: 0px; 
  float: right; 
}

.red
{
background-color: red;
}

.dark_red
{
background-color: dark red;
}

.orange
{
background-color: orange;
}

.green
{
background-color: green;
color: #FFFFFF;
}

.blue
{
background-color: blue;
color: #FFFFFF;
}

.light_green
{
background-color: #00FF00;
color: #000000;
}

.grey
{
background-color: #999999;
color: #000000;
}

.light_grey
{
background-color: #CCCCCC;
color: #000000;
}

/********************************/

.aqua
{
background-color: #00FFFF;
color: #000000;
}

.black
{
background-color: #000000;
color: #FFFFFF;
}

.blue
{
background-color: #0000FF;
color: #FFFFFF;
}

.fuchsia
{
background-color: #FF00FF;
color: #000000;
}

.grey
{
background-color: #808080;
color: #EEEEEE;
}

.silver
{
background-color: #CCCCCC;
color: #000000;
}

/*einde bolletjes */

/* nodig voor menu_geselecteerde_clienten */

#menu_geselecteerde_clienten
{
display: block; 
position: relative; 
float: left;
padding-top: 4px;
background: #555555; 
height: auto;
width: 100%;
border: 4px #555555;
}

input[type="submit"]
{
  border: 0px solid #EEEEEE;
  font-size: 1.0em; 
}


#menu_geselecteerde_clienten	input[type="submit"] /* vergroot de tekst van de tabs */
{
  border: 0px solid #EEEEEE;
  font-size: 1.0em; 
  border: 0px solid red; 
}


#menu_geselecteerde_clienten ul {
  list-style-type: none;
  padding: 0;
  margin-top: -15px;
  border: 0px solid red; 
}

#menu_geselecteerde_clienten ul li{

  background-color: #f6f6f6;
  text-decoration: none;
  font-family:  Arial, Helvetica, sans-serif;
  color: black;
  display: block;
  position: relative;
  width: auto;
  padding-right: 25px;
  padding-left: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
  float: left;
  margin: 2px;
  border-radius: 8px 8px 0px 0px;
  cursor: pointer;

}


#menu_geselecteerde_clienten .yellow_tab{
  background-color: #f6f6f6;
  text-decoration: none;
  font-family:  Arial, Helvetica, sans-serif;
  color: black;
  display: block;
  position: relative;
  width: auto;
  padding-right: 25px;
  padding-left: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
  float: left;
  margin: 2px;
  border-radius: 8px 8px 0px 0px;
  cursor: pointer;
  background-color: yellow;
}

#menu_geselecteerde_clienten .meer_dan_tab{

  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold; 
  color: black;
  display: block;
  position: relative;
  width: auto;
  padding-right: 25px;
  padding-left: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
  float: left;
  margin: 2px;
  border-radius: 8px 8px 0px 0px;
  cursor: pointer;
  background-color: #BBBBBB;
  hover: background-color: #EEEEEE;
}

.button_meer_dan_tab
{
background-color: #BBBBBB;	
cursor: pointer;
}

.yellow{
background-color: yellow; 
font-weight: bold; 
}

.yellow_color_red
{
background-color: yellow;
color: red;
font-weight: bold; 
}

.color_red
{
color: red;
}

.selectedMenuClient{
background-color: yellow; 
border-radius: 5px 5px 0px 0px;
border: 1px solid black;
border-radius: 5px 5px 0px 0px;
padding: 2px;	
font-size: 1.0em;
}
	
.notSelectedMenuClientDiagnose{
background-color: blue;	
border-radius: 5px 5px 0px 0px;
border: 1px solid black;	
padding: 2px;
color: white;
font-size: 1.0em;	
}

.selectedMenuClientDiagnose{
background-color: red; 
border-radius: 5px 5px 0px 0px;
border: 1px solid black;
border-radius: 5px 5px 0px 0px;
padding: 2px;	
font-size: 1.0em;
color: white; 
}
	
.notSelectedMenuClient{
background-color: #2697D3;	
border-radius: 5px 5px 0px 0px;
border: 1px solid black;	
padding: 2px;
color: white;
font-size: 1.0em;	
}

.SelectedMenuClientDoorstreept{
background-color: yellow; 
border-radius: 5px 5px 0px 0px;
border: 1px solid black;
border-radius: 5px 5px 0px 0px;
padding: 2px;
text-decoration: line-through;
font-size: 1.0em;		
}
	
.notSelectedMenuClientDoorstreept{
background-color: #2697D3;	
color: white;	
border: 1px solid black;	
border-radius: 5px 5px 0px 0px;
padding: 2px;
text-decoration: line-through;	
font-size: 1.0em;
}

.notSelectedAfgeslotenMenuClient{
background-color: #555555;	
color: white;	
border: 1px solid black;	
border-radius: 5px 5px 0px 0px;
padding: 2px;
font-size: 1.0em;
}

.selectedAfgeslotenMenuClient{
background-color: #555555;	
color: yellow;	
border: 1px solid black;	
border-radius: 5px 5px 0px 0px;
padding: 2px;
font-size: 1.0em;
}

/*info client */

#bolletje{ /*dit zijn de bolletjes!!!*/
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em; 
display: block;
position: relative;	
width: 50px;
height: 100px;
border: 1px solid black;
float: left;
margin: 2px;
padding: 2px; 	
}

#silhouet{ 
display: block;
position: relative;	
width: auto;
height: 100px;
border: 1px solid black;	
float: left;
margin: 2px;
padding: 2px;
}

#info_1{ /* dit vak komt direct na het silhouet!!*/
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em; 
display: block;
position: relative;	
width: auto;
height: 100px;
border: 1px solid green;	
float: left;
margin: 2px;
padding: 2px; 	
}

#info_2{
font-family: Arial, Helvetica, sans-serif; /* dit is het 2de vak na het silhouet */
font-size: 1.0em; 
display: block;
position: relative;	
width: auto;
height: 100px;
border: 1px solid black;	
float: left;
margin: 2px;
padding: 2px; 	
}

#info_3{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em; 
display: block;
position: relative;	
width: auto;
height: 100px;
border: 1px solid black;
float: left;
margin: 2px;
padding: 2px; 	
}

#info_4{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em; 
display: block;
position: relative;	
width: auto;
height: 100px;
border: 1px solid black;
float: left;
margin: 2px;
padding: 2px; 	
}

.diagnose_red
{ 
background-color: red;
color: white; 
}

.diagnose_blue
{
background-color: blue;
color: white;
}

.diagnose_yellow
{
background-color: yellow;
color: black;
}

#menu_client
{
display: block;
position: relative;
float: left;
width: 100%;
background-color: #EEEEEE;
}

#menu_rapportages
{
display: block;
position: relative;
left: 0px; 
top: 0px; 
float: left;
width: 100%;
background-color: #EEEEEE;
}



#menu_verrichtingen
{
display: block;
position: relative; 
background-color: #AAAAAA; 
border:0px solid grey; 
left: 0px;
float: left;
width: 100%;
top: 1px;
padding-right: 4px;
padding-left: 4px;
}

#menu_overzichten
{
display: block;
position: relative; 
background-color: #AAAAAA; 
border:0px solid grey; 
left: 0px;
float: left;
width: 100%;
top: 1px;
padding: 5px;
margin: 0px; 
}

/* hier kan de grote van de letters in de rapportage (geel) mee worden aangepast !! 
tevens kan hier mee de font-family worden aangepast */ 
.autosize {
	display: table-cell;
	position: relative;
	 font-family: Arial, Helvetica, sans-serif;
left: 20px;
top: 0px; 
font-size: 1.0em; 
border: 1px solid black; 
width: 95%;
min-height: 80px;
height: auto; 
background-color: yellow; 
padding: 5px; 	
  resize: none;
  overflow: hidden;
}

.rapportage_info {
	display: table-cell;
	vertical-align: top;
	position: relative;
left: 0px;
top: 0px; 
font-size: 1.0em; 
width: 12%;
min-height: 80px;
height: auto; 
padding: 5px; 	
border: 1px solid black; 
  resize: none;
  overflow: hidden;
}

/* als de lettergrote van rapportage wordt verkleind verkleind de lettergrote van de textarea vanzelf mee !! */
.rapportage {
	display: table-cell;
	position: relative;
left: 0px;
top: 0px; 
font-size: 0.7em; 
width: 82%;
min-height: 80px;
height: auto; 
padding: 5px; 	
border: 1px solid black; 
  resize: none;
  overflow: hidden;
}




#kalender_afsprakenoverzicht{
display: block;
position: relative; 
background-color: #CCCCCC; 
border: 2px solid green; 
left: 5px;
float: left;
top: 5px;
padding: 5px;
margin-right: 10px; 
overflow: scroll; 
height: 1650px; 
width: auto;
}

/* nodig voor zorgprogramma */
#menu_zorgprogrammas
{
display: block;
top: 2px; 
position: relative;
float: left;
width: 100%;
background-color: #CCCCCC;
}

#info_zorgprogramma
{
display: block;
top: 4px; 
position: relative;
float: left;
width: 100%;
background-color: #AAAAAA;
}

#container_beschikbare_elementen
{
display: block;
position: relative; 
border: 1px solid green;	
top: 7px;
left: 0px;
width: 99%;
columns: 6;
column-fill: auto;
padding: 5px;
height: 400px;
float: left;	
}

input[type="checkbox"]:checked+label {
   background-color: yellow;
     font-weight: bold;
  color: black;
}

input[type="checkbox"] {
display: none;
}

/*nodig voor zorgprogramma toevoegen */

#container_selecteer_domein
{
display: block;
position: relative; 
margin-top: 0px;
border: 2px solid black;	
top: 0px;
padding: 2px;
left: 0px;
float: left;
width: 45%;
padding: 10px;
margin-top: 5px;
margin-left: 0px;
height: 500px; 
column-count: 2; 
column-gap: 10px;
column-rule: 1px  #FF00FF;
background-color: #DDDDDD;
}

.ZorgprogrammasInDomein
{
position: relative;
display: block;
border:  2px solid blue;
top: 5px;
padding: 10px;
columns: 3;
column-fill: auto;
width: 45%;
height: 500px;
left: 10px;
float: left;
background-color: #DDDDDD;
}

#button_domein_zorgprogramma_toevoegen
{
position: relative;
display: block;
font-size: 1.0em;
cursor: pointer;
}

button
{
font-size: 1.0em;
cursor: pointer;
border: 1px solid black; 
border-radius: 5px;
}



.button
{
	border: 1px solid black;
	background-color: #DDDDDD;
	font-size: 2.0em;
	cursor: pointer;
	border-radius: 5px;
}



/* wanneer domein bron- en contactonderzoek wordt aangeklikt verschijnt automatisch invulveld voor id_client index */

#domein_4:checked ~ #domein_4_checked_vervolg {
  display: block;
}

#domein_4_checked_vervolg {
  display: none;
  margin: 0px;
}

/* geselecteerde elementen onder aanvinklijst elementen */
#elementen_onder_client_en_zorgprogramma
{
display: block;
position: relative; 
background-color: #FFFFFF; 
border-top: 3px solid brown; 
border-bottom: 3px solid brown; 
left: 0px;
float: left;
width: 99%;
top: 50px;
min-height: 50px;
padding: 5px;
}

fieldset {
    border: 1px solid #333333;
    padding: 1.0em;
    -webkit-column-break-inside: avoid;
}

.fieldset_zorgprogrammas {
    border: 1px solid black;
	backgroud-color: white !important;
    padding: 1.0em;
    -webkit-column-break-inside: avoid;
	color: black; 
}

/*gebruik fixed om menu's vast te zetten !! */

#fixed
{
	display: block;
	position: fixed; 
	top: 0px;
	left: 0px; 
	width: 100%; 
	height: auto; 
}



#content_pane
{
top: 100px;
height: 1150px; 
display: block;
position: fixed; 
overflow: scroll; 
left: 0px; 
width: 100%;
border-top: 1px solid grey; 
border-bottom: 1px solid grey; 
}

.zoeken
{
top: 120px;
}



#content_pane_diagnose_patient
{
top: 320px;
height: 1150px; 
display: block;
position: fixed; 
overflow: scroll; 
left: 0px; 
width: 100%;
border-bottom: 1px solid grey; 
}

/* bij verrichtingen geen fixed en content_pane ! */

#content_pane_te_plannen
{
top: 140px;
height: 1150px; 
display: block;
position: fixed; 
overflow: scroll; 
left: 0px; 
width: 100%;
border-bottom: 1px solid grey; 
border-top: 1px solid grey; 
}

#content_pane_uitslagen_totaal
{
top: 140px;
height: 1200px; 
display: block;
position: fixed; 
overflow: scroll; 
left: 0px; 
width: 100%;
border-bottom: 1px solid grey; 
border-top: 1px solid grey; 
}

#content_pane_gepland
{
top: 140px;
height: 1200px; 
display: block;
position: fixed; 
overflow: scroll; 
left: 0px; 
width: 100%;
border-bottom: 1px solid grey; 
border-top: 1px solid grey; 
}

#content_pane_overzichten
{
top: 140px;
height: 1200px; 
display: block;
position: fixed; 
overflow: scroll; 
left: 0px; 
width: 100%;
border-bottom: 1px solid grey; 
border-top: 1px solid grey; 
}

#content_pane_afspraken
{
top: 240px;
height: 1200px; 
display: block;
position: fixed; 
width: 800px;
left: 0px; 
width: auto;
border: 4px solid grey; 
}

#content_pane_rooster
{
top: 100px;
height: 1200px; 
display: block;
position: relative; 
float: left; 
left: 850px; 
width: 650px;
border: 4px solid grey; 
}

#content_pane_rooster_roentgen
{
top: 240px;
height: 1200px; 
display: block;
position: fixed; 
left: 1550px; 
width: 650px;
border: 4px solid grey; 
}

#content_pane_verrichtingen
{
top: 435px;
height: 1200px; 
display: block;
position: fixed; 
left: 0px; 
width: 100%;
border-bottom: 1px solid grey; 
border-top: 1px solid grey; 
}

#content_pane_info
{
top: 435px;
height: 1200px; 
display: block;
position: fixed; 
left: 0px; 
width: 100%;
border-bottom: 1px solid grey; 
border-top: 1px solid grey; 
}

#content_pane_relative
{
top: 10px;
height: 1200px; 
display: block;
position: relative; 
overflow: scroll; 	
left: 5px; 
width: 99%;
border: 1px solid red;	
}



#main.afspraken
{
display: block;
position: relative; 
overflow: scroll; 
float:left;
width:auto;
height: 1100px;
margin:5px;
border: 1px solid blue;
top: 10px;
}

span
{
	color: black;

}

.weeknummer
{
	color: black;
	float: left;
vertical-align: top; 
font-size: 0.7em; 	
}

/*content_pane zoeken kan woden ingevouwen tot 948 pixels */


#content_pane_registratie
{
top: 350px;
height: 1600px; 
display: block;
position: fixed; 
overflow: scroll; 
left: 0px; 
width: 100%;
border-bottom: 1px solid grey; 
border-top: 1px solid grey; 
}

.registratie
{
font-size: 1.2em;	
}

#main.overzichten
{
display: block;
position: relative; 
float:left;
width:99%;
height: auto;
margin:5px;
border: 0px solid blue;
top: 10px;
}

#main.zoeken
{
display: block;
position: relative; 
float:left;
width:100%;
height: auto;
margin:0px;
border: 0px solid blue;
top: 10px;
}

#main.verrichtingen
{
display: block;
position: relative; 
float:left;
width:99%;
height: auto;
margin:5px;
border: 1px solid grey;
padding: 5px; 
top: 10px;
}

#main.gepland
{
display: block;
position: relative; 
float:left;
width:99%;
height: auto;
margin:5px;
border: 1px solid grey;
padding: 5px; 
top: 10px;
}

#main.te_plannan
{
display: block;
position: relative; 
float:left;
width:99%;
height: auto;
margin:5px;
border: 1px solid grey;
padding: 5px; 
top: 10px;
}

#main.uitslagen_totaal
{
display: block;
position: relative; 
float:left;
width:99%;
height: auto;
margin:5px;
border: 1px solid grey;
padding: 5px; 
top: 10px;
}

.klein
{
	color: black;
	font-size: 0.7em;
	display: inline; 
}


input[type="text"] {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
}


input[type="date"], input[type="time"] {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
}

input[type="number"]{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
}

input[type="option"]{
font-family: Arial, Helvetica, sans-serif;

}


select {
  border: 2px solid #dddddd;
  background: #eeeeee;
  padding: 2px;
  transition: 0.4s;
}


option {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  color: black;
  border: 2px solid #dddddd;
  background: #eeeeee;
  padding: 2px;
  transition: 0.4s;
  font-size: 1.2em;
  height: auto; 
}

.rode_omlijsting
{
border: 5px solid red; 	
}

.groene_omlijsting
{
border: 5px solid green; 	
}

.blauwe_omlijsting
{
border: 5px solid blue; 	
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; 
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
}


.tooltip:hover .tooltiptext {
  visibility: visible;
}

#middag
{
	position: relative; 
	display: block; 
	float: left; 
	margin-right: 10px; 
}

#ochtend
{
	position: relative; 
	display: block; 
	float: left; 
	margin-right: 10px; 
}



.button_yellow
{
	background-color: yellow;
	border: 1px solid #020353;
	border-radius: 5px;
	font-size: 1.0em;
}

.maandkalender_horizontaal
{
	float: left; 
	border: 1px solid #CCCCCC; 
	padding: 5px; 
	height: 15em; 
}

optgroup
{
	font-size: 1.0em; 
}

select{
font-size: 1.0em; 	
}

.kalender{
	left: 4px; 
padding: 4px; 	
margin: 4px; }

.bg-blue {
background-color:#add8e6;
	}
	
textarea
{
font-size: 1.0em; 
font-family: Arial, Helvetica, sans-serif;
}	
	
	
	.rapportage {
display: block;
	font-size: 1.0em;
position: relative;
left: 0px;
top: 0px; 
width: 99%;
min-height: 80px;
height: auto; 

padding: 5px; 	
font-family: Arial, Helvetica, sans-serif;
resize: none; 
overflow: hidden; 
}

#rapportages
{
display: block;
position: relative; 
background-color: #AAAAAA; 
border: 2px solid black; 
left: 5px;
float: left;
width: 99%;
height: auto; 
top: 5px;
padding: 5px;	
}

textarea.client{
display: inlineblock;
position: relative;
left: 5px;
top: 5px; 
width: 99%;
height: auto;
background-color: red; 	
}

.cel_groen_omlijsting_rood
{
	display: table-cell; 
	text-align: center; 
	border: 3px solid red;
	background-color: green;	
	border: 3px solid red; 
}

.cel_grijs_omlijsting_rood
{
	display: table-cell; 
	text-align: center; 
	border: 3px solid red;
	background-color: grey;	
	border: 3px solid red; 
}

.dag
{
border: 2px solid black; 
cursor: pointer; 
width: 3em;
height: 70%; 
text-align: centre; 
}

.afspraken
{
width: 300px;		
}

	caption {
		background-color: #2697D3;
		color: #FFF;
		padding: 4px;
		text-align: center;
	}




	
	a {
		color: 
#333;
		text-decoration:none;

	}
	
	.tableCellSelected {
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  background-color: yellow;
}

.id_zorgprogramma
{
	width: 5em; 
}

.label-for-radio
{
	border: 0px solid black; 
	padding: 4px; 
	margin: 4px; 
}

.label_element_geselecteerd
{
	border: 1px solid black; 
	padding: 4px; 
	margin: 4px; 
}




#filter_bco
{
	display: block; 
	position: relative; 
	width: 100%; 
	background-color: #BBBBBB; 
}

#submit_button_filter_bco
{
	display: block; 
	position: relative; 
	border: 1px solid black; 
	float: left;
	top: -10px; 		
}

#invoer_filter_bco
{
	float: left; 
}


/************************************************************/
/*

#container_button_update_diagnose
{
position: relative; 
display: block;
float: left; 
border: 2px solid red; 
width: 100%;
left: 5px;
margin-right: 10px;  
padding-right: 10px;  
height: auto; 
}

#container_button_diagnose_toevoegen
{
position: relative; 
display: block;
width: 100%;
height: auto; 
float: left; 
left: 5px;
margin-right: 10px;  
padding-right: 10px;  
border: 2px solid green; 
}
.tableRow {
  display: table-row;
  text-decoration: none;
  border: 1px solid black;
  cursor: pointer;
  &:hover,
  &:focus {
    background: #2697D3;   
  }
}

.even{
	display: block;
position: relative; 
background-color: #CCCCCC; 
border-bottom: 1px solid black; 
padding: 2px; 
}

.oneven
{
	display: block;
position: relative; 
background-color: #DDDDDD; 
border-bottom: 1px solid black; 
padding: 2px; 
}




.menuOrder{
background-color: white; 
border-radius: 5px 5px 5px 5px;
border: 1px solid black;
border-radius: 5px 5px 5px 5px;
padding: 2px;
}

.menuOrderSelected{
background-color: yellow; 
border-radius: 5px 5px 5px 5px;
border: 1px solid black;
border-radius: 5px 5px 5px 5px;
padding: 2px;
}



#menu_client_tablet
{
display: block;
position: fixed;
left: 0px; 
top: 136px; 
width: 100%;
height: 60px; 
background-color: #CCCCCC;
border-bottom: 1px solid black; 
}

#client_info_tablet{
display: block;
position: fixed;	
height: 110px;	
width: 100%;	
top: 25px;
left: 0px;
background-color: #EEEEEE;
border-bottom: 1px solid black; 
}


.opgeslagen{
background-color: black; 
color: white
}


.yellow_broco{
background-color: yellow; 
}



input[type="text"].lang {
font-family: Arial, Helvetica, sans-serif;
background-color: yellow; 
font-weight: bold; 
width: 100%;
font-size: 1.0em;	
}

input[type="text"].lang_broco {
font-family: Arial, Helvetica, sans-serif;
background-color: yellow; 
width: 100%;
font-size: 1.0em;	
}










label .foto_uitslag{
  display: inline-block;
  background-color: #ddd;
  padding: 4px 11px;
  font-size: 1.8em;
  cursor: pointer;
  color: #000000;
}

.uitslag_white{
font-size: 3.0em;	
color: white; 	
}

.uitslag_red
{
font-size: 3.0em;
color: red; 		
}

.custom-select select {
  appearance: none;
  width: auto;
  font-size: 1.3rem;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #caced1;
  border-radius: 0.25rem;
  color: #000;
  cursor: pointer;
}














option:selected {  #input_geboortedatum {background-color: yellow; }}

select:has(> option[value="geboorteland"]:checked) {
background-color: red;
color: white; 
}

option:hover,
option:focus,
option:active,
option:checked {
  background: linear-gradient(#5A2569, #5A2569);
}


















.hide {
  display: none;
}

#checkbox-2 + label {
  display: none;
}

#checkbox-1:checked ~ #checkbox-2 + label{
  display: block;
}




#radiobutton-3 + label {
  display: none;
}

#radiobutton-4 + label {
  display: none;
}

#radiobutton-5 + label {
  display: none;
}

#radiobutton-6 + label {
  display: none;
}


#radiobutton-1:checked ~ #radiobutton-3 + label {
  display: block;
}

#radiobutton-1:checked ~ #radiobutton-4 + label {
  display: block;
}

#radiobutton-2:checked ~ #radiobutton-5 + label {
  display: block;
}

#radiobutton-2:checked ~ #radiobutton-6 + label {
  display: block;
}





#radiobutton-1:checked ~ #radiobutton-3 + label {
  display: block;
}

#radiobutton-1:checked ~ #radiobutton-4 + label {
  display: block;
}

#radiobutton-2:checked ~ #radiobutton-5 + label {
  display: block;
}

#radiobutton-2:checked ~ #radiobutton-6 + label {
  display: block;
}



#ntr{
width = auto; 	
}


#radiobutton-3 + label {
  display: none;
}

#radiobutton-4 + label {
  display: none;
}

#radiobutton-5 + label {
  display: none;
}

#radiobutton-6 + label {
  display: none;
}


#radiobutton-1:checked ~ #radiobutton-3 + label {
  display: block;
}

#radiobutton-1:checked ~ #radiobutton-4 + label {
  display: block;
}

#radiobutton-2:checked ~ #radiobutton-5 + label {
  display: block;
}

#radiobutton-2:checked ~ #radiobutton-6 + label {
  display: block;
}

#in_nederland_sinds_test{
  display: none;
}
 


.waarschuwing{
color: black; 
font-family: Arial, Helvetica, sans-serif;
background-color: #BBBBBB; 
}





select:has(> option[value="primaire_profylaxe"]:checked) {
background: yellow;
color: black; 
}

select:has(> option[value="tuberculose_infectie"]:checked) {
background: blue;
color: white; 
}

select:has(> option[value="tuberculose_ziekte"]:checked) {
background: red;
color: white; 
}




.autocomplete_1{
	padding-left: 8px: 
	padding-right: 2px: 
	margin: 0px; 
	display: inline; 
	position: relative; 
	color: black; 
	z-index: 9000; 
}
.autocomplete_2{
	
	padding-left: 2px: 
	padding-right: 2px: 
	margin: 0px; 
	display: inline; 
	position: relative; 
	color: black; 
	z-index: 8000; 
}

.autocomplete_3{
	padding-left: 2px: 
	padding-right: 2px: 
	margin: 0px; 
	display: inline; 
	position: relative; 
	color: black; 
	z-index: 7000; 
}


#menu_top_tablet
{
display: block; 
position: fixed; 
left: 0px; 
top: 0px; 
padding: 0px;
margin: 0px;
background: #2697D3; 
width: 100%;
height: 20px; 
border: 4px solid #2697D3;
border-bottom: 1px solid black; 
}

#geselecteerde_clienten_tablet{
	font-size: 0.7em;
	padding: 1px; 
	margin: 0px; 
}










#client_info{
display: block;
position: static;	
height: 110px;	
width: 100%;	
border-top: 0px solid red;
border-bottom: 1px solid red;
float: left;
background-color: #EEEEEE;
}








.display_none{
position: static;
display: none;
}





hr{
height: 1px;
color: #2697D3;
background-color: #2697D3;
border: none;
margin: 0px;
padding: 0px;
}













#menu_geselecteerde_clienten .close:hover {background: yellow;}

















aside {
  width: 500px;
  display: block;
  position: relative;
  height: 1100px;
  float: left;
  color: #000000;
  border: 2px solid brown;
  margin-left: 5px;
  top: 5px; 
}

aside.client {
  width: 19%;
  background-color: #EEEEEE; 
}


table {
            border: 1px solid black;			
        }

#collapse_table {
            border-collapse: collapse;
        }
		
#collapse_table_meldingsformulier {
            border-collapse: collapse;
			width: 100%; 
			font-size: 1.0em; 
			
        }
		
#collapse_table_aanmelden {
            border-collapse: collapse;
			margin-right: 20px;
        }	
		
#collapse_table_locaties {
            border-collapse: collapse;
			top: 0px; 
			display: block; 
			margin-right: 20px;
			position: relative; 
			float: left; 
        }
		
		
#collapse_table_rapportages
{ 
border-collapse: collapse;
width: 99%; 
border: 5px solid black; 
position: relative; 
display: block; 
}	

 td{
	border: 1px solid black; 
	align: left; 
	vertical-align: top; 
	padding: 5px; 
}       


 td.zoeken{
	border: 3px solid black; 
}    


 th{
	border: 1px solid black; 
	background-color: #2697D3;
	color: white; 

}  



 .tableHeaderVerrichting{
	border: 1px solid black; 
	background-color: #666666;
	color: white; 
	display: table-cell;
	width: 20%;
} 







#autosave
{
	float: right; 
}







td.volgnummer{
  display: table-cell;
  border:  1px solid black;
  height: auto; 
  padding: 0px;
  vertical-align: top;
  text-align: left;
  margin: 0px;
  height: auto;
  width: 5%;
}

td.index_soep{
  display: table-cell;
  height: auto; 
  padding: 2px;
  vertical-align: top;
  text-align: left;
  margin: 0px;
  width: 20%;
}

td.soep{
  display: table-cell;
  height: auto; 
  padding: 2px;
  vertical-align: top;
  text-align: left;
  margin: 0px;
  width: 74%;
}





.verwijder
{
float: right; 
display: block; 
position: relative; 	
right: 20px;
border: 1px solid black;
top: 2px;  	
background-color: red; 
color: white; 
border-radius: 5px;
margin: 5px; 
}


#root {
width: 100vw;
height: 100vh;
display: grid;
place-items: center;
}

.dialog_box {
top: 50%;
left: 50%;
width: 35vw;
height: 8vw;
position: absolute;
border-radius: 10px;
padding: 2em;
transform: translate(-50%, -50%);
}

#dialog_box .content {
padding: 28px;
}

#dialog_box .content form {
gap: 16px;
display: flex;
flex-direction: column;
}

dialog::backdrop {
opacity: 0.3;
background-color: yellow;
}




.uneven{
background-color: #BBBBBB;
	
}

.even{
background-color: #EEEEEE;	

}













#toon_afsluitcodes
{
display: block;
position: relative; 
background-color: #FFFFFF; 
border: 1px solid brown; 
left: 30px;
float: left;
width: 1000px;
top: 5px;
column-count: 3; 
padding: 5px;	
}


label:hover{
background: blue;
color: #FFFFFF;
text-decoration: none;
}





.verwijder_zorgprogramma
{
float: right; 
display: block; 
position: relative; 	
right: 20px;
border: 1px solid black;
top: 2px;  	
background-color: red; 
color: white; 
border-radius: 5px;
margin: 5px; 
}

input[type="radio"].radio-with-label {
cursor: pointer;
z-index: 1;
vertical-align: top;
border: 1px solid black;

}


radio-with-label
{

	cursor: pointer;
	color: black;
	vertical-align: top;
	
}

.radio-with-label:checked + .label-for-radio 
{
	font-weight: bold;
	background-color: yellow;
	cursor: pointer;
	color: black;
	vertical-align: top;
	
}

li{
list-style: none;
}








#menu_geselecteerde_clienten span .tab{	
display: block;
position: relative; 
}



#menu_geselecteerde_clienten .close {
  cursor: pointer;
  position: absolute;
  top: 40%;
  right: 3%;
  margin: 2px;
  padding-top: -2px;
  padding-right: 0px;
  transform: translate(0%, -50%);
  border-radius: 0px 0px 0px 0px; 
}

form tab {
display: inline-block;
}
form .tab {
display: inline-block;
}



table .zoeken
{
display: table-cell;
  border:  1px solid black;
  width: 100%; 
  padding: 0px;
  vertical-align: top;
  text-align: left;
  margin: 0px;
  height: auto;
}

.equalDivide tr td 
{
	border: 1px solid black;
	padding-right: 4px;
	padding-left:  4px;
	background-color: yellow;
}

td.selected
{
	border: 1px solid black;
	padding-right: 4px;
	padding-left:  4px;
	background-color: yellow;
}




	 
#selected_characters_javascript
{
display: inline;
position: fixed;
font-family: Arial, Helvetica, sans-serif;
padding: 10px;
border: 1px #FFF;
margin: 1px white;
width: 400px;
height: 750px;
color: white;
top: 60px;
left: 500px;
background-color: #333333;
overflow: auto;
}

#selected_characters_javascript_diagnose_patient
{
display: inline;
position: relative;
font-family: Arial, Helvetica, sans-serif;
padding: 10px;
border: 1px #FFF;
margin: 1px white;
width: 400px;
height: 750px;
color: black;
top: 10px;
left: 10px;
background-color: #EEEEEE;
overflow: auto;
}

#button_select_roentgenfotos
{
position: fixed;
top: 850px;
left: 500px;
width: 90px; 
height: 90px;
cursor: pointer;
padding: 0px;
margin: 0px;
border: 1px solid white;
}

#button_clear_characters
{
position: fixed;
top: 850px;
left: 830px;
width: 90px; 
height: 90px;
padding: 0px;
margin: 0px;
border: 1px solid white;
cursor: pointer;
}

#volgnummer
{
color: white;
position: fixed;
display: block;	
top: 650px; 
left: 20px;
width: 470px;
border: 3px solid grey; 
margin: 0px;
padding: 2px;	
}



#illustration_aanmelden
{
position: fixed;
display: block;	
top: 70px;
left: 430px;
float: right;
border: 0px solid brown;
}

#locaties{
	display: block;
	position: relative; 
	top: 0px;
	float: left; 
}

	

.text_red
{
color: red;
}




#filter{
padding: 20px 20px;		
}

#input_team{
max-height: 1000px;
}

select.selectize-dropdown-content {
    max-height: 1000px;
 }
 










.tableRowSelectedBroco {
  display: table-row;
  text-decoration: none;
  background-color: yellow;
  border: 1px solid black;
  cursor: pointer;
}

.tableRowSelected {
  display: table-row;
  text-decoration: none;
  background-color: yellow;
  border: 1px solid black;
  cursor: pointer;
  &:hover,
  &:focus {
    background: #2697D3;   
  }
}




.tableHeaderIdActiefDossier {
  background-color: #666666;
  color: white; 
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 5em; 
}

.tableCellIdActiefDossier
{
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 5em; 
}


.tableCellText255 {
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 200px; 
}

.tableCellInfo {
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  width: 300px; 
}

.tableCellLanden {
  display: table-cell;
  padding: 0px; 
  vertical-align: top;
  border: 1px solid black;
  padding-left: 2px; 
  font-weight: normal;
}

.tableCellActieveDiagnose
{
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  font-weight: normal;
  overflow: auto; 
  width: 500px; 
}

.tableCellNtr {
display: table-cell;
padding: 3px; 
vertical-align: top;
border: 1px solid black;
width: 100px;
display: tableCell;
}



.tableCellColumn2 {
  display: table-cell;
  padding: 3px; 
  vertical-align: top;
  border: 1px solid black;
  column-count: 3;
  width: 600px; 
}

.tableCellBroco {
  display: table-cell;
  padding-left: 3px;
  padding-right: 3px;
  vertical-align: top;
  border: 1px solid black;
}

.team
{
  display: block; 
  background: #2697D3;	
}

#label_name_selected_client
{	 
}

 









#container_button_registratie_bijwerken
{
position: relative; 
display: block;
width: 100%;
height: auto; 
border: 2px solid brown; 
left: 5px;
margin-right: 10px;  
padding-right: 5px;  
float: left; 
}



#container_tuberculose_infectie_leeg
{
position: relative; 
display: block;
width: 100%;
height: 44px; 
float: left; 
left: 5px;
margin-right: 10px;  
padding-right: 10px;  
border: 2px solid green; 
}

#button_update_diagnose
{
position: relative; 
display: block;
padding-top: 0px; 
padding-bottom: 0px; 
}

#button_diagnose_toevoegen
{
position: relative; 
display: block;
padding-top: 0px; 
padding-bottom: 0px; 
}

#button_registratie_tuberculose_ziekte_bijwerken
{
position: relative; 
display: block;
padding-top: 0px; 
padding-bottom: 0px; 
}

#button_registratie_tuberculose_infectie_bijwerken
{
position: relative; 
display: block;
padding-top: 0px; 
padding-bottom: 0px; 
}

#button_save_ntr_uitdraai
{
position: relative; 
display: block;
padding-top: 0px; 
padding-bottom: 0px; 
}

#lijst_diagnoses_patient
{
display: none;
position: relative; 
border: 2px solid blue;	
padding: 5px;
margin: 5px;  
top: 0px;
left: 5px;
width: 100%;
height: auto;
float: left;
background-color: #EEEEEE;
}




#lijst_diagnoses
{
display: block;
position: relative; 
border-top: 1px solid grey;	
border-bottom: 1px solid grey;	
top: 0px;
left: 0px;
width: 100%;
height: 800px;
float: left;
background-color: #EEEEEE;
}



label.toevoegen
{
  display: inline-block;
  background-color: #FFFFFF;
  padding: 0px;
  margin: 0px;
  color: #000000;
  float: left;
  top: 20px;
}







#info_geopend_zorgprogramma
{
display: block;
position: relative; 
background-color: #DDDDDD; 
border-top: 1px solid brown; 
border-bottom: 1px solid brown; 
left: 0px;
float: left;
width: 100%;
top: 2px;
padding: 5px;
}

label.selected{
border: 2px solid black;
}


#header_beschikbare_elementen
{
display: block;
position: relative; 
border: 0px solid brown;
padding: 5px;	
float: left;
top: 5px;
left: 5px;
width: auto;
padding: 5x;
height: 800px;
}


#container_lijst_zorgprogrammas_in_clienten
{float:left;
display: block;
position: static; 
width:400px;
height:auto;
margin:5px 5px 25px 5px;
border: 1px solid red;	
top: 10px;
bottom: 10px;
left: 10px;
width: 24%px;
overflow: scroll;
}

	
td.tab_bold{
border: 0px solid black;
		
  display: inline-block;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

td.tab{
border: 0px solid black;	
display: inline-block;
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
	
tr.tab{
border: 0px solid black;
}

table.tab{
border: 0px solid black;
}

#navbtn1, #navbtn2 {
font-weight: 600;
color: #FFF;
text-decoration: none;
}

#navbtn1 
{
float: left;
}
#navbtn2 
{
float: right;
}
		
#leeslijst_button
{
position: fixed;
display: block;	
top: 100px; 
left: 20px;
width: 55px;
height: 55px;
padding: 0px;
margin: 0px;
border: 1px solid white; 
float: left;      
}

#filter_button
{
position: fixed;
display: block;	
top: 100px; 
left: 80px;
width: 55px;
height: 55px;
padding: 0px;
margin: 0px;
border: 1px solid white;  
float: left;  
}

#kinderfotos_button
{
position: fixed;
display: block;	
top: 100px; 
left: 140px;
width: 55px;
height: 55px;
padding: 0px;
margin: 0px;
border: 1px solid black;  
float: left;  
}

#nspoh_button
{
position: fixed;
display: block;	
top: 100px; 
left: 200px;
width: 55px;
height: 55px;
padding: 0px;
margin: 0px;
border: 1px solid white;  
float: left;  
}

#invert_button
{
position: fixed;
display: block;	
top: 100px; 
left: 260px;
width: 55px;
height: 55px;
padding: 0px;
margin: 0px;
border: 1px solid white;  
float: left;  
}

#uitroepteken_button
{
position: fixed;
display: block;	
top: 100px; 
left: 320px;
width: 55px;
height: 55px;
padding: 0px;
margin: 0px;
border: 1px solid white;  
float: left;  
}

#go_to_previous_image
{
position: fixed;
display: block;	
top: 900px; 
left: 10px;
border: 0px solid white; 
margin: 0px;
padding: 10px 10px;	
}

#go_to_previous_image_not_functional
{
position: fixed;
display: none;	
top: 900px; 
left: 10px;
border: 0px solid white; 
margin: 0px;
padding: 10px 10px;	
cursor: none;
}

#go_to_previous_image_not_functional:hover
{
background-color: black;
}

#go_to_next_image
{
position: fixed;
display: block;	
top: 900px; 
left: 80px;
border: 0px solid white; 
margin: 0px;
padding: 10px 10px;	
}

#go_to_next_image_not_functional
{
position: fixed;
display: none;	
top: 900px; 
left: 80px;
border: 0px solid white; 
margin: 0px;
padding: 10px 10px;	
cursor: none;
}

#go_to_next_image_not_functional:hover
{
background-color: black;	
}

#uitslag_invoer_menu
{
position: fixed;
display: block;	
top: 980px; 
height: 780px;
left: 20px;
width: 515px;
border: 2px solid red;
margin: 0px;
padding: 10px 10px;	
}

#uitslag_opslaan
{
position: fixed;
display: none;	
top: 1000px; 
left: 250px;
width: 120px;
height: 80px;
padding: 0px;
margin: 0px;
border: 2px solid green; 
border-radius: 6px;
cursor: pointer;
}

#uitslag_opslaan_niet_functioneel
{
position: fixed;
display: block;	
top: 1000px; 
left: 250px;
width: 120px;
height: 80px;
padding: 0px;
margin: 0px;
border: 0px;
color: #555; 
background-color: #999;	
cursor: none;
border-radius: 6px;
}

#uitslag_opslaan_niet_functioneel:hover
{
color: #555; 
background-color: blue;	
}

#beoordeling_technisch
{
position: fixed;
display: block;
width: 490px;
border: 2px solid black;
top: 1260px;
}

#lezing_1_tekst
{
position: fixed;
display: none;
width: 400px;
border: 0px solid black;
top: 1100px;
left: 120px;	
height: 300px;
}

td.even{
background-color: #DDDDDD;	
}

td.uneven{
background-color: #FFFFFF;	
}

tr.uneven {
  background-color: #FFFFFF;
  color: black;
  
}
	
tr.even {
  background-color: #DDDDDD;
  color: black;
}

marge .input[type="radio"]:checked+label,
.checked+label {
	background-color: yellow;
	cursor: pointer;
	color: black;
}


.label_nieuwe_client{
background: #FFFFFF;
color: #000000;
text-decoration: none;
width: 200px;
}

.check-with-label:checked + .label-for-check 
{
	font-weight: bold;
	background-color: yellow;
	cursor: pointer;
	color: black;
}

#array_weergave
{
position: relative; 
display: block;
border: 1px solid blue; 
}

#sleutel{
position: fixed;
display: block;
border: 3px solid blue; 
background-color: #EEEEEE;
padding: 10px;
top: 110px; 
color: #000000;
left: 600px; 
}

img
{
	padding: 0px; 	
}



.foto_uitslag{
  display: inline-block;
  background-color: #ddd;
  padding: 4px 11px;
  cursor: pointer;
  color: #000000;
}

.geslacht {
  display: inline-block;
  background-color: #ddd;
  padding: 2px;
  margin: 1px;
  cursor: pointer;
  color: #000000;
  font-weight: normal; 
}

			
#introscherm
{
position: fixed;
display: block;
width: auto;
top: 0px; 
right: 0px;
padding: 10px;
margin: 0px;
border: 1px solid black;
height: auto;
overflow: auto;
}

#header_leeslijst
{
position: fixed;
display: block;
width: auto;
height: 100px;
background-color: black;
top: 0px; 
left: 0px;	
right: 0px;
padding: 10px;
margin: 0px;
border: 1px solid white;
}

#leeslijst
{
position: fixed;
display: block;
width: 2000px;
height: 1700px;
background-color: black;
top: 100px; 
overflow: scroll;
left: 600px;	
right: 0px;
padding: 10px;
margin: 0px;
border: 1px solid white;
}

#button_go_to_fotos_header_leeslijst
{
position: fixed;
display: block;	
top: 20px; 
left: 30px;
width: 100px;
padding: 3px;
margin: 1px;
border: 1px;
height: 100px;    
}

#controleer_leeslijst
{
position: fixed;
display: block;	
top: 60px; 
left: 30px;
width: 800px;
padding: 3px;
margin: 1px;
border: 1px; 	
}

figure{
margin: 0px;
padding: 0px;
border: 0px;
}

figcaption{
margin: 0px;
padding: 0px 10px;
border: 0px;	
}


	#label_name_selected_client
	{	 
	
	}

	p{
	display: none;
	}
	
	#toegevoegde_elementen
	{
	display: block;
	position: absolute;
	top: 1400px;
	border: 1px solid red; 
	padding: 5px;
	left: 10px;
	}

	#planning
	{
	position: static; 
	display: block;	
	border: 10x solid red;
	}

	#kalender
	{
	position: relative;
	display: block;
	width: auto;	
	}
	
	li{
	list-style: none;	
	}
	
	#invoer_elementen
	{
	border: 1px solid red; display: block;
	position: relative; 
	width: auto;
	float: left;
	padding: 5px;
	margin: 5px;	
	}
	
	#rooster_roentgen
	{
	border: 1px solid red; 
	display: block;
	position: relative;
	width: auto;
	float: left;
	padding: 5px;
	margin: 5px; 
	column-count: 2; 
	}
			
	#rooster_arts
	{
	border: 1px solid red; 
	display: block;
	position: relative;
	width: auto;
	float: left;
	padding: 5px;
	margin: 5px; 
	}
	
	#rooster_lab
	{
	border: 1px solid red; 
	display: block;
	position: relative;
	width: auto;
	float: left;
	padding: 5px;
	margin: 5px; 
	}
	
	td.rooster
	{
	
	padding: 0px;
	margin: 0px;
	width: auto;
	
	
	}
	
		label.rooster
	{
	
	padding: 0px;
	margin: 0px;
	width: auto;
	
	
	}
	
	input
	


#main{
	display: block;
position: static; 
float:left;
width:27%;
height: 900px;
margin:20px;
border: 3px solid red;
bottom: 10px;
}

#main.uitslagen{
	display: block;
position: relative; 
float:left;
width:99%;
height: auto;
margin:20px;
border: 3px solid red;
bottom: 10px;
}





#main.te_plannen
{
display: block;
position: relative; 
float:left;
width:99%;
height: auto;
margin:5px;
border: 3px solid blue;
top: 10px;
}

#main.afsprakenoverzicht
{
display: block;
position: relative; 
float:left;
width:99%;
height: auto;
margin:5px;
border: 3px solid blue;
top: 10px;
}

#main.contactonderzoeken
{
display: block;
position: relative; 
float:left;
width:99%;
height: auto;
margin:5px;
border: 3px solid blue;
top: 10px;
}

#main.contacten
{
display: block;
position: relative; 
float:left;
width:99%;
height: auto;
margin:5px;
border: 3px solid blue;
top: 10px;
}

#main.nieuwe_client
{
display: block;
position: relative; 
float:left;
width:99%;
height: auto;
margin:5px;
border: 1px solid blue;
top: 10px;
column-count: 2; 
}







.invoer_elementen_1
{
	display: block;
	position: relative; 
	width: auto;
	float: left;
}

.invoer_elementen_2
{
	display: block;
	position: relative; 
	width: auto;
	float: left;
}

.invoer_elementen_3
{
	display: block;
	position: relative; 
	width: auto;
	float: left;
}

.afspraken { 
	width: 200px;
}

aside {
  width: 500px;
  display: block;
  position: relative;
  height: 1100px;
  float: left;
  color: #000000;
  border: 2px solid brown;
  margin-left: 5px;
  top: 5px; 
}

aside.client {
  width: 25%;
  background-color: #EEEEEE; 
}

#rapportage_aanpassen
{
display: block;
position: relative; 
background-color: #dddddd; 
border: 3px solid brown; 
left: 5px;
float: left;
width: 69%;
height: auto;
padding: 5px;
}

textarea.uitslag{
	
}





textarea{
display: none;
position: relative;
left: 5px;
top: 5px; 
width: 50%;
height: auto;
background-color: yellow; 
	
}

.marge label,
.marge input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#leesgedeelte{
position: fixed;
display: block;
width: 450px;
height: 95%;
border: 0px solid red; 
background-color: #CCCCCC;
padding: 0px;
top: 475px; 
color: #000000;
left: 0px; 
} 


#uitslag
{
position: fixed;
display: block;	
top: 170px; 
left: 20px;
width: 400px;
border: 1px solid yellow; 
margin: 0px;
padding: 10px 10px;	
height: 400px;
}

#patient_info
{
position: fixed;
display: block;	
top: 600px; 
left: 20px;
width: 400px;
border: 1px solid brown; 
margin: 0px;
padding: 10px 10px;	
}

#indicatie
{
position: fixed;
display: block;	
top: 800px; 
left: 20px;
width: 400px;
border: 1px solid green; 
margin: 0px;
padding: 10px 10px;	
}

#medische_info
{
position: fixed;
display: block;	
top: 700px; 
left: 20px;
width: 400px;
border: 1px solid purple; 
margin: 0px;
padding: 10px 10px;	
}

#volgnummer_foto_patient
{
position: fixed;
display: block;	
top: 850px; 
left: 20px;
width: 470px;
border: 3px solid grey; 
margin: 0px;
padding: 10px 10px;	

}



.roentgenfotos
{
background-color: #111111;	
color: white;
margin: 0px; 
border: 0px;
}


#foto{
position: fixed;
display: block;
width: auto;
border: 0px solid green; 
padding: 0px;
top: 100px;
height: 2000px;
right: 5px;
float: right;
} 

figure
{
}


figcaption
{
	position: relative;
	height: auto;
	border: 1px solid green;
	padding: 0em;
	display: table-caption;
    caption-side: top;
	color: white;
	width: 400px;
}

#header_roentgenfotos
{
display: block;
position: fixed;
padding: 0px;
margin: 0px;
width: 450px;
top: 0px;
left: 0px;	
border: 0px solid red;
height: 80px; 
background-color: #2697D3;

}

#menu_fotos_lezen
{
position: relative;
display: block;	
top: 5px;
border: 1px solid green; 
}

#subjectief
{
display: block;
position: relative; 
background-color: #FFFFFF; 
border: 1px solid brown; 
left: 30px;
float: left;
width: 99%;
top: 5px;
column-count: 1; 
padding: 5px;	
}

#objectief
{
display: block;
position: relative; 
background-color: #FFFFFF; 
border: 1px solid brown; 
left: 30px;
float: left;
width: 99%;
top: 5px;
column-count: 1; 
padding: 5px;	
}

#evaluatie
{
display: block;
position: relative; 
background-color: #FFFFFF; 
border: 1px solid brown; 
left: 30px;
float: left;
width: 99%;
top: 5px;
column-count: 1; 
padding: 5px;	
}

#plan
{
display: block;
position: relative; 
background-color: #FFFFFF; 
border: 1px solid brown; 
left: 30px;
float: left;
width: 99%;
top: 5px;
column-count: 1; 
padding: 5px;	
}










input[type="checkbox"] {
display: none;
}




#console
{
	font-size: 0.8em;
}

li{
 list-style-type: none;
  }