/******************
    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
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');

body {
    color: #3e3e3e;
    font-family: 'Roboto', sians-serif !important;
    font-size: 16px;
    letter-spacing: 0.5px;
}

p {
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
    color: #3e3e3e;
}

/* Header */

.navbar-collapse {
    padding-top: 40px;
}

.navbar-fixed-top .navbar-collapse {
    padding-top: 20px;
}

.hero-header img {
    display: none;
    max-width: 100%;
}

.hero-header .hero-header-full {
    display: block;
}

@media screen and (max-width: 1024px) {
    .hero-header .hero-header-full {
        display: none;
    }
}

@media screen and (min-width: 801px) and (max-width: 1024px) {
    .hero-header .hero-header-1024 {
        display: block;
    }
}

@media screen and (min-width: 641px) and (max-width: 800px) {
    .hero-header .hero-header-800 {
        display: block;
    }
}

@media screen and (min-width: 321px) and (max-width: 640px) {
    .hero-header .hero-header-640 {
        display: block;
    }
}

@media screen and (max-width: 320px) {
    .hero-header .hero-header-mobile {
        display: block;
    }
}

#dynamicReloadContainer .hero-header {
    display: none;
}

/* Menu */

.navbar-default .navbar-toggle .icon-bar {
    background-color: #A5D152;
}

/* Input */

input[type="text"], input[type="password"], input[type="email"], .ui-autocomplete-input, textarea, .uneditable-input {
   /* background-color: #F7F7F7;
    border: 0;
    box-shadow: none;*/
}

.numeric-item .ls-input-group {
    display: flex;
}

.numeric-item .numeric {
    width: auto;
}

.answer-item:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/* Buttons */

.btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #afcb08;
    border-color: #afcb08
}

.btn-primary {
    border-width: 2.5px;
    background-color: #A5D152;
    border-color: #A5D152;
}

.btn-primary:hover,
.btn-primary:focus{
    background-color: rgba(175, 203, 8, 0.60);
    border-color: rgba(175, 203, 8, 0.60);
}

.btn-primary.active {
    background-color: #afcb08;
    border-color: #afcb08;
}

.btn-primary.active:hover,
.btn-primary.active:focus {
    background-color: #afcb08;
    border-color: #afcb08;
}

.btn-default {
    border-color: #A5D152;
    border-width: 2.5px;
    color: #A5D152;
}

.btn-default:hover,
.btn-default:focus{
    background-color: rgba(175, 203, 8, 0.25);
    border-color: rgba(175, 203, 8, 0.25);
    color: #A5D152;
}

.btn, .btn-lg, .btn-group-lg>.btn {
    padding: 16px 33px;
}

.btn-lg, .btn-group-lg>.btn {
    font-size: 16px;
}

@media screen and (max-width: 640px) {
    .btn, .btn-lg, .btn-group-lg>.btn {
        padding: 10px 17px;
    }
}

.btn-group-justified>.btn, .btn-group-justified>.btn-group .btn {
    padding: 7px 20px;
}


/* Lien */

a {
    color: #A5D152;
}

/* Progress bar */

.top-container .progress {
    box-shadow: none;
    height: 43px;
    margin-bottom: 0;
}

.progress .progress-bar {
    background-color: #A5D152;
    line-height: 43px;
}

/* Title */

h1 {
    color: #afcb08;
    font-size: 28px;
}

/* Checkbox */

.radio-item label::after {
    background-color: #A5D152;
}

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

label::after {
    background-color: #A5D152;
}

/* Accueil */

#welcome-container h1 {
    margin-bottom: 20px;
}

#welcome-container .survey-welcome {
    margin-top: 20px;
}

.survey-description {
    margin: 20px 0;
}

.survey-welcome {
    font-size: 16px;
}

/* Question */

.ls-question-message {
    color: #A5D152;
}

.ls-question-message .fa {
    display: none;
}

/* Questionnaire complété */

.completed-text {
    text-align: center;
}

.completed-text p:first-child {
    font-size: 28px;
    color: #afcb08;
    font-weight: 500;
}

.completed-text p:nth-child(2) {
    font-size: 16px;
    margin: 40px 0;
}

.completed-text .url-wrapper a {
    color: #A5D152;
}

/* Charger un questionnaire non terminé */

.save-message .h2 {
    color: #afcb08;
    font-size: 28px;
    margin-bottom: 20px;
}

.save-survey-form {
    margin: 40px 0;
}

.save-survey-form .btn {
    padding: 16px 33px;
    font-size: 16px;
    margin-top: 30px;
}

/* Evaluations */

.assessment-heading {
    color: #afcb08;
    font-size: 28px;
}

/* Inscription */

.register-form .limebutton {
    margin-top: 30px;
    float: right;
}

/* Erreur */

#block_error {
    border-color: #dc0b23;
}

#block_error div h2 {
    color: #dc0b23;
}

/* Others */

.text-primary {
    color: #A5D152;
    text-align: center;
}

.text-danger {
    color: #dc0b23;
}

.text-warning {
    color: #004694;
}

.text-info {
    color: #A5D152;
    font-size: 16px;
}

.fa-asterisk {
    margin-right: 10px;
}

.well {
    border: 0;
    box-shadow: none;
}

.jumbotron p {
    font-size: 18px;
}

#navigator-container {
    margin-top: 80px;
}

/*************************************************************/
/* Couleur du texte d’aide contextuel (bleu clair)           */
/*************************************************************/

/* Si c'est la classe Bootstrap */
.text-info {
    color: #A5D152 !important;  /* Orange */
}

/* Dans certains thèmes LimeSurvey */
.ls-question-message,
.question-help-container,
.ls-question-help {
    color: #A5D152 !important;  /* Orange */
}

/* Pour les liens à l'intérieur de l’aide */
.text-info a,
.ls-question-message a {
    color: #A5D152 !important;
    text-decoration: underline;
}