/* CSS Document */
html {
    background-repeat: no-repeat;
    height:100%;
    width: 100%;
}
body {
    background: #fff url(components/wall.jpg) top center no-repeat;
    padding: 0px;
    margin: 0px;
    height:100%;
    color: black;
    font: normal 13px/22px Tahoma;
}

a.vomobutton{float: left; margin-top: 25px;}
body.vomo {
    background: #fff url(components/wallvomo.jpg) top center no-repeat;
}
.vo-box {
    margin: 45px auto 0px auto;
}

.fb-share-button {
    padding: 0px;
    margin: 0px;
    float: right;
}
.top-strip {
    height: 144px;
    width: 1112px;
    min-width: 1112px;
    margin: auto;
}
.top-strip2 {
    height: 144px;
    width: 100%;
    top:0;
    left:0;
    background: url(components/top-2.png) repeat-x;
    z-index:500;
    /*opacity:.9;*/
    margin: auto;
    display:none;
    position:fixed;
}
.topbox2 {
    background: url(components/top-2.png) repeat-x;
    position: relative;
    width: 1102px;
    margin: auto;
    color: white;
}

.go.go-edit{
    padding-top: 0px!important;
    padding-bottom: 0px !important;     max-height: 23px;
}
.user-list thead td {
    background: url(components/des-bg.jpg);
    color: orange;
    text-align: center;
}
.user-list{border-collapse: collapse;}
.user-list td{border: solid 1px black; padding: 10px 20px;
              border-radius: 4px;
              background: #F0F4F9;
              border: 1px solid silver;
              outline: none;
}
.slim {
    width: 1024px;
    margin: auto;
}
.rekap {
    width: 1024px;
    margin: auto;
}
.rekap .des {
    width: 650px;
    background: none;
    color: black;
}
/* mapa */
iframe {
    width: 1080px;
    padding: 5px;
    border: 1px dotted silver;
    margin: 10px auto 20px auto;
    border-radius: 7px;
}
#pagin {
    margin: 10px auto 10px auto;
    text-align: center;
}
.paginator-active {
    padding: 3px 4px 3px 4px;
    background: url(components/main-link-o.jpg);
    border-radius: 4px;
    color: white;
    border: 1px solid silver;
    font-weight: bold;
}
.vomo .log-tab{margin-top:20px;}


/*.price-table{border: solid;}*/

table.price-table {
    border-collapse: collapse;
    width: 100%;
}

.price-table th, .price-table td {
    text-align: left;
    padding: 8px;
}

.price-settings h2{margin-top: 15px; margin-bottom: 20px; color: black;}

.price-table td input{width: 80px; margin-right: 10px;}
.price-table td label{margin-right: 10px;}

.price-table tr:nth-child(even){background-color: #f2f2f2}
.price-table tr:nth-child(odd){background-color: white}

.price-table th {
    background-color: #FF9006;
    color: white;
}

/*kontaktn� formular*/
.lt {
    float: left;
}
.rt {
    float: right;
}

.lt1 {
    float: left;
    margin: 0px 0px 0px 35px;
}
.rt1 {
    float: right;
    margin: 0px 35px 0px 0px;
}

.tb {
    width: 660px;
    padding: 15px;
    margin: 25px 0px 0px 10px;
    background: #ECEEF2;
    border-radius: 7px;
    border: 1px solid silver;
}
.tb textarea, .tb input {
    background: #F6F6F6;
    padding: 5px;
    width: 290px;
    overflow: hidden;
    border: 1px solid silver;
    border-radius: 6px;
}
.tb .submit3 {
    background: url(components/main-link.jpg);
    color: #000;
    padding: 8px;
    width: 274px;
    cursor: pointer;
    font: bold 14px Arial;
}
.tb .submit3:hover {
    background: url(components/main-link-o.jpg);
    color: orange;
}

.vomo-alert.alert {
    width: auto;
    float: left; color: #CE7200;
    background: transparent;
    border-radius: 5px;
    color: #CE7200;
    border: 2px solid #CE7200;
    padding: 10px;
    margin: 10px 0px 10px 140px;
}
.alert2 {
    width: 660px;
    background: #EAF2FB;
    border-radius: 5px;
    color: #215591;
    border: 1px solid #215591;
    padding: 10px;
    margin: 10px 0px 10px 0px;
}.red {
    color: red;
}
.alert {
    width: 660px;
    background: #FDEEEE;
    border-radius: 5px;
    color: red;
    border: 1px solid red;
    padding: 10px;
    margin: 10px 0px 10px 0px;
}

.alert.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.bt {
    font: normal 15px/25px Tahoma;
}

/*.middle-strip {
        height: 250px;
        width: 1112px;
        margin: auto;
}*/
.logo-box {
    width: 417px;
    float: left;
}
.logo-box .top {
    height: 37px;
    text-align: center;
    color: white;
    letter-spacing: 1px;
    overflow: hidden;
    padding: 5px 0px 0px 0px;
    font: normal 12px/40px Tahoma;
}
.foto-box {
    width: 250px;
    height: 250px;
    vertical-align: middle;
    float: left;
    padding: 10px;
    border: 5px solid #E1E5E8;
    text-align: center;
    margin: 15px 15px 15px 80px;
    background: #fff;
    border-radius: 7px;
}
.adminbox {
    margin: 30px 0px 20px 100px;
}
.ab2 {
    float: right;
    padding: 3px 20px 0px 0px;
}
.content .adminbox a {
    display: block;
    background: url(components/main-link.jpg);
    height: 38px;
    border-radius: 7px;
    width: 250px;
    margin: 20px 0px 0px 0px;
    padding: 0px 20px 0px 20px;
    font: bold 15px/38px Tahoma;
    color: black;
    text-decoration: none;
}
.content .adminbox a:hover {
    display: block;
    background: url(components/main-link-o.jpg);
    width: 250px;
    height: 38px;
    font: bold 15px/38px Tahoma;
    color: white;
    text-decoration: none;
}
.desc-box {
    width: 500px;
    float: left;
    margin: 0px 0px 0px 150px;
}
.desc-box .dim {
    background: #C8CED4;
    padding: 20px;
    font: normal 18px/26px Tahoma;
    color: #232323;
    border-radius: 7px;
}
.desc-box .price {
    background: #3C4852;
    font: normal 18px/27px Tahoma;
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    border-radius: 7px;
}
.all-price {
    font: bold 18px/27px Tahoma;
    color: orange;
}
.des-cont {
    width: 1050px;
    padding: 15px;
    margin: auto;
    border-radius: 7px;
    background: #EBEEF1;
    border: 1px dotted #C8CED4;
}
.ad-bask {
    float: right;
    width: 100px;
}
.small-text {
    font: normal 13px/24px Tahoma;
    color: silver;
}
.tr {
    text-align: right;
}
.tr2 {
    text-align: right;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    float: right;
}
.tl {
    float: left;
    color: red;
    padding: 3px;
    background: #FFE5E5;
    border: 1px dotted red;
    margin: 5px 0px 0px 20px;
    border-radius: 3px;
}
.reg-tab {
    width: 520px;
    float: left;
    margin: 10px;
}
.reg-tab1 {
    width: 520px;
    float: left;
    margin: 52px 10px 10px 10px;
}
.reg-tab .input, .reg-tab1 .input {
    width: 340px;
    padding: 3px;
    height: 28px;
    border-radius: 4px;
    background: #F0F4F9;
    border: 1px solid silver;
    outline: none;
}
.reg-tab .note {
    width: 340px;
    padding: 3px;
    height: 90px;
    border-radius: 4px;
    background: #F0F4F9;
    border: 1px solid silver;
    outline: none;
    resize: none;
}
.check {
    width: 25px;
    height: 25px;
    border-radius: 3px;
}
.des-n {
    background: url(components/des-bg.jpg);
    height: 90px;
    width: 180px;
    border-radius: 4px;
    color: white;
    font: bold 14px/28px Tahoma;
    padding: 0px 10px 0px 10px;
}
.des {
    background: url(components/des-bg.jpg);
    height: 28px;
    width: 180px;
    border-radius: 4px;
    color: white;
    font: bold 14px/28px Tahoma;
    padding: 0px 10px 0px 10px;
}

.content .link-main a {
    display: block;
    background: url(components/main-link.jpg);
    height: 38px;
    width: 190px;
    font: bold 14px/38px Tahoma;
    color: black;
    text-decoration: none;
    text-align: center;
    position: absolute;
    top: 230px;
    left: 35px;
    border: 1px dotted orange;
    border-radius: 6px;
}
.content .link-main a:hover {
    display: block;
    background: url(components/main-link-o.jpg);
    height: 38px;
    width: 190px;
    font: bold 14px/38px Tahoma;
    color: white;
    text-decoration: none;
    text-align: center;
    position: absolute;
    top: 230px;
    left: 35px;
    border: 1px solid #FFA02B;
}
.c {
    text-align: center;
}
.cl {
    clear: both;
}
.content {
    width: 1112px;
    margin: 0px auto 0px auto;
    /*padding-bottom: 174px;*/
    padding-bottom: 50px;
}
.log-tab {
    float: right;
    margin: 5px 0px 0px 0px;
    padding: 7px;
}
.log-tab .input {
    width: 120px;
    padding: 3px;
    background: white;
    border: 1px solid silver;
    border-radius: 4px;
}
.fulltext-filter .clearfix-nf{
    float: none; clear: both; width: 100%;
}
.fulltext-filter h2{
    color: white;
    margin-top: 10px; margin-left: 10px; margin-bottom: 10px;
}

.fulltext-filter input.filter-button{
    background: url(components/main-link-o.jpg) center repeat-x;
    height: 25px;
    display: block;
    padding: 3px 8px 3px 8px;
    text-align: center;
    color: white;
    border-radius: 4px;
    border: 1px solid silver; cursor: pointer;
}
.fulltext-filter .input-wrapper{
    float: left; padding: 0 10px 0px 10px;
}
.fulltext-filter .input {
    padding: 3px;
    background: white;
    border: 1px solid silver;
    border-radius: 4px;
}
.log-tab2 {
    float: left;
    margin: 10px 0px 0px 0px;
    padding: 7px;
}
.log-tab2 .input {
    width: 120px;
    padding: 3px;
    background: white;
    border: 1px solid silver;
    border-radius: 4px;
}
.input2 {
    width: 85px;
    padding: 4px;
    background: white;
    border: 1px solid silver;
    border-radius: 4px;
}
.input3 {
    width: 160px;
    padding: 4px;
    background: white;
    border: 1px solid silver;
    border-radius: 4px;
}
.input4 {
    width: 520px;
    padding: 4px;
    background: white;
    border: 1px solid silver;
    border-radius: 4px;
}
td.white textarea[name="popis"]{
    margin-bottom: 20px;
}
.search-box textarea {
    width: 520px;
    height: 85px;
    padding: 4px;
    background: white;
    border: 1px solid silver;
    border-radius: 4px;
}
.log-tab .go, .prod-list1 .go, .go {
    background: url(components/main-link.jpg) center repeat-x;
    height: 25px;
    display: block;
    padding: 3px 8px 3px 8px;
    text-align: center;
    color: white;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid silver;
}
.log-tab .go:hover, .prod-list1 .go:hover, .go:hover {
    background: url(components/main-link-o.jpg) center repeat-x;
    height: 25px;
    display: block;
    padding: 3px 8px 3px 8px;
    text-align: center;
    color: white;
    border-radius: 4px;
    border: 1px solid silver;
}


.go2, .prod-list1 .go2, .prod-list2 .go2 {
    background: url(components/main-link.jpg) center repeat-x;
    height: 35px;
    padding: 0px 15px 0px 15px;
    font: bold 15px/35px Tahoma;
    display: block;
    text-align: center;
    color: black;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid silver;
}
.go2:hover, .prod-list1 .go2:hover, .prod-list2 .go2:hover {
    background: url(components/main-link-o.jpg) center repeat-x;
    height: 35px;
    display: block;
    text-align: center;
    color: white;
    border-radius: 4px;
    border: 1px solid silver;
}
.content a.add {
    background: url(components/add.jpg) left no-repeat;
    height: 35px;
    padding: 0px 10px 0px 35px;
    font: bold 15px/35px Tahoma;
    display: block;
    text-decoration: none;
    color: white;
    border-radius: 4px;
    border: 1px solid silver;
}
.content a.add:hover {
    background: url(components/add-o.jpg) left no-repeat;
    height: 35px;
    padding: 0px 10px 0px 35px;
    display: block;
    color: white;
    border-radius: 4px;
    border: 1px solid silver;
}

.content a.back {
    background: url(components/back.jpg) left no-repeat;
    height: 35px;
    padding: 0px 10px 0px 35px;
    font: bold 15px/35px Tahoma;
    display: block;
    text-decoration: none;
    color: white;
    border-radius: 4px;
    border: 1px solid silver;
}
.content a.back:hover {
    background: url(components/back-o.jpg) left no-repeat;
    height: 35px;
    padding: 0px 10px 0px 35px;
    display: block;
    color: white;
    border-radius: 4px;
    border: 1px solid silver;
}

.content a.next {
    background: url(components/next.jpg) left no-repeat;
    height: 35px;
    padding: 0px 10px 0px 35px;
    font: bold 15px/35px Tahoma;
    display: block;
    text-decoration: none;
    color: white;
    border-radius: 4px;
    border: 1px solid silver;
}
.content a.next:hover {
    background: url(components/next-o.jpg) left no-repeat;
    height: 35px;
    padding: 0px 10px 0px 35px;
    display: block;
    color: black;
    border-radius: 4px;
    border: 1px solid silver;
}



.search-box .go3 {
    background: url(components/main-link-o.jpg) center repeat-x;
    height: 35px;
    font: normal 15px/35px Tahoma;
    display: block;
    text-align: center;
    padding: 0px 15px 0px 15px; 
    color: white;
    cursor: pointer;
    border-radius: 6px;
    border: 1px solid silver;
}
.search-box .go3:hover {
    height: 35px;
    display: block;
    text-align: center;
    color: #F9AF72;
    text-decoration: underline;
    border-radius: 6px;
    border: 1px solid white;
}
.search-box table {
    float: left; width: 925px;
}
.result {
    position: absolute;
    bottom: 12px;
    right: 20px;
}

.log-tab a {
    color: gray; text-decoration: none;
}
.log-tab a:hover {
    color: #CE7200; text-decoration: none;
}
.log-tab2 a {
    color: white; text-decoration: none;
}
.log-tab2 a:hover {
    color: #CE7200; text-decoration: none;
}

.tr2 a, .content a {
    color: #CE7200; text-decoration: underline;
}
.tr2 a:hover, .content a:hover {
    color: gray; text-decoration: none;
}
.prod-list1 a, .prod-list2 a {
    color: black; text-decoration: underline; font-weight: bold;
}
.prod-list1 a:hover, .prod-list2 a:hover {
    color: #C25F0E;
    text-decoration: none;
    font-weight: bold;
}
.box-motopneu p, .box-autopneu p, .box-duse p, .box-oleje p {
    width: 400px;
    height: 250px;
    margin: 30px 0px 20px 10px;
    font: normal 15px/25px Tahoma;
}

h1 {
    color: #334246;
    padding: 0px;
    margin: 15px 0px 15px 0px;
    font: normal 23px Tahoma;
}
h2  {
    color: #FF9006;
    padding: 0px 0px 3px 0px;
    margin: 0px;
    font: normal 19px Tahoma;
}
.box-motopneu h2, .box-autopneu h2, .box-duse h2, .box-oleje h2 {
    color: #CE7200;
    display: inline;
    background: white;
    border: 1px dashed #FF9006;
    border-radius: 7px;
    padding: 5px 10px 5px 10px;
    margin: 0px;
    font: normal 19px Tahoma;
}
.search-box {
    /*background: top url(components/main-link.jpg) #FFA433 repeat-x;*/
    padding: 10px;
    background-color: #FFA433;
    position: relative;
    display: block;
    width: 1100px;
    margin: auto;
    border-radius: 7px;
    border: 1px dotted orange; padding-top: 0;

}
.fulltext-filter.search-box{
    box-sizing: border-box;
}

.count {
    width: 40px;
    padding: 3px;
    border-radius: 4px;
    background: #F0F4F9;
    border: 1px solid silver;
}
.basket-small {
    /*background: url(components/basket-small.png);*/
    background: url(components/basket-big.png);
    width: 100%;
    padding: 3px;
    color: transparent;
    border: none;
    cursor: pointer;
    height: 23px;
    border-radius: 4px;
     margin-left: 30px;
}
.desc-box .basket-small {display: block; float: none;    margin-left: 30px;}
.prod-list1:hover, .prod-list2:hover {
    background: #FFFFE0;
}
.prod-list1 {
    padding: 10px;
    width: 1100px;
    margin: 5px auto 5px auto;
    background: #E4EAF4;
    border-radius: 7px;
    display: block;
    border: 1px dotted silver;
    font: normal 13px/19px Tahoma;
    clear: both;
}
.prod-list2 {
    padding: 10px;
    width: 1100px;
    margin: 5px auto 5px auto;
    background: #F5F5F5;
    border-radius: 7px;
    display: block;
    font: normal 13px/19px Tahoma;
    border: 1px dotted silver;
}
.prod-list1 .b2, .prod-list2 .b2 {
    width: 85px;
    text-align: right;
}
.prod-list2 .btn {
    width: 85px;
    padding: 2px;
    text-align: center;
    background: #C3CCD5;
    border-radius: 4px;
}
.prod-list1 .btn {
    width: 85px;
    padding: 2px;
    text-align: center;
    background: #B6C0C8;
    border-radius: 4px;
}
.prod-list1 .btn img, .prod-list2 .btn img {
    border: 1px dotted silver;
}
.prod-list1 .b3, .prod-list2 .b3 {
    width: 450px;
    padding-left: 10px;
}
.prod-list1 .b4, .prod-list2 .b4 {
    width: 130px;
    text-align: right;
}
.b4k {
    width: 230px;
}
.b4kc {
    width: 230px;
    text-align: center;
}
.b5k {
    width: 150px;
    padding-left: 5px;
}
.prod-list1 .b5, .prod-list2 .b5 {
    width: 300px;
    padding-left: 10px;
}
.green {
    color: green;
    padding: 3px;
    background: white;
    border-radius: 4px;
    border: 1px solid green;
}
.red {
    color: red;
}
.prod-list1 .red, .prod-list2 .red {
    color: red;
    padding: 3px;
    background: white;
    border-radius: 4px;
    border: 1px solid red;
}
.orange {
    color: orange;
    padding: 3px;
    background: white;
    border-radius: 4px;
    border: 1px solid orange;
}
.white {
    color: white;
    font-weight: bold;
}
.search-box select {
    padding: 3px;
    border-radius: 4px;
}

.vo-basket-selector select {
    padding: 3px;
    border-radius: 4px; margin-bottom: 20px;
}
.vo-basket-selector .first-step,
.vo-basket-selector .second-step
{
    margin-bottom: 20px;
    border-bottom: solid 1px;
    padding-bottom: 20px;
}

.box-motopneu {
    background: url(components/box-motopneu.png) no-repeat;
    width: 475px;
    height: 320px;
    margin: 20px 15px 0px 15px;
    float: left;
    position: relative;
}
/*.box-motopneu.pull-right{float:right;}*/
/*.box-oleje.pull-right{float:right;}*/
.box-autopneu {
    background: url(components/box-autopneu.png) no-repeat;
    width: 475px;
    height: 320px;
    margin: 40px 25px 0px 0px;
    float: right;
    position: relative;
}
.box-duse {
    background: url(components/box-duse.png) no-repeat;
    width: 475px;
    height: 320px;
    margin: 20px 25px 0px 0px;
    float: right;
    position: relative;
}
.box-oleje {
    background: url(components/box-oleje.png) no-repeat;
    width: 475px;
    height: 320px;
    margin: 40px 15px 0px 15px;
    float: left;
    position: relative;
}
.footer {
    /*height: 154px;*/
    height: 284px; margin-bottom: -50px;
    /*position: absolute;*/
    bottom: 0;
    left: 0;
    min-width: 100%;
    background: url(components/footer-bg.jpg) repeat;
}
.f-cont {
    width: 1112px;
    margin: 11px auto 0px auto;
    color: white;
    position: relative;
}
.f-cont .d {
    float: left;
    margin: 3px;
    border: 1px solid silver;
}
.f-cont .d2 {
    float: left;
    margin: 3px 3px 3px 16px;
    border: 1px solid silver;
}
.fl {
    margin: 10px 0px 0px 10px;
    height: 204px;
    float: left;
    padding: 0px 10px 0px 0px;
    border-right: 1px dotted silver;

}
.fr {
    float: right;
    text-align: right;
    margin: 10px 10px 0px 0px;
    color: white;
}
.fr a {
    text-decoration: none; color: #FFB72F;
}
.fr a:hover {
    text-decoration: underline; color: #FFF;
}
.wrapper {
    min-height:100%;
    min-width: 100%;
    margin: auto;
    position:relative;
    background: url(components/wrapper-bg.png) fixed;
}
#back-top {
    position: fixed;
    float: right;
    bottom: 50px;
    right: 30px;
}
/*arrow to top*/
#back-top a {
    width: 46px;
    display: block;
    text-align: center;
    font: 11px Tahoma;
    text-transform: uppercase;
    text-decoration: none;
    color: #B0C4DE;
}
#back-top a:hover {
    color: #F28600;
}
/* arrow icon (span tag) */
#back-top span {
    width: 46px;
    height: 48px;
    display: block;
    background:  url(components/up-arrow1.png) no-repeat center center;
}
#back-top a:hover span {
    background:  url(components/up-arrow-h1.png) no-repeat center center;
}


#ceniky{position: absolute; /*width: 200px;*/ background-color: #ededed; left: 0px;
        border-radius: 7px;
        box-shadow: 5px 10px 15px #888888;
        border: 1px dotted orange;
        z-index: 9;
        text-align: right;
        margin: 5px;
        padding: 10px;
        line-height: 180%; padding-top: 10px; padding-bottom: 10px; display: none;}
#feedy{position: absolute; /*width: 200px;*/ background-color: #ededed; left: 0px;
       border-radius: 7px;
       box-shadow: 5px 10px 15px #888888;
       border: 1px dotted orange;
       z-index: 9;
       text-align: right;
       margin: 5px;     margin-left: 80px;
       padding: 10px;
       line-height: 180%; padding-top: 10px; padding-bottom: 10px; display: none;}
.wg-submenu{display: none;}

.wg-level-menu{list-style: none;}
.wg-level-menu ul{list-style: none; margin-right: 15px;}
.log-tab{position: relative;}

table.nice-table{
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

table.nice-table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    background-color: #ededed;
}

table.nice-table tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}
table.nice-table tr:nth-of-type(even) {
    background-color: rgba(0,0,0,.15);
}

table.nice-table td, table.nice-table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.full-image-wrapper img{max-width: 100%; max-height: 100%; object-fit: contain; height: -webkit-fill-available;
                        width: -webkit-fill-available;
}
.full-image-wrapper .popup-image-fixer{ max-height: 500px; max-width: 500px; position: relative; background-size: contain; background-position: center;
                                        width: 500px; height: 500px; background-repeat: no-repeat;}
.full-image-wrapper{position: absolute; max-height: 500px; max-width: 500px; margin-left: 100px; z-index: 9999;
                    /*height: 600px; width: 300px;*/
                    /*right: -50px; bottom: 0px;*/ 
                    /*top: 100px;*/
                    /*                       box-shadow: 0 4px 2px -2px #dedfe2;
                        -webkit-box-shadow: 0px 0px 30px 4px rgba(204,207,213,1);
                        -moz-box-shadow: 0px 0px 30px 4px rgba(204,207,213,1);
                        box-shadow: 0px 0px 30px 4px rgba(204,207,213,1);*/
}
.dostupnost-wrapper{position: absolute;  max-width: 500px; padding: 20px; background-color: white;
                    /*height: 600px; width: 300px;*/
                    /*right: -50px; bottom: 0px;*/ 
                    /*top: 100px;*/
                    box-shadow: 0 4px 2px -2px #dedfe2;
                    -webkit-box-shadow: 0px 0px 30px 4px rgba(204,207,213,1);
                    -moz-box-shadow: 0px 0px 30px 4px rgba(204,207,213,1);
                    box-shadow: 0px 0px 30px 4px rgba(204,207,213,1);
}
/*.relative-img-wrapper{position: relative;}*/

.qty-wrapper{float: left; width: 87px; padding-left:30px;}
.qty-wrapper button.plus{
    background-color: green; margin-left: 2px;
    border: none;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
}
.qty-wrapper button.minus{ margin-right: 2px;
                           background-color: red;
                           border: none;
                           color: white;
                           padding: 4px 8px;
                           border-radius: 4px;
}
.qty-wrapper input[type="text"]{
    width: 30px; text-align: center;
}
.qty-wrapper button,
.qty-wrapper input
{float: left;    }

.social-buttons{    float: left;
                    margin-top: -25px; }

.social-buttons .sbutton{float: left; margin-right: 5px; cursor: pointer;}
.social-buttons .sbutton.twitter{float: left; color: white; text-align: right; margin-top: 15px;     margin-right: 5px;}
.social-buttons .sbutton.facebook{float: left; color: white; text-align: right; margin-top: 15px;     margin-right: 5px;}
.social-buttons .sbutton.twitter a{ color: white; text-align: right; width: 100%; font-size: 11px; display: block; background-color: #1b95e0; 
                                    background-image: url('components/twitter-icon.png'); background-position:  center; 
                                    line-height: 20px; border-radius: 3px; background-repeat: no-repeat;   
                                    padding-left: 0px; padding-right: 10px;    min-width: 15px;
                                    min-height: 20px;
                                    width: 20px;

}
.social-buttons .sbutton.facebook a{ color: white; text-align: right; width: 100%; font-size: 11px; display: block;
                                     background-image: url('components/facebook-icon.png'); background-position: left center; 
                                     line-height: 20px; border-radius: 3px; background-repeat: no-repeat;      background-position: 10px;
                                     padding-left: 0px; padding-right: 10px;    min-width: 15px;
                                     min-height: 20px; 
                                     width: 20px; background-size: contain;

}
.social-buttons .sbutton.facebook{margin-right: 8px;;}
.social-buttons .sbutton.gplus{margin-top: 18px;;}
.social-buttons .sbutton.email{margin-top: 15px;;}
.social-buttons .sbutton.email button{ cursor: pointer;  background-image: url('components/envelope-icon.png'); background-position: center center; background-color: transparent;
                                       border: none;  background-repeat: no-repeat; width: 30px; height: 20px; display: block;}

.wg-dialog{background-color: white; width: 600px; margin:  0 auto; padding: 30px;}

.item-wrappr{width: 100%; float: left;     margin-bottom: 10px;}
.item-wrappr label{width: 100%; float: left;}
.item-wrappr input, textarea{width: 100%; float: left;}

.wg-dialog .alert{max-width: 100%; list-style: none;}

.dostupnost-popup{cursor: pointer;}

.wg-dialog button{margin-top: 20px; background-color: #ff9003; color: white; font-weight: bold; border-radius: 4px; border: none; padding: 5px 15px;}

.prod-list2 tr:first-child td:first-child{min-width: 60px}
.prod-list1 tr:first-child td:first-child{min-width: 60px}

.wg-dialog .close-button{
    float: right; cursor: pointer;
    margin-top: 0;
}

.filter-category-menu{     margin-left: -11px;
                           width: 1122px; clear: both;     
                           /*border-bottom: solid 1px #ededed;*/
                           float: left;
                           /*padding-bottom: 10px;*/
                           border-top-left-radius: 7px; border-top-right-radius: 7px; margin-top: -1px;
}
.filter-category-menu ul{    float: left;
                             width: 100%; border-top-left-radius: 7px; border-top-right-radius: 7px;
                             list-style: none; margin-left: 0px; padding-left: 0px;  
                             /*background-color: #ff8d00;*/
                             background-color: #3d3d3d;
                             margin-top: 0px;
}
.basket-menu{
    border-radius: 7px;    margin-bottom: 30px;
    clear: both;
    border-radius: 7px;
    margin-bottom: 30px;
    clear: both;
    width: 100%;
    box-sizing: border-box;     padding-left: 20px;
}
.basket-menu.filter-category-menu ul{    border-radius: 7px;}
.basket-menu.filter-category-menu ul li{
    width: 25%; float: left;
}
.basket-menu ul .like-link{
    display: block;
    list-style-type: none;
    text-align: center;
    color: white;
    font: bold 14px/27px Arial;
    padding: 0px 10px 0px 10px;
    border-right: 1px dotted white;
    text-decoration: none;
    height: 47px;
    text-transform: uppercase; line-height: 47px;
}
.basket-menu.filter-category-men ul li a.active{
    border-radius: 7px;
}
.basket-menu.filter-category-menu ul li:last-child a{
    border-bottom-right-radius: 7px;
}

.basket-menu.filter-category-menu ul li:first-child a{
    border-bottom-left-radius: 7px;
}
.filter-category-menu ul li:last-child a{border-right: none!important; border-top-right-radius: 7px;}
.filter-category-menu ul li:first-child a{border-top-left-radius: 7px;}
.filter-category-menu ul li a{    padding: 10px 0px !important; color: white !important;}
.filter-category-menu ul li a:hover{background-color: #FFA433;}
.filter-category-menu ul li a.active{background-color: #FFA433;}
.filter-category-menu ul li{
    float: left; 
    /*width: 16.667%;            */
    width: 14.28%;
}
.filter-category-menu ul.t_m li.item_t a,
.filter-category-menu ul.t_m li.item_t2 a
{color: black;}

.basket-buttons{width: 100%; clear: both; float: left;
    /*margin-top: 30px;*/
}
.basket-buttons a, .basket-buttons button {border-radius: 7px;  display: inline-block;
    list-style-type: none;
    text-align: center;
    background-color: #FF9003;
    color: white;
    font: bold 14px/27px Arial;
    padding: 0px 10px 0px 10px;
    border-right: 1px dotted white;
    text-decoration: none;
    font-weight: normal;
    padding: 4px 10px;
 border:none;}
.basket-buttons button:hover{cursor: pointer;}
.basket-buttons table{width: 100%;}
.basket-buttons table td:first-child{text-align: left;}
.basket-buttons table td{text-align: center;}
.basket-buttons tr td:last-child{text-align: right;}

.vo-box{width: 600px; margin: 0 auto; float: none; background-color: rgba(127,127,127,0.5); border-radius: 6px;}
.search-box table select{width: 100%;}

.basket-label{    color: white;
                  padding-right: 10px;
                  font-weight: bold;
                  display: inline-block;
                  float: left;
                  padding-top: 10px;}

.bb-wrapper span{ font-weight: 500; padding-top: 8px; font-size: 9px;     margin-right: 14px;}
.bb-wrapper{
    display: block; float: left; margin-top: 4px; width: 85px;
}

.ks-wrapper{
    vertical-align: top; padding-top: 30px;
}
.ks-wrapper-np{
    vertical-align: top; padding-top: 40px;
}

.ad-bask tr td:first-child{vertical-align: top;}
.ad-bask tr  .bb-wrapper span{  margin-right: 18px;}

.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}

#product-form-dialog   iframe {
    width: auto;
    padding: 0px;
    border: none;
    margin: 0;
    border-radius: 0;

}

#product-form-dialog  .subject-row,
#product-form-dialog  .message-row,
#product-form-dialog  .email-row,
#product-form-dialog  .button-row
{
    float: left; width:100%;
}
#product-form-dialog label{
    display: block; width: 100%;
}
#product-form-dialog textarea{min-height: 150px;}
#product-form-dialog input{
    display: block; width: 100%;
}
#product-form-dialog .captcha-wrapper{
    clear: both; padding: 10px 0px;
}
#product-form-dialog button.submit-ajax-form{
    color: green;
    padding: 5px 10px; cursor: pointer;
    background: white;
    border-radius: 4px;
    border: 1px solid green;
}
#product-form-dialog button.submit-ajax-form:hover{
    color: white;
    background-color:green;
}

#product-form-dialog ul{list-style: none; padding-left: 0px; margin-left: 0px;}
#product-form-dialog .alert{
    width: auto;
}

button.ajax-question{
    float: none;
    border: none;

    background-color: #C8CED4; 
    padding: 5px;
    width: 85px;
    font-weight: bold;
    border-radius: 5px; cursor: pointer;
}

button.ajax-question:hover{
          background-color: #ededed; 
}

button.ajax-question.abs{position: absolute; margin-top: -30px;     margin-left: 0px;}

.desc-box .ad-bask{margin-top: 25px;}

#product-form-dialog{display: none;}
.mfp-content #product-form-dialog{display: block;}

.dialog-btn-wrapper{width: 100%;     padding: 10px 0px;}
.dialog-btn-wrapper button{border: none;padding: 5px 10px; cursor: pointer;}
.dialog-btn-wrapper .back-button{ float: left;     background-color: red; color: white;}
.dialog-btn-wrapper .confirm-button{; float: right; background-color: green; color: white;}
.dialog-btn-wrapper .confirm-button{; float: right; background-color: green; color: white;}
.dialog-btn-wrapper .confirm-button:disabled,
.dialog-btn-wrapper .confirm-button[disabled]
{ float: right; background-color: green; color: white;     opacity: 0.2;}
input#user_secure_code{width: 100px; float: right;}
.label-combo{float: left;    padding-left: 180px;
    padding-top: 2px;}
.label-combo label{float: left; width: 50px!important;}
.ks-fixer{
        margin-left: -25px;
    position: absolute;
    margin-top: 5px;
}

.im-wrapper img{max-width: 200px; max-height: 150px;}

.left-half{float: left;width: 50%;}
.right-half{float: left;width: 50%;}
.thank-you-page{text-align: center; line-height: 200%;     font-size: 20px; padding: 50px;
    background: rgba(15,15,15,0.2); margin: 0 auto;
    max-width: 600px;  }

.back-to-home{
    display: inline-block;
    list-style-type: none;
    text-align: center;
    background-color: #FF9003;
    color: white!important;
    font: bold 14px/27px Arial;
    padding: 0px 10px 0px 10px;
    border-right: 1px dotted white;
    text-decoration: none;
    font-weight: bold;
    padding: 4px 10px;
    border: none;
    border-radius: 7px;


}

.back-to-home-wrapper {
    text-align: center;
    margin-top: 20px;
}

.qty-wrapper.basket{padding-left: 0px;}

.left-half .note,
.right-half .note
{font-size: 10px; font-style: italic; clear: both; float: none;}
.clearfix.clearfix-nf{float: none;}

ul.product-types-sumarry{float: right; padding-right: 15px; font-size: 16px; list-style: none; line-height: 170%;}
.bp-wrapper{padding: 0 6px;}

.hilight{background: rgba(15,15,15,0.2); float: left; width: 100%; padding: 10px; border-radius: 10px; box-sizing: border-box; margin-bottom: 10px;}

.bp-wrapper .hilight{padding-left: 15px; padding-right: 15px;}

.sum-label{display: inline-block; min-width: 100px;}

#currency_selector{       position: absolute;
    margin-left: 380px;
    top: 10px;
    width: 130px;
}

.dropbtn {
    background-color: #ededed;
    color: black;
    padding: 8px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    width: 130px;
    border-radius: 3px;
}
.dropbtn img{margin-right: 10px;}

.dropdown {
    display: inline-block;
    margin-left: 20px;
    width: 140px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #373737;
    min-width: 104px;
    box-shadow: 0px 8px 16px
    0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    left: 25px;
    width: 130px;
    border-radius: 3px;
}

.dropdown-content a {
    color: white !important;
    padding: 12px 10px;
    text-decoration: none;
    display: block;
    height: auto!important;
    text-align: left!important;
    border-radius: 3px;

}
.dropdown-content a img{float: left; margin-right: 10px;}

.dropdown-content a:hover {
    background-color: #f1f1f1;
    color: black!important;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #f5f5f5;
}

.alt-offer-header{ height: 80px; font-size: 27px; line-height: 140%; padding: 0px 50px;}
.alt-offer-price{}
.alt-offer-availability{}
.alt-offer-button{}

.bordered-row td{border-top: dotted 1px #363636;}

.fulltext-filter.search-box .input-wrapper{float: left;}
.fulltext-filter.search-box .input-wrapper label{display: block; font-size: 15px; font-weight: bold;}
.fulltext-filter.search-box .input-wrapper.search-text input{min-width: 510px;}
.fulltext-filter.search-box .input-wrapper input{padding: 11px 10px;}
.fulltext-filter.search-box .input-wrapper select{padding: 10px 10px;}
.fulltext-filter.search-box .input-wrapper.submit-wrapper input    {    box-sizing: content-box;
    margin-top: 23px;
    border: none;
    border-radius: 4px;
    padding: 6px 10px;}

td.alt-offer-availability{padding-top:15px;     padding-top: 15px;
    padding-bottom: 12px;}

.bordered-row form{padding-top: 15px;}

.header-wrapper{width: 100%;}
.header-wrapper .header{width: 70%; float: left;}
.header-wrapper .actions{width: 30%; float: left;}
.header-wrapper .actions a{padding: 10px 20px;     line-height: 55px;
    font-size: 15px; float: right;
    font-weight: bold;}

a.go.ord-list{padding: 0 10px;}

select.address-filter-select{
    padding: 5px; border-radius: 3px;
    background: #F6F6F6;
    padding: 5px;
    border: 1px solid silver;
}