/* Kleuren Vakcentrum KTO / MTO Portal
paars: #512178 || rgb(81,33,120)
licht-paars: rgba(81,33,120,0.25)
teal: #00888a || rgb(0,136,138)
wijn-rood: #970b35 || rgb(151,11,53)
helder-rood: #C4043F || rgb(196,4,63)
gebroken wit: #f5f0ed || rgb(245,240,237)
grijs-zwart: #3d3d3d || rgb(61,61,61)
donker-teal: #0c5460 ||	rgb(12,84,96) */
html, body { height:100%; }
body { color:#333; display:-ms-flexbox; display:flex; flex-direction:column; }
.navbar-dark { background-color:rgb(81,33,120) ! important; }
.navbar-brand { background-color:#fff; padding-left:5px; padding-right:5px; }
.navbar-brand img { height:auto; width:100px; }
main { background-color:rgba(81,33,120,0.25); flex:1 0 auto; }
main > .container { background-color:rgba(255,255,255,0.7); padding:60px 15px 0 15px; }
footer { flex-shrink:0; position:static; }
.footer { background-color:rgb(0,136,138); color:#fff ! important; min-height:60px; padding-top:40px; }
.footer > .container { padding-right:15px; padding-left:15px; }
.footer p { margin-bottom:0; }
.footer a { color:rgb(255,255,255); text-decoration:underline; }
.footer a:hover { text-decoration:none; }
.footer .panteia-logo { width:80px; }
/* page elements */
h1 { margin-bottom:20px; }
h2 { font-size:1.75rem; }
h3 { font-size:1.5rem; }
p { padding-right:5px; padding-left:5px; }
.form-signin { width:100%; max-width:330px; padding:15px; margin:auto; }
.form-signin .checkbox { font-weight:400; }
.form-signin .form-control { position:relative; box-sizing:border-box; height:auto; padding:10px; font-size:16px; }
.form-signin .form-control:focus { z-index:2; }
.form-signin input[type="email"] { margin-bottom:-1px; border-bottom-right-radius:0; border-bottom-left-radius:0; }
.form-signin input[type="password"] { margin-bottom:10px; border-top-left-radius:0; border-top-right-radius:0; }
.form-group.required .control-label:after { content:" *"; color:#f00; }
/* media queries */
@media print {
	header, footer { display:none; }
}