/* 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 */
html, footer {
   background-color: #555;
}
body {
   font-family: "myriad-pro", Arial, sans-serif;
   font-size: 16px;
   font-weight: 400;
   line-height: 1.5;
   color: #333;
   width: 100%;
}
.container-gwc, .wrapper {
   padding: 0px;
}
.titel {
   padding-left: 0px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   font-family: inherit;
   font-weight: 500;
   line-height: 1.1;
   color: #0A992E;
}
h1, h2, h3 {
   margin-top: 0px;
   margin-bottom: 16px;
}
h4, h5, h6 {
   margin-top: 0px;
   margin-bottom: 0px;
}
h1, h2, .h1, .h2 {
   font-weight: 700;
}
h1, .h1, .fs1 {
   font-size: 30px;
}
h2, .h2, .fs2 {
   font-size: 30px;
}
h3, .h3, .fs3 {
   font-size: 26px;
}
h4, .h4, .fs4 {
   font-size: 22px;
}
h5, .h5, .fs5 {
   font-size: 18px;
}
h6, .h6, .fs6 {
   font-size: 16px;
}
p {
   margin: 0 0 16px 0;
}
.klein {
   font-size: 12px;
   color: #aaa;
   font-style: italic;
}
.narrow {
   font-family: 'Arial Narrow', 'Arial', 'Poppins';
}
/* Anchors */
a, a:visited {
   color: #333;
   text-decoration: none !important;
}
a.btn-outline-success, a.btn-outline-success:visited {
   color: #0A992E;
}
a:hover {
   color: #0A992E;
   text-decoration: none !important;
}
.nieuws-tekst a, .nieuws-tekst a:visited {
   text-decoration: underline;
   text-decoration-color: #0A992E;
   color: #0A992E;
}
/* Table */
.table {
   font-size: 14px;
}
.table-gwc {
   margin-top: 40px;
}
.table th {
   background-color: #ccc;
}
th.scheiding {
   width: 1px;
   padding: 1px;
}
td.score {
   width: 30px;
   text-overflow: hidden;
}
.td-check {
   background-color: #F1FFF0;
}
.fout {
   background-color: #FFE5E5;
   border: 1px solid red;
}
th.streep {
   height: 5px;
   padding: 1px;
}
th.sorteren {
   background-color: #ddd;
   cursor: s-resize;
   border: 1px solid #fff;
}
th.sort-aktief {
   background-color: rgba(229, 253, 237, 0.87);
}
th.sorteren:hover {
   background-color: #eee;
}
.th_w0 {
   width: 12px;
}
.inp_w0 {
   width: 12px;
}
.inp_s0 {
   width: 0px;
}
.th_w1 {
   width: 30px;
}
.inp_w1 {
   width: 30px;
}
.inp_s1 {
   width: 25.7px;
}
.th_w2 {
   width: 52px;
}
.inp_w2 {
   width: 50px;
}
.inp_s2 {
   width: 51.4px;
}
.th_w3 {
   width: 78px;
}
.inp_w3 {
   width: 75px;
}
.inp_s3 {
   width: 77.1px;
}
.th_w4 {
   width: 104px;
}
.inp_w4 {
   width: 100px;
}
.inp_s4 {
   width: 102.8px;
}
.th_w5 {
   width: 130px;
}
.inp_w5 {
   width: 125px;
}
.inp_s5 {
   width: 128.5px;
}
.th_w6 {
   width: 156px;
}
.inp_w6 {
   width: 150px;
}
.inp_s6 {
   width: 154.2px;
}
.th_w7 {
   width: 182px;
}
.inp_w7 {
   width: 175px;
}
.inp_s7 {
   width: 179.9px;
}
.th_w8 {
   width: 208px;
}
.inp_w8 {
   width: 200px;
}
.inp_s8 {
   width: 205.6px;
}
.th_w9 {
   width: 234px;
}
.inp_w9 {
   width: 225px;
}
.inp_s9 {
   width: 231.3px;
}
.th_w10 {
   width: 260px;
}
.inp_w10 {
   width: 250px;
}
.inp_s10 {
   width: 257px;
}
.th_w11 {
   width: 286px;
}
.inp_w11 {
   width: 275px;
}
.inp_s11 {
   width: 282.7px;
}
.th_w12 {
   width: 312px;
}
.inp_w12 {
   width: 300px;
}
.inp_s12 {
   width: 308.4px;
}
.th_w13 {
   width: 338px;
}
.inp_w13 {
   width: 325px;
}
.inp_s13 {
   width: 334.1px;
}
.th_w14 {
   width: 364px;
}
.inp_w14 {
   width: 350px;
}
.inp_s14 {
   width: 359.8px;
}
.th_w15 {
   width: 390px;
}
.inp_w15 {
   width: 375px;
}
.inp_s15 {
   width: 385.5px;
}
.th_w16 {
   width: 416px;
}
.inp_w16 {
   width: 400px;
}
.inp_s16 {
   width: 411.2px;
}
.th_w17 {
   width: 442px;
}
.inp_w17 {
   width: 425px;
}
.inp_s17 {
   width: 436.9px;
}
.th_w18 {
   width: 468px;
}
.inp_w18 {
   width: 450px;
}
.inp_s18 {
   width: 462.6px;
}
.th_w19 {
   width: 494px;
}
.inp_w19 {
   width: 475px;
}
.inp_s19 {
   width: 488.3px;
}
.th_w20 {
   width: 520px;
}
.inp_w20 {
   width: 500px;
}
.inp_s20 {
   width: 514px;
}
.th_w21 {
   width: 546px;
}
.inp_w21 {
   width: 525px;
}
.inp_s21 {
   width: 539.7px;
}
.th_w22 {
   width: 572px;
}
.inp_w22 {
   width: 550px;
}
.inp_s22 {
   width: 565.4px;
}
.th_w23 {
   width: 598px;
}
.inp_w23 {
   width: 575px;
}
.inp_s23 {
   width: 591.1px;
}
.th_w24 {
   width: 624px;
}
.inp_w24 {
   width: 600px;
}
.inp_s24 {
   width: 616.8px;
}
.th_w25 {
   width: 650px;
}
.inp_w25 {
   width: 625px;
}
.inp_s25 {
   width: 642.5px;
}
.th_w_blader {
   width: 12px;
}
.th_w_date {
   width: 100px;
}
.th_w_time {
   width: 50px;
}
.inp_w_date {
   width: 90px;
}
.inp_w_time {
   width: 36px;
}
.inp_w_time2 {
   width: 27px;
}
.inp_s_date {
   width: 68px;
}
.inp_s_time {
   width: 36px;
}
.inp_s_time2 {
   width: 27px;
}
.th_w99 {
   width: 22px;
}
.inp_hl {
   width: 40px;
}
/*-- --*/
header {
   background-image: url(../pics/IMG_3111.jpg);
   width: 100%;
   /*background-position: center;*/
   background-repeat: no-repeat;
   background-size: cover;
   clear: left;
}
.gwc-logo {
   background-image: url(../pics/logo_gwc_Groot.png);
   background-repeat: no-repeat;
   background-size: 125px;
   margin: 10px 0px 0px 25px;
   height: 125px;
}
.local-logo {
   color: red;
   text-shadow: 2px 2px 1px #fff;
   font-size: 300%;
   font-weight: bold;
   padding-top: 50px;
}
.erelijst-logo {
   /*position:fixed;*/
   margin-top: -170px;
   height: 170px;
   width: 100px;
   display: block;
   margin-left: auto;
   margin-right: auto;
   xwidth: 40%;
}
.erelijst-logo img {
   width: 100%;
   height: auto;
}
.username {
   position: relative;
   padding: 2px 10px;
   font-size: 14px;
   left: 15px;
   width: 250px;
   color: #fff;
   background-color: rgba(188, 255, 190, 0.50);
}
.spacer {
   height: 20px;
}
/* Alert */
#alert {
   margin-top: 15px;
   margin-right: 17px;
}
#alert .news-alert {
   position: relative;
   padding: 15px;
   font-size: 14px;
   -webkit-box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.5);
   box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.5);
   background-color: rgba(255, 255, 255, 0.9);
   -webkit-transition: all 200ms linear;
   -moz-transition: all 200ms linear;
   -ms-transition: all 200ms linear;
   -o-transition: all 200ms linear;
   transition: all 200ms linear;
}
#alert .news-alert .icon {
   position: absolute;
   right: -17px;
   top: -10px;
   padding-top: 0px;
   width: 30px;
   height: 30px;
   font-size: 18px;
   color: rgba(45, 176, 78, 1);
   background-color: rgba(188, 255, 190, 0.90);
   -webkit-box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.5);
   box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.5);
}
#alert .news-alert:hover {
   background-color: rgba(226, 255, 227, 0.90);
   -moz-transform: scale(1.05);
   -webkit-transform: scale(1.05);
   -o-transform: scale(1.05);
   -ms-transform: scale(1.05);
   transform: scale(1.05);
   -webkit-transition: all 200ms linear;
   -moz-transition: all 200ms linear;
   -ms-transition: all 200ms linear;
   -o-transition: all 200ms linear;
   transition: all 200ms linear;
}
#alert .news-alert:hover .icon {
   background-color: rgba(45, 176, 78, 1);
   color: #fff;
}
#alert .news-alert h3 {
   font-size: 22px;
   margin-bottom: 4px;
}
.alert-btn {
   width: 100px;
   height: 25px;
   padding-top: 2px;
   font-size: 9pt;
   font-style: italic;
   border-radius: 0px;
}
/*-- panel met i/o navigatie-knoppen */
@media only screen and (min-width: 1200px) {}
.io-panel {
   background-color: rgba(255, 255, 255, 1);
   border: 1px solid #006BDD;
   position: fixed;
   padding: 3px 5px;
   box-shadow: 2px 2px 0px 0px #0153AA;
   display: block;
   z-index: 5000;
}
.io-panel a.btn-outline-primary, .io-panel a.btn-outline-primary:visited {
   color: #007bff;
}
a.btn-outline-primary:hover, a.btn-success, a.btn-success:visited, a.btn-primary, a.btn-primary:visited, a.btn-secondary, a.btn-secondary:visited, a.btn-danger, a.btn-danger:visited, a.btn-light, a.btn-light:visited, .io-panel a.btn-outline-primary:hover, .io-panel a.btn-success, .io-panel a.btn-success:visited, .io-panel a.btn-primary, .io-panel a.btn-primary:visited, .io-panel a.btn-danger, .io-panel a.btn-danger:visited {
   color: #fff;
}
/*-- --*/
.io-panelT {
   top: 4px;
}
/*-- --*/
.io-panelB {
   bottom: 50px;
}
/*-- --*/
.io_knop {
   margin: 1px;
}
/*-- --*/
/*-- navbar --*/
.navbar {
   padding-left: 0px;
}
nav .navbar-toggler {
   background-color: rgba(219, 249, 221, 1.00);
   border: 1px solid rgba(45, 176, 78, 1.00);
   color: rgba(45, 176, 78, 1);
   font-size: 13pt;
   border-radius: 0px;
   margin-bottom: 5px;
}
.nav-link {}
ul.navbar-nav {
   margin-bottom: 0px;
}
nav div ul li {
   background-color: rgba(219, 249, 221, 1.00);
   border: 1px solid rgba(45, 176, 78, 1.00);
   margin-right: 5px;
}
.nav-link {
   margin-left: 5px;
   height: 35px;
   min-width: 35px;
   line-height: 2.0;
   padding: 0px;
}
nav div ul li:hover, nav div ul li:focus, nav .dropdown-item:hover {
   background-color: rgba(45, 176, 78, 1.00);
   color: #fff;
}
nav div ul li a, nav div ul li a:visited, a.nieuws-btn, a.nieuws-btn:visited, .dropdown-item {
   color: rgba(45, 176, 78, 1.00);
}
.nav-link:focus {
   color: #fff;
}
nav div ul li a:hover, a.nieuws-btn:hover {
   text-decoration: none;
   color: #fff;
}
nav div ul li.active a {
   background-color: rgba(45, 176, 78, 0.20);
   color: #000;
}
/*-- --*/
.knoppen {
   min-height: 40px;
   line-height: 2.5;
   padding-right: 12px;
}
.knoppen a, .knoppen a:visited {
   margin-left: 5px;
   padding: 8px;
   border: 1px solid #fff;
   color: #fff;
}
.knoppen a:hover, .knoppen a:focus {
   text-decoration: none;
   border: 1px solid #fff;
}
/*-- Scroll Up--*/
#scrollup-home {
   position: fixed;
   top: 5px;
   right: 5px;
   width: 60px;
   z-index: 500;
}
.scrollup-home-knop {
   border: 1px solid #fff;
   color: #fff;
   width: 100% !important;
   margin-bottom: 0px;
}
.scrollup-home-knop:hover {
   border: 1px solid #fff;
   /*background-color: rgba(215,184,0,1.00);*/
}
#scrollup {
   display: none;
}
@media only screen and (max-width: 768px) {
   .knoppen a {
      margin: 5px;
   }
}
/*-- --*/
/*-- Tabs --*/
.nav-pills > li {
   border: 1px solid rgba(45, 176, 78, 1.00);
   width: 110px;
   margin-right: 5px;
}
.nav > li > a.tabblad {
   padding: 0px;
   width: 100%;
   display: block;
   text-align: center;
   overflow: hidden;
}
.nav > li > a.tabblad, .nav > li > a.tabblad:visited {
   color: rgba(45, 176, 78, 1.00);
}
.nav > li > a.tab-aktief {
   background-color: #ffd503;
   color: #00529c;
}
.nav > li > a.tabblad:hover {
   background-color: rgba(45, 176, 78, 1.00);
   color: #fff;
   text-decoration:
      none;
}
/*-- --*/
.A /*actief*/ {
   background-color: #FFFAE6 !important;
}
.P /*proeflid */ {
   background-color: #FBEEA6 !important;
}
.H /*herintreder */ {
   background-color: #F3E06B !important;
}
.O, .V /*oudlid zonder of met vlotbruggen*/ {
   background-color: #FCB84B !important;
}
.G /*gast*/ {
   background-color: #E08400 !important;
}
.Z /*Overigen*/ {
   background-color: #B37400 !important;
   color: white;
}
.jasje {
   background-color: rgba(45, 176, 78, 0.08) !important;
   color: rgba(33, 130, 57, 1.00) !important;
   border: 1px solid rgba(45, 176, 78, 0.15) !important;
}
.ikzelf {
   background-color: #967F00 !important;
   color: #fff;
}
td.ikzelf {
   border: 2px solid #553802 !important;
}
.overleden {
   border: 1px solid black !important;
   background-color: #bbb !important;
}
.erelijst-lid {
   margin: 0px 15px 15px 0px;
   border: 1px solid #ccc;
   width: 135px;
}
.funktielijst-lid {
   width: 250px;
}
.erelijst-jaar {
   height: 15px;
}
.erelijst-naam {
   height: 40px;
}
.erelijst-foto {
   width: 130px;
}
.small {
   font-size: 7pt;
   text-align: center;
   font-style: italic;
   width: 50px;
   border: 1px solid #999999;
}
/*-- B A A N L U S S E N ----*/
.Wit, .Geel, .Blauw, .Rood, .Oranje, .leeghwater, .lijnden, .lynden, .cruquius, .bolstra {
   border: 1px solid #333333;
   padding: 2px;
}
.Wit {
   background: #FFF;
   color: #333;
}
.Geel {
   background: #FF0;
   color: #333;
}
.Blauw {
   background: #3B6EAC;
   color: #FFF;
}
.Rood {
   background: #FF0930;
   color: #fff;
}
.Oranje {
   background: #f48c00;
   color: #fff;
}
.bolstra {
   background-color: #DDDDDD !important;
}
.leeghwater {
   background-color: #0066FF !important;
}
.leeghwater, .leeghwater a, .leeghwater a:visited, .leeghwater a:hover {
   color: #FFFFFF !important;
}
.lijnden, .lynden {
   background-color: yellow !important;
}
.cruquius {
   background-color: white !important;
}
.birdie {
   background-color: #F9A589 !important;
   color: black;
}
.eagle {
   background-color: #FE0004 !important;
   color: white !important;
}
.bogey {
   background-color: #A8D0CF !important;
   color: black;
}
.dbogey {
   background-color: #50797F !important;
   color: white !important;
}
.par {
   background-color: #FFFF33 !important;
   color: black;
}
.score {
   padding-left: 25px;
   padding-right: 25px;
}
.holenr {
   text-align: center;
   font-size: 70%;
   font-style: italic;
   color: #aaa;
   width: 30px;
   /*align-middle klein score*/
}
/*-- --*/
.btn {
   border-radius: 0px;
}
.btn-klein {
   height: 25px;
   width: 30px;
   padding: 0px;
}
.btn-info:visited {
   color: #fff;
}
/*-- content --*/
.content {
   padding: 5px;
}
.lfloat {
   float: left;
   margin-left: 15px;
}
.rfloat {
   float: right;
   margin-right: 5px;
}
.rfloat:first-child {
   margin-right: 25px;
}
/*-- nieuws --*/
.nieuws-artikel {
   border: 1px solid #ddd;
   margin-top: 20px;
   padding: 3px;
}
.nieuws-column {
   background-color: rgba(219, 249, 221, 0.30);
   background-color: #EEEEEE;
}
.nieuws-titel {
   background-color: rgba(219, 249, 221, 0.70);
   border: 1px solid rgba(45, 176, 78, 1.00);
   font-size: 18px;
   padding: 3px;
   margin-bottom: 5px;
}
.nieuws-tekst {
   padding: 3px;
}
.nieuws-datum {
   font-size: 7pt;
   font-style: italic;
   margin: 5px;
   text-align: right;
}
.nieuws-auteur {
   font-size: 9pt;
   font-style: italic;
   width: 97%;
   text-align: right;
   margin-top: 10px;
}
.column-kaart {
   margin-left: 45%;
   transform: rotate(7deg);
}
.de-column {
   border: 1px solid rgba(45, 176, 78, 1.00);
   color: rgba(45, 176, 78, 1.00);
   background-color: #fff;
   float: right;
   padding: 0px 5px;
   margin: -17px 5px -8px 0;
   transform: rotate(15deg);
}
div.column-naam-buiten {
   border-top: 1px dotted white;
}
.column-naam {
   min-height: 50px;
   padding-top: 10px;
   width: auto;
   min-width: 100px;
   background-color: rgba(45, 176, 78, 1.00);
   color: white;
   text-shadow: 2px 2px rgba(19, 76, 33, 1.00);
   border: 5px solid white;
   font-size: 120%;
   font-weight: bold;
   line-height: 0.8;
   float: right;
}
.nieuws-btn, .herstel-btn {
   width: 35px;
}
.nieuws-btn, .lage-btn, .herstel-btn {
   height: 25px;
   padding: 2px;
   font-size: 9pt;
   border-radius: 0px;
}
.startlijst-btn {
   width: 12px;
   height: 12px;
   padding: 0px;
   margin-right: 10px;
}
.recnav { /* plaats '1-n van nn' */
   padding: 7px;
}
/*-- --*/
.home-img-frame {
   border: 1px solid #ddd;
   margin-top: 20px;
}
.home-img {
   width: 100%;
}
.nieuws-tekst p img {
   margin: 10px;
}
/*-- --*/
.opmmenuregel {
   display: none;
}
@media only screen and (max-width: 992px) {
   .opmmenuregel {
      display: contents;
   }
}
/*-- --*/
footer {
   padding: 1em;
   color: #ddd;
   clear: left;
   margin-top: 20px;
}
.vertical-menu {
   margin-bottom: 25px;
}
.vertical-menu-naam {
   font-style: italic;
   text-transform: uppercase;
}
.vertical-menu-label {
   font-style: italic;
   font-variant: small-caps;
   padding-left: 5px;
}
.vertical-menu a, .vertical-menu a:visited {
   color: #ddd;
   display: block;
   padding-left: 10px;
}
.vertical-menu a:hover, .vertical-menu a:active {
   color: #fff;
   background-color: #888;
   text-decoration: none;
}
/*-- Form --*/
input[text], select {
   height: 30px;
}
select {
   background-color: #fff;
}
.picklist-h3 {
   height: 40px;
}
.verplicht {
   background-color: #FAF7D2;
}
.spelerselectie {
   border: 1px solid #ccc;
   padding: 5px;
   margin-right: 15px;
}
/*-- TBV TESTEN --* /
     
div {
   border: 1px dashed red;
}
form {
   border: 2px solid blue;
   background-color:rgba(255,246,207,1.00);
}

/*-- 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;
   }
   .streep {
      height: 15px;
   }
   .birdie, .eagle, .bogey, .dbogey, .par {
      color: black;
   }
   .pagebreak {
      page-break-before: always;
   }
}
@media only screen and (max-width: 768px) {
   #alert {
      margin-top: 200px;
   }
   #alert .news-alert .icon {
      right: 10px;
      top: -30px;
   }
   label {
      width: 100%;
   }
}
/*-- AANPASSING BOOTSTRAP --*/
.modal-dialog {
   max-width: 90%
}
.img-thumbnail {
   border-radius: 0;
   padding: 0;
}
select {
   xpadding: 10px 16px; /* Firefox */
   xheight: 30px; /* Chrome & Safari */
   -webkit-border-radius: 0;
   border-radius: 0;
   border: 1px solid #ccc;
   outline: 1px inset #fff;
   outline-offset: -1px;
}
@media only screen and (min-width:1200px) {
   .container {
      max-width: 95%;
   }
}
@media (min-width: 992px) {
   .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: .5rem;
      padding-left: .5rem;
      padding-top: .1rem;
   }
}