@import url('https://fonts.googleapis.com/css?family=Muli');

body, td, p, h1, h2, h3, h4, h5, h6 {
	font-family: 'Muli', sans-serif;
}
body {
	padding-top: 149px;
	background-color: #3F3E3E; /* footer color */
}
a {
	outline: 0;
	color: black;
	text-decoration: underline;
}
a.orange {
    color: #FE7A22;
}
.niet-zien {
	display: none;
}
div.hr {
	background-color: #FE7A22;
	height: 1px;
	clear: both;
	overflow: hidden;
	margin: 0 0 15px 0;
}
.content .row div.hr {
    margin: 0 15px 15px 15px;
}

.center {
    text-align: center;
}
.nav a, .nav-footer a {
	text-decoration: none;
}
ul.nav-footer-inline {
	padding-left: 0;
	float: left;
	width: 100%;
}
ul.nav-footer-inline li { display: inline; }
ul.nav-footer-inline li a {
	padding: 0.2em 1.5em;
	color: white;
	text-decoration: none;
	float: left;
	line-height: 35px;
}

/* header and menu */
.navbar {
	-webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.navbar-nlgs {
	background-color: white;
	border-bottom: 1px solid #f4e8d4;
	z-index: 999;
	box-shadow: 0 5px 20px -6px rgba(0,0,0,0.7);;
}
/* dev env, orange navbar! */
body.dev .navbar {
	background-color: #ff5140;
}

.navbar-collapse {
	padding: 0 !important;
}
.navbar-brand {
	padding: 19px !important;
}
.navbar-brand .icon {
	display: none;
	height: 50px;
	
}

/* navbar sticky */
.navbar-nlgs.sticky {
	/* opacity: 0.8; */
}
.navbar-nlgs.sticky .navbar-brand {
	padding: 15px !important;
}
.navbar-nlgs.sticky .navbar-brand .icon {
	display: inherit;
}
.navbar-nlgs.sticky .navbar-brand .logo {
	display: none;
}
.navbar-nlgs.sticky .collapse .navbar-menu {
	margin-top: 23px !important;
}
.navbar-nlgs.sticky .collapse .navbar-menu li a {
	padding: 5px 0; 
}

.navbar-nlgs.sticky .navbar-toggle {
	margin-top: 23px;
}


/* navbar toggler */
.navbar-nlgs .navbar-toggle {
	border-color: #FE7A22;
	margin-top: 55px;
	background-color: #fff;
}
.navbar-nlgs .navbar-toggle .icon-bar {
	/* background-color: #CCC; */
	background-color: #FE7A22;
}


.navbar-user .open > a, .navbar-user .open > a:hover, .navbar-user .open > a:focus {
	background-color: #3f3e3e;
}

/* twee user knoppen, alleen in full size, niet in submenu's'" */
.collapse .navbar-user > li > a,
.collapse .navbar .open > li > a {
	display: block;
	color: white;
	text-transform: uppercase;
	margin: 19px 19px 5px 0;
	padding: 10px 16px;
	min-width: 100px;
	text-align: center;
	/* style */
	background-color: #3f3e3e;
	color: white !important;
	font-size: 15px !important;
}
.collapse .navbar-user li a:hover {
	background-color: black !important;
	color: white !important;
}
.collapse .navbar-user li.register a {
	background-color: #FE7A22;
}
.collapse .navbar-user li.register a:hover {
	background-color: black !important;
}


/* gewone menuknoppen (beetje responsive) enkel fullsize */
.collapse .navbar-menu {
	display: block !important;
	float: none !important;
	max-width: 590px;
	padding-left: 13px;
	margin: 80px auto 0 auto !important;
}

.collapse .navbar-menu li a, .collapse .navbar-menu li a:hover  {
	color: #000 !important;
	/*background-color: white;*/
	font-size: 16px !important;
	text-transform: uppercase;
	font-weight: bold;
	padding: 15px 0 7px 0; /* met name voor de border-bottom */
	margin: 1px 20px;
}

.collapse .navbar-menu li a:hover {
	border-bottom: 2px solid #FE7A22;
}

@media (max-width: 900px) {
  .collapse .navbar-menu {
    margin: 40px 10px 0 0 !important;
	float: left !important;
  }
  .header .container h1 {
      font-size: 30px;
  }
}

@media (max-width: 700px) {
    .header .container h1 {
        font-size: 23px;
    }
}

#contact .contact-website {
    display: none;
    visibility: hidden;
}

/* de ingeklapte menu items */
.in .navbar-nav li a {
	color: #000 ;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #EEEEEE;
}

.container-faqtest h4,
.container-faq h4 {
    background-image: url('../img/icons/expander.png');
    background-repeat: no-repeat;
    background-size: 20px;
    padding-left: 30px;
    font-weight: bold;
    cursor: pointer;
}
.container-faqtest h4.expanded,
.container-faq h4.expanded {
    background-image: url('../img/icons/expanded.png');
}
.highlight {
    background-color: #2bf9f7;
    color: black;
}

.nav-footer {
	list-style: none;
}
.nav-footer a {
	color: white;
}
.nav-footer a:hover {
	text-decoration: underline;
}

/* form thingies */
.form-control {
	border-radius: 0;
	border-color: #919190;
}
.form-control-static .radio-inline, .form-control-static .checkbox-inline {
	padding-top: 0;
}

.btn {
    border-radius: 0;
    padding: 8px 16px;
    background-color: #ededed;
    text-decoration: none;
    text-transform: uppercase;
    border: 0;
}

.btn-green {
	border-radius: 0;
	background-color: #8bb918;
	color: white;
	text-transform: uppercase;
	border: 0;
	padding: 8px 16px;
	text-decoration: none;
}

.btn-orange {
	border-radius: 0;
	background-color: #FE7A22;
	color: white;
	text-transform: uppercase;
	border: 0;
	padding: 8px 16px;
	text-decoration: none;
}
.btn-grey {
	border-radius: 0;
	background-color: #3F3E3E;
	color: white;
	text-transform: uppercase;
	border: 0;
	padding: 10px 16px;
	text-decoration: none;
}
.btn-orange:hover, .btn-grey:hover, .btn-green:hover, .btn:hover {
	background-color: black;
	color: white !important;
	border: 0;
	text-decoration: underline;
    
}
#form_message {
	height: 150px;
}

/* headers */
.header h1 {
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	margin: 40px 0 40px 30px;
	font-size: 43px;
	letter-spacing: 2px;
}
.rowwrapper  {
	background-color: white;
}
.rowwrapper.header.about {
	background-image: url( '../img/bg3green.jpg' );
	background-size: 100% auto;
	background-position: 0 72%;
}
.header .container {
	max-width: 900px;
}
.rowwrapper.registerheader {
	background-image: url( '../img/bg2green.jpg' );
	background-size: 100% auto;
	background-position: 0 72%;
}

.content .container {
	max-width: 1020px;
    padding-top: 20px;
}

.customercontent h2, 
.content h2, 
h2.golfer,
h4.golfer {
	color: #FE7A22;
	display: block;
	font-size: 26px;
	text-transform: uppercase;
	border-bottom: 2px solid #FE7A22;
	background-image: url('../img/h1golfer.png');
	background-repeat: no-repeat;
	background-position: 0 9px;
	background-size: auto 20px;
	padding: 5px 0 2px 22px;
	margin-top: 40px;
	margin-bottom: 15px;
	line-height: 1;
}
h4.golfer {
    font-size: 20px;
    background-position: 0 17px;
}
h4 {
	margin-top: 20px;
}

.content p {
	text-align: justify;
}

.content hr {
	margin-top: 10px;
	margin-bottom: 60px;
}
.customercontent hr {
    margin-top: 30px;
    margin-bottom: 12px;
}

.rowwrapper.content {
	padding: 60px auto;
}
.twocolumns .column.first {
	padding-right: 15px;
}
.twocolumns .column.last {
	padding-left: 15px;
}
.twocolumns .column.first.last {
	padding-left: 0 !important;
	padding-right: 0 !important;
}



/* HR's */
hr {
	background-color: #FE7A22;
	color: #FE7A22;
	border: 0;
	height: 1px;
	margin-bottom: 30px;
	clear: both;
}
.rowwrapper.spacer {
	height: 34px;
}
.rowwrapper.spacer.orange {
	height: 33px;
	background: #FF7B55;
	background-image: -webkit-linear-gradient(left, #ff663a 0%, #ffa83c 100%);
	background-image: linear-gradient(90deg, #ff663a 0%, #ffa83c 100%);
}
.rowwrapper.spacer.green {
	background: #4f7f1e url('../img/design/greenspacer.jpg');
	background-size: 100% 100%;
}

.rowwrapper.voet {
	background-color: #3f3e3e;
	color: white;
	text-transform: uppercase;
}
.othermail {
	display: none; /* prevents spam */
}
footer .container {
	max-width: 1020px;
	padding-top: 30px;
	padding-bottom: 30px;
	line-height: 1.8;
	letter-spacing: 1px;
}
footer .socialmedia {
	text-align: left;
}
footer .socialmedia a {
	text-decoration: none;
}
footer .socialmedia a img {
	margin: 34px 5px 10px 16px;
}
footer address {
	float: right;
	text-align: left;
	line-height: 1.8;
}
/* footer op kleine schermen */
@media (max-width: 768px) {
 
	footer .container {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	footer .socialmedia a img {
		margin: 10px 5px 10px 16px;
	}
	footer .col-sm-4 {
		text-align: center !important;
		padding: 15px 5px;
	}
	footer .nav-footer {
		text-align: left;
		width: 222px;
		margin: 0 auto;
		padding: 0;
	}
	footer address {
		float: none;
		margin: 0 auto;
		width: 222px;
	}
}



/* nlgs form controls */
.form-control:focus, .form-control.focus {
	background-color: white;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(219, 143, 27, 0.6);
	border-color: #FE7A22;
}

/* specifics */
form.nlgs-horizontal {
}
.nlgs-horizontal .checkboxes label, .nlgs-horizontal .radios label  {
	font-weight: normal;
	display: block;
	cursor: pointer;
	margin-bottom: 0;
}
.nlgs-horizontal .form-group {
	margin-left: 0;
	margin-right: 0;
}
.nlgs-horizontal .radios-inline {
	padding-bottom: 2px;
}
.profile-form .radios-inline {
	padding-bottom: 6px; /* profile form, so grid cols stack the way they should */
}

.nlgs-horizontal .radios-inline label {
	font-weight: normal;
	display: inline-block;
	padding-left: 20px;
	vertical-align: middle;
	padding: 0 0 0 9px;
	margin: 0 25px 0 0;
}
.nlgs-horizontal .radios-inline label input {
	margin-left: -20px;
	float: left;
}
.nlgs-horizontal .form-group ul li {
    color: red;
}

/* register form */
.register label {
	font-weight: normal;
	font-size: 16px;
}
.nlgs-horizontal .form-group.submit {
	text-align: center;
	padding: 0 auto;
}

/* waar kan ik spelen */
.banenkaart .googlemap {
	min-height: 540px;
	margin-bottom: 10px;
}
.baaninfo {
    white-space: nowrap;
}
@media (max-width: 800px) {
  .banenkaart #googlemap {
	min-height: 250px;
  }
  .banenkaart ul.banenlijst {
	  overflow: visible;
	  height: auto;
  }
}
.banenkaart .btn-container {
	height: 50px;
	overflow: hidden;
}
ul.banenlijst {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 540px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin-bottom: 10px;
}
ul.banenlijst li {
	display: block;
	background-image: url('../img/design/baanpointer-big.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 7px 5px 7px 40px;
	margin: 0;
	border-bottom: 1px solid #dc911b;
	cursor: pointer;
}
ul.banenlijst li:hover {
	text-decoration: underline;
}

ul.banenlijst li b {
	display: block;
}
.banen .btn-orange, .banen .btn-green {
	width: 100%;
}
/* in de kaart, gm(googlemaps) styling */
.gm-style b {
	font-size: 16px;
	color: #FE7A22;
	margin-bottom: 8px;
}
.gm-style .btn {
	margin-top: 8px;
}
div.gmnoprint div div div, .gm-style-iw div {
	overflow: hidden !important;
}
table.golfclubs th {
    font-size: 13px;
}


/* abonnement page */
.orange-bulb {
	padding: 15px;
	text-align: center;
}
.orange-bulb img {
	margin: 0 auto;
}
.btn .glyphicon {
	margin: 0 6px 0 2px;
	vertical-align: baseline;
}

/* calendar */
table.calendar			{ border-left: 1px solid white; font-size:11px;border-collapse: separate; }
tr.calendar-row			{  }
td.calendar-day-head	{ font-size: 14px; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid white; border-top:1px solid white; border-right:1px solid white; }
td.calendar-day, 
td.calendar-day-np		{ padding:5px; border-bottom: 1px solid white; border-right:1px solid white; }
td.calendar-day         { background-color: #eee; }
td.calendar-day-np		{  } 
td.calendar-day			{ position:relative; cursor: pointer; }
td.calendar-day:hover	{ background: #eceff5; }
div.day-number			{ text-align: center; padding: 4px 0; }

.calendar-row .available			{ background: #8bb918; color: white; }
.calendar-row .available:hover		{ background: #8bb918; color: white; }

.calendar-row .optionavailable      { background: #FE7A22 !important; color: white; }
.calendar-row .optionavailable:hover{ background: #FE7A22 !important; color: white; }

.calendar-row .impossible			{ background-color: #939393 !important; color: white; }
.calendar-row .impossible:hover	{ background-color: #939393 !important; color: white; }

.calendar-row .unavailable			{ background: #ed1c24; color: white; }
.calendar-row .unavailable:hover	{ background: #ed1c24; color: white; }

.calendar .calendar-row td.selected	{ background-color: white; box-shadow: 0 0 0 2px #426533 inset; color: #426533; font-weight: bold;  }

/* calendar popover */
.btn .popover {
    text-align: left;
}
.popover-content {
    text-align: left !important;
}

/*
.form-group:hover .errorul {
	opacity: 0.9;
}

.form-group ul {
	display: none;
}
.form-group .popover ul {
	display: block;
}

.form-group .errrorul {
	position: absolute;
	border: 1px solid #b94a48;
	background-color: #f2dede;
	color: #b94a48;
	opacity: 0.30;
	bottom: 20px;
	right: -150px;
	border-radius: 3px 3px 3px 3px;
	z-index: 999;
	width: 221px;
}
*/

.form-group.has-error > label,
.form-group.error > label {
	color: #A94442;
}
.payment-well ul li {
	color: #A94442;
}

.form-group.error ul {
    margin: 2px 0 0 18px;
    padding: 0;
}

.has-error ul li,
.error ul li,
.form-group.error ul li {
    color: #B94A48; /* a dark red */
    font-style: italic;
    font-size: 12px;
}

/* jquery validate */
form span.error, label.error {
	color: #B94A48; /* a dark red */
    font-style: italic;
    font-size: 12px;
}
#checkavailability_form .buttons {
   padding-left: 10px;
}
#checkavailability_form div.postcode {
    max-width: 175px; 
}

/* 
 * REGISTERFORM 
 */

#registerform .typediv {
    font-size: 13px;
}
#registerform #submit_btn {
    margin-bottom: 30px;
}

.typediv {
    background-color: #ececec;
    padding: 0 15px 15px 15px;
    margin-bottom: 20px;
}
h4.golfer {
    font-weight: bold;
    margin-top: 5px;
    padding-top: 15px;
    padding-bottom: 7px;
}
.typediv h4.golfer {
    margin-bottom: 5px;
    padding-bottom: 4px;
}
.typediv .moreinfo {
    margin-bottom: 20px;
}
.typediv .price {
    background-color: white;
    text-align: center;
    padding: 10px;
}
.typediv .rate {
    font-size: 20px;
    color: #FE7A22;
    font-weight: bold;
}
.typediv .rate_time {
    font-size: 14px;
    /* color: #FE7A22; */
    color: #FE7A22;
}
.typediv .rate_montly {
    font-size: 12px;
    /* color: #FE7A22; */
    color: #6c6c6c;
}
.typediv ul.properties {
    list-style-type: none;
    margin: 10px 0 5px;
    padding: 0;
}
.typediv ul.properties li {
    padding: 5px 10px 5px 35px;
    position: relative;
}
.typediv .properties .glyphicon {
    top: 9px;
    left: 5px;
    position: absolute;
}
.typediv .btn.continue {
    margin: 15px 0 0;
}
.originalprice {
    font-size: 80%;
    text-decoration: line-through;
}


/* clearable input */
.clearable,
.clearableemail {
  background:url(http://i.imgur.com/z7ZSYjt.png) no-repeat right -10px center;
  padding:3px 18px 3px 4px; /* USE the same right padding in jQ! */
  transition: background 0.4s; /*Remove this line if issues in Chrome (02.2014)*/
}
/* (jQ addClass:) if input has value: */
.clearable.x,
.clearableemail.x {
  background-position: right 5px center;
}
/* (jQ addClass:) if mouse is over the 'x' input area*/
.clearable.onX,
.clearableemail.onX {
  cursor:pointer;
}


#form_paymentmethod input,
#form_paymentmethod label
{
    float: left;
}
#form_paymentmethod input {
    clear: left;
    margin-right: 10px;
}
#form_paymentmethod {
    height: 30px;
}

/* searchico */
input.searchico {
    background:url(../img/icons/searchicon.png) no-repeat right 5px center;
    padding: 3px 18px 3px 4px; /* USE the same right padding in jQ! */
    transition: background 0.4s; /*Remove this line if issues in Chrome (02.2014)*/    
}

.payment-table .totals td {
    padding-top: 30px;
}
.payment-table .totals .desc {
    white-space: nowrap;
    padding-right: 20px;
}  
.payment-table .paymentmethodheader th {
    border-top: 0;
}
.payment-table div.info {
    font-size: 11px;
    max-width: 80%;
    padding-left: 26px;
}
.payment-table tr.payment-row:hover td,
.payment-table tr.payment-row:hover th {
    background-color: #F5F5F5;
}
.payment-table .payment-row input {
    margin-right: 10px;
}

#directdebitform .table {
    max-width: 600px;
}
#directdebitform .table th {
    width: 200px;
}

/* new registration */
.payment-well .info {
	font-style: italic;
	font-size: 11px;
}

.register-page .radio {
	padding-left: 2px;
}

.iradio_square-orange,
.icheckbox_square-orange {
	margin-right: 12px !important;
}

#registration_gender .iradio_square-orange {
	margin-right: 6px !important;
}

#registration_gender .radio,
#registration_form_gender .radio{
	display: inline-block !important;
	margin: 10px 15px 10px 0 !important;
}