/******************
    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/css2?family=Titillium+Web:wght@400;600&display=swap');

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 */
    font-family: 'Titillium Web',sans-serif !important;
    font-size: 18px !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #19191a !important;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
}
body > article {
    flex: 1; /* the main article should use as much space as possible */
}

#welcome-container{
    display:none;
}

#outerframeContainer{
    max-width:1100px !important;
}

.container{
    margin-top:48px !important;
}
h1{
    color: #246091;
    font-size:50px;
}
ul{
    margin-bottom: 0px !important;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{min-height: 0px;}

.ls-answers{
    padding-bottom: 5px !important;
}

.space-col{
    margin-bottom:0.5em !important;
    margin-top:0.5em !important;
}

.text-primary{
    #19191a !important;
    padding: 2em 1em 0em 1em;
    font-weight: 400;
    line-height: 1.5;
    color:#19191a !important;
    font-size: 18px !important;
}
.text-info{
    color: #31708f !important;
}
.question-title-container{
    background-color: #ffffff;
    font-size: 20px;
    color: #246091;
    border-bottom: 4px solid #246091;
    padding-bottom: 0.2em;
}

.form-control{
    background-color:#4ea49d10;
}

.question-container{
    margin-bottom: 2em !important;
    border:none;
}
.question-container{
  background-color: #fff;
}
.answer-container{
    border: 1px solid #ddd;
    border-radius:5px;
}

.survey-welcome{
    padding:0px;
}

.script-container{
    height:1px; 
    width:1px; 
    overflow:hidden;
}
.ls-question-message{
    padding-top:5px;
}
.ls-questionhelp{
    padding-top:5px;
}
.navbar-default{
    color:#ffffff !important;
    background-color: #fff;
    border-top: 48px solid #246091;
    border-bottom: 10px solid #246091;
}
.navbar > .container-fluid{
    display:none !important;
}

table .uploadedfiles{
text-align:center;
}

.uploadedfiles tbody tr td {
text-align:center;
border: 1px solid #ded !important;
}

.uploadedfiles tbody tr {
text-align:center;
border: 1px solid #ded !important;
}

.uploadedfiles thead tr {
text-align:center;
border: 1px solid #ded !important;
}
.btn-primary {
  background-color: #31708f !important;
  border-color: #31708f !important;
}
.ls-group-total .control-label{
    float:left !important;
}

@media (max-width: 767px){
    h1{
    color: #246091;
    font-size:40px;
}
}