@import '../../../../../app-common';

@keyframes example {
	from {
		transform: translate(0, 0);
	}
	to {
		transform: translate(0, -100);
	}
}

.top-bar {
	background-color: white;
	border-bottom-color: #bdc6cd;
	border-bottom-width: 0.5;
}
.bg-w {
	background-color: white;
}
.top-bar.hidden {
	animation-iteration-count: 1;
	animation-duration: 0.33s;
	animation-fill-mode: forwards;
	animation-name: example;
}
.top-bar.visible {
	animation-name: example;
	animation-iteration-count: 1;
	animation-duration: 0.33s;
	animation-fill-mode: forwards;
	animation-direction: reverse;
}

.action-button {
	padding: 3, 5, 3, 5;
	margin-bottom: 0;
	color: $orange;
}

.page-title {
	margin-top: 0;
	margin-bottom: 0;
	min-width: 140;
	text-align: center;
}

.icon-button {
	font-size: 30;
	width: 100%;
	margin-top: 1;
}
