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

/* 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: #22427C;
    border-color: #22427C
}

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

.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: #22427C;
    border-color: #22427C;
}

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

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

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

.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: #1B019B;
}

/* Progress bar */

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

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

/* Title */

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

/* Checkbox */

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

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

label::after {
    background-color: #1B019B;
}

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

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

/* Questionnaire complété */

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

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

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

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

/* Charger un questionnaire non terminé */

.save-message .h2 {
    color: #22427C;
    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: #22427C;
    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: #1B019B;
    text-align: center;
}

.text-danger {
    color: #dc0b23;
}

.text-warning {
    color: #004694;
}

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

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

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

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

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