/*    * { border: solid 1px red};    */

/*Celý dokument*/

/*Farby pre web
#f7f7f7
#fff
#039
#6678b1
*/

* { 
	box-sizing: border-box;
   margin: 0; 
}

/*Vypnutie šípočiek v inpute number*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

body {	
	height: auto;
	margin: 0;
	padding: 0;
	background: #f7f7f7;
	font-size: .8em;	
}


main {
	margin: 0 auto;		
	max-width: 100%;
	height: auto;
	text-align: center;
	background-color: #f7f7f7;
}

footer
	{		
		max-width: 90%;
		text-align: center;
		margin-top: 2em;
		margin-bottom: 1em;
		margin-left: auto;
		margin-right: auto;
	}	

.opravnene_osoby {
	margin: 0 auto;
	font-size: .8em;
	text-align: left;
}

h2 { margin: .4em; }

h3 { margin: .3em; }

a {	text-decoration: none;}

select {
	background-color: #f7f7f7;
	color: #6678b1;
	width: 100%;
	text-align: left;
}

.tabulka {
	margin: 0 auto;
	width: 40em;
	text-align: center;
}

.nezalamovat {
	white-space: nowrap;
}

.na_bok {
	transform: rotate(-70deg);
	white-space: nowrap;
}

tbody{
    width: 100%;
    display: table;
}


.tabulka input {
	width: 100%;
	text-align: center;
}

.tabulka select {
	text-align: left;
}

input[type="radio"]:checked+label {
  color: rgb(255, 20, 20); 
}

input[type='radio'] {
	-webkit-appearance:none;
	width:1em;
    height:1em;
    background:white;
    border:2px solid #039;
    border-radius: 2px;
    border-radius: 50%;
    vertical-align: middle; 

}
input[type='radio']:checked {
    background: #039;
}

.center_text_elementu {
	text-align: center;
}


.datum_po_splatnosti {
	background-color: #815252;
	border-radius: .2em;
	padding-right: .2em;
	padding-left: .2em;
}

/* -------------------------------------------------------------------------- 
Obrázky
----------------------------------------------------------------------------*/

.youtube_span {
	position: absolute;
	top: .8em;
	right: 1em;
	background-color: white;
	padding: .3em;
	border-radius: .3em;
}

.youtube_skolenie {
	height: 1em;
}

/*---------------------------------------------------------------------------*/
/*Login*/
/*---------------------------------------------------------------------------*/

.login_nadpis {	color: #039; }

.login_podnadpis { color: #6678b1; }

.login_text { color: #6678b1; }

.login_alert { color: red; }

.table_login {
	margin: 0 auto;	
	text-align: center;
	width: 25em;
	font-size: 1.2em;
}

.table_login input{
	text-align: center;
	width: 100%;
	font-size: 1.3em;
}


/*---------------------------------------------------------------------------*/
/*Menu spodné*/
/*---------------------------------------------------------------------------*/

.menu_spodne {
	position: fixed;
	bottom: 0em;
	left: 45%;	
	margin-left: -10%;
	min-height: 2em;
	width: 30%;
	height: 2em;
	background-color: white;
	border: solid 1px #6678b1;	
	border-radius: .5em;
	text-align: center;
	z-index: 10;
}

.menu_spodne td {
	width: 19%;
}



.menu_spodne_svg_img {
	width: 2em;
	height: 2em;
	fill: #6678b1;
}

.menu_spodne_svg_img:hover {
	fill: #039;	
}

.menu_bold {
	opacity: 1;
	fill: #039;
	width: 2em;
	height: 2em;
}

.back_top {
	width: 3em;
	fill: #f0efef;	
	vertical-align: bottom;
	position: absolute;
	top: .2em;
	left: 1em;
}

.back_top:hover {
	fill: white;	
}


/*---------------------------------------------------------------------------*/
/*Všeobecne*/
/*---------------------------------------------------------------------------*/

.nadpis {
	margin: 0;
	padding: .2em;
	background-color: #039;
	color: white;
	font-family: calibri;
}

.podnadpis {
	margin: 0;
	padding: .1em;
	background-color: #6678b1;
	color: white;
	font-family: calibri;
}

.alert {
	margin: 0;
	padding: .2em;
	background-color: #B22222;
	color: white;
}

.info {
	margin: 0;
	padding: .2em;
	background-color: green;
	color: white;
}

.medzera {
	width: 100%;
	height: 2em;
}

.medzera1 {
	width: 100%;
	height: 1em;
}

th {
	color: #039;
   }
   
.farba_ramca_cisla input {
    border-color: red;
	color: red
}


/*Tabuľka každého jedného výpisu vína*/
.desktop_produkty_table {		
	width: 100%;
	height: auto;
	margin:0 auto; 	
	margin-top: 0.1em;	
	font-size: 1.2em;
	text-align: center;
	font-family: calibri;
}

	.desktop_produkty_table td {	
		/*text-align: center;*/
		border-bottom: solid .1em #6678b1;
			
	}

		.desktop_produkty_table input {					
			text-align: center;
		}

.submit_button {
	display: inline-block;
	width: 12.3em;
	background-color: #6678b1;
	padding: .3em;
	margin-top: .4em;
	margin-bottom: .4em;
	border-radius: .3em;
	color: white;
	font-weight: bold;
	border: #6678b1;	
}

	.submit_button:hover {
	background-color: #039;
}

.submit_button_red {
	display: inline-block;
	width: 12.3em;
	background-color: #B22222;
	margin-top: .4em;
	margin-bottom: .4em;
	padding: .3em;
	border-radius: .3em;
	color: white;
	font-weight: bold;
	border: #B22222;	
}

	.submit_button_red:hover {
	cursor: pointer;
	background-color: #8B0000;
}

.submit_button_univerzal {
	display: inline-block;
	background-color: #6678b1;
	padding: .3em;
	margin-top: .4em;
	margin-bottom: .4em;
	border-radius: .3em;
	color: white;
	font-weight: bold;
	border: #6678b1;	
}

	.submit_button:hover {
	background-color: #039;
}

.button_td {
	text-align: center;
}

.button_link {
	display: inline-block;
	width: auto;
	background-color: #6678b1;
	padding: .3em;
	margin: .2em;
	border-radius: .3em;
	color: white;
	font-weight: bold;
	border: #6678b1;	
	text-align: center;
}

	.button_link:hover {
	background-color: #039;
}

.button_link_green {
	display: inline-block;
	width: 12.3em;
	font-size: 1.1em;
	background-color: green;
	padding: .3em;
	margin: .4em;
	border-radius: .3em;
	color: white;
	font-weight: bold;
	border: green;	
	text-align: center;
}

	.button_link_green:hover {
	background-color: rgb(61, 88, 19);
}

.button_link_red {
	display: inline-block;
	width: 12.3em;
	font-size: 1.1em;
	background-color: rgb(216, 20, 20);
	padding: .3em;
	margin: .4em;
	border-radius: .3em;
	color: white;
	font-weight: bold;
	border: rgb(210, 37, 37);	
	text-align: center;
}

	.button_link_red:hover {
	background-color: rgb(101, 11, 11);
}

.td_ob {
	color: #039;
}

.podciarknut {
	border-bottom: solid 1px #6678b1;
}

.back {
	width: 6em;
	fill: #6678b1;
}

	.back:hover {
		fill: #039;
	}

.white {color: green;}
.red {color: red;}
.rose {color: #d64161;}
.ovocne {color: orange;}
.perlive {color: blue;}
.destilat {color: black;}

.id_kombinacia {
	padding: .2em;	
	font-size: .6em;
	border: solid .1em;
	border-radius: 50%;
}


.btn_ulozit_vykaz {
	background: none;
	border: none;
	cursor:pointer;	
}




/*---------------------------------------------------------------------------*/
/*Atribúty*/
/*---------------------------------------------------------------------------*/

.table_atributy {
	text-align: center;
	margin: 0 auto;
	font-size: 1em;
}

.td_atributy {
	color: #039;
	text-align: center;
}

	.td_atributy a {
		color: #039;
	}

.flasa_atribut {
	width: 5em;
	max-height: 10em;
}

.table_atributy svg {
	width: 7em;
	opacity: .7;
	fill: #6678b1;
	stroke: #6678b1;
	max-height: 7em
}

	.table_atributy svg:hover {
		opacity: 1;
		fill: #039;
		stroke: #039;
	}

.vypis_cien_materialov_table {
	max-width: 50em;
	width: 100%;
	margin: 0 auto;
}

.vypis_cien_materialov_table th {
	text-align: center;
}

.historia_cien_materialov_table {
	margin: 0 auto;	
}

.cena {
	max-width: 4em;
}


/*---------------------------------------------------------------------------*/
/*Produkty*/
/*---------------------------------------------------------------------------*/

.baner_nadpis_produktov {
	margin: 0 auto;
	padding: .2em;
	background-color: #039;
	color: white;
	font-family: calibri;
}


.nadpis_produktov {
	display: inline-block;
	margin: 0;
	padding: .2em;
	background-color: #039;
	color: white;
	font-family: calibri;
}


/*Počet stlpcov: 1´7*/
.edit			{width: 3%;}
	.edit input {width: 100%;}
.rada_td 		{width: 8%;}
	.rada_td input {width: 100%;}
.kp_td 		{width: 3%;}
	.kp_td input {width: 100%;}
.odroda_td 		{width: 8%;}
	.odroda_td input {width: 100%;}
.cukor_td 		{width: 1%;}
	.cukor_td input {width: 100%;}
.view_td 		{width: 1.5%; }
.view_td svg {width: 1em;}
.flasa_td 		{width: 11.5%;}
	.flasa_td input {width: 100%;}
.korok_td 		{width: 9%;}
	.korok_td input {width: 100%;}
.zaklopka_td 	{width: 8%;}
	.zaklopka_td input {width: 100%;}
.etiketa_td 	{width: 9%;}
	.etiketa_td input {width: 100%;}
.karton_td 		{width: 8%;}
	.karton_td input {width: 100%;}
.ine_td 		{width: 5%;}
	.karton_td input {width: 100%;}
.vaha_td 		{width: 4%;}
	.vaha_td input {width: 100%;}
.ean_td 		{width: 9%;}
	.ean_td input {width: 100%;}
.skupinovy_td 	{width: 9%;}
	.skupinovy_td input {width: 100%;}
.kartonks_td 	{width: 3%;}
	.kartonks_td input {width: 100%;}

.pencil {
	width: 1em;
	fill: #6678b1;
}

	.pencil:hover {
		width: 1em;
		fill: #039;
	}

.vysunut {
	width: 1em;
	stroke: #6678b1;
}

	.vysunut:hover {
		width: 1em;
		stroke: #039;
	}

.tlac {
		width: 2em;
		fill: #6678b1;
		vertical-align: middle;
	}
	
		.tlac:hover {
			fill: #039;
		}

.tlac_biela {
	width: 2em;
	fill: #bdbdbf;
	vertical-align: middle;
}

	.tlac_biela:hover {
		fill: rgb(255, 255, 255);
	}

.kopia_vykazu {
	width: 2em;
	fill: #6678b1;
	vertical-align: middle;
}

	.kopia_vykazu:hover {
		fill: #039;
	}

.kos {
	width: 1em;
	fill: #6678b1;
}

	.kos:hover {
		width: 1em;
		fill: #039;
		font-weight: bold;
	}

.archiv_presun {
		width: 1.5em;
		fill: #6678b1;
	}
	
		.archiv_presun:hover {
			fill: #039;
		}

.archiv {
			margin: .5em;
			width: 3em;
			fill: #6678b1;
		}
		
			.archiv:hover {
				fill: #039;
			}

.filter {
	width: 3em;
	fill: #6678b1;
}

	.filter:hover {
		width: 3em;
		fill: #039;
	}

.addfiles {
	width: 1.2em;
	fill: #6678b1;
}

	.addfiles:hover {
		width: 1.2em;
		fill: #039;
	}

.files_link {
	color: #039;
}

	.files_link:hover {
	color: black;
}

.filter_option {
	color: #6678b1;
}

.historia {
	width: 1em;
	fill: #6678b1;
}

	.historia:hover {
		width: 1em;
		fill: #039;
	}


.submit_filter {
	display: inline-block;
	background-color: #6678b1;	
	border-radius: .3em;
	color: white;
	font-weight: bold;
	border: #6678b1;	
}

	.submit_filter:hover {
	background-color: #039;
}

.filter_row td {
	border-top: solid 1px #6678b1;
	border-bottom: solid 1px #6678b1;
}

.dva {background-color: #f0efef;}

.cukor_bunky {
	text-orientation: mixed;
	writing-mode: vertical-rl;
	letter-spacing: -4px;
}

.zrus_filter {
	margin-right: 2em;
	font-size: 1.4em;
	color: #039;
	font-weight: bold;
	border: solid .2em #039;
	border-radius: .3em;
	opacity: .7;
}

.zrus_filter:hover {
	opacity: 1;
}

	.mobil_filter_submit_button {
		width: 100%;
		font-size: 2em;
		background-color: #6678b1;
		border-radius: .3em;
		color: white;
		font-weight: bold;
		border: #6678b1;	
		margin-bottom: .5em;
	}

	.button_link_mobil {
		padding: .3em;
		background-color: #B22222;
		border-radius: .3em;
		color: white;
		font-weight: bold;
		border: #B22222;	
	}

	.mobil_table_filter input {
			width: 100%;
		}



/*---------------------------------------------------------------------------*/
/*EDIT*/
/*---------------------------------------------------------------------------*/

.tabulka_edit {
	width: 40em;
	margin: 0 auto;
}

.tabulka_edit input {
	width: 100%;
}

/*---------------------------------------------------------------------------*/
/*Second produkt_img*/
/*---------------------------------------------------------------------------*/

.gallery_produkt_plagat {
	height: 15em;
}


.gallery_produkt {
	max-height: 40em;
	border-radius: .4em;
	margin: .3em;
}

.img_view_produkt {
	width: 100%;
	height: 100%;	
	opacity: .8;
}

	.img_view_produkt:hover {
	opacity: 1;
}

.svgwhite {fill: green;}
.svgred { fill: red; }
.svgrose {fill: #d64161;}
.svgovocne {fill: orange;}
.svgperlive {fill: blue;}
.svgdestilat {fill: black;}

.table_filelist {
	margin: 0 auto;		
	text-align: center;
	width: 100%;
	max-width: 50em;
	
}		

	.in_filelist {
		font-size: .7em;
		text-align: center;
	}

	.table_filelist td {		
		color: #039;
	}

		.table_filelist td:hover {
			background-color: #b2bbd8;
		}
	
	.parametre_suboru {
		font-size: .7em;
		color: black;
	}

	.files_list {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}

	@media screen and (max-width: 800px) 
	{
		.files_list {
			grid-template-columns: 1fr 1fr 1fr;
		}
		
	}

	@media screen and (max-width: 550px) 
	{
		.files_list {
			grid-template-columns: 1fr 1fr;
		}

		.table_atributy {
			width: 100%;
			font-size: .8em;
		}

			.table_atributy svg {
			width: 3em;
			max-height: 3em
		}

	}

	.img_produkt {
		display: inline-block;
	}

	.info_img_produkt {
		margin: 0 auto;
		text-align: center;
		font-size: 1em;
	}

	.subor {		
		display: inline-block;
		margin: .2em;
		padding: .2em;
		border: solid .1em #039;
		border-radius: .2em;
		max-width: 15em;
	}

	.info_subor {
		margin: 0 auto;
	}

	.filelink {		
		word-wrap: break-word; /* zalomenie slova */
		word-break: break-word; /* zalomenie na mieste zlomu */
	}

/*---------------------------------------------------------------------------*/
/* Ceny materiálov - vylepšené rozhranie a klávesová navigácia */
/*---------------------------------------------------------------------------*/

.ceny-materialov-toolbar {
	max-width: 70rem;
	margin: .8em auto .6em auto;
	padding: .75em .9em;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .8em;
	flex-wrap: wrap;
	background: #fff;
	border: 1px solid #b2bbd8;
	border-radius: .75em;
	box-shadow: 0 .35em 1.1em rgba(0, 0, 0, .06);
	text-align: left;
}

.ceny-materialov-toolbar__text {
	display: grid;
	gap: .15em;
	color: #1f2933;
}

.ceny-materialov-toolbar__text strong {
	color: #039;
	font-size: 1.08em;
}

.ceny-materialov-toolbar__text span {
	color: #6678b1;
}

.ceny-materialov-toolbar__stats {
	padding: .35em .65em;
	border: 1px solid #b2bbd8;
	border-radius: 999px;
	background: #f7f7f7;
	color: #039;
	font-weight: bold;
	white-space: nowrap;
}

.vypis_cien_materialov_table.ceny-materialov-grid {
	max-width: 70rem;
	width: calc(100% - 1.2em);
	margin: .3em auto 1.2em auto;
	border-collapse: separate;
	border-spacing: 0 .35em;
	font-family: calibri, Arial, sans-serif;
	text-align: left;
}

.ceny-materialov-grid th,
.ceny-materialov-grid td {
	padding: .4em .4em;
	vertical-align: middle;
	border-bottom: 1px solid #e0e5f2;
}

.ceny-materialov-grid th {
	background: #f7f7f7;
	color: #039;
	font-weight: bold;
	text-align: left;
	position: sticky;
	top: 0;
	z-index: 1;
}

.ceny-materialov-grid tbody tr:not(:first-child):not(.has-dirty-price) td {
	background: #fff;
}

.ceny-materialov-grid tbody tr:not(:first-child):hover td,
.ceny-materialov-grid tr.is-active-row td {
	background: #f3f6ff;
}

.ceny-materialov-grid tr.has-dirty-price td {
	background: #fff8ef;
}

.ceny-materialov-grid .ceny-materialov-section-row td {
	padding: .75em 0 .1em 0;
	border-bottom: none;
	background: transparent;
}

.ceny-materialov-grid .podnadpis {
	padding: .45em .65em;
	border-radius: .55em 0 0 .55em;
	box-shadow: 0 .2em .7em rgba(0, 0, 0, .08);
}

.ceny-materialov-toggle-cell {
	width: 2.8em;
	padding-right: 0 !important;
	text-align: right;
	border-bottom: none !important;
	background: transparent !important;
}

.ceny-materialov-toggle {
	width: 2.4em;
	height: 2.35em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #b2bbd8;
	border-radius: 0 .55em .55em 0;
	background: #fff;
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease, transform .15s ease;
}

.ceny-materialov-toggle:hover,
.ceny-materialov-toggle:focus {
	background: #f3f6ff;
	border-color: #039;
	outline: none;
}

.ceny-materialov-toggle svg {
	transition: transform .15s ease;
}

.ceny-materialov-toggle.is-collapsed svg {
	transform: rotate(-90deg);
}

.ceny-materialov-grid a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.8em;
	min-height: 1.8em;
	border-radius: .45em;
}

.ceny-materialov-grid a:hover {
	background: #f3f6ff;
}

.ceny-materialov-grid input.cena {
	width: 6.5em;
	max-width: 100%;
	padding: .42em .55em;
	text-align: right;
	color: #039;
	background: #fff;
	border: 1px solid #b2bbd8;
	border-radius: .45em;
	font-weight: bold;
	outline: none;
	transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.ceny-materialov-grid input.cena:hover {
	border-color: #6678b1;
}

.ceny-materialov-grid input.cena:focus {
	background: #fff;
	border-color: #039;
	box-shadow: 0 0 0 .2em rgba(0, 51, 153, .14);
}

.ceny-materialov-grid input.cena.is-dirty {
	border-color: #d9822b;
	background: #fff8ef;
	color: #8a4b08;
}

.ceny-materialov-grid .farba_ramca_cisla input.cena {
	border-color: #B22222;
	background: #fff5f5;
	color: #B22222;
}

.ceny-materialov-grid .submit_button {
	width: auto;
	min-width: 12.3em;
	padding: .55em 1em;
	cursor: pointer;
	box-shadow: 0 .2em .65em rgba(0, 51, 153, .16);
}

.ceny-materialov-grid .hidden {
	display: none;
}

@media screen and (max-width: 980px) {
	.ceny-materialov-toolbar,
	.vypis_cien_materialov_table.ceny-materialov-grid {
		width: calc(100% - .6em);
	}

	.ceny-materialov-toolbar {
		align-items: stretch;
	}

	.ceny-materialov-toolbar__stats {
		width: 100%;
		text-align: center;
	}

	.ceny-materialov-grid th,
	.ceny-materialov-grid td {
		padding: .42em .35em;
	}

	.ceny-materialov-grid input.cena {
		width: 5.7em;
		padding: .5em .45em;
	}
}

@media screen and (max-width: 550px) {
	.ceny-materialov-toolbar__text span {
		font-size: .95em;
	}

	.vypis_cien_materialov_table.ceny-materialov-grid {
		font-size: .82em;
	}

	.ceny-materialov-grid th,
	.ceny-materialov-grid td {
		padding: .38em .25em;
	}
}

/*---------------------------------------------------------------------------*/
/*Produkt view*/
/*---------------------------------------------------------------------------*/

	.marketingovy_text {
		margin: 0 auto;
		padding: .3em;
		max-width: 50em;
		text-align: left;
		font-size: 1.2em;
	}


/*---------------------------------------------------------------------------*/
/*Darčekové balenie*/
/*---------------------------------------------------------------------------*/

.tabulka_darcekove {
	width: 100%;
}

.tabulka_darcekove td {
	padding-left: .2em;
}

.tabulka_vnorena_darcek {
	width: 100%;
	font-size: .8em;
	color: #039;

}

.darcek_nazov {color: white; background-color: #039;}
	.darcek_nazov input {width: 100%;}
.darcek_kp {width: 3%; color: white; background-color: #039;}

.darcek_vnorena_td {width: 66%;}
	.darcek_rada 		{width: 12%;}
		.darcek_rada input {width: 100%;}
	.darcek_produkt 	{width: 15%;}
		.darcek_produkt input {width: 100%;}
	.darcek_flasa 		{width: 15%;}
		.darcek_flasa input {width: 100%;}
	.darcek_korok 		{width: 15%;}
		.darcek_korok input {width: 100%;}
	.darcek_zaklopka 	{width: 15%;}
		.darcek_zaklopka input {width: 100%;}
	.darcek_etiketa 	{width: 18%;}
		.darcek_etiketa input {width: 100%;}
.darcek_karton {width: 9%;}
	.darcek_karton input {width: 100%;}
.darcek_ean {width: 10%;}
	.darcek_ean input {width: 100%;}
.darcek_skupinovy_ean {width: 8%;}
	.darcek_skupinovy_ean input {width: 100%;}
.darcek_karton_ks {width: 6%;}
	.darcek_karton_ks input {width: 100%;}

.a_darcek_nazov {width: 9%;}
	.a_darcek_nazov input {width: 100%;}
.a_darcek_kp {width: 3%;}
	.a_darcek_kp input {width: 100%;}
.a_darcek_vnorena_td {width: 58%;}
	.a_radio_button 		{width: 4%;}
		.a_radio_button input {width: 100%;}
	.a_darcek_rada 		{width: 7%;}
		.a_darcek_rada input {width: 100%;}
	.a_darcek_produkt 	{width: 14%;}
		.a_darcek_produkt input {width: 100%;}
	.a_darcek_flasa 		{width: 15%;}
		.a_darcek_flasa input {width: 100%;}
	.a_darcek_korok 		{width: 15%;}
		.a_darcek_korok input {width: 100%;}
	.a_darcek_zaklopka 	{width: 15%;}
		.a_darcek_zaklopka input {width: 100%;}
	.a_darcek_etiketa 	{width: 10%;}
		.a_darcek_etiketa input {width: 100%;}
	.a_darcek_ean 		{width: 10%;}
		.a_darcek_ean input {width: 100%;}
.a_darcek_karton {width: 9%;}
	.a_darcek_karton input {width: 100%;}
.a_darcek_skupinovy_ean {width: 8%;}
	.a_darcek_skupinovy_ean input {width: 100%;}
.a_darcek_karton_ks {width: 3%;}
	.a_darcek_karton_ks input {width: 100%;}
.a_darcek_paleta_ks {width: 6%;}
	.a_darcek_paleta_ks input {width: 100%;}


/*---------------------------------------------------------------------------*/
/*Nový produkt*/
/*---------------------------------------------------------------------------*/

.nrada_td {width: 9%;}
	.nrada_td select {width: 100%;}
.nkp_td {width: 3%;}
	.nkp_td select {width: 100%;}
.nodroda_td {width: 9%;}
	.nodroda_td select {width: 100%;}
.ncukor_td {width: 5%;}
	.ncukor_td select {width: 100%;}
.nflasa_td {width: 9%;}
	.nflasa_td select {width: 100%;}
.nkorok_td {width: 9%;}
	.nkorok_td select {width: 100%;}
.nzaklopka_td {width: 9%;}
	.nzaklopka_td select {width: 100%;}
.netiketa_td {width: 9%;}
	.netiketa_td select {width: 100%;}
.nkarton_td {width: 10%;}
	.nkarton_td select {width: 100%;}
.nean_td {width: 8%;}
	.nean_td input {width: 100%;}
.nskupinovy_td {width: 8%;}
	.nskupinovy_td input {width: 100%;}
.nkartonks_td {width: 6%;}
	.nkartonks_td input {width: 100%;}
.npaletaks_td {width: 6%;}
	.npaletaks_td input {width: 100%;}

.textarea_edit textarea {
	width: 100%;
}

/*---------------------------------------------------------------------------*/
/*Alternatívny produkt*/
/*---------------------------------------------------------------------------*/

.tabulka_alternativny_produkt {
	margin: 0 auto;
}

	.tabulka_alternativny_produkt th {
		text-align: left;
	}


.aedit { 
	background-color: #039; color: white; 
	text-align: center;
}


.link_alternativa {
	padding: .05em;
	color: #6678b1;
	border: solid 1px #6678b1;
	border-radius: .3em;
	font-size: 1.2em;
}

	.link_alternativa:hover {
		color: #039;
	}


.table_file {
	width: 100%;
	font-size: .8em;
}	


	.table_file td {
		color: #039;
		text-align: right;
	}

		.table_file tr:hover {
			background-color: #b2bbd8;
		}

.table_file_link {width: 70%;}
.table_file_date {width: 25%;}
.table_file_del {width: 5%;}

.filelist {
	padding: 0;
	margin: 0em;
	list-style: none;		
}

	.filelist li {
		display: inline-block;
		text-align: center;		
	}


	.filelist a {
		color: #6678b1;
		font-size: .8em;
	}

	.filelist:hover a {
		color: #039;		
	}

.showfilelist {
	padding: 0;
	margin: 0;	
	text-align: center;		
}

	.showfilelist li {
		list-style: none;
		color: #6678b1;	
		display: inline-block;
		border-radius: .3em;
		margin: .1em;
		background-color: #6678b1;	
		padding: .2em;
	}

	.showfilelist li:hover {
		background-color: #039;
	}

		.showfilelist li a {
			list-style: none;
			color: white;	
			font-size: 1.2em;			
			}

		.showfilelist li a:hover {
			list-style: none;	
			font-size: 1.3em;		
			}





/*---------------------------------------------------------------------------*/
/*Výrobca*/
/*---------------------------------------------------------------------------*/

.td_vyrobca_nazov {	background-color: #039; color: white;}


.td_vyrobca_typ_firmy {	background-color: #039; color: white;}

.td_adresa {text-align: left;}
.td_ico {text-align: left;}
.td_poznamka {text-align: left;}


a {
	text-decoration: none;
}


.kontakty_vyrobca {
	width: 1em;
	fill: #6678b1;
}

		.kontakty_vyrobca:hover {
		width: 1em;
		fill: #039;
	}

.portfolio_vyrobca {
	width: 1em;
	fill: #6678b1;
}

		.portfolio_vyrobca:hover {
		width: 1em;
		fill: #039;
	}

.subory_svg {
	width: 1em;
	fill: #6678b1;
}

		.subory_svg:hover {
		width: 1em;
		fill: #039;
	}

.kbu_male {
	width: 1em;
	fill: #6678b1;
}

	.kbu_male:hover {
		width: 1em;
		fill: #039;
	}

.folder {
		fill: #6678b1;
		width: 3em;
		height: 3em;
	}
	
	.folder:hover {
		fill: #039;
	}

.dokument {
			fill: #6678b1;
			width: 4em;
			height: 4em;
		}
	
	.dokument:hover {
			fill: #039;
		}

.odd_vyrobca_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    align-items: center;
}

.odd_vyrobca {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    font-size: 12px;
    cursor: pointer;
}

.odd_vyrobca input[type="checkbox"] {
    margin: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.odd_vyrobca span {
    display: inline-block;
    line-height: 1;
}

/*---------------------------------------------------------------------------*/
/*Portfólio*/
/*---------------------------------------------------------------------------*/

.td_portfolio {width: 100%;}
.td_portfolio a {color: #6678b1;}
.td_portfolio a:hover {color: #039;}
	

/*---------------------------------------------------------------------------*/
/*Kontakty*/
/*---------------------------------------------------------------------------*/



.td_kontakt_meno {	background-color: #039; color: white;}
.td_kontakt_id_vyrobca {text-align: left;}
.td_kontakt_info {text-align: left;}
.td_kontakt_poznamka {text-align: left;}

/*---------------------------------------------------------------------------*/
/*Rada*/
/*---------------------------------------------------------------------------*/



	.td_rada_poznamka {text-align: left}


/*---------------------------------------------------------------------------*/
/*Odroda*/
/*---------------------------------------------------------------------------*/


	.td_odroda_poznamka {text-align: left}



/*---------------------------------------------------------------------------*/
/*Etiketa*/
/*---------------------------------------------------------------------------*/


.td_etiketa_nazov {background-color: #039; color: white;}
.td_etiketa_id_vyrobca {background-color: #039; color: white;}
.td_etiketa_poznamka {text-align: left}

/*---------------------------------------------------------------------------*/
/*Flasa*/
/*---------------------------------------------------------------------------*/

.td_flasa_nazov { background-color: #039; color: white;}
.td_flasa_id_vyrobca {background-color: #039; color: white;}
.td_flasa_poznamka {text-align: left}

/*---------------------------------------------------------------------------*/
/*Korok*/
/*---------------------------------------------------------------------------*/

.td_korok_nazov {background-color: #039; color: white;}
.td_korok_id_vyrobca {background-color: #039; color: white;}
.td_korok_poznamka {text-align: left}


/*---------------------------------------------------------------------------*/
/*Zaklopka*/
/*---------------------------------------------------------------------------*/


.td_zaklopka_nazov {background-color: #039; color: white;}
.td_zaklopka_id_vyrobca {background-color: #039; color: white;}
.td_zaklopka_poznamka {text-align: left}

/*---------------------------------------------------------------------------*/
/*karton*/
/*---------------------------------------------------------------------------*/

.td_karton_nazov {background-color: #039; color: white;}
.td_karton_id_vyrobca {background-color: #039; color: white;}
.td_karton_poznamka {text-align: left}


/*---------------------------------------------------------------------------*/
/*karton*/
/*---------------------------------------------------------------------------*/

.table_kbu {
	margin: 0 auto;		
	text-align: center;
	font-size: 1.3em;
}		

	.table_kbu td {
		border-bottom: solid 1px #039;
	}

		.table_kbu td:hover {
			background-color: #b2bbd8;
		}

/*---------------------------------------------------------------------------*/
/*Šablóna etikety*/
/*---------------------------------------------------------------------------*/

.sablony-toolbar {
	max-width: 96rem;
	margin: .8em auto 1em auto;
	padding: .7em .9em;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .8em;
	flex-wrap: wrap;
	background: #fff;
	border: solid 1px #b2bbd8;
	border-radius: .7em;
	box-shadow: 0 .25em .9em rgba(0, 0, 0, .05);
}

.sablony-toolbar .tlac {
	width: 1.5em;
}

.sablony-toolbar__hint {
	color: #6678b1;
	font-size: .95em;
}

.div_sablony,
.sablony-grid {
	display: grid;
	gap: 1.2em;
	align-items: start;
	justify-items: center;
	margin: 0 auto;
	padding: .8em;
}

.sablona-card {
	width: 32rem;
	max-width: 100%;
	padding: .8em;
	background: #fff;
	border: solid 1px #b2bbd8;
	border-radius: .9em;
	box-shadow: 0 .35em 1.1em rgba(0, 0, 0, .07);
}

.sablona-card__header {
	display: flex;
	align-items: center;
	gap: .5em;
	margin-bottom: .55em;
}

.sablona-delete {
	width: 2.2em;
	height: 2.2em;
	min-width: 2.2em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #f7f7f7;
	border: solid 1px #b2bbd8;
	border-radius: .55em;
}

.sablona-delete:hover {
	background: #039;
}

.sablona-delete .kos {
	width: 1.1em;
}

.sablona-delete:hover .kos {
	fill: #fff;
}

.nazov_sablony {
	width: 28rem;
	text-align: center;
	margin: 0;
	padding: .45em .6em;
	font-size: 1.3em;
	color: #039;
	background: #fff;
	border: solid 1px #b2bbd8;
	border-radius: .45em;
	outline: none;
}

.nazov_sablony:focus {
	border-color: #039;
	box-shadow: 0 0 0 .18em rgba(0, 51, 153, .14);
}

.sablona_etikety textarea,
.sablona-textarea {
	margin: .3em auto;
	width: 31rem;
	height: 34rem;
	padding: 1em;
	display: block;
	color: #1f2933;
	background-color: #fff;
	border: solid #039 .2em;
	border-radius: .65em;
	outline: none;
	resize: vertical;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	line-height: 1.32;
	white-space: pre;
	tab-size: 4;
	box-shadow: inset 0 0 0 1px rgba(102, 120, 177, .12);
	background-image:
		linear-gradient(rgba(102,120,177,.055) 1px, transparent 1px),
		linear-gradient(90deg, rgba(102,120,177,.045) 1px, transparent 1px);
	background-size: 100% 1.32em, 1ch 100%;
}

.sablona_etikety textarea:focus,
.sablona-textarea:focus {
	border-color: #6678b1;
	box-shadow:
		0 0 0 .22em rgba(102, 120, 177, .22),
		inset 0 0 0 1px rgba(102, 120, 177, .12);
}

.sablona-card__meta {
	width: 30rem;
	max-width: 100%;
	margin: .45em auto 0 auto;
	display: flex;
	justify-content: space-between;
	gap: .7em;
	flex-wrap: wrap;
	color: #6678b1;
	font-size: .88em;
}

.sablona-card__actions {
	margin-top: .35em;
	text-align: center;
}

@media screen and (min-width: 2000px) 
{
	.div_sablony,
	.sablony-grid {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

@media screen and (max-width: 2000px) 
{
	.div_sablony,
	.sablony-grid {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media screen and (max-width: 1500px) 
{
	.div_sablony,
	.sablony-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width: 1000px) 
{
	.div_sablony,
	.sablony-grid {
		grid-template-columns: 1fr;
	}
}

@media screen and (max-width: 500px) 
{
	.div_sablony,
	.sablony-grid {
		grid-template-columns: 1fr;
		padding: .4em;
	}

	.sablona-card {
		width: 100%;
		padding: .55em;
	}

	.nazov_sablony {
		width: 100%;
		font-size: 1.2em;
	}
	
	.sablona_etikety textarea,
	.sablona-textarea {
		width: 97%;
		height: 34rem;
		padding: .8em;
	}

	.sablona-card__meta {
		width: 97%;
	}
}

/*---------------------------------------------------------------------------*/
/*profil*/
/*---------------------------------------------------------------------------*/
.table_profil {
	margin: 0 auto;	
}

	.table_profil td {
		border-bottom: solid 1px #FCF6F5;
		text-align: center;
	}

/*---------------------------------------------------------------------------*/
/*Upload*/
/*---------------------------------------------------------------------------*/

.uploadform {
	margin: 1 auto;
	text-align: center;
}

	.uploadform td {
		border-radius: .2em;
	}

.uploadform_files {
	text-align: center;
	border: solid 1px #6678b1;	
}

	.uploadform_files ul {
		text-align: center;
	}

.povolene_subory {
	border: solid 1px #6678b1;
	color: 	#6678b1;
}

.hidden {
	display: none;
}

	.vybersubor:hover {
		background-color: #6678b1;
	}

.filenadpis {
	color: white;
	background-color: #039;
	font-weight: bold;	
	border-radius: .2em;
}

.vybersubor {
	display: inline-block;
	width: 100%;
	padding: .1em;
	background-color: #6678b1;
	color: white;
	font-size: bold;
	border-radius: .2em;
}

	.vybersubor:hover {
		background-color: #039;
	}

.filebutton {
	border: none;
	border-radius: .2em;
	background-color: #6678b1;
	color: white;
	text-align: center;
}

.nahrajsubor {
	display: inline-block;
	width: 100%;
	padding: .1em;
	background-color: #6678b1;
	border: none;
	color: white;
	font-size: bold;
	border-radius: .2em;
}

	.nahrajsubor:hover {
		background-color: #039;
	}


.info li {
		list-style: none;
		color: black;	
		margin: .1em;	
		padding: .2em;
		font-size: 1.2em;
}


/*---------------------------------------------------------------------------*/
/*Footer*/
/*---------------------------------------------------------------------------*/



.prihlaseny {	
				width: 100%;	
				color: #6678b1;	
				text-align: center;
				font-size: 1em;
			}

.vyrobil {
			position: static;
			width: 100%;
			text-align: center;
		 	color: #6678b1;
		 	font-size: .8em;
		 	opacity: .7;
		 	z-index: 1;
		 }

.small_logout {	
		margin-left: 2em;
		vertical-align: middle;
		max-width: 3em;	
		fill: #6678b1;
	}

	.small_logout:hover {	
		fill: white;
	}



/*---------------------------------------------------------------------------*/
/*Login, Register*/
/*---------------------------------------------------------------------------*/

	.login, .register, .reset {
		margin: 0 auto;
		font-size: 1.3em;
	}

	.logininput, .registerinput, .resetinput {
		width: 100%;
	}

	.login h2, .register h2, .reset h2 {
		text-align: center;
		padding: .5em;
	}

	.login h3, .register h3, .reset h3 {
		text-align: center;
		padding: .4em;
	}

	.login p, .register p, .reset p {		
		padding: .3em;
	}


		.login_button:hover {
			background: #FE002B;			
		}

		.register_button:hover {
			background: #FE002B;			
		}

		 .reset_button:hover {
			background: #FE002B;
			padding: .2em;
			font-size: 1.1em;
		}

	.zaregistrujtesa, .prihlastesa, .zrusit {
		text-decoration: none;
		color: #DE1B1B;
	}

		.zaregistrujtesa:hover {
			color: #FE002B;
			font-size: 1.2em;
		}

		.prihlastesa:hover {
			color: #FE002B;
			font-size: 1.2em;
		}

	.button_ram {
		text-align: center;
		margin: 1em 0;
	}

	.vystraha {
		color: #E9E581;
		font-weight: bold;
	}

/*---------------------------------------------------------------------------*/
/*ADMIN*/
/*---------------------------------------------------------------------------*/	

.admin_table {
	margin: 0 auto;
}


.admin_table td {
	border: solid black 1px;
	text-align: center;
}

.mobil_screen {
	display: none;
}

	.menu_spodne_mobil {
		display: none;
	}


	.table_oznam_pisat {
		margin: 0 auto;
		text-align: center;
		margin-bottom: 1em;	
		max-width: 50em;
	}


	



/*---------------------------------------------------------------------------*/
/*Reklamácie*/
/*---------------------------------------------------------------------------*/		
	
.zoznam_reklamacii {
	margin: .3em;
	display: grid;		
}

  .zoznam_reklamacii_nazov { 
	grid-area: nazov;
	font-size: 1.2em;
	font-weight: bold;	
	text-align: left;
	}	
  	.zoznam_reklamacii_miesto_zakupenia {
		grid-area: miesto;
		text-align: left;
	}
  	.zoznam_reklamacii_dovod_reklamacie {
		grid-area: dovod;
		text-align: left;
	}
  	.zoznam_reklamacii_meno_zakaznika {
		grid-area: meno;
		text-align: left;
	}

  	.zoznam_reklamacii_ikony {
		grid-area: ikony;
		text-align: right;
		padding-right: .5em;
	}


 @media (max-width: 55em) 
{
	.zoznam_reklamacii {
		grid:
			"nazov" 			 
			"miesto" 
			"dovod" 
			"meno" 
			"ikony" 
	}
}


@media (min-width: 55em) 
{
  .zoznam_reklamacii {
	  grid:
		  "nazov miesto meno" 
		  "dovod dovod dovod" 
		  "ikony ikony ikony";
		grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 90em) 
{
	.zoznam_reklamacii {
		grid:
			"nazov miesto meno dovod ikony";
		grid-template-columns: 1fr 1fr 1fr 2fr 1fr;
	}
}

/* -------------------------------------------------------------------------- */
/* PAGINÁCIA - vyriešené reklamácie */
/* -------------------------------------------------------------------------- */

.pagination{
	margin: 1em auto;
	display: flex;
	justify-content: center;
	gap: .4em;
	flex-wrap: wrap;
	max-width: 95%;
}

.pagination .page_link{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.2em;
	padding: .35em .6em;
	border: solid .12em #6678b1;
	border-radius: .6em;
	background-color: white;
	color: #039;
	font-weight: bold;
	transition: 0.15s ease-in-out;
}

.pagination a.page_link:hover{
	background-color: #039;
	border-color: #039;
	color: white;
}

/* Aktívna stránka (ak ponecháš span pre aktuálnu stranu) */
.pagination span.page_link{
	background-color: #039;
	border-color: #039;
	color: white;
	cursor: default;
}

/* "..." */
.pagination .page_link.ellipsis{
	background: transparent;
	border-color: transparent;
	color: #6678b1;
	min-width: auto;
	padding: .35em .3em;
}

/* Zakázané prev/next */
.pagination .page_link.disabled{
	opacity: .35;
	pointer-events: none;
}

.rekl_stats{
    display:flex;
    justify-content:center;
    gap: 1.2em;
    flex-wrap:wrap;
    margin: .2em 0 1em;
    font-weight: bold;
    color:#039;
}
.rekl_stats strong{
    color:#6678b1;
}



/* Menšie obrazovky */
@media screen and (max-width: 550px){
	.pagination .page_link{
		padding: .45em .65em;
		font-size: 1.2em;
		border-radius: .7em;
	}
}

.container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(1fr, 1fr));
  }

  @media (min-width: 31em) 
  {
	.container {
	  grid-template-columns: minmax(30em, 1fr);
	  gap: 1em;
	}
  }
  
  @media (min-width: 61em) 
  {
	.container {
	  grid-template-columns: repeat(2, minmax(30em, 1fr));
	  gap: 1em;
	}
  }
  
  @media (min-width: 91em) 
  {
	.container {
	  grid-template-columns: repeat(3, minmax(30em, 1fr));
	  gap: 1em;
	}
  }

  @media (min-width: 121em) {
	.container {
	  grid-template-columns: repeat(4, minmax(30em, 1fr));
	  gap: 1em;
	}
  }

  @media (min-width: 151em) {
	.container {
	  grid-template-columns: repeat(4, minmax(30em, 1fr));
	  gap: 1em;
	}

  }

  .galeria_produktu {
	display: grid;
	grid-template-columns: repeat(3, minmax(5em, 10em));
	grid-auto-rows: minmax(5em, 10em);
	gap: .3em;
	grid-row-gap: 1em;
	margin-bottom: 1em;
  }

  .jeden_subor {
	max-width: 10em;
	margin: 0 auto;
  }

  .pdf_img {
	width: 50%;
  }

  .nazov_pdf {
	font-size: .7em;
	max-width: 90%;
  }

	.table_reklamacia {
		margin: .3em auto;
		height: auto;
		padding: .3em;
		background-color: white;
		border: solid .2em #6678b1;
		border-radius: .5em;
		color: #333;
		width: 30em;
		height: auto;
		outline: none;
		vertical-align: top;
	}

	.table_reklamacia input[type="text"] {
		width: 100%;
	}

	.table_reklamacia input[type="number"] {
		width: 100%;
	}

	.table_reklamacia_textarea {
		margin: 0 auto;
		background-color: white;
		border: solid .2em #6678b1;
		border-radius: .5em;
		color: #333;
		width: 100%;
		outline: none;
	}


	.table_reklamacia input[type="text"]{
		width: 100%;
	}

	.table_reklamacia input[type="email"]{
		width: 100%;
	}


	.center_text {
		text-align: center;
	}

	.left_text {
		text-align: left;
	}

	.right_text {
		text-align: right;
	}

	.table_nevyriesene_reklamacie {
		margin: 0 auto;			
	}

	.nevyriesene_dovod_td {
		font-size: .8em;
		text-align: center;
	}

	.nevyriesene_adresa_zakaznika_td {
		font-size: .8em;
		text-align: center;
	}

	.id_reklamacie_kruh {
		border: solid 1px #039;
		border-radius: 50%;
		background-color: #039;
		padding: .2em;
		color: white;
		font-size: .8em;
		margin-right: .5em;
	}

	.td_podciarkni {
		padding-top: .4em;
		border-bottom: solid .2em #6678b1;
	}

	.div_podciarkni {
		padding-top: .4em;
		border-bottom: solid .2em #6678b1;
		display: inline-block;
		width: 16.6%;
		opacity: .6;
	}


	.div_podciarkni_dark {
		padding-top: .4em;
		border-bottom: solid .3em #039;
		display: inline-block;
		width: 16.6%;
	}

	.view_svg {
		width: 1.8em;
		fill: #6678b1;
		vertical-align: middle;
		margin: .2em;
	}
	
		.view_svg:hover {
			fill: #039;
		}
	
	.prevod {
		width: 1.3em;
		fill: #6678b1;
		vertical-align: middle;
		margin: .2em;
	}
		
		.prevod:hover {
			fill: #039;
		}

	.vratit_spat_red {
		width: 1.3em;
		fill: red;
		vertical-align: middle;
		margin: .2em;
	}
		
		.vratit_spat_red:hover {
			fill: red;
		}

	.prijate_ano {
			width: 1.5em;
			fill: green;
			vertical-align: middle;
			margin: .2em;
		}
			
	
	.prijate_nie {
				width: 1.5em;
				fill: #6678b1;
				vertical-align: middle;
				margin: .2em;
			}
				
			.prijate_nie:hover {
					fill: #039;
				}
	
	.komentar {
		width: 1.4em;
		fill: #6678b1;
		opacity: .7;
		vertical-align: middle;
		margin: .2em;
	}

		.komentar:hover {
			fill: #039;
		}
	
	.reklamacia_nahlad_img {
		max-width: 100%;
		max-height: 100%;
		border-radius: .3em;	
	}

	.table_email_zakaznikovi {
		margin: 0 auto;
		background-color: white;
		border: solid .2em #6678b1;
		border-radius: .5em;
		color: #333;
		font-size: 1.3em;
		width: 30em;
		outline: none;
	}

		@media screen and (max-width: 809px) 
		{
			.table_email_zakaznikovi {
				width: 100%;
			}
		}

	.text_left {
		padding: .2em;
		text-align: left;
	}

	.text_right {
		padding: .2em;
		text-align: right;
	}

	.bold_text {
	font-weight: bold;
}

	.ciselnik_pozicie {
		margin: .5em auto .5em auto;
	}

	.cislo_ciselnika {
		border:#039 solid .1em;
		border-radius: 50%;
		margin: 0;
		padding: .3em;
		display: inline-block;
		font-size: 2em;
		color: #039;
	}

	.spojovnik {
		margin: 0;
		padding: 0;
		display: inline-block;
		font-size: 2em;
		color: #039;
	}

	.cislo_ciselnika_zvyraznene {
		border:#039 solid .1em;
		border-radius: 50%;
		padding: .3em;
		display: inline-block;
		font-size: 2em;
		color: white;
		background-color: #039;
	}

	.schvalit_zamietnut_radio_td {
		text-align: center;
		font-size: 1.5em;
	}

	.pocet_komentarov {
		font-size: .7em;
		color: #F20505;
	}

	.back_block {
		display: inline-block;
	}



	.ul_zastupcovia_fazy {
		font-size: 1.5em;
		list-style: none;
		padding: 0;
	}

	.date_input {
		width: 100%;
	}

	.ul_zastupcovia_odd li {
		list-style: none;
		font-size: 1.5em;
	}

	.vysledky_analyzy th, .vysledky_analyzy td {
		border-bottom: solid 1px #6678b1;
	}

	.nevyriesene_cervene {
		padding: .3em;
		margin-right: .2em;
		background-color: red;
		border-radius: 50%;
		color: white;
		font-size: bold;
	}
	


/*--------------------------------------------------------------------------------------------------------------------------------------*/
/*Komentáre reklamácií*/
/*--------------------------------------------------------------------------------------------------------------------------------------*/

	.table_reklamacie_komentare {
		margin: 0 auto;
		width: 40em;
	}

	.td_komentare_dovod {
		font-size: .8em;
	}

	.textarea_komentare {
		width: 40em;
		height: 10em;
	}

	.td_komentrare_komentar {
		font-style: italic;
	}

	.td_komentare_komentujuci {
		text-align: right;
		font-size: .8em;
	}
	


/*--------------------------------------------------------------------------------------------------------------------------------------*/
/*Zamestnanci*/
/*--------------------------------------------------------------------------------------------------------------------------------------*/

.zamestnanci_table {
	margin: 0 auto;	
}

.zamestnanci_table th {
	text-align: center;
	font-weight: bold;
	color: #039;	
}

/*--------------------------------------------------------------------------------------------------------------------------------------*/
/*Dokumentacia*/
/*--------------------------------------------------------------------------------------------------------------------------------------*/

.dokumentacia_table {
	margin: 0 auto;
	width: 100%;
	max-width: 70em;		
	font-size: 1em;
}

.popis_dokumentacia {	
	width: 90%;
	max-width: 60em;
	height: 5em;
}

/*--------------------------------------------------------------------------------------------------------------------------------------*/
/*Váha a Lisovňa*/
/*--------------------------------------------------------------------------------------------------------------------------------------*/

.pozadie_vzt {
	background-color: rgb(200, 235, 238);
}

.pozadie_sturovo {
	background-color: rgb(230, 206, 230);
}

.pozadie_vsetko_radio {
	background-color: rgb(199, 199, 199);
}


/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* Súbory výrobcov */
/*--------------------------------------------------------------------------------------------------------------------------------------*/


.sv-page{
  max-width: 1100px;
  margin: 0 auto 1.2em auto;
  padding: 1em 1em 1.2em 1em;
  background: #fff;
  border: 1px solid #b2bbd8;
  border-radius: .7em;
  box-shadow: 0 .4em 1.2em rgba(0,0,0,.07);
}


/* Filter bar */
.sv-filters{
  margin: 0 0 1em 0;
  padding: .8em;
  background: #f7f7f7;
  border: 1px solid #b2bbd8;
  border-radius: .6em;
}

.sv-filters__row{
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: .8em;
}

.sv-field{
  flex: 1 1 220px;
  min-width: 180px;
  text-align: left;
}

.sv-field label{
  display: block;
  font-size: .95em;
  color: #039;
  margin: 0 0 .25em 0;
}

.sv-field input,
.sv-field select{
  width: 100%;
  padding: .55em .65em;
  border: 1px solid #b2bbd8;
  border-radius: .45em;
  background: #fff;
  color: #039;
  outline: none;
}

.sv-field input:focus,
.sv-field select:focus{
  border-color: #6678b1;
  box-shadow: 0 0 0 .15em rgba(102,120,177,.25);
}

.sv-actions{
  display: flex;
  gap: .5em;
  flex: 0 0 auto;
}

.sv-btn{
  display: inline-block;
  padding: .55em .9em;
  border-radius: .45em;
  border: 1px solid #6678b1;
  cursor: pointer;
  font-size: 1em;
  line-height: 1;
}

.sv-btn--primary{
  background: #039;
  border-color: #039;
  color: #fff;
}

.sv-btn--primary:hover{ opacity: .92; }

.sv-btn--ghost{
  background: #fff;
  color: #039;
}

.sv-btn--ghost:hover{ background: #f7f7f7; }

/* Tabuľka */
.sv-table{
  width: 100%;
  border-collapse: collapse;
  font-size: 1.15em; /* table_kbu je pomerne veľká; necháme, ale trošku jemnejšie */
  margin: 0 auto;
}


.sv-table th{	
  text-align: left;
  padding: .55em .6em;
  background: #039;
  color: #fff;
  border-bottom: 2px solid #039;
}

.sv-table td{
  padding: .55em .6em;
  vertical-align: middle;
  border-bottom: solid 1px #039;
}

.sv-table tbody tr:nth-child(even){
  background: #fbfbfb;
}

/* Odkaz na súbor */
.sv-file{
  color: #039;
}

.sv-file:hover{
  text-decoration: underline;
}

/* Platnosť */
.sv-validity{
  text-align: left;
}

.sv-validity__link{
  display: inline-flex;
  align-items: center;
  gap: .55em;
}

.sv-badge{
  display: inline-block;
  padding: .22em .55em;
  border-radius: 999px;
  font-size: .85em;
  border: 1px solid #b2bbd8;
  background: #f7f7f7;
  color: #039;
  white-space: nowrap;
}

.sv-badge--valid{
  background: rgba(0,51,153,.08);
  border-color: rgba(0,51,153,.25);
}

.sv-badge--expired{
  background: rgba(129,82,82,.18);
  border-color: rgba(129,82,82,.35);
  color: #5a2f2f;
}

.sv-badge--none{
  background: rgba(102,120,177,.12);
  border-color: rgba(102,120,177,.35);
}

.sv-date{
  color: #039;
}

.sv-date--empty{
  color: #6678b1;
}

/* Prázdny výsledok */
.sv-empty{
  padding: 1em;
  color: #6678b1;
  font-style: italic;
}

/* Meta info */
.sv-meta{
  margin-top: .8em;
  text-align: left;
  color: #6678b1;
}


/* Mobil */
@media (max-width: 700px){
  .sv-page{ padding: .8em; }
  .sv-actions{ width: 100%; }
  .sv-actions .sv-btn{ width: 50%; text-align: center; }
  .sv-table thead{ display: none; }
  .sv-table, .sv-table tbody, .sv-table tr, .sv-table td{ display: block; width: 100%; }
  .sv-table tr{ border-bottom: 1px solid #b2bbd8; padding: .5em 0; }
  .sv-table td{ border-bottom: none; padding: .35em .2em; }
  .sv-table td:nth-child(1)::before{ content: "Dodávateľ: "; color: #6678b1; }
  .sv-table td:nth-child(2)::before{ content: "Súbor: "; color: #6678b1; }
  .sv-table td:nth-child(3)::before{ content: "Platnosť: "; color: #6678b1; }
}




/*--------------------------------------------------------------------------------------------------------------------------------------*/
/*MENSIE OBRAZOVKY*/
/*--------------------------------------------------------------------------------------------------------------------------------------*/


@media screen and (max-width: 1750px) 
{
	.desktop_produkty_table {	font-size: 1em;	}
}

@media screen and (max-width: 1220px) 
{	
	.tabulka {
		width: 100%;
	}

	.krabica_svg {
	width: 1.2em;
	fill: white;
	}

	.paleta_svg {
	width: 1.6em;
	fill: white;
	}

	.flasa_prazdna_mobil_svg {
	width: .5em;
	fill: white;
	}

	.desktop_screen {
		display:none;
	}

	.mobil_screen {
		display: block;
	}

	.mobil_table_hlavna {
		width: 100%;
		margin: 0 auto;
		color: #6678b1;
		border-bottom: solid .15em #6678b1;
		text-align: left;
	}

			.mobil_table_hlavna td {
				border: collapse;
			}
			
			.mobil_th {		
				text-align: left;
			}

			.mobil_td_ob {
				color: #039;
			}

			.mobil_td_ob a {
				color: #039;
			}

				.mobil_td_ob a:hover {
				color: #6678b1;
			}

			.mobil_td_baner {
				color: white;
			}


	.mobil_2_td {
		background-color: #039;
		border-radius: .5em;
	}

	.mobil_2_table td {
		padding: .2em;
		color: white;
	}

	.img_view_produkt {
		width: 1.5em;
	}

	.svgdestilat {fill: white;}

	.td_paleta_svg {
    text-align: center;
	}

	.mobil_cukor_bunky {
	text-orientation: mixed;
	writing-mode: vertical-rl;
	width: 1em;
	}

	.mobil_edit {
		display: block;
		padding: .2em;
		font-size: 1em;
	}

	.mobil_edit_alternativa {
		display: block;
		padding: .2em;
		font-size: 1em;
		color: #6678b1;
		border: solid .1em #6678b1;
		border-radius: .2em;
	}

		.mobil_edit_alternativa:hover {
			color: white;
			border: solid .1em white;
		}


	.pencil:hover {
		fill: white;
	}

	.kos:hover {
		fill: white;
	}

	.menu_spodne {
		display: none;
	}


 	.menu_spodne_mobil {
		display: block;
		position: fixed;
		left: 0;
		bottom: 0em;
		margin: 0 auto;
		padding: 0;
		height: 4em;
		width: 100%;
		background-color: white;
		border: solid 1px #6678b1;	
		border-radius: .5em;
		text-align: center;
		z-index: 10;		
		} 

	.menu_spodne_mobil li {
		width: 19%;
		height: 100%;
		display: inline-block;
	}

	.menu_spodne_mobil li svg {
		width: 3em;
		height: 4em;
		padding: .2em;
		opacity: .7;
		fill: #6678b1;
		}

	.menu_spodne_mobil svg:hover {
		opacity: 1;
		fill: #039;	
	}


	.mobil_table_filter {
		width: 100%;
		text-align: center;
		font-size: 2em;
	}

		.mobil_table_filter th {
			text-align: center;
		}

		.mobil_table_filter select {
			text-align: center;
		}

	.link_back {
		font-size: .8em;
		padding: 1em;
	}

	.table_atributy svg {
			width: 5em;
			max-height: 5em
	}



	/*darčekové balenie*/

		.paleta_darcek_svg {
	width: 1em;
	fill: white;
	}

	.mobil_darcek_nazov {
		background-color: #039;
		color: white;
		text-align: center;
		padding: .2em;
		font-size: 1.2em;
	}

	.cislo_produktu_darcek {
		font-size: 1.2em;
		text-align: center;
	}

	.tabulka_alternativny_produkt_mobil {
		width: 100%;
	}

	.nadpis_kategorie_alternativneho_produktu {
		background-color: #039;
		text-align: center;
		color: white;
	}

 .tabulka_edit {
 		width: 100%;
  } 

}

@media screen and (max-width: 980px) 
{

	.table_reklamacia {
		display: block;
		width: 100%;
	}

	.table_reklamacie_komentare {
		width: 100%;
	}

	.textarea_komentare {
		width: 100%;
	}

	.table_filelist {
		width: 100%;
	};


	.table_admin_users {		
		width: 100%;
	}

	.table_login {
		width: 100%;
	}

	.vypis_cien_materialov_table {
		width: 100%;
		font-size: .8em;
	}
	

}

/* Číslovanie strán */

.sv-page .pagination{
  margin: 1em auto;
  display: flex;
  justify-content: center;
  gap: .4em;
  flex-wrap: wrap;
  max-width: 95%;
}

/* štýluj len prvky BEZ .page_link (aby sme neprepísali existujúcu pagináciu v head.css) */
.sv-page .pagination a:not(.page_link),
.sv-page .pagination span:not(.page_link){
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.2em;
  padding: .35em .6em;
  border: solid .12em #6678b1;
  border-radius: .6em;
  background-color: #fff;
  color: #039;
  font-weight: bold;
  text-decoration: none;
  transition: 0.15s ease-in-out;
  box-sizing: border-box;
}

/* hover len pre klikateľné linky */
.sv-page .pagination a:not(.page_link):hover{
  background-color: #039;
  border-color: #039;
  color: #fff;
}

/* aktuálna stránka (akcie.php používa class current_page) */
.sv-page .pagination .current_page{
  background-color: #039;
  border-color: #039;
  color: #fff;
  cursor: default;
}

/* tri bodky "..." (span bez class current_page) */
.sv-page .pagination > span:not(.page_link):not(.current_page){
  background: transparent;
  border-color: transparent;
  color: #6678b1;
  min-width: auto;
  padding: .35em .3em;
  cursor: default;
}

/* mobil */
@media screen and (max-width: 550px){
  .sv-page .pagination a:not(.page_link),
  .sv-page .pagination span:not(.page_link){
    padding: .45em .65em;
    font-size: 1.05em;
    border-radius: .7em;
  }
}