/*
 * Inschrijfmodule
 * Author: Hippics Design
 */

body {
    color:#000000;
}
a {
    /*color:#000000;*/
}
a:hover, a:active, a:focus {
    outline:0;
}
.img-max-width {
    width:100%;
}
.form-error {
    color:red;
}
.tooltip-inner {
    white-space:pre-wrap;
}

.inschrijven {
    overflow:hidden;
}
.inschrijven h2 {
    margin-top:0;
}

.factuurgegevens {
    border:1px solid #ddd;
    padding:10px;
    margin-bottom:10px;
}

/* Meldingen */
.message-error {
	border:2px solid #be0000;
	background-color:#dea7a7;
	color:#be0000;
	text-align:center;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;
	padding-left:10px;
	padding-right:10px;
}
.message-error h4 {
	font-weight:bold;
}

.message-neutral {
    border:2px solid #faebcc;
    background-color:#fcf8e3;
    color:#8a6d3b;
    text-align:center;
    margin-bottom:10px;
    margin-left:20px;
    margin-right:20px;
    padding-left:10px;
    padding-right:10px;
}
.message-neutral h4 {
    font-weight:bold;
}

.message-success {
    border:2px solid #03be2c;
    background-color: #abdead;
    color: #00be0a;
    text-align:center;
    margin-bottom:10px;
    margin-left:20px;
    margin-right:20px;
    padding-left:10px;
    padding-right:10px;
}
.message-success h4 {
    font-weight:bold;
}

/* Inschrijven formulier */
.inschrijvenForm .rubrieken input,
.inschrijvenForm .rubrieken select,
.inschrijvenForm .rubrieken textarea {
    margin-bottom:10px;
}
.inschrijvenForm .rubrieken .rubriek {
    padding-bottom:5px;
    border-bottom:2px dashed blue;
}
@media (max-width: 768px) {
    .inschrijvenForm .rubrieken .rubriek {
        padding:15px 0 15px 0;
        border:2px dashed blue;
    }
}
.inschrijvenForm .rubrieken select option[disabled="disabled"] {
    color: #933;
    background-color: #ffc;
}

/* voortgang */
.flexer, .progress-indicator { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.no-flexer, .progress-indicator.stacked { display: block; }
.no-flexer-element { -ms-flex: 0; -webkit-flex: 0; -moz-flex: 0; flex: 0; }
.flexer-element, .progress-indicator > li { -ms-flex: 1; -webkit-flex: 1; -moz-flex: 1; flex: 1; }
.progress-indicator { margin: 0; padding: 0; font-size: 80%; text-transform: uppercase; margin-bottom: 2em; }
.progress-indicator > li { list-style: none; text-align: center; width: auto; padding: 0; margin: 0; position: relative; text-overflow: ellipsis; color: #bbb; display: block; }
.progress-indicator > li:hover { color: #6f6f6f; }
.progress-indicator > li .bubble { border-radius: 1000px; width: 20px; height: 20px; background-color: #bbb; display: block; margin: 0 auto 0.5em auto; border-bottom: 1px solid #888888; }
.progress-indicator > li .bubble:before, .progress-indicator > li .bubble:after { display: block; position: absolute; top: 9px; width: 100%; height: 3px; content: ''; background-color: #bbb; }
.progress-indicator > li .bubble:before { left: 0; }
.progress-indicator > li .bubble:after { right: 0; }
.progress-indicator > li.completed { color: #65d074; }
.progress-indicator > li.completed a { color: #65d074; }
.progress-indicator > li.completed .bubble { background-color: #65d074; color: #65d074; border-color: #247830; }
.progress-indicator > li.completed .bubble:before, .progress-indicator > li.completed .bubble:after { background-color: #65d074; border-color: #247830; }
.progress-indicator > li.active { color: #337AB7; }
.progress-indicator > li.active .bubble { background-color: #337AB7; color: #337AB7; border-color: #122a3f; }
.progress-indicator > li.active .bubble:before, .progress-indicator > li.active .bubble:after { background-color: #337AB7; border-color: #122a3f; }
.progress-indicator > li a:hover .bubble { background-color: #5671d0; color: #5671d0; border-color: #1f306e; }
.progress-indicator > li a:hover .bubble:before, .progress-indicator > li a:hover .bubble:after { background-color: #5671d0; border-color: #1f306e; }
.progress-indicator > li.danger .bubble { background-color: #d3140f; color: #d3140f; border-color: #440605; }
.progress-indicator > li.danger .bubble:before, .progress-indicator > li.danger .bubble:after { background-color: #d3140f; border-color: #440605; }
.progress-indicator > li.warning .bubble { background-color: #edb10a; color: #edb10a; border-color: #5a4304; }
.progress-indicator > li.warning .bubble:before, .progress-indicator > li.warning .bubble:after { background-color: #edb10a; border-color: #5a4304; }
.progress-indicator > li.info .bubble { background-color: #5b32d6; color: #5b32d6; border-color: #25135d; }
.progress-indicator > li.info .bubble:before, .progress-indicator > li.info .bubble:after { background-color: #5b32d6; border-color: #25135d; }
.progress-indicator.stacked > li { text-indent: -10px; text-align: center; display: block; }
.progress-indicator.stacked > li .bubble:before, .progress-indicator.stacked > li .bubble:after { left: 50%; margin-left: -1.5px; width: 3px; height: 100%; }
.progress-indicator.stacked .stacked-text { position: relative; z-index: 10; top: 0; margin-left: 60% !important; width: 45% !important; display: inline-block; text-align: left; line-height: 1.2em; }
.progress-indicator.stacked > li a { border: none; }
@media handheld, screen and (max-width: 400px) { .progress-indicator { font-size: 60%; } }

/* print styles */
@media print {
    html {
        -webkit-print-color-adjust:exact;
    }
    a[href]:after {
        content:"";
    }
}