body {
	display: flex;
	flex-direction: column;
	font-family: 'Cera Pro',"Poppins", sans-serif;
	background-color: #282828;
	color: white;
	margin: 0;
	min-height: 100vh;
}

	body a {
		color: inherit;
		text-decoration: none;
	}

.darker {
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #202020cc;
}

.datepicker td, th {
	text-align: center;
	padding: 8px 12px;
	font-size: 14px;
}

.h-0 {
	height: 0;
}

svg {
	fill: white;
}

.input-control {
	border-bottom: 1px solid white;
	border-radius: 0;
}

	.input-control select option {
		font-size: 14px;
		background-color: #282828;
	}

	.input-control input,
	.input-control select {
		background: transparent;
		border: 0;
		appearance: none;
		outline: 0;
		color: white;
		z-index: 1;
	}

	.input-control label {
		position: absolute;
		left: 0;
		top: 0;
		transition: .3s;
		transform-origin: left;
		display: flex;
		align-items: flex-start;
	}

.input-control-inactive {
	border-color: #4c4c4c !important;
}

.button-control {
	padding: 10px 0;
	display: flex;
	justify-content: center;
	border: 1px solid white;
}

.button-control-inactive, .button-control:active {
	border-color: #4c4c4c !important;
	color: gray !important;
}