:root{
	--green: #81BA10;
	--green_dark: #354723;
	--black: #212529;
	--gray: #b9b9b9;
}
@import url('https://fonts.googleapis.com/css?family=Open+Sans');BODY {
    font-family: 'Alegreya Sans', sans-serif !important;
    font-size: 14px;
    margin: 0px;
    text-align: center;
    color: #242424 !important;
    line-height: normal !important;
    width: 100% !important;
}

#Form1 {
    text-align: left;
    min-height: calc(100vh - 321px);
}

#ulH {
    display: none;
}

#t1 {
    width: 100%
}

FORM {
    margin: 0px;
}
img{
	max-width: 100%;
	max-height: 100%;
}
table {
    border-collapse: collapse !important;
    font-size: 13px !important;
}
input[type=text], input[type=password], select, textarea {
    background: #fff;
    border: solid 1px var(--gray);
    width: 100%;
    padding: .5rem .75rem;
    border-radius: .5rem
}
input.input_error{
	color: #000;
    background-color: rgba(255,0,0,0.2);
}
select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(/FloraShop/Images/icons/arrow_down_gray_light.svg) center no-repeat;
    background-position: right 0.25rem center;
    background-color: white;
	padding-right: 1.5rem;
}

.flex{
	display: flex;
}
.align_center{
	align-items: center;
}
.justify_between{
	justify-content: space-between;
}
.gap_4{
	gap: 1rem;
}
.d_resp {
    display: none;
}
.bg_green_dark{
	background: var(--green_dark);
}
.clr_black, .clr_black:hover{
	color: var(--black);
}
.clr_red{
	color: var(--red);
}
.clr_green{
	color: var(--green);
}
.underline{
	text-decoration: underline;
}
.bold{
	font-weight: bold;
}
/*----------loader--------*/
div#loading{
	display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0,0,0,0.5);
}
div#loading .loading_text{
	color: white;
    font-weight: normal;
    font-size: 15px;
}
div#loading > div {
    position: absolute;
    top: 50%;
    left: calc(50% - 1rem);
    transform: translate(-50%, -50%);
    margin: 0 1rem;
	text-align: center;
}
.lds-default {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-default div {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 37px;
  left: 66px;
}
.lds-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 22px;
  left: 62px;
}
.lds-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 11px;
  left: 52px;
}
.lds-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 7px;
  left: 37px;
}
.lds-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 11px;
  left: 22px;
}
.lds-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 22px;
  left: 11px;
}
.lds-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 37px;
  left: 7px;
}
.lds-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 52px;
  left: 11px;
}
.lds-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 62px;
  left: 22px;
}
.lds-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 66px;
  left: 37px;
}
.lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 62px;
  left: 52px;
}
.lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 52px;
  left: 62px;
}
@keyframes lds-default {
  0%, 20%, 80%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}
/*----------end loader--------*/

.akcieTree li {
    margin: 0;
}

#tovar_tree li {
    margin: 0;
}

#tovar_tree > li:first-child {
    padding-top: 0;
}

#tovar_tree > li:last-child {
    background: none;
}

#tovar_tree > li:last-child a, #tovar_tree .lvl1 > li:last-child a {
    border: none;
}

H1 {
    color: #666666;
    font-size: 16px;
    font-family: 'Alegreya Sans', sans-serif;
    ;}

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

a:hover {
    text-decoration: underline;
}
.DropDownRiadok{
	position: relative;
}
.DefaultDropDownImage {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1.5rem;
	background: url(/FloraShop/Images/icons/arrow_down_gray_light.svg) center no-repeat;
    background-size: .75rem;
}
.DropDownRiadok > input {
    padding-right: 1.5rem;
}
.DefaultDropDownImage > span{
	display: none;
}
.DefaultDropDownList {
    background: white;
    overflow: auto;
    z-index: 99;
    position: absolute;
    top: 2rem !important;
    left: 0 !important;
	border: 1px solid #dfdfdf;
}
.DefaultDropDownList a {
    display: block;
    color: black;
	padding-left: 1rem;
}
.DefaultDropDownList a:hover {
    color: var(--green_dark);
}
.DefaultDropDown{
	position: relative;
}
.form_wrap > div{
    margin-bottom: 1rem;
}
.form_wrap label {
    font-weight: 500;
    margin-bottom: .25rem;
	padding-left: .5rem;
}

.selected {
    color: red;
}

.ROInput {
    background-color: WhiteSmoke;
}

.admin {
    background-color: #ffffcc;
}

.text_main {
    padding: 0px 20px;
    font-family: 'Alegreya Sans', sans-serif;
    ;font-weight: normal;
    font-size: 12px;
    text-align: justify
}

.text_main A {
    color: #20466C
}

.headerLinks {
    font-weight: bold;
    font-size: 12px;
    padding-top: 10px;
    color: gray
}

.headerLinks A {
    font-weight: bold;
    font-size: 12px;
    color: #3CB394
}

.headerLinks A:LINK {
    font-weight: bold;
    font-size: 12px;
    color: #3CB394
}

.headerLinks A:VISITED {
    font-weight: bold;
    font-size: 12px;
    color: #3CB394
}

.headerLinks A:ACTIVE {
    font-weight: bold;
    font-size: 12px;
    color: #3CB394
}

.headerLinks A:HOVER {
    font-weight: bold;
    font-size: 12px;
    color: #3CB394
}

.headerLinks SPAN {
    position: relative;
    top: +2px;
    font-size: 20px;
    color: #3CB394;
    padding: 0px 8px
}

.TopPanel {
    height: 40px;
    background-color: #CCCCCC
}

.TopPanel td {
    color: #6F767A;
    font-weight: bold;
}

.TopPanel input {
    color: black;
    font-weight: normal;
}

.TopPanel a {
    color: black;
}

.MenuPanel {
    width: auto;
}

.Char {
    font-family: Wingdings;
}

.myLegend {
    color: #0033ff;
    font-size: 12px;
}

BODY#detailBody.PopupWindow {
    background-color: white !important;
    border-width: 1px;
}

.InfoField {
    font-weight: bold;
}

.HighlightField {
    background-color: #80aa80;
    font-weight: bold;
}

.TextField {
    width: 100px;
}

.EditField {
    width: 280px;
}

.EditFieldNN {
    width: 280px;
    background-color: #ffb0b0
}

.PropField {
    font-weight: bold;
}

BUTTON IMG {
    vertical-align: middle;
}

.btn_vyhladat,.btn_vyhladat A, .btn_vyhladat A:hover {
    color: white;
}

.btn_zabudnute {
    color: #3399ff;
    font-weight: normal;
    font-size: 12px;
}

.btn_zabudnute A {
    color: #3399ff;
    text-decoration: underline
}

.btn_zabudnute A:hover {
    text-decoration: none;
    color: #3399ff;
}

TABLE.search {
    background: url(../../images/web/search_line.gif) top repeat-y;
    padding: 14px 0px;
}

.x-panel-mc, .x-panel-bwrap {
    max-width: 987px !important;
    width: 987px !important;
}

.x-tab-panel {
    max-width: 995px !important;
    width: 995px !important;
}

.x-panel-bwrap {
    border-right: solid 8px #F1F1F1;
}

.x-btn-mc button, .x-btn-mc button:hover {
    background-color: transparent !important;
}

div.search {
    margin-bottom: 10px;
}

.search INPUT {
    background: white;
    border: 1px solid #20466c;
    height: 24px;
    padding: 5px;
    color: #666666;
    font-size: 12px;
    width: 62%;
}

.search_btn {
    cursor: pointer;
    margin-right: 14px;
    text-align: left
}

TABLE.tblMenuMain {
}

TABLE.tblMenuMain TD {
    padding: 5px 10px
}

TABLE.tblMenuMain A {
}

TABLE.tblMenuSelected {
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    TEXT-ALIGN: center
}

TABLE.tblMenuSelected TD {
    white-space: nowrap;
}

TABLE.tblMenuNonSelected {
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    TEXT-ALIGN: center
}

TABLE.tblMenuNonSelected TD {
    white-space: nowrap;
}

A.tblMenuSelected {
    FONT-WEIGHT: bold;
    COLOR: #333333;
    TEXT-DECORATION: underline
}

TABLE.tblMenuSelected A:link {
    FONT-WEIGHT: bold;
    COLOR: #333333;
    TEXT-DECORATION: none
}

TABLE.tblMenuSelected A:visited {
    FONT-WEIGHT: bold;
    COLOR: #333333;
    TEXT-DECORATION: underline
}

TABLE.tblMenuSelected A:active {
    FONT-WEIGHT: bold;
    COLOR: #333333;
    TEXT-DECORATION: none
}

TABLE.tblMenuSelected A:hover {
    FONT-WEIGHT: bold;
    COLOR: #333333;
    TEXT-DECORATION: none
}

SPAN.tblMenuSelected A {
    COLOR: #d2deed;
    TEXT-DECORATION: none
}

TABLE.tblMenuNonSelected A:link {
    COLOR: #666666;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}

TABLE.tblMenuNonSelected A:visited {
    COLOR: #666666;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}

TABLE.tblMenuNonSelected A:active {
    COLOR: #666666;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}

TABLE.tblMenuNonSelected A:hover {
    COLOR: #666666;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline
}

A.tblSubMenuOn:link {
    COLOR: #6F767A;
}

A.tblSubMenuOn:visited {
    COLOR: #6F767A;
    background-color: #740202;
}

A.tblSubMenuOn:active {
    COLOR: #6F767A;
    background-color: #740202;
}

A.tblSubMenuOn:hover {
    COLOR: white;
}

TD.tblSubMenu {
    BACKGROUND: #740202;
}

TD.tblSubMenu A:hover {
    COLOR: #F0F0F0;
}

TD.tblSubMenu A {
    padding: 0px 0px 1px 0px;
    COLOR: white;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
}

TD.tblSubMenu IMG {
    border: none;
    vertical-align: middle
}

TABLE.tblSlideMenu {
    border: solid 10px #F8F8F8;
    border-width: 5px 20px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    BACKGROUND: #F8F8F8;
    COLOR: #404d55;
    TEXT-ALIGN: left;
    visibility: hidden;
    position: absolute;
    width: 190px
}

TABLE.tblSlideMenu TD {
    padding-top: 2px;
}

.tblSlideMenu TD {
    height: 20px;
    background: url(../../images/web/hr.gif) top repeat-x;
    cursor: pointer;
    padding: 0px
}

TD.tblSlideMenuSep {
    height: 6px;
    background: url(../../images/web/hr.gif) top repeat-x;
    cursor: default;
    padding-left: 0px
}

TD.tblSlideMenuSep HR {
    background: url(../../images/web/hr.gif) top repeat-x;
    margin: 0px;
}

.tblSlideMenu IMG {
    VERTICAL-ALIGN: middle;
    margin: 0px 3px 0px 2px
}

TD.tblSlideMenuOn {
    background: url(../../images/web/hr.gif) top repeat-x;
    color: #740202;
}

TD.tblSlideMenuOnFirst {
    background: 0;
    color: #740202;
}

TD.tblSlideMenuOff {
    background: url(../../images/web/hr.gif) top repeat-x;
}

TD.tblSlideMenuOffFirst {
    background: 0;
}

A IMG {
    vertical-align: middle;
    border: none
}

.PortalMapLink {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #740202;
    text-decoration: underline
}

.PortalMapLink A:hover {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: black;
    text-decoration: none
}

.LoginLink {
    FONT-SIZE: 10px;
    BACKGROUND: #3CB394;
}

.LoginInfoText {
    FONT-WEIGHT: bold;
    BACKGROUND: #fef3d8;
}

.LoginHeader {
    text-align: right;
    position: absolute;
    padding-left: 1093px;
    padding-top: 0px;
}

DIV.LoginHeader TD {
    padding: 0px;
}

.LoginHeader DIV {
    color: Gray;
    font-size: 11px;
    border-bottom: solid 1px Gray;
    border-left: none;
    border-right: none;
    background: #F0F0F0 url(../../images/system/adminhb.gif) repeat-x;
    padding: 0px 2px;
    vertical-align: middle;
    height: 20px;
    white-space: nowrap
}

.LoginHeader INPUT {
    color: Gray;
    background: transparent;
    border: solid 1px Gray;
}

.StickerMain {
    MARGIN: 0px 0px 0px 0px;
    TEXT-ALIGN: left;
    width: 100%
}

.StickerHeader, h2.oblubene {
    text-align: center;
    padding: 0 !important;
    font-size: 28px !important;
    border: none!important;
    color: var(--green_dark) !important;
    font-style: normal !important;
    font-weight: bold;
    line-height: 32px;
    margin: 20px 0;
}

h2.oblubene {
    margin-top: 0;
}

.baseramm .stickerheader {
    margin-top: 10px;
}

tr.stickerheader td {
    padding-left: 10px;
}

.StickerBody {
    BORDER: none;
    FONT-SIZE: 12px;
}
.TabSelectedL, .TabSelectedR {
    color: #740202;
    font-weight: bold;
    padding-left: 4px;
    background: url(../../Images/web/box_line_top.gif) repeat-x;
    width: 135px;
    height: 40px;
    cursor: pointer;
}

.TabNotSelectedR, .TabNotSelectedL {
    color: #740202;
    font-weight: normal;
    padding-left: 4px;
    background: url(../../Images/web/box_line_top.gif) repeat-x;
    width: 135px;
    height: 40px;
    cursor: pointer;
}

.ZalozkaSel {
    width: 100px;
    font-weight: bold;
    height: 21px;
    background-color: Transparent;
    background-image: url(../../Images/System/sel.gif);
    border: none;
    text-align: center;
    vertical-align: middle;
    padding-top: 3px
}

.Zalozka {
    width: 100px;
    height: 21px;
    background-color: Transparent;
    background-image: url(../../Images/System/notsel.gif);
    border: none;
    text-align: center;
    vertical-align: middle;
    padding-top: 4px
}

.Zalozka5 IMG, .Zalozka5Sel IMG {
    vertical-align: middle
}

TD.Zalozka5SelL {
    width: 5px;
    background-color: Transparent;
    background: url(../../Images/Tabs/tab01_before_s_blue.gif) no-repeat right center;
    border: none;
}

TD.Zalozka5SelR {
    width: 5px;
    background-color: Transparent;
    background: url(../../Images/Tabs/tab01_after_s_blue.gif) no-repeat left center;
    border: none;
}

TD.Zalozka5Sel {
    font: bold 8pt Tahoma;
    height: 21px;
    background-color: Transparent;
    background: url(../../Images/Tabs/tab01_back_s_blue.gif) repeat-x center;
    border: none;
    text-align: center;
    vertical-align: middle;
    padding: 1px 10px 0px 10px;
    white-space: nowrap;
    cursor: pointer;
}

TD.Zalozka5L {
    width: 5px;
    background-color: Transparent;
    background: url(../../Images/Tabs/tab01_before_n.gif) no-repeat right center;
    border: none;
}

TD.Zalozka5R {
    width: 5px;
    background-color: Transparent;
    background: url(../../Images/Tabs/tab01_after_n.gif) no-repeat left center;
    border: none;
}

TD.Zalozka5 {
    font-weight: normal 8pt Tahoma;
    height: 21px;
    background-color: Transparent;
    background: url(../../Images/Tabs/tab01_back_n.gif) repeat-x center;
    border: none;
    text-align: center;
    vertical-align: middle;
    padding: 2px 10px 0px 10px;
    white-space: nowrap;
    cursor: pointer;
}

DIV.Zalozka5 {
    margin-top: 2px;
    background: url(../../Images/Tabs/tab01_back.gif) repeat-x center;
}

.Root {
    background: #F0F0F0;
    border: solid 1px #888888;
    border-bottom-style: dotted;
    padding: 6px;
}

table.TovarList {
    border-collapse: collapse !important;
}

.prihl_save input {
    margin-top: -5px;
}

span.lineImg {
    display: none;
    padding: 0;
}

.ItemSelected1, .ItemNotSelected1 {
    width: 100%;
    background: url(../../images/web/hr.gif) top repeat-x;
    padding: 3px
}

.ItemSelected1First, .ItemNotSelected1First {
    width: 100%;
    padding: 3px;
}

.ItemSelected2, .ItemNotSelected2,.ItemSelected3, .ItemNotSelected3 {
    width: 100%;
    padding: 3px
}

.ItemSelected2First, .ItemNotSelected2First,.ItemSelected3First, .ItemNotSelected3First {
    width: 100%;
    background: url(../../images/web/hr.gif) top repeat-x;
    padding: 3px
}

.ItemSelected1, .ItemSelected1 A:hover,.ItemSelected2, .ItemSelected2 A:hover,.ItemSelected3, .ItemSelected3 A:hover,.ItemSelected1First, .ItemSelected1First A:hover,.ItemSelected2First, .ItemSelected2First A:hover,.ItemSelected3First, .ItemSelected3First A:hover {
    font-weight: bold;
}
.TovarItem {
    padding: 10px 10px 0px 10px;
}

.TovarItem td {
    border-bottom: 8px solid white;
}

.TovarItem:hover {
    background: #e4f1c0;
}

tr.tovaritem {
    background: #F2F2F2;
}

tr.tovaritem td {
    border-collapse: collapse !important;
}

.AltTovarItem {
    background: url(../../images/web/bg_tovar.gif) bottom repeat-x;
    padding: 0px 0px 0px 0px;
    height: 132px
}

.dgPager TD {
    font-size: 12px
}

HR {
    border: 0;
}

.HR {
    margin-top: 10px;
    padding-top: 10px;
    background: url(../../images/web/hr.gif) top repeat-x
}

.TovarDetail {
    border: #888888 1px solid;
    vertical-align: top;
    padding: 10px
}

.odkaz A {
    color: Blue;
    text-decoration: underline;
    font-weight: normal;
}

.TextInsert {
    border: solid 1px Silver;
    background: #FFFFE0;
}

.LoginButton {
    color: #7f0202;
    cursor: pointer;
    font-weight: bold
}

.FlatButton {
    background: #740202;
    color: white;
    font-size: 8pt;
    border: solid 1px #6f1b03;
    height: 22px;
    cursor: pointer;
}

.ramcek {
    float: right;
    margin-top: 10px;
    width: 100%;
}

.userinfo {
    padding-top: 20px;
    text-align: right;
    font-weight: normal !important;
    margin-bottom: 15px;
}

.userInfo {
    display: block;
}

.prihlasenie_registrovat {
    margin-bottom: 15px;
    padding-top: 10px;
}

.prihlasenie_registrovat a:first-child {
    margin-right: 15px;
}

#carouselExampleIndicators .carousel-control-prev {
    display: none;
}

#carouselExampleIndicators .carousel-control-next {
    display: none;
}

.pocet_poloziek {
    margin-right: 15px;
}

.zapamheslo input {
    height: auto !important;
}

.ramcek TD {
    padding-left: 8px;
}

.crmInfo {
    width: 100%;
    background: white;
}

.crmInfo TD {
    background: #F0F0F0;
    padding: 1px 4px;
    white-space: nowrap;
}

.crmbutt img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 10px;
    cursor: pointer;
}

.sqlFilter {
    width: 100%
}

.sqlFilter TD {
    background-color: #F0F0F0;
}

.WebGrid {
    background-color: #F0F0F0;
    color: BLACK;
    BORDER-RIGHT: #aca899 1px solid;
    BORDER-TOP: #aca899 1px solid;
    BORDER-LEFT: #aca899 1px solid;
    BORDER-BOTTOM: #aca899 1px solid;
}

.WebGrid TD {
    white-space: nowrap;
}

.FrameStyle {
    background: #E6E6E6;
}

.GroupByBox {
    background: #808080;
}

.GroupByBoxLabel {
    background: #FFFFFF;
    border-color: #000080;
    border-width: 1px;
    border-style: solid;
    font-size: 8pt;
    font-weight: normal;
}

.Header {
    font-weight: normal;
    background: #fff;
}

.headerMenu {
    background: url(../../Images/web/headerMenuL.png) left no-repeat;
    padding-left: 13px
}

.headerMenu DIV {
    background: url(../../Images/web/headerMenuR.png) right no-repeat;
    padding-right: 13px;
}

.headerMenu DIV SPAN {
    color: white;
    font-size: 18px;
    padding-right: 15px;
    float: right
}

.headerMenu DIV DIV {
    background: url(../../Images/web/headerMenuLine.png) repeat-x;
    padding: 1px 0;
    height: 36px;
    _height: 38px;
    line-height: 36px;
}

.headerMenu UL {
    margin: 0px;
    padding: 0px;
    display: inline
}

.headerMenu LI {
    background: url(../../Images/web/headerMenuBrd.png) right repeat-y;
    display: inline-block;
    _display: inline;
    height: 36px;
    padding: 0px 2px 0 0;
    margin: 0
}

.headerMenu DIV DIV A {
    color: white;
    text-decoration: none;
    text-align: center;
    width: 138px;
    height: 36px;
    display: inline-block;
    letter-spacing: 1px
}

.headerMenu DIV DIV A:hover {
    background: url(../../Images/web/headerMenuLineSel.png) left bottom repeat-x;
    text-decoration: none
}

.AltRow {
    background: #E6E6E6;
    font-size: 8pt;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.Row {
    background: #FFFFFF;
    font-size: 8pt;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.GroupRow {
    background: #F1EFE2;
    border-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    font-size: 8pt;
    font-weight: normal;
    border-bottom-color: Silver;
    border-right-color: Silver;
}

.NewRow {
    background: #FFFFFF;
    font-size: 8pt;
    font-weight: normal;
    color: #A9A9A9;
}

.StatusBar {
    color: #E0E0E0;
    background: #740202;
    border-color: #ACA899;
    border-width: 1px;
    border-style: solid;
    font-size: 8pt;
    font-weight: normal;
    padding: 2px ;
}

.EditTextbox {
    border-width: 0px;
    border-style: none;
    font-size: 8pt;
    font-weight: normal;
}

.wbControls {
    cursor: pointer
}

.wgCheckbox {
    border: solid 1px black;
    background: white;
    position: absolute;
    visibility: hidden;
    padding-right: 4px;
}

.wgCheckbox DIV {
    white-space: nowrap
}

.topMenu nav {
    padding: 18px 0 12px;
}

.topMenu .navbar .navbar-bran {
    display: none;
}

.topMenu .navbar .navbar-bran img {
    height: 50px;
}

.topMenu .navbar .dropdown .dropdown-menu {
    left: auto;
    right: 0;
}

.topMenu .navbar .dropdown .nav-link img {
    margin-right: 5px;
}

.topMenu .nav-item > ul {
    padding: 0!important;
}

.topMenu.logged ul li.nav-item {
    margin: 0 8px!important;
}

.topMenu ul {
    padding: 0;
    list-style: none;
}

.topMenu> ul {
    float: right;
}

.topMenu ul:after {
    content: "";
    clear: both;
}

.topMenu ul li {
    float: left;
    font-weight: normal;
    margin-left: 35px;
    margin: 0 15px;
    flex-grow: 1;
}

.topMenu ul li:first-child {
    border-left: 0;
    padding-left: 0 ;
}

.topMenu ul li a {
    color: #373737!important;
    font-size: 13px;
    padding: 5px 8px;
    font-weight: bold;
    display: block;
}

.topMenu .logMenu {
    float: right;
    border-left: 0;
    padding: 0;
    text-align: right;
}

.topMenu .logMenu ul {
    width: auto;
    padding: 0;
}

.topMenu .logMenu ul li {
    padding-right: 0;
}

.topMenu .logMenu ul li:first-child {
    padding-right: 10px;
    margin-left: 0;
}

.topMenu .logMenu .logged {
    position: absolute;
    background: #f2f2f2;
    border: 1px solid #c9cacb;
    text-align: right;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0;
    width: 118px;
    margin-top: 5px;
    margin-left: -2px;
    z-index: 1;
    right: 35px;
    display: none;
}

.topMenu .logMenu a:hover {
    cursor: pointer;
}

.topMenu .logMenu > a:first-child {
    padding-right: 30px;
    background: transparent url(../images/sipka_dole.png) 103px centerno-repeat;
    color: var(--green_dark);
    font-weight: bold;
}

.topMenu .logMenu a img {
    margin-top: -5px;
    margin-right: 10px;
}

.topMenu .logMenu .logged li {
    margin: 0;
    float: none;
    padding: 0!important;
}

.topMenu .logMenu .logged a {
    display: block;
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
    color: var(--green_dark);
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

.topMenu .logMenu .logged li:first-child a {
    padding-top: 5px;
}

.topMenu .logMenu .logged li:last-child a {
    padding-bottom: 5px;
}

.topMenu .sel {
    color: red;
}

#mojucet {
    cursor: pointer
}

.topMenu #prihlPopUp {
    width: 360px;
    background: #95b574;
    display: none;
    position: absolute;
    margin-top: 0;
    padding: 0;
    right: 0;
    z-index: 999999;
    border: 1px solid #c9cacb;
}

.topMenu #prihlPopUp * {
    color: #fff!important;
}

.topMenu #prihlPopUp div {
    border-top: 0;
    padding: 20px;
}

.topMenu #prihlPopUp div div.nadpisPrihl {
    font-size: 24px;
    font-weight: normal;
    text-align: left;
    margin: 0;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: solid 1px #c9cacb;
}

.topMenu #prihlPopUp div div {
    text-align: left;
    color: black;
    margin-top: 5px;
    padding: 0;
    border: 0;
}

.topMenu #prihlPopUp div .logLinks {
    margin: 10px 0;
}

.topMenu #prihlPopUp div .logLinks a {
    padding-top: 0;
}

.topMenu #prihlPopUp input {
    background: #fff !important;
    display: block;
    width: 100% !important;
    height: 37px !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0 5px!important;
    color: #000!important;
}

.topMenu #prihlPopUp .logLinks input {
    height: 0px!important;
    width: 0px!important;
    position: absolute;
    visibility: hidden;
}

.topMenu #prihlPopUp .logLinks input + label {
    font-size: 13px;
    font-weight: bold;
    color: #373737;
    background: url(../images/checkbox_filter.png) 0 0 no-repeat;
    text-transform: uppercase;
    flex-grow: 1;
    background-size: 16px;
    padding-left: 20px;
}

.topMenu #prihlPopUp .logLinks input:checked + label {
    background: url(../images/checkbox_filter_checked.png) 0 0 no-repeat;
    background-size: 16px;
}

.logLinks a {
    float: right;
    display: block;
    color: black;
    font-weight: bold !important;
}

.topMenu #prihlPopUp .logButton {
    overflow: hidden;
}

.topMenu #prihlPopUp .logButton:after {
    content: "";
    clear: both;
}

.topMenu #prihlPopUp .logButton {
    width: 120px;
    float: none;
    margin: 0 auto;
}

.topMenu #prihlPopUp .logButton a {
    font-weight: bold;
}

.topMenu #prihlPopUp .Dlink{
    padding: 0 20px;
    height: 38px;
    color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 38px;
    display: block;
    background: var(--green_dark);
    float: right;
    text-align: center;
    text-transform: uppercase;
}

.topMenu #prihlPopUp .logLinks.headerHolder .logo {
    float: left;
}

.mainSearch {
    text-align: left;
    margin-top: 10px;
}

.mainSearch .searchHolder {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    position: relative;
}

.mainSearch .searchHolder:after {
    clear: both;
    content: "";
}

.mainSearch .searchHolder .search_input_wrap {
    max-width: 320px;
    width: 100%;
    margin-right: 20px;
}

.mainSearch .searchHolder input, .UniBlock .iFilter input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    font-size: 13px;
    border: 1px solid #c9cacb!important;
    height: 40px!important;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: none;
    text-align: center;
    color: #373737;
    line-height: 40px!important;
    margin-right: 20px;
}

.mainSearch .searchHolder input, {
    margin: 0;
}

.mainSearch .searchHolder input, .mainSearch .searchHolder button {
    float: none!important;
}

.mainSearch .searchHolder input {
    width: 100%;
    max-width: 320px;
    margin: 0!important;
}

.mainSearch .searchHolder button, .iFilterBtn1 {
    float: left;
    height: 40px;
    width: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: transparent url(../images/lupa.png) center center no-repeat;
    margin-right: 10px;
    border: none;
}

.mainSearch .searchHolder button img {
    display: none;
}

.mainSearch .searchHolder .background_link {
    height: 40px;
    width: 40px;
    display: block;
    background: url(../images/oblubene_.png) center center no-repeat;
    float: left;
    margin-right: 10px;
}

.mainSearch .searchHolder .background_link.porovnaj {
    background: url(../images/compare_.png) center center no-repeat;
    margin-right: 10px;
}

button:focus {
    outline: none!important;
}

BUTTON.UpDown {
    width: 15px;
    height: 11px;
}

BUTTON.UpDown IMG {
    vertical-align: top;
}

.ConfInput INPUT {
    padding-left: 3px;
    font: 10px Courier;
    width: 460px;
}

.ConfInput SELECT {
    font: 10px Courier;
    width: 460px;
}

.ConfInputTable {
    width: 650px;
}

.tpSkupina {
    BACKGROUND: #d2deed;
    width: 201px;
    border: 1px gray solid
}

.tpSkupina DIV {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING: 2px 4px;
}

.tpParameter {
    width: 100px;
    border-color: gray;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
}

.tpParameter DIV {
    padding: 2px 8px
}

.tpHodnota {
    width: 100px;
    border-color: gray;
    border-style: solid;
    border-width: 0px 1px 1px 0px;
}

.tpHodnota DIV {
    padding: 2px 8px;
    text-align: right
}

.tpSeparator {
    BACKGROUND: #d2deed;
    width: 201px;
    border: 1px gray solid;
    border-width: 0px 1px 1px 1px
}

.tpSeparator DIV {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING: 2px 4px;
}


.PopUp {
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    BACKGROUND: white;
    BORDER-LEFT: gray 1px solid;
    COLOR: black;
    BORDER-BOTTOM: gray 1px solid;
    TEXT-ALIGN: left
}

.PopUpItemOn {
    BACKGROUND: #04078c;
    COLOR: white;
}

.PopUpItemOff {
    BACKGROUND: white
}

.required {
    font-weight: bold
}

.myAlert {
    position: absolute;
    width: 300px;
    border: 1px solid #068E04;
    background: #95b574;
    padding: 1px 1px 10px 1px;
    text-align: center;
    z-index: 9999;
    border-radius: 10px;
    border-collapse: separate !important;
    top: auto !important;
    left: auto !important;
}

.myAlert BUTTON {
    width: 90px;
    height: 22px;
    border: none;
    font-size: 12px;
    background: var(--green_dark);
    border-collapse: separate;
    border-radius: 5px;
    color: white;
    font-weight: bold;
}

.myAlertHead {
    height: 20px;
    background: #D2F2FF;
    color: #808080;
    padding: 2px 8px;
    text-align: left;
    vertical-align: middle;
    font-size: 10px;
    font-weight: bold
}

.myAlertObsah {
    table-layout: fixed;
    width: 100%;
    color: #404040;
    text-align: center
}

.myAlertObsah TD {
    padding: 8px 16px;
    font-size: 10px;
}

.item {
    cursor: pointer;
    vertical-align: baseline;
    color: var(--green_dark);
    font-size: 18px;
    display: inline-block;
    border: 1px solid var(--green_dark);
    padding: 3px 10px;
    border-radius: 15px;
}

FIELDSET {
    padding: 4px
}

.bShopInfo {
    background-color: #e0e0e0;
    color: BLACK;
    BORDER: #aca899 1px solid;
    padding: 4px
}

#inlineData {
    visibility: hidden;
    position: absolute;
    z-index: 100;
    top: 0px;
    left: 0px;
}

.KosikHeader {
    background: url(../../Images/web/bg_kosikNAV_bottom.gif) repeat-x;
    color: #666666;
    font-weight: bold;
    height: 36px;
    font-size: 12px;
}
.extjs16 td:first-child {
    padding: 8px;
}

.sqlFilterH div input {
    height: 24px !important;
}

.baseramm .footer {
    margin-top: 10px;
    margin-bottom: 10px;
}

#B_MP_PI1_1150__ctl0_divGridPanelGridPanel .x-panel-bwrap {
    width: 640px !important;
}

.rmaNav th, .rmaNavHeadL {
    background: #20466C !important;
}


TABLE.Legend {
    margin-top: 10px;
    width: 50%;
    border: solid 1px #888888;
    float: right;
}

.kosik ul {
    list-style: none;
    padding: 0;
}

.kosik td {
    vertical-align: top;
}

.kosik h2 {
    margin: 0;
}

.poznamka textarea {
    width: 100%;
    height: 100px;
    resize: none;
    border: 1px solid #c9cacb!important;
    margin-top: 20px;
}

.kosik .infoZaslat {
    margin-top: 10px;
}

.kosik .infoZaslat td, .kosik div.RadioInput td {
    vertical-align: middle;
    font-weight: bold;
    color: #000;
}

.kosik .RadioInput div {
    margin-top: 10px;
}

.kosik .RadioInput label {
    font-weight: bold;
}

#dokoncenie .posun_down, #dokoncenie input[type=text] {
    position: relative;
    top: 5px;
}

.bottom_buttons {
    margin-top: 10px;
    text-align: right;
}

.spolukosik {
    background: #E3E3E3;
    margin-top: 15px;
    padding: 10px;
}

.spolukosik tr td {
    text-align: right
}

.spolukosik tr td:first-child {
    text-align: left;
}

.spolutext {
    color: white;
    background: #20466C;
}

.spolutext td {
    padding: 10px;
}

.spolukosik td {
    padding: 10px;
}

.obsahkosika {
    color: #000;
    text-align: center;
    margin-bottom: 1.5rem;
    font-family: arial;
}

.obsahkosika tr {
    border-bottom: 1px solid #c9cacb;
}

.obsahkosika tr img.img_preview {
    padding: 10px;
    margin-top: 10px;
    display: none;
}

.obsahkosika tr img:hover {
    cursor: pointer
}

.obsahkosika td {
    padding: 5px;
    vertical-align: middle;
}

.obsahkosika td a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obsahkosika.table {
    margin: 0;
}
.obsahkosika thead th:first-child{
	border-top-left-radius: .5rem;
	border-bottom-left-radius: .5rem;
}
.obsahkosika thead th:last-child{
	border-top-right-radius: .5rem;
	border-bottom-right-radius: .5rem;
}
.obsahkosika th{
	padding: 0.25rem;
    font-weight: 600;
}
.obsahkosika .balik {
    margin-left: 10px;
}
.obsahkosika .add_pozn_prod a {
    color: #47a248;
}
.obsahkosika .add_pozn_prod span{
	display: block;
}
.obsahkosika .add_pozn_prod input {
    display: none;
	width: 100%;
    max-width: 320px;
    margin-top: 6px;
	height: 21px;
    border-color: #b5b8c8;
}
.obsahkosika .picture{
	width: 140px;
}
.obsahkosika .picture > div {
    height: 6rem;
	text-align: center;
}
.basket_icon_wrap {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: .5rem;
}
.basket_icon_wrap > img {
    height: 0.75rem;
}
.table-responsive {
    margin-bottom: 1rem;
}

.table-responsive > .infoTblDark {
    table-layout: fixed;
}

TABLE.KosikLegend TD {
    text-align: center;
    padding: 5px;
    white-space: nowrap;
}

.KosikLegend TH {
    background: #6F767A;
    color: White;
}

.stockAll {
    color: #666;
    font-size: 12px;
    text-align: center
}

.stockAny {
    color: #666;
    font-size: 12px;
    text-align: center;
}

.stockNo {
    color: #666;
    font-size: 12px;
    text-align: center;
}

.KO_TovarItem TD {
    background: url(../../images/web/brd_kosik.gif) right bottom no-repeat;
    height: 52px
}

.KosikObsah {
    width: 562px
}

.KosikObsah .zrusit {
    background-position: left bottom
}

TABLE.kosik_bottom {
    color: #666666;
    font-size: 12px;
    background: url(../../images/web/bg_kosik_bottom.gif) bottom repeat-x;
    height: 66px;
}

popis {
    font-weight: normal
}

SPAN.popis_KOSIK A {
    color: #20466C;
    text-align: center
}

.rmaNav {
    table-layout: fixed
}

.rmaNav TH {
    background: url(../../images/kbase/rma_line.gif) repeat-x;
    height: 21px;
    color: White;
    white-space: nowrap
}

.rmaNavHeadL {
    background: url(../../images/kbase/rma_left.gif) no-repeat;
    width: 5px
}

.rmaNavHeadR {
    background: url(../../images/kbase/rma_right.gif) no-repeat;
    width: 5px
}

.rmaNav DIV {
    background: #e8e8e8;
    padding: 6px;
    margin-bottom: 2px
}

.rmaNav A, .rmaNav A:hover {
    font-weight: bold;
    text-decoration: underline;
}

.shift {
    float: right;
    cursor: pointer
}

.Copyright {
    font-size: 11px;
    color: #fff;
    margin: 0;
    background: #5e5d5a;
    padding: 10px;
}

.ramcekPrihl {
    font-size: 12px;
    width: 100%;
    max-width: 400px;
    background: #F2F2F2;
    padding: 30px 0 10px 0;
    margin-top: 30px;
}

.meno_prihlaseneho {
    font-size: 12px !important;
}

.baseRamM {
    font-size: 12px !important;
}

.baseRamM input {
    height: 24px;
}

.ramcekOwner {
    margin-bottom: 10px;
}

.ramcekPrihl table {
    margin: 0 auto;
    float: none !important;
}

.ramcekPrihl table td {
    font-size: 12px !important;
    padding-right: 5px;
}

.baseRamRT img, .baseRamLT img, .baseRamLB img, .baseRamRB img {
    display: none !important;
}

.Copyright A, .Copyright A:hover {
    font-size: 11px;
    color: #fff;
}

.baseHolder {
    background: url(../../images/web/bg.gif) repeat-x top;
    padding-bottom: 7px;
    text-align: center;
}

.baseLayout {
    width: 100%;
    text-align: center;
    margin: auto;
    background: #F7F7F7;
}

.header .telKontakt {
    background: url(../images/kontakt.png) 0 center no-repeat;
    padding-left: 40px!important;
}

.header .telKontakt:hover {
    text-decoration: none;
}

.registraciaMain {
    text-align: left;
}

.crminfo.podak {
    margin: 0 auto;
}

.sposobplatby {
    margin: 0 auto;
    width: 280px;
}

.menuHolder {
    display: inline-block;
    float: right;
}

.menuHolder2 {
    padding-top: 65px;
}

.infoHeader {
    height: 70px;
    _height: 128px;
    background: url(../../images/web/header.jpg) no-repeat;
    padding: 32px 20px 26px 230px;
    font: normal 16px Arial;
    overflow: hidden;
}

.infoHeader h1 {
    padding: 0px;
    margin: 0px;
    margin-bottom: 7px;
    display: block;
    font: normal 20px Arial;
}

.infoHeader .infoPopis {
    display: inline-block;
    height: 60px;
    overflow: hidden;
}

.infoHeader_intro {
    height: 100px;
    _height: 280px;
    background: url(../../images/web/intro_banner.png) no-repeat;
    font: normal 20px Arial;
    padding: 180px 0px 0px 675px;
}

.infoHeader_intro A {
    height: 70px;
    width: 272px;
    display: block;
}

.infoParents {
    background: url('../../images/web/pager_bg.gif') bottom repeat-x;
    padding: 7px;
    height: 20px;
    text-align: left;
    overflow: hidden;
}

.infoParents:after {
    content: "";
    clear: both;
}

.infoParents div a {
    float: right;
    padding-right: 20px;
    background: url(../../images/system/arr-r.gif) no-repeat 100% center;
    line-height: 16px;
    margin-left: 4px;
}

.infoParents div a:first-child {
    background: none;
}

.infoParents div {
    float: left;
}

.infoChildren {
    display: block;
    padding: 7px;
    overflow: hidden;
}

.infoChildren:after {
    content: "";
    clear: both;
}

.infoChildren a, .infoChildren h2 {
    float: right;
    font-size: 10px;
    padding-left: 4px;
}

.infoChildren a.sel {
    color: #900;
}

.infoHeader_intro SPAN, .infoHeader_intro p {
    display: none
}

.footerHolder {
    height: 121px;
    _height: 181px;
    width: 976px;
    background: url(../../Images/web/footer.jpg) no-repeat top;
    color: #666666;
    clear: both;
    padding-top: 60px
}

.footerHolder DIV {
    font-size: 12px;
    line-height: 19px;
    float: left;
    width: 194px;
}

.footerHolder DIV LI {
    background: url(../../Images/web/arrow_footer.png) no-repeat left;
    list-style-type: none;
}

.footerHolder DIV A {
    color: #666666;
    font-weight: normal;
    padding-left: 10px;
    _padding-left: 10px
}

.footerHolder DIV A:hover {
    text-decoration: underline
}

.footerHolder .lorem {
    line-height: 13px;
    text-align: justify
}

.footerHolder .lorem A {
    font-weight: normal;
    font-size: 10px;
    padding: 0px
}

.footerHolder .lorem A.tagSize1 {
    font-size: 11px
}

.footerHolder .lorem A.tagSize2 {
    font-size: 12px;
    font-weight: bold
}

.table_main {
    border: solid 1px #bacbf6;
    height: 200px;
    width: 250px;
    margin: 2px;
    float: left
}

.akcie_nazov {
    font-weight: bold;
    color: #740202;
    padding: 0px 5px 0px 5px;
    background-color: #bacbf6
}

.akcie_nazov A {
    font-weight: bold;
    color: #740202;
    text-decoration: underline
}

.akcie_nazov A:hover {
    font-weight: bold;
    color: #740202;
    text-decoration: none
}

.akcie_cena {
    text-align: center;
    font-weight: bold;
    font-size: 12pt;
}

.akcie_logo IMG {
    max-width: 115px;
    width: expression(width > 115 ? 115 : true);
    max-height: 115px;
    height: expression(height > 115 ? 115 : true);
    border: 0
}

.ramec_obsah2 {
    font-weight: bold;
    color: #3a4750;
    padding: 3px 10px;
    text-align: center;
}

.BigDataField {
    font: bold 18px;
    height: 30px;
}

.BigDataFieldERR {
    font: bold 18px;
    height: 30px;
    background-color: red;
    color: white
}

.BigDataFieldRO {
    font: bold 18px;
    height: 30px;
    background-color: Transparent;
    border: solid 1px #888888;
}

.wbControls {
    cursor: pointer
}

.wgCheckbox {
    border: solid 1px black;
    background: white;
    position: absolute;
    visibility: hidden;
    padding-right: 4px;
}

.wgCheckbox DIV {
    white-space: nowrap
}

.basket {
    font-size: 12px;
    color: #999999;
    width: 180px;
    margin-bottom: 15px;
}

TABLE.basket IMG {
    text-align: right
}

.menu_ext {
    background: url(../../images/web/btn_yellow.gif) center no-repeat;
    FONT-WEIGHT: bold;
    COLOR: black;
    width: 133;
    height: 34px;
    text-align: center;
    padding: 0px 1px
}

.menu_ext2 {
    background: url(../../images/web/btn_red.gif) center no-repeat;
    FONT-WEIGHT: bold;
    COLOR: black;
    width: 133;
    height: 34;
    text-align: center;
    padding: 0px 1px
}

.menu_ext3 {
    background: url(../../images/web/btn_blue.gif) center no-repeat;
    FONT-WEIGHT: bold;
    COLOR: black;
    width: 133;
    height: 34;
    text-align: center;
    padding: 0px 1px
}

.menu_ext A, .menu_ext2 A, .menu_ext3 A {
    display: block;
    padding: 8px 0px;
    font-size: 12px;
    FONT-WEIGHT: bold;
    COLOR: black;
    text-decoration: none;
}

.menu_ext A:hover, .menu_ext2 A:hover, .menu_ext3 A:hover {
    FONT-WEIGHT: bold;
    COLOR: black;
    text-decoration: underline;
}

.nadpis_line {
    background: url(../../images/web/nadpis_line.gif) repeat-x;
    width: 967px;
    color: white;
    font-weight: bold;
    padding-left: 10px;
    text-transform: uppercase;
    font-size: 12px;
}

.nadpis_line A,.nadpis_line A:hover {
    color: white;
    font-weight: bold;
    padding-left: 10px;
}

.ramecT {
    background: url(../../images/web/box_line_top.gif) top repeat-x
}

.ramecR {
    background: url(../../images/web/bod_2.gif) right repeat-y
}

.ramecB {
    background: url(../../images/web/box_line_bottom.gif) bottom repeat-x
}

.ramecL {
    background: url(../../images/web/bod_1.gif) left repeat-y
}

.ramec_obsah {
    font-weight: normal;
    color: #666666;
    font-size: 12px;
    padding: 3px 10px;
}

.ramec_obsahI INPUT {
    background: url(../../Images/web/input_login.gif) no-repeat;
    border: 0px;
    height: 25;
    width: 168px;
    padding: 5px 5px;
    font-size: 12px;
    color: #20466C
}

.mainCompare {
    table-layout: fixed;
}

.mainCompare TD {
    background: url(../../images/web/bg_tovar.gif) bottom repeat-x;
    height: 30px;
    text-align: center;
    padding: 2px;
    border-left: solid 1px #cccccc
}

.mainCompare .nazov {
    background: #ededed;
    width: 100px;
    font-size: 12px;
    font-weight: bold;
    border-bottom: solid 1px #cccccc;
    border-left: 0
}

.mainCompare TH {
    background: #e6e6e6;
    width: 230px;
    vertical-align: middle;
    padding: 2px;
    border-left: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc
}

.mainCompare TH A {
    display: inline-block;
    width: 160px;
    vertical-align: middle;
}

.mainCompare TH TABLE {
    background: white;
    border: solid 1px #cdcdcd;
    width: 60px;
    height: 60px;
    display: inline;
    vertical-align: middle
}

.mainCompare TH TABLE TD {
    background: none;
    border: 0
}

TD.ProdName {
    width: 200px;
    background: white;
    text-align: center;
    color: #3a4750;
}

TD.ProdNameA:hover {
    color: #8a2103
}

TD.TechParam {
    text-align: right;
}

.mainCompare .cena TD {
    font-weight: bold;
    background: #e6e6e6;
    border-bottom: solid 1px #cccccc
}

.mainCompare .Ctrl TD {
    text-align: center;
    background: white;
    border-bottom: solid 1px #cccccc;
    height: 60px
}

.mainCompare .Ctrl IMG {
    vertical-align: middle;
    margin: 2px
}

.Cart {
    width: 30px;
    text-align: right;
}

.CartERR {
    width: 30px;
    text-align: right;
    background-color: red;
}

.layout_body {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc
}

.map_predajci {
    border: solid 1px #c4c4c4;
    background-color: #efefef;
    margin-top: 5px
}

DIV.prod_i_M {
    color: #666666;
    font-size: 16px;
    margin: 0px;
    line-height: 49px;
    height: 49px;
    background: url(../../images/web/bg_envelope.gif) bottom repeat-x;
    padding-left: 16px;
}

DIV.prod_i_M_bottom {
    background: url(../../images/web/bg_kosikNAV_bottom.gif) bottom repeat-x;
    height: 30px;
    _height: 36px;
    padding-top: 6px;
    padding-left: 12px
}

.regsitracia {
    text-align: left;
    font-weight: normal
}

.cptch {
    text-align: center
}

.back_btn {
    text-align: right;
    font-weight: bold;
    padding: 20px 20px 0
}

.back_btn A {
    font-weight: bold;
    color: #740202;
}

.back_btn A:hover {
    font-weight: bold;
    color: #740202;
}

.reg_text {
    font-weight: normal;
    font-size: 12px;
    padding: 0px 20px
}

.reg_text A {
    color: #740202;
}

.aktualne {
    color: #333333;
    margin: 8px 20px;
    font-size: 12px;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 7px;
    font-weight: normal
}

.aktualne A {
    position: absolute;
    width: 180px;
    height: 50px
}

.aktualne A IMG {
    width: 180px;
    height: 50px
}

.aktualne2 A {
    position: absolute;
    width: 200px;
    height: 110px
}

.aktualne2 A IMG {
    width: 200px;
    height: 110px
}

.aktualne2 {
    height: 110px;
    background: #e6e6e6 url(../../images/web/bg_pasomnica2.gif) bottom repeat-x;
    display: inline-block;
    width: 100%
}

.aktualne2 H3 {
    color: #20466C;
    font-size: 12px;
    margin: 6px 20px;
    background: none;
    text-align: left
}

.aktualne2 DIV IMG {
    width: 83px;
    float: left
}

.aktualne2O {
    color: #333333;
    font-weight: normal;
    font-size: 11px;
    padding: 5px:
}

.alternativy {
    width: 100%;
    max-height: 400px;
    height: auto;
    text-align: center;
    overflow: auto;
}

.alternativyPrev DIV DIV {
    border: 1px solid #c4c5c7;
    margin-bottom: 5px;
    height: 93px;
    line-height: 93px
}

.imgButt .btn_vyhladat .on {
    color: red
}

.search .imgbutt, .search .imgbuttOver {
    margin-top: -1px;
}

.imgButtOver td {
    background-color: #666 !important;
    background-image: none !important;
    color: white !important;
    height: 24px;
}

.dualCena {
    font-size: 12px
}

.reg_main {
    font-size: 12px;
    font-weight: normal;
    padding: 16px;
    color: #333333
}

.reg_mainN {
    color: #333333;
    font-weight: normal;
    padding: 20px;
    background: url(../../images/web/bg_envelope.gif) bottom repeat-x;
    font-size: 12px;
}

.reg_main IMG {
    text-align: center;
    color: #8b2104;
}

.regHR {
    background: url(../../Images/web/reg_hr.gif) repeat-x;
    height: 2px;
}

.reg_body td {
    font-size: 12px;
    font-weight: normal;
    padding-left: 20px
}

.reg_form TEXTAREA {
    background: url(../../Images/web/bg_pozn.gif) no-repeat;
    border: 0px;
    width: 526px;
    height: 98px;
    padding: 5px 5px;
    font-size: 12px;
    color: #20466C;
    font-weight: normal
}

.reg_body th {
    color: #20466C;
    font-size: 16px;
    margin: 0px;
    line-height: 49px;
    height: 49px;
    background: url(../../images/web/bg_envelope.gif) bottom repeat-x;
    padding-left: 16px;
    text-align: left;
}

DIV.reg_firUdaje {
    background: url(../../images/web/bg_envelope.gif) bottom repeat-x;
    padding-bottom: 20px;
}

.sfsButt {
    height: 19px;
    color: #8b2104;
    background: #DADEE1;
    font-weight: bold;
    font-size: 12px;
    padding: 0 6px;
    margin: 0 6px;
    border: 0;
    cursor: pointer;
    overflow: visible
}

.pokec_reg {
    color: #8b2104;
}

.fonImg, .foffImg {
    display: block;
    cursor: pointer;
    background: 6px 6px no-repeat;
    margin-top: 0px;
}

.foffImg {
    background: url(../../Images/web/rozsirene_header2.gif) no-repeat;
    height: 32px
}

.fonImg {
    background: url(../../Images/web/rozsirene_header.gif) no-repeat;
    height: 32px
}

.off {
    display: none
}

.on {
}

.PanelLogin {
    text-align: center;
    padding-bottom: 20px
}

.PanelLogin TABLE {
    font-size: 12px;
    margin: auto;
}

.PanelLogin INPUT {
    background: url(../../Images/web/input_login.gif) no-repeat;
    border: 0px;
    height: 25;
    width: 168px;
    padding: 5px 5px;
    font-size: 12px;
    color: #20466C
}

.loginButtons input {
    width: auto;
}

.rozpracovana {
    color: #20466C;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 10px;
}

.loginButtons {
    padding: 10px
}

.titleMenu DIV {
    width: 122px;
    height: 168px;
    float: left;
    margin: 6px 5px
}

.titleMenu H2 {
    margin: 8px 0 4px 2px
}

.titleMenu H2 A {
    font-size: 12px;
    color: #cc0000;
}

.titleMenu UL {
    padding: 0;
    margin: 0 0 0 2px;
}

.titleMenu LI {
    list-style: none
}

.titleMenu LI A {
    font-size: 10px;
    font-weight: normal;
}

.titleMenuPic {
    background: url(../../Images/web/ramik.png) no-repeat;
    width: 129px;
    height: 93px;
    display: block;
}

.titleMenu IMG {
    margin: 3px 0px 0px 3px
}

.gmaps {
    text-align: center
}

.gmaps A {
    text-decoration: underline;
}

.gmaps A:hover {
    text-decoration: none;
}

.kontaktI INPUT {
    background: url(../../Images/web/input_login.gif) no-repeat;
    border: 0px;
    width: 168px;
    height: 25px;
    padding: 5px 5px;
    font-size: 12px;
    color: #20466C;
    white-space: nowrap
}

.contact_formKOSIK {
    font-size: 12px;
    color: black;
    font-weight: normal;
}

.contact_formKOSIK TEXTAREA {
    background: url(../../Images/web/bg_pozn.gif) no-repeat;
    border: 0px;
    width: 526px;
    height: 98px;
    padding: 5px 5px;
    font-size: 12px;
    color: #20466C;
    font-weight: normal
}

.contact_form {
    font-size: 12px;
    color: #666;
    font-weight: normal;
    width: 520px;
    margin: auto
}

.vas_text {
    height: 100px;
    background: url(../../Images/web/bg_pozn.gif) no-repeat;
}

.vas_text DIV {
    overflow: auto
}

.HtmlField {
    border: 0px;
    width: 526px;
    height: 98px;
    padding: 5px 5px;
    font-size: 12px;
    color: #20466C;
    font-weight: normal
}

.email_main {
    font-size: 12px;
    color: #333;
    font-weight: normal;
    margin: 0px 20px;
}

.email_main INPUT {
    background: url(../../Images/web/input_login2.gif) no-repeat;
    border: 0px;
    height: 25;
    width: 150px;
    padding: 5px 5px;
    font-size: 12px;
    color: #20466C
}

DIV.prenajom_form TABLE {
    font-size: 12px;
    color: #333;
    font-weight: normal;
    margin: 0px 20px;
}

DIV.prenajom_form TD {
    padding: 10px 0
}

.prenajom_form INPUT {
    background: url(../../Images/web/input_login3.gif) no-repeat;
    border: 0px;
    height: 25px;
    width: 240px;
    padding: 5px 5px;
    font-size: 12px;
    color: #20466C;
}

.prenajom_form INPUT.ERR {
}

.prenajom_form2 {
    width: 170px;
}

.prenajom_form2 INPUT {
    background: url(../../Images/web/input_login5.gif) no-repeat;
    border: 0px;
    height: 25px;
    width: 140px;
    padding: 5px 5px;
    font-size: 12px;
    color: #20466C;
}

.prenajom_form3 INPUT {
    background: url(../../Images/web/input_login4.gif) no-repeat;
    border: 0px;
    height: 25px;
    width: 60px;
    padding: 5px 5px;
    font-size: 12px;
    color: #20466C;
}

.prenajom_form span {
    color: red
}

.prenajom_form Textarea {
    background: url(../../Images/web/bg_pozn.gif) no-repeat;
    border: 0px;
    width: 100%;
    height: 98px;
    padding: 5px 5px;
    font-size: 12px;
    color: #20466C;
    font-weight: normal
}

DIV.odberOff DIV {
    color: red;
    text-align: center;
    margin: 20px
}

.CisKoder_completionListElement {
    visibility : hidden;
    margin : 0px!important;
    background-color : white;
    color : windowtext;
    border : buttonshadow;
    border-width : 1px;
    border-style : solid;
    cursor : default;
    overflow : auto;
    height : 200px;
    text-align : left;
    list-style-type : none;
}

.CisKoder_highlightedListItem {
    background-color: #ffff99;
    color: black;
    padding: 1px;
}

.CisKoder_listItem {
    background-color : window;
    color : windowtext;
    padding : 1px;
}

.pasomI {
    width: 318px;
    float: left;
    margin: 7px 7px 3px 0px;
}

.pasomI_top {
    background: url(../../Images/web/pasomI_top.png) no-repeat;
    height: 134px;
    _height: 144px;
    padding: 10px 10px 0px 10px;
    _padding: 10px 10px 0px 10px;
}

.pasomI_topB {
    font-size: 15px;
    font-weight: bold;
    color: #333333;
    padding: 3px 0px;
    text-align: center;
}

.pasomI_topP {
    width: auto;
    float: left;
    margin-right: 5px
}

.pasomI_topO {
    font-size: 12px;
    font-weight: normal;
    line-height: 23px
}

.pasomI_topO A:hover {
    text-decoration: none
}

.pasomI_bottom {
    height: 40px;
    width: 318px;
}

.pasomI_bottom A {
    background: url(../../Images/web/pasomI_bottom.png) no-repeat;
    height: 40px;
    width: 318px;
    color: white;
    font-size: 22px;
    font-weight: normal;
    text-align: center;
    line-height: 40px;
    display: block;
}

.pasomI_bottom A:hover {
    background: url(../../Images/web/pasomI_bottomH.png) no-repeat;
    height: 40px;
    width: 318px;
    color: white;
    text-decoration: none
}

.headerMenu {
    background: url(../../Images/web/headerMenuL.png) left no-repeat;
    padding-left: 13px
}

.headerMenu DIV {
    background: url(../../Images/web/headerMenuR.png) right no-repeat;
    padding-right: 13px;
}

.headerMenu DIV SPAN {
    color: white;
    font-size: 18px;
    padding-right: 15px;
    float: right
}

.headerMenu DIV DIV {
    background: url(../../Images/web/headerMenuLine.png) repeat-x;
    padding: 1px 0;
    height: 36px;
    _height: 38px;
    line-height: 36px;
}

.headerMenu UL {
    margin: 0px;
    padding: 0px;
    display: inline
}

.headerMenu LI {
    background: url(../../Images/web/headerMenuBrd.png) right repeat-y;
    display: inline-block;
    _display: inline;
    height: 36px;
    padding: 0px 2px 0 0;
    margin: 0
}

.headerMenu DIV DIV A {
    color: white;
    text-decoration: none;
    text-align: center;
    width: 138px;
    height: 36px;
    display: inline-block;
    letter-spacing: 1px
}

.headerMenu DIV DIV A:hover {
    background: url(../../Images/web/headerMenuLineSel.png) left bottom repeat-x;
    text-decoration: none
}

.NovinkyAkcie {
    width: 206px;
    border-top: #d4d4d4 1px solid;
    margin: 0;
    padding: 0;
    height: 27px
}

.NovinkyAkcie LI {
    display: inline-block;
    padding: 0;
    float: left;
    width: 69px
}

.NovinkyAkcie A {
    background: #888888 url(../../images/web/novinky_akcie.gif) top repeat-x;
    display: block;
    color: white;
    width: 100%;
    height: 27px;
    line-height: 26px;
    font-size: 10px;
    text-align: center;
    border-left: solid 1px #838383
}

.NovinkyAkcie LI.first {
    border-left: none;
    width: 68px
}

.NovinkyAkcie A:hover, .NovinkyAkcie A:active, .NovinkyAkcie .selected A {
    background-position: bottom;
    text-decoration: none
}

.menuholder {
    width: 100%;
}

.portalmenu li a {
    background: transparent !important;
    color: #666666 !important;
    font-style: normal;
}

.portalmenu li a:hover {
}

.Panel {
    padding-top: 20px;
}

.panel0 {
    border: 0px !important;
    padding: 20px 0 0 20px;
}

.anylinkcss {
    border: 1px solid var(--green_dark) !important;
}

.anylinkcss ul li a, .secondpopup ul li a {
    text-align: left;
    color: #fff !important;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    padding-left: 20px;
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    width: auto;
    min-width: 200px;
    background: var(--green_dark)!important;
}

.anylinkcss ul li, .secondpopup ul li {
    border-bottom: 1px solid var(--green_dark);
}

.anylinkcss ul li:last-child, .secondpopup ul li:last-child {
    border: none;
}

.popismain {
    border-right: 0px !important;
}

a.nazov {
    text-transform: uppercase;
}

.smallinfo {
    text-align: right;
    font-size: 12px;
    font-weight: normal;
    color: #999;
    text-align: right;
}

.smallinfo.first {
    padding-top: 10px;
}

.bigblue {
    font-weight: bold;
    color: #20466C;
}

.stav {
    display: none;
}

.tovaritem.bezobr {
    height: 50px !important;
    padding: 10px;
}

.tovaritem.bezobr .popismain, .tovaritem.bezobr .popisMain {
    height: 50px !important;
}

.tovaritem.bezobr .objednattd {
    padding: 10px;
}

.dlazdice .objednat input {
    vertical-align: middle;
}

.dlazdice .objednat {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: .75rem;
}

.dlazdice {
    width: 100%;
    padding: 10px 15px;
    margin: 0;
    text-align: center;
    background: #FFFFFF;
    border-radius: 0px 0px 10px 10px;
    display: inline-block;
    vertical-align: top;
    height: 100%;
}

.dlazdice .zlavaInfo {
    color: red;
    font-weight: bold;
}

.dlazdice .objednat a img {
    display: none;
}

.dlazdice .cena {
    color: #242424;
    font-size: 20px;
    line-height: 1;
    font-weight: 800;
    margin-top: .75rem;
    font-family: arial;
}

.dlazdice .objednat a {
    background: var(--green_dark);
    color: white !important;
    font-size: 17px !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    text-decoration: none;
    text-align: center;
    display: block;
    height: 40px;
    line-height: 40px;
    width: 100%;
}

.dlazdice .skladom {
    font-size: 16px;
    margin-top: 5px;
    line-height: normal;
    min-height: 36px;
}

.dlazdice:nth-child(n+3) {
    margin-right: 0;
}

.dlazdice:hover {
    background: #8bc34a12;
}

.dlazdice_img {
    text-align: center!important;
    overflow: hidden;
    position: relative;
}

.dlazdice_img a img {
    max-width: 100%;
    max-height: 230px;
}

.dlazdice .popismain, .dlazdice .popisMain {
    margin: 10px 0;
}

.dlazdice .popismain a, .dlazdice .popisMain a {
    color: #20293B;
    font-weight: bold;
    font-size: 19px;
}

.homekat .dlazdice div {
    color: #000;
    padding: 0;
}

.HomeKat > div, .TovarList > div, .HomeKat .slick-slide {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
}

.HomeKat.row, .TovarList.row {
    margin-left: -5px;
    margin-right: -5px;
}

.TovarList > div {
    padding-bottom: 20px;
}

.dlazdice .Stav_img {
    position: absolute;
    margin-left: 30px;
}

.dlazdice_nadpis {
    margin-top: 21px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.cenaHolder {
    margin-top: -5px;
}

ul.portalmenu {
    background: url(../images/menu_background.png) repeat-x;
    list-style: none;
    height: 70px;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

ul.portalmenu a {
    height: 30px;
    line-height: 30px;
    color: #fff !important;
    padding: 0 17.5px;
    margin: 0;
    font-size: 13px;
    font-weight: bold;
}

ul.portalmenu a:first-child {
    padding-left: 20px;
}

ul.portalmenu a:last-child {
    padding-right: 20px;
}

ul.portalmenu a:hover {
}

ul.portalmenu > li {
    padding-top: 40px;
}

#portalMenu #tovar_tree {
    width: auto;
    padding: 10px 20px;
}

#portalMenu li {
    display: inline-block;
    border: none;
}

#portalMenu a {
    width: 100%;
    margin-right: 35px;
    font-weight: bold;
}

#portalMenu li:last-child a {
    margin-right: 0;
}

#portalMenu li {
    margin: 0;
}

.homeBannerHolder {
    margin-bottom: 15px;
    margin-top: 30px;
}

.homeBannerHolder img {
    max-width: 100%;
    height: auto;
    margin-bottom: 45px;
}

.foffImg {
    display: none;
}

.sett td {
    font-size: 12px !important;
}

.pager .sett td {
    color: #000;
}

.katalog_nav {
    margin-top: 10px;
}

.katalog_nav div {
    margin-bottom: 5px;
}

td.search_m_green1_edit {
    color: #20466C !important;
    font-weight: bold;
    padding-left: 4px;
    font-style: normal !important;
    height: 32px;
    text-transform: uppercase;
    padding-left: 10px !important;
    line-height: 32px;
    background: #F2F2F2;
    BORDER-bottom: 0px !important;
}

.TBmainPROD {
    width: 100%;
}

.baseram , .baseRam {
    border: 0px !important;
    width: 100%;
    margin-bottom: 15px !important;
}

.baseRam.row {
    margin: 0 0 15px 0!important;
}

.baseRam .header {
    font-weight: bold;
}

.baseRam .col-sm-12 {
    display: flex;
}

.baseRam .col-md-4 {
    display: block;
}

.baseRam .col-md-4 div {
    text-align: left!important;
}

.baseRam .col-sm-12> div:first-of-type {
    flex: 0 0 150px;
    text-align: left!important;
}

.baseRam .col-sm-12 > div:last-of-type {
    text-align: right;
}

.baseRam .col-sm-12 > div {
    flex-grow: 1;
}

.baseRamM .it_nadpis > div:first-of-type {
    font-weight: bold;
    font-style: italic;
    margin-top: 8px;
}

.katalogEDIT {
    margin-top: 15px;
}

.katalogEDIT td {
    padding: 3px;
}

.katalogEDITtd {
    font-size: 12px;
}

.addbasket {
    padding: 5px !important;
}

.addbasket input {
    float: right;
    width: 155px;
    height: 24px;
}

.headerKatalog {
    color: #20466C;
    font-weight: bold;
}

td.search_m_green1_edit div {
    color: #20466C !important;
}

.offImg h3 {
    font-size: 12px;
}

.podpora_login_center input {
    height: 24px !important;
}

.podpora_login_center button {
    float: right;
}

.infotableMainDark {
    background: none !important;
    overflow: hidden;
    width: 100%;
    font-size: 16px;
    padding-top: 10px;
}

.infotableMainDark:after {
    clear: both;
    content: "";
}

.infotableMainDark .infoTableSektor {
    margin: 0;
    border: 0;
    padding: 0;
}

.infoTableSektor table {
    background: white !important;
    color: #000;
}

.infoTableSektor:first-child table {
    background: white !important;
    border-right: solid 5px white;
}

.infoTableSektor table .Row_infotableDark {
    text-align: right;
    padding-right: 30px;
    padding-bottom: 15px;
    font-weight: bold;
    white-space: nowrap;
    font-family: 'Alegreya Sans', sans-serif;
    ;}

.infotableMainDark .infoTableSektor:last-child table .Row_infotableDark {
    width: 140px !important;
    display: block;
}

.infotableMainDark .infoTableSektor:first-child .H_infotableDark {
    display: none;
}

.infotableMainDark .infoTableSektor:last-child .infotableDark:nth-child(3) .Row_infotable2Dark:nth-child(1) {
    color: #ff00c0;
    font-weight: bold;
}

.infoTableSektor table .Row_infotable2Dark {
    border: 0 !important;
    width: 100%;
    padding-right: 20px;
    vertical-align: top;
}

.infoTableSektor table .Row_infotable2Dark br {
    display: none;
}

.H_infotableDark {
    background: none !important;
    text-align: left;
    color: #000;
    font-weight: bold;
    margin-left: 56px;
    margin-bottom: 15px;
    pointer-events: none;
}

.H_infotableDark .H_infotable2Dark {
    position: absolute;
    margin-left: 85px;
    font-weight: normal;
    float: none!important;
    width: inherit!important;
}

.Row_infotable2Dark a {
    color: #000;
}

.H_infotableDark img {
    display: none;
}

.iOrderS2R {
    float: left;
    margin: 10px;
}

.iFilter {
}

img.headerMenu {
    float: right;
    margin-top: -32px;
    display: none;
}

.iFilter {
    display: block;
    background-color: #fff;
    text-align: center;
    float: left;
    margin: 5px;
}

.iFilter input {
    background-color: #FFF !important;
    padding-left: 5px;
    float: left;
}

.iFilter IMG, .iFilter INPUT, .iFilter .iFilterBtn {
    vertical-align: top;
    cursor: pointer;
}

.iFilterBtn {
    float: left;
}

#xSField, .xSField {
    width: 160px !important;
    border: 1px solid #c7d6f7 !important;
    height: 25px !important;
}

#xSField,.xSField {
    width: 100px !important;
}

.iFilter div.ftxButtHolder {
    float: left;
    width: 25px;
}

.iFilter .i16-32, .iFilter .i16x32 {
    width: 25px;
    height: 25px;
}

.Panel0 .iFilter .ftxButt .i16-32,.Panel0 .iFilter .i16x32 {
    float: left;
}

.sortmenu {
    position: absolute;
    border: solid 1px #aaaaaa;
    background: white;
    padding: 10px;
    list-style: none;
    z-index: 99;
}

.sortmenu li {
    margin-top: 3px;
    cursor: pointer
}

.fastKoder table tr td {
    vertical-align: top;
}

.fastKoder fieldset {
    padding: 0;
    vertical-align: top;
}

.fastKoder fieldset ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.fastKoder fieldset label {
    padding-left: 0;
    font-size: 12px;
    vertical-align: middle;
}

.fastKoder fieldset legend {
    padding-left: 0;
    font-size: 12px;
    font-weight: bold;
}

.fastKoder input {
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

.fastKoder fieldset span {
    margin-bottom: 5px;
    display: block;
}

.fastKoder fieldset span.radio input {
    height: auto;
    line-height: normal;
    margin: 0 2px 0 0;
}

.fastKoder fieldset tabletd {
    padding-bottom: 5px;
}

.fastKoder fieldset table input {
    height: auto;
    line-height: normal;
    margin: 0 2px 0 0;
}

.infotableHdrDark {
    background: none;
    color: var(--green_dark);
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #c9cacb;
    padding-bottom: 5px;
    margin-bottom: 30px;
}

.infotableHdrDark img {
    display: none;
}

.anylinkcss A:hover {
    background: var(--green_dark)!important;
}

.anylinkshadow {
    background: none;
}

.infoTblDark {
    width: 100%;
}

.infoTblDark th {
    background: #20466C;
    color: white;
    font-weight: bold;
    font-size: 12px
}

.infoTblDark td {
    color: black;
}

.infoTblDark td a {
    color: black;
}

.infoTblDark th, .infoTblDark td {
    padding: 5px;
}

.infotableDark_tbar {
    padding: 10px 5px 0 0;
    text-align: center;
    background: #fff;
    overflow: hidden
}

.infotableDark_tbar:after {
    content: "";
    clear: both;
}

.infotableDark_tbar span a {
    font-size: 12px;
    float: none !important;
    color: #000;
}

.infotableDark_tbar span {
    font-size: 12px;
    color: #000;
}

.infotableDark_tbar .expPdf {
    float: right;
}

.infotableDark_tbar .expXls {
    float: right;
}

.infotableDark_tbar .infoBox {
    float: left;
    margin-left: 25px;
}

.infotableDark_tbar .infotableDark_pager {
    font-size: 15px;
    font-weight: bold;
    cursor: pointer!important;
}

.ftxmenu {
    position: absolute;
    border: solid 1px #4c4c4c;
    background: white !important;
    padding: 5px;
}

.ftxmenu input {
    height: auto;
    vertical-align: middle;
}

.Panel1 {
    padding: 20px 20px 0 20px!important;
    font-family: 'Alegreya Sans', sans-serif;
    !important; }

.basketLink {
    width: 170px;
    height: 40px;
    display: block;
    background: var(--green_dark) url(../images/kosik.png) 135px 2px no-repeat;
    float: right;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
}

.basketLink span {
    position: relative;
    top: 12px;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    margin-left: 122px;
}

.basketHolderH {
    height: 40px;
    width: 170px;
}

.basketLink:hover {
    text-decoration: none;
}

.clearfix {
    clear: both;
    margin: 0!important;
}
.detail-popis h1 {
    margin-top: 0;
    color: var(--green_dark);
    font-size: 31px;
    font-weight: bold;
    margin-bottom: 2rem;
}

.detail-popis .additional_info {
    padding-top: 25px;
    font-size: 16px;
}

.detail-popis .additional_info span {
    width: 180px;
    display: inline-block;
    margin-right: 10px;
    font-weight: bold;
}

.detail-popis .additional_info > span {
    font-weight: bolder;
    margin-right: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.detail-popis .additional_info p {
    margin-top: 0;
    margin-bottom: 12px;
}

.detail-popis .produkt-name .price {
    color: #242424;
    font-size: 25px;
    font-weight: bold;
    font-family: arial;
}

.detail-popis .produkt-name span {
    font-size: 16px;
    font-weight: normal;
}

.detail-popis .insert-produkt {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    width: 265px;
    background: var(--green_dark);
    border: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height: 40px;
    margin-top: 35px;
    display: block;
}

.detail-popis .additional_info .compare-produkt {
    padding-left: 30px;
    font-size: 13px;
    font-weight: bold;
    border: none;
    line-height: normal;
    color: var(--green_dark)!important;
}

.detail-popis .oblubene {
    margin-top: 10px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.detail-popis .oblubene a, .tovaritem a.favorit-produkt {
    padding: 5px 0;
    font-size: 13px;
    font-weight: bold;
    line-height: 25px;
    border: none;
    color: var(--green_dark);
    text-transform: uppercase;
}

.detail-popis .oblubene .favorit-produkt {
    line-height: normal;
}

.detail-popis .oblubene .favorit-produktspan {
    width: 200px;
    margin-left: 0;
    margin: 0;
    padding-bottom: 0;
}

.detail-popis .oblubene img {
    margin-right: 10px;
}

.detail-popis .additional_info .compare-produkt {
    background: transparent url(../images/porovnanie.png) left center no-repeat;
    padding-left: 35px;
    text-decoration: none;
    cursor: pointer;
    margin-right: 20px;
}

.detail-wrap .detail-image {
    position: relative;
}

.productHeader .zalozky .ui-state-active a {
    background: none !important;
}

.productHeader .zalozky {
    padding: 0;
}

.productHeader .zalozky, .productHeader .zalozky ul {
    background: none;
    border: none;
}

.productHeader .zalozky a {
    height: 40px;
    line-height: 40px;
    padding: 0 20px !important;
    border: none !important;
    color: var(--green_dark)!important;
    text-transform: uppercase;
    background: #f2f2f2!important;
}

.productHeader .zalozky li {
    margin-right: 10px!important;
    border-color: #c9cacb!important;
}

.productHeader .zalozky li:first-child {
    margin-left: 50px;
}

button:hover {
    cursor: pointer;
}

div.productKarty {
    margin-bottom: 70px!important;
}

.StickerHeader span {
    display: none;
}
.breadCrumbs {
    overflow: auto;
    padding-bottom: 0.25rem;
}
.breadCrumbs > div {
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.breadCrumbs a, .breadCrumbs a:hover {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    color: #20293B;
    text-decoration: underline;
    line-height: normal;
	white-space: nowrap;
}

.breadCrumbs > div > img {
    transform: rotate(90deg);
    margin: 0 9px;
}

.breadCrumbs a:last-child {
    margin-right: 20px;
    background: none;
    padding: 0;
    text-decoration: none;
}

#ekvivalenty .popis {
    height: initial;
}

#ekvivalenty .popis b {
    font-weight: normal;
}

.tovaritem {
    padding: 5px;
    border: 1px solid var(--green_dark);
    margin-bottom: 15px;
}

.tovaritem:hover {
    background: #e4f1c0;
}

.tovaritem .obr {
    display: block;
    text-align: center;
    text-decoration: none !important;
    margin-right: 30px;
    flex: 0 0 150px;
}

.tovaritem .obr img {
    max-height: 100%;
    max-width: 100%;
}

.tovaritem .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.tovaritem .nazov {
    font-size: 16px;
    font-weight: bold;
    color: var(--green_dark)!important;
    margin-bottom: 10px;
}

.tovaritem .info span, .tovaritem .cena span {
    display: block;
    color: #000;
}

.tovaritem .info, .tovaritem .obr {
    float: left;
}

.tovaritem .twrap {
    display: flex;
}

.tovaritem .info {
    flex-grow: 1;
}

.tovaritem .info .bolder, .tovaritem .cena .bolder {
    font-weight: bold;
}

.tovaritem .info .text {
    margin-top: 5px;
    margin-bottom: 15px;
}

.tovaritem .cena {
    display: flex;
    justify-content: space-between;
    position: relative;
    flex-wrap: wrap;
}

.tovaritem .cena .price {
    color: #ee5e7e;
    font-size: 20px;
    font-weight: bold;
    margin-top: 8px;
    margin-right: 15px;
}

.tovaritem .cena .nakup_wrap {
    margin-top: 8px;
}

.tovaritem .cena label {
    padding-left: 0;
    padding-right: 5px;
}

.tovaritem .DataField {
    top: 0!important;
}

.tovaritem .kosik_holder {
    margin-top: 15px;
}

.tovaritem .cena .bolder {
    margin-bottom: 5px;
}

.tovaritem a.favorit-produkt {
    float: right;
}

.tovaritem .cena img {
    vertical-align: middle;
}

.tovaritem .cena img:hover {
    cursor: pointer;
}

.tovaritem .pocet_kusov {
    margin-top: -25px;
}

.tovaritem .DataField, .tovaritem .DataFieldNum, #tblCompare .DataField, #tblCompare .DataFieldNum {
    top: -12px;
    position: relative;
}

.spat_compare {
    right: 15px;
}

.compare_header {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: var(--green_dark);
    margin-top: 1rem;
	margin-bottom: 2rem;
}

.spat_compare, .kosikBack {
    background: transparent url(../images/spat.png) center center no-repeat;
    height: 40px;
    width: 110px;
    display: inline-block;
    position: absolute;
    border: 0;
    top: 0;
}

.prodname a img {
    max-width: 210px;
    height: 210px;
    margin-bottom: 25px;
}

.prodname a {
    color: var(--green_dark)!important;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    width: 210px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

#tblCompare {
    width: 100%;
}

#tblCompare .prodname {
    padding: 0 40px 40px 40px;
    vertical-align: top;
}

#tblCompare {
    color: #000;
}

#tblCompare td:first-child {
    font-weight: bold;
    width: 200px;
}

#tblCompare tr {
    border-bottom: 1px solid #c9cacb;
    height: 50px;
    text-align: right;
}

#tblCompare tr:first-child, #tblCompare tr:last-child, #tblCompare tr:nth-child(2) {
    border: none;
}

#tblCompare .cena {
    color: #ee5e7e!important;
    font-weight: bold;
    font-size: 18px;
}

#tblCompare .ctrl img {
    margin-right: 20px;
    margin-bottom: 10px;
}

#tblCompare .ProdName > div {
    margin-top: 25px;
}

#tblCompare .prodname input {
    text-align: right;
}

#tblCompare .ProdName > div img {
    cursor: pointer!important;
    margin-left: 10px;
}
#prepinac_kosik {
    border: none;
    padding: 0;
}

#prepinac_kosik .prepinanie {
    background: none;
    padding: 0;
    border: 0;
    margin-left: 10px;
}

#prepinac_kosik .prepinanie li {
    float: left;
    margin-left: -40px;
    position: relative;
    border: 0 !important;
    background: transparent;
}

#prepinac_kosik .prepinanie li:nth-child(1) {
    z-index: 5;
}

#prepinac_kosik .prepinanie li:nth-child(2) {
    z-index: 4;
}

#prepinac_kosik .prepinanie li:nth-child(3) {
    z-index: 3;
}

#prepinac_kosik .prepinanie li:nth-child(4) {
    z-index: 2;
}

#prepinac_kosik .prepinanie li:first-child {
    margin: 0;
}

#prepinac_kosik .prepinanie li a {
    color: var(--green_dark);
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    width: 315px;
    height: 60px;
    background: transparent url(../images/kosik_back.png) center center no-repeat;
    text-align: center;
    padding: 0;
}

#prepinac_kosik .prepinanie .ui-state-active a {
    background: transparent url(../images/kosik_back_active.png) -49px 0px no-repeat!important;
    color: #fff!important;
}

#kosikSel p.normal {
    color: #fff!important;
}

#prepinac_kosik .prepinanie li span.normal {
    font-size: 13px;
    font-weight: bold;
}

#prepinac_kosik .prepinanie li span {
    font-size: 26px;
    font-weight: normal;
    position: relative;
    top: 5px;
}

#prepinac_kosik .prepinanie li:first-child span {
    right: 10px;
}

#prepinac_kosik .prepinanie a:hover {
    text-decoration: none;
}

#prepinac_kosik .ui-state-disabled {
    opacity: 1!important;
}

#prepinac_kosik .ui-state-disabled a {
    background: #eee!important;
    color: rgba(129,186,16,0.4)!important;
    cursor: not-allowed;
}

#prepinac_kosik .ui-state-active a {
    cursor: default;
}

#obsah_kosika input[type=radio]+label {
    padding: 13px 0 13px 45px;
    margin: 0 0 0 10px;
    cursor: pointer!important;
    height: 45px;
}

#obsah_kosika [id*=ASC]+label {
    background: url(../images/to_upper.png) center center no-repeat;
}

#obsah_kosika [id*=ASC]:checked+label {
    background: url(../images/to_upper_active.png) center center no-repeat;
}

#obsah_kosika [id*=DESC]+label {
    background: url(../images/to_lower.png) center center no-repeat;
}

#obsah_kosika [id*=DESC]:checked+label {
    background: url(../images/to_lower_active.png) center center no-repeat;
}

.miesto_dodania {
    margin-bottom: 10px;
    color: #000000;
}

.kosikLogTypeVyber input[type=radio]+label {
    padding: 12px 0 10px 45px;
}
.infoTblDark, .infoTblDark td, .infoTblDark th {
    border: none;
}

.infoTblDark tr {
    height: 50px;
    border-bottom: 1px solid #c9cacb;
}

.infoTblDark td {
    color: #000;
    font-family: 'Alegreya Sans', sans-serif;
    ;}

.infoTblDark th {
    background: none;
    color: #000;
    font-family: 'Alegreya Sans', sans-serif;
    ;text-align: center;
}

.infoTblDark th img {
    display: none;
}

.infoTblDark tr th:first-child, .infoTblDark tr td:first-child, .infoTblDark tr th:last-child, .infoTblDark tr td:last-child {
}

.infoTblDark tr td:nth-child(1), .infoTblDark tr td:nth-child(2), .infoTblDark tr td:nth-child(3), .infoTblDark tr td:nth-child(4), .infoTblDark tr td:nth-child(9), .infoTblDark tr td:nth-child(10) {
    text-align: center;
}

.infoTblDark tr td:nth-child(9) {
    width: 230px;
}

.infoTblDark tr td:nth-child(11) {
    padding-right: 20px;
}

.infoTblDark a:hover {
    cursor: pointer;
}

.UniBlock .Zalozka4 {
    margin-top: 20px;
}

.Zalozka4 {
    background: none!important;
    border-bottom: 1px solid #c9cacb;
    height: inherit!important;
}

.Zalozka4 a {
    display: inline-block;
    height: 38px!important;
    line-height: 38px !important;
    border: 1px solid #c9cacb;
    background: #f2f2f2!important;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 0 15px;
    font-size: 13px !important;
    font-weight: bold !important;
    color: var(--green_dark)!important;
    text-transform: uppercase;
    margin-right: 10px;
    position: relative;
    top: 1px;
}

.Zalozka4 a:hover {
    cursor: pointer;
    text-decoration: none;
}

.Zalozka4 a:first-child {
    margin-left: 25px;
}

a.Zalozka4Sel {
    background: transparent!important;
    border-bottom: #fff 1px solid!important;
}

.UniBlock {
    border-top: 1px solid #c9cacb;
    padding-top: 45px;
    margin-top: 20px;
}

.UniBlock .iFilter .ftxButt img {
    display: none;
}

.StickerHeader2 {
    color: var(--green_dark)!important;
    font-size: 24px!important;
    background: none!important;
    padding: 0!important;
    border: 0!important;
    text-align: center;
    margin: 30px 0 60px 0!important;
}

[id*=expand] .StickerHeader2 {
    visibility: hidden;
}

#dodacie_udaje .StickerHeader {
    display: none;
}

.kosik input[type=radio], .hideradio input[type=radio], .custom_radio input {
    height: 0px;
    width: 0px;
    position: absolute;
    visibility: hidden;
}

.kosik input[type=radio]+label, .custom_radio input+label {
    background: url(../images/radio_button.png) 0 3px no-repeat;
    padding: 8px 0 10px 45px;
    font-family: arial;
    margin-bottom: 0;
}

.kosik input[type=radio]:checked+label, .custom_radio input:checked+label {
    background: url(../images/radio_button_checked.png) 0 3px no-repeat;
}
.basket_delivery_wrap .custom_radio label span {
    font-weight: bold;
}
#dodacie_udaje .RadioInput tr {
    height: 40px;
}

#dodacie_udaje .RadioInput table table input {
    width: 230px;
}

#dodacie_udaje .RadioInput table h3 {
    text-align: center;
    margin: 0;
    padding: 20px 0 10px 20px!important;
}

#dodacie_udaje .RadioInput table h3 ~ br {
    display: none;
}

#dodacie_udaje .RadioInput div {
    margin: 0;
}

#doprava .sposobDodania li {
    height: 25px;
}

#doprava p {
    margin-top: 0;
    margin-bottom: 15px;
    color: #000;
}

#doprava .sposobDodania div:last-child {
    margin-bottom: 0;
}

#doprava label {
    font-weight: bold;
}

#doprava .StickerHeader, #dokoncenie .StickerHeader{
    text-align: left!important;
    background: none!important;
    margin-bottom: 10px;
}

#prepinac_kosik > div > .StickerHeader, #prepinac_kosik > div > .sposobDodania {
    display: none;
}

#dokoncenie input[type=text] {
    margin-bottom: 10px;
    width: 200px;
}

.dodUdajeHolder1 {
    color: #000;
}

#Step5 td:last-child .dodUdajeHolder1 {
    margin-top: 20px;
}

#Step5td:last-child b {
    display: inline-block;
    width: 180px;
    text-align: right;
    padding: 10px 0;
    color: #000000;
    text-transform: uppercase;
}

#Step5 td:last-child div span {
    float: right;
    color: #000;
    padding-right: 5px;
}

#Step5 td:last-child .fill {
    background: #fef4d9;
    margin: 10px 0;
    font-family: arial;
    padding: 10px 5px;
}

#dokoncenie .objednat {
    background: none;
    border-radius: 20px;
    padding: 0;
    margin: 0;
    border: 0;
}

.dodUdajeHolder1 .StickerHeader {
    background: none;
    text-align: left;
    padding: 0 !important;
    border: none!important;
    color: #373737 !important;
    font-style: normal !important;
    font-weight: bold;
    height: inherit;
    font-family: 'Alegreya Sans', sans-serif;
    !important;text-transform: uppercase;
    margin: 0;
}

.registracia {
    margin: 0 auto;
}

.registraciaRAM .StickerHeader {
    background: none;
    text-align: center;
    font-size: 16px!important;
    padding-bottom: 28px!important;
}

.registracia p {
    float: left;
    max-width: 550px;
    width: 100%;
}

.registracia .send_reg {
    background: transparent url(../images/registracia_button.png) center center no-repeat;
    width: 300px;
    height: 40px;
    border: 0;
    border-radius: 20px;
    color: transparent;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}

.registraciaRAM td {
    color: #000;
	padding-bottom: .5rem;
}

.profilSettings .riadok {
    display: flex;
}

.profilSettings .riadok > div:first-of-type {
    flex: 0 0 160px;
}

.profilSettings .riadok .r_cell {
    flex-grow: 1;
    margin-bottom: 10px;
}

.profilSettings .infoTblDark2 {
    width: 100%;
}

.customCheckbox {
    height: 0px;
    width: 0px;
    position: absolute;
    visibility: hidden;
}

.customCheckbox+label {
    font-size: 12px;
    display: block;
    min-height: 20px;
    color: #373737;
    background: url(../images/checkbox_filter.png) 0 0 no-repeat;
    padding-left: 1.5rem;
	background-size: 1rem;
}

.customCheckbox:checked+label {
    background-image: url(../images/checkbox_filter_checked.png);
}

.registracia .Captcha input {
    height: 25px;
    font-size: 12px;
    border: solid 1px var(--gray);
    color: black;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	width: auto;
}

.menuReg {
    border-bottom: 1px solid #c9cacb;
    height: 30px;
}

.menuReg a, .menuReg a:hover {
    font-size: 16px!important;
    border-left: 1px solid #c9cacb;
    border-right: 1px solid #c9cacb;
    border-top: 1px solid #c9cacb;
    margin: 0 10px 0 0;
    padding: 8px 18px;
    background-color: #f2f2f2;
    text-decoration: none !important;
    cursor: pointer;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    color: #666666;
}

.menuReg a.set {
    color: #99ca33 !important;
    background-color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

.menuReg a:first-child {
    margin-left: 25px;
}

div.popis {
    font-size: 12px;
    color: #373737;
    padding-top: 20px;
    padding-bottom: 30px;
}

.registraciaRAMRT img, .registraciaRAMRB img, .registraciaRAMLB img, .registraciaRAMLT img {
    display: none !important;
}

.registraciaRAMM .StickerHeader {
    background: none;
    text-align: left;
    padding-left: 180px!important;
    font-size: 16px!important;
    padding-bottom: 15px!important;
}

.pocethidden {
    display: none;
}

*:focus {
    outline: none;
}

.eshop_back, .eshop_back:hover {
    background: #f2f2f2;
    width: 185px;
    border: 1px solid #c9cacb;
    border-radius: 20px;
    color: var(--green_dark) !important;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    height: 40px;
    display: block;
    line-height: 40px;
    text-align: center;
}

.dodUdajeHolder1.zarovnanie {
    margin-top: -4px !important;
}

#Step5 .objednat {
    border: 0px;
    background: none;
    float: right;
    margin-right: 38px;
}

.step_text {
    color: #000000;
    margin-bottom: -30px;
}

.step_text2 {
    color: #000000;
    margin-bottom: 15px;
}

#Step5 .step_text2 {
    color: #000000;
    margin: 40px 20px;
    text-align: justify;
}
#checkbox_objednavka{
	margin-top: 1.5rem;
}
.extra {
    margin-top: -15px!important;
}

#Step4 .step_text {
    color: #000000;
    margin-bottom: 10px;
}

.zabudnute_heslo {
    cursor: pointer;
    text-align: center;
    padding-top: 8px;
}

.prihlasenie table.imgButt {
    background-color: var(--green_dark);
    border-radius: 25px;
    padding: 10px !important;
    height: 34px;
    width: 115px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
}

.prihlasenie table.imgButt td {
    color: #ffffff;
}
.kosikLogTypeVyber{
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 1rem;
}
.GreenButton {
    font-size: 13px;
    text-transform: uppercase;
    color: white !important;
    height: 40px;
    float: right;
    padding: 0 10px;
    background: var(--green_dark);
    line-height: 40px;
    font-weight: bold;
    border-radius: 20px;
    cursor: pointer;
    text-decoration: none !important;
    margin-right: 0;
    margin-top: 10px;
    width: 150px;
    text-align: center;
}
.GrayButton {
    font-size: 13px;
    text-transform: uppercase;
    color: #879d42 !important;
    height: 40px;
    float: right;
    padding: 0 10px;
    background: #f2f2f2;
    line-height: 40px;
    font-weight: bold;
    border-radius: 20px;
    cursor: pointer;
    text-decoration: none !important;
    margin-right: 20px;
    margin-top: 10px;
    width: 150px;
    text-align: center;
    border: 1px solid #c9cacb;
}
.btn {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    padding: 0.5rem 1.5rem;
	white-space: normal;
}
.button_rounded{
	display: inline-block;
	font-size: 13px;
    font-weight: bold;
    border-radius: 20px;
    cursor: pointer;
    text-decoration: none !important;
    text-align: center;
	padding: 0.75rem 1.5rem;
    text-transform: uppercase;
	white-space: nowrap;
}
.button_green{
	background: var(--green_dark);
	color: white !important;
}
.button_gray{
	color: var(--green_dark) !important;
	border: 1px solid #c9cacb;
	background: #f2f2f2;
}
.profilSettings .infoTblDark2 td {
    text-align: left !important;
}

.profilSettings .infoTblDark2 tr {
    height: 20px;
    border-bottom: 0px solid #c9cacb;
}

.profilSettings h2.StickerHeader, .info h2.StickerHeader {
    text-align: left;
    background: none;
}

.infoTblDark2 td, .TBmainPROD td, .TBmainPROD th, .cenova_ponuka_sum td {
    color: #000000;
    padding: 5px;
}

.last_login {
    padding-top: 17px;
}

.registered tr td {
    padding: 10px;
}

.profilSettings .GrayButton {
    float: left;
}

.extra .GreenButton {
    float: left;
    margin-top: 30px;
    float: right;
    margin-right: 200px;
}

.TBmainPROD th {
    color: #000000;
}

.TBmainPROD th, .TBmainPROD tr {
    text-align: left;
}

.extra2 tr td:first-child {
    width: 163px;
}

.extra3 td {
    vertical-align: top;
}

.podakovanie_objednavky {
    min-height: 450px;
    margin-top: 60px;
}

.podakovanie_objednavky img, .podakovanie_objednavky a {
    margin: 0px auto;
    display: block;
    float: none;
}

.podakovanie_objednavky p {
    text-align: center;
    margin: 40px 0;
    color: #000000;
}

.podakovanie_objednavky .GreenButton {
    margin-bottom: 10px;
}

.cenova_ponuka td, .cenova_ponuka th {
    text-align: left;
}

table.extra4 tr td:nth-child(1) {
    width: 150px;
}

table.extra4 tr {
    border-bottom: 0px;
}

.infotableHldrDark .infoTableSektor:last-child > div:nth-of-type(2) .H_infotableDark {
    margin-left: 26px;
    margin-bottom: 16px;
}

.infotableHldrDark .infoTableSektor:last-child > div:nth-of-type(2) .H_infotable2Dark {
    margin-left: 115px;
}

.infotableHldrDark .infoTableSektor:last-child > div:nth-of-type(3) .H_infotableDark {
    margin-left: 54px;
}

.infotableHldrDark .infoTableSektor:last-child > div:nth-of-type(3) .H_infotable2Dark {
    margin-left: 118px;
}

.skladom-holder {
    width: 100%;
}

.skladom1 {
    width: 62%;
    float: left;
}

.skladom1, .skladom2 {
    color: #000;
    font-weight: bold;
}

.cenaBezDphEkvivalenty {
    font-size: 12px !important;
}

.zarovnanie div span {
    float: none;
}

.extraks {
    color: #000;
    font-weight: normal;
}

#search_naseptavac .searched_item .image img {
    width: 70px;
    height: 70px;
}

#search_naseptavac .searched_item .link {
    width: 225px;
    vertical-align: top;
}

.podak_regis {
    font-size: 20px;
    color: black;
    font-weight: bold;
    margin-bottom: 15px;
}

.podak_regis_link a {
    color: var(--green_dark);
    text-decoration: underline;
}
.TovarSkupNazov {
    color: var(--green_dark);
    font-size: 30px;
    font-weight: bold;
    margin-top: 29px;
}

.expXls {
    background: url(../images/excel_icon.png) no-repeat center;
    color: transparent !important;
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: none;
}

.expPdf {
    background: url(../images/pdf_icon.png) no-repeat center;
    color: transparent !important;
    width: 30px;
    height: 30px;
    margin-left: 5px;
    cursor: pointer;
    display: none;
}

.myAlert TH {
    background: #F8C740;
    color: black;
}

.KosikLogin .Dlink {
    height: 38px;
    color: white;
    border-radius: 10px;
    font-size: 16px;
    line-height: 38px;
    display: block;
    background: var(--green_dark);
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}

#tovar_tree ul ul ul ul .offImg, #tovar_tree ul ul ul ul .onImg {
    left: 51px
}

#tovar_tree li li li li a {
    padding-left: 71px;
}

#tovar_tree li li li li li a {
    padding-left: 88px;
}

.tovarTree {
    border-collapse: separate !important;
    width: 250px;
    border: 0;
    background: var(--green_dark);
}

.tovar_tree a {
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 0;
    font-family: 'Alegreya Sans', sans-serif;
    ;font-weight: bold;
    padding-left: 20px;
}

.CacheInfo {
    margin-top: 10px;
    text-align: center;
}

.CacheInfo a {
    color: var(--green_dark);
    font-weight: bold;
    font-size: 22px;
    cursor: pointer;
}

.InfoKosikCache {
    font-size: 18px;
    width: 450px;
    border: 2px solid var(--green_dark);
    padding: 5px 5px;
    margin-top: 5px;
    color: black;
    display: inline-block;
}

.VyprazdnitKosik img {
    padding-right: 5px;
}
.NieJeSkladom {
    color: #e41313;
}

.NieJeSkladom a {
    color: #e41313;
}

.NieJeSkladom span {
    color: #e41313;
}

#button_tree, #button_tree_akcia {
    display: none;
}

#button_tree .fa, #button_tree_akcia .fa {
    margin-right: 5px;
    width: 15px;
}

#slider {
    margin-bottom: 30px;
    max-width: 900px;
    margin: 0 auto;
}

#carouselExampleIndicators ol.carousel-indicators {
    display: flex;
    align-items: center;
    width: fit-content;
    ;bottom: -13px!important;
    left: 50%!important;
    text-align: center;
    margin: 0 0 0 -75px!important;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #939598;
	padding: 0.25rem 0.5rem;
}

#carouselExampleIndicators .carousel-indicators li {
    width: 1rem;
    height: 1rem;
    border: 1px solid #939598;
    border-radius: 100%;
    flex-shrink: 0;
}

.carousel-indicators li.active {
    background: var(--green_dark)
}

#kosikSel span:after{
    background: #b9b9b9;
}
#Step5 table.extra3:last-child td:nth-of-type(7) {
    display: block;
}

#search_naseptavac li {
    display: flex;
}

#search_naseptavac .searched_item .link {
    width: auto;
    flex-grow: 1;
}

.pswp .pswp__bg {
    opacity: 0.8!important;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}

#myAlert {
    visibility: hidden;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0px;
    background: rgba(142, 142, 142, 0.43);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.UniBlock .iFilter {
    width: 245px;
}

.UniBlock .iFilter input {
    width: 185px!important;
    margin-right: 10px;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(53, 71, 35, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>")!important;
}

.navbar-light .navbar-toggler {
    border: none;
}

.search_input_wrap .cancel_searching {
    display: none;
}

.kosik_prod_w {
    border: 1px solid #b9b9b9;
    border-radius: 5px;
    margin-bottom: 10px;
}

.kosik_prod_w .kosik_prod_t {
    display: flex;
    margin-bottom: 15px;
    position: relative;
    padding: 8px;
}

.kosik_prod_w .kosik_prod_t > a {
    padding-right: 10px;
    flex: 0 0 60px;
}

.kosik_prod_w .kosik_prod_t a img {
    height: 50px;
    width: 50px;
}

.kosik_prod_w .kosik_prod_t .kosik_prod_popis {
    flex-grow: 1;
    padding-right: 25px;
}

.kosik_prod_w .kosik_prod_t .kosik_prod_remove {
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
    padding: 0 5px;
}

.kosik_prod_w .kosik_prod_b {
    padding: 16px 8px;
    border-top: 1px solid #b9b9b9;
    background: #eee;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.kosik_prod_w .kosik_prod_b .changeBalenie {
    text-align: right;
}

.kosik_prod_w .kosik_prod_b .change_pocet img {
    cursor: pointer;
    margin-left: 8px;
}

.kosik_prod_w .kosik_prod_b .change_pocet .cena_kosik {
    float: right;
    color: var(--green_dark);
    font-weight: bold;
    font-size: 18px;
    line-height: 32px;
}

.kosik_prod_w .kosik_prod_t .jedn_cena {
    position: absolute;
    right: 6px;
    bottom: 0px;
    margin-bottom: -12px;
}

.mainSearch .dropdown {
    display: none;
}

.mainSearch .dropdown .dropdown-menu {
    left: auto!important;
    right: 0!important;
    transform: translate3d(0, 37px, 0px)!important;
}

.mainSearch .dropdown button {
    height: auto;
    width: auto;
    margin: 0;
    margin-left: 10px;
    padding: 0;
    background: none!important;
    border: 0!important;
    color: #373737!important;
    border-radius: 0;
    box-shadow: none!important;
}

.mainSearch .dropdown button:after {
    border: none;
}

.mainSearch .dropdown button img {
    display: inline-block;
}

.mainSearch .dropdown a.dropdown-item {
    color: #373737!important;
}

.profilSettings .riadok .special_input input {
    margin-top: 4px;
}

.topMenu .special_item {
    display: none;
}

.topMenu .nav-item > img {
    display: none;
}

.profil_linky {
    display: none!important;
}

.profil_linky ul {
    display: flex;
    padding: 0 15px;
    flex-wrap: wrap;
}

.profil_linky ul li {
    list-style-type: none;
    flex-grow: 1;
}

.profil_linky ul a {
    padding: .5rem;
    text-align: center;
    color: #fff;
    margin: 0 .5rem;
    border: 1px solid;
    border-radius: 20px;
    background: var(--green_dark);
}

.kosik_prod_popis a {
    color: #86B008;
}

.kosik_prod_popis a:hover {
    color: #86B008;
}
.celkovo_skladom ~ img {
    margin: 0 8px;
}

.PredJedn {
    display: none;
}

.RegButt {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

.RegButt div {
    display: inline-block;
    text-align: center;
    background: var(--green_dark);
    text-transform: uppercase;
    border-radius: 10px;
}

.RegButt a, .RegButt a:hover {
    color: white;
    text-decoration: none;
    display: block;
    width: 210px;
    line-height: 40px;
}

.zlavaInfoHdr, .zlavaInfoKosik {
    width: 100%;
    text-align: right;
    padding-top: 5px;
    color: #e41313;
    font-size: 16px;
    font-weight: bold;
}

.detail-image .stav_flag {
    font-weight: bold;
    position: absolute;
    padding: 2px 10px;
    top: 5px;
}

.detail-image .stav_flag.novinka {
    background: #F2FF00;
    color: #007A35;
}

.detail-image .stav_flag.akcia {
    background: #d71f24;
    color: white;
}

.TovarTree a.AkciaTree.Novinky , .TovarTree a.AkciaTree.Novinky :hover {
    background: #F2FF00;
    color: #007A35;
}

a.AkciaTree.Akcie {
    background: #d71f24;
    color: white !important;
}

.TovarTree.special_offer {
    background: #d71f24;
    width: 250px;
    border: 0px;
}

.TovarTree.special_offer.Novinky {
    background: #F2FF00;
}

.TovarTree.special_offer.Novinky ul li a {
    color: #007A35;
}

.flags div {
    background: var(--green_dark);
    color: white;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 3px 15px;
    text-align: center;
    line-height: normal;
}

.flags {
    display: flex;
    position: absolute;
    flex-direction: column;
}

#snackbar {
    visibility: visible;
    min-width: 250px;
    margin: 0;
    background-color: #808080;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 16px;
    position: fixed;
    z-index: 99999;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    display: none;
    width: auto;
    min-height: unset!important;
}

.snackbar_wrap,.snackbar_wrap .snackbar {
    visibility: visible;
    box-sizing: border-box;
    display: none;
    width: auto;
    min-height: unset!important
}

.snackbar_wrap {
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    margin: 0;
    background: 0 0;
    position: fixed;
    z-index: 999999;
    left: 50%;
    transform: translateX(-50%);
    flex-direction: column
}

.snackbar_wrap p {
    word-break: break-word;
    white-space: pre-line;
    user-select: text
}

.snackbar_wrap .snackbar {
    min-width: 250px;
    margin: 0 auto 1rem;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: relative
}

.snackbar_wrap .snackbar:before {
    content: attr(data-snack_title);
    position: absolute;
    top: .125rem;
    left: .125rem;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    user-select: text
}

.snackbar_wrap .snackbar.warning:before {
    color: #000
}

.snackbar_wrap>.snackbar:last-of-type {
    margin-bottom: 0
}

.snackbar_wrap .snackbar .close_btn {
    height: 32px;
    line-height: 32px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2rem;
    margin: 0;
    position: absolute;
    bottom: 8px;
    right: 16px;
    font-weight: 700
}

.snackbar_wrap.with_close .snackbar {
    padding-bottom: calc(38px + 16px)
}

.snackbar_wrap h1 {
    font-size: 16px
}

.snackbar_wrap .snackbar.error .close_btn {
    border-color: #fff;
    color: #d00
}

.snackbar_wrap .snackbar .close_btn img {
    width: 20px;
    height: 20px;
    filter: invert(1)
}

.snackbar_wrap .snackbar.warning .close_btn img {
    filter: invert(0)
}

#snackbar.error,.snackbar_wrap .snackbar.error {
    background-color: #d00
}

#snackbar.warning,.snackbar_wrap .snackbar.warning {
    background-color: #e1ef00;
    color: #000
}

#snackbar.top,.snackbar_wrap.top {
    bottom: unset;
    top: 30px
}

#snackbar.bottom,.snackbar_wrap.bottom {
    bottom: 30px
}

#snackbar.center,.snackbar_wrap.center {
    top: 50%;
    transform: translate(-50%,-50%)
}

.basket_login_info {
    background: #81BA101A;
    padding: 1.5rem 1rem;
	display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: space-between;
	border-radius: .5rem;
	margin-bottom: 2rem;
}
.basket_login_info h5 {
    color: var(--green_dark);
    font-weight: bold;
}
.baseLayout .btn{
	color: white;
}
.basket_sumary_prod > div {
    display: flex;
	gap: .5rem;
	margin-bottom: 1rem;
}
.basket_sumary_prod .prod_picture {
    width: 4.5rem;
    height: 4.5rem;
	flex-shrink: 0;
}
.basket_sumary_prod .prod_info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	flex-grow: 1;
}
.basket_sumary_prod .prod_info h5 {
    font-size: 14px;
    margin: 0;
	font-weight: normal;
}
.basket_sumary_prod .prod_info .code {
    font-weight: 500;
}
.basket_sumary_prod .prod_price_wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	white-space: nowrap;
	text-align: right;
}
.basket_sumary_prod .prod_price_wrap .prod_cena {
    color: var(--red);
    font-weight: bold;
    font-size: 18px;
}
.basket_sumary_prod .prod_jedn_cena {
    font-size: 12px;
}
.basket_rekap_wrap .basket_sum {
    border-top: 1px solid var(--gray);
    margin-top: 1.5rem;
    padding-top: 1rem;
}
.basket_rekap_wrap .basket_sum > div {
    padding: .5rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.basket_rekap_wrap .basket_sum div[data-sum_k_uhrade] {
    border-top: 1px solid var(--gray);
    margin-top: 1rem;
    padding-top: 1rem;
}
.basket_rekap_wrap .basket_sum div[data-sum_k_uhrade] > span {
    font-size: 24px;
    font-weight: bold;
}
.basket_rekap_wrap .basket_sum div[data-sum_k_uhrade_bez_dph] {
    color: var(--gray);
}
.basket_content {
    display: grid;
    grid-template-columns: 1fr 40%;
    gap: 3rem;
	align-items: start;
}
.basket_btns {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
	margin-top: 1.5rem;
}
.basket_delivery_wrap .border_section {
    border: 1px solid var(--gray);
    border-radius: 0.5rem;
    padding: 1rem;
}
.basket_delivery_wrap .border_section > div:not(:last-of-type) {
    margin-bottom: 0.75rem;
}
.basket_delivery_wrap label h5 {
    font-size: 14px;
	margin: 0;
	font-weight: bold;
}
.basket_delivery_wrap label {
    display: flex;
    align-items: center;
    justify-content: space-between;
	gap: 1rem;
}
.basket_delivery_wrap label p {
    margin: 0;
    margin-top: 0.25rem;
    font-size: 13px;
}
.basket_step_nav {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 3rem;
    margin-bottom: 3rem;
}
.basket_step_nav a:hover {
    text-decoration: none;
    color: unset;
}
.basket_step_nav > div:not(:last-of-type) p {
    width: 6rem;
}
.basket_step_nav > div:not(:first-of-type):not(:last-of-type) {
    flex-grow: 1;
}
.basket_step_nav span {
    background: var(--gray);
    color: white;
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    text-align: center;
    line-height: 2.5rem;
    margin-bottom: .5rem;
    position: relative;
}
.basket_step_nav > div > div {
    display: inline-block;
    text-align: center;
}
.basket_step_nav p {
    margin: 0;
}
.basket_step_nav > div:not(:last-of-type) span:after {
    content: "";
    width: 350px;
    display: block;
    background: var(--gray);
    height: .25rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2.5rem;
}
.basket_step_nav > div {
    overflow: hidden;
}
.basket_step_nav > div:not(:first-of-type) span:before {
    content: "";
    width: 100px;
    display: block;
    background: var(--gray);
    height: 0.25rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2.5rem;
}
.basket_step_nav .prev_step span, .basket_step_nav .active_step span, .basket_step_nav > div.active_step:not(:first-of-type) span:before, .basket_step_nav > div.prev_step:not(:first-of-type) span:before, .basket_step_nav > div.prev_step:not(:last-of-type) span:after {
    background: var(--green_dark);
}
.basket_step_nav a, .basket_step_nav div.active_step a {
    pointer-events: none;
}
.basket_step_nav  a.active_link {
    pointer-events: all;
}
.basket_white_box {
    background: white;
    border-radius: 0.5rem;
    padding: 1.5rem 1rem;
}
#Step4 div[data-sum_k_uhrade] {
    display: flex;
    justify-content: space-between;
    font-size: 24px;
    font-weight: bold;
}
#Step4 div[data-sum_k_uhrade_bez_dph] {
    display: flex;
    justify-content: space-between;
    margin-top: .5rem;
    font-weight: bold;
    color: var(--gray);
}
.baket_objednat_wrap {
    margin-bottom: 1.5rem;
}
.baket_objednat_wrap .btn {
    width: 100%;
    margin-top: .5rem;
}
.add_input_wrap {
    display: flex;
    border-radius: .5rem;
    border: 1px solid var(--gray);
    background: white;
}
.add_input_wrap > input {
    border: none;
    text-align: center;
    width: 3rem;
}
.add_input_wrap > span {
    width: 1.5rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.obsahkosika .quantity_area {
    display: grid;
    align-items: center;
    grid-template-columns: auto auto;
    gap: 0 0.5rem;
}
.obsahkosika .add_basket_wrap{
	display: flex;
	justify-content: center;
	align-items: center;
    gap: .75rem;
}
.hdr_btn {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 2rem;
}
.hdr_btn h1.compare_header {
    margin: 0;
}
.hdr_btn .button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.basket_sumary_price{
	display: grid;
    grid-template-columns: auto auto;
    text-align: right;
    justify-content: flex-end;
    gap: 0.5rem 0.75rem;
	font-family: arial;
}
.basket_sumary_price span {
    font-weight: bold;
    text-transform: uppercase;
}
.favorite{
	width: 1.25rem;
}
.dlazdice .favorite {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
}
.prod_name_wrap {
    display: flex;
    gap: .75rem;
}
.prod_name_wrap .favorite {
    flex-shrink: 0;
}
.blog_wrap {
    margin-bottom: 2rem;
}
.blog_wrap h2 span {
    display: block;
    font-size: 16px;
}
.blog_wrap .blog_content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1rem;
}
.blog_wrap .blog_content span {
    font-size: 14px;
    font-weight: bold;
    color: var(--green_dark);
    display: block;
    text-align: left;
    margin-top: .5rem;
}

.blog_wrap .blog_content h3{
    color: #242424;
    font-weight: bold;
    font-size: 16px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
	margin-top: .25rem;
}
.blog_wrap .blog_content p {
    color: #242424;
	font-size: 14px;
    margin: 0;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.blog_wrap .blog_content .picture img {
    max-width: 100%;
    max-height: 100%;
    aspect-ratio: 16 / 10;
	width: 100%;
}
.blog_wrap .blog_content a:hover {
    text-decoration: none;
    opacity: .8;
}
.blog_btn a, .blog_btn a:hover {
    font-weight: bold;
    color: #242424;
    border: 1px solid var(--green_dark);
    padding: 10px 60px;
    display: inline-block;
	text-decoration: none;
	border-radius: 4px;
}
.blog_btn {
    text-align: center;
    margin-top: 1rem;
}
.centerPopup, .add_basket_pop_up {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99990;
    background: rgba(0,0,0,0.5);
    background-size: 40px 40px;
}
.center_screen {
    position: absolute;
    top: 50%;
    left: calc(50% - 1rem);
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 2rem 1rem 1rem 1rem;
    box-sizing: border-box;
    text-align: left;
    width: calc(100% - 2rem);
    margin: 0 1rem;
    border-width: 1px;
    border-style: solid;
    max-width: 450px;
}
.add_basket_pop_up > div {
    position: absolute;
    top: 50%;
    left: calc(50% - 1rem);
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 2rem 1rem 1rem 1rem;
    box-sizing: border-box;
    text-align: left;
    width: calc(100% - 2rem);
    margin: 0 1rem;
    border-width: 1px;
    border-style: solid;
    max-width: 850px;
	border-radius: 0.5rem;
    border: none;
}
.centerPopup .center_screen > img, .normalPopup > div:first-of-type > img, .add_basket_pop_up > div > img {
    width: 40px;
    height: 40px;
    padding: 10px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.add_basket_popup_prod_info {
    display: flex;
    gap: .5rem;
    align-items: center;
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.add_basket_popup_prod_info .prod_img {
    width: 6rem;
    height: 6rem;
}
.add_basket_popup_prod_info .prod_name{
	flex-grow: 1;
}
.add_basket_popup_prod_info .prod_name h4 {
    font-size: 16px;
	font-weight: bold;
}

.add_basket_pop_up .button_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.add_basket_pop_up .prod_price_wrap {
    text-align: right;
    font-family: "arial";
}
.add_basket_pop_up .prod_price_wrap > span {
    font-size: 21px;
    font-weight: bold;
}
.product .zlavaInfo {
    /*color: #ca0303;*/
    color: #e41313;
    font-weight: bold;
}

.product .stock span {
    color: var(--green_dark);
}

.product .stock {
    font-weight: bold;
    font-size: 17px;
    margin-top: 22px;
    margin-bottom: 1rem;
}

.product .stock.no_stock {
    color: #e41313;
}

.product .product h2 {
    font-size: 18px;
    font-weight: bold;
}

.product .parametre h3 {
    margin-top: 34px;
}

.parametre p span {
    width: 50%;
    padding: 2px 5px;
    overflow-wrap: anywhere;
}

.parametre p span:first-child {
    display: inline-block;
    font-weight: bold;
}

.parametre p:nth-child(2n) {
    background: #EDEDED;
}

.parametre p {
    margin: 0;
    padding: 5px 0;
    display: flex;
}

.objednatTVRDbut {
    flex-grow: 1;
}

.product .objednatTVRDbut a {
    background: var(--green_dark);
    color: white !important;
    font-size: 18px;
    padding: 0 15px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    text-decoration: none;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    font-weight: bold;
    height: 50px;
}

.product .objednatTVRDbut img {
    margin-right: 15px;
    display: none;
}

#ekvivalenty {
    margin-top: 80px;
}

#ekvivalenty h2 {
    color: #20293B;
    font-size: 21px;
    margin-bottom: 14px;
}

.detail-image > div.alternativy {
    background: none;
    margin-right: 10px;
}

.detail-image > div.alternativy img {
    background: white;
}

.detail_obj_wrap {
    display: flex;
	margin-top: 1.5rem;
}

.product .detail_obj_wrap input {
    height: 50px;
    width: 70px;
    border-radius: 0;
    border: none;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    text-align: center !important;
}

.plus_minus span {
    display: block;
    height: 50%;
    font-size: 20px;
    background: var(--green_dark);
    color: white;
    padding: 0 5px;
    cursor: pointer;
    user-select: none;
    font-family: arial;
    text-align: center;
}

.plus_minus span:first-child {
    border-bottom: 1px solid #ededed;
}

.detail-popis .produkt-name label {
    margin: 0;
    padding: 0;
    margin-right: 10px;
    font-size: 16px;
    font-weight: bold;
}
.dlazdice .plus_minus span {
    font-size: 15px;
}

.dlazdice .detail_obj_wrap input {
    height: 40px;
    width: 50px;
    border-radius: 0;
    border: none;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    text-align: center !important;
}

.dlazdice .cena span {
    font-weight: normal;
    font-size: 11px;
}

.obsahkosika tr.error{
    background: #e4131312;
}

input[readonly] {
    background: #d5d5d5;
    opacity: 60%;
}

.red {
    color: red;
}

.text_center {
    text-align: center;
}
.relative{
	position: relative;
}
.mt_2 {
    margin-top: .5rem;
}
.mt_4 {
    margin-top: 1rem;
}
.f_arial{
	font-family: arial;
}
.basket_promo_code_input {
    display: flex;
	margin-bottom: 1.5rem;
}
.basket_promo_code_input input {
    max-width: 12rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.basket_promo_code_input a.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#kosik_odchod_pop_up .center_screen {
    padding: 1rem;
    max-width: 20rem;
    text-align: center;
}
.product .primary_btn .objednatTVRDbut a, .primary_btn .plus_minus span {
    /*background: #9D0208;*/
	background: var(--green_dark);
}
.form_pwd_wrap {
    position: relative;
}
.form_pwd_wrap .show_pwd_icon {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .25rem;
}
.form_pwd_wrap .show_pwd_icon img {
    width: 1.5rem;
}
.form_pwd_wrap > input {
    padding-right: 2rem;
}
.err_mail_msg , .err_tel_msg{
    color: red;
    font-weight: bold;
}
.fotogalery {
    margin-top: 1rem;
    display: flex;
    gap: .5rem;
    overflow: auto;
    padding-bottom: .25rem;
}
.fotogalery > a{
    display: block;
    width: 100px;
    height: 100px;
    flex-shrink: 0;
}
.prod_detail_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}
.dlazdice .cenaPovodna {
    display: inline;
    font-size: 20px !important;
    font-weight: bold;
    color: var(--green_dark);
}
/* -------------------------- media -------------------------- */
@media (min-width: 1300px) {
    .container {
        width: 1250px!important;
    }
}

@media (max-width: 1300px) {
    .footer > div:first-child {
        padding: 0 5%;
    }
}

@media (max-width: 1200px) {
    table.cenova_ponuka_sum {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .navbar-nav .dropdown-menu img {
        display: none;
    }
}

@media (max-width: 991px) {
    .d_resp {
        display: block;
    }

    .header_wrap .container {
        max-width: 100% !important;
    }

    .topMenu .navbar .navbar-bran {
        display: block;
    }

    .headerHolder {
        flex-wrap: wrap;
    }

    .topMenu .navbar {
        width: 100%;
        padding: 0!important;
    }

    .navbar-collapse {
        background-color: #fff;
        position: relative;
        width: 100%;
        top: 55px;
        padding-bottom: 10px;
        border-bottom: 1px solid #c9cacb;
    }

    .topMenu .navbar {
        position: absolute;
        z-index: 9;
    }

    .topMenu .navbar .navbar-bran img {
        height: 40px;
    }

    .topMenu .navbar .navbar-toggler {
        padding: .25rem;
        font-size: 20px;
        margin-right: 8px;
    }

    .topMenu .nav-link.blue_col {
        color: #001dff!important;
        background: #dbf395a3;
        display: none!important;
    }

    .topMenu .nav-item {
        position: relative;
    }

    .topMenu .nav-item > img, .topMenu .navbar .dropdown .dropdown-menu > img {
        position: absolute;
        height: 20px;
        width: 20px;
        display: block;
        top: 4px;
    }

    .mainSearch {
        margin: 0;
    }

    .topMenu ul li.dropdown > a {
        display: none;
    }

    .topMenu .navbar .dropdown .dropdown-menu {
        margin: 0;
        padding: 0;
        border: 0;
    }

    .searchHolder .background_link {
        display: none!important;
    }

    .topMenu .special_item {
        display: block!important;
    }

    .topMenu .navbar .dropdown .dropdown-menu {
        display: block!important;
        text-align: left!important;
    }

    .carousel-indicators {
        z-index: 7!important;
    }

    .profil_linky {
        display: block!important;
    }

    .basketHolderH {
        width: auto;
    }

    .topMenu #prihlPopUp > div {
        background: #95b574;
        max-width: 360px;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .nadpisPrihl img {
        width: 16px;
        float: right;
    }

    .topMenu #prihlPopUp {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
    }
}

@media (max-width: 850px) {
    .infotableHldrDark .infoTableSektor {
        width: 100%!important;
    }

    .infotableMainDark .infoTableSektor:last-child table .Row_infotableDark {
        width: 115px !important;
        white-space: normal;
    }

    .infoTableSektor table .Row_infotableDark {
        width: 115px;
        display: block;
    }

    .H_infotableDark .H_infotable2Dark {
        margin-left: 86px;
    }

    .infotableHldrDark > div:nth-of-type(2) > div:first-of-type .H_infotableDark {
        margin-left: 30px!important;
        margin-bottom: 14px!important;
    }

    .infotableHldrDark .infoTableSektor:last-child > div:nth-of-type(2) .H_infotableDark {
        margin-left: 0px!important;
    }

    .infotableHldrDark .infoTableSektor:last-child > div:nth-of-type(2) .H_infotable2Dark {
        margin-left: 115px!important;
    }
}

@media (min-width: 801px) {
    .mainSearch .searchHolder .search_input_wrap {
        display: block!important;
    }
	.obsahkosika .resp_show{
		display: none;
	}
}

@media (max-width: 800px) {
    .mainSearch .searchHolder .search_input_wrap {
        display: none;
        position: absolute;
        width: 100%;
        z-index: +1;
        margin: 0;
        background: #fff;
        max-width: 100%;
    }

    .mainSearch .searchHolder input {
        max-width: 100%;
    }

    .search_input_wrap .cancel_searching {
        display: block;
        background: url(/FloraShop/images/cancel.png) center center no-repeat!important;
        z-index: +1;
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 0px!important;
        display: block;
    }
	.obsahkosika .resp_hidden{
		display: none;
	}
    .obsahkosika tr img.img_preview {
        display: block;
        margin: 0 auto;
        width: 80px;
    }
	.obsahkosika thead{
		display: none;
	}

    .obsahkosika tr {
		margin-bottom: 1rem;
		padding-bottom: 1rem;
		display: grid;
		grid-template-columns: 100px 1fr;
		gap: 0 1rem;
    }
	.obsahkosika .picture > div{
		text-align: left;
	}
    .obsahkosikatd {
        display: block;
        line-height: initial;
        padding-left: 100px;
        text-align: left;
    }

    .obsahkosika td a {
        width: 100%;
        white-space: normal;
    }

    .obsahkosika .celkova_cena {
        color: #e43d3d;
        font-size: 18px;
        font-weight: bold;
        text-align: right;
        margin-right: 0.5rem;
    }
	.obsahkosika tr td:first-of-type {
		grid-row: 1 / span 3;
	}
	.obsahkosika tr td:last-of-type {
		grid-column: 1 / span 2;
	}
	.obsahkosika .add_basket_wrap {
		justify-content: space-between;
	}
	.basket_step_nav {
		grid-template-columns: 1fr 1fr 1fr 1fr 2.5rem;
	}
	.basket_step_nav p{
		font-size: 12px;
	}
	.basket_step_nav > div:not(:last-of-type) p{
		width: 2.5rem;
	}
	.basket_step_nav span {
		width: 2.25rem;
		height: 2.25rem;
		line-height: 2.25rem;
	}
	.basket_step_nav > div:not(:first-of-type) span:before {
		right: 2.25rem;
	}
	.basket_step_nav > div:not(:last-of-type) span:after {
		left: 2.25rem;
	}
}

@media (min-width: 768px) {
    .add-margin {
        -ms-flex: 0 0 250px!important;
        flex: 0 0 250px!important;
    }

    #tovar_tree {
        display: block!important;
    }

    .container {
        max-width: 95%!important;
    }
}

@media (max-width: 767px) {
    #carouselExampleIndicators .carousel-control-prev, #carouselExampleIndicators .carousel-control-next {
        display: flex;
        opacity: .6;
        width: auto;
    }

    #carouselExampleIndicators .carousel-control-prev:hover, #carouselExampleIndicators .carousel-control-next:hover {
        opacity: 1;
    }

    #carouselExampleIndicators .carousel-control-next-icon, #carouselExampleIndicators .carousel-control-prev-icon {
        background-color: #9d9a9aa6;
        width: 2rem;
        height: 2rem;
        background-size: 60%;
        border-radius: 100%;
        background-position: center;
    }

    .col.pager.top_pager.flex-nowrap {
        flex-wrap: wrap !important;
        flex-basis: 100%;
    }

    .basketHolderH .hide_text {
        display: none;
    }

    .basketLink span {
        margin: 0!important;
    }

    .basketLink {
        width: 40px;
        background-position-x: 8px;
    }

    #tovar_tree {
        display: none;
        width: 100%;
        background-image: none;
        padding-bottom: 0px;
    }

    .TovarTree.special_offer {
        width: 100%!important;
        margin-bottom: 2px;
    }

    #button_tree, #button_tree_akcia {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .footer .down .icon-footer {
        background-position: 0 35px;
        width: 50px;
    }

    .footer .down h3 {
        padding-left: 0;
        margin-bottom: 15px;
    }

    .footer .down .row .col-sm-12 {
        flex: 0 0 50%;
    }

    .footer .down .icon-footer.phone {
        background-position: 0 40px;
    }

    .footer .down .row > div:first-of-type {
        padding-right: 0;
    }

    .footer .down .row > div:nth-of-type(2) {
        padding-left: 0;
    }

    .footer .down .row > div:nth-of-type(3) {
        flex: 0 0 100%;
    }

    .footer .down .text-right {
        text-align: center!important;
    }

    .footer .social_wrap {
        float: none!important;
        text-align: center!important;
        margin: 0 auto;
    }

    #main-part .add-margin {
        margin-bottom: 16px;
    }

    .detail-wrap {
        margin-top: 0!important;
    }

    .detail-popis .produkt-name h1 {
        font-size: 22px;
    }

    .detail-wrap .col-sm-12 {
        padding: 0;
    }

    .detail-wrap .detail-image {
        margin-top: 0!important;
    }

    .TovarList .dlazdice_nadpis {
        margin-bottom: 0;
    }

    #ekvivalenty .popis {
        padding-top: 6px;
        padding-bottom: 6px;
        margin: 0;
    }

    .TovarList .dlazdice {
        margin-bottom: 15px;
    }

    .TLVyrobcovia .dlazdice_img a img, /*.TovarList .dlazdice_img a img*/
    {
        max-height: 180px!important;
        max-width: 180px!important;
    }

    .TLVyrobcovia .dlazdice_img a img {
        max-height: 50px!important;
        max-width: 50px!important;
        border: 0!important;
    }

    #Step5 table.extra3, #Step5 table.extra3 tbody, #Step5 table.extra3 tr, #Step5 table.extra3 td {
        display: block;
    }

    #Step5 table.extra3 td:nth-of-type(2n) {
        display: none;
    }

    #Step5 table.extra3 td {
        width: 100%!important;
        margin-bottom: 10px;
    }

    #checkbox_objednavka > div {
        position: relative;
        left: 0;
        width: 100%;
    }

    #Step5 table.extra3:first-child {
        margin-bottom: 0!important;
    }

    #tovar_tree li li a, #tovar_tree > li > a, #tovar_tree .lvl1 > li > a {
        width: 100%;
    }

    .tovaritem .obr {
        flex: 0 0 100px;
    }

    .tovaritem .popis_prod {
        display: none!important;
    }

    .registraciaMain .col-md-6 {
        margin-bottom: 15px;
    }

    .registraciaMain .registracia.row {
        margin: 0;
    }

    .Zalozka4 a {
        display: block!important;
        margin: 0!important;
    }

    table.cenova_ponuka_sum {
        width: 100%;
    }

    .mainSearch .searchHolder .search_input_wrap {
        display: none;
        position: absolute;
        width: 100%;
        z-index: +10;
        margin: 0;
        background: #fff;
        max-width: 100%;
    }

    .mainSearch .searchHolder input {
        max-width: 100%;
    }

    .profil_linky ul li {
        flex: 0 0 100%;
        margin-bottom: 10px;
    }

    .col iframe {
        min-height: 300px !important;
        max-height: 300px !important;
    }

    .TovarTree a.AkciaTree.Novinky, #tovar_tree > li > a, #tovar_tree .lvl1 > li > a, .TovarTree .akcieTree li >a, .TovarTree .akcieTree li >a:hover {
        width: 100%;
    }
	.basket_content{
		grid-template-columns: 1fr;
	}
	.blog_wrap .blog_content {
		grid-template-columns: 1fr 1fr;
	}
	.prod_detail_wrap {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 700px) {
    .footer a {
        width: 100%;
    }

    .headerHolder > a:first-of-type img {
        max-height: 60px;
        width: 120px;
    }

    .mainSearch {
        margin-top: 0;
    }
}

@media (max-width: 620px) {
    .compare_header {
        text-align: left;
    }
}

@media (max-width: 576px) {
    .TLVyrobcovia .TLDLineHolder .dlazdice {
        display: flex;
        padding-bottom: 10px;
    }

    .TLVyrobcovia .dlazdice .popisMain, .TLVyrobcovia .dlazdice .dlazdice_nadpis {
        margin: 0;
    }

    .TLVyrobcovia .dlazdice .dlazdice_nadpis {
        height: auto;
    }

    .TLVyrobcovia .dlazdice .dlazdice_img {
        flex: 0 0 50px;
    }

    .TLVyrobcovia .dlazdice .popisMain {
        line-height: 48px;
        margin-left: 10px;
        text-align: left;
        flex-grow: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /*.TovarList .dlazdice{display: flex;}.TovarList .dlazdice .dlazdice_img{flex: 0 0 85px;padding-right: 10px;}.TovarList .dlazdice_img a img{height: 75px!important;width: 75px!important;}.TovarList .dlazdice .popisMain{text-align: left;margin-top: 0;flex-grow: 1;}.TovarList .dlazdice_nadpis{margin: 0;height: auto;white-space: initial;}.TovarList .dlazdice .objednat{text-align: left;}*/
    .TovarList .dlazdice .objednat > input {
        margin-left: 0;
    }
}

@media (max-width: 530px) {
    #search_naseptavac {
        width: calc(100% - 30px)!important;
        left: 0;
        margin-left: 15px!important;
        margin-right: 15px!important;
    }
}

@media (max-width: 426px) {
    .topMenu .logMenu {
    }

    .menuReg {
        height: auto;
    }

    .menuReg a {
        width: 100%;
        display: block;
        margin: 0!important;
    }
}

@media (max-width: 390px) {
    .detail-popis .additional_info span {
        width: 130px;
    }
	.basket_btn_wrap{
		flex-direction: column-reverse;
		align-items: end;
	}
}

@media (max-width: 576px) {
    .zlava {
        margin-right: 0;
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .detail-wrap .detail-image {
        flex-direction: column;
    }

    .detail-image > div.alternativy {
        overflow: inherit;
    }
}
@media (max-width: 991px) {
    .productHeader {
        margin-top: 2rem;
    }
}