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

.ls-language-changer-item {
    background-color: #a6ce38 !important;
    border: none !important;
}

.form-change-lang {
    margin: 0 auto !important;
    text-align: center;
}

.yesno-button, .gender-button {
    margin: 0 auto !important;
    float: none !important;
}

body {
    font-family: Century Gothic,sans-serif !important; 
    font-weight: 500 !important;
}

#ls-button-submit {
    background-color: #6dcff4 !important;
    border: none;
    opacity: 0.9;
}
#ls-button-submit:hover {
    opacity: 1;
}

.privacy > a {
    color: #6dcff4 !important;
}
.progress-bar {
    background-color: #6dcff4 !important;
}


.btn-primary.active {
    background-color: #a6ce38 !important;
}

.btn-primary:hover{
    background-color: #78bed9;
    cursor: pointer !important;
}

td  {
    vertical-align: middle;
}

.asterisk {display: none;}

#datasecurity_accepted {
    width: 25px !important;
    height: 25px !important;
}

.group-description {
    background-color: #a6ce38 !important;
}

.ls-label-question, .group-description  {
    text-align: center !important;
    font-size: larger;
}

.group-description {
    position: -webkit-sticky !important; /* Safari */
    position: sticky !important;
    top: 70px;
    z-index: 100 !important;
    padding-top: 10px !important;
    padding-bottom: 0px !important;
    font-size: 15px !important;
}

.navbar-action-link {
    padding-top: 10px;
}

label[for="datasecurity_accepted"] {
    margin-top: 7px !important;
    margin-left: 5px !important;
}

.form-horizontal .control-label {
    text-align: left !important;
}

.gender-button {
    margin: 0 auto !important;
}

@media only screen and (max-width: 767px) {
    .group-description {
        top: 39px !important;
    }
    .hide-mobile {
        display: none !important;
    }
    .logo-container > img {
        max-height: 60px;
    }
    .banner-img {
        width: 90% !important;
    }
    .nav > li {
        text-align: center;
    }
}

.logo-container > img {
    max-height: 70px !important;
}

.ls-language-changer-item {
    display: none !important;
}

.question-title-container {
    padding-bottom: 0 !important;
}

.button-item > label {
    font-size: 16px !important;
}

.banner-img {
    width: 550px;
    margin: 0 auto;
    display: block;
}

.banner-img {
    visibility: hidden;
}

.navbar-default {
    border-bottom: 5px solid #a6ce38;
}

.radio-list > .bootstrap-buttons-div:nth-child(6) > .btn-primary {
    background-color: rgba(52, 122, 183, 0.4) !important;
    border: none;
}

.radio-list > .bootstrap-buttons-div:nth-child(6) > .btn-primary.active {
    background-color: #a6ce38 !important;
}

.radio-list > .bootstrap-buttons-div:nth-child(6) > .btn-primary:hover{
    background-color: rgba(52, 122, 183, 0.7) !important;
    cursor: pointer !important;
}