/* ZBODYFIT SPOLOCNY STYL
 * Fyzicky zluceny subor pre postupne migrovane stranky.
 */

/* ===== POVODNE SPOLOCNE STYLY: cssstyle.css ===== */
html {
	min-height: 100%;
	height: 100%;
	font-size: 16px;
}
body {
	position: relative;
	height: 100%;
	margin: 0px;
	background-color: #F8F8F8;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;             /* odstráni defaultné marginy */
	font: inherit;         /* zdedí font z rodiča */
	color: inherit;        /* zdedí farbu z rodiča */
	line-height: 1.5;      /* výška riadku */
	margin-bottom: 16px;   /* odstup od nasledujúceho textu */
	display: block;        /* blokové správanie */
}

/* ----- header styling ----- */
.header {
	position: relative; /* dôležité pre ukotvenie detí */
	width: 100%;
	height: 200px;
	background-image: url(../../images/header.jpg), url(../../images/header-bg.jpg);
	background-repeat: no-repeat, repeat;
	background-position: top center, top center;
	background-size: auto 200px, 100% 200px;
}
.header-subtitle {
	position: absolute;
	display: block;
	top: 120px;
	left: 10px;
	right: 10px; /* od okrajov */
	text-align: center;
	font-family: Arial;
	color: #edd70b; /* žltá ostáva */
	text-decoration: none;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8); /* tmavý tieň */
}
.headerRoleName {
	position: absolute;
	display: block;
	font-family: Arial;
	font-size: 14px;
	color: #565454; /* sivá farba textu */
	text-decoration: none;
	bottom: 10px;
	right: 10px;
	text-shadow: 1px 1px 2px rgba(255, 0, 0, 0.6); /* jemný červený tieň */
}
.headerRoleName.local {
	color: #b3261e;
}

/* Spolocny komponent pre zobrazenie profilov osob a organizacii. */
.zbf-profile-view-head{width:100%;max-width:680px;margin:0 auto;text-align:center}
.zbf-profile-view{width:100%;max-width:680px;margin:0 auto var(--zbf-space-5);border-collapse:collapse;color:var(--zbf-form-text)}
.zbf-profile-view td{padding:4px var(--zbf-space-2);border:0;vertical-align:top}
.zbf-profile-view td:first-child:not([colspan]){width:36%;color:var(--zbf-form-muted);font-weight:600;text-align:right}
.zbf-profile-view hr{margin:var(--zbf-space-2) 0;border:0;border-top:1px solid var(--zbf-form-divider)}
.zbf-profile-view .zbf-profile-row{display:grid;grid-template-columns:36% minmax(0,64%);gap:0;width:100%;padding:0;border:0}
.zbf-profile-view .zbf-profile-label,.zbf-profile-view .zbf-profile-value{min-width:0;padding:4px var(--zbf-space-2);box-sizing:border-box}
.zbf-profile-view .zbf-profile-label{color:var(--zbf-form-muted);font-size:16px;font-weight:600;line-height:1.35;text-align:right}
.zbf-profile-view .zbf-profile-value{text-align:left;overflow-wrap:anywhere}
.zbf-profile-view .zbf-form-section-title{margin-right:var(--zbf-space-2);margin-left:var(--zbf-space-2);text-align:left}
.zbf-profile-view .zbf-form-section-title + .pismo_sede{margin-top:-4px;margin-bottom:var(--zbf-space-2)}
.zbf-profile-view td[colspan] > .zbf-form-section-title{margin:var(--zbf-space-4) 0 var(--zbf-space-2)}
@media (max-width:700px){
    .zbf-profile-view,.zbf-profile-view tbody,.zbf-profile-view td{display:block;width:100%;box-sizing:border-box}
    .zbf-profile-view{max-width:420px;margin-right:auto;margin-left:auto}
    .zbf-profile-view tr{display:grid;grid-template-columns:minmax(105px,42%) minmax(0,58%);align-items:start;gap:var(--zbf-space-2);width:100%;padding:6px 0;border:0}
    .zbf-profile-view td:first-child:not([colspan]){width:100%;padding:2px 0;border:0;text-align:right}
    .zbf-profile-view td:not(:first-child){padding:2px 0;text-align:left;overflow-wrap:anywhere}
    .zbf-profile-view td[colspan]{grid-column:1/-1;padding:2px 0;text-align:center}
    .zbf-profile-view .zbf-profile-row{grid-template-columns:minmax(105px,42%) minmax(0,58%);align-items:start;gap:var(--zbf-space-2);padding:6px 0}
    .zbf-profile-view .zbf-profile-label,.zbf-profile-view .zbf-profile-value{padding:2px 0}
}
.headerRoleName.web {
	color: #287a3d;
}
.clickCursor {
	cursor: pointer;
}
.headerLogo {
	position: absolute;
	display: block;
	padding: 1px;
	border-radius: 5px;
	border: 1px solid #C30;
	width: 50px;
	height: 50px;
	top: 20px;
	left: 10px;
}
.headerLogo img {
	width: 50px;
	height: 50px;
}
.imgBorderLogo {
	position: relative;
	display: block;
	padding: 1px;
	border-radius: 5px;
	border: 1px solid #C30;
	width: 50px;
	height: 50px;
	margin: 5px;
}
.imgBorderLogo img {
	width: 50px;
	height: 50px;
}
.imgBorderLoginlogo {
	position: relative;
	display: block;
	padding: 1px;
	border-radius: 5px;
	border: 1px solid #CCC;
	width: 100px;
	height: 100px;
	margin: 5px;
}
.imgBorderLoginlogo img {
	width: 100px;
	height: 100px;
}
.circleImg {
	position: absolute;
	display: block;
	top: 20px;
	right: 10px;
	border: 1px solid #C30;
	float: right;
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 50%;
}
.circleImg img {
	width: 50px;
}

/* ----- body styling ----- */
.body {
	height: 100%;
	height: auto !important;
	min-height: calc(100% - 240px); /* header + fother + padding + menu */
	margin: 5px;
	padding: 1%;
}
.paddingBody {
	padding: 10px;
}
.paddingBody_lr {
	padding-left: 10px;
	padding-right: 10px;
}
.container {
	display: block;
	position: relative;
	background: white;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	padding: 5px;
	margin: 0 auto;
	margin-bottom: 5px;
}
.container_red {
	display: block;
	position: relative;
	background: white;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(224, 0, 0, 1);
	padding: 5px;
	margin: 0 auto;
	margin-bottom: 5px;
}
hr {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.bordernone {
	border-style: none;
}

/* ----- Footer styling ----- */
.footer {
	display: block;
	width: 100%;
	color: #FFFFFF;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	bottom: 0;
	height: 60px;
	text-align: center;
	font-size: 12px;
	background-color: #000;
}
.footer_bielepismo a:link {
	color: #FFFFFF;
}
.footer_bielepismo a:visited {
	color: #FF0;
}
.copyright {
	width: 100%;
	margin-top: 10px;
	bottom: 0;
}
.center {
	display: block;
	position: relative;
	width: 100%;
	background-color: #FFF;
	position: absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	padding: 5px;
}
.block_left {
	display: block;
	float: left; 
	margin-left: 20px;
	padding-top: 10px;
}
.block_left30 {
	display: block;
	margin-left: 30px;
}
.block_right {
	display: block;
	padding-top: 10px;
	float: right; 
	margin-right: 20px;
	margin-left: 20px;
}
.hidden {
	display: none;
}

/* QR code */
#qrcodeCanvas {
	display: block;
	position: relative;
	margin: 4px;
}

/* Cookie notice box upozornenia */
#cookie_box {
	background-color: rgba(20,20,20,0.8);
	min-height: 26px;
	font-size: 14px;
	color: #ccc;
	padding: 8px 0 8px 30px;
	font-family: "Trebuchet MS",Helvetica,sans-serif;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	z-index: 9999;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF0;
}
#cookie_box a { 
	color: #4B8EE7;
	text-decoration: none;
}
#cookie_boxClose a {
	display: block;
	float: right;
	cursor: pointer;
	top: -10px;
	right: 5px;
	position: absolute;
	color: #F00;
	padding-right: 5px;
	padding-left: 5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #000;
	background-color: #FFF;
	font-weight: bold;
}
.brdiv br {
	display: none;
}
.gradient {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cbccc8)) fixed;
}
.imgStepProces {
	text-align: center;
	max-width: 450px;
	display: block;
	margin: 0 auto;
}
s input {
	background-image: url(../image/pixel_red.gif);
	background-repeat: repeat-x;
	background-position: 50%;
	padding: 1px;
	margin-right: 2px;
	border: 1px solid #666;
	background-color: #E4E4E4;
}
input {
	margin-right: 2px;
}

/* password controler ----------------------------------------------*/
#password_rules .complete {
	color: #5DB406;
	font-size: 15px;
	float: left;
}
span.togglePassword {
	color: gray;
	font-size: 12px;
	cursor: pointer;
}

/* formatovanie nvigácia ----------------------------------------------*/
.navig_menu {
white-space: nowrap;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
}
.navig_menu img {
	position: relative;
	top: 4px;
}

/* formatovanie textového Horizontalneho menu ----------------------------------------------*/
.textHzMenu ul {
	list-style-type: none;
	margin: 0;
 	padding: 0px 0px 10px 0px;
}
.textHzMenu li {
	display: inline;
	padding: 0px 5px;
}

/* login form ----------------------------------------------*/
.loginBox {
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 1px solid #D1D1D1;
	background-color: #F2F2F2;
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	bottom: 5px;
	top: 5px;
	opacity: .8;
	max-width: 800px;
	margin-bottom: 10px;
 }

/* formatovanie menu ----------------------------------------------*/
#top {
	text-align: left;
	background-color: #CCCCCC;
}
#menu {
	text-align: left;
	color: #000000;
	line-height: 32px;
	margin-bottom: 10px;
}
.clickCursor {
	cursor: pointer;
}
.clickCursorHelp {
	cursor: pointer;
	cursor: help;
}
.clickCursorMove {
	cursor: move;
}

/* formatovanie button menu ----------------------------------------------*/
.button {
	float: left;
	height: auto;
	text-align: center;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
}
.button a:link, .button a:visited {
	color: #009;
	background-color: #F7F7F7;
	text-decoration: none;
	display: block;
	margin: 1px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px #20538D;
}
.button a:hover {
	color: #000000;
	background-color: #FFFFCC;
}
.linkbutton {
    max-width: 480px;
    margin: 40px auto;
    padding: 20px 24px;
    border-radius: 12px;
    border: 2px solid #ff6b35;          /* výrazná, ale nie agresívna farba */
    background: #fff7f2;                /* jemné pozadie */
    text-align: center;
    box-shadow: 0 8px 20px rgba(0,0,0,0.06);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.rbutton {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px #20538D;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #000;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-color: #CCC;
}
.buttonGreen {
    background-color: #329a38;       /* jemná moderná modro-sivá */
    border: none;
    padding: 5px;
    border-radius: 4px;
    margin: 2px;
    color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    display: inline-block;
    transition: box-shadow 0.2s ease, transform 0.15s ease, background 0.2s ease;
}
.buttonGreen a {
    text-decoration: none;
    color: #fff;
    display: block;
}
.buttonSilver {
    background-color: #8a9db8;       /* jemná moderná modro-sivá */
    border: none;
    padding: 5px;
    border-radius: 4px;
    margin: 2px;
    color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    display: inline-block;
    transition: box-shadow 0.2s ease, transform 0.15s ease, background 0.2s ease;
}
.buttonSilver a {
    text-decoration: none;
    color: #fff;
    display: block;
}

/* formátovanie tlacitka upload ----------------------------------------------------------*/
.uploadButton {
	border: 0px;
	background: linear-gradient(180deg, #f44, #811);
	border-radius: 4px;
	color: #fff;
	padding: 4px;
}
input.button{
	background: url("../../images/email.png") no-repeat 5px;
	background-color: #E2E2E2;
	cursor: pointer;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 30px;
	text-decoration: none;
	border: 1px solid #AEAEAE;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
input.right {
	float: right;
	clear: both;
}

/* formátovanie textu ----------------------------------------------------------*/
.title {
	color: #660000;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
}
.nadpis, .nadpis_line {
	color: #666666;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #06F;
	display: table;
	padding-right: 50px;
	padding-left: 50px;
}
.info_cervene {
	color: #FF0000;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
}
.zbf-attention-line {
	position: relative;
	display: block;
	width: fit-content;
	max-width: 100%;
	padding-bottom: 7px;
	overflow: hidden;
}
.zbf-attention-line::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 1px;
	width: 32%;
	height: 1px;
	border-radius: 2px;
	background-color: #d62626;
	animation: zbf-attention-line-move 1.8s ease-in-out infinite;
}
@keyframes zbf-attention-line-move {
	0% { transform: translateX(-110%); }
	100% { transform: translateX(315%); }
}
@media (prefers-reduced-motion: reduce) {
	.zbf-attention-line::after {
		width: 100%;
		animation: none;
		transform: none;
	}
}
.info_cervene_x {
	color: #FF0000;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	display: inline-block;
	width: 40px;
}
.info_modre {
	color: #0000CC;
	font-weight: normal;
	text-decoration: none;
}
.info_modre_10 {
	color: #0000CC;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
}
.info_modre_8 {
	color: #0000CC;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
.info_cierne_8 {
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
.echo {
	color: #FF0000;
	font-weight: normal;
	text-decoration: none;
}
.titleRow {
	display: block;
	cursor: help;
}
.subtitleRow {
	font-size: 17px;
	display: block;
	height: 30px;
}
.details {
	display: block;
	padding-left: 10px;
}
.form_text {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	font-variant: normal;
}
.form_subtext {
	color: #003399;
	font-weight: bold;
	margin-right: 6px;
	text-decoration: none;
	font-variant: normal;
}
.form_subtextI {
	color: #003399;
	font-weight: bold;
	text-decoration: none;
	font-variant: normal;
}
.form_subtextII {
	color: #9a9a9a;
	font-weight: bold;
	text-decoration: none;
	font-variant: normal;
}
.form_logsubtext {
	color: #CC0000;
	font-weight: bold;
	text-decoration: none;
	font-variant: normal;
}
.pismo_cierne {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
.pismo_cierne10 {
	color: #000000;
	font-size: 13px;
}
.pismo_cierne11 {
	color: #000000;
	font-size: 15px;
}
.pismo_cierne10b {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}
.pismo_sede {
	color: #666;
	text-decoration: none;
	font-weight: normal;
}
.pismo_sede10pt {
	color: #999;
	font-size: 13px;
	text-decoration: none;
	font-weight: normal;
	display: block;
	position: relative;
	bottom: 5px;
}
.pismo_cervene {
	color: #FF0000;
	text-decoration: none;
	font-weight: normal;
}
.pismo_zelene {
	color: #009900;
	text-decoration: none;
}
.pismo_modre {
	color: #0033CC;
	text-decoration: none;
}
.pismo_modre_11 {
	color: #0033CC;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
}
.pismo_zelene_11 {
	color: #009900;
	text-decoration: none;
	font-size: 15px;
}
.pismo_fialove {
	color: #C0F;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
}
.pismo_CC0000 {
	color: #CC0000;
	text-align: left;
	text-indent: 20px;
	font-weight: bold;
	padding: 10px;
}
.pismo_tucne {
	color: #3300CC;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #00FF66;
}
.pismo_zelene_10 {
	color: #009933;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
.pismo_cierne_12 {
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	display: inline-block;
}
.pismo_modre_12 {
	color: #0000FF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.pismo_cervene_12 {
	color: #CC0000;
	text-decoration: none;
	text-indent: 2px;
	font-size: 12px;
}
.textHiden800 {
	visibility: hidden;
	display: none;
}
.textBlock20 {
	display: block;
	margin: 20px;
}
.underline {
	border-bottom: 1px solid red;
}
.underline_gray {
	border-bottom: 1px solid #999;
}
.underline_blue {
	border-bottom: 1px solid #4800ff;
}
.kategoria {
	color: #009900;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CC0000;
	padding-right: 10px;
	padding-left: 5px;
	line-height: 25px;
}

/* Orientacia textu ----------------------------------------------*/
.txtOr1 {
	text-align: right;
}
.txtOr3 {
	text-align: left;
}

/* formatovanie tabulky sumtable ------------------*/
table.sumtable {
	position: relative;
	top: 5px;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	text-align: center;
}
table.sumtable tr.tabgreirow td {
	background-color: #E5E5E5;
}
table.sumtable th {
	border-width: 1px;
	padding: 1px 3px 1px 3px;
	border-style: solid;
	border-color: #666666;
	text-align: center;
	font-weight: normal;
}
table.sumtable th.tabtitle {
	background-color: #E5E5E5;
}
table.sumtable th.semifinale {
	background-color: #FFFF99;
}
table.sumtable th.finale {
	background-color: #CCFF99;
}
table.sumtable td.info_cervene_a {
	text-align: left;
	text-indent: 10px;
}
table.sumtable td.info_cervene_b {
	background-color: #FFFFCC;
	text-align: left;
	text-indent: 10px;
}
table.sumtable td.fin_score_a {
	color: #000000;
}
table.sumtable td.fin_score_b {
	color: #CCCCCC;
}
table.sumtable td.fin_score_c {
	color: #FF0000;
}
table.sumtable td {
	border-width: 1px;
	padding: 1px 3px 1px 3px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}

/* formatovanie tabulky tbheader ------------------*/
table.tbheader td {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	text-align: left;
	height: 30px;
	bottom: auto;
	vertical-align: bottom;
}
.left {
	text-align: left;
	text-indent: 5px;
}
.right_inlCenter {
	float: right;
	display: inline;
}
.error {
	display: block;
	color: #F00;
}

/* formatovanie tabulky sistable ------------------*/
table.sistable {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
	text-align: left;
}
table.sistable th {
	border-width: 1px;
	padding: 1px 3px 1px 3px;
	border-style: solid;
	border-color: #999999;
	background-color: #F0F0F0;
	text-align: left;
}
table.sistable tr {
	vertical-align: top;
}
table.sistable tr.form td {
	background-color: #D5FFD5;
}
table.sistable td {
	border-width: 1px;
	padding: 1px 3px 1px 3px;
	border-style: solid;
	border-color: #999999;
	background-color: #ffffff;
}
table.sistable .modifi td {
	color: #0000FF;
	background-color: #FFFF99;
}
table.sistable .prezent td {
	color: #0000FF;
	background-color: #CAFFCA;
}
table.sistable .ok_prezent td {
	color: #000000;
	background-color: #CAFFCA;
}
table.sistable .on_prezent td {
	color: #038414;
}
table.sistable .no_prezent td {
	color: #FF0000;
}
table.sistable .xx_prezent td {
	background-color: #dedede;
	color: #FF0000;
}
table.sistable .redHover:hover td {
	border-bottom: 1px solid rgb(255, 0, 0);
}
/* formatovanie tabulky kategorii ------------------*/
.category {
	padding: 1px;
	font-size: 14px;
	font-weight: bold;
	color: #000099;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	display: block;
	width: 100%;
}

/* formatovanie tabulky rozhodcov ------------------*/
table.tab_mr th {
	text-align: left;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
}
.tab_mr_title {
	color: #0033CC;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

/* formatovanie tabulky backstage ------------------*/
table.startlist {
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	color: #000;
	border-width: 1px;
	border-collapse: collapse;
	text-align: left;
}
table.startlist td {
	border-bottom: 1px solid #E1E1E1;
}

/* TD podciarknutie - tabulka */
.rowLineBottom td {
	border-bottom: 1px solid #E1E1E1;
}


/* >>>> NOVE formatovanie tabuliek ---------------------------------------------------------------*/
/* formatovanie DIV tabulky s 2-ma stlpcami */
/* ------------------------------------------------------------------------- */
.tableDivZ2c {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.tableDivZ2c .rowZ2c {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2px;
	margin-bottom: 0;
	padding: 0;
	border: none;
	background: none;
}
.tableDivZ2c .rowZ2c .titleZ2 {
	color: #003399;
	font-weight: bold;
}
.tableDivZ2c .rowZ2c .cell:nth-child(1) {
	text-align: right;
}
.tableDivZ2c .rowZ2c .cell:nth-child(2) {
	text-align: left;
}
@media (max-width: 600px) {
	.tableDivZ2c {
		width: 100%;
		max-width: 100%;
		padding: 0;
		box-sizing: border-box;
	}
	.tableDivZ2c .rowZ2c {
		display: grid;
		grid-template-columns: 1fr;
		margin-bottom: 15px;
		padding: 0;
		border: none;
		background: none;
	}
	.tableDivZ2c .rowZ2c.podciarknut {
		border-bottom: 1px solid #e7e7e7;
		padding-bottom: 5px;
	}
	.tableDivZ2c .rowZ2c .cell {
		text-align: left !important;
		padding: 0;
		width: 100%;
		box-sizing: border-box;
    }
}
@media (max-width: 600px) {
}
/* <<<< NOVE formatovanie tabuliek ---------------------------------------------------------------*/


/* RESPONZIV - tabulka */
/*--------------------------------------------*/
.tableDivA {
	max-width: 800px;
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.rowDivA {
	display: table-row;
	text-align: center;
}
.row_groupA {
	display: table-row-group;
	text-align: center;
}
.column_divA1 {
	display: table-cell;
	padding: 2px 2px 2px 2px;
	text-align: right;
	vertical-align: top;
	width: 40%;
}
.column_divA2 {
	display: table-cell;
	padding: 2px 2px 2px 2px;
	text-align: left;
	width: 100%;
}
.column_divA3 {
	display: inline-block;
	padding: 2px 2px 2px 2px;
	text-align: left;
}
.column_divA4 {
	display: table-cell;
	padding: 2px 2px 2px 2px;
	text-align: left;
}
.table_divB {
	display: table;
}
.row_divB {
	display: table-row;
}
.column_divB1 {
	display: table-cell;
	padding: 2px 2px;
}
.column_divB1 label {
	display: inline-block;
	text-align: right;
}
.column_divB1:nth-child(n):after {
	margin-right: 5px;
	content: " ";
}
.column_divB2 {
	display: block;
	padding: 2px 2px;
}
.column_divB2 label {
	display: inline-block;
	text-align: right;
}
.cell {
  padding: 2px;
  box-sizing: border-box;
  word-break: break-word;
  vertical-align: middle;
}
/* Zarovnanie podľa stĺpca */
.col-1,
.col-3 {
  text-align: right;
}
.col-2,
.col-4 {
  text-align: left;
}
.full {
  text-align: left;
}
/* Mobilné zobrazenie */
@media screen and (max-width: 768px) {
  /* zachovanie zarovnania aj v mobile */
  .col-1,
  .col-3 {
    text-align: right;
  }
  .col-2,
  .col-4 {
    text-align: left;
  }
}
/* <<< NOVE responzivna tabulka v html ------------------------*/


/* BOX - border */
.textBox999 {
	margin-bottom: 2px;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #999;
	color: #003;
	font-size: 15px;
}

/* Zoznam pripojených dokumentov. */
.zbf-document-list {
	width: 100%;
	border-collapse: collapse;
	table-layout: auto;
}
.zbf-document-list td {padding: 2px 0; vertical-align: top;}
.zbf-document-list__number {
	width: 1%;
	padding-right: 5px !important;
	white-space: nowrap;
}
.zbf-document-list__link {overflow-wrap: anywhere;}

/* definovanie rozmerov */
.size15 {
	width: 15px;
}
.size30 {
	width: 30px;
}
.size50 {
	width: 50px;
}
.size100 {
	width: 100px;
}
.size150 {
	width: 150px;
}
.size200 {
	width: 200px;
}
.size300 {
	width: 300px;
}
.size400 {
	width: 400px;
}
.size500 {
	width: 500px;
}
.size800 {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.size1200 {
	width: 1200px;
}

/* formatovanie logo ----------------------------------------------*/
#menu_translate {
	text-decoration: none;
	text-align: right;
}
#logo_left img {
	display: block;
	border-style: none;
	text-decoration: none;
	float: left;
	position: relative;
}
#logo_right img {
	display: block;
	border-style: none;
	text-decoration: none;
	float: right;
	position: relative;
}

.inline_class {
	display: inline;
}
.inline {
	float: left;
	display: inline;
}

/* formatovanie checkboxu - folmular eliminatora OK ----------------------------------------------*/
label.checkbox input[type="checkbox"] {
    display: none;
}
label.checkbox span {
    cursor: pointer;
    display: inline-block;
    border: 1px solid #BBB;
    border-radius: 5px;
    width: 25px;
    height: 20px;
    vertical-align: middle;
    margin: 1px;
    position: relative;
    transition: width 0.1s, height 0.1s, margin 0.1s;
}
label.checkbox input[type="checkbox"]:checked + span {
    border-radius: 5px;
    width: 25px;
    height: 20px;
    border: 1px solid #0F0;
    background-color: #FFF;
}
label.checkbox input[type="checkbox"]:checked + span:after {
    content: '\2713';
    font-size: 18px;
    position: absolute;
    top: -2px;
    left: 5px;
    color: #999;
}

/* formatovanie checkboxu - folmular eliminatora NO ----------------------------------------------*/
/* Skryjeme checkbox */
label.xcheckbox input[type="checkbox"] {
    display: none;
}

/* Základný vzhľad boxu */
label.xcheckbox span {
    cursor: pointer;
    display: inline-block;
    border: 1px solid #BBB;
    border-radius: 5px;
    width: 25px;
    height: 20px;
    vertical-align: middle;
    margin: 1px;
    position: relative;
    transition: width 0.1s, height 0.1s, margin 0.1s;
}
/* Keď je checkbox CHECKED → zmeníme span */
label.xcheckbox input[type="checkbox"]:checked + span {
    border-radius: 5px;
    width: 23px;
    height: 18px;
    border: 1px solid #0F0;
    background-color: #FFF;
}
/* Fajka (alebo krížik) */
label.xcheckbox input[type="checkbox"]:checked + span:after {
    content: '\2717'; /* krížik */
    font-size: 18px;
    position: absolute;
    top: -2px;
    left: 5px;
    color: #999;
}

.checkbox_green {
	accent-color: green;
}

/* formatovanie select ---------------------------------------------*/
.inputSelect {
	font-size: 13px;
	margin-bottom: 10px;
}
.opt_title {
	font-weight: bold !important;
	color: #bc0000 !important;
	background-color: #CCC;
}
.opt_subtitle {
	font-weight: bold !important;
	color: #000 !important;
	background-color: #E5E5E5;
}
.opt_international {
	color: #009 !important;
}

/* formatovanie LightBox ----------------------------------------------*/
.popup {
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	margin: auto;
	width: 500px;
	min-height: 150px;
	height: 150px;
	padding: 10px;
	background-color: rgb(240,240,240);
	border: 2px solid grey;
	z-index: 1000;
	border-radius: 5px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}
.popup_QRcode {
	width: 300px;
	height: 300px;
	background-color: #FFF;
}
.cancel {
	position: relative;	
	display: block;
	top: -15px;
	right: -5px;
	padding: 2px;
	cursor: pointer;
	float: right;
	color: #000;
	background-color: #F00;
	border: 1px solid #000;
	text-align: center;
	border-radius: 3px;
	font-size: 12px;
}
.cancel:hover {
	background-color: #FFF;
	color: #F00;
	border: 1px solid #F00;
}

/* popup loading informacia -------------------------------------------*/
.uploading {
	position: fixed;
	z-index: 1000;
	width: 300px;
	height: 100px;
	margin-top: -180px;
	margin-left: -150px;
	top: 50%;
	left: 50%;
	text-align: center;
	font-family: "Trebuchet MS", verdana, arial,tahoma;
	font-size: 13px;
	background-color: rgb(240,240,240);
	border: 2px solid grey;
	border-radius: 5px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}

/* formatovanie prehravaca -------------------------------------------*/
.audiocss {
	display: block;
	height: 25px; margin: 5px;
	background-color: #999;
	border: thin solid #999;
	-webkit-box-shadow: 1px 2px 10px 0px #444444;/* definícia pre webkit jadro Safari a Chrome*/
	-moz-box-shadow: 1px 2px 10px 0px #444444;/* definícia pre gecko jadro Firefoxu*/
	box-shadow: 0px 0px 10px 0px #444444;
	margin-left: -5px;
}
.close_btn_fixed {
	position: fixed;
	top: 11%;
	right: 9%;
	z-index: 4;
}
.close_btn_absolute {
	position: absolute;
	display: block;
	top: -10px;
	float: right;
	right: 5px;
	z-index: 5;
}
.c_show_btn {
	position: fixed;
	top: 0px;
	z-index: 6;
}
.musicSubmit {display: none;}
.fieldset {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #000000;
	display: block;
	margin-bottom: 5px;
}

/* formatovanie startovna listina - index ----------------------------------------------*/
.startListBox {
	display: none;
	position: relative;
	border: 1px solid #900;
	background-color: #FFFFFF;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	z-index: 1;
}
.close_btn_startList {
	position: absolute;
	display: block;
	top: 10px;
	float: right;
	right: 10px;
	z-index: 2;
}
.category_open_heading {
	display: flex;
	align-items: center;
	gap: 7px;
	min-height: 28px;
	white-space: nowrap;
}
.category_order_startList {
	color: #555;
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
	white-space: nowrap;
}
.category-document-actions {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 7px;
	margin: 8px 0;
}
.category-document-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	box-sizing: border-box;
	width: 100%;
	gap: 5px 12px;
}
.category-document-label {
	color: #333;
	font-weight: 700;
}
.category-document-link {
	color: #004b91;
	text-decoration: underline;
}
.category-document-link:hover,
.category-document-link:focus {
	color: #002f5c;
}
.category-calculator-action {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.start-number-dialog-trigger {
	display: block;
	width: 100%;
	color: #004b91;
	font-weight: 700;
	text-align: center;
	text-decoration: underline;
	text-decoration-style: dotted;
	text-underline-offset: 3px;
}
.start-number-dialog-trigger:hover,
.start-number-dialog-trigger:focus {
	color: #002f5c;
}
.start-number-dialog-form__athlete {
	margin: 0 0 4px;
	color: #263746;
	font-size: 16px;
	font-weight: 700;
}
.start-number-dialog-form__current {
	margin: 0 0 14px;
	color: #596b78;
}
.start-number-dialog-form__change-row {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
	white-space: nowrap;
}
.start-number-dialog-form__number {
	display: flex;
	align-items: center;
	gap: 8px;
}
.start-number-dialog-form__number > span {
	font-weight: 650;
}
.start-number-dialog-form__number input {
	width: 58px;
	min-width: 0;
	text-align: center;
}
.start-number-dialog-form__change-label {
	color: #596b78;
}
.start-number-dialog-form__scope {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 0;
	border: 0;
}
.start-number-dialog-form__scope label,
.start-number-dialog-form__email {
	display: flex;
	align-items: center;
	gap: 3px;
	line-height: 1.4;
	cursor: pointer;
}
.start-number-dialog-form__scope label {
	padding: 0;
}
.start-number-dialog-form__scope input,
.start-number-dialog-form__email input {
	flex: 0 0 auto;
	margin: 0;
}
.start-number-dialog-form__email {
	margin-right: 7px;
	white-space: nowrap;
}
@media (max-width:600px) {
	.start-number-dialog-form__change-row {
		flex-wrap: wrap;
		white-space: normal;
	}
}
.white_content {
	display: none;
	position: fixed;
	top: 10%;
	left: 10%;
	right: 10%;
	min-width: 100px;
	height: 80%;
	font-size: 13px;
	border: 1px solid #900;
	background-color: #FFFFFF;
	z-index: 1002;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}
.white_content .scrolldiv {
	overflow-y: scroll;
	top: 10%;
	height: 80%;
	display: block;
	border: thin solid #CCC;
	padding: 10px;
}
.clos_button {
	float: right;
	top: -10px;
	right: 5px;
	position: absolute;
}

/* formatovanie tooltip -> bublina ----------------------------------------------*/
.tooltip {
	position: absolute;
	z-index: 9999;
	max-width: 500px;
	padding: 3px 10px;
	background-color: #FFF;
	border-radius: 3px;
	box-shadow: 0 0 3px black;
	color: #333;
}

/* formatovanie tabulky sprava kategorii ----------------------------------------------*/
table.kategorie {
	border: 1px solid #CCCCCC;
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border-collapse: collapse;
	margin: 1px;
}
table.kategorie th {
	border: 1px solid #999999;
	background-color: #CFCFCF;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
table.kategorie td {
	border: 1px solid #CCCCCC;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin: 1px;
}
.separator {
	background-color: rgb(140, 254, 178);
}
.separator_underline {
	border-bottom: 1px solid rgb(0, 188, 38);
}
.textborder {
	background-color: #6F9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #AEAEAE;
}
.background_a {
	background-color: #6FF;
}

table.sumtable td.NumBox, input.NumBox {
	background-color: #D5FFD5;
}
.down_img {
	display: block;
	position: fixed;
	visibility: inherit;
	overflow: visible;
	bottom: 0px;
	right: 0px;
	padding: 2px;
	height: 40px;
	display: inline;
}

table.sistable td.searchResult {
	background-color: #FF00FF;
}
table.sistable td.info {
	background-color: #D7D7D7;
	color: #309;
}

.inline_right {
	float: right;
	display: inline;
}

/* formatovanie input policok formulara ----------------------------------------------*/
input.inputText[type="text"],input.inputText[type="email"],input.inputText[type="password"],input.inputText[type="number"],input.inputText00[type="text"],input.inputText10[type="text"],input.inputText20[type="text"],input.inputText30[type="text"],input.inputText50[type="text"] {
	font-size: 13px;
	margin: 1px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	border-radius: 5px;
	border: 1px solid #CCCCCC;
}
input.inputText100p[type="text"] {
	width: 100%;
	font-size: 13px;
	margin-bottom: 5px;
	margin-top: 0px;
	padding: 2px;
	border-radius: 5px;
	border: 1px solid #CCCCCC;
}
input[class*="inputSubmit"],
button[class*="inputSubmit"],
input[class*="inputStatic"],
button[class*="inputStatic"],
input[type="button"] {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	-webkit-appearance:none;
	appearance:none;
	width:auto;
	max-width:100%;
	height:30px;
	min-height:30px;
	box-sizing:border-box;
	margin:1px;
	padding:0 8px;
	color:#171b19;
	background-color:#f3f5f4;
	border:1px solid #9aa5a0;
	border-radius:4px;
	font:inherit;
	font-size:14px;
	font-weight:600;
	line-height:normal;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	transition:background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

input[class*="inputSubmit"],
button[class*="inputSubmit"] {
	color:#fff;
	background-color:#356b4b;
	border-color:#356b4b;
}
input[class*="inputInfo"],
button[class*="inputInfo"] {
	color:#fff;
	background-color:#285f91;
	border-color:#285f91;
}
input[class*="inputStaticRed"],
button[class*="inputStaticRed"] {
	color:#fff;
	background-color:#a93636;
	border-color:#a93636;
}
input[class*="inputSubmit"]:hover,
button[class*="inputSubmit"]:hover {
	background-color:#28583c;
	border-color:#28583c;
}
input[class*="inputStatic"]:hover,
button[class*="inputStatic"]:hover,
input[type="button"]:hover {
	background-color:#e5eae7;
	border-color:#73827a;
}
input[class*="inputStaticRed"]:hover,
button[class*="inputStaticRed"]:hover {
	background-color:#862828;
	border-color:#862828;
}
input[class*="inputInfo"]:hover,
button[class*="inputInfo"]:hover {
	color:#fff;
	background-color:#1f4c75;
	border-color:#1f4c75;
}
.strikethrough {
	color: #333;
	background-color: #E2E2E2;
	text-decoration: none;
	font-size: 13px;
	font-family: Arial;
	margin: 1px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #AEAEAE;
}
input.zbf-button-disabled,
button.zbf-button-disabled,
input.zbf-button-disabled:hover,
button.zbf-button-disabled:hover {
	color:#333;
	background-color:#e2e2e2;
	border-color:#aeaeae;
	cursor:not-allowed;
	opacity:1;
}
.border_red {
	border: 1px solid #F00;
}

input[class*="btnRed"] {
	border: 1px solid #F30;
}
input[class*="btnGreen"] {
	border: 1px solid #0F0;
}
.href-button {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:auto;
	max-width:100%;
	height:30px;
	min-height:30px;
	box-sizing:border-box;
	margin:1px;
	padding:0 8px;
	color:#171b19;
	background-color:#f3f5f4;
	border:1px solid #9aa5a0;
	border-radius:4px;
	font:inherit;
	font-size:14px;
	font-weight:600;
	line-height:normal;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}
.href-button:hover,
.href-button:focus {
	color:#171b19;
	background-color:#e5eae7;
	border-color:#73827a;
	text-decoration:none;
}
.href-button.zbf-button--compact,
input.zbf-button--compact,
button.zbf-button--compact {
	height:28px;
	min-height:28px;
	padding-right:6px;
	padding-left:6px;
	font-size:13px;
}
@media (max-width:600px) {
	input[class*="inputSubmit"],
	button[class*="inputSubmit"],
	input[class*="inputStatic"],
	button[class*="inputStatic"],
	input[type="button"],
	.href-button {
		width:auto;
		max-width:100%;
		height:36px;
		min-height:36px;
		padding:0 8px;
		line-height:normal;
		font-size:14px;
	}
	.href-button.zbf-button--compact,
	input.zbf-button--compact,
	button.zbf-button--compact {
		height:30px;
		min-height:30px;
		padding-right:6px;
		padding-left:6px;
		font-size:13px;
	}
	.zbf-form input[type="text"],
	.zbf-form input[type="email"],
	.zbf-form input[type="password"],
	.zbf-form input[type="number"],
	.zbf-form input[type="tel"],
	.zbf-form input[type="date"],
	.zbf-form select {
		min-height:36px;
		padding:5px 8px;
		font-size:14px;
	}
}

/* LIVE predbezne vysledky */
.zbf-live-results-trigger {
	position:fixed;
	right:18px;
	bottom:18px;
	z-index:1040;
	display:none;
	padding:10px 15px;
	border:1px solid #168b45;
	border-radius:7px;
	background:#1d9d50;
	color:#fff;
	font:600 14px/1.2 Arial,sans-serif;
	box-shadow:0 4px 14px rgba(0,0,0,.2);
	cursor:pointer;
}
.zbf-live-results-trigger.is-visible { display:inline-flex; align-items:center; gap:7px; }
.zbf-live-results-trigger__dot { width:8px; height:8px; border-radius:50%; background:#fff; box-shadow:0 0 0 3px rgba(255,255,255,.22); }
.zbf-live-results { box-sizing:border-box; width:min(620px,calc(100vw - 24px)); max-height:86vh; padding:0; border:1px solid #cfcfcf; border-radius:10px; background:#fff; color:#272727; box-shadow:0 16px 50px rgba(0,0,0,.28); }
.zbf-live-results::backdrop { background:rgba(0,0,0,.56); }
.zbf-live-results__head { position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 17px; border-bottom:1px solid #ddd; background:#fff; }
.zbf-live-results__title { margin:0; color:#6d190d; font-size:20px; }
.zbf-live-results__close { min-width:34px; min-height:34px; border:1px solid #bbb; border-radius:6px; background:#fff; color:#333; font-size:22px; line-height:1; cursor:pointer; }
.zbf-live-results__body { overflow:auto; max-height:calc(86vh - 64px); padding:15px; }
.zbf-live-results__switcher { margin:0 0 15px; }
.zbf-live-results__tabs { display:flex; flex-wrap:wrap; justify-content:center; gap:7px; }
.zbf-live-results__tab { position:relative; padding:7px 11px; border:1px solid #bbb; border-radius:6px; background:#fff; color:#555; font:600 13px/1.25 Arial,sans-serif; cursor:pointer; }
.zbf-live-results__tab.is-active { border-color:#654f38; background:#f4f1ed; color:#654f38; }
.zbf-live-results__tab.has-update::after { content:''; position:absolute; top:-4px; right:-4px; width:9px; height:9px; border:2px solid #fff; border-radius:50%; background:#d52b2b; }
.zbf-live-results__select { display:none; box-sizing:border-box; width:100%; padding:8px 10px; border:1px solid #aaa; border-radius:6px; background:#fff; }
.zbf-live-results__competition + .zbf-live-results__competition { margin-top:22px; }
.zbf-live-results__competition-title { margin:0 0 4px; text-align:center; font-size:18px; }
.zbf-live-results__place-name { margin:0 0 12px; color:#777; text-align:center; font-size:13px; }
.zbf-live-results__ended { margin:18px auto; padding:18px 14px; border:1px solid #d8d8d8; border-radius:8px; background:#f4f1ed; color:#654f38; font-size:20px; font-weight:700; text-align:center; }
.zbf-live-results__category { margin:0 0 14px; border:1px solid #d8d8d8; border-radius:8px; overflow:hidden; background:#fff; }
.zbf-live-results__category-head { display:flex; align-items:center; padding:9px 12px; background:#f4f1ed; }
.zbf-live-results__category-title { margin:0; color:#654f38; font-size:16px; font-weight:700; }
.zbf-live-results__row { display:grid; grid-template-columns:36px minmax(150px,1fr) minmax(210px,1fr); align-items:center; justify-content:start; gap:8px; padding:7px 12px; border-top:1px solid #ececec; }
.zbf-live-results__rank { display:inline-flex; align-items:center; justify-content:center; width:29px; height:29px; border:1px solid #aaa; border-radius:50%; background:#fff; color:#222; font-weight:700; }
.zbf-live-results__rank--1 { border-color:#b48716; background:#b48716; color:#fff; }
.zbf-live-results__rank--2 { border-color:#747b82; background:#747b82; color:#fff; }
.zbf-live-results__rank--3 { border-color:#98603a; background:#98603a; color:#fff; }
.zbf-live-results__name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; }
.zbf-live-results__meta { color:#777; font-size:14px; white-space:normal; }
.zbf-live-results__all-link { display:block; width:max-content; max-width:100%; margin:12px auto 2px; color:#075da6; font-size:14px; text-align:center; }
.zbf-preliminary-results { width:min(620px,100%); margin:0 auto 18px; text-align:left; }
.zbf-preliminary-results__title { margin:0 0 12px; color:#6d190d; font-size:21px; text-align:center; }
@media (max-width:540px) {
	.zbf-live-results-trigger { right:10px; bottom:10px; }
	.zbf-live-results__body { padding:10px; }
	.zbf-live-results__tabs { display:none; }
	.zbf-live-results__select { display:block; }
	.zbf-live-results__row { grid-template-columns:32px minmax(0,1fr); gap:3px 6px; padding:8px 7px; }
	.zbf-live-results__rank { grid-row:1 / span 2; }
	.zbf-live-results__name,.zbf-live-results__meta { grid-column:2; }
}

/* CAUTION: IE hackery ahead */
select::-ms-expand { 
	display: none; /* remove default arrow on ie10 and ie11 */
}
/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width: 0\0) {
	select {
		background: none\9;
		padding: 5px\9;
	} 
}

/* formatovanie tlacitka PDF link -------------------------------------------*/
.pdf_link {
	color: #009900;
	text-decoration: none;
	overflow: hidden;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #CCCCCC;
}

/* formatovanie visibility -------------------------------------------*/
.visibilityOnOf {
	visibility: visible;
	display: value;
}
.visibilityOfOn {
	visibility: hidden;
	display: none;
}

/* oramovanie obrázkov */
.oramovanie {
	border: 1px solid #0F6;
	display: block;
	background-color: #F3F3F3;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-top: 2px;
}
.borderit {
	border: 1px solid #000;
	text-align: center;
	display: inline-block;
	background-color: #E1E1E1;
	padding: 1px;
	margin: 3px;
}
.borderit1px {
	border: 1px solid #666;
	text-align: center;
	display: block;
	background-color: #E1E1E1;
	padding: 0px;
	margin: 1px;
}

.img_responzive img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto 1rem auto; /* vycentrovanie + medzera pod obrázkom */
}
.img_responzive img + img {
	margin-top: 1rem; /* medzera medzi obrázkami */
}

.iframe-responsive iframe {
	aspect-ratio: 16 / 9;
	width: 80%;
	height: auto;
	border: 0;
	display: block;
}

/* CSS pre zalomenie iba dlhých slov (napr. URL), nie bežného textu */
.smart-break {
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

/* zlom textu ano-nie */
.brdiv400 br {
	display: none;
}
.brdiv600 br {
	display: none;
}
.scroll {
	border: 1px solid gray;
	padding: 5px;
	height: 300px;
	width: 60%;
	overflow-y: scroll;
	margin: auto;
	display: block;
}

/* ZEBRA - formatovanie */
.zebraA1 {
	display: block;
	background-color: #F2F2F2;
	margin: 1px;
}
.zebraB1 {
	display: block;
	background-color: #FFF;
	margin: 1px;
}
.zebraC1 {
	display: block;
	background-color: #DFDDFF;
	margin: 5px;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	border-top-color: #C00;
	border-right-color: #000;
	border-bottom-color: #C00;
	border-left-color: #000;
}
.rowLine {
	border-bottom: 1px solid #999;
}

/* textove pole - radius */
.textbox {
	position: relative;
	background: white;
	box-sizing: border-box;
	width: 98%;
	border-radius: 4px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	padding: 5px;	
	margin: 0 auto;
	margin-bottom: 5px;
}
.textboxShadowGreen {
	box-shadow: 0 0 5px rgba(0, 255, 0, 0.9);
}
.textboxShadowRed {
	box-shadow: 0 0 5px rgba(255, 0, 0, 0.8);
}
.textbox .textCenter {
	margin: 2px;
	padding: 2px;
	white-space: pre-wrap; /* CSS3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.textbox .textCenter img {
	max-width: 100%;
	height: auto;
}
.textMbox {
	border: 1px solid #00C;
	background-color: #E9E9E9;
	display: inline-block;
	white-space: nowrap;
}
.textMbox label {
	display: inline-block;
	text-align: right;
	margin: 2px;
	padding: 2px;
}

/* placeholder */
.textMbox::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	text-align: center;
	font-weight: bold;
 	color: red;
}
.textMbox::-moz-placeholder { /* Firefox 19+ */
	text-align: center;
	font-weight: bold;
 	color: red;
}
.textMbox:-ms-input-placeholder { /* IE 10+ */
	text-align: center;
	font-weight: bold;
 	color: red;
}
.textMbox:-moz-placeholder { /* Firefox 18- */
	text-align: center;
	font-weight: bold;
 	color: red;
}
textarea::placeholder {
	color: grey; /* Farba textu placeholdera */
	opacity: 1; /* Nepriehľadnosť placeholder textu (1 = úplne nepriehľadný) */
}

/* autocomplete - list */
#suggesstion-box,
#subject-city-suggestions {
	position: relative;
	width: min(100%, 430px);
	z-index: 40;
}
#country-list {
	position: absolute;
	top: 3px;
	left: 0;
	z-index: 50;
	display: block;
	width: 100%;
	max-height: 250px;
	box-sizing: border-box;
	overflow-y: auto;
	list-style: none;
	margin: 0;
	padding: 4px;
	background: #fff;
	border: 1px solid #aebbb5;
	border-radius: 6px;
	box-shadow: 0 8px 20px rgba(25,35,30,.16);
}
#country-list li {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100% !important;
	box-sizing: border-box;
	padding: 7px 9px;
	color: #26332d;
	background: #fff;
	text-align: left;
	border: 0;
	border-bottom: 1px solid #e1e6e3;
	line-height: 1.3;
	cursor: pointer;
}
#country-list li:last-child {border-bottom: 0;}
#country-list li:hover {
	color: #17466f;
	background: #eef4f1;
}
#country-list li div {
	flex: 0 0 58px;
	width: 58px;
	color: #66736d;
	font-size: 12px;
	font-weight: 600;
	text-align: left;
}
#page-wrap {
	position: relative;
	width: 100%;
	background-color: transparent;
}

/* forámovanie casti reklama -----------------------------------------------------------------------------------*/
.reklama {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF0000;
	border-bottom-color: #FF0000;
	color: #CCCCCC;
	text-align: center;
}

/* vysledky sutazi */
/*´=======================================================*/
.inlineTitle_left {
	float: left;
	width: 80%;
}
.nadpis_sutaze {
	color: #990000;
	font-weight: bold;
	text-align: center;
}
.podnadpis_sutaze {
	color: #666666;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
.podnadpis_modre {
	color: #0000CC;
	font-size: 12px;
	font-style: oblique;
	font-weight: bold;
}
.sutazna_pozicia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 13px;
}
.sutazna_pozicia_normal {
	font-size: 13px;
}
.img_posterIcon img {
	max-height: 15px;
	max-width: 15px;
	visibility: visible;
	display: value;
}
.pismo_cervene_RL {
	text-align: right;
	text-decoration: none;
}
.text_block {
	display: block;
	float: none;
	margin: 10px;
	padding: 10px;
	width: auto;
	font-size: 15px;
}
.blockinline_onof {
	display: block;
	float: left; 
	width: 150px;
}
.odsadenie10px {
	position: relative; 
	left: 10px;
}

/* ----- Formatovanie - login ----- */
.loginDiv {
	width: 90%;
	max-width: 360px;
    padding: 25px 25px 30px;
    border-radius: 12px;
    box-shadow: 0 3px 14px rgba(0,0,0,0.2);
    text-align: center;
    margin-top: 10px;
}

/* formatovanie - textu slidingDiv */
.slidingDiv {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	padding: 20px;
	margin-top: 10px;
	display: block;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CC3300;
	border-bottom-color: #CC3300;
}
.show_hide {
	display: none;
}

/* formatovanie blogu - vysledky sutazi */
a.linktext {
	text-decoration: none;
	cursor: pointer;
	color: #339999;
	text-indent: 10px;
	display: block;
	font-size: 12px;
	background-position: right;
	margin-right: 5px;
	margin-left: 5px;
}
.blog {
	text-align: center;
	position: relative;
	padding-top: 10px;
}
.nadpis_blog {
	color: #660000;
	font-weight: bold;
}
.textbox_blog {
	position: relative;
	border-radius: 5px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
	width: 98%;
	border: thin solid #999;
	display: inline-block;
	margin: 0 auto;
	padding: 5px;
	text-align: left;
	margin-bottom: 5px;
}
.textbox_blog_menu {
	position: relative;
	display: block;
	float: right;
}
.textbox_blog .margin {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}
.border00F {
	border: thin solid #00F;
}
.borderCCC {
	border: thin solid #FFF;
}

/* formatovanie tabulky - vseobecne */
.table {
	display: table;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-top: 2px;
	margin-bottom: 2px;
	border-bottom-color: #000000;
	background-color: #dbdbdb;
	/* nastavenie minima a maxima zobrazenia zo 100% velkosti tabulky a jej nacentrovanie */
	width: 100%;
	min-width: 100px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.table-head {
	display: table-header-group; /* text hlavicky tabulky */
	font-weight: bold;
	color: #000000;
}
.table-head .column { /* Column inside the table-head */
	height: 22px;
	padding: 2px;
	border-bottom-color: #fff;
	background-color: #F5F9B0;
	text-indent: 2px;
	color: #000000;
	vertical-align: middle;
}
.table-head .column:hover { /* Column hover inside the table-head */
	background: #222222;
	background-color: #F5F9B0;
	color: #000000;
}
.row {
	display: table-row; /* Defines a table row */
}
.row:hover {
	background-color: #999999;
	color: #540202;
	text-decoration: none;
}
.row .column:nth-child(1) { /* First column in a row */
	border-left: 1px solid #eeeeee;
}
.column {
	display: table-cell; /* Defines a table cell */
	padding: 2px 2px;
	border-bottom: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	text-decoration: none;
}

/* default – PC */
.elite-tour-list-logo {width: auto; height: 12px; margin-left: 4px; vertical-align: middle;}
.elite-tour-mobile {display: none;}
.elite-tour-desktop {display: inline-block;}

@media (max-width: 800px) {
	.asoc-calendar-table {
		width:calc(100% - 10px);
		max-width:calc(100% - 10px);
		box-sizing:border-box;
	}
	.asoc-calendar-table .row,
	.asoc-calendar-table .column {
		width:100%;
		max-width:100%;
		min-width:0;
		box-sizing:border-box;
	}
	.asoc-calendar-table .img_left {
		width:100%;
		max-width:100%;
		box-sizing:border-box;
		overflow-wrap:anywhere;
	}
	.asoc-calendar-table .img_left .link_button2 {
		display:inline-block;
		width:auto;
		max-width:100%;
		box-sizing:border-box;
	}
    .elite-tour-mobile {display: inline-block;}
    .elite-tour-desktop {display: none;}
	.link_button2.nearest-competition-button {
		display: flex;
		align-items: center;
		width: 100%;
		box-sizing: border-box;
		padding: 4px 9px;
		border: 1px solid #c5d2dc;
		border-radius: 5px;
		background-color: #e7f0f6;
		background-image: linear-gradient(to bottom, #f3f8fb 0%, #dce9f1 100%);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
		transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
	}
	.link_button2.nearest-competition-button:hover {
		border-color: #93adbf;
		background: #e4eef5;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
	}
}

.pc-only {display: inline;}
.mobile-only {display: none;}

/* mobilné zariadenia */
@media (max-width: 768px) {
    .pc-only {display: none;}
    .mobile-only {display: inline;}
}

/* formatovanie tabulky - v2 - bez formatu */
.table_v2{
	display: table;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-top: 2px;
	margin-bottom: 2px;
	/* nastavenie minima a maxima zobrazenia zo 100% velkosti tabulky a jej nacentrovanie*/
	width: 99%;
	min-width: 100px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}.table_v3-head {
	display: table-header-group; /* text hlavicky tabulky */
	font-weight: bold;
	color: #000000;
	font-size: 12px;
}.table_v3-head .column_v3 { /* Column inside the table-head */
	height: 22px;
	padding: 2px;
	text-indent: 2px;
	color: #CC0000;
	vertical-align: middle;
}.table_v3-head .column_v3:hover { /* text popisu stlpcov */
	color: #000000;
}.row_v3 {
	display: table-row; /* Defines a table row */
}.row_v3:hover {
	background-color: #F2F2F2;
	text-decoration: none;
}.row_v3top:hover {
	text-decoration: none;
}.column_v3 {
	display: table-cell; /* Defines a table cell */
	padding: 2px 2px;
	text-decoration: none;
}
.pozicia {
	text-decoration: none;
	text-align: right;
}

/* nastavenie minimalneho rozmeru bunky ------------------------------------------------------------------------------*/
.wx10 {
	width: 10px;
}
.wx100 {
	width: 100px;
	text-align: right;}
.wx100g {
	text-align: right;
	color: #009900;
}
.wx100b {
	text-align: right;
	color: #000000;
}
.wx100r {
	text-align: right;
	color: #ff0000;
}
.wx220 {
	width: 220px;
}
.ciara {
	border-bottom-width: thin;
	border-bottom-style: solid;
}
.box_30 {
	width: 50px;
	display: inline-block;
}

/* formatovanie tabulky - efeck prechodu kurzorom -----------------------------------------------------------------------------------*/
table.changecolor {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background-color: #EAEAEA;
	border-collapse: collapse;
	cursor: default;
}
table.changecolor th {
	padding: 1px;
	border: 1px #fff solid;
}
table.changecolor td {
	padding: 1px;
	border: 1px #fff solid;
}
table.changecolor.normal {
	background-color: #000000;
}
a.normalActive_link_1:hover {
	color: #FFFFFF;
}
a.normalActive_link_2:hover {
	color: #9900CC;
}

/* formátovanie tabulky - efeck prechodu kurzorom ------------------------------------------------------------------------------*/
table.changecolor1 tr {
	display: table;
	border-bottom: 1px solid #990000;
}

.normalActive1 {
	color: #b90416;
	background-color: #dfdfdf;
}

/* Efekt pri hover */
.normalActive1:hover {
	color: #197203;
	text-decoration: none;
	background: linear-gradient(to right,
		rgba(223, 223, 223, 0) 0%, /* začiatok - priehľadné */
		rgba(223, 223, 223, 1) 20%, /* postupne farba */
		rgba(223, 223, 223, 1) 80%, /* drží farbu */
		rgba(223, 223, 223, 0) 100% /* koniec - priehľadné */
	);
	transition: background 0.3s ease;
}
.normalActive2:hover {
	color: #197203;
	text-decoration: none;
} .sistable tr:hover td {
	color: #038e4b;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
}

/* formatovanie input policok formulara ----------------------------------------------*/
textarea.textareaText {
	width: 90%;
	font-size: 13px;
	padding: 2px;
	border-radius: 5px;
	border: 1px solid #CCCCCC;
	margin: 5px;
}

/* formatovanie img icon */
.icon-button {
	appearance: none;
	-webkit-appearance: none;
	padding: 2px;
	border: 0;
	background: transparent;
	line-height: 1;
	cursor: pointer;
}
.icon-button img {
	display: block;
}
.musicPlayer {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	right: auto;
	transform: translate(-50%,-50%);
	width: min(430px, calc(100vw - 38px));
	min-width: 0;
	max-height: calc(100vh - 38px);
	margin: 0;
	padding: 0;
	overflow-y: auto;
	font-size: 13px;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	z-index: 1000;
}
.zbf-audio-card {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	padding: 14px 48px 14px 14px;
	color: #333;
	background: #f7f9f8;
	border: 1px solid #9ca9a2;
	border-radius: 5px;
	box-shadow: 0 5px 18px rgba(0,0,0,.22);
}
.zbf-audio-close {
	position: absolute;
	top: 6px;
	right: 7px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
	background: #a83f3f;
	border: 1px solid #8d3030;
	border-radius: 4px;
	cursor: pointer;
}
.zbf-audio-close:hover,
.zbf-audio-close:focus {
	color: #fff;
	background: #872f2f;
	border-color: #702525;
}
.zbf-audio-heading {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 9px;
	text-align: left;
}
.zbf-audio-heading strong {
	color: #222;
	font-size: 13px;
}
.zbf-audio-heading span,
.zbf-audio-name {
	color: #59615d;
	font-size: 11px;
}
.zbf-audio-track + .zbf-audio-track {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #d7dcda;
}
.zbf-audio-track audio {
	display: block;
	width: 100%;
	height: 36px;
	margin-top: 4px;
}
.zbf-audio-loading,
.zbf-audio-error {
	padding: 8px;
	color: #777;
	text-align: center;
}
.zbf-audio-loading {
	font-size: 20px;
}
@media (max-width: 600px) {
	.zbf-audio-card {
		padding: 11px 40px 11px 11px;
	}
	.zbf-audio-heading {
		gap: 6px;
		margin-bottom: 7px;
	}
	.zbf-audio-track + .zbf-audio-track {
		margin-top: 8px;
		padding-top: 8px;
	}
}
.icon_check_ok {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url(../images/check-ok.gif);
  background-size: contain;
  background-repeat: no-repeat;
}

/* img - obrazok ------------------------------------------------------------------------------- */
.img_inline {
	display: none;
}
.img-bgsize {
	width: 320px;
	min-width: 100%;
	height: auto;
}
.img-div {
	min-width: 100px;
	max-width: 800px;
}

/* forámovanie fotografií -----------------------------------------------------------------------------------*/
.fotoramik {
	border: 1px solid #000000;
	padding: 1px;
	display: block;
	margin: 1px;
 }
.vs_inline_div {
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
}


/* img - footer 3 block ------------------------------------------------------------------------------- */
.wrapper {
	display: table;
	width: 100%;
	margin-bottom: 10px;
	color: #333;
}
.footerleft {
	display: table-cell;
	float: left;
	text-align: left;
	width: 33%;
}

/* confirm box Modale okno */
#confirmModal {
	display: none;
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
}
.confirmBox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	padding: 20px;
	max-width: 400px;
	border-radius: 8px;
	text-align: center;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
#confirmYes, #confirmNo {
	padding: 8px 16px;
	margin: 10px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-weight: bold;
}
#confirmYes {
	background-color: #28a745;
	color: white;
}
#confirmNo {
	background-color: #dc3545;
	color: white;
}

/* vycentrovanie tlacidla*/
.button-wrapper {
	display: flex;
	justify-content: center; /* default: centrovanie */
}

/* male tlacidlo button */
.btn-small {
	font-size: 12px;
	padding: 2px 4px;
	border: none;
	border-radius: 4px;
	background-color: #adccf1ff;
	color: black;
	cursor: pointer;
	transition: background-color 0.2s ease;
}
.centerInfo {
	display: flex;
	justify-content: center; /* zarovnanie na stred horizontálne */
	margin-top: 4px;
}
.nowrap {
    white-space: nowrap;
}


/* transformácia checkboxu na tlačidlo */
.btncheck label {
    display: flex;            /* blokový flex */
    width: 100%;              /* nech sa roztiahne v bunke */
    align-items: center;
    gap: 6px;
    padding: 2px 8px;
    border: 1px solid #007bff;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    box-sizing: border-box;
}

/* checkbox */
.btncheck input[type="checkbox"] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* text */
.btncheck span {
    padding: 0;
}

/* responzívne – na mobile 100% šírka */
@media (max-width: 800px) {
    .btncheck,
    .btncheck label {
        width: 100%;
        justify-content: flex-end; /* aj na mobile doprava */
    }
}


/* Responzívne zobrazenie - formatovanie pre mobyl -------------------------------------------*/
@media all and (max-width: 800px) {
	body {
		font-size: 15px;
	}
	.headerLogo {
		width: 40px;
		height: 40px;
		top: 10px;
		left: 5px;
	}
	.headerLogo img {
		width: 40px;
		height: 40px;
	}
	.circleImg {
		top: 10px;
	}
	.body {
		padding-bottom: 250px;
	}
	.footer {
		bottom: 0;
		height: 120px;
	}
	.copyright {
		width: 100%;
		margin-top: 5px;
		color: #000;
		font: 12px/12px "Trebuchet MS", Verdana;
		background-image: none !important;
		background-color: #000;
		border-top-width: 6px;
		border-bottom-width: 1px;
		border-top-style: ridge;
		border-bottom-style: dashed;
		border-top-color: #999;
		border-bottom-color: #999;
	}
	.block_left {
		float: none;
		padding: 10px;
		margin: 0px;
	}
	.block_right {
		display: block;
		float: none; 
		text-align: center;
		padding: 3px;
		margin: 0px;
	}
	.brdiv br {
		display: block;
	}
	.select100prc select {
		width: 100%; max-width: 100%;
	}
	.tableDivA {
		max-width: 100%;
	}
	.column_divB1 {
		display: block;
	}
	.column_divB1 label {
		display: inline-block;
		text-align: right;
	}
	.column_divB1:nth-child(n):after {
		margin-right: 5px;
		content: " ";
	}
	.textHiden800 {
		visibility: inherit;
		display: inline;
	}
	.textbox .row {
		border: #b7b7b7 thin solid;
		border-radius: 3px;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
		margin: 0 auto;
		margin-bottom: 5px;
	}
	.iframe-responsive iframe {
		width: 100%;
	}

	/* Responsive table --- */
	.inlineTitle_left {
		display: block;
		width: 100%;
	}
	.loginDiv {
		width: 80%;
	}
	.link_button2 {
		display: block;
		border-radius: 3px;
		border: thin solid #06F;
		padding-top: 2px;
		padding-right: 5px;
		padding-bottom: 2px;
		padding-left: 5px;
	}
	input.inputText[type="text"] {
		width: 90%;
	}
	.pozicia_mob {
		font-size: 13px;
		color: #000000;
		font-weight: bold;
	}
	.table,.table_v2{
		width: 99%;
		margin-left: auto;
		margin-right: auto;
		background-color: #F8F8F8;
	}
	.row,.row_v3,.column,.column:before {
		display: block; /* Converts a table, table row, table column and table column:before into a block element */
	}
	.column_v3 {
		display: inline-block;
	}
	.table-head,.table_v3-head {
		position: absolute;
		top: -1000em;
		left: -1000em;
	}

	/* formatovanie bloku - oramovanie, odsadenie tabulky */
	.row {
		border: #b7b7b7 thin solid;
		border-radius: 3px;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
		margin: 0 auto;
		margin-bottom: 5px;
		background-color: #EFEFEF;
	}
	.row .column:nth-child(1) { /* 1 riadok tabulky */
		color: #000000;
		border-bottom: 1px solid #999999;
	}
	.row .column:last-child { /* posledny riadok tabulky */
		border-bottom: none;
	}
	.row:last-child .column,.column { /* Pozadie - stredne riadky tabulky, farba text prveho riadku */
		background-color: #EFEFEF;
		text-align: left;
	}.row_v3 { /* formatovanie bloku - oramovanie, odsadenie tabulky */
		border: 1px solid #EBEBEB;
		margin: 2px 0;
	}.row_v3 .column_v3:nth-child(1) { /* 1 riadok tabulky */
		margin-left: 5px;
		color: #CC0000;
	}.row_v3 .column_v3:nth-child(2) a:link { /* 2 riadok tabulky */
		font-weight: normal;
		color: #330000;
		font-size: 15px;
	}
	.text_klub:before { /* 1 riadok tabulky */
		content: "- ";
		margin-left: 10px;
		color: #CC0000;
	}
	.column:before { /* nadpis riadkov */
		padding-right: 20px;
		font-size: 11px;
		content: " "attr(data-label)" "; /* znamienko za textom */
		font-family: Geneva, Arial, Helvetica, sans-serif;
		color: #000000;
	}
	.pozicia {
		text-decoration: none;
		text-align: left;
	}
	.pismo_cervene_RL {
		text-align: left;
		text-decoration: none;
	}
	.text_u {
		display: block;
		text-decoration: underline;
		margin: 5px 10 10px 10;
		height: 25px;
		line-height: 25px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;
	}
	.row:hover {
		background-color: inherit;
		background-color: #fff; /* rovnaká farba, žiadna zmena */
	}
	.normalActive2:hover { /* zmena farby textu pri prechode kurzorom */
		color: #000000;
		text-decoration: none;
	}
	.wx100g {
		text-align: left;
		color: #009900;
		font-weight: bold;
	}
	.wx100b {
		text-align: left;
		color: #000000;
		font-weight: bold;
	}
	.wx100r {
		text-align: left;
		color: #ff0000;
		font-weight: bold;
	}

	/* ----- formaty pisma ----- */
	.blockinline_onof {
		display: block;
		float: none;
	}

	/* img - Poster ------------------------------------------------------------------------------- */
	.img_left {
		display: inline-block;
		padding-left: 100px;
	}
	.img_inline {
		width: 80px;
		height: 40px;
		display: inline-block;
		margin-right: 5px;
		margin-left: 5px;
		position: absolute;
		text-align: center;
		overflow: hidden;
		border: thin solid #999999;
	}
	.img_rez {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
	.img_posterIcon img {
		visibility: hidden;
		display: none;
	}

	.wrapper {
		display: inline-block;
		margin-top: 10px;
		width: 100%;
	}
	.footerleft{
		text-align: center;
		display: block;
		width: 100%;
	}

	/* formatovanie blogu - vysledky sutazi */
	.textbox_blog {
		width: 95%;
	}
	.pismo_cierne {
		font-size: 15px;
	}
}
@media screen and (max-width: 768px) {
    .button-wrapper {
        justify-content: flex-end;
    }
}

@media all and (max-width: 600px) {
	body {
		min-width: 300px;
	}
	.body {
	margin-top: 20px; /* výška menu */
	}
	.imgStepProces {
		text-align: center;
		max-width: 100%;
		display: block;
		margin: 0 auto;
	}
	table.ooo tr td { 
		display: block; 
	}
	.nadpis {
		padding-right: 0px;
		padding-left: 0px;
		text-align: center;
	}
	.nadpis_line {
		text-align: center;
		padding-right: 5px;
		padding-left: 5px;
	}
	.rowDivA {
		display: table-row;
	}
	.column_divA1 {
		display: block;
		text-align: left;
		width: 100%;
	}
	.column_divA2 {
		display: block;
		text-align: left;
	}
	.column_divA3 {
		display: block;
		text-align: center;
	}
	.column_divA4 {
		display: block;
		padding: 2px 2px 2px 2px;
		text-align: left;
	}
	.row_divB {
		display: table-row;
	}
	.column_divB1 {
		display: block;
	}
	.column_divB1 label {
		display: inline-block;
		text-align: right;
	}
	.column_divB1:nth-child(n):after {
		margin-right: 5px;
		content: " ";
	}
	.column_divB2 {
		display: block;
		text-align: left;
	}
	.column_divB2 label {
		display: block;
		text-align: left;
	}
	.size50 {
		width: 150px;
	}
	.size100 {
		width: 150px;
	}
	.size150 {
		width: 150px;
	}
	.size200 {
		width: 150px;
	}
	.size300 {
		width: 100%;
	}
	.size400 {
		width: 100%;
	}
	.size500 {
		width: 100%;
	}
	.size800 {
		width: 100%;
	}
	.size1200 {
		width: 100%;
	}
	.colspan { display: table-caption; }
	.form_subtext {
		display: block;
		font-size: 13px;
	}
	.form_subtextI, .form_subtextII {
		display: block;
		top: 8px;
		font-size: 13px;
	}
	.right_inlCenter {
		float: none;
		display: inline;
	}
	input[class*="inputText"] {width: 80%;}
	input[class*="inputText10"] {width: 10%;}
	input[class*="inputText20"] {width: 20%;}
	input[class*="inputText30"] {width: 30%;}
	input[class*="inputText50"] {width: 50%;}
	input[class*="inputCheckbox"] {
		margin-bottom: 5px;
		width: 100%;
	}
	.inputTextarea textarea {
		width: 100%;
		font-size: 13px;
		padding: 2px;
		margin-top: 10px;
		border: 1px solid #CCCCCC;
		border-radius: 5px;
		margin-bottom: 20px;
		resize: none;
	}
	.inputSelect select {
		font-size: 13px;
	}
	label.radio-inline, label.checkbox-inline {
		margin-bottom: 5px;
		margin-right: 10px;
		cursor: pointer;
		padding: 2px 20px 2px 20px;
	}

	/* Orientacia textu ----------------------------------------------*/
	.txtOr1 {
		text-align: left;
		font-size: 15px;
	}
	.txtOr3 {
		text-align: left;
		font-size: 15px;
	}

	/* formatovanie placeholder popis vo vnutri pola ----------------------------------------------*/
	::-webkit-input-placeholder {
		font-size: 13px;
		color: #CCCCCC;
	}
	:-moz-placeholder { /* Firefox 18- */
		font-size: 13px;
		color: #CCCCCC;
	}
	::-moz-placeholder { /* Firefox 19+ */
		font-size: 13px;
		color: #CCCCCC;
	}
	:-ms-input-placeholder {
		font-size: 13px;
		color: #CCCCCC;
	}

	/* formatovanie audio-player -------------------------------------------*/
	.visibilityOnOf {
		visibility: hidden;
		display: none;
	}
	.visibilityOfOn {
		visibility: inherit;
		display: inherit;
	}

	/* zlom textu ano-nie */
	.brdiv600 br {
		display: block;
	}
	.scroll {
		width: 95%;
	}

	/* formatovanie Responsive table -------------------------------------------*/
	.scrollTable {
		display: block;
		overflow-x: scroll;
		overflow-y: visible;
	}
	.scrollTable table {
		width: 100%;
	}
	.scrollTable table tr td {
		padding-right: 5px;
		padding-left: 5px;
 	}

	/* ZEBRA - formatovanie */
	.zebraA1 {
		display: block;
		border-top: 1px solid #666;
		border-bottom: 1px solid #666;
		background-color: #F2F2F2;
		margin: 1px;
	}
	.zebraB1 {
		display: block;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		background-color: #FFF;
		margin: 1px;
	}

	/* formatovanie LightBox 1 ----------------------------------------------*/
	.popup {
		width: 90%;
	}
	#country-list {
		position: absolute;
		width: 100%;
		max-height: 210px;
	}

	/* formatovanie Box ----------------------------------------------*/
	.textMbox {
		width: 100%;
	}
	.white_content {
		position: static;
		left: 3%;
		right: 3%;
		margin: 5px;
	}
	.white_content .scrolldiv {
		overflow-y: hidden;
	}
	.clos_button {
		float: right;
		top: 10px;
		right: 5px;
		position: static;
	}
	.textboxShadowRed {
		width: 95%;
	}
	.centerInfo {
		justify-content: center; /* zarovnanie na stred horizontálne */
		margin-top: 20px;
	}
		.text_u {
	max-width: 500px;
	}
}

@media all and (max-width: 400px) {
	.nadpis {
		padding-right: 0px;
		padding-left: 0px;
		text-align: center;
	}	
	.nadpis_line {
		font-size: 15px;
	}
	.category {
		padding-top: 10px;
	}
	/* zlom textu ano-nie */
	.brdiv400 br {
		display: block;
	}
	.text_u {
	max-width: 300px;
	}
}

@media all and (max-width: 380px) { 
	.text_klub {
		display: none;
	}
}


/* ===== NOVY SYSTEM FORMULAROV: zbf-style.css ===== */
/*
 * ZBODYFIT form design system
 * Opt-in: pridajte triedu zbf-form-page na <body>.
 * Komponenty zbf-form-* su pre nove formulare; legacy bridge podporuje
 * tableDivA/rowDivA/column_divA* bez nutnosti okamziteho prepisu HTML.
 */
.zbf-form-page,
.zbf-form {
    --zbf-form-bg:#fff;
    --zbf-form-soft:#f3f5f4;
    --zbf-form-border:#9aa5a0;
    --zbf-form-divider:#c7ceca;
    --zbf-form-text:#171b19;
    --zbf-form-muted:#3f4743;
    --zbf-form-accent:#356b4b;
    --zbf-form-accent-hover:#28583c;
    --zbf-form-heading:#285f91;
    --zbf-form-heading-line:#9bb7cf;
    --zbf-form-focus:rgba(53,107,75,.22);
    --zbf-form-danger:#c62828;
    --zbf-form-radius:9px;
    --zbf-form-shadow:0 5px 20px rgba(25,35,30,.10);
    /* Jednotny 4 px rytmus pre medzery a odsadenia formularov. */
    --zbf-space-1:4px;
    --zbf-space-2:8px;
    --zbf-space-3:12px;
    --zbf-space-4:16px;
    --zbf-space-5:24px;
    --zbf-space-6:32px;
}
.zbf-form-page *,
.zbf-form-page *::before,
.zbf-form-page *::after {
    box-sizing:border-box;
}
.zbf-form-shell {
    width:100%;
    max-width:680px;
    margin:var(--zbf-space-5) auto;
}
.zbf-form-page .zbf-form-card {
    width:100%;
    color:var(--zbf-form-text);
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
}
.zbf-form-page .zbf-form-card--bordered,
.zbf-form .zbf-form-card--bordered {
    padding:var(--zbf-space-3);
    box-sizing:border-box;
    border:1px solid var(--zbf-form-divider);
    border-radius:6px;
}
.zbf-form-page .zbf-form-card--wide {
    max-width:780px;
    margin:var(--zbf-space-5) auto;
    padding:var(--zbf-space-5);
}
.zbf-form-title {
    margin:0 0 var(--zbf-space-3);
    padding:0;
    color:#660000;
    background:transparent;
    border:0;
    font-size:17px;
    font-weight:bold;
    line-height:1.4;
    text-align:left;
}
.zbf-page-title {
    width:100%;
    max-width:780px;
    margin:20px auto 8px;
    padding:0 16px;
    box-sizing:border-box;
    color:#660000;
    background:transparent;
    border:0;
    font-size:17px;
    font-weight:700;
    line-height:1.4;
    text-align:center;
}
.zbf-page-title + .zbf-form-card--wide,
.zbf-page-title + .zbf-form-shell {
    margin-top:0;
}
.zbf-register-card {
    margin-top:0;
    text-align:center;
    box-sizing:border-box;
}
.zbf-form-page .zbf-form-card--wide.zbf-register-card {
    padding-top:0;
}
.zbf-register-card .zbf-form-content {
    padding-top:0;
}
.zbf-register-card .horizontal {
    float:none;
    margin-bottom:14px;
}
.zbf-register-card .horizontal hr {
    display:none;
}
@media (min-width:701px) {
    .zbf-register-card .horizontal nav,
    .zbf-register-card .horizontal nav ul {
        text-align:center;
    }
    .zbf-register-card .horizontal nav ul {
        padding-left:0;
    }
}
.zbf-profile-status {
    width:100%;
    max-width:780px;
    margin:0 auto var(--zbf-space-3);
    padding:0 var(--zbf-space-4);
    text-align:center;
}
.zbf-profile-status + .zbf-form-card--wide {
    margin-top:0;
}
.zbf-status {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:var(--zbf-space-2);
    padding:6px 10px;
    color:var(--zbf-form-text);
    background:var(--zbf-form-soft);
    border-radius:6px;
    font-size:13px;
}
.zbf-status__dot {
    flex:0 0 8px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--zbf-form-muted);
}
.zbf-status--active .zbf-status__dot {
    background:var(--zbf-form-accent);
}
.zbf-status--inactive .zbf-status__dot {
    background:var(--zbf-form-danger);
}
.zbf-status small {
    color:var(--zbf-form-muted);
    font-size:11px;
}
.zbf-form-content {
    padding:var(--zbf-space-3) 0 0;
}
.zbf-form-message {
    margin:0 0 var(--zbf-space-4);
    padding:var(--zbf-space-3);
    background:var(--zbf-form-soft);
    border:0;
    border-bottom:1px solid var(--zbf-form-divider);
    border-radius:6px;
}
.zbf-form-message--centered {
    width:min(100%,430px);
    margin:var(--zbf-space-5) auto var(--zbf-space-4);
    text-align:center;
}
.zbf-form-message--danger {
    background:#fff;
    border:1px solid #d85a5a;
    color:var(--zbf-form-danger);
    font-weight:400;
}
.zbf-form-message--danger a {
    color:inherit;
    font-weight:400;
    text-decoration:none;
}
.zbf-form-message--danger a:hover,
.zbf-form-message--danger a:focus {
    color:#7f2020;
    text-decoration:underline;
}
.zbf-form-message--actionable {
    display:flex;
    align-items:center;
    gap:var(--zbf-space-3);
}
.zbf-form-message__action {
    flex:0 0 auto;
    margin-left:auto;
    padding:6px 12px;
    border:1px solid currentColor;
    border-radius:4px;
    line-height:1.2;
}
@media (max-width:640px) {
    .zbf-form-message--actionable {
        position:relative;
        display:block;
        padding-right:38px;
        cursor:pointer;
    }
    .zbf-form-message--actionable::after {
        content:'›';
        position:absolute;
        top:50%;
        right:14px;
        transform:translateY(-52%);
        font-size:24px;
        line-height:1;
    }
    .zbf-form-message--actionable .zbf-form-message__action {
        position:absolute;
        inset:0;
        z-index:1;
        margin:0;
        padding:0;
        border:0;
        font-size:0;
        opacity:0;
    }
}
.zbf-form-control {
    display:flex;
    align-items:center;
    gap:var(--zbf-space-3);
}
.zbf-form-control > input[type="text"],
.zbf-form-control > input[type="email"],
.zbf-form-control > input[type="password"] {
    width:100%;
    min-width:0;
}
.zbf-form-control--search {
    width:min(100%, 430px);
    margin:var(--zbf-space-3) auto 0;
}
.zbf-form-control--search > input[type="submit"] {
    flex:0 0 auto;
    margin:0;
}
.zbf-form-status {
    flex:0 0 auto;
    min-width:22px;
}

/* Spolocne jemne tlacidla mobilneho zoradenia tabuliek. */
@media (max-width:700px) {
    a.zbf-sort-button {
        display:flex;
        align-items:center;
        justify-content:center;
        gap:6px;
        min-height:30px;
        padding:3px 8px;
        box-sizing:border-box;
        color:#285f91;
        background:transparent;
        border:1px solid #c5d2d9;
        border-radius:4px;
        font-size:13px;
        font-weight:400;
        line-height:1.25;
        text-decoration:none;
    }
    a.zbf-sort-button:hover,
    a.zbf-sort-button:focus-visible {
        background:#e5eae7;
        border-color:var(--zbf-form-accent);
    }
}

/* Spolocny kompaktny blok filtrov a selectov nad registrami a tabulkami. */
.zbf-filter-disclosure {
    width:100%;
    max-width:100%;
    margin:4px auto 14px;
}
.zbf-filter-disclosure > summary {
    display:block;
    width:fit-content;
    margin:0;
    padding:3px 0;
    color:#14558f;
    background:transparent;
    border:0;
    border-radius:0;
    font-weight:normal;
    text-decoration:underline;
    cursor:pointer;
    user-select:none;
}
.zbf-filter-disclosure > summary:hover,
.zbf-filter-disclosure > summary:focus {
    color:#7a180f;
    background:transparent;
}
.zbf-filter-disclosure > summary::-webkit-details-marker {
    display:none;
}
.zbf-filter-disclosure > summary::after {
    content:" \25BC";
    font-size:9px;
    text-decoration:none;
}
.zbf-filter-disclosure[open] > summary::after {
    content:" \25B2";
}
.zbf-filter-controls {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
    width:fit-content;
    max-width:100%;
    margin:6px auto 0;
    padding:7px 10px;
    box-sizing:border-box;
    border:1px solid #d6dddf;
    border-radius:6px;
    background:#fff;
}
.zbf-filter-control {
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-width:0;
    margin:0;
}
.zbf-filter-mobile-label {
    display:none;
}
.zbf-filter-select {
    float:none;
    max-width:100%;
    height:30px;
    min-height:30px;
    margin:0;
    padding:2px 28px 2px 8px;
    box-sizing:border-box;
    color:var(--zbf-form-text);
    background-color:#fff;
    border:2px solid var(--zbf-form-border);
    border-radius:4px;
    font:inherit;
    font-size:14px;
}
.zbf-filter-select:focus {
    outline:none;
    border-color:var(--zbf-form-accent);
    box-shadow:0 0 0 3px var(--zbf-form-focus);
}
.zbf-filter-select--compact {
    padding-right:4px;
    padding-left:5px;
    text-align:left;
}
@media (max-width:700px) {
    .zbf-filter-disclosure {
        width:100%;
        box-sizing:border-box;
    }
    .zbf-filter-controls {
        align-items:stretch;
        flex-direction:column;
        width:100%;
    }
    .zbf-filter-control {
        justify-content:space-between;
        width:100%;
        box-sizing:border-box;
    }
    .zbf-filter-mobile-label {
        display:inline-block;
        flex:0 0 auto;
    }
    .zbf-filter-control .zbf-filter-select,
    .zbf-filter-control > .zbf-filter-select {
        flex:1 1 auto;
        width:100%;
    }
    .zbf-filter-select {
        height:36px;
        min-height:36px;
    }
    .zbf-filter-select--compact {
        padding-right:4px;
        padding-left:5px;
    }
    .zbf-filter-controls--inline-mobile {
        flex-direction:row;
        align-items:center;
        flex-wrap:nowrap;
    }
    .zbf-filter-controls--inline-mobile .zbf-filter-control {
        width:auto;
    }
    .zbf-filter-controls--inline-mobile .zbf-filter-control:first-child {
        flex:1 1 auto;
    }
    .zbf-filter-controls--inline-mobile .zbf-filter-control:first-child .zbf-filter-select {
        min-width:0;
    }
    .zbf-filter-controls--inline-mobile .zbf-filter-control:last-child,
    .zbf-filter-controls--inline-mobile .zbf-filter-control:last-child .zbf-filter-select {
        flex:0 0 auto;
        width:auto;
    }
}

/* Global appearance of the editor color icon; document colors remain unchanged. */
.note-editor .note-recent-color {
    color:#ffff00 !important;
    background-color:transparent !important;
}

/* Fullscreen editor must fully cover the page below it. */
.note-editor .note-toolbar .btn-fullscreen {
    box-sizing:border-box;
    width:46px;
    padding-right:0;
    padding-left:0;
}

.note-editor.note-airframe.fullscreen,
.note-editor.note-frame.fullscreen {
    z-index:10000;
    height:100vh !important;
    height:100dvh !important;
    background:#fff !important;
}
.note-editor.fullscreen .note-editing-area,
.note-editor.fullscreen .note-editable {
    background:#fff !important;
}

/* Spolocne ovladacie prvky */
.zbf-form-page form input[type="text"],
.zbf-form-page form input[type="email"],
.zbf-form-page form input[type="password"],
.zbf-form-page form input[type="number"],
.zbf-form-page form input[type="tel"],
.zbf-form-page form input[type="date"],
.zbf-form-page form input[type="url"],
.zbf-form-page form select,
.zbf-form-page form textarea {
    max-width:100%;
    min-height:30px;
    margin:0;
    padding:3px 8px;
    color:var(--zbf-form-text);
    background:#fff;
    border:2px solid var(--zbf-form-border);
    border-radius:6px;
    font:inherit;
    font-size:14px;
    line-height:1.35;
    transition:border-color .15s ease, box-shadow .15s ease;
}
.zbf-form-page form input[type="text"]:focus,
.zbf-form-page form input[type="email"]:focus,
.zbf-form-page form input[type="password"]:focus,
.zbf-form-page form input[type="number"]:focus,
.zbf-form-page form input[type="tel"]:focus,
.zbf-form-page form input[type="date"]:focus,
.zbf-form-page form input[type="url"]:focus,
.zbf-form-page form select:focus,
.zbf-form-page form textarea:focus {
    outline:none;
    border-color:var(--zbf-form-accent);
    box-shadow:0 0 0 3px var(--zbf-form-focus);
}
.zbf-form-page form input:disabled,
.zbf-form-page form select:disabled,
.zbf-form-page form textarea:disabled {
    color:var(--zbf-form-muted);
    background:#eceff1;
    cursor:not-allowed;
}
.zbf-form-page form textarea {
    width:100%;
    min-height:110px;
    resize:vertical;
}
.zbf-form-page form input[type="checkbox"],
.zbf-form-page form input[type="radio"] {
    width:18px;
    height:18px;
    margin:var(--zbf-space-1) var(--zbf-space-2) var(--zbf-space-1) 0;
    vertical-align:middle;
    accent-color:var(--zbf-form-accent);
}
.zbf-form-page form label {
    color:var(--zbf-form-text);
    font-size:14px;
    font-weight:600;
    line-height:1.35;
}
.zbf-inline-fields {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:var(--zbf-space-2);
    width:100%;
}
.zbf-form-page form .zbf-inline-fields__grow {
    width:100%;
}
.zbf-form-page form .zbf-inline-fields__short {
    display:flex;
    align-items:center;
    gap:var(--zbf-space-1);
    white-space:nowrap;
}
.zbf-form-page form .zbf-inline-fields__short input {
    width:82px;
}
.zbf-password-field {
    position:relative;
    display:inline-block;
    width:100%;
}
.zbf-form-page form .zbf-password-field input,
.zbf-form .zbf-password-field input {
    width:100%;
    padding-right:38px;
}
.zbf-form-page form button.zbf-password-toggle,
.zbf-form button.zbf-password-toggle {
    position:absolute;
    top:50%;
    right:3px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:32px;
    min-width:32px;
    height:28px;
    min-height:28px;
    margin:0;
    padding:0;
    color:var(--zbf-form-muted);
    background:transparent;
    border:0;
    border-radius:5px;
    transform:translateY(-50%);
}
.zbf-password-toggle span {
    position:relative;
    display:block;
    width:18px;
    height:12px;
    box-sizing:border-box;
    color:inherit;
    border:2px solid currentColor;
    border-radius:50%;
    font-size:0;
}
.zbf-password-toggle span::after {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:5px;
    height:5px;
    background:currentColor;
    border-radius:50%;
    transform:translate(-50%,-50%);
}
.zbf-password-toggle[aria-pressed="true"] span::before {
    content:"";
    position:absolute;
    z-index:1;
    top:3px;
    left:-3px;
    width:22px;
    height:2px;
    background:currentColor;
    box-shadow:0 0 0 2px #fff;
    transform:rotate(-42deg);
}
.zbf-form-page form button.zbf-password-toggle:hover,
.zbf-form-page form button.zbf-password-toggle:focus,
.zbf-form button.zbf-password-toggle:hover,
.zbf-form button.zbf-password-toggle:focus {
    color:var(--zbf-form-accent);
    background:transparent;
}
.zbf-form-page form button.zbf-password-toggle:focus-visible,
.zbf-form button.zbf-password-toggle:focus-visible {
    outline:none;
    box-shadow:0 0 0 3px var(--zbf-form-focus);
}

.zbf-form .zbf-password-field {
    width:190px;
    max-width:100%;
    vertical-align:middle;
}
/* Spolocne zobrazenie jednoduchych startovych a vysledkovych zoznamov. */
.zbf-start-page .zbf-page-meta,
.zbf-ffmi-page .zbf-page-meta,
.zbf-competition-page .zbf-page-meta {
    margin:0 auto 14px;
    padding:0 12px;
    color:#59615d;
    font-size:13px;
    line-height:1.45;
    text-align:center;
}
.zbf-competition-module-title {
    width:100%;
    max-width:780px;
    box-sizing:border-box;
    margin:20px auto 8px;
    padding:0 16px;
    color:#660000;
    border:0;
    font-size:17px;
    font-weight:700;
    line-height:1.4;
    text-align:center;
}
.zbf-competition-name {
    width:100%;
    max-width:780px;
    box-sizing:border-box;
    margin:0 auto 3px;
    padding:0 12px;
    color:#285f91;
    font-size:15px;
    font-weight:600;
    line-height:1.4;
    text-align:center;
}
@media (max-width:600px) {
    .zbf-competition-module-title {display:none;}
    .zbf-competition-name {margin-top:12px;}
}

.zbf-list-tabs {
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:6px;
    margin:10px 0 18px;
}
.zbf-list-tabs.is-centered {
    justify-content:center;
}
.zbf-list-tabs .href-button.is-active {
    color:#fff;
    background:#356b4b;
    border-color:#356b4b;
    pointer-events:none;
}
@media (max-width:600px) {
    .zbf-list-tabs {
        justify-content:flex-start;
        margin-bottom:14px;
    }
    .zbf-list-tabs.is-centered {
        justify-content:center;
    }
}
.zbf-responsive-nav__toggle {
    display:none;
}
.zbf-responsive-nav__panel {
    width:100%;
}
@media (max-width:700px) {
    .zbf-responsive-nav {
        position:relative;
        z-index:20;
        width:100%;
    }
    .zbf-responsive-nav__toggle {
        display:flex;
        align-items:center;
        justify-content:space-between;
        width:100%;
        min-height:40px;
        box-sizing:border-box;
        padding:8px 12px;
        color:#fff;
        background:linear-gradient(#565656 2%,#323232 100%);
        border:1px solid #555;
        border-radius:4px;
        font:600 14px Helvetica,Arial,sans-serif;
        text-align:left;
        cursor:pointer;
    }
    .zbf-responsive-nav__arrow {
        margin-left:12px;
        transition:transform .2s ease;
    }
    .zbf-responsive-nav--open .zbf-responsive-nav__arrow {
        transform:rotate(180deg);
    }
    .zbf-responsive-nav__panel {
        display:none;
        position:absolute;
        top:calc(100% + 2px);
        right:0;
        left:0;
        box-sizing:border-box;
        padding:8px;
        background:#fff;
        border:1px solid #bbb;
        border-radius:4px;
        box-shadow:0 5px 14px rgba(0,0,0,.22);
    }
    .zbf-responsive-nav--open .zbf-responsive-nav__panel {
        display:block;
    }
    .zbf-responsive-nav__panel .zbf-list-tabs {
        align-items:stretch;
        flex-direction:column;
        margin:0;
    }
    .zbf-responsive-nav__panel .zbf-list-tabs .href-button {
        width:100%;
        margin:0;
    }
}

/* Spolocne datumove pole s ikonou jQuery datepicker vo vnutri. */
.date-field {
    position:relative;
    display:inline-block;
    vertical-align:middle;
}
.date-field input {
    width:118px !important;
    max-width:100%;
    padding-right:29px !important;
}
.date-field .ui-datepicker-trigger {
    position:absolute;
    top:50%;
    right:6px;
    width:17px;
    height:17px;
    margin:0;
    vertical-align:middle;
    cursor:pointer;
    transform:translateY(-50%);
}
.date-clear {
    margin:0 5px 0 3px;
    vertical-align:middle;
    cursor:pointer;
}
.date-separator {
    margin-right:5px;
}
.zbf-setting-line {
    display:flex;
    align-items:center;
    gap:var(--zbf-space-2);
    min-height:32px;
}
.zbf-form-page form .zbf-switch {
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:var(--zbf-space-2);
    cursor:pointer;
}
.zbf-form-page form .zbf-switch input {
    position:absolute;
    width:1px;
    height:1px;
    margin:0;
    opacity:0;
}
.zbf-switch__control {
    position:relative;
    display:inline-block;
    flex:0 0 36px;
    width:36px;
    height:20px;
    background:var(--zbf-form-border);
    border-radius:20px;
    transition:background .15s ease;
}
.zbf-switch__control::after {
    content:"";
    position:absolute;
    top:3px;
    left:3px;
    width:14px;
    height:14px;
    background:#fff;
    border-radius:50%;
    box-shadow:0 1px 2px rgba(0,0,0,.22);
    transition:transform .15s ease;
}
.zbf-switch input:checked + .zbf-switch__control {
    background:var(--zbf-form-accent);
}
.zbf-switch input:checked + .zbf-switch__control::after {
    transform:translateX(16px);
}
.zbf-switch input:focus-visible + .zbf-switch__control {
    box-shadow:0 0 0 3px var(--zbf-form-focus);
}
.zbf-info-link {
    display:inline-flex;
    align-items:center;
    padding:3px;
    border-radius:50%;
}
.zbf-info-link:hover,
.zbf-info-link:focus {
    background:var(--zbf-form-soft);
}
.zbf-help-cursor {
    cursor:help;
}

/* Formular moze pouzit rovnaky system aj bez triedy na elemente body. */
.zbf-form input[type="text"],
.zbf-form input[type="email"],
.zbf-form input[type="password"],
.zbf-form input[type="number"],
.zbf-form input[type="tel"],
.zbf-form input[type="date"],
.zbf-form select {
    max-width:100%;
    min-height:30px;
    margin:0;
    padding:3px 8px;
    box-sizing:border-box;
    color:var(--zbf-form-text);
    background:#fff;
    border:2px solid var(--zbf-form-border);
    border-radius:6px;
    font:inherit;
    font-size:14px;
    line-height:1.35;
    transition:border-color .15s ease, box-shadow .15s ease;
}
.zbf-form input[type="text"]:focus,
.zbf-form input[type="email"]:focus,
.zbf-form input[type="password"]:focus,
.zbf-form input[type="number"]:focus,
.zbf-form input[type="tel"]:focus,
.zbf-form input[type="date"]:focus,
.zbf-form select:focus {
    outline:none;
    border-color:var(--zbf-form-accent);
    box-shadow:0 0 0 3px var(--zbf-form-focus);
}
.zbf-form input[type="checkbox"],
.zbf-form input[type="radio"] {
    width:18px;
    height:18px;
    accent-color:var(--zbf-form-accent);
}
.zbf-form select,
.zbf-form-page form select {
    height:30px;
    min-height:30px;
    padding:3px 7px;
    border-radius:4px;
}
@media (max-width:600px) {
    .zbf-form select,
    .zbf-form-page form select {
        height:36px;
        min-height:36px;
        padding:5px 8px;
    }
}

.zbf-form-page form a {
    color:#285f91;
}
.zbf-form-page form a:hover,
.zbf-form-page form a:focus {
    color:#17466f;
}
.zbf-form-page .pismo_zelene {
    color:var(--zbf-form-accent) !important;
}
.zbf-form-page .pismo_cervene,
.zbf-form-page .info_cervene {
    color:var(--zbf-form-danger) !important;
}

/* Univerzalne upozornenie pre obsah dostupny po prihlaseni */
.zbf-access-notice {
	width:min(calc(100% - 24px), 520px);
	box-sizing:border-box;
	margin:20px auto 28px;
	padding:20px 18px;
	border:1px solid #c5d2d9;
	border-radius:6px;
	background:#f4f8fa;
	color:#34454f;
	font-size:15px;
	font-weight:600;
	line-height:1.5;
	text-align:center;
}
.zbf-access-notice .zbf-form-actions {
	justify-content:center;
	margin-top:14px;
}

/* Tlacidla */
.zbf-form-actions {
    display:flex;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:var(--zbf-space-3);
    margin-top:var(--zbf-space-5);
}
.zbf-form-actions.zbf-form-actions--right {
    justify-content:flex-end;
}

/* Most pre existujuce rowDivA formulare */
.zbf-form-page .zbf-form .tableDivA {
    display:block;
    width:100%;
    max-width:680px;
    margin:var(--zbf-space-5) auto;
}
.zbf-form-section {
    margin:0 0 var(--zbf-space-5);
    padding:0;
    background:transparent;
    border:0;
    border-radius:0;
}
.zbf-form-section-title {
    margin:0 0 var(--zbf-space-2);
    padding:0 0 var(--zbf-space-2);
    color:var(--zbf-form-heading);
    background:transparent;
    border:0;
    border-bottom:2px solid var(--zbf-form-heading-line);
    border-radius:0;
    font-size:16px;
    font-weight:700;
    line-height:1.4;
    text-align:left;
}
.zbf-field {
    width:100%;
    max-width:520px;
    margin:0 0 var(--zbf-space-3);
}
.zbf-field[hidden] {
    display:none;
}
.zbf-field > label:first-child {
    display:block;
    margin:0 0 var(--zbf-space-1);
}
.zbf-form-page form .zbf-field > input[type="text"],
.zbf-form-page form .zbf-field > input[type="date"],
.zbf-form-page form .zbf-field > input[type="url"],
.zbf-form-page form .zbf-field > input[type="file"],
.zbf-form-page form .zbf-field > select,
.zbf-form-page form .zbf-field > textarea {
    width:100%;
    max-width:100%;
}
.zbf-form-page form input[type="file"] {
    min-height:34px;
    padding:4px;
    color:var(--zbf-form-text);
    background:#fff;
    border:1px solid var(--zbf-form-border);
    border-radius:6px;
    font:inherit;
    font-size:14px;
}
.zbf-help-text {
    display:block;
    margin-top:var(--zbf-space-1);
    color:var(--zbf-form-muted);
    font-size:12px;
    font-weight:400;
    line-height:1.4;
}
.zbf-choice-cards {
    display:flex;
    align-items:stretch;
    gap:var(--zbf-space-2);
    margin:0 0 var(--zbf-space-4);
}
.zbf-choice-cards > label {
    display:flex;
    flex:1 1 0;
    align-items:center;
    gap:var(--zbf-space-2);
    margin:0;
    padding:10px 12px;
    background:var(--zbf-form-soft);
    border:1px solid var(--zbf-form-divider);
    border-radius:6px;
    cursor:pointer;
}
.zbf-choice-cards input[type="radio"] {
    flex:0 0 auto;
    margin:0;
}
.zbf-generator-form {
    width:100%;
    margin:12px auto;
    padding:14px 16px;
    box-sizing:border-box;
    background:#fff;
    border:1px solid #c7ceca;
    border-radius:4px;
}
.zbf-generator-form .zbf-form-section {
    display:grid;
    grid-template-columns:minmax(190px, 30%) minmax(0, 1fr);
    align-items:center;
    gap:8px 18px;
    margin:0;
    padding:8px 0;
    border-bottom:1px solid var(--zbf-form-divider);
}
.zbf-generator-form .zbf-form-section-title {
    width:100%;
    box-sizing:border-box;
    font-size:14px;
    line-height:1.3;
}
.zbf-generator-form > h3.zbf-form-section-title {
    font-size:15px;
    margin-bottom:16px;
}
.zbf-generator-form h4.zbf-form-section-title {
    margin:0;
    padding:0;
    color:inherit;
    border:0;
    font-size:inherit;
    line-height:inherit;
    font-weight:700;
    text-align:right;
}
.zbf-choice-list {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:7px 18px;
}
.zbf-choice-list--stacked {
    flex-direction:column;
    align-items:flex-start;
}
.zbf-choice-list label {
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin:0;
    color:var(--zbf-form-text);
    cursor:pointer;
}
.zbf-choice-list input[type="radio"] {
    flex:0 0 auto;
    margin:0;
}
@media (max-width:800px) {
    .zbf-generator-form {
        margin:8px auto;
        padding:10px 8px;
    }
    .zbf-generator-form .zbf-form-section {
        grid-template-columns:1fr;
        gap:5px;
        margin:0;
        padding:8px 0;
    }
    .zbf-generator-form h4.zbf-form-section-title {
        text-align:left;
    }
    .zbf-choice-list {
        gap:8px 14px;
    }
    .zbf-choice-list--stacked {
        gap:9px;
    }
	.zbf-choice-cards {
		flex-direction:column;
	}
}

/* Suhrnne udaje a datove prehlady - spolocne pre administracne moduly. */
.zbf-summary-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(120px,1fr));
    gap:var(--zbf-space-2);
    margin:var(--zbf-space-4) 0 var(--zbf-space-5);
}
.zbf-summary-item {
    display:block;
    padding:var(--zbf-space-3);
    color:var(--zbf-form-text);
    background:var(--zbf-form-soft);
    border:0;
    border-bottom:2px solid var(--zbf-form-divider);
    border-radius:6px;
    text-decoration:none;
}
a.zbf-summary-item:hover,
a.zbf-summary-item:focus {
    color:var(--zbf-form-text);
    background:#e7edeb;
    border-bottom-color:var(--zbf-form-heading-line);
}
.zbf-summary-item-label {
    display:block;
    margin-bottom:var(--zbf-space-1);
    color:var(--zbf-form-muted);
    font-size:12px;
}
.zbf-summary-item-value {
    font-size:20px;
    font-weight:700;
}
.zbf-data-wrap {
    width:100%;
    overflow-x:auto;
}
.zbf-data-wrap--fit {
    width:fit-content;
    max-width:100%;
    margin:var(--zbf-space-5) auto 0;
}
.zbf-data-wrap--fit .zbf-data-table {
    width:max-content;
}
.zbf-data-table {
    width:100%;
    border-collapse:collapse;
    color:var(--zbf-form-text);
    font-size:13px;
}
.zbf-data-table th {
    padding:var(--zbf-space-2);
    color:var(--zbf-form-muted);
    background:var(--zbf-form-soft);
    border-bottom:2px solid var(--zbf-form-divider);
    text-align:left;
    white-space:nowrap;
}
.zbf-data-table td {
    padding:var(--zbf-space-2);
    border-bottom:1px solid var(--zbf-form-divider);
    vertical-align:top;
}
.zbf-data-table tbody tr:hover td {
    background:#f7f9f8;
}
.zbf-table-actions {
    display:inline-flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:var(--zbf-space-1);
    white-space:nowrap;
}
.zbf-table-actions form {
    display:inline-flex;
    margin:0;
}
.zbf-table-actions .href-button,
.zbf-table-actions button,
.zbf-table-actions input[type="submit"] {
    margin:0;
}
.zbf-data-table--comfortable {
    font-size:15px;
}
.zbf-data-table--comfortable th,
.zbf-data-table--comfortable td {
    padding:6px 9px;
    vertical-align:middle;
}
.zbf-data-table--comfortable td {
    border-bottom-width:2px;
    transition:border-color .18s ease;
}
.zbf-data-table--comfortable tbody tr:hover td {
    background:transparent;
    border-bottom-color:#990000;
}
.zbf-data-table--comfortable tbody td:first-child {
    font-weight:600;
}
@media (max-width:600px) {
    .zbf-data-table--comfortable {
        font-size:14px;
    }
    .zbf-data-table--comfortable th,
    .zbf-data-table--comfortable td {
        padding:5px 4px;
    }
}
.zbf-pagination {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:var(--zbf-space-5);
    margin:var(--zbf-space-4) 0;
}
.zbf-pagination-side,
.zbf-pagination-pages {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:var(--zbf-space-1);
}
.zbf-pagination a,
.zbf-pagination-pages > span,
.zbf-pagination button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:30px;
    min-height:30px;
    padding:4px 7px;
    border:1px solid var(--zbf-form-divider);
    border-radius:4px;
    color:var(--zbf-form-heading);
    background:#fff;
    font:inherit;
    line-height:1.2;
    text-decoration:none;
}
.zbf-pagination button {
    cursor:pointer;
}
.zbf-pagination button > span {
    padding:0;
    color:inherit;
    background:transparent;
    border:0;
}
.zbf-pagination a:hover,
.zbf-pagination a:focus,
.zbf-pagination button:hover,
.zbf-pagination button:focus {
    background:#f2f6f4;
}
.zbf-pagination-pages > span:not(.zbf-pagination-gap),
.zbf-pagination .is-active {
    color:#fff;
    background:var(--zbf-form-heading);
}
.zbf-pagination .zbf-pagination-gap {
    padding-right:var(--zbf-space-1);
    padding-left:var(--zbf-space-1);
    color:var(--zbf-form-muted);
    background:transparent;
    border-color:transparent;
}
.zbf-pagination button:disabled {
    color:#aeb7b3;
    background:#f7f8f8;
    border-color:#e1e5e3;
    cursor:default;
    opacity:.75;
}
@media (max-width:600px) {
    .zbf-pagination {
        max-width:100%;
        gap:var(--zbf-space-1);
        flex-wrap:nowrap;
    }
    .zbf-pagination-side,
    .zbf-pagination-pages {
        gap:2px;
    }
    .zbf-pagination .zbf-pagination-mobile-far,
    .zbf-pagination .zbf-pagination-gap {
        display:none;
    }
    .zbf-pagination a,
    .zbf-pagination-pages > span,
    .zbf-pagination button {
        min-width:26px;
        min-height:28px;
        padding:3px 4px;
        font-size:13px;
    }
}
.zbf-form-page .zbf-form .rowDivA {
    display:grid;
    grid-template-columns:minmax(150px, 34%) minmax(0, 1fr);
    gap:var(--zbf-space-1) var(--zbf-space-4);
    align-items:center;
    padding:var(--zbf-space-1) 0;
    text-align:left;
    border-bottom:0;
}
.zbf-form-page .zbf-form .column_divA1,
.zbf-form-page .zbf-form .column_divA2,
.zbf-form-page .zbf-form .column_divA3,
.zbf-form-page .zbf-form .column_divA4 {
    display:block;
    width:auto;
    padding:0;
    text-align:left;
}
.zbf-form-page .zbf-form .column_divA1 {
    color:var(--zbf-form-muted);
    font-size:16px;
    font-weight:600;
    line-height:1.35;
    text-align:right;
}
.zbf-form-page .zbf-form .zbf-form-section--review .rowDivA {
    align-items:start;
}
.zbf-form-page .zbf-form .zbf-form-section--left .rowDivA {
    display:flex;
    align-items:baseline;
    justify-content:flex-start;
    gap:var(--zbf-space-2);
    padding:var(--zbf-space-1) 0;
}
.zbf-form-page .zbf-form .zbf-form-section--left .column_divA1,
.zbf-form-page .zbf-form .zbf-form-section--left .column_divA2 {
    width:auto;
}
.zbf-form-page .zbf-form .zbf-form-section--left .column_divA1,
.zbf-form-page .zbf-form .zbf-form-section--left .column_divA1 > * {
    text-align:left !important;
}
/* Jednotna farba popisov poli aj v starsich tabulkovych formularoch. */
.zbf-form-page .zbf-form .form_subtext,
.zbf-form-page .zbf-form .form_subtextI,
.zbf-form-page .zbf-form .form_subtextII {
    color:var(--zbf-form-muted) !important;
}
.zbf-form-page .zbf-form .column_divA1 > *,
.zbf-form-page .zbf-form .column_divA1 .form_subtext,
.zbf-form-page .zbf-form .column_divA1 .form_subtextI,
.zbf-form-page .zbf-form .column_divA1 .form_subtextII,
.zbf-form-page .zbf-form .column_divA1 .form_logsubtext,
.zbf-form-page .zbf-form .column_divA1 .txtOr1 {
    color:var(--zbf-form-muted) !important;
    text-align:right !important;
}
.zbf-form-page .zbf-form .column_divA2 {
    min-width:0;
    text-align:left;
}
.zbf-form-page .zbf-form .column_divA2 > input.inputText,
.zbf-form-page .zbf-form .column_divA2 > input.password,
.zbf-form-page .zbf-form .column_divA2 > select {
    width:min(100%, 430px);
}
.zbf-form-page .zbf-form .column_divA2 > input.inputText20 {
    width:min(100%, 140px);
}
.zbf-form-page .zbf-form .column_divA2 > input.inputText50 {
    width:min(100%, 300px);
}
.zbf-form-page .zbf-form .title {
    margin:0 0 var(--zbf-space-3);
    padding:0;
    color:#660000;
    background:transparent;
    border:0;
    font-size:17px;
    font-weight:bold;
    line-height:1.4;
    text-align:left;
}
.zbf-form-page .zbf-form--danger {
    margin-top:var(--zbf-space-6);
    padding:var(--zbf-space-4) 0 0;
    border:0;
    border-top:2px solid rgba(169,54,54,.55);
    border-radius:0;
    background:transparent;
}
.zbf-form-page .zbf-form--danger input[type="submit"] {
    background:var(--zbf-form-danger);
    border-color:var(--zbf-form-danger);
}

@media (max-width:700px) {
    .zbf-form-page .zbf-form--subject-new .column_divA2 > input[type="text"] {
        width:min(100%,300px) !important;
    }
    .zbf-form-page .zbf-form--subject-new .column_divA2 > input[name="ulica_cd"],
    .zbf-form-page .zbf-form--subject-new .column_divA2 > input[name="mesto_obec"] {
        width:min(100%,220px) !important;
    }
    .zbf-form-page .zbf-form--subject-new .column_divA2 > input[name="psc"],
    .zbf-form-page .zbf-form--subject-new .column_divA2 > input[name="cislo_reg_mvsr"],
    .zbf-form-page .zbf-form--subject-new .column_divA2 > input[name="datum_registracie"],
    .zbf-form-page .zbf-form--subject-new .column_divA2 > input[name="ico"],
    .zbf-form-page .zbf-form--subject-new .column_divA2 > input[name="dic"] {
        width:min(100%,140px) !important;
    }
    .zbf-form-page .zbf-form--subject-new .column_divA2 > input[name="psc"] {
        width:min(100%,100px) !important;
    }
    .zbf-form-page .zbf-form--subject-new .column_divA2 > input[name="datum_registracie"] {
        width:min(100%,110px) !important;
    }
    .zbf-form-page .zbf-form--subject-new .column_divA2 > input[name="ico"],
    .zbf-form-page .zbf-form--subject-new .column_divA2 > input[name="dic"] {
        width:min(100%,130px) !important;
    }
    .zbf-summary-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .zbf-form-shell,
    .zbf-form-page .zbf-form-card--wide {
        margin:var(--zbf-space-3) auto;
    }
    .zbf-form-page .zbf-form-card--wide {
        padding:var(--zbf-space-4);
        padding-right:0;
        padding-left:0;
    }
    .zbf-form-title {
        padding:0;
        font-size:17px;
        text-align:left;
    }
    .zbf-form-content {
        padding:var(--zbf-space-4) var(--zbf-space-3);
        padding-right:0;
        padding-left:0;
    }
    .zbf-form-page .zbf-form .title {
        margin:0 0 var(--zbf-space-3);
        padding:0;
        font-size:17px;
        text-align:left;
    }
    .zbf-form-section {
        margin-bottom:var(--zbf-space-5);
        padding:0;
    }
    .zbf-form-section-title {
        margin:0 0 var(--zbf-space-2);
        padding:0 0 var(--zbf-space-2);
    }
    .zbf-form-page .zbf-form .rowDivA {
        grid-template-columns:1fr;
        gap:var(--zbf-space-2);
        padding:var(--zbf-space-3) 0;
    }
    .zbf-form-page .zbf-form .column_divA1,
    .zbf-form-page .zbf-form .column_divA2 {
        width:100%;
    }
    .zbf-form-page .zbf-form .column_divA1 {
        text-align:left;
    }
    .zbf-form-page .zbf-form .column_divA1 > *,
    .zbf-form-page .zbf-form .column_divA1 .form_subtext,
    .zbf-form-page .zbf-form .column_divA1 .form_subtextI,
    .zbf-form-page .zbf-form .column_divA1 .form_subtextII,
    .zbf-form-page .zbf-form .column_divA1 .form_logsubtext,
    .zbf-form-page .zbf-form .column_divA1 .txtOr1 {
        text-align:left !important;
    }
    .zbf-form-page .zbf-form .column_divA2 > input.inputText,
    .zbf-form-page .zbf-form .column_divA2 > input.password,
    .zbf-form-page .zbf-form .column_divA2 > input[type="text"]:not(.inputText20):not(.inputText50),
    .zbf-form-page .zbf-form .column_divA2 > input[type="email"],
    .zbf-form-page .zbf-form .column_divA2 > input[type="tel"],
    .zbf-form-page .zbf-form .column_divA2 > input[type="date"],
    .zbf-form-page .zbf-form .column_divA2 > select {
        width:100%;
    }
    .zbf-form-page .zbf-form .rowDivA.zbf-form-row--compact,
    .zbf-form-page .zbf-form.zbf-form--review .rowDivA,
    .zbf-form-page .zbf-form .zbf-form-section--review .rowDivA {
        grid-template-columns:minmax(105px,36%) minmax(0,1fr);
        gap:var(--zbf-space-2);
        padding:var(--zbf-space-2) 0;
    }
    .zbf-form-page .zbf-form .rowDivA.zbf-form-row--compact {
        grid-template-columns:max-content minmax(0,1fr);
        column-gap:var(--zbf-space-1);
    }
    .zbf-form-page .zbf-form .rowDivA.zbf-form-row--compact .column_divA1,
    .zbf-form-page .zbf-form .rowDivA.zbf-form-row--compact .column_divA1 > *,
    .zbf-form-page .zbf-form.zbf-form--review .column_divA1,
    .zbf-form-page .zbf-form.zbf-form--review .column_divA1 > *,
    .zbf-form-page .zbf-form.zbf-form--review .column_divA1 .form_subtext,
    .zbf-form-page .zbf-form.zbf-form--review .column_divA1 .txtOr1,
    .zbf-form-page .zbf-form .zbf-form-section--review .column_divA1,
    .zbf-form-page .zbf-form .zbf-form-section--review .column_divA1 > *,
    .zbf-form-page .zbf-form .zbf-form-section--review .column_divA1 .form_subtext,
    .zbf-form-page .zbf-form .zbf-form-section--review .column_divA1 .txtOr1 {
        width:auto;
        text-align:right !important;
    }
    .zbf-form-page .zbf-form .rowDivA.zbf-form-row--compact .column_divA1,
    .zbf-form-page .zbf-form .rowDivA.zbf-form-row--compact .column_divA1 > * {
        text-align:left !important;
    }
    .zbf-form-page .zbf-form .rowDivA.zbf-form-row--compact .column_divA2 > select {
        display:inline-block;
        width:auto;
        max-width:100%;
    }
    .zbf-form-control {
        align-items:stretch;
    }
    .zbf-form-page form input[type="text"],
    .zbf-form-page form input[type="email"],
    .zbf-form-page form input[type="password"],
    .zbf-form-page form input[type="number"],
    .zbf-form-page form input[type="tel"],
    .zbf-form-page form input[type="date"],
    .zbf-form-page form select {
        min-height:36px;
        padding:5px 8px;
        font-size:14px;
    }
    .zbf-form-actions {
        flex-direction:row;
        justify-content:center;
        gap:var(--zbf-space-2);
        width:100%;
        max-width:none;
        margin-right:auto;
        margin-left:auto;
    }
    .zbf-form-page .zbf-form > input[type="submit"],
    .zbf-form-page .zbf-form > button {
        width:100%;
        min-height:36px;
        margin:var(--zbf-space-1) 0;
        padding:5px 10px;
        font-size:13px;
    }
	.zbf-form-page form select,
	.zbf-form select {
		height:36px;
		min-height:36px;
		padding:5px 8px;
	}
    .zbf-form-actions input,
    .zbf-form-actions button {
        flex:0 1 auto;
        width:auto;
        min-width:0;
        margin:0;
    }
}

@media (max-width:600px) {
	#forgot-info-wrap {
		width:100vw;
		max-width:none;
		margin-left:calc(50% - 50vw);
		padding-right:0;
		padding-left:0;
		text-align:center;
	}
	#forgot-info {
		width:90vw;
		max-width:90vw;
		box-sizing:border-box;
	}
}