/******************
    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
*/
html {
font-family: Raleway, Helvetica, Arial;

}

#navbar {
    background-color: #fff;
    max-height: 90px;
}
.logo-container {
    max-height: 100px;
}

.navbar-default {
    background: #fff;
}

#navbar a {
    color: #11642E;
    margin: 20px 10px;
}

.top-container.space-col {
    margin: 5px;
}

.survey-name.text-center {
    text-transform: uppercase;
    font-family: Montserrat;
    font-weight: 500;
    color: #DB400B;
    font-size: 4em;
}

.text-info, .text-info:hover {
    color: #4f4f4f;
}

.survey-description, .survey-welcome {

    text-align: left;
max-width: 920px;
margin: 30px auto;
padding: 0 5%;
}

.survey-welcome {
    margin-top: 5em;
}

.number-of-questions {
    text-align: center;
    margin: 30px;
    font-variant: small-caps;
    text-transform: lowercase;
    color: #444;
}

.btn {
    padding: 0 2em;
    height: 4em;
    border-radius: 2em;
    text-align: center;
    text-transform: uppercase;
    font-family: Roboto;
    background-color: #DB400B;
    border: oldlace;
}

.question-container, .answer-container, .question-valid-container, .question-title-container, .question-help-container {
border: none;
}
.question-title-container {
background: none;
color: #DB400B;
border: none;
}

.question-valid-container {
background: #fff;
margin: .3em 0 0 0;
}

.input-group-addon.btn.btn-primary {
    border-radius: 10%;
    padding: 1em;
    height: unset;
}

.upload-button a {
    padding: 1.2em;
}

.answer-container {
    padding: .2em 1em;
}
.question-title-container {
    padding: 1em 0 .2em 0;
}

.question-text {
    color: #11642E;
    font-family: Raleway, Helvetica, Arial;;
    font-weight: 700;
    font-size: 120%;
}

.group-title {
    text-transform: uppercase;
    color: #DB400B;
    font-weight: 600;
    font-family: Raleway, Helvetica, Arial;;
}

.ls-question-message {
    text-align: left;
}

textarea.form-control, input.form-control {
    border: none;
    border-bottom: 1px solid;
    border-radius: 0;
    border-color: #aaa;
    background: #f9f9f9;
}

.form-control:hover, .form-control:select, .form-control:active, .form-control:focus, .form-control:focus-within, .form-control:focus, input:focus {
background: #fdfdfd;
}

.form-group {
    margin: 5px;
        margin-top: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
        margin-left: 5px;
}
.asterisk.pull-left {
margin: .1em .6em;
    
}

.survey-name.text-center {
    text-transform: uppercase;
    color: #DB400B;
    font-size: 3em;
    font-weight: bold;
    max-width: 800px;
    margin: 50px auto;
    hyphens: none;
}

.survey-welcome {
    max-width: 800px;
    margin: 4em auto;
}