.title h2 {

	font-family: revert;

	font-weight: 700;

	line-height: 36px;

	margin-bottom: 0px !important;

}




.title p {

	font-size: 12px;

	font-weight: 600;

	width: 210px;

}



.title {

	width: 210px;

}



.parallax-mirror {

	position: fixed;

	top: 0px;

	left: 0px;

	overflow: hidden;

	transform: translate3d(0px, 0px, 0px);

	height: 100%;

	width: 85%;

	width: calc(100% - 220px);

	width: -webkit-calc(100% - 220px);

	width: -moz-calc(100% - 220px);

	margin-left: auto;

	margin-right: 0;

	right: 0;

	/*background-color: #fff;*/

	visibility: visible;

	z-index: -1;

}







.parallax-mirror img.parallax-slider {

	position: absolute;

	height: 100%;

	width: 100%;

	max-width: none;

	object-fit: cover;

}



.form-login-heading {

text-align: center !important;

    z-index: 9;

    color: #000;

    display: inline-table;

    width: 100%;

    font-size: 30px;

    position: relative;

    font-weight: 700;

}



.beheer ul {

  list-style-type: none;

  margin: 0;

  padding: 0;

  overflow: hidden;

  background-color: #666666;

  position: relative;

}



.beheer li {

  float: left;

}



.beheer .active li a {

  display: block;

  color: white;

  text-align: center;

  padding: 16px;

  text-decoration: none;

  background-color: #111111;

}



.beheer li a {

  display: block;

  color: white;

  text-align: center;

  padding: 16px;

  text-decoration: none;

}







.beheer li a:hover {

  background-color: #111111;

}



.block-aria {



	margin-left: auto;



	margin-right: 0;



	position: absolute;



	padding: 0px 0;



	width: 100%;



	display: inline-block;



}







.block-aria .tm-section {



	padding: 66px 60px;



	position: relative;



	height: 100%;



	display: table;



	margin: auto;



}







.cms_index_page .main.container-fluid {



	position: fixed;



	top: 0px;



	left: 0px;



	overflow: hidden;



	height: 100%;



	visibility: visible;



	width: 85%;



	width: calc(100% - 220px);



	width: -webkit-calc(100% - 220px);



	width: -moz-calc(100% - 220px);



	margin-left: auto;



	margin-right: 0;



	right: 0;



	transition: all 0.3s ease;



	-webkit-transition: all 0.3s ease;



	-moz-transition: all 0.3s ease;



	-o-transition: all 0.3s ease;



}







.main.container-fluid .row.fluid {



	height: 100%;



	overflow: scroll;



}







.kg-left-sidebar .navbar-toggler {



	display: none;



}







.main.container-fluid .row.fluid .block-aria .tm-section .benner_containt p {



	text-align: center !important;



	z-index: 9;



	color: #000;



	display: inline-block;



	width: 100%;



	font-size: 30px;



	position: relative;



	font-weight: 700;



}







#kgSidebar {



	-ms-overflow-style: none;



	scrollbar-width: none;



}







.kg-left-sidebar .kg-sidebar-sticky {



	display: block;



	flex-direction: column;



	align-items: center;



	height: 100%;



	scrollbar-width: none;



}







.kg-left-sidebar .kg-sidebar-sticky .kg_left_list_menu {



	display: block;



	position: relative;



	width: 100%;



}







.kg-left-sidebar .kg-sidebar-sticky footer.text-center {



	position: relative;



	width: 100%;



	bottom: 0;



	left: 0;



	padding: 20px 15px 0 0;



	font-family: 'Poppins';



	font-size: 13px;



	color: #000;



	text-align: left !important;



}







.cms_index_page .kg-left-sidebar .kg-sidebar-sticky footer.text-center p {



	margin: 0;



}







.cms_index_page .kg-left-sidebar .kg-sidebar-sticky footer.text-center p a {



	color: #000;



}







.cms_index_page .kg-left-sidebar .kg-sidebar-sticky footer.text-center p img {



	width: 65%;



}







.kg_containt_area .img_block.img-box img {



	display: inline-block;



	width: 100%;



	overflow: hidden;



}







.kg_containt_area .img_block.img-Circle img {



	width: 100%;



	height: auto;



	-moz-border-radius: 50px;



	-webkit-border-radius: 50px;



	border-radius: 195px;



}







.img-Circle-Projecten img {



	width: 100%;



	height: auto;



	-moz-border-radius: 50px;



	-webkit-border-radius: 50px;



	border-radius: 195px;



	background-color: #fff;



	border: 3px solid #000;



}







.block-aria .benner_containt .kg_containt_area .img_block.traing {



	background-color: black;



	border-left: 8px solid #0a0a0a0d;



	border-right: 8px solid #00000005;



	border-bottom: 4px solid #080808;



	border-top: 8px solid #000;



	clip-path: polygon(50% 0%, 0% 101%, 99% 100%);



	-webkit-clip-path: polygon(50% 0%, 0% 101%, 99% 100%);



}







.block-aria .benner_containt .kg_containt_area .img_block.traing img {



	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);



	-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);



	width: 100%;



	text-align: center;



}







.img_block.traingspelarchief {



	background-color: black;



	border-left: 8px solid #0a0a0a0d;



	border-right: 8px solid #00000005;



	border-bottom: 4px solid #080808;



	border-top: 8px solid #000;



	clip-path: polygon(50% 0%, 0% 101%, 99% 100%);



	-webkit-clip-path: polygon(50% 0%, 0% 101%, 99% 100%);



}







.img_block.traingspelarchief img {



	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);



	-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);



	width: 100%;



	text-align: center;



}







.block-aria .benner_containt .kg_containt_area {



	width: 90%;



	height: auto;



	overflow: hidden;



	margin: auto;



}







.cms_index_page .kg_left_list_menu {



	display: block;



	position: relative;



	width: 100%;



	margin: 45px 0;



}







.cms_index_page .kg_left_list_menu ul {



	list-style: none;



	padding: 5px 5px;



}







.cms_index_page .kg_left_list_menu ul li {



	padding: 3px 0px;



}







.cms_index_page .kg_left_list_menu ul li a {



	font-size: 17px;



	color: #000;



	font-weight: 700;



}







.cms_index_page .navbar-toggler:focus .navbar-toggler:focus {



	text-decoration: none;



	border: none;



	outline: none;



}







.block-aria .benner_containt .img_block {



	background-color: #fff;



	border: 5px solid #000;



}











/*.cms_index_page .main-block.ml-sm-auto .block-aria .benner_containt .img_block img{







	opacity: 0.6;







}*/







.block-aria .benner_containt .kg_containt_area .img_block.traing span.hoevr {



	display: block;



	background-color: #fff;



	border-left: 0px solid #0000;



	border-right: 0px solid #0000;



	border-bottom: 0px solid #ffffff;



	border-top: 0px solid #fff;



	/*clip-path: polygon(50% 0%, 0% 101%, 99% 100%);







	-webkit-column-count:polygon(50% 0%, 0% 101%, 99% 100%);*/



	-webkit-clip-path: polygon(50% 0%, 0% 100%, 99% 100%);



	clip-path: polygon(50% 0%, 0% 100%, 99% 100%);



}







.block-aria .benner_containt .img_block.img-Circle {



	border-radius: 160px;



}







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



	.cms_index_page .kg-left-sidebar .navbar-toggler {



		display: block !important;



		cursor: pointer !important;



		z-index: 999;



		position: fixed;



		left: 15px;



		background-color: rgba(255, 255, 255, 0.8)!important;



		color: #000;



		padding: 10px 15px !important;



		transition: all 0.3s ease;



		-webkit-transition: all 0.3s ease;



		-moz-transition: all 0.3s ease;



		-o-transition: all 0.3s ease;



		border-radius: 0 !important;



		border-top-right-radius: 5px !important;



		border-bottom-right-radius: 5px !important;



		top: 5px;



		font-size: 22px !important;



	}



	.cms_index_page .kg-left-sidebar {



		width: 250px;



		left: -250px !important;



		padding: 15px;



		transition: all 0.3s ease;



		-webkit-transition: all 0.3s ease;



		-moz-transition: all 0.3s ease;



		-o-transition: all 0.3s ease;



		background-color: rgba(255, 255, 255, 0.8);



		z-index: 999 !important;



	}



	.cms_index_page .kg-left-sidebar.show {



		left: 0 !important;



	}



	.parallax-mirror,



	.cms_index_page .main.container-fluid {



		width: 100%;



	}



	.cms_index_page .main.container-fluid.push-body {



		width: calc(100% - 220px);



		transition: all 0.3s ease;



		-webkit-transition: all 0.3s ease;



		-moz-transition: all 0.3s ease;



		-o-transition: all 0.3s ease;



	}



	.kg-left-sidebar.show .navbar-toggler {



		left: 250px;



	}



	.cms_index_page .main.container-fluid.push-body .row.fluid .block-aria .tm-section .benner_containt p {



		font-size: 23px;



	}



	.cms_index_page .main.container-fluid.push-body .row.fluid .benner_containt {



		left: 10%;



		z-index: 10;



		padding: 0 15px;



		margin: 30px 0;



	}



}







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



	.main-block.ml-sm-auto .block-aria .tm-section {



		padding: 66px 25px;



	}



}







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



	.main-block.ml-sm-auto .block-aria .benner_containt,



	.main-block.ml-sm-auto .block-aria .tm-section {



		padding: 0px;



	}



}







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



	.cms_index_page .main-block.ml-sm-auto .block-aria .benner_containt .kg_containt_area {



		width: 50%;



	}



	.cms_index_page .main.container-fluid.push-body {



		width: calc(100% - 0px);



	}



}











/*override bootstrap start*/







.row,



.col-12 {



	display: -webkit-box;



	display: -webkit-flex;



	display: -moz-flex;



	display: -ms-flex;



	display: flex;



	-webkit-flex-flow: row wrap;



	-moz-flex-flow: row wrap;



	-ms-flex-flow: row wrap;



	flex-flow: row wrap;



}







.kg_row {



	display: inline-block;



	width: 100%;



}







.kg_col-lg-3,



.kg_col-md-4,



.kg_col-sm-6 {



	display: inline-block;



	width: 50%;



	padding-right: 5px;



	padding-left: 5px;



}







.kg_col-sm-6-login {



	display: inline-block;



	width: 33%;



	padding-right: 15px;



	padding-left: 15px;



}







@media only screen and (min-width:992px) {



	.kg_col-lg-3 {



		width: 20% !important;



	}



}







@media only screen and (min-width:992px) {



	.kg_col-lg-33 {



		width: 70% !important;



	}



}







@media only screen and (min-width:992px) {



	.kg_col-lg-1 {



		width: 24% !important;



	}
	
	.kg_col-lg-2 {



		width: 15% !important;



	}



}







@media only screen and (min-width:720px) {



	.kg_col-md-4 {



		width: 33.33%;



	}



}







@media only screen and (max-width:575px) {



	.kg_col-md-4,



	.kg_col-lg-4,



	.kg_col-sm-4 {



		width: 100%;



		float: none !important;



	}



}







.cms_index_page .main-block.ml-sm-auto .block-aria .benner_containt .kg_row {



	display: block;



	width: 100%;



	position: relative;



}







.cms_index_page .main-block.ml-sm-auto .block-aria .benner_containt .kg_row .kg_col_33 {



	display: inline-block;



	float: left;



	width: 33.33%;



}







@media only screen and (max-width:575px) {



	.cms_index_page .main-block.ml-sm-auto .block-aria .benner_containt .kg_row .kg_col_33 {



		width: 100%;



		float: none !important;



	}



}











/*override bootstrap start*/











/*second page */







body.cms_lesplanning_page {



	overflow: hidden;



	position: static



}







.main.container-fluid {



	padding: 0;



}







.main.container-fluid .top-header .kg_row .top-left-block,



.page-wrap-fluid .left-menu {



	width: 14%;



	float: left;



}







.main.container-fluid .top-header .kg_row .top-right-block,



.main.container-fluid .page-wrap-fluid .right-block {



	width: 86%;



	float: left;



}







.main.container-fluid .page-wrap-fluid .right-block {



	margin-top: 40px;



	margin-bottom: 40px;



	padding: 0px;



}







.main.container-fluid .page-wrap-fluid .right-block .kg-mb220 {



	margin-bottom: 220px;



}







.main.container-fluid .top-header .kg_row .top-right-block .top-tile-text {



	padding: 65px 0;



}







.main.container-fluid .page-wrap-fluid {



	display: inline-block;



	width: 100%;



	height: 100%;



}







.main.container-fluid .top-header .kg_row .top-right-block .top-tile-text h1 {



	font-size: 50px;



	font-weight: bold;



}







.main.container-fluid .top-header .kg_row .top-left-block .kg_ds_992logo img {



	width: 210px;



	margin-top: 13px;



}







.main.container-fluid .left-menu .kg-left-sidebar {



	padding-left: 23px;



	margin-bottom: 220px;



}







.left-menu .kg_left_list_menu ul {



	list-style: none;



	padding: 5px 5px;



}







.left-menu .kg_left_list_menu ul li {



	padding: 3px 0px;



}







.left-menu .kg_left_list_menu ul li a {



	font-size: 17px;



	color: #000;



	font-weight: 700;



}







.left-menu .kg-left-sidebar .kg-sidebar-sticky footer p a {



	color: #000;



}







.main.container-fluid .page-wrap-fluid .right-block .kg_group_data {



	padding: 0 20px;



}







.main.container-fluid .page-wrap-fluid .right-block .kg_group_data_projecten {



	padding: 0 8px;



}







.main.container-fluid .page-wrap-fluid .right-block .kg_group_data .group_inner a {



	display: block;



	border: 5px solid #000;



	border-radius: 6px;



}







.main.container-fluid .page-wrap-fluid .right-block .kg_group_data .group_inner a:hover img {



	opacity: 1;



}







.main.container-fluid .page-wrap-fluid .right-block .kg_group_data .group_inner img {



	width: 100%;



	opacity: 0.7;



}







.main.container-fluid .page-wrap-fluid .right-block .kg_group_data .group_inner p.group_text {



	font-size: 30px;



	font-weight: 700;



}







.text-center {



	text-align: center !important;



	z-index: 9;



	color: #000;



	display: inline-table;



	width: 100%;



	font-size: 30px;



	position: relative;



	font-weight: 700;



}







.text-projecten {



	text-align: center !important;



	z-index: 9;



	color: #000;



	display: inline-table;



	width: 100%;



	font-size: 22px;



	position: relative;



	font-weight: 700;



}







.text-lesplanning {



	z-index: 9;



	color: #000;



	display: inline-block;



	width: 100%;



	font-size: 15px;



	position: relative;



	font-weight: 700;



}







.text-lesplanning a {



	z-index: 9;



	color: #000;



	width: 100%;



	font-size: 15px;



	position: relative;



	font-weight: 700;



	border-radius: 0px;



	border: 0px;



	line-height: 25px;



}







.main.container-fluid .left-menu::-webkit-scrollbar {



	display: none;



	scrollbar-width: none;



}







.main.container-fluid .left-menu {



	-ms-overflow-style: none;



	scrollbar-width: none;



}







.main.container-fluid .left-menu {



	position: fixed;



	height: 100%;



	overflow: scroll;



}







.main.container-fluid .page-wrap-fluid .right-block {



	position: absolute;



	right: -5%;



	overflow: auto;



	height: 100%;



}







.main.container-fluid .left-menu .kg-left-sidebar .kg-sidebar-sticky footer.page-footer {



	margin-top: 158px;



}







@media screen and (min-width:992px) {



	.main.container-fluid .page-wrap-fluid .left-menu .kg-left-sidebar .kg-sidebar-sticky .kg-brand-box .kg_logo_992none,



	.main.container-fluid .page-wrap-fluid .left-menu .kg-left-sidebar .navbar-toggler {



		display: none;



	}



}







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



	.main.container-fluid .top-header .top-left-block {



		display: none;



	}



	.main.container-fluid .top-header .kg_row .top-right-block,



	.main.container-fluid .page-wrap-fluid .right-block {



		width: 100%;



	}



	.main.container-fluid .page-wrap-fluid .left-menu {



		position: absolute;



		top: 0;



		width: auto;



	}



	.main.container-fluid .page-wrap-fluid .left-menu .kg-left-sidebar {



		overflow: visible;



		position: fixed;



		top: 0;



		bottom: 0;



		left: 0;



		z-index: 100;



		padding-left: 30px;



		margin-bottom: 0;



	}



	.main.container-fluid .page-wrap-fluid .left-menu .kg-left-sidebar .kg-sidebar-sticky {



		display: block;



		flex-direction: column;



		align-items: center;



		height: 100%;



		overflow: scroll;



	}



	.main.container-fluid .left-menu .kg-left-sidebar .kg-sidebar-sticky .kg-brand-box .kg-logo-1.kg_logo_992none img {



		width: 100%;



	}



	.page-wrap-fluid .left-menu .kg-left-sidebar.show {



		left: 0 !important;



	}



	.page-wrap-fluid .left-menu .kg-left-sidebar.show .navbar-toggler {



		left: 250px;



	}



	.page-wrap-fluid .left-menu .kg-left-sidebar {



		width: 250px;



		left: -250px !important;



		padding: 15px;



		transition: all 0.3s ease;



		-webkit-transition: all 0.3s ease;



		-moz-transition: all 0.3s ease;



		-o-transition: all 0.3s ease;



		background-color: #fff;



		background-color: rgba(255, 255, 255, 0.8);



	}



	.page-wrap-fluid .left-menu .navbar-toggler {



		cursor: pointer !important;



		display: block !important;



		position: fixed;



		left: 0;



		background-color: rgb(255 255 255 / 90%) !important;



		color: #000;



		padding: 10px 15px !important;



		transition: all 0.3s ease;



		-webkit-transition: all 0.3s ease;



		-moz-transition: all 0.3s ease;



		-o-transition: all 0.3s ease;



		border-radius: 0 !important;



		border-top-right-radius: 5px !important;



		border-bottom-right-radius: 5px !important;



		top: 5px;



	}



	.page-wrap-fluid .left-menu .kg-left-sidebar.show .navbar-toggler:focus {



		text-decoration: none;



		border: none;



		outline: none;



	}



}











/* Style the search field */







form.spelarchief input[type=text] {



	padding: 6px;



	font-size: 16px;



	border: 1px solid grey;



	float: left;



	width: 80%;



	background: #f1f1f1;



}











/* Style the submit button */







form.spelarchief button {



	float: left;



	width: 20%;



	padding: 9px;



	background: #ffd200;



	color: black;



	font-size: 17px;



	border: 1px solid grey;



	border-left: none;



	/* Prevent double borders */



	cursor: pointer;



}







form.spelarchief button:hover {



	background: #0b7dda;



}











/* Clear floats */







form.spelarchief::after {



	content: "";



	clear: both;



	display: table;



}







.play-youtube-video {



	position: relative;



	top: -270px;



	height: 270px;



}



#Spelarchief {

  background-image: url('/css/searchicon.png'); /* Add a search icon to input */

  background-position: 10px 12px; /* Position the search icon */

  background-repeat: no-repeat; /* Do not repeat the icon image */

  width: 100%; /* Full-width */

  font-size: 14px; /* Increase font-size */

  padding: 12px 20px 12px 40px; /* Add some padding */

  border: 1px solid #ddd; /* Add a grey border */

  margin-bottom: 8px; /* Add some space below the input */

}



#Spelarchief_tabel {

  border-collapse: collapse; /* Collapse borders */

  width: 90%; /* Full-width */

  border: 1px solid #ddd; /* Add a grey border */

  font-size: 14px; /* Increase font-size */

}



#Spelarchief_tabel th, #Spelarchief_tabel td {

  text-align: left; /* Left-align text */

  padding: 20px; /* Add padding */

}



#Spelarchief_tabel th, #Bewerk td {

  text-align: left; /* Left-align text */

  padding: 5px; /* Add padding */

}



#Spelarchief_tabel tr {

  /* Add a bottom border to all table rows */

  border-bottom: 1px solid #ddd;

}



#Spelarchief_tabel tr.header, #myTable tr:hover {

  /* Add a grey background color to the table header and on hover */

  background-color: #f1f1f1;

}



.select2-input {

  padding: 12px;

  border: 1px solid #ccc;

  border-radius: 4px;

}



input[type=text], select, textarea {

  width: 100%;

  padding: 5px;

  border: 1px solid #ccc;

  border-radius: 4px;

  resize: vertical;

}

#Bewerk_submit {
  background-color: #ff5151;
  border: none;
  color: black;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}