/* Color variables */
/*
$blue-dark: #003d80;
$cerulean: #0089d2;
$pale-blue: #d8e9f4;
$blue-button: #003D80;
$yellow: #ffcc00;
$orange-red: #ee4406;
$green: #7ed321;
$error: #FF1744;

$black: #333;
$grey-dark: #4a4a4a;
$grey: #979797;
$light-grey: #e0e0e0;
$very-light-grey: #f9f8f8;

$border-gray: #d8d8d8;
$border-lighter: $light-grey;
$border-light: $grey;
$border-dark: $grey-dark;
*/

/* Fonts and text */
/*
$text-color: $grey-dark;
$text-color-light: $grey;
$font-size-base: 15px;
*/

html {
	font-display: swap;
}

@font-face {
	font-family: 'Anwb';
	src: url('/Content/fonts/TheSansC4s-5_Plain.otf') format('opentype');
}

.row:before,
.row:after {
	display: none !important;
}

/* TYPOGRAPHY */
body {
	color: #003d80;
	font-size: 16px;
	line-height: 1.42;
	font-family: 'Anwb', Arial, sans-serif;
	min-height: 100%;
}

.only-content .page-header,
.only-content footer {
	display: none;
}

.only-content .page-container {
	padding-bottom: 0;
}

.container-fluid {
	max-width: 1400px;
}

h1, h2, h3, h4 {
	color: #003D80;
	font-weight: 700;
}

	h1.datatable-header {
		font-size: 30px;
		margin-top: 0;
		margin-bottom: 15px;
	}

.onboarding-link {
	padding-top: 17px;
}

.mt-xxs {
	margin-top: 5px;
}

.mt-xs {
	margin-top: 15px;
}

.mt-sm {
	margin-top: 25px;
}

.mt-md {
	margin-top: 30px;
}


.watch-out-message {
	color: #ee4406;
	margin-top: 5px;
	margin-bottom: 0;
}

.underline-link {
	text-decoration: underline;
}

.page-header .page-header-top .page-logo .logo-default {
	z-index: 20;
	position: absolute;
	height: 65px;
	top: -1px;
	padding: 10px 10px;
}

.page-logo {
	position: relative;
}

.page-header .page-header-top .page-logo {
	height: 55px;
}

.page-logo::before {
	content: '';
	position: absolute;
	top: 0px;
	left: -6px;
	width: 150px;
	height: 54px;
	background-color: #FFF;
	z-index: 11;
}

.page-logo::after {
	content: '';
	position: absolute;
	bottom: -9px;
	left: -7px;
	width: 77px;
	height: 95px;
	border-radius: 70% 50%;
	background-color: #FFF;
	z-index: 10;
	box-shadow: 0 3px 6px 0 rgb(0, 0, 0);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
}

.page-header .page-header-top .top-menu {
	margin: 0;
}

@media (min-width: 1200px) {
	.menu-dropdown ul.dropdown-menu.megamenu-dropdown {
		margin-left: 0;
	}
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown {
	padding: 5px 20px 6px;
	height: 55px;
}

.img-circle {
	border: 0;
	object-fit: cover;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-menu {
	margin-top: 31px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > div > div > img {
	margin-right: 0;
	height: 36px;
	width: 36px;
	float: left;
	margin-top: -8px;
	max-width: none;
}
}

.page-header .page-header-top .menu-toggler {
	margin-left: 5px;
	margin-right: 0;
}

.page-header .page-header-top .menu-toggler {
	margin: 13px -5px 0 10px;
}


@media (min-width: 360px) {
	.page-header .page-header-top .page-logo .logo-default {
		height: 74px;
		top: -2px;
		padding: 10px 20px;
	}

	.page-logo::after {
		bottom: -12px;
		left: 3px;
	}
}

@media (min-width: 768px) {
	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:nth-child(2) {
		background-color: #f3f3f3;
		padding: 5px 16px 6px !important;
	}

	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:last-child {
		padding-right: 10px;
	}
}


@media (min-width: 992px) {
	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:nth-child(2) {
		padding: 5px 28px 6px !important;
	}

	.page-header .page-header-top .menu-toggler {
		margin: 17px 3px 0 13px;
	}
}

@media (max-width: 767px) {
	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.dropdown-user > .dropdown-toggle {
		padding: 12px 0px 7px 0px;
	}
}






body,
.page-content {
	background-color: #f9f8f8;
}

	body.welcome .goto-list {
		display: none;
	}

.page-head {
	border-top: 0;
	background-color: #FFF;
	padding: 10px 0 30px 0;
}


.page-header {
	background-color: transparent;
	height: auto;
}

	.page-header .page-header-top {
		background-color: #FFF;
		box-shadow: 0 3px 6px 0 rgb(0, 0, 0);
		box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
		position: relative;
		height: auto;
	}

.page-content {
	padding: 30px 0 0 0;
}

.page-container {
	padding-bottom: 325px;
}

@media (min-width: 768px) {
	.page-container {
		padding-bottom: 363px;
	}
}

@media (min-width: 992px) {
	.page-container {
		padding-bottom: 388px;
	}
}




/* LOGIN */
.login {
	background-color: #f3f3f3 !important;
	background: url(../img/login-bg.jpg) no-repeat bottom center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

@media (max-width: 440px) {
	.login .content {
		margin-top: 40px;
	}
}

@media (max-width: 991px) {
	.login .page-header .page-header-top {
		border-bottom: 0;
	}
}

.login .page-container {
	width: 50%;
}

@media (max-width: 991px) {
	.login .page-container {
		width: 100%;
	}
}

.login .content {
	background-color: #FFF;
	border-radius: 0;
	margin: 70px auto;
}

.login .content h3 {
	color: #003D80;
	font-weight: 600 !important;
	text-align: left;
}

.login .content .form-control {
	border: 1px solid #979797;
	background-color: #FFF;
	color: #003D80;
}

.login .content .form-control:focus,
.login .content .form-control:active {
	border-color: #003D80;
}

.login .content .form-actions {
	border-bottom: 0;
}

.username {
	margin-left: 10px;
	display: none;
}



/* WELCOME */
.welcome .page-head {
	margin-bottom: 20px;
}

.page-head .page-title > h1 {
	font-size: 20px;
	color: #003D80;
	font-weight: bold;
}

@media (min-width: 767px) {
	.page-head .page-title > h1 {
		font-size: 26px;
	}
}

@media (min-width: 991x) {
	.page-head .page-title > h1 {
		font-size: 36px;
	}
}

.filters {
	padding-top: 10px;
	float: left;
	margin-left: 15px;
}

.welcome a:hover,
.welcome a:focus,
.welcome a:active {
	text-decoration: none;
}

.welcome-page-bg {
	background: url(../img/login-bg.jpg) no-repeat bottom center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	opacity: 0.3;
}

.explanation {
	max-width: 600px;
	text-align: center;
	margin: auto;
	margin-top: 60px;
	background-color: #FFF;
	padding: 20px;
	font-size: 20px;
	font-weight: bold;
}

.home-block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background-color: #FFF;
	position: relative;
	margin: 25px 0px 0px 0px;
	transition: all 0.3s ease;
	font-size: 16px;
}

.home-block-member {
	padding: 15px;
}

.home-block:hover {
	-webkit-box-shadow: 0 8px 6px -6px #979797;
	-moz-box-shadow: 0 8px 6px -6px #979797;
	box-shadow: 0 8px 6px -6px #979797;
}

.home-block-title {
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 10px 15px;
	color: #0089d2;
}

.home-block-sub-title {
	padding: 9px 15px;
	font-size: 14px;
}

.full-width-btn {
	width: 100%;
	margin: 0 15px 20px 0;
}

@media (min-width: 768px) {
	.full-width-btn {
		width: 300px;
		margin: 0 20px 20px 0;
	}
}

.tile.home-block-member {
	padding: 0;
}

	.tile.home-block-member .home-block-title {
		margin-top: 0;
	}

.home-block-number {
	font-size: 50px;
	padding: 15px;
	line-height: 75%;
}

small.old-to-new-handicap {
	width: 100%;
	text-align: right;
	line-height: 100%;
	padding-right: 15px;
}

.home-block-icon {
	align-self: flex-end;
	line-height: 100%;
	padding: 15px 0 15px 15px;
}

	.home-block-icon .fa,
	.home-block-icon .equal-icon {
		font-size: 40px;
	}

.home-block .table {
	margin-bottom: 0;
	border-right:0;
	width: 100% !important;
}

.home-block th,
.date-table td:first-child {
	word-break: break-all !important;
	white-space: nowrap !important;
}

.home-block .table td {
	padding: 5px 15px;
	font-size: 14px;
	border-bottom: 0;
}

.home-block .table > thead:first-child > tr > th:first-child {
	padding-left: 15px;
}

.home-block .table > thead > tr > th:last-child {
	text-align: right;
	padding-right: 15px;
}

.home-block .table td:last-child {
	text-align: right;
}

.home-block table tr:hover {
	background-color: #D8E9F4;
}

.pin-high-banner img {
	margin-bottom: 30px;
}

#handicap-history-graph {
	max-height: 350px;
}

@media (max-width: 767px) {
	#toast-container {
		max-width: calc(100% - 24px);
	}

		#toast-container > div {
			max-width: 100%;
		}
}

.ngf-pass-preference {
	background-color: #ffcc00;
	margin-bottom: 25px;
	padding: 15px;
}

.ngf-pass-preference h3 {
	margin-top: 0;
	font-size: 22px;
}
 a[disabled] {
	 cursor: not-allowed;
 }

a.editAddress {
	margin-left: 20px;
	text-decoration: underline;
}


/* MENU EN HEADER */
.page-header .page-header-menu {
	background-color: #003D80;
	-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
}

@media (min-width: 992px) {
	.page-header .page-header-menu.fixed {
		z-index: 9997;
	}

	.page-header .page-header-menu .hor-menu {
		margin-left: 70px;
	}
}


.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.dropdown-menu > li > a:focus {
	background-color: #003D80;
	color: #009cde;
}

.dropdown-menu-default li > a:hover,
.dropdown-menu-default .active > a,
.dropdown-menu-default .active > a:hover,
.dropdown-menu-default > li > a:focus {
	background-color: #FFF;
	color: #009cde;
}

#dropdownMenu1 {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

	#dropdownMenu1 + .dropdown-menu-default {
		right: 95px;
	}

.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
	color: #FFF;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
	padding: 10px 15px;
	border-radius: 0;
	color: #FFF;
	font-weight: normal;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
	background-color: #003D80;
}

	.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li {
		background-color: transparent;
	}

		.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
			padding: 10px 13px;
		}

.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover,
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover,
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover,
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover {
	background-color: #003D80 !important;
	margin-bottom: 0;
	padding-bottom: 14px;
	margin: 0;
}


@media (min-width: 992px) {
	.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
		margin: 5px 14px;
		padding: 10px 0;
	}

		.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
		.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
		.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
		.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover,
		.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover,
		.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover,
		.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover {
			border-bottom: 2px solid #FFF;
			background-color: #003D80 !important;
			margin-bottom: 0;
			padding-bottom: 14px;
			margin: 5px 14px 0 14px;
		}
}

.page-header .page-header-menu .hor-menu .navbar-nav,
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown {
	background-color: #003D80 !important;
}

.UserDisplayLanguage {
	display: none;
}

footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 9;
}

.page-footer {
	background-color: #FFF;
	height: auto;
	color: #333;
	font-size: 16px;
	border-top: 1px solid #e0e0e0;
	position: relative;
}

	.page-footer h3 {
		color: #00418F;
		font-size: 20px;
		line-height: 150%;
	}

	.page-footer ul {
		list-style: none;
		padding-left: 0;
	}

	.page-footer li {
		line-height: 40px;
		list-style: none;
		padding-left: 0;
	}

		.page-footer li a,
		.page-sub-footer li a {
			color: #333;
		}

	.page-footer p {
		margin-bottom: 40px;
	}

.page-sub-footer {
	background-color: #FFF;
	color: #333;
	font-size: 16px;
	border-top: 1px solid #e0e0e0;
	padding: 20px 0;
}

.fa-facebook-square {
	color: #4b6ea9;
	font-size: 23px;
}

.inline-list {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

	.inline-list li {
		display: inline-block;
		margin-right: 35px;
	}

@media (min-width: 992px) and (max-width: 1199px) {
	.page-header .page-header-menu .hor-menu .navbar-nav > li > a,
	.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
	.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover,
	.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover {
		font-size: 12px;
		margin: 5px 7px 0;
	}

	.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
		font-size: 12px;
		padding: 8px 10px;
		white-space: nowrap;
	}
}



/* SUBMENU */
.navbar-nav .open .dropdown-menu {
	box-shadow: 0px 0px 12px rgba(0, 150, 218, 0.5);
}

ul.dropdown-menu {
	border-radius: 0;
	min-width: inherit;
}

@media (min-width: 992px) and (max-width: 1199px) {
	ul.dropdown-menu.megamenu-dropdown {
		margin-left: 8px;
	}
}

@media (min-width: 1200px) {
	ul.dropdown-menu.megamenu-dropdown {
		margin-left: 14px;
	}
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
	background: #003D80;
	color: #009cde;
}

	.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
		color: #009cde;
	}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-menu {
	border-radius: 0;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
	background-color: #FFF;
}

@media (max-width: 991px) {
	.page-header .page-header-menu .hor-menu .navbar-nav {
		background-color: #009cde !important;
		padding-top: 20px;
	}

		.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown {
			background-color: #009cde !important;
		}

		.page-header .page-header-menu .hor-menu .navbar-nav > li {
			border-top: 1px solid #2cafea;
			border-bottom: 0;
		}

			.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li {
				background-color: #009cde;
				border-bottom: 1px solid #2cafea;
			}

			.page-header .page-header-menu .hor-menu .navbar-nav > li > a,
			.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
				color: #FFF !important;
			}

			.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
			.page-header .page-header-menu .hor-menu .navbar-nav > li:focus > a,
			.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i,
			.page-header .page-header-menu .hor-menu .navbar-nav > li:focus > a > i {
				color: #FFF !important;
			}

			.page-header .page-header-menu .hor-menu .navbar-nav > li:active > a,
			.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
			.page-header .page-header-menu .hor-menu .navbar-nav > li:active > a > i,
			.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i {
				color: #FFF !important;
			}

			.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
				padding: 14px 30px;
				background-color: #009cde;
				color: #FFF !important;
			}

				.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a i {
					color: #FFF !important;
				}

			.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a,
			.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a i {
				color: #FFF !important;
				background-color: #003D80 !important;
			}

			.page-header .page-header-menu .hor-menu .navbar-nav > li > a .fa-angle-down:before {
				content: "\f105";
			}
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
	border-bottom-color: #FFF;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
	color: #009cde;
	font-weight: bold;
}

	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover,
	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover > i,
	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover > i,
	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:focus,
	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:focus,
	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:focus > i,
	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:focus > i {
		color: #009cde;
		background-color: transparent;
	}

	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:active,
	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:active,
	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:active > i,
	.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:active > i {
		color: #0089c3;
		background-color: transparent;
	}





/* BUTTONS */
#login-button,
#changepassword-button,
.primary-action-button,
#request-password-reset-submit-btn,
#reset-password-submit-btn {
	color: #FFF;
	border: none;
	border-radius: 14px;
	padding: 10px 30px;
	background: #003d80;
	background-image: -webkit-linear-gradient(left, #003d80 0, #0072b2 100%) !important;
	background-image: linear-gradient(to right, #003d80 0, #0072b2 100%) !important;
	font-size: 16px;
	padding: 10px 30px !important;
}

	#login-button:hover,
	#login-button:focus,
	#changepassword-button:hover,
	#changepassword-button:focus,
	.primary-action-button:hover,
	.primary-action-button:focus,
	#reset-password-submit-btn:hover,
	#reset-password-submit-btn:focus {
		color: #FFF;
		background: #003673;
		background-image: -webkit-linear-gradient(left, #003673 0, #0066a0 100%) !important;
		background-image: linear-gradient(to right, #003673) 0, #0066a0 100%) !important;
		text-decoration: none;
	}

		#login-button:active, #changepassword-button:active, .primary-action-button:active, #reset-password-submit-btn:active,
		#login-button:active:hover, #changepassword-button:active:hover, .primary-action-button:active:hover, #reset-password-submit-btn:active:hover,
		#login-button:active:focus, #changepassword-button:active:focus, .primary-action-button:active:focus, #reset-password-submit-btn:active:focus,
		#login-button:focus, #changepassword-button:focus, .primary-action-button:focus, #reset-password-submit-btn:focus,
		#login-button:focus:hover, #changepassword-button:focus:hover, .primary-action-button:focus:hover, #reset-password-submit-btn:focus:hover {
			background: #003066;
			background-image: -webkit-linear-gradient(left, #003066 0, #005b8e 100%) !important;
			background-image: linear-gradient(to right, #003066 0, #005b8e 100%) !important;
			outline: none;
			color: #FFF;
			text-decoration: none;
		}

	.primary-action-button.become-member-btn {
		font-size: 20px;
		padding: 16px 30px !important;
		margin-right: 0;
		margin-bottom: 30px;
		width: 100%;
		max-width: 260px;
		border-radius: 14px;
	}

.add-button {
	position: absolute;
	top: 1px;
	left: 1px;
}

a.primary-action-button,
a.primary-action-button:hover,
a.primary-action-button:focus,
a.primary-action-button:active,
a.primary-action-button:active:hover
a.primary-action-button:active:focus,
a.primary-action-button:focus:hover,
a.btn-danger,
a.btn-danger:hover {
	color: #FFF;
}

.subscribe-to-event-action,
.unsubscribe-to-event-action,
.subscribe-to-competition-action,
.unsubscribe-competition-action {
	font-size: 20px;
	width: 260px;
	display: inline-block;
}

.unsubscribe-competition-action {
	border-radius: 14px;
	margin-top: 20px;
}

.btn.ActionControl:not(.btn-success):not(.btn-warning):not(.red) {
	color: #333333;
	background-color: #e5e5e5;
}

	.btn.ActionControl:not(.btn-success):not(.btn-warning):not(.red):hover,
	.btn.ActionControl:not(.btn-success):not(.btn-warning):not(.red):focus,
	.btn.ActionControl:not(.btn-success):not(.btn-warning):not(.red):active,
	.btn.ActionControl:not(.btn-success):not(.btn-warning):not(.red).active {
		color: #333333;
		background-color: lightgray;
	}



/* FILTER */
.event-filter {
	font-size: 16px;
}

.admin-filter {
	background-color: #FFF;
	padding-bottom: 30px;
}

@media (min-width: 768px) {
	.admin-filter .filter-option,
	.admin-filter .filter-option:last-child {
		width: calc(40% - 24px);
	}
}

@media (min-width: 992px) {
	.admin-filter .filter-option,
	.admin-filter .filter-option:last-child {
		width: calc(25% - 24px);
	}
}

@media (min-width: 768px) {
	.event-filter {
		background-color: #FFF;
		padding: 30px 0;
	}

	.admin-filter.event-filter {
		padding-top: 0;
	}
}

.event-filter h4 {
	font-size: 25px;
	margin-top: 0;
}

.event-filter .amount-results {
	color: #0089d2;
}

.filter-options {
	margin-top: 30px;
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
}

.filter-options {
	-webkit-overflow-scrolling: touch;
}

	.filter-options::-webkit-scrollbar {
		display: none;
	}

.filter-option {
	width: 180px;
	display: inline-block;
	margin-bottom: 15px;
	margin-right: 30px;
}

	.filter-option:last-child {
		width: 180px;
		margin-right: 26px;
		display: inline-block;
	}

	.filter-option:last-child {
		margin-right: 0px;
	}

	.filter-option label {
		color: #333;
		margin-bottom: 0;
	}

	.table-filter .select2-container.form-control.filter-select-control,
	.filter-option .select2-container.form-control.filter-select-control {
		display: block;
		padding: 0;
		border-bottom: 0;
	}

.form-control.filter-select-control {
	border: 0;
	border-bottom: 1px solid #979797;
	padding: 6px 0;
	font-weight: bold;
	font-size: 16px;
}

	.form-control.filter-select-control.selected-filter {
		border-bottom: 2px solid #003d80;
	}

.filter-option.select-filter {
	position: relative;
	height: 60px;
}

	.filter-option.select-filter .control-label {
		position: absolute;
		top: 29px;
		left: 0;
	}

	.filter-option.select-filter .select2-container {
		position: absolute;
		top: 52px;
		left: 0;
	}

@media (min-width: 768px) {
	.filter-option.select-filter .control-label {
		top: 14px;
	}

	.filter-option.select-filter .select2-container {
		top: 37px;
	}
}

@media (min-width: 768px) {
	.filter-options {
		overflow-x: auto;
		overflow-y: auto;
		cursor: default;
	}

	.filter-option {
		width: calc(20% - 24px);
		margin-right: 26px;
		display: inline-block;
		margin-bottom: 0;
	}

		.filter-option:last-child {
			width: calc(20% - 24px);
		}

	.form-control.filter-select-control {
		padding: 6px 10px;
		font-weight: normal;
	}
}

.form-control.filter-text-control {
	background: url(../img/search-icon.png) no-repeat right -2px;
	padding-right: 35px;
	border: 0;
	border-bottom: 1px solid #979797;
}

.custom-select-arrow select,
.custom-select-arrow .select2-container {
	background-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url('../img/select-arrow.png') no-repeat;
	background-position: right 10px top 10px;
	border: 0;
	border-bottom: 1px solid #979797;
	cursor: pointer;
}

	.custom-select-arrow select::-ms-expand {
		display: none;
	}

.selected-options {
	margin-top: 45px;
}

.selected-option-text {
	display: block;
	margin-bottom: 10px;
}

.selected-option {
	display: inline-block;
	color: #FFF;
	background-color: #003d80;
	border-radius: 15px;
	padding: 4px 8px 4px 14px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.remove-option {
	margin-left: 10px;
	background-color: transparent;
	border: 0;
}

@media (min-width: 768px) {
	.selected-option-text {
		display: inline-block;
	}

	.selected-option {
		display: inline-block;
		margin-left: 10px;
		margin-right: 0;
	}

	.remove-option {
		margin-left: 15px;
	}
}





/* DEFAULT BUTTONS */
.fk-link,
.fk-sliderlink,
.fk-emptyvalue,
.fk-search,
.btn.default,
.btn.btn-primary {
	color: #FFF;
	font-weight: normal;
	border: 0;
	border-radius: 0;
	background-color: #003D80;
}

	.fk-link:hover, .fk-link:focus,
	.fk-sliderlink:hover, .fk-sliderlink:focus,
	.fk-emptyvalue:hover, .fk-emptyvalue:focus,
	.fk-search:hover, .fk-search:focus,
	.btn.default:hover, .btn.default:focus,
	.btn.btn-primary:hover, .btn.btn-primary:focus {
		color: #FFF;
		background-color: #003d80;
	}

	.fk-link:active, .fk-link.active,
	.fk-sliderlink:active, .fk-sliderlink.active,
	.fk-emptyvalue:active, .fk-emptyvalue.active,
	.fk-search:active, .fk-search.active,
	.btn.default:active, .btn.default.active,
	.btn.btn-primary:active, .btn.btn-primary.active {
		color: #FFF;
		background-color: #003066 !important;
	}

.input-group-btn {
	padding-left: 0;
}

#imageuploadbtn {
	margin-top: 15px;
}

.input-group-btn .btn {
	margin: 0 5px;
	padding-left: 0;
	padding-right: 0;
	width: 34px;
}

.input-group-btn > .btn:last-child {
	margin-right: 0;
}

.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn {
	border-radius: 0;
	padding: 8px 0;
}


/* MODAL */
.modal-dialog.modal-lg {
	width: calc(100% - 30px);
	max-width: 1400px;
}

.modal.fade .modal-dialog {
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.modal-title {
	font-weight: bold;
	font-size: 18px;
}


/* MODAL CONFIRM BUTTON */
.modal-dialog button[data-bb-handler="confirm"] {
	font-weight: bold;
	border-radius: 0px !important;
	color: #FFF;
	background: #003D80;
}

	.modal-dialog button[data-bb-handler="confirm"]:hover,
	.modal-dialog button[data-bb-handler="confirm"]:focus {
		background: #003d80;
	}

	.modal-dialog button[data-bb-handler="confirm"]:active {
		background: #00dd80;
	}




/* MODAL CANCEL BUTTON */
.modal-dialog button[data-bb-handler="cancel"] {
	float: left;
	color: #979797;
	font-weight: bold;
	border: 1px solid #e0e0e0;
	border-radius: 0;
	background-color: #FFF;
}

	.modal-dialog button[data-bb-handler="cancel"]:hover,
	.modal-dialog button[data-bb-handler="cancel"]:focus {
		background-color: #e0e0e0;
	}

	.modal-dialog button[data-bb-handler="cancel"]:active {
		color: #979797;
		background-color: #e0e0e0 !important;
	}



/* DETAILS BUTTON */
.blue.btn {
	color: #009cde;
	font-weight: bold;
	background-color: transparent;
}

	.blue.btn i.fa {
		margin-right: 5px;
	}

	.blue.btn:hover,
	.blue.btn:focus {
		color: #009cde;
		background-color: transparent;
		text-decoration: underline;
	}

	.blue.btn:active, .blue.btn.active,
	.blue.btn:active:hover, .blue.btn.active:hover {
		color: #009cde;
		background-color: transparent;
	}




/* DATEPICKER */
.datepicker {
	padding: 0;
}

	.datepicker table th {
		color: #003D80;
	}

		.datepicker table th.datepicker-switch {
			font-weight: bold !important;
		}

	.datepicker table tr td.day:hover,
	.datepicker table tr td.day.focused {
		background: #003d80;
		color: #FFF !important;
		cursor: pointer;
	}

	.datepicker .active {
		color: #FFF !important;
		background-color: #0089c3 !important;
	}

		.datepicker .active:hover {
			color: #FFF !important;
			background-color: #003d80 !important;
		}





/* TABELLEN */
.table-scrollable,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
	border-color: #C7DFEF;
}

.table tr.heading > th {
	background-color: #D8E9F4 !important;
	font-weight: bold;
}

table.dataTable > thead > tr > th,
table.dataTable > thead > tr > td {
	border-bottom: 1px solid #eaeef1;
	padding: 8px 10px;
}

table.dataTable > tbody tr:hover,
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
	background-color: #f2f9ff;
}

.tab-control .table tr.filter td,
.tab-control .table tr.filter th {
	background-color: #FFF;
	border-right: 1px solid #C7DFEF;
}

table tbody td {
	color: #333;
}

.tab-control {
	margin-left: -10px;
	margin-right: -10px;
}

.tab-content .page-head .page-toolbar .btn-group {
	margin-top: 5px;
}




/* DATATABLES */
.portlet .tab-content .table,
.portlet .tab-content .table.dataTable {
	margin-top: 15px !important;
}

table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody td.select-checkbox:after,
table.dataTable tbody th.select-checkbox:before,
table.dataTable tbody th.select-checkbox:after {
	top: initial;
}

.table.dataTable.DataTablesGridControl td {
	vertical-align: middle;
}

.DataTablesControlButtons {
	float: right;
	margin-top: 0px !important;
	margin-bottom: 15px;
}

@media (max-width: 991px) {
	.DataTablesControlButtons {
		margin-bottom: 20px;
	}
}

.datatable-table-container {
	clear: both;
}

@media screen and (max-width: 767px) {
	.table-responsive {
		border: 0;
		margin-bottom: 0;
	}
}

.datatable-table-container .table,
.table {
	background-color: #FFF;
	border: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0 !important;
	width: calc(100% - 2px) !important;
}

.datatable-header {
	float: left;
}

@media (min-width: 768px) and (max-width: 991px) {
	.dataTables_wrapper .dataTables_paginate {
		padding-top: 10px;
		padding-bottom: 20px;
	}
}


.paging-container {
	float: right;
	padding-bottom: 20px;
}

	.paging-container a,
	.paging-container span {
		display: block;
		float: left;
	}

	.paging-container .paging_button,
	.paging-container .ellipsis {
		text-align: center;
		width: 18px;
		display: block;
	}

		.paging-container .paging_button:hover,
		.paging-container .paging_button:focus {
			text-decoration: none;
		}

a#DataTablesGrid_previous,
a#DataTablesGrid_next {
	text-indent: -9999px;
	line-height: 0;
	padding: 5px 5px 6px;
}

	a#DataTablesGrid_previous::after,
	a#DataTablesGrid_next::after {
		text-indent: 0;
		display: block;
		line-height: 20px;
		color: #979797;
	}

	a#DataTablesGrid_previous::after {
		content: "<";
	}

	a#DataTablesGrid_next::after {
		content: ">";
	}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.next:hover {
	background-color: #FFF;
	border: 1px solid #f3f3f3 !important;
	opacity: 1;
}



.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	opacity: 0.5;
	background-color: transparent !important;
}

.paging-container .ellipsis,
.paging-container .paging_button,
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate span .paginate_button {
	border: 1px solid #f3f3f3 !important;
	background: #FFF !important;
	color: #979797 !important;
	margin-left: 0;
	min-width: 30px;
	padding: 5px 5px;
}

	.paging-container .paging_button:hover,
	.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
	.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover,
	.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
	.dataTables_wrapper .dataTables_paginate span .paginate_button:hover {
		border: 1px solid #f3f3f3 !important;
		background: #FFF !important;
		color: #003d80 !important;
	}

	.paging-container .paging_button.current,
	.dataTables_wrapper .dataTables_paginate span .paginate_button.current,
	.dataTables_wrapper .dataTables_paginate span .paginate_button.current:hover {
		border-color: #0089d2 !important;
		color: #003d80 !important;
		border-radius: 0;
	}

.dataTables_wrapper .dataTables_paginate .ellipsis {
	border: 1px solid #f3f3f3;
	background-color: #FFF;
	color: #979797;
	padding: 5px 8px 6px !important;
}


table.dataTable > tbody tr.selected {
	background-color: #f2f9ff !important;
}

.table > tbody > tr > td,
.table.dataTable.DataTablesGridControl > tbody td {
	border: 0;
	border-bottom: 1px solid #e0e0e0;
	border-right: 0;
	padding: 8px 10px;
}

.table.dataTable.DataTablesGridControl th,
.table.dataTable.DataTablesGridControl td {
	border: 0;
}

table.dataTable.DataTablesGridControl thead tr th,
table.dataTable.DataTablesGridControl thead tr td {
	border-top: 0;
}

.table-hover tbody tr:hover {
	cursor: pointer;
}





/* FORM CONTROLS */
.reset-password-form span {
	margin-bottom: 15px;
	display: block;
}

.control {
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.control {
		margin-bottom: 10px;
	}
}


label.control-label {
	font-weight: bold;
	color: #333;
	font-size: 16px;
}

tr.filter .datepicker-filter input {
	height: 36px;
}

tr.filter .datepicker-filter button.date-set {
	padding-top: 6px;
	height: 36px;
}

.input-icon > i {
	z-index: 4;
}

.input-icon > .form-control {
	padding-left: 10px;
}

.select2-selection__rendered {
	position: absolute;
	max-width: 100%;
}

.select2-container.form-control,
div.input-icon.left .select2-chosen {
	padding-left: 0;
}

.form-control {
	border: 0;
	border: 1px solid #979797;
	border-radius: 0;
	padding: 6px 10px;
	height: 36px;
	color: #003D80;
	box-shadow: none;
	font-size: 16px;
}

	.form-control[disabled],
	.form-control[readonly]:not(textarea),
	.btn.default[disabled], fieldset[disabled] .form-control {
		border: 1px solid #e0e0e0;
		background-color: #fbfbfb;
	}


.select2-container.select2-container-disabled .select2-choice,
.select2-container.select2-container-disabled.form-control.select2 {
	border-bottom: 1px solid #e0e0e0;
	background-color: #fbfbfb;
}

.form-control:focus {
	border-color: #003d80;
	outline: none;
	box-shadow: none;
}

.input-group .select2-choice {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.form-control .select2-choice {
	border: 0;
	border-bottom: 1px solid #979797;
	border-radius: 0;
	height: 36px;
	margin-bottom: 2px;
}

.select2-container .select2-choice {
	color: #003D80;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
	border: 0 !important;
}

.form-control .select2-choice:focus {
	border-bottom: 2px solid #003d80;
}

.select2-container.form-control.select2 {
	background-color: transparent;
}

.select2-container .select2-choice .select2-arrow {
	border-left: 0;
	margin-right: 5px;
	height: calc(100% - 1px);
}

	.select2-container .select2-choice .select2-arrow b {
		background: url(../img/select-arrow.png) no-repeat 3px 13px;
	}

.select2-dropdown-open .select2-choice .select2-arrow b {
	background: url(../img/select-arrow.png) no-repeat 3px 15px;
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.select2-container-active.select2-dropdown-open.select2-drop-above .select2-choice {
	padding-left: 10px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
	.select2-search input,
	.select2-search-choice-close,
	.select2-container .select2-choice abbr,
	.select2-container .select2-choice .select2-arrow b {
		background-size: auto !important;
	}
}

.input-group.input-icon .select2-choice {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	padding-left: 10px;
}

@media (min-width: 768px) {
	.input-group.input-icon .select2-choice {
		padding-left: 0px;
	}
}

.input-group .select2-container-active .select2-choice,
.input-group .select2-container-active .select2-choices {
	border: 0;
	border-radius: 0;
	border-bottom: 2px solid #003d80 !important;
}

.input-icon > i + .form-control:not(.select2-container),
.input-icon > i + .form-control.select2-container .select2-choice {
	padding-left: 33px;
}

.select2-drop-active {
	border: 1px solid #979797;
	margin-top: -2px;
}

.select2-drop.select2-drop-above.select2-drop-active {
	border-radius: 0;
}

.select2-results {
	padding: 0px 4px 0 4px;
}

.select2-search input {
	border: 0;
	border-bottom: 1px solid #979797;
	border-radius: 0;
	color: #003d80;
}

.select2-results .select2-highlighted {
	background: #E6F1F8;
}

.input-group .form-control:first-child {
	border-radius: 0;
}

.portlet textarea.form-control {
	height: auto;
	min-height: 130px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

	input[type=number][readonly] {
		-moz-appearance: textfield;
		cursor: not-allowed;
	}

/* Search icon in search inputs */
.DataTablesGridControl thead tr:nth-child(2) th input[type=text] {
	background: url(../img/search-icon.png) no-repeat right -2px;
	padding-right: 35px;
}





/* PORTLETS */
.detail-column.col-md-12 > .portlet.box {
	background-color: transparent;
	border: 0;
}

.detail-column.col-md-12 > .portlet.box > .portlet-title {
	background-color: transparent;
	padding: 0;
}

.detail-column.col-md-12 > .portlet.box > .portlet-title h3 {
	color: #003d80;
	font-size: 30px;
	padding: 0 0 20px;
}

@media (min-width: 768px) {
	.detail-column.col-md-12 > .portlet.box > .portlet-title h3 {
		padding: 0 0 20px;
	}
}

.detail-column.col-md-12 > .portlet.box > .portlet-body {
	background-color: transparent;
	margin: 0;
	padding: 0;
}

.cd-panel {
	z-index: 9997;
}

.portlet.box,
.cd-panel-container .portlet.box {
	border: 0;
	background-color: transparent;
	border-radius: 0px !important;
}

.flight.portlet.box {
	border: 1px solid #e0e0e0;
	background-color: #FFF;
}

.flight.portlet.box > .portlet-title {
	padding: 10px 10px 0;
}

.deelnemer.portlet.box {
	border: 1px solid #e0e0e0;
	background-color: #FFF;
	margin: 15px;
	margin-left: 0;
}

.deelnemer.portlet.box > .portlet-title {
	padding: 10px 10px 0;
}

.deelnemer.portlet.box > .portlet-body {
	background-color: #FFF;
	margin: 5px;
	padding: 10px;
}

.portlet.box > .portlet-title,
.cd-panel-container .portlet.box > .portlet-title {
	border-radius: 0px !important;
	background-color: transparent;
	border-bottom: 0;
	padding: 0;
}

.portlet.box > .portlet-title > .caption,
.cd-panel-container > .portlet-title > .caption {
	font-size: 20px;
	font-weight: bold;
	color: #0089d2;
	padding: 10px 0px;
	line-height: 100%;
}

.portlet.box > .portlet-title > .caption.mail-caption {
	font-size: 16px;
	padding-bottom: 0;
}

.mail-caption + .portlet.box > .portlet-body {
	margin-top: 0;
}

.portlet > .portlet-title > .tools {
	right: 20px;
}

.portlet.box > .portlet-body,
.cd-panel-container .portlet.box > .portlet-body {
	border-radius: 0px !important;
	background-color: transparent;
	margin: 0;
	padding: 0;
}

@media (max-width: 767px) {
	.portlet.box.tabbable {
		border: 1px solid #e0e0e0 !important;
	}

	.portlet.box.tabbable .nav-tabs {
		border-bottom: 0;
	}

	.portlet.box.tabbable .nav-tabs > li {
		border-bottom: 1px solid #e0e0e0;
		margin-bottom: 0;
	}

	.portlet.box.tabbable .nav-tabs > li > a {
		margin: 0;
		border: 0;
	}

	.portlet.box.tabbable .nav-tabs .active a {
		background-color: #FFF !important;
	}

	.dataTables_wrapper .dataTables_info {
		top: 0;
		position: relative;
	}

	.dataTables_wrapper .dataTables_paginate {
		margin-bottom: 0;
		margin-top: 10px;
		position: relative;
	}

	.DataTablesControlButtons {
		margin-bottom: 0;
	}

	.table.dataTable.DataTablesGridControl th,
	.table.dataTable.DataTablesGridControl td {
		white-space: nowrap !important;
	}
}

@media (min-width: 768px) {
	.portlet.box,
	.cd-panel-container .portlet.box {
		border: 1px solid #e0e0e0;
		background-color: #FFF;
	}

	.portlet.box > .portlet-title,
	.cd-panel-container .portlet.box > .portlet-title {
		padding: 10px 10px 0;
	}

	.portlet.box > .portlet-title > .caption,
	.cd-panel-container .portlet.box > .portlet-title > .caption {
		padding: 10px 5px;
	}

	.portlet.box > .portlet-body,
	.cd-panel-container .portlet.box > .portlet-body {
		background-color: #FFF;
		margin: 5px;
		padding: 10px;
	}
}



.portlet.box > .portlet-title > .tools > a.collapse {
	background: url(../img/select-arrow.png) no-repeat 1px 6px;
}

.portlet.box > .portlet-title > .tools > a.expand {
	background: url(../img/select-arrow.png) no-repeat 1px 6px;
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

label,
.panel .panel-body {
	font-size: 16px;
}







/* SLIDE IN PANEL */
.cd-panel-header h1 {
	color: #003D80;
	font-size: 24px;
	font-weight: bold;
}

.cd-panel-content {
	background-color: #f8f9f9;
	padding-top: 50px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

.cd-panel-close::before,
.cd-panel-close::after {
	background-color: #003D80;
}

.no-touch .cd-panel-close:hover {
	background-color: #FFF;
}

	.no-touch .cd-panel-close:hover::before,
	.no-touch .cd-panel-close:hover::after {
		background-color: #0089d2;
	}

.no-touch .cd-panel-close:active::before,
.no-touch .cd-panel-close:active::after {
	background-color: #0089c3;
}

.cd-panel-content .page-head,
.cd-panel-content .page-content {
	padding-left: 6px;
	padding-right: 6px;
}


/* TABS */
.nav-tabs {
	margin-bottom: 0;
}

	.nav-tabs > li > a {
		color: #009cde;
		font-weight: bold;
	}

		.nav-tabs > li > a:hover {
			background-color: #FFF;
			border-left-color: transparent;
			border-right-color: transparent;
			text-decoration: underline;
		}

	.nav-tabs > li.active > a:hover {
		color: #009cde;
	}

	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:hover,
	.nav-tabs > li.active > a:focus {
		background-color: #f9f8f8;
		color: #009cde;
		text-decoration: none;
	}

.tab-control .page-head {
	border-radius: 0;
}

.tab-content {
	background-color: #f9f8f8;
	border-radius: 0;
}

.panel .tab-content {
	border-left: 1px solid #e0e0e0;
}

.portlet .portlet-title .portlet-tab-left {
	float: left;
	width: 100%;
	max-width: 100%;
	border-bottom: 1px solid #c7dfef;
	margin-bottom: 15px;
}

.portlet .portlet-title .nav-tabs a.caption-tab {
	background-color: transparent;
	color: #003D80;
	font-weight: bold;
	margin-right: 25px;
	margin-bottom: -1px;
}

.portlet > .portlet-title > .nav-tabs > li:hover > a {
	color: #009cde;
	background: transparent;
	text-decoration: underline;
}

.portlet > .portlet-title > .nav-tabs > li.active > a {
	color: #009cde;
	background: transparent;
	text-decoration: none;
}

.cd-panel .goto-list {
	display: none;
}


@media screen and (max-width: 767px) {
	.nav-tabs > li {
		float: left;
	}
}

@media screen and (max-width: 400px) {
	.nav-tabs > li {
		float: none;
	}
}

.form-control.markdownlive-textarea {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}




/* Markdown-live custom css */
.markdownlive-bar {
	border-radius: 0;
}

.input-icon > .form-control.markdownlive-textarea {
	padding: 10px;
	height: auto;
	float: left;
	max-width: 100%;
	border-radius: 0;
	resize: vertical;
}

.markdownlive-preview {
	font-size: 14px;
	height: 130px;
	overflow: auto;
	border: 1px solid #e3e3e3;
	float: left;
	width: 100%;
	max-width: 100%;
	border-radius: 0;
	resize: vertical;
}




/* VALIDATION */
.help-block {
	clear: both;
	margin: 0 15px;
}

.has-error .help-block,
.has-error .help-inline,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error .input-icon > i {
	color: #FF1744;
}



/* Flights */

.button-container {
	padding: 25px 0 30px;
	background-color: #FFF;
}

.flights-heading {
	float: left;
}

	.flights-heading h1 {
		margin: 0;
		padding-top: 5px;
		font-size: 20px;
	}

@media (min-width: 768px) {
	.flights-heading h1 {
		font-size: 26px;
	}
}

.flights-button-group {
	float: right;
}

h3.name {
	margin-top: 10px;
	display: inline-block;
	margin-left: 5px;
	font-size: 18px;
}

h4.name {
	color: #0089d2;
}

.starttime {
	color: #0089d2;
	font-size: 18px;
	font-weight: bold;
	margin: 10px;
	display: inline-block;
	line-height: 1.1;
	float: right;
}

.fligth .hole {
	color: #4a4a4a;
	clear: both;
	margin-bottom: 10px;
	margin-left: 10px;
}

.user-icon {
	margin-bottom: 15px;
}

@media (min-width: 768px) {
	.user-icon {
		margin-bottom: 0;
	}
}

.user-icon div img {
	max-width: 60px;
	max-height: 60px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.user-icon div img {
		max-width: 80px;
		max-height: 80px;
	}
}

@media (min-width: 1200px) {
	.user-icon div img {
		max-width: 80px;
		max-height: 80px;
	}
}

.positive-icon {
	color: #88C34A;
}

.negative-icon {
	color: #ee4406;
}

.neutral-icon {
	color: #0089d2;
}

.equal-icon {
	font-weight: bold;
	font-size: 18px;
}


.flight {
	/*border: 1px solid black;*/
	/*padding: 10px;*/
	margin-top: 10px;
}

.deelnemer {
	border: 1px solid black;
	padding: 10px;
	margin-bottom: 15px;
	transition: all .2s ease;
	touch-action: none;
}

.info-btn {
	color: #00adf6;
	border: 1px solid #00adf6;
	background-color: #FFF;
	width: 20px;
	height: 20px;
	padding: 2px;
	font-size: 12px;
	text-align: center;
	border-radius: 50%;
	vertical-align: top;
	margin-left: 5px;
	margin: 0;
}

span[aria-label]:hover:after {
	content: attr(aria-label);
	position: absolute;
	padding: 6px;
	margin: 5px;
	font-size: 13px;
	color: #000;
	font-weight: normal;
	top: 0;
	border: 1px solid #eee;
	background: #FFF;
	z-index: 1;
}

	.deelnemer:hover {
		cursor: move;
		-webkit-box-shadow: 0 8px 6px -6px #979797 !important;
		-moz-box-shadow: 0 8px 6px -6px #979797 !important;
		box-shadow: 0 8px 6px -6px #979797 !important;
	}

	.deelnemer:last-child {
		margin-bottom: 0px;
	}

.deelnemercontainer {
	min-height: 50px;
}

#idleContainer.container-fluid {
	padding-left: 0;
	padding-right: 0;
	padding-top: 30px;
}

@media (min-width: 991px) {
	#idleContainer .deelnemer.panel {
		width: calc(50% - 25px);
		float: left;
		margin-right: 25px;
		margin-left: 0;
	}

		#idleContainer .deelnemer.panel:nth-child(even) {
			margin-right: 0;
		}
}


.deelnemercontainer .portlet.box > .portlet-body {
	margin-bottom: 0;
}

.member-info ul {
	list-style: none;
	padding-left: 0;
}

.member-info li {
	display: inline-block;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	border-right: 1px solid #e0e0e0;
}

.member-info > ul > li {
	line-height: 10px;
}

.member-info li:first-child {
	padding-left: 0;
}

.member-info li:last-child {
	padding-right: 0;
	border-right: 0;
}

.preferences {
	background-color: rgb(255, 204, 0);
	background-color: rgba(255, 204, 0, 0.3);
	border: 1px solid #ffcc00;
	padding: 7px 10px;
	margin-bottom: 15px;
}

@media (min-width: 768px) {
	.preferences {
		margin-bottom: 0;
	}
}

.preferences p {
	font-weight: bold;
	margin-bottom: 5px;
}

.preferences ul {
	margin-bottom: 0;
}

.playing-info ul {
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
}

.playing-info label {
	width: 75px;
}


.generate-option {
	margin-bottom: 10px;
}



.gu-mirror {
	position: fixed !important;
	margin: 0 !important;
	z-index: 9999 !important;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}

.gu-hide {
	display: none !important;
}

.gu-unselectable {
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}

.gu-transit {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

.minwidth100 {
	min-width: 100px;
}



.custom-heading {
	padding: 25px 0 30px;
	background-color: #FFF;
}

	.custom-heading h1 {
		margin: 0;
		font-size: 20px;
	}

@media (min-width: 768px) {
	.custom-heading h1 {
		font-size: 26px;
		padding-top: 5px;
	}
}

.background-header {
	position: relative;
	max-height: 250px;
	overflow: hidden;
}

@media (min-width: 768px) {
	.background-header img {
		position: relative;
		top: 25%;
		transform: translateY(-25%);
		width: 100%;
	}
}

@media (min-width: 1200px) {
	.background-header {
		max-height: 430px;
	}
}

.background-header .pos-absolute {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
}

@media (min-width: 768px) {
	.background-header .pos-absolute {
		max-height: 430px;
		top: 0;
	}
}

.background-header h1 {
	color: #FFF;
	z-index: 10;
	max-width: 280px;
	font-size: 22px;
}

@media (min-width: 500px) {
	.background-header h1 {
		font-size: 33px;
	}
}

@media (min-width: 1200px) {
	.background-header h1 {
		font-size: 48px;
		margin-top: 50px;
		max-width: 400px;
	}
}

/* Synchronisatie Dashboard details */
#syncDetailTitle {
	display: inline;
}
/*Custom scorecard*/
.custom-scorecard h3.subtitle {
	color: #0089d2;
	font-size: 20px;
	margin: 0;
	padding: 5px 0px 20px;
}

.custom-scorecard .block {
	border: 1px solid #e0e0e0;
	background-color: white;
	margin-bottom: 25px;
	padding: 15px;
}

.margintop {
	margin-top: 40px;
}

.custom-scorecard .block label {
	display: block;
}

.custom-scorecard .block input[type="date"],
.custom-scorecard .block input[type="time"] {
	line-height: 23px;
}

.custom-scorecard textarea.form-control[readonly] {
	height: auto;
	border: 1px solid #e0e0e0;
	background-color: #fbfbfb;
}

.custom-scorecard .form-control .select2-choice {
	padding-left: 0;
}

.custom-scorecard .select2-container.form-control.select2-container-active .select2-choice {
	border-bottom: 2px solid #003d80 !important;
}

.scorecard-input.aangepaste-score {
	border: 2px solid #ffcc00;
}

.scorecard-input {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	text-align: center;
	border: 2px solid #d8e9f4;
}

.scorecard-input:focus {
	outline: none;
}

.custom-scorecard .table-responsive {
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}

.scorekaart-table {
	margin-bottom: 0;
	border-left: 0;
	border-right: 0;
}

	.scorekaart-table.table > tbody > tr > th,
	.scorekaart-table.table > tbody > tr > td {
		text-align: center;
		border: 1px solid #e0e0e0;
		padding: 8px;
		vertical-align: middle;
	}
	.scorekaart-table.table > tbody > tr > td {
		position: relative;
	}

	.scorekaart-table.table .scorecard-tooltip {
		position: absolute;
		right: 3px;
		top: 3px;
	}


	.scorekaart-table td:first-child {
		border-left: 0 !important;
	}

	.scorekaart-table td:last-child {
		border-right: 0 !important;
	}

	.scorekaart-table.table > tbody > tr > td.colhead {
		position: sticky;
		left: 0px;
		background-color: #FFF;
		text-align: left;
		box-shadow: 0px 10px 8px rgba(0, 0, 0, .1);
		z-index: 3;
	}

	.scorekaart-table td.colhead::after {
		content: '';
		width: 1px;
		height: 100%;
		background-color: #e0e0e0;
		position: absolute;
		top: 0;
		right: 0;
	}

	.scorekaart-table.table-striped > tbody > tr:nth-child(odd) > td.colhead {
		background-color: #f9f9f9;
	}

	.scorekaart-table.table > tbody > tr > td:nth-child(11),
	.scorekaart-table.table > tbody > tr > td:nth-child(21) {
		background-color: rgb(255, 218, 38);
		background-color: rgba(255, 218, 38, 0.8);
		border-color: #D5BB53;
	}

	.scorekaart-table.table > tbody > tr > td:nth-child(10),
	.scorekaart-table.table > tbody > tr > td:nth-child(20) {
		border-right-color: #D5BB53;
	}


/* Switch */
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

	.switch input {
		opacity: 0;
		width: 0;
		height: 0;
	}

.slider {
	margin: 0;
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ee4406;
	-webkit-transition: .4s;
	transition: .4s;
	height: 36px;
	width: inherit;
}

	.slider:before {
		position: absolute;
		content: "";
		height: 28px;
		width: 16px;
		left: 4px;
		bottom: 4px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
	}

input:checked + .slider {
	background-color: #0089d2;
}

	input:checked + .slider:before {
		-webkit-transform: translateX(36px);
		-ms-transform: translateX(36px);
		transform: translateX(36px);
	}

input + .slider:after {
	content: 'Nee';
	color: #FFF;
	position: absolute;
	top: 0;
	left: 20px;
	right: 0;
	text-align: center;
	line-height: 36px;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider:after {
	content: 'Ja';
	left: 0;
	right: 20px;
}

input[disabled] + .slider {
	opacity: 0.75;
}




/* Competition subscribe for member */

.tile {
	border: 1px solid #e0e0e0;
	background-color: white;
	margin-bottom: 25px;
	padding: 10px 15px;
	position: relative;
	display: block;
}

.tile:hover {
	-webkit-box-shadow: 0 8px 6px -6px #979797;
	-moz-box-shadow: 0 8px 6px -6px #979797;
	box-shadow: 0 8px 6px -6px #979797;
}

.tile .row {
	width: calc(100% + 30px);
}

@media (min-width: 768px) {
	.tile.invoice-tile {
		min-height: 316px;
	}
}

.tile-link,
.tile-link:hover {
	color: #333;
}

	.tile-link:hover {
		text-decoration: none;
	}

.tile h3 {
	margin-top: 25px;
}

.competition-date,
.competition-club,
.activity-date,
.activity-handicap-range,
.invoice-date,
.invoice-price,
.activity-club,
.lesson-date,
.lesson-club {
	color: #0089d2;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 18px;
}

.detail-page .activity-date {
	display: inline-block;
	margin-right: 15px;
}

.detail-page .activity-club {
	display: inline-block;
}

.activity-description {
	font-size: 16px;
	margin-top: 20px;
}

.invoice-status {
	margin: 15px 0;
}

	.invoice-status span {
		width: 80px;
		display: inline-block;
	}

.tile-heading {
	width: 100%;
}

.lesson-heading {
	margin-top: 0;
}

.professional,
.event-type,
.event-member-price {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
	display: inline-block;
}

.professional {
	color: #003d80;
	margin-top: 15px;
}

@media (min-width: 768px) {
	.professional {
		margin-top: 0;
	}
}

.professional small {
	color: #979797;
	font-weight: normal;
}

.event-type,
.event-member-price {
	color: #ee4406;
}

	.event-type.hidden-desktop {
		color: #FFF;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
		position: absolute;
		top: 0px;
		left: 15px;
		z-index: 10;
	}

@media (min-width: 768px) {
	.hidden-desktop {
		display: none;
	}
}

.pro-img {
	height: 36px;
	float: left;
	margin-right: 10px;
}

.professional-name {
	float: left;
}

.lesson-img {
	max-height: 150px;
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -10px;
	overflow: hidden;
}

@media (min-width: 768px) {
	.lesson-img {
		margin-bottom: -10px;
		max-height: 300px;
	}
}

.lesson-img img {
	max-width: 100%;
	top: 25%;
	transform: translateY(-25%);
}

@media (min-width: 768px) {
	.lesson-img img {
		max-height: 300px;
		max-width: none;
		top: 0;
		left: 50%;
		transform: translateY(0%);
		transform: translateX(-50%);
	}
}

.activity-name {
	font-size: 30px;
}

.event-price {
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	padding: 9px 10px;
	width: 170px;
	float: right;
	text-align: center;
	margin-left: 15px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background-color: #ee4406;
}

	.event-price.hidden-dekstop {
		position: absolute;
		z-index: 10;
		top: -10px;
		right: 15px;
	}

.competition-subscribe-form .event-price {
	margin-top: -10px;
}

@media (min-width: 768px) {
	.event-price {
		margin-top: -10px;
	}
}

@media (min-width: 768px) {
	.event-price.hidden-dekstop {
		display: none;
	}
}

.event-price.non-member {
	background-color: #ffcc00;
	color: #003D80
}

.event-new-handicap,
.invoice-type {
	background-color: #ffcc00;
	color: #003D80;
	font-weight: bold;
	font-size: 12px;
	padding: 9px 10px;
	width: 105px;
	float: left;
	text-align: center;
	margin-top: -11px;
	margin-left: 0;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.event-type.event-type-scorecard,
.event-type.event-type-invoice {
	color: #003d80;
	float: right;
}

.scorecard-scores {
	margin-top: 20px;
}

.amount-of-hits,
.amount-of-points {
	display: inline-block;
	color: #003d80;
}

.amount-of-hits {
	margin-right: 30px;
}

.amount-text {
	font-size: 14px;
	width: 55px;
	display: inline-block;
}

.amount-number {
	font-size: 30px;
	line-height: 34px;
	font-weight: bold;
}

.people-attending {
	margin-top: 15px;
}

.lesson-short-description {
	margin-top: 15px;
}

.event-status {
	margin-top: 15px;
}

@media (max-width: 767px) {
	.status-text,
	.status-link {
		margin-top: 15px;
		display: block;
	}

	.member-tile .img-responsive {
		max-height: 100px;
	}
}

@media (min-width: 768px) {
	.event-status {
		position: absolute;
		right: 15px;
		bottom: 10px;
	}

	.status-text,
	.status-link {
		position: absolute;
		right: 15px;
		bottom: 10px;
	}

	.flex-row {
		display: flex;
		flex-wrap: wrap;
	}

		.flex-row::before,
		.flex-row::after {
			display: none;
		}

		.flex-row .tile {
			height: calc(100% - 25px);
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-content: space-between;
		}

			.flex-row .tile.member-tile {
				align-content: center;
			}
}

.flex-row .tile.home-block-member {
	height: calc(100% - 25px);
	min-height: 137px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
}

.tile a.select-profile-click {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

#editContactInfo .col-lg-4 input {
	max-width: 95%;
}

.tile.member-tile .row {
	display: flex;
	align-items: center;
}

.tile.select-profile {
	justify-content: start;
	align-items: center;
	display: flex;
}

.tile.select-profile .member-info {
	width: calc(100% - 130px);
}

.tile.select-profile img {
	width: 100px;
	height: 100px;
	margin-right: 15px;
}

.tile .member-name {
	font-weight: bold;
	font-size: 18px;
}

.tile .member-handicap {
	color: #0089d2;
	font-size: 16px;
}

.switch-flight {
	float: right;
}
.delete-flight {
	float: right;
}

#postcodespinner {
	position: relative;
	top: 11px;
}

.flights-button-group button.btn[disabled] {
	display: inline-block;
}


.competition-detail {
	text-align: center;
	margin-top: 40px;
	font-size: 18px;
	font-weight: bold;
}

	.competition-detail .sub-text {
		font-size: 14px;
		color: #999;
		font-weight: normal;
	}

.tile dd {
	border-bottom: 1px solid #ededed;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

.tile dt {
	font-weight: normal;
	color: #999;
}

.subscribe-status {
	margin-top: 35px;
	padding-bottom: 30px;
	text-align: center;
}

.round-icon {
	width: 50px;
	height: 50px;
	background-color: #003d80;
	color: #FFF;
	border-radius: 50%;
	margin: 10px auto;
}

	.round-icon .fa {
		font-size: 22px;
		line-height: 50px;
	}

.radio-btn [type="radio"] {
	display: none;
}

.radio-btn label {
	display: inline-block;
	padding-left: 35px;
	position: relative;
	padding-top: 2px;
	font-weight: normal;
	margin-bottom: 0;
	z-index: 10;
	max-width: calc(100% - 30px);
}

	.radio-btn label:hover {
		cursor: pointer;
	}

.radio-btn [type="radio"] + label::before {
	border: 1px solid #555;
	background-color: #FFF;
	border-radius: 50%;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 2px;
	height: 21px;
	width: 21px;
	z-index: 1;
}

.radio-btn [type="radio"]:checked + label::after {
	background-color: #0089d2;
	border-radius: 50%;
	content: '';
	display: block;
	position: absolute;
	left: 5px;
	top: 7px;
	height: 11px;
	width: 11px;
	z-index: 2;
}

.radio-btn [type="radio"][disabled] + label {
	opacity: 0.65;
}

	.radio-btn [type="radio"][disabled] + label:hover {
		cursor: not-allowed;
	}

.radio-btn .validation-error[type="radio"] + label::before {
	border-color: #FF1744;
}

.radio-btn .field-description {
	padding-left: 35px;
}

.radio-btn.pull-left {
	margin-right: 30px;
}

.bootbox-form .form-check.radio {
	width: 100%;
	padding-left: 20px;
	margin-left: 0;
	margin-bottom: 13px;
}

.radio input.bootbox-input {
	opacity: 1;
}

.nowrap {
	white-space: nowrap;
}

.scorekaart-table .btn-group label.btn {
	margin-right: 0;
}

	.scorekaart-table .btn-group label.btn:first-child .fa {
		color: #7ed321;
	}

	.scorekaart-table .btn-group label.btn:last-child .fa {
		color: #FF1744;
	}

.extended-scorecard-row {
	display: none;
}

/* Checkboxes */
.checkbox-btn [type="checkbox"] {
	display: none;
}

.checkbox-btn label {
	display: inline-block;
	padding-left: 35px;
	position: relative;
	padding-top: 2px;
	font-weight: normal;
	margin-bottom: 0;
	max-width: calc(100% - 30px);
	font-size: 16px;
}

	.checkbox-btn label:hover {
		cursor: pointer;
	}

.checkbox-btn [type="checkbox"] + label::before {
	border: 1px solid #333;
	border-radius: 0;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 21px;
	width: 21px;
	z-index: 1;
}

.checkbox-btn [type="checkbox"]:checked + label::after {
	font-family: FontAwesome;
	content: '\f00c';
	font-size: 18px;
	line-height: 115%;
	color: #FFF;
	background-color: #0089d2;
	border: 1px solid #0089d2;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 21px;
	width: 21px;
	border-radius: 0;
	z-index: 2;
}

.checkbox-btn [type="checkbox"][disabled] + label {
	opacity: 0.65;
}

	.checkbox-btn [type="checkbox"][disabled] + label:hover {
		cursor: not-allowed;
	}

.checkbox-btn .validation-error[type="checkbox"] + label::before {
	border-color: #FF1744;
}

.checkbox-btn .field-description {
	padding-left: 35px;
}

.form-check-input {
	width: 36px;
}


#table-roles,
#table-users,
#table-authorizations {
	background-color: #FFF;
	border: 1px solid #e0e0e0;
	border-bottom: 0;
}

.dataTable .flight-odd {
	background-color: #f5f5f5;
}

	.dataTable .flight-odd:hover {
		background-color: #e8f0f8;
	}

.dataTable.table > tbody > tr > td,
.dataTable.table > tbody > tr > th {
	vertical-align: middle;
}

.dataTable.align-left-table td:first-child {
	text-align: left;
}

#cbafield {
	display: none;
}

.global-search-container {
	padding-top: 10px;
	padding-right: 10px;
}

.global-search-input {
	background: url(../img/search-icon.png) no-repeat right -2px;
	padding-right: 35px;
}

.search-result-type-col {
	width: 10%;
}

.digitale-golfpas-image {
	max-width: 100%;
	max-height: 760px;
	border: 1px solid black;
	margin: 0 auto;
	display: block;
}
.whs-overzicht-image {
	width: 100%;
	border: 1px solid black;
}



.prolongatie-large-column {
	width: 15%;
}

.table > tbody {
	color: #333;
}

.dashboard-buttons {
	margin-bottom: 25px;
}

.add-new-scorecard h1 {
	width: calc(100% - 72px);
	font-size: 24px;
	margin-top: 10px;
	margin-bottom: 20px;
	font-family: 'Anwb', Arial, sans-serif;
}

.add-new-scorecard .button-group {
	margin-top: 10px;
}

.add-new-scorecard .primary-action-button {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
}


.scorecard-info {
	padding-bottom: 20px;
}

	.scorecard-info .col-xs-12 {
		display: flex;
	}

.scorecard-info-box {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

	.scorecard-info-box:first-child > .pause-btn {
		margin-right: auto;
	}

.pause-arrow {
	font-size: 26px;
	line-height: 160%;
	margin-right: 10px;
}

.scorecard-info-box:last-child > .stop-link {
	margin-left: auto;
	padding: 10px 5px;
}

.pause-btn {
	color: #003D80;
	font-size: 14px;
}

.stop-link {
	color: #ee4406;
	text-decoration: underline;
	font-size: 14px;
}

.total-points {
	color: #FFF;
	background-color: #ee4406;
	display: inline-block;
	padding: 10px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	text-align: center;
	font-weight: bold;
}

.points-amount {
	font-size: 30px;
	line-height: 100%;
}

.total-points p {
	margin-bottom: 0;
	font-size: 12px;
	line-height: 150%;
	font-weight: normal;
}

.hole-cards {
	height: calc(100vh - 110px);
	height: calc((var(--vh, 1vh) * 100) - 110px);
	overflow-y: hidden;
	overflow-x: scroll;
	white-space: nowrap;
	scroll-snap-type: x mandatory;
	display: -ms-flexbox;
	display: flex;
}

	.hole-cards .hole-card {
		width: calc(100% - 30px);
		display: inline-block;
		margin: 0 15px;
		white-space: normal;
		height: 100%;
		background-color: #FFF;
		scroll-snap-align: center;
		scroll-snap-stop: always;
	}

	.hole-cards .tile {
		margin-bottom: 0;
		padding: 10px;
		overflow-y: auto;
		height: 100%;
		border: 0;
		box-shadow: none;
		-webkit-overflow-scrolling: touch;
	}

		.hole-cards .tile:hover,
		.hole-cards .tile:focus,
		.hole-cards .tile:active {
			box-shadow: none;
		}

	.hole-cards::-webkit-scrollbar {
		display: none;
	}

	.hole-cards .tile::-webkit-scrollbar {
		display: none;
	}

.switch-holecards-bar {
	border-top: 2px solid #f9f8f8;
	width: calc(100% + 20px);
	margin-left: -10px;
	margin-right: -10px;
}

	.switch-holecards-bar .fa {
		font-size: 30px;
		padding: 30px 15px 20px 15px;
	}

.hole-cards h1 {
	margin-bottom: 5px;
	font-weight: 600;
	color: #0089d2;
	text-align: center;
}

.hole-cards h3 {
	color: #003D80;
	margin: 0;
	font-size: 18px;
	line-height: 150%;
	font-weight: 600;
	text-align: center;
}

.hole-cards .hole-info {
	list-style: none;
	padding-left: 0;
	margin: 0 0 30px;
	display: inline-flex;
	width: calc(100% + 20px);
	margin-left: -10px;
	margin-right: -10px;
	justify-content: space-around;
	border-bottom: 2px solid #f9f8f8;
}

	.hole-cards .hole-info li {
		padding: 5px 10px 15px;
		text-align: center;
	}

		.hole-cards .hole-info li b {
			font-size: 20px;
		}

.AHS-text {
	margin-bottom: 15px;
	font-style: italic;
}

.player-input {
	padding-bottom: 15px;
}

.name-player,
.name-marker {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 8px;
	color: #0089d2;
}

.expand-btn {
	background-color: transparent;
	border: none;
	outline: none;
	text-align: center;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 20px;
}

.expand-arrow {
	font-size: 26px;
	line-height: 160%;
	margin-left: 5px;
}

.strikes {
	display: flex;
	margin-bottom: 10px;
}

	.strikes > div,
	.strikes > ul {
		display: flex;
		align-items: center;
		height: 60px;
	}

	.strikes .strike-type {
		justify-content: flex-start;
		font-size: 13px;
		margin-right: 8px;
		min-width: 40px;
		color: #0089d2;
		font-weight: bold;
	}

.swipe-strikes {
	list-style: none;
	padding-left: 0;
	overflow-x: auto;
	width: calc(100% - 85px);
	margin-bottom: 0;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
	scrollbar-width: none;
}

	.swipe-strikes::-webkit-scrollbar {
		display: none;
		width: 0px;
	}

	.swipe-strikes.yes-no-strikes {
		width: 166px;
		margin: 0 auto;
	}

	.swipe-strikes li {
		width: 50px;
		height: 50px;
		margin: 2px;
		border-radius: 2px;
		background-color: #FFF;
		border: 1px solid #d8e9f4;
		color: #0089d2;
		text-align: center;
		line-height: 100%;
		font-weight: bold;
		padding: 6px 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		flex-grow: 0;
		flex-shrink: 0;
		transition: .1s ease;
	}

		.swipe-strikes li.selected {
			background-color: #d8e9f4;
			width: 54px;
			height: 54px;
			padding: 7px 0;
		}

.strike-amount {
	font-size: 16px;
}

	.strike-amount.x-amount {
		color: rgb(238, 68, 6);
		color: rgba(238, 68, 6, 0.5);
	}

li.selected .strike-amount.x-amount {
	color: #ee4406;
}

.strike-term {
	color: #0089d2;
	font-size: 12px;
	text-align: center;
	width: calc(100% - 40px);
	margin: -10px 0 10px 40px;
	height: 17px;
}

.extensive-scorecard {
	display: none;
}

.fairway-img {
	height: 17px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

	.fairway-img.fairway {
		background-image: url('/Content/img/fairway.png');
	}

	.fairway-img.fairway-right {
		background-image: url('/Content/img/fairway-rechts.png');
	}

	.fairway-img.fairway-left {
		background-image: url('/Content/img/fairway-links.png');
	}



/* ADMIN BULK INPUT */
.admin-bulk-input .primary-action-button {
	padding: 15px 30px !important;
	margin-top: 10px;
	width: 100%;
	margin-bottom: 15px;
}

.admin-bulk-input {
	margin-top: 15px;
}

	.admin-bulk-input h1 {
		margin-top: 10px;
		font-size: 28px;
	}

	.admin-bulk-input h3 {
		margin: 0;
		color: #0089d2;
		font-size: 18px;
	}

.participants {
	max-height: calc(100vh - 450px);
	overflow-y: auto;
	margin-bottom: 10px;
}

.participant {
	display: flex;
	width: 100%;
	justify-content: flex-start;
	align-items: center;
	padding: 10px 15px;
	background-color: #f3f3f3;
	border-bottom: 1px solid #979797;
}

	.participant.edit-by-me {
		background-color: #fcde4e;
	}

	.participant.edit-by-other {
		background-color: #d8e9f4;
	}

.participant-img {
	width: 50px;
	height: 50px;
	margin-right: 15px;
}

.participant-name {
	font-weight: bold;
}

.participant-flight,
.participant-edited-by {
	color: #0089d2;
}

.admin-bulk-input .scorecard-calculated-fields {
	margin-top: 20px;
}

.admin-bulk-input .scorecard-calculated-field {
	background-color: #f3f3f3;
	text-align: center;
	padding: 10px 5px;
	color: #333;
}

	.admin-bulk-input .scorecard-calculated-field.stableford {
		background-color: #ffcc00;
	}

.calc-field-name {
	font-size: 14px;
}

.calc-field-number {
	font-weight: bold;
	font-size: 18px;
	line-height: 100%;
}

.holes {
	margin: 20px 0;
	flex-wrap: nowrap;
}

	.holes .hole {
		margin-right: 10px;
	}

		.holes .hole:last-child {
			margin-right: 0;
		}

.hole-total {
	height: 42px;
}

.holes .hole-number {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	width: 100%;
	color: #0089d2;
}

.holes .par-info {
	display: flex;
	justify-content: space-between;
	width: calc(100% - 10px);
	margin: 0 5px;
	font-size: 12px;
}

.holes .hole-input {
	background-color: #FFF;
	border: 1px solid #d8e9f4;
	font-size: 22px;
	padding: 10px 15px;
	text-align: center;
	width: 100%;
}

	.holes .hole-input:focus {
		background-color: #d8e9f4;
	}

@media (min-width: 1200px) {
	.holes .hole-input {
		padding: 20px 15px;
	}
}

.holes .hole-score {
	background-color: #ee4406;
	color: #FFF;
	text-align: center;
	font-size: 12px;
	padding: 5px 15px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.holes .hole-bruto {
	background-color: #bb3a0b;
	color: #FFF;
	text-align: center;
	font-size: 12px;
	padding: 5px 15px;
}

/* SYNCHRONISATIE DASHBOARD */
#synchronisatiedashboard .table tbody td {
	vertical-align: middle;
	border-right: 1px solid #e0e0e0;
}

#synchronisatiedashboard .table tbody td i {
	line-height: 27px;
}

#synchronisatiedashboard .table > thead:first-child > tr:first-child > th {
	white-space: nowrap;
}

#synchronisatiedashboard .date-filter-option {
	display: inline-block;
	width: 100%;
}

@media(min-width: 768px) {
	#synchronisatiedashboard .date-filter-option {
		width: 250px;
	}
}

#synchronisatiedashboard .input-group {
	display: inline;
}

#synchronisatiedashboard .card {
	margin-bottom: 30px;
}

#synchronisatiedashboard input.date, #synchronisatiedashboard span.datetimedatepickerSpan {
	display: inline;
	width: 46%;
}

/* SLIDER */
input[type=range] {
	-webkit-appearance: none;
	margin: 18px 0;
	width: calc(100% - 70px);
	float: left;
	border: 0;
	padding: 0;
}

	input[type=range]:focus {
		outline: none;
	}

	input[type=range]::-webkit-slider-runnable-track {
		width: 100%;
		height: 8.4px;
		cursor: pointer;
		animate: 0.2s;
		background: #003D80;
		border-radius: 10px;
	}

	input[type=range]::-webkit-slider-thumb {
		height: 30px;
		width: 30px;
		border: 3px solid #0089d2;
		background-color: #FFF;
		cursor: pointer;
		-webkit-appearance: none;
		margin-top: -10px;
		border-radius: 50%;
	}

	input[type=range]:focus::-webkit-slider-runnable-track {
		background: #0089d2;
	}

	input[type=range]::-moz-range-track {
		width: 100%;
		height: 8.4px;
		cursor: pointer;
		animate: 0.2s;
		background: #003D80;
		border-radius: 10px;
	}

	input[type=range]::-moz-range-thumb {
		height: 30px;
		width: 30px;
		border: 3px solid #0089d2;
		background-color: #FFF;
		cursor: pointer;
		-webkit-appearance: none;
		margin-top: -10px;
		border-radius: 50%;
	}

	input[type=range]::-ms-track {
		width: 100%;
		border-radius: 50%;
		height: 15px;
		cursor: pointer;
		animate: 0.2s;
		background: transparent;
		border-color: transparent;
		border-width: 16px 0;
		color: transparent;
	}

	input[type=range]::-ms-fill-lower {
		background: #0089d2;
		border-radius: 10px;
	}

	input[type=range]::-ms-fill-upper {
		background: #003D80;
		border-radius: 10px;
	}

	input[type=range]::-ms-thumb {
		height: 25px;
		width: 25px;
		border: 3px solid #0089d2;
		background-color: #FFF;
		cursor: pointer;
		-webkit-appearance: none;
		margin-top: -3px;
		border-radius: 50%;
	}

	input[type=range]:focus::-ms-fill-lower {
		background: #0089d2;
	}

	input[type=range]:focus::-ms-fill-upper {
		background: #003D80;
	}

.range-value {
	background-color: #0089d2;
	padding: 6px;
	float: right;
	border-radius: 14px;
	color: #FFF;
	width: 50px;
	text-align: center;
	position: relative;
	margin-left: 10px;
	margin-top: 19px;
}

	.range-value::before {
		content: '';
		position: absolute;
		top: 7px;
		left: -6px;
		width: 0;
		height: 0;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: 10px solid #0089d2;
	}


.form-control.error {
	border: 1px solid red;
}


@media screen and (max-width: 500px) {
	footer {
		display: none;
	}

	.page-container {
		padding-bottom: 20px;
	}
}

.password-reset-fields .form-group {
	position: relative;
	display: table;
	width: 100%;
}

.form-group.row {
	width: calc(100% + 30px);
}

/* Fix for detailpages with 3 columns, put label and input below each other */
@media (min-width: 768px) {
	.detail-column.col-md-4 label,
	.detail-column.col-md-3 label,
	.detail-column.col-md-2 label,
	.detail-column.col-md-4 .col-sm-8,
	.detail-column.col-md-3 .col-sm-8,
	.detail-column.col-md-2 .col-sm-8 {
		max-width: none;
		flex: auto;
		text-align: left;
	}
}

a.download-invoice-action,
a.download-invoice-action:hover {
	text-decoration: underline;
}



@media (min-width: 992px) {
	.export-type {
		width: 30%;
	}

	.table > thead > tr > th.export-filter-1,
	.table > tbody > tr > td.export-filter-1 {
		width: 350px;
		padding-right: 50px;
	}

	.table > thead > tr > th.export-filter-2,
	.table > tbody > tr > td.export-filter-2 {
		width: 200px;
		padding-right: 50px;
	}

	.export-button {
		width: 110px;
	}
}

.active-status {
	color: #7ed321;
}

.not-active-status,
.open-factuur {
	color: #FF1744;
}

.factuur-type {
	display: inline-block;
	width: 165px;
}

.factuur-amount {
	display: inline-block;
	width: calc(100% - 175px);
}

.btn.btn-link.card-toggle {
	padding: 0;
	font-weight: bold;
}

#lidmaatschap-vanaf-datum {
	max-width:50%;
}

.bootbox .select2-container--open {
	z-index: 99999;
}

.prolongatie-facturatie-row {
	margin-top: 50px;
}

.tooltip-inner {
	font-size: 16px;
	max-width: 500px;
}

.invoice-status-text {
	color: gray;
	font-size: 10px;
	vertical-align: middle;
}

.old-membership-invoice-status-text {
	color: gray;
	font-size: 10px;
}

.invoice-payment-status-alert {
	color: red;
}

.dashboard-center-text {
	text-align: center !important;
}

.dashboard-total-row {
	font-weight: bold;
	border-top: 2px solid #ddd;
}

.dashboard-date-picker {
	display: inline-block;
	width: 140px;
	padding: 5px;
}

.dashboard-date-picker .input-group {
	display: inline-flex
}

.dashboard-invoice-content {
	text-align: center;
}

.tasklist-datatable-wrapper .dataTables_wrapper .dataTables_length {
	float: right;
	margin-top: 30px;
}

.tasklist-datepicker-div {
	display: inline-block;
	width: 100%;
}

.tasklist-datepicker-div .input-group {
	display: inline-flex;
}

.tasklist-datepicker-div label {
	margin-bottom: 0px;
}

.tasklist-clear-date-value-btn {
	width: 36px;
	height: 36px;
}

.tasklist-autorefresh-container {
	margin-top: 7px;
	margin-right: 10px;
}

table.dataTable.tasklist-datatable thead .sorting_asc {
	background: none;
	cursor: default;
}


#anwb-login-button {
	display: block;
	width: 100%;
	background-color: #ffcd00;
	color: #003d86;
	border-radius: 14px;
}

.anwb-login-image {
	height: 18px;
	margin-right: 10px;
}

.submit-delete-UserLogin {
	display: none;
}
.submit-delete-GolfClassParticipant {
    display: none;
}

.adjust-membership-box .modal-dialog {
    width: 700px;
    max-width: 700px;
}

.adjustmembership-clear-promotion-btn {
	width: 35px;
	height: 35px;
}