@charset "utf-8";
/* CSS Document */
body {
	color: #59626A;
}

a {
	color:#385D8D;
}

a:hover {
    color:inherit;
	text-decoration: underline;
}

/* overrides Bootstrap4 */ 
.bg-light {
	background-color: #ffffff!important;
}

.navbar-light .navbar-nav .nav-link {
		color:white;
	}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
		background-color:#385D8D;
    	color:white;
	}
	
.nav-item {
	background-color: rgba(149, 180, 151, 1);
	border-right-color: white;
}

.dropdown-item {
    color: white;
    background-color: #e9a3c5;
    border-bottom-color:white;
	}

	a.dropdown-item:hover {
		background-color:#385D8D;
    	color:white;
		}

	.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
		background-color:#385D8D;
    	color:white;
	}

	.btn-default {
	  color: rgba(108, 88, 179, 0.75);
	  border-color: rgba(108, 89, 179, 0.75);
	  background: transparent;
	}

	.btn-default:hover {
	  color: #FFF;
	  background: rgba(108, 88, 179, 0.75);
	  border-color: rgba(108, 89, 179, 0.75);
	}

	.btn-success {
	  color: rgba(103, 192, 103, 0.75);
	  border-color: rgba(103, 192, 103, 0.75);
	  background: transparent;
	}

	.btn-success:hover {
	  color: #FFF;
	  background: rgba(103, 192, 103, 0.75);
	  border-color: rgba(103, 192, 103, 0.75);
	}

	.btn-primary {
	  color: white;
	  border-color: #e9a3c5;
	  background: #e9a3c5;
	}

	.btn-primary:hover {
	  color: #767676;
	  background: transparent;
	  border-color: #e9a3c5;
	}

	.btn-info {
	  color: white;
	  border-color: #95b497;
	  background: #95b497;
	}

	.btn-info:hover {
	  color: #767676;
	  background: transparent;
	  border-color: #95b497;
	}

	.btn-warning {
	  color: rgba(240, 173, 78, 0.75);
	  border-color: rgba(240, 173, 78, 0.75);
	  background: transparent;
	}

	.btn-warning:hover {
	  color: #FFF;
	  background: rgb(240, 173, 78, 0.75);
	  border-color: rgba(240, 173, 78, 0.75);
	}

	.btn-danger {
	  color: rgba(217, 83, 78, 0.75);
	  border-color: rgba(217, 83, 78, 0.75);
	  background: transparent;
	}

	.btn-danger:hover {
	  color: #FFF;
	  background: rgba(217, 83, 78, 0.75);
	  border-color: rgba(217, 83, 78, 0.75);
	}

/* colors */
.hbws-tx-roze {
	color:#e9a3c5;
}
.hbws-bg-roze {
	background-color:#e9a3c5;
}
.hbws-tx-blauw {
	color:#385D8D;
}
.hbws-bg-blauw {
	background-color:#385D8D;
}
.hbws-tx-groen {
	color:#95b497;
}
.hbws-bg-groen {
	background-color:#95b497;
}
.hbws-tx-grijs {
	color:#59626a;
}
.hbws-bg-grijs {
	background-color:#59626a;
}
.hbws-tx-wit {
	color: #ffffff;
}
.hbws-bg-wit {
	background-color:#ffffff;
}
.hbws-zwart {
	color: #767676;
}
.hbws-bg-zwart {
	background-color:#767676;
}



/* kleuren per nummer */

	/* wit op magenta */
	.hbws-kleur-1 { 
		background-color: #e9a3c5;
		color:#ffffff;
	}
	
	.hbws-kleur-1 h1, .hbws-kleur-1 h2, .hbws-kleur-1 h3, .hbws-kleur-1 h4  {
		color:#ffffff;
	}

	.hbws-button-1 { 
		background-color: #ffffff;
		color:#e9a3c5;
		border-color:#ffffff;
	}

	.hbws-button-1:hover { 
		background-color: #e9a3c5;
		border-color:#ffffff;
		color:#ffffff;
	}

	/* wit op groen */
	.hbws-kleur-2 { 
		background-color: #95b497;
		color:#ffffff;
	}

	.hbws-kleur-2 h1, .hbws-kleur-2 h2, .hbws-kleur-2 h3, .hbws-kleur-2 h4  {
		color:#ffffff;
	}
	
	.hbws-button-2 { 
		background-color: #ffffff;
		color:#95b497;
		border-color:#ffffff;
	}

	.hbws-button-2:hover { 
		background-color: #95b497;
		border-color:#ffffff;
		color:#ffffff;
	}

	/* wit op blauw */
	.hbws-kleur-3 { 
		background-color: #385D8D;
		color:#ffffff;
	}

	.hbws-kleur-3 h1, .hbws-kleur-3 h2, .hbws-kleur-3 h3, .hbws-kleur-3 h4  {
		color:#ffffff;
	}
	
	.hbws-button-3 { 
		background-color: #e9a3c5;
		color:#ffffff;
		border-color:#e9a3c5;
	}

	.hbws-button-3:hover { 
		background-color: #385D8D;
		border-color:#e9a3c5;
		color:#e9a3c5;
	}

	.hbws-kleur-3 a { 
		color:#ffffff;
		text-decoration: underline;
	}
	.hbws-kleur-3 a:hover { 
		color:#ffffff;
		text-decoration: none;
	}

	/* magenta op wit */
	.hbws-kleur-4 { 
		background-color: #ffffff;
		color:#59626A;
	}

	.hbws-kleur-4 h1, .hbws-kleur-4 h2, .hbws-kleur-4 h3, .hbws-kleur-4 h4  {
		color:#e9a3c5;
	}
	
	.hbws-button-4 { 
		background-color: #385D8D;
		color:#ffffff;
		border-color:#385D8D;
	}

	.hbws-button-4:hover { 
		background-color: #ffffff;
		border-color:#385D8D;
		color:#385D8D;
	}

	/* groen op wit */
	.hbws-kleur-5 { 
		background-color: #ffffff;
		color:#59626A;
	}

	.hbws-kleur-5 h1, .hbws-kleur-5 h2, .hbws-kleur-5 h3, .hbws-kleur-5 h4  {
		color:#95b497;
	}
	
	.hbws-button-5 { 
		background-color: #95b497;
		color:#ffffff;
		border-color:#95b497;
	}

	.hbws-button-5:hover { 
		background-color: #ffffff;
		border-color:#95b497;
		color:#95b497;
	}

	/* blauw op wit */
	.hbws-kleur-6 { 
		background-color: #ffffff;
		color:#59626A;
	}
	
	.hbws-kleur-6 h1, .hbws-kleur-6 h2, .hbws-kleur-6 h3, .hbws-kleur-6 h4  {
		color:#385D8D;
	}	

	.hbws-button-6 { 
		background-color: #e9a3c5;
		color:#ffffff;
		border-color:#e9a3c5;
	}

	.hbws-button-6:hover { 
		background-color: #ffffff;
		border-color:#e9a3c5;
		color:#e9a3c5;
	}

	/* grijs op wit */
	.hbws-kleur-7 { 
		background-color: #ffffff;
		color:#59626A;
	}
	
	.hbws-kleur-7 h1, .hbws-kleur-7 h2, .hbws-kleur-7 h3, .hbws-kleur-7 h4  {
		color:#59626A;
	}

	.hbws-button-7 { 
		background-color: #95b497;
		color:#ffffff;
		border-color:#95b497;
	}

	.hbws-button-7:hover { 
		background-color: #ffffff;
		border-color:#95b497;
		color:#95b497;
	}


.hbws-cirkel-groen {
	color:white;
}