@import 'https://fonts.googleapis.com/css?family=Fira+Sans:300,400';
@import 'https://fonts.googleapis.com/icon?family=Material+Icons';
@import url('https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
	/*
	--menuColor: #9CF;
	--menuHighlightColor: #8BE;
	--submenuHighlightColor: rgb(114, 177, 239);
	--actinfoColor: #ADF;
	--actinfoBorderColor: #39f;
	*/

	--menu-bg: #1E3A8A;
	/*--menu-hover: #1D4ED8;*/
	--submenu-bg: #2563EB;
	--submenu-hover: #3B82F6;

	--info-bg: #111827;
	--info-text: #F9FAFB;

	/* STATUSY KATEGORII */
	--cat-closed-bg: #FEF2F2;
	--cat-closed-text: #7F1D1D;
	--cat-not-drawn-bg: #E5E7EB;
	--cat-not-drawn-text: #374151;
	--cat-drawn-bg: #DBEAFE;
	--cat-drawn-text: #1E40AF;
	--cat-starting-bg: #FEF3C7;
	--cat-starting-text: #92400E;
	/*--cat-in-progress-bg: #FFEDD5;
	--cat-in-progress-text: #9A3412;*/
	--cat-in-progress-bg: #EDE9FE;
	--cat-in-progress-text: #5B21B6;
	--cat-results-bg: #D1FAE5;
	--cat-results-text: #065F46;
	--cat-finished-bg: #D1FAE5;
	--cat-finished-text: #065F46;
}



* {
	margin: 0px;padding:0;border:0; -webkit-box-sizing:border-box;box-sizing:border-box;
}

.flex-horizontal {
	display: flex;
	flex-direction: row;
}

.flex-vertical {
	display: flex;
	flex-direction: column;
}

.white {
	color: white;
}

.black {
	color: black;
}

.button-green {
	background: rgb(21, 134, 23);
	color: white;
}

.button-red {
	background: rgb(202, 60, 60);
	color: white;
}

body {
  font-family: Saira;
}

P {
	margin-bottom: 7px;
}

H1 {
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 1.6rem;
}

H2 {
	margin-top: 7px;
	margin-bottom: 7px;
}

@media screen and (min-width: 1081px) {

	body {
	  font-size: 15px;
	}

	HEAD {
		font-size: medium;
	}
}





#page {
	margin: 0px 15px 15px 15px;
	clear: both;
}

/*
tr {
	height: 20px;
}

tr:nth-child(even) {
	background-color: #ddd;
}
*/

.missing:nth-child(even) TD {
	background-color: #f99 !important;
}

.missing:nth-child(odd) TD {
	background-color: #fcc !important;
}

.present {
	background-color: #cfc;
}
.present:nth-child(even) {
	background-color: #9f9;
}

.disciplina_zaskrtavatko {
	margin-left: 16px;
	margin-right: 16px;
}

.change {
	background: #ff5050;
}

/*
.discipliny {
	min-width: 200px;
}
*/

.discipliny span{
	float:left;
	width: 45px;
	font-size: 10px;
	height: 40px;
	word-wrap: break-word;
}

.narrow {
	height: 20px;
	margin: 0px;
}

fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}

input[type=text] {
	/*width: 50px;*/
}

.tlacitko {
	border: 1px solid gray;
	border-radius: 3px;
	margin: 4px;
	margin-top: 0px;
	padding: 2px;
}

.vysledky {
	float: right;
}


.header-name IMG {
	width: 60px;
	vertical-align: middle;
	margin-right: 10px;
}


.vypis_zavodniku {
  overflow-x: auto;
  white-space: nowrap;
  width: unset !important;
  margin: unset !important;
}

/*
select {
  margin: 10px;
  awidth: 150px;
	max-width: 80vw;
  padding: 5px 35px 5px 5px;
  font-size: 1rem;
  border: 1px solid #CCC;
  height: 34px;
  a-webkit-appearance: none;
  a-moz-appearance: none;
  aappearance: none;
  background: 96% / 15% no-repeat #EEE;
}
*/


#vypis_zavodniku_filter {
  float: left;
}

#vypis_zavodniku thead .inputFilter input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/*
#vypis_zavodniku tr:nth-child(even) {
  background: #eee;
}
*/

#vypis_zavodniku td {
  vertical-align: top;
}

#vypis_zavodniku thead .selectFilter select option[value=""] {
  color: darkgray;
}

.pure-form select {
	padding: 0.2em 0.6em;
}

.select2-selection {
	box-shadow: inset 0 1px 3px #ddd;
}

.button-xsmall {
	font-size: 70%;
}

.button-small {
	font-size: 85%;
}

.button-large {
	font-size: 110%;
}

.button-xlarge {
	font-size: 125%;
}

.documents-list {
	margin-left: 20px;
}

.documents-list li {
	list-style-type: none;
	margin: 15px 0px;
}

.pure-menu-link IMG {
	display: none;
}


.pure-menu-link I {
	width: 37px;
    height: 37px;
	line-height: 37px;
    border-radius: 40px;
	font-size: 20px;
	color: black;
    background-size: cover;
	background-color: white;
	text-align: center;
	margin-right: 10px;
}

#order {
    overflow-x: scroll;
	overflow-y: clip;
}


.tiles ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 15px;
}

.tiles button, .tiles .pure-button {
	margin-bottom: 10px;
}

.tiles li {
	width: 400px;
	height: 90px;
	border: 1px solid rgb(195, 195, 195);
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	list-style-type: none;
	margin-bottom: 10px;
	background-color: rgb(235, 238, 244);
	padding:5px;
}

.result-tiles li {
	width: 500px;
	height: auto;
	max-width: 95%;
}

.tiles li .tile-content {
	width: 100%;
	height: 100%;
	display: flex;
    flex-direction: row;
	align-items: center;
    justify-content: space-evenly;
	text-align: center;
	text-decoration: none;
	color: black;
}

#tiles li h3 {
	font-size: 14px;
}

.tiles li p {
	font-size: 12px;
	margin: 0px;
}

.tiles li p.status {
	width: 100px;
}

.tiles li .tile-cat-name {
	width: 200px;
}

.result-tiles li .tile-cat-name {
	width: 330px;
}


.tiles li .tile-cat-name H3{
	margin-bottom: 7px;
}

.tiles li.cat-closed {
	border: 1px solid var(--cat-closed-text);
}

.tiles li.cat-not-drawn {
	border: 1px solid var(--cat-not-drawn-text);
}

.tiles li.cat-drawn {
	border: 1px solid var(--cat-drawn-text);
}

.tiles li.cat-starting {
	border: 1px solid var(--cat-starting-text);
}

.tiles li.cat-in-progress {
	border: 1px solid var(--cat-in-progress-text);
}

.tiles li.cat-results {
	border: 1px solid var(--cat-results-text);
}

.tiles li.cat-finished {
	border: 1px solid var(--cat-finished-text);
}




.cat-closed, .cat-closed TD, .cat-closed A, .cat-closed A:not(.pure-button) {
	background-color: var(--cat-closed-bg) !important;
	color: var(--cat-closed-text);
}

.cat-not-drawn, .cat-not-drawn TD, .cat-not-drawn A {
	background-color: var(--cat-not-drawn-bg) !important;
	color: var(--cat-not-drawn-text) !important;
}

.cat-drawn, .cat-drawn TD, .cat-drawn A {
	background-color: var(--cat-drawn-bg) !important;
	color: var(--cat-drawn-text) !important;
}

.cat-starting, .cat-starting TD, .cat-starting A {
	background-color: var(--cat-starting-bg) !important;
	color: var(--cat-starting-text) !important;
}

.cat-in-progress, .cat-in-progress TD, .cat-in-progress A {
	background-color: var(--cat-in-progress-bg) !important;
	color: var(--cat-in-progress-text) !important;
}

.cat-results, .cat-results TD, .cat-results A {
	background-color: var(--cat-results-bg) !important;
	color: var(--cat-results-text) !important;
}

.cat-finished, .cat-finished TD, .cat-finished A {
	background-color: var(--cat-finished-bg) !important;
	color: var(--cat-finished-text) !important;
}

.badge {
  padding: 4px 8px;
  border-radius: 10px;
  font-weight: 500;
  width: 100px;
}

.badge i {
	font-size: 25px;
	margin-top: 8px;
	margin-bottom: 8px;
}


#results-table {
	width: min-content;
	margin-left: 0px;
}