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

.survey-name{
    font-weight: 700;
}

@media(max-width: 1024px){
    .ls-heading-repeat{
        display:none !important;
    }
    
    .ls-heading.hidden-xs.repeat.headings{
                display:none !important;
    }
}

.slider-selection{
    background-image: none !important;
}

.survey-description{
    width: 82% !important;
}
.text-primary > p{
    font-size: 18px !important;
}

.popover {
    z-index: 9999;
}

.answertext{
    hyphens: none;
}

#saveemail{
    display:none;
} 

.col-sm-3[for='saveemail']{
    display:none;
}
.appstasy-hide {
    display:none !important;
}
.tooltip-inner {
    display:none;
}

.tooltip-arrow{
    display:none;
}

#vmsg_1106 {
    display:none;
}

.control-label .col-xs-12 .col-sm-4{
    display:none;
}

.btn-primary{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background-color:#ff6600 !important;
    border: 1px solid #ff6600 !important;
    padding:6px !important;
}

.btn-default{
    padding: 6px !important;
    background-color:#fff;
      border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.survey-description > p{
    text-align:left;
}

.survey-description{
    margin-left:auto;
    margin-right:auto;
    width:70%;
}

.group-title{
    font-size:36px;
    color:#ff6600;
    text-decoration: underline;
}

.question-text p{
    font-size:18px;
}
.ls-label-question{
    font-size:18px;
}



.survey-description>p{
    font-size:18px;
    font-weight:600;
}

.aninate {
    color:#fff !important;
}

@media (max-width: 700px) { 
    
    .logo-container>img{
        margin-left:0px !important;
    }
}

.logo-container>img{
    margin-left:0px !important;
}

.logo-container{
    margin: 20px !important;
    
}

.navbar{
    background-color: #ff6600 !important; 

}

.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.answer_cell_1{
    background-color: rgba(0,128,0,0.2) ;
}


.answer_cell_10{
    background-color: rgba(0,128,0,0.2) ;
}

.answer_cell_A1
{
	background-color: rgba(0,128,0,0.2) !important;
	
}
.answer_cell_A2
{
	background-color: rgba(144,238,144,0.2)  !important;
	
}
.answer_cell_A3
{
	background-color: rgba(255,255,0,0.2) !important;
	
}
.answer_cell_A4
{
	background-color: rgba(255,210,0,0.2)  !important;
	
}
.answer_cell_A5
{
	background-color: rgba(255,165,0,0.2) !important;
	
}
.answer_cell_A6
{
	background-color: rgba(255,0,0,0.2) !important;
	
}


.answer_cell_1_A1
{
	background-color: rgba(0,128,0,0.2) !important;
}
.answer_cell_1_A2
{
	background-color: rgba(144,238,144,0.2)!important;
}
.answer_cell_1_A3
{
	background-color: rgba(255,255,0,0.2)!important;
}
.answer_cell_1_A4
{
	background-color: rgba(255,210,0,0.2) !important;
}
.answer_cell_1_A5
{
	background-color: rgba(255,165,0,0.2) !important;
}
.answer_cell_1_A6
{
	background-color: rgba(255,0,0,0.2) !important;
	
}



.answertext {
    opacity:1.0 !important;
}
.logo-container>img {
    margin-left: 50px;
}
li, .text-item {
    opacity: 1.0 !important;
}
.survey-description > p > img {
    width: 100%;
}
.completed-text > p > img {
    width: 70%;
    display:block;
    margin-left:auto;
    margin-right:auto;
}
h1 {
    font-size: 30px;
    color: #FF6600;
    margin-bottom: 32px;
}
h2 {
    font-size: 18px;
    color: #5A5A5A;
    margin-bottom: 21px;
}
h3 {
    font-size: 13px;
    text-decoration: bold;
    color: #333333;
    margin-bottom: 18px;
    padding-bottom: 10px;
}
p {
    font-size: 13px;
    color: #333333;
    margin-bottom: 18px;
    padding-bottom: 10px;
}
.fruity .text-primary{
    color: #000;
}
.font-noto {
    font-family: 'Segoe UI';
}
.button-item{
    opacity: 0.4 !important;
}
.active{
    opacity: 1 !important;
}
.survey-welcome img{
    max-width: 100%;
}

.reverse-matrix .answer_cell_2_A1
{
	background-color: rgba(0,128,0,0.2) !important;
	
}
.reverse-matrix .answer_cell_2_A2
{
	background-color: rgba(144,238,144,0.2)!important;
	
}
.reverse-matrix .answer_cell_2_A3
{
	background-color: rgba(255,255,0,0.2)!important;
	
}
.reverse-matrix .answer_cell_2_A4
{
	background-color: rgba(255,210,0,0.2)!important;
	
}
.reverse-matrix .answer_cell_2_A5
{
	background-color: rgba(255,165,0,0.2)!important;
	
}
.reverse-matrix .answer_cell_2_A6
{
	background-color: rgba(255,0,0,0.2)!important;
	
}

.reverse-matrix .answer_cell_1_A1
{
    	background-color: #fff  !important;
    		opacity: 1;
}

.reverse-matrix .answer_cell_1_A2
{
    	background-color: #fff !important;
    		opacity: 1;
}
.reverse-matrix .answer_cell_1_A3
{
    	background-color: #fff !important;
    		opacity: 1;
}

.reverse-matrix .answer_cell_1_A4
{
    	background-color: #fff !important;
    		opacity: 1;
}


@media (max-width: 600px) {
    .logo-container{
        margin:0px !important;
        margin-bottom: 15px !important;
        width: 100%;
    }
    .logo-container img{
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #ls-button-submit{
        margin-right: 10px;
    }
    #ls-button-previous{
        margin-left: 10px;
    }
}