/**
 * Copyright since 2011 BEST FOR NET s.r.o.
 *
 * COPYRIGHT NOTICE / UPOZORNĚNÍ NA AUTORSKÁ PRÁVA
 *
 * This code is protected by copyright and may not be distributed without prior written consent of the author.
 * Under the license terms, you may use and modify this code only for your own needs.
 * For any questions or further information, please contact us.
 *
 * Tento software je chráněn autorským právem a jeho šíření bez předchozího písemného souhlasu autora není povoleno.
 * Tento kód smíte v souladu s licencí používat a upravovat jen pro své vlastní účely.
 * V případě dotazů nebo zájmu o další informace nás neváhejte kontaktovat.
 *
 * @author    BEST FOR NET s.r.o. <info@bestfornet.cz>
 * @copyright Since 2011 BEST FOR NET s.r.o.
 * @license   Komerční licence – použití, šíření a úpravy tohoto software jsou možné pouze na základě individuální smlouvy s autorem. Pro více informací kontaktujte info@bestfornet.cz
 */

table.tabulka, table.pod_tabulka {
  width: 100%;
}
.velikost-wrapper {
  display: inline-block;
  margin: 0 5px;
}
.velikost {
  font-size: 12px;
  text-align: center;
  font-weight: bold;
  color: #303030;
  display: inline-block;
  width: 60px;
}
.row-sizes input {
  border: 1px solid #303030;
  width: 30px;
  height: 20px;
}
.product-row th.prod-name, .product-row th.baleni {
  background-color: #ecfbe7;
  color: #303030;
  border-top: 2px solid #303030;
}

.product-row.is-product-news th.prod-name, .product-row.is-product-news th.baleni {
  background-color: #FFF000;
  color: #000;
}

.product-row.is-product-action th.prod-name, .product-row.is-product-action th.baleni {
  background-color: #d90000;
  color: #fff;
}

.product_news_text, .product_action_text {
  text-transform: uppercase;
}

th.pod_tabulka_cena, th.pod_tabulka_velikosti {
  background-color: #e6e6e6;
  color: #606060;
}
th.vyrobek, th.baleni, th.titulek, th.price, th.price-total {
  background-color: #48b643;
  color: #fff;
}
td.pod_tabulka_col {
  padding: 0;
}
td.row-price {
  color: #303030;
  font-weight: bold;
}
th.pod_tabulka_cena {
  width: 20%;
}
.availability {
  display: inline-block;
  border-radius: 25px;
  width: 12px;
  height: 12px;
}
.availability.outOfStock {
  background-color: #ff5555;
}
.availability.inStock {
  background-color: #48b643;
}
.velikost1 {
  display: inline-block;
}
.legend {
  margin: 20px 0;
}
.legend div {
  display: inline-block;
}
.legend .counts {
  background-color: #fff;
  border: 1px solid #303030;
  width: 20px;
  height: 15px;
}
.tabulka th {
  padding: 5px;
}
.tabulka .odd td {
  background-color: #fff;
}
.pod_tabulka td {
  padding: 5px;
}
div.submit {
  text-align: right;
}
.ws-calc-field {
  color: red;
  text-align: center;
}
p.required {
  margin-top: 10px;
  color: #ff0000;
}
p.lost_password {
  margin-bottom: 10px;
}
.nav-tabs li.active a, .nav-tabs li.active a:focus {
  background-color: #53ad42;
  color: #fff;
}
.nav-tabs li a {
  border-radius: 5px 5px 0 0;
  font-weight: bold;
}
.colorbox-login-register {
  font-size: 22px;
  line-height: 32px;
  color: #303030;
  text-align: center;
  padding: 20px;
}
#special-close-btn {
  background-color: #3a9429;
  padding: 10px 25px;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  width: 150px;
  margin: 0 auto;
}
#special-close-btn:hover {
  background-color: #53ad42;
}
#frame-bg.bonus .box {
  background: #fff;
  border: none;
}
#frame-bg.bonus h1 {
  text-align: center;
}
#frame-bg.bonus #actual-bonus-wrapper {
  height: auto;
  min-height: 300px;
  background-color: #e0f2de;
  padding: 20px;
  position: relative;
}
#frame-bg.bonus #future-bonus-wrapper {
  height: auto;
  min-height: 300px;
  padding: 20px;
  position: relative;
}
#frame-bg.bonus .total {
  clear: both;
  display: block;
  text-align: center;
  background-color: #48b643;
  width: 100%;
  height: auto;
  line-height: 40px;
  color: #fff;
  padding: 15px 0;
  font-size: 24px!important;
  background: #2e8b2a;
  margin-top: 20px;
/* Old browsers */
background: -moz-linear-gradient(left,
#2e8b2a 0%,
#48b643 3%,
#48b643 97%,
  #2e8b2a 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left,
#2e8b2a 0%,
#48b643 3%,
#48b643 97%,
  #2e8b2a 100%);
/* Chrome10-25, Safari5.1-6 */
background: linear-gradient(to right,
#2e8b2a 0%,
#48b643 3%,
#48b643 97%,
  #2e8b2a 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2e8b2a', endColorstr='#2e8b2a',GradientType=1 );
/* IE6-9 */
}
img.image-small {
  width: 35px;
  height: auto;
}
img.image-big {
  width: 35px;
  height: auto;
}
#frame-bg.bonus .main-bonus-title {
  color: #303030;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 30px;
  font-weight: bold;
}
#frame-bg.bonus #submitColorboxConfirmationColorbox i,
#frame-bg.bonus #backColorboxConfirmationColorbox i {
  display: none;
}
#frame-bg.bonus #submitColorboxConfirmationColorbox,
#frame-bg.bonus #backColorboxConfirmationColorbox {
  text-align: center;
  padding: 0;
  min-width: 242px;
  height: 60px;
  display: block;
  margin: 20px auto 0 auto;
background-image: -ms-linear-gradient(top,
#ef1e1e 0%,
  #b00000 100%);
background-image: -moz-linear-gradient(top,
#ef1e1e 0%,
  #b00000 100%);
background-image: -o-linear-gradient(top,
#ef1e1e 0%,
  #b00000 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0,
#ef1e1e), color-stop(1,
  #b00000));
background-image: -webkit-linear-gradient(top,
#ef1e1e 0%,
  #b00000 100%);
background-image: linear-gradient(to bottom,
#ef1e1e   0%,
  #b00000 100%);
  text-shadow: 1px 1px #b00000;
  font-size: 20px;
  font-weight: bold;
  text-transform: none;
  border: none;
  border-radius: 4px;
}
#frame-bg.bonus #submitColorboxConfirmationColorbox span,
#frame-bg.bonus #backColorboxConfirmationColorbox span {
  border: none;
}
#frame-bg.bonus .bonus-title {
  font-size: 19px;
  font-weight: bold;
  color: #48b643;
  margin-top: 20px;
}
#frame-bg.bonus .bonus-imge {
  float: left;
  margin-right: 9px;
}
.bonus-description {
  font-size: 18px;
  margin-top: 10px;
}
#frame-bg.bonus .bonus-item {
  margin: 7px 0;
}
#wholesale-order-conditions li {
  list-style: circle;
  margin-left: 20px;
}
label sup {
  color: #ff0000;
}
#frame-bg {
  max-width: 750px;
}
table.tabulka {
  margin: 25px 0 25px 0;
}
.button-medium.green {
  background: #59bd43!important;
}
button#backProductsChoiceBottom, button#backProductsChoiceTop, button#backProductsOverviewTop, button#backProductsOverviewBottom {
  background: none;
  background-color: #303030;
  border-color: #000;
}
button#backProductsChoiceBottom span, button#backProductsChoiceTop span, button#backProductsOverviewTop span, button#backProductsOverviewBottom span {
  border-color: #000;
}
button#resetProductsChoiceBottom {
  background: none;
  background-color: #ee4646;
  border-color: #f11717;
}
button#resetProductsChoiceBottom span {
  border-color: #f11717;
}
#total {
  font-size: 24px;
  color: #303030;
  text-align: right;
  margin: 25px 0;
}
span.warn-title {
  display: block;
  margin: 15px 0;
  text-align: center;
  font-weight: bold;
  padding: 10px;
  border: 2px solid #f87116;
  color: #000;
  background-color: #ffc9a5;
}
.off-store-products-body {
  display: block;
  margin: 10px 0;
  position: relative;
}

.item-body {
  position: relative;
}

.off-store-products-body {
  margin: 0px 0px 20px 0px;
}

#products-choice_form td.delete {
  text-align: right;
}

#products-choice_form button.removeOosProduct, #products-choice_form button.removeProduct {
  background: none;
  color: #f11717;
}

#products-choice_form button.removeOosProduct {
  position: absolute;
  right: 0px;
  top: -8px;
}

#products-choice_form button.removeOosProduct span, #products-choice_form button.removeProduct span {
  padding: 0px 0px 0px 0px;
}

.off-store-products-body .item-body {
  margin: 0px 0px 10px 0px;
}

.updateProductQuantity {
  border: 1px solid #303030;
  width: 34px;
  height: 28px;
  text-align: center;
}

#wholesale-order-message {
  text-align: center;
  font-weight: bold;
  padding: 25px;
  border: 2px solid #f51f1f;
  color: #000;
  background-color: #ffbdbd;
  margin-bottom: 10px;
}
textarea.message {
  width: 100%;
  height: 120px;
  border: none;
  border: 1px solid #e3e3e3;
}
select#order_payment {
  display: block;
  height: 27px;
  border: 1px solid #D6D4D4;
  width: 100%;
}
#search-filter-line {
  padding: 10px 0px 0px 10px;
}
#reset-search-filter-link {
  color: #000;
  margin-left: 15px;
  font-style: italic;
}
#products-search-input {
  padding: 3px;
  border: solid 1px #E4E4E4;
  border-radius: 6px;
  background-color: #fff;
  margin-bottom: 10px;
}
#products-search-input input {
  border: 0;
  box-shadow: none;
  height: 43px;
  font-size: 21px;
}
#products-search-input button {
  margin: 2px 0 0 0;
  background: none;
  box-shadow: none;
  border: 0;
  color: #666666;
  padding: 0 8px 0 18px;
  border-left: solid 1px #ccc;
}
#products-search-input button:hover {
  border: 0;
  box-shadow: none;
  border-left: solid 1px #ccc;
}
#products-search-input .glyphicon-search {
  font-size: 23px;
}
#products-search-input .input-group-btn .btn.btn-info:before {
  content: "\f002";
  display: block;
  font-family: "FontAwesome";
  font-size: 25px;
  width: 100%;
  text-align: center;
}
#submitProductsSearch,
#resetProductsSearch {
  position: absolute;
  visibility: hidden;
  z-index: -1;
}
.line-hide {
  visibility: hidden;
  height: 0!important;
  position: absolute;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
   .load-modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('../img/pIkfp.gif')
                50% 50%
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .load-modal {
    display: block;
}

/* Submit bottom wrapper */

#submit-bottom-wrapper #backProductsChoiceBottom .icon-chevron-right,
#submit-bottom-wrapper #resetProductsChoiceBottom .icon-chevron-right,
#submit-bottom-wrapper #backProductsOverviewBottom .icon-chevron-right,
#submit-top-wrapper #backProductsOverviewTop .icon-chevron-right {
  margin-right: 5px;

  transform: rotate(180deg);
}

/* sticky */
#submit-bottom-wrapper {
  position: fixed;
  bottom: 0;
  z-index: 999;

  width: 92%;
  padding-bottom: 20px;

  background:rgba(255, 255, 255, 0.9);
  box-shadow: 0 -5px 10px 10px rgba(255, 255, 255, 0.9);
}

@media (min-width:768px) {
  #submit-bottom-wrapper {
    width: 72%;
  }
}

@media (min-width:1600px){
  #submit-bottom-wrapper {
    width: 1470px;
  }
}

#submit-bottom-wrapper textarea.message {
  height: 86px;
  border: 1px solid #111;
}

/* toggled in JS */
#submit-bottom-wrapper.static {
  position: static;

  width: auto;

  background: none;
  box-shadow: none;
}
#pdf_download {
  display: none;
  margin-top: 15px;
}
a#show_downloads {
  width: 220px;
  display: block;
  color: #000;
  cursor: pointer!important;
  color: #fff;
  background-color: #43b754;
  padding: 10px 10px 10px 14px;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  padding-left: 10px;
  margin-top: 53px;
}
a#show_downloads i {
  padding-right: 5px;
}
#pdf_download {
  margin-left: 10px;
}
#pdf_download a {
  display: block;
  padding-left: 32px;
  background-repeat: no-repeat;
  background-position: left center;
  margin: 5px 0;
  cursor: pointer;
}
#pdf_download a.pdf {
  background-image: url(../img/pdf.png);
}
#pdf_download a.xlsx {
  background-image: url(../img/xls.png);
}

#wholesale-account-creation_form fieldset {
  margin-top: 25px;
}
h3.float-title {
  float: left;
margin: 8px 15px;
}

.jconfirm-box .jconfirm-buttons button.btn.btn-red {
  background-color: #ee4646;
}

.jconfirm-box .jconfirm-buttons button.btn.btn-green {
  background-color: #59bd43;
}

.jconfirm-box-container {
  color: #303030;
}

.jconfirm-title {
  line-height: 1.25em;
}



.payments-overview .radiobutton-group label {
  margin-left: 5px;
}

.payments-overview .radiobutton-group input[type="radio"]:checked + label {
  text-decoration: underline;
}
.text-right {
  text-align: right;
}
#submitDeliveryAddress {
  margin-top: 30px;
  font-size: 20px;
  padding: 12px;
  width: 100%;
}
.btn.green-grad {
background: #59bd43; /* Old browsers */
background: -moz-linear-gradient(top,  #59bd43 0%, #328c47 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #59bd43 0%,#328c47 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #59bd43 0%,#328c47 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59bd43', endColorstr='#328c47',GradientType=0 ); /* IE6-9 */
}
.btn.green-grad:hover {
  background: #59bd43; /* Old browsers */
  background: -moz-linear-gradient(top,  #59bd43 0%, #328c47 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #59bd43 0%,#328c47 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #59bd43 0%,#328c47 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59bd43', endColorstr='#328c47',GradientType=0 ); /* IE6-9 */
  filter: brightness(1.2);
}
.d-flex {
  display: flex;
}
.address__button {
  align-self: end;
}
#module-b4n_wholesale-order .jconfirm-box-container .jconfirm-buttons {
  display: flex;
  justify-content: center;
  float: none!important;
}
#module-b4n_wholesale-order.jconfirm-box-container .jconfirm-buttons .btn-red {
  background-color: #e72317!important;
}
#module-b4n_wholesale-order.jconfirm-box-container .jconfirm-buttons .btn-green {
  background-color: #59bd43!important;
}
#module-b4n_wholesale-order.jconfirm-box-container .jconfirm-buttons .btn-red:hover ,
#module-b4n_wholesale-order.jconfirm-box-container .jconfirm-buttons .btn-green:hover {
  filter: brightness(1.1);
}
#module-b4n_wholesale-order .jconfirm-box {
  min-width: 520px!important;
  padding: 42px!important;
  text-align: center;
}