@charset "utf-8";

.spadochrony_container {
	width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	gap: 8px;
	overflow-y: auto;
}
.spadochrony_pane {
	width: 50%;
}

.spadochrony_table .status,
.spadochrony_table .ulozenie {
	font-size: 20px;
	text-transform: uppercase;
}

.ulozenie.ulozony {
}
.ulozenie.nieulozony {
	background-color: Orangered;
 }
.status.g {
}
.status.u {
	background-color: Orange;
}
.status.w {
	background-color: OrangeRed;
}

.spadochrony_table .rezerwacje {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.spadochrony_table .rezerwacja {
	min-width: 26px;
	height: 28px;
	margin: 0 2px;
	padding: 0 4px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	font-size: 20px;
	font-weight: bold;
	background-color: darkgreen;
	color: White;
	border: 2px dashed black;
}
.spadochrony_table .rezerwacja.spadochron_zaplanowany {
	background-color: Yellow !important;
	color: Black !important;
	border: 2px solid black !important;
}

@media screen and (max-width: 880px) {
    .spadochrony_container {
		flex-direction: column;
	}
	.spadochrony_pane {
		width: 100%;
	}
}