.navbar {margin-bottom: 0}

.bosbot {
    background-color: #5bb75b;
    border-color: #5bb75b;
    color: #fff;
}
.bosbot .navbar-brand{
    color: #fff;
}
.menu {
    color: #fff;
    }
    .menu:hover {
        color: #fff;
        text-decoration: none;
        border-bottom: 2px solid #fff;
}
#inlogformulier .error {
    font-size: 1.1em;
    color: #000;
}
#inlogformulier .error a {
    color: #000;
    border-bottom: 1px solid #000;
    }
    #inlogformulier .error a:hover {
        text-decoration: none;
        border-bottom: 2px solid #000;
}
#bosbot-content {
	line-height: 1.7;
}
#bosbot-content p{
	margin-bottom: 1.3em;
}

h1#bosbot {
    font-family: 'roboto_slabregular', serif;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 0;
}
p#bosbot-head{
	font-size: 2em;
}
#bosbot-content h2 {
    font-family: 'roboto_slabregular', serif;
    color: #5bb75b;
}

#bosbot-content p {
    /*font-family: 'roboto_slabregular', serif;*/
    color: #5bb75b;
    font-size: larger;
}
#bosbot-content a {
    color: #5bb75b;
    border-bottom: 2px solid #5bb75b;
}


.sub-header {
	padding-top: 10px;
	font-family: RobotoRegular, sans-serif;
	background-color: #5cb85c;/*#4cae4c*/
	}
	.sub-header h1 {
		font-family: RobotoRegular, sans-serif;
        font-size: 2em;
		font-weight: normal;
        margin-top: 0;
		padding-bottom: 0;
        margin-bottom: .3em;
        color: #fff;
		}
		.sub-header h1 span {
		font-family: RobotoThin, sans-serif;
		}
		.sub-header h1 span strong{
		font-family: RobotoRegular, sans-serif;
		}
		.sub-header h1 small{

			font-family: RobotoThin, sans-serif;
		}
		.sub-header h1 a {
            color: #fff;
	    }
        .sub-header h1 li a {
            color: #777;
	    }
    .sub-header p {
        font-family: RobotoThin, sans-serif;
        font-size: 1.3em;
        color: #fff;
        margin-bottom: .3em;
        }
        .sub-header p a {
            color: #fff;
	}

#homepage h1 {
    font-size: 3em;
    margin: .7em 0;
    }
    #homepage h1 small{
        color:#fff;
}

.sub-header span.glyphicon {font-family: Glyphicons Halflings;}

header.sub-header ul.nav-pills li a {
	font-family: RobotoRegular, sans-serif;
	}
	header.sub-header ul.nav-pills li.active a{	
		background-color: white;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		}
		header.sub-header ul.nav-pills  li.active a:hover{	
			color: #5cb85c;
			text-decoration: underline;
		}
	header.sub-header ul.nav-pills li a:hover{
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
}

.subnav-lvl1 {

    font-family: RobotoRegular, sans-serif;
    background-color: #5cb85c; /* #ccffcc #9aec93, #5cb85c*/
    color:#5cb85c;
    }
    .subnav-lvl1 ul.nav-pills li a {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        padding: .5em .7em;
        color: #acfcb5;
    }
    .subnav-lvl1 ul.nav-pills li a:hover {
        background-color: transparent;
        color: #fff;
    }
    .subnav-lvl1 ul.nav-pills li.active a{
		background-color: #acfcb5; /*#9aec93;*/
        /*color: #fff;*/
        /*font-weight: bolder;*/
	}

.subnav-lvl2 {
    margin-bottom: 1em;
    font-family: RobotoRegular, sans-serif;
    background-color: #acfcb5; /*#91de8a, #5cb85c*/
    color:#5cb85c;
    }
.subnav-lvl2 p {
    margin: .5em .7em;
}
.subnav-lvl2 a{
    color:#5cb85c;
    }

.h-add {
	color: #ccc;
	size: .5em;
}

ul {
	list-style-type: square;
}

ul.categorie{
	font-size: .8em;
	list-style-type: none;
	margin: 0;
	}
	ul.categorie li{
		margin: .3em 0;
		padding: .2em .3em;
		background-color: #0088cc;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
		}
		ul.categorie li a{
			color: #fff;		
}

a.navbar-brand, p.navbar-brand {
	font-family: RobotoThin, sans-serif;
}
a.navbar-brand strong{
	font-family: RobotoRegular, sans-serif;
	font-weight: normal;
}

.nav{
	font-family: RobotoRegular, sans-serif;
}


ul.nav-pills li a {
	color: #fff;
	font-family: RobotoRegular, sans-serif;
}
ul.nav-pills li a:hover {
	background: #fff;
	color: #5bb75b;
}
ul.nav-pills li.active a{
	background: #fff;
	color: #5bb75b;
}

h3{
	font-family: RobotoMedium, sans-serif;
	font-weight: normal;
}

p{
	font-family: RobotoRegular, sans-serif;
	letter-spacing: 0.01em;
}

.well h3 {
	margin-top: 0;
}
.well p, .well form {
	margin-bottom: 0;
}

th {
    background-color: #fff;
}

td.center, th.center{
	text-align: center;
}
td.getal, th.getal{
	text-align: right;
}
td.datum, th.datum{
	text-align: right;
}

.sub-nav{
	background-color: #fff;
}

ul.spoor{
	margin: 10px 0;
	padding: 0 0 0 0.7em;
	}
	ul.spoor li {
		padding: 0;
		list-style-type: none;
		display: inline;
		color: #5bb75b;
		}
		ul.spoor li a{
			color: #5bb75b;
            border-bottom: 1px solid #91de8a;
		}
        ul.spoor li a:hover{
			color: #5bb75b;
            text-decoration: none;
            border-bottom: 1px solid #5bb75b;
		}
		ul.spoor li span.divider{
			color: #5bb75b;
			padding: 0 .3em;
}
p.opstand-opties{
	margin: 7px 10px;
	text-align: right;
	color: #999999;	
	}
	p.opstand-opties span.divider{
		color: #ccc;
		padding: 0 .3em;
}
.opstand-opties a {
	color: #5bb75b;
	display: inline-block;
	}
	.opstand-opties a.active {
		color: #d9534f;
	}


.share_header {
	padding-top: 50px;
}


.boombadge
	{
	  display: inline-block;
	  padding: 2px 4px;
	  font-size: 11.844px;
	  font-weight: bold;
	  line-height: 14px;
	  color: #ffffff;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  white-space: nowrap;
	  vertical-align: baseline;
	  background-color: #999999;
	  padding-right: 9px;
	  padding-left: 9px;
	  -webkit-border-radius: 9px;
	     -moz-border-radius: 9px;
	          border-radius: 9px;
	}
	.gd {
		background-color: #ccc;
	}
	.cd {
		background-color: #aaa;
	}
	.od {
		background-color: #888;
	}
	.wd {
		background-color: #555;
	}
	.zd {
		background-color: #333;
	}
	.fs {
		background-color: #8be3fa;
	}
	.ss {
		background-color: #06add9;
	}
	.os {
		background-color: #0684a5;
	}
	.jl {
		background-color: #92e57c;
	}
	.el {
		background-color: #35af13;
	}
	.dg {
		background-color: #d2adfe;
	}
	.ag {
		background-color: #801df5;
	}
	.ts {
		background-color: #a459fe;
	}
	.ei {
		background-color: #e3e300;
	}
	.ae {
		background-color: #b6b600;
	}
	.bu {
		background-color: #dd9900;
	}
	.be {
		background-color: #f088e0;
	}
	.esd {
		background-color: #9d6d00;
	}
	.po {
		background-color: #f8cd71;
	}
	.lo {
		background-color: #f9a0ee;
	}
	.ov {
		background-color: #69D2E7;
	}

.table-meetlijsten {
	color: #aaa;
}

table.table-meetlijsten tr th{
	color: #222;
}

table.table-meetlijsten tr td{
	border-top: 0;
    font-size: .9em;
    vertical-align: middle;
}

table.table-meetlijsten tr th{
	border-color: black;
}

table.table-meetlijsten tr td a{
	color: #5cb85c;
	}

table.table-meetlijsten tr td a:hover{
	color: #4cae4c;
	}

table.table-meetlijsten tr td a.filter{
	color: #428bca;
    font-weight: bolder;
	}

table.table-meetlijsten tr td a.filter:hover{
	color: #31b0d5;
    font-weight: bolder;
	}

table.table-meetlijsten tr td h4{
	margin-bottom: 0.3em;
}
.grey{
    color:#ddd;
    }
    .grey:hover {
        color:#cc1111;
}

th.sort-header::-moz-selection { background:transparent; }
th.sort-header::selection      { background:transparent; }
th.sort-header { cursor:pointer; }
table th.sort-header:after {
  content:'';
  float:right;
  margin-top:7px;
  border-width:0 4px 4px;
  border-style:solid;
  border-color:#404040 transparent;
  visibility:hidden;
  }
table th.sort-header:hover:after {
  visibility:visible;
  }
table th.sort-up:after,
table th.sort-down:after,
table th.sort-down:hover:after {
  visibility:visible;
  opacity:0.4;
  }
table th.sort-up:after {
  border-bottom:none;
  border-width:4px 4px 0;
  }

.filter a {
	background-color: #428bca;
	}
	ul.filter li a:hover {
		color: #428bca;
	}
	.filter a span.badge {
		background-color: #fff;
		color: #428bca;
		}
		ul.filter li a:hover span.badge {
			color: #fff;
			background-color: #428bca;
}

.no-bullets {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.opmerking-popover {
    cursor: pointer;
}

.pointer{
    cursor: pointer;
}


#footer {
    margin-top: 3em;
    padding-top: .5em;
    border-top: 1px solid #cccccc;
    color: #cccccc;
}

/* Voor scroll-menu bij heel veel opstanden */
.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.btn-success-light{
    background-color: #acfcb5; /*#91de8a, #5cb85c*/
    color:#5cb85c;
    /*border-color: #5cb85c;*/
    padding: .3em;
    margin-top: .3em;
}
.btn-success-light:hover{
    background-color: #5cb85c;
    color: #fff;
}
.btn-success-light:active{
    background-color: #5cb85c;
    color: #fff;
}

input[type="text"] {
    width: 100%;
    box-sizing: border-box;
}