
:root 
	{
  --groen: #009900;
  --lichtgroen: #00990012;
	}

#go_title		 {border-bottom: 2px solid var(--lichtgroen); color: var(--groen); background-color: white; text-align: center; margin-bottom: 10px;width:fit-content;display:flex;justify-content:center;margin:0;}
#go_title > h2, #go_title > h1 {font-weight: bold;margin:0;}

.go_menu		 {}
.go_menu_item	 {padding:10px 0;}
.go_menu_button:not(.collapsed) {background-color:var(--lichtgroen) !important;}
a.go_menu_item_link > div.go_menu_item:hover {background-color: var(--lichtgroen);} /*als een div.go_menu_item a.go_menu_item_link als parent heeft*/
.go_menu_item_layer2	 {}
a:hover{text-decoration:none;} /* overschrijft bootstrap*/
a.go_menu_item_link {text-decoration:none;} /* overschrijft bootstrap*/

.go_menuknop, #go_accmenubtn{color:#009900;font-size:1.5rem;}
header #go_menubtn_xs{font-size: .625rem;display:flex;align-items:center;flex-direction:column;}
/*header .nav-icon{width:fit-content;}*/
header .nav-navicon-line{background-color: #009900;border-radius:2px;width:1.5rem;height:.25rem;}
header .header-container{box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}
.go_hd_menu_btn{padding: .5rem .75rem;background-color:white;border:1px solid transparent;font-size:.875rem;}
.rounded-lg{border-radius: 20px !important;line-height: 1.5;}
.go_hd_menu_btn:hover{}
.go_hd_menu_sm:last-child{margin-right:0;}

.btn-light       {border:1px solid lightgrey;}
.iconcell		 {color: var(--groen);}
.titlecell		 {color: black;}
.titel_dg		 {font-size:smaller; color: var(--groen);}
.go_favswitch_lijst {float:right;color:#a10404;border: 1px lightgrey solid;border-radius: 50px;padding: 5px 9px;background-color:white;}
.go_favswitch_lijst:hover{font-size:larger;padding: 2.6px 7.4px;}
.go_knop		 {background-color: var(--groen) !important; border-color: var(--lichtgroen) !important; font-weight: bold;}
.go_badge		 {background-color: var(--groen) !important;}
.review_knop 	 {}
.boeking_accnaam {color: black;}
.boekingdatum 	 {color: black;}

/*login pagina*/

#loginKnop {background-color: var(--groen); border-color: var(--lichtgroen); font-weight: bold;}
.frmVerplicht {background-color: var(--lichtgroen); border-color: var(--groen);}

/*account aanmaken pagina*/

#maakAccountKnop {background-color: var(--groen); border-color: var(--lichtgroen); font-weight: bold;}
#go_email, #wachtwoord1, #wachtwoord2, #go_naam, #go_gsm, #go_adres, #go_postcode, #go_plaats, #go_land {background-color: var(--lichtgroen); border-color: var(--groen);} /*hier nog class van maken*/



/*opmaak subtitels*/
/*#boekingen, #vorige_boekingen, #plannen, #vorige_plannen, #acco, #evenementen, #restaurant, #activiteiten {border-bottom: 2px solid var(--lichtgroen); border-top: 2px solid var(--lichtgroen); font-weight: bold;} /*hier nog class van maken*/*/


/*indiv_boeking*/

/*TO DO: datums kleiner en kleuren in {color: var(--groen);}...*/
#huisnaam, #datums {background-color: var(--lichtgroen);}
#acconaam > h2, #acconaam > h2, #accoloc, #accoloc {color: var(--groen);}
#huisregelKnop, #contactKnop, #websiteKnop, #plannenKnop {width:100%; background-color: var(--groen); border-color: var(--lichtgroen);}


#acconaam, #accoloc, #accodata		 {text-align:center;}
#datums			 {text-align:center;}
.go_boekingitem,
.go_planitem	 {}
.containertitel	 {}
#contactKnop	{margin-top:10px;}
