@charset "UTF-8";
/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
/*barvy z webu e.coleman.cz*/
/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
/*barvy z webu e.coleman.cz*/
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap");
header {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  background: #ffffff;
  background: #f5f5f5;
}

.BlockWrap.Header {
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 500px) {
  .BlockWrap.Header {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.BlockWrap.Header .BlockContent {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 0px;
  padding-top: 0px;
  min-height: 80px;
}
@media only screen and (max-width: 850px) {
  .BlockWrap.Header .BlockContent {
    flex-direction: column;
    align-items: flex-end;
  }
}
@media only screen and (max-width: 680px) {
  .BlockWrap.Header .BlockContent {
    align-items: center;
  }
}
.BlockWrap.Header .BlockContent a.HeaderLogo {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 250px;
  flex-shrink: 0;
  display: block;
  padding-bottom: 14px;
  padding-top: 14px;
  padding: 14px 0px;
  margin-right: 50px;
  background: #f5f5f5;
}
@media only screen and (max-width: 850px) {
  .BlockWrap.Header .BlockContent a.HeaderLogo {
    position: absolute;
    top: 50%;
    left: 0px;
    margin: -36px 0px 0px 0px;
  }
}
@media only screen and (max-width: 680px) {
  .BlockWrap.Header .BlockContent a.HeaderLogo {
    position: relative;
    top: 0px;
    left: 0px;
    margin-top: 10px;
  }
}
.BlockWrap.Header .BlockContent .HeaderContacts {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
}
.BlockWrap.Header .BlockContent .HeaderContacts a {
  position: relative;
  display: block;
  height: 36px;
  line-height: 36px;
  padding-left: 50px;
  margin: 7px 20px 10px 20px;
  text-decoration: none;
  color: #2e2e2e;
  font-size: 18px;
}
@media only screen and (max-width: 850px) {
  .BlockWrap.Header .BlockContent .HeaderContacts a {
    margin: 13px 20px 0px 20px;
  }
}
@media only screen and (max-width: 390px) {
  .BlockWrap.Header .BlockContent .HeaderContacts a {
    margin: 13px 10px 0px 10px;
    padding-left: 44px;
  }
}
.BlockWrap.Header .BlockContent .HeaderContacts a:hover {
  text-decoration: underline;
  color: #000000;
}
.BlockWrap.Header .BlockContent .HeaderContacts a:before {
  position: absolute;
  top: 50%;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  content: "\f095";
  font-size: 20px;
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 100;
  color: #ffffff;
  width: 36px;
  height: 36px;
  margin-top: -19px;
  background: #000000;
  -webkit-border-radius: 37px;
  -moz-border-radius: 37px;
  border-radius: 37px;
  opacity: 0.18;
}
.BlockWrap.Header .BlockContent .HeaderContacts a.Email:before {
  content: "\f0e0";
}

.HeaderEshopComponents {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin-left: 50px;
}
@media only screen and (max-width: 990px) {
  .HeaderEshopComponents {
    margin-left: 0px;
  }
}
.HeaderEshopComponents .HeaderEshopComponent {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 0px 5px;
}
.HeaderEshopComponents .HeaderEshopComponent:last-child {
  margin-right: 0px;
}
.HeaderEshopComponents .HeaderEshopComponent > a {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  min-width: 40px;
  height: 60px;
  padding: 0px 0px 0px 0px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 10px 50%;
  background-size: auto 35%;
  text-decoration: none;
}
.HeaderEshopComponents .HeaderEshopComponent > a:before {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  margin-top: -13px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 100;
  content: "";
  color: #000000;
}
.HeaderEshopComponents .HeaderEshopComponent > a span.Items {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  width: 20px;
  height: 20px;
  font-weight: 400;
  background: #ed1c24;
  text-decoration: none;
  text-align: center;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  margin: 0px 6px 0px 40px;
}
.HeaderEshopComponents .HeaderEshopComponent > a span.TextContent {
  position: relative;
  width: auto;
  height: 25px;
  color: #000000;
  text-decoration: none;
  margin: 0px 6px 0px 40px;
  padding-top: 3px;
  white-space: nowrap;
}
.HeaderEshopComponents .HeaderEshopComponent > a:hover {
  color: #0088c0;
}
.HeaderEshopComponents .HeaderEshopComponent > a:hover span.TextContent {
  color: #0088c0;
}
.HeaderEshopComponents .HeaderEshopComponent > a:hover:before {
  color: #0088c0;
}
.HeaderEshopComponents .HeaderEshopComponent.HeaderECSearch > a:before {
  left: 6px;
}
.HeaderEshopComponents .HeaderEshopComponent.Opened > a, .HeaderEshopComponents .HeaderEshopComponent.Opened > a:hover, .HeaderEshopComponents .HeaderEshopComponent.Opened > a:before {
  color: #ed1c24;
}
.HeaderEshopComponents .HeaderEshopComponent.Opened span.TextContent {
  color: #ed1c24 !important;
}
.HeaderEshopComponents .HeaderEshopComponent.HeaderECSearch > a:before {
  content: "\f002";
}
.HeaderEshopComponents .HeaderEshopComponent.HeaderECUser > a:before {
  content: "\f007";
}
.HeaderEshopComponents .HeaderEshopComponent.HeaderECUser.IsAuthenticated-True > a:before {
  content: "\f4fc";
}
.HeaderEshopComponents .HeaderEshopComponent.HeaderECUser.IsAuthenticated-True > a .TextContent {
  margin-left: 45px;
}
.HeaderEshopComponents .HeaderEshopComponent.HeaderECCart > a:before {
  content: "\f07a";
}

.HeaderECPopup {
  position: absolute;
  top: 60px;
  right: 0px;
  width: 380px;
  background: #ffffff;
  -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.12);
  padding: 26px 28px 30px 28px;
  display: none;
  z-index: 6;
  border: 1px solid #d7d7d7;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
@media only screen and (max-width: 1050px) {
  .HeaderECPopup {
    top: 54px;
  }
}
.HeaderECPopup:before {
  position: absolute;
  top: -10px;
  right: 30px;
  display: block;
  width: 20px;
  height: 13px;
  content: "";
  background-color: transparent;
  background-image: url("/App_Themes/OS-Standard/images/popup-arrow.png");
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: 40px 21px;
}
.HeaderECPopup h2 {
  font-size: 1.3em;
  margin: 0px 0px 20px 0px;
}
.HeaderECPopup h2 a {
  color: #464646;
  text-decoration: none;
}
.HeaderECPopup h2 a:hover {
  text-decoration: underline;
}
.HeaderECPopup a.Btn01, .HeaderECPopup a.Btn02 {
  display: block;
  padding: 10px 14px;
  margin-top: 15px;
  font-size: 18px;
}
.HeaderECPopup .PopupCartPrice {
  position: relative;
  width: 100%;
  padding: 15px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  background: #f5f5f5;
  border: 1px solid #d7d7d7;
}
.HeaderECPopup .PopupCartPrice .PopupCartPriceLabel, .HeaderECPopup .PopupCartPrice .PopupCartPricePrice {
  font-weight: 500;
}
.HeaderECPopup .PopupProductList {
  position: relative;
}
.HeaderECPopup .PopupProductList .ProductOneSmall {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px dashed #d7d7d7;
  margin: 0px 0px 10px 0px;
  padding: 5px 5px 10px 5px;
}
.HeaderECPopup .PopupProductList .ProductOneSmall:last-child {
  border: none;
  margin: 0px;
  padding: 5px 5px 0px 5px;
}
.HeaderECPopup .PopupProductList .ProductOneSmall .ProductRemove {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 20px;
  height: 20px;
  background-color: transparent;
  cursor: pointer;
}
.HeaderECPopup .PopupProductList .ProductOneSmall .ProductRemove:after {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  color: #ed1c24;
}
.HeaderECPopup .PopupProductList .ProductOneSmall .ProductRemove:hover:after {
  color: rgb(198.2775510204, 15.7224489796, 22.7102040816);
}
.HeaderECPopup .PopupProductList .ProductOneSmall .ProductImage {
  position: relative;
  width: 62px;
  height: 62px;
  display: block;
  flex-shrink: 0;
  text-align: center;
}
.HeaderECPopup .PopupProductList .ProductOneSmall .ProductImage img {
  max-height: 100%;
}
.HeaderECPopup .PopupProductList .ProductOneSmall .ProductText {
  padding-left: 15px;
  width: 100%;
  flex-basis: 100%;
}
.HeaderECPopup .PopupProductList .ProductOneSmall .ProductText h3 {
  color: #2e2e2e;
  font-size: 1em;
  font-weight: 400;
  padding-right: 50px;
  margin: 0px 0px 5px 0px;
}
.HeaderECPopup .PopupProductList .ProductOneSmall .ProductText h3 a {
  color: #464646;
  text-decoration: none;
}
.HeaderECPopup .PopupProductList .ProductOneSmall .ProductText h3 a:hover {
  color: #464646;
  text-decoration: underline;
}
.HeaderECPopup .PopupProductList .ProductOneSmall .ProductText .ProductPriceAmount {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.HeaderECPopup .PopupProductList .ProductOneSmall .ProductText .ProductPriceAmount .ProductPrice {
  font-weight: 500;
}
.HeaderECPopup .PopupProductList .ProductOneSmall .ProductText .ProductPriceAmount .ProductAmount {
  font-weight: 500;
}

@media only screen and (max-width: 680px) {
  .HeaderECUser .HeaderECPopup {
    width: 350px !important;
    right: auto;
    left: 50%;
    margin-left: -164px;
  }
  .HeaderECUser .HeaderECPopup:before {
    right: 50%;
    margin-right: -10px;
  }
  .HeaderECCart .HeaderECPopup {
    width: 350px !important;
    right: auto;
    left: 50%;
    margin-left: -273px;
  }
  .HeaderECCart .HeaderECPopup:before {
    right: 60px;
  }
}
@media only screen and (max-width: 390px) {
  .HeaderECUser .HeaderECPopup {
    width: 250px !important;
    margin-left: -115px;
  }
  .HeaderECUser .HeaderECPopup.HeaderECPopup:before {
    position: absolute;
    top: -10px;
    right: 50%;
    margin-right: -10px;
  }
  .HeaderECCart .HeaderECPopup {
    width: 280px !important;
    right: auto;
    left: 50%;
    margin-left: -238px;
  }
  .HeaderECCart .HeaderECPopup.HeaderECPopup:before {
    right: 25px;
  }
}
.HeaderECCart .Btn01 {
  text-transform: lowercase;
  /*padding-top:18px !important;
  padding-bottom:18px !important;*/
}
.HeaderECCart .Btn01:before {
  text-transform: none;
  content: "\f07a";
  font-family: "Font Awesome 5 Pro";
  font-weight: 100;
  padding-right: 10px;
  font-size: 22px;
}

.HeaderECUser {
  text-align: left;
}
.HeaderECUser .HeaderECPopup {
  width: 345px;
}
.HeaderECUser .HeaderECPopup h2 {
  margin-bottom: 5px;
}
.HeaderECUser .HeaderECPopup h3 {
  font-size: 1em;
  font-weight: 400;
  color: #2e2e2e;
  margin: 0px 0px 20px 0px;
}
.HeaderECUser .HeaderECPopup hr {
  height: 1px;
  background: #d7d7d7;
  border: none;
  overflow: hidden;
}
.HeaderECUser .HeaderECPopup ul.MyAccountMenu,
.HeaderECUser .HeaderECPopup ul#MyAccountMenu {
  position: relative;
  margin: 15px 0px;
  padding: 0px;
  display: block;
  list-style-type: none;
}
.HeaderECUser .HeaderECPopup ul.MyAccountMenu li,
.HeaderECUser .HeaderECPopup ul#MyAccountMenu li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.HeaderECUser .HeaderECPopup ul.MyAccountMenu a,
.HeaderECUser .HeaderECPopup ul#MyAccountMenu a {
  padding: 7px 0px;
  color: #464646;
  font-weight: 400;
  text-decoration: none;
}
.HeaderECUser .HeaderECPopup ul.MyAccountMenu a:hover,
.HeaderECUser .HeaderECPopup ul#MyAccountMenu a:hover {
  text-decoration: underline;
}
.HeaderECUser .HeaderECPopup a.SignOut,
.HeaderECUser .HeaderECPopup a.signoutLink {
  display: block;
  color: #464646;
  margin-top: 15px;
  text-decoration: none;
  line-height: 20px;
  text-transform: lowercase;
}
.HeaderECUser .HeaderECPopup a.SignOut:before,
.HeaderECUser .HeaderECPopup a.signoutLink:before {
  display: inline-block;
  color: #ed1c24;
  font-family: "Font Awesome 5 Pro";
  content: "\f2f5";
  font-size: 20px;
  padding-right: 8px;
}
.HeaderECUser .HeaderECPopup a.SignOut:hover,
.HeaderECUser .HeaderECPopup a.signoutLink:hover {
  color: #ed1c24;
  text-decoration: none;
}
.HeaderECUser.IsAuthenticated-False .HeaderECPopup {
  right: -24px;
}
.HeaderECUser .logon-page-background {
  text-align: center;
}
.HeaderECUser input[type=submit] {
  width: 100%;
  margin-top: 10px;
}
.HeaderECUser input[type=submit].logon-password-retrieval-button {
  margin-top: 0px;
}
.HeaderECUser input[type=text],
.HeaderECUser input[type=password] {
  border: 1px solid #d7d7d7;
  background: #ffffff;
  height: 46px;
  margin-bottom: 15px;
}
.HeaderECUser label {
  margin: 4px 0px 8px 0px;
}
.HeaderECUser .logon-panel {
  margin-top: 20px;
  margin-bottom: 15px;
  text-align: left;
}
.HeaderECUser .logon-panel .logon-remember-me-checkbox {
  display: none;
}
.HeaderECUser .logon-password-retrieval-link {
  text-decoration: underline;
}
.HeaderECUser .logon-password-retrieval-link:hover {
  color: #000000;
  text-decoration: underline;
}
.HeaderECUser .logon-panel-password-retrieval {
  margin-top: 20px;
}
.HeaderECUser .logon-password-retrieval-result {
  display: block;
  font-weight: 700;
  margin-top: 20px;
}
.HeaderECUser .RegisterLinkWrap {
  text-align: center;
  margin-top: 15px;
}

.HeaderEshopComponent .HeaderECPopup {
  display: none;
}
.HeaderEshopComponent.Opened .HeaderECPopup {
  display: block !important;
}

.BlockWrap.HeaderMenu {
  background: #01a0e1;
  border-top: 1px solid #005072;
  border-bottom: 1px solid #005072;
  /*padding-left: 0px !important;
  padding-right: 0px !important;*/
}
.BlockWrap.HeaderMenu .BlockContent {
  padding: 0px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
}
.BlockWrap.HeaderMenu .SortimentMainBtn {
  border-left: 1px solid #005072;
  border-right: 1px solid #005072;
  background: #005072;
  width: 250px;
  flex-basis: 250px;
  flex-shrink: 0;
  align-items: stretch;
  justify-content: center;
  text-transform: uppercase;
  display: none;
  font-weight: 600;
}
@media only screen and (min-width: 1051px) {
  .BlockWrap.HeaderMenu .SortimentMainBtn {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: row;
  }
}
.BlockWrap.HeaderMenu .SortimentMainBtn a {
  position: relative;
  flex-basis: 100%;
  color: #ffffff;
  text-decoration: none;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  font-size: 20px;
  padding: 10px;
}
.BlockWrap.HeaderMenu .ProdejPujcovnaSwitch {
  position: relative;
  width: 250px;
  flex-basis: 250px;
  flex-shrink: 0;
  min-height: 58px;
  background: #005072;
  display: none;
}
@media only screen and (min-width: 1051px) {
  .BlockWrap.HeaderMenu .ProdejPujcovnaSwitch {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: row;
  }
}
.BlockWrap.HeaderMenu .ProdejPujcovnaSwitch a {
  position: absolute;
  top: -1px;
  width: 55%;
  height: 100%;
  padding: 4px 15px 4px 15px;
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  background: #005072;
  text-align: center;
  transition: all 0.2s;
  height: calc(100% + 2px);
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  align-items: center;
  z-index: 1;
  border-top: 1px solid #005072;
  border-bottom: 1px solid #005072;
}
.BlockWrap.HeaderMenu .ProdejPujcovnaSwitch a span {
  display: block;
  text-align: center;
  width: 100%;
  flex-basis: 100%;
}
.BlockWrap.HeaderMenu .ProdejPujcovnaSwitch a:hover {
  color: #fff;
  background: #000;
  background: #0079ab;
}
.BlockWrap.HeaderMenu .ProdejPujcovnaSwitch a.active {
  color: #000;
  z-index: 11;
  background: #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}
.BlockWrap.HeaderMenu .ProdejPujcovnaSwitch a:first-child {
  left: 0px;
  padding-right: 25px;
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 100%, 0 100%);
  border-left: 1px solid #0079ab;
}
.BlockWrap.HeaderMenu .ProdejPujcovnaSwitch a:last-child {
  right: 0px;
  padding-left: 25px;
  clip-path: polygon(19px 0, 100% 0, 100% 100%, 0 100%);
  border-right: 1px solid #0079ab;
}
.BlockWrap.HeaderMenu .ProdejPujcovnaSwitch span.Slash {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 1px;
  height: 28px;
  background: #fff;
  z-index: 10;
  transform: translateY(-50%);
  opacity: 1;
  transition: opacity 0.2s;
}
.BlockWrap.HeaderMenu .ProdejPujcovnaSwitch:hover span.Slash {
  opacity: 0 !important;
}
.BlockWrap.HeaderMenu .ProdejPujcovnaSwitch.noMenu a {
  border-bottom: 1px solid #0079ab;
  /*
  &:first-child {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
      transition: clip-path ease 0.2s;

      &:hover {
          clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 100%, 0 100%);
      }
  }

  &:last-child {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
      transition: clip-path ease 0.2s;

      &:hover {
          clip-path: polygon(19px 0, 100% 0, 100% 100%, 0 100%);
      }
  }*/
}
.BlockWrap.HeaderMenu .ProdejPujcovnaSwitch.noMenu a:first-child {
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 100%, 0 100%);
}
.BlockWrap.HeaderMenu .ProdejPujcovnaSwitch.noMenu a:last-child {
  clip-path: polygon(19px 0, 100% 0, 100% 100%, 0 100%);
}
.BlockWrap.HeaderMenu .ProdejPujcovnaSwitch.noMenu a:hover {
  z-index: 5;
}
.BlockWrap.HeaderMenu .ProdejPujcovnaSwitch.productDetail a {
  border-bottom: 1px solid #0079ab;
}
.BlockWrap.HeaderMenu .MobileMenuTrigger {
  position: relative;
  background: #0079ab;
  color: #ffffff;
  justify-content: center;
  width: 140px;
  height: 48px;
  text-decoration: none;
  padding: 4px 10px;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
  display: none;
}
@media only screen and (max-width: 1050px) {
  .BlockWrap.HeaderMenu .MobileMenuTrigger {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: row;
  }
}
.BlockWrap.HeaderMenu .MobileMenuTrigger span {
  display: block;
  padding-left: 10px;
}
.BlockWrap.HeaderMenu ul#MainMenu {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  list-style-type: none;
  margin: 0px;
  padding: 0px 10px;
  width: 100%;
}
@media only screen and (max-width: 1050px) {
  .BlockWrap.HeaderMenu ul#MainMenu {
    display: none;
  }
}
.BlockWrap.HeaderMenu ul#MainMenu li {
  display: block;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  flex: 1 1 auto;
  position: relative;
  text-align: center;
  line-height: 40px;
}
.BlockWrap.HeaderMenu ul#MainMenu a {
  color: #ffffff;
  display: block;
  text-decoration: none;
  padding: 4px 10px;
  font-size: 18px;
  font-weight: 600;
}
.BlockWrap.HeaderMenu ul#MainMenu a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.BlockWrap.HeaderMenu ul#MainMenu a:before {
  position: absolute;
  top: 50%;
  left: 0px;
  display: block;
  content: "";
  height: 18px;
  width: 1px;
  overflow: hidden;
  background: #005072;
  margin-top: -9px;
}
.BlockWrap.HeaderMenu ul#MainMenu li:first-child a:before {
  display: none;
}
.BlockWrap.HeaderMenu .LngCurSwitch {
  background: #0079ab;
  color: #ffffff;
  width: auto;
  flex-shrink: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  padding: 10px 7px 10px 12px;
  font-size: 16px;
  display: none;
}
.BlockWrap.HeaderMenu .LngCurSwitch .HeaderEshopComponent {
  position: relative;
}
.BlockWrap.HeaderMenu .LngCurSwitch .HeaderEshopComponent .ECButton {
  position: relative;
  display: block;
  padding: 0px 20px 0px 16px;
  margin: 5px 6px;
  cursor: pointer;
}
.BlockWrap.HeaderMenu .LngCurSwitch .HeaderEshopComponent .ECButton:after {
  position: absolute;
  top: 50%;
  right: 0px;
  content: "\f0d7";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-top: -8px;
  color: #ffffff;
}
.BlockWrap.HeaderMenu .LngCurSwitch .HeaderEshopComponent .ECButton:before {
  position: absolute;
  top: 50%;
  left: 0px;
  display: block;
  content: "";
  height: 18px;
  width: 1px;
  overflow: hidden;
  background: #00315e;
  margin-top: -9px;
}
.BlockWrap.HeaderMenu .LngCurSwitch .HeaderEshopComponent:first-child .ECButton {
  padding-left: 0px;
}
.BlockWrap.HeaderMenu .LngCurSwitch .HeaderEshopComponent:first-child .ECButton:before {
  display: none;
}
.BlockWrap.HeaderMenu .LngCurSwitch .HeaderEshopComponent .HeaderECPopup {
  top: 57px;
  right: -2px;
  padding: 16px 18px;
}
.BlockWrap.HeaderMenu .LngCurSwitch .HeaderEshopComponent.HeaderECCurrency .HeaderECPopup {
  width: 220px;
  text-align: right;
}
@media only screen and (max-width: 680px) {
  .BlockWrap.HeaderMenu .LngCurSwitch .HeaderEshopComponent.HeaderECCurrency .HeaderECPopup {
    width: 220px !important;
  }
}
.BlockWrap.HeaderMenu .LngCurSwitch .HeaderEshopComponent.HeaderECCurrency .CurrencyOne {
  display: block;
  color: #464646;
  text-decoration: none;
  cursor: pointer;
}
.BlockWrap.HeaderMenu .LngCurSwitch .HeaderEshopComponent.HeaderECCurrency .CurrencyOne:hover {
  color: #464646;
  text-decoration: underline;
}
.BlockWrap.HeaderMenu .LngCurSwitch .HeaderEshopComponent.HeaderECLanguage .HeaderECPopup {
  right: 0px;
  width: auto;
  text-align: right;
}
.BlockWrap.HeaderMenu .LngCurSwitch .HeaderEshopComponent.HeaderECLanguage .HeaderECPopup:before {
  right: 19px;
}
.BlockWrap.HeaderMenu .LngCurSwitch .HeaderEshopComponent.HeaderECLanguage .LanguageOne {
  display: block;
  color: #464646;
  text-decoration: none;
  cursor: pointer;
}
.BlockWrap.HeaderMenu .LngCurSwitch .HeaderEshopComponent.HeaderECLanguage .LanguageOne:hover {
  color: #464646;
  text-decoration: underline;
}

.BlockWrap.SmartSearchPopup {
  position: absolute;
  bottom: -80px;
  left: 0px;
  height: 80px;
  background: #f5f5f5;
  display: none;
  border-bottom: 1px solid #d7d7d7;
  -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.12);
}
.BlockWrap.SmartSearchPopup .BlockContent {
  padding-top: 15px;
  padding-bottom: 15px;
}
.BlockWrap.SmartSearchPopup.Opened {
  display: block;
  z-index: 6;
}
.BlockWrap.SmartSearchPopup .searchBox {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.BlockWrap.SmartSearchPopup .searchBox:before {
  position: absolute;
  top: 14px;
  left: 15px;
  display: block;
  width: 20px;
  height: 20px;
  content: "\f002";
  font-family: "Font Awesome 5 Pro";
  color: #01a0e1;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  z-index: 2;
}
@media only screen and (max-width: 440px) {
  .BlockWrap.SmartSearchPopup .searchBox:before {
    display: none;
  }
}
.BlockWrap.SmartSearchPopup .searchBox input[type=text] {
  position: relative;
  margin: 0px;
  border: none;
  height: 46px;
  max-width: 100%;
  padding-left: 50px;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}
@media only screen and (max-width: 440px) {
  .BlockWrap.SmartSearchPopup .searchBox input[type=text] {
    padding-left: 10px;
  }
}
.BlockWrap.SmartSearchPopup .searchBox input[type=submit] {
  border: none;
  padding: 0px;
  width: 190px;
  height: 46px;
}

.predictiveSearchHolder {
  position: absolute;
  top: 39px;
  left: 0px;
  width: 100%;
  height: auto;
  display: none;
}

.predictiveSearchResults {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #a0a0a0;
}

.predictiveSearchCategory,
.predictiveSearchResults .SearchMore {
  background: #e6e6e6 !important;
  font-weight: 700;
  color: #000 !important;
  text-transform: uppercase;
}

.predictiveSearchResults a {
  display: block;
  color: #000;
  padding: 0px 10px;
}

.predictiveSearchResults a:hover {
  color: #ee1c25;
  text-decoration: underline;
}

.predictiveSearchResults .Table {
  width: 100%;
  height: 30px;
  margin: 2px 0px;
  font-size: 13px;
  line-height: 16px;
}

.predictiveSearchResults .TableCell {
  text-align: left;
  vertical-align: middle;
}

.predictiveSearchResults .Table .TableCell:nth-child(1) {
  width: 30px;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 15px;
}

/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
.ContentCenter {
  text-align: center;
}
.ContentCenter .Btn01 {
  min-width: 176px;
}

.BlockContent h2:first-child {
  margin-top: 0px;
}

.LineThrough {
  text-decoration: line-through;
}

main {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  background: #ffffff;
}

.BlockWrap.ProductsSides .BlockContent {
  padding: 0px 0px 25px 0px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.BlockWrap.ProductsSides .BlockContent .SideTree {
  position: relative;
  flex-basis: 250px;
  width: 250px;
  flex-shrink: 0;
  z-index: 5;
}
@media only screen and (max-width: 1050px) {
  .BlockWrap.ProductsSides .BlockContent .SideTree {
    display: none;
  }
}
.BlockWrap.ProductsSides .BlockContent .SideProducts {
  position: relative;
  flex-basis: 100%;
  width: 100%;
  padding-left: 27px;
  padding-top: 15px;
}
@media only screen and (max-width: 1050px) {
  .BlockWrap.ProductsSides .BlockContent .SideProducts {
    padding-left: 0px;
  }
}

.FirstMenuItem {
  position: relative;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  background: #f5f5f5;
  padding: 5px 15px 0px 15px;
}
.FirstMenuItem a {
  position: relative;
  display: block;
  color: #464646;
  text-decoration: none;
  font-size: 16px;
  line-height: 20px;
  padding: 11px 18px 11px 0px;
  border-bottom: 1px dashed #d7d7d7;
  font-weight: 600;
}
.FirstMenuItem a:after {
  position: absolute;
  top: 14px;
  right: 0px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  font-size: 10px;
  width: 10px;
  height: 12px;
  line-height: 18px;
  text-align: center;
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  color: #01a0e1;
}

ul#ProductsTreeMenu {
  position: relative;
  margin: 0px;
  padding: 0px 15px 5px 15px;
  width: 100%;
  height: auto;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  background: #f5f5f5;
  list-style-type: none;
  /*    &:after {
          position: absolute;
          top: -9px;
          right: 50%;
          display: block;
          width: 20px;
          height: 13px;
          content: "";
          margin-right: -10px;
          background-color: transparent;
          background-image: url('/App_Themes/OS-Standard/images/menu-tree-arrow.png');
          background-repeat: no-repeat;
          background-position: 50% 0%;
          background-size: 40px 21px;
          z-index: 2;
      }
  */
}
ul#ProductsTreeMenu ul {
  position: relative;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
ul#ProductsTreeMenu li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  z-index: 1;
}
ul#ProductsTreeMenu li img {
  display: none;
}
ul#ProductsTreeMenu li a {
  position: relative;
  display: block;
  color: #464646;
  text-decoration: none;
  font-size: 16px;
  line-height: 20px;
  padding: 9px 18px 7px 26px;
}
ul#ProductsTreeMenu li a:after {
  position: absolute;
  top: 12px;
  right: 0px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  font-size: 10px;
  width: 10px;
  height: 12px;
  line-height: 18px;
  text-align: center;
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  color: #01a0e1;
}
ul#ProductsTreeMenu li.HasChildren {
  background-repeat: no-repeat;
  background-size: 13px 17px;
  background-position: 0px 9px;
}
ul#ProductsTreeMenu li.HasChildren.Closed {
  background-image: url("/App_Themes/OS-Standard/images/menu-plus.png");
}
ul#ProductsTreeMenu li.HasChildren.Closed ul {
  display: none;
}
ul#ProductsTreeMenu li.HasChildren.Opened {
  background-image: url("/App_Themes/OS-Standard/images/menu-minus.png");
}
ul#ProductsTreeMenu > li {
  border-bottom: 1px dashed #d7d7d7;
}
ul#ProductsTreeMenu > li > a {
  color: #2e2e2e;
  font-weight: 500;
}
ul#ProductsTreeMenu > li:last-child {
  border-bottom: none;
}
ul#ProductsTreeMenu > li > ul {
  margin: 0px 0px 10px 0px;
  padding-bottom: 3px;
  z-index: 1;
}
ul#ProductsTreeMenu > li > ul:before {
  position: absolute;
  top: 0px;
  left: 6px;
  display: block;
  content: "";
  background: #d7d7d7;
  width: 1px;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
ul#ProductsTreeMenu > li > ul li {
  z-index: 2;
}
ul#ProductsTreeMenu > li > ul li.HasChildren {
  background-position: 0px 7px;
}
ul#ProductsTreeMenu > li > ul li > ul li {
  background-repeat: no-repeat;
  background-size: 13px 17px;
  background-position: 24px 7px;
  background-image: url("/App_Themes/OS-Standard/images/menu-under.png");
  padding-left: 20px;
}
ul#ProductsTreeMenu > li > ul a {
  color: #5e5e5e;
  padding: 6px 18px 4px 26px;
}
ul#ProductsTreeMenu a.ProductsTreeMenuCMSListMenuLinkHighlighted {
  font-weight: 500 !important;
  color: #01a0e1 !important;
}

.MainSliderWrap {
  position: relative;
  margin-top: 12px;
}
.MainSliderWrap .MainSlideOne {
  position: relative;
  width: auto;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 16px;
  background-size: cover;
}
.MainSliderWrap .MainSlideOne .TextContent {
  position: absolute;
  top: 0px;
  left: 0px;
  color: #ffffff;
  opacity: 0;
}
.MainSliderWrap .MainSlideOne .TextContent h1, .MainSliderWrap .MainSlideOne .TextContent h2, .MainSliderWrap .MainSlideOne .TextContent h3, .MainSliderWrap .MainSlideOne .TextContent h4 {
  color: #ffffff;
  margin-top: 0px;
  font-size: 40px;
}
.MainSliderWrap .MainSlideOne .TextContent.BlackText {
  color: #2e2e2e;
}
.MainSliderWrap .MainSlideOne .TextContent.BlackText h1, .MainSliderWrap .MainSlideOne .TextContent.BlackText h2, .MainSliderWrap .MainSlideOne .TextContent.BlackText h3, .MainSliderWrap .MainSlideOne .TextContent.BlackText h4 {
  color: #2e2e2e;
}
.MainSliderWrap .MainSlideOne .MainLink {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
}
.MainSliderWrap .bx-controls-direction {
  display: none;
}
.MainSliderWrap .bx-pager {
  position: relative;
  width: 100%;
  height: 1px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  padding: 0px 30px;
}
.MainSliderWrap .bx-pager .bx-pager-item {
  position: relative;
  top: -45px;
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
}
.MainSliderWrap .bx-pager .bx-pager-item a.bx-pager-link {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 26px 26px;
  background-image: url("/App_Themes/OS-Standard/images/slider-pager-dot.png");
  font-size: 0px;
}
.MainSliderWrap .bx-pager .bx-pager-item a.bx-pager-link.active {
  background-image: url("/App_Themes/OS-Standard/images/slider-pager-dot-active.png");
}

.BlockWrap.WhyUs {
  display: none;
}
.BlockWrap.WhyUs .BlockContent {
  padding: 0px;
}
.BlockWrap.WhyUs .WhyUsWrap {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  margin: 0px -16px;
  padding-bottom: 25px;
}
@media only screen and (max-width: 1050px) {
  .BlockWrap.WhyUs .WhyUsWrap {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.BlockWrap.WhyUs .WhyUsWrap .WhyUsContentBlockWrap {
  position: relative;
  flex-basis: 33.3333333333%;
  padding: 0px 16px 0px 16px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  align-items: stretch;
}
@media only screen and (max-width: 750px) {
  .BlockWrap.WhyUs .WhyUsWrap .WhyUsContentBlockWrap {
    flex-basis: 50%;
  }
}
@media only screen and (max-width: 500px) {
  .BlockWrap.WhyUs .WhyUsWrap .WhyUsContentBlockWrap {
    flex-basis: 100%;
  }
}
.BlockWrap.WhyUs .WhyUsWrap .WhyUsContentBlockWrap .WhyUsContentBlock {
  position: relative;
  text-align: center;
  background: #f5f5f5;
  border: 1px solid #d7d7d7;
  padding: 25px;
  display: block;
  margin-bottom: 25px;
  width: 100%;
  flex-basis: 100%;
  text-decoration: none;
}
@media only screen and (max-width: 1050px) {
  .BlockWrap.WhyUs .WhyUsWrap .WhyUsContentBlockWrap .WhyUsContentBlock {
    justify-content: center;
  }
}
.BlockWrap.WhyUs .WhyUsWrap .WhyUsContentBlockWrap .WhyUsContentBlock i, .BlockWrap.WhyUs .WhyUsWrap .WhyUsContentBlockWrap .WhyUsContentBlock i:before {
  color: #ed1c24;
  font-size: 48px;
}
.BlockWrap.WhyUs .WhyUsWrap .WhyUsContentBlockWrap .WhyUsContentBlock h2, .BlockWrap.WhyUs .WhyUsWrap .WhyUsContentBlockWrap .WhyUsContentBlock h3 {
  margin: 0px 0px 30px 0px;
}
.BlockWrap.WhyUs .WhyUsWrap .WhyUsContentBlockWrap .WhyUsContentBlock .TextContent {
  margin-top: 30px;
  text-decoration: none;
  color: #000000 !important;
}
.BlockWrap.WhyUs .WhyUsWrap .WhyUsContentBlockWrap .WhyUsContentBlock .TextContent p:first-child {
  margin-top: 0px;
}
.BlockWrap.WhyUs .WhyUsWrap .WhyUsContentBlockWrap .WhyUsContentBlock .TextContent p:last-child {
  margin-bottom: 0px;
}
.BlockWrap.WhyUs .WhyUsWrap .WhyUsContentBlockWrap a.WhyUsContentBlock:hover h3 {
  text-decoration: underline;
}
.BlockWrap.WhyUs .WhyUsWrap .WhyUsContentBlockWrap.TitleBlock {
  width: 250px;
  flex-basis: 250px;
  flex-shrink: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  padding: 0px;
  margin-right: 11px;
  margin-left: 16px;
  background: transparent;
  border: none;
}
.BlockWrap.WhyUs .WhyUsWrap .WhyUsContentBlockWrap.TitleBlock .WhyUsContentBlock {
  text-transform: uppercase;
  text-align: left;
  font-size: 30px;
  line-height: 36px;
  font-weight: 500;
  align-items: center;
  color: #000000;
  background-color: transparent;
  background-image: url("/App_Themes/OS-Standard/images/whyus-title-arrow.png");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 41px 150px;
  border: none;
  padding: 20px 44px 20px 0px;
  text-decoration: none;
}
@media only screen and (max-width: 1050px) {
  .BlockWrap.WhyUs .WhyUsWrap .WhyUsContentBlockWrap.TitleBlock .WhyUsContentBlock {
    text-align: center;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-right: 0px;
    background: none;
  }
}
@media only screen and (max-width: 1050px) {
  .BlockWrap.WhyUs .WhyUsWrap .WhyUsContentBlockWrap.TitleBlock {
    flex-basis: 100%;
    width: 100%;
    padding: 0px 16px;
    margin: 0px 0px 30px 0px;
    background: none;
  }
}
@media only screen and (max-width: 700px) {
  .BlockWrap.WhyUs .WhyUsWrap .WhyUsContentBlockWrap.TitleBlock {
    margin: 0px;
  }
}

.BlockWrap.News {
  background: #f5f5f5;
}
.BlockWrap.News .BlockTitle {
  font-size: 38px;
}

.NewsWrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  align-items: stretch;
  margin: 0px -16px 20px -16px;
}
.NewsWrap .NewsOneWrap {
  padding: 0px 16px;
  flex-basis: 50%;
  width: 50%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  align-items: stretch;
}
@media only screen and (max-width: 1050px) {
  .NewsWrap .NewsOneWrap {
    flex-basis: 100%;
    width: 100%;
  }
}
.NewsWrap .NewsOne {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  align-items: flex-start;
  border-bottom: 1px dashed #d7d7d7;
  flex-wrap: nowrap;
  padding-bottom: 25px;
  margin: 0px 0px 25px 0px;
  justify-content: space-between;
}
@media only screen and (max-width: 500px) {
  .NewsWrap .NewsOne {
    flex-wrap: wrap;
  }
}
.NewsWrap .NewsOne a.ImageLink {
  flex-basis: 250px;
  width: 250px;
  flex-shrink: 0;
}
@media only screen and (max-width: 650px) {
  .NewsWrap .NewsOne a.ImageLink {
    flex-basis: 180px;
    width: 180px;
  }
}
@media only screen and (max-width: 500px) {
  .NewsWrap .NewsOne a.ImageLink {
    flex-basis: 100%;
    width: 100%;
    padding: 0px;
    margin-bottom: 25px;
    margin-top: 15px;
  }
}
.NewsWrap .NewsOne .TextBlock {
  padding-left: 33px;
  width: 100%;
  flex-basis: 100%;
}
@media only screen and (max-width: 500px) {
  .NewsWrap .NewsOne .TextBlock {
    padding-left: 0px;
  }
}
.NewsWrap .NewsOne .TextBlock h3 {
  margin: 0px 0px 20px 0px;
  font-size: 23px;
}
.NewsWrap .NewsOne .TextBlock h3 a {
  text-decoration: underline;
  color: #2e2e2e;
}
.NewsWrap .NewsOne .TextBlock h3:hover a {
  text-decoration: underline;
}

.Date {
  margin-bottom: 10px;
}
.Date:before {
  content: "\f073";
  font-family: "Font Awesome 5 Pro";
  color: #01a0e1;
  margin-right: 10px;
  font-size: 18px;
}

.ArticlesWrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  align-items: stretch;
  margin: 0px -16px 20px -16px;
}
.ArticlesWrap .ArticleOneWrap {
  padding: 0px 16px;
  flex-basis: 50%;
  width: 50%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  align-items: stretch;
}
@media only screen and (max-width: 1050px) {
  .ArticlesWrap .ArticleOneWrap {
    flex-basis: 100%;
    width: 100%;
  }
}
.ArticlesWrap .ArticleOne {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  align-items: flex-start;
  border-bottom: 1px dashed #d7d7d7;
  flex-wrap: nowrap;
  padding-bottom: 25px;
  margin: 0px 0px 25px 0px;
  justify-content: space-between;
}
@media only screen and (max-width: 500px) {
  .ArticlesWrap .ArticleOne {
    flex-wrap: wrap;
  }
}
.ArticlesWrap .ArticleOne a.ImageLink {
  flex-basis: 250px;
  width: 250px;
  flex-shrink: 0;
}
@media only screen and (max-width: 650px) {
  .ArticlesWrap .ArticleOne a.ImageLink {
    flex-basis: 180px;
    width: 180px;
  }
}
@media only screen and (max-width: 500px) {
  .ArticlesWrap .ArticleOne a.ImageLink {
    flex-basis: 100%;
    width: 100%;
    padding: 0px;
    margin-bottom: 25px;
    margin-top: 15px;
  }
}
.ArticlesWrap .ArticleOne .TextBlock {
  padding-left: 33px;
  width: 100%;
  flex-basis: 100%;
}
@media only screen and (max-width: 500px) {
  .ArticlesWrap .ArticleOne .TextBlock {
    padding-left: 0px;
  }
}
.ArticlesWrap .ArticleOne .TextBlock h3 {
  margin: 0px 0px 20px 0px;
  font-size: 23px;
}
.ArticlesWrap .ArticleOne .TextBlock h3 a {
  text-decoration: underline;
  color: #2e2e2e;
}
.ArticlesWrap .ArticleOne .TextBlock h3:hover a {
  text-decoration: underline;
}
.ArticlesWrap .ArticleOne .TextBlock .Date {
  margin-bottom: 10px;
}
.ArticlesWrap .ArticleOne .TextBlock .Date:before {
  content: "\f073";
  font-family: "Font Awesome 5 Pro";
  color: #01a0e1;
  margin-right: 10px;
  font-size: 18px;
}

.ArticlesWrap .ArticleDetail, .ArticlesWrap .NewsDetail, .NewsWrap .ArticleDetail, .NewsWrap .NewsDetail {
  margin: 0px 16px;
}
.ArticlesWrap .Date, .NewsWrap .Date {
  margin: 0px 0px 10px 0px;
}
.ArticlesWrap .Date:before, .NewsWrap .Date:before {
  content: "\f073";
  font-family: "Font Awesome 5 Pro";
  color: #01a0e1;
  margin-right: 10px;
  font-size: 18px;
}

.BlockWrap.StandardContent .BlockContent {
  padding-top: 15px !important;
}

.PagerControl {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  margin: 0px;
}
.PagerControl .PagerNumberArea {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  padding-left: 50px;
}
.PagerControl .PagerNumberArea > * {
  position: relative;
  top: 1px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  padding: 6px 12px;
  margin: 3px 3px;
  text-align: center;
  text-decoration: none;
  color: #464646;
  border-bottom: 2px solid transparent;
}
.PagerControl .PagerNumberArea > *.Current {
  color: #ffffff;
  font-weight: 500;
  background: #01a0e1;
  border-bottom: 2px solid #0079ab;
}
.PagerControl .PagerNumberArea a:hover {
  color: #ffffff;
  font-weight: 400;
  background: #b3b3b3;
  border-bottom: 2px solid #a5a5a5;
}
@media only screen and (max-width: 850px) {
  .PagerControl {
    flex-wrap: wrap;
  }
  .PagerControl > * {
    flex-basis: 100%;
    width: 100%;
    text-align: center;
    padding: 10px 20px !important;
    justify-content: center !important;
  }
}

.PhotoGalWrap {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  margin: 20px 0px 0px 0px;
}
.PhotoGalWrap .PhotoOne {
  position: relative;
  flex-basis: auto;
  display: block;
  height: 180px;
  width: auto;
  margin: 0px 10px 20px 10px;
}
.PhotoGalWrap .PhotoOne img {
  height: 100%;
  width: auto;
}
@media only screen and (max-width: 850px) {
  .PhotoGalWrap .PhotoOne img {
    height: auto !important;
    width: 100%;
  }
}
@media only screen and (max-width: 850px) {
  .PhotoGalWrap .PhotoOne {
    height: auto !important;
    width: 100%;
  }
}

ul#MainMenuFullPopup {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  background-color: #eaeaea;
  display: none;
}
ul#MainMenuFullPopup li {
  list-style-type: none;
  position: relative;
  background-color: #eaeaea;
}
ul#MainMenuFullPopup li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #d7d7d7;
  text-align: left;
  margin: 0px;
  padding: 12px 25px 12px 25px;
  text-decoration: none;
  color: #2e2e2e;
  font-weight: 500;
  font-size: 18px;
}
ul#MainMenuFullPopup li a:hover {
  background-color: #01a0e1;
  color: #ffffff;
}
ul#MainMenuFullPopup li a span.More {
  position: absolute;
  top: 50%;
  right: 25px;
  background-color: #0079ab;
  color: #ffffff;
  display: block;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
ul#MainMenuFullPopup li a span.More:hover {
  background: #0079ab;
}
ul#MainMenuFullPopup li a span.More i {
  font-size: 14px;
}
ul#MainMenuFullPopup li.hasChildren a {
  padding-right: 70px;
}
ul#MainMenuFullPopup li ul {
  display: none;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
ul#MainMenuFullPopup li ul li {
  background-color: #f5f5f5;
}
ul#MainMenuFullPopup li ul a {
  font-weight: 500;
  font-size: 14px;
}
ul#MainMenuFullPopup li ul ul {
  display: none;
}
ul#MainMenuFullPopup li ul ul li {
  background: #ffffff;
}
ul#MainMenuFullPopup li ul ul a {
  font-weight: 300;
}
ul#MainMenuFullPopup li .CategoryIco {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-right: 10px;
  text-align: center;
}
ul#MainMenuFullPopup li .CategoryIco img {
  max-height: 100%;
}
ul#MainMenuFullPopup a.CurrentDocument {
  font-weight: 500;
  color: #01a0e1;
}
@media only screen and (min-width: 1150px) {
  ul#MainMenuFullPopup {
    display: none !important;
  }
}

.CookiesWrap {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  margin: 0px;
  padding: 55px 25px;
  color: #ffffff;
  text-align: center;
  z-index: 1000;
}
.CookiesWrap .ConsentText {
  display: block;
  margin-bottom: 15px;
}
.CookiesWrap input[type=submit] {
  margin: 0px 10px;
  padding: 5px 15px;
  min-height: 1px;
  text-transform: lowercase;
}

/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
footer {
  background: #242424;
  color: #ffffff;
}
footer h3 {
  color: #ffffff;
  font-size: 21px;
}
footer a {
  color: #b2b2b2;
  text-decoration: none;
}
footer a:hover {
  color: #b2b2b2;
  text-decoration: underline;
}
@media only screen and (min-width: 1100px) {
  footer {
    padding-left: 30px;
    padding-right: 30px;
  }
}
footer .BlockContent {
  padding-top: 70px !important;
  padding-bottom: 0px !important;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
footer .BlockContent > * {
  position: relative;
}
footer .BlockContent > * h3 {
  margin-top: 0px;
  margin-bottom: 30px;
}
footer .BlockContent .FooterMenus {
  position: relative;
  flex-basis: 74%;
  width: 74%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.6em;
}
@media only screen and (max-width: 1000px) {
  footer .BlockContent .FooterMenus {
    flex-basis: 100%;
    width: 100%;
    padding-left: 30px;
  }
}
@media only screen and (max-width: 800px) {
  footer .BlockContent .FooterMenus {
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 0px;
  }
}
footer .BlockContent .FooterMenus .FooterMenu {
  position: relative;
  flex-basis: 33.3333333333%;
  padding-right: 35px;
  flex-shrink: 0;
}
@media only screen and (max-width: 800px) {
  footer .BlockContent .FooterMenus .FooterMenu {
    flex-basis: 50%;
    width: 50%;
    margin-bottom: 40px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 600px) {
  footer .BlockContent .FooterMenus .FooterMenu {
    flex-basis: 100%;
    width: 100%;
  }
}
footer .BlockContent .FooterMenus ul, footer .BlockContent .FooterMenus li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
footer .BlockContent .FooterMenus ul a, footer .BlockContent .FooterMenus li a {
  position: relative;
  padding-left: 20px;
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 800px) {
  footer .BlockContent .FooterMenus ul a, footer .BlockContent .FooterMenus li a {
    display: inline;
  }
}
footer .BlockContent .FooterMenus ul a:before, footer .BlockContent .FooterMenus li a:before {
  position: absolute;
  top: 9px;
  left: 0px;
  display: block;
  width: 7px;
  height: 7px;
  content: "";
  background: #01a0e1;
}
@media only screen and (max-width: 800px) {
  footer .BlockContent .FooterMenus ul a:before, footer .BlockContent .FooterMenus li a:before {
    top: 6px;
  }
}
@media only screen and (max-width: 800px) {
  footer .BlockContent .FooterMenus ul li, footer .BlockContent .FooterMenus li li {
    margin: 10px 0px;
  }
}
footer .BlockContent .FooterAddress {
  flex-basis: 26%;
  width: 26%;
  border-left: 1px dashed #595959;
  padding-left: 50px;
  font-size: 16px;
  line-height: 1.6em;
}
@media only screen and (max-width: 1000px) {
  footer .BlockContent .FooterAddress {
    flex-basis: 100%;
    width: 100%;
    border-left: none;
    padding-left: 0px;
    padding-top: 45px;
    margin-top: 50px;
    border-top: 1px dashed #595959;
    text-align: center;
  }
}
@media only screen and (max-width: 800px) {
  footer .BlockContent .FooterAddress {
    margin-top: 20px;
  }
}
footer .BlockContent .FooterAddress .FooterRichLinks {
  margin-top: 20px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (max-width: 1000px) {
  footer .BlockContent .FooterAddress .FooterRichLinks {
    align-items: center;
  }
}
footer .BlockContent .FooterAddress .FooterRichLinks .RichLinkOne:before {
  color: #01a0e1;
  padding-right: 15px;
  content: "";
  font-family: "Font Awesome 5 Pro";
}
footer .BlockContent .FooterAddress .FooterRichLinks .RichLinkOne.Email:before {
  content: "\f0e0";
}
footer .BlockContent .FooterAddress .FooterRichLinks .RichLinkOne.Phone:before {
  content: "\f095";
}
footer .BlockContent .FooterAddress .FooterRichLinks .RichLinkOne.Fax:before {
  content: "\f1ac";
}
footer .BlockContent .FooterAddress .FooterRichLinks .RichLinkOne.Map:before {
  content: "\f601";
}
footer .BlockContent .FooterAddress .FooterRichLinks .RichLinkOne:hover {
  text-decoration: none;
}
footer .BlockContent .FooterAddress .FooterRichLinks .RichLinkOne:hover .Linktext {
  text-decoration: underline;
}
footer .BlockContent .FooterAddress .FooterSocial {
  position: relative;
  margin-top: 15px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
}
@media only screen and (max-width: 1000px) {
  footer .BlockContent .FooterAddress .FooterSocial {
    align-items: center;
    justify-content: center;
  }
}
footer .BlockContent .FooterAddress .FooterSocial .FooterSocialOne {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin: 10px;
}
footer .BlockContent .FooterAddress .FooterSocial .FooterSocialOne:first-child {
  margin-left: 0px;
}
@media only screen and (max-width: 1000px) {
  footer .BlockContent .FooterAddress .FooterSocial .FooterSocialOne:first-child {
    margin-left: 10px;
  }
}
footer .BlockContent .FooterAddress .FooterSocial .FooterSocialOne:after {
  font-size: 37px;
  font-family: "Font Awesome 5 Brands";
  color: #b2b2b2;
  margin-left: 0px;
}
footer .BlockContent .FooterAddress .FooterSocial .FooterSocialOne.Facebook:after {
  content: "\f082";
}
footer .BlockContent .FooterAddress .FooterSocial .FooterSocialOne.YouTube:after {
  content: "\f431";
}
footer .BlockContent .FooterBottomLine {
  flex-basis: 100%;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  border-top: 1px dashed #595959;
  color: #b2b2b2;
  padding-top: 25px;
  padding-bottom: 25px;
  margin-top: 55px;
}
@media only screen and (max-width: 1000px) {
  footer .BlockContent .FooterBottomLine {
    flex-wrap: wrap;
    margin-top: 40px;
  }
  footer .BlockContent .FooterBottomLine > * {
    flex-basis: 100%;
    width: 100%;
    text-align: center;
  }
  footer .BlockContent .FooterBottomLine > *:first-child {
    margin-bottom: 15px;
  }
}

.BlockWrap.MPMap .BlockContent {
  padding-top: 45px;
  padding-bottom: 45px;
}
.BlockWrap.MPMap .BlockContent > h2 {
  margin-bottom: 15px;
}
.BlockWrap.MPMap .BlockContent .StaticMap {
  margin: 25px 0px;
}
.BlockWrap.MPMap .BlockContent .Btn01 {
  text-transform: lowercase;
  font-size: 16px;
  line-height: 22px;
}

/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

::selection {
  background: #0088c0;
  color: #ffffff;
}

b, strong {
  font-weight: 500;
}

html {
  width: 100%;
  min-width: 100%;
  min-height: 100%;
}

body {
  height: 100%;
  min-height: 100%;
  margin: 0px;
  padding: 0px;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.5em;
  color: #464646;
  font-family: "Roboto Slab", sans-serif, Arial, Verdana, Tahoma, Trebuchet MS, Helvetica;
  background: #242424;
}

img {
  max-width: 100% !important;
  height: auto !important;
  vertical-align: middle;
}

a img {
  border: none;
}

h1, h2, h3, h4, h5, h6 {
  position: relative;
  font-family: "Roboto Slab", sans-serif, Arial, Verdana, Tahoma, Trebuchet MS, Helvetica;
  font-weight: 600;
  font-style: normal;
  line-height: 1.15em;
  color: #000000;
}
@media only screen and (max-width: 450px) {
  h1, h2, h3, h4, h5, h6 {
    text-align: center;
  }
}
h1.WithLink, h2.WithLink, h3.WithLink, h4.WithLink, h5.WithLink, h6.WithLink {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-bottom: 25px;
  gap: 10px 25px;
}
h1.WithLink a.TitleLink, h2.WithLink a.TitleLink, h3.WithLink a.TitleLink, h4.WithLink a.TitleLink, h5.WithLink a.TitleLink, h6.WithLink a.TitleLink {
  position: relative;
  color: #000;
  text-decoration: none;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  margin: 0px;
  padding: 0px 0px 0px 20px;
}
h1.WithLink a.TitleLink:before, h2.WithLink a.TitleLink:before, h3.WithLink a.TitleLink:before, h4.WithLink a.TitleLink:before, h5.WithLink a.TitleLink:before, h6.WithLink a.TitleLink:before {
  position: absolute;
  top: 3px;
  left: 0px;
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: #000;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: 50%;
  mask-position: 50%;
  -webkit-mask-image: url(/App_Themes/OS-Standard/Images/chevron-right-regular-full.svg);
  mask-image: url(/App_Themes/OS-Standard/Images/chevron-right-regular-full.svg);
}
h1.WithLink a.TitleLink:hover, h2.WithLink a.TitleLink:hover, h3.WithLink a.TitleLink:hover, h4.WithLink a.TitleLink:hover, h5.WithLink a.TitleLink:hover, h6.WithLink a.TitleLink:hover {
  color: #000;
  text-decoration: underline;
}

h1 {
  font-size: 50px;
  margin: 0px 0px 25px 0px;
}
@media only screen and (max-width: 800px) {
  h1 {
    font-size: 40px;
  }
}

h2 {
  font-size: 32px;
  margin: 35px 0px 45px 0px;
}
h2.LighterTitle {
  margin: 25px 0px 20px 0px;
}

h3 {
  font-size: 20px;
  margin: 25px 0px 15px 0px;
}

a {
  color: #0088c0;
  text-decoration: underline;
}
a:hover {
  color: #0088c0;
  text-decoration: underline;
}

h1.NoMarginTop, h2.NoMarginTop, h3.NoMarginTop {
  margin-top: 0px;
}

h1.NoMarginBottom, h2.NoMarginBottom, h3.NoMarginBottom {
  margin-bottom: 20px;
}

a.MoreLinkStandalone {
  position: relative;
  color: #000;
  text-decoration: none;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  margin: 0px;
  padding: 0px 0px 0px 20px;
}
a.MoreLinkStandalone:before {
  position: absolute;
  top: 3px;
  left: 0px;
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: #000;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: 50%;
  mask-position: 50%;
  -webkit-mask-image: url(/App_Themes/OS-Standard/Images/chevron-right-regular-full.svg);
  mask-image: url(/App_Themes/OS-Standard/Images/chevron-right-regular-full.svg);
}
a.MoreLinkStandalone:hover {
  color: #000;
  text-decoration: underline;
}

.BtnWrap {
  padding-top: 25px;
}

.BlockWrap {
  position: relative;
  display: block;
  width: 100%;
  overflow: visible;
  padding-left: 25px;
  padding-right: 25px;
}
@media only screen and (max-width: 450px) {
  .BlockWrap {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.BlockWrap .BlockContent {
  position: relative;
  width: 100%;
  margin: 0px auto;
  max-width: 1250px;
  overflow: visible;
  padding: 65px 0px;
}
@media only screen and (min-width: 700px) {
  .BlockWrap .BlockContent {
    padding: 55px 0px;
  }
}

.BreadcrumbsWrap {
  position: relative;
  top: -4px;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 8px;
  margin-bottom: 25px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
@media only screen and (max-width: 800px) {
  .BreadcrumbsWrap {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 450px) {
  .BreadcrumbsWrap {
    justify-content: center;
  }
}
.BreadcrumbsWrap a {
  position: relative;
  display: block;
  color: #9e9e9e;
  text-decoration: none;
  text-transform: lowercase;
  padding: 0px 0px 0px 14px;
  margin: 0px 0px 0px 10px;
}
.BreadcrumbsWrap a:first-child {
  padding-left: 0px;
}
.BreadcrumbsWrap a:before {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  margin: 0px;
  content: "\f054";
  color: #cecece;
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
}
.BreadcrumbsWrap a:first-child:before {
  display: none;
}
.BreadcrumbsWrap a:hover {
  color: #2e2e2e;
  text-decoration: underline;
}

#waitmore, #wait, #wait2 {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  display: none;
}
#waitmore .ReturnToPos, #wait .ReturnToPos, #wait2 .ReturnToPos {
  position: fixed;
  top: 50%;
  left: 50%;
  display: block;
  width: 150px;
  height: 124px;
  background: #ffffff;
  -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.12);
  padding: 80px 15px 0px 15px;
  margin: -62px 0px 0px -75px;
  z-index: 3;
  border: 1px solid #d7d7d7;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
  font-weight: 500;
  color: #2e2e2e;
  font-size: 20px;
  background-image: url("/App_Themes/OS-Standard/images/wait.gif");
  background-repeat: no-repeat;
  background-position: 50% 22px;
}

.Table, .table-simple {
  position: relative;
  display: table;
  width: 100%;
  border-collapse: collapse;
}
.Table .TableRow, .Table .table-row, .table-simple .TableRow, .table-simple .table-row {
  position: relative;
  display: table-row;
}
.Table .TableRow .TableCell, .Table .TableRow .TableHeaderCell, .Table .TableRow .table-col, .Table .table-row .TableCell, .Table .table-row .TableHeaderCell, .Table .table-row .table-col, .table-simple .TableRow .TableCell, .table-simple .TableRow .TableHeaderCell, .table-simple .TableRow .table-col, .table-simple .table-row .TableCell, .table-simple .table-row .TableHeaderCell, .table-simple .table-row .table-col {
  position: relative;
  display: table-cell;
}
.Table .THead, .table-simple .THead {
  display: table-header-group;
}
.Table .TBody, .table-simple .TBody {
  display: table-row-group;
}

.VideoResponsiveWrap {
  position: relative;
  margin-top: 15px;
  margin-bottom: 15px;
}
.VideoResponsiveWrap.VideoCenter {
  margin-left: auto;
  margin-right: auto;
}
.VideoResponsiveWrap.MaxW800 {
  max-width: 800px;
}
.VideoResponsiveWrap.MaxW640 {
  max-width: 640px;
}
.VideoResponsiveWrap.MaxW520 {
  max-width: 520px;
}
.VideoResponsiveWrap.MaxW480 {
  max-width: 480px;
}

.VideoResponsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.VideoResponsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

ul.TabsHeader {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-bottom: 1px solid #d7d7d7;
  list-style-type: none;
  text-align: center;
}

ul.TabsHeader li {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0px 33px 0px 33px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
  text-align: center;
}

ul.TabsHeader li a {
  display: block;
  font-size: 17px;
  color: #000000;
  text-decoration: none;
  outline: none;
  padding: 10px 4px 16px 4px;
}

ul.TabsHeader li.ui-tabs-active a {
  border-bottom: 3px solid #01a0e1;
}

hr {
  position: relative;
  margin: 15px 0px;
  display: block;
  width: 100%;
  height: 1px;
  background: #d7d7d7;
  overflow: hidden;
  border: none;
}

.BlockWrap.ListBottomText {
  background: #f5f5f5;
}

.LogonWrap {
  position: relative;
  text-align: center;
  margin: 0px auto;
  width: 100%;
  max-width: 320px;
  padding: 0px 20px 20px 20px;
  background: #f5f5f5;
  border: 1px solid #d7d7d7;
}
.LogonWrap .logon-page-background {
  text-align: center;
}
.LogonWrap input[type=submit] {
  width: 100%;
  margin-top: 10px;
}
.LogonWrap input[type=submit].logon-password-retrieval-button {
  margin-top: 0px;
}
.LogonWrap input[type=text],
.LogonWrap input[type=password] {
  border: 1px solid #d7d7d7;
  background: #ffffff;
  height: 46px;
  margin-bottom: 15px;
}
.LogonWrap label {
  margin: 4px 0px 8px 0px;
}
.LogonWrap .logon-panel {
  margin-top: 20px;
  margin-bottom: 15px;
  text-align: left;
}
.LogonWrap .logon-panel .logon-remember-me-checkbox {
  display: none;
}
.LogonWrap .logon-password-retrieval-link {
  text-decoration: underline;
}
.LogonWrap .logon-password-retrieval-link:hover {
  color: #000000;
  text-decoration: underline;
}
.LogonWrap .logon-panel-password-retrieval {
  margin-top: 20px;
}
.LogonWrap .logon-password-retrieval-result {
  display: block;
  font-weight: 500;
  margin-top: 20px;
}
.LogonWrap .NewAccount {
  text-align: center;
  margin-top: 15px;
}

.Cleaner {
  clear: both;
}

.Anotace,
.Anotation {
  font-size: 24px;
  line-height: 28px;
  color: #000000;
}

.BreadcrumbsBlock {
  display: none;
}
.BreadcrumbsBlock .BlockContent {
  padding-top: 15px;
  padding-bottom: 0px;
}

.Cleaner {
  clear: both;
}

.Framed {
  position: relative;
  border: 1px solid #d7d7d7;
  background: #f5f5f5;
  padding: 20px;
  margin-top: 35px;
  margin-bottom: 35px;
}
.Framed.WhiteBg {
  background: #ffffff;
}

@media only screen and (max-width: 450px) {
  table.EditingFormTable {
    display: block;
  }
  table.EditingFormTable tbody, table.EditingFormTable tr, table.EditingFormTable td, table.EditingFormTable th {
    display: block;
  }
}
.ProdBadges {
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
  align-items: flex-start;
}
.ProdBadges .BadgeOne {
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: #ffffff;
  margin: 1px 2px;
  padding: 0px 3px 1px 3px;
  background: #464646;
  flex-shrink: 0;
  /*        &.Akce {
              background: $barva-cervena;
          }*/
}

.AttachmentsWrap {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px 20px;
}
.AttachmentsWrap h2 {
  margin-bottom: 15px;
}
.AttachmentsWrap a.AttachmentOne {
  position: relative;
  padding-left: 30px;
  text-decoration: none;
  color: #464646;
}
.AttachmentsWrap a.AttachmentOne:before {
  position: absolute;
  top: 50%;
  left: -3px;
  transform: translateY(-50%);
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background: #01a0e1;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: 50%;
  mask-position: 50%;
  -webkit-mask-image: url(/App_Themes/OS-Standard/images/file-regular-full.svg);
  mask-image: url(/App_Themes/OS-Standard/images/file-regular-full.svg);
  transition: all 0.15s ease-in-out;
}
.AttachmentsWrap a.AttachmentOne span.AttTitle {
  font-weight: 700;
  color: #2e2e2e;
  margin-right: 8px;
}
.AttachmentsWrap a.AttachmentOne span.TechInfo {
  display: inline-block;
  opacity: 0.6;
}
.AttachmentsWrap a.AttachmentOne:hover {
  text-decoration: none;
}
.AttachmentsWrap a.AttachmentOne:hover span.AttTitle {
  text-decoration: underline;
}
.AttachmentsWrap .Pager {
  display: none;
}

/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
label {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

input[type=text],
input[type=number],
input[type=password],
select {
  position: relative;
  width: 100%;
  max-width: 640px;
  height: 40px;
  border: 1px solid #d7d7d7;
  color: #464646;
  font-family: "Roboto Slab", sans-serif, Arial, Verdana, Tahoma, Trebuchet MS, Helvetica;
  font-size: 16px;
  padding: 0px 12px;
  outline: none;
  -webkit-box-shadow: inset 10px 10px 23px -13px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 10px 10px 23px -13px rgba(0, 0, 0, 0.2);
  box-shadow: inset 10px 10px 23px -13px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
input[type=text].ReqWarning, input[type=text].Warning,
input[type=number].ReqWarning,
input[type=number].Warning,
input[type=password].ReqWarning,
input[type=password].Warning,
select.ReqWarning,
select.Warning {
  border: 1px solid #ed1c24;
  color: #ed1c24;
  background-color: #fef9f9;
}

input[type=text],
input[type=number],
input[type=password] {
  -webkit-appearance: none;
}

select.ReqWarning,
select.Warning {
  border: 1px solid #ed1c24;
  color: #ed1c24;
  background-color: #fef9f9;
}

.Error input[type=text],
.Error input[type=number],
.Error input[type=password] {
  border: 1px solid #ed1c24 !important;
}
.Error label {
  color: #ed1c24;
}

textarea {
  position: relative;
  display: block;
  width: 100%;
  height: 160px;
  max-height: 400px;
  color: #464646;
  font-family: "Roboto Slab", sans-serif, Arial, Verdana, Tahoma, Trebuchet MS, Helvetica;
  font-size: 16px;
  padding: 7px 7px;
  -webkit-box-shadow: inset 10px 10px 23px -13px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 10px 10px 23px -13px rgba(0, 0, 0, 0.2);
  box-shadow: inset 10px 10px 23px -13px rgba(0, 0, 0, 0.2);
  -webkit-appearance: none;
  outline: none;
  margin: 0px auto;
  border: 1px solid #d7d7d7;
}

input[type=submit],
input[type=button],
.Btn01,
.Btn03,
.BtnLike,
.CartBtnNext,
.StoredCartsBtns a,
.btnSelectDPD {
  position: relative;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  min-height: 40px;
  font-weight: 400;
  font-size: 16px;
  font-family: "Roboto Slab", sans-serif, Arial, Verdana, Tahoma, Trebuchet MS, Helvetica;
  line-height: 1.5em;
  color: #ffffff;
  background-color: #01a0e1;
  border: none;
  border-bottom: 2px solid #0079ab;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px 20px;
  text-decoration: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-appearance: none;
}
input[type=submit]:hover,
input[type=button]:hover,
.Btn01:hover,
.Btn03:hover,
.BtnLike:hover,
.CartBtnNext:hover,
.StoredCartsBtns a:hover,
.btnSelectDPD:hover {
  color: #ffffff;
  text-decoration: none;
  background: rgb(0.8871681416, 141.9469026549, 199.6128318584);
}

.Btn03 {
  border: 1px solid #000;
  color: #000;
  background: #fff;
}
.Btn03:hover {
  color: #fff;
}

.Btn02,
.CartBtnPrev,
.CartBtnPrevBottom,
.CartBtnSaveCart {
  position: relative;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  min-height: 40px;
  font-weight: 400;
  font-size: 16px;
  font-family: "Roboto Slab", sans-serif, Arial, Verdana, Tahoma, Trebuchet MS, Helvetica;
  line-height: 1.5em;
  color: #000000;
  background-color: rgb(219.5, 219.5, 219.5);
  border: none;
  border-bottom: 2px solid rgb(202.25, 202.25, 202.25);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px 20px;
  text-decoration: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-appearance: none;
}
.Btn02:hover,
.CartBtnPrev:hover,
.CartBtnPrevBottom:hover,
.CartBtnSaveCart:hover {
  color: #000000;
  text-decoration: none;
  background: rgb(202.25, 202.25, 202.25);
  border-bottom: 2px solid rgb(189.5, 189.5, 189.5);
}

.White input[type=submit],
.White .Btn01,
.Blue input[type=submit],
.Blue .Btn01 {
  background-color: #01a0e1;
}

.Yellow input[type=submit],
.Yellow .Btn01 {
  background-color: #0079ab;
}

input[type=checkbox]:not(old) {
  width: 28px;
  margin: 0px;
  padding: 0px;
  opacity: 0;
  display: none;
}

input[type=checkbox]:not(old) + label {
  display: inline-block;
  padding-left: 26px;
  background-image: url("/App_Themes/CM-Standard/Images/checkbox-off.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 17px 17px;
  min-height: 23px;
  cursor: pointer;
  margin: 4px 15px 4px 0px;
}

input[type=checkbox]:not(old):checked + label {
  background-image: url("/App_Themes/CM-Standard/Images/checkbox-on.png");
}

input[type=radio]:not(old) {
  width: 28px;
  margin: 0px;
  padding: 0px;
  display: none;
}

input[type=radio]:not(old) + label {
  display: inline-block;
  padding-left: 24px;
  background-image: url("/App_Themes/CM-Standard/Images/radiobutton-off.png");
  background-repeat: no-repeat;
  background-position: 0px 1px;
  background-size: 17px 17px;
  min-height: 17px;
  cursor: pointer;
  margin: 2px 15px;
}

input[type=radio]:not(old):checked + label {
  background-image: url("/App_Themes/CM-Standard/Images/radiobutton-on.png");
}

.ErrorLabel,
.EditingFormErrorLabel {
  color: #ed1c24;
  display: block;
  margin: 3px 0px;
}

.ErrorLabel {
  margin: 7px 0px;
  font-weight: 500;
  text-align: center;
}

/* UI SELECT MENU */
.ui-selectmenu-button.ui-button.ui-selectmenu-disabled, .ui-selectmenu-button.ui-button.ui-selectmenu-disabled:hover {
  cursor: not-allowed;
  color: #bbbbbb;
  font-style: italic;
}

.ui-selectmenu-disabled .ui-selectmenu-icon {
  background-color: #bbbbbb !important;
}

/*# UI select #*/
.ui-selectmenu-button.ui-button {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding: 0px 0px 0px 8px;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  background: #ffffff;
}

.ui-selectmenu-icon.ui-icon {
  position: relative;
  float: right;
  display: block;
  width: 33px;
  height: 30px;
  margin-left: 0px;
}
.ui-selectmenu-icon.ui-icon:after {
  position: absolute;
  top: 0px;
  left: 0px;
  content: "\f078";
  display: block;
  width: 33px;
  height: 30px;
  text-align: center;
  font-size: 16px;
  font-family: "Font Awesome 5 Pro";
}

.ui-selectmenu-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  outline: none;
}

.ui-selectmenu-menu {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 5;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-menu ul.ui-menu li.ui-menu-item {
  cursor: pointer;
}

ul.ui-menu {
  margin-top: -1px !important;
  border: 1px solid #464646;
}

ul.ui-menu,
ul.ui-menu li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  background-color: #ffffff;
}

ul.ui-menu li div {
  margin: 0px;
  padding: 3px 8px;
}

ul.ui-menu li div:hover {
  color: #ffffff;
  background-color: #0079ab;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0px;
  vertical-align: middle;
}
.ui-spinner input[type=text] {
  padding: 0px 32px 0px 13px !important;
  color: #000;
  font-weight: 500;
}
.ui-spinner .ui-spinner-button {
  position: absolute;
  right: 0px;
  display: block;
  width: 20px;
  height: 50%;
  font-size: 0.5em;
  padding: 0px;
  margin: 0px;
  text-align: center;
  cursor: default;
  overflow: hidden;
  /*background-position: 50% 50%;
  background-repeat: no-repeat;*/
  background-color: #f5f5f5;
  cursor: pointer;
  border: 1px solid #d7d7d7;
}
.ui-spinner .ui-spinner-button:hover {
  background-color: rgb(232.25, 232.25, 232.25);
}
.ui-spinner .ui-spinner-button.ui-spinner-up {
  top: 0px;
  border-bottom: none;
}
.ui-spinner .ui-spinner-button.ui-spinner-up:after {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 18px;
  height: 100%;
  line-height: 19px;
  content: "\f077";
  font-family: "Font Awesome 5 Pro";
  color: #464646;
}
.ui-spinner .ui-spinner-button.ui-spinner-down {
  bottom: 0px;
}
.ui-spinner .ui-spinner-button.ui-spinner-down:after {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 18px;
  height: 100%;
  line-height: 19px;
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  color: #464646;
}

.control-group-inline {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
}
.control-group-inline input[type=text].CalendarTextBox {
  width: 130px;
  margin-right: 10px;
  text-align: center;
}
.control-group-inline input[type=text].input-width-20 {
  width: 56px;
  margin-right: 10px;
  margin-left: 5px;
  text-align: center;
  padding: 0px;
}

.date-time-picker button {
  position: relative;
  cursor: pointer;
  border: none;
  width: 40px;
  height: 40px;
  border: none;
  margin-right: 10px;
  background-color: #01a0e1;
  background-color: #d7d7d7;
  background-image: url(/App_Themes/OS-Standard/Images/calendar-days-light-full.svg);
  background-size: 24px;
  background-position: 50%;
  background-repeat: no-repeat;
  border-bottom: 2px solid rgb(189.5, 189.5, 189.5);
}
.date-time-picker button:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: rgb(0.8871681416, 141.9469026549, 199.6128318584);
  background-color: rgb(202.25, 202.25, 202.25);
}
.date-time-picker a {
  color: #464646;
}
.date-time-picker a:hover {
  color: #2e2e2e;
}

.datetime-ui-datepicker table {
  font-size: 12px !important;
  margin-bottom: 10px !important;
}
.datetime-ui-datepicker th {
  padding: 0px !important;
}
.datetime-ui-datepicker a {
  color: #2e2e2e;
}

.datetime-ui-datepicker .datetime-ui-datepicker-header {
  border: none !important;
  background: transparent !important;
  padding: 0px !important;
  margin-bottom: 10px !important;
}

.datetime-ui-datepicker .datetime-ui-datepicker-title {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
}
.datetime-ui-datepicker .datetime-ui-datepicker-title select {
  font-size: 14px !important;
  border: none !important;
  height: 32px;
}

.datetime-ui-state-default,
.datetime-ui-widget-content .datetime-ui-state-default,
.datetime-ui-widget-header .datetime-ui-state-default {
  color: #2e2e2e !important;
  background: #ffffff !important;
  text-align: center !important;
  border: none !important;
}
.datetime-ui-state-default:not(.datetime-ui-state-active).datetime-ui-state-hover,
.datetime-ui-widget-content .datetime-ui-state-default:not(.datetime-ui-state-active).datetime-ui-state-hover,
.datetime-ui-widget-header .datetime-ui-state-default:not(.datetime-ui-state-active).datetime-ui-state-hover {
  background: rgb(226.1283185841, 246.5309734513, 254.8716814159) !important;
}

.datetime-ui-state-active,
.datetime-ui-widget-content .datetime-ui-state-active,
.datetime-ui-widget-header .datetime-ui-state-active {
  background: #01a0e1 !important;
  color: #ffffff !important;
}

.datetime-ui-priority-secondary,
.datetime-ui-widget-content .datetime-ui-priority-secondary,
.datetime-ui-widget-header .datetime-ui-priority-secondary {
  opacity: 0.5 !important;
}

.datetime-ui-widget-content {
  padding: 10px !important;
  border: none !important;
  background: #c9c9c9 !important;
}

.datetime-ui-widget .action-buttons {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  gap: 10px;
}
.datetime-ui-widget .action-buttons button {
  position: relative;
  cursor: pointer;
  border: none;
  width: auto;
  height: auto;
  border: none;
  border-bottom: 2px solid rgb(0, 102.9561403509, 145.5);
  margin-right: 10px;
  background: #01a0e1;
  color: #ffffff;
  font-size: 14px;
  padding: 6px 15px;
  margin: 0px;
}
.datetime-ui-widget .action-buttons button:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: rgb(0.8871681416, 141.9469026549, 199.6128318584);
}

.datetime-ui-datepicker .datetime-ui-datepicker-prev,
.datetime-ui-datepicker .datetime-ui-datepicker-next {
  top: 0px !important;
  background-color: transparent;
  height: 34px !important;
  background-size: 18px !important;
  background-position: 50%;
  background-repeat: no-repeat;
  cursor: pointer !important;
}
.datetime-ui-datepicker .datetime-ui-datepicker-prev:hover,
.datetime-ui-datepicker .datetime-ui-datepicker-next:hover {
  background: transparent !important;
  border: none !important;
}

.datetime-ui-datepicker .datetime-ui-datepicker-prev {
  left: 0px !important;
  background-image: url(/App_Themes/OS-Standard/Images/chevron-left-black.svg);
}
.datetime-ui-datepicker .datetime-ui-datepicker-prev:hover {
  background: transparent !important;
  background-image: url(/App_Themes/OS-Standard/Images/chevron-left-black.svg) !important;
  background-size: 18px !important;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  cursor: pointer !important;
}

.datetime-ui-datepicker .datetime-ui-datepicker-next {
  right: 0px !important;
  background-image: url(/App_Themes/OS-Standard/Images/chevron-right-black.svg);
}
.datetime-ui-datepicker .datetime-ui-datepicker-next:hover {
  background: transparent !important;
  background-image: url(/App_Themes/OS-Standard/Images/chevron-right-black.svg) !important;
  background-size: 18px !important;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  cursor: pointer !important;
}

/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
#scrollbar1 {
  width: 100%;
  clear: both;
}

#scrollbar1 .viewport {
  width: 100%;
  height: 230px;
  overflow: hidden;
  position: relative;
}

#scrollbar1 .overview {
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

#scrollbar1 .thumb .end,
#scrollbar1 .thumb {
  background-color: #0079ab;
}

#scrollbar1 .scrollbar {
  position: absolute;
  right: -13px;
  width: 2px;
}

#scrollbar1 .track {
  position: absolute;
  background-color: #d7d7d7;
  height: 100%;
  width: 2px;
}

#scrollbar1 .thumb {
  height: 20px;
  width: 2px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0;
}

#scrollbar1 .thumb .end {
  overflow: hidden;
  height: 5px;
  width: 2px;
}

#scrollbar1 .disable {
  display: none;
}

/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
.ProduktListWrap,
.ProductsTabWrap {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
}

.ProduktOne {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
  width: 25%;
  flex-basis: 25%;
  flex-shrink: 0;
  border-bottom: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  background: #ffffff;
  text-align: center;
}
@media only screen and (min-width: 1051px) and (max-width: 1200px) {
  .ProduktOne {
    flex-basis: 33.3333333333%;
    width: 33.3333333333%;
  }
}
@media only screen and (max-width: 950px) {
  .ProduktOne {
    flex-basis: 33.3333333333%;
    width: 33.3333333333%;
  }
}
@media only screen and (max-width: 725px) {
  .ProduktOne {
    flex-basis: 50%;
    width: 50%;
  }
}
@media only screen and (max-width: 460px) {
  .ProduktOne {
    flex-basis: 100%;
    width: 100%;
  }
}
.ProduktOne a.ProductLink {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  text-decoration: none;
  padding: 18px 18px 80px 18px;
  color: #6a6a6a;
}
.ProduktOne a.ProductLink h2, .ProduktOne a.ProductLink h3 {
  font-size: 20px;
  line-height: 26px;
  margin: 0px 0px 10px 0px;
  color: #01a0e1;
  min-height: 76px;
}
.ProduktOne a.ProductLink h2 .Material, .ProduktOne a.ProductLink h2 .Barva, .ProduktOne a.ProductLink h3 .Material, .ProduktOne a.ProductLink h3 .Barva {
  display: none;
  color: #464646;
  font-size: 16px;
  font-weight: 400;
  margin-top: 5px;
}
.ProduktOne a.ProductLink .Dostupnost {
  position: relative;
  display: block;
  border-top: 1px solid #d7d7d7;
  margin-top: 15px;
  padding-top: 10px;
}
.ProduktOne a.ProductLink .Dostupnost.instock {
  color: #5e9738;
}
.ProduktOne a.ProductLink:hover h2, .ProduktOne a.ProductLink:hover h3 {
  text-decoration: underline;
  color: #01a0e1;
}
.ProduktOne a.ProductLink:hover h2 .Material, .ProduktOne a.ProductLink:hover h2 .Barva, .ProduktOne a.ProductLink:hover h3 .Material, .ProduktOne a.ProductLink:hover h3 .Barva {
  text-decoration: none;
  color: #01a0e1;
}
.ProduktOne .ProdBadges {
  position: absolute;
  top: 3px;
  right: -10px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
  align-items: flex-end;
}
.ProduktOne .ProdBadges > .ProdDiscount,
.ProduktOne .ProdBadges > .Akce {
  text-align: center;
  color: #ffffff;
  background: #ed1c24;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  display: block;
  margin: 2px 4px;
  padding: 2px 4px 3px 4px;
  text-align: right;
}
.ProduktOne .ProdBadges .ProdColemanie {
  text-align: center;
  color: #ffffff;
  background: #ed1c24;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  display: block;
  margin: 2px 4px;
  padding: 2px 4px;
  text-align: right;
}
.ProduktOne .ProduktImg {
  position: relative;
  background: #ffffff;
  width: 80%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 10px;
}
.ProduktOne .ProduktImg:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.ProduktOne .ProduktImg img {
  width: auto;
  height: auto;
  max-height: 165px;
}
.ProduktOne .Cena .CenaFinal {
  color: #000000;
}
.ProduktOne .Cena .CenaFinal .CenaHlavni {
  font-size: 18px;
  font-weight: 500;
}
.ProduktOne .Cena .CenaCenik {
  font-size: 12px;
}
.ProduktOne .BtnEtc {
  position: absolute;
  bottom: 18px;
  left: 0px;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-around;
  padding: 0px 18px;
}
.ProduktOne .BtnEtc .Unit {
  display: block;
  margin: 5px;
  color: #000000;
  font-size: 16px;
}
.ProduktOne .BtnEtc input[type=text] {
  text-align: center;
  max-width: 62px;
  width: 100%;
  padding-left: 3px;
  padding-right: 3px;
  border: 1px solid #d7d7d7;
  color: #000000;
  font-size: 16px;
}
.ProduktOne .BtnEtc input[type=submit],
.ProduktOne .BtnEtc .Btn01 {
  padding: 6px 10px;
}
.ProduktOne:hover {
  -webkit-box-shadow: inset 0px 0px 18px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 18px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 18px 1px rgba(0, 0, 0, 0.15);
}
.ProduktOne.Radek {
  width: 100%;
  flex-basis: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (max-width: 650px) {
  .ProduktOne.Radek {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}
.ProduktOne.Radek a.ProductLink {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 13px 250px 13px 15px;
  z-index: 1;
}
@media only screen and (max-width: 650px) {
  .ProduktOne.Radek a.ProductLink {
    padding: 13px 15px 13px 15px;
  }
}
.ProduktOne.Radek a.ProductLink h2, .ProduktOne.Radek a.ProductLink h3 {
  flex-basis: 100%;
  flex-shrink: 0;
  margin: 0px -150px 5px 0px;
  text-align: left;
  min-height: 1px;
}
.ProduktOne.Radek a.ProductLink h2 .Material, .ProduktOne.Radek a.ProductLink h2 .Barva, .ProduktOne.Radek a.ProductLink h3 .Material, .ProduktOne.Radek a.ProductLink h3 .Barva {
  display: inline-block;
  margin: 0px 10px;
}
@media only screen and (max-width: 650px) {
  .ProduktOne.Radek a.ProductLink h2, .ProduktOne.Radek a.ProductLink h3 {
    margin: 0px 0px 5px 0px;
  }
}
.ProduktOne.Radek a.ProductLink .ProduktImg {
  width: 80px;
  height: 80px;
  margin-right: 15px;
  flex-shrink: 0;
  margin: 0px 25px 0px 15px;
}
@media only screen and (max-width: 500px) {
  .ProduktOne.Radek a.ProductLink .ProduktImg {
    width: 50px;
    height: 50px;
    margin: 0px 25px 0px 10px;
  }
}
.ProduktOne.Radek a.ProductLink .ProduktImg img {
  max-height: 100%;
}
.ProduktOne.Radek a.ProductLink .ProdBadges {
  position: relative;
  top: 0px;
  right: 0px;
  margin-right: -4px;
  margin-left: -4px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.ProduktOne.Radek a.ProductLink .Dostupnost {
  border-top: none;
  margin-top: 0px;
  padding-top: 0px;
}
.ProduktOne.Radek a.ProductLink .Dostupnost:empty {
  display: none;
}
.ProduktOne.Radek a.ProductLink .Cena {
  margin-right: 15px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.ProduktOne.Radek a.ProductLink .Cena > * {
  margin: 0px 5px;
}
.ProduktOne.Radek .ProduktTexts {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.ProduktOne.Radek .ProduktTexts > * {
  margin-top: 2px;
  margin-bottom: 2px;
}
.ProduktOne.Radek .BtnEtc {
  position: absolute;
  bottom: 0%;
  right: 0px;
  left: auto;
  width: 250px;
  height: 100%;
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 20px;
}
@media only screen and (max-width: 650px) {
  .ProduktOne.Radek .BtnEtc {
    position: relative;
    bottom: 0px;
    right: 0px;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
}
.ProduktOne.Radek .BtnEtc > * {
  position: relative;
  z-index: 2;
}
.ProduktOne.Radek .BtnEtc .Unit {
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.ProductsSliderWrap {
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}
.ProductsSliderWrap .bx-viewport {
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}
.ProductsSliderWrap .bx-viewport:after {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 1px;
  height: 100%;
  background: #d7d7d7;
  content: " ";
  display: block;
}
.ProductsSliderWrap .bx-controls .bx-controls-direction a {
  position: absolute;
  top: 50%;
  left: 1px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  width: 29px;
  height: 36px;
  background: rgba(0, 0, 0, 0.18);
  margin-top: -18px;
  text-decoration: none;
  font-size: 22px;
  line-height: 22px;
  color: #ffffff;
}
.ProductsSliderWrap .bx-controls .bx-controls-direction a.bx-next {
  right: 1px;
  left: auto;
}
.ProductsSliderWrap .bx-controls .bx-controls-direction a:hover {
  background: rgba(0, 0, 0, 0.35);
}
.ProductsSliderWrap .bx-controls .bx-pager {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.ProductsSliderWrap .bx-controls .bx-pager .bx-pager-item {
  margin: 12px 4px;
}
.ProductsSliderWrap .bx-controls .bx-pager .bx-pager-item a {
  display: block;
  width: 15px;
  height: 6px;
  background: rgba(0, 0, 0, 0.18);
  font-size: 0px;
}
.ProductsSliderWrap .bx-controls .bx-pager .bx-pager-item a.active {
  background: rgba(0, 0, 0, 0.35);
}
.ProductsSliderWrap #ProductsSlider,
.ProductsSliderWrap .ListSlider {
  position: relative;
  top: 0px;
  left: -1px;
  display: block;
  margin: 0px;
  padding: 0px;
}
.ProductsSliderWrap #ProductsSlider .ProduktOne,
.ProductsSliderWrap .ListSlider .ProduktOne {
  height: 100%;
}
.ProductsSliderWrap #ProductsSlider .ProduktOne h2, .ProductsSliderWrap #ProductsSlider .ProduktOne h3,
.ProductsSliderWrap .ListSlider .ProduktOne h2,
.ProductsSliderWrap .ListSlider .ProduktOne h3 {
  height: 80px;
  overflow: hidden;
}
.ProductsSliderWrap .ProduktOne {
  border: none;
  border-left: 1px solid #d7d7d7;
}

.TextBefore {
  font-size: 18px;
  line-height: 1.4em;
  color: #2e2e2e;
  margin-bottom: 20px;
}

.ManufacturersWrap {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0px -10px 20px -10px;
}
.ManufacturersWrap .ManufacturerOneWrap {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  flex-basis: 25%;
  width: 25%;
  align-items: stretch;
}
@media only screen and (min-width: 1051px) and (max-width: 1200px) {
  .ManufacturersWrap .ManufacturerOneWrap {
    flex-basis: 33.3333333333%;
    width: 33.3333333333%;
  }
}
@media only screen and (max-width: 950px) {
  .ManufacturersWrap .ManufacturerOneWrap {
    flex-basis: 33.3333333333%;
    width: 33.3333333333%;
  }
}
@media only screen and (max-width: 725px) {
  .ManufacturersWrap .ManufacturerOneWrap {
    flex-basis: 50%;
    width: 50%;
  }
}
@media only screen and (max-width: 460px) {
  .ManufacturersWrap .ManufacturerOneWrap {
    flex-basis: 100%;
    width: 100%;
  }
}
.ManufacturersWrap a.ManufacturerOne {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  flex-basis: 100%;
  width: 100%;
  min-height: 58px;
  margin: 0px 10px 20px 10px;
  padding: 10px 15px 9px 65px;
  border: 1px solid #d7d7d7;
  background-repeat: no-repeat;
  background-position: 15px 50%;
  background-size: 34px 34px;
  font-size: 17px;
  line-height: 1.2em;
  color: #2e2e2e;
  text-decoration: none;
}
.ManufacturersWrap a.ManufacturerOne .PageImage {
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -17px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  width: 34px;
  height: 34px;
}
.ManufacturersWrap a.ManufacturerOne .PageImage img {
  max-height: 100%;
}
.ManufacturersWrap a.ManufacturerOne:hover {
  -webkit-box-shadow: inset 0px 0px 18px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 18px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 18px 1px rgba(0, 0, 0, 0.15);
}

.ListTopControlsWrap {
  position: relative;
  top: 1px;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  border: 1px solid #d7d7d7;
  background: #eaeaea;
  margin-top: -1px;
  padding: 8px 10px;
  font-size: 16px;
}
@media only screen and (min-width: 1051px) and (max-width: 1210px) {
  .ListTopControlsWrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}
@media only screen and (max-width: 935px) {
  .ListTopControlsWrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}
.ListTopControlsWrap .pnlListTopControls,
.ListTopControlsWrap .Cleaner {
  display: none;
}

#pnlListRazeni {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  flex-basis: 100%;
}
@media only screen and (min-width: 1051px) and (max-width: 1100px) {
  #pnlListRazeni {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}
@media only screen and (max-width: 820px) {
  #pnlListRazeni {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 5px;
  }
}
#pnlListRazeni .ListRazeniLabel {
  color: #2e2e2e;
  display: block;
  margin: 5px 10px;
  font-weight: 500;
  flex-shrink: 0;
}
#pnlListRazeni ul.ListRazeni {
  position: relative;
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  flex-basis: 100%;
}
@media only screen and (min-width: 1051px) and (max-width: 1100px) {
  #pnlListRazeni ul.ListRazeni {
    margin: 15px 0px 20px 0px;
  }
}
@media only screen and (max-width: 820px) {
  #pnlListRazeni ul.ListRazeni {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
  }
}
#pnlListRazeni ul.ListRazeni li {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}
#pnlListRazeni a {
  text-decoration: none;
  margin: 0px 15px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  color: #464646;
  text-transform: lowercase;
  white-space: nowrap;
}
@media only screen and (max-width: 820px) {
  #pnlListRazeni a {
    margin: 10px 15px;
  }
}
#pnlListRazeni a.Selected {
  color: #2e2e2e;
  text-decoration: underline;
  font-weight: 500;
}
#pnlListRazeni a.Selected span.RazeniUp, #pnlListRazeni a.Selected span.RazeniDown {
  position: relative;
  width: 15px;
  height: 15px;
  display: block;
  margin-left: 3px;
}
#pnlListRazeni a.Selected span.RazeniUp:after, #pnlListRazeni a.Selected span.RazeniDown:after {
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  width: 15px;
  height: 15px;
  font-size: 16px;
  font-family: "Font Awesome 5 Pro";
  color: #2e2e2e;
}
#pnlListRazeni a.Selected span.RazeniUp:after {
  content: "\f0d8";
}
#pnlListRazeni a.Selected span.RazeniDown:after {
  content: "\f0d7";
}
#pnlListRazeni a:hover {
  text-decoration: underline;
}

.ColemanieCheck {
  white-space: nowrap;
  font-size: 14px;
}
.ColemanieCheck input[type=checkbox]:not(old) + label {
  background-position: 0px 50%;
}

#pnlListType {
  position: relative;
  width: 80px;
  flex-shrink: 0;
  font-size: 0px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  padding-right: 5px;
}
#pnlListType a.sortbutton {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  width: 30px;
  height: 30px;
  font-size: 0px;
  margin: 5px 5px;
}
#pnlListType a.sortbutton.Selected:after {
  color: #2e2e2e;
}
#pnlListType a.sortbutton:after {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-family: "Font Awesome 5 Pro";
  color: #a1a1a1;
  font-size: 25px;
  text-align: center;
}
#pnlListType a.sortbutton:hover:after {
  color: #2e2e2e;
}
#pnlListType a.sortbutton.catalog:after {
  content: "\f00a";
}
#pnlListType a.sortbutton.table:after {
  content: "\f0c9";
}

.ColorFilter {
  position: relative;
  top: 1px;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  border: 1px solid #d7d7d7;
  background: #eaeaea;
  margin-top: -1px;
  padding: 8px 14px 8px 20px;
  font-size: 16px;
}
@media only screen and (min-width: 1051px) and (max-width: 1150px) {
  .ColorFilter {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}
@media only screen and (max-width: 820px) {
  .ColorFilter {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}
.ColorFilter .SelectedColor {
  position: relative;
  font-size: 20px;
  color: #2e2e2e;
  margin: 5px 0px;
  font-weight: 500;
}
@media only screen and (max-width: 820px) {
  .ColorFilter .SelectedColor {
    width: 100%;
    flex-basis: 100%;
    text-align: center;
    margin-bottom: 5px;
  }
}
.ColorFilter .SelectedColor .SelectedColorText {
  font-size: 24px;
  line-height: 30px;
  display: block;
  margin-top: 6px;
  font-weight: 100;
  /*&:after {
      width: 20px;
      height: 20px;
      content: "\f00d";
      font-family: $font-family-fa;
      color: $barva-cervena;
      margin-left:10px;
      font-size:18px;
  }*/
}
.ColorFilter .ColorFilterList {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-left: 50px;
}
@media only screen and (min-width: 1051px) and (max-width: 1150px) {
  .ColorFilter .ColorFilterList {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 820px) {
  .ColorFilter .ColorFilterList {
    padding-left: 0px;
    justify-content: center;
  }
}
.ColorFilter .ColorFilterList:after {
  position: absolute;
  top: 5px;
  left: 25px;
  display: block;
  width: 1px;
  height: calc(100% - 10px);
  overflow: hidden;
  content: "";
  background: #d7d7d7;
}
@media only screen and (min-width: 1051px) and (max-width: 1150px) {
  .ColorFilter .ColorFilterList:after {
    display: none;
  }
}
@media only screen and (max-width: 820px) {
  .ColorFilter .ColorFilterList:after {
    display: none;
  }
}
.ColorFilter .ColorFilterList .ColorOne {
  position: relative;
  width: 62px;
  height: auto;
  margin: 6px;
  padding: 0px;
  border: 3px solid #eaeaea;
  cursor: pointer;
}
.ColorFilter .ColorFilterList .ColorOne.Selected {
  border: 3px solid #01a0e1;
}
.ColorFilter .ColorFilterList .ColorOne .ColorOneTitle {
  position: absolute;
  top: 56px;
  right: 50%;
  width: 118px;
  margin-right: -59px;
  background: #ffffff;
  -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.12);
  padding: 12px 16px;
  text-align: center;
  z-index: 3;
  border: 1px solid #d7d7d7;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: none;
  font-size: 14px;
  color: #2e2e2e;
}
.ColorFilter .ColorFilterList .ColorOne .ColorOneTitle:before {
  position: absolute;
  top: -10px;
  right: 50%;
  display: block;
  width: 20px;
  height: 13px;
  content: "";
  margin-right: -10px;
  background-color: transparent;
  background-image: url("/App_Themes/OS-Standard/images/popup-arrow.png");
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: 40px 21px;
}
.ColorFilter .ColorFilterList .ColorOne:hover .ColorOneTitle {
  display: block;
}

.ListFilterBottomWrap {
  position: relative;
  top: -1px;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  border: 1px solid #d7d7d7;
  background: #eaeaea;
  margin-top: -1px;
  padding: 8px 15px 8px 10px;
  font-size: 16px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 1051px) and (max-width: 1080px) {
  .ListFilterBottomWrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}
@media only screen and (max-width: 860px) {
  .ListFilterBottomWrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}
.ListFilterBottomWrap #pnlListBottomMoreButtons {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
@media only screen and (max-width: 500px) {
  .ListFilterBottomWrap #pnlListBottomMoreButtons {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}
.ListFilterBottomWrap #pnlListBottomMoreButtons .morebutton {
  position: relative;
  display: block;
  color: #2e2e2e;
  margin: 5px 10px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  font-weight: 500;
}
@media only screen and (max-width: 500px) {
  .ListFilterBottomWrap #pnlListBottomMoreButtons .morebutton {
    white-space: nowrap;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.ListFilterBottomWrap #pnlListBottomMoreButtons .morebutton:after {
  position: relative;
  content: "\f078";
  color: #01a0e1;
  font-family: "Font Awesome 5 Pro";
  margin-left: 10px;
  font-weight: 100;
  text-decoration: none !important;
}
.ListFilterBottomWrap #pnlListBottomMoreButtons .morebutton:hover {
  text-decoration: underline;
}
.ListFilterBottomWrap #pnlListBottomMoreButtons .morebutton:hover:after {
  text-decoration: none !important;
}
.ListFilterBottomWrap #pnlListBottomPager {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  padding-left: 50px;
}
@media only screen and (min-width: 1051px) and (max-width: 1080px) {
  .ListFilterBottomWrap #pnlListBottomPager {
    padding-left: 0px;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 860px) {
  .ListFilterBottomWrap #pnlListBottomPager {
    padding-left: 0px;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 500px) {
  .ListFilterBottomWrap #pnlListBottomPager {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.ListFilterBottomWrap #pnlListBottomPager > * {
  position: relative;
  top: 1px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  padding: 6px 12px;
  margin: 3px 3px;
  text-align: center;
  text-decoration: none;
  color: #464646;
  border-bottom: 2px solid transparent;
}
.ListFilterBottomWrap #pnlListBottomPager > *.Current {
  color: #ffffff;
  font-weight: 500;
  background: #01a0e1;
  border-bottom: 2px solid #0079ab;
}
.ListFilterBottomWrap #pnlListBottomPager a:hover {
  color: #ffffff;
  font-weight: 400;
  background: #b3b3b3;
  border-bottom: 2px solid #a5a5a5;
}
.ListFilterBottomWrap .Cleaner {
  display: none;
}

#filtertypeout, #filtervyrobceout {
  display: none !important;
}

.OnpageFilterWrap {
  position: relative;
}
.OnpageFilterWrap .FilterGroupTitle {
  border: none !important;
  margin: 0px 0px 15px 0px;
  padding: 0px;
}
.OnpageFilterWrap .FilterGroupContent {
  position: relative;
  border: 1px solid #d7d7d7;
  background: #f5f5f5;
  padding: 15px 15px 10px 15px;
}
.OnpageFilterWrap .FilterGroupContent > div {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.OnpageFilterWrap .FilterGroupContent > div .FilterReset,
.OnpageFilterWrap .FilterGroupContent > div .filteritem {
  display: inline-block;
  padding-left: 26px;
  background-image: url(/App_Themes/CM-Standard/Images/checkbox-off.png);
  background-repeat: no-repeat;
  background-position: 0px 1px;
  background-size: 17px 17px;
  min-height: 23px;
  cursor: pointer;
  margin: 4px 25px 4px 0px;
  font-size: 16px;
  line-height: 20px;
}
.OnpageFilterWrap .FilterGroupContent > div .FilterReset.Selected,
.OnpageFilterWrap .FilterGroupContent > div .filteritem.Selected {
  background-image: url(/App_Themes/CM-Standard/Images/checkbox-on.png);
}
.OnpageFilterWrap hr {
  display: none;
}

/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
.Table.ProductDetailHeader {
  width: 100%;
  margin: 0px 0px 55px 0px;
  font-size: 16px;
}
.Table.ProductDetailHeader .TableCell {
  border-bottom: 1px dashed #d7d7d7;
  padding: 11px 15px;
  vertical-align: middle;
}
.Table.ProductDetailHeader .TableCell:first-child {
  color: #000000;
  font-weight: 500;
  width: 190px;
  padding-left: 25px;
}
@media only screen and (max-width: 460px) {
  .Table.ProductDetailHeader .TableCell:first-child {
    text-align: right;
  }
}
.Table.ProductDetailHeader .TableCell:last-child {
  padding-right: 25px;
}
.Table.ProductDetailHeader .BarvaCellContent {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
@media only screen and (max-width: 450px) {
  .Table.ProductDetailHeader .BarvaCellContent {
    justify-content: center;
  }
}
.Table.ProductDetailHeader .BarvaObr {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  display: inline-flex;
  justify-content: center;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  margin-top: -4px;
  margin-bottom: -4px;
}
.Table.ProductDetailHeader .BarvaObr img {
  vertical-align: middle;
}
@media only screen and (max-width: 450px) {
  .Table.ProductDetailHeader {
    display: block;
    width: 100%;
    margin-bottom: 55px;
  }
  .Table.ProductDetailHeader .TableRow {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    border-bottom: 1px dashed #d7d7d7;
    padding: 4px 0px;
  }
  .Table.ProductDetailHeader .TableRow:last-child {
    border: none;
  }
  .Table.ProductDetailHeader .TableCell, .Table.ProductDetailHeader .TableCell:first-child {
    display: block;
    width: 100%;
    flex-basis: 100%;
    text-align: center;
    padding: 1px 15px !important;
    border: none;
  }
}
.Table.ProductDetailHeader .TableRow.HideRow {
  display: none;
}

.ProductVariantsWrap {
  position: relative;
  margin-top: -30px;
}
.ProductVariantsWrap .ProductVariants {
  position: relative;
  margin-bottom: 0px;
}
.ProductVariantsWrap .ProductVariants:last-child {
  margin-bottom: 15px;
}
.ProductVariantsWrap .ProductVariants h2 {
  font-size: 20px;
  line-height: 26px;
  margin: 0px 0px 15px 0px !important;
}
.ProductVariantsWrap .ProductVariants .ProductVariantList {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin: 0px -8px 10px -8px;
}
.ProductVariantsWrap .ProductVariants .ProductVariantList .VariantOne {
  position: relative;
  flex-shrink: 0;
  margin: 0px 8px 16px 8px;
  border: 1px solid #d7d7d7;
  padding: 5px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  text-decoration: none;
  display: block;
}
.ProductVariantsWrap .ProductVariants .ProductVariantList .VariantOne .VariantColorSquare {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ProductVariantsWrap .ProductVariants .ProductVariantList .VariantOne .VariantColorSquare .Square {
  position: relative;
  width: 100%;
}
.ProductVariantsWrap .ProductVariants .ProductVariantList .VariantOne .VariantColorSquare .Square:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.ProductVariantsWrap .ProductVariants .ProductVariantList .VariantOne .VariantPrimaryText {
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  width: 100%;
  text-align: center;
  color: #000000;
}
.ProductVariantsWrap .ProductVariants .ProductVariantList .VariantOne .VariantPrimaryText span.SmallText {
  font-size: 14px;
  line-height: 16px;
  display: inline-block;
  margin-right: 4px;
  font-weight: 300;
}
.ProductVariantsWrap .ProductVariants .ProductVariantList .VariantOne .VariantAvailability {
  font-size: 12px;
  line-height: 14px;
  width: 100%;
  text-align: center;
  margin-top: 5px;
}
.ProductVariantsWrap .ProductVariants .ProductVariantList .VariantOne .VariantAvailability.instock {
  color: #5e9738;
}
.ProductVariantsWrap .ProductVariants .ProductVariantList .VariantOne .VariantAvailability.outofstock {
  color: #6a6a6a;
}
.ProductVariantsWrap .ProductVariants .ProductVariantList .VariantOne.Selected:before, .ProductVariantsWrap .ProductVariants .ProductVariantList .VariantOne:hover:before, .ProductVariantsWrap .ProductVariants .ProductVariantList .VariantOne.Selected:hover:before {
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  display: block;
  content: "";
  border: 2px solid #01a0e1;
}
.ProductVariantsWrap .ProductVariants .ProductVariantList .VariantOne.Selected .VariantPrimaryText, .ProductVariantsWrap .ProductVariants .ProductVariantList .VariantOne:hover .VariantPrimaryText, .ProductVariantsWrap .ProductVariants .ProductVariantList .VariantOne.Selected:hover .VariantPrimaryText {
  color: #01a0e1;
}
.ProductVariantsWrap .ProductVariants .ProductVariantList .VariantOne:hover:before {
  border: 2px solid #000000;
}
.ProductVariantsWrap .ProductVariants .ProductVariantList .VariantOne:hover .VariantPrimaryText {
  color: #000000;
}
.ProductVariantsWrap .ProductVariants.Sizes .ProductVariantList .VariantOne {
  padding: 8px 7px 10px 7px;
  flex-basis: calc(25% - 16px);
}
@media only screen and (max-width: 470px) {
  .ProductVariantsWrap .ProductVariants.Sizes .ProductVariantList .VariantOne {
    flex-basis: calc(33.3333333333% - 16px);
  }
}
@media only screen and (max-width: 350px) {
  .ProductVariantsWrap .ProductVariants.Sizes .ProductVariantList .VariantOne {
    flex-basis: calc(50% - 16px);
  }
}
.ProductVariantsWrap .ProductVariants.Colors .ProductVariantList {
  margin: 0px -5px 10px -5px;
}
.ProductVariantsWrap .ProductVariants.Colors .ProductVariantList .VariantOne {
  max-width: 40px;
  padding: 4px;
  flex-basis: calc(10% - 10px);
}
@media only screen and (max-width: 470px) {
  .ProductVariantsWrap .ProductVariants.Colors .ProductVariantList .VariantOne {
    flex-basis: calc(20% - 10px);
  }
}
.ProductVariantsWrap .VariantWarnings {
  margin-bottom: 30px;
}
.ProductVariantsWrap .VariantWarnings .VariantWarning {
  position: relative;
  color: #ed1c24;
  padding-left: 28px;
  margin-bottom: 15px;
}
.ProductVariantsWrap .VariantWarnings .VariantWarning:before {
  position: absolute;
  top: 2px;
  left: 0px;
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: #ed1c24;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: 50%;
  mask-position: 50%;
  -webkit-mask-image: url("/App_Themes/OS-Standard/images/arrow-up-duotone-regular.svg");
  mask-image: url("/App_Themes/OS-Standard/images/arrow-up-duotone-regular.svg");
}

.instock {
  color: #5e9738;
}

.outofstock {
  color: #0079ab;
}

.AvailabilityLink {
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.AvailabilityLink:after {
  display: inline-block;
  margin-left: 5px;
  content: "\f05a";
  font-family: "Font Awesome 5 Pro";
}
.AvailabilityLink.instock {
  color: #5e9738;
}
.AvailabilityLink.outofstock {
  color: #ed1c24;
  cursor: default;
}
.AvailabilityLink .SkladovaDostupnostPopup {
  position: absolute;
  top: 28px;
  right: -74px;
  width: 370px;
  background: #ffffff;
  -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.12);
  padding: 18px 20px 3px 20px;
  display: none;
  z-index: 5;
  border: 1px solid #d7d7d7;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #464646;
  font-size: 14px;
}
.AvailabilityLink .SkladovaDostupnostPopup:hover {
  display: block;
}
.AvailabilityLink .SkladovaDostupnostPopup:before {
  position: absolute;
  top: -10px;
  right: 70px;
  display: block;
  width: 20px;
  height: 13px;
  content: "";
  background-color: transparent;
  background-image: url("/App_Themes/OS-Standard/images/popup-arrow.png");
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: 40px 21px;
}
.AvailabilityLink .SkladovaDostupnostPopup h3 {
  font-size: 20px;
  margin: 25px 0px 10px 0px;
}
.AvailabilityLink .SkladovaDostupnostPopup h3:first-child {
  margin-top: 0px;
}
.AvailabilityLink .SkladovaDostupnostPopup .Table {
  width: 100%;
  margin-bottom: 15px;
}
.AvailabilityLink .SkladovaDostupnostPopup .Table .TableCell {
  padding: 2px 0px;
}
.AvailabilityLink .SkladovaDostupnostPopup .Table .TableCell:last-child {
  text-align: right;
}
.AvailabilityLink .SkladovaDostupnostPopup .Table .TableCell span.instock {
  color: #5e9738;
}
.AvailabilityLink .SkladovaDostupnostPopup .Table .TableCell span.outofstock {
  color: #ed1c24;
}
.AvailabilityLink .SkladovaDostupnostPopup .PopupInfoBlock {
  position: relative;
  font-size: 12px;
  line-height: 15px;
  font-style: italic;
  color: #9d9d9d;
  padding: 0px 0px 0px 36px;
}
.AvailabilityLink .SkladovaDostupnostPopup .PopupInfoBlock:before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  font-size: 26px;
  content: "\f05a";
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 100;
}
.AvailabilityLink:hover {
  text-decoration: none;
}
.AvailabilityLink:hover .SkladovaDostupnostPopup {
  display: block;
}

.ProductDetailText {
  margin: 15px 0px 25px 0px;
  font-size: 16px;
}

.ProductPriceEtc {
  position: relative;
  background: #f5f5f5;
  border: 1px solid #d7d7d7;
  margin: 25px 0px;
  padding: 20px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
}
@media only screen and (min-width: 1051px) and (max-width: 1200px), (min-width: 800px) and (max-width: 970px) {
  .ProductPriceEtc {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 600px) {
  .ProductPriceEtc {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.ProductPriceEtc .MoreUnits {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  align-items: flex-end;
  border-right: 1px solid #d7d7d7;
  padding: 0px 30px 0px 10px;
  margin: 0px 30px 0px 0px;
  text-align: right;
  flex-shrink: 0;
}
@media only screen and (min-width: 1051px) and (max-width: 1200px), (min-width: 800px) and (max-width: 970px) {
  .ProductPriceEtc .MoreUnits {
    border-right: none;
    border-top: 1px solid #d7d7d7;
    padding-top: 20px;
    margin: 20px 0px 0px 0px;
    padding: 20px 0px 0px 0px;
    text-align: right;
    width: 100%;
    flex-basis: 100%;
    order: 2;
  }
}
@media only screen and (max-width: 600px) {
  .ProductPriceEtc .MoreUnits {
    border-right: none;
    border-top: 1px solid #d7d7d7;
    padding-top: 20px;
    margin: 20px 0px 0px 0px;
    padding: 20px 0px 0px 0px;
    text-align: right;
    width: 100%;
    flex-basis: 100%;
    order: 2;
  }
}
@media only screen and (max-width: 450px) {
  .ProductPriceEtc .MoreUnits {
    text-align: center;
  }
}
.ProductPriceEtc .MoreUnits .MoreUnitsContent {
  width: 100%;
}
.ProductPriceEtc .MoreUnits .MoreUnitsLabel {
  margin-bottom: 5px;
  color: #000000;
  font-weight: 500;
  font-size: 16px;
}
.ProductPriceEtc .DiscountBadge {
  position: absolute;
  top: -12px;
  right: 21px;
  background: #ed1c24;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  color: #ffffff;
  padding: 1px 3px 0px 3px;
}
.ProductPriceEtc .DiscountBadge > * {
  margin: 0px 3px;
}
.ProductPriceEtc .PriceListPrice {
  display: none;
}
.ProductPriceEtc .ProductPriceEtcContent {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}
.ProductPriceEtc .ProductPriceEtcContent .BtnBlock {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: center;
  margin: 25px 0px 2px 0px;
  font-size: 18px;
  color: #000000;
}
@media only screen and (max-width: 450px) {
  .ProductPriceEtc .ProductPriceEtcContent .BtnBlock {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}
.ProductPriceEtc .ProductPriceEtcContent .BtnBlock .LinksHolder {
  flex-basis: 100%;
  text-align: right;
  margin-top: 15px;
}
.ProductPriceEtc .ProductPriceEtcContent .BtnBlock .LinksHolder .addtosclink {
  position: relative;
}
.ProductPriceEtc .ProductPriceEtcContent .BtnBlock .LinksHolder .addtosclink span {
  position: relative;
  font-size: 16px;
  display: inline-block;
  color: #464646;
  cursor: pointer;
  padding-bottom: 20px;
  margin-bottom: -20px;
}
.ProductPriceEtc .ProductPriceEtcContent .BtnBlock .LinksHolder .addtosclink span:before {
  position: relative;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  content: "\f218";
  font-family: "Font Awesome 5 Pro";
}
.ProductPriceEtc .ProductPriceEtcContent .BtnBlock .LinksHolder .addtosclink .availpopup {
  position: absolute;
  top: 32px;
  right: 0px;
  width: 280px;
  background: #ffffff;
  -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.12);
  padding: 26px 28px 30px 28px;
  display: none;
  z-index: 6;
  border: 1px solid #d7d7d7;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.ProductPriceEtc .ProductPriceEtcContent .BtnBlock .LinksHolder .addtosclink .availpopup:before {
  position: absolute;
  top: -10px;
  right: 30px;
  display: block;
  width: 20px;
  height: 13px;
  content: "";
  background-color: transparent;
  background-image: url("/App_Themes/OS-Standard/images/popup-arrow.png");
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: 40px 21px;
}
.ProductPriceEtc .ProductPriceEtcContent .BtnBlock .LinksHolder .addtosclink .availpopup input[type=submit] {
  position: relative;
  width: 100%;
  color: #464646;
  font-size: 16px;
  background: transparent;
  text-align: right;
  border: none;
  border-bottom: 1px dashed #d7d7d7;
  margin: 0px;
  padding: 0px;
}
.ProductPriceEtc .ProductPriceEtcContent .BtnBlock .LinksHolder .addtosclink .availpopup .Table .TableRow:first-child input[type=submit] {
  border-bottom: none;
  margin-bottom: 10px;
  position: relative;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  font-weight: 400;
  font-size: 16px;
  font-family: "Roboto Slab", sans-serif, Arial, Verdana, Tahoma, Trebuchet MS, Helvetica;
  line-height: 1.5em;
  color: #000000;
  background-color: rgb(219.5, 219.5, 219.5);
  border: none;
  border-bottom: 2px solid rgb(202.25, 202.25, 202.25);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 5px 10px;
  text-decoration: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-appearance: none;
}
.ProductPriceEtc .ProductPriceEtcContent .BtnBlock .LinksHolder .addtosclink .availpopup .Table .TableRow:first-child input[type=submit]:hover {
  color: #000000;
  text-decoration: none;
  background: rgb(202.25, 202.25, 202.25);
  border-bottom: 2px solid rgb(189.5, 189.5, 189.5);
}
.ProductPriceEtc .ProductPriceEtcContent .BtnBlock .LinksHolder .addtosclink:hover .availpopup {
  display: block;
}
.ProductPriceEtc .ProductPriceEtcContent .BtnBlock input[type=text] {
  max-width: 92px;
  text-align: center;
}
.ProductPriceEtc .ProductPriceEtcContent .BtnBlock span.Unit {
  display: block;
  margin: 3px 10px;
}
.ProductPriceEtc .ProductPriceEtcContent .BtnBlock input[type=submit] {
  position: relative;
  text-transform: lowercase;
  font-size: 18px;
  padding-left: 56px;
  background-image: url("/App_Themes/OS-Standard/images/cart-plus-light.png");
  background-size: 26px 23px;
  background-repeat: no-repeat;
  background-position: 18px 50%;
}
.ProductPriceEtc .ProductPriceEtcContent .Price30Days {
  text-align: right;
  opacity: 0.5;
  font-size: 13px;
}
.ProductPriceEtc .ProductPriceEtcContent .PriceBlock {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  margin-top: 10px;
}
@media only screen and (max-width: 450px) {
  .ProductPriceEtc .ProductPriceEtcContent .PriceBlock {
    width: 100%;
    flex-basis: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}
.ProductPriceEtc .ProductPriceEtcContent .PriceBlock .PriceWithVAT {
  color: #01a0e1;
  font-size: 34px;
  line-height: 38px;
  font-weight: 500;
  text-align: right;
  margin-bottom: 10px;
}
@media only screen and (max-width: 450px) {
  .ProductPriceEtc .ProductPriceEtcContent .PriceBlock .PriceWithVAT {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 15px;
    text-align: center;
  }
}
.ProductPriceEtc .ProductPriceEtcContent .PriceBlock .PriceWithVAT .WVAT {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  white-space: nowrap;
}
@media only screen and (max-width: 450px) {
  .ProductPriceEtc .ProductPriceEtcContent .PriceBlock .PriceWithVAT .WVAT {
    display: block;
    font-size: 16px;
  }
}
.ProductPriceEtc .ProductPriceEtcContent .PriceBlock .PriceWithoutVAT {
  font-weight: 600;
  text-align: right;
}
.ProductPriceEtc .ProductPriceEtcContent .PriceBlock .RecommendedPrice {
  font-weight: 600;
  text-align: right;
}
.ProductPriceEtc .ProductPriceEtcContent .InfoBlock {
  width: 100%;
  margin-top: 10px;
}

.DetailWarning {
  position: relative;
  top: -26px;
  left: 0px;
  width: 100%;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  margin: 0px;
  padding: 20px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  font-size: 16px;
  overflow: hidden;
}
@media only screen and (max-width: 450px) {
  .DetailWarning {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}
.DetailWarning:after {
  position: absolute;
  bottom: -18px;
  right: -21px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  width: 75px;
  height: 75px;
  font-size: 75px;
  content: "\f05a";
  font-family: "Font Awesome 5 Pro";
  font-weight: 100;
  color: #000000;
  opacity: 0.11;
}
.DetailWarning .DetailWarningLabel {
  color: #000000;
  font-weight: 500;
  padding-right: 20px;
  font-size: 18px;
}
@media only screen and (max-width: 450px) {
  .DetailWarning .DetailWarningLabel {
    padding: 0px 0px 5px 0px;
  }
}

.LongDescription {
  margin: 35px 0px 35px 0px;
  font-size: 16px;
}

.DetailGaleryWrap {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  max-width: 437px;
  height: auto;
  max-height: 437px;
  margin: 0px auto;
  margin-bottom: 10px;
}
.DetailGaleryWrap .Attributes {
  z-index: 6;
  width: 70px;
  top: 0px;
}
.DetailGaleryWrap .Attributes .AttrOne {
  font-size: 11px;
  line-height: 12px;
}

.DetailGalleryWrap {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 30px;
}
.DetailGalleryWrap .DetailGallery {
  position: relative;
  z-index: 5;
}
.DetailGalleryWrap .DetailGallery a.ImageOne {
  position: relative;
  text-align: center;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  /*height: 370px;
  max-height: 370px;*/
  width: auto;
  max-width: 100% !important;
  max-height: 400px;
  z-index: 5;
  /*@media only screen and (min-width:300px) {
      width: 300px !important;
  }

  @media only screen and (min-width:500px) {
      height: 350px;
      width: 436px !important;
  }*/
}
.DetailGalleryWrap .DetailGallery a.ImageOne img {
  max-height: 400px !important;
  max-width: 100%;
}
.DetailGalleryWrap .ProdBadges {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 5;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
  align-items: flex-end;
}
.DetailGalleryWrap .ProdBadges > div > .ProdDiscount,
.DetailGalleryWrap .ProdBadges > div > .DoVyprodani {
  text-align: center;
  color: #ffffff;
  background: #ed1c24;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  display: block;
  margin: 2px 4px;
  padding: 2px 4px;
  text-align: right;
}
.DetailGalleryWrap .ProdBadges > div .ProdColemanie {
  text-align: center;
  color: #ffffff;
  background: #ed1c24;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  display: block;
  margin: 2px 4px;
  padding: 2px 4px;
  text-align: right;
}

.DetailGalleryPagerWrap {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 25px;
}
.DetailGalleryPagerWrap #DetailGalleryPager > a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 77px;
}
.DetailGalleryPagerWrap #DetailGalleryPager > a img {
  vertical-align: middle;
}
.DetailGalleryPagerWrap .bx-controls-direction a {
  position: absolute;
  top: 50%;
  left: 0px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  width: 30px;
  height: 48px;
  text-align: center;
  line-height: 30px;
  margin-top: -24px;
  font-size: 22px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 100;
  color: #464646;
  opacity: 0.5;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  text-decoration: none;
}
.DetailGalleryPagerWrap .bx-controls-direction a.bx-next {
  left: auto;
  right: 0px;
}
.DetailGalleryPagerWrap .bx-controls-direction a:hover {
  color: #464646;
  opacity: 0.8;
}
.DetailGalleryPagerWrap .bx-controls-direction a.disabled {
  opacity: 0.15;
  cursor: default;
}

#DetailAternativesTabs ul.TabsHeader {
  margin-bottom: 15px !important;
}

.FloatedContent {
  z-index: 1;
  position: relative;
  float: right;
  width: 55%;
  margin: 0px 0px 30px 50px;
}
@media only screen and (max-width: 800px) {
  .FloatedContent {
    float: none;
    width: 100%;
    margin: 0px 0px 15px 0px;
  }
}

@media only screen and (max-width: 800px) {
  .ProdDetail {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
  }
  .ProdDetail > div {
    order: 0;
  }
  .ProdDetail .BreadcrumbsWrap {
    order: 1;
    align-self: flex-start;
    width: 100%;
    flex-basis: 100%;
  }
  .ProdDetail h1 {
    order: 2;
    width: 100%;
    flex-basis: 100%;
  }
  .ProdDetail .DetailGalleryWrap {
    order: 3;
  }
  .ProdDetail .DetailGalleryPagerWrap {
    order: 3;
  }
  .ProdDetail .FloatedContent {
    order: 4;
  }
  .ProdDetail .ProductsSliderWrap {
    order: 5;
  }
  .ProdDetail .ProdDetails {
    order: 6;
    width: 100%;
    flex-basis: 100%;
    margin-bottom: 25px;
  }
  .ProdDetail .ProdRelated {
    order: 7;
    width: 100%;
    flex-basis: 100%;
  }
  .ProdDetail #DetailAternativesTabs {
    order: 8;
  }
}
.ProdDetails {
  margin-bottom: 25px;
}

/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
/*# POPUP #*/
.AddToCartPopupWrap,
.SendCartPopupWrap {
  position: relative;
  top: 0px;
  left: 0px;
  width: 50%;
  text-align: center;
  padding: 35px 45px !important;
}
@media only screen and (max-width: 1600px) {
  .AddToCartPopupWrap,
  .SendCartPopupWrap {
    width: 65%;
  }
}
@media only screen and (max-width: 1250px) {
  .AddToCartPopupWrap,
  .SendCartPopupWrap {
    width: 70%;
  }
}
@media only screen and (max-width: 1100px) {
  .AddToCartPopupWrap,
  .SendCartPopupWrap {
    width: 75%;
  }
}
@media only screen and (max-width: 950px) {
  .AddToCartPopupWrap,
  .SendCartPopupWrap {
    width: 80%;
  }
}
@media only screen and (max-width: 700px) {
  .AddToCartPopupWrap,
  .SendCartPopupWrap {
    width: 85%;
  }
}
@media only screen and (max-width: 600px) {
  .AddToCartPopupWrap,
  .SendCartPopupWrap {
    width: 90%;
  }
}
@media only screen and (max-width: 500px) {
  .AddToCartPopupWrap,
  .SendCartPopupWrap {
    width: 95%;
    padding: 30px !important;
  }
}

.AddToCartPopupWrap h1,
.AddToCartPopupWrap h2 {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  color: #000000;
}

.AddToCartPopupWrap h1 {
  font-size: 25px;
  line-height: 30px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 30px 0px;
  font-weight: 500;
  color: #01a0e1;
  vertical-align: middle;
}

.AddToCartPopupWrap h1 span.IcoCheck {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 39px;
  height: 39px;
  display: inline-block;
  margin: -19px 15px 0px 0px;
  padding: 0px;
  background-color: #01a0e1;
  background-position: 50% 50%;
  vertical-align: middle;
}
@media only screen and (max-width: 450px) {
  .AddToCartPopupWrap h1 span.IcoCheck {
    display: none;
  }
}
.AddToCartPopupWrap h1 span.IcoCheck:after {
  position: absolute;
  top: 0px;
  left: -1px;
  width: 39px;
  height: 39px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  content: "\f217";
  color: #ffffff;
  font-family: "Font Awesome 5 Pro";
  font-weight: 100;
  font-size: 18px;
}

.AddToCartPopupWrap h1 span.TextWrap {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  height: auto;
  min-height: 31px;
  vertical-align: middle;
  padding-left: 54px;
  padding-top: 8px;
}
@media only screen and (max-width: 450px) {
  .AddToCartPopupWrap h1 span.TextWrap {
    padding-top: 0px;
    padding-left: 0px;
  }
}

.AddToCartPopupWrap h2 {
  font-size: 24px;
  margin: 30px 0px 15px 0px;
  padding: 0px;
  font-weight: 500;
  text-align: center;
}

.AddToCartPopupWrap h3 {
  font-size: 22px;
  margin: 0px 0px 25px 0px;
  padding: 0px;
}

.AddToCartPopupWrap h4 {
  font-size: 19px;
  margin: 0px 0px 25px 0px;
  padding: 0px;
}

.LoginPopupWrap {
  text-align: left;
  padding: 35px 35px 30px 35px;
}

.LoginPopupWrap input[type=submit] {
  margin-left: 10px;
}

.LoginPopupWrap input[type=text],
.LoginPopupWrap input[type=password] {
  text-align: left;
  width: 100%;
  margin-bottom: 10px;
  margin-top: 5px;
}

.LoginPopupWrap .form-horizontal .form-group:nth-child(2) {
  padding-bottom: 15px;
}

.SendCartPopupWrap .SendCartSubj,
.SendCartPopupWrap .SendCartMessage {
  display: none;
}

/*# POPUP / FORMULAROVE PRVKY #*/
.SendCartPopupWrap input[type=text] {
  width: 100%;
}

.LoginPopupWrap input[type=text],
.LoginPopupWrap input[type=password] {
  width: 100%;
  text-align: left;
}

.EmailSendError {
  display: block;
  padding-top: 10px;
  color: #ed1c24;
  font-weight: 500;
}

/*# POPUP / TABULKA #*/
.AddToCartPopupWrap .Table.Item,
.LoginPopupWrap .Table.Item {
  position: relative;
  top: 0px;
  left: 0px;
  display: table;
  width: 100%;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  border-collapse: collapse;
  border-top: 1px solid #d7d7d7;
  font-size: 16px;
}
@media only screen and (max-width: 500px) {
  .AddToCartPopupWrap .Table.Item,
  .LoginPopupWrap .Table.Item {
    display: block;
  }
}
.AddToCartPopupWrap .Table.Item .THead,
.LoginPopupWrap .Table.Item .THead {
  display: table-header-group;
}
@media only screen and (max-width: 500px) {
  .AddToCartPopupWrap .Table.Item .THead,
  .LoginPopupWrap .Table.Item .THead {
    display: block;
  }
}
.AddToCartPopupWrap .Table.Item .TBody,
.LoginPopupWrap .Table.Item .TBody {
  display: table-row-group;
}
@media only screen and (max-width: 500px) {
  .AddToCartPopupWrap .Table.Item .TBody,
  .LoginPopupWrap .Table.Item .TBody {
    display: block;
  }
}
.AddToCartPopupWrap .Table.Item .TableCell,
.AddToCartPopupWrap .Table.Item .TableHeaderCell,
.LoginPopupWrap .Table.Item .TableCell,
.LoginPopupWrap .Table.Item .TableHeaderCell {
  padding: 10px 0px;
  border-bottom: 1px solid #d7d7d7;
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}
@media only screen and (max-width: 500px) {
  .AddToCartPopupWrap .Table.Item .TableCell,
  .AddToCartPopupWrap .Table.Item .TableHeaderCell,
  .LoginPopupWrap .Table.Item .TableCell,
  .LoginPopupWrap .Table.Item .TableHeaderCell {
    display: block;
    text-align: center;
    width: 100%;
    flex-basis: 100%;
    border: none;
  }
}
.AddToCartPopupWrap .Table.Item .TableCell:first-child,
.AddToCartPopupWrap .Table.Item .TableHeaderCell:first-child,
.LoginPopupWrap .Table.Item .TableCell:first-child,
.LoginPopupWrap .Table.Item .TableHeaderCell:first-child {
  text-align: left;
}
@media only screen and (max-width: 500px) {
  .AddToCartPopupWrap .Table.Item .TableCell:first-child,
  .AddToCartPopupWrap .Table.Item .TableHeaderCell:first-child,
  .LoginPopupWrap .Table.Item .TableCell:first-child,
  .LoginPopupWrap .Table.Item .TableHeaderCell:first-child {
    text-align: center;
  }
}
.AddToCartPopupWrap .Table.Item .TableCell:last-child,
.AddToCartPopupWrap .Table.Item .TableHeaderCell:last-child,
.LoginPopupWrap .Table.Item .TableCell:last-child,
.LoginPopupWrap .Table.Item .TableHeaderCell:last-child {
  text-align: right;
}
@media only screen and (max-width: 500px) {
  .AddToCartPopupWrap .Table.Item .TableCell:last-child,
  .AddToCartPopupWrap .Table.Item .TableHeaderCell:last-child,
  .LoginPopupWrap .Table.Item .TableCell:last-child,
  .LoginPopupWrap .Table.Item .TableHeaderCell:last-child {
    text-align: center;
  }
}
.AddToCartPopupWrap .Table.Item .TableCell.Photo,
.AddToCartPopupWrap .Table.Item .TableHeaderCell.Photo,
.LoginPopupWrap .Table.Item .TableCell.Photo,
.LoginPopupWrap .Table.Item .TableHeaderCell.Photo {
  padding-top: 5px;
  padding-bottom: 5px;
  width: 50px;
  text-align: center;
}
@media only screen and (max-width: 500px) {
  .AddToCartPopupWrap .Table.Item .TableCell.Photo,
  .AddToCartPopupWrap .Table.Item .TableHeaderCell.Photo,
  .LoginPopupWrap .Table.Item .TableCell.Photo,
  .LoginPopupWrap .Table.Item .TableHeaderCell.Photo {
    width: 100%;
    flex-basis: 100%;
  }
}
.AddToCartPopupWrap .Table.Item .TableCell.Photo .ProdPhoto,
.AddToCartPopupWrap .Table.Item .TableHeaderCell.Photo .ProdPhoto,
.LoginPopupWrap .Table.Item .TableCell.Photo .ProdPhoto,
.LoginPopupWrap .Table.Item .TableHeaderCell.Photo .ProdPhoto {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  background-position: 50% 50%;
}
.AddToCartPopupWrap .Table.Item .TableCell.Title,
.AddToCartPopupWrap .Table.Item .TableHeaderCell.Title,
.LoginPopupWrap .Table.Item .TableCell.Title,
.LoginPopupWrap .Table.Item .TableHeaderCell.Title {
  text-align: left;
  padding-left: 20px;
  padding-right: 30px;
}
@media only screen and (max-width: 500px) {
  .AddToCartPopupWrap .Table.Item .TableCell.Title,
  .AddToCartPopupWrap .Table.Item .TableHeaderCell.Title,
  .LoginPopupWrap .Table.Item .TableCell.Title,
  .LoginPopupWrap .Table.Item .TableHeaderCell.Title {
    width: 100%;
    flex-basis: 100%;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
  }
}
.AddToCartPopupWrap .Table.Item .TableCell.Price,
.AddToCartPopupWrap .Table.Item .TableHeaderCell.Price,
.LoginPopupWrap .Table.Item .TableCell.Price,
.LoginPopupWrap .Table.Item .TableHeaderCell.Price {
  font-weight: 500;
  width: 1%;
  color: #000000;
  text-align: left;
  white-space: nowrap;
}
@media only screen and (max-width: 500px) {
  .AddToCartPopupWrap .Table.Item .TableCell.Price,
  .AddToCartPopupWrap .Table.Item .TableHeaderCell.Price,
  .LoginPopupWrap .Table.Item .TableCell.Price,
  .LoginPopupWrap .Table.Item .TableHeaderCell.Price {
    width: 100%;
    flex-basis: 100%;
    text-align: center;
    padding-bottom: 10px;
  }
}
.AddToCartPopupWrap .Table.Item .TableCell.Price .Quantity,
.AddToCartPopupWrap .Table.Item .TableHeaderCell.Price .Quantity,
.LoginPopupWrap .Table.Item .TableCell.Price .Quantity,
.LoginPopupWrap .Table.Item .TableHeaderCell.Price .Quantity {
  display: block;
  text-align: left;
  color: #6a6a6a;
  font-weight: 400;
  font-size: 16px;
  margin-top: 3px;
}
@media only screen and (max-width: 500px) {
  .AddToCartPopupWrap .Table.Item .TableCell.Price .Quantity,
  .AddToCartPopupWrap .Table.Item .TableHeaderCell.Price .Quantity,
  .LoginPopupWrap .Table.Item .TableCell.Price .Quantity,
  .LoginPopupWrap .Table.Item .TableHeaderCell.Price .Quantity {
    text-align: center;
  }
}
.AddToCartPopupWrap .Table.Item .TableRow,
.LoginPopupWrap .Table.Item .TableRow {
  position: relative;
  top: 0px;
  left: 0px;
  display: table-row;
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #d7d7d7;
}
@media only screen and (max-width: 500px) {
  .AddToCartPopupWrap .Table.Item .TableRow,
  .LoginPopupWrap .Table.Item .TableRow {
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}

.ProductsSliderWrap > ul#slider1 {
  position: relative;
  margin: 0px;
  list-style-type: none;
  padding: 0px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}

ul#slider1 {
  margin: 0px;
}

/* Dosutpnost popup */
.AvailabilityPopupWrap .availstatus1 {
  color: #65b300;
}

.AvailabilityPopupWrap .availstatus0 {
  color: gray;
}

.AvailabilityPopupTitle {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #000;
}

.AvailabilityPopupTitle.PartnerskePobocky {
  margin-bottom: 0px;
  cursor: pointer;
  position: relative;
}

.AvailabilityPopupTitle span {
  font-size: 12px;
  font-weight: 500;
  display: block;
  position: relative;
  top: -7px;
}

.AvailPopupContainter {
  margin-bottom: 20px;
}

.AvailPopupContainter .TableCell,
.PartnerPopupContainter .TableCell {
  border-bottom: 1px solid #e4e4e4;
  color: #000;
  font-size: 14px;
  line-height: 18px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.AvailPopupContainter .TableCell.availstatus1,
.PartnerPopupContainter .TableCell.availstatus1 {
  color: #5e9738;
}

.AvailPopupContainter .TableCell:nth-child(2),
.PartnerPopupContainter .TableCell:nth-child(2) {
  padding-left: 15px;
  text-transform: lowercase;
  text-align: right;
}

.PartnerPopupContainter .TableCell.availrowhead {
  padding-top: 10px;
  font-weight: 700;
}

.PartnerPopupContainter {
  position: relative;
  max-height: 62px;
  overflow: hidden;
}

.PartnerPopupContainter .Prechod {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 40px;
  background-image: url("/App_Themes/CM-Standard/Images/prechod.png");
  background-repeat: repeat-x;
  background-size: 50px 30px;
  background-position: bottom left;
  display: block;
}

.PartnerPopupContainter.Opened .Prechod {
  display: none;
}

.PartnerPopupContainter.Opened {
  max-height: 100%;
}

.AvailInfoText {
  font-size: 12px;
  line-height: 16px;
  color: gray;
  max-width: 450px;
  margin-top: 20px;
  padding: 10px 10px 10px 60px;
  background-color: #e8f3fa;
  background-image: url("/App_Themes/CM-Standard/Images/ico-info-avail.png");
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: 15px 50%;
  min-height: 25px;
}

.ZapujckaFormPopupWrap {
  position: relative;
  background: #fff;
  padding: 25px;
}
.ZapujckaFormPopupWrap h1, .ZapujckaFormPopupWrap h2 {
  margin-top: 0px;
  margin-bottom: 20px;
}
.ZapujckaFormPopupWrap table.EditingFormTable {
  border-collapse: collapse;
}
.ZapujckaFormPopupWrap table.EditingFormTable td {
  padding: 5px 10px;
}
.ZapujckaFormPopupWrap table.EditingFormTable td:first-child {
  vertical-align: top;
}
.ZapujckaFormPopupWrap table.EditingFormTable td:first-child label {
  display: block;
  margin-top: 0px;
}
@media only screen and (min-width: 451px) {
  .ZapujckaFormPopupWrap table.EditingFormTable td:first-child {
    text-align: right;
  }
  .ZapujckaFormPopupWrap table.EditingFormTable td:first-child label {
    margin-top: 9px;
  }
}
.ZapujckaFormPopupWrap table.EditingFormTable td.EditingFormButtonLeftCell, .ZapujckaFormPopupWrap table.EditingFormTable td.EditingFormButtonCell {
  padding-top: 20px;
}
.ZapujckaFormPopupWrap table.CaptchaTable td {
  padding: 0px;
}
.ZapujckaFormPopupWrap table.CaptchaTable input[type=text] {
  max-width: 100px;
  text-align: center;
}

.FormSentSuccess {
  font-weight: bold;
  font-size: 18px;
  line-height: 26px;
  margin: 25px 0px;
  text-align: center;
  color: #000;
  font-family: "Roboto Slab", sans-serif, Arial, Verdana, Tahoma, Trebuchet MS, Helvetica;
  font-weight: 600;
  font-style: normal;
}

/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
/*# KONFIGURATOR #*/
/*# KONFIGURATOR / SoCol uploader #*/
.ContentCenter table {
  margin: 0px auto;
}

/*# KONFIGURATOR / Parametry vlevo #*/
input[type=text].inpStrechaDim {
  width: auto;
}

.ConfFilterRow {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.ConfFilterRow.OkapLine {
  margin: 20px 0px;
}

.ConfFilterRow > div {
  font-size: 13px;
  line-height: 13px;
  color: #000;
}

.ConfFilterRow .Label {
  padding-right: 5px;
  flex-basis: 100%;
  text-align: left;
}

.ConfFilterRow.OkapLine .Label {
  flex-basis: auto;
}

.ConfFilterRow .Input {
  flex-basis: 100%;
  text-align: right;
  padding-right: 6px;
}

.ConfFilterRow .Input input[type=text] {
  width: 100%;
  float: right;
  max-width: 80px;
  text-align: right;
  padding: 0px 10px;
  font-size: 13px;
  color: #000;
  height: 32px;
}

.ConfFilterRow .Unit {
  flex-basis: 30px;
  text-align: left;
}

.ConfFilterRow .Unit span {
  display: block;
  width: 30px;
  text-align: left;
}

.btnUpdateCfgWrap {
  text-align: center;
}

.btnUpdateCfg {
  width: 100%;
}

/*# KONFIGURATOR / list radek #*/
.SetListWrap {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px 30px 0px;
  padding: 0px;
  font-size: 13px;
  line-height: 17px;
  color: #000;
}

.SetItemsListLine,
.CFGCartListLine {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px -1px 0px;
  padding: 0px;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border: 1px solid #e6e6e6;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
}

.CFGCartListLine:nth-child(even) {
  background: #f7f7f7;
}

.SetItemsListLine > a {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.SetItemsListLine:hover,
.CFGCartListLine:hover {
  border: 1px solid #e2e2e2;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  z-index: 2;
}

.SetListWrap .Table {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

.SetListWrap .TableCell {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.SetListWrap .SetItemOuterTable .TableCell.Left {
  padding: 0px;
}

.SetListWrap .SetItemOuterTable .TableCell.Right {
  width: 220px;
  text-align: right;
  padding: 10px 20px 10px 0px;
}

.SetListWrap .SetItemOuterTable .Table .TableCell.Image {
  width: 165px;
  text-align: center;
  vertical-align: top;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 15px;
}

.SetListWrap .TableCell.Image .SetImg {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: 145px;
  height: 110px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-size: cover;
  background-color: transparent;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
}

.SetListWrap .SetItemOuterTable .Table .TableCell.Text {
  color: #777;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 20px;
  padding-bottom: 15px;
}

.SetListWrap .SetItemOuterTable .Table .TableCell.Text .TextContent p:first-of-type {
  margin-top: 0px;
}

.SetListWrap .SetItemOuterTable .Table .TableCell.Text .TextContent p:last-of-type {
  margin-bottom: 0px;
}

.SetListWrap .SetItemOuterTable .Table .TableCell.Text h2 {
  margin: 0px 0px 15px 0px;
  font-size: 17px;
  line-height: 22px;
  font-weight: 400;
  color: #000;
}

.SetItemsListLine:hover .Table .TableCell.Text h2 {
  text-decoration: underline;
  color: #ee1c25;
}

.SetListWrap .SetItemOuterTable .Table .TableCell.Text h3 {
  color: #ee1c25;
  font-size: 14px;
  font-weight: 500;
  margin: 0px;
  position: relative;
  top: -15px;
}

.SetListWrap .SetItemOuterTable .TableCell.Right {
  color: #777;
}

.SetListWrap .SetItemOuterTable .TableCell.Right .Price {
  color: #000;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 2px;
  font-weight: 700;
}

.SetListWrap .SetItemOuterTable .TableCell.Right .PriceLabel {
  margin-bottom: 2px;
}

.SetListWrap .SetItemOuterTable .TableCell.Right .PriceLabel > div > span {
  font-weight: 700;
}

.SetListWrap .SetItemOuterTable .TableCell.Right .PriceBtn {
  position: relative;
  display: inline-block;
  width: auto;
  height: 40px;
  line-height: 40px;
  margin: 20px 0px 0px 0px;
  padding: 0px 23px;
  font-size: 15px;
  font-weight: 700;
  font-family: inherit;
  text-transform: none;
  color: #fff;
  text-decoration: none;
  outline: none;
  font-style: normal;
  background-color: #65b300;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.SetListWrap .BtnsFlex {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.SetListWrap .SetCompare.Btn01 {
  position: relative;
  z-index: 3;
  display: block;
  width: 40px;
  margin-top: 20px;
  margin-left: 10px;
  background-color: #65b300;
  background-image: url(/App_Themes/CM-Standard/Images/ico-scale.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 25px 20px;
}

/*
.SetListWrap .SetCompare.Btn01.Selected {
background-position:7px 12px;  
}*/
.SetListWrap .SetCompare.Btn01::after {
  position: absolute;
  top: 3px;
  right: 3px;
  display: none;
  content: " ";
  width: 12px;
  height: 12px;
  background-color: #ee1c25;
  background-image: url(/App_Themes/CM-Standard/Images/ico-checked.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 10px 7px;
}

.SetListWrap .SetCompare.Btn01.Selected::after {
  display: block;
}

.SetItemsListLine .SetBadges {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  text-align: left;
  font-size: 0px;
  padding: 0px 0px 10px 20px;
}

.SetBadges .BadgeOne {
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
  display: inline-block;
  margin: 0px 10px 10px 0px;
  padding: 0px 0px 0px 15px;
  white-space: nowrap;
  vertical-align: top;
}

.SetBadges .BadgeOne.Image {
  height: auto;
  padding: 0px 5px;
  z-index: 2;
  text-align: center;
  overflow: visible;
  line-height: 13px;
  vertical-align: top;
}

.SetBadges .BadgeOne.Image img {
  height: auto;
  max-height: 22px;
  width: auto;
  max-width: 100%;
  vertical-align: top;
}

.SetBadges .BadgeOne span.Text {
  position: relative;
  top: 0px;
  left: -15px;
  display: block;
  height: 22px;
  line-height: 22px;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 10px;
  color: #fff;
  font-size: 13px;
  z-index: 2;
}

.SetBadges .BadgeOne.Image span.Text {
  color: #000;
  left: 0px;
  font-size: 12px;
}

.SetBadges .BadgeOne span.Pin {
  position: absolute;
  top: -4px;
  right: 7px;
  display: block;
  width: 30px;
  height: 30px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  z-index: 1;
}

.SetBadges .BadgeOne.Color01 span { /* keramická taška */
  background-color: #d9400b;
}

.SetBadges .BadgeOne.Color02 span { /* betonová taška */
  background-color: #7B6152;
}

.SetBadges .BadgeOne.Color03 span { /* plechová taška */
  background-color: #9f9f9f;
}

.SetBadges .BadgeOne.Color04 span { /* asfaltové šindele */
  background-color: #2c572f;
}

.SetBadges .BadgeOne.Color05 span { /* vláknocementová šablona */
  background-color: #233e6c;
}

.SetBadges .BadgeOne.Color06 span,
.SetBadges .BadgeOne.Colorplastová span { /* plastová šablona */
  background-color: #a64e6e;
}

/*# KONFIGURATOR / detail sestavy #*/
.DetailSestavySides {
  table-layout: fixed;
}

.DetailSestavySideLeft {
  position: relative;
  top: 0px;
  left: 0px;
  width: 262px;
  height: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}

.DetailSestavySideLeft ul,
.DetailSestavySideLeft ul li {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.DetailSestavySideLeft ul li {
  margin: 0px 0px -1px 0px;
}

.DetailSestavySideLeft ul li:hover {
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  z-index: 2;
}

.DetailSestavySideLeft ul a,
.DetailSestavySideLeft ul input.ConfSetToCart {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  display: block;
  margin: 0px;
  padding: 19px 15px 19px 70px;
  color: #000;
  line-height: 20px;
  text-transform: uppercase;
  text-decoration: none;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border: 1px solid #e6e6e6;
  background-position: 20px 50%;
  background-size: 26px 26px;
  background-repeat: no-repeat;
}

.DetailSestavySideLeft ul a.AskForPrice {
  background-color: #ee1c25;
  color: #fff;
}

.DetailSestavySideLeft ul a.AskForPrice:hover {
  background-color: #df141d;
  color: #fff;
}

.DetailSestavySideLeft ul input.ConfSetToCart {
  width: 100%;
  height: 66px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #fff;
  outline: none;
  border: none;
  text-transform: uppercase;
  background-image: url(/App_Themes/CM-Standard/Images/ico-cart.png);
  background-size: 24px 21px;
  text-align: left;
}

.DetailSestavySideLeft ul a.ConfSetToWS {
  background-image: url(/App_Themes/CM-Standard/Images/ico-pracovni-prostor.png);
  background-size: 20px 20px;
}

.DetailSestavySideLeft ul a.ConfSetSave {
  background-image: url(/App_Themes/CM-Standard/Images/ico-save.png);
  background-size: 20px 20px;
}

.DetailSestavySideLeft ul a.ConfSetSaveToSC {
  background-image: url(/App_Themes/CM-Standard/Images/ico-kosik-ulozeny.png);
  background-size: 23px 20px;
}

.DetailSestavySideLeft ul a.ConfSetSend {
  background-image: url(/App_Themes/CM-Standard/Images/ico-share.png);
  background-size: 24px 20px;
}

.DetailSestavySideLeft ul a.AskForPrice {
  background-image: url(/App_Themes/CM-Standard/Images/ico-ask-for-price.png);
  background-size: 22px 20px;
}

.DetailSestavySideLeft ul a.ConfSetEdit {
  background-image: url(/App_Themes/CM-Standard/Images/ico-edit2.png);
  background-size: 20px 20px;
}

.DetailSestavySideLeft ul a:hover,
.DetailSestavySideLeft ul .CMSListMenuHighlightedLI a {
  color: #ee1c25;
  text-decoration: none;
  border: 1px solid #e2e2e2;
}

.DetailSestavySideLeft ul li.PrehledObjednavek a {
  background-image: url("../scss/~/App_Themes/CM-Standard/Images/ico-menu-2.png");
}

.DetailSestavySideRight {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 0px 0px 32px;
  margin: 0px;
  overflow: hidden;
  vertical-align: top;
}

.DetailSestavySideRight h1 {
  margin: 0px 0px 30px 0px;
}

.DetailSestavySideRight .BlockWrap.DetailTabs {
  display: none;
}

/*# KONFIGURATOR / detail sestavy / fotogalerie #*/
.SetFoto {
  position: relative;
  top: 0px;
  left: 0px;
  height: auto;
  width: auto;
  height: auto;
  margin-bottom: 0px;
}

.SetFoto div.bxslider-foto-wrap {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  padding: 0px;
  margin: 10px 0px 22px 0px;
  text-align: center;
}

.SetFoto .DetailSetFotoOne {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  overflow: hidden;
  text-align: center;
}

.SetFoto div.bxslider-foto-wrap img {
  width: auto;
  height: auto;
}

.SetFoto .DetailSetFotoOne a {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  display: block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  z-index: 2;
}

.SetFoto .DetailSetFotoOne a img {
  vertical-align: middle;
}

.SetFoto ul,
.SetFoto li {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  width: auto;
  max-width: auto;
  height: auto;
  list-style-type: none;
}

/*# KONFIGURATOR / detail sestavy / fotogalerie / pager #*/
.SetFoto .bxslider-pager-wrap {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  padding: 0px;
  margin-bottom: 8px;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0px;
}

.SetFoto .bxslider-pager-wrap a {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: 68px;
  height: 68px;
  overflow: hidden;
  margin: 0px 14px 14px 0px;
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e8e8e8;
  vertical-align: top;
}

/*# KONFIGURATOR / detail sestavy / text #*/
.DetailSetText {
  padding: 15px 0px;
}

.DetailSetText p:first-of-type {
  margin-top: 0px;
}

.DetailSetText p:last-of-type {
  margin-bottom: 0px;
}

/*# KONFIGURATOR / detail sestavy / polozky #*/
.DetailSetItems {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin-top: 35px;
  padding: 0px;
}

.DetailSetItems h2 {
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: #000;
  margin: 15px 0px 20px 0px;
}

.SetItemsListWrap {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px 30px 0px;
  padding: 0px;
  font-size: 13px;
  line-height: 17px;
  color: #000;
}

.SetItemsListWrap > h3 {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 18px;
  text-transform: none;
  text-align: left;
}

.SetItemLine {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px -1px 0px;
  padding: 0px;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border: 1px solid #e6e6e6;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
}

.SetItemLine > a {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.SetItemLine:hover {
  border: 1px solid #e2e2e2;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  z-index: 2;
}

.SetItemsListWrap .Table {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

.SetItemsListWrap .TableCell {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
}

.SetItemsListWrap .Table.TableHead .TableCell {
  color: #808080;
  font-size: 13px;
}

.SetItemsListWrap .TableCell:first-child {
  padding-left: 15px;
}

.SetItemsListWrap .Number {
  white-space: nowrap;
  text-align: center;
}

.SetItemsListWrap .Number img {
  max-width: 80px;
  max-height: 80px;
}

.SetItemsListWrap .Unit {
  width: 50px;
  text-align: center;
}

.SetItemsListWrap .Discount {
  width: 60px;
  text-align: center;
  color: #ee1c25;
}

.SetItemsListWrap .SetUnits input {
  width: 60px;
  color: #000;
  font-size: 13px;
  text-align: center;
  padding: 0px 3px;
}

/*# KONFIGURATOR / graphic header #*/
/*.GraphicHeaderSlim {
    background-color: #fff;
    color: #fff;
}

.GraphicHeaderSlim.KlemPr {
    padding-bottom: 60px;
}

.GraphicHeaderSlim .BlockContent {
    height: 150px;
    font-size: 15px;
    background-image: url(/App_Themes/CM-Standard/Images/graphic-header-bg.png);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-color: gray;
}

.GraphicHeaderSlim.KlemPr .BlockContent {
    background-image: url(/App_Themes/CM-Standard/Images/Konfigurator-klempirskych-prvku.jpg);
}

.GraphicHeaderSlim.Okapy .BlockContent {
    background-image: url(/App_Themes/CM-Standard/Images/Konfigurator-okapovych-systemu.jpg);
}

.GraphicHeaderSlimContentWrap {
    display: table-cell;
    height: 150px;
    vertical-align: middle;
    padding-left: 52px;
    font-size: 18px;
}

.GraphicHeaderSlimContentWrap.KlemPr {
    padding-right: 52px;
}

.GraphicHeaderSlimContentWrap p {
    margin: 0px;
}

.GraphicHeaderSlim h1 {
    color: #fff;
    margin: 0px 0px 5px 0px;
    font-weight: 700;
    font-size: 28px;
}*/
/*# KONFIGURATOR / text perex #*/
.BlockWrap.ConfigPerex {
  background: #fff;
}

.BlockWrap.ConfigPerex .BlockContent {
  padding: 50px 25px;
  font-size: 13px;
  line-height: 18px;
}

.BlockWrap.ConfigPerex .BlockContent h2 {
  font-size: 30px;
  line-height: 38px;
  margin: 0px 0px 30px 0px;
  font-weight: 300;
}

/*# KONFIGURATOR / Typ strechy #*/
.BlockWrap.Config {
  background: #fff;
}

.BlockWrap.Config .BlockContent {
  padding: 0px 0px 65px 0px;
}

#tabsStrechaTyp > ul,
#tabsStrechaTyp > ul li {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
  text-align: center;
  border-bottom: 1px solid #e6e6e6;
}

#tabsStrechaTyp > ul li {
  position: relative;
  bottom: -1px;
  left: 0px;
  display: inline-block;
  margin: 0px 6px;
}

#tabsStrechaTyp > ul li.ui-state-active {
  background: #ee1c25;
  border-top: 1px solid #ee1c25;
}

#tabsStrechaTyp > ul a {
  position: relative;
  top: 2px;
  left: 0px;
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: auto;
  background: #fff;
  margin: 0px 0px 0px 0px;
  padding: 27px 40px 27px 120px;
  text-decoration: none;
  outline: none;
  white-space: nowrap;
  font-size: 20px;
  color: #000;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #f7f7f7;
  border-bottom: 1px solid #e6e6e6;
  background-color: #f7f7f7;
}

#tabsStrechaTyp > ul li.ui-state-active a {
  border: 1px solid #e6e6e6;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  background-color: #fff;
}

#tabsStrechaTyp > ul a.StrechaTypPlocha {
  background-image: url(/App_Themes/CM-Standard/Images/strecha-typ-plocha.png);
  background-repeat: no-repeat;
  background-position: 30px 50%;
}

#tabsStrechaTyp > ul a.StrechaTypSikma {
  background-image: url(/App_Themes/CM-Standard/Images/strecha-typ-sikma.png);
  background-repeat: no-repeat;
  background-position: 30px 50%;
}

#tabsStrechaTyp > ul.KlemPr {
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  margin-bottom: 60px;
}

#tabsStrechaTyp > ul.KlemPr li {
  flex-basis: 48%;
  display: flex;
}

#tabsStrechaTyp > ul.KlemPr a {
  white-space: normal;
  display: flex;
  flex-basis: 100%;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  font-size: 18px;
}

#tabsStrechaTyp > ul.KlemPr a.Klemp1 {
  background-image: url(/App_Themes/CM-Standard/Images/klemp/oplechovani-strech-fasad.png);
  background-repeat: no-repeat;
  background-position: 30px 50%;
  background-size: 70px 51px;
}

#tabsStrechaTyp > ul.KlemPr a.Klemp2 {
  background-image: url(/App_Themes/CM-Standard/Images/klemp/oplechovani-folii.png);
  background-repeat: no-repeat;
  background-position: 23px 50%;
  background-size: 70px 51px;
}

#tabsStrechaTyp > ul.KlemPr a.Klemp3 {
  background-image: url(/App_Themes/CM-Standard/Images/klemp/parapety.png);
  background-repeat: no-repeat;
  background-position: 25px 50%;
  background-size: 70px 51px;
}

.ConfigBlockWrap {
  padding: 35px 0px 35px 0px;
  border-bottom: 1px solid #e6e6e6;
}

.ConfigBlockWrap.OkapyBlock.Opened #cfgOkapDetail .ConfigBlockWrap {
  border-top: 1px solid #e6e6e6;
  border-bottom: none;
  padding-bottom: 0px;
}

.ConfigBlockWrap.OkapyBlock.Opened #cfgOkapDetail .ConfigBlockWrap {
  border-top: 1px solid #e6e6e6;
  border-bottom: none;
  padding-bottom: 0px;
}

.ConfigBlockWrap.OkapyBlock.Opened #cfgOkapDetail .ConfigBlockWrap.HAK,
.ConfigBlockWrap.OkapyBlock.Opened #cfgOkapDetail .ConfigBlockWrap.MATER {
  padding-bottom: 25px;
}

.ConfigBlockWrap.OkapyBlock.Opened #cfgOkapDetail .ConfigBlockWrap.RS {
  border-top: none;
  border-bottom: none;
  padding-top: 25px;
}

.ConfigBlockWrap.Barva .CountTitle,
.ConfigBlockWrap.Material .CountTitle,
.ConfigBlockWrap.Prvek .CountTitle {
  margin-bottom: 25px;
  margin-top: 10px;
}

.ConfigBlockWrap.Barva .ConfigTypesWrap,
.ConfigBlockWrap.Material .ConfigTypesWrap,
.ConfigBlockWrap.Prvek .ConfigTypesWrap {
  margin-top: 15px;
  margin-bottom: 15px;
}

.ConfigTabContent {
  padding: 15px 0px 5px 0px;
}

.ConfigTabContent .ConfigBlockWrap {
  padding-bottom: 0px;
}

/*
.ConfigBlock {
display:none;
}

.ConfigBlockWrap.Opened .ConfigBlock {
display:block;
}
*/
.ConfigBlockWrap:last-of-type {
  border-bottom: none;
}

#tabsStrechaTyp + .ConfigBlockWrap {
  padding-top: 0px;
}

.ConfigTypesWrap,
.ConfigDoplnkyWrap {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 35px 0px 35px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 0px;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  flex-flow: row wrap;
}

.ConfigTypesWrap.pnlOknoOne {
  display: block;
}

.ConfigTypesWrap.pnlOknoOne .ConfigOknoMaterial,
.ConfigTypesWrap.pnlOknoOne .ConfigOknoOvladani,
.ConfigTypesWrap.pnlOknoOne .ConfigOknoProvedeni,
.ConfigTypesWrap.pnlOknoOne .ConfigOknoRozmer,
.ConfigTypesWrap.pnlOknoOne .ConfigOknoVyrobce {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  flex-flow: row wrap;
}

.ConfigTypesWrap.pnlVyberRS,
.ConfigTypesWrap.pnlVyberHAK,
.ConfigTypesWrap.pnlVyberTRN {
  justify-content: center;
  align-items: stretch;
}

.popupLinkOkapWrap .popupLinkOkap {
  display: inline-block;
  text-decoration: underline;
  color: #ee1c25;
  cursor: pointer;
}

.ConfigTypesWrap::after {
  content: "";
  flex: auto;
}

.ConfigTypesWrap.pnlVyberRS::after,
.ConfigTypesWrap.pnlVyberHAK::after,
.ConfigTypesWrap.pnlVyberTRN::after {
  display: none;
}

.OhybackaTable.Table,
.OhybackaTable.Table .TableRow,
.OhybackaTable.Table .TableCell {
  display: block;
  text-align: center;
}

.OhybackaTable.Table .TableCell:first-child {
  padding-bottom: 10px;
}

.ConfigTabContent .ConfigTypesWrap {
  margin-bottom: 0px;
}

.Config.Short .ConfigTabContent .ConfigTypesWrap {
  text-align: center;
}

.Config.Short .CountMainTable .TableCell:first-child {
  text-align: right;
}

.ConfigTypeOne {
  position: relative;
  top: 0px;
  left: 0px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 23%;
  flex-basis: 23%;
  height: auto;
  min-height: 65px;
  margin: 0px 1% 20px 1%;
  padding: 10px 20px 10px 90px;
  color: #000;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 16px 50%;
  background-size: 50px auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  text-align: left;
}
@media only screen and (max-width: 1000px) {
  .ConfigTypeOne {
    width: 31.3333333333%;
    flex-basis: 31.3333333333%;
    margin-left: 1%;
    margin-right: 1%;
  }
}
@media only screen and (max-width: 800px) {
  .ConfigTypeOne {
    width: 48%;
    flex-basis: 48%;
    margin-left: 1%;
    margin-right: 1%;
  }
}
@media only screen and (max-width: 550px) {
  .ConfigTypeOne {
    width: 100%;
    flex-basis: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.ConfigTypeOne.Disabled {
  border: 1px solid #e3e3e3;
  cursor: not-allowed;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

/*
.ConfigTypeOne:nth-child(4n+2) {
  margin-left:2%;
  margin-right:1%;
}

.ConfigTypeOne:nth-child(4n+3) {
  margin-left:1%;
  margin-right:2%;
}

.ConfigTypeOne:nth-child(-n+4) {
  margin-top:0px;
}
*/
.ConfigTypeOne .TextWrap {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding: 4px 0px;
}

.ConfigTypeOne .TextWrap > * {
  position: relative;
  display: block;
  width: 100%;
  flex-basis: 100%;
  height: auto;
  vertical-align: middle;
  font-size: 17px;
  line-height: 20px;
  text-transform: uppercase;
}

.ConfigTypeOne .TextWrap .OknoPrice-Fakro,
.ConfigTypeOne .TextWrap .OknoPrice-Velux {
  font-size: 12px;
  line-height: 16px;
  text-transform: none;
}

.ConfigTypeOne:hover,
.ConfigTypeOne.Selected {
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  z-index: 20;
}

.ConfigTypeOne.Disabled:hover {
  border: 1px solid #efefef;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  z-index: 20;
  color: #000;
  cursor: not-allowed;
}

.ConfigTypeOne a {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.ConfigTypeOne.Disabled a {
  cursor: not-allowed;
}

.ConfigTypeOne.Disabled a:hover {
  color: #000;
}

.ConfigTypeOne .doplnekPocetWrap {
  margin-bottom: 10px;
}

.ConfigTypeOne .doplnekPocetWrap input[type=text] {
  display: inline-block;
  width: 60px;
  padding: 0px 6px;
  z-index: 10;
}

.ConfigTypeOne:hover .Text,
.ConfigTypeOne.Selected .Text {
  color: #ee1c25;
}

.ConfigTypeOne.Disabled:hover .Text {
  color: #000;
}

.ConfigTypeOne .Checked {
  display: none;
}

.ConfigTypeOne.Selected .Checked {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  width: 22px;
  height: 22px;
  overflow: hidden;
  display: inline-block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-size: 17px;
  font-size: 0;
  background-image: url(/App_Themes/CM-Standard/Images/checked-green.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 22px 22px;
  background-color: #65b300;
  z-index: 20;
}

.CountTitle,
.CountTitleCheckbox,
.CountTitleCheckboxOkapy {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 30px 0px 30px 0px;
  padding: 0px;
}

.CountTitle span.TitleText,
.CountTitleCheckbox span.TitleText,
.CountTitleCheckboxOkapy span.TitleText {
  font-size: 20px;
  color: #000;
}

.CountTitleCheckbox span.TitleText,
.CountTitleCheckboxOkapy span.TitleText {
  text-transform: uppercase;
  display: inline-block;
  width: auto;
  height: auto;
  min-height: 20px;
  padding: 0px 0px 0px 35px;
  background-image: url(/App_Themes/CM-Standard/Images/checkbox.png);
  background-repeat: no-repeat;
  background-position: 0px 50%;
  background-size: 20px 20px;
  cursor: pointer;
}

.ConfigBlockWrap.Opened .CountTitleCheckbox span.TitleText,
.ConfigBlockWrap .CountTitleCheckboxOkapy span.TitleText.Checked {
  background-image: url(/App_Themes/CM-Standard/Images/checkbox-checked.png);
}

.CountTitle a {
  position: absolute;
  top: 0px;
  right: 0px;
  display: inline-block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
  font-size: 17px;
  background-image: url(/App_Themes/CM-Standard/Images/ico-cancel.png);
  background-repeat: no-repeat;
  background-position: 0px 50%;
  background-size: 8px 8px;
}

.CountTitle a.Remove {
  position: absolute;
  top: 0px;
  right: 0px;
  left: auto;
  width: 22px;
  height: 22px;
  overflow: hidden;
  display: inline-block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 17px;
  font-size: 0px;
  background-image: url(/App_Themes/CM-Standard/Images/ico-cancel-on-red.png);
  background-repeat: no-repeat;
  background-position: 0px 50%;
  background-size: 22px 22px;
  z-index: 20;
}

.CountTitle a.addMoreBtn {
  position: relative;
  top: 0px;
  right: 0px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  margin: 0px 15px 0px 15px;
  padding: 0px 25px 0px 46px;
  background-color: #d2d2d2;
  font-size: 17px;
  background-image: url(/App_Themes/CM-Standard/Images/ico-plus.png);
  background-repeat: no-repeat;
  background-position: 22px 50%;
  background-size: 13px 13px;
  color: #000;
  text-decoration: none;
}

.CountMainTable {
  width: 100%;
  margin-bottom: 20px;
}

.CountMainTable .TableCell {
  width: 33.333333333%;
  vertical-align: middle;
  font-size: 13px;
  line-height: 24px;
}

.CountMainTable .TableCell.Inputs {
  width: 34%;
}

.CountMainTable .TableCell.Inputs .ColorRed {
  font-weight: 700;
  display: inline-block;
  margin-right: 2px;
  font-size: 16px;
}

.CountMainTable .TableCell.Image {
  width: auto;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 25px;
}

.CountMainTable .TableCell.Text {
  width: 30%;
  vertical-align: middle;
}

.CountTable {
  width: 100%;
}

.CountTable .TableCell {
  width: auto;
  color: #000;
  vertical-align: middle;
  padding: 2px 0px;
  text-align: left;
  font-size: 14px;
}

.CountTable .TableCell input[type=text] {
  border: 1px solid #d2d2d2;
  height: 40px;
}

.CountTable .TableCell label {
  margin-right: 15px;
  white-space: nowrap;
}

.CountTable .TableCell input[type=text]:focus {
  border: 1px solid #000;
}

.ConfigMainBtn {
  position: relative;
  display: inline-block;
  width: auto;
  height: 50px;
  line-height: 50px;
  margin: 25px 0px 0px 0px;
  padding: 0px 23px 0px 40px;
  font-size: 15px;
  font-weight: 700;
  font-family: inherit;
  text-transform: none;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  font-style: normal;
  background-color: #65b300;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  background-image: url(/App_Themes/CM-Standard/Images/ico-check-white.png);
  background-repeat: no-repeat;
  background-position: 16px 50%;
  background-size: 15px 12px;
}

.ConfigMainBtn:hover {
  color: #fff;
}

.ncswitch {
  position: relative;
  display: inline-block;
  border: 1px solid #e6e6e6;
  padding: 3px 10px;
  cursor: pointer;
  margin: 3px 4px;
  min-width: 40px;
  text-align: center;
}

.ncswitch:first-of-type {
  margin-left: 0px;
}

.ncswitch.Selected {
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.25);
}

.ncswitch.Selected:after {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  content: " ";
  width: 12px;
  height: 12px;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 17px;
  font-size: 0;
  background-image: url(/App_Themes/CM-Standard/Images/checked-green.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 10px 10px;
  background-color: #65b300;
  z-index: 20;
}

.Objednavka {
  border-top: 1px solid #e6e6e6;
  margin-top: 35px;
  padding-top: 30px;
  text-align: center;
}

.Objednavka.NoBorder {
  border: none;
}

.Objednavka.ViceTlacitek {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}

.Objednavka.ViceTlacitek > * {
  margin: 0px 10px 20px 10px;
}

.Objednavka.NoMargin {
  margin-top: 0px;
}

.Objednavka #ZvolenyProdukt {
  color: #000;
  font-size: 16px;
  margin-bottom: 10px;
  display: block;
}

.ObjednavkaFlex {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.ObjednavkaFlex > div {
  padding: 10px 0px;
}

.Objednavka .Label {
  display: inline-block;
  margin: 0px 10px;
}

@media only screen and (max-width: 950px) {
  .CountTitle {
    padding: 0px 35px;
  }
  .CountTitle a {
    position: relative;
    top: 0px;
    left: auto;
    right: auto;
    margin-top: 10px;
    margin-bottom: 25px;
  }
  .CountTitle span.TitleText {
    display: block;
  }
  .CountMainTable,
  .CountMainTable > .TableRow,
  .CountMainTable > .TableRow > .TableCell {
    display: block !important;
    width: auto;
  }
  .CountTable .TableCell label {
    white-space: normal;
  }
  .CountMainTable > .TableRow > .TableCell .Table .TableCell:first-of-type {
    text-align: right;
    padding-right: 15px;
  }
  .CountMainTable .TableCell.Inputs {
    width: 70%;
    margin: 0px auto 0px auto;
    text-align: center;
  }
  .CountMainTable .TableCell.Image {
    width: 100%;
    max-width: 360px;
    margin: 25px auto 0px auto;
    text-align: center;
  }
  .CountMainTable .TableCell.Text {
    text-align: center;
    width: 100%;
    max-width: 460px;
    margin: 25px auto 0px auto;
  }
}
@media only screen and (max-width: 650px) {
  .CountMainTable .TableCell,
  .CountMainTable > .TableRow > .TableCell .Table .TableCell:first-of-type {
    display: block;
    text-align: center;
  }
  .CountTable .TableCell input[type=text] {
    margin: 0px auto;
  }
  .CountTable .TableCell label,
  .CountMainTable > .TableRow > .TableCell .Table .TableCell:first-of-type {
    margin: 0px 0px 0px 0px;
  }
  .CountTable.Table {
    display: block;
  }
  .CountTable.Table .TableRow, .CountTable.Table .TableCell {
    display: block;
    text-align: center;
  }
}
@media only screen and (max-width: 600px) {
  .CountMainTable .TableCell,
  .CountMainTable > .TableRow > .TableCell .Table .TableCell:first-of-type {
    display: block;
    text-align: center;
  }
  .CountTable .TableCell input[type=text] {
    margin: 0px auto;
  }
  .CountTable .TableCell label,
  .CountMainTable > .TableRow > .TableCell .Table .TableCell:first-of-type {
    margin: 0px 0px 0px 0px;
  }
}
/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
.UcetSides {
  position: relative;
  padding: 0px 0px 25px 0px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
@media only screen and (max-width: 1050px) {
  .UcetSides {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.UcetSides .UcetSideLeft {
  position: relative;
  flex-basis: 250px;
  width: 250px;
  flex-shrink: 0;
  display: block;
}
@media only screen and (max-width: 1050px) {
  .UcetSides .UcetSideLeft {
    flex-basis: 100%;
    width: 100%;
  }
}
.UcetSides .UcetSideRight {
  position: relative;
  flex-basis: 100%;
  width: 100%;
  padding-left: 27px;
  display: block;
}
@media only screen and (max-width: 1050px) {
  .UcetSides .UcetSideRight {
    padding-left: 0px;
  }
}

/*# MUJ UCET #*/
/*# MUJ UCET / ulozene kosiky #*/
.StoredCartsListWrap {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px 30px 0px;
  padding: 0px;
  font-size: 13px;
  line-height: 17px;
  color: #000000;
}

.StoredCartListLine {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px -1px 0px;
  padding: 0px;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border: 1px solid #d7d7d7;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ffffff;
}

.StoredCartListLine:nth-child(even) {
  background: #f5f5f5;
}

.StoredCartListLine:hover {
  border: 1px solid #d7d7d7;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  z-index: 2;
}

.StoredCartsListWrap .Table {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

.StoredCartsListWrap .TableCell {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.StoredCartsListWrap .Table.TableHead .TableCell {
  color: #808080;
  font-size: 13px;
}

.StoredCartsListWrap .TableCell:first-child {
  padding-left: 20px;
}

.StoredCartsListWrap .Price {
  max-width: 120px !important;
  width: 16%;
}

.StoredCartsListWrap .Items {
  width: 120px !important;
  text-align: center;
}

.StoredCartsListWrap .Btns {
  text-align: right;
  width: 80px;
}

.StoredCartsListWrap .Flag {
  width: 80px;
}

.StoredCartsListWrap .Btns a {
  display: inline-block;
  margin: 4px 10px;
}

/*# MUJ UCET / ulozeny kosik detail #*/
.StoredCartItemsListWrap {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px 30px 0px;
  padding: 0px;
  font-size: 13px;
  line-height: 17px;
  color: #000000;
}

.StoredCartItemsListWrap h2 {
  margin-top: 20px;
  margin-bottom: 15px;
}

.StoredCartItemsListLine {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px -1px 0px;
  padding: 0px;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border: 1px solid #d7d7d7;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ffffff;
}

.StoredCartItemsListLine:nth-child(even) {
  background: #f5f5f5;
}

.StoredCartItemsListLine:hover {
  border: 1px solid #d7d7d7;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  z-index: 2;
}

.StoredCartItemsListWrap .Table {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

.StoredCartItemsListWrap .TableCell {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.StoredCartItemsListWrap .Table.TableHead .TableCell {
  color: #808080;
  font-size: 13px;
}

.StoredCartItemsListWrap .TableCell:first-child {
  padding-left: 20px;
}

.StoredCartItemsListWrap .Price {
  max-width: 120px !important;
  width: 16%;
}

.StoredCartItemsListWrap .Number {
  width: 100px !important;
}

.StoredCartItemsListWrap .Items {
  width: 60px !important;
  text-align: center;
}

.StoredCartItemsListWrap .Amount {
  width: 85px;
}

.StoredCartItemsListWrap .Amount input[type=text] {
  width: 60px;
  font-size: 13px;
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
}

.StoredCartItemsListWrap .Btns {
  text-align: right;
  width: 90px;
  padding-right: 15px;
}

.StoredCartItemsListWrap .Btns a {
  display: inline-block;
  margin: 4px 10px;
}

.AddItemWrap {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  background-color: #fafafa;
  padding: 15px 10px;
  margin: 15px 0px 0px 0px;
}

.StoredCartItemsListWrap .Table.TableQOrder .TableCell:first-child {
  padding-left: 10px;
}

.Table.TableQOrder .Btns {
  text-align: right;
  width: 90px;
  padding-right: 15px;
}

.Table.TableQOrder .Btns a {
  display: inline-block;
  margin: 4px 10px;
}

.Table.TableQOrder input[type=text] {
  width: 60px;
  font-size: 13px;
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
  display: inline-block;
  margin-right: 15px;
}

.Table.TableQOrder input[type=text].txtQOrderCode {
  width: 160px;
  text-align: left;
}

.Table.TableQOrder .Code {
  width: 170px;
}

.Table.TableQOrder .TableCell.Quantity {
  width: 100px;
}

.Table.TableQOrder .TableCell {
  padding: 0px 10px;
}

.Table.TableQOrder .TableCell:first-of-type {
  padding-left: 0px;
}

.Table.TableQOrder .TableRow:first-of-type .TableCell {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 10px;
}

.Table.TableQOrder .TableRow:last-of-type .TableCell {
  padding-top: 10px;
}

.Table.TableQOrder label {
  margin: 0px 10px 0px 0px;
}

.StoredCartsBtns {
  margin-top: 25px;
  padding-top: 25px;
  text-align: right;
  font-size: 0px;
}

.StoredCartsBtns a {
  margin: 0px 10px 0px 0px;
}
.StoredCartsBtns a:last-of-type {
  margin-right: 0px;
}

/*# MUJ UCET / sides #*/
.ContentTop {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px;
}

.SignoutLinkWrap {
  display: none;
}

ul#MujUcetMenu {
  position: relative;
  top: 0px;
  margin: 0px;
  padding: 5px 15px 5px 15px;
  width: 100%;
  height: auto;
  border: 1px solid #d7d7d7;
  background: #f5f5f5;
  list-style-type: none;
}
@media only screen and (max-width: 1050px) {
  ul#MujUcetMenu {
    border: none;
    background: transparent;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    padding: 0px;
    flex-wrap: wrap;
    margin-bottom: 15px;
  }
}
ul#MujUcetMenu ul {
  position: relative;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  display: none;
}
ul#MujUcetMenu li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  z-index: 1;
}
ul#MujUcetMenu li img {
  display: none;
}
ul#MujUcetMenu li a {
  position: relative;
  display: block;
  color: #464646;
  text-decoration: none;
  font-size: 16px;
  line-height: 20px;
  padding: 9px 18px 7px 0px;
}
@media only screen and (max-width: 1050px) {
  ul#MujUcetMenu li a {
    border: 1px solid #d7d7d7;
    background: #f5f5f5;
    margin: 0px 5px 10px 5px;
    padding: 9px 28px 7px 10px;
  }
}
ul#MujUcetMenu li a:after {
  position: absolute;
  top: 12px;
  right: 0px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  font-size: 10px;
  width: 10px;
  height: 12px;
  line-height: 18px;
  text-align: center;
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  color: #01a0e1;
}
@media only screen and (max-width: 1050px) {
  ul#MujUcetMenu li a:after {
    right: 10px;
    content: "\f078";
  }
}
ul#MujUcetMenu > li {
  border-bottom: 1px dashed #d7d7d7;
}
@media only screen and (max-width: 1050px) {
  ul#MujUcetMenu > li {
    border: none;
  }
}
ul#MujUcetMenu > li > a {
  color: #2e2e2e;
  font-weight: 500;
}
ul#MujUcetMenu > li:last-child {
  border-bottom: none;
}
ul#MujUcetMenu > li > ul {
  margin: 0px 0px 10px 0px;
  padding-bottom: 3px;
  z-index: 1;
}
ul#MujUcetMenu > li > ul:before {
  position: absolute;
  top: 0px;
  left: 6px;
  display: block;
  content: "";
  background: #d7d7d7;
  width: 1px;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
ul#MujUcetMenu > li > ul li {
  z-index: 2;
}
ul#MujUcetMenu > li > ul li.HasChildren {
  background-position: 0px 7px;
}
ul#MujUcetMenu > li > ul li > ul li {
  background-repeat: no-repeat;
  background-size: 13px 17px;
  background-position: 24px 7px;
  background-image: url("/App_Themes/OS-Standard/images/menu-under.png");
  padding-left: 20px;
}
ul#MujUcetMenu > li > ul a {
  color: #5e5e5e;
  padding: 6px 18px 4px 26px;
}

/*.SignoutLinkWrap a {
    position: relative;
    top: 0px;
    left: 0px;
    display: inline-block;
    width: auto;
    height: 21px;
    line-height: 21px;
    text-decoration: none;
    padding: 0px 0px 0px 32px;
    color: #808080;
    background-position: 0px 0px;
    background-size: 21px 21px;
    background-repeat: no-repeat;
    background-image: url('../scss/~/App_Themes/CM-Standard/Images/ico-signout.png');
}

.SignoutLinkWrap a:hover {
    text-decoration: none;
    color: #ee1c25;
}

.UcetSideLeft {
    width: 262px;
    height: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}

.UcetSideLeft ul.CMSListMenuUL,
.UcetSideLeft ul.CMSListMenuUL li,
.ContentTop ul#MujUcetMenu,
.ContentTop ul#MujUcetMenu li {
    position: relative;
    top: 0px;
    left: 0px;
    width: auto;
    height: auto;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.UcetSideLeft ul.CMSListMenuUL li {
    margin: 0px 0px -1px 0px;
}

.UcetSideLeft ul.CMSListMenuUL li:hover,
.ContentTop ul#MujUcetMenu li:hover {
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25);
    z-index: 2;
}

.UcetSideLeft ul.CMSListMenuUL a,
.ContentTop ul#MujUcetMenu a {
    position: relative;
    top: 0px;
    left: 0px;
    width: auto;
    height: auto;
    display: block;
    margin: 0px;
    padding: 10px 15px 10px 50px;
    color: $barva-cerna;
    text-transform: uppercase;
    text-decoration: none;
    border-top: 1px solid $barva-seda-01;
    border-left: 1px solid $barva-seda-01;
    border-right: 1px solid $barva-seda-01;
    border: 1px solid $barva-seda-01;
    background-position: 10px 9px;
    background-size: 26px 26px;
    background-repeat: no-repeat;
}

.UcetSideLeft ul.CMSListMenuUL a:hover,
.UcetSideLeft ul.CMSListMenuUL .CMSListMenuHighlightedLI a,
.ContentTop ul#MujUcetMenu a:hover,
.ContentTop ul#MujUcetMenu .CMSListMenuHighlightedLI a {
    color: #ee1c25;
    text-decoration: none;
    border: 1px solid $barva-seda-01;
}

.UcetSideLeft ul.CMSListMenuUL li.ObjednavkyColeman a,
.ContentTop ul#MujUcetMenu li.ObjednavkyColeman a {
    background-size: 24px 24px;
    background-position: 11px 11px;
    background-image: url('../scss/~/App_Themes/CM-Standard/Images/ico/ico-objednavky-coleman.png');
}

.UcetSideLeft ul.CMSListMenuUL li.ObjednavkyZakaznikum a,
.ContentTop ul#MujUcetMenu li.ObjednavkyZakaznikum a {
    background-size: 24px 24px;
    background-position: 11px 11px;
    background-image: url('../scss/~/App_Themes/CM-Standard/Images/ico/ico-objednavky-zakaznikum.png');
}

.UcetSideLeft ul.CMSListMenuUL li.DodaciListyColeman a,
.ContentTop ul#MujUcetMenu li.DodaciListyColeman a {
    background-size: 24px 24px;
    background-position: 11px 11px;
    background-image: url('../scss/~/App_Themes/CM-Standard/Images/ico/ico-dodaci-listy-coleman.png');
}

.UcetSideLeft ul.CMSListMenuUL li.FakturyColeman a,
.ContentTop ul#MujUcetMenu li.FakturyColeman a {
    background-size: 24px 24px;
    background-position: 11px 11px;
    background-image: url('../scss/~/App_Themes/CM-Standard/Images/ico/ico-faktury-coleman.png');
}


.UcetSideLeft ul.CMSListMenuUL li.VernostniProgram a,
.ContentTop ul#MujUcetMenu li.VernostniProgram a {
    background-size: 21px 21px;
    background-position: 14px 14px;
    background-image: url('../scss/~/App_Themes/CM-Standard/Images/ico-loyalty.png');
}


.UcetSideLeft ul.CMSListMenuUL li.RabatovyList a,
.ContentTop ul#MujUcetMenu li.RabatovyList a {
    background-image: url('../scss/~/App_Themes/CM-Standard/Images/ico-discount.png');
}

.UcetSideLeft ul.CMSListMenuUL li.EditaceOsobnichUdaju a,
.ContentTop ul#MujUcetMenu li.EditaceOsobnichUdaju a {
    background-image: url('../scss/~/App_Themes/CM-Standard/Images/ico-edit.png');
}

.UcetSideLeft ul.CMSListMenuUL li.UlozeneKonfigurace a,
.ContentTop ul#MujUcetMenu li.UlozeneKonfigurace a {
    background-size: 19px 16px;
    background-position: 15px 15px;
    background-image: url('../scss/~/App_Themes/CM-Standard/Images/ico-ulozene-konfigurace.png');
}

.UcetSideLeft ul.CMSListMenuUL li.UlozeneKosiky a,
.ContentTop ul#MujUcetMenu li.UlozeneKosiky a {
    background-size: 20px 16px;
    background-position: 15px 15px;
    background-image: url('../scss/~/App_Themes/CM-Standard/Images/ico-ulozene-kosiky.png');
}

.UcetSideLeft ul.CMSListMenuUL li.MujPracovniProstor a,
.ContentTop ul#MujUcetMenu li.MujPracovniProstor a {
    background-size: 12px 16px;
    background-position: 15px 15px;
    background-image: url('../scss/~/App_Themes/CM-Standard/Images/ico-pracovni-prostor.png');
}

.UcetSideLeft ul.CMSListMenuUL li.MojePrace a,
.ContentTop ul#MujUcetMenu li.MojePrace a {
    background-size: 20px 20px;
    background-position: 15px 15px;
    background-image: url('../scss/~/App_Themes/CM-Standard/Images/ico-moje-prace.png');
}

.UcetSideLeft ul.CMSListMenuUL li.NabidkyZakaznikum a,
.ContentTop ul#MujUcetMenu li.NabidkyZakaznikum a {
    background-size: 24px 24px;
    background-position: 11px 11px;
    background-image: url('../scss/~/App_Themes/CM-Standard/Images/ico/ico-nabidky-zakaznikum.png');
}

.UcetSideLeft ul.CMSListMenuUL li.FakturyZakaznikum a,
.ContentTop ul#MujUcetMenu li.FakturyZakaznikum a {
    background-size: 24px 24px;
    background-position: 11px 11px;
    background-image: url('../scss/~/App_Themes/CM-Standard/Images/ico/ico-faktury-zakaznikum.png');
}

.UcetSideLeft ul.CMSListMenuUL li.NabidkyColeman a,
.ContentTop ul#MujUcetMenu li.NabidkyColeman a {
    background-size: 24px 24px;
    background-position: 11px 11px;
    background-image: url('../scss/~/App_Themes/CM-Standard/Images/ico/ico-nabidky-coleman.png');
}

.UcetSideLeft ul.CMSListMenuUL li.Navody a,
.ContentTop ul#MujUcetMenu li.Navody a {
    background-size: 22px 17px;
    background-position: 14px 15px;
    background-image: url('../scss/~/App_Themes/CM-Standard/Images/ico-manual.png');
}

.ContentTop ul#MujUcetMenu,
.ContentTop ul#MujUcetMenu li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.ContentTop ul#MujUcetMenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 15px;
    width: 100%;
}

.ContentTop ul#MujUcetMenu li {
    margin: 0px 5px 10px 5px;
}

.UcetSideLeft ul.CMSListMenuUL li.Aplikace a,
.ContentTop ul#MujUcetMenu li.Aplikace a {
    background-size: 16px 18px;
    background-position: 15px 15px;
    background-image: url('../scss/~/App_Themes/CM-Standard/Images/ico-aplikace.png');
}*/
.UcetSideRight {
  width: auto;
  height: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 0px 0px 32px;
  vertical-align: top;
}

.UcetSideRight h1 {
  margin: 0px 0px 30px 0px;
}

/*# MUJ UCET / rabatovy list #*/
.RabatovyListHeadWrap {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  background-color: #f5f5f5;
  margin: 0px 0px 25px 0px;
  padding: 25px;
  text-align: center;
}

.RabatovyListHeadWrap .Table .TableCell {
  width: 50%;
  text-align: left;
  color: #000000;
  line-height: 22px;
  vertical-align: top;
  padding: 4px 0px;
  padding-left: 15px;
}

.RabatovyListHeadWrap .Table .TableCell:nth-child(odd) {
  text-align: right;
  padding-right: 15px;
  color: gray;
}

h2.RabListGroupTitle {
  margin-bottom: 15px;
  margin-top: 35px;
}

.RabListLine .TableCell {
  border-bottom: 1px solid #e8e8e8;
  color: #000000;
}

.RabListLine .Table.TabHead .TableCell {
  color: gray;
  font-size: 13px;
}

.RabListLine .Number {
  width: 20%;
}

.RabListLine .Desc {
  width: auto;
}

.RabListLine .Discount {
  width: 110px;
  text-align: center;
}

/*# MUJ UCET / faktura detail #*/
.Table.InvoiceDetails {
  margin: 20px 0px 35px 0px;
}

.Table.InvoiceDetails .TableCell {
  padding: 5px 0px;
  border-bottom: 1px solid #d7d7d7;
}

.Table.InvoiceDetails .TableCell:nth-child(1) {
  width: 30%;
  white-space: nowrap;
}

.Table.InvoiceDetails .TableCell:nth-child(2) {
  color: #000000;
}

/*# MUJ UCET / faktura detail / polozky #*/
.InvoiceItemsListWrap {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px 30px 0px;
  padding: 0px;
  font-size: 13px;
  line-height: 17px;
  color: #000000;
}

.InvoiceItemsListLine {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px -1px 0px;
  padding: 0px;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border: 1px solid #d7d7d7;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ffffff;
}

.InvoiceItemsListLine:nth-child(even) {
  background: #f5f5f5;
}

.InvoiceItemsListLine > a {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  display: none;
}

.InvoiceItemsListLine:hover {
  border: 1px solid #d7d7d7;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  z-index: 2;
}

.InvoiceItemsListWrap .Table {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

.InvoiceItemsListWrap .TableCell {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.InvoiceItemsListWrap .InvoiceItemOuterTable > .TableRow > .TableCell {
  padding: 0px;
}

.InvoiceItemsListWrap .InvoiceItemOuterTable > .TableRow:nth-child(1) > .TableCell .Table .TableCell {
  border-bottom: 1px dotted #d7d7d7;
}

.InvoiceItemsListWrap .Table.TableHead .TableCell {
  color: #808080;
  font-size: 13px;
}

.InvoiceItemsListWrap .TableCell:first-child {
  padding-left: 10px;
}

.InvoiceItemsListWrap .Number {
  width: 10%;
  text-align: left;
}

.InvoiceItemsListWrap .Items {
  width: 10%;
  text-align: center;
}

.InvoiceItemsListWrap .Unit {
  width: 10%;
  text-align: left;
}

.InvoiceItemsListWrap .Price {
  max-width: 120px !important;
  width: 18%;
}

.InvoiceItemsListWrap .TableCell.State {
  padding-left: 0px;
  padding-right: 0px;
  width: 40px;
  text-align: right;
  padding-right: 15px;
}

.InvoiceItemsListWrap .State .OrderState {
  width: 20px;
  font-size: 0px;
  vertical-align: top;
  padding: 0px;
}

.InvoiceItemsListWrap .ShowDetail {
  text-align: center;
  width: 30px;
  padding-right: 10px;
  padding-left: 0px;
}

.InvoiceItemsListWrap .ShowDetail .IcoDetail {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-position: 50% 50%;
  background-size: 20px 13px;
  background-repeat: no-repeat;
  background-image: url("../scss/~/App_Themes/CM-Standard/Images/ico-eye.png");
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.InvoiceItemsListLine:hover .ShowDetail .IcoDetail {
  filter: alpha(opacity=100);
  opacity: 1;
}

.InvoiceItemOuterTable .TableRow:nth-child(2) .Table {
  color: gray;
}

.InvoiceItemOuterTable .TableRow:nth-child(2) .Table .TableCell.Price,
.InvoiceItemOuterTable .TableRow:nth-child(2) .Table .TableCell.VAT {
  width: 14% !important;
  text-align: center;
}

.InvoiceItemOuterTable .TableRow:nth-child(2) .Table .TableCell.DiscPrc {
  width: 100px !important;
  text-align: center;
}

/*# MUJ UCET / faktury list #*/
.InvoiceListWrap {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px 30px 0px;
  padding: 0px;
  font-size: 13px;
  line-height: 17px;
  color: #000000;
}

.InvoiceListLine {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px -1px 0px;
  padding: 0px;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border: 1px solid #d7d7d7;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ffffff;
}

.InvoiceListLine.GroupEven {
  background: #f5f5f5;
}

.InvoiceListLine > a {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.InvoiceListLine:hover {
  border: 1px solid #d7d7d7;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  z-index: 2;
}

.InvoiceListWrap .Table {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

.InvoiceListWrap .TableCell {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.InvoiceListWrap .InvoiceOuterTable > .TableRow > .TableCell {
  padding: 0px;
}

.InvoiceListWrap .InvoiceOuterTable > .TableRow:nth-child(1) > .TableCell .Table .TableCell {
  padding-bottom: 0px;
}

.InvoiceListWrap .Table.TableHead .TableCell {
  color: #808080;
  font-size: 13px;
}

.InvoiceListWrap .TableCell:first-child {
  padding-left: 10px;
}

.InvoiceListWrap .Number {
  width: auto;
  text-align: left;
}

.InvoiceListWrap .Price {
  max-width: 120px !important;
}

.InvoiceListWrap .Action {
  width: 50%;
  text-align: left;
  font-weight: 600;
}

.InvoiceListWrap .OrderNo {
  width: 30%;
  text-align: left;
  font-weight: 600;
}

.InvoiceListWrap .TableCell.State {
  padding-left: 0px;
  padding-right: 0px;
  width: 30px;
  text-align: left;
}

.InvoiceListWrap .State .OrderState {
  width: 20px;
  font-size: 0px;
  vertical-align: top;
}

.InvoiceListWrap .ShowDetail {
  text-align: center;
  width: 30px;
  padding-right: 15px;
  padding-left: 0px;
}

.InvoiceListWrap .ShowDetail .IcoDetail {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-position: 50% 50%;
  background-size: 20px 13px;
  background-repeat: no-repeat;
  background-image: url("../scss/~/App_Themes/CM-Standard/Images/ico-eye.png");
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.InvoiceListLine:hover .ShowDetail .IcoDetail {
  filter: alpha(opacity=100);
  opacity: 1;
}

/*# MUJ UCET / objednavky list #*/
.OrderListWrap {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px 30px 0px;
  padding: 0px;
  font-size: 13px;
  line-height: 17px;
  color: #000000;
}

.OrderListLine {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px -1px 0px;
  padding: 0px;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border: 1px solid #d7d7d7;
  background-color: #ffffff;
}
.OrderListLine:hover {
  border: 1px solid #d7d7d7;
  -webkit-box-shadow: inset 0px 0px 18px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 18px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 18px 1px rgba(0, 0, 0, 0.15);
  z-index: 2;
}

.OrderListLine:nth-child(even) {
  background: #f5f5f5;
}

.OrderListLine > a {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.OrderListWrap .Table {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

.OrderListWrap .TableCell {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.OrderListWrap .Table.TableHead .TableCell {
  color: #808080;
  font-size: 13px;
}

.OrderListWrap .TableCell:first-child {
  padding-left: 20px;
}

.OrderListWrap .Number {
  width: auto;
  text-align: left;
}

.OrderListWrap .Price {
  max-width: 120px !important;
}

.OrderListWrap .State {
  width: auto;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}

.OrderListWrap .ShowDetail {
  text-align: center;
  width: 6%;
  padding-right: 15px;
}

.OrderListWrap .ShowDetail .IcoDetail {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: 50% 50%;
  background-size: 20px 13px;
  background-repeat: no-repeat;
  background-image: url("../scss/~/App_Themes/CM-Standard/Images/ico-eye.png");
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.OrderListLine:hover .ShowDetail .IcoDetail {
  filter: alpha(opacity=100);
  opacity: 1;
}

/*# MUJ UCET / objednavky list / filtr #*/
.OrderListFilterWrap {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px 10px 0px;
  padding: 12px 22px;
  background-color: #f5f5f5;
  border: 1px solid #d7d7d7;
  color: #000000;
}

.Table.FilterTopRow {
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 10px;
}

.Table.FilterTopRow .TableCell {
  padding-bottom: 5px;
  vertical-align: top;
}

.Table.FilterTopRow .FilterLabel {
  display: inline-block;
  margin-right: 20px;
}

.Table.FilterTopRow .OrderNo {
  padding-left: 10px;
}

.Table.FilterTopRow .OrderNo .FilterLabel {
  margin-right: 0px;
}

.Table.FilterTopRow .OrderNo input[type=text] {
  margin-left: 18px;
}

.Table.FilterTopRow .InputsWrap {
  display: inline-block;
}

.Table.FilterTopRow input[type=text] {
  margin-bottom: 10px;
}

.OrderListFilterWrap .TableCell:nth-child(1) {
  text-align: left;
  vertical-align: top;
}

.OrderListFilterWrap .TableCell:nth-child(2) {
  text-align: right;
  vertical-align: top;
}

.Table.FilterTopRow input[type=text] {
  display: inline;
}

.Table.FilterTopRow .DateBetween input[type=text] {
  width: 160px;
  margin-right: 10px;
}

.Table.FilterTopRow .OrderNo input[type=text] {
  width: 160px;
}

.Table.FilterBottomRow {
  line-height: 40px;
}

.Table.FilterBottomRow .OrderState span,
.Table.FilterBottomRow .OrderState span {
  margin-bottom: 10px;
}

.Table.FilterBottomRow .OrderState {
  padding-left: 0px;
  vertical-align: middle;
  padding-top: 5px;
}

.Table.FilterBottomRow .OrderState .FilterLabel {
  display: inline-block;
  margin-right: 20px;
}

/*.Table.FilterBottomRow .OrderSubmit input[type="submit"] {
    width: 40px;
    height: 40px;
    font-size: 0px;
    background-color: #ee1c25;
    background-position: 50% 50%;
    background-size: 22px 23px;
    background-repeat: no-repeat;
    background-image: url('../scss/~/App_Themes/CM-Standard/Images/ico-lupa-white.png');
}*/
.OrderListFilterWrap input[type=checkbox]:not(old) + label {
  background-position: 0px 1px;
  margin-bottom: 10px;
}

/*# MUJ UCET / objednavka detail #*/
.OrderDetailWrap {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px;
}

.OrderStateWrap {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: 18px;
  margin: 18px 0px 18px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
}

.OrderState {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  line-height: 18px;
  color: #000000;
  padding: 0px 0px 0px 30px;
}

.OrderState .StateSquare {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: top;
  background-color: #ed1c24;
}

.OrderState.Uhrazeno .StateSquare,
.OrderState.Vyrizeno .StateSquare,
.OrderState.AvailOnStocl .StateSquare {
  background-color: #65b300;
}

.OderDetailLinkWrap {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: 18px;
  margin: 18px 0px 18px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
}

a.OrderDetailLink {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 30px;
  background-position: 0px 0px;
  background-size: 17px 24px;
  background-repeat: no-repeat;
  background-image: url("../scss/~/App_Themes/CM-Standard/Images/ico-file.png");
  color: #000000;
  text-decoration: underline;
}

a.OrderDetailLink:hover {
  text-decoration: underline;
}

.Table.OrderDetails {
  margin: 20px 0px 35px 0px;
}

.Table.OrderDetails .TableCell {
  padding: 15px 0px;
  border-bottom: 1px solid #d7d7d7;
}

.Table.OrderDetails .TableCell:nth-child(1) {
  width: 30%;
  white-space: nowrap;
}

.Table.OrderDetails .TableCell:nth-child(2) {
  color: #000000;
}

/*# MUJ UCET / objednavka detail / polozky #*/
.OrderItemsListWrap {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px 30px 0px;
  padding: 0px;
  font-size: 13px;
  line-height: 17px;
}

.OrderItemsListLine {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px -1px 0px;
  padding: 0px;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border: 1px solid #d7d7d7;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ffffff;
}

.OrderItemsListLine:nth-child(even) {
  background: #f5f5f5;
}

.OrderItemsListLine > a {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.OrderItemsListLine:hover {
  border: 1px solid #d7d7d7;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  z-index: 2;
}

.OrderItemsListWrap .Table {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

.OrderItemsListWrap .TableCell {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.OrderItemsListWrap .Table.TableHead .TableCell {
  color: #808080;
  font-size: 13px;
}

.OrderItemsListWrap .Number {
  width: auto;
  text-align: center;
  white-space: nowrap;
}

.OrderItemsListWrap .Number img {
  max-width: 80px;
  max-height: 80px;
}

.OrderItemsListWrap .Number span {
  display: block;
}

.OrderItemsListWrap .Title {
  width: auto;
}

.OrderItemsListWrap .Price {
  max-width: 120px !important;
  color: #000000;
}

.OrderItemsListWrap .Amount {
  width: 12%;
}

.OrderItemsListWrap .State {
  text-align: left;
  padding-left: 0px;
  padding-right: 10px;
}

.OrderItemsListWrap .ShowDetail {
  text-align: center;
  width: 6%;
  padding-right: 15px;
  display: none;
}

.OrderItemsListWrap .ShowDetail .IcoDetail {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: 50% 50%;
  background-size: 20px 13px;
  background-repeat: no-repeat;
  background-image: url("../scss/~/App_Themes/CM-Standard/Images/ico-eye.png");
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.OrderItemsListLine:hover .ShowDetail .IcoDetail {
  filter: alpha(opacity=100);
  opacity: 1;
}

/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
.BlockWrap.SearchResultsTabs {
  padding-left: 0px;
  padding-right: 0px;
}
.BlockWrap.SearchResultsTabs .ContentLabel {
  display: block;
  text-align: center;
  margin: 65px 0px;
  font-weight: 500;
  color: #01a0e1;
  font-size: 20px;
}

/*# VYHLEDAVANI #*/
.search-dialog {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px 35px 0px;
  padding: 25px 35px;
  background-color: #f5f5f5;
  border: 1px solid #d7d7d7;
  text-align: center;
}

.search-dialog .form-horizontal {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: 70%;
}
@media only screen and (max-width: 900px) {
  .search-dialog .form-horizontal {
    width: 80%;
  }
}
@media only screen and (max-width: 700px) {
  .search-dialog .form-horizontal {
    width: 100%;
  }
}
@media only screen and (max-width: 500px) {
  .search-dialog .form-horizontal {
    display: block;
  }
}

.search-dialog .form-horizontal .form-group {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  display: table;
  padding: 0px 0px 0px 0px;
}
@media only screen and (max-width: 500px) {
  .search-dialog .form-horizontal .form-group {
    display: block;
  }
}

.search-dialog .form-horizontal .form-group.form-group-submit {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  padding-left: 120px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}
@media only screen and (max-width: 500px) {
  .search-dialog .form-horizontal .form-group.form-group-submit {
    padding-left: 0px;
    text-align: center;
  }
}

.search-dialog .form-horizontal .form-group .editing-form-label-cell,
.search-dialog .form-horizontal .form-group .editing-form-value-cell {
  display: table-cell;
  vertical-align: top;
}
@media only screen and (max-width: 500px) {
  .search-dialog .form-horizontal .form-group .editing-form-label-cell,
  .search-dialog .form-horizontal .form-group .editing-form-value-cell {
    display: block;
    text-align: center;
  }
}

.search-dialog .form-horizontal .form-group .editing-form-label-cell {
  text-align: right;
  padding-right: 10px;
  width: 120px;
  height: 40px;
  line-height: 40px;
}
@media only screen and (max-width: 500px) {
  .search-dialog .form-horizontal .form-group .editing-form-label-cell {
    display: block;
    text-align: center;
    width: 100%;
  }
}

.search-dialog input[type=text] {
  min-width: 100%;
  width: 100%;
  vertical-align: top;
}

.search-dialog input[type=submit] {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  margin-top: 15px;
}

.BlockWrap.SearchResultsTabs {
  background-color: #ffffff;
}

.SearchResultsTabs .BlockContent {
  padding-top: 0px;
  padding-bottom: 0px;
}

.SearchResultsTabs .ui-tabs-panel {
  padding: 20px 0px 0px 0px;
}

#SearchResultsTabs .ProductSides {
  padding: 0px 0px 0px 0px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
#SearchResultsTabs .ProductSides .ProductSideLeft {
  position: relative;
  top: 0px;
  flex-basis: 250px;
  width: 250px;
  flex-shrink: 0;
  z-index: 5;
}
@media only screen and (max-width: 1050px) {
  #SearchResultsTabs .ProductSides .ProductSideLeft {
    display: none;
  }
}
#SearchResultsTabs .ProductSides .ProductSideRight {
  position: relative;
  flex-basis: 100%;
  width: 100%;
  padding-left: 27px;
}
@media only screen and (max-width: 1050px) {
  #SearchResultsTabs .ProductSides .ProductSideRight {
    padding-left: 0px;
  }
}
#SearchResultsTabs .ProductSides .ProductSideRight .TextBefore {
  display: none;
}

/*# FILTER SLIM #*/
.FilterGroupWrap {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px 35px 0px;
  padding: 0px;
}

.FilterGroupTitle {
  text-transform: uppercase;
  border-bottom: 1px solid #d7d7d7;
  padding: 0px 0px 10px 0px;
  margin-bottom: 12px;
  color: #01a0e1;
  font-weight: 500;
  cursor: pointer;
  font-size: 16px;
}

.FilterGroupContent {
  display: none;
}

.FilterGroupWrap.Opened .FilterGroupContent {
  display: block;
}

.FilterGroupContent ul,
.FilterGroupContent li {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.FilterGroupContent .TableCell {
  vertical-align: top;
}

.FilterGroupContent .TableCell.InputCell01 {
  width: 25px;
}

.FilterGroupContent input[type=checkbox] {
  position: relative;
  top: 1px;
  margin-right: 15px;
  cursor: pointer;
}

.FilterGroupContent label {
  line-height: 20px;
  display: inline-block;
  color: #000;
  cursor: pointer;
  padding-top: 3px;
}

.filteritem,
.FilterReset,
.FiterContainerReset {
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
  width: auto;
  height: auto;
  min-height: 16px;
  margin: 15px 0px;
  padding: 0px 0px 0px 10px;
  font-size: 13px;
  line-height: 18px;
  color: #2e2e2e;
  background-image: url("../scss/~/App_Themes/CM-Standard/Images/checkbox-off.png");
  background-repeat: no-repeat;
  background-position: 0px 2px;
  background-size: 14px 14px;
  cursor: pointer;
}

.FilterReset.Btn01 {
  background-image: none;
  color: #fff;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0 23px;
  font-size: 15px;
  font-weight: 400;
  font-family: inherit;
  text-transform: uppercase;
  text-align: center;
}

.filteritem.Selected,
.FilterReset.Selected,
.FiterContainerReset.Selected {
  background-image: url("../scss/~/App_Themes/CM-Standard/Images/checkbox-on.png");
}

#filtertype_search {
  text-align: center;
  position: relative;
  top: 0px;
  left: 0px;
}

#filtertype_search input[type=text] {
  width: 100%;
  margin: 0px auto;
  text-align: left;
  padding-right: 40px;
}

#filtertype_search a {
  position: absolute;
  top: 5px;
  right: 5px;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(/App_Themes/CM-Standard/Images/ico-lupa.png);
  background-color: transparent;
  background-size: 22px 23px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  font-size: 0px;
}

/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
table[border="1"] {
  position: relative;
  top: 0px;
  left: 0px;
  border-collapse: collapse;
  border-color: #d7d7d7;
  border-top: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
table[border="1"] th {
  background: #f5f5f5;
}
table[border="1"] th, table[border="1"] td {
  border-bottom: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  padding: 5px 10px;
}

.CenikDopravyTable td:first-child {
  width: 180px;
}
.CenikDopravyTable th, .CenikDopravyTable td {
  white-space: nowrap;
}

@media only screen and (max-width: 450px) {
  .NarrowContent {
    text-align: center;
  }
}
@media only screen and (max-width: 450px) {
  .NarrowContent ul {
    list-style-type: none;
    margin: 15px 0px;
    padding: 0px;
  }
  .NarrowContent ul li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
  }
}

.QuickCotacts {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 25px 0px 40px 0px;
}
.QuickCotacts.Framed {
  padding: 0px 13px;
}
@media only screen and (max-width: 900px) {
  .QuickCotacts {
    flex-direction: column;
    text-align: center;
  }
}
.QuickCotacts p.Anotace {
  margin: 15px 20px;
}

.ContactTitle {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 46px;
  line-height: 24px;
  padding-left: 61px;
  margin: 20px 20px 20px 0px;
  text-decoration: none;
  color: #2e2e2e;
  font-weight: 500;
  font-size: 22px;
}
@media only screen and (max-width: 450px) {
  .ContactTitle {
    padding-left: 0px;
    padding-top: 56px;
    margin: 20px;
    text-align: center;
    display: block;
  }
}
.ContactTitlea:hover {
  text-decoration: underline;
  color: #2e2e2e;
}
.ContactTitle:before {
  position: absolute;
  top: 50%;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  content: "";
  font-size: 24px;
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 100;
  color: #ffffff;
  width: 46px;
  height: 46px;
  margin-top: -23px;
  background: #01a0e1;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
@media only screen and (max-width: 450px) {
  .ContactTitle:before {
    top: 0px;
    left: 50%;
    margin-top: 0px;
    margin-left: -23px;
  }
}
.ContactTitle.Telefon:before {
  content: "\f095";
}
.ContactTitle.Mail:before {
  content: "\f0e0";
}
.ContactTitle.Form:before {
  content: "\f040";
}
.ContactTitle.Adresa:before {
  content: "\f3c5";
}
.ContactTitle.Info:before {
  content: "\f129";
}

.EditingFormButtonCell {
  padding-top: 15px;
}

.Framed .ContactTitle:first-child {
  margin-top: 0px;
}
.Framed.QuickCotacts .ContactTitle:first-child {
  margin-top: 20px;
}
.Framed.QuickCotacts .ContactTitle {
  margin-right: 25px;
  margin-left: 25px;
}

ul.DopravciLoga {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  list-style-type: none;
  justify-content: space-around;
  align-items: center;
  margin: 0px;
  padding: 0px;
}
@media only screen and (max-width: 680px) {
  ul.DopravciLoga {
    flex-direction: column;
  }
}
ul.DopravciLoga li {
  padding: 30px;
  margin: 0px 20px !important;
  text-align: center;
  flex-basis: 50%;
  flex-shrink: 0;
}
ul.DopravciLoga li img {
  margin-bottom: 15px;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
ul.DopravciLoga li > span {
  display: block;
}

.JakPosilame {
  text-align: center;
}
.JakPosilame img {
  margin: 10px 3px;
  height: auto !important;
}

.ContactForm {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0px -10px;
}
.ContactForm .ContactFormItem {
  width: 50%;
  flex-basis: 50%;
  padding: 5px 10px;
}
@media only screen and (max-width: 550px) {
  .ContactForm .ContactFormItem {
    width: 100%;
    flex-basis: 100%;
  }
}
@media only screen and (min-width: 800px) and (max-width: 2550px) {
  .ContactForm .ContactFormItem {
    width: 100%;
    flex-basis: 100%;
  }
}
.ContactForm .ContactFormItem.OneLine {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 550px) {
  .ContactForm .ContactFormItem.OneLine {
    justify-content: center;
    flex-wrap: wrap;
  }
}
.ContactForm .ContactFormItem.OneLine .LabelCell {
  padding: 0px 10px 0px 0px;
  min-width: 130px;
}
@media only screen and (max-width: 550px) {
  .ContactForm .ContactFormItem.OneLine .LabelCell {
    width: 100%;
    flex-basis: 100%;
    padding: 0px 0px 10px 0px;
  }
}
.ContactForm .ContactFormItem.FullWidth {
  width: 100%;
  flex-basis: 100%;
}
.ContactForm .ContactFormItem.TopPadding {
  padding-top: 15px;
}
.ContactForm .ContactFormItem .LabelCell {
  padding: 0px 0px 3px 0px;
}

.ContactsSides {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}
@media only screen and (max-width: 800px) {
  .ContactsSides {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
}
.ContactsSides .Framed {
  position: relative;
  order: 2;
  width: 40%;
  flex-basis: 40%;
  margin: 0px;
}
@media only screen and (max-width: 800px) {
  .ContactsSides .Framed {
    order: 1;
    width: 100%;
    flex-basis: 100%;
    margin-bottom: 30px;
  }
}
.ContactsSides .Address {
  position: relative;
  order: 1;
  width: 60%;
  flex-basis: 60%;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  padding: 25px;
}
@media only screen and (max-width: 680px) {
  .ContactsSides .Address {
    text-align: center;
  }
}
@media only screen and (max-width: 800px) {
  .ContactsSides .Address {
    padding: 0px 25px;
    border: 0px;
    width: 100%;
    flex-basis: 100%;
    margin-bottom: 30px;
    order: 2;
  }
}
.ContactsSides .Address .ContactTitle {
  margin-top: 0px;
}

.CookiesPanel {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  padding: 35px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.85);
  z-index: 1000;
  overflow-y: auto;
  max-height: 100%;
}
.CookiesPanel .CookiesHead {
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 600;
  margin: 0px 0px 30px 0px;
}
.CookiesPanel .CookiesInfo {
  margin: -20px 0px 30px 0px;
}
.CookiesPanel .CookiesOptions {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0px -15px;
}
.CookiesPanel .CookiesOptions .CookiesOptionOne {
  margin: 10px 15px;
}
.CookiesPanel .CookiesOptions .CookiesOptionOne input[type=checkbox]:not(old) + label {
  font-weight: 600;
  margin-right: 15px;
  font-size: 1.3rem;
  line-height: 1.5rem;
}
.CookiesPanel .CookiesOptions .CookiesOptionOne .CookiesOptionOneInfoText {
  color: rgb(178.5, 178.5, 178.5);
}
.CookiesPanel .CookiesButtons {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  margin: 25px 0px 0px 0px;
  padding: 0px;
}
.CookiesPanel .CookiesButtons > * {
  top: 0px !important;
  display: block;
  margin: 5px 5px;
  flex-shrink: 0;
}
.CookiesPanel .CookiesButtons > *:hover.btnDetailedSettings, .CookiesPanel .CookiesButtons > *:hover.btnAllowAll, .CookiesPanel .CookiesButtons > *:hover.btnAllowSelected {
  top: 0px !important;
  border-bottom: 2px solid #0079ab !important;
  margin-bottom: 5px !important;
}
.CookiesPanel .CookiesButtons > *.btnShowMoreInfo {
  background-color: transparent;
  border: none;
  font-weight: 400;
  text-decoration: underline;
  padding: 0px;
  margin: 10px;
  background: transparent;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  color: #ffffff;
}
.CookiesPanel .CookiesButtons > *.btnShowMoreInfo:hover {
  top: 0px !important;
  background-color: transparent;
  border: none;
  font-weight: 400;
  text-decoration: underline;
  margin: 10px;
}
.CookiesPanel input[type=checkbox]:not(old) + label {
  background-image: url(/App_Themes/OS-Standard/Images/ico-checkbox.png);
}
.CookiesPanel input[type=checkbox]:not(old):checked + label {
  background-image: url(/App_Themes/OS-Standard/Images/ico-checkbox-checked.png);
}
.CookiesPanel input[type=checkbox]:not(old):checked:disabled + label {
  background-image: url(/App_Themes/OS-Standard/Images/ico-checkbox-checked-disabled.png);
}

@media only screen and (max-width: 899px) {
  .CookiesPanel {
    padding: 15px;
    text-align: center;
  }
  .CookiesPanel .CookiesHead {
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.6rem;
    margin-bottom: 40px;
  }
  .CookiesPanel .CookiesInfo {
    margin-bottom: 15px;
    font-size: 12px;
  }
  .CookiesPanel .CookiesButtons {
    justify-content: center;
    margin-top: 15px;
  }
  .CookiesPanel .CookiesOptions {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 15px 0px 10px 0px;
  }
  .CookiesPanel .CookiesOptions .CookiesOptionOne {
    margin: 5px 10px;
  }
  .CookiesPanel .CookiesOptions .CookiesOptionOneInfoText {
    display: none;
  }
}
input[type=submit].btnAllowAll {
  font-weight: 600;
  font-size: 18px;
  padding: 16px 25px;
}

.CookiesDetail .CookiesOptions {
  margin: 0px;
}
.CookiesDetail .CookiesOptions .CookiesOptionOne {
  border: 1px solid #d7d7d7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 25px;
  overflow: hidden;
  margin: 0px 0px 25px 0px;
  flex-shrink: 0;
  break-inside: avoid-column;
}
.CookiesDetail .CookiesOptions .CookiesOptionOne input[type=checkbox]:not(old) + label {
  color: #000000;
  font-weight: 600;
  font-size: 1.428rem;
  margin: 0px 0px 20px 0px;
  display: block;
  padding: 15px 25px 15px 56px;
  background-color: transparent;
  margin-top: -25px;
  margin-left: -25px;
  width: calc(100% + 50px);
  border-bottom: 1px solid #d7d7d7;
  background-color: rgb(235.4, 235.4, 235.4);
  background-position: 20px 50%;
  background-size: 20px;
}
.CookiesDetail .CookiesOptions .CookiesOptionOne .CookiesOptionOneInfoText {
  display: block;
}
.CookiesDetail .CookiesOptions .CookiesOptionOne .CookiesListWrap .CookiesList {
  display: none;
}
.CookiesDetail input[type=checkbox]:not(old):checked:disabled + label {
  background-image: url(/App_Themes/OS-Standard/Images/ico-checkbox-checked-disabled.png);
}
.CookiesDetail .CookiesCurrentState {
  font-size: 1.428rem;
  line-height: 1.8rem;
}
.CookiesDetail .CookiesButtons {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  margin: 15px 0px 0px 0px;
  padding: 0px;
}
.CookiesDetail .CookiesButtons > * {
  display: block;
  margin: 5px 5px;
  flex-shrink: 0;
}
@media only screen and (max-width: 899px) {
  .CookiesDetail .CookiesButtons {
    justify-content: center;
  }
}
.CookiesDetail a.ShowCookiesList {
  display: inline-block;
  margin-top: 10px;
}

/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
/*# KOSIK #*/
.ShoppingCart {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px;
  padding: 30px 0px 0px 0px;
}
@media only screen and (max-width: 800px) {
  .ShoppingCart {
    padding: 4px 0px 0px 0px;
  }
}

.TotalViewer {
  display: none;
}

.ShoppingCartEmpty {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  color: #01a0e1;
  padding: 50px 0px;
}

/*# KOSIK / hlavni zalozky #*/
ul.ShoppingCartTabs {
  position: relative;
  width: auto;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  list-style-type: none;
  border-bottom: 1px solid #d7d7d7;
  margin: 0px 0px 25px 0px;
  padding: 0px 0px 0px 0px;
}
@media only screen and (max-width: 800px) {
  ul.ShoppingCartTabs {
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 10px 0px;
  }
}
@media only screen and (max-width: 800px) {
  ul.ShoppingCartTabs {
    flex-wrap: wrap;
    justify-content: center;
  }
}
ul.ShoppingCartTabs li {
  position: relative;
  top: 0px;
  left: 0px;
  width: 25%;
  height: auto;
  display: block;
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 25px 0px;
  font-size: 17px;
  color: #6a6a6a;
  text-align: center;
}
@media only screen and (max-width: 800px) {
  ul.ShoppingCartTabs li {
    flex-basis: 100%;
    width: 100%;
    padding: 0px 0px 10px 0px;
  }
}
ul.ShoppingCartTabs li.Selected {
  color: #000000;
  font-weight: 800;
  font-size: 22px;
}
@media only screen and (max-width: 800px) {
  ul.ShoppingCartTabs li.Selected {
    margin: 5px 0px 15px 0px;
  }
}
ul.ShoppingCartTabs li.Selected:after {
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 250px;
  height: 3px;
  display: block;
  background: #01a0e1;
  content: "";
  margin-left: -125px;
}
ul.ShoppingCartTabs li a {
  color: #6a6a6a;
  text-decoration: none;
}
ul.ShoppingCartTabs li a:hover {
  color: #0079ab;
  text-decoration: underline;
}

.ShoppingCartStepContent {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 0px 0px;
}

/*# KOSIK / tlacitka dole #*/
.CartFooterButtons {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 30px 0px 0px 0px;
}
.CartFooterButtons p:first-of-type {
  margin-top: 0px;
}
.CartFooterButtons p:last-of-type {
  margin-bottom: 0px;
}
.CartFooterButtons h3 {
  color: #01a0e1;
  font-size: 18px;
  margin: 0px 0px 10px 0px;
}
.CartFooterButtons .Table {
  display: block;
}
.CartFooterButtons .Table .TableRow {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
@media only screen and (max-width: 700px) {
  .CartFooterButtons .Table .TableRow {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.CartFooterButtons .Table .TableCell {
  display: block;
  width: 100%;
  flex-basis: 100%;
  padding: 0px 25px;
}
.CartFooterButtons .Table .TableCell.ContentLeft {
  text-align: left;
  width: auto;
  flex-basis: auto;
  padding: 0px;
  flex-shrink: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 700px) {
  .CartFooterButtons .Table .TableCell.ContentLeft {
    order: 2;
  }
}
.CartFooterButtons .Table .TableCell.ContentLeft > * {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 15px;
}
.CartFooterButtons .Table .TableCell.ContentLeft > *:first-child {
  margin-left: 0px;
}
@media only screen and (max-width: 700px) {
  .CartFooterButtons .Table .TableCell.ContentLeft > *:first-child {
    margin-left: 10px;
  }
}
.CartFooterButtons .Table .TableCell.ContentRight {
  text-align: right;
  width: auto;
  flex-basis: auto;
  padding: 0px;
  flex-shrink: 0;
}
@media only screen and (max-width: 700px) {
  .CartFooterButtons .Table .TableCell.ContentRight {
    order: 1;
    margin-bottom: 25px;
  }
}

/*# KOSIK / potvrzeni odeslani #*/
.OrderConfirmation {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px;
  padding: 100px 0px 70px 0px;
}

.OrderConfirmation h1 {
  color: #01a0e1;
  line-height: 40px;
  margin: 0px 0px 35px 0px;
  padding: 0px;
}

.OrderConfirmation h1 span.Arrow {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #01a0e1;
  margin: 0px 20px 0px 0px;
  vertical-align: middle;
  background-image: url(/App_Themes/CM-Standard/Images/ico-checked.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 19px 14px;
}

/*# KOSIK / Dokonceni objednavky #*/
.OrderRecapBlock {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 30px 20px 30px 20px;
}
.OrderRecapBlock h2 {
  font-size: 20px;
  font-weight: 400;
  color: #000000;
  margin: 0px 0px 20px 0px;
}
.OrderRecapBlock.RecapProducts {
  padding: 0px 0px 10px 0px;
}
.OrderRecapBlock.RecapProducts .Table {
  width: 100%;
  display: block;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
.OrderRecapBlock.RecapProducts .Table .CartContent {
  position: relative;
  width: 100%;
  display: block;
}
.OrderRecapBlock.RecapProducts .Table .CartContent .TableRow {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #d7d7d7;
}
@media only screen and (max-width: 700px) {
  .OrderRecapBlock.RecapProducts .Table .CartContent .TableRow {
    flex-wrap: wrap;
  }
}
.OrderRecapBlock.RecapProducts .Table .CartContent .TableRow .TableCell {
  padding: 20px 20px;
  display: block;
}
.OrderRecapBlock.RecapProducts .Table .CartContent .TableRow .TableCell.Title {
  flex-basis: 100%;
  width: 100%;
}
@media only screen and (max-width: 700px) {
  .OrderRecapBlock.RecapProducts .Table .CartContent .TableRow .TableCell.Title {
    padding-bottom: 0px;
  }
}
.OrderRecapBlock.RecapProducts .Table .CartContent .TableRow .TableCell.Quantity {
  flex-shrink: 0;
  white-space: nowrap;
  text-align: right;
}
.OrderRecapBlock.RecapProducts .Table .CartContent .TableRow .TableCell.Price {
  flex-shrink: 0;
  white-space: nowrap;
  text-align: right;
  color: #000000;
  width: 150px;
  font-weight: 800;
  flex-basis: 150px;
}

.OrderRecapBlock.RecapShipping,
.OrderRecapBlock.RecapPayment {
  border-bottom: 1px solid #d7d7d7;
}

.OrderRecapBlock.RecapShipping .Table,
.OrderRecapBlock.RecapPayment .Table {
  width: 100%;
  color: #000000;
}

.OrderRecapBlock.RecapShipping .TableCell,
.OrderRecapBlock.RecapPayment .TableCell {
  vertical-align: top;
  padding-right: 10px;
}

.OrderRecapBlock.RecapShipping .Table .TableCell.Price,
.OrderRecapBlock.RecapPayment .Table .TableCell.Price {
  width: 1%;
  white-space: nowrap;
}

.OrderRecapBlock.RecapShipping .Table .TableCell.Title span.MoreSpec,
.OrderRecapBlock.RecapPayment .Table .TableCell.Title span.MoreSpec {
  color: #6a6a6a;
  display: block;
}

.OrderRecapBlock.RecapTotal .Table {
  width: 100%;
  color: #000000;
  display: block;
}
.OrderRecapBlock.RecapTotal .Table .TableRow {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (max-width: 650px) {
  .OrderRecapBlock.RecapTotal .Table .TableRow {
    flex-wrap: wrap;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
  }
}
.OrderRecapBlock.RecapTotal .Table .TableRow .TableCell {
  display: block;
}
.OrderRecapBlock.RecapTotal .Table .TableRow .TableCell.Price {
  font-size: 34px;
  font-weight: 800;
  color: #000000;
  white-space: nowrap;
  text-align: right;
  padding-left: 25px;
}
@media only screen and (max-width: 650px) {
  .OrderRecapBlock.RecapTotal .Table .TableRow .TableCell.Price {
    font-size: 26px;
  }
}
.OrderRecapBlock.RecapTotal .Table .TableRow .TableCell.Price .PriceWithVAT {
  font-size: 15px;
  font-weight: 800;
  color: #000000;
  display: inline-block;
}
.OrderRecapBlock.RecapTotal .Table .TableRow .TableCell.Price .PriceWithoutVAT {
  font-size: 13px;
  line-height: 16px;
  color: #6a6a6a;
  display: block;
  font-weight: 400;
}
.OrderRecapBlock.RecapTotal .Table .TableRow .TableCell.Title h2 {
  margin: 0px;
  font-weight: 500;
  font-size: 26px;
}
@media only screen and (max-width: 650px) {
  .OrderRecapBlock.RecapTotal .Table .TableRow .TableCell.Title h2 {
    font-size: 22px;
    margin: 0px 0px 20px 0px;
  }
}

.OrderRecapBlock.RecapText {
  padding: 26px 20px 26px 20px;
  margin: 0px 0px 0px 0px;
}

.OrderRecapBlock.RecapText textarea {
  height: 100px;
  max-width: 100%;
}

.OrderRecapBlock.RecapNewsletter {
  padding: 15px 26px 26px 26px;
  margin: 0px 0px 0px 0px;
  border-bottom: 1px solid #d7d7d7;
}

.OrderRecapBlock.RecapTermsConditions {
  padding: 5px 26px;
  margin: 26px 0px 0px 0px;
}

.OrderRecapBlock.RecapNewsletter label,
.OrderRecapBlock.RecapTermsConditions label {
  color: #000000;
}

.OrderRecapBlock.RecapTermsConditions .TermsConditionsText {
  font-size: 13px;
}

.RecapTermsConditionsCheckWarning {
  font-weight: 700;
  color: #ed1c24;
  display: none;
}

.OrderRecapBlock.RecapGDPR {
  padding: 0px 26px 26px 26px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d7d7d7;
}
.OrderRecapBlock.RecapGDPR .TermsConditionsText p:first-child {
  margin-top: 0px;
}
.OrderRecapBlock.RecapGDPR .TermsConditionsText p:last-child {
  margin-bottom: 0px;
}
@media only screen and (max-width: 700px) {
  .OrderRecapBlock.RecapGDPR {
    margin-bottom: 0px;
  }
}

/*# KOSIK / polozky #*/
.CartItemsWrap {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px 30px 0px;
  padding: 0px;
  color: #000000;
}
.CartItemsWrap .Table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
@media only screen and (max-width: 950px) {
  .CartItemsWrap .Table {
    display: block;
  }
}
@media only screen and (max-width: 950px) {
  .CartItemsWrap .Table .TableRow {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 10px 15px 20px 15px;
  }
}
.CartItemsWrap .Table .TableCell {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 5px 10px;
  vertical-align: middle;
}
@media only screen and (max-width: 950px) {
  .CartItemsWrap .Table .TableCell {
    display: block;
    width: 100% !important;
    text-align: center !important;
    max-width: 100% !important;
    padding-top: 3px;
    padding-bottom: 3px;
  }
}
.CartItemsWrap .Table .TableCell.OrderItems {
  text-align: center;
}
.CartItemsWrap .Table .TableCell.OrderItems .ui-spinner {
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.CartItemsWrap .Table .TableCell.OrderItems input[type=text] {
  height: 36px;
  width: 70px;
  text-align: center;
  font-size: 16px;
}
.CartItemsWrap .Table .TableCell.Availability {
  width: 10%;
  text-align: center;
}
.CartItemsWrap .Table .TableCell.Code {
  white-space: nowrap;
  width: 18%;
}
@media only screen and (max-width: 950px) {
  .CartItemsWrap .Table .TableCell.ListPrice {
    display: none;
  }
}
@media only screen and (max-width: 950px) {
  .CartItemsWrap .Table .TableCell.Title {
    font-weight: 500;
    font-size: 16px;
  }
}
.CartItemsWrap .Table .TableCell.Photo {
  width: 90px;
  padding-right: 30px;
  text-align: center;
}
@media only screen and (max-width: 950px) {
  .CartItemsWrap .Table .TableCell.Photo {
    padding-right: 10px;
  }
}
.CartItemsWrap .Table .TableCell.Photo img {
  vertical-align: middle;
}
.CartItemsWrap .Table .TableCell.Photo .ProdPhoto {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  background-position: 50% 50%;
}
.CartItemsWrap .Table .TableCell.Variants {
  width: 16%;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}
.CartItemsWrap .Table .TableCell.Price {
  font-size: 15px;
  line-height: 18px;
  width: 8%;
  white-space: nowrap;
  text-align: right;
}
.CartItemsWrap .Table .TableCell.PriceTot {
  font-weight: 800;
}
.CartItemsWrap .Table .TableCell.Discount {
  color: #ed1c24;
  width: 9%;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}
.CartItemsWrap .Table .TableCell.OrderItems {
  white-space: nowrap;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: right;
  width: 150px;
}
.CartItemsWrap .Table .TableCell.OrderItems span.Unit {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.CartItemsWrap .Table .TableCell.Remove {
  text-align: right;
  width: 8%;
  padding-right: 15px;
  font-size: 12px;
  line-height: 15px;
}
.CartItemsWrap .Table .TableCell.Remove a.CartItemRemove {
  position: relative;
  top: 0px;
  left: auto;
  width: 22px;
  height: 22px;
  display: inline-block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 0px;
  z-index: 5;
  vertical-align: middle;
}
.CartItemsWrap .Table .TableCell.Remove a.CartItemRemove:after {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 22px;
  height: 22px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  content: "\f2ed";
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  color: #ed1c24;
}
@media only screen and (max-width: 950px) {
  .CartItemsWrap .Table.TableHead {
    display: none;
  }
}
.CartItemsWrap .Table.TableHead .TableCell {
  color: #6a6a6a;
  font-size: 12px;
  white-space: normal !important;
}

.CartItemLine {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px -1px 0px;
  padding: 0px;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border: 1px solid #d7d7d7;
  background-color: #ffffff;
}
.CartItemLine:hover {
  border: 1px solid #d7d7d7;
  -webkit-box-shadow: inset 0px 0px 18px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 18px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 18px 1px rgba(0, 0, 0, 0.15);
}
.CartItemLine .ItemNote {
  position: relative;
  margin: 4px 10px 10px 10px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
}
@media only screen and (max-width: 950px) {
  .CartItemLine .ItemNote {
    margin-top: -10px;
    border-top: 1px dashed #d7d7d7;
    padding-top: 10px;
  }
}
@media only screen and (max-width: 520px) {
  .CartItemLine .ItemNote {
    display: block;
    padding-top: 5px;
  }
}
.CartItemLine .ItemNote .CartNoteLabel {
  margin: 5px 10px 5px 0px;
  display: inline-block;
}
@media only screen and (max-width: 520px) {
  .CartItemLine .ItemNote .CartNoteLabel {
    margin: 0px 0px 2px 0px;
  }
}
.CartItemLine .ItemNote input[type=text] {
  max-width: 700px;
}

.AvailOnStock {
  color: #01a0e1;
}

.AvailAsk {
  color: #ed1c24;
}

.AvailNo {
  color: #000000;
  text-decoration: line-through;
}

.CartWarning {
  color: #ed1c24;
  font-size: 18px;
  width: 100%;
  text-align: center;
  padding: 0px 0px 20px 0px;
}
.CartWarning:empty {
  display: none;
}

.CartItemsPriceTotal {
  margin-top: 25px;
  margin-bottom: 25px;
}
.CartItemsPriceTotal h3 {
  color: #01a0e1;
  font-size: 18px;
  margin: 0px 0px 10px 0px;
}
.CartItemsPriceTotal .Table {
  width: 100%;
  display: block;
}
.CartItemsPriceTotal .Table .TableRow {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .CartItemsPriceTotal .Table .TableRow {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}
.CartItemsPriceTotal .Table .TableCell {
  display: block;
}
@media only screen and (max-width: 600px) {
  .CartItemsPriceTotal .Table .TableCell {
    width: 100%;
    text-align: center;
  }
  .CartItemsPriceTotal .Table .TableCell:last-of-type {
    order: 1;
  }
  .CartItemsPriceTotal .Table .TableCell:first-of-type {
    order: 2;
  }
}
.CartItemsPriceTotal .Table .TableCell p:first-of-type {
  margin-top: 0px;
}
.CartItemsPriceTotal .Table .TableCell p:last-of-type {
  margin-bottom: 0px;
}
.CartItemsPriceTotal .Table .TableCell.Price {
  font-size: 34px;
  font-weight: 800;
  color: #000000;
  white-space: nowrap;
  text-align: right;
  padding-left: 25px;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .CartItemsPriceTotal .Table .TableCell.Price {
    padding-left: 0px;
    text-align: center;
    margin-bottom: 30px;
  }
}
.CartItemsPriceTotal .Table .TableCell.Price div {
  display: inline-block;
}
.CartItemsPriceTotal .Table .TableCell.Price .PriceWithVAT {
  font-size: 15px;
  font-weight: 800;
  color: #000000;
  display: inline-block;
}
.CartItemsPriceTotal .Table .TableCell.Price .PriceWithoutVAT {
  font-size: 13px;
  color: #6a6a6a;
  display: block;
  font-weight: 400;
}

/*# KOSIK / Doprava a platba #*/
/*# KOSIK / Doprava a platba / sides #*/
.ShippingWarning {
  display: block;
  color: #ed1c24;
  font-weight: 600;
  margin-bottom: 10px;
  display: none;
}

.ShoppingCartStepContent.ShippingPayment .KosSides {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 1000px) {
  .ShoppingCartStepContent.ShippingPayment .KosSides {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
}
.ShoppingCartStepContent.ShippingPayment .KosSides .KosSideLeft,
.ShoppingCartStepContent.ShippingPayment .KosSides .KosSideRight {
  position: relative;
  width: 48%;
  flex-basis: 48%;
  height: auto;
  margin-bottom: 25px;
  vertical-align: top;
}
@media only screen and (max-width: 1000px) {
  .ShoppingCartStepContent.ShippingPayment .KosSides .KosSideLeft,
  .ShoppingCartStepContent.ShippingPayment .KosSides .KosSideRight {
    width: 100%;
  }
}
.ShoppingCartStepContent.ShippingPayment .KosSides .KosSideLeft h2,
.ShoppingCartStepContent.ShippingPayment .KosSides .KosSideRight h2 {
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 25px;
}
.ShoppingCartStepContent.ShippingPayment .KosSides .KosSideRight {
  margin-bottom: 0px;
}

/*# KOSIK / Doprava a platba / sides / shipping or payment one  #*/
.ShippingOne,
.PaymentOne {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  margin: 0px 0px 13px 0px;
  padding: 15px 25px 20px 25px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #e2e2e2;
  cursor: pointer;
}
.ShippingOne label,
.PaymentOne label {
  margin: 0px !important;
}

.ShippingOne.Disabled,
.PaymentOne.Disabled {
  cursor: not-allowed;
  border: 1px solid #f0f0f0;
}

.ShippingOne.Selected,
.ShippingOne:hover,
.PaymentOne.Selected,
.PaymentOne:hover {
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
}

.ShippingOne.Disabled.Selected,
.ShippingOne.Disabled:hover,
.PaymentOne.Disabled.Selected,
.PaymentOne.Disabled:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.ShippingOne .ShippingOneContent,
.PaymentOne .PaymentOneContent {
  display: table;
  width: 100%;
}
@media only screen and (max-width: 400px) {
  .ShippingOne .ShippingOneContent,
  .PaymentOne .PaymentOneContent {
    display: block;
  }
}
.ShippingOne .ShippingOneContent > div,
.PaymentOne .PaymentOneContent > div {
  display: table-cell;
  vertical-align: top;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 400px) {
  .ShippingOne .ShippingOneContent > div,
  .PaymentOne .PaymentOneContent > div {
    display: block;
  }
}

.ShippingOne .Price,
.PaymentOne .Price {
  color: #ed1c24;
  font-weight: 600;
  width: 18%;
  text-align: right;
  line-height: 20px;
  padding-top: 8px;
}
@media only screen and (max-width: 400px) {
  .ShippingOne .Price,
  .PaymentOne .Price {
    width: 100%;
  }
}
.ShippingOne.Disabled .Price,
.PaymentOne.Disabled .Price {
  opacity: 0.5;
}
.ShippingOne strong,
.PaymentOne strong {
  font-weight: 700;
}

.ShippingOne .Info,
.PaymentOne .Info {
  width: 1%;
  vertical-align: middle;
  font-size: 0px;
}

.ShippingOne .Info .InfoTrigger,
.PaymentOne .Info .InfoTrigger {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background-image: url(/soubory/ico-info-red.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 16px 16px;
  margin-left: 15px;
}

.ShippingOne.Disabled .Info .InfoTrigger,
.PaymentOne.Disabled .Info .InfoTrigger {
  background-image: url(/soubory/ico-info-red-opacity05.png);
}

.ShippingOne .Info .InfoTrigger > div,
.PaymentOne .Info .InfoTrigger > div {
  height: 0px;
}

.ShippingOne .Info .InfoTrigger:hover > div,
.PaymentOne .Info .InfoTrigger:hover > div,
.ShippingOne.Disabled .Info .InfoTrigger:hover > div,
.PaymentOne.Disabled .Info .InfoTrigger:hover > div {
  display: block;
  position: absolute;
  top: 26px;
  right: 0px;
  width: 220px;
  height: auto;
  background: #cccccc;
  z-index: 10;
  color: #000;
  font-size: 12px;
  line-height: 14px;
  text-align: left;
  padding: 13px 15px;
  text-align: left;
  opacity: 1;
}

.ShippingOne.Disabled .Info .InfoTrigger:hover > div,
.PaymentOne.Disabled .Info .InfoTrigger:hover > div {
  background: #dddddd;
}

.ShippingOne .ShippingOneContent label,
.PaymentOne .PaymentOneContent label {
  position: relative;
  padding-left: 35px;
  line-height: 20px;
  cursor: pointer;
  font-weight: bold;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  background-position: 0px 11px;
}
@media only screen and (max-width: 400px) {
  .ShippingOne .ShippingOneContent label,
  .PaymentOne .PaymentOneContent label {
    margin-right: 0px;
  }
}
.ShippingOne .ShippingOneContent label .TitleIco,
.PaymentOne .PaymentOneContent label .TitleIco {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  margin-bottom: 10px;
  min-height: 36px;
}
.ShippingOne .ShippingOneContent label .TitleIco .Title,
.PaymentOne .PaymentOneContent label .TitleIco .Title {
  color: #000;
  font-weight: 600;
  font-size: 16px;
  display: block;
  margin: 0px;
  width: 100%;
  order: 2;
}
.ShippingOne .ShippingOneContent label .TitleIco .Ico,
.PaymentOne .PaymentOneContent label .TitleIco .Ico {
  position: relative;
  float: left;
  margin: 0px 0px 0px 0px;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  order: 1;
}
.ShippingOne .ShippingOneContent label .TitleIco .Ico img,
.PaymentOne .PaymentOneContent label .TitleIco .Ico img {
  max-width: 100%;
  max-height: 100%;
}
.ShippingOne .ShippingOneContent label span,
.PaymentOne .PaymentOneContent label span {
  font-size: 12px;
  font-weight: normal;
  display: block;
}
.ShippingOne .ShippingOneContent label .ShippingWarning,
.ShippingOne .ShippingOneContent label .PaymentWarning,
.PaymentOne .PaymentOneContent label .ShippingWarning,
.PaymentOne .PaymentOneContent label .PaymentWarning {
  display: block;
  font-size: 12px;
  line-height: 16px;
  margin-top: 6px;
  margin-bottom: 0px;
  font-weight: normal;
  color: #ee1c25;
}

.ShippingOne.Disabled .ShippingOneContent label,
.PaymentOne.Disabled .PaymentOneContent label {
  cursor: not-allowed;
  opacity: 0.5;
}

.PaymentOne .PaymentOneContent label {
  padding-left: 38px;
}

.PaymentOne .PaymentText {
  display: block;
  width: 100%;
  margin-top: 3px;
}
.PaymentOne .PaymentText:empty {
  display: none;
}

.PaymentOne .PaymentOneContent .Ico {
  width: 26px;
  height: 26px;
  margin-top: -13px;
}

.ShippingOne .DeliverySelect {
  padding-left: 0px;
  margin-left: 35px;
  margin-top: 8px;
}

.ShippingOne .DeliverySelect select {
  height: 28px;
  width: 100%;
}

.ShippingOne .InvalidAddress {
  padding-left: 35px;
  color: #ee1c25;
  line-height: 18px;
  margin-top: 15px;
  font-size: 14px;
}

.ShippingOne .InvalidAddress:first-letter {
  text-transform: uppercase;
}

.ShippingOne .Warning,
.PaymentOne .Warning {
  display: block;
  color: #ee1c25;
}

.ShippingOne .btnSelectDPD {
  margin-top: 10px;
  display: inline-block;
  padding: 4px 8px;
  height: auto;
  line-height: 16px;
  cursor: pointer;
  margin-left: 35px;
  text-align: center;
  min-height: 1px !important;
}

.ShippingOne #DPD_DisplayName {
  background-image: url("/App_Themes/OS-Standard/Images/ico-arrow-right-blue.png");
  background-repeat: no-repeat;
  background-position: 8px 6px;
  background-size: 5px;
  padding-left: 23px;
  margin-left: 35px;
  margin-top: 8px;
  font-size: 12px;
}

/*# KOSIK / Dodaci udaje #*/
/*# KOSIK / Dodaci udaje / registered login #*/
.RegisteredLogin {
  position: relative;
  top: 0px;
  left: 0px;
  display: table;
  width: 100%;
  height: auto;
  line-height: 1.7em;
  margin: 0px 0px 15px 0px;
  padding: 15px;
  background-color: #ffffff;
  border: 1px solid #d7d7d7;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (max-width: 850px) {
  .RegisteredLogin {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}
.RegisteredLogin > div {
  display: block;
  padding: 0px 10px;
}
.RegisteredLogin > div.Text {
  text-transform: uppercase;
  width: 70%;
  color: #000000;
}
@media only screen and (max-width: 850px) {
  .RegisteredLogin > div.Text {
    width: 100%;
    text-align: center;
  }
}
.RegisteredLogin > div.Link {
  width: 30%;
  text-align: right;
  white-space: nowrap;
}
@media only screen and (max-width: 850px) {
  .RegisteredLogin > div.Link {
    width: 100%;
    text-align: center;
  }
}
.RegisteredLogin > div.Link a {
  width: auto;
  height: 25px;
  display: inline-block;
  white-space: nowrap;
  background-image: url("../scss/~/App_Themes/CM-Standard/Images/ico-user-red.png");
  background-color: transparent;
  background-size: 17px 25px;
  background-repeat: no-repeat;
  background-position: 0% 50%;
  padding-left: 27px;
}
@media only screen and (max-width: 850px) {
  .RegisteredLogin > div.Link a {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 450px) {
  .RegisteredLogin > div {
    width: 100% !important;
    text-align: center !important;
  }
}

/*# KOSIK / Dodaci udaje / sides #*/
.ShoppingCartStepContent.Delivery .KosSides {
  position: relative;
  top: 0px;
  left: 0px;
  display: table;
  width: 100%;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.ShoppingCartStepContent.Delivery .KosSides .KosSideLeft {
  position: relative;
  top: 0px;
  left: 0px;
  display: table-cell;
  width: 67%;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
}
.ShoppingCartStepContent.Delivery .KosSides .KosSideRight {
  position: relative;
  top: 0px;
  left: 0px;
  display: table-cell;
  width: 33%;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
}
@media only screen and (max-width: 850px) {
  .ShoppingCartStepContent.Delivery .KosSides .KosSideRight {
    display: none;
  }
}
.ShoppingCartStepContent.Delivery .KosSides .KosSideRight .TextContent {
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
  width: auto;
  height: auto;
  margin: 0px 0px 0px 30px;
  padding: 36px 36px;
  vertical-align: top;
  color: #ffffff;
  font-size: 17px;
  background: #01a0e1;
  background: -webkit-linear-gradient(#01a0e1, #0079ab); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#01a0e1, #0079ab); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#01a0e1, #0079ab); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#01a0e1, #0079ab); /* Standard syntax */
  border: 1px solid #0079ab;
}
.ShoppingCartStepContent.Delivery .KosSides .KosSideRight .TextContent h3 {
  color: #ffffff;
  font-size: 28px;
  line-height: 32px;
  margin: 0px 0px 20px 0px;
  padding: 0px;
}
.ShoppingCartStepContent.Delivery .KosSides .KosSideRight .TextContent ul {
  list-style-type: none;
  margin: 15px 0px;
  padding: 0px;
}
.ShoppingCartStepContent.Delivery .KosSides .KosSideRight .TextContent ul li {
  list-style-type: none;
  margin: 0px;
  padding: 3px 0px 3px 30px;
  background-image: url(/App_Themes/CM-Standard/Images/ico-arrow-right-white.png);
  background-repeat: no-repeat;
  background-position: 0px 7px;
  background-size: 7px 12px;
}

/*# KOSIK / Dodaci udaje / forms #*/
.DeliveryBlock {
  position: relative;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 25px 0px 25px 0px;
  border-bottom: 1px solid #d7d7d7;
}
.DeliveryBlock h2 {
  font-size: 20px;
  font-weight: 400;
  color: #000000;
  margin: 0px 0px 25px 0px;
  padding: 0px;
}
.DeliveryBlock label {
  color: #000000;
  cursor: pointer;
  line-height: 18px !important;
  padding-right: 10px;
}
@media only screen and (max-width: 450px) {
  .DeliveryBlock label {
    padding-right: 0px;
    text-align: center;
  }
}
.DeliveryBlock input[type=text],
.DeliveryBlock input[type=password],
.DeliveryBlock select {
  width: 75%;
}
@media only screen and (min-width: 850px) and (max-width: 980px) {
  .DeliveryBlock input[type=text],
  .DeliveryBlock input[type=password],
  .DeliveryBlock select {
    width: 100%;
  }
}
@media only screen and (max-width: 520px) {
  .DeliveryBlock input[type=text],
  .DeliveryBlock input[type=password],
  .DeliveryBlock select {
    width: 100%;
  }
}
.DeliveryBlock .Table {
  margin: 15px 0px;
}
@media only screen and (max-width: 450px) {
  .DeliveryBlock .Table {
    display: block;
  }
  .DeliveryBlock .Table .TableRow {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
}
.DeliveryBlock .Table .TableCell {
  padding: 2px 0px 2px 0px;
  vertical-align: middle;
}
@media only screen and (max-width: 450px) {
  .DeliveryBlock .Table .TableCell {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.DeliveryBlock .Table .TableCell:first-child {
  width: 26%;
}
@media only screen and (max-width: 450px) {
  .DeliveryBlock .Table .TableCell:first-child {
    width: 100%;
  }
}
.DeliveryBlock .DeliveryMainElements {
  margin: 25px 0px;
}
@media only screen and (max-width: 450px) {
  .DeliveryBlock .DeliveryMainElements {
    text-align: center;
  }
}
.DeliveryBlock .DeliveryMainElements label {
  font-size: 16px;
}
.DeliveryBlock input[type=checkbox]:not(old) + label {
  background-position: 0px 0px;
}

.ShoppingCartMainWarning {
  text-align: center;
  font-weight: 700;
  color: #ed1c24;
  padding: 25px 0px 0px 0px;
}

.AddCouponBLock {
  position: relative;
  /*    @include horizontal-flex;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap;*/
  /*    border: 1px solid $barva-seda-01;
  padding: 15px 10px;*/
  margin-bottom: 15px;
}
.AddCouponBLock h2, .AddCouponBLock h3 {
  flex-basis: 100%;
  margin: 0px 0px 10px 10px;
  font-size: 18px;
  line-height: 22px;
}
.AddCouponBLock .AddCouponFormWrap {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px 10px;
  margin-top: 15px;
  padding-left: 22px;
}
.AddCouponBLock input[type=text] {
  max-width: 300px;
}
.AddCouponBLock .Btn01 {
  padding: 0px 15px;
  min-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.AddCouponBLock .CouponOpenerLink {
  position: relative;
  display: inline-block;
  padding-left: 22px;
}
.AddCouponBLock .CouponOpenerLink:after {
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  display: block;
  content: "";
  background: #099fdf;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: 50%;
  mask-position: 50%;
  -webkit-mask-image: url(/App_Themes/OS-Standard/Images/chevron-right-light.svg);
  mask-image: url(/App_Themes/OS-Standard/Images/chevron-right-light.svg);
}
@media only screen and (max-width: 820px) {
  .AddCouponBLock {
    justify-content: center;
    flex-direction: column;
  }
}

.CouponListWrap {
  position: relative;
  border-top: 1px solid #d7d7d7;
  margin-bottom: 15px;
}

.AddedCouponBLock {
  position: relative;
  top: -1px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  padding: 15px 10px;
}
.AddedCouponBLock > * {
  margin: 5px 10px;
  text-align: left;
}
.AddedCouponBLock > *.CouponName {
  flex-grow: 2;
}
.AddedCouponBLock > * .DiscountPrice {
  color: #ed1c24;
  font-weight: 800;
}
.AddedCouponBLock > *.BtnRemove {
  width: 6%;
  text-align: right;
  cursor: pointer;
}
.AddedCouponBLock .AddedCouponLabel {
  opacity: 0.7;
  font-size: 12px;
}
.AddedCouponBLock a.btnRemoveCoupon {
  position: relative;
  top: 0px;
  left: auto;
  width: 22px;
  height: 22px;
  display: inline-block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 0px;
  z-index: 5;
  vertical-align: middle;
}
.AddedCouponBLock a.btnRemoveCoupon:after {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 22px;
  height: 22px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  content: "\f2ed";
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  color: #ed1c24;
}
@media only screen and (max-width: 680px) {
  .AddedCouponBLock {
    justify-content: center;
    flex-direction: column;
  }
  .AddedCouponBLock .AddedCouponGroup {
    text-align: center;
  }
}

.FreeShippingInfo,
.FreeShippingInfoPopup {
  position: relative;
  text-align: center;
  font-weight: 700;
  display: block;
  margin: 0px 0px 35px 0px;
  color: #f59104;
}
.FreeShippingInfo:before,
.FreeShippingInfoPopup:before {
  position: relative;
  display: inline-block;
  content: "";
  width: 26px;
  height: 26px;
  transform: translateY(5px);
  margin-right: 10px;
  background: #f59104;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: 50%;
  mask-position: 50%;
  -webkit-mask-image: url("/app_themes/OS-standard/images/truck-light.svg");
  mask-image: url("/app_themes/OS-standard/images/truck-light.svg");
}
.FreeShippingInfo.Free,
.FreeShippingInfoPopup.Free {
  color: #65b300;
}
.FreeShippingInfo.Free:before,
.FreeShippingInfoPopup.Free:before {
  background: #65b300;
}
.FreeShippingInfo .Price,
.FreeShippingInfoPopup .Price {
  font-size: 26px;
  line-height: 34px;
}

.FreeShippingInfo {
  margin: 0px 0px 35px 0px;
  font-size: 18px;
  line-height: 26px;
}
.FreeShippingInfo .Price {
  font-size: 26px;
  line-height: 34px;
}

.FreeShippingInfoPopup {
  margin: 15px 0px 15px 0px;
}
.FreeShippingInfoPopup:before {
  width: 22px;
  height: 22px;
  transform: translateY(5px);
}
.FreeShippingInfoPopup .Price {
  font-size: 18px;
  line-height: 26px;
}

h2.NoMarginBottom {
  margin-bottom: 15px;
  margin-top: 45px;
}

.CartShippingWrap {
  position: relative;
  border: 1px solid #d9d9d9;
}
.CartShippingWrap .CartShippingInput {
  position: relative;
  padding: 10px 25px;
  background: #e6e6e6;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
}
.CartShippingWrap .CartShippingInput:before {
  position: absolute;
  bottom: -1px;
  left: 0px;
  width: 100%;
  height: 1px;
  display: block;
  content: "";
  background: #d9d9d9;
}
@media only screen and (max-width: 550px) {
  .CartShippingWrap .CartShippingInput {
    flex-wrap: wrap;
  }
}
.CartShippingWrap .CartShippingInput label {
  margin: 8px 10px 8px 0px;
  display: block;
}
.CartShippingWrap .CartShippingInput .InputsWrap {
  flex-shrink: 0;
  margin: 8px 0px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.CartShippingWrap .CartShippingInput .InputsWrap input[type=text] {
  margin-right: 5px;
}
.CartShippingWrap .CartShippingInput .InputsWrap input[type=button] {
  padding-top: 0px;
  padding-bottom: 0px;
}
@media only screen and (max-width: 420px) {
  .CartShippingWrap .CartShippingInput .InputsWrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
  }
  .CartShippingWrap .CartShippingInput .InputsWrap input[type=text] {
    margin: 0px 0px 10px 0px;
    width: 100%;
  }
}
.CartShippingWrap .CartShippingTableWrap {
  padding: 15px 25px;
}
.CartShippingWrap .CartShippingOne {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  width: 100%;
  height: auto;
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 15px 0px;
  border-bottom: 1px dotted #d9d9d9;
}
.CartShippingWrap .CartShippingOne:last-child {
  border-bottom: none;
  margin: 0px;
}
.CartShippingWrap .CartShippingOne .CartShippingOneImage {
  flex-basis: 100px;
  height: 80px;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  flex-shrink: 0;
}
.CartShippingWrap .CartShippingOne .CartShippingOneImage img {
  max-width: 34px;
  max-height: 34px;
}
.CartShippingWrap .CartShippingOne .CartShippingOneText {
  position: relative;
  flex-grow: 1;
  padding: 0px 15px;
}
.CartShippingWrap .CartShippingOne .CartShippingOneText span {
  display: block;
}
.CartShippingWrap .CartShippingOne .CartShippingOneText span.Title {
  font-weight: 600;
  margin-bottom: 5px;
  color: #000000;
  font-family: "Roboto Slab", sans-serif, Arial, Verdana, Tahoma, Trebuchet MS, Helvetica;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
}
.CartShippingWrap .CartShippingOne .CartShippingOneText span.Descr {
  font-size: 12px;
  line-height: 20px;
}
.CartShippingWrap .CartShippingOne .CartShippingOnePrice {
  flex-basis: 200px;
  flex-shrink: 0;
  text-align: right;
  color: #ed1c24;
  font-family: "Roboto Slab", sans-serif, Arial, Verdana, Tahoma, Trebuchet MS, Helvetica;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width: 650px) {
  .CartShippingWrap .CartShippingOne {
    flex-wrap: wrap;
    padding-left: 90px;
  }
  .CartShippingWrap .CartShippingOne .CartShippingOneImage {
    position: absolute;
    top: 0px;
    left: 0px;
    flex-basis: 100px;
    width: 80px;
    height: 50px;
    flex-shrink: 0;
  }
  .CartShippingWrap .CartShippingOne .CartShippingOneText {
    padding: 0px;
  }
  .CartShippingWrap .CartShippingOne .CartShippingOnePrice {
    flex-grow: 1;
    margin-top: 10px;
    width: calc(100% + 90px);
    flex-basis: calc(100% + 90px);
    transform: translateX(-90px);
  }
}

@media only screen and (max-width: 920px) {
  .CartItemsWrap .ui-spinner {
    margin: 0px !important;
    top: 0px !important;
  }
  .CartItemsWrap .ui-spinner input[type=text] {
    padding: 0px 10px !important;
    text-align: center !important;
    margin-right: 10px;
  }
  .CartItemsWrap .ui-spinner a.ui-button {
    display: none;
  }
}
/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
/*@import "../fontawesome/fontawesome.scss";
@import "../fontawesome/light.scss";
@import "../fontawesome/solid.scss";
@import "../fontawesome/brands.scss";*/
/*barvy z webu e.coleman.cz*/
.ShoppingCartMPWrap {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}
.ShoppingCartMPWrap main {
  position: relative;
  flex: 1 0 auto;
  width: 100%;
}

.BlockWrap.HeaderCart {
  background: #fff;
  border-bottom: 1px solid #d9d9d9;
  -webkit-box-shadow: -2.1px 2.2px 7px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: -2.1px 2.2px 7px rgba(0, 0, 0, 0.07);
  box-shadow: -2.1px 2.2px 7px rgba(0, 0, 0, 0.07);
  z-index: 10;
}
.BlockWrap.HeaderCart .BlockContent {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: nowrap;
}
.BlockWrap.HeaderCart .HeaderLogo {
  flex-shrink: 0;
  width: 226px;
  margin: 0px;
}
.BlockWrap.HeaderCart .HeaderLogo a {
  display: block;
  width: auto;
  height: auto;
}
.BlockWrap.HeaderCart .HeaderTitle {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding: 5px 0px;
  gap: 6px;
  text-align: right;
  color: #808080;
}
.BlockWrap.HeaderCart .HeaderTitle h1 {
  color: #099fdf;
  margin: 0px;
  font-size: 28px;
  line-height: 38px;
  padding-left: 50px;
}
.BlockWrap.HeaderCart .HeaderTitle h1:before {
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  display: block;
  content: "";
  width: 30px;
  height: 30px;
  background: #099fdf;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: 50%;
  mask-position: 50%;
  -webkit-mask-image: url("/app_themes/os-standard/images/cart-shopping-regular.svg");
  mask-image: url("/app_themes/os-standard/images/cart-shopping-regular.svg");
}
.BlockWrap.HeaderCart .HeaderTitle .ShoppingCartHelpline {
  font-size: 13px;
  line-height: 20px;
}
.BlockWrap.HeaderCart .HeaderTitle .ShoppingCartHelpline a {
  color: #808080;
}
@media only screen and (max-width: 990px) {
  .BlockWrap.HeaderCart .HeaderLogo {
    width: 180px;
  }
  .BlockWrap.HeaderCart .HeaderTitle h1 {
    font-size: 22px;
    line-height: 28px;
    padding-left: 36px;
  }
  .BlockWrap.HeaderCart .HeaderTitle h1:before {
    width: 24px;
    height: 24px;
  }
}
@media only screen and (max-width: 660px) {
  .BlockWrap.HeaderCart .BlockContent {
    padding-top: 15px;
    padding-bottom: 15px;
    flex-direction: column;
    gap: 10px;
  }
  .BlockWrap.HeaderCart .HeaderTitle {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
@media only screen and (max-width: 500px) {
  .BlockWrap.HeaderCart .BlockContent {
    padding-top: 15px;
    padding-bottom: 15px;
    flex-direction: column;
    gap: 10px;
  }
  .BlockWrap.HeaderCart .HeaderLogo {
    transform: translateX(5px);
  }
  .BlockWrap.HeaderCart .HeaderTitle {
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
  }
}

.BlockWrap.FooterCart {
  border-top: 1px solid #ebebeb;
  background: #fff;
  color: #606060;
}
.BlockWrap.FooterCart .BlockContent {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
  padding: 35px 0px 35px 0px !important;
  font-size: 12px;
  line-height: 20px;
}
.BlockWrap.FooterCart .BlockContent > * {
  padding: 10px 10px;
}
.BlockWrap.FooterCart .BlockContent > * p {
  margin: 0px;
}
@media only screen and (max-width: 900px) {
  .BlockWrap.FooterCart .BlockContent {
    flex-direction: column;
  }
  .BlockWrap.FooterCart .BlockContent > * {
    flex-basis: 100%;
    text-align: center;
  }
}