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


/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../files/open-sans-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
       url('../files/open-sans-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../files/open-sans-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../files/open-sans-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../files/open-sans-latin-regular.ttf') format('truetype'); /* Safari, Android, iOS */
    font-display: swap;
}

body {
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
}

/* new: LS 6 */
.fruity .navbar-collapse {
	box-shadow: none;
}

.navbar-light .navbar-nav .nav-link {
	color: #fff;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
	color: #fff;
}

.fruity .bg-warning {
	background-color: #DEEDF9 !important;
}
.fruity .dropdown-menu > li > a.disabled {
	color: #000;
}

.center-block {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

#footer-info div span.fa-icon {
	display: inline-block;
	line-height: 1;

	background-color: #33383b;
	border-radius: 5px;
	color: #ffffff;
	font-size: 20px;
	height: 38px;
	line-height: 42px;
	margin: 10px 20px 10px 0;
	text-align: center;
	vertical-align: middle;
	width: 38px;
	/*opacity: 0.85;*/
}
/* END new: LS 6 */




.fruity .progress-bar {
    background-color: #36AFA0;
}

.fruity .navbar, .fruity .navbar.bg-light {
    background-color: #0D3A55 !important;
    box-shadow: 0px 0px 15px 0px rgba(46,55,60,1);
}
.navbar-default .navbar-nav > li > a
.navbar-default .navbar-nav > li > a {
    color: #fff;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #eee !important;
}

.fruity .navbar a.animate::after {
    background-color: #eee;
}

#welcome-container {
    background-color: #f4f4f4;
    padding: 0 20px 30px 20px;
    /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/
    border-radius: 4px;
}

h1.survey-name {
    color: #1B6086;
    padding: 25px;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 20px;
    background-color: #eaeaea;
    border-bottom: 1px solid #d5d2d2;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

@media only screen and (max-width: 760px) {
    table.ls-answers th {
        background-color: #DEEDF9;
        color: #0D3A55;
    }
    
}

.fruity .text-info, .fruity .text-primary, .fruity .text-success {
	color: #1B6086 !important;
}

.question-container {
  margin-bottom: 30px;
  margin-top: 15px;
  padding-bottom: 15px;
  border: 1px solid #4BB9EA !important;
  background-color: #DEEDF9;
  border-radius: 4px;
}

.question-text {
    font-size: 130%;
}

.ls-label-question > p {
    margin: 10px 0;
}


.input-error.question-container {
    border: 1px solid #5CBDEA;
}
.question-title-container {
  padding: 1rem 1.5rem;
  background-color: #DEEDF9;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  color: #0D3A55;
}
.ls-question-message {
  margin-top: 5px;
}

.fruity .btn-default {
    color: #10326E;
    border: 1px solid #10326E;
}

.fruity .btn-primary {
    color:#fff;
    background-color:#10326E;
    border:1px solid #10326E
}
.fruity .btn-default:hover,
.fruity .btn-default:focus,
.fruity .btn-default:active,
.fruity .btn-default.active,
.fruity .open .dropdown-toggle.btn-default {
	color:#10326E;
	border:1px solid #10326E;
	background-color:rgba(15,62,18,0.1)
}
.fruity .btn-primary:hover,
.fruity .btn-primary:focus,
.fruity .btn-primary:active,
.fruity .btn-primary.active,
.fruity .btn-primary.active:focus,
.fruity .open .dropdown-toggle.btn-primary {
	color:#fff;
	background-color:#246128;
	border:1px solid #10326E
}
.fruity .btn-success:hover,
.fruity .btn-success:focus,
.fruity .btn-success:active,
.fruity .btn-success.active,
.fruity .open .dropdown-toggle.btn-success {
	color:#fff;
	background-color:#22722b;
	border:1px solid #10326E
}
.fruity .btn-info:hover,
.fruity .btn-info:focus,
.fruity .btn-info:active,
.fruity .btn-info.active,
.fruity .open .dropdown-toggle.btn-info {
	color:#fff;
	background-color:#1c575a;
	border:1px solid #133d3f
}
.fruity .btn-warning:hover,
.fruity .btn-warning:focus,
.fruity .btn-warning:active,
.fruity .btn-warning.active,
.fruity .open .dropdown-toggle.btn-warning {
	color:#fff;
	background-color:#80431e;
	border:1px solid #5c2e15
}

body .answer-item label::after {
    background-color: #10326E;
}

.completed-text{
    margin-top: 25px;
    margin-bottom: 50px;
}

.completed-text p::first-child {
    font-size: 130%;
}

/** Footer **/

footer {
	/*position: absolute;*/
	/*bottom: 0;*/
	/*width: 100%;*/
	margin-top: 60px;
	font-size: 14px;
	box-shadow: 0px 0px 15px 0px rgba(46,55,60,1);
}

footer #footer-img {
	background:url("../files/DGAV_Footer.png") no-repeat center center;
	background-size: 100% auto;
	min-height: 220px;
	background-size: cover;
	position: relative;

}
footer #footer-img:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/*background-image: linear-gradient(to bottom right,#002f4b,#9E301A);*/
	/*background-image: linear-gradient(to bottom right,#002f4b,#0571AB);*/
	background-image: linear-gradient(to bottom right,#002f4b, rgba(5,113,171, 0.9));
	opacity: .95;
}


footer div.container {
	position: relative;
	top: 0;
	padding-top: 20px;
	color: #fff;

	/*border: 2px solid #00ff00;*/
}

footer div.container a {
	color: #fff;
}

footer div.container a:hover {
	text-decoration: none;
	color: #aaa;
}

footer div.container ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
footer div.container ul li {
	margin-bottom: 10px;
	font-size: 110%
}
footer div.container ul li:before {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'FontAwesome';
	font-size: 14px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 0 8px;
	content: "\f054";
}



#footer-info div span.glyphicon {
	display: inline-block;
	line-height: 1;

	background-color: #33383b;
	border-radius: 5px;
	color: #ffffff;
	font-size: 20px;
	height: 38px;
	line-height: 42px;
	margin: 10px 20px 10px 0;
	text-align: center;
	vertical-align: middle;
	width: 38px;
	/*opacity: 0.85;*/
}

#footer-info div p {
	color: #ffffff;
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}

#footer-info h1 {
	background: none;
	text-align: left;
	color: #fff;
	font-size: 15px;
	padding-left: 0;
	padding-top: 0;
	margin-bottom: 10px;
	margin-top: 0;
}

@media screen and (max-width: 992px) {
	#footer-info h1 {
		padding-top: 10px;
		margin-bottom: 7px;
	}
}

section#subfooter {
	background-color: #333;
	border-top: 1px solid #1b1b1b;
	color: #999;
	padding: 20px 0;
}

section#subfooter a {
	color: #999;
}
section#subfooter a:hover {
	text-decoration: none;
	color: #ddd;
}