@CHARSET "UTF-8";

.swiper-container-main {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.swiper-slide-main {
	background-color: white;
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding-bottom: 30px;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* PANEL */
.panel {
	background-color: #303030;
	position: absolute;
	z-index: 20;
	width: 100%;
	height: 30px;
}
.panel:not(.graphics) {
	color: white;
	text-align: center;
	padding: 6px 6px 6px 6px;
}

.panel.graphics{
    display: flex;
    justify-content: flex-end;
}

.slide-close-icon {
	transition: 0.4s;
	cursor: pointer;
	float: right;
	padding-right: 6px;
	height: 100%;
	fill: white;
}

.toggle-updates-graphics {
	float: right;
}