/** { border: solid 1px red};*/
/*Celý dokument*/

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

*:focus {
outline: 0;
outline: none;
}

/*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;
}

input[type="radio"]:checked+label { font-weight: bold;}

input[type="checkbox"]:checked+label { font-weight: bold;}

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

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


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

}
input[type='checkbox']:checked {
    background: #3E5902;
}

.label_urgencia {
	font-size: 2em;
	padding: .1em;
}

.label_odd {
	font-size: 1.5em;
	padding: .3em;
}

.urgencia_input  {
	visibility: hidden;
}

.odd_input  {
	visibility: hidden;
	display: none;
}

body {	
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	font-family: monospace;
	font-size: .8em;
	color: #333;
	background-color: #fff;
/*	background: rgb(32,148,21);
	background-image: linear-gradient( 73.1deg,  rgba(34,126,34,1) 8%, rgba(99,162,17,1) 86.9% );*/
}

main {
	margin: 0 auto;
	width: 100%;
	height: auto;
	text-align: center;	
}

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

a {	
	text-decoration: none;
	border: none;
}

.a_popis {
	color: #333;
}

h3 {
	margin: .5em;
}

li {
	list-style: none;
}

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

.nadpis_1 {
	font-size: 1.5em;
}

.submit_button_td {
	text-align: center;
}


.submit_button {
	font-size: 1.5em;
	margin: .2em auto;
	padding: .2em;
	color: white;
	border: #A60303;
	background: #A60303;
	border-radius: .5em;
	opacity: 1;
	text-align: center;
	display: block;
	width: auto;
	max-width: 90%;
}

	.submit_button:hover {		
		opacity: .9;
}

.submit_button_male {
	font-size: 1em;
	margin: .5em 0 .5em 0;
	color: #333;
	background: #F29F05;
	padding: .1em;
	border-radius: .3em;
	opacity: 1;
	text-align: center;
}

	.submit_button_male:hover {		
		opacity: .8;
}

.submit_button_red {
	font-size: 2em;
	margin: .5em 0 .5em 0;
	color: #333;
	background: red;
	border: solid 3px #333;
	border-radius: .5em;
	opacity: .7;
	text-align: center;
}

	.submit_button_red:hover {		
		opacity: 1;
		border:  solid 3px #333;
}

.td_submit_button {
	text-align: center;
}

.medzera {
	height: 1.5em;
}

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

.menu_vrchne {
	width: 1.5em;
	fill: #3E5902;
	vertical-align: middle;
}

	.navrh_menu_link:hover {
		opacity: .8;
	}



.domov {
	width: 2em;
	fill: #3E5902;
	vertical-align: middle;
}

	.domov:hover {
		opacity: .8;
	}

.tr_submit {
	text-align: center;
}

.back {
	width: 6em;
	fill: #3E5902;
	opacity: .7;
	vertical-align: middle;
}

	.back:hover {
		opacity: 1;
	}

.plus {
	width: 2.5em;
	fill: #3E5902;
	opacity: .7;
	vertical-align: middle;
}

	.plus:hover {
		opacity: 1;
	}

.pencil {
	width: 1em;
	fill: #3E5902;
	opacity: .7;
	vertical-align: middle;
}

	.pencil:hover {
		opacity: 1;
	}

.pencil_profil {
	width: 2em;
	fill: #3E5902;
	opacity: .7;
	vertical-align: middle;
}

	.pencil_profil:hover {
		opacity: 2;
	}



.back_kruh {
	width: 3em;
	fill: white;
	opacity: .7;
	vertical-align: middle;
}

		.back_kruh:hover {		
		opacity: 1;
	}

.next_kruh {
	width: 3em;
	fill: white;
	opacity: .7;
	vertical-align: middle;
}

		.next_kruh:hover {		
		opacity: 1;
	}

.kos {
	width: 1.3em;
	fill: #3E5902;
	opacity: .7;
	vertical-align: middle;
}

		.kos:hover {		
		opacity: 1;
	}

.plus_jeden {
	width: 1.3em;
	fill: #3E5902;
	opacity: .7;
	vertical-align: middle;
	margin: .2em;
}

		.plus_jeden:hover {		
		opacity: 1;
	}

.svg_zamok {
	width: 1.5em;
	fill: grey;	
	margin: .2em;
}

.tlac {
	width: 2em;
	fill: #3E5902;
	opacity: .7;
	margin: .5em;
}

		.tlac:hover {		
		opacity: 1;
	}

.no_img {
	max-width: 6em;
	fill: #3E5902;	
	height: auto;
	border-radius: .5em;
}


.notifi {
	position: absolute;
	top: .2em;
	left: 2em;
	width: 2em;
	fill: #7D2415;
	z-index: 11;
}

	.notifi:hover {
		opacity: .8;
	}

.svg_alergen {
	width: 1.6em;
	fill: #3E5902;
	vertical-align: middle;
}

.memes {
	width: 2em;
	fill: #3E5902;
	opacity: .7;
	vertical-align: middle;
}

	.pencil:hover {
		opacity: 1;
	}

.view_svg {
	width: 1.8em;
	fill: #3E5902;
	vertical-align: middle;
}

	.view_svg:hover {
		opacity: .8;
	}

.menu_svg_navrh {
	width: 1.8em;
	fill: #3E5902;
	vertical-align: middle;
}

	.menu_svg_navrh:hover {
		opacity: .8;
	}


/*---------------------------------------------------------------------------*/
/*Menu na hlavnej stránke*/
/*---------------------------------------------------------------------------*/


.loginsystem {
	padding: .5em;
	text-align: right;
	color: #3E5902;
}


	.odhlasenie {
		color: #3E5902;
		font-size: 1.2em;
		padding: .3em;
	}

			.odhlasenie:hover{
			color: #F29F05;
		}

	.prihlasenie {
		color: #3E5902;
		font-size: 1.3em;
		padding: .3em;
	}

		.prihlasenie:hover{
			color: #F29F05;
		}

	.registracia {
		color: #3E5902;
		font-size: 1.5em;
		padding: .3em;
	}

		.registracia:hover{
			color: #F29F05;
		}

	.menu {
		color: #3E5902;
		font-size: 1.5em;
		padding: .3em;
	}

		.menu:hover{
			color: #F29F05;
		}


/*---------------------------------------------------------------------------*/
/*Stránka menu*/
/*---------------------------------------------------------------------------*/

.stranka_menu {
	width: 20em;
	margin: 0 auto;
	padding: 0;
	font-size: 2em;	
}


.stranka_menu li {
	width: 100%;
	margin: .5em auto;
	padding: .5em 0 .5em 0;
	border-radius: 1em;	
	list-style: none;
	font-weight: bold;
}

.stranka_menu li a {
	text-decoration: none;	
	color: white;
}

	.stranka_menu li:hover {
	opacity:  .9;
}

.stranka_menu_li_admin1 {
	background-color: #3E5902;
}

.stranka_menu_li_admin2 {
	background-color: #F29F05;
}


.stranka_menu_li_admin3 {
	background-color: #F20505;
}



/*---------------------------------------------------------------------------*/
/*Hlavná stránka*/
/*---------------------------------------------------------------------------*/

.info {
	color: #D90404;
	font-size: 1.5em;
	padding: .5em;
	background: #333;
	border-radius: .5em;
	text-align: center;
}


.index_print {
	position: absolute;
	left: 1em;
	top: 1em;
}


.nahlasit_obedy_btn {
	font-size: 2em;
	font-weight: bold;
	margin: .2em;
	padding: .5em;
	color: white;
	background: #A60303;
	border: solid 3px #A60303;
	border-radius: .5em;
	opacity: 1;
}

		.nahlasit_obedy_btn:hover {		
		opacity: .9;
		border:  solid 3px #A60303;
}

.checked_pseudo {
	width: 2.5em;
	height: 2.5em;
	border: solid 2px #555;
	background: #3E5902;
	border-radius: 50%;
	text-align: center;
}

.UNchecked_pseudo {
	width: 2.5em;
	height: 2.5em;
	border: solid 2px #555;
	background: white;
	border-radius: 50%;
	text-align: center;
}

.v-input__slot {
        align-items: center;
        justify-content: center;
     }
.v-input--selection-controls {
        padding-left: 41%;
     }

	.body_jedlo {
		text-decoration: none;
		color: #3E5902;
		font-size: 1.3em;
	}

		.body_jedlo:hover {
			color: #F29F05;
		}

	.ohodnot {
		color: #e52;
	}

	.ohodnot:hover {
			font-weight: bold;
			color: #e52;
		}


.index_table {
	width: 70em;
	margin: .3em auto auto auto;		
	text-align: center;
	border-spacing: 0;	
}

.index_td_plus_week {
	background: #3E5902;
	color: white;
	border-bottom: solid .4em #3E590;
	border-radius: .5em;
}

.start_end_week {
	font-size: 1.5em;
	color: #3E5902;
}

.tyzden {
	display: inline-block;
	font-weight: bold;
	font-size: 2em;
	padding: .2em;
	margin: 0;
}

.index_td_den {
		background: #3E5902;
		color: white;
		font-weight: bold;
		border-radius: .5em;
	}


.index_td_vnorena_table {
	width: 100%;	
	table-layout: fixed;
}

			.index_td_plus {
			width: 5%;
			border-bottom: solid .1em #3E5902;
			}
						.index_a_plus {
							display: block;
						}

			.index_td_variant {
					width: 5%;
					text-align: center;
					font-size: 1em;
					border-bottom: solid .1em #3E5902;
				}


			.index_td_del {
						width: 6%;
						text-align: center;
						border-bottom: solid .1em #3E5902;
					}

						.index_input_pocet_obedov {
							width: 100%;
							font-size: 1.2em;
						}
			.div_poznamka {
				width: 100%;
			}

				.input_poznamka {
					width: 100%;
				}


			.index_td_vnorena_table_jedlo {
				width: 84%;
				border-bottom: solid .1em #3E5902;
			}

			.index_vnorena_table_jedlo {
						width: 100%;
						table-layout: fixed;
					    }

							.index_td_vnorena_nazov_jedla {
								width: 80%;
								font-size: 1.2em;
							}

							.index_td_vnorena_img {
								width: 10%;
							}



.index_vypis_alergenov {
	padding: 0;
	margin: 0;
	text-align: left;
}


.zoznam_alergenov {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1em;
}

.zoznam_alergenov li {
	display: inline-block;
	margin: 0;
}

.zoznam_alergenov svg {
	width: .8em;
}

	.img_jedlo {
		max-width: 6em;
		border-radius: 30%;
	}



/*---------------------------------------------------------------------------*/
/*Tvorba obedného menu*/
/*---------------------------------------------------------------------------*/

/*.obedove_menu_table{border-collapse:collapse}
tr{border: .2em solid #333}*/

.td_den {		
	background: #3E5902;
	color: white;
	font-weight: bold;
	border-radius: .5em;
}

.obedove_menu_table {
	max-width: 80%;
	margin: 0 auto;		
	text-align: center;
}


.td_vnorena_table {
	width: 100%;	
	table-layout: fixed;	
}

			.td_plus {
			width: 5%;
			border-bottom: solid .1em green;
			}
						.a_plus {
							display: block;
						}

			.td_variant {
					width: 5%;
					text-align: center;
					font-size: 1em;
					border-bottom: solid .1em #3E5902;
				}


			.td_del {
						width: 5%;
						text-align: center;
						border-bottom: solid .1em #3E5902;
					}

						.input_pocet_obedov {
							max-width: 2em;
						}

						.a_dalsie {
							display: block;
							margin: 0;
						}

			.td_vnorena_table_jedlo {
				width: 85%;
				border-bottom: solid .1em #3E5902;
			}

			.vnorena_table_jedlo {
						width: 100%;
						table-layout: fixed;
					    }

							.td_vnorena_nazov_jedla {
								width: 40%;
								font-size: 1.2em;
							}

							.td_vnorena_img {
								width: 15%;
							}

							.td_hodnotenie {
								width: 5%;
							}

							.td_vnorena_typ_jedla {
								width: 10%;
								text-align: center;
							}

							.td_vnorena_alergeny {
								width: 10%;
								text-align: center;
							}

							.td_vnorena_mnozstvo {
								width: 20%;								
								text-align: center;

							}

.nadpis_maly {
	text-align: center;
}

.zoznam {
	margin: 0;
	padding: 0;
}

.vypis_alergenov {
	margin: 0;
	padding: .2em;
	font-size: .8em;
}

.vypis_alergenov {
	font-size: .7em;
	padding: 0;
	margin: 0;
	display: block;
	text-align: center;
}


/*---------------------------------------------------------------------------*/
/*Sekcia nadpis*/
/*---------------------------------------------------------------------------*/

.section_nadpis {
	margin: 0 auto;
	padding: 0;
}

.nadpis_stranky {
	font-size: 2em;
	margin: .2em;
	color: #3E5902;
}


/*---------------------------------------------------------------------------*/
/*Súbor*/
/*---------------------------------------------------------------------------*/

	.table_filelist {
	margin: 0 auto;		
	text-align: center;
}		

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

	.table_filelist td {
		border-bottom: solid 0.1em#3E59021;
		color: #039;
	}

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

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

.subor_nazov_jedla {
	font-size: 2em;
	font-weight: bold;
	color: #333;
	background-color: #039;
}


.uploadform {
	max-width: 100%;
	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: none;
	color: 	#333;
}

.hidden {
	display: none;
}

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

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

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

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

.filebutton {
	margin-top: 1em;
	width: 100%;
	border: none;	
	border-radius: .2em;
	color: #333;
	text-align: center;
	font-size: 1.3em;
}

.nahrajsubor {
	display: inline-block;
	max-width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: .1em;
	background-color: #6678b1;
	border: none;
	color: #333;
	font-size: 2em;
	border-radius: .2em;
}

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


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


/*---------------------------------------------------------------------------*/
/*Prihlásenie*/
/*---------------------------------------------------------------------------*/

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

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

.err_hlaska {
	text-align: center;
	font-weight: bold;
	color: red;
}

.table_eshop tr {
	text-align: center;
}

/*---------------------------------------------------------------------------*/
/*Sekcia profil*/
/*---------------------------------------------------------------------------*/

.section_profil {
	width: 100%;	
}

.table_profil {
	margin: 0 auto;	
	width: 20em;
	text-align: center;	
	font-size: 1.5em;
}

	.table_profil th {
		color: #3E5902;
	}

	.table_profil td {
		border-bottom: solid .1em #3E5902;;
	}

	.table_profil input {
		text-align: center;
	}


.radio_button {
	-webkit-appearance:none;
	  width:2.1em;
    height:2.1em;
    background:#333;
    border:2px solid #555;
    border-radius: 2px;
    vertical-align: middle; 

}

.radio_button:checked {
    background: #333;
}

.td_miesto_vydaja {
	width: 50%;
	text-align: center;
}

.reset_password_button {	
	font-size: 1.2em;
	color: white;
	background: #A60303;
	border: solid 3px #A60303;
	border-radius: .5em;
	text-align: center;
	font-weight: bold;
	padding: .1em;
}

	.reset_password_button:hover {	
		opacity: .9;
	}


/*---------------------------------------------------------------------------*/
/*SESSION hlásenia*/
/*---------------------------------------------------------------------------*/

.obedy_nahlasene {
	display: block;
	font-size: 2em;
	color: white;
	background: #5590BD;
	padding: .5em;
	border-radius: .5em;
}

.vystraha {
	padding: .5em;
	margin-top: .5em;
	margin-bottom: .5em;
	background-color: yellow;
	font-size: 1.5em;	
	font-weight: bold;
	color: #333;
}




/*---------------------------------------------------------------------------*/
/*Zoznam jedál*/
/*---------------------------------------------------------------------------*/
.nadpis_jedla {
	background-color: #3E5902;
	border-radius: .2em;
	color: white;
	text-align: center;
	padding: 0;
	font-weight: bold;
	font-size: 1.5em;	
}

	.zoznam_jedal_table {
		margin: 0 auto;
		max-width: 50e;
	}


	.zoznam_jedal_table td {		
		padding: .1em;
	}

	.zoznam_jedal_table th {		
		padding: .3em;
		border-bottom: solid 1px #3E5902}

.zoznam_jedal_table th {
	text-align: center;
}

	.zoznam_jedla_edit {
		width: 10%;
		}

	.zoznam_jedla_nazov {
		width: 60%;	
		text-align: left;
		font-size: 1.2em;
	}

	.zoznam_jedla_alergeny {		
		font-size: .7em;
	}

	
	.zoznam_jedla_img {
		width: 30%;
		text-align: center;
	}


.zoznam_img_jedlo {
	width: 4em;
	height: auto;
	border-radius: .5em;
}
/*---------------------------------------------------------------------------*/
/*ADD Jedlo*/
/*---------------------------------------------------------------------------*/


.add_jedlo {
	margin: 0 auto;	
	width: 50em;
	text-align: center;
	font-size: 1.5em;
}

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

.add_jedlo_vnorena_table {
	margin: 0 auto;
}

.nazov_jedla_p {
	text-align: center;	
}

	.nazov_jedla_p input {
	width: 100%;
}

.hmotnost_p {
	text-align: center;	
}

	.hmotnost_p input {
		text-align: left;
		width: 100%;
	}


.td_fixed_submit_button {
	position: fixed;
	bottom: 5%;
	right: 5%;
	width: auto;
	padding: .2em;
	font-size: 1.5em;
	color: white;
	background: #3E5902;
	border-radius: .5em;
	z-index: 10;
	opacity: .8;
}

	.td_fixed_submit_button:hover {		
		opacity: 1;
}

.td_fixed_back {
	position: fixed;
	bottom: 5%;
	left: 5%;
	width: 5em;
	font-size: 1em;
	color: #333;
	z-index: 10;
}

.td_fixed_link {
	position: fixed;
	bottom: 5%;
	right: 5%;
	width: 5em;
	font-size: 1em;
	color: #333;
	z-index: 10;
}

.specialne_jedlo {
	font-weight: bold;
	color: red;
}

/*---------------------------------------------------------------------------*/
/*Edit Jedlo*/
/*---------------------------------------------------------------------------*/

.table_edit_jedlo {
	margin: 0 auto;	
	width: 40em;
	text-align: left;	
	font-size: 1.5em;
}


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

/*---------------------------------------------------------------------------*/
/*Add obed dna*/
/*---------------------------------------------------------------------------*/

.vypis_jedal_table {
	  margin: 0 auto;
		width: 50em;
	}

.add_obed_dna_checkbox {
	width: 10%;	
	text-align: center;
}

.add_obed_dna_nazov {
		width: 60%;	
		text-align: left;
}

.add_obed_dna_img {

}

.add_obed_dna_alergeny {		
		font-size: .7em;
		border-bottom: solid 1px #3E5902}

	
	.add_obed_dna_img {
		width: 30%;
		border-bottom: solid 1px #3E5902	text-align: center;
	}

/*---------------------------------------------------------------------------*/
/*Moje Obedy*/
/*---------------------------------------------------------------------------*/

.vypis_moje_obedy_table {
	max-width: 51em;
	margin: 0 auto;		
	text-align: center;
}

	.vypis_moje_obedy_table td {
		border:  solid 1px #333;
	}


.obedy_vsetci_meno {
	text-align: left;
}

.moje_obedy_datum {
	width: 10%;
}

.moje_obedy_variant {
	width: 5%;
}

.moje_obedy_jedlo {
	width: 80%;
	text-align: left;
}

.moje_obedy_pocet {
	width: 5%;
}

.td_plusminusmesiac {
	background-color: #3E5902;
	color: white;
}

/*---------------------------------------------------------------------------*/
/*Hodnotenie jedla*/
/*---------------------------------------------------------------------------*/

.table_hodnotenie {
	  max-width: 30em;
		margin: 0 auto;		
		border: solid .3em #333;
		width: 80%;		
	}

.nazov_jedla_hodnotenie {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}

.alergeny_hodnotenie {
	text-align: center;
}

.mnozstvo_hodnotenie {
	text-align: center;
}

.obrazok_hodnotenie {
	text-align: center;
}

.img_hodnotenie {
	max-width: 20em;
}


.star-cb-group {
  /* remove inline-block #333space */
  font-size: 0;
  /* flip the order so we can use the + and ~ combinators */
  unicode-bidi: bidi-override;
  direction: rtl;
  /* the hidden clearer */
}
.star-cb-group * {
  font-size: 2rem;
}
.star-cb-group > input {
  display: none;
}
.star-cb-group > input + label {
  /* only enough room for the star */
  display: inline-block;
  overflow: hidden;
  text-indent: 9999px;
  width: 1em;
  #333-space: nowrap;
  cursor: pointer;
}
.star-cb-group > input + label:before {
  display: inline-block;
  text-indent: -9999px;
  content: "☆";
  color: #333;
}
.star-cb-group > input:checked ~ label:before, .star-cb-group > input + label:hover ~ label:before, .star-cb-group > input + label:hover:before {
  content: "★";
  color: #e52;
  text-shadow: 0 0 1px #333;
}
.star-cb-group > .star-cb-clear + label {
  text-indent: -9999px;
  width: .5em;
  margin-left: -.5em;
}
.star-cb-group > .star-cb-clear + label:before {
  width: .5em;
}
.star-cb-group:hover > input + label:before {
  content: "☆";
  color: #333;
  text-shadow: none;
}
.star-cb-group:hover > input + label:hover ~ label:before, .star-cb-group:hover > input + label:hover:before {
  content: "★";
  color: #e52;
  text-shadow: 0 0 1px #333;
}

.td_sbb_ohodnotit {
	text-align: center;
}

.td_submit_btn {
	text-align: center;
}


.td_komentar {
	height: 3em;
}

		.td_komentar textarea {
			width: 100%;
			height: 100%;
		}

.ul_komentare {
	max-width: 35em;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

	.ul_komentare li {
		list-style: none;
		font-style: italic;
		font-size: 1em;
		margin: .5em;
	}

.td_vypis_hodnoty {
	text-align: center;
}

.td_komentare_datum_meno {
	font-size: .7em;
}

.textarea_komentar_jedla {
	border: solid .2em #3E5902;
	border-radius: .5em;
	color: #333;
	font-size: 1.3em;
	outline: none;
	width: 100%;
	min-height: 5em;
}

.komentare_bold {
	font-weight: bold;
}


/*---------------------------------------------------------------------------*/
/* Denný Výpis obedov  */
/*---------------------------------------------------------------------------*/

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


.oddelovac {
	border-top: solid .2em #333;
	height: 1em;
}

.td_denny {
	width: 100%;
}

.table_denny_vnorena {
	margin: 0 auto;	
}

	.td_denny_variant {
		text-align: center;
		font-size: 1.2em;
		font-weight: bold;
	}

		.div_denny_variant {
			display: inline-block;		
		}

	.td_denny_jedlo {
		font-weight: bold;
		font-size: 1.2em;
		text-align: center;
	}

	.td_denny_mnozstvo {
		text-align: center;
		font-weight: bold;
	}

	.th_denny_meno {
		text-align: center;
	}

	.th_denny_pocet_obedov {
		text-align: center;		
	}

		.td_denny_meno {
		text-align: left;
		border-bottom: solid .1em #3E5902;
	}

	.td_denny_pocet_obedov {
		text-align: center;
		border-bottom: solid .1em #3E5902;
	}

	.td_poznamka_obed {
		background: grey;
		color: #333;
	}


.td_denny_celkom {
	font-size: 1em;
}


/*---------------------------------------------------------------------------*/
/* Dohlásiť za  */
/*---------------------------------------------------------------------------*/

.table_dohlasit_za {
	display: inline-block;
	margin: 0 auto;
}

.submit_button_dohlasit_za {
	position: fixed;
	padding: .2em;
	bottom: 5%;
	right: 5%;
	width: auto;
	font-size: 1.5em;
	color: white;
	background: #3E5902;
	border-radius: .5em;
	z-index: 10;
	opacity: .8;
}

	.submit_button_dohlasit_za:hover {
		opacity: 1;
	}

.back_dohlasit_za {
	position: fixed;
	bottom: 5%;
	left: 5%;
	z-index: 10;
}


/*---------------------------------------------------------------------------*/
/*Komentáre k jedlám*/
/*---------------------------------------------------------------------------*/

.table_komentare_jedla {
	margin: 0 auto;
	max-width: 50em;
}

.nazov_jedla_komentare {
	font-weight: bold;
}

.meno_datum_komentare {
	font-size: .7em;
	text-align: right;
}

.td_popis_komentarov {
	font-size: .7em;
	padding-top: 1em;
	text-align: right;
}


/*---------------------------------------------------------------------------*/
/*Oznamy*/
/*---------------------------------------------------------------------------*/


.oznamy {
	margin: 0 auto;
	width: 70em;
}

	.vypis_div_oznamy {
		display: flex;
	}


	.oznam_textarea {
		background-color: white;
		border: solid .2em #3E5902;
		border-radius: .5em;
		color: #333;
		font-size: 1.3em;
		width: 100%;
		outline: none;
	}

	.vypis_div_oznamy {
		margin-top: 1em;
		border: solid .2em #3E5902;
		border-radius: .5em;
		padding: .3em;
	}

		.div_text_oznamu {
			font-size: 1.2em;
			text-align: left;
			word-wrap: break-word;
			overflow: hidden;
		}


	.img_oznam {
		max-width: 15em;
		max-height: 20em;
		border-radius: .3em;
		margin: .4em;		
	}

	.info_oznamy {
		margin-top: .3em;
		display: flex;
		justify-content: center;
  		align-items: center;
  		vertical-align: middle;
	}

	.info_pod_oznamom {
		margin: .5em;
	}

	.pocet_komentarov_oznamov_link {
		text-decoration: none;
		color: #333;
		margin: .3em;
	}

.circle
{	
  margin-right: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  width: 2.3em;
  height: 2.3em;
  border-radius: 50%;
  border: 1px solid black;  
  font-weight: bold;
  font-size: 1.2em;
}

.link_oznamenie_viac {
	padding: .1em;
	margin: .2em;
	color: white;
	background-color: #3E5902;
	border-radius: .3em;
	border: solid 1px #3E5902;
	font-size: 1.7em;
}

	.link_oznamenie_viac:hover {
		opacity: .7;
	}

.link_oznamenie_vymazat {
	padding: .1em;
	margin: .2em;
	color: white;
	background-color: #A60303;
	border-radius: .3em;
	border: solid 1px #A60303;
	font-size: 1.7em;
}

	.link_oznamenie_vymazat:hover {
		opacity: .7;
	}



@media (max-width: 800px) 
{

	.oznamy {
		width: 99%;
	}
  
	.vypis_div_oznamy {
		display: grid;
		grid-template-columns: 1fr;
	}

}

@media (max-width: 550px) 
{

 	.img_oznam {
		max-width: 100%;
	}

}

/*---------------------------------------------------------------------------*/
/*Hlavný zoznam alergénov*/
/*---------------------------------------------------------------------------*/

.hlavny_zoznam_alergenov {
	margin: auto;
	font-size: 1.5em;
	text-align: center;
}

.alergeny_slovom {
	text-align: left;
	padding: .3em;
}


/*---------------------------------------------------------------------------*/
/*Veľká stránka skryté elementy*/
/*---------------------------------------------------------------------------*/

.td_den_maly {
	display: none;
}





.td_hodnotenie_male div {
	display: inline-block;
}

.td_hodnotenie_male svg {
	font-size: .6em;
	vertical-align: middle;
}

/*---------------------------------------------------------------------------*/
/* NAJ jedla  */
/*---------------------------------------------------------------------------*/

.naj_jedla_table {
	margin: 0 auto;
	text-align: left;
	width: 40em;
}

.naj_jedla_table td {
	padding: 0;
	font-size: 1.2em;
}

.naj_body {
	border-bottom: solid .1em #3E5902;
	font-weight: bold;
}

/*---------------------------------------------------------------------------*/
/* Navrh  */
/*---------------------------------------------------------------------------*/

.table_navrh_pisat {
	margin: 0 auto;
	text-align: center;
}

.navrh_menu {
	margin: 0 auto;
	font-size: 1.5em;	
	text-align: left;
}


.navrh_menu_link {
	font-size: 1.3em;
	color: #3E5902;
}


.navrh_menu_link_checked {
	color: #A60303;
}


.button_li {
	margin: 0;
	text-align: left;
}

.table_navrh {
	margin:  0 auto;
	text-align: left;	
	width: 50em;
}


.table_button_navrh {
	margin: 0 auto;
	width: 100%;
}

.table_button_navrh td {
	width: 33.33%;
}

.td_navrh_popis {
	font-size: .7em;
	padding-top: 1em;
}

.zoznam {
	margin: 0 auto;
	max-width: 30em;
}

.zoznam li {
	text-align: left;
}

.table_ikony_navrh {
	margin: 0 auto;
	text-align: center;
}

.table_ikony_navrh td {
	width: 2em;
}


.td_komentar_popis {
	font-size: .7em;
	padding-bottom: 1em;
	text-align: right;
}

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


.navrh_a_button_zamietnut {
		display: block;
		padding: .2em;
		background-color: #F20505;	
		border-radius: .3em;
		color: #333;
		text-align: center;
	}

		.navrh_a_button_zamietnut:hover {
			opacity: .9;
		} 

.navrh_a_button_schvalit {
		display: block;
		padding: .2em;
		background-color: #BFB304;	
		border-radius: .3em;
		color: #333;
		text-align: center;
	}

		.navrh_a_button_schvalit:hover {
			opacity: .9;
		} 

.navrh_a_button_komentar {
		display: block;
		padding: .2em;
		background-color: #27A5FF;	
		border-radius: .3em;
		color: #333;
		text-align: center;
	}

		.navrh_a_button_komentar:hover {
			opacity: .9;
		} 

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



.#333_button_li {
	background-color: #333;
}

.red_button_li {
	background-color: #A60303;	
}

.red_button_li a {
	color: white;
}

.submit_button_zamietnut {
	font-size: 2em;
	width: 100%;
	margin: .5em 0 .5em 0;
	color: #333;
	background: #F20505;
	border: solid 3px #F20505;
	border-radius: .5em;
	text-align: center;
}

	.submit_button_zamietnut:hover {		
		opacity: .8;
}

.submit_button_schvalit {
	font-size: 2em;
	width: 100%;
	margin: .5em 0 .5em 0;
	color: #333;
	background: #BFB304;
	border: solid 3px #BFB304;
	border-radius: .5em;
	text-align: center;
}

	.submit_button_schvalit:hover {		
		opacity: .8;
}

.submit_button_komentovat {
	font-size: 2em;	
	width: 100%;
	margin: .5em 0 .5em 0;
	color: #333;
	background: #27A5FF;
	border: solid 3px #27A5FF;
	border-radius: .5em;
	text-align: center;
}

	.submit_button_komentovat:hover {		
		opacity: .8;
}

.navrh_textarea {
	border: solid .2em #3E5902;
	border-radius: .5em;
	color: #333;
	font-size: 1.3em;
	outline: none;
	width: 30em;
	min-height: 5em;
}

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

.table_navrh_komentare {
	margin: 0 auto;	
	max-width: 30em;
	text-align: center;
}

.navrh_komentare_td_popis {
	text-align: left;
}

.navrh_komentare_td_komentar {
	text-align: left;	
}


.komentar {
	width: 1.4em;
	fill: #27A5FF;
	opacity: .7;
	vertical-align: middle;
}

	.komentar:hover {
		opacity: 1;
	}

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

.pocet_komentarov_link {
	text-decoration: none;
	color: #333;
}

.schvaleny_navrh {
	font-size: 1em;
	font-weight: bold;
	background-color: #BFB304;
	padding: .1em;
	border-radius: .2em;
}

.neschvaleny_navrh {
	font-size: 1.5em;
	font-weight: bold;
	color: red;
}

.table_vyber_kompetencie {
	margin: 0 auto;
	text-align: center;
}


.submit_button_poslat_navrh {
	font-size: 2em;
	margin: .5em 0 .5em 0;
	color: #333;
	background: none;
	border: solid 3px #333;
	border-radius: .5em;
	opacity: .7;
	text-align: center;
}

.table_zoznam_users {	
	margin: 0 auto;
}

.table_kompetencia {
	margin: 0 auto;	
}

.kompetencia_td {
	border: solid .1em #333;
}

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

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

.img_navrh {
	max-width: 9em;
	border-radius: .5em;
	margin: .1em;
}

.hruby_text {
	font-weight: bold;
	display: block;
}

.popis_img {
	font-size: .7em;
}

.urgencia_input:checked + label { 
	border: solid .1em #3E5902;
	border-radius: .5em;
}

#label1_urgent { color: blue; }
#label2_urgent { color: #3E5902; }
#label3_urgent { color: #333; }
#label4_urgent { color: #F29F05; }
#label5_urgent { color: red; }

.nahraj_div_img {	
	margin: .5em;
	display: inline-block;
}

.tabulkove_zobrazenie_navrhov {
	margin: 0 auto;
	width: 60em;
}

.tabulkove_zobrazenie_td_podciarkni {
	padding: .1em;
	border-bottom: solid .1em #3E5902
}

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



.navrh_tabulka_vnutorna_ikony {
	margin: 0 auto;
}

	.navrh_tabulka_vnutorna_ikony td {
		padding-left: .5em;
		padding-right: .5em;
		text-align: center;
	}

	.td_ikona_komentar {
		min-width: 2em;
	}



/*---------------------------------------------------------------------------*/
/* Rozpis smien  */
/*---------------------------------------------------------------------------*/


.rozpis_smien {
	width: 50%;
	border-radius: .5em;
	margin: .1em auto;
	display: block;	
}


/*---------------------------------------------------------------------------*/
/* Admin  */
/*---------------------------------------------------------------------------*/

.table_admin_users {
	display: inline-block;
	margin: 0 auto;
}

.vypis_td_admin {
	text-align: left;
}

.table_uzivatelia th {
	font-size: .7em;
}



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


	.obedove_menu_table 
		{
			max-width: 100%;	
		}

			.index_table 
		{
			width: 100%;	
		}

	

	.td_den_maly {
		display: block;
	}

	.table_denny_vypis {
		width: 100%;
	}


.index_print {
	display: none;
}

.vypis_jedal_table {
	  margin: 0 auto;
		width: 100%;
	}

.zoznam_jedal_table {
	width: 100%;
}


	.jedla_edit {
		width: 5%;
	}

	.jedla_nazov {
		width: 50%;
	}

	.jedla_alergeny {
		width: 20%;
	}

	.jedla_mnozstvo {
		width: 10;
	}

	.jedla_img {
		width: 10%;
	}

	.jedla_del {
		width: 5%;
	}

		.td_hodnotenie {
		display: none;
	}

		.td_hodnotenie_male {
		display: block;
		text-align: left;	
	}

	.add_jedlo {
		width: 100%;
	}




}

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

	.loginsystem {
		display: block;
		font-size: 1.2em;
	}

	.td_variant {display: none;}

	.td_vnorena_typ_jedla {
		display: none;
	}

	.td_vnorena_alergeny {
		display: none;
	}

	.td_vnorena_mnozstvo {
		display: none;
	}

	.index_td_plus {
			width: 5%;
			}

	.index_td_vnorena_table_jedlo {
		width: 85%;
	}

	.td_vnorena_nazov_jedla {
		width: 80%;
		font-size: 1.2em;
	}

	.td_vnorena_img {
		width: 20%;
	}
	
	.img_jedlo {
		max-width: 5em;
	}

	.naj_jedla_table {
		max-width: 100%;
	}

.index_td_variant {display: none;}

	.index_td_vnorena_nazov_jedla {
		width: 80%;
		font-size: 1em;
	}

	.index_td_vnorena_img {
		width: 15%;
	}
	

	.index_td_hodnotenie_male {
		display: block;
		text-align: center;
		border-bottom: solid 1px b#3E5902}

	.index_td_del {
					width: 10%;
					text-align: center;
					}


	.nahlasit_obedy_btn {
		margin-top: 1em;
		margin-bottom: .5em;
		margin-left: 0;
		margin-right: 0;		
		display: block;
		width: 100%;
		text-align: center;
	}

	.table_hodnotenie {
		border: none;
		width: 95%;		
	}

	.stranka_menu {
	width: 100%;
}

.table_login {
	width: 100%;
}

.table_login td{
	width: 100%;	
}

.table_login input{
	width: 100%;
}

.table_uzivatelia {
	width: 100%;
}	

.table_dohlasit_za {	
	font-size: 1.5em;
}


.table_admin_users {
	width: 100%;
}

.table_admin_users select {
	width: 100%;
}

.zoznam_jedla_edit {
	display: none;
	width: 0%;
}

.zoznam_jedla_del {
	display: none;
	width: 0%;
}



.back_dohlasit_za {
	bottom: 0%;
	left: 0%;
	width: 20%;
}




	.navrh_textarea {
		width: 100%;
	}

.table_navrh_komentare {
		width: 100%;
	}

.text_komentar_navrhu {
		width: 100%;
	}

.table_navrh {
	width: 100%;
}

.img_navrh {
	width: 100%;		
}

.table_profil {
	width: 100%;
}

.tabulkove_zobrazenie_navrhov {
	width: 100%;
}

.rozpis_smien {
	width: 100%;
}

.table_edit_jedlo {
	width: 100%;
}




}

@media screen and (max-width: 400px) 
{
	.mobil_vyska {
		font-size: 0;
		display: none;		
	}
}

/*---------------------------------------------------------------------------*/
/* Add obed dna - krajsi layout */
/*---------------------------------------------------------------------------*/

.add-obed-page {
	max-width: 72em;
	margin: 0 auto;
	padding: .5em .8em 6em .8em;
}

.add-obed-header {
	margin-bottom: 1em;
}

.add-obed-date {
	color: #3E5902;
	font-size: 1.6em;
	margin-top: .2em;
}

.add-obed-form {
	width: 100%;
}

.add-obed-topbar {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 1em;
	align-items: start;
	margin-bottom: 1.2em;
}

.add-obed-filter-box,
.add-obed-summary-box {
	background: white;
	border: solid .15em #3E5902;
	border-radius: 1em;
	padding: .9em;
	box-shadow: 0 .25em .8em rgba(0,0,0,.08);
}

.add-obed-filter-title {
	font-size: 1.3em;
	font-weight: bold;
	color: #3E5902;
	margin-bottom: .6em;
	text-align: left;
}

.add-obed-filter-row {
	display: flex;
	gap: .6em;
	flex-wrap: wrap;
	align-items: center;
}

.add-obed-filter-input {
	flex: 1 1 18em;
	min-width: 14em;
	padding: .8em 1em;
	border: solid .12em #3E5902;
	border-radius: .8em;
	font-size: 1.1em;
	color: #333;
	background: #fff;
}

.add-obed-filter-input:focus {
	box-shadow: 0 0 0 .2em rgba(62,89,2,.12);
}

.add-obed-btn {
	padding: .8em 1.1em;
	border: none;
	border-radius: .8em;
	font-size: 1em;
	font-weight: bold;
	cursor: pointer;
	transition: .15s ease-in-out;
}

.add-obed-btn:hover {
	opacity: .9;
	transform: translateY(-1px);
}

.add-obed-btn-primary {
	background: #3E5902;
	color: white;
}

.add-obed-btn-light {
	background: #F29F05;
	color: #333;
}

.add-obed-filter-note {
	margin-top: .7em;
	text-align: left;
	font-size: .95em;
	color: #333;
}

.add-obed-filter-note-muted {
	opacity: .8;
}

.add-obed-summary-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: .8em;
	font-size: 1.2em;
	font-weight: bold;
	color: #3E5902;
	margin-bottom: .7em;
}

.add-obed-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.2em;
	height: 2.2em;
	padding: 0 .4em;
	border-radius: 50%;
	background: #3E5902;
	color: white;
	font-size: .95em;
}

.add-obed-selected-list {
	display: flex;
	flex-wrap: wrap;
	gap: .45em;
	justify-content: flex-start;
}

.add-obed-selected-pill {
	display: inline-block;
	padding: .45em .7em;
	background: #f4f7ed;
	border: solid 1px #3E5902;
	border-radius: 999px;
	font-size: .9em;
	text-align: left;
}

.add-obed-empty {
	font-size: .95em;
	opacity: .8;
	text-align: left;
}

.add-obed-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 .7em;
}

.add-obed-section-title {
	padding: .45em .7em;
	border-radius: .7em;
}

.add-obed-no-results {
	background: #f7f7f7;
	color: #333;
	padding: .9em;
	border-radius: .7em;
	font-style: italic;
	border: dashed 1px #ccc;
}

.add-obed-item-row td {
	border: none;
}

.add-obed-check-cell {
	width: 5em;
	vertical-align: middle;
	background: white;
	border-radius: 1em 0 0 1em;
	border-top: solid .1em #dfe7d1;
	border-bottom: solid .1em #dfe7d1;
	border-left: solid .1em #dfe7d1;
}

.add-obed-content-cell {
	background: white;
	border-radius: 0 1em 1em 0;
	border-top: solid .1em #dfe7d1;
	border-right: solid .1em #dfe7d1;
	border-bottom: solid .1em #dfe7d1;
	padding: 0;
}

.add-obed-item-row-selected .add-obed-check-cell,
.add-obed-item-row-selected .add-obed-content-cell {
	background: #f6faef;
	border-color: #3E5902;
}

.add-obed-card {
	display: grid;
	grid-template-columns: 1fr 8em;
	gap: 1em;
	align-items: center;
	padding: .9em 1em;
}

.add-obed-card-main {
	text-align: left;
}

.add-obed-name {
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
	margin-bottom: .45em;
	line-height: 1.3;
}

.add-obed-meta {
	display: flex;
	flex-wrap: wrap;
	gap: .45em;
}

.add-obed-badge {
	display: inline-block;
	padding: .35em .65em;
	border-radius: .7em;
	background: #3E5902;
	color: white;
	font-size: .88em;
}

.add-obed-badge-light {
	background: #F29F05;
	color: #333;
}

.add-obed-badge-selected {
	background: #A60303;
	color: white;
}

.add-obed-image-cell {
	text-align: center;
}

.add-obed-img {
	width: 6.2em;
	height: 6.2em;
	object-fit: cover;
	border-radius: 1em;
	border: solid .15em #e7e7e7;
}

.add-obed-no-image {
	width: 6.2em;
	height: 6.2em;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	border-radius: 1em;
	background: #f3f3f3;
	color: #666;
	font-size: .8em;
	text-align: center;
	padding: .4em;
}

.add-obed-actions-row {
	padding-top: 1em;
}

@media screen and (max-width: 1100px) {
	.add-obed-page {
		max-width: 100%;
		padding-left: .5em;
		padding-right: .5em;
	}

	.add-obed-topbar {
		grid-template-columns: 1fr;
	}

	.add-obed-card {
		grid-template-columns: 1fr 6.5em;
	}

	.add-obed-img,
	.add-obed-no-image {
		width: 5.5em;
		height: 5.5em;
	}
}

@media screen and (max-width: 700px) {
	.add-obed-filter-row {
		flex-direction: column;
		align-items: stretch;
	}

	.add-obed-btn,
	.add-obed-filter-input {
		width: 100%;
	}

	.add-obed-check-cell {
		width: 4.2em;
	}

	.add-obed-card {
		grid-template-columns: 1fr;
		text-align: left;
	}

	.add-obed-image-cell {
		text-align: left;
	}

	.add-obed-img,
	.add-obed-no-image {
		margin: 0;
	}
}

@media screen and (max-width: 600px) {
	.add-obed-page {
		padding-bottom: 7em;
	}

	.add-obed-date {
		font-size: 1.3em;
	}

	.add-obed-name {
		font-size: 1.05em;
	}

	.add-obed-badge {
		font-size: .82em;
	}

	.add-obed-check-cell {
		vertical-align: top;
		padding-top: 1.1em;
	}
}