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

.question-container{
    background-color: white;
    margin-bottom: 0;
    margin-top: 1.0em;
    /*padding: 0.1em;*/
    padding: 0px;
    border: 0px solid white;
}
.navbar{
    background-color: white;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0.5em;
    /*display: none; */
}
.radio-item label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: 0;
    margin-left: -20px;
    border: 2px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}

.form-control-hide {
    display: none;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 0px solid #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.05);
    box-shadow: inset 0 0 0 rgba(0,0,0,.05);
    
}

.wellhide {
    margin-top: -120px;
}


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 6px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

th.answer-text {
    white-space: nowrap;
    
}


.table-bordered {
    border: 1px solid #ccc;
}
.table.ls-answers {
    table-layout: auto;
    padding: 5px;
}

.survey-welcome.h4.text-primary{
    color: black;
}

.answertext {
	padding: 4px;
}

.body {
    color: black;
}

.h1, h1 {
    text-align: left;
    color: #317090;
    font-size: 0px;
}

.h3, h3 {
    text-align: left;
    color: #317090;
}

.h4, h4 {
    font-size: 14px;
    text-align: left;
    font-weight: 400;
}

.answer-text {
    color: black;
}

.question-text {
    color: black;
}
  
.text-tiny{
    color: black;
}

.ls-answers label, .ls-answers th {
    font-weight: 400;
    color: black;
}

.answertext.control-label {
    font-weight: 600;
    color: black;
}

.survey-welcome.h4.text-primary {
    font-weight: 500;
    color: black;
}

.imagebanner img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -100px;
    width: 80%;
}

@media (max-width:640px){
    .imagebanner img:first-child{
    display:none;
    }
}

.imagebannerhide img{
    display: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: -100px;
    width: 80%;
}

@media (max-width:640px){
    .imagebannerhide img:first-child{
    display:block;
    }
}


.questionhidemob {
    display: none;
    table-layout: auto;
    padding: 5px;
}

@media (max-width:640px){
    .questionhidemob {
    display: block;
    table-layout: auto;
    padding: 5px;
    }
}

.questionhide img{
    display: block;
    table-layout: auto;
    padding: 5px;
}

@media (max-width:640px){
    .questionhide img:first-child{
    display: none;
    table-layout: auto;
    padding: 5px;
    }
}

.question-title-container-hide img{
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
}
@media only screen and (max-device-width: 760px)
.question-title-container-hide {
    padding-top: 5px;
    padding-bottom: 5px;
    display: none;
}

.group-outer-container-legacy {
    display: contents;
}


.btn-group-lg > .btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
    margin-top: -18em;
}
.navbar-default .navbar-nav>li>a {
    color: #777;
    font-size: 10px;
}

.logo-container {
  padding: 0px;
  float: left;
  margin: auto;
  font-size: 18px;
  line-height: 20px;
}

.logo-container>img {
  max-height: 90px;
  margin: auto;
  padding: 15px;
  width: auto;
}

.brand-logo  .top-container .top-content{
    margin: auto;
    padding-top: 2em;
}
.fa {
    display: none;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}