@-webkit-keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


.content {
	float: right;
	width: 100%;
	padding: 24px 0;
	text-align: center;
}

#indicator {
	position: fixed;
	left: 3%;
	width: 14%;
	background: white;
	border: 1px solid rgba(0,0,0,0.05);
	box-shadow: 5px 5px 15px rgba(0,0,0,0.1);
}

#indicator ul {
	float: right;
	width: calc(100% - 16px);
	padding: 8px;
}

#indicator ul li {
	float: left;
	width: calc(100% - 16px);
	font-size: 15px;
	padding: 12px 8px;
	border-left-color: #253965;
}

#indicator ul li.spy-active {
	color: #253965;
}

section.scrollspy {
	float: right;
	width: calc(60% - 48px);
	padding: 0 24px;
	background: white;
	margin: 24px 20%;
	border: 1px solid rgba(0,0,0,0.05);
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	text-align: left;
	direction: ltr;
}

section.scrollspy h2 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 12px 0;
	font-size: 20px;
	color: #454545;
}

section.scrollspy h3 {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 17px;
	padding: 6px;
	margin: 12px 0;
	color: #454545;
	border-left: 3px solid #253965;
}

.hljs {
	padding: 12px;
	border-bottom: 3px solid rgba(0,0,0,0.1);
}

.parameter {
	float: left;
	width: 100%;
	padding: 18px 0;
}

kbd {
	background: rgba(0,0,0,0.05);
	color: rgba(0,0,0,0.8);
	padding: 8px;
	font-size: 13px;
}

.parameter span {
	font-size: 15px;
	color: #454545;
}

.parameter span:before {
	content: ' : ';
}


.user-manual-ul {
	margin-left: 17px !important;
}

.um-color-text {
	color: #253965;
}

.um-center-img {
	display: flex;
	justify-content: center;
}

.um-center-img img {
	width: 70vh;
	height: auto;
}

.um-title {
	display: flex;
	justify-content: center;
	align-items: center;
}

.img-uf {
	display: flex;
	justify-content: center;
}

@media (max-width: 1200px) {
	#indicator {
		visibility: hidden;
	}

	section.scrollspy {
		width: calc(80%);
		margin: 24px auto;
		float: none;
		padding: 0 24px;
		background: white;
		border: 1px solid rgba(0,0,0,0.05);
		box-shadow: 0 0 15px rgba(0,0,0,0.1);
		text-align: left;
		direction: ltr;
	}
  }