/* Logo oben links im Header */
.logo__image {
    background-image: url('images/logo.png');
	transform: scale(0.75);
	margin-top: 1.0em;
	margin-bottom: 0.3em;
	margin-left: 0.3em;
	text-align: center;
	}

.main-header {
    background: #ffffff;
}
	
.page__background {
	overflow: hidden;
}

/* Farbe der Überschriftenboxen (Login, Schulungsname,...) */
.panel-default>.panel-heading {
    background-color: rgb(100,167,11);
    color: rgb(242,242,242);
}

/* Buttons */
.btn .flag {
	top:0px;	
}

a.btn.btn-default {
	background-color: rgb(220,220,220);
    color: rgb(84,88,90);
}

.btn-logout {
	background-color: rgb(220,220,220);
    color: rgb(84,88,90);	
}

/* Buttons ungeklickt */
.btn-primary,
.btn-primary[disabled='disabled']:hover {
    background-color: rgb(100,167,11);
	border-color: rgb(100,167,11);
    color: rgb(242,242,242);
}

/* Buttons hover */
.btn-primary:hover,
.btn-primary:active {
    background-color: rgb(100,167,11);
	border-color: rgb(100,167,11);
    color: rgb(242,242,242);
}

/* Buttons nach Klick */
.btn-primary:focus {
    background-color: rgb(100,167,11);
	border-color: rgb(100,167,11);
    color: rgb(242,242,242);
}
/* Buttonfarbe zwischen Klicks */
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover {
    border-color: rgb(120,190,32);
    background: rgb(120,190,32);
}

/* Button Einloggen */
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    background-color: rgb(220,220,220);
    color: rgb(84,88,90);	
}

/* Textrahmen Highlight */
.stage .highlightTextblock {
    background: none;
	border: 1px solid rgb(100,167,11);
}

.custom-check.falsch-beantwortet {
    border-color: rgb(239,108,81);
    background: rgb(239,108,81);
}

.custom-check.richtig-beantwortet {
    border-color: rgb(100,167,11);
    background: rgb(100,167,11);
}

.alert-danger {
    background-color: rgb(239,108,81);
    border-color: rgb(84,88,90);
    color: rgb(242,242,242);
}

.glyphicon-remove:before {
    content: "\e014";
	color: white;
}

.alert-success {
    background-color: rgb(100,167,11);
    border-color: rgb(84,88,90);
    color: rgb(242,242,242);
}

.glyphicon-ok:before {
    content: "\e013";
	color: white;
}
/*LUPE*/
.glyphicon-search:before {
    content: "\e003";
	display: none;
}


/* Farbe der markierten Antwort */
.custom-check__icon:after {
    background: rgb(100,167,11);
}

.custom-check__icon {
    background-color: white;
}