/* START general classes */
	.info-page-content a {
		font-weight: bold;
	}
	html {
		height: 100%;
		min-height: 100%;
	}
	body {
		padding-top: 70px; /* Needed because navbar-fixed-top is used */
		height: 100%;
		min-height: 100%;
	}
	.btn {
		white-space: normal;
	}
	.page-header {
		border-bottom: none;
	}
	.fullheight {
		height: 100%;
		min-height: 100%;
	}
	.page-content {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		max-height: 100% !important;
		overflow: auto;
	}
	.info-page-content {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		max-height: 100% !important;
	}
	.zero-padding {
		padding: 0px !important;
	}
	.zero-margin {
		margin: 0px !important;
	}
/* END general classes */
/* START navbar classes*/
	.navbar-right.withoutmargin {
		margin: 0px;
	}
/* END navbar classes*/
/* START login page classes */
	.logo-login {
		max-height: 200px;
	}
	.logo-login-wrapper {
		max-height: 200px;
		margin: 20px;
	}
	#login-form {
		margin: 20px;
	}
/* END login page classes */
/* START home/home_body.php buttons css (hover+focus colors are 15% darker)*/
	.btn.homegridbutton {
		color: #FFFFFF;
		font-family: Impact, Helvetica;
		border-style: solid;
		border-color: white;
	}
	.tl-button {
		border-radius: 48px 0px 0px 0px;
		border-width: 4px 2px 2px 4px;
		height: 100%;
	}	
	.tr-button {
		border-radius: 0px 48px 0px 0px;
		border-width: 4px 4px 2px 2px;
		height: 100%;
	}
	.bl-button {
		border-radius: 0px 0px 0px 48px;
		border-width: 2px 2px 4px 4px;
		height: 100%;
	}	
	.br-button {
		border-radius: 0px 0px 48px 0px;
		border-width: 2px 4px 4px 2px;
		height: 100%;
	}
	.m-button {
		border-radius: 24px 24px 24px 24px;
		border-width: 4px 4px 4px 4px;
		pointer-events: auto;
		height: 36%;
	}
	
	.height50percent {
		height: 50%;
		min-height: 50%;
	}
	.buttongridoverlay {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		text-align: center;
		pointer-events: none;
	}
	.buttongridoverlay:before {
		content: ' ';
		display: block;
		/* adjust 'height' to position overlay content (middle button) vertically */
		height: 32%;
	}
	.buttongridwrapper {
		margin-top: 7.5%;
		height: 80%;
	}
	.buttonlistwrapper {
		padding: 5px 0px 5px 0px;
	}
	.m-color {
		background: #374694;
	}
	.m-color:hover, .m-color:focus {
		background: #11206E;
	}
	.tl-color {
		background: #2E83C3;
	}
	.tl-color:hover, .tl-color:focus {
		background: #085D9D;
	}
	.tr-color {
		background: #42D0A2;
	}
	.tr-color:hover, .tr-color:focus {
		background: #1CAA7C;
	}
	.bl-color {
		background: #2E946B;
	}
	.bl-color:hover, .bl-color:focus {
		background: #086E45;
	}
	.br-color {
		background: #42B051;
	}
	.br-color:hover, .br-color:focus {
		background: #1C8A2B;
	}
/* END home/home_body.php buttons css*/
/* BEGIN scripts/quicklinks.php info_left_menu css */
	.sidebar-wrapper {
		box-shadow: 10px 0px 10px -5px rgba(0, 0, 0, 0.2);
	}
	.sidebar-wrapper-cell {
		position: relative;
		top: 50%;
		transform: translateY(-55%);
	}
	.img-wrapper {
		margin: 40px 10px;
	}
/* END scripts/quicklinks.php css */
/* BEGIN memberlist_overview css */
	.table-header-img {
		max-height: 20px;
	}
	.table-img {
		max-height: 25px;
	}
	.table-header-img-link {
		text-decoration: none !important;
	}
	.no-lesson {
		background: repeating-linear-gradient(135deg, black, black 2px, transparent 4px, transparent 6px);
	}
/* END memberlist_overview css */
/* BEGIN info_left_menu css */
	.first-level-link {
		padding-left: 25px !important;
	}
	.second-level-link {
		padding-left: 35px !important;
	}
	.in-page-link {
		/* Give this to element with an id in the page content, to let scrollspy work smoothly and to prevent page from jumping when clicked a second time */
		padding-top: 70px; 
		margin-top: -70px;
	}
/* END info_left_menu css */
/* BEGIN info_welkom css */
	.mv-img-bestuur {
		max-height: 200px;
		margin-top: 15px;
	}
	
	.mv-btn-margin {
		margin: 10px;
	}
/* END info_welkom css */

/* BEGIN info_bijscholen css */
	.mv-img-discipline {
		max-height: 90px;
		margin-top: 15px;
	}
	
	.mv-a-discipline {
		max-height: 200px;
		height: 200px;
	}
	
	.mv-div-discipline {
		max-height: 220px;
		height: 220px;
	}
/* END info_bijscholen css */


/* START customization */
.table_calendar td {
	height: 150px;
	font-size: 0.8em;
	background-color: white;
}

.table_calendar th {
	width: 400px;
	font-size: 1.0em;
}

.table_calendar_day {
	font-weight: bold;
	color: black;
	font-size: 1.2em;
}

.table_calendar_season td {
	height: 15px;
	font-size: 0.6em;
	background-color: white;
}

.table_calendar_season th {
	width: 400px;
	font-size: 0.6em;
}

.table_calendar_day_season {
	font-weight: bold;
	color: black;
	font-size: 1.2em;
}

.calendar_legal_holiday {
	color: #cc00cc;
	font-weight: bold;
}

.calendar_school_holiday {
	color: #cc00cc;
	font-weight: bold;
}

.calendar_planning {
	color: #0000e6;
	font-weight: bold;
}

/*-----------------------------------------*/
/*          OLD CSS FOR REFERENCE          */
/*-----------------------------------------*/


/*
p {
  display: block;
  margin: 0px;
  margin-bottom: 8px;
}
*/

/*
a , a:link, a:visited, a:active {
	color: #6600FF;	
	text-decoration: none;
}

a:hover {
	color: #FFFFFF;
	text-decoration: underline bold;
}
*/

/*
h2 {
  color: #9C182C;
}
*/

/*replaced by bootstrap's container class*/
/*
.box_middle {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  background: #D0DFF2;
  min-height: 700px;
}
*/

/*Not used anymore, header information was moved to the menu*/
/*
#box_header {
  width: 100%;
  background: #EEEEEE;
  padding: 0px;
  margin: 0px;
  font-size: 10px;
  text-align: justify;
}

.box_header_inner{
  width: 97%;
  height: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  text-align: right;
  float: none;
  clear: left;
  
}
*/

/*Not used anymore, replaced by use of bootstrap's navbar class*/
/*
.box_menu {
  width: 100%;
  height: 30px;
  background: #99BBFF;
  padding: 0px;
  margin: 0px;
  font-size: 13px;
  text-align: justify;
  font-weight: normal;
  border-bottom: 1px solid #6600FF;	
}

.box_menu a , a:link, a:visited, a:active {
	color: #0000AA;	
	text-decoration: none;
}

.box_menu a:hover {
	color: #FFFFFF;
	text-decoration: underline bold;
}

.box_menu_inner{
  width: 97%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7px;
  text-align: left;
}
*/

/* Replaced by listitems in box_menu.php */
/*
#box_submenu {
  width: 100%;
  height: 30px;
  background: #99BBFF;
  padding: 0px;
  margin: 0px;
  font-size: 13px;
  font-weight: normal;
  text-align: justify;
  color: #6600FF;
}

#box_submenu a , a:link, a:visited, a:active {
	color: #0000AA;	
	text-decoration: none;
}

#box_submenu a:hover {
	color: #FFFFFF;
	text-decoration: underline bold;
}

.box_submenu_inner {
  width: 97%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7px;
  text-align: left;
}
*/


/*#box_content {
  width: 100%;
  height: 100%;
  background: #D0DFF2;
  padding: 0px;
  margin: 0px;
  overflow:auto;
  height:auto;
}

.box_content_inner{
  width: 97%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  min-height: 1000px;
  height:auto;
}*/

/**th {
  color: #9C182C;
  font-weight: bold;
  text-align: center;
  vertical-align: top;
  padding: 5px;
}

.table_100pct {
  width: 100%;
  text-align: center;
  vertical-align: text-bottom;

}

.table_menu {
  text-align: center;
}

.table_menu  td{
  padding: 10px;
}

.font_greeting {
 font-size: 10px;
 font-style: italic;
}

.font_label {
 font-style: none;
 font-weight: bold;
}

.font_footnote {
 font-style: none;
 font-weight: normal;
 font-size: 60%;
}


.memberlist_parameters {
  width: 98%;
  background: #99BBFF;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 7px;
  padding-right: 7px;
  border-top: 0px solid #6600FF;
  border-bottom: 0px solid #6600FF;
  float: both;
  clear: both;
  overflow:hidden;
}

.block_new {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
  float: none;
  clear: both;
  display: inline-block;
}

.block_left {
  float: left;
  clear: none;
  padding-left: 5px;
}

.block_right {
  float: right;
  clear: right;
}

.block_left_config {
  float: left;
  clear: none;
  padding-left: 5px;
}

.block_right_config {
  float: left;
  clear: none;
  margin-left: 125px;
  padding-left: 10px;
  border-left: 0px solid #0000DD;
}

.block_members {
  width: 40%;
  float: left;
  clear: left;
  padding-left: 5px;
}

.block_trainers {
  width: 40%;
  float: left;
  clear: none;
  padding-left: 5px;
}

.report_div_no_new_line {
  float: left;
  clear: none;
  margin-right: 15px;
  margin-bottom: 20px;
}

.report_table  {
    border-width: 3px;
	border-spacing: 0px;
	border-collapse: collapse;
	border-color: black;
	width: 100%;
  }

.report_table th {
	background: #99BBFF;
	padding: 4px;
	margin: 0px;
	border: 1px solid #6600FF;	
	border-spacing:0px;
}

.report_table td {
	padding: 4px;
	margin: 0px;
	border: 1px solid #6600FF;	
	border-spacing:0px;
}

.report_table img{
	height: 20px;
}

.legend {
  font-style: italic;
  font-size: 12px;
}

.legend img {
   height: 12px;
}

.msg_error {
  color: #FF0000;
  font-size: 12px;
}

.block_with_border {
  float: left;
  clear: none;
  padding-left: 5px;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #BBBBBB;
  margin-left: 20px;
}

.block_with_border h1{
  color: green;
  font-size: 1.2em;
  text-decoration: underline;
}

.link_modify {
  color: blue;
  font-size: 0.85em;
  font-style: italic;
  text-align: center;
}

.font_label {
  font-style: bold;
}

.font_confirmation {
  font-style: bold;
  font-style: italic;
  color: red;
}

.arcering_01 {
	background-image: 
		linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black),
		linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black),
		linear-gradient(#eeeeee, #ffffff);
	background-size: 4px 4px, 4px 4px, 100% 100%;
	background-position: 0px 0px, 2px 2px, 0px 0px;
} */