.vvog-gradient{
	background: #005b1a;
	background: -moz-linear-gradient(-45deg, #005b1a 0%, #009632 100%);
	background: -webkit-linear-gradient(-45deg, #005b1a 0%,#009632 100%);
	background: linear-gradient(135deg, #005b1a 0%,#009632 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005b1a', endColorstr='#009632',GradientType=1 );
}

.vvog-gradient-opacity{
	background: -moz-linear-gradient(-45deg, rgba(0,91,26,0.8) 0%, rgba(0,150,50,0.8) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(0,91,26,0.8) 0%,rgba(0,150,50,0.8) 100%);
	background: linear-gradient(135deg, rgba(0,91,26,0.8) 0%,rgba(0,150,50,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc005b1a', endColorstr='#cc009632',GradientType=1 );
}

html body{
	color: #050505;
}

/* Top bar - voor belangrijke mededelingen bovenaan de pagina */
div#topBar{
	background:#005B1A;
	z-index: 9999999;
}
div#topBar div.container > div{
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -160px;
	width: 300px;
}

div#topBar div.container > div a{
	padding-top: 3px;
	color:#FFFFFF;
}

div#topBar div.container > div span.item {
	background: -webkit-linear-gradient(#E7FFEC, #FFFFFF);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

div#topBar div.container > div span.highlight{
	color: #FFFFFF;
}

div#topBar div.container > div span.highlight em {
	background-color: #FFF;
	color: #005B1A;
	font-style: normal;
}

/* Header & top menu*/
header#topNav img.user-avatar {
	padding: 2px;
	width: 23px;
	height: 23px;
}

header#topNav a.logo {
	left: 50%;
	position: absolute;
	margin-left: -30px;
	line-height: 90px !important;
	height: 90px !important;
	z-index: 99;
}

/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
	header#topNav a.logo{
		left: 45px;
	}
	#header #topNav .navbar-collapse{
		margin-left:60px;
	}

}

header#topNav a.logo img {
	max-height: 90px !important;
}

div#wrapper div.top-menu-image-slider{
	height:300px;
	background: #005B1A;
}

div#wrapper div.top-menu-image-slider div.main-slider{
	opacity:0;
	height: 100%;
}

div#wrapper div.top-menu-image-slider div.main-slider div{
	height: 100%;
}

div#wrapper div.top-menu-image-slider div.main-slider div div{
	height:100%;
	width:100%;
	background-repeat: no-repeat;
}

div#wrapper div.top-menu-image-slider div.labels {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
}

div#wrapper div.top-menu-image-slider div.labels{
	width: 100%;
}

div#wrapper div.top-menu-image-slider div.labels div.lbl-small {
	margin-top: 120px;
	padding-left: 30px;
	padding-right: 30px;
}

div#wrapper div.top-menu-image-slider div.labels div.lbl-medium {
	margin-top: 170px;
}

div#wrapper div.top-menu-image-slider div.labels div.lbl-large {
	margin-top: 220px;
}

div#wrapper div.top-menu-image-slider div.labels div.lbl-medium h1,
div#wrapper div.top-menu-image-slider div.labels div.lbl-large h1{
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: 2.8em;
}

div#wrapper div.top-menu-image-slider div.labels div.lbl-small h1 {
	font-size: 2.2em;
}

div#wrapper div.top-menu-image-slider div.labels div.lbl-medium span,
div#wrapper div.top-menu-image-slider div.labels div.lbl-large span {
	text-align: center;
	font-size: 1.6em;
}

div#wrapper div.top-menu-image-slider div.labels div.lbl-small span {
	font-size: 1.0em;
}

#header #topNav .navbar-collapse{
	float:none;
}

#header #topNav a.logo{
    height:85px !important;
    margin-top:5px;
}

#header #topNav a.logo > img{
    max-height: 80px !important;
}

#topMain.nav-pills > li.main-menu-logo:hover > a, #topMain.nav-pills > li.main-menu-logo:focus > a{
    background: transparent;
}

#header #topNav .navbar-collapse ul#topMain{
	width:1000px;
	margin:0 auto;
    -webkit-transition: all .300s;
    -moz-transition: all .300s;
    -o-transition: all .300s;
    transition: all .300s;
}

#header.fixed #topNav .navbar-collapse ul#topMain{
    width:870px;
    -webkit-transition: all .300s;
    -moz-transition: all .300s;
    -o-transition: all .300s;
    transition: all .300s;
}

#header a.main-logo{
	position:relative;
	width:200px;
	padding:0px;
    -webkit-transition: all .300s;
    -moz-transition: all .300s;
    -o-transition: all .300s;
    transition: all .300s;
}
#header a.main-logo > img {
	height:220px;
	margin-top:10px;
	margin-left:15px;
	-webkit-transition: all .300s;
	-moz-transition: all .300s;
	-o-transition: all .300s;
	transition: all .300s;
	position:absolute;
}

#header.fixed a.main-logo {
    width: 80px;
    margin-left:0px;
    -webkit-transition: all .300s;
    -moz-transition: all .300s;
    -o-transition: all .300s;
    transition: all .300s;
}

#header.fixed #topNav a.main-logo > img {
	height:80px;
}

/* Active main menu color */
body #topMain.nav-pills > li.active > a{
	color: #005b1a;
}

/* Page header */
div#wrapper section.page-header.page-header-xs h1,
div#wrapper section.page-header.page-header-xs ol.breadcrumb li{
	color:white;
}
div#wrapper section.page-header.page-header-xs ol.breadcrumb li a{
	color:#e8e8e8;
}

/* End Page header */

#formFavTeams label {
	display: inline-block;
}

#formFavTeams input {
	margin: 0 10px 0 0;
}

div.verjaardagen table thead{
	display:none;
}

div.verjaardagen table tr > td:first-child span{
	display:block;
	font-size: 14px;
	letter-spacing: normal;
	margin: 0 20px 0 0;
	font-family: 'Raleway','Open Sans',Arial,Helvetica,sans-serif;
	font-weight: 600;
	color: #414141;
	line-height: 1.5;
}
/* Overwrite for sponsor overview */
ul.clients-dotted>li a {
	text-align:center;
	display:block;
	min-height: 130px;
	max-height: 130px;
}

.sponsor-logo-sm {
	max-height: 130px;
	max-width: 100%;
	width: auto;
}
.sponsor-logo-lg {
	max-height: 300px;
	max-width: 100%;
	width: auto;
}


.google-maps {
	position: relative;
	padding-bottom: 75%;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.red-icon {
	color: red;
}

.green-icon {
	 color: #59BA41;
}

.table > tbody > tr.eigen > td, .table > tbody > tr.eigen > th, .table > tbody > tr > td.eigen, .table > tbody > tr > th.eigen, .table > tfoot > tr.eigen > td, .table > tfoot > tr.eigen > th, .table > tfoot > tr > td.eigen, .table > tfoot > tr > th.eigen, .table > thead > tr.eigen > td, .table > thead > tr.eigen > th, .table > thead > tr > td.eigen, .table > thead > tr > th.eigen {
	background-color: #ddd;
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
	background-color: #009632;
	color: #fff;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding: 6px;
}

/* Ribbon red : tonen afgelastingen op teampagina */
.event-item {
  position:relative;
  min-height: 90px;
}
.ribbon-wrapper-red {
  width: 110px;
  height: 110px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}
.ribbon-red {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: 35px;
  top: 15px;
  width: 150px;
  background-color: red;
  color: #000;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
.ribbon-red:before {
  left: 0;
}
.ribbon-red:after {
  right: 0;
}
/* Team members */

.member {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857;
    background-color: #FFF;
    transition: border 0.2s ease-in-out 0s;
}
.member .front {
    border: 1px solid #DDD;
    border-radius: 4px;
    padding: 10px;
}
.member .back {
    padding: 10px;
}
 
/* Programma en uitslagen */
table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
	color: #000;
	border: none;
	border-radius: 0;
	box-shadow: 0;
	box-sizing: content-box;
	background-color: #fff;
}
table.dataTable.dtr-column tbody tr.parent td.control:before,
table.dataTable.dtr-column tbody tr.parent th.control:before {
	background-color: #fff;
}
table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
	background-color: #fff;
}
table tbody tr.match:hover{
	background-color: #009632;
	color:white;
	cursor:pointer;
}
table tbody tr.cancelled{
	background-color:#FFC4C4;
	font-style:italic;
	color:#666666;
}

.clublogo {
	max-height: 100px;
}