/******************
    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
    
*/
body{
	color: black;
	font-family:arial;
}
#navbar{
	background-color: #DBE5F1;
}

.btn-primary, .btn-default{
	background-color: #16365C !important;
	color: white !important;
	border-width: 0;
}

em{
	color: #16365C;
}

.question-title-container {
	background-color: #DBE5F1;
	color: black;
}

.question-container {
	display: block;
	margin-bottom: 2em;
	background:white;
	color: black;
	border-bottom: 1px solid #dbdbdb;
}

.ls-questionhelp{
	color: #476281;
	font-style: italic;
	font-weight:lighter;
}

.checkbox-label{
	display: block;
}
.question-valid-container{
	background-color: #DBE5F1;
}
.navbar-action-link  a {
	color:#476281 !important;
}

.navbar-action-link  a:hover {
	color:#476281 !important;
	font-weight: bold;
}
.space-col {
	margin-top: 2%;
}

.survey-name{
	display: none;
}

.fa-asterisk:before{
	display: none;
}
.survey-welcome{
	margin-top:1%;
}

.alert-danger {
	background-color: rgb(23,55,93);
	border-width: 0;
	color: white;
}

.fa-exclamation-circle{
	color: #476281;
}
.text-danger{
	color: #476281;
}
.progress-bar{
	background-color:#476281!important;
}
.has-error .answertext{
    color: #333;
    font-weight: 550;
}
.ls-answers tbody .answertext{
	text-align: left;
}
.ls-questionhelp:before{
	font-style:normal;
}
.logo-container>img{
    height: 6rem;
    padding-top: 5%;
    padding-left: 5%;
}


.completed-text > a{
	color:#476281;
}

.flatly label::after{
	background-color: #476281
}
.checkbox-item label::after{
	color: white;
}
.table-hover>tbody>tr:hover{
	background-color: #798EA7;
}
.radio-label:hover{
	font-weight: bold;
}

.text-info, .text-info:hover{
	color: #798EA7;
}

#ls-question-text-681768X9X75 >img{
	width: 510px;
	height: auto;
}
.checkbox-item label::after{
	background-color: #476281;
}
.radio-item input[type="radio"]:checked + label::after{
	background-color: #476281;
}

.text-info, .text-info:hover{
	color: #476281;
}
.survey-welcome{
	font-size: 16px;
	font-weight:normal!important;
}

.group-outer-container, .group-container{
	margin-bottom: 0;
	margin-top: 0;
	padding-top:1%;
}

.question-container{
	margin-bottom: 1.5%;
}

@media only screen and (max-width: 500px) {
	.list-unstyled{
		padding-top: 10px;
	}
	div > .suffix{
		padding-top: 3%;
		padding-left: 5px;
	}

	input[type="number"]{
		max-width: 7em;
	}

	.ls-input-group{
		display: inline-flex;
	}
}
.odustani>ul>li>a{
	color: #C0C9D5;
}
.ls-link-action, .ls-link-clearall{
	list-style:none;
	padding-left:0;
	padding-top:1%;
}
 .top-container  {
     margin-top: 10px!important;
     margin-bottom:10px!important;
 }
 
 li> label {
     display:block;
     width:100%;
 }
 li> label:hover{
     background-color:rgba(192,192,192,0.3);
 }
 
 .survey-welcome> span > strong {
     color: #16365C;
 }
 
  .survey-welcome> span > span >em {
     font-style: normal;
     color: black;
 }
 
 .text-primary {
     color:#16365C;
 }
 .h4.text-primary {
     font-weight:bold;
     font-size:14px;
 }
 
 .survey-description{
     display:none;
 }
 
  .other-text-item > .input-sm{
         /*height: 60px!important;*/
    width: 250%!important;
 }
 
  /** KNAUF **/
 li.form-group.ls-group-remaining.ls-group-dynamic > div.ls-input-group.col-xs-12.col-sm-8{
     width:100px;
 }
 
 li.form-group.ls-group-total.ls-group-dynamic > div.ls-input-group.col-xs-12.col-sm-8{
     width:100px;
 }