/* general */

body {
	color: #666666;
}

p, table {
	line-height: 25px;
	font-size: 16px;
}

*:not(.panel-heading) > h1, 
*:not(.panel-heading) > h2, 
*:not(.panel-heading) > h3, 
*:not(.panel-heading) > h4 {
	color: #333;
}

.btn-primary {
	background-color: #2c93d5;
	border-color: #2c93d5;
}
.btn-primary:hover {
	background-color: #333;
	border-color: #333;
}

.table>tbody>tr.info>th {
	background-color: #2c93d5;
	color: #fff;
}

.bg-muted { background-color: #ecf0f5; }

.filters {
	margin-bottom: 30px;
}

/* panels */

.panel, .panel-heading {
	border-radius: 0px;
}
section#content:not(.login) .panel-heading h2 {
	margin: 0px;
}
.panel-primary {
	border-color: #2c93d5;
}
.panel-primary .panel-heading {
	background-color: #2c93d5;
	border-color: #2c93d5;
}

.sidebar .panel-heading h2 {
	font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.panel-heading .panel-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .panel-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

/* header + menu */

.top-header {
	background-color: #333b47;
}
.top-header a, .top-header .navbar-text { color: #adadad; }
.top-header a:hover { color: #2c93d5; }
.navbar-top .navbar-nav>li>* { border-color: #adadad; }

/* navbar-wcp - menu items */

.navbar-wcp .navbar-nav>li {
	margin-left: 35px;
}
.navbar-wcp .navbar-nav>li>a {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	position: relative;
	padding: 0px;
	padding-top: 35px;
	padding-bottom: 35px;
	color: #888888;
	background-color: transparent;
}
.navbar-wcp .navbar-nav>li.active>a,
.navbar-wcp .nav.navbar-nav>li>a:focus, 
.navbar-wcp .navbar-nav>li:hover>a,
.navbar-wcp .navbar-nav>li:hover>a:hover {
	color: #2c93d5;
	background-color: transparent;
	outline-color: transparent;
}
.navbar-wcp .navbar-nav>li>a:after {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 3px;
	content: "";
	background: #2c93d5;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;	
    opacity: 0;
}
.navbar-wcp .navbar-nav>li.active>a:after,
.navbar-wcp .navbar-nav>li:hover>a:after {
	color: #2c93d5;	
	opacity: 1;
}

/* uitzondering op bootstrap voor de login pagina */

.panel.panel-wcp,
.panel.panel-wcp .panel-heading,
.panel.panel-wcp .panel-body,
.panel.panel-wcp .panel-footer,
section#content.login .panel,
section#content.login .panel-heading,
section#content.login .panel-body,
section#content.login .panel-footer {
	border: 0px none;
	border-radius: 0px;
	background: #ecf0f5;
	color: #333333;
}
.panel.panel-wcp h1,
.panel.panel-wcp h2,
section#content.login .panel h1,
section#content.login .panel h2 {
	font-size: 22px;
}


/* cursus aanbod */

section#content.oi_cursus_aanbod #resultaten > .row {
	background-color: transparent;
	border: 1px solid #e5e5e5;
	margin-bottom: 30px;
}
section#content.oi_cursus_aanbod #resultaten h2 {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
}

/* footer */

.footer {
	font-size: 14px;
	color: #555;
}
.footer h3 {
	color: #555;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: bold;
}

/* padding classes */
.space-10 { padding: 10px !important; }
.space-20 { padding: 20px !important; }
.space-30 { padding: 30px !important; }
.space-40 { padding: 40px !important; }
.space-50 { padding: 50px !important; }
.space-60 { padding: 60px !important; }
.space-70 { padding: 70px !important; }
.space-80 { padding: 80px !important; }
.space-90 { padding: 90px !important; }
.space-100 { padding: 100px !important; }

.top-space-10 { padding-top: 10px !important; }
.top-space-20 { padding-top: 20px !important; }
.top-space-30 { padding-top: 30px !important; }
.top-space-40 { padding-top: 40px !important; }
.top-space-50 { padding-top: 50px !important; }
.top-space-60 { padding-top: 60px !important; }
.top-space-70 { padding-top: 70px !important; }
.top-space-80 { padding-top: 80px !important; }
.top-space-90 { padding-top: 90px !important; }
.top-space-100 { padding-top: 100px !important; }

.right-space-10 { padding-right: 10px !important; }
.right-space-20 { padding-right: 20px !important; }
.right-space-30 { padding-right: 30px !important; }
.right-space-40 { padding-right: 40px !important; }
.right-space-50 { padding-right: 50px !important; }
.right-space-60 { padding-right: 60px !important; }
.right-space-70 { padding-right: 70px !important; }
.right-space-80 { padding-right: 80px !important; }
.right-space-90 { padding-right: 90px !important; }
.right-space-100 { padding-right: 100px !important; }

.bottom-space-10 { padding-bottom: 10px !important; }
.bottom-space-20 { padding-bottom: 20px !important; }
.bottom-space-30 { padding-bottom: 30px !important; }
.bottom-space-40 { padding-bottom: 40px !important; }
.bottom-space-50 { padding-bottom: 50px !important; }
.bottom-space-60 { padding-bottom: 60px !important; }
.bottom-space-70 { padding-bottom: 70px !important; }
.bottom-space-80 { padding-bottom: 80px !important; }
.bottom-space-90 { padding-bottom: 90px !important; }
.bottom-space-100 { padding-bottom: 100px !important; }

.left-space-10 { padding-left: 10px !important; }
.left-space-20 { padding-left: 20px !important; }
.left-space-30 { padding-left: 30px !important; }
.left-space-40 { padding-left: 40px !important; }
.left-space-50 { padding-left: 50px !important; }
.left-space-60 { padding-left: 60px !important; }
.left-space-70 { padding-left: 70px !important; }
.left-space-80 { padding-left: 80px !important; }
.left-space-90 { padding-left: 90px !important; }
.left-space-100 { padding-left: 100px !important; }

/* margin classes */
.margin-10 { margin: 10px !important; }
.margin-20 { margin: 20px !important; }
.margin-30 { margin: 30px !important; }
.margin-40 { margin: 40px !important; }
.margin-50 { margin: 50px !important; }
.margin-60 { margin: 60px !important; }
.margin-70 { margin: 70px !important; }
.margin-80 { margin: 80px !important; }
.margin-90 { margin: 90px !important; }
.margin-100 { margin: 100px !important; }

.top-margin-10 { margin-top: 10px !important; }
.top-margin-20 { margin-top: 20px !important; }
.top-margin-30 { margin-top: 30px !important; }
.top-margin-40 { margin-top: 40px !important; }
.top-margin-50 { margin-top: 50px !important; }
.top-margin-60 { margin-top: 60px !important; }
.top-margin-70 { margin-top: 70px !important; }
.top-margin-80 { margin-top: 80px !important; }
.top-margin-90 { margin-top: 90px !important; }
.top-margin-100 { margin-top: 100px !important; }

.right-margin-10 { margin-right: 10px !important; }
.right-margin-20 { margin-right: 20px !important; }
.right-margin-30 { margin-right: 30px !important; }
.right-margin-40 { margin-right: 40px !important; }
.right-margin-50 { margin-right: 50px !important; }
.right-margin-60 { margin-right: 60px !important; }
.right-margin-70 { margin-right: 70px !important; }
.right-margin-80 { margin-right: 80px !important; }
.right-margin-90 { margin-right: 90px !important; }
.right-margin-100 { margin-right: 100px !important; }

.bottom-margin-10 { margin-bottom: 10px !important; }
.bottom-margin-20 { margin-bottom: 20px !important; }
.bottom-margin-30 { margin-bottom: 30px !important; }
.bottom-margin-40 { margin-bottom: 40px !important; }
.bottom-margin-50 { margin-bottom: 50px !important; }
.bottom-margin-60 { margin-bottom: 60px !important; }
.bottom-margin-70 { margin-bottom: 70px !important; }
.bottom-margin-80 { margin-bottom: 80px !important; }
.bottom-margin-90 { margin-bottom: 90px !important; }
.bottom-margin-100 { margin-bottom: 100px !important; }

.left-margin-10 { margin-left: 10px !important; }
.left-margin-20 { margin-left: 20px !important; }
.left-margin-30 { margin-left: 30px !important; }
.left-margin-40 { margin-left: 40px !important; }
.left-margin-50 { margin-left: 50px !important; }
.left-margin-60 { margin-left: 60px !important; }
.left-margin-70 { margin-left: 70px !important; }
.left-margin-80 { margin-left: 80px !important; }
.left-margin-90 { margin-left: 90px !important; }
.left-margin-100 { margin-left: 100px !important; }