@charset "utf-8";

.listy_zaladowcze_container {
	width: 100%;
    height: 100%;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    gap: 8px;
	overflow: auto;
	/* border: 2px solid transparent; */
}
.lista_zaladowcza {
	width: 100%;
}
.lista_zaladowcza_header {
	display: flex;
	flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 2px;
	padding: 8px;
	background-color: LightGray;
	border: 2px solid DarkGray;
}
.lzh_left {
	display: flex;
	flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
}
.lzh_center {
	display: flex;
	flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.lzh_right {
	display: flex;
	flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}
.lista_zaladowcza_header div {
	font-size: 18px;
	font-weight: 700;
}
.lista_zaladowcza_header .ikona_statusu span,
.lista_zaladowcza_header .ikona_tankowania span {
	font-size: 24px;
}
.lista_zaladowcza_header .ikona_srodek span {
	font-size: 18px;
}

.lista_zaladowcza_table thead {
	border: 1px solid DarkSlateGray;
	background-color: #666;
	color: White;
}
.lista_zaladowcza_table th {
	padding: 2px;
	font-size: 14px;
	font-weight: bold;
}
.lista_zaladowcza_table tbody {
	border: 1px solid DarkSlateGray;
}	
.lista_zaladowcza_table tbody tr {
	height: 30px;
}
.lista_zaladowcza_table tbody tr.nowa_grupa td {
	border-top: 2px solid DarkSlateGray;
}
.lista_zaladowcza_table tbody tr:nth-child(odd) {
    background-color: #00bfff80; /* DeepSkyBlue; *LightGray;*/
}
.lista_zaladowcza_table tbody tr:nth-child(even) {
    background-color: #87cefa80; /* LightSkyBlue; *Silver;*/
}
.lista_zaladowcza_table td {
	padding: 2px;
	font-size: 11px;
}
.lista_zaladowcza_table td b {
	font-size: 11px;
}

@media screen and (max-width: 880px) {
	.listy_zaladowcze_container {
		padding: 6px 0;
		flex-direction: column;
		justify-content: flex-start;
		gap: 16px;
		overflow-y: auto;
	}
	.lista_zaladowcza {
		width: 100%;
	}
	.lista_zaladowcza_header div {
		font-size: 16px;
	}
	.lista_zaladowcza_table th {
		font-size: 12px;
	}
	.lista_zaladowcza_table td {
		font-size: 11px;
	}
}

.lista_zaladowcza_table .skoczek, 
.lista_zaladowcza_table .spadochron, 
.lista_zaladowcza_table .wyrzut,
.lista_zaladowcza_table .zadanie,
.lista_zaladowcza_table .formacja,
.lista_zaladowcza_table .notatki {
	text-align: left;
}
.lista_zaladowcza_table .grupa, 
.lista_zaladowcza_table .wyrzut {
	text-align: center;
}
.lista_zaladowcza_table .lp {
	text-align: right;
}