/* ===== DEFAULTNI STYLY ===== */
/* v1.0 | 20080212 */
/* http://meyerweb.com/eric/tools/css/reset/index.html */
/* Eric Meyers Reset */

/* PROMENNE HODNOT
                color: var(--promena);
*/
:root {
                --color-primary-light:     #6f9ac5; /* svetle modra */
                --color-primary-dark:     #171b60; /* tmave modra */
                --color-second-dark:      #ed1c24 ; /* cervena */
				--color-second-light:      #f3888c ; /* cervena */
                --color-third-dark:           green;
                --color-third-light:           #83ff83; /* zelena */
                --color-light:                                      white;
                --color-dark:                                      black;
                
                }



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
.cistic {clear: both;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
  background: url('../images/menu_pozadi_2019.jpg') repeat-x;
  font-size:12px;
  color:var(--color-primary-dark);
  /*font-family: Tahoma, "Lucida Grande CE", lucida sans-serif;*/
  font-family:arial;
}

h1.logo {
	position: relative;
	display: block;
	width: 240px;
	height: 91px;
	background: #fff;
	float: left;
	margin: 0px 0px;
}

h1.logo a {
	text-decoration: none;
	color: #000;
}

h1.logo span.logo {
	cursor: pointer;
	display: block;
	width: 240px;
	height: 91px;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1px;
	background: url('../images/logo_2019_new.jpg') no-repeat;
}

#basket_header {
  float: left;
  width: 235px;
  height: 91px;
  margin-right: 10px;
}

#basket_header .basketCount, .countOfferTable td {
  vertical-align: top;
}

#basket_header ul {
  width: 185px;
  margin-top: 10px;
  line-height: 14px;
}

#button_header {
  float: left;
  width: 450px;
  height: 43px;
  border-left: 1px solid black;
  margin-top: 14px;
  margin-bottom: 10px;
}

#button_header ul {
  /*margin-top: 14px;*/
}

#button_header ul li,  #button_header ul li.first{
  float: left;
  display: block;
  width: 131px;
  height: 43px;
  padding-left: 19px;
}

#button_header ul li.first {
  padding-left: 9px;
}
#basketButton{
  background-color: var(--color-second-dark);
  display: block;
  padding: 10px 16px 10px 14px;
  margin-top: 16px;
  border-radius: 4px;
}

.countOfferTable td img {
  margin-top: 3px;
}


h1 {
	font-size: 14px;
}


.NadpisOffer {
  font-size:12px;
}

.top20 {
  padding-top:20px;
}

.top10 {
  padding-top:10px;
}

.top5, .NadpisOffer {
  padding-top: 5px;
}

.bottom10 {
  padding-bottom:10px;
}

.NadpisOffer {padding: 5px 0;}


.stred {
  text-align:center;
}

.doprava {
  text-align:right;
}

a {
  text-decoration:none;
  color:var(--color-primary-dark);
}

a:hover {
  text-decoration:underline;
}

.s14 {
  font-size:12px;
}

ul {
  list-style:none;
  line-height: 13px;
}

.basketTable {
  margin-bottom: 10px;
}

.insertBasket td {
  padding: 4px 0;
}

#container {
  /*width:320px; height:240px;*/
  min-width: 320px;
  _width: expression(document.body.clientWidth < 320? "320px" : "auto" );
}

.cleaner {
  clear:both;
}

#main form .InputPocet, input.mnInputPocet, #pocet, #xxpocet {
  width:35px !important;
  text-align:center;
}

#pocet, #xxpocet {margin-top: 12px; float: left; margin-right: 5px;}

#main .InputCena {width: 70px; text-align: right;}

#main {
  padding-left:30px;
  padding-top:20px;
  height:100%;
}

p {padding:3px 0 3px 0;}

img {
  border:0;
}

.no_border {
  border:0;
  border-collapse:collapse;
}

/* #menu .obal {background:url('../images/menu_pozadi.png') repeat-x;} */

#menu ul, #menu .menu_polozky ul {list-style-type:none;height:51px;}
#menu li, #menu .menu_polozky li{height:17px;}
#menu .menu_avo li {_margin-bottom:-3px}

#menu .menu_polozky {padding-left:4px;}
#menu img {border:0;}

#menu table, .Login {border:0;border-collapse:collapse;}
#menu .menu_background {background:url('../images/menu_background.png')no-repeat;width:92px;cursor:pointer;cursor:hand}

.login-message, .message {color:var(--color-second-dark); /*background:var(--color-second-light);*/padding: 10px 30px; margin-top: 10px; border-radius: 5px; border:solid 1px var(--color-second-dark);}

.message {
	margin-right: 20px;
}
.message::before {
    content: "!";
    background-color: var(--color-second-dark);
    color: white;
    font-weight: bold;
    padding: 2px 9px;
    border-radius: 15px;
    font-size: large;
}

.Nadpisek {font-weight:bold;}
/* ===== ADRESAR ===== */

.adresar  {
  /* width:290px; */
  border-collapse:collapse;
}

.adresar td {
  padding:1px;
  vertical-align: middle;
}

.TRlink {
  cursor: hand; cursor: pointer;
}
.TRhover {
  background:#da888b;
  cursor: hand; cursor: pointer
}

.TRlinkOffer, .TRlinkOrder {}
.TRhoverOffer, .TRhoverOrder {background:#b8c2c9;}

.TableObjednavky tr:hover{
  background:#da888b;
  cursor: hand; cursor: pointer;
}


.dealer {
  color:#aeb8c1;
}

.detIco {
  position: relative;
  top: 12px;
}

.detObj th {text-align: left;}
.detObj th.doprava {text-align: right;}

a.adrLink {text-decoration:underline;}
a.adrLink:hover {text-decoration:none;}

li.dealerInfo {padding-left:36px;}

.infoText{
    color: #bfbfbf;
    font-size: 10px;
}

.BlokaceImg {padding-right: 3px;}
/* ===== ADRESAR / ===== */
/* ===== CENIK ===== */
.Cenakce, .CenCena {color:#ff0000;}
/* ===== CENIK / ===== */

/* ===== PATICKA =====*/

#foot {
  background:var(--color-primary-dark);
  height:12px; 
  color:#cdd2d4;
  font-size:13px;
  height: 30px;
  line-height: 25px;
}

.LoginUser {
  padding:3px 0 0px 30px;
  float:left;
}

.FootMenu {
  text-align:right;
  padding:1px 4px 1px 0;
}

#foot a {
  text-decoration:none;
  color:#fff;
  font-weight: bold;  
}

#foot a:hover{
  text-decoration:underline;
  color:#CDD2D4;
}
/* ===== PATICKA / =====*/

/* ===== LOGIN & REGISTER ===== */
.Login {
  padding-top: 10px; 
}
.Login label {
  font-weight:bold;
}
.btn_login {
  padding:3px 0 3px 25px;
}
.formular {
  padding-top:12px;
}
.input {
  border:1px solid #cfd0d0;
}

fieldset {
  border:1px solid #cfd0d0;
  margin:0 0 8px 0;
}

legend {
  font-weight:bold;
  padding:2px 4px 2px 4px;
}
/* ===== LOGIN & REGISTER / ===== */
/* ===== ROZCESTNIK ===== */
#rozcestnik ul{width:300px;font-size:20px;}
#rozcestnik li {float:left;list-style-type:none;text-align:center;line-height:25px;}
#rozcestnik a {display:block;text-decoration:none;color:#000;height:27px;width:27px; -moz-border-radius:4px; -webkit-border-radius:4px;	border-radius:4px;}
#rozcestnik a:hover {color:#fff;background-color:#5B7380;}

#rozcestnik span {color:#ff0000;padding-left:1px}
/* ===== ROZCESTNIK / ===== */
/* ===== TLACITKA ===== */
.tlacitko{/*background:#336633;*/text-align:center;padding:2px;border:2px solid #fff;font-size:10px;/*font-weight:bold;*/color:#fff;text-decoration:none;text-transform:uppercase;}
.tlacitko:hover {color:#f7f8f0;}
.btnOdeslat {font-size: 9px;}  

 /*BARVY*/      
.btnIndex {background-color:#3d7ea3;} /*tmave modra*/
.btnZpet {background-color:#c49801;} /*okrova*/
.btnKosik {background-color:#5ec9ea;} /*svetle modra*/
.btnDefault {background-color:#336633;} /*zelena*/
.btnDefault2 {background-color:#b24616;} /*oranzova*/
.btnVyhledat {background-color:#91383c;} /*cervena*/
.btnOff {background-color:gray;}  /*seda*/
 
/* 
.cervena {background-color:#91383c;}
.zelena {background-color:#336633;}
.oranzova {background-color:#b24616;}
*/
/* ===== TLACITKA / ===== */
/* ===== HLAVNI MENU ===== */
/*#hlavni_menu {padding-left:15px;}*/
/*#hlavni_menu li {list-style-image: url("../images/cube.gif")}*/
/* ===== HLAVNI MENU / ===== */

/* ===== OBJEDNAVKY A POHLEDAVKY ===== */
.TableObjednavky {border-collapse:collapse;border:1px solid #b7b7b7;}
.objednavky td {font-size: 16px;}
.TableHeadInfo {background-color:#ccc;/*font-style:italic;*/font-weight:bold;}
.dark {/*background-color:#d8d8d8;*/}
.light {background-color:#f3f3f3/*#f7f8f0*/;}
.darkRed {background-color: #ff9c88;}
.lightRed {background-color: #FEBCAE;}
.AddressTableTextRight {font-weight:bold;} 
.objednavky span, .OrderLnk, .BasketLnk, .KontaktLnk {font-weight:bold;}
.poznamka {width:97%;}

.showHide {margin-right:6px; margin-top:3px; margin-bottom:-3px; cursor:pointer;}
.hiddenBlock {margin-top:5px; margin-left:25px; display:none;}
/* ===== OBJEDNAVKY A POHLEDAVKY / ===== */

/* ===== DETAIL ===== */
.DetailTable {padding:3px 0 3px 0;clear: both;}
.DetailHodnota {padding-left:5px;}
/* ===== DETAIL / ===== */
/* ===== OFFER ===== */
.NazevArtiklu, .CenaArtiklu, .NazevFirmy {font-weight:bold;}
.OfferBottomTR   {border-bottom: 1px solid #cdcdcd;}
.OfferPager {float:right;}
.inputPocet {width: 34px;}

.OfferPager img {
    padding: 8px;
	width:16px;
	height:16px;
}

.OfferPager a {
    border: 1px solid var(--color-primary-dark);
    border-radius: 3px;
    display: inline-block;
	margin: 0px 5px;
}
.OfferPager a:hover {
	background: var(--color-primary-light);
}

/* ===== OFFER / ===== */
.orderSelect {
  border: none;
  margin-top: 8px;
}

.orderSelect label, .orderSelect select, .fleft {
  float: left;
}

.orderSelect label {
  line-height: 16px;
}

.orderSelect .platba {margin-left: 2px;}

.orderSelect select {
  /*width: 100px;*/
  margin: 0 4px;
}

.orderSelect hr.a {
  visibility: hidden;
  clear: both;
  height: 1px;
}

#frmCenik select {
  width: 187px;/* 174px */
}

.orderDetailUl span {
  width: 150px;

}

.kontaktyTable{
    display: inline-table;
    margin-right: 50px;
}

#kontakty td {
  padding: 2px 4px;
}

#kontakty address {
  line-height: 13px;
}
h3.kontakty{
    border-top: 1px solid #cdcdcd;
    padding: 20px 0px;
    margin-right: 30px;
    font-size: 16px;
}
.dokumenty-table th {text-align: left; background-color: #5B7380; color: #fff;}
.dokumenty-table th, .dokumenty-table td {padding: 3px;}
.dokumenty-table td {border-bottom: 1px solid #CDD2D4;}
.dokumenty-table caption {margin: 10px 0 5px 0; font-weight: bold; font-size: 12px; text-align: left;}
.dokumenty-table {width: 380px;}

.lstden th {text-align: left;}

.addtable {width: 98%;}
.addtable td.caption {width: 65px; vertical-align: top; padding-top: 4px;}
.addtable textarea {width: 98%; height: 100px;}
.addtable input {width: 300px;}

.adresar .date {width: 65px;}
.lstden th {text-align: left;}

input[type="text"], input[type="password"], select {height: 25px; width: 175px; border: 1px solid #ccc; padding: 0 5px; margin: 2px 0; -moz-border-radius:4px; -webkit-border-radius:4px;	border-radius:4px;}
input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus  {border-color: #82328C;}
textarea { border: 1px solid #ccc; padding: 0 5px; margin: 2px 0; -moz-border-radius:4px; -webkit-border-radius:4px;	border-radius:4px;}
select {height: 27px; width: 187px;}

#hlavni_menu .button {float: left; margin: 5px 5px 0 0; text-transform: uppercase;}
#hlavni_menu .button {background-color:#002664/*#5c7ce3*/; -moz-border-radius:4px; -webkit-border-radius:4px;	border-radius:4px; display:block; color:#ffffff; font-size:15px; text-decoration:none; text-shadow:0px 1px 0px #000; width:115px; height: 68px; text-align: center; padding-top: 42px;}
#hlavni_menu .button:hover {background:var(--color-primary-light)/*#6d89e6*/; text-decoration: none;}

#button_header a, .buttons a, .btnObj2, .btnMnSl,.btnDefault, .btnPlus, .btnMinus, .btnObj3, .btnAkceXY {background:var(--color-primary-dark); -moz-border-radius:4px; -webkit-border-radius:4px;	border-radius:4px; display:block; color:#ffffff; font-size:15px; text-decoration:none; width: 138px; padding: 15px 0; float: left; margin-right: 5px; margin-bottom: 5px; text-shadow:0px 1px 0px #000; text-align: center; text-transform: uppercase; font-weight: bold;}
.btnDefault{display:inline-block; float: inherit;}

#button_header a:first-of-type {margin-left: 15px;}
#button_header a:hover, .buttons a:hover, .btnObj2:hover, .btnMnSl:hover, ..btnDefault:hover, .btnObj3:hover, .btnPlus:hover, .btnMinus:hover {background:var(--color-primary-light); text-decoration: none;}
#button_header .btnVyr, #hlavni_menu .btnVyr {background:var(--color-primary-dark);}
#button_header .btnVyr:hover, #hlavni_menu .btnVyr:hover {background:var(--color-primary-light);}
#button_header .btnObj, .buttons .btnObj, .btnObj2, .btnMnSl,.btnDefault, .btnAkceXY, #hlavni_menu .btnObj,.buttons .btnDoprava{background:var(--color-primary-dark);}
#button_header .btnObj:hover, .buttons .btnObj:hover, .btnObj2:hover, .btnMnSl:hover, .btnDefault:hover, #hlavni_menu .btnObj:hover, .buttons .btnDoprava:hover {background:var(--color-primary-light);}

.btnMnSl {background:var(--color-third-dark);}
.btnMnSl:hover {background:var(--color-third-light);}
.btnDefault {background:var(--color-primary-dark);}
.btnDefault:hover {background:var(--color-primary-light);}

.buttons a span {font-size: 8px;}
.buttons a {width: 96px; font-size: 12px; padding: 17px 0;}
.buttons .btnSearch {background:var(--color-primary-dark);}
.buttons .btnSearch:hover {background:var(--color-primary-light);}
.buttons .btnSearchAbc {background:var(--color-primary-dark);}
.buttons .btnSearchAbc:hover {background:var(--color-primary-light);}
.buttons .btnKatalog {background:var(--color-primary-dark);}
.buttons .btnKatalog:hover {background:var(--color-primary-light);}
.buttons .btnBack {background:var(--color-second-dark);}
.buttons .btnBack:hover {background:var(--color-second-light);}
.buttons .btnViewAll {background:var(--color-primary-dark);}
.buttons .btnViewAll:hover {background:var(--color-primary-light);}
.buttons .btnPrep {background:var(--color-primary-dark);}
.buttons .btnPrep:hover {background:var(--color-primary-light);}
.buttons .btnClear {background:var(--color-primary-dark);}
.buttons .btnClear:hover {background:var(--color-primary-light);}
.buttons .btnSlevy {background:var(--color-primary-dark);}
.buttons .btnSlevy:hover {background:var(--color-primary-light);}
.buttons .btnNez {background:var(--color-primary-dark);}
.buttons .btnNez:hover {background:var(--color-primary-light);}
.buttons .btnVybPart {background:var(--color-primary-dark);}
.buttons .btnVybPart:hover {background:var(--color-primary-light);}
.buttons .btnOrder {background:var(--color-primary-dark);}
.buttons .btnOrder:hover {background:var(--color-primary-light);}
.buttons .btnUpravit {background:var(--color-primary-dark);}
.buttons .btnUpravit:hover {background:var(--color-primary-light);}
.buttons .btnZrusit {background:var(--color-second-dark);}
.buttons .btnZrusit:hover {background:var(--color-primary-light);}
.buttons .btnPrint {background:var(--color-primary-dark);}
.buttons .btnPrint:hover {background:var(--color-primary-light);}
.buttons .btnLogin {background:var(--color-primary-dark);}
.buttons .btnLogin:hover {background:var(--color-primary-light);}

.buttons .btnDPD {background:var(--color-primary-dark);}
.buttons .btnDPD:hover {background:var(--color-primary-light);}

.buttons .btnNabidka {background:var(--color-primary-dark);}
.buttons .btnNabidka:hover {background:var(--color-primary-light);}

.buttons .btnRozprac {background:var(--color-primary-dark);}
.buttons .btnRozprac:hover {background:var(--color-primary-light);}

.buttons .btnOrderDisabled {background:grey;}


.buttons .btnAddDenik, .buttons .btnNez, .buttons .btnVybPart,  .buttons .btnDPD,  .buttons .btnDoprava, .buttons .btnRozprac, .buttons .btnNabidka {font-size: 11px; padding: 12px 0;}
.buttons .btnZobrDenik, .buttons .btnKatalog, .buttons .btn2radky  {font-size: 12px; padding: 9px 0; line-height: normal;}

.btnObj2,.btnMnSl, .btnDefault {padding: 8px 0; margin-top: 10px; font-size: 14px;}
.btnPlus {background:var(--color-primary-dark) url('../images/arrow_up.png') no-repeat 50% 50%;}
.btnMinus {background:var(--color-primary-dark) url('../images/arrow_down.png') no-repeat 50% 50%;}
.btnPlus, .btnMinus {width: 50px; margin-top: 10px;}
.btnPlus:hover {background:var(--color-primary-light) url('../images/arrow_up.png') no-repeat 50% 50%;}
.btnMinus:hover {background:var(--color-primary-light) url('../images/arrow_down.png') no-repeat 50% 50%;}
.btnObj3 {width: 35px; background:var(--color-primary-dark) url('../images/i_plus.png') no-repeat 50% 50%;}
.btnObj3:hover {background:var(--color-primary-light) url('../images/i_plus.png') no-repeat 50% 50%;}

.cistic {clear: both;}
.adresar .btnVybPart {width: 120px; font-size: 11px;}
.adresar .btnDPD {width: 120px; font-size: 11px;}
.adresar .btnPlus, .adresar .btnMinus {margin-top: 0;}

.adresar .dealer_name, .adresar .dealer_id {
	font-size: 11px;
	padding: 12px 0; 
	background: var(--color-primary-dark);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    color: #ffffff;
    text-decoration: none;
    margin-right: 5px;
    margin-bottom: 5px;
    text-shadow: 0px 1px 0px #000;
    text-align: center;
    font-weight: bold;}

.adresar .header th {text-align:left; padding: 12px 0;}
.btnAkceXY  {padding: 8px 0; font-size: 14px;}

.nedodanePol label {margin-left: 5px;}

span.pager {
    vertical-align: top;
    padding: 7px 15px 0px 15px;
    font-size: 18px;
    display: inline-block;
}

.OfferPager span {
    vertical-align: top;
    padding: 7px 15px 0px 15px !important;
    font-size: large !important;
    display: inline-block;
}


#platbatxt {margin-left: 5px; line-height: 16px; font-weight: bold;}
#piechart {float: left; margin-left: 20px;}

/*.buttons a, a kontakty detail*/
/*.btnDPD{background-color:red; -moz-border-radius:8px; -webkit-border-radius: 8px;border-radius:8px; display:block; color:#ffffff; font-size:11px; text-decoration:none; padding: 10px; float: left; margin-right: 5px; margin-top: 1px; text-shadow:0px 1px 0px #000; text-align: center; text-transform: uppercase; font-weight: bold;}
*/.kontaktDPD{background-color:red;}
.kontaktItems td{padding: 4px 0px 4px 0px}

.FootInfo, #kontrolaDetail{
	display: inline-block;
    padding: 1px 10px;
    margin-right: 20px;
    font-weight: bold;
    background-color: red;
    color: white;
    text-transform: uppercase;
	border-radius: 6px;
}


#kontrolaDetail{
	display: block;
	border-radius: 0px;
	margin-right: 0px;
	padding: 15px;
	background-color: var(--color-second-light);
    border: 1px solid red;
    margin: 5px;
}
#kontrolaDetail.buttons a{
	float: none;
    display: inline;
	padding: 12px;
	margin-left: 30px;
}

.klasifikace.detail, .FootMenu .klasifikace{
	display: inline-block;
    padding: 1px 10px;
    font-weight: bold;
    background-color: #006eb9;
    color: white;
    text-transform: uppercase;
    border-radius: 6px;
} 
.klasifikace.detail{
    margin-bottom: 10px;
}
.FootMenu .klasifikace{
    margin-left: 10px;
}
.klasifikace.seznam{
	color: #adadad;
    font-size: smaller;
}


.PartnerStatusBlokovany, .PartnerStatusDluznik, .PartnerStatusNezkontrolovany, .ItemInvest, .ItemAnestetika, .ItemNedodane, .akcexy-btn, .mnslevy-btn, .posDel-btn{	
	display: inline-block;
    padding: 1px 10px;
    margin-right: 20px;
    font-weight: bold;
	text-transform: uppercase;
	border-radius: 6px;
}
.PartnerStatusBlokovany{
    background-color: red;
    color: white;
	}
	
.PartnerStatusDluznik{
	background-color: blue;
    color: white;
	}
.PartnerStatusNezkontrolovany{
	background-color: red;
    color: white;
	}
.ItemInvest{
	background-color: blue;
    color: white;
	}
	
.akcexy-btn, .posDel-btn{
	background-color:var(--color-primary-dark);
    color: white;
	}
.mnslevy-btn{
	background-color:var(--color-third-dark);
    color: white;
	}
	
.ItemNedodane{
	background-color: red;
    color: white;
	}
	
.ItemAnestetika{
	background-color: #fe3f3e;
    color: white;
	}

.AkcniCenaLepsi{
    background-color: green;
    color: white;
	display: inline-block;
    padding: 1px 10px;
    font-weight: bold;
	border-radius: 6px;
	}

.userOrderCount{
	font-size: 18px;
    margin-top: 20px;
	}
	
.adresar tr, .objednavky tr, .TableObjednavky tr{
	height:30px;
}
.TableObjednavky td{
	/*padding-left: 5px;
    padding-right: 5px;*/
	vertical-align:middle;
	padding: 10px 5px;
}
.pointer{
	cursor: pointer;
}
#RABAT_CELKEM{	
    font-weight: bold;
}

a.kuponNeuplat, a.kuponUplat{	
	padding: 5px;
    margin: 5px 5px;
    display: inline-block;
	text-decoration:none;
}
a.kuponNeuplat::before, a.kuponUplat::before {
    color: white;
    font-weight: bold;
    padding: 0px 9px 3px 9px;
    border-radius: 15px;
    font-size: large;
}
a.kuponNeuplat::before {
    content: "+";
    background-color: var(--color-primary-dark);
    padding: 2px 7px;
}
a.kuponUplat::before {
    content: "-";
    background-color: var(--color-second-dark);
    padding: 0px 9px 3px 9px;
}
.kuponTitle{
    border-bottom: solid 1px var(--color-primary-dark);
    display: block;
	font-size: smaller;
}
fieldset.makce{
	margin-right: 1%;
}

fieldset.makce, fieldset.kupony{	
	padding: 5px;
	padding-right: 30px;
	border-radius:5px;
	width: 45%;
	margin-top:10px;
	display:inline-block;
    vertical-align: top;
}
fieldset.makce label{	
	padding-top: 2px;
    padding-bottom: 2px;
    display: block;
}
fieldset.makce label input {
  vertical-align: middle;
}
fieldset.makce label span {
  vertical-align: middle;
  padding-left:10px;
}

span.makceNone, span.kuponNone {
	display: block;
    padding: 10px 20px;
    font-style: italic;
    color: darkgrey;
}

fieldset.makce input[type='checkbox'], .anestetika input[type='checkbox'], #frmCenik input[type='checkbox'], #frmNahrady input[type='checkbox']{
    /*-webkit-appearance:none;*/
    width:20px;
    height:20px;
    background:white;
    border-radius:5px;
    border:1px solid #555;
}
fieldset.makce input[type='checkbox']:checked, .anestetika input[type='checkbox']:checked, #frmCenik input[type='checkbox']:checked, #frmNahrady input[type='checkbox']:checked {
    background: #bc623d;
}
.marginTop20{
    margin-top: 20px;
}
.OrderSum td{
	padding:2px 5px 2px 5px;
}
.MainTableTextRight{
	text-align:right;
}

li.CrossRoadLi {
    padding: 5px;
}

.objednavkaSouhrn {
	/*font-size: 12px;*/
	float: right; 
	margin: 5px 100px; 
	padding: 10px; 
	/*background-color: #ccc; 
	border: solid; 
	border-width: 1px;*/
}
.objednavkaSouhrn td {
	padding: 5px;
}

.basketTable input[type="text"] {
    width: 80px;
}
.basketTable .platnost, .DetailHodnota .platnost, .adresar .platnost{
    color: gray;
}
.basketTable td {
    vertical-align:middle;
}
.vsechnaPoleMezera {
    padding:10px;
}
#frmCenik td{
  vertical-align: middle;
}

#facebox .popup table{
  width: 100%;
}

.zboziPridano {
	text-align: center;
	font-size: 17px;
	color: #ff0000;
	font-weight: bold;
}

.basketTable .rucniSleva40 input{
	background-color: #ddcfff;
}

.basketTable .rucniSleva41 input, .basketTable .orientCena1 input{
	background-Color:#e0e0e0;
	color:#888;
}
.basketTable a.btn_storno{
	visibility:hidden;
}
.basketTable .rucniSleva41 a.btn_storno{
	visibility:visible;
}

.slevaPuvodniSleva{
	color: #a1a1a1;
    font-size: 10px;
}
.mnozPuvodniSleva{
	font-size: 11px;
    padding-top: 9px;
	color: red;
}




.orderByActive a span{
	color: red;
}
.orderBy a span{
	color: blue;
}
.white-space-pre {
    white-space: pre-wrap;
}

.stornotrue {
	background: #e0e0e0;
	font-style: italic;
}
.polozkaSkladem, .expDatum {
	color: #04c704;
	font-weight: bold;
}
.expProdukt {
	font-style: italic;
	font-size:0.8em
}


.settings-btn,.settings-btn-active {
	display: inline-block;
    margin-left: 10px;
	padding: 1px 10px 0px 10px;
}
.settings-btn-active{
	border: 1px solid #b7b7b7;
	background-color: #ccc;
}
a.settings-btn-active:hover{
	color: var(--color-primary-dark) !important;
}
.settings-btn img, .settings-btn-active img {
    height: 12px;
    width: 12px;
    padding-right: 5px;
}
#settings-all, .akcexy-all {
	background: var(--color-primary-dark);
    position: absolute;
    left: 30px;
    width: 350px;
	padding: 0px;
	-webkit-box-shadow: 0px 10px 22px 5px rgba(23,27,96,0.64);
	-moz-box-shadow: 0px 10px 22px 5px rgba(23,27,96,0.64);
	box-shadow: 0px 10px 22px 5px rgba(23,27,96,0.64);
}
#settings-all table, .akcexy-all table {
	width:100%;
	color: var(--color-primary-dark);
}
#settings-all .TableObjednavky .TableHeadInfo, .akcexy-all .TableObjednavky .TableHeadInfo{
    text-align:center;
}

#settings-all .TableObjednavky td, .akcexy-all .TableObjednavky td {
    padding: 5px;
}
#settings-all .TableObjednavky td.value {
    text-align: end;
}
#settings-all .description , .akcexy-all .description {
    display: block;
    font-size: 0.8em;
    color: var(--color-primary-light);
    line-height: 10px;
}

.TableObjednavky .TableHeadInfo th{
    vertical-align: middle;
}


/* SWITCHER */
#settings-all .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

#settings-all .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

#settings-all .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

#settings-all .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

#settings-all input:checked + .slider {
  background-color: var(--color-primary-dark);
}

#settings-all input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

#settings-all input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* END SWITCHER */

.ziskovost {
	visibility: visible;
}


.akcexy-all .title {
    display: block;
    font-size: 1.2em;
    text-transform: uppercase;
	padding-bottom: 5px;
}

.akcexy-all .title2 {
    display: block;
    font-size: 0.8em;
	padding-bottom: 5px;
}
.akcexy-zvolena{
    display: block;
    font-size: 0.8em;
    padding: 2px 10px;
    font-weight: bold;
	color:#9e9e9e;
}
.akcexy-zvolena span{
    font-weight: normal;
}

.akcexyDetail{ /* pro btnAkceXY */
    margin-top: 0px;
	margin-bottom: 15px;
}


.akcexy-all .TableHeadInfo td {
    position:relative;
}
.akcexy-all .TableHeadInfo td .akcexy-close{
    position:absolute;
	right:10px;
}

.akcexy-all .TableObjednavky tr:first-child:hover{
    cursor: default;
}




/* RADIOBUTTON - AKCEXY .itemAkceXY */
section.itemAkceXY {

}
section.itemAkceXY > div {

  padding: 0px;
}
section.itemAkceXY input[type="radio"] {
  /*display: none;*/
    visibility: hidden;
    height: 1px;
}
section.itemAkceXY label {
  cursor: pointer;
	
  height: 100%;
  display: block;
  background: white;
  /*border: 2px solid var(--color-primary-dark);*/
  /*border-radius: 5px;*/
  padding: 1rem;
  margin-bottom: 5px;
  /*text-align: center;*/
  position: relative;
}
section.itemAkceXY input[type="radio"]:checked + label {
  /*background: var(--color-primary-dark);
  color: white;*/
  border: 1px solid var(--color-primary-dark);
 
}

.akcexy-typpolozky{
  position: absolute;
    right: 0px;
    font-size: 40px;
    font-weight: bold;
    opacity: 0.2;
    padding-right: 10px;
}

/*
section.itemAkceXY input[type="radio"]:checked + label::after {
    color: var(--color-primary-dark);
    border: 2px solid var(--color-primary-dark);
    content: "+";
    font-size: 34px;
    position: absolute;
    top: -15px;
    left: 0px;
    transform: translateX(-50%);
    height: 25px;
    width: 25px;
    line-height: 23px;
    text-align: center;
    border-radius: 5%;
    background: white;
  }*/

/* END RADIOBUTTON - AKCEXY */

.stornoPartnertrue{
	background-Color: #ececec;
    color: #adadad;
}
.stornoPartnertrue a{
    color: #adadad;
}


fieldset.kontaktDetail{
	margin-right: 1%;
    padding: 5px;
    border-radius: 5px;
    /*width: 30%;*/
    margin-top: 10px;
    vertical-align: top;
	display: flex;
	position: relative;
	height: 150px;
}

fieldset.kontaktDetail span.head {
    display: block;
    width: 150px;
    padding: 6px 10px;
    /*font-style: italic;*/
    color: var(--color-primary-light);
    background-color: aliceblue;
    float: left;
	height: 120px;
}
fieldset.kontaktDetail span.head span {
	display: block;
}
fieldset.kontaktDetail span.head span.poziceKontakt {
	padding: 3px;
    color: var(--color-primary-dark);
    border-radius: 3px;
    display: inline-block;
    margin: 1px;
    font-size: smaller;
    border: 1px solid var(--color-primary-dark);
    font-weight: bold;
}

fieldset.kontaktDetail span.elAdresy {
    padding: 10px 20px;
    /*font-style: italic;*/
    color: darkgrey;
    overflow: hidden;
    display: flex;
}
.kontakty{
	display: block;
    /*flex-wrap: wrap;*/
}

.elAdresy{
}

.elAdresaLnk{
	min-width: 150px;
    display: block;
    height: 120px;
    border: 1px solid var(--color-primary-light);
    border-radius: 4px;
    margin: 0px 10px 5px 0px;
    background-color: aliceblue;
	position: relative;
}

.elAdresaIcon{
	display: block;
    font-size: 42px;
    border-radius: 4px 4px 0px 0px;
    text-align: center;
    padding-top: 5px;
}
.elAdresaIcon span{
	font-size: 24px;
    padding: 2px;
}
.elAdresaText{
    display: block;
    text-align: center;
    background-color: var(--color-light);
    border-radius: 5px;
    margin: 5px;
    padding: 3px;
	height: 30px;
}
.elAdresaText .elAdresaPopis,.elAdresaText .elAdresaAdr{
	display: block;
	height: 50%;
}
.elAdresy .elAdresaDPD{
    background-color: red;
}
.elAdresaText .elAdresaAdr  {
	font-weight: bold;
}
.elAdresaText .elAdresaPopis{
	font-size: smaller;
    color: var(--color-primary-light);
	margin-top: 5px;
}
.addElAddresa, .addKontakt, .editKontakt, .editElAdresa{
	background-Color: #f5f5f5 !important;
	background: var(--color-primary-dark) !important;
    color: var(--color-light) !important;
		border: 1px solid var(--color-primary-light);
    display: inline-block;
    border-radius: 5px;
    padding: 5px;
	min-width:96px;
	font-size: 11px;
	font-weight: bold;
    text-transform: uppercase;
	
    /*border-color: #dedede !important;*/
}
.addElAddresa{
	height: 25px;
}
.addKontakt{
	/*display: block !important;
	padding: 30px 30px !important;*/
}
.editKontakt{
	position: absolute;
    bottom: 14px;
}

.editElAdresa{
	height: 25px;
    display: block;
    /*margin: 0px 20px;
    position: absolute;
    bottom: 4px;*/
    margin: 0px auto;
    width: max-content;

}
.editElAdresa.cancelEshop, .btnZrusit.cancelEshop{
	background: #c1c1c1 !important;
	border: 1px solid #c1c1c1 !important;
	cursor: not-allowed;
}

.editKontakt span, .editElAdresa span,.addElAddresa span, .addKontakt span{
    display: inline-block !important;
	vertical-align: middle;
}

input.readonlyColor:read-only{
    background-Color:#efefef;
	color:#b5b5b5;
}

.autorizovanyKontakt, .neautorizovanyKontakt, .neniEshKontakt {
	display: inline-block !important;
	padding: 3px;
    color: var(--color-light);
    border-radius: 3px;
    display: inline-block;
    margin: 1px;
    font-size: smaller;
    border: 1px solid var(--color-light);
    font-weight: bold;
}

.autorizovanyKontakt {
	background-Color: green;
}

.neautorizovanyKontakt {
	background-Color: red;
}
.neniEshKontakt {
	background-Color: #c1c1c1;
}

.newFaceBox{
	display: none;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}
.newFaceBox .newFaceBox-body{
	background: white;
	padding: 20px;
	border-radius: 8px;
	max-width: 500px;
	width: 90%;
	text-align: center;
}
.newFaceBox .newFaceBox-body h2{
	margin-bottom: 30px;
	font-size:14px;
}

.newFaceBox .newFaceBox-body .top10 {
    padding-top: 30px;
}


.importXlsProtokol {
    border: 1px solid;
    padding: 10px;
    margin-right: 20px;
    color: var(--color-second-dark);
}

.importXlsProtokol h2 {
    margin-bottom: 20px;
}

.importedDokument {
    border: 1px solid green;
    border-radius: 5px;
    padding: 15px 10px;
    margin-right: 20px;
    color: green;
    background-color: #adffad;
}
.importedDokument h2 {
    display: inline-block;
	padding-right: 15px;
}
.importedDokument img {
	position: absolute;
}


/* Chytre nahrady */
table.chytreNahrady {
	border-collapse: collapse; /* spojí čáry */
	width: 98%;
}
table.chytreNahrady tr:first-child{
	background-Color: #f1f1f1;
    color: #838383;
}
table.chytreNahrady tr th{
	padding: 7px 4px;
}
table.chytreNahrady div.chnTitle{
	Color: var(--color-primary-dark);
    font-size: 12px;
    font-weight: bold;
    padding: 7px 2px;
}
table.chytreNahrady div.chnData{
	Color: var(--color-primary-light);
    font-size: 12px;
	line-height: 1.6;
}
table.chytreNahrady .chnData-cenaValue{
	border: 1px solid;
    color: var(--color-primary-dark);
    font-weight: bold;
    padding: 3px 10px;
    border-radius: 5px;
}

table.chytreNahrady td {
	padding: 8px 4px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.chytreNahrady td.chnCheckbox {
	vertical-align: middle;
}

.left{
	text-align: start;
}

.right{
	text-align: end;
}

.chytreNahrady-container {
	margin-bottom: 3em;
}

.chytreNahrady-header {
	font-weight: bold;
	cursor: pointer;
	margin-bottom: 1em;
	user-select: none;
	display: flex;
	align-items: center;
	gap: 0.4em;
}

.chytreNahrady-header span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6em; /* zvětší + / - */
	line-height: 1;
	width: 1em; /* stejné šířky */
}
.chytreNahrady-header:hover {
	color: #0066cc; /* volitelně – změna barvy při přejetí */
}

table.chytreNahrady .input-wrapper {
	display: inline-flex;
	align-items: center;
	border: 1px solid;
	border-radius: 5px;
	padding: 0px 3px;
	color: var(--color-primary-dark);
	font-weight: bold;
}

table.chytreNahrady .input-wrapper input {
	border: none;
    outline: none;
    width: 60px;
    font-weight: inherit;
    color: inherit;
    background: transparent;
    text-align: right;
    height: 14px;
	font-size: 12px;
	margin: 0px;
    padding: 4px 0px;
}

table.chytreNahrady .input-wrapper input.pieces {
    width: 30px;
}

table.chytreNahrady .input-wrapper .mena {
	margin-left: 3px;
	white-space: nowrap;
	font-size: 12px;
	padding-top: 1px;
}

table.chytreNahrady .usetri, table.chytreNahrady .narust {
	text-align: end;
	font-weight: bold;
	color: #57A14B;
}
table.chytreNahrady .usetri.minus, table.chytreNahrady .narust.minus{
	color: #9B2535;
}

table.chytreNahrady .usetri div, table.chytreNahrady .narust div {
	height:25px;
}

.chnData-ks, .chnData-sleva, .chnData-cena, .chnData-celkem, .chnData-zisk, .chnData-ziskovost{
    white-space: nowrap;
}

/* *** PROGRESS BAR PRI NACITANI *** */
#spinner-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(3px);
    z-index: 9999;

    justify-content: center;
    align-items: center;

    opacity: 0;
    transition: opacity 0.3s ease;
}

#spinner-overlay.active {
    display: flex;
    opacity: 1;
}

.spinner-container {
    text-align: center;
    color: white;
    font-family: sans-serif;
}

/* loader s barevným gradientem */
/*.loader {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 0 auto;

   
    border: 6px solid transparent;
    border-top: 6px solid transparent;

    background: conic-gradient(
        from 0deg,
        #171b60,
        #91383c
        
    );
    mask: radial-gradient(farthest-side, transparent calc(100% - 6px), black 0);
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 6px), black 0);

    animation: spin 1s linear infinite;
}

.loading-text {
    margin-top: 15px;
    font-size: 16px;
    letter-spacing: 1px;
    opacity: 0.9;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}*/

.loader {
	width: 80px;
	height: 80px;
	margin: 0 auto;

	border-radius: 50%;
	border: 10px solid rgba(23, 27, 96, 0.15); /* světlý základ */
	border-top: 10px solid #171b60; /* hlavní barva */
	box-shadow: 0 0 12px rgba(23, 27, 96, 0.35);

	animation: spin 1.1s linear infinite;
	/*animation: spin 1.4s cubic-bezier(.68,-0.55,.27,1.55) infinite;*/
}

/* text */
.loading-text {
	margin-top: 14px;
	font-size: 16px;
	letter-spacing: 1px;
	opacity: 0.9;
}

/* animace */
@keyframes spin {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}