#bodycontainer {
  min-height: 100%;
  position: relative;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#main-content {
  min-height: 100%;
  padding-bottom: 342px;
  position: static;
}
@media (min-width: 400px) {
  #main-content {
    padding-bottom: 336px;
  }
}
@media (min-width: 530px) {
  #main-content {
    padding-bottom: 192px;
  }
}
@media (min-width: 570px) {
  #main-content {
    padding-bottom: 196px;
  }
}
@media (min-width: 720px) {
  #main-content {
    padding-bottom: 225px;
  }
}
.container2 {
  min-width: 298px;
  min-height: 100%;
}
.container {
  min-height: 100%;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.link {
  cursor: pointer;
}
#headlogo-center {
  max-width: 208px;
  margin-right: auto;
  margin-left: auto;
}
#headlogo-center .headlogo {
  margin-right: 0px;
  margin-left: 0px;
  margin-top: 18px;
}
@media (min-width: 720px) {
  #headlogo-center .headlogo {
    margin-top: 44px;
  }
}
@media (min-width: 1220px) {
  #headlogo-center .headlogo {
    margin-top: 68px;
  }
}
body::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: url(../../images/pomocne/svg/white-calendar-big.svg) url(../../images/pomocne/svg/orange-download.svg) url(../../images/pomocne/svg/orange-spec-specification.svg) url(../../images/pomocne/svg/check-white.svg) url(../../images/pomocne/svg/darkorange-close.svg);
}
@media (max-width: 479px) {
  .hidden-mobil-small {
    display: none !important;
  }
}
.hidden-all {
  display: none !important;
}
.con1220 {
  max-width: 1240px;
}
.svgicon {
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('../../images/pomocne/svg/orange-calendar-big.svg');
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.svgicon.lightsteelblue-spec-specification {
  background-image: url('../../images/pomocne/svg/lightsteelblue-spec-specification.svg');
}
.svgicon.darksteelblue-payment-cheque {
  background-image: url('../../images/pomocne/svg/darksteelblue-payment-cheque.svg');
}
.svgicon.darksteelblue-discount {
  background-image: url('../../images/pomocne/svg/darksteelblue-discount.svg');
}
.svgicon.darksteelblue-document {
  background-image: url('../../images/pomocne/svg/darksteelblue-document.svg');
}
.svgicon.darksteelblue-chart {
  background-image: url('../../images/pomocne/svg/darksteelblue-chart.svg');
}
.svgicon.darksteelblue-product-icon-post {
  background-image: url('../../images/pomocne/svg/darksteelblue-product-icon-post.svg');
}
.svgicon.darksteelblue-pdf {
  background-image: url('../../images/pomocne/svg/darksteelblue-pdf.svg');
}
.svgicon.darksteelblue-image {
  background-image: url('../../images/pomocne/svg/darksteelblue-image.svg');
}
.svgicon.darksteelblue-download {
  background-image: url('../../images/pomocne/svg/darksteelblue-download.svg');
}
.svgicon.darksteelblue-filter-pin {
  background-image: url('../../images/pomocne/svg/darksteelblue-filter-pin.svg');
}
.svgicon.darksteelblue-filter-pin {
  background-image: url('../../images/pomocne/svg/darksteelblue-filter-pin.svg');
}
.svgicon.darksteelblue-calendar-big {
  background-image: url('../../images/pomocne/svg/darksteelblue-calendar-big.svg');
}
.svgicon.orange-star-solid {
  background-image: url('../../images/pomocne/svg/orange-star-solid.svg');
}
.svgicon.orange-star-blank {
  background-image: url('../../images/pomocne/svg/orange-star-blank.svg');
}
.svgicon.orange-phone-t {
  background-image: url('../../images/pomocne/svg/orange-phone-t.svg');
}
.svgicon.orange-email {
  background-image: url('../../images/pomocne/svg/orange-email.svg');
}
.svgicon.orange-arrow-down-10-5 {
  background-image: url('../../images/pomocne/svg/orange-arrow-down-10-5.svg');
}
.svgicon.orange-arrow-right-10-5 {
  background-image: url('../../images/pomocne/svg/orange-arrow-right-10-5.svg');
}
.svgicon.orange-monitor {
  background-image: url('../../images/pomocne/svg/orange-monitor.svg');
}
.svgicon.orange-pdf {
  background-image: url('../../images/pomocne/svg/orange-pdf.svg');
}
.svgicon.orange-download {
  background-image: url('../../images/pomocne/svg/orange-download.svg');
}
.svgicon.orange-banner-close {
  background-image: url('../../images/pomocne/svg/orange-banner-close.svg');
}
.svgicon.orange-close {
  background-image: url('../../images/pomocne/svg/orange-close.svg');
}
.svgicon.orange-filter-pin {
  background-image: url('../../images/pomocne/svg/orange-filter-pin.svg');
}
.svgicon.white-arrow-down-10-5 {
  background-image: url('../../images/pomocne/svg/white-arrow-down-10-5.svg');
}
.svgicon.white-image {
  background-image: url('../../images/pomocne/svg/white-image.svg');
}
.svgicon.white-filter-pin {
  background-image: url('../../images/pomocne/svg/white-filter-pin.svg');
}
.svgicon.white-search-m {
  background-image: url('../../images/pomocne/svg/white-search-m.svg');
}
.svgicon.iconzoom-1 {
  width: 24px;
  height: 24px;
}
@media (min-width: 720px) {
  .svgicon.iconzoom-1 {
    width: 32px;
    height: 32px;
  }
}
.bigstars .svgicon {
  width: 24px;
  height: 24px;
}
.decimalstar {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.decimalstar .svgicon {
  position: absolute;
  left: 0px;
  top: 0px;
}
.decimalstar .svgicon.orange-star-solid {
  background-position: 0px 0px;
}
.decimalstar .svgicon.orange-star-solid.star-dec-1 {
  width: 5.73px;
}
.decimalstar .svgicon.orange-star-solid.star-dec-2 {
  width: 6.52px;
}
.decimalstar .svgicon.orange-star-solid.star-dec-3 {
  width: 7.152px;
}
.decimalstar .svgicon.orange-star-solid.star-dec-4 {
  width: 7.626px;
}
.decimalstar .svgicon.orange-star-solid.star-dec-5 {
  width: 8.1px;
}
.decimalstar .svgicon.orange-star-solid.star-dec-6 {
  width: 8.89px;
}
.decimalstar .svgicon.orange-star-solid.star-dec-7 {
  width: 9.364px;
}
.decimalstar .svgicon.orange-star-solid.star-dec-8 {
  width: 10.47px;
}
.decimalstar .svgicon.orange-star-solid.star-dec-9 {
  width: 11.26px;
}
.decimalstar .svgicon.orange-star-solid.star-dec-10 {
  width: 16px;
}
.bigstars .decimalstar {
  width: 24px;
  height: 24px;
}
.bigstars .decimalstar .svgicon.orange-star-solid {
  background-position: 0px 0px;
}
.bigstars .decimalstar .svgicon.orange-star-solid.star-dec-1 {
  width: 7.9px;
}
.bigstars .decimalstar .svgicon.orange-star-solid.star-dec-2 {
  width: 9.51px;
}
.bigstars .decimalstar .svgicon.orange-star-solid.star-dec-3 {
  width: 11.12px;
}
.bigstars .decimalstar .svgicon.orange-star-solid.star-dec-4 {
  width: 11.81px;
}
.bigstars .decimalstar .svgicon.orange-star-solid.star-dec-5 {
  width: 12.96px;
}
.bigstars .decimalstar .svgicon.orange-star-solid.star-dec-6 {
  width: 13.65px;
}
.bigstars .decimalstar .svgicon.orange-star-solid.star-dec-7 {
  width: 14.57px;
}
.bigstars .decimalstar .svgicon.orange-star-solid.star-dec-8 {
  width: 15.95px;
}
.bigstars .decimalstar .svgicon.orange-star-solid.star-dec-9 {
  width: 17.1px;
}
.bigstars .decimalstar .svgicon.orange-star-solid.star-dec-10 {
  width: 16px;
}
.supplier-pagemain-cont {
  box-sizing: border-box;
  color: #00002b;
  background-color: white;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 52px;
  width: 100%;
  min-width: 300px;
  border-radius: 3px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  padding-bottom: 16px;
}
@media (min-height: 640px) {
  .supplier-pagemain-cont {
    min-height: 238px;
  }
}
@media (min-height: 640px) and (min-width: 530px) {
  .supplier-pagemain-cont {
    min-height: 335px;
  }
}
@media (min-height: 768px) {
  .supplier-pagemain-cont {
    min-height: 366px;
  }
}
@media (min-height: 768px) and (min-width: 530px) {
  .supplier-pagemain-cont {
    min-height: 463px;
  }
}
@media (min-height: 768px) and (min-width: 720px) {
  .supplier-pagemain-cont {
    min-height: 403px;
  }
}
@media (min-height: 768px) and (min-width: 720px) and (min-width: 940px) {
  .supplier-pagemain-cont {
    min-height: 363px;
  }
}
@media (min-height: 900px) {
  .supplier-pagemain-cont {
    min-height: 498px;
  }
}
@media (min-height: 900px) and (min-width: 530px) {
  .supplier-pagemain-cont {
    min-height: 595px;
  }
}
@media (min-height: 900px) and (min-width: 720px) {
  .supplier-pagemain-cont {
    min-height: 535px;
  }
}
@media (min-height: 900px) and (min-width: 720px) and (min-width: 940px) {
  .supplier-pagemain-cont {
    min-height: 495px;
  }
}
@media (min-height: 1024px) {
  .supplier-pagemain-cont {
    min-height: 622px;
  }
}
@media (min-height: 1024px) and (min-width: 530px) {
  .supplier-pagemain-cont {
    min-height: 719px;
  }
}
@media (min-height: 1024px) and (min-width: 720px) {
  .supplier-pagemain-cont {
    min-height: 659px;
  }
}
@media (min-height: 1024px) and (min-width: 720px) and (min-width: 940px) {
  .supplier-pagemain-cont {
    min-height: 619px;
  }
}
@media (min-height: 1280px) {
  .supplier-pagemain-cont {
    min-height: 878px;
  }
}
@media (min-height: 1280px) and (min-width: 530px) {
  .supplier-pagemain-cont {
    min-height: 975px;
  }
}
@media (min-height: 1280px) and (min-width: 720px) {
  .supplier-pagemain-cont {
    min-height: 915px;
  }
}
@media (min-height: 1280px) and (min-width: 720px) and (min-width: 940px) {
  .supplier-pagemain-cont {
    min-height: 875px;
  }
}
.supplier-pagemain-cont p {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: normal;
  margin-bottom: 16px;
}
.supplier-pagemain-cont h2,
.supplier-pagemain-cont h3,
.supplier-pagemain-cont h4 {
  font-family: "Axiforma";
  font-weight: normal;
}
.supplier-pagemain-cont h2 {
  font-size: 16px;
}
@media (min-width: 640px) {
  .supplier-pagemain-cont h2 {
    font-weight: 900;
    font-size: 20px;
  }
  .supplier-pagemain-cont h2.ml-fontweight-bold {
    font-weight: bold;
  }
}
@media (min-width: 992px) {
  .supplier-pagemain-cont h2 {
    font-weight: bold;
  }
}
.supplier-pagemain-cont h3 {
  font-size: 15px;
}
@media (min-width: 640px) {
  .supplier-pagemain-cont h3 {
    font-weight: 900;
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .supplier-pagemain-cont h3 {
    font-weight: bold;
  }
}
.supplier-pagemain-cont h3.h3-lighter {
  font-size: 14px;
  line-height: 24px;
}
@media (min-width: 640px) {
  .supplier-pagemain-cont h3.h3-lighter {
    font-weight: normal;
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .supplier-pagemain-cont h3.h3-lighter {
    font-weight: normal;
  }
}
.supplier-pagemain-cont h4 {
  font-size: 14px;
}
@media (min-width: 640px) {
  .supplier-pagemain-cont h4 {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
}
.supplier-pagemain-cont a:hover {
  text-decoration: underline;
}
.supplier-pagemain-cont a:hover.button {
  text-decoration: none;
}
@media (min-width: 720px) {
  .supplier-pagemain-cont {
    margin-bottom: 60px;
    padding-bottom: 24px;
  }
}
@media (min-width: 992px) {
  .supplier-pagemain-cont {
    padding-bottom: 50px;
    margin-bottom: 80px;
  }
}
@media (min-width: 1220px) {
  .supplier-pagemain-cont {
    padding-bottom: 80px;
  }
}
.supplier-pagemain-cont .supplier-pagetop-cont {
  background-color: #f1f1f9;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
}
@media (min-width: 720px) {
  .supplier-pagemain-cont .supplier-pagetop-cont {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 20px;
    padding-bottom: 24px;
  }
}
@media (min-width: 992px) {
  .supplier-pagemain-cont .supplier-pagetop-cont {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.supplier-pagemain-cont .supplier-pagetop-cont.bottom-border-none {
  padding-bottom: 0px !important;
}
.supplier-pagemain-cont .supplier-pagetop-cont h1 {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 22px;
}
@media (min-width: 480px) {
  .supplier-pagemain-cont .supplier-pagetop-cont h1 {
    font-size: 25px;
  }
}
@media (min-width: 720px) {
  .supplier-pagemain-cont .supplier-pagetop-cont h1 {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .supplier-pagemain-cont .supplier-pagetop-cont h1 {
    font-size: 34px;
  }
}
.pagemain-row {
  width: 100%;
  box-sizing: border-box;
}
.pagemain-row::after {
  content: '';
  display: block;
  clear: both;
}
.pagemain-row.row-border-bottom {
  padding-bottom: 18px;
  border-bottom: 1px solid #dadaea;
}
@media (min-width: 720px) {
  .pagemain-row.row-border-bottom {
    padding-bottom: 26px;
  }
}
@media (min-width: 992px) {
  .pagemain-row.row-border-bottom {
    padding-bottom: 40px;
  }
}
.pagemain-row .pagemain-cell {
  box-sizing: border-box;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 18px;
  position: relative;
}
@media (min-width: 720px) {
  .pagemain-row .pagemain-cell {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px;
  }
}
@media (min-width: 992px) {
  .pagemain-row .pagemain-cell {
    padding-top: 40px;
  }
}
.pagemain-row .pagemain-cell::after {
  content: '';
  display: block;
  clear: both;
}
.pagemain-row .pagemain-cell.cell-border-bottom {
  border-bottom: 1px solid #dadaea;
}
.pagemain-row .pagemain-cell.cell-border-right {
  border-right: 1px solid #dadaea;
}
.pagemain-row .pagemain-cell.cell-border-left {
  border-left: 1px solid #dadaea;
}
.pagemain-row .pagemain-cell.cell-border-top {
  border-top: 1px solid #dadaea;
}
.pagemain-row .pagemain-cell.period-products-toppad1 {
  padding-top: 0px;
}
@media (min-width: 992px) {
  .pagemain-row .pagemain-cell.period-products-toppad1 {
    padding-top: 16px;
  }
}
.pagemain-row .cell-6 {
  width: 50%;
  float: left;
}
.pagemain-row .cell-4 {
  width: 33.33333333%;
  float: left;
}
.pagemain-row .cell-sm-6,
.pagemain-row .cell-lm-6,
.pagemain-row .cell-st-6,
.pagemain-row .cell-lt-6 {
  width: 100%;
  float: none;
}
@media (min-width: 480px) {
  .pagemain-row .cell-sm-6 {
    width: 50%;
    float: left;
  }
}
@media (min-width: 640px) {
  .pagemain-row .cell-lm-4 {
    width: 33.33333333%;
    float: left;
  }
}
@media (min-width: 640px) {
  .pagemain-row .cell-lm-6 {
    width: 50%;
    float: left;
  }
}
@media (min-width: 640px) {
  .pagemain-row .cell-lm-8 {
    width: 66.66666667%;
    float: left;
  }
}
@media (min-width: 720px) {
  .pagemain-row .cell-st-2 {
    width: 16.66666667%;
    float: left;
  }
}
@media (min-width: 720px) {
  .pagemain-row .cell-st-3 {
    width: 25%;
    float: left;
  }
}
@media (min-width: 720px) {
  .pagemain-row .cell-st-4 {
    width: 33.33333333%;
    float: left;
  }
}
@media (min-width: 720px) {
  .pagemain-row .cell-st-5 {
    width: 41.66666667%;
    float: left;
  }
}
@media (min-width: 720px) {
  .pagemain-row .cell-st-6 {
    width: 50%;
    float: left;
  }
}
@media (min-width: 720px) {
  .pagemain-row .cell-st-7 {
    width: 58.33333333%;
    float: left;
  }
}
@media (min-width: 720px) {
  .pagemain-row .cell-st-8 {
    width: 66.66666667%;
    float: left;
  }
}
@media (min-width: 720px) {
  .pagemain-row .cell-st-12 {
    width: 100%;
    float: left;
  }
}
@media (min-width: 992px) {
  .pagemain-row .cell-lt-2 {
    width: 16.66666667%;
    float: left;
  }
}
@media (min-width: 992px) {
  .pagemain-row .cell-lt-3 {
    width: 25%;
    float: left;
  }
}
@media (min-width: 992px) {
  .pagemain-row .cell-lt-4 {
    width: 33.33333333%;
    float: left;
  }
}
@media (min-width: 992px) {
  .pagemain-row .cell-lt-5 {
    width: 41.66666667%;
    float: left;
  }
}
@media (min-width: 992px) {
  .pagemain-row .cell-lt-6 {
    width: 50%;
    float: left;
  }
}
@media (min-width: 992px) {
  .pagemain-row .cell-lt-7 {
    width: 58.33333333%;
    float: left;
  }
}
@media (min-width: 992px) {
  .pagemain-row .cell-lt-8 {
    width: 66.66666667%;
    float: left;
  }
}
@media (min-width: 992px) {
  .pagemain-row .cell-lt-9 {
    width: 75%;
    float: left;
  }
}
@media (min-width: 1220px) {
  .pagemain-row .cell-dt-4 {
    width: 33.33333333%;
    float: left;
  }
}
@media (min-width: 1220px) {
  .pagemain-row .cell-dt-6 {
    width: 50%;
    float: left;
  }
}
@media (min-width: 1220px) {
  .pagemain-row .cell-dt-12 {
    width: 100%;
    float: left;
  }
}
.pagemain-row.row-with-even-padding {
  padding-left: 8px;
  padding-right: 8px;
}
.pagemain-row.row-with-even-padding .pagemain-cell {
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 720px) {
  .pagemain-row.row-with-even-padding {
    padding-left: 12px;
    padding-right: 12px;
  }
  .pagemain-row.row-with-even-padding .pagemain-cell {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 992px) {
  .blockwidth-lt-3 {
    width: 25%;
  }
}
.floating-cleared-box::after {
  content: '';
  display: block;
  clear: both;
}
.supplier-topsettings {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.supplier-topsettings span.supplier-topsettings-desc {
  display: block;
  margin-bottom: 6px;
  font-family: "Axiforma";
  color: #43436c;
}
@media (min-width: 720px) {
  .supplier-topsettings span.supplier-topsettings-desc {
    margin-top: 20px;
    font-size: 16px;
  }
}
@media (min-width: 820px) {
  .supplier-topsettings span.supplier-topsettings-desc {
    display: inline-block;
    margin-right: 21px;
  }
}
.supplier-topsettings .topsettingsbutton {
  line-height: 32px;
  min-height: 32px;
  min-width: 60px;
  margin-right: 8px;
  color: #ff6600;
  text-align: center;
  background: white;
  font-weight: normal;
  /* Box Shadow */
  /* Opera */
  -o-box-shadow: 0 1px 5px 0 rgba(0, 0, 43, 0.2), 0 3px 1px -2px rgba(0, 0, 43, 0.12), 0 2px 2px 0 rgba(0, 0, 43, 0.14);
  /* IE */
  -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 43, 0.2), 0 3px 1px -2px rgba(0, 0, 43, 0.12), 0 2px 2px 0 rgba(0, 0, 43, 0.14);
  /* Mozilla FireFox */
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 43, 0.2), 0 3px 1px -2px rgba(0, 0, 43, 0.12), 0 2px 2px 0 rgba(0, 0, 43, 0.14);
  /* Google Chrome */
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 43, 0.2), 0 3px 1px -2px rgba(0, 0, 43, 0.12), 0 2px 2px 0 rgba(0, 0, 43, 0.14);
  /* Normal */
  box-shadow: 0 1px 5px 0 rgba(0, 0, 43, 0.2), 0 3px 1px -2px rgba(0, 0, 43, 0.12), 0 2px 2px 0 rgba(0, 0, 43, 0.14);
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 16px;
}
@media (min-width: 720px) {
  .supplier-topsettings .topsettingsbutton {
    margin-bottom: 24px;
  }
}
@media (min-width: 992px) {
  .supplier-topsettings .topsettingsbutton {
    margin-bottom: 40px;
  }
}
.supplier-topsettings .topsettingsbutton:hover,
.supplier-topsettings .topsettingsbutton.settingselected {
  color: white;
  background: #ff6600;
}
.supplier-topsettings .topsettingsbutton.settingselected {
  /* Box Shadow */
  /* Opera */
  -o-box-shadow: none;
  /* IE */
  -ms-box-shadow: none;
  /* Mozilla FireFox */
  -moz-box-shadow: none;
  /* Google Chrome */
  -webkit-box-shadow: none;
  /* Normal */
  box-shadow: none;
}
.supplier-topsettings .topsettingsbutton.settingselected:hover {
  /* Box Shadow */
  /* Opera */
  -o-box-shadow: 0 1px 5px 0 rgba(0, 0, 43, 0.2), 0 3px 1px -2px rgba(0, 0, 43, 0.12), 0 2px 2px 0 rgba(0, 0, 43, 0.14);
  /* IE */
  -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 43, 0.2), 0 3px 1px -2px rgba(0, 0, 43, 0.12), 0 2px 2px 0 rgba(0, 0, 43, 0.14);
  /* Mozilla FireFox */
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 43, 0.2), 0 3px 1px -2px rgba(0, 0, 43, 0.12), 0 2px 2px 0 rgba(0, 0, 43, 0.14);
  /* Google Chrome */
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 43, 0.2), 0 3px 1px -2px rgba(0, 0, 43, 0.12), 0 2px 2px 0 rgba(0, 0, 43, 0.14);
  /* Normal */
  box-shadow: 0 1px 5px 0 rgba(0, 0, 43, 0.2), 0 3px 1px -2px rgba(0, 0, 43, 0.12), 0 2px 2px 0 rgba(0, 0, 43, 0.14);
}
#btn_optional_period {
  margin-right: 0px;
  min-width: 40px;
}
@media (max-width: 479px) {
  #btn_optional_period {
    top: -1px;
    position: relative;
  }
}
#btn_optional_period span.svgicon {
  background-image: url('../../images/pomocne/svg/orange-calendar-big.svg');
  width: 13px;
  height: 13px;
  vertical-align: middle;
  margin-top: -1px;
}
@media (min-width: 480px) {
  #btn_optional_period span.svgicon {
    margin-top: -3px;
  }
}
@media (min-width: 720px) {
  #btn_optional_period span.svgicon {
    width: 16px;
    height: 16px;
    margin-top: -2px;
  }
}
#btn_optional_period:hover span.svgicon {
  background-image: url('../../images/pomocne/svg/white-calendar-big.svg');
}
.btn-lr-fullwidth {
  width: 100%;
}
@media (min-width: 992px) {
  .btn-lr-fullwidth {
    width: auto;
    min-width: 270px;
  }
  .btn-lr-fullwidth.mw240 {
    min-width: 240px;
  }
}
.noticeboard-grey {
  box-sizing: border-box;
  width: 100%;
  background-color: #f1f1f9;
  border-radius: 3px;
}
.buttonexpander {
  background-color: transparent;
  color: #ff6600;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  padding-right: 18px;
  background-position: 100% 2px;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-image: url('../../images/pomocne/svg/orange-arrow-down-10-5.svg');
}
.buttonexpander:hover {
  text-decoration: underline;
}
.buttonexpander.buttonshrinker {
  background-image: url('../../images/pomocne/svg/orange-arrow-up-10-5.svg');
  background-position: 100% 0%;
}
button.button.buttonorange:disabled {
  background-color: #9a9aaa;
  background-image: none;
  color: #cbcbcf;
}
.select .selectopt {
  color: #727281;
}
.select .selectarr {
  background-image: url('../../images/pomocne/svg/orange-arrow-down-10-5.svg');
  background-size: cover;
}
.select .selectlinka .selectarr {
  background-image: url('../../images/pomocne/svg/white-arrow-up-10-5.svg');
}
.padding-none {
  padding: 0px !important;
}
.padding-lt-left-4px {
  padding: 0px !important;
}
@media (min-width: 992px) {
  .padding-lt-left-4px {
    padding-left: 4px !important;
  }
}
@media (min-width: 720px) {
  .margintop-st-20px {
    margin-top: 20px;
  }
}
@media (min-width: 1220px) {
  .margintop-dt-20px {
    margin-top: 20px;
  }
}
.state-active,
.state-pasive {
  display: inline-block;
  position: relative;
  padding-left: 13px;
  color: #27893C;
}
.state-active::before,
.state-pasive::before {
  box-sizing: border-box;
  content: '';
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -4px;
  border-radius: 50%;
  background-color: #27893C;
}
.state-pasive {
  color: #df003a;
}
.state-pasive::before {
  background-color: #df003a;
}
.text-color-red {
  color: #df003a;
}
.text-color-green {
  color: #27893C;
}
.score-state-rise,
.score-state-fall {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  padding-left: 13px;
  position: relative;
  color: #27893C;
}
.score-state-rise::before,
.score-state-fall::before {
  content: '';
  width: 0px;
  height: 0px;
  display: block;
  position: absolute;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 0px;
  top: 6px;
}
.score-state-rise::before {
  border-bottom: 5px solid #27893C;
}
.score-state-fall {
  color: #df003a;
}
.score-state-fall::before {
  border-top: 5px solid #df003a;
}
.suppl-info-box,
.suppl-error-box,
.suppl-success-box {
  border-radius: 3px;
  border: 1px solid #43436c;
  background-color: #dfe8fa;
  padding: 9px 10px 9px 33px;
  position: relative;
  font-size: 13px;
  line-height: 18px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #43436c;
  background-image: url('../../images/pomocne/svg/darksteelblue-spec-specification.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 12px 10px;
  /* Box Shadow */
  /* Opera */
  -o-box-shadow: 0 1px 5px 0 rgba(0, 0, 43, 0.2), 0 3px 1px -2px rgba(0, 0, 43, 0.12), 0 2px 2px 0 rgba(0, 0, 43, 0.14);
  /* IE */
  -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 43, 0.2), 0 3px 1px -2px rgba(0, 0, 43, 0.12), 0 2px 2px 0 rgba(0, 0, 43, 0.14);
  /* Mozilla FireFox */
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 43, 0.2), 0 3px 1px -2px rgba(0, 0, 43, 0.12), 0 2px 2px 0 rgba(0, 0, 43, 0.14);
  /* Google Chrome */
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 43, 0.2), 0 3px 1px -2px rgba(0, 0, 43, 0.12), 0 2px 2px 0 rgba(0, 0, 43, 0.14);
  /* Normal */
  box-shadow: 0 1px 5px 0 rgba(0, 0, 43, 0.2), 0 3px 1px -2px rgba(0, 0, 43, 0.12), 0 2px 2px 0 rgba(0, 0, 43, 0.14);
}
.suppl-info-box.supplbox-closing,
.suppl-error-box.supplbox-closing,
.suppl-success-box.supplbox-closing {
  padding-right: 30px;
}
.suppl-info-box.supplbox-closing .supplbox-closebutton,
.suppl-error-box.supplbox-closing .supplbox-closebutton,
.suppl-success-box.supplbox-closing .supplbox-closebutton {
  width: 12px;
  height: 12px;
  background-position: center center;
  background-repeat: none;
  background-size: cover;
  background-image: url('../../images/pomocne/svg/darksteelblue-close.svg');
  position: absolute;
  display: block;
  right: 10px;
  top: 11px;
  cursor: pointer;
}
.suppl-error-box {
  background-color: #fff0f4;
  border-color: #df003a;
  color: #df003a;
  background-image: url('../../images/pomocne/svg/red-banner-close.svg');
}
.suppl-error-box.supplbox-closing .supplbox-closebutton {
  background-image: url('../../images/pomocne/svg/red-close.svg');
}
.suppl-success-box {
  background-color: #e5f0ea;
  border-color: #27893C;
  color: #27893C;
  background-image: url('../../images/pomocne/svg/green-form-ok.svg');
}
.suppl-success-box.supplbox-closing .supplbox-closebutton {
  background-image: url('../../images/pomocne/svg/green-close.svg');
}
.infoboxes-cont > :first-child {
  margin-top: 8px;
}
@media (min-width: 720px) {
  .infoboxes-cont > :first-child {
    margin-top: 12px;
  }
}
@media (min-width: 992px) {
  .infoboxes-cont > :first-child {
    margin-top: 16px;
  }
}
@media (min-width: 992px) {
  .lt-mw-300px {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .lt-mw-564px {
    max-width: 564px;
  }
}
@media (min-width: 992px) {
  .lt-mw-66p {
    max-width: 66.66666667%;
  }
}
@media (min-width: 992px) {
  .lt-mw-60p {
    max-width: 60%;
  }
}
@media (min-width: 992px) {
  .lt-mw-50p {
    max-width: 50%;
  }
}
@media (min-width: 992px) {
  .lt-mw-40p {
    max-width: 40%;
  }
}
@media (min-width: 992px) {
  .lt-mw-33p {
    max-width: 33.33333333%;
  }
}
@media (min-width: 1220px) {
  .dt-mw-55p {
    max-width: 55%;
  }
}
@media (min-width: 1220px) {
  .dt-mw-50p {
    max-width: 50%;
  }
}
@media (min-width: 992px) {
  .dt-mw-40p {
    max-width: 40%;
  }
}
@media (min-width: 992px) {
  .lt-text-align-right {
    text-align: right;
  }
}
@media (min-width: 720px) {
  p.st-fontsize-up {
    font-size: 14px;
  }
}
.tooltipboxc {
  display: inline-block;
  position: relative;
}
.tooltipboxc .tooltipbox {
  cursor: pointer;
}
.tooltipboxc .tooltipbox:hover {
  background-image: url('../../images/pomocne/svg/orange-spec-specification.svg');
}
.tooltipboxc .tooltipc {
  left: auto;
  right: auto;
  min-width: 300px;
}
.tooltipboxc.tooltipboxca .tooltipbox {
  background-image: url('../../images/pomocne/svg/orange-spec-specification.svg');
}
.tooltipboxc p.tooltiparr {
  margin-bottom: 0px;
}
.radiogroup-inline-cont {
  margin-bottom: 20px;
}
.radiogroup-inline-cont .radioinput-cont {
  display: inline-block;
  margin-right: 12px;
}
.radiogroup-inline-cont .radioinput-cont label {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
}
label {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 24px;
  cursor: pointer;
  line-height: 16px;
  display: inline-block;
  color: #00002b;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #b0b0d9;
  border-radius: 100%;
  background: #fff;
  box-sizing: border-box;
}
[type="radio"]:checked + label:before {
  border-color: #ff6600;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
  content: '';
  width: 16px;
  height: 16px;
  background: #ff6600;
  position: absolute;
  top: 8px;
  left: 8px;
  margin-top: -8px;
  margin-left: -8px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}
.supplierform-radioline {
  margin-bottom: 14px;
}
.supplierform-radioline:last-of-type {
  margin-bottom: 0px;
}
.supplierform-radioline p.alerterror,
.supplierform-radioline p.alertok {
  margin-bottom: 2px;
}
.supplierform-radioline .label,
.supplierform-radioline .label.labela {
  font-size: 13px !important;
  color: #00002b;
}
.supplierform-radioline [type="radio"]:checked + label,
.supplierform-radioline [type="radio"]:checked + label.label,
.supplierform-radioline [type="radio"]:checked + label.label.labela {
  color: #43436c;
}
.form .supplierform-radioline {
  padding-top: 0px;
}
.radiogroup-cont .radiogroup-header {
  font-family: "Axiforma";
  font-size: 14px;
  line-height: 24px;
  padding-rigt: 32px;
  cursor: pointer;
  background-position: right 4px;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-image: url('../../images/pomocne/svg/orange-arrow-down-10-5.svg');
  transition: all 0.2s ease;
}
.radiogroup-cont.radiogroup-opened .radiogroup-header {
  margin-bottom: 16px;
  background-image: url('../../images/pomocne/svg/orange-arrow-up-10-5.svg');
  transition: all 0.2s ease;
}
.radiogroup-cont .radiogroup-radios {
  overflow: hidden;
  height: 0px;
  opacity: 0;
  transition: all 0.2s ease;
}
.radiogroup-cont.radiogroup-opened .radiogroup-radios {
  height: auto;
  opacity: 1;
  transition: all 0.2s ease;
}
.checkboxgroup-inline-cont {
  margin-bottom: 20px;
}
.checkboxgroup-inline-cont .checkboxinput-cont {
  display: inline-block;
  margin-right: 12px;
}
.checkboxgroup-inline-cont .checkboxinput-cont label {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
}
.checkboxgroup-inline-cont [type="checkbox"]:checked,
.supplierform-checkboxline [type="checkbox"]:checked,
.checkboxgroup-inline-cont [type="checkbox"]:not(:checked),
.supplierform-checkboxline [type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.checkboxgroup-inline-cont [type="checkbox"]:checked + label,
.supplierform-checkboxline [type="checkbox"]:checked + label,
.checkboxgroup-inline-cont [type="checkbox"]:not(:checked) + label,
.supplierform-checkboxline [type="checkbox"]:not(:checked) + label {
  position: relative;
  padding-left: 24px;
  cursor: pointer;
  line-height: 16px;
  display: inline-block;
  color: #00002b;
}
.checkboxgroup-inline-cont [type="checkbox"]:checked + label:before,
.supplierform-checkboxline [type="checkbox"]:checked + label:before,
.checkboxgroup-inline-cont [type="checkbox"]:not(:checked) + label:before,
.supplierform-checkboxline [type="checkbox"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #b0b0d9;
  border-radius: 3px;
  background: #fff;
  box-sizing: border-box;
}
.checkboxgroup-inline-cont [type="checkbox"]:checked + label:before,
.supplierform-checkboxline [type="checkbox"]:checked + label:before {
  border-color: #ff6600;
}
.checkboxgroup-inline-cont [type="checkbox"]:checked + label:after,
.supplierform-checkboxline [type="checkbox"]:checked + label:after,
.checkboxgroup-inline-cont [type="checkbox"]:not(:checked) + label:after,
.supplierform-checkboxline [type="checkbox"]:not(:checked) + label:after {
  content: '';
  width: 16px;
  height: 16px;
  background-color: #ff6600;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.checkboxgroup-inline-cont [type="checkbox"]:not(:checked) + label:after,
.supplierform-checkboxline [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.checkboxgroup-inline-cont [type="checkbox"]:checked + label:after,
.supplierform-checkboxline [type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  background-image: url('../../images/pomocne/svg/check-white.svg');
}
.checkbox-blue [type="checkbox"]:checked + label:after,
.checkbox-blue [type="checkbox"]:not(:checked) + label:after {
  background-color: #1919dd;
}
.supplierform-checkboxline {
  margin-bottom: 14px;
}
.supplierform-checkboxline:last-of-type {
  margin-bottom: 0px;
}
.supplierform-checkboxline p.alerterror,
.supplierform-checkboxline p.alertok {
  margin-bottom: 2px;
}
.supplierform-checkboxline .label,
.supplierform-checkboxline .label.labela {
  font-size: 13px !important;
  color: #00002b;
}
.supplierform-checkboxline [type="checkbox"] + label,
.supplierform-checkboxline [type="checkbox"] + label.label,
.supplierform-checkboxline [type="checkbox"] + label.label.labela [type="checkbox"]:checked + label,
.supplierform-checkboxline [type="checkbox"]:checked + label.label,
.supplierform-checkboxline [type="checkbox"]:checked + label.label.labela {
  color: #00002b;
}
.form .supplierform-checkboxline {
  padding-top: 0px;
}
.suppselect-hiddenlabel .formline {
  padding-top: 0px;
}
.suppselect-hiddenlabel .label {
  display: none;
}
.suppselect-nomaxwidth .select {
  max-width: none;
}
.form.supplierform .label {
  top: 0;
  left: 0;
  font-size: 12px;
  line-height: 16px;
}
.form.supplierform .label .labeldouble,
.form.supplierform .label .validationstar {
  color: #727281;
}
.form.supplierform .label.labela {
  font-size: 12px;
  line-height: 16px;
  color: #727281;
}
.form.supplierform .label.labela .labeldouble {
  color: #727281;
}
.form.supplierform [type="checkbox"] + label,
.form.supplierform [type="checkbox"] + label.label,
.form.supplierform [type="checkbox"] + label.label.labela {
  color: #00002b;
}
.form.supplierform .formgroup {
  padding-bottom: 12px;
}
@media (min-width: 541px) {
  .form.supplierform .formgroup {
    padding-bottom: 20px;
  }
}
.form.supplierform .formgroup .formgroup-label {
  font-size: 14px;
  line-height: 24px;
  font-family: "Axiforma";
  font-weight: normal;
  margin-bottom: 8px;
}
.form.supplierform.supppopupform input {
  max-width: none;
  margin-bottom: 20px;
}
.form.supplierform.supppopupform .alert_ok {
  left: auto;
  right: 10px;
}
.form.supplierform.supppopupform .alert_error {
  left: 0;
  top: 56px;
}
.form.supplierform.supppopupform .formbuttonbox {
  margin-top: 12px;
}
.form.supplierform.supppopupform .formbuttonbox .button {
  width: 100%;
}
.form.supplierform.supppopupform .formgroup + .formbuttonbox {
  margin-top: 6px;
}
@media (max-width: 400px) {
  .form input,
  .form select,
  .form textarea {
    font-size: 13px !important;
  }
}
.show-rescalendar::before,
.show-accperradiogroups::before,
.show-resfilters::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 43, 0.5);
  z-index: 500;
}
@media (min-width: 992px) {
  .show-rescalendar::before,
  .show-accperradiogroups::before,
  .show-resfilters::before {
    display: none;
  }
}
.popcloseflright {
  float: right;
}
.popcloseabsolute {
  float: none;
  position: absolute;
  right: 13px;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media (min-width: 992px) {
  .hide-tl {
    display: none;
  }
}
.overlaping-cont {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: white;
  z-index: 100;
}
.absposcentered-cont {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 60%;
  height: 60%;
}
.apcwarning-cont,
.apcsuccess-cont {
  box-sizing: border-box;
  padding-top: 48px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 32px 32px;
}
.apcwarning-cont {
  background-image: url('../../images/form_error.svg');
}
.apcsuccess-cont {
  background-image: url('../../images/form_ok.svg');
}
.popup-main-header {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  top: 0px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: "Axiforma";
}
.popup-main-header::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #f1f1f9;
  display: block;
  padding: 0px;
  top: 0px;
  left: 0px;
}
.popup-main-header span {
  z-index: 1;
  position: relative;
}
.popup_supplier_invsettings,
.popup_supplier_invvoucherconf,
.popup_supplier_reschangeform,
.popup_supplier_reschangesuccess,
.popup_supplier_newreservcheck {
  max-width: 520px;
  width: calc(100% - 20px);
  min-height: 400px;
}
.popup_supplier_invsettings .popbody,
.popup_supplier_invvoucherconf .popbody,
.popup_supplier_reschangeform .popbody,
.popup_supplier_reschangesuccess .popbody,
.popup_supplier_newreservcheck .popbody {
  margin: 0;
  margin-bottom: 16px;
  padding: 72px 16px 16px 16px;
  box-sizing: border-box;
}
@media (min-width: 480px) {
  .popup_supplier_invsettings .popbody,
  .popup_supplier_invvoucherconf .popbody,
  .popup_supplier_reschangeform .popbody,
  .popup_supplier_reschangesuccess .popbody,
  .popup_supplier_newreservcheck .popbody {
    padding: 80px 24px 16px 24px;
  }
}
.popup_supplier_invsettings .popclosec,
.popup_supplier_invvoucherconf .popclosec,
.popup_supplier_reschangeform .popclosec,
.popup_supplier_reschangesuccess .popclosec,
.popup_supplier_newreservcheck .popclosec {
  top: 16px;
  right: 16px;
}
.popup_supplier_invsettings p,
.popup_supplier_invvoucherconf p,
.popup_supplier_reschangeform p,
.popup_supplier_reschangesuccess p,
.popup_supplier_newreservcheck p {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.38;
  margin-bottom: 12px;
}
.popup_supplier_invsettings p.p-header,
.popup_supplier_invvoucherconf p.p-header,
.popup_supplier_reschangeform p.p-header,
.popup_supplier_reschangesuccess p.p-header,
.popup_supplier_newreservcheck p.p-header {
  font-family: "Axiforma";
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
}
.popup_supplier_invsettings .overlaping-cont,
.popup_supplier_invvoucherconf .overlaping-cont,
.popup_supplier_reschangeform .overlaping-cont,
.popup_supplier_reschangesuccess .overlaping-cont,
.popup_supplier_newreservcheck .overlaping-cont {
  border-radius: 3px;
}
.supplier-logform {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 564px;
  width: 100%;
  text-align: center;
  background: white;
  border-radius: 3px;
  margin-top: 18px;
  margin-bottom: 52px;
  box-sizing: border-box;
  padding: 24px 16px 26px 16px;
  color: #00002b;
}
@media (min-width: 720px) {
  .supplier-logform {
    border-radius: 5px;
    margin-bottom: 60px;
    margin-top: 41px;
    padding-top: 75px;
    padding-bottom: 61px;
  }
}
@media (min-width: 992px) {
  .supplier-logform {
    padding-top: 68px;
    padding-bottom: 68px;
  }
}
@media (min-width: 1220px) {
  .supplier-logform {
    margin-bottom: 80px;
    margin-top: 48px;
  }
}
.supplier-logform h1 {
  color: #00002b;
  text-transform: uppercase;
  font-weight: 900;
}
.supplier-logform h1 small {
  color: #727281;
  font-size: 16px;
  font-weight: normal;
  text-transform: none;
}
.supplier-logform p {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  margin-top: 16px;
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
}
.supplier-logform h1 + div.form,
.supplier-logform p + div.form {
  margin-top: 4px;
}
.supplier-logform .form {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
.supplier-logform .form p {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  margin-top: 16px;
}
.supplier-logform .form div.formbuttonbox + p {
  margin-top: 20px;
}
@media (min-width: 720px) {
  .supplier-logform .form div.formbuttonbox + p {
    margin-top: 28px;
  }
}
.supplier-logform .form div.formline + p {
  margin-top: 8px;
}
.supplier-logform .form div.formline {
  padding-top: 20px;
  margin-top: 9px;
}
.supplier-logform .form div.formline p {
  margin-top: 0px;
}
.supplier-logform .form .alerterror {
  position: absolute;
  font-size: 12px;
  top: 1px;
  right: 0;
  left: auto;
}
.supplier-logform .form .alerterror span.icon {
  width: 14px;
  height: 14px;
  margin-top: 2px;
}
.supplier-logform .form .alertok {
  right: 10px;
  left: auto;
}
.supplier-logform .form .error_input {
  margin-bottom: 0px;
}
.supplier-logform .form .textinput {
  max-width: none;
}
.supplier-logform .form div.formline + div.formbuttonbox {
  margin-top: 29px;
}
#hp_period_highlights .formalertc {
  margin-top: 0px;
}
#hp_period_highlights .formalert {
  margin-bottom: 0px;
}
.hp-highlights-table {
  /* Box Shadow */
  /* Opera */
  -o-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* IE */
  -ms-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* Mozilla FireFox */
  -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* Google Chrome */
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* Normal */
  box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  margin-top: 20px;
  border-radius: 3px;
}
.hp-highlights-table p {
  margin-bottom: 0px;
}
.hp-highlights-table .hp-highlight-type {
  color: #727281;
  font-size: 13px;
  line-height: 18px;
}
.hp-highlights-table .hp-highlight-value {
  font-size: 19px;
  color: #00002b;
  font-family: "Axiforma";
  font-weight: bold;
}
.hp-highlights-table .hp-highlight-value .svgicon {
  vertical-align: -5px;
  margin-right: 4px;
}
@media (min-width: 720px) {
  .hp-highlights-table .hp-highlight-value {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .hp-highlights-table .hp-highlight-value {
    font-size: 19px;
  }
}
@media (min-width: 1220px) {
  .hp-highlights-table .hp-highlight-value {
    font-size: 24px;
  }
}
@media (min-width: 480px) {
  .hp-highlights-table .pagemain-cell {
    height: 134px;
  }
}
.hp-highlights-table .pagemain-cell.cell-border-bottom {
  border-bottom: none;
}
@media (min-width: 480px) {
  .hp-highlights-table .pagemain-cell.cell-border-bottom {
    border-bottom: 1px solid #dadaea;
  }
}
.hp-highlights-table .pagemain-cell.cell-border-right {
  border-right: none;
}
@media (min-width: 480px) {
  .hp-highlights-table .pagemain-cell.cell-border-right {
    border-right: 1px solid #dadaea;
  }
}
.hp-highlights-table.highlights-without-infobox {
  margin-top: 0px;
}
@media (min-width: 992px) {
  .hp-highlights-table.highlights-without-infobox .pagemain-cell {
    height: 163px;
  }
}
.hp-highlights-table .highlight-cont {
  padding-bottom: 14px;
  border-bottom: 1px solid #dadaea;
  width: 100%;
}
.hp-highlights-table .highlight-cont.not-bb {
  border-bottom: none;
}
@media (min-width: 480px) {
  .hp-highlights-table .highlight-cont {
    width: 190px;
    padding-bottom: 0px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-bottom: none;
  }
}
@media (min-width: 720px) {
  .hp-highlights-table .highlight-cont {
    width: 216px;
  }
}
@media (min-width: 992px) {
  .hp-highlights-table .highlight-cont {
    width: 190px;
  }
}
@media (min-width: 1220px) {
  .hp-highlights-table .highlight-cont {
    width: 216px;
  }
}
#hpgraph_cont {
  box-sizing: border-box;
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  margin-bottom: 16px;
  display: none;
}
@media (min-width: 992px) {
  #hpgraph_cont {
    height: 325px;
    padding-top: 0;
    margin-bottom: 0;
    display: block;
  }
}
.graph-holder {
  box-sizing: border-box;
  position: absolute;
  padding: 90px 0px 0px 0px;
  width: 100%;
  height: 100%;
  background-color: white;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#hpgraph_cont .graph-holder,
#period_graph .graph-holder {
  border-radius: 3px;
  /* Box Shadow */
  /* Opera */
  -o-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* IE */
  -ms-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* Mozilla FireFox */
  -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* Google Chrome */
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* Normal */
  box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
}
@media (min-width: 720px) {
  .graph-holder {
    padding: 90px 0px 0px 0px;
  }
}
@media (min-width: 992px) {
  .graph-holder {
    padding: 98px 0px 0px 0px;
  }
}
@media (min-width: 1013px) {
  .graph-holder {
    padding: 75px 0px 0px 0px;
  }
}
.graph-holder .graph-title,
.graph-holder .graph-checkboxes {
  position: absolute;
  box-sizing: border-box;
  left: 0;
  right: 0;
  padding-left: 12px;
  padding-right: 12px;
}
@media (min-width: 720px) {
  .graph-holder .graph-title,
  .graph-holder .graph-checkboxes {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 992px) {
  .graph-holder .graph-title,
  .graph-holder .graph-checkboxes {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.graph-holder .graph-checkboxes .checkboxinput-cont {
  margin-bottom: 10px;
}
.graph-holder .graph-title {
  top: 12px;
  font-family: "Axiforma";
  font-size: 16px;
}
@media (min-width: 720px) {
  .graph-holder .graph-title {
    top: 20px;
  }
}
@media (min-width: 992px) {
  .graph-holder .graph-title {
    top: 16px;
  }
}
.graph-holder .graph-checkboxes {
  top: 40px;
}
@media (min-width: 720px) {
  .graph-holder .graph-checkboxes {
    top: 60px;
  }
}
@media (min-width: 992px) {
  .graph-holder .graph-checkboxes {
    top: 54px;
  }
}
.graph-holder .graph {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px;
}
@media (min-width: 720px) {
  .graph-holder .graph {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 992px) {
  .graph-holder .graph {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 992px) {
  #graphtoggle_cont {
    display: none;
  }
}
#hp_period_products {
  counter-reset: products-order-counter;
}
#ajax_bestsells + p {
  margin-top: 16px;
}
#ajax_bestsells .suppl-error-box:first-child {
  margin-top: 16px;
  margin-bottom: 16px;
}
.product-cont {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #dadaea;
}
@media (min-width: 640px) {
  .product-cont {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media (min-width: 992px) {
  .product-cont {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 992px) {
  #hp_period_products .product-cont {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.product-cont + p {
  margin-top: 16px;
}
.product-cont .product-name {
  position: relative;
}
.product-cont .product-name .product-code {
  display: block;
  color: #727281;
  line-height: 1.38;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 6px;
  font-size: 13px !important;
}
@media (min-width: 480px) {
  .product-cont .product-name .product-code {
    margin-bottom: 2px;
  }
}
#hp_period_products .product-cont .product-name {
  counter-increment: products-order-counter;
}
@media (min-width: 480px) {
  #hp_period_products .product-cont .product-name {
    padding-left: 44px;
  }
}
#hp_period_products .product-cont .product-name .product-code {
  padding-left: 25px;
}
@media (min-width: 480px) {
  #hp_period_products .product-cont .product-name .product-code {
    padding-left: 0px;
  }
}
#hp_period_products .product-cont .product-name .product-code::before {
  content: counter(products-order-counter);
  width: 20px;
  height: 20px;
  text-align: center;
  font-family: "Axiforma";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 13px;
  line-height: 20px;
  border-radius: 50%;
  color: #43436c;
  border: 1px solid #43436c;
}
@media (min-width: 480px) {
  #hp_period_products .product-cont .product-name .product-code::before {
    padding-left: 0px;
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
  }
}
.product-cont .noticeboard-product {
  padding-top: 9px;
  padding-bottom: 7px;
  margin-top: 8px;
}
@media (min-width: 992px) {
  .product-cont .noticeboard-product {
    margin-top: 12px;
  }
}
.product-cont .noticeboard-product p {
  margin-bottom: 0px;
}
.product-cont .noticeboard-product .pagemain-cell {
  height: 24px;
  padding-top: 0px;
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 480px) {
  .product-cont .noticeboard-product .pagemain-cell {
    height: 24px;
  }
}
.product-cont .noticeboard-product .productboard-value {
  text-align: center;
  font-family: "Axiforma";
  font-weight: normal;
  color: #43436c;
}
@media (min-width: 480px) {
  .product-cont .noticeboard-product .productboard-value {
    font-size: 16px;
  }
}
.product-cont .noticeboard-product .productboard-value .svgicon {
  vertical-align: -5px;
  margin-right: 4px;
  width: 20px;
  height: 20px;
}
@media (min-width: 480px) {
  .product-cont .noticeboard-product .productboard-value .svgicon {
    width: 24px;
    height: 24px;
  }
}
.product-cont .noticeboard-product .productboard-cont {
  padding-bottom: 0px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
@media (min-width: 480px) {
  .product-cont .noticeboard-product .productboard-cont {
    height: 24px;
  }
}
.product-cont .productinfo-cont {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}
@media (min-width: 992px) {
  .product-cont .productinfo-cont {
    margin-top: 4px;
  }
}
.product-cont .productinfo-cont .pagemain-cell {
  padding-top: 8px;
  padding-left: 20px;
  padding-right: 10px;
}
.product-cont .productinfo-cont .pagemain-cell.cell-productinfo-place,
.product-cont .productinfo-cont .pagemain-cell.cell-productinfo-duration,
.product-cont .productinfo-cont .pagemain-cell.cell-productinfo-persons,
.product-cont .productinfo-cont .pagemain-cell.cell-productinfo-price,
.product-cont .productinfo-cont .pagemain-cell.cell-productinfo-descr {
  background-size: 16px 16px;
  background-position: 0px 8px;
  background-image: url('../../images/pomocne/svg/darksteelblue-filter-pin.svg');
  background-repeat: no-repeat;
  color: #43436c;
}
.product-cont .productinfo-cont .pagemain-cell.cell-productinfo-duration {
  background-image: url('../../images/pomocne/svg/darksteelblue-spec-duration.svg');
}
.product-cont .productinfo-cont .pagemain-cell.cell-productinfo-persons {
  background-image: url('../../images/pomocne/svg/darksteelblue-spec-people.svg');
}
.product-cont .productinfo-cont .pagemain-cell.cell-productinfo-descr {
  background-image: url('../../images/pomocne/svg/darksteelblue-spec-specification.svg');
}
.product-cont .productinfo-cont .pagemain-cell.cell-productinfo-price {
  background-image: url('../../images/pomocne/svg/darksteelblue-discount.svg');
}
.noticeboard-reviews {
  padding: 16px;
  margin-bottom: 16px;
}
@media (min-width: 480px) {
  .noticeboard-reviews {
    margin-bottom: 20px;
  }
}
#hp_period_reviews .noticeboard-reviews {
  margin-top: 12px;
}
@media (min-width: 640px) {
  #hp_period_reviews .noticeboard-reviews {
    margin-top: 16px;
  }
}
@media (min-width: 992px) {
  #hp_period_reviews .noticeboard-reviews {
    margin-top: 24px;
  }
}
.noticeboard-reviews p {
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  margin-bottom: 4px;
}
@media (min-width: 480px) {
  .noticeboard-reviews h4 {
    margin-bottom: 16px;
  }
}
.noticeboard-reviews .pagemain-cell {
  padding-bottom: 16px;
}
@media (max-width: 479px) {
  .noticeboard-reviews .pagemain-cell.cell-border-left {
    border-left: none;
  }
}
@media (min-width: 480px) {
  .noticeboard-reviews .pagemain-cell.cell-border-bottom {
    border-bottom: none;
  }
}
.noticeboard-reviews .pagemain-cell p:last-child {
  margin-bottom: 0px;
}
.noticeboard-reviews .reviewsboard-value {
  font-family: "Axiforma";
  font-size: 19px;
  line-height: auto;
  margin-bottom: 6px;
  font-weight: bold;
}
@media (min-width: 480px) {
  .noticeboard-reviews .reviewsboard-value {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .noticeboard-reviews .bigstars {
    margin-bottom: 8px;
  }
}
.noticeboard-reviews .reviewsboard-reviewerscounter {
  color: #43436c;
}
.noticeboard-reviews .reviewsboard-cont-right .svgicon,
.noticeboard-reviews .reviewsboard-cont-right .decimalstar {
  vertical-align: text-top;
}
.noticeboard-reviews .reviewsboard-cont-right .stars-counter {
  display: inline-block;
  width: 58px;
  margin-left: 10px;
  text-align: right;
}
@media (min-width: 480px) {
  .noticeboard-reviews #reviewsboard_left {
    padding-top: 24px;
    padding-bottom: 0px;
  }
}
@media (min-width: 720px) {
  .noticeboard-reviews #reviewsboard_left {
    padding-top: 24px;
    padding-bottom: 0px;
  }
}
@media (min-width: 992px) {
  .noticeboard-reviews #reviewsboard_left {
    padding-top: 14px;
    padding-bottom: 0px;
  }
}
@media (min-width: 480px) {
  .noticeboard-reviews #reviewsboard_right {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (min-width: 720px) {
  .noticeboard-reviews #reviewsboard_right {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .noticeboard-reviews #reviewsboard_right {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.noticeboard-reviews .btnexp-cont {
  margin-top: 16px;
  margin-bottom: 0px;
}
@media (min-width: 480px) {
  .noticeboard-reviews .btnexp-cont {
    display: none;
  }
}
.review-cont {
  border-bottom: 1px solid #dadaea;
  margin-bottom: 16px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (min-width: 480px) {
  .review-cont {
    margin-bottom: 20px;
  }
}
.review-cont p {
  margin-bottom: 0px;
}
.review-cont .review-text {
  position: relative;
  height: auto;
  color: #43436c;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (max-width: 479px) {
  .review-cont .review-text.longtextshrink {
    max-height: 55px;
    overflow: hidden;
  }
  .review-cont .review-text.longtextshrink::after {
    content: '';
    display: block;
    width: 100%;
    height: 20px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: -webkit-linear-gradient(bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff', GradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffffff',GradientType=0);
  }
}
.review-cont .btnexp-cont {
  margin-top: 4px;
  display: none;
}
@media (max-width: 479px) {
  .review-cont .btnexp-cont.btnexp-displayed {
    display: block;
  }
}
.review-cont .review-info {
  margin-top: 8px;
  color: #727281;
}
.review-cont .review-info:first-child {
  margin-top: 0px;
}
.review-cont .review-info .reviewer-name {
  font-family: "Axiforma";
  font-weight: bold;
  display: block;
  color: #43436c;
}
@media (min-width: 480px) {
  .review-cont .review-info .reviewer-name {
    display: inline-block;
    font-size: 14px;
  }
}
.review-cont .review-info .svgicon {
  vertical-align: -3px;
}
.review-cont .review-info .review-date {
  float: right;
}
.review-cont .review-productvar {
  margin-top: 4px;
  margin-bottom: 16px;
  font-style: italic;
  color: #727281;
}
@media (min-width: 480px) {
  .review-cont .review-productvar {
    margin-bottom: 20px;
  }
}
.impbox-anchor {
  box-sizing: border-box;
  display: block;
  position: absolute;
  padding-top: 14px;
  width: 36px;
  height: 36px;
  left: 50%;
  margin-left: -18px;
  bottom: -18px;
  background-color: white;
  border-radius: 50%;
  /* Box Shadow */
  /* Opera */
  -o-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* IE */
  -ms-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* Mozilla FireFox */
  -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* Google Chrome */
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* Normal */
  box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  clip: rect(16px, 48px, 48px, -16px);
}
#salesimprovements_cont {
  position: relative;
  text-align: center;
}
#salesimprovements_cont::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -1px;
  border-left: 1px solid #dadaea;
  transform: translate(-50%);
}
#salesimprovements_cont .improvents-box {
  box-sizing: border-box;
  margin-bottom: 38px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index: 1;
  /* Box Shadow */
  /* Opera */
  -o-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* IE */
  -ms-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* Mozilla FireFox */
  -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* Google Chrome */
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* Normal */
  box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  padding: 12px 12px 12px 12px;
  background-color: white;
  background-image: url(../../images/pomocne/smouha8bit.png);
  background-size: 156px 85px;
  background-position: 50% 16px;
  background-repeat: no-repeat;
}
@media (min-width: 720px) {
  #salesimprovements_cont .improvents-box {
    margin-bottom: 50px;
  }
}
@media (min-width: 992px) {
  #salesimprovements_cont .improvents-box {
    max-width: 612px;
    margin-bottom: 62px;
  }
}
#salesimprovements_cont .improvents-box h2 {
  font-size: 48px;
  font-weight: 900;
}
#salesimprovements_cont .improvents-box h3 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 720px) {
  #salesimprovements_cont .improvents-box h3 {
    margin-bottom: 12px;
    font-size: 16px;
    max-width: 564px;
  }
}
#salesimprovements_cont .improvents-box p {
  font-size: 13px;
  line-height: 1.38;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 720px) {
  #salesimprovements_cont .improvents-box p {
    max-width: 564px;
  }
}
#salesimprovements_cont .improvents-box.impbox-dark {
  padding-top: 32px;
  padding-bottom: 32px;
  background-color: #00002b;
  background-image: url(../../images/pomocne/home_products8bit.png);
  background-size: 300% 500%;
  background-position: 40% 50%;
}
@media (min-width: 720px) {
  #salesimprovements_cont .improvents-box.impbox-dark {
    padding-top: 44px;
    padding-bottom: 44px;
  }
}
@media (min-width: 992px) {
  #salesimprovements_cont .improvents-box.impbox-dark {
    max-width: none;
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
#salesimprovements_cont .improvents-box.impbox-dark .impbox-anchor {
  background-color: #00002b;
}
#salesimprovements_cont .improvents-box.impbox-dark h3 {
  color: white;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 0px;
}
@media (min-width: 720px) {
  #salesimprovements_cont .improvents-box.impbox-dark h3 {
    font-size: 20px;
    margin-bottom: 0px;
  }
}
@media (min-width: 992px) {
  #salesimprovements_cont .improvents-box.impbox-dark h3 {
    font-size: 24px;
    margin-bottom: 0px;
  }
}
#salesimprovements_cont .improvents-box.impbox-contacts {
  background-color: #f1f1f9;
  background-image: none;
  min-height: 164px;
}
@media (min-width: 720px) {
  #salesimprovements_cont .improvents-box.impbox-contacts {
    min-height: 216px;
  }
}
#salesimprovements_cont .improvents-box.impbox-contacts .impbcon-cont {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 240px;
  height: 132px;
}
#salesimprovements_cont .improvents-box.impbox-contacts .impbcon-cont h3,
#salesimprovements_cont .improvents-box.impbox-contacts .impbcon-cont h4,
#salesimprovements_cont .improvents-box.impbox-contacts .impbcon-cont p {
  text-align: left;
}
@media (min-width: 720px) {
  #salesimprovements_cont .improvents-box.impbox-contacts .impbcon-cont {
    width: 270px;
  }
}
#salesimprovements_cont .improvents-box.impbox-contacts .impbcon-cont h3 {
  font-size: 16px;
}
@media (min-width: 992px) {
}
#salesimprovements_cont .improvents-box.impbox-contacts .impbcon-cont .impbcont-data {
  box-sizing: border-box;
  position: relative;
  padding-left: 68px;
}
@media (min-width: 720px) {
  #salesimprovements_cont .improvents-box.impbox-contacts .impbcon-cont .impbcont-data {
    padding-left: 86px;
  }
}
#salesimprovements_cont .improvents-box.impbox-contacts .impbcon-cont .impbcont-data .avatar {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
  top: 0;
}
@media (min-width: 720px) {
  #salesimprovements_cont .improvents-box.impbox-contacts .impbcon-cont .impbcont-data .avatar {
    width: 74px;
    height: 74px;
  }
}
#salesimprovements_cont .improvents-box.impbox-contacts .impbcon-cont .impbcont-data .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
#salesimprovements_cont .improvents-box.impbox-contacts .impbcon-cont .impbcont-data h3 {
  font-size: 14px;
}
@media (min-width: 720px) {
  #salesimprovements_cont .improvents-box.impbox-contacts .impbcon-cont .impbcont-data h3 {
    font-size: 16px;
  }
}
#salesimprovements_cont .improvents-box.impbox-contacts .impbcon-cont .impbcont-data p {
  margin-bottom: 0px;
}
#salesimprovements_cont .improvents-box.impbox-contacts .impbcon-cont .impbcont-data p.battleshipgrey {
  color: #727281;
}
#graph_cont {
  box-sizing: border-box;
  width: 100%;
  position: relative;
  height: 320px;
  margin-bottom: 16px;
}
@media (min-width: 480px) {
  #graph_cont {
    height: 340px;
  }
}
@media (min-width: 720px) {
  #graph_cont {
    height: 355px;
  }
}
@media (min-width: 992px) {
  #graph_cont {
    height: 355px;
  }
}
.exptablinksc {
  border-bottom-color: #dadaea;
  height: auto;
}
.exptablinksc .exptablinks {
  height: auto;
  margin-left: 0px;
  margin-right: 0px;
}
@media (min-width: 720px) {
  .exptablinksc .exptablinks {
    height: 30px;
  }
}
.exptablink {
  border: none;
  background: transparent;
  position: relative;
}
@media (min-width: 720px) {
  .exptablink {
    height: 30px;
    min-width: 158px;
    text-align: center;
  }
}
.exptablink:hover {
  background-color: transparent;
}
@media (min-width: 720px) {
  .exptablink:hover::after {
    height: 1px;
    content: '';
    display: block;
    width: 100%;
    border-bottom: 2px solid #ff6600;
    position: absolute;
    bottom: -1px;
    left: 0px;
  }
}
.exptablink .exptablinkdesc {
  font-size: 13px;
  line-height: 1.5;
  color: #ff6600;
}
@media (min-width: 720px) {
  .exptablink .exptablinkdesc {
    margin-top: 5px;
    font-size: 14px;
  }
}
.exptablink.exptablinka {
  background: white;
}
.exptablink.exptablinka .exptablinkdesc {
  color: #00002b;
}
@media (min-width: 720px) {
  .exptablink.exptablinka::after {
    height: 1px;
    content: '';
    display: block;
    width: 100%;
    border-bottom: 2px solid #ff6600;
    position: absolute;
    bottom: -1px;
    left: 0px;
  }
}
.exptabmob {
  border-bottom-color: #dadaea;
}
.exptabmob p {
  margin-bottom: 0px;
}
.exptabmobla {
  background-color: white;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.exptabmobla::after {
  height: 7px;
  content: '';
  display: block;
  background-color: white;
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0px;
}
.pagemain-cell.period-pagecontrols .exppage,
.pagemain-cell.period-pagecontrols .exppagedelim {
  padding-top: 2px;
}
.pagemain-cell.period-pagecontrols .exppagea {
  border-color: #43436c;
  color: #43436c;
  padding-top: 1px;
}
.pagemain-cell.period-pagecontrols .exppagea .exppagedesc {
  color: #43436c;
}
@media (min-width: 992px) {
  .pagemain-cell.period-pagecontrols {
    padding-top: 24px;
  }
}
.expcounts-holder {
  text-align: center;
}
@media (min-width: 720px) {
  .expcounts-holder {
    text-align: left;
    display: inline-block;
  }
}
.expcounts-holder .expcounts {
  color: #43436c;
  margin-bottom: 8px;
}
@media (min-width: 720px) {
  .expcounts-holder .expcounts {
    margin-bottom: 0px;
  }
}
.expcounts-holder.exphold-notbottmarg .expcounts {
  margin-bottom: 0px;
}
.exppages-holder {
  text-align: center;
}
@media (max-width: 719px) {
  .exppages-holder {
    text-align: center;
    display: block;
  }
}
@media (min-width: 720px) {
  .exppages-holder {
    text-align: right;
    display: inline-block;
    float: right;
    position: relative;
    margin-top: -6px;
    min-height: 42px;
  }
}
.exppages-holder.exppages-st-hide {
  display: none;
}
@media (min-width: 720px) {
  .exppages-holder .exppages {
    margin-bottom: 0px;
  }
}
@media (min-width: 720px) {
  #period_pagecontrols2 .exppages-holder .exppages {
    position: relative;
    top: 6px;
  }
}
#period_pagecontrols2 {
  text-align: center;
}
@media (min-width: 720px) {
  #period_pagecontrols2 .exppages-holder {
    margin-top: 3px;
  }
}
#period_pagecontrols2 #products_more_button {
  width: auto;
  margin-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  min-width: 210px;
}
@media (min-width: 720px) {
  #period_pagecontrols2 #products_more_button {
    position: absolute;
    left: 24px;
  }
}
@media (min-width: 992px) {
  #period_pagecontrols2 #products_more_button {
    position: absolute;
    left: 50%;
    margin-left: -105px;
  }
}
#iop_cont {
  display: none;
  width: 230px;
}
#iop_cont::after {
  content: '';
  display: block;
  clear: both;
}
@media (min-width: 992px) {
  #iop_cont {
    display: block;
    position: absolute;
    left: 24px;
    top: 32px;
  }
}
#iop_cont .select {
  width: 66px;
  position: absolute;
  right: 0;
}
#iop_cont .select p {
  margin-bottom: 0px;
}
#iop_cont .select .selectlink {
  height: 28px;
}
#iop_cont .select .selectlink .selectdesc {
  margin-top: 5px;
  margin-left: 12px;
}
#iop_cont .select .selectarr {
  margin-top: 11px;
  background-image: url('../../images/pomocne/svg/orange-arrow-down-10-5.svg');
  background-size: cover;
}
#iop_cont .select .selectlinka .selectarr {
  background-image: url('../../images/pomocne/svg/white-arrow-up-10-5.svg');
}
#iop_cont label.labela {
  text-align: left;
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #43436c;
}
.noticeboard-product.nb-productpage {
  padding: 0px 16px;
  margin-top: 12px;
}
@media (min-width: 992px) {
  .noticeboard-product.nb-productpage {
    padding: 12px 16px;
    margin-top: -35px;
  }
}
.noticeboard-product.nb-productpage .pagemain-cell {
  height: 62px;
}
@media (min-width: 992px) {
  .noticeboard-product.nb-productpage .pagemain-cell.cell-border-bottom {
    border-bottom: none;
  }
}
@media (max-width: 991px) {
  .noticeboard-product.nb-productpage .pagemain-cell.cell-border-left {
    border-left: none;
  }
}
.noticeboard-product.nb-productpage .pagemain-cell .productboard-value {
  text-align: center;
}
.noticeboard-product.nb-productpage .pagemain-cell .productboard-type {
  text-align: center;
  color: #43436c;
  margin-bottom: 2px;
}
@media (min-width: 992px) {
  .noticeboard-product.nb-productpage .pagemain-cell .productboard-type {
    font-size: 9px;
  }
}
@media (min-width: 1042px) {
  .noticeboard-product.nb-productpage .pagemain-cell .productboard-type {
    font-size: 11px;
  }
}
@media (min-width: 1112px) {
  .noticeboard-product.nb-productpage .pagemain-cell .productboard-type {
    font-size: 13px;
    margin-bottom: 6px;
  }
}
.noticeboard-product.nb-productpage .pagemain-cell .productboard-cont {
  height: 44px;
}
@media (min-width: 992px) {
  .pn-productpage {
    max-width: 55%;
  }
}
#reviews_viewcontrols_cont label.label.labela {
  display: none;
}
#reviews_viewcontrols_cont .select {
  max-width: none;
}
#reviews_viewcontrols_cont p {
  margin-bottom: 0px;
}
#reviews_viewcontrols_row {
  margin-top: 12px;
}
@media (min-width: 992px) {
  #reviews_viewcontrols_row {
    margin-top: 24px;
  }
}
#product_id_cont,
#variant_id_cont {
  box-sizing: border-box;
  margin-bottom: 16px;
}
@media (min-width: 640px) {
  #reviews_viewcontrols_cont #product_id_cont,
  #reviews_viewcontrols_cont #variant_id_cont {
    float: left;
    padding-right: 12px;
    width: 50%;
  }
}
@media (min-width: 992px) {
  #reviews_viewcontrols_cont #product_id_cont,
  #reviews_viewcontrols_cont #variant_id_cont {
    padding-right: 36px;
    width: 70%;
    max-width: 316px;
    float: none;
  }
}
@media (min-width: 640px) {
  #reviews_viewcontrols_cont #variant_id_cont {
    padding-right: 0px;
  }
}
@media (min-width: 992px) {
  #reviews_viewcontrols_cont #variant_id_cont {
    padding-right: 36px;
  }
}
#reviewsshow_btn_cont {
  box-sizing: border-box;
  margin-bottom: 16px;
}
@media (min-width: 640px) {
  #reviewsshow_btn_cont {
    float: left;
    width: 30%;
  }
}
@media (min-width: 992px) {
  #reviewsshow_btn_cont {
    float: none;
  }
}
#reviewsshow_button {
  padding-left: 10px;
  padding-right: 10px;
  min-width: 150px;
}
@media (min-width: 992px) {
  #reviewsshow_button {
    min-width: 214px;
  }
}
#period_reviews {
  -webkit-column-count: 2;
  columns: 2 400px;
  column-gap: 48px;
}
#period_reviews .review-cont,
#period_reviews .suppl-error-box,
#period_reviews .suppl-info-box,
#period_reviews .suppl-success-box {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
}
h3.variants-product-name {
  margin-top: 16px;
  padding: 12px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border: 1px solid #dadaea;
  border-bottom: none;
  background-color: #f1f1f9;
  font-size: 14px;
}
@media (min-width: 640px) {
  h3.variants-product-name {
    font-size: 16px;
    font-weight: normal;
  }
}
@media (min-width: 720px) {
  h3.variants-product-name {
    padding: 18px 16px 20px 16px;
  }
}
@media (min-width: 992px) {
  h3.variants-product-name {
    font-weight: bold;
  }
}
.variants-list-cont + h3.variants-product-name {
  margin-top: 40px;
}
.variants-list-cont {
  box-sizing: border-box;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border: 1px solid #dadaea;
  padding: 0px 12px;
}
@media (min-width: 720px) {
  .variants-list-cont {
    padding: 0px 16px;
  }
}
.variant-cont {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #dadaea;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}
.variants-list-cont .variant-cont:last-child {
  border-bottom: none;
}
.variant-cont h4.variant-name {
  position: relative;
  font-size: 14px;
}
.variant-cont h4.variant-name .variant-code {
  display: block;
  color: #727281;
  line-height: 1.38;
  font-size: 11px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (min-width: 720px) {
  .variant-cont h4.variant-name .variant-code {
    font-size: 13px;
    float: right;
  }
}
@media (min-width: 992px) {
  .variant-cont h4.variant-name .variant-code {
    float: none;
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .variant-cont h4.variant-name {
    padding-bottom: 5px;
  }
}
.variants-list-cont .variant-cont .variant-name .variant-placing {
  margin-right: 25px;
}
.variant-cont .variantinfo-cont {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}
@media (min-width: 992px) {
  .variant-cont .variantinfo-cont {
    min-height: 53px;
  }
}
.variant-cont .variantinfo-cont .pagemain-cell.cell-variantinfo-duration,
.variant-cont .variantinfo-cont .pagemain-cell.cell-variantinfo-persons,
.variant-cont .variantinfo-cont .pagemain-cell.cell-variantinfo-descr {
  padding-top: 8px;
  padding-left: 20px;
  padding-right: 10px;
  background-size: 16px 16px;
  background-position: 0px 10px;
  color: #43436c;
  line-height: 1.38;
  background-image: url('../../images/pomocne/svg/darksteelblue-spec-duration.svg');
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  .variant-cont .variantinfo-cont .pagemain-cell.cell-variantinfo-duration,
  .variant-cont .variantinfo-cont .pagemain-cell.cell-variantinfo-persons,
  .variant-cont .variantinfo-cont .pagemain-cell.cell-variantinfo-descr {
    padding-left: 9px;
    padding-top: 24px;
    background-position: center 8px;
    text-align: center;
  }
}
.variant-cont .variantinfo-cont .pagemain-cell.cell-variantinfo-persons {
  background-image: url('../../images/pomocne/svg/darksteelblue-spec-people.svg');
}
.variant-cont .variantinfo-cont .pagemain-cell.cell-variantinfo-descr {
  background-image: url('../../images/pomocne/svg/darksteelblue-spec-specification.svg');
}
.variant-cont .variantinfo-cont .pagemain-cell.cell-variantinfo-price {
  padding-top: 8px;
  padding-left: 10px;
  padding-right: 10px;
  color: #43436c;
}
.variant-cont .variantinfo-cont .pagemain-cell.cell-variantinfo-price .span-price-amount {
  display: block;
  text-align: center;
  font-weight: bold;
  color: #00002b;
}
@media (min-width: 720px) {
  .variant-cont .variantinfo-cont .pagemain-cell.cell-variantinfo-price .span-price-amount {
    display: inline-block;
    float: right;
    text-align: right;
  }
}
@media (min-width: 992px) {
  .variant-cont .variantinfo-cont .pagemain-cell.cell-variantinfo-price .span-price-amount {
    display: block;
    float: none;
    text-align: center;
  }
}
.variant-cont .variantinfo-cont .pagemain-cell.cell-variantinfo-price .span-price-info {
  font-size: 11px;
  display: block;
  text-align: center;
  line-height: 1.36;
}
@media (min-width: 720px) {
  .variant-cont .variantinfo-cont .pagemain-cell.cell-variantinfo-price .span-price-info {
    display: inline-block;
    float: left;
    text-align: left;
    font-size: 13px;
    line-height: 1.38;
  }
}
@media (min-width: 992px) {
  .variant-cont .variantinfo-cont .pagemain-cell.cell-variantinfo-price .span-price-info {
    display: block;
    float: none;
    text-align: center;
  }
}
.variant-cont .variantinfo-cont .pagemain-cell.priceinfo-cont {
  margin-top: 12px;
}
@media (min-width: 720px) {
  .variant-cont .variantinfo-cont .pagemain-cell.priceinfo-cont {
    margin-top: 0px;
  }
}
.variant-cont .variant-link {
  padding-top: 8px;
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}
@media (min-width: 720px) {
  .variant-cont .variant-link {
    text-align: right;
  }
}
.variant-cont .variant-link .svgicon {
  margin-top: -3px;
}
.highlight-cont .score-state-rise,
.highlight-cont .score-state-fall {
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
}
@media (min-width: 480px) {
  .highlight-cont .score-state-rise,
  .highlight-cont .score-state-fall {
    right: auto;
    top: auto;
    left: 30px;
    bottom: -10px;
  }
}
@media (min-width: 720px) {
  .highlight-cont .score-state-rise,
  .highlight-cont .score-state-fall {
    left: 40px;
    bottom: -15px;
  }
}
.cell-variant-anchors {
  font-size: 13px;
}
.cell-variant-anchors a {
  display: inline-block;
  margin-right: 15px;
  background-size: 20px 20px;
  background-position: center top;
  padding-top: 20px;
  background-image: url('../../images/pomocne/svg/orange-monitor.svg');
  background-repeat: no-repeat;
  font-size: 13px;
  line-height: 20px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: none;
}
.cell-variant-anchors a:last-child {
  margin-right: 0px;
}
.cell-variant-anchors a.variant-otputbutton-pdf {
  background-image: url('../../images/pomocne/svg/orange-pdf.svg');
  float: right;
}
@media (min-width: 480px) {
  .cell-variant-anchors a {
    padding-left: 25px;
    padding-top: 0px;
    background-position: 0px 0px;
  }
  .cell-variant-anchors a.variant-otputbutton-pdf {
    float: none;
  }
}
#var_output_buttons_h1 {
  display: none;
}
@media (min-width: 1220px) {
  #var_output_buttons_h1 {
    width: auto;
    position: absolute;
    right: 0px;
    top: 12px;
    display: block;
  }
  #var_output_buttons_h1 .cell-variant-anchors {
    padding: 0px;
    text-align: right;
  }
}
#var_output_buttons_top {
  display: none;
}
@media (min-width: 480px) {
  #var_output_buttons_top {
    display: block;
  }
}
@media (min-width: 1220px) {
  #var_output_buttons_top {
    display: none;
  }
}
#var_output_buttons_middle .cell-variant-anchors {
  padding-top: 0px;
}
@media (min-width: 480px) {
  #var_output_buttons_middle {
    display: none;
  }
}
h1#variant_h1 {
  position: relative;
}
@media (min-width: 1220px) {
  h1#variant_h1 {
    padding-right: 300px;
  }
  .supplier-tutorial h1#variant_h1 {
    padding-right: 320px;
  }
}
.supplier-pagetop-cont .variant-maindescription-cont {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #dadaea;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  border-bottom: none;
}
.variants-list-cont .supplier-pagetop-cont .variant-maindescription-cont:last-child {
  border-bottom: none;
}
.supplier-pagetop-cont .variant-maindescription-cont .variant-name {
  position: relative;
}
.supplier-pagetop-cont .variant-maindescription-cont .variant-name .variant-code {
  display: inline-block;
  color: #727281;
  line-height: 1.38;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.variants-list-cont .supplier-pagetop-cont .variant-maindescription-cont .variant-name {
  counter-increment: variants-order-counter;
}
.variants-list-cont .supplier-pagetop-cont .variant-maindescription-cont .variant-name .variant-placing {
  margin-right: 25px;
}
.variants-list-cont .supplier-pagetop-cont .variant-maindescription-cont .variant-name .variant-placing::after {
  content: '\00A0' counter(variants-order-counter) ':';
  text-align: left;
  font-family: "Axiforma";
  line-height: 1.38;
  display: inline-block;
  color: #43436c;
}
.supplier-pagetop-cont .variant-maindescription-cont .variantinfo-cont {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}
.supplier-pagetop-cont .variant-maindescription-cont .variantinfo-cont .pagemain-cell {
  padding-top: 8px;
  padding-left: 20px;
  padding-right: 10px;
  color: #43436c;
}
.supplier-pagetop-cont .variant-maindescription-cont .variantinfo-cont .pagemain-cell.cell-variantinfo-place,
.supplier-pagetop-cont .variant-maindescription-cont .variantinfo-cont .pagemain-cell.cell-variantinfo-duration,
.supplier-pagetop-cont .variant-maindescription-cont .variantinfo-cont .pagemain-cell.cell-variantinfo-persons,
.supplier-pagetop-cont .variant-maindescription-cont .variantinfo-cont .pagemain-cell.cell-variantinfo-price,
.supplier-pagetop-cont .variant-maindescription-cont .variantinfo-cont .pagemain-cell.cell-variantinfo-descr {
  background-size: 16px 16px;
  background-position: 0px 8px;
  background-image: url('../../images/pomocne/svg/darksteelblue-filter-pin.svg');
  background-repeat: no-repeat;
}
.supplier-pagetop-cont .variant-maindescription-cont .variantinfo-cont .pagemain-cell.cell-variantinfo-duration {
  background-image: url('../../images/pomocne/svg/darksteelblue-spec-duration.svg');
}
.supplier-pagetop-cont .variant-maindescription-cont .variantinfo-cont .pagemain-cell.cell-variantinfo-persons {
  background-image: url('../../images/pomocne/svg/darksteelblue-spec-people.svg');
}
.supplier-pagetop-cont .variant-maindescription-cont .variantinfo-cont .pagemain-cell.cell-variantinfo-descr {
  background-image: url('../../images/pomocne/svg/darksteelblue-spec-specification.svg');
}
.supplier-pagetop-cont .variant-maindescription-cont .variantinfo-cont .pagemain-cell.cell-variantinfo-price {
  background-image: url('../../images/pomocne/svg/darksteelblue-discount.svg');
}
.supplier-pagetop-cont .variant-maindescription-cont .variant-link {
  padding-top: 8px;
  padding-right: 0px;
  padding-left: 0px;
  text-align: right;
}
.supplier-pagetop-cont .variant-maindescription-cont .variant-state {
  padding-top: 8px;
  padding-right: 10px;
  padding-left: 0px;
}
@media (min-width: 480px) {
  .supplier-pagetop-cont .variant-maindescription-cont .cell-variantinfo-price {
    font-weight: bold;
  }
}
.supplier-pagetop-cont .variant-maindescription-cont .variant-name .variant-code {
  font-size: 13px;
}
.supplier-pagetop-cont .variant-maindescription-cont .cell-variant-anchors {
  padding-left: 0px;
  padding-right: 0px;
}
#restofdetailstoggle_cont {
  margin-top: 8px;
  margin-bottom: 4px;
}
@media (min-width: 480px) {
  #restofdetailstoggle_cont {
    display: none;
  }
}
#prodmap_cont {
  box-sizing: border-box;
  width: 100%;
  position: relative;
  margin-bottom: 16px;
  margin-top: 16px;
  height: 192px;
}
@media (min-width: 720px) {
  #prodmap_cont {
    height: 360px;
    margin-bottom: 0;
    margin-top: 24px;
  }
}
.map-holder {
  box-sizing: border-box;
  border-radius: 3px;
  position: absolute;
  padding: 10px;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  background-color: #f1f1f9;
  color: white;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (min-width: 480px) {
  .map-holder {
    font-size: 37px;
  }
}
@media (min-width: 640px) {
  .map-holder {
    font-size: 45px;
  }
}
.suppl-documents .document-cont {
  width: 100%;
  padding-bottom: 160px;
  border-radius: 3px;
  position: relative;
  /* Box Shadow */
  /* Opera */
  -o-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* IE */
  -ms-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* Mozilla FireFox */
  -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* Google Chrome */
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* Normal */
  box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  background-size: 32px 32px;
  background-repeat: no-repeat;
  background-position: center 8px;
  background-image: url('../../images/pomocne/svg/darksteelblue-document.svg');
}
@media (min-width: 480px) {
  .suppl-documents .document-cont {
    background-position: center 16px;
  }
}
.suppl-documents .document-cont.file-pdf {
  background-image: url('../../images/pomocne/svg/darksteelblue-pdf.svg');
}
.suppl-documents .document-cont .document-info-cont {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding-top: 48px;
}
@media (min-width: 480px) {
  .suppl-documents .document-cont .document-info-cont {
    padding-top: 64px;
  }
}
.suppl-documents .document-cont .document-info-cont .document-file-name,
.suppl-documents .document-cont .document-info-cont .document-file-date,
.suppl-documents .document-cont .document-info-cont .document-file-download {
  text-align: center;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}
.suppl-documents .document-cont .document-info-cont .document-file-name {
  padding-left: 8px;
  padding-right: 8px;
  word-wrap: break-word;
}
.suppl-documents .document-cont .document-info-cont .document-file-date {
  color: #727281;
}
.suppl-documents .document-cont .document-info-cont .document-file-download {
  position: absolute;
  bottom: 12px;
  left: 0;
  right: 0;
}
.suppl-documents .document-cont .document-info-cont .document-file-download .svgicon {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.suppl-photogalery .photogalery-cont {
  width: 100%;
  padding-bottom: 220px;
  border-radius: 3px;
  position: relative;
  /* Box Shadow */
  /* Opera */
  -o-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* IE */
  -ms-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* Mozilla FireFox */
  -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* Google Chrome */
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* Normal */
  box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  overflow: hidden;
}
@media (min-width: 440px) {
  .suppl-photogalery .photogalery-cont {
    padding-bottom: 160px;
  }
}
.suppl-photogalery .photogalery-cont .photogalery-background-cont {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 100px;
  background-position: center center;
  background-size: cover;
}
@media (min-width: 440px) {
  .suppl-photogalery .photogalery-cont .photogalery-background-cont {
    bottom: 0px;
  }
}
.suppl-photogalery .photogalery-cont .photogalery-background-cont .photogalery-background-grad1 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 55px;
  background: -webkit-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#00000000', GradientType=0);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000',endColorstr='#00000000',GradientType=0);
  opacity: 0.7;
}
@media (min-width: 440px) {
  .suppl-photogalery .photogalery-cont .photogalery-background-cont .photogalery-background-grad1 {
    height: 50px;
  }
}
.suppl-photogalery .photogalery-cont .photogalery-background-cont .photogalery-background-grad2 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 92px;
  background: -webkit-linear-gradient(bottom, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(bottom, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(bottom, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(bottom, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(bottom, #000000 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff000000', GradientType=0);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#ff000000',GradientType=0);
  opacity: 0.7;
}
@media (min-width: 440px) {
  .suppl-photogalery .photogalery-cont .photogalery-background-cont .photogalery-background-grad2 {
    height: 135px;
  }
}
.suppl-photogalery .photogalery-cont .photogalery-info-cont {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.suppl-photogalery .photogalery-cont .photogalery-info-cont .photogalery-info-place,
.suppl-photogalery .photogalery-cont .photogalery-info-cont .photogalery-info-name,
.suppl-photogalery .photogalery-cont .photogalery-info-cont .photogalery-info-photocounter {
  text-align: center;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}
@media (min-width: 440px) {
  .suppl-photogalery .photogalery-cont .photogalery-info-cont .photogalery-info-place,
  .suppl-photogalery .photogalery-cont .photogalery-info-cont .photogalery-info-name,
  .suppl-photogalery .photogalery-cont .photogalery-info-cont .photogalery-info-photocounter {
    color: white;
  }
}
.suppl-photogalery .photogalery-cont .photogalery-info-cont .photogalery-info-place {
  top: 4px;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  text-align: left;
  padding-left: 24px;
  padding-right: 4px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 4px 0px;
  background-image: url('../../images/pomocne/svg/white-filter-pin.svg');
  color: white;
}
.suppl-photogalery .photogalery-cont .photogalery-info-cont .photogalery-info-photocounter {
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
}
.suppl-photogalery .photogalery-cont .photogalery-info-cont .photogalery-info-photocounter .svgicon {
  background-image: url('../../images/pomocne/svg/darksteelblue-image.svg');
  margin-right: 2px;
  vertical-align: -4px;
}
@media (min-width: 440px) {
  .suppl-photogalery .photogalery-cont .photogalery-info-cont .photogalery-info-photocounter .svgicon {
    background-image: url('../../images/pomocne/svg/white-image.svg');
  }
}
.suppl-photogalery .photogalery-cont .photogalery-info-cont .photogalery-info-name {
  top: 124px;
  left: 0;
  right: 0;
  position: absolute;
  padding-left: 4px;
  padding-right: 4px;
  font-family: "Axiforma";
}
@media (min-width: 440px) {
  .suppl-photogalery .photogalery-cont .photogalery-info-cont .photogalery-info-name {
    top: 70px;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 16px;
  }
}
@media (min-width: 580px) {
  .suppl-photogalery .photogalery-cont .photogalery-info-cont .photogalery-info-name {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (min-width: 720px) {
  .suppl-photogalery .photogalery-cont .photogalery-info-cont .photogalery-info-name {
    font-size: 14px;
    padding-left: 4px;
    padding-right: 4px;
  }
}
@media (min-width: 992px) {
  .suppl-photogalery .photogalery-cont .photogalery-info-cont .photogalery-info-name {
    font-size: 13px;
  }
}
@media (min-width: 1100px) {
  .suppl-photogalery .photogalery-cont .photogalery-info-cont .photogalery-info-name {
    font-size: 14px;
  }
}
@media (min-width: 440px) {
  .suppl-photogalery .photogalery-cont .photogalery-info-cont .photogalery-info-name a {
    color: white;
  }
}
.photogalery-place {
  background-size: 14px 14px;
  background-position: 0px 0px;
  background-image: url('../../images/pomocne/svg/orange-filter-pin.svg');
  background-repeat: no-repeat;
  padding-left: 18px;
  margin-bottom: 0px;
  font-family: "Axiforma";
  font-size: 14px;
  color: #727281;
}
@media (min-width: 720px) {
  .photogalery-place {
    font-size: 16px;
    padding-left: 24px;
    background-size: 20px 20px;
  }
}
.suppl-photos a.photo-cont,
.suppl-photos a.photo-import {
  width: 100%;
  padding-bottom: 92.5%;
  border-radius: 3px;
  position: relative;
  display: block;
  overflow: hidden;
}
.suppl-photos a.photo-cont .photo-info-cont,
.suppl-photos a.photo-import .photo-info-cont {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.suppl-photos a.photo-cont .photo-info-cont .photo-info-zoom,
.suppl-photos a.photo-import .photo-info-cont .photo-info-zoom,
.suppl-photos a.photo-cont .photo-info-cont .photo-info-notactive,
.suppl-photos a.photo-import .photo-info-cont .photo-info-notactive,
.suppl-photos a.photo-cont .photo-info-cont .photo-info-import,
.suppl-photos a.photo-import .photo-info-cont .photo-info-import {
  text-align: center;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}
.suppl-photos a.photo-cont {
  /* Box Shadow */
  /* Opera */
  -o-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* IE */
  -ms-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* Mozilla FireFox */
  -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* Google Chrome */
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* Normal */
  box-shadow: 0 2px 4px -1px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
}
.suppl-photos a.photo-cont .photo-background-cont {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-position: center center;
  background-size: cover;
}
.suppl-photos a.photo-cont .photo-background-cont .photo-background1 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: -webkit-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#00000000', GradientType=0);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000',endColorstr='#00000000',GradientType=0);
  opacity: 0.7;
  display: none;
}
.suppl-photos a.photo-cont .photo-background-cont .photo-background0 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #00002b;
  opacity: 0.5;
}
.suppl-photos a.photo-cont .photo-info-cont .photo-info-zoom {
  width: 100%;
  height: 50px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -25px;
  color: white;
  box-sizing: border-box;
  padding-top: 30px;
  background-position: center 0px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-image: url('../../images/pomocne/svg/white-search-m.svg');
  display: none;
}
.suppl-photos a.photo-cont .photo-info-cont .photo-info-notactive {
  width: 104px;
  height: 24px;
  border-radius: 3px;
  background-color: #f1f1f9;
  line-height: 24px;
  box-sizing: border-box;
  color: #00002b;
  background-position: 3px 4px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-image: url('../../images/pomocne/svg/darksteelblue-spec-duration.svg');
  padding-left: 23px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -12px;
  margin-left: -52px;
}
.suppl-photos a.photo-cont:hover .photo-background-cont .photo-background1 {
  display: block;
}
.suppl-photos a.photo-cont:hover .photo-info-cont .photo-info-zoom {
  display: block;
}
.suppl-photos a.photo-import {
  border: 1px dashed #dadaea;
  background-position: 50% 35%;
  background-size: 32px 32px;
  background-repeat: no-repeat;
  background-image: url('../../images/pomocne/svg/darksteelblue-upload.svg');
}
.suppl-photos a.photo-import .photo-info-cont .photo-info-import {
  box-sizing: border-box;
  padding-top: 50%;
}
.suppl-photos a.photo-import:hover {
  border-color: #ff6600;
  background-image: url('../../images/pomocne/svg/orange-upload.svg');
}
.suppl-photos a.photo-import:hover .photo-info-cont .photo-info-import {
  text-decoration: underline;
}
.photouploads-cont {
  font-size: 14px;
}
.pagemain-row .pagemain-cell.photouploads-cont {
  padding-top: 25px;
}
.photouploads-cont::after {
  content: '';
  display: block;
  clear: both;
}
@media (min-width: 992px) {
  .photouploads-cont {
    max-width: 610px;
  }
}
@media (min-width: 720px) {
  .photouploads-cont h4 {
    margin-bottom: 2px;
  }
}
@media (min-width: 992px) {
  .photouploads-cont h4 {
    margin-bottom: 6px;
  }
}
.photouploads-cont .uploadedphoto-cont {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dadaea;
}
.photouploads-cont .uploadedphoto-cont::after {
  content: '';
  display: block;
  clear: both;
}
.photouploads-cont .uploadedphoto-cont .uploadedphoto-photo {
  width: 74px;
  height: 56px;
  border-radius: 3px;
  position: relative;
  text-align: center;
  background: #dadaea;
  background: white;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  /* Box Shadow */
  /* Opera */
  -o-box-shadow: 0 2px 4px -3px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* IE */
  -ms-box-shadow: 0 2px 4px -3px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* Mozilla FireFox */
  -moz-box-shadow: 0 2px 4px -3px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* Google Chrome */
  -webkit-box-shadow: 0 2px 4px -3px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
  /* Normal */
  box-shadow: 0 2px 4px -3px rgba(0, 0, 43, 0.2), 0 1px 10px 0 rgba(0, 0, 43, 0.12), 0 4px 5px 0 rgba(0, 0, 43, 0.14);
}
@media (min-width: 720px) {
  .photouploads-cont .uploadedphoto-cont .uploadedphoto-photo {
    margin-bottom: 0px;
  }
}
.photouploads-cont .uploadedphoto-cont .uploadedphoto-photo img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.photouploads-cont .uploadedphoto-cont .uploadedphoto-name {
  width: 60%;
  width: calc(100% - 84px);
  float: left;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  margin-bottom: 5px;
}
.photouploads-cont .uploadedphoto-cont .uploadedphoto-info-cont,
.photouploads-cont .uploadedphoto-cont .uploadedphoto-info-cont2,
.photouploads-cont .uploadedphoto-cont .uploadedphoto-progressbar-cont {
  clear: both;
  font-size: 13px;
  box-sizing: border-box;
  position: relative;
}
@media (min-width: 640px) {
  .photouploads-cont .uploadedphoto-cont .uploadedphoto-info-cont,
  .photouploads-cont .uploadedphoto-cont .uploadedphoto-info-cont2,
  .photouploads-cont .uploadedphoto-cont .uploadedphoto-progressbar-cont {
    clear: none;
    width: 70%;
    width: calc(100% - 84px);
    float: left;
  }
}
.photouploads-cont .uploadedphoto-cont .uploadedphoto-info-cont,
.photouploads-cont .uploadedphoto-cont .uploadedphoto-progressbar-cont {
  padding-right: 55px;
}
.photouploads-cont .uploadedphoto-cont .uploadedphoto-progressbar-cont {
  padding-top: 2px;
}
.photouploads-cont .uploadedphoto-cont .uploadedphoto-success,
.photouploads-cont .uploadedphoto-cont .uploadedphoto-error {
  background-size: 13px 13px;
  background-repeat: no-repeat;
  background-position: 0px 2px;
  padding-left: 20px;
  color: #27893C;
  background-image: url('../../images/pomocne/svg/green-form-ok.svg');
  min-height: 16px;
}
@media (min-width: 640px) {
  .photouploads-cont .uploadedphoto-cont .uploadedphoto-success,
  .photouploads-cont .uploadedphoto-cont .uploadedphoto-error {
    background-size: 16px 16px;
    background-position: 0px 1px;
    padding-left: 25px;
  }
}
.photouploads-cont .uploadedphoto-cont .uploadedphoto-error {
  color: #df003a;
  background-image: url('../../images/pomocne/svg/red-banner-close.svg');
}
.photouploads-cont .uploadedphoto-cont .uploadedphoto-progressbar1 {
  box-sizing: border-box;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #dadaea;
}
.photouploads-cont .uploadedphoto-cont .uploadedphoto-progressbar1 .uploadedphoto-progressbar2 {
  height: 8px;
  box-sizing: border-box;
  background-color: #1919dd;
  border-radius: 4px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 2px;
  margin-right: 2px;
}
.photouploads-cont .uploadedphoto-cont .uploadedphoto-remove,
.photouploads-cont .uploadedphoto-cont .uploadedphoto-progress {
  text-align: right;
  position: absolute;
  right: 0px;
  top: 0px;
}
.photouploads-cont .photouploads-buttons-cont .photouploads-button-right {
  padding-top: 15px;
}
.photouploads-cont .photouploads-buttons-cont .photouploads-button-right .formbutton {
  width: 100%;
}
.photouploads-cont .photouploads-buttons-cont .photouploads-button-left {
  padding-top: 15px;
}
.photouploads-cont .photouploads-buttons-cont .photouploads-button-left a.photo-import {
  width: 100%;
  height: 35px;
  box-sizing: border-box;
  display: block;
  position: relative;
  border: 1px dashed #dadaea;
}
.photouploads-cont .photouploads-buttons-cont .photouploads-button-left a.photo-import .photo-info-cont {
  position: relative;
  text-align: center;
  height: 100%;
}
.photouploads-cont .photouploads-buttons-cont .photouploads-button-left a.photo-import .photo-info-cont .photo-info-import {
  position: absolute;
  margin: auto;
  box-sizing: border-box;
  height: 32px;
  width: 175px;
  padding-left: 40px;
  padding-top: 7px;
  background-position: 0px 0px;
  background-size: 32px 32px;
  background-repeat: no-repeat;
  background-image: url('../../images/pomocne/svg/darksteelblue-upload.svg');
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}
.photouploads-cont .photouploads-buttons-cont .photouploads-button-left a.photo-import:hover {
  border-color: #ff6600;
}
.photouploads-cont .photouploads-buttons-cont .photouploads-button-left a.photo-import:hover .photo-info-cont .photo-info-import {
  background-image: url('../../images/pomocne/svg/orange-upload.svg');
  text-decoration: underline;
}
@media (min-width: 640px) {
  .photouploads-cont .photouploads-buttons-cont .photouploads-button-right,
  .photouploads-cont .photouploads-buttons-cont .photouploads-button-left {
    width: 200px;
    float: left;
  }
}
@media (min-width: 640px) {
  .photouploads-cont .photouploads-buttons-cont .photouploads-button-right {
    float: right;
  }
}
.photogalery-h2-counter {
  color: #727281;
  font-weight: normal;
}
#videos_uploadedvidsbox .video-uploaded {
  border-radius: 3px;
  border: solid 1px #dadaea;
  margin-top: 16px;
  font-size: 13px;
}
#videos_uploadedvidsbox .video-uploaded .video-label-approve {
  display: block;
  line-height: 32px;
  padding-left: 33px;
  padding-right: 9px;
  background-position: 12px 8px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-image: url('../../images/pomocne/svg/darksteelblue-spec-duration.svg');
  color: #00002b;
  background-color: #f1f1f9;
}
@media (min-width: 640px) {
  #videos_uploadedvidsbox .video-uploaded .video-label-approve {
    display: inline-block;
  }
}
#videos_uploadedvidsbox .video-uploaded .video-url {
  display: block;
  color: #ff6600;
  line-height: 32px;
  padding-left: 12px;
  padding-right: 12px;
}
@media (min-width: 640px) {
  #videos_uploadedvidsbox .video-uploaded .video-url {
    display: inline-block;
  }
}
#suppl_video_text {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}
@media (min-width: 1192px) {
  #suppl_video_text {
    padding-top: 16px;
  }
}
@media (min-width: 1192px) {
  #suppl_video_text .form {
    display: inline-block;
    width: 474px;
    margin-left: 16px;
  }
}
@media (min-width: 601px) {
  #suppl_video_text .form .input-with-left-button input {
    max-width: 60%;
    max-width: calc((100% - 194px));
  }
}
@media (min-width: 992px) {
  #suppl_video_text .form .input-with-left-button input {
    max-width: 280px;
  }
}
#suppl_video_text .form .input-with-left-button .inline-button-cont {
  display: block;
}
@media (min-width: 601px) {
  #suppl_video_text .form .input-with-left-button .inline-button-cont {
    display: inline-block;
  }
}
#suppl_video_text .form .input-with-left-button .inline-button-cont button.formbutton {
  width: 100%;
}
@media (min-width: 601px) {
  #suppl_video_text .form .input-with-left-button .inline-button-cont button.formbutton {
    width: auto;
  }
}
/*#suppl_video_input{
	.video-import-input{
		input{
			line-height:35px;
			padding-left:5px;
			padding-right:5px;
			border: 1px solid @grey-pale-2;
			border-radius: 3px;
			box-sizing: border-box;
			width: 100%;
		}	
	}
}*/
.user-forms-cont h4 {
  margin-bottom: 16px;
}
.user-forms-cont h4.font-normal {
  font-weight: normal;
}
@media (min-width: 720px) {
  .user-forms-cont h4.st-fontsize-up {
    font-size: 16px;
    margin-bottom: 12px;
  }
}
.user-forms-cont .suppl-info-box,
.user-forms-cont .suppl-error-box,
.user-forms-cont .suppl-success-box {
  margin-bottom: 16px;
}
@media (min-width: 720px) {
  .user-forms-cont .suppl-info-box,
  .user-forms-cont .suppl-error-box,
  .user-forms-cont .suppl-success-box {
    margin-bottom: 24px;
  }
}
@media (min-width: 992px) {
  .user-forms-cont .suppl-info-box,
  .user-forms-cont .suppl-error-box,
  .user-forms-cont .suppl-success-box {
    margin-bottom: 32px;
  }
}
.form .input-with-left-button {
  text-align: center;
}
@media (min-width: 601px) {
  .form .input-with-left-button {
    text-align: left;
  }
}
.form .input-with-left-button input {
  margin-bottom: 24px;
}
@media (min-width: 601px) {
  .form .input-with-left-button .formbutton {
    margin-left: 24px;
  }
}
.form .input-with-left-button .alerterror {
  left: auto;
  top: 56px;
  right: auto;
  left: 0px;
}
@media (min-width: 601px) {
  #newlogin_cont .form .input-with-left-button .formbutton {
    margin-left: 14px;
  }
}
@media (min-width: 615px) {
  #newlogin_cont .form .input-with-left-button .formbutton {
    margin-left: 24px;
  }
}
#contactedit_topinfobox {
  padding-left: 8px;
  padding-right: 8px;
}
#contactedit_topinfobox .suppl-success-box,
#contactedit_topinfobox .suppl-error-box,
#contactedit_topinfobox .suppl-info-box {
  margin-top: 16px;
}
@media (min-width: 720px) {
  #contactedit_topinfobox {
    padding-left: 12px;
    padding-right: 12px;
  }
  #contactedit_topinfobox .suppl-success-box,
  #contactedit_topinfobox .suppl-error-box,
  #contactedit_topinfobox .suppl-info-box {
    margin-top: 24px;
  }
}
@media (min-width: 992px) {
  #contactedit_topinfobox .suppl-success-box,
  #contactedit_topinfobox .suppl-error-box,
  #contactedit_topinfobox .suppl-info-box {
    margin-top: 40px;
  }
}
#contactedit_maincontactsbox {
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  #contactedit_maincontactsbox {
    padding-bottom: 48px;
  }
}
@media (min-width: 1220px) {
  #contactedit_maincontactsbox {
    padding-bottom: 60px;
  }
}
.verification-infobox {
  border-radius: 3px;
  padding: 8px 16px 8px 32px;
  font-size: 13px;
  line-height: 16px;
  background-position: 8px 8px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-image: url('../../images/pomocne/svg/darksteelblue-spec-duration.svg');
  color: #00002b;
  background-color: #f1f1f9;
  margin-bottom: 12px;
  text-align: left;
}
@media (min-width: 1220px) {
  .verification-infobox {
    margin-bottom: 16px;
  }
}
.contactsblock-cont {
  border-radius: 2px;
  border: solid 1px #dadaea;
  position: relative;
  padding: 16px;
}
.contactsblock-cont::after {
  content: '';
  display: block;
  clear: both;
}
.contactsblock-cont h4 {
  font-weight: bold;
  margin-bottom: 12px;
}
@media (min-width: 720px) {
  .contactsblock-cont h4 {
    padding-right: 77px;
  }
}
@media (min-width: 1220px) {
  .contactsblock-cont.contblock-top {
    min-height: 147px;
  }
}
@media (min-width: 720px) {
  .contactsblock-cont.contblock-top h4 {
    font-weight: normal;
  }
}
@media (min-width: 992px) {
  .contactsblock-cont.contblock-top h4 {
    font-weight: bold;
  }
}
@media (min-width: 720px) {
  .contactsblock-cont.contblock-place {
    min-height: 500px;
  }
}
.contactsblock-cont .contactsinterblock-cont {
  font-size: 13px;
  margin-bottom: 8px;
}
.contactsblock-cont .contactsinterblock-cont .contacts-label {
  color: #727281;
  margin-bottom: 4px;
}
.contactsblock-cont .contactsinterblock-cont .contacts-value {
  word-wrap: break-word;
}
@media (min-width: 720px) {
  .contactsblock-cont .contactsinterblock-cont .contacts-value {
    padding-right: 10px;
  }
}
@media (min-width: 720px) {
  .contactsblock-cont .contactsinterblock-cont.contintblock-adress {
    min-height: 90px;
  }
}
@media (min-width: 720px) {
  #supp_maincontactsblock .contactsblock-cont .contactsinterblock-cont:nth-child(even) div {
    padding-left: 16px;
  }
}
@media (min-width: 1220px) {
  #supp_maincontactsblock .contactsblock-cont .contactsinterblock-cont:nth-child(even) div {
    padding-left: 0px;
  }
}
.contactsblock-cont .changebutton {
  padding: 4px 12px 4px 12px;
}
.contactsblock-cont .buttonbox1 {
  text-align: center;
  margin-top: 16px;
}
.contactsblock-cont .buttonbox1 .changebutton {
  min-width: 140px;
}
@media (min-width: 720px) {
  .contactsblock-cont .buttonbox1 {
    position: absolute;
    right: 16px;
    top: 14px;
    text-align: right;
    margin-top: auto;
  }
  .contactsblock-cont .buttonbox1 .changebutton {
    min-width: initial;
  }
}
.contactsblock-cont .buttonbox2 {
  text-align: left;
  margin-top: 16px;
  margin-bottom: 10px;
}
.contactsblock-cont .buttonbox2::after {
  content: '';
  display: block;
  clear: both;
}
.contactsblock-cont .buttonbox2 .activity-label {
  font-size: 13px;
  color: #27893C;
  border-radius: 2px;
  border: solid 1px #27893C;
  padding: 0px 4px 0px 4px;
}
.contactsblock-cont .buttonbox2 .activity-label.activitylabel-notactive {
  color: #df003a;
  border-color: #df003a;
}
.contactsblock-cont .buttonbox2 .changebutton-cont {
  display: inline-block;
  float: right;
  position: relative;
  top: -4px;
}
.contactsblock-cont .buttonbox2 .changebutton-cont .changebutton {
  min-width: 78px;
}
@media (min-width: 720px) {
  .contactsblock-cont .buttonbox2 .changebutton-cont {
    display: block;
    float: none;
    position: absolute;
    right: 16px;
    top: 14px;
    text-align: right;
    margin-top: auto;
  }
  .contactsblock-cont .buttonbox2 .changebutton-cont .changebutton {
    min-width: initial;
  }
}
.contactsblock-cont .place-longtext {
  position: relative;
  height: auto;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (min-width: 720px) {
  .contactsblock-cont .place-longtext {
    position: static;
    padding-bottom: 172px;
  }
}
@media (max-width: 479px) {
  .contactsblock-cont .place-longtext.longtextshrink {
    max-height: 95px;
    overflow: hidden;
  }
  .contactsblock-cont .place-longtext.longtextshrink::after {
    content: '';
    display: block;
    width: 100%;
    height: 25px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: -webkit-linear-gradient(bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff', GradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffffff',GradientType=0);
  }
}
.contactsblock-cont .btnexp-cont {
  margin-top: 4px;
  display: none;
}
@media (max-width: 479px) {
  .contactsblock-cont .btnexp-cont.btnexp-displayed {
    display: block;
  }
}
.contactsblock-cont .placemap-cont {
  width: 100%;
  height: 158px;
}
@media (min-width: 720px) {
  .contactsblock-cont .placemap-cont {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
  }
}
.contactsblock-cont .placemap-cont .place-map {
  position: relative;
  width: 100%;
  height: 132px;
}
.contactsblock-cont .placemap-cont .place-map .map-holder {
  /* Box Shadow RESET */
  /* Opera */
  -o-box-shadow: none;
  /* IE */
  -ms-box-shadow: none;
  /* Mozilla FireFox */
  -moz-box-shadow: none;
  /* Google Chrome */
  -webkit-box-shadow: none;
  /* Normal */
  box-shadow: none;
}
.contactsblock-cont .placecontact-notinfo-cont {
  margin-top: 16px;
  margin-bottom: 16px;
}
@media (min-width: 720px) {
  .contactsblock-cont .placecontact-notinfo-cont {
    position: absolute;
    left: 0px;
    top: 306px;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
  }
}
.contactsblock-cont .placecontact-notinfo-cont .placecontact-label {
  font-family: "Axiforma";
  font-weight: normal;
  text-align: center;
  font-size: 13px;
  color: #00002b;
}
@media (min-width: 720px) {
  .contactsblock-cont .placecontact-notinfo-cont .placecontact-label {
    font-size: 14px;
  }
}
.contactsblock-cont .placecontact-notinfo-cont .placecontact-buttoncont {
  margin-top: 8px;
  text-align: center;
}
@media (min-width: 720px) {
  .contactsblock-cont .placecontact-notinfo-cont .placecontact-buttoncont {
    margin-top: 16px;
  }
}
.contactsblock-cont .placecontact-notinfo-cont .placecontact-buttoncont button.button.newinfobtn {
  color: #ff6600;
  background: white;
  font-weight: normal;
  border-radius: 3px;
  border: solid 1px #ff6600;
  padding: 4px 12px 4px 12px;
  line-height: 24px;
}
@media (min-width: 720px) {
  .contactsblock-cont .placecontact-notinfo-cont .placecontact-buttoncont button.button.newinfobtn {
    min-width: 200px;
  }
}
.contactsblock-cont .verification-cont {
  position: absolute;
  display: none;
  z-index: 1;
  width: 225px;
  height: 72px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
}
.contactsblock-cont.contblock-verification-inprogress::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 43, 0.5);
  z-index: 1;
}
.contactsblock-cont.contblock-verification-inprogress .verification-cont {
  display: block;
}
@media (min-width: 992px) {
  #period_products .cell-placeblock {
    padding-top: 24px;
  }
}
@media (min-width: 720px) and (max-width: 1219px) {
  #period_products .cell-placeblock:nth-of-type(2n+1) {
    clear: left;
  }
}
@media (min-width: 1220px) {
  #period_products .cell-placeblock:nth-of-type(3n+1) {
    clear: left;
  }
}
.h2-places {
  margin-top: 6px;
}
@media (min-width: 1220px) {
  .h2-places {
    margin-top: 12px;
  }
}
.popup_supplier_maincontacts,
.popup_supplier_invoiceadress,
.popup_supplier_deliveryadress,
.popup_supplier_placecontacts {
  max-width: 520px;
  width: calc(100% - 20px);
  padding-bottom: 12px;
}
@media (min-width: 541px) {
  .popup_supplier_maincontacts,
  .popup_supplier_invoiceadress,
  .popup_supplier_deliveryadress,
  .popup_supplier_placecontacts {
    padding-bottom: 20px;
  }
}
.popup_supplier_maincontacts .formtitle,
.popup_supplier_invoiceadress .formtitle,
.popup_supplier_deliveryadress .formtitle,
.popup_supplier_placecontacts .formtitle {
  margin-bottom: 16px;
}
@media (min-width: 541px) {
  .popup_supplier_maincontacts .formtitle,
  .popup_supplier_invoiceadress .formtitle,
  .popup_supplier_deliveryadress .formtitle,
  .popup_supplier_placecontacts .formtitle {
    margin-bottom: 20px;
  }
}
@media (min-width: 541px) {
  .popup_supplier_maincontacts .form .radiogroup-inline-cont,
  .popup_supplier_invoiceadress .form .radiogroup-inline-cont,
  .popup_supplier_deliveryadress .form .radiogroup-inline-cont,
  .popup_supplier_placecontacts .form .radiogroup-inline-cont {
    margin-bottom: 8px;
  }
}
.popup_supplier_maincontacts .form .textinput,
.popup_supplier_invoiceadress .form .textinput,
.popup_supplier_deliveryadress .form .textinput,
.popup_supplier_placecontacts .form .textinput {
  max-width: 280px;
  margin-bottom: 20px;
}
@media (max-width: 540px) {
  .popup_supplier_maincontacts .form .textinput,
  .popup_supplier_invoiceadress .form .textinput,
  .popup_supplier_deliveryadress .form .textinput,
  .popup_supplier_placecontacts .form .textinput {
    max-width: none;
  }
}
@media (min-width: 541px) and (max-width: 600px) {
  .popup_supplier_maincontacts .form .textinput,
  .popup_supplier_invoiceadress .form .textinput,
  .popup_supplier_deliveryadress .form .textinput,
  .popup_supplier_placecontacts .form .textinput {
    max-width: 280px;
  }
}
@media (min-width: 541px) {
  .popup_supplier_maincontacts .form .textinput,
  .popup_supplier_invoiceadress .form .textinput,
  .popup_supplier_deliveryadress .form .textinput,
  .popup_supplier_placecontacts .form .textinput {
    margin-bottom: 8px;
  }
}
.popup_supplier_maincontacts .form input.textinput,
.popup_supplier_invoiceadress .form input.textinput,
.popup_supplier_deliveryadress .form input.textinput,
.popup_supplier_placecontacts .form input.textinput {
  font-size: 13px !important;
}
@media (min-width: 541px) and (max-width: 600px) {
  .popup_supplier_maincontacts .form .alerterror,
  .popup_supplier_invoiceadress .form .alerterror,
  .popup_supplier_deliveryadress .form .alerterror,
  .popup_supplier_placecontacts .form .alerterror {
    left: 290px;
    top: 27px;
  }
}
@media (min-width: 601px) {
  .popup_supplier_maincontacts .form .alerterror,
  .popup_supplier_invoiceadress .form .alerterror,
  .popup_supplier_deliveryadress .form .alerterror,
  .popup_supplier_placecontacts .form .alerterror {
    left: 290px;
  }
}
@media (min-width: 541px) and (max-width: 600px) {
  .popup_supplier_maincontacts .form .alertok,
  .popup_supplier_invoiceadress .form .alertok,
  .popup_supplier_deliveryadress .form .alertok,
  .popup_supplier_placecontacts .form .alertok {
    left: 290px;
  }
}
@media (min-width: 601px) {
  .popup_supplier_maincontacts .form .alertok,
  .popup_supplier_invoiceadress .form .alertok,
  .popup_supplier_deliveryadress .form .alertok,
  .popup_supplier_placecontacts .form .alertok {
    left: 290px;
  }
}
.popup_supplier_maincontacts .form .formbuttonbox,
.popup_supplier_invoiceadress .form .formbuttonbox,
.popup_supplier_deliveryadress .form .formbuttonbox,
.popup_supplier_placecontacts .form .formbuttonbox {
  margin-top: 12px;
}
@media (min-width: 541px) {
  .popup_supplier_maincontacts .form .formbuttonbox,
  .popup_supplier_invoiceadress .form .formbuttonbox,
  .popup_supplier_deliveryadress .form .formbuttonbox,
  .popup_supplier_placecontacts .form .formbuttonbox {
    margin-top: 32px;
  }
}
.popup_supplier_maincontacts .form .formgroup,
.popup_supplier_invoiceadress .form .formgroup,
.popup_supplier_deliveryadress .form .formgroup,
.popup_supplier_placecontacts .form .formgroup {
  border-bottom: 1px #cbcbcf solid;
  padding-bottom: 0px;
}
@media (min-width: 541px) {
  .popup_supplier_maincontacts .form .formgroup,
  .popup_supplier_invoiceadress .form .formgroup,
  .popup_supplier_deliveryadress .form .formgroup,
  .popup_supplier_placecontacts .form .formgroup {
    padding-bottom: 20px;
  }
}
.popup_supplier_maincontacts .form .formgroup .formgroup-label,
.popup_supplier_invoiceadress .form .formgroup .formgroup-label,
.popup_supplier_deliveryadress .form .formgroup .formgroup-label,
.popup_supplier_placecontacts .form .formgroup .formgroup-label {
  font-size: 14px;
  font-family: "Axiforma";
  font-weight: normal;
  color: #727281;
  margin-bottom: 8px;
}
@media (min-width: 541px) {
  .popup_supplier_maincontacts .form .formgroup .formgroup-label,
  .popup_supplier_invoiceadress .form .formgroup .formgroup-label,
  .popup_supplier_deliveryadress .form .formgroup .formgroup-label,
  .popup_supplier_placecontacts .form .formgroup .formgroup-label {
    font-size: 16px;
  }
}
.popup_supplier_maincontacts .form .formgroup.formgroup-nb,
.popup_supplier_invoiceadress .form .formgroup.formgroup-nb,
.popup_supplier_deliveryadress .form .formgroup.formgroup-nb,
.popup_supplier_placecontacts .form .formgroup.formgroup-nb {
  border-bottom: none;
  padding-bottom: 0px;
}
@media (min-width: 541px) {
  .popup_supplier_maincontacts .form .formgroup.formgroup-nb,
  .popup_supplier_invoiceadress .form .formgroup.formgroup-nb,
  .popup_supplier_deliveryadress .form .formgroup.formgroup-nb,
  .popup_supplier_placecontacts .form .formgroup.formgroup-nb {
    padding-bottom: 0px;
  }
}
.popup_supplier_maincontacts .form .formgroup .place-map,
.popup_supplier_invoiceadress .form .formgroup .place-map,
.popup_supplier_deliveryadress .form .formgroup .place-map,
.popup_supplier_placecontacts .form .formgroup .place-map {
  position: relative;
  height: 188px;
  width: 100%;
  margin-top: 0px;
}
@media (min-width: 541px) {
  .popup_supplier_maincontacts .form .formgroup .place-map,
  .popup_supplier_invoiceadress .form .formgroup .place-map,
  .popup_supplier_deliveryadress .form .formgroup .place-map,
  .popup_supplier_placecontacts .form .formgroup .place-map {
    margin-top: 10px;
  }
}
.popup_supplier_maincontacts .form div.formgroup + div.formgroup,
.popup_supplier_invoiceadress .form div.formgroup + div.formgroup,
.popup_supplier_deliveryadress .form div.formgroup + div.formgroup,
.popup_supplier_placecontacts .form div.formgroup + div.formgroup {
  margin-top: 16px;
}
@media (min-width: 541px) {
  .popup_supplier_maincontacts .form div.formgroup + div.formgroup,
  .popup_supplier_invoiceadress .form div.formgroup + div.formgroup,
  .popup_supplier_deliveryadress .form div.formgroup + div.formgroup,
  .popup_supplier_placecontacts .form div.formgroup + div.formgroup {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  #invoices_accountperiod {
    width: 32.66666667%;
    float: left;
  }
}
@media (min-width: 992px) {
  #invoices_vouchersandinvoices {
    width: 67.33333333%;
    float: left;
  }
}
#inv_settings_button_h1 {
  width: auto;
  position: absolute;
  right: 0px;
  top: 7px;
  display: block;
}
@media (min-width: 480px) {
  #inv_settings_button_h1 {
    top: 9px;
  }
}
@media (min-width: 720px) {
  #inv_settings_button_h1 {
    top: 11px;
  }
}
@media (min-width: 992px) {
  #inv_settings_button_h1 {
    top: 16px;
  }
}
#inv_settings_button_h1 .cell-invsettings-anchor {
  padding: 0px;
  text-align: right;
}
.cell-invsettings-anchor {
  font-size: 13px;
}
.cell-invsettings-anchor a {
  display: inline-block;
  background-size: 12px 12px;
  background-position: 0px 3px;
  padding-top: 0px;
  padding-left: 18px;
  background-image: url('../../images/pomocne/svg/orange-settings.svg');
  background-repeat: no-repeat;
  font-size: 13px;
  line-height: 18px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: none;
  margin-right: 0px;
}
h1#invoicing_h1 {
  position: relative;
}
@media (min-width: 1220px) {
  h1#invoicing_h1 {
    padding-right: 94px;
  }
  .supplier-tutorial h1#invoicing_h1 {
    padding-right: 114px;
  }
}
@media (min-width: 992px) {
  #invoices_accountperiod .messageboard-cont {
    display: none;
  }
}
#invoices_vouchersandinvoices .messageboard-cont {
  display: none;
}
@media (min-width: 992px) {
  #invoices_vouchersandinvoices .messageboard-cont {
    display: block;
  }
}
.messageboard-cont .suppl-info-box,
.messageboard-cont .suppl-error-box,
.messageboard-cont .suppl-success-box {
  margin-bottom: 16px;
}
@media (min-width: 720px) {
  .messageboard-cont .suppl-info-box,
  .messageboard-cont .suppl-error-box,
  .messageboard-cont .suppl-success-box {
    margin-bottom: 48px;
  }
}
@media (min-width: 992px) {
  .accperslider-cont {
    border: 1px solid #cbcbcf;
    padding: 20px 16px 16px 16px;
  }
}
.accperslider-cont .accperslider-header {
  font-family: "Axiforma";
  text-align: center;
  font-size: 13px;
  line-height: 19px;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .accperslider-cont .accperslider-header {
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
  }
}
@media (min-width: 1064px) {
  .accperslider-cont .accperslider-header {
    font-size: 16px;
  }
}
.accperslider-cont .accperslider-accperiod {
  text-align: center;
  font-family: "Axiforma";
  position: relative;
}
.accperslider-cont .accperslider-accperiod .accperslider-periodname-cont {
  display: block;
  font-size: 14px;
  line-height: 24px;
}
.accperslider-cont .accperslider-accperiod .accperslider-periodname-cont .accperslider-periodname {
  display: inline-block;
  padding-left: 24px;
  background-repeat: no-repeat;
  background-position: 0px 3px;
  background-size: 16px 16px;
  background-image: url('../../images/pomocne/svg/darksteelblue-calendar-big.svg');
}
@media (min-width: 992px) {
  .accperslider-cont .accperslider-accperiod .accperslider-periodname-cont .accperslider-periodname {
    background-image: none;
    padding-left: 0;
  }
}
.accperslider-cont .accperslider-accperiod .accperslider-periodname-cont .accperslider-periodname::first-letter {
  text-transform: uppercase;
}
.accperslider-cont .accperslider-accperiod .accperslider-periodname-cont #accperiod_popupopener {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  display: block;
  line-height: 18px;
  margin-left: auto;
  margin-right: auto;
  max-width: 150px;
}
@media (min-width: 992px) {
  .accperslider-cont .accperslider-accperiod .accperslider-periodname-cont #accperiod_popupopener {
    display: none;
  }
}
.accperslider-cont .accperslider-accperiod #accperiod_sliderbtn_left,
.accperslider-cont .accperslider-accperiod #accperiod_sliderbtn_right {
  position: absolute;
  display: block;
  height: 24px;
  width: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
}
.accperslider-cont .accperslider-accperiod #accperiod_sliderbtn_left {
  background-image: url('../../images/pomocne/svg/lightsteelblue-circlebutton-left.svg');
  left: 0;
}
.accperslider-cont .accperslider-accperiod #accperiod_sliderbtn_left.sliderbtn-enabled {
  background-image: url('../../images/pomocne/svg/darksteelblue-circlebutton-left.svg');
  pointer-events: auto;
}
.accperslider-cont .accperslider-accperiod #accperiod_sliderbtn_right {
  background-image: url('../../images/pomocne/svg/lightsteelblue-circlebutton-right.svg');
  right: 0;
}
.accperslider-cont .accperslider-accperiod #accperiod_sliderbtn_right.sliderbtn-enabled {
  background-image: url('../../images/pomocne/svg/darksteelblue-circlebutton-right.svg');
  pointer-events: auto;
}
#invoices_accper_radiogroups {
  display: none;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  max-width: 400px;
  width: 95%;
}
@media (min-width: 992px) {
  #invoices_accper_radiogroups {
    display: block;
    position: relative;
    left: auto;
    right: auto;
    margin: 0;
    max-width: none;
    width: 100%;
  }
}
#invoices_accper_radiogroups #invoices_accper_radiogroups_header {
  font-family: "Axiforma";
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  position: relative;
}
@media (min-width: 992px) {
  #invoices_accper_radiogroups #invoices_accper_radiogroups_header {
    display: none;
  }
}
#invoices_accper_radiogroups .accperradgrp-year {
  padding: 16px 16px 16px 16px;
  border: 1px solid #cbcbcf;
  border-top-style: none;
}
.show-accperradiogroups #invoices_accper_radiogroups {
  display: block;
  z-index: 510;
}
@media (min-width: 992px) {
  .show-accperradiogroups #invoices_accper_radiogroups {
    z-index: auto;
  }
}
.show-accperradiogroups #invoices_accper_radiogroups::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  padding: 0px;
  top: 0px;
  left: 0px;
  z-index: -1;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 43, 0.3);
}
@media (min-width: 992px) {
  .show-accperradiogroups #invoices_accper_radiogroups::before {
    display: none;
  }
}
.show-accperradiogroups #invoices_accper_radiogroups::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 64px;
  background-color: #f1f1f9;
  display: block;
  padding: 0px;
  top: 0px;
  left: 0px;
  z-index: -1;
}
@media (min-width: 992px) {
  .show-accperradiogroups #invoices_accper_radiogroups::after {
    display: none;
  }
}
#invoices_accpervouchers {
  margin-bottom: 32px;
}
@media (min-width: 720px) {
  #invoices_accpervouchers {
    margin-bottom: 48px;
  }
}
.accpervouchers-productvar-cont {
  position: relative;
  margin-bottom: 40px;
}
@media (min-width: 720px) {
  .accpervouchers-productvar-cont {
    margin-bottom: 48px;
  }
}
.accpervouchers-productvar-cont:last-of-type {
  margin-bottom: 0px;
}
.accpervouchers-productvar-cont h3 {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 4px;
}
@media (min-width: 640px) {
  .accpervouchers-productvar-cont h3 {
    font-weight: normal;
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .accpervouchers-productvar-cont h3 {
    font-weight: normal;
  }
}
.accpervouchers-productvar-pricecode {
  font-size: 12px;
  line-height: 16px;
  color: #727281;
  margin-bottom: 16px;
}
@media (min-width: 720px) {
  .accpervouchers-productvar-pricecode {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .accpervouchers-productvar-pricecode {
    margin-bottom: 0px;
    text-align: right;
    position: absolute;
    right: 0;
    top: 4px;
  }
}
.accpvprodvar-voucher-cont::after,
.accpvprodvar-voucher-row::after,
.accpvprodvar-voucher-cell::after {
  content: '';
  display: block;
  clear: both;
}
.accpvprodvar-voucher-cont {
  border: 1px solid #cbcbcf;
  border-radius: 3px;
  margin-bottom: 8px;
  padding: 16px;
}
@media (min-width: 992px) {
  .accpvprodvar-voucher-cont {
    margin-top: 40px;
  }
  .accpvprodvar-voucher-cont ~ .accpvprodvar-voucher-cont {
    margin-top: 0px;
  }
}
.accpvprodvar-voucher-cont:last-of-type {
  margin-bottom: 0px;
}
.accpvprodvar-voucher-row.voucherrow-1 {
  border-bottom: 1px solid #cbcbcf;
  padding-bottom: 12px;
}
@media (min-width: 720px) {
  .accpvprodvar-voucher-row.voucherrow-1 {
    border-bottom-style: none;
  }
}
.accpvprodvar-voucher-row.voucherrow-2 {
  padding-top: 12px;
}
@media (min-width: 720px) {
  .accpvprodvar-voucher-row.voucherrow-2 {
    padding-top: 0px;
  }
}
.accpvprodvar-voucher-row.voucherrow-2 .vouchercell-showreserv2 {
  position: relative;
  font-size: 12px;
  line-height: 20px;
  display: none;
  text-align: left;
}
@media (min-width: 720px) {
  .accpvprodvar-voucher-row.voucherrow-2 .vouchercell-showreserv2 {
    display: inline-block;
  }
}
.accpvprodvar-voucher-cell {
  position: relative;
  padding-bottom: 4px;
  box-sizing: border-box;
}
@media (min-width: 720px) {
  .accpvprodvar-voucher-cell {
    float: left;
    text-align: center;
    padding-bottom: 0px;
    padding-left: 3px;
    padding-right: 3px;
  }
}
.accpvprodvar-voucher-cell .vouchercell-showreserv1 {
  position: absolute;
  font-size: 12px;
  line-height: 16px;
  display: block;
  text-align: right;
  height: 16px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media (min-width: 720px) {
  .accpvprodvar-voucher-cell .vouchercell-showreserv1 {
    display: none;
  }
}
.accpvprodvar-voucher-cell .vouchercell-label {
  font-size: 12px;
  line-height: 16px;
  color: #727281;
  float: left;
  text-align: left;
  position: relative;
  display: inline-block;
  top: 2px;
}
@media (min-width: 720px) {
  .accpvprodvar-voucher-cell .vouchercell-label {
    float: none;
    display: block;
    position: absolute;
    text-align: center;
    top: -40px;
    width: 100%;
  }
}
@media (min-width: 720px) {
  div.accpvprodvar-voucher-cont ~ div.accpvprodvar-voucher-cont .accpvprodvar-voucher-cell .vouchercell-label {
    display: none;
  }
}
.accpvprodvar-voucher-cell .vouchercell-value {
  font-size: 13px;
  line-height: 20px;
  float: right;
  text-align: right;
  position: relative;
  display: inline-block;
}
@media (min-width: 720px) {
  .accpvprodvar-voucher-cell .vouchercell-value {
    float: none;
    display: inline-block;
    text-align: left;
  }
}
.accpvprodvar-voucher-cell.vouchercell-code {
  padding-bottom: 12px;
}
.accpvprodvar-voucher-cell.vouchercell-code .vouchercell-label {
  display: block;
  float: none;
}
@media (min-width: 720px) {
  .accpvprodvar-voucher-cell.vouchercell-code .vouchercell-label {
    text-align: left;
    left: -16px;
  }
}
.accpvprodvar-voucher-cell.vouchercell-code .vouchercell-value {
  font-weight: bold;
  display: block;
  float: none;
  text-align: left;
}
@media (min-width: 720px) {
  .accpvprodvar-voucher-cell.vouchercell-code {
    padding-bottom: 0px;
    width: 110px;
  }
}
@media (min-width: 720px) {
  .accpvprodvar-voucher-cell.vouchercell-name .vouchercell-label {
    text-align: left;
  }
}
.accpvprodvar-voucher-cell.vouchercell-name .vouchercell-value {
  max-width: 55.55555556%;
  max-width: calc(100% - 104px);
  word-wrap: break-word;
  hyphens: auto;
}
@media (min-width: 720px) {
  .accpvprodvar-voucher-cell.vouchercell-name .vouchercell-value {
    max-width: 100%;
  }
}
@media (min-width: 720px) {
  .accpvprodvar-voucher-cell.vouchercell-name {
    width: 22.65372168%;
    width: calc(100% - 478px);
    text-align: left;
  }
}
@media (min-width: 720px) {
  .accpvprodvar-voucher-cell.vouchercell-date {
    width: 103px;
  }
}
@media (min-width: 720px) {
  .accpvprodvar-voucher-cell.vouchercell-costwithouttax {
    width: 103px;
  }
}
@media (min-width: 720px) {
  .accpvprodvar-voucher-cell.vouchercell-tax {
    width: 83px;
  }
}
.accpvprodvar-voucher-cell.vouchercell-costwithtax {
  padding-bottom: 0px;
}
@media (min-width: 720px) {
  .accpvprodvar-voucher-cell.vouchercell-costwithtax {
    padding-right: 0px;
    text-align: right;
    width: 79px;
  }
}
.accpvprodvar-voucher-cell.vouchercell-costwithtax .vouchercell-label {
  text-align: right;
  right: 0;
  left: auto;
}
.accpvprodvar-voucher-cell.vouchercell-costwithtax .vouchercell-value {
  font-weight: bold;
}
.voucherrow-2 .accpvprodvar-voucher-cell {
  text-align: center;
}
@media (min-width: 720px) {
  .voucherrow-2 .accpvprodvar-voucher-cell {
    padding-bottom: 0px;
    float: right;
    text-align: right;
  }
}
.voucherrow-2 .accpvprodvar-voucher-cell:last-of-type {
  padding-bottom: 0px;
}
.accpvprodvar-voucher-cell.vouchercell-confirmvoucher {
  padding-bottom: 16px;
}
@media (min-width: 720px) {
  .accpvprodvar-voucher-cell.vouchercell-confirmvoucher {
    padding-bottom: 0px;
    margin-left: 18px;
    padding-right: 0px;
  }
}
.accpvprodvar-voucher-cell.vouchercell-confirmvoucher .button {
  line-height: 32px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 720px) {
  .accpvprodvar-voucher-cell.vouchercell-confirmvoucher .button {
    line-height: 20px;
  }
}
.accpvprodvar-voucher-cell.vouchercell-movetonextperiod {
  font-size: 13px;
  line-height: 20px;
}
@media (min-width: 720px) {
  .accpvprodvar-voucher-cell.vouchercell-movetonextperiod {
    padding-right: 24px;
    text-align: left;
  }
}
.accpvprodvar-voucher-cell.vouchercell-movetonextperiod .tooltipboxc {
  display: inline-block;
  position: absolute;
  margin: auto;
  right: 0px;
  top: 2px;
}
.accpvprodvar-voucher-cell.vouchercell-movetonextperiod .tooltip {
  text-align: left;
}
.accpvprodvar-voucher-cell.vouchercell-confirmed {
  font-size: 13px;
  line-height: 20px;
}
.accpvprodvar-voucher-cell.vouchercell-confirmed span {
  color: #27893C;
  display: inline-block;
  padding-left: 24px;
  background-position: 0px 2px;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-image: url('../../images/pomocne/svg/green-form-ok.svg');
  padding-right: 0px;
}
#invoices_accpersummary {
  margin-bottom: 40px;
}
@media (min-width: 720px) {
  #invoices_accpersummary {
    margin-bottom: 48px;
  }
}
@media (min-width: 720px) {
  #invoices_accpersummary {
    margin-bottom: 80px;
  }
}
.accpersummary-cont {
  padding: 16px;
}
@media (min-width: 720px) {
  .accpersummary-cont {
    padding: 20px 16px 20px 16px;
  }
}
.supplier-pagemain-cont .accpersummary-cont h3 {
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 10px;
}
@media (min-width: 640px) {
  .supplier-pagemain-cont .accpersummary-cont h3 {
    font-weight: normal;
  }
}
@media (min-width: 720px) {
  .supplier-pagemain-cont .accpersummary-cont h3 {
    text-align: left;
    font-size: 16px;
    line-height: normal;
    margin-bottom: 22px;
  }
}
.accpersummary-cont::after,
.accpsum-summary-row::after,
.accpsum-summary-cell::after,
.accpersummary-mesagesandbutton::after,
.accpsummesbtn-cell::after {
  content: '';
  display: block;
  clear: both;
}
.accpsum-summary-row.taxsummary {
  padding-bottom: 16px;
  border-bottom: 1px solid #cbcbcf;
}
.accpsum-summary-row.taxsummary ~ .accpsum-summary-row.taxsummary {
  padding-top: 14px;
}
.accpsum-summary-row.mainsummary {
  padding-top: 16px;
}
.accpsum-summary-cell {
  position: relative;
  margin-bottom: 8px;
  box-sizing: border-box;
}
.accpsum-summary-cell:last-of-type {
  margin-bottom: 0px;
}
.accpsum-summary-cell .summarycell-label {
  font-size: 12px;
  line-height: 16px;
  color: #727281;
  float: left;
  text-align: left;
  position: relative;
  display: inline-block;
  top: 2px;
}
.accpsum-summary-cell .summarycell-value {
  font-size: 13px;
  line-height: 20px;
  float: right;
  text-align: right;
  position: relative;
  display: inline-block;
}
.mainsummary .accpsum-summary-cell .summarycell-label,
.mainsummary .accpsum-summary-cell .summarycell-value {
  font-size: 14px;
  line-height: 20px;
  color: #00002b;
  font-weight: bold;
  top: 0px;
}
.accpersummary-mesagesandbutton {
  padding-top: 24px;
  box-sizing: border-box;
}
.accpersummary-mesagesandbutton .accpsummesbtn-cell {
  text-align: center;
}
.accpersummary-mesagesandbutton .accpsummesbtn-cell.messbtncell-message {
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .accpersummary-mesagesandbutton .accpsummesbtn-cell.messbtncell-message {
    float: left;
    text-align: left;
    padding-top: 10px;
    padding-right: 10px;
    width: 70%;
    width: calc(100% - 195px);
    margin-bottom: 0px;
  }
}
@media (min-width: 992px) {
  .accpersummary-mesagesandbutton .accpsummesbtn-cell.messbtncell-button {
    float: right;
    text-align: right;
    width: 185px;
  }
}
.accpersummary-mesagesandbutton .accpsummesbtn-cell.messbtncell-button button.button.buttonorange {
  position: relative;
  line-height: 40px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
@media (min-width: 992px) {
  .accpersummary-mesagesandbutton .accpsummesbtn-cell.messbtncell-button button.button.buttonorange {
    width: auto;
  }
}
@media (min-width: 992px) {
  .accpersummary-mesagesandbutton .accpsummesbtn-cell.messbtncell-button button.button.buttonorange.btn-downloadpdf {
    padding-left: 42px;
  }
}
.accpersummary-mesagesandbutton .accpsummesbtn-cell.messbtncell-button button.button.buttonorange.btn-downloadpdf::after {
  display: block;
  content: '';
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-image: url('../../images/pomocne/svg/white-pdf.svg');
  position: absolute;
  left: 16px;
  top: 12px;
}
.accpersummary-mesagesandbutton .accpsummesbtn-cell.messbtncell-button button.button.buttonorange.btn-downloadpdf:disabled::after {
  background-image: url('../../images/pomocne/svg/greylight-pdf.svg');
}
.accpersummary-mesagesandbutton .messagediv-info,
.accpersummary-mesagesandbutton .messagediv-success,
.accpersummary-mesagesandbutton .messagediv-error {
  padding-left: 32px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  text-align: left;
  font-size: 13px;
  min-height: 24px;
  padding-top: 1px;
}
.accpersummary-mesagesandbutton .messagediv-info {
  background-image: url('../../images/pomocne/svg/darksteelblue-spec-specification.svg');
}
.accpersummary-mesagesandbutton .messagediv-success {
  background-image: url('../../images/pomocne/svg/green-form-ok.svg');
}
.accpersummary-mesagesandbutton .messagediv-error {
  background-image: url('../../images/form_error.svg');
}
#invoices_otherinvoices h3 {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 4px;
}
@media (min-width: 640px) {
  #invoices_otherinvoices h3 {
    font-weight: normal;
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  #invoices_otherinvoices h3 {
    font-weight: normal;
  }
}
#invoices_otherinvoices #period_pagecontrols2 {
  padding: 0;
}
@media (min-width: 720px) {
  #invoices_otherinvoices #period_pagecontrols2 #products_more_button {
    left: 0px;
  }
}
@media (min-width: 992px) {
  #invoices_otherinvoices #period_pagecontrols2 #products_more_button {
    left: 50%;
    margin-left: -105px;
  }
}
#otherperiod_invoices {
  padding-top: 8px;
  padding-bottom: 16px;
}
@media (min-width: 720px) {
  #otherperiod_invoices {
    padding-top: 16px;
    padding-bottom: 24px;
  }
}
@media (min-width: 992px) {
  #otherperiod_invoices {
    padding-bottom: 32px;
  }
}
.otherperinv-invoice-cont::after,
.otherperinv-invoice-row::after,
.otherperinv-invoice-cell::after {
  content: '';
  display: block;
  clear: both;
}
.otherperinv-invoice-cont {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #cbcbcf;
  border-top: 1px solid #cbcbcf;
}
.otherperinv-invoice-cont ~ .otherperinv-invoice-cont {
  border-top-style: none;
}
@media (min-width: 720px) {
  .otherperinv-invoice-cont {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.otherperinv-invoice-row.invoicerow-1 {
  padding-bottom: 20px;
}
.otherperinv-invoice-cell {
  margin-bottom: 12px;
}
@media (min-width: 720px) {
  .otherperinv-invoice-cell {
    margin-bottom: 0px;
    float: left;
    text-align: left;
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 720px) {
  .otherperinv-invoice-cell:first-of-type {
    padding-left: 0px;
  }
}
.otherperinv-invoice-cell:last-of-type {
  margin-bottom: 0px;
}
@media (min-width: 720px) {
  .otherperinv-invoice-cell:last-of-type {
    padding-right: 0px;
  }
}
@media (min-width: 720px) {
  .otherperinv-invoice-cell {
    float: left;
    text-align: left;
    box-sizing: border-box;
  }
}
.otherperinv-invoice-cell .invoicecell-label {
  font-size: 12px;
  line-height: 16px;
  color: #727281;
  float: left;
  text-align: left;
  position: relative;
  display: inline-block;
  top: 2px;
}
@media (min-width: 720px) {
  .otherperinv-invoice-cell .invoicecell-label {
    float: none;
    display: block;
    top: 0px;
    width: 100%;
    margin-bottom: 6px;
  }
}
.otherperinv-invoice-cell .invoicecell-value {
  font-size: 13px;
  line-height: 20px;
  float: right;
  text-align: right;
  position: relative;
  display: inline-block;
}
@media (min-width: 720px) {
  .otherperinv-invoice-cell .invoicecell-value {
    float: none;
    display: block;
    text-align: left;
  }
}
@media (min-width: 720px) {
  .invoicerow-1 .otherperinv-invoice-cell {
    width: 20%;
  }
}
@media (min-width: 720px) {
  .otherperinv-invoice-cell.invoicecell-number {
    width: calc(20% - 3px);
  }
}
@media (min-width: 720px) {
  .otherperinv-invoice-cell.invoicecell-issuedate {
    width: calc(20% - 2px);
  }
}
@media (min-width: 720px) {
  .otherperinv-invoice-cell.invoicecell-duedate {
    width: calc(20% - 2px);
  }
}
@media (min-width: 720px) {
  .otherperinv-invoice-cell.invoicecell-billingperiod {
    width: calc(20% + 14px);
    padding-left: 8px;
  }
}
@media (min-width: 992px) {
  .otherperinv-invoice-cell.invoicecell-billingperiod {
    padding-left: 5px;
  }
}
@media (min-width: 1032px) {
  .otherperinv-invoice-cell.invoicecell-billingperiod {
    padding-left: 10px;
  }
}
@media (min-width: 720px) {
  .otherperinv-invoice-cell.invoicecell-costwithouttax .invoicecell-label,
  .otherperinv-invoice-cell.invoicecell-costwithouttax .invoicecell-value {
    text-align: right;
  }
}
@media (min-width: 720px) {
  .otherperinv-invoice-cell.invoicecell-costwithouttax {
    width: calc(20% - 8px);
  }
}
.invoicerow-2 .otherperinv-invoice-cell {
  text-align: center;
}
.otherperinv-invoice-cell.invoicecell-downloadbtn a {
  display: inline-block;
  font-size: 13px;
  line-height: 18px;
  padding-left: 24px;
  background-repeat: no-repeat;
  background-position: 0px 1px;
  background-size: 16px 16px;
  background-image: url('../../images/pomocne/svg/orange-pdf.svg');
}
@media (min-width: 992px) {
  #reservations_calendarandfilters_cont {
    width: 32.66666667%;
    float: left;
    padding-top: 84px;
  }
}
@media (min-width: 992px) {
  #reservations_reservlist {
    width: 67.33333333%;
    float: left;
    padding-top: 24px;
  }
}
#reservations_reservlist #period_pagecontrols2 {
  padding: 0;
}
@media (min-width: 720px) {
  #reservations_reservlist #period_pagecontrols2 #products_more_button {
    left: 0px;
  }
}
@media (min-width: 992px) {
  #reservations_reservlist #period_pagecontrols2 #products_more_button {
    left: 50%;
    margin-left: -105px;
  }
}
h1#reservation_h1 {
  position: relative;
}
@media (min-width: 1220px) {
  h1#reservation_h1 {
    padding-right: 94px;
  }
  .supplier-tutorial h1#reservation_h1 {
    padding-right: 114px;
  }
}
.h1-button-cont {
  margin-top: 8px;
  margin-bottom: 4px;
  height: 24px;
}
@media (min-width: 480px) {
  .h1-button-cont {
    position: absolute;
    margin-top: auto;
    margin-bottom: auto;
    right: 0;
    top: 0;
    bottom: 0;
  }
}
@media (min-width: 992px) {
  .h1-button-cont {
    height: 32px;
  }
}
.h1-button-cont .button {
  text-transform: none;
  font-weight: bold;
  font-size: 13px;
  line-height: 24px;
  padding-left: 12px;
  padding-right: 12px;
}
@media (min-width: 992px) {
  .h1-button-cont .button {
    padding-left: 16px;
    padding-right: 16px;
    line-height: 32px;
  }
}
.searchform-cont {
  position: relative;
  margin-top: 12px;
}
@media (min-width: 992px) {
  .searchform-cont#searching_cont {
    position: absolute;
    left: 24px;
    margin-top: 0px;
    width: 28.66666667%;
    width: calc(32.666666666666664% - 48px);
    bottom: -60px;
    z-index: 1;
  }
}
.searchform-cont button {
  width: 36px;
  height: 36px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  box-shadow: 0 2px 4px 0 rgba(44, 11, 0, 0.25);
  background-color: #d85500;
}
.searchform-cont button::after {
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: '';
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center center;
  background-image: url('../../images/pomocne/svg/white-search-m.svg');
}
.searchform-cont button.button.buttonorange:hover {
  background-image: none;
  background-color: #d85500;
}
.searchform-cont input.textinput {
  float: none;
  max-width: none;
  height: 36px;
  width: 100%;
  border: 1px solid #cbcbcf;
  box-sizing: border-box;
  font-size: 13px;
  padding-left: 8px;
  padding-right: 44px;
  display: block;
  position: relative;
  border-radius: 3px;
  transition: all 0.1s ease;
}
@media (max-width: 400px) {
  .searchform-cont input.textinput {
    font-size: 13px !important;
  }
}
.reservations-calendar {
  box-sizing: border-box;
  margin-bottom: 24px;
  position: relative;
}
@media (min-width: 992px) {
  .reservations-calendar {
    padding: 20px 16px 16px 16px;
    border: 1px solid #cbcbcf;
    margin-bottom: 0px;
  }
}
.reservations-calendar .calc {
  width: 100%;
}
.reservations-calendar .calc .cal {
  border-style: none;
  border-radius: 0;
}
.reservations-calendar .calc .cal p {
  margin-bottom: 0px;
}
.reservations-calendar .calc .caltopc {
  background-color: transparent;
}
.reservations-calendar .calc .caltopc .caltop1 {
  margin-bottom: 12px;
}
.reservations-calendar .calc .caltopc .caltop1 .caltoparrc {
  margin: auto;
  left: auto;
  right: auto;
  top: 0;
  bottom: 0;
  height: auto;
}
.reservations-calendar .calc .caltopc .caltop1 .caltoparrc .caltoparr {
  z-index: 1;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url('../../images/pomocne/svg/darksteelblue-circlebutton-left.svg');
}
.reservations-calendar .calc .caltopc .caltop1 .caltoparrc .caltoparr:hover {
  background-image: url('../../images/pomocne/svg/darknavyblue-circlebutton-left.svg');
}
.reservations-calendar .calc .caltopc .caltop1 .caltoparrc .caltoparr.caltoparr2 {
  background-image: url('../../images/pomocne/svg/darksteelblue-circlebutton-right.svg');
}
.reservations-calendar .calc .caltopc .caltop1 .caltoparrc .caltoparr.caltoparr2:hover {
  background-image: url('../../images/pomocne/svg/darknavyblue-circlebutton-right.svg');
}
.reservations-calendar .calc .caltopc .caltop1 .caltoparrc .caltoparr span {
  display: none;
}
.reservations-calendar .calc .caltopc .caltop1 .caltoparrc.caltoparrc1 {
  left: 0;
}
.reservations-calendar .calc .caltopc .caltop1 .caltoparrc.caltoparrc2 {
  right: 0;
}
.reservations-calendar .calc .caltopc .caltop1 .caltoptitlec {
  position: relative;
}
.reservations-calendar .calc .caltopc .caltop1 .caltoptitlec .caltoptitle {
  font-family: "Axiforma";
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0px;
  color: #00002b;
}
.reservations-calendar .calc .caltopc .caltop2 {
  margin-right: 0px;
  margin-left: 0px;
  margin-top: 0px;
}
.reservations-calendar .calc .calweekc {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 6px;
}
.reservations-calendar .calc .calweekc.calweekc1 {
  margin-top: 1px;
}
.reservations-calendar .calc .caltermc .day {
  font-size: 12px;
  line-height: 16px;
  height: 16px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: inherit !important;
}
.reservations-calendar .calc .caltermc .day span {
  color: inherit !important;
}
.reservations-calendar .calc .caltermc .calterm {
  border-style: none;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  color: #ff6600;
  cursor: pointer;
}
.reservations-calendar .calc .caltermc .calterm:hover {
  color: white;
  background-color: #ff6600;
}
.reservations-calendar .calc .caltermc .calterm.calterm-bottomdisc .caltermbody::after {
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #27893C;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 4px;
  border-radius: 50%;
}
.reservations-calendar .calc .caltermc .calterm.calterm-bottomdisc:hover .caltermbody::after {
  background-color: white;
}
.reservations-calendar .calc .caltermc .calterm.caltermout {
  color: #9a9aaa;
}
.reservations-calendar .calc .caltermc .calterm.caltermout:hover {
  color: white;
  background-color: #ff6600;
}
.reservations-calendar .calc .caltermc .calterm.caltermchosen {
  color: white;
  background-color: #43436c;
}
.reservations-calendar .calc .caltermc .calterm.caltermchosen.calterm-bottomdisc .caltermbody::after {
  background-color: white;
}
.reservations-calendar .calc .caltermc .calterm.caltermchosen:hover {
  color: white;
  background-color: #ff6600;
}
.reservations-calendar .calc .caltermc.calterm-in-interval {
  background-color: #f1f1f9;
}
@media (min-width: 992px) {
  .rescalslider-cont {
    display: none;
  }
}
.rescalslider-cont .rescalslider-period {
  text-align: center;
  font-family: "Axiforma";
  position: relative;
}
.rescalslider-cont .rescalslider-period .rescalslider-periodname-cont {
  display: block;
  font-size: 14px;
  line-height: 24px;
}
.rescalslider-cont .rescalslider-period .rescalslider-periodname-cont .rescalslider-periodname {
  display: inline-block;
  padding-left: 24px;
  background-repeat: no-repeat;
  background-position: 0px 3px;
  background-size: 16px 16px;
  background-image: url('../../images/pomocne/svg/darksteelblue-calendar-big.svg');
}
@media (min-width: 992px) {
  .rescalslider-cont .rescalslider-period .rescalslider-periodname-cont .rescalslider-periodname {
    background-image: none;
    padding-left: 0;
  }
}
.rescalslider-cont .rescalslider-period .rescalslider-periodname-cont #period_popupopener {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  display: block;
  line-height: 18px;
  margin-left: auto;
  margin-right: auto;
  max-width: 150px;
}
@media (min-width: 992px) {
  .rescalslider-cont .rescalslider-period .rescalslider-periodname-cont #period_popupopener {
    display: none;
  }
}
.rescalslider-cont .rescalslider-period #period_sliderbtn_left,
.rescalslider-cont .rescalslider-period #period_sliderbtn_right {
  position: absolute;
  display: block;
  height: 24px;
  width: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
}
.rescalslider-cont .rescalslider-period #period_sliderbtn_left {
  background-image: url('../../images/pomocne/svg/lightsteelblue-circlebutton-left.svg');
  left: 0;
}
.rescalslider-cont .rescalslider-period #period_sliderbtn_left.sliderbtn-enabled {
  background-image: url('../../images/pomocne/svg/darksteelblue-circlebutton-left.svg');
  pointer-events: auto;
}
.rescalslider-cont .rescalslider-period #period_sliderbtn_right {
  background-image: url('../../images/pomocne/svg/lightsteelblue-circlebutton-right.svg');
  right: 0;
}
.rescalslider-cont .rescalslider-period #period_sliderbtn_right.sliderbtn-enabled {
  background-image: url('../../images/pomocne/svg/darksteelblue-circlebutton-right.svg');
  pointer-events: auto;
}
.rescalheader-cont {
  margin-bottom: 24px;
}
.rescalheader-header {
  font-family: "Axiforma";
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 8px;
  text-align: center;
}
@media (min-width: 992px) {
  .rescalheader-header {
    text-align: left;
  }
}
.rescalheader-dateinputs::after {
  content: '';
  display: block;
  clear: both;
}
.rescalheader-dateinputs .datetime-input {
  width: 50%;
  box-sizing: border-box;
  float: left;
}
.rescalheader-dateinputs .datetime-input:first-of-type {
  padding-right: 8px;
}
.rescalheader-dateinputs .datetime-input:last-of-type {
  padding-left: 8px;
}
.rescalheader-dateinputs .datetime-input:last-of-type .label {
  left: 8px;
}
.rescalheader-dateinputs .datetime-input input.textinput {
  max-width: none;
  color: #727281;
}
#calendar_form {
  display: none;
  position: absolute;
  width: 95%;
  left: 0;
  right: 0;
  top: 58px;
  margin: auto;
  max-width: 340px;
}
@media (min-width: 992px) {
  #calendar_form {
    display: block;
    position: relative;
    max-width: none;
    left: auto;
    right: auto;
    top: auto;
    margin: 0;
    width: 100%;
  }
}
.show-rescalendar #calendar_form {
  display: block;
  z-index: 510;
}
@media (min-width: 992px) {
  .show-rescalendar #calendar_form {
    z-index: auto;
  }
}
.show-rescalendar #calendar_form::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  padding: 16px;
  top: -16px;
  left: -16px;
  z-index: -1;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 43, 0.3);
}
@media (min-width: 992px) {
  .show-rescalendar #calendar_form::before {
    display: none;
  }
}
.show-rescalendar #calendar_form::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 88px;
  background-color: #f1f1f9;
  display: block;
  padding: 16px;
  top: -16px;
  left: -16px;
  z-index: -1;
}
@media (min-width: 992px) {
  .show-rescalendar #calendar_form::after {
    display: none;
  }
}
#reservations_filters {
  position: relative;
  border: 1px solid #ff6600;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 6px;
}
@media (min-width: 992px) {
  #reservations_filters {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-color: #cbcbcf;
    border-top-style: none;
    padding: 0px;
  }
}
@media (max-width: 991px) {
  .show-resfilters #reservations_filters {
    border-style: none;
    z-index: 510;
    background-color: white;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }
}
#reservations_filters_form {
  display: none;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  background-color: white;
  left: 0;
  top: 32px;
  padding: 0px 16px 0px 16px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
@media (min-width: 992px) {
  #reservations_filters_form {
    position: relative;
    display: block;
    left: auto;
    top: auto;
    padding: 0px;
  }
}
.show-resfilters #reservations_filters_form {
  display: block;
  z-index: 510;
}
@media (min-width: 992px) {
  .show-resfilters #reservations_filters_form {
    z-index: auto;
  }
}
#reservations_filters_header {
  font-family: "Axiforma";
  font-weight: normal;
  text-align: center;
  font-size: 13px;
  line-height: 20px;
  color: #ff6600;
  cursor: pointer;
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-image: url('../../images/pomocne/svg/orange-arrow-down-10-5.svg');
}
@media (min-width: 992px) {
  #reservations_filters_header {
    display: none;
  }
}
.show-resfilters #reservations_filters_header {
  color: #00002b;
  background-image: url('../../images/pomocne/svg/orange-arrow-up-10-5.svg');
}
#reservations_filters_statuses,
#reservations_filters_prodvar {
  padding: 16px 0px 16px 0px;
}
@media (min-width: 992px) {
  #reservations_filters_statuses,
  #reservations_filters_prodvar {
    padding: 24px 16px 24px 16px;
  }
}
#reservations_filters_statuses .formgroup,
#reservations_filters_prodvar .formgroup {
  padding: 0px;
}
#reservations_filters_statuses {
  border-bottom: 1px solid #cbcbcf;
}
#reservations_listoffilters {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #cbcbcf;
}
@media (min-width: 720px) {
  #reservations_listoffilters {
    padding-bottom: 24px;
    margin-bottom: 24px;
  }
}
#reservations_listoffilters.listoffilters-empty {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.res-filterremove-btn {
  display: inline-block;
  box-sizing: border-box;
  min-width: 16px;
  background-color: transparent;
  position: relative;
  color: #ff6600;
  padding-right: 16px;
  font-size: 13px;
  line-height: 18px;
  height: 18px;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-image: url('../../images/pomocne/svg/orange-banner-close.svg');
  vertical-align: bottom;
  cursor: pointer;
}
.res-filterremove-btn:hover {
  text-decoration: underline;
}
.resfiltersinfo-cont::after,
.resfiltersinfo-cell::after {
  content: '';
  display: block;
  clear: both;
}
.resfiltersinfo-cont {
  margin-bottom: 16px;
}
.resfiltersinfo-cell {
  margin-bottom: 8px;
}
.resfiltersinfo-cell:last-of-type {
  margin-bottom: 0px;
}
.resfiltersinfo-cell .resfiltersinfo-label,
.resfiltersinfo-cell .resfiltersinfo-value {
  font-size: 13px;
  line-height: 18px;
  text-align: left;
  position: relative;
  display: block;
  float: left;
}
.resfiltersinfo-cell .resfiltersinfo-label {
  color: #727281;
  min-width: 62px;
}
.res-filterremove-cont {
  text-align: center;
}
@media (min-width: 720px) {
  .res-filterremove-cont {
    text-align: left;
  }
}
.searchinginfo-cont {
  font-family: "Axiforma";
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #00002b;
  margin-bottom: 24px;
}
@media (min-height: 720px) {
  .searchinginfo-cont {
    font-size: 18px;
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) {
  #reservations_calendarandfilters_cont .searchinginfo-cont {
    display: none;
  }
}
#reservations_reservlist .searchinginfo-cont {
  display: none;
}
@media (min-width: 992px) {
  #reservations_reservlist .searchinginfo-cont {
    padding-top: 14px;
    display: block;
  }
}
.searchinginfo-cont span {
  display: inline-block;
}
.searchinginfo-cont span.searchinginfo-label {
  padding-right: 16px;
}
.searchinginfo-cont.searchinginfo-empty {
  display: none !important;
}
.notfound-cont {
  padding-top: 56px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-image: url('../../images/icon_question.svg');
  text-align: center;
  max-width: 560px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.notfound-cont h3 {
  margin-bottom: 16px;
}
.prordrad-cont {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 720px) {
  .prordrad-cont {
    display: inline-block;
    margin-bottom: 24px;
    max-width: none;
  }
}
@media (min-width: 992px) {
  .searchinginfo-empty + .listoffilters-empty + .prordrad-cont {
    margin-top: 17px;
  }
}
.prordrad-cont .prordrad-selectedtab-name {
  font-size: 13px;
  color: #727281;
  text-align: center;
}
@media (min-width: 720px) {
  .prordrad-cont .prordrad-selectedtab-name {
    text-align: left;
  }
}
.prordrad-cont .prordrad-selectedtab-name span {
  display: block;
}
@media (min-width: 720px) {
  .prordrad-cont .prordrad-selectedtab-name span {
    display: inline-block;
    margin-right: 12px;
  }
}
.prordrad-cont .prordrad-radios-cont1 {
  padding-top: 48px;
  position: absolute;
  width: 100%;
  top: 0;
  height: 0px;
  pointer-events: none;
  overflow: hidden;
}
@media (min-width: 720px) {
  .prordrad-cont .prordrad-radios-cont1 {
    padding-top: 32px;
  }
}
.prordrad-cont .prordrad-radios-cont2 {
  padding-top: 16px;
  border-top: 1px solid #cbcbcf;
  pointer-events: auto;
}
.prordrad-cont.prordrad-opened .prordrad-radios-cont1 {
  height: auto;
  overflow: visible;
}
.prordrad-cont.prordrad-opened .prordrad-radios-cont1::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
  display: block;
  padding: 16px;
  top: -16px;
  left: -16px;
  z-index: -1;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 43, 0.3);
}
#reservlist_cont {
  margin-bottom: 24px;
}
@media (min-width: 720px) {
  #reservlist_cont {
    margin-bottom: 32px;
  }
}
.reservlist-reservation-cont {
  padding: 16px 16px 16px 16px;
  border: 1px solid #cbcbcf;
  border-radius: 3px;
  margin-bottom: 16px;
}
@media (min-width: 720px) {
  .reservlist-reservation-cont {
    padding: 20px 16px 16px 16px;
  }
}
.reservlist-reservation-cont:last-of-type {
  margin-bottom: 0;
}
.reservlist-reservation-cont .reservation-additionalinfo-cont {
  overflow: hidden;
  height: 0px;
}
.reservlist-reservation-cont.reservation-opened .reservation-additionalinfo-cont {
  height: auto;
}
.reservlist-reservation-cont::after,
.reservlist-reservation-row::after,
.reservlist-reservation-cell::after {
  content: '';
  display: block;
  clear: both;
}
.reservlist-reservation-row {
  margin-bottom: 12px;
}
.reservlist-reservation-row:last-of-type {
  margin-bottom: 0px;
}
.reservation-additionalinfo-cont .reservlist-reservation-row:last-of-type {
  margin-bottom: 12px;
}
.reservlist-reservation-cell {
  position: relative;
  margin-bottom: 12px;
  box-sizing: border-box;
}
.reservlist-reservation-cell .reservcell-label {
  font-size: 12px;
  line-height: 16px;
  color: #727281;
  text-align: left;
  position: relative;
  display: block;
}
.reservlist-reservation-cell .reservcell-value {
  font-size: 13px;
  line-height: 20px;
  text-align: left;
  position: relative;
  display: block;
}
.reservlist-reservation-cell .reservcell-value .rescellval-line {
  display: block;
}
.reservlist-reservation-cell .reservcell-state {
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  line-height: 28px;
  border-radius: 3px;
  background-color: #f1f1f9;
  color: #43436c;
  padding-left: 8px;
  padding-right: 8px;
  height: 28px;
  position: absolute;
  left: 0;
  top: 3px;
  margin: auto;
}
.reservlist-reservation-cell .reservcell-state.resstate-confirmed {
  background-color: #e5f0ea;
  color: #27893C;
}
.reservlist-reservation-cell .reservcell-state.resstate-waitonconf {
  background-color: #fff0f4;
  color: #df003a;
}
.reservlist-reservation-cell:last-of-type {
  margin-bottom: 0px;
}
@media (min-width: 720px) {
  .reservlist-reservation-cell {
    width: 50%;
    float: left;
    margin-bottom: 0px;
  }
  .reservlist-reservation-cell:first-of-type {
    padding-right: 12px;
  }
  .reservlist-reservation-cell:last-of-type {
    padding-left: 12px;
  }
  .reservlist-reservation-cell:first-child:last-child {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    float: none;
  }
}
.reservlist-reservation-cell.reservcell-code .reservcell-label {
  text-align: right;
}
.reservlist-reservation-cell.reservcell-code .reservcell-value {
  text-align: right;
  font-weight: bold;
}
.reservlist-reservation-cell.reservcell-productname .reservcell-value {
  font-weight: bold;
}
.reservlist-reservation-cell.reservcell-hideinfo {
  text-align: center;
  margin-top: 2px;
  margin-bottom: 16px;
}
@media (min-width: 720px) {
  .reservlist-reservation-cell.reservcell-hideinfo {
    height: 32px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
@media (min-width: 720px) {
  .reservlist-reservation-cell.reservcell-hideinfo .buttonexpander {
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    height: 18px;
  }
}
.reservlist-reservation-cell.reservcell-confirmed {
  text-align: center;
}
@media (min-width: 720px) {
  .reservlist-reservation-cell.reservcell-confirmed {
    text-align: right;
  }
}
.reservlist-reservation-cell.reservcell-confirmed .btn-confirmvoucher,
.reservlist-reservation-cell.reservcell-confirmed .btn-changeresterm {
  font-size: 13px;
  line-height: 32px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
@media (min-width: 720px) {
  .reservlist-reservation-cell.reservcell-confirmed .btn-confirmvoucher,
  .reservlist-reservation-cell.reservcell-confirmed .btn-changeresterm {
    width: auto;
  }
}
.popup_supplier_reschangeform .absposcentered-cont {
  width: 80%;
}
.popup_supplier_reschangeform .absposcentered-cont.apcwarning-cont {
  max-width: 268px;
}
.popup_supplier_reschangeform #btn_reschange_resume {
  padding-left: 20px;
  padding-right: 20px;
}
.popup_supplier_reschangesuccess {
  min-height: 400px;
}
.popup_supplier_reschangesuccess .absposcentered-cont {
  width: 80%;
}
.popup_supplier_reschangesuccess .absposcentered-cont.apcsuccess-cont {
  max-width: 268px;
}
.res-label {
  font-size: 12px;
  line-height: 16px;
  color: #727281;
  text-align: left;
}
.res-value {
  font-size: 13px;
  line-height: 20px;
  text-align: left;
  color: #00002b;
}
.resvouchinfo-cont::after,
.resvouchinfo-cell::after,
.reservation-formbuttons-cont::after {
  content: '';
  display: block;
  clear: both;
}
.resvouchinfo-cell {
  position: relative;
  padding-bottom: 12px;
  box-sizing: border-box;
}
@media (min-width: 720px) {
  .resvouchinfo-cell {
    padding-bottom: 20px;
  }
}
.resvouchinfo-cell:last-of-type {
  padding-bottom: 0px;
}
.resvouchinfo-cell .resvouchinfocell-label {
  text-align: left;
  position: relative;
  display: block;
  margin-bottom: 4px;
}
@media (min-width: 720px) {
  .resvouchinfo-cell .resvouchinfocell-label {
    float: left;
    text-align: left;
    margin-bottom: 0px;
    padding-left: 16px;
    width: 180px;
  }
}
.resvouchinfo-cell .resvouchinfocell-value {
  position: relative;
  display: block;
}
@media (min-width: 720px) {
  .resvouchinfo-cell .resvouchinfocell-value {
    float: left;
    text-align: left;
  }
}
.resvouchinfo-cell .resvouchinfocell-value .res-label {
  display: block;
  margin-top: 4px;
}
#reservation_editing .suppl-success-box,
#reservation_editing .suppl-error-box,
#reservation_editing .suppl-info-box {
  border-style: none;
  box-shadow: none;
  margin-bottom: 16px;
}
@media (min-width: 720px) {
  #reservation_editing .suppl-success-box,
  #reservation_editing .suppl-error-box,
  #reservation_editing .suppl-info-box {
    margin-bottom: 24px;
  }
}
#reservation_editing h3.h3-lighter {
  margin-bottom: 8px;
}
@media (min-width: 720px) {
  #reservation_editing h3.h3-lighter {
    margin-bottom: 12px;
  }
}
#reservation_editing .form_line.formline {
  margin-bottom: 8px;
}
@media (min-width: 720px) {
  #reservation_editing .form_line.formline {
    margin-bottom: 12px;
  }
}
#reservation_editing .form_line.formline.supplierform-textarea {
  max-width: 564px;
}
.resvouchinfo-cont {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #cbcbcf;
}
.reservation-customerform-cont {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #cbcbcf;
}
.reservation-reservationform-cont {
  padding-bottom: 24px;
}
.supp-backlink {
  display: inline-block;
  font-size: 13px;
  line-height: 18px;
  padding-left: 16px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 12px 12px;
  background-image: url('../../images/pomocne/svg/orange-arrow-left-10-5.svg');
}
.reservation-formbuttons-cont {
  margin-bottom: 8px;
}
.reservation-formbuttons-cont .resformbtn-cell {
  text-align: center;
  margin-bottom: 24px;
  position: relative;
}
.reservation-formbuttons-cont .resformbtn-cell:last-of-type {
  margin-bottom: 0px;
}
@media (min-width: 992px) {
  .reservation-formbuttons-cont .resformbtn-cell {
    margin-bottom: 0px;
    float: right;
    text-align: right;
    padding-left: 32px;
  }
}
.reservation-formbuttons-cont .resformbtncell-sendbutton .formbutton {
  width: 100%;
}
@media (min-width: 992px) {
  .reservation-formbuttons-cont .resformbtncell-sendbutton .formbutton {
    width: auto;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 992px) {
  .reservation-formbuttons-cont .resformbtncell-backlink {
    height: 35px;
    min-width: 150px;
  }
  .reservation-formbuttons-cont .resformbtncell-backlink .supp-backlink {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 18px;
  }
}
.headccnofix {
  z-index: 0;
}
.guide-cont::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 43, 0.9);
  z-index: 2;
}
.guide-cont .guide-highlighted {
  z-index: 30;
  position: relative;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.guide-cont .guide-highlighted.guide-background-white,
.guide-cont .guide-highlighted span.guide-background-white {
  background-color: white;
}
.guide-cont #salesimprovements_hint0.guide-highlighted {
  z-index: 30;
}
.guide-cont .form .label {
  z-index: 1;
}
#tutorial_popup_close:hover .popcloseicon {
  background-image: url('../../images/pomocne/svg/darkorange-close.svg');
  width: 18px;
  height: 18px;
  margin-left: 3px;
  margin-top: 3px;
}
span.guide-element-background {
  display: inline-block;
}
.guide-element-background::before {
  content: '';
  display: block;
  background: white;
  width: 100%;
  height: 100%;
  padding: 10px;
  position: absolute;
  left: -10px;
  top: -10px;
  z-index: -1;
  border-radius: 3px;
}
.supplier-topsettings .guide-element-background::before {
  height: 32px;
  top: 4px;
}
#reviews_viewcontrols_cont .guide-element-background::before {
  max-width: 302px;
}
#photogalery-place-wraper.guide-element-background::before {
  padding-left: 30px;
  left: -30px;
  background-size: 20px 20px;
  background-position: 6px 10px;
  background-image: url('../../images/pomocne/svg/orange-filter-pin.svg');
  background-repeat: no-repeat;
}
#video-form-wraper.guide-element-background::before {
  padding-top: 0px;
  padding-bottom: 0px;
  top: 0px;
}
.tutorial-hint {
  background: #fae0c0;
  border-radius: 3px;
  box-sizing: border-box;
  width: 424px;
  padding: 12px 12px 12px 48px;
  background-image: url('../../images/pomocne/svg/brown-home-tips.svg');
  background-size: 24px 24px;
  background-position: 12px 12px;
  background-repeat: no-repeat;
  position: absolute;
  color: #eb8305;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  z-index: 30;
}
.tutorial-note {
  position: absolute;
  font-family: "Axiforma";
  color: white;
  line-height: 1.5;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
  text-transform: none;
}
.tutorial-note.bottombar-note,
.tutorial-note.bottombar-note1 {
  text-align: center;
  padding-bottom: 46px;
  right: 6px;
  top: -98px;
  background-image: url('../../images/pomocne/svg/tutor-arrow-bottom-36.svg');
  background-size: 17px 36px;
  background-position: center bottom;
  background-repeat: no-repeat;
  width: 188px;
  /* Drop Shadow */
  /* Opera */
  -o-filter: drop-shadow(0 0 5px black);
  /* IE */
  -ms-filter: drop-shadow(0 0 5px black);
  /* Mozilla FireFox */
  -moz-filter: drop-shadow(0 0 5px black);
  /* Google Chrome */
  -webkit-filter: drop-shadow(0 0 5px black);
  /* Normal */
  filter: drop-shadow(0 0 5px black);
}
.tutorial-note.bottombar-note1 {
  right: -3px;
}
.tutorial-note.tutnote-lefttop-70 {
  padding-top: 90px;
  background-image: url('../../images/pomocne/svg/tutor-arrow-top-70.svg');
  background-size: 17px 70px;
  background-position: 10px 10px;
  background-repeat: no-repeat;
  width: 304px;
  top: 100%;
}
.tutorial-note.tutnote-lefttop-36 {
  padding-top: 76px;
  background-image: url('../../images/pomocne/svg/tutor-arrow-top-36.svg');
  background-size: 17px 36px;
  background-position: 8px 30px;
  background-repeat: no-repeat;
  width: 304px;
  top: 100%;
}
.tutorial-note.tutnote-left-70 {
  padding-left: 100px;
  width: 304px;
  background-position: 20px 5px;
  background-image: url('../../images/pomocne/svg/tutor-arrow-left-70.svg');
  background-size: 70px 17px;
  background-repeat: no-repeat;
  top: 0px;
  left: 100%;
}
.tutorial-note.tutnote-left-70.tutnote-2nd-arrow-bottom::after {
  content: '';
  display: block;
  position: absolute;
  left: 100px;
  top: 100%;
  width: 17px;
  height: 95px;
  background-position: center bottom;
  background-image: url('../../images/pomocne/svg/tutor-arrow-bottom-84.svg');
  background-size: 17px 84px;
  background-repeat: no-repeat;
}
h1 .tutorial-note.tutnote-left-70,
#photogalery-place-wraper .tutorial-note.tutnote-left-70 {
  padding-left: 110px;
  background-position: 30px 5px;
  top: -10px;
}
.tutorial-note.tutnote-right-70 {
  padding-right: 100px;
  width: 304px;
  background-position: right 20px top 5px;
  background-image: url('../../images/pomocne/svg/tutor-arrow-right-70.svg');
  background-size: 70px 17px;
  background-repeat: no-repeat;
  top: 0px;
  right: 100%;
}
.tutorial-note.tutnote-leftbottom-56 {
  padding-left: 32px;
  padding-bottom: 38px;
  background-image: url('../../images/pomocne/svg/tutor-arrow-bottom-56-curved.svg');
  background-size: 23px 56px;
  background-position: left bottom 20px;
  background-repeat: no-repeat;
  bottom: 100%;
  min-height: 48px;
}
.tutorial-note.tutnote-centerbottom-36 {
  padding-bottom: 66px;
  background-image: url('../../images/pomocne/svg/tutor-arrow-bottom-36.svg');
  background-size: 17px 36px;
  background-position: center bottom 16px;
  background-repeat: no-repeat;
  bottom: 100%;
  left: 0;
  right: 0;
  text-align: center;
}
#tutnote_step1_1 {
  left: 44px;
}
#tutnote_step1_2 {
  padding-top: 110px;
  right: -10px;
  top: -30px;
  width: 304px;
  background-image: url('../../images/pomocne/svg/tutor-arrow-top-101-curved.svg');
  background-size: 17px 101px;
  background-position: 270px 0px;
  background-repeat: no-repeat;
}
#tutnote_step2_1 {
  padding-left: 110px;
  background-position: 30px 5px;
}
#tutnote_step2_3 {
  left: 10px;
  width: 352px;
}
#tutnote_step3_2 {
  left: 60px;
}
#tutnote_step4_1 {
  width: 420px;
}
#tuthint_step5_1 {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.supplier-pagemain-cont > #tuthint_step5_1 {
  top: 600px;
}
.variants-list-cont > #tuthint_step5_1 {
  bottom: -288px;
}
#tutnote_step5_1::after {
  left: 160px;
}
#tutnote_step5_2 {
  width: 465px;
  padding-top: 66px;
  background-position: 380px 20px;
  left: auto;
  right: -40px;
}
#tutnote_step6_1 {
  top: -10px;
  width: 320px;
}
#tutnote_step6_2 {
  left: 312px;
  top: 60px;
}
#tutnote_step6_2::after {
  height: 110px;
  background-size: 22px 100px;
}
#tutnote_step7_1::after {
  height: 46px;
  background-size: 17px 36px;
  background-image: url('../../images/pomocne/svg/tutor-arrow-bottom-36.svg');
}
.tutorial-checkcode-before::before {
  max-width: 470px;
  padding-top: 0px;
  top: 3px;
}
#tutnote_step8_1 {
  width: 360px;
}
#tutnote_step8_1::after {
  height: 56px;
  background-size: 17px 36px;
  background-image: url('../../images/pomocne/svg/tutor-arrow-bottom-36.svg');
}
#tutnote_step8_2 {
  width: 320px;
  z-index: 30;
  top: 40px;
  background-position: 10px 5px;
  padding-left: 90px;
}
#tutnote_step9_2 {
  z-index: 30;
}
#tutnote_step9_2.tutnote-leftbottom-56 {
  width: 320px;
  bottom: 159px;
}
#tutnote_step9_2.tutnote-left-70,
#tutnote_step9_2.tutnote-right-70 {
  top: 40px;
  width: 430px;
}
#tutnote_step9_3 {
  width: 370px;
}
#tutnote_step9_3.tutnote-leftbottom-56 {
  background-position: left bottom 10px;
  padding-bottom: 20px;
}
#tutnote_step10_1 {
  width: 360px;
}
#tutnote_step10_1::after {
  height: 56px;
  background-size: 17px 36px;
  background-image: url('../../images/pomocne/svg/tutor-arrow-bottom-36.svg');
  left: 205px;
}
#tutnote_step11_1 {
  width: 360px;
}
#tutnote_step11_1::after {
  height: 80px;
  background-size: 17px 60px;
  left: 205px;
}
#supp_tutor_popup {
  max-width: 604px;
  max-height: 424px;
  width: calc(80%);
  padding-bottom: 20px;
  text-align: center;
}
#supp_tutor_popup h3,
#supp_tutor_popup h4 {
  font-family: "Axiforma";
  font-weight: normal;
  text-align: center;
}
#supp_tutor_popup h3 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 44px;
  margin-bottom: 12px;
}
#supp_tutor_popup h4 {
  font-size: 16px;
  margin-top: 24px;
  margin-bottom: 16px;
}
#supp_tutor_popup p {
  text-align: center;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #727281;
  line-height: 1.71;
}
#supp_tutor_popup .supp_tutor_popuphints {
  background: #fae0c0;
  border-radius: 3px;
  box-sizing: border-box;
  max-width: 448px;
  padding: 15px 40px 15px 40px;
  margin-top: 48px;
  margin-left: auto;
  margin-right: auto;
  background-image: url('../../images/pomocne/svg/brown-home-tips.svg');
  background-size: 20px 20px;
  background-position: 12px 12px;
  background-repeat: no-repeat;
}
#supp_tutor_popup .supp_tutor_popuphints .lighthint {
  color: #eb8305;
  margin-bottom: 12px;
  line-height: 1.5;
}
#supp_tutor_popup .supp_tutor_popuphints .darkhint {
  font-size: 13px;
  color: #bb6700;
  text-align: right;
  max-width: 362px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.62;
}
#supp_tutor_popup .supp_tutor_popuphints .darkhint .boldhint {
  font-weight: bold;
  float: left;
  display: inline-block;
  margin-right: 5px;
}
#supp_tutor_buttonnext {
  line-height: 40px;
  font-size: 14px;
  padding-right: 12px;
}
#supp_tutor_buttonnext span {
  background-image: url('../../images/pomocne/svg/white-arrow-right-10-5.svg');
  background-size: 16px 16px;
  background-position: 100% 12px;
  background-repeat: no-repeat;
  display: inline-block;
  padding-right: 32px;
}
#supp_tutor_bottombar #supp_tutor_buttonnext {
  padding-left: 16px;
  padding-right: 16px;
}
#supp_tutor_bottombar #supp_tutor_buttonnext span {
  width: 144px;
  text-align: center;
  padding-right: 16px;
}
#supp_tutor_bottombar {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 40;
  background-color: white;
  height: 68px;
  box-sizing: border-box;
  padding-top: 14px;
  width: 100%;
  text-align: left;
  line-height: 40px;
  font-family: "Axiforma";
  /* Box Shadow */
  /* Opera */
  -o-box-shadow: 0 -11px 8px 0 rgba(0, 0, 0, 0.2);
  /* IE */
  -ms-box-shadow: 0 -11px 8px 0 rgba(0, 0, 0, 0.2);
  /* Mozilla FireFox */
  -moz-box-shadow: 0 -11px 8px 0 rgba(0, 0, 0, 0.2);
  /* Google Chrome */
  -webkit-box-shadow: 0 -11px 8px 0 rgba(0, 0, 0, 0.2);
  /* Normal */
  box-shadow: 0 -11px 8px 0 rgba(0, 0, 0, 0.2);
}
#supp_tutor_bottombar #supptutbar_label_step,
#supp_tutor_bottombar #supptutbar_label_from {
  color: #00002b;
  display: inline-block;
  margin-right: 8px;
}
#supp_tutor_bottombar #supptutbar_label_from {
  margin-left: 8px;
}
#supp_tutor_bottombar #supptutbar_step_actual,
#supp_tutor_bottombar #supptutbar_step_last {
  display: inline-block;
  width: 28px;
  color: #00002b;
  text-align: center;
  line-height: 28px;
  height: 28px;
  background-color: #dfe8fa;
  border-radius: 50%;
}
#supp_tutor_bottombar #supptutbar_step_actual {
  color: white;
  background-color: #43436c;
}
#supp_tutor_bottombar #supptutbar_closelinkcont,
#supp_tutor_bottombar #supptutbar_buttonnextcont {
  display: inline-block;
  float: right;
}
#supp_tutor_bottombar #supptutbar_closelinkcont {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin-right: 24px;
}
#supp_tutor_bottombar #supptutbar_closelinkcont a#supp_tutor_close {
  line-height: 40px;
  padding-left: 24px;
  background-image: url('../../images/pomocne/svg/orange-close.svg');
  background-size: 16px 16px;
  background-position: 0px 12px;
  background-repeat: no-repeat;
  display: inline-block;
  text-decoration: underline;
}
#supp_tutor_bottombar #supptutbar_closelinkcont a#supp_tutor_close:hover {
  text-decoration: none;
}
.footback {
  border-top: 1px solid #303052;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  min-width: 298px;
  height: 342px;
}
@media (min-width: 400px) {
  .footback {
    height: 336px;
  }
}
@media (min-width: 530px) {
  .footback {
    height: 192px;
  }
}
@media (min-width: 570px) {
  .footback {
    height: 196px;
  }
}
@media (min-width: 720px) {
  .footback {
    height: 225px;
  }
}
.footlinkscc {
  border-top: none;
}
@media (max-width: 719px) {
  .footlinksc {
    border-top: 0px;
  }
  .footlinksc::after {
    content: '';
    display: block;
    clear: both;
  }
  .footlinksc .footlinkstitle {
    font-size: 20px;
  }
}
@media (min-width: 530px) {
  .footlinksc {
    width: auto;
  }
}
.footlinksc .footlinks {
  float: left;
  width: 50%;
}
@media (min-width: 530px) {
  .footlinksc .footlinks {
    float: none;
    width: auto;
  }
}
.footlinksc .footlinks .footlink {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 719px) {
  .footlinksc .footlinks .footlink {
    margin-top: 6px;
  }
}
#supplier-footlink-cont .footlinkstitle {
  font-size: 16px;
  padding-bottom: 0px;
}
@media (min-width: 530px) {
  #supplier-footlink-cont {
    float: left;
    width: auto;
  }
  #supplier-footlink-cont .footlinkstitle {
    font-size: 16px;
    padding-bottom: 0px;
  }
}
@media (min-width: 720px) {
  #supplier-footlink-cont .footlinkstitle {
    font-size: 20px;
    padding-bottom: 0px;
  }
}
.foot-shop-of-year {
  float: none;
  text-align: center;
  box-sizing: border-box;
  padding-top: 20px;
  position: relative;
}
.foot-shop-of-year .shop-of-year-1 {
  width: 115px;
  height: 35px;
  display: inline-block;
  margin-top: 1px;
  margin-right: 20px;
  background-image: url(../../images/heureka_shop2017.png);
  background-size: cover;
  position: relative;
}
.foot-shop-of-year .shop-of-year-2 {
  width: 89px;
  height: 35px;
  display: inline-block;
  margin-top: 1px;
  background-image: url(../../images/heureka_shop2016.png);
  background-size: cover;
  position: relative;
}
@media (min-width: 400px) {
  .foot-shop-of-year .shop-of-year-1 {
    width: 151px;
    height: 46px;
  }
  .foot-shop-of-year .shop-of-year-2 {
    width: 117px;
    height: 46px;
  }
}
@media (min-width: 530px) {
  .foot-shop-of-year {
    float: left;
    width: 120px;
    margin-top: 45px;
    padding-top: 0px;
    margin-left: 2px;
    margin-left: calc((100% - 518px)/2);
  }
  .foot-shop-of-year .shop-of-year-1 {
    width: 98px;
    height: 30px;
    margin-top: 1px;
    margin-right: 10px;
  }
  .foot-shop-of-year .shop-of-year-2 {
    width: 76px;
    height: 30px;
    margin-top: 20px;
    left: -11px;
  }
}
@media (min-width: 570px) {
  .foot-shop-of-year {
    width: 140px;
    margin-top: 40px;
    margin-left: 10px;
    margin-left: calc((100% - 538px)/2);
  }
  .foot-shop-of-year .shop-of-year-1 {
    width: 115px;
    height: 35px;
    margin-top: 1px;
    margin-right: 10px;
  }
  .foot-shop-of-year .shop-of-year-2 {
    width: 89px;
    height: 35px;
    margin-top: 20px;
    left: -13px;
  }
}
@media (min-width: 720px) {
  .foot-shop-of-year {
    width: 160px;
    margin-top: 20px;
    margin-left: 15px;
    margin-left: calc((100% - 565px)/2);
  }
  .foot-shop-of-year .shop-of-year-1 {
    width: 151px;
    height: 46px;
    margin-top: 1px;
    margin-right: 10px;
  }
  .foot-shop-of-year .shop-of-year-2 {
    width: 117px;
    height: 46px;
    margin-top: 20px;
    left: -17px;
  }
}
@media (min-width: 992px) {
  .foot-shop-of-year {
    width: 320px;
    margin-top: 50px;
    margin-left: 20px;
    margin-left: calc((100% - 725px)/2);
  }
  .foot-shop-of-year .shop-of-year-1 {
    margin-top: 0px;
    margin-right: 50px;
  }
  .foot-shop-of-year .shop-of-year-2 {
    margin-top: 0px;
    left: auto;
  }
}
.foot-contacts {
  float: none;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 0px;
  box-sizing: border-box;
  width: auto;
  min-width: 292px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 530px) {
  .foot-contacts {
    float: right;
    margin-top: 45px;
    min-width: 0;
    width: 270px;
  }
}
@media (min-width: 720px) {
  .foot-contacts {
    margin-top: 32px;
  }
}
.foot-phone {
  text-align: left;
  position: relative;
  padding-left: 45px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.foot-phone p {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#foot-avatar {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 40px;
  height: 40px;
}
#foot-avatar img {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.footphoneicon {
  float: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
  left: 2px;
}
#message-button-cont {
  display: inline-block;
  float: left;
  margin-right: 44px;
}
@media (min-width: 530px) {
  #message-button-cont {
    margin-right: 34px;
  }
}
#message-button-cont .formbutton {
  line-height: 32px;
  padding-left: 25px;
  padding-right: 25px;
}
.foot-socicon {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 26px;
  height: 26px;
  margin-right: 8px;
  margin-top: 4px;
  float: right;
  display: block;
}
@media (min-width: 530px) {
  .foot-socicon {
    margin-right: 4px;
  }
}
.foot-socicon .footsocicon_yt {
  margin-right: 0px;
}

/*# sourceMappingURL=style_supplier.css.map */