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

/* Required for the footer to work - see footer.twig */

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 */
}
body > article {
    flex: 1; /* the main article should use as much space as possible */
}

/* Update color of button to change language on first page */

.ls-language-changer-item {
    /*border-color: #dbdbdb;*/
    background-color: #31708f !Important;
    color: #ffffff !Important;
    border-color: #0067af !Important;
}

/* Hide language changer
.form-change-lang {
    display:none !Important;
}*/

/* Hide "you must answer this question" message that appears for all mandatory questions */

.ls-question-message.ls-em-tip.em-default.ls-em-success,
.ls-em-success {
    display:none !Important;
}

/* Remove useless space in question/answer zones */

.text-info {
   color: #31708F !important;  
     font-size: 18px;
}

.asterisk {
    padding-right: 0.2em !Important;
}

.answer-container,
.answer-item.radio-item {
    padding-top: 0.2em !Important;
    padding-bottom: 0.2em !Important;
    margin-top: 0.2em !Important;
    margin-bottom: 0.2em !Important;
}

.ls-answers {
    padding-top: 0.1em !Important;
    padding-bottom: 0.1em !Important;
}

.question-title-container {
    padding-bottom: 0.1em !Important;
}

.navbar {
    background-color: #ffffff !Important;
}

/* Change color of selected radio button from black to blue */

.radio-item:nth-child(n) label::after {
	background-color: #31708f !Important;
}

/* Change color of group titles */

.h3 {
    color: #31708f !Important;
    margin-top: 5px !Important;
    margin-bottom: 20px !Important;
}

/* Adapt dimensions of title containers to lower lost space on top of the screen */

.question-container {
    border-radius: 10px !Important;
    margin-bottom: 15px !Important;
}

.group-outer-container, .group-container {
    margin-bottom: 5px !Important;
}

.top-container {
    margin-top: 20px !Important;
    margin-bottom: 5px !Important;
}

/* Make sure text is aligned left for textboxes with numerical input */

.numeric-item input[data-number='1'] {
    text-align: left;
}

/* Lower size (width) of textboxes for numerical or alphanumerical input

.form-control, .form-control.numeric {
    width: 50% !Important;
}*/