/*
kleur bruin/grijs:	#5b5953; rgba(91,89,83,1)

donkerbruin #42413C
lichtbruim #E8E3D3
kleur groen:		#5cbb9b; rgba(92,187,155,1)
*/

body {
	padding-top: 80px;
	font-family: "Museo Sans Cyrl 300";
}

.txt-small {
	font-size: 80%;
}

.hide {
	display: none;
}

.logotop {
	height: 50px;
	max-height: 100px;
}
.bg-menutop {
	min-height: 80px;
	background-color: #fff;
	border-bottom: 1px solid rgba(91,89,83,1);
}
strong {
	font-weight: bold !important;
}
a:link.facebook, a:visited.facebook {
	color: #4267B2 !important;
	transition: 1.5s;
}

a:hover.facebook,a:active.facebook {
	color: #404AC9 !important;
}
.text-brownlight {
	color: #A8A599 !important;
}
a:link.noundeline, a:visited.noundeline, a:hover.noundeline, a:active.noundeline {
	text-decoration: none !important;	
}

a:link.bg-wit, a:visited.bg-wit {
	text-decoration: none;
	color: #42413C;
	transition: 1.5s;
}
a:hover.bg-wit, a:active.bg-wit {
	text-decoration: none;
	color: #5cbb9b;
	transition: 1.5s;
}

a:link.bg-wit.green, a:visited.bg-wit.green {
	text-decoration: underline;
	color: rgb(25, 135, 84);	
	transition: 1.5s;
}
a:hover.bg-wit.green, a:active.bg-wit.green {
	text-decoration: underline;
	color: #5cbb9b;
	transition: 1.5s;
}

a:link.interlinie, a:visited.interlinie {
	font-size: 70%;
	text-decoration: none;
	color: #A8A599;
	transition: 1.5s;
}
a:hover.interlinie, a:active.interlinie {
	font-size: 70%;
	text-decoration: none;
	color: #fff;
	transition: 1.5s;
}

.nounderline {
  text-decoration: none !important;
}

.no-button {
	background-color: transparent;
	border: none;
	padding: 0;
}

.contact a {
	color: #fff;
	text-decoration: none;
	/*border-bottom: 1px solid transparent;*/
	transition: 1.5s;
}
.contact a:hover {
	color: #5cbb9b;
	/*border-color: #5cbb9b;;*/
}
/* NAVBAR */
.navbar-light .navbar-nav .nav-link:link, .navbar-light .navbar-nav .nav-link:visited {
	color: rgba(0,0,0,1);
	transition: 1.5s;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: rgba(92,187,155,1);
}
.dropdown-item:link, .dropdown-item:visited {
	color: #5b5953;
	background-color: #fff;
	transition: 1.5s;
}
.dropdown-item:focus, .dropdown-item:hover {
	color: #fff;
	background-color: #5b5953;
}
.dropdown-menu {
	position: absolute;
	z-index: 1000;
	display: none;
	min-width: 10rem;
	padding: .5rem 0;
	margin: 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(91,89,83,1);
	border-radius: .25rem;
}

.bg-home {
	background-image: url('../../images/padel/padel-01.jpg');
	background-position: center center;
	background-size: cover;
	height: 400px;
}
.bg-padel1 {
	background-image: url('../../images/padel/padel-01.jpg');
	background-position: center center;
	background-size: cover;
	height: 400px;
}
.bg-padel {
	background-image: url('../../images/padel/padel-02.jpg');
	background-position: center center;
	background-size: cover;
	height: 400px;
}
.bg-tennis{
	background-image: url('../../images/tennis/tennis-01.jpg');
	background-position: center center;
	background-size: cover;
	height: 400px;
}
.bg-squash{
	background-image: url('../../images/squash/squash-01.jpg');
	background-position: center center;
	background-size: cover;
	height: 400px;
}
.bg-fitness{
	background-image: url('../../images/fitness/fitness-01.jpg');
	background-position: center center;
	background-size: cover;
	height: 400px;
}
.bg-indoorcycling{
	background-image: url('../../images/indoorcycling/indoorcycling-01.jpg');
	background-position: center center;
	background-size: cover;
	height: 400px;
}
.bg-biljart{
	background-image: url('../../images/biljart/biljart-01.jpg');
	background-position: center center;
	background-size: cover;
	height: 400px;
}
.uurrooster.indoorcycling td.halfuur {
	position: relative;
	
}

.uurrooster.indoorcycling td.halfuur img {
	position: absolute;
	top: 20px;
	left: 0; 
	  right: 0; 
	  margin-left: auto; 
	  margin-right: auto; 
}
.mask {
	background-color:rgba(0, 0, 0, 0.4);
}
.btn-outline-light {
	border-color: rgba(92,187,155,1) !important;
}
.btn-outline-light:hover {
	background-color: rgba(92,187,155,1);
	border-color: rgba(92,187,155,1) !important;
	color: #fff;
}
.btn-primary {
	background-color: rgba(92,187,155,1) !important;
	border-color: rgba(92,187,155,1) !important;
	color: #fff;
}
.btn-primary:hover {
	background-color: rgba(91,89,83,1) !important;
	border-color: rgba(92,187,155,1) !important;
	color: #fff;
}
.btn-move {
	padding-left: 5px;
	padding-right: 5px;
	transition: 1s;
}
.btn-move i {
	display: inline-block;
	margin-right: 5px;
	transition: 1s;
}

.btn-move:hover {
	padding-left: 20px;
	padding-right: 20px;
	transition: 1s;
}
.btn-move:hover i {
	display: inline-block;
	margin-right: 20px;
	transition: 1s;
}

.txt-green {
	color: rgba(92,187,155,1);
}

/* HOME */
.bg-green {
	background-color: rgba(92,187,155,1);
}

.icon-square {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  font-size: 1.5rem;
  border-radius: .75rem;
}

.overlay {
	/*display: inline-block;*/
	position: relative;
	transition: 1s;
}

a:hover.overlay div {
	transition: 1s;
	background-color:  rgba(92,187,155,.7); /* #5cbb9b; rgba(92,187,155,1)*/
	/*background-image: none;*/
}

.rounded-4 { border-radius: .5rem; }
.rounded-5 { border-radius: 1rem; }

.text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); }
.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
.text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }

.card-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
h5.card-title {
	font-size: 100%;
}

ul.pl30 {
	padding-left: 30px;
}
ul.pl30 li {
   list-style-type: disc;
}
ul.pl30 ul {
	padding-left: 30px;
}
ul.pl30 ul li{
   list-style-type: circle;
}


.footer {
	color: #fff;
	background-color: #5b5953;
}

.footerbottom {
	color: #fff;
	background-color: #42413C;
}

#map {
	position: relative;
	height:450px;
	z-index:2;
}
#map_canvas {
	height:450px;
	/*overflow: visible !important;*/
}
/*
kleur bruin/grijs:	#5b5953; rgba(91,89,83,1)

donkerbruin #42413C
lichtbruim #E8E3D3
kleur groen:		#5cbb9b; rgba(92,187,155,1)
*/


a.cmsicon {
	color:rgba(91,89,83,1);
}
a:hover.cmsicon {
	color:rgba(92,187,155,1);
}


.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555 !important;
  color: #f00 !important;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

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


.toast-container {
	z-index: 3000;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 20px 0;
  white-space: nowrap;
  justify-content: flex-end;
}

span.actief i, span.actief svg, span.mailactief i, span.mailactief svg {
	color: green;
  }
  
  span.nonactief i, span.nonactief svg, span.mailnonactief i, span.mailnonactief svg {
	color: red;
  }


.custom-file-input:lang(nl)~.custom-file-label::after{content:"Kies foto"}

span.newsdate {
  display: inline-block;
  padding-right: 20px;
  font-size: 12px !important;
  font-style: italic !important;
  color: #444 !important;
}


/* Form Tennisschool */
.tennisschool span.wit {
	display: inline-block;
	padding: 3px 8px;
	border: 1px #000 solid;
	background-color: #fff;
}
.tennisschool span.blauw {
	display: inline-block;
	padding: 3px 8px;
	border: 1px #000 solid;
	background-color: #009fe3;
}
.tennisschool span.rood {
	display: inline-block;
	padding: 3px 8px;
	border: 1px #000 solid;
	background-color: #e74011;
}
.tennisschool span.oranje {
	display: inline-block;
	padding: 3px 8px;
	border: 1px #000 solid;
	background-color: #f49600;
}
.tennisschool span.groen {
	display: inline-block;
	padding: 3px 8px;
	border: 1px #000 solid;
	background-color: #3fa535;
}
.tennisschool span.geel {
	display: inline-block;
	padding: 3px 8px;
	border: 1px #000 solid;
	background-color: #fcdc00;
}

ul.disc li {
	list-style-type: disc;
	margin-left: 30px;
}

.privacy h3 {
	padding-top: 20px;
}


/*
.tennisschool {
	width: 100%;
}
.tennisschool p {
	padding-top: 10px;
}
.tennisschool input[type=text] {
	background-color: #fff;
	border: 1px #e5e5e5 solid;	
	
	font-size: 14px;
	color: #5b5953;
	width: 96%;
	padding: 10px;
	margin-bottom: 10px;
}

.tennisschool fieldset {
	margin-top: 20px;
	border: 1px #e5e5e5 solid;
	width: 96%;
}

.tennisschool textarea {
	background-color: #fff;
	border: 1px #e5e5e5 solid;	
	
	font-size: 14px;
	color: #5b5953;
	width: 96%;
	padding: 10px;
	margin-bottom: 10px;
	height: 5em;
}

.tennisschool input[type=radio] {
	margin-right: 5px;
	
}
.tennisschool label.inline {
	display: inline-block;
	padding-left: 20px;
}
.tennisschool label.block {
   display: block;
   padding-left: 20px;
}

.tennisschool span.wit {
	display: inline-block;
	padding: 3px 8px;
	border: 1px #000 solid;
	background-color: #fff;
}
.tennisschool span.blauw {
	display: inline-block;
	padding: 3px 8px;
	border: 1px #000 solid;
	background-color: #009fe3;
}
.tennisschool span.rood {
	display: inline-block;
	padding: 3px 8px;
	border: 1px #000 solid;
	background-color: #e74011;
}
.tennisschool span.oranje {
	display: inline-block;
	padding: 3px 8px;
	border: 1px #000 solid;
	background-color: #f49600;
}
.tennisschool span.groen {
	display: inline-block;
	padding: 3px 8px;
	border: 1px #000 solid;
	background-color: #3fa535;
}
.tennisschool span.geel {
	display: inline-block;
	padding: 3px 8px;
	border: 1px #000 solid;
	background-color: #fcdc00;
}

.tennisschool input[type=submit] {
	font-size: 16px;
	font-weight: 300;
	background-color: #5cbb9b;
	color: #ffffff;
	padding: 10px 40px;
	width:auto;
}

.in-success {
	border-radius: 10px;
	background-color: #5cbb9b;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	padding: 30px 30px;
	text-align: center;
}

.in-warning {
	border-radius: 10px;
	background-color: #db1616;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 30px 30px;
	text-align: center;
}
*/


/* Datatables Bootstrap */
table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important;border-spacing:0}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:auto;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:0.85em}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap;justify-content:flex-end}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable>thead>tr>th:active,table.dataTable>thead>tr>td:active{outline:none}table.dataTable>thead>tr>th:not(.sorting_disabled),table.dataTable>thead>tr>td:not(.sorting_disabled){padding-right:30px}table.dataTable>thead .sorting,table.dataTable>thead .sorting_asc,table.dataTable>thead .sorting_desc,table.dataTable>thead .sorting_asc_disabled,table.dataTable>thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable>thead .sorting:before,table.dataTable>thead .sorting:after,table.dataTable>thead .sorting_asc:before,table.dataTable>thead .sorting_asc:after,table.dataTable>thead .sorting_desc:before,table.dataTable>thead .sorting_desc:after,table.dataTable>thead .sorting_asc_disabled:before,table.dataTable>thead .sorting_asc_disabled:after,table.dataTable>thead .sorting_desc_disabled:before,table.dataTable>thead .sorting_desc_disabled:after{position:absolute;bottom:0.9em;display:block;opacity:0.3}table.dataTable>thead .sorting:before,table.dataTable>thead .sorting_asc:before,table.dataTable>thead .sorting_desc:before,table.dataTable>thead .sorting_asc_disabled:before,table.dataTable>thead .sorting_desc_disabled:before{right:1em;content:"\2191"}table.dataTable>thead .sorting:after,table.dataTable>thead .sorting_asc:after,table.dataTable>thead .sorting_desc:after,table.dataTable>thead .sorting_asc_disabled:after,table.dataTable>thead .sorting_desc_disabled:after{right:0.5em;content:"\2193"}table.dataTable>thead .sorting_asc:before,table.dataTable>thead .sorting_desc:after{opacity:1}table.dataTable>thead .sorting_asc_disabled:before,table.dataTable>thead .sorting_desc_disabled:after{opacity:0}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody table thead .sorting:before,div.dataTables_scrollBody table thead .sorting_asc:before,div.dataTables_scrollBody table thead .sorting_desc:before,div.dataTables_scrollBody table thead .sorting:after,div.dataTables_scrollBody table thead .sorting_asc:after,div.dataTables_scrollBody table thead .sorting_desc:after{display:none}div.dataTables_scrollBody table tbody tr:first-child th,div.dataTables_scrollBody table tbody tr:first-child td{border-top:none}div.dataTables_scrollFoot>.dataTables_scrollFootInner{box-sizing:content-box}div.dataTables_scrollFoot>.dataTables_scrollFootInner>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}div.dataTables_wrapper div.dataTables_paginate ul.pagination{justify-content:center !important}}table.dataTable.table-sm>thead>tr>th:not(.sorting_disabled){padding-right:20px}table.dataTable.table-sm .sorting:before,table.dataTable.table-sm .sorting_asc:before,table.dataTable.table-sm .sorting_desc:before{top:5px;right:0.85em}table.dataTable.table-sm .sorting:after,table.dataTable.table-sm .sorting_asc:after,table.dataTable.table-sm .sorting_desc:after{top:5px}table.table-bordered.dataTable{border-right-width:0}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:1px}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0}