html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
}

.dtTable10 {
	display: table;
	font-family: Impact, Charcoal, sans-serif;
	height: 8%;
	width: 100%;
	box-sizing: border-box;
	/* da se border vkljiči v % height*/
}

.dtTable20 {
	display: table;
	font-family: Impact, Charcoal, sans-serif;
	height: 20%;
	width: 100%;
	box-sizing: border-box;
	/* da se border vkljiči v % height*/
}

.dtTable80 {
	display: table;
	font-family: Helvetica, Arial, sans-serif;
	height: 80%;
	width: 100%;
	box-sizing: border-box;
	/* da se border vkljiči v % height*/
}

.dtTable90 {
	display: table;
	font-family: Helvetica, Arial, sans-serif;
	height: 92%;
	width: 100%;
	box-sizing: border-box;
	/* da se border vkljiči v % height*/
}

.dtBody {
	display: table-row-group;
}

.dtRow {
	display: table-row;
}

.dtHead {
	/*CELJE*/
	background-color: Gold;
	/*LJUBLANA*/
	/*background-color: #67BD50;*/
	border: 0px solid #999;
	color: DarkBlue;
	display: table-cell;
	/*font-size: 250%;*/
	padding: 0px 0px 0px 0px;
	text-align: center;
	vertical-align: middle;
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently supported by Chrome and Opera */
}

.dtBackground {
	border: 0px solid #999;
	display: table-cell;
	padding: 0px 0px 0px 0px;
	text-align: center;
	vertical-align: middle;
}

.dtCell {
	align-items: center;
	justify-content: center;
	padding: 6px 4px;
	box-sizing: border-box;
	/* obstoječe lastnosti ostanejo */
	background-color: lightBlue;
	border: 0px solid #999;
	color: DarkBlue;
	display: table-cell;
	font-weight: bold;
	padding: 0;
	/* ← lahko zmanjšaš ali odstraniš, če hočeš manj paddinga */
	text-align: center;
	vertical-align: middle;
	/* ← ključno za centriranje, če ni flex */
	-webkit-user-select: none;
	user-select: none;
	/* ← sprememba #1 */
	flex-direction: column;
	/* ← sprememba #2 */
	align-items: center;
	/* ← sredinsko vodoravno */
	justify-content: center;
	/* ← sredinsko navpično */
	padding: 10px;
	/* ← premaknjen padding sem */
	box-sizing: border-box;
	gap: 4px;
	/* ← razmik med vrsticami, namesto order + flex:1 */
}

.dtCell_Container {
	display: flex;
	flex-direction: column;
	/* Navpična razporeditev */
	align-items: center;
	/* Sredinska poravnava vodoravno */
	justify-content: center;
	/* Sredinska poravnava navpično */
	padding: 10px;
	height: 100%;
	/* Zapolni celotno celico */
	box-sizing: border-box;
	/* da se border vkljiči v % height*/
	order: 1;
	/* Nad .dtCell_stevilka */
}

.dtCell_sektor {
	color: green;
	order: 2;
}

.dtCell_biv {
	color: tomato;
	order: 4;
}

.dtCell_nom {
	color: Gold;
	order: 5;
}

.dtCell_ocena {
	color: whitesmoke;
	order: 6;
}

.dtCell_stevilka {
	display: flex;
	font-size: 300%;
	justify-content: center;
	align-items: center;
	order: 7;
	/* V sredini */
}

.dtCell_ems {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 75%;
	order: 8;
	/* Pod .dtCell_stevilka */
}

.dtCell_sektor,
.dtCell_ocena,
.dtCell_biv,
.dtCell_nom {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	/* Enakomerno razporedi širino */
	text-align: center;
}

/*caka*/
.s1 {
	animation: none;
}

/*priprava*/
.s2 {
	animation: none;
	background-color: Gold;
	/*font-size: 300%;*/
	color: red;
}

/*voice call*/
.s3 {
	background-color: red;
	animation: blinker 2.5s linear infinite;
	/*font-size: 300%;*/
	color: Gold;
}

@keyframes blinker {
	50% {
		opacity: 0.4;
	}
}

/*miza*/
.s4 {
	animation: none;
	background-color: red;
	color: Gold;
}

/*fertig*/
.s5 {
	animation: none;
	background-color: DarkGreen;
	color: LightGreen;
}

.dtBisHead {
	background-color: DarkBlue;
	border: 0px solid #999;
	color: lightBlue;
	display: table-cell;
	/*font-size: 160%;*/
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	text-align: center;
	vertical-align: middle;
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently supported by Chrome and Opera */
}

.dtBisCell {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 6px 4px;
	box-sizing: border-box;
	/* obstoječe lastnosti ostanejo */
	background-color: lightBlue;
	border: 0px solid #999;
	color: DarkBlue;
	display: table-cell;
	font-weight: bold;
	padding: 0;
	/* ← lahko zmanjšaš ali odstraniš, če hočeš manj paddinga */
	text-align: center;
	vertical-align: middle;
	/* ← ključno za centriranje, če ni flex */
	-webkit-user-select: none;
	user-select: none;
	/* ← sprememba #1 */
	flex-direction: column;
	/* ← sprememba #2 */
	align-items: center;
	/* ← sredinsko vodoravno */
	justify-content: center;
	/* ← sredinsko navpično */
	padding: 10px;
	/* ← premaknjen padding sem */
	box-sizing: border-box;
	gap: 4px;
	/* ← razmik med vrsticami, namesto order + flex:1 */
}