.width-full {
	width: 100%;
}

#loading {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	display: none;
	opacity: 0.3;
	background-color: #000;
	z-index: 200;
}

#loading-image {
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 48%;
	z-index: 201;
	display: block;
}

.next-previous-btn {
	padding: 5px 13px 2px 12px;
	color: #fff;
	border-radius: 4px;
	background-color: #6c757d;
	border: 1px solid #616970;
	box-shadow: none;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.next-previous-btn:hover {
	background-color: #565d64;
	border-color: #4b5157;
	color: #fff;
	text-decoration: none;
}

.next-previous-btn:active {
	background-color: #565d64;
	border-color: #4b5157;
	color: #fff;
}

.category-selection-btn {
	line-height: 36px;
	color: #2c2c2d;
	font-weight: bold;
	margin-top: .30rem;
	border-radius: 4px;
	font-size: 17px;
	background-color: #f2f2f3;
	border: 1px solid #efeff0;
	box-shadow: none;
	display: inline-block;
	text-align: end;
	padding-right: 20px;
	vertical-align: middle;
	text-decoration: none;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.category-selection-btn:hover {
	background-color: #e5e6e7;
	border-color: #e2e3e4;
	color: #000000;
	text-decoration: none;
}

.category-selection-btn:active {
	background-color: #e5e6e7;
	border-color: #e2e3e4;
	color: #000000;
}

.category-content-container {
	border:1px solid #dee2e6;
	border-radius:.25rem;
	padding-left: .30rem;
	padding-right: .30rem;
	padding-bottom: .30rem;
}

.content-container {
	border:1px solid #dee2e6;
	border-radius:.25rem;
	padding:.25rem;
}

.content-container-view {
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
}

@media (max-width: 768px) {
	.content-container-view {
		margin-top: 14px;
		margin-bottom: 1.6rem;
	}
}