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

.top-container{
    margin-top:0px;
    margin-bottom:0px;
}
.ls-even{
    /* background-color: #FFFFFF00; */
    background-color: #eee;
}
.ls-even:hover{
    background-color: #FFFFFF00;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
    border-color: #FFFFFF00;
}
.table-bordered {
    border: none;
}
.question-container{
    border-radius: 14px;
}
.question-title-container{
    border-radius: 14px 14px 0px 0px ;
}

.group-outer-container{
    max-width:960px;
    margin:0 auto;
}
.ls-answers tbody .answertext{
    text-align: center;
}
li.radio-item, li.checkbox-item, li.radio-text-item, li.checkbox-text-item{
    width:40%;
}
@media screen and (max-width: 768px) {
    li.checkbox-item {
        width: 50%;
        padding-right: 5%;
    }
}
.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{
    display:flex;
    flex-wrap:wrap;
}

body{
    background-position: 50% 0%;
    
}

body::before {
    background-position: center;
}

#navigator-container{
    display:flex;
    justify-content:center;
}

.col-xs-6{
    width:initial;
}
#ls-button-submit{
    width:100%;
}
.dark{
    opacity:1;
}
.dark .table-hover>tbody>tr:hover{
    background-color:#ffffff05;
}
.dark .table-bordered{
    border-color:#000000;
}
.modal-dialog{
    color:black;   
}
@media screen and (max-width: 768px) {
	 body {
		 /* background-image:none !important; */
		 background-size: auto !important;
	}
	.group-title{
	    font-size:1.8em !important;
	}
}
.completed-wrapper{
    text-align: center;
    background:white !important;
    border: 1px solid black;
    padding: 5% 2%;
}
.required-guide {
    max-width: 960px;
    color: #a94442;
    font-weight: bold;
    text-shadow: -2px -2px 0px #fff, -1px -2px 0px #fff, 0px -2px 0px #fff, 1px -2px 0px #fff, 2px -2px 0px #fff, -2px -1px 0px #fff, -1px -1px 0px #fff, 0px -1px 0px #fff, 1px -1px 0px #fff, 2px -1px 0px #fff, -2px  0px 0px #fff, -1px  0px 0px #fff, 0px  0px 0px #fff, 1px  0px 0px #fff, 2px  0px 0px #fff, -2px  1px 0px #fff, -1px  1px 0px #fff, 0px  1px 0px #fff, 1px  1px 0px #fff, 2px  1px 0px #fff, -2px  2px 0px #fff, -1px  2px 0px #fff, 0px  2px 0px #fff, 1px  2px 0px #fff, 2px  2px 0px #fff;
    text-align: right;
    margin: 0 auto 2em;
}
.privacy {
    text-shadow: -2px -2px 0px #fff, -1px -2px 0px #fff, 0px -2px 0px #fff, 1px -2px 0px #fff, 2px -2px 0px #fff, -2px -1px 0px #fff, -1px -1px 0px #fff, 0px -1px 0px #fff, 1px -1px 0px #fff, 2px -1px 0px #fff, -2px  0px 0px #fff, -1px  0px 0px #fff, 0px  0px 0px #fff, 1px  0px 0px #fff, 2px  0px 0px #fff, -2px  1px 0px #fff, -1px  1px 0px #fff, 0px  1px 0px #fff, 1px  1px 0px #fff, 2px  1px 0px #fff, -2px  2px 0px #fff, -1px  2px 0px #fff, 0px  2px 0px #fff, 1px  2px 0px #fff, 2px  2px 0px #fff;
    margin-bottom: 1.0em;
}
.center_button{
    width: 100%;
    text-align: center;
}