#name_error {color: #b30000;}
#mail_error {color: #b30000;}
#tel_error {color: #b30000;}
.err {font-size: 16pt;color: #b30000;}
#mycontent {
	font-family: Comic Sans MS, Calibri, Tahoma, Geneva, sans-serif;
	margin: auto;
	text-align: center;
}

/* Center bullets and text inside lists */
#mycontent ul,
#mycontent ol {
	text-align: center;
	margin: .5em auto;
	padding-left: 0;
	list-style-position: inside;
}
#mycontent ul { list-style-type: disc; }
#mycontent ol { list-style-type: decimal; }

#mytooltip {
	display:none;
	position: absolute;
	z-index:1000;
	border-bottom: 1px dotted #000000;
	color: #000000;
	outline: none;
	text-decoration: none;
	background: #FFFFAA;
	border: 1px solid #FFAD33;
	font-size: 10pt;
	left: 1em;
	top: 2em;
	margin-left: 0;
	width: 210px;
	padding: 0.8em 1em;
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
}
#myevent {
	display:none;
	position: absolute;
	z-index:1001;
	top:20%;
	left:40%;
	border-bottom: 1px dotted #000000;
	color: #000000;
	outline: none;
	text-decoration: none;
	background: #ffffff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	margin-left: 0;
	width: 300px;
	padding: 0.8em 1em;
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
}
#svg2 {
	opacity: 0.9;
	height: auto;
}
#myimg {
	display:none;
}
#datepicker{
	visibility: hidden;
	position: absolute;
}
#timepickerstart{
	visibility: hidden;
	position: absolute;
}
#timepickerstop{
	visibility: hidden;
	position: absolute;
}
#myreservationform {
	margin: 0 auto;
	border-bottom: 1px dotted #000000;
	color: #000000;
	outline: none;
	text-decoration: none;
	text-align:left;
	border: 1px solid #000000;
	font-size: 10pt;
	width: 400px;
	padding: 0.8em 1em;
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
}
#myimgform {
	opacity:1;
	position: relative;
	top: -30px;
	left: 100px;
	width: 300px;
	border: 1px solid #000000;
	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
}
.bowl {
	display: inline-block;
}
.bow {
	width:370px;
	display: inline-block;
	border: 1px solid #3465a4;
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    resize: none;
}

/*Nastavení separovaných buněk a nulové vzdálenosti mezi buňkami*/
table.roundedCorners{
    overflow: auto;
	text-align: center;
	margin: auto;
    border-color: #729fcf;
    border-collapse: separate;
    border-spacing: 0px;
	text-align: left;
	cursor: default;
}
table.caption {caption-side: top;text-align: center;}

/*Vypnutí pravých a dolních rámečků*/
table.roundedCorners td, table.roundedCorners th{border-style: solid none none solid;}

/*Nastavení dolního rámečku posledním buňkám (td, th)*/
table.roundedCorners :not(thead):not(tbody) tr:last-child td,
table.roundedCorners :not(thead):not(tbody) tr:last-child th,
table.roundedCorners tbody:last-child   tr:last-child td,
table.roundedCorners tbody:last-child   tr:last-child th { border-bottom-style: solid;}

/*Nastavení pravého rámečku buňkám v posledním sloupci(td, th)*/
table.roundedCorners td:last-child,
table.roundedCorners th:last-child { border-right-style: solid; }

/*Nastavení levého horního kulatého rohu*/
table.roundedCorners :not(tbody):not(tfoot) tr:first-child td:first-child,
table.roundedCorners :not(tbody):not(tfoot) tr:first-child th:first-child,
table.roundedCorners tbody:first-child  tr:first-child td:first-child,
table.roundedCorners tbody:first-child  tr:first-child th:first-child { border-top-left-radius: 10px;}

/*Nastavení pravého horního kulatého rohu*/
table.roundedCorners :not(tbody):not(tfoot) tr:first-child td:last-child,
table.roundedCorners :not(tbody):not(tfoot) tr:first-child th:last-child,
table.roundedCorners tbody:first-child  tr:first-child td:last-child,
table.roundedCorners tbody:first-child  tr:first-child th:last-child  { border-top-right-radius: 10px;}

/*Nastavení levého dolního kulatého rohu*/
table.roundedCorners :not(thead):not(tbody) tr:last-child td:first-child,
table.roundedCorners :not(thead):not(tbody) tr:last-child th:first-child,
table.roundedCorners tbody:last-child   tr:last-child td:first-child,
table.roundedCorners tbody:last-child   tr:last-child th:first-child { border-bottom-left-radius: 10px;}

/*Nastavení pravého dolního kulatého rohu*/
table.roundedCorners :not(thead):not(tbody) tr:last-child td:last-child,
table.roundedCorners :not(thead):not(tbody) tr:last-child th:last-child ,
table.roundedCorners tbody:last-child   tr:last-child td:last-child,
table.roundedCorners tbody:last-child   tr:last-child th:last-child { border-bottom-right-radius: 10px;}

table.roundedCorners th {border: 1px solid #729fcf;background-color: #dddddd;color: #000000;padding: 5px;}
table.roundedCorners td {border: 1px solid #729fcf;background-color: #ffffff;color: #000000;padding: 5px;}
table.roundedCorners td.res {background-color: #66ff66; color: #000000;}
table.roundedCorners td.vac {background-color: #eceff1; color: #000000;}

fieldset {
	background: #eeeeee;
	border: 1px solid #3465a4;
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
}
input[type=text]:focus {
    background-color: #FFFFAA;
}
textarea:focus {
    background-color: #FFFFAA;
}

/* --- Safe enhancements for reservation form (non-breaking overrides) --- */
/* Make form responsive and align with existing SVG palette */
#myreservationform { 
	max-width: 520px; 
	width: 100%; 
	box-sizing: border-box; 
}
.bowl { 
	display: block; 
	margin-bottom: 4px; 
	font-weight: 600; 
}
.bow { 
	width: 100%; 
	display: block; 
	padding: .55rem .7rem; 
	box-sizing: border-box; 
}
#myreservationform button { 
	background: #00cc00; /* match reservation green */
	color: #fff; 
	border: 1px solid #009900; 
	border-radius: 6px; 
	padding: .6rem 1rem; 
	font-weight: 600; 
	cursor: pointer; 
}
#myreservationform button:hover { 
	background: #009900; 
}
@media (max-width: 640px){
	#myimgform{display:none;}
	#myreservationform{width:100%;}
}