/* CSS Document */
   
@media only screen and (max-width: 1200px) {
}

/* Extra large devices: large desktops, 1200px and up */
   
@media only screen and (max-width: 992px) {
}

/* Large Devices: desktops, 992px and up [menu collapsed]*/
   
@media only screen and (max-width: 768px) {
}

/* Medium Devices: tablets, 768px and up */
   
@media only screen and (max-width: 576px) {
}
/* Small devices: landscape phones, 576px and up */
/* Extra small devices: portrait phones, less than 576px, default in Bootstrap */


/*--- tbv test ---* /
div {
   border:1px solid red;
}

/*-- Algemeen --*/
.hgcbreed {
   padding-left:0px;
   padding-right:0px;
}
body {
   font-family: "Myriad Pro", Arial, "sans-serif";
   font-size: 15px;
}
.narrow {
   font-family: 'BenchNine', 'Helvetica Narrow','Arial Narrow',Tahoma,Arial,Helvetica,'sans-serif';
}
.klein {
   font-size: 12px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   line-height: 1.1;
}
h1,.h1 {
   font-size: 22px;
   font-weight: 800;
}
h2,.h2 {
   font-size: 22px;
   font-weight: 500;
}
h3,.h3 {
   font-size: 20px;
   font-weight: 500;
}
h4,.h4 {
   font-size: 20px;
   font-weight: 500;
   font-style: italic;
}
h5,.h5 {
   font-size: 18px;
   font-weight: 200;
}
h6,.h6 {
   font-size: 18px;
   font-weight: 200;
   font-style: italic;
}
.commentaar {
   font-size: 12px;
   color:#888;
   font-style:italic;
   font-weight: normal;
}
.pagetitle {
   color: #337ab7;
   font-size: 22px;
   font-weight: 800;
   padding-right: 15px;
}

body {
   background: url('../images/hgclogo-grijs-75.png') no-repeat;
   line-height: 1.5;
   color: rgba(1,31,60,1.00);
   width: 100%;
}
body,
.wrapper{
	background-color: rgba(217,237,247,0.65);
}
a, a:hover, a:visited {
   text-decoration:none;
}

header {
   min-height:10vw;
   padding-left: 16px;
   background-size: contain;
}
#home-balk {
   padding-right:18px;
   z-index:1000;
}
#home-balk a,
#home-balk button {
   margin-bottom:2px;
}
footer {
   width:100%;
   color: #fff;
   clear: left;
   margin: 0px;
   padding: 20px;
   background-color:rgba(27,85,143,1.00);
}

.rfloat {
   float:right;
}
.lfloat {
   float:left;
}
.rmargin15 {
   margin-right:15px;
}

/*-- Buttons --*/

.btn, .nav-pills > li > a {
   border-radius: 0px;
}
.nav-pills > li.active > a, 
.nav-pills > li.active > a:hover, 
.nav-pills > li.active > a:focus {
   color: #fff;
   background-color: #337ab7 !important;
}
.btn-default {
   color: rgba(27,85,143,1.00);
   border: 1px solid #2e6da4;
   background-color:#D3E9FF !important;
}
.btn-default:hover {
   color: rgba(27,85,143,1.00);
   border: 1px solid #2e6da4;
   background-color:#9ACBFF !important;
}
.btn-hgcklas {
   padding:2px;
   line-height:1;
}
.btn-hgcklas1  {
   padding-top:10px;
   line-height: 1;
}
.btn-hgcklas-finale  {
   background-color:red !important;
   color:white !important;
}
.btn-klassement-onderhoud {
   height:70px;
   width:200px;
   margin:5px;
   font-size:110%;
}
.btn-formregel {
   padding:5px;
   width:35px;
   height:33.5px;
}

/*-- afmetingen --*/

.fw5    { width:5px; }
.fw18   { width:18px; }
.fw20   { width:20px; }
.fw30   { width:30px; }
.fw40   { width:40px; }
.fw50   { width:50px; }
.fw55   { width:55px; }
.fw60   { width:60px; }
.fw70   { width:70px; }
.fw80   { width:80px; }
.fw90   { width:90px; }
.fw100  { width:100px; }
.fw125  { width:125px; }
.fw130  { width:130px; }
.fw150  { width:150px; }
.fw200  { width:200px; }
.fw250  { width:250px; }
.fw300  { width:300px; }
.fw350  { width:350px; }
.fw400  { width:400px; }
.fw500  { width:500px; }

.fh5    { height:5px; }
.fh10   { height:10px; }
.fh20   { height:20px;padding:2px; }
.fh33   { height:33px; }
.fh35   { height:35px; }

/*-- HGCGOLF.NL --*/
#hgcgolfnl {
   width:75px;
   height:75px;
   margin-right:45px;
   float:right;
}

/*-- Scroll Up --*/

#scrollup-home {
   position: fixed;
   bottom: 5px;
   right: 15px;
   height:45px;
   width:45px;
   z-index: 1500;
}
#scrollup-home  input {color:black;width:45px; padding:0px;}

.scrollup-home-knop {
   border:1px solid #fff;
   width:100% !important;
   margin-bottom:0px;
   background-color: rgba(27,85,143,1.00);
   z-index: 1500;
}
.scrollup-home-knop,.scrollup-home-knop:visited {
   color: #fff;
}
.scrollup-home-knop:hover {
   background-color: rgba(50,133,216,0.5);
   color:#fff;
}
#scrollup-home {
   display:none;
   z-index: 1500;
}

/* Cookie Alert */

#cookie-alert {
   position: fixed;
   bottom: 0;
   border-top: 1px solid rgba(0,0,0,0.2);
   padding: 0 20px 0 20px;
   width: 100%;
   /*height: 40px;*/
   box-sizing: border-box;
   z-index: 99999;
   background-color: #eee;
   line-height: 2;
   text-align: center;
}

/* Alert */

.news-alert {
   padding: 5px;
   background-color: rgba(217, 237, 247, 0.65);
   border:1px solid rgba(51,101,179,1.00);
   width:50%;
   float:right;
   margin: 0px 20px 10px 0px;
}
.news-alert * {
   padding:0px;
   margin:0px;
}
@media only screen and (max-width: 768px) {
   .news-alert {
      width:95%;
   }
}
.alert-btn {
   width: 100px;
   height: 25px;
   padding-top: 2px;
   font-size: 9pt;
   font-style: italic;
}

/* HGC baanstatus */

.hgc-baanstatus {
   margin:0 7;
   width:100%;
   min-height:250px;
   background-color:rgba(217, 237, 247, 1);
   border:none;
}

/* Hoofdmenu */

.navbar-toggler {
   background-color:#bbb;
   color: #fff;
   width:45px;
   height:35px;
   border:1px solid #aaa;
   float:right;
   margin-left:3px;
   margin-right:0px;
}
@media only screen and (min-width: 992px) {
   .navbar-toggler {
      display:none;
   }
}
.navbar {
   top:2px !important;
}
.navbar-nav * {
   font-size: 13px;
}
ul.navbar-nav {
   float:right;
   list-style: none;
   margin:0px;
}
.nav-item {
   margin-right:2px;
}
.nav-link,.nav-link:visited {
   color:rgba(27,85,143,1.00);
   border:1px solid #C7E5FF;
   background-color:#D3E9FF;
   display: block;
}
.nav-link:hover {
   color:#fff;
   background-color:#337ab7;
   border:1px solid #fff;
}
#navbarDropdown {
   padding:7px;
}
.dropdown-item,.dropdown-item:visited {
   padding-left:15px;
   color:rgba(27,85,143,1.00);
   border:1px solid #C7E5FF;
   background-color:#EDF6FF;
   display: block;
}
.dropdown-item:hover {
   color:#fff;
   background-color:#337ab7;
   border:1px solid #fff;
}
.dropdown-menu {
   padding:0px;
}

a.dropdown-toggle {
   display:block;
}

.pagination {
   margin-top:0px;
}
.page-link,.page-number {
   height:34px;
   cursor:pointer;
}
.recnav {
   padding-top:8px;
}
/* Footermenu */
footer a.menunaam, 
footer a.menunaam:visited {
   color:#fff;
}
footer a.dropdown-toggle,
footer a.dropdown-toggle:visited {
   color:#bbb;
}
footer a.dropdown-toggle:hover,
footer a.menunaam:hover{
   background-color:#bbb;
   color: rgba(27,85,143,1.00);
}

/* Tables */

.titel-knoppen {
   xpadding:10px 10px 0px 10px;
   margin-bottom:10px;
   xmargin-right:-12px;
}
th {
   font-weight:normal;
   background-color: #D3E9FF;
}
th, td {
   padding-left:2px;
   padding-right:5px;
}
.tr-gisteren {
   background-color:rgba(197,204,210,0.20);
   color:#888;
}
.tr-vandaag {
   background-color:#fff;
}
.tr-maandjaar {
   font-weight:600;
   font-style: italic;
}
.td-check {
   background-color: rgba(203,230,244,1.00);
   width:200px;
}
.grijs {
   background-color: #ddd;
}
.ikzelf {
   background: #ffd503;
}
.ikzelf:hover {
   background: #ddb503;
}
.lynden {
   background-color: #ff0;
}
.leeghwater {
   background-color: #00529c;
   color: #fff;
}
.cruquius {
   background-color: #fff;
   color: #00529c;
}
.dac {background:#F0FFFF}
.daz {background:#FEF4AB}
.drb {background:#F5E4FE}
.ecl {background:#E4F9E5}

/*-- --*/
.h_eagle {background:#FF6666;color:#FFFFFF;}
.h_birdie {background:#FFFF99;}
.h_par {background:#CCFFCC;}
.h_bogey {background:#FFFFFF;}
.h_dbogey {background:#FFFFFF;}

/* Forms */

.verplicht {
   background-color: #FAF7D2 !important;
}
.fout {
   background-color:#FFE5E5;
   border: 1px solid red;
}
.upcase {
   text-transform: uppercase;
}

.kies-jaar {
   font-size:22px;
   font-weight:bold;
   color:#337ab7;
   width:110px;
	height: 34px;
	-webkit-border-radius: 0;
   border-radius: 0;
	border: 0;
	outline: 1px inset #fff;
	outline-offset: -1px;
}
.input-zoeknaam {
   width:150px !important;
}

.sponsorlogoWrap {
   width:100%;
   position:fixed;
   bottom: 0px;
   padding-bottom:10px;
}
.sponsorlogo {
   width:200px;
   margin:auto;
   border:3px solid white;
}
.sponsorlogo img {
   width:100%; border:1px solid #00529c;
}
.hgc-form-control {
   display:table-cell;
    padding: 6px 5px;
}

/*-- PRINTEN --*/
@media only print {
   header, footer, #alert, #spacer, #scrollup-home, 
   .noprint, .nav-pills, .io-panel {
      display: none;
   }
   table.table-ecl td {
      padding:0 3;
      line-height: 0.8;
   }
   .table-sm td th {
   padding:1px 10px;
   }
   input {
      border:none;
   }
   th.streep {
      height:30px;
   }
   .birdie,.eagle,.bogey,.dbogey,.par {
      color: black;
   }
   .pagebreak {
      page-break-before: always;
   }
}

.btn-default {
   background-color: #F3F3F3;
}

@media print {
  a[href]:after {
    content: none !important;
  }
}