#tablist ul {
	list-style: none;
	padding: 0px;
	margin-bottom: 0px;
	display: flex;
    flex-wrap: wrap;
    gap: 3px;
	justify-content: center;
}
#tablist li {
	cursor: pointer;
	text-align: center;
	padding: 7px 5px;
	background-color: #32526d;
	flex: 1;
    border-radius: 10px 10px 0px 0px;
    border-bottom: 2px solid #08233a;
}
#tablist li.tabselected {
	color: #ffff00;
	background-color: #5984a9;
	border-bottom: none;
}
.tabactive, .tabhidden {
	color: #fff;
	background-color: #5984a9;
	padding-bottom: 20px;
}
.tab {
	display: none;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 500ms;
	position: relative;
}
.tab.tabactive {
	display: block;
}
.tabimages {
	display: flex;
	gap: 10px;
    overflow: auto;
}
.faderight, .fadeleft {
    position: absolute;
    top: 0px;
    z-index: 10;
    display: block;
    width: 18%;
    transition: opacity 500ms;
}
.fadeleft {
    left: 0px;
    background-image: linear-gradient(to left,
		rgba(89, 132, 169, 0),
		rgba(89, 132, 169, 0.9)
	100%);
}
.faderight {
    right: 0px;
    background-image: linear-gradient(to right,
        rgba(89, 132, 169, 0),
        rgba(89, 132, 169, 0.9)
    100%);
}
@media only screen and (min-width: 600px) {
	#tablist ul {
		justify-content: initial;
	}
}
@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}