/******************
    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: #EB6E00;
}

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

.ls-em-tip {
    color:#555555;    
}

.ls-em-error {
    color:#fffff;    
}


/*
    Kopfnavigation
*/
.navbar-default {
    background-color: #ededed;
    border-bottom: solid 2px #e0e0e0;
    background-image: none;
    max-height:120px;
}


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

.navbar-default .navbar-brand {
    color: #555555;
}


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

.navbar .navbar-nav>li>a, .navbar-brand {
    text-shadow: 0 1px 0 rgb(0 0 0 / 10%);
}

.navbar-default .navbar-nav>li>a {
    color: #555555;
}

.navbar-brand {
    height: 100px;
}


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

/*
    Frageboxen
*/
.bg-primary {
    background-color: #e19042;
}

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

/*
keine Runden Ecken
*/

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

.btn-primary {
	     background-image: linear-gradient(#e6a563, #e19042 60%, #EB6E00);
	     background-repeat: no-repeat;
	     filter: none;
	     border-bottom: 1px solid #e6a563;
}

.btn-primary {
    color: #ffffff;
    background-color: #EB6E00;
    border-color: #e6a563;
}

.btn-primary.active, .btn-primary:active {
  background-color: #EB6E00 !important;
  color: #ffffff !important;
  border-color: #e6a563 !important;
}

.btn-primary:hover {
  background-color: #ededed !important;
  color: #555555 !important;
  border-color: #555555; !important;
}

.btn-primary.active:hover {
  background-color: #ededed !important;
  color: #555555 !important;
  border-color: #555555 !important;
}

/* Define the color for Awesome Bootsrap Checkboxes ; based on bg-primary background-color*/
.basic label::after{background-color:#ededed}
.cerulean label::after{background-color:#ededed;}
.cosmos label::after{background-color:#ededed;}
.cyborg label::after{background-color:#ededed;}
.darkly label::after{background-color:#ededed;}
.flatly label::after{background-color:#ededed;}
.journal label::after{background-color:#ededed;}
.lumen label::after{background-color:#ededed;}
.paper label::after{background-color:#ededed;}
.readable label::after{background-color:#ededed;}
.sandstone label::after{background-color:#ededed;}
.simplex label::after{background-color:#ededed;}
.slate label::after{background-color:#ededed;}
.spacelab label::after{background-color:#ededed;}
.superhero label::after{background-color:#ededed;}
.united label::after{background-color:#ededed;}
.yeti  label::after{background-color:#ededed;}


.progess-bar {
    background-color: #ededed;
}

.progress-bar {
  color: #ffffff;
  background-color: #e19042;

}


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

.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(255, 255, 255, 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: #ededed;
    border-top: solid 2px #ededed;
}

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

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

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

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

.text-primary {
    color: #555555;
}

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

#welcome-container .survey-name {
    background-color: #e19042;
    color: #ffffff;
    padding: 20px;
}

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

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

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

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

.asterisk{
    margin-right:15px;
}