/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/


h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    color: #006aaf;
}

/*
    Hilfe Text zur Fragen
*/
.text-info {
    color: #006aaf;
}
 .text-muted.question-number {
     color: #ffffff;
     font-size: 16px;
 }
 
 .text-muted.question-number::after {
     content: ")";
 }
 
 
/*
    Fehlermeldung bei Fragen
*/
.text-danger {
    color: #e19042;
}

.emtip {
    color:#FFFFFF;    
}

.emtip.error {
    color:#e19042;    
}


/*
    Kopfnavigation
*/
#survey-nav >.container-fluid {
    background-color: #0074d9;
}
.navbar a.nav-link {
    color: #FFFFFF !important;
}

.navbar-default {
    background-color: #0074d9;
    border-bottom: solid 2px #96c319;
    background-image: none;
    max-height:120px;
}

.logo-container > img {
    height:auto;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #003b95;
}

.navbar-brand {
    height: 100px;
}


.navbar-nametitle {
    line-height: 65px;
}

/*
    Frageboxen
*/
.bg-primary {
    background-color: #003b95 !important;
}

.ls-label-question {
    font-size: 16px;
}

/*
keine Runden Ecken
*/

.btn-lg {
    padding: 5px 12px;;
    border-radius: 2px;
}

.progess-bar {
    background-color: #0074d9;
}

.cerulean label::after {
    background-color: #0074d9;
}

.checkbox-item label::after {
    color:#FFFFFF;
}

.alert-warning {
    font-weight:bold;
}

/*
Zahlen im Eingabefeld links ausrichten
*/
[data-number="1"] {
    text-align: left;
}

/*
Anpassungen für Footer
*/

body {
     padding-bottom: 0; /* no bottom padding, footer should be bottom aligned */
     padding-top: 60px;/* now is redefine in JS to fit any title length */
     flex-direction: column; /* article, then footer */
     display: flex; /* flex, to extend the content to full size */
     min-height: 100vh; /* full height, to bottom-align footer */
     background-color: rgba(222, 222, 222, 1);
     font-family: "Arial";
}
body > article {
    flex: 1; /* the main article should use as much space as possible */
}

.gvb-footer {
    display:flex;
    flex-direction: row;
    justify-content: center;
    height: 40px;
    background-color: #0074d9;
    border-top: solid 2px #96c319;
}

.footer-element {
    padding-top: 10px;
    color:#FFFFFF;
}

.footer-element:hover, 
.footer-element:visited,
.footer-element:active,
.footer-element:focus,
.footer-element:visited:hover {
    color: #FFFFFF;
}

.limit-text-window {
    background-color: #dff2fb;
}

.privacy.row {
    margin:0px;
}
.privacy-checkbox {
    margin-top:5px;
}

.text-primary {
    color: #555555;
}

#welcome-container .survey-welcome {
    background-color:#FFFFFF;
    padding:15px 15px;
}

#welcome-container .survey-name {
    background-color: #003b95;
    color: #FFFFFF;
    padding: 20px;
}

.survey-description {
    /*margin-bottom:30px;*/
}

.privacy-seperator {
    margin-top:40px;
}

.nav > li {
    background-color: #003b95;
}

/*
Anpassung von Frage Elementen
*/
 
.answer-item.radio-item {
    margin-right: 3px;
}

/*
Anpassung von image select Bild Optionsliste
*/
li.imageselect-listitem .imageselect-container .imageselect-label:after{
    display: none !important;
}

.imageselect-label {
	border-width: 8px !important;
}

.ls-move-submit-btn[value="movesubmit"]::after {
    content: " und beenden";
}

.flatly .btn-check:focus:checked + .btn-primary {
    background: #003b95 !important;
}


.completed-text {
    background-color:#FFFFFF;
    padding:15px 15px;
}