*{
	margin:0;
	padding:0;
	}
acronym{cursor:help;}
a img{border:none;}
a{color:#CF1519; text-decoration:none;}
a:hover{text-decoration:underline;}

body{
	font:normal 90% Arial, Helvetica, sans-serif;
	}

body.admin{background-color:#FFFFDD;}
body.dealer{background-color:#ccfaff;}
.f16{font-size: 16px;}
.f14{font-size: 14px;}
.buletik{display: inline-block;background:#009900; width: 8px; height: 8px; vertical-align: middle; border-radius: 10px; position: absolute; left: 0; top:3px;}
.divecko{position: relative; padding: 0 0px;}
.buletikred{display: inline-block;background:red; width: 8px; height: 8px; vertical-align: middle; border-radius: 10px;}

.login{
	text-align:center;
	line-height:25px;
	margin:100px 0 0 0;	
	}

#content ul{
	margin:15px 30px;
	}
#head h1{	text-align:center; padding:0;}	
.ceny{padding:10px 100px 10px 0; font:bold 12px Arial, Helvetica, sans-serif;}
h1{
	font-size:26px;
	padding:20px 0;
	}
h2{
	font-size:16px;
	margin:10px 0;
	}
	
.login table{margin:0 auto;}

#container{}
	
#head{
	padding-bottom:5px;
	position:relative;
	background-color:#cccccc;
	height:80px;
	}

#head h1{padding-top:5px;}
#head h1 a{color:#000000;}

#content{
	clear:both;
	padding:10px 25px;
	}
	
#pps{font-size:11px; position:absolute; top:40px; left:20px;}

#footer{	}

.tabulka{border-collapse:collapse;}
.tabulka td, .tabulka th{
	border:1px solid #666666;
	padding:2px;
	font-size:11px;
	text-align:center;
	 white-space:nowrap;
	}

.tabhover tr:hover th, .tabhover tr:hover td{background: black; color: #fff;}
.tabulka.pad th,.tabulka.pad td{padding: 5px;}

.tabulka td.riadok-top{border-bottom:0;}
.tabulka td.riadok-bottom{border-top:0;}
input.tdcko20{width: 16px; text-align: center; padding: 2px;}

td.tdfirst, th.tdfirst{border-left: 5px solid black;}
tr.segment{border-top: 5px solid black;}

.isrealdealer .tabulka td.biggreen, .isrealdealer .tabulka th.biggreen, .isrealdealer .biggreen{font-size: 18px; font-weight: bold; color: green;}

.tabulka th{background-color:#666666; color:#FFFFFF; font-weight:normal;}
.aleft td{text-align:left;}

.skupiny td.morepadd{border:0; background:transparent none; width:50px;}

.first{background-color:#eeeeee;}
.second{background-color:#ffffff;}
.prazdna{background-color:#FFFFFF; border:none;}
.novinka{background-color:#C4F2FF;}
.pouzite{background-color:#d6ffd1;}
.vypredaj{background-color:#ffc5c5;}
.akcia{background-color:#ffe4b6;}
label.akcia, label.novinka, label.vypredaj, label.pouzite, label.pink, label.pink2{padding:2px 5px;}
.cena{background-color:#E2E2E2; white-space:nowrap;}
.spolu{background-color:#FFFF99;}
form{margin:15px 0;}
.intro h1{padding:0 0 10px 0;}
.tlacitko{
	padding:0 10px;
	text-align:center;
	background-color:#980E10;
	color:#FFFFFF;
	border:1px solid #000000;
	width:150px;
	}
	
.tlacitko:hover{
	background-color:#CF1519;
	text-decoration:none;
	}

.ine{background-color:#009900;}
.ine2{background-color:#0099FF;}
.ine3{background-color:#000000;}

.tlacitko-black{border: 2px solid black; display: inline-block; padding: 5px 15px; text-decoration: none; color: black; border-radius: 5px;}
.tlacitko-black:hover{background: black; color: white; text-decoration: none;}

fieldset{
	border:1px solid #cccccc;
	padding:15px;
	}

legend{
	padding:4px 10px;
	font-weight:bold;
	color:#000000;
	}

input, textarea{
	width:250px;
	border:1px solid #999;
	padding:2px 5px;
	}
input.text, textarea.text{padding: 8px 10px;border-radius: 5px;}
input.submit{
	width:auto !important;
	background-color:#cccccc;
	border:1px outset #999999;
	cursor:pointer;
	}
input.ks{width:40px; text-align:center; padding:0 2px; font-size:11px; border:1px solid #ccc; background-color:#fff;}
.user_bgcolor input.ks{border:1px solid #FFFF99; background-color:transparent;}
.user_bgcolor input.hover, .user_bgcolor input.active{border:1px solid #666666; background-color:#FFFFFF;}


option{padding:0 10px 0 5px;}

.user_bgcolor, .dealer-cell{background-color:#ffff99;}



.skry{visibility:hidden;}

.filter{font-size:11px;}
.filter td{ background-color:#efefef;}
.filter input{width:55px; font-size:11px; padding:1px;}
.search-result{background-color:#FFFF00;}

.kategorie{font-size:16px; font-weight:bold;}
.kategorie li{margin:4px 0;}
/****************** menu ******************/

.odp{display: none;}

.menu{
    font: bold 10px Arial;
    width: 100%;
    overflow: hidden;
    background:black;
    margin-bottom: 1px;
    clear: both;
}

.menu li{
    display: inline;
}

.menu li a{
    float: left;
    color: white;
    padding: 6px 8px;
    text-decoration: none;
    border-right: 1px solid white;
}

.menu li a:hover, .menu li .current{
    color: white;
    background: transparent url(images/blockactive.gif) center center repeat-x;
    text-decoration:none;
}


p.iepara{
	padding-top: 1em;
}


.checkbox{width:auto;}
label{cursor:pointer;}

.skupiny{}
.skupiny td{border:1px solid #666666;}
.skupiny h3{background-color:#666666; padding:5px 10px; font-size:16px; color:#FFFFFF; margin:0;}

ul.kat_kat{font-size:16px; font-weight:bold;}

.tabulka td.d-6, .tabulka td.d-8, .tabulka td.d-10, .tabulka td.d-12, .tabulka td.d-14 {background-color:#dddddd; white-space:nowrap;}

#logged{position:absolute; top:10px; left:20px; text-align:left; font-size:12px;}
#datum{position:absolute; top:10px; right:50px; text-align:left; font-size:12px;}

.box{padding:5px 10px; border:1px solid #FF0000; background-color:#eeeeee;}
.boxok{padding:5px 10px; border:1px solid #00CCFF; background-color:#eeeeee;}

.tabulka .second:hover, .tabulka .first:hover{background-color:#cccccc;}

a.vstup{display:block; width:200px; padding:10px; font:bold 14px Arial, Helvetica, sans-serif; background:#000000; color:#FFFFFF;}
a.vstup:hover{background:#FF0000; color:#FFFFFF;}

.blok{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	visibility:hidden;
	width:200px;
	text-align:center;
    color: #000000;
	background-color:#efefef;
	border:2px solid #000000;
	}
.blok #sprava div{margin:10px;}
.blok #sprava div.sprava{
	background-color:#000000;
	color:#ffffff;
	padding:4px 0;
	margin:0;
	}

.blok #sprava div.produkt{ padding-bottom:4px; border-bottom:1px solid #000000;}
.blok a{}
.blok a:hover{}
.iframe{
	display:none;
	width:0;
	height:0;
	}
.bgbg #container::before{content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5);}
.calendarisko{width: 500px; font-size: 14px; z-index: 100;}
.calendarisko #sprava div.sprava{background: #FF0000;}
.calendarisko li{margin: 3px 0; font-size: 20px;}
.calendarisko a.odkaz{display: inline-block; padding: 4px 10px; color: #FFFFFF; background: #FF0000;}

.blacknormal{color:#000000;}
.blackbold{color:#000000; font-weight:bold;}

.greennormal{color:#009900;}
.greenbold{color:#009900; font-weight:bold;}

.bluenormal{color:#0000FF;}
.bluebold{color:#0000FF; font-weight:bold;}

.rednormal{color:#FF0000;}
.redbold{color:#FF0000; font-weight:bold;}

.pink{background: papayawhip;}
.pink2{background: antiquewhite;}


/************ TABY ****************/
#content #maintab, #content #kattab{margin:0; padding:0;}

.shadetabs{
margin:0;
padding:0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 0px 7px;
margin-right: 3px;
border: 1px solid #555555;
color:#FFFFFF;
background-color:#555555;
}

.shadetabs li a:hover{
text-decoration:none;
background-color:#666666;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a, .shadetabs li.selected a:hover{ /*selected main tab style */
background-color:#eeeeee;
color:#555555;
border-color:#999999;
border-bottom-color:#eeeeee;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid #999999;
background-color:#eeeeee;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}
.akt_akt{width:99%;}

@media print {
.tabcontent {
display:block!important;
}
}


.userkat td{ padding:5px 10px;}
td.filter5{padding:5px 10px; background-color:#efefef;}
.filter5 label{margin-right:12px;}

a.d-block{display: block;}
#imgbox, #imgboxspec, #imgboxspec300
{
    vertical-align : middle;
    position : absolute;
    border: 1px solid #999;
    background : #FFFFFF; 
    filter: Alpha(Opacity=100);
    visibility : hidden;
    z-index : 50;
    overflow : hidden;
    text-align : center;
}
#imgbox img{
    max-width: 200px; max-height: 200px;
}
#imgboxspec300 img{
	max-width: 300px; max-height: 300px;
}

.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Arial, Helvetica, sans-serif;
line-height: 18px;
z-index: 100;
background-color: white;
width: 180px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
text-align:left;
}

.balloonstyle img{}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}
.rez-skladom, .rez-skladom a{color:#000000;}
.rez-obj, .rez-obj a{color:#1015fa;}
/******************** KALENDAR *********************/
.kalendar {
	font-size:12px;
	text-align:center;
	border-collapse:collapse;
	}
.kalendar td {
	color:#555555;
	text-decoration:none;
	text-align:center;
	border:1px solid #666666;
	}
.dni td{
	color:#444444;
	border:none;
	padding:4px;
	}
.mesiac {
	background-color:#070632;
	color:#81819C;
	border:1px solid #48486E;
	font-weight:bold;
	}

td.akt_den {
	background-color:#CF1519;
	color:#444444;
	}
.kalendar td.akt_den a{color:#FFFFFF;}
.kalendar td.selday a{color:#FFFFFF; background:#000000;}
.kalendar a{text-decoration:none; display:block; padding:5px; color:#CF1519;}
.kalendar a:hover, .kalendar td.akt_den a:hover{text-decoration:underline; background-color:#eee; color:#CF1519;}
.kalendar td.selday a:hover{text-decoration:underline; background-color:#000; color:#CF1519;}
.kalendar td.zazex a{background-color:#999999; color:#FFFFFF;}

input.emptyks{width:30px; text-align:center; border:0;}

.tipsy { padding: 5px; font-size: 12px; background-repeat: no-repeat;  background-image: url(images/tipsy.gif);}
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

.mauto{margin:0 auto; width:96px;}
.cbboxwrap{position:relative;}
.cbbox{
	width:20px;
	position:relative;
	left:-2px;
	}
.bfont{font-size: 16px;}
.bs300 .balloonstyle{width: 300px;}
.bs250 .balloonstyle{width: 210px;}
.bs300 .balloonstyle table{border: 0 !important; text-align: left !important;}
.bs300 .balloonstyle table td{text-align: left !important; white-space: normal !important; border: 0 !important;}

table.noborder, table.noborder td{border: 0 !important;}
.placeholder { color: #aaa; }

select.tlac_char{width:36px;}
select.liketlac{width:47px;}

a.nblack{color: black;}

.custom-file-form{margin: 0; padding: 0; visibility: hidden;}
.cuf:hover .custom-file-form{display: block; visibility: visible;}
.custom-file-upload-file {
	display: none;
}
.custom-file-upload {
	display: block;
	padding: 0 10px;
	cursor: pointer;
	font-size: 16px;
}
a.unone{text-decoration: none;}

.eu-label
{
	background-image: url(/images/eprel-label.png);
	background-size: cover;
	width: 300px;
	height: 440px;
	position: relative;
	border: 1px solid #000;
}

.eu-label > div
{
	position: absolute;
	font-size: 11px;
	width: 50%;
	overflow: hidden;
	white-space: nowrap;
}

.eu-label .lab1
{
	bottom: 46px;
	left: 47px;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: -1px;
}

.eu-label .lab2
{
	bottom: 10px;
	left: 70px;
	font-size: 12px;
}

.eu-label .lab2 span{font-size: 16px; font-weight: bold;}

.eu-label .labin, .eu-label .labin2
{
	background-image: url(/images/eprel-arrow.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	position: absolute;
	color: #FFF;
	font-weight: 700;
	font-size: 22px;
	line-height: 22px;
	padding: 7px;
	padding-left: 20px;
	background-color: #000;
	height: 22px;
	width: 25px;
	right: 50%;
}
.eu-label .labin2{
	right: 0;
}

.eu-label .inA{top: 175px;}
.eu-label .inB{top: 210px;}
.eu-label .inC{top: 240px;}
.eu-label .inD{top: 275px;}
.eu-label .inE{top: 305px;}

.eu-label .snow,
.eu-label .ice
{
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	position: absolute;
	left: 100px;
	bottom: 15px;
	width: 70px;
	height: 70px;
}

.eu-label .snow
{
	background-image: url(/images/eprel-snow.png);
	left: 100px;
}

.eu-label .ice
{
	background-image: url(/images/eprel-ice.png);
	left: 180px;
}

#prepravca{padding: 15px; text-align: center;}
#prepravca label{ display: inline-block; text-align: center; border: 1px solid #ccc; padding: 10px; border-radius: 5px; min-width: 100px;}
#prepravca input{width: auto;}
#prepravca label span{display: block; padding: 5px 0 0 0; font-weight: bold;}
#prepravca label.selected{background:#99D48E; border-color:green;}

#predcislia{margin-bottom: 15px;}
#predcislia tr{display: none;}

.vyfak{position: relative;}
.vyfak span{position:absolute;z-index:10;top:0;left:0;right:0;bottom:0; background: #555;}
.vyfak span::before{
	content: '';
	display: block;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
	background: #fff;
	position: absolute;
	left: 2px;
	top: 2px;
	right: 2px;
	bottom: 2px;
}


.btn-save {
	background-color: #28a745; /* Príjemná zelená farba */
	color: #ffffff; /* Biely text */
	border: none; /* Žiadny okraj */
	border-radius: 5px; /* Zaoblené rohy */
	padding: 8px 20px; /* Priestor okolo textu */
	font-size: 16px; /* Veľkosť písma */
	cursor: pointer; /* Ukazovateľ ruky pri hover */
	transition: background-color 0.3s, box-shadow 0.3s; /* Animácia pri hover */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Jemný tieň */
	width: auto;
	min-width: 100px;
}

.btn-save:hover {
	background-color: #218838; /* Tmavšia zelená pri hover */
	box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2); /* Silnejší tieň */
}

.btn-save:active {
	background-color: #1e7e34; /* Ešte tmavšia pri stlačení */
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Menej výrazný tieň pri stlačení */
}