/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17.5.2021, 14:07:40
    Author     : Nela
*/
/* == ELEMENTS == */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17.5.2021, 14:19:07
    Author     : Nela
*/
/************************************************************************ 
 * Simple linear gradient with cross-browser compatibility.
 */
/* == products == */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18.5.2021, 14:25:16
    Author     : Nela
*/
/* == COLORS == */
/* == BREAKPOINTS == */
.productShowBestSales .productWrapper .row > [class*='col-'] {
  display: flex;
}
@media  screen and (max-width: 576px),  (min-width: 578px) and (max-width:1019px) {
  .productShowBestSales .productWrapper .row > [class*='col-'] {
    display: block;
  }
}
.productShowBestSales .itemmWrapperSlider {
  display: flex;
  /*
    /* na rozliseni kolem 1400 to delalo problem se slidrem vyrobku na home page
		@media @product-med{
			min-width: 300px;
		}

		@media @product-sm{
			min-width: 300px;
		}*/
}
.productShowBestSales .itemmWrapperSlider .itemWrapper {
  display: flex;
}
@media  screen and (max-width: 576px) {
  .productShowBestSales .itemmWrapperSlider .itemWrapper {
    /*width: 100%;*/
    max-width: 100%;
    flex: auto;
    margin: 10px auto;
  }
}
@media  screen and (max-width: 339px) {
  .productShowBestSales .itemmWrapperSlider .itemWrapper {
    width: 100%;
  }
}
@media  screen and (max-width: 576px) {
  .productShowBestSales .itemWrapper {
    /*width: 100%;*/
    max-width: 100%;
    flex: auto;
    margin: 10px auto;
  }
}
@media  screen and (max-width: 339px) {
  .productShowBestSales .itemWrapper {
    width: 100%;
  }
}
.productShowBestSales .ai-ProductItem {
  border: 1px solid #e4e4e4;
  min-height: 380px;
  padding: 10px;
  position: relative;
  width: 100%;
  background-color: #fff;
  height: 100%;
}
@media  screen and (max-width: 576px) {
  .productShowBestSales .ai-ProductItem {
    padding: 5px;
  }
}
.productShowBestSales .ai-ProductItem:hover {
  -webkit-box-shadow: -2px 2px 22px 3px rgba(0, 0, 0, 0.07);
  box-shadow: -2px 2px 22px 3px rgba(0, 0, 0, 0.07);
  transition: 0.5s all ease;
}
.productShowBestSales .ai-ProductItem .ai-productFlags {
  position: absolute;
  top: 110px;
  font-weight: 600;
  z-index: 99;
  font-size: 11px;
  color: #fff;
  left: 0;
}
@media  screen and (max-width: 576px) {
  .productShowBestSales .ai-ProductItem .ai-productFlags {
    width: 100%;
    top: 90px;
  }
}
.productShowBestSales .ai-ProductItem .ai-ItemCart {
  display: block;
  width: 100%;
  margin: 10px auto;
}
.productShowBestSales .ai-ProductItem .ai-ItemCart .ai-ArticlesView {
  display: block;
}
.productShowBestSales .ai-ProductItem .ai-ItemCart .ai-CartAreaUnit {
  display: inline-block;
  margin: 10px auto;
}
.productShowBestSales .ai-ProductItem .ai-ItemCart .ai-CartAreaUnit .cart-items-number {
  display: inline-block;
  width: 100px;
}
.productShowBestSales .ai-ProductItem .ai-ItemCart .ai-CartAreaUnitList {
  display: block;
  margin: 10px auto;
}
.productShowBestSales .ai-ProductItem .ai-ItemCart .ai-CartAreaUnitList .cart-items-number {
  display: flex;
  width: auto;
  min-width: 100px;
}
.productShowBestSales .ai-ProductItem .ai-ItemCart .ai-CartAreaUnitList .cart-items-number .ai-CartButtons {
  margin: 0px auto;
  flex-wrap: wrap;
  justify-content: center;
}
.productShowBestSales .ai-ProductItem .ai-ItemCart .ai-CartAreaUnitList .cart-items-number .aisAddToBasketcntItems {
  width: 50px;
  padding: 0px;
}
.productShowBestSales .ai-ProductItem .ai-ItemCart .cartBtn {
  color: #fff;
  background-color: #175da9;
  border-color: #175da9;
  display: inline-block;
  margin: 0px auto;
  padding: 10px 6px;
  margin-top: 4px;
}
@media  screen and (max-width: 768px) {
  .productShowBestSales .ai-ProductItem .ai-ItemCart .cartBtn {
    font-size: 12px;
  }
}
.productShowBestSales .ai-ProductItem .ai-ItemCart .cartBtn:hover {
  background-color: #000;
  border-color: #000;
}
.productShowBestSales .ai-ProductItem .ai-ItemCart .btnQuantity {
  color: #fff;
  background-color: #e4e4e4;
  border-color: #e4e4e4;
  padding: 10px 13px;
  margin-top: 4px;
}
@media  screen and (max-width: 768px) {
  .productShowBestSales .ai-ProductItem .ai-ItemCart .btnQuantity {
    padding: 8px;
  }
}
.productShowBestSales .ai-ProductItem .ai-ItemCart .btnQuantity:hover {
  background-color: #175da9;
  border-color: #175da9;
}
.productShowBestSales .ai-ProductItem .ai-ItemCart .aisAddToBasketcntItems {
  margin-top: 4px;
}
.productShowBestSales .ai-ProductItem .ai-ItemCart .righted {
  margin-right: 3px;
}
.productShowBestSales .ai-ProductItem .ai-ItemCart .lefted {
  margin-left: 3px;
}
.productShowBestSales .ai-ProductItem .ai-ItemCart .form-control {
  border-radius: 0px;
  text-align: center;
  border: 1px solid #e4e4e4;
}
.productShowBestSales .ai-ProductItem .ai-ItemRating {
  display: block;
  width: 100%;
  font-size: 15px;
  text-align: center;
  color: #fae16d;
}
.productShowBestSales .ai-ProductItem .ai-ItemRating .reviews {
  font-size: 14px;
  color: #000;
  padding-left: 3px;
}
.productShowBestSales .ai-ProductItem a {
  cursor: pointer;
  display: flex;
  /*height:250px;*/
}
.productShowBestSales .ai-ProductItem .itemName {
  font-size: 15px;
  text-align: center;
  display: block;
  width: 100%;
  font-weight: 700;
  margin: 10px auto;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  height: 63px;
  -webkit-box-orient: vertical;
}
@media  screen and (max-width: 576px) {
  .productShowBestSales .ai-ProductItem .itemName {
    font-size: 12px;
    height: initial;
  }
}
.productShowBestSales .ai-ProductItem .itemImage {
  position: relative;
  height: auto;
  width: 100%;
  margin: 0 auto;
  height: 250px;
  display: flex;
  justify-content: center;
}
.productShowBestSales .ai-ProductItem .itemImage img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  padding: 10px;
}
.productShowBestSales .ai-ProductItem .itemDescriptionShort {
  margin-top: 10px;
  text-align: center;
  font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.productShowBestSales .ai-ProductItem .itemInStock {
  font-weight: 600;
  text-align: center;
  font-size: 12px;
  margin-top: 10px;
  text-transform: uppercase;
}
.productShowBestSales .ai-ProductItem .itemPackageSize {
  font-size: 12px;
  text-align: center;
}
.productShowBestSales .ai-ProductItem .itemPackagePricePerSize {
  text-align: center;
  font-size: 12px;
  font-weight: 600;
}
.productShowBestSales .ai-ProductItem .oldItemPackagePricePerSize {
  text-decoration: line-through;
  color: #000;
}
.productShowBestSales .ai-ProductItem .itemPrice {
  text-align: center;
  margin: 10px auto;
}
.productShowBestSales .ai-ProductItem .itemPrice .PriceBaseCost {
  font-size: 13px;
  /*color: @aigray;*/
}
.productShowBestSales .ai-ProductItem .itemPrice .PriceBaseCost .strikethrough {
  position: relative;
  font-weight: 600;
}
.productShowBestSales .ai-ProductItem .itemPrice .PriceBaseCost .strikethrough::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid #e6151a !important;
  border-color: inherit;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
.productShowBestSales .ai-ProductItem .itemPrice .price {
  font-size: 21px;
}
@media  screen and (max-width: 768px) {
  .productShowBestSales .ai-ProductItem .itemPrice .price {
    font-size: 18px;
  }
}
@media  screen and (max-width: 576px) {
  .productShowBestSales .ai-ProductItem .itemPrice .price {
    font-size: 14px;
  }
}
.productShowBestSales .ai-ProductItem .itemPrice .currencyPrice {
  font-size: 19px;
}
.productShowBestSales .ai-ProductItem .itemPrice .pricePerPiece {
  font-size: 12px;
}
.productShowBestSales .ai-ProductItem .itemPrice .withDPH {
  font-size: 12px;
}
.productShowBestSales .ai-ProductItem .itemPrice span {
  display: inline-block;
  font-weight: 700;
}
.productShowBestSales .ai-ProductItem .itemPrice .itemPriceNoDPH {
  text-align: center;
  margin: 3px auto;
  line-height: 6px;
}
.productShowBestSales .ai-ProductItem .itemPrice .itemPriceNoDPH .priceWithoutDPH {
  font-size: 12px;
}
.productShowBestSales .ai-ProductItem .itemPrice .itemPriceNoDPH .currencyPriceWithoutDPH {
  font-size: 12px;
}
.productShowBestSales .ai-ProductItem .itemPrice .itemPriceNoDPH .pricePerPieceWithoutDPH {
  font-size: 12px;
}
.productShowBestSales .ai-ProductItem .itemPrice .itemPriceNoDPH .withoutDPH {
  font-size: 12px;
}
.productShowBestSales .ai-ProductItem .itemPrice .itemPriceNoDPH span {
  display: inline-block;
  font-weight: 400;
}
.productShowBestSales .ai-ProductItem .ai-catalogNumber {
  font-size: 12px;
  color: #787878;
  text-align: center;
  min-height: 20px;
}
.productShowBestSales .ai-ProductItem .delFromFavorites {
  font-weight: 600;
  display: block;
  text-align: center;
}
.ai-ProductItem {
  border: 1px solid #e4e4e4;
  min-height: 380px;
  padding: 10px;
  position: relative;
  height: 100%;
}
.ai-ProductItem:hover {
  -webkit-box-shadow: -2px 2px 22px 3px rgba(0, 0, 0, 0.07);
  box-shadow: -2px 2px 22px 3px rgba(0, 0, 0, 0.07);
  transition: 0.5s all ease;
}
@media  (min-width: 1020px) and (max-width:1600px),  (min-width: 578px) and (max-width:1019px) {
  .ai-ProductItem .itemPrice,
  .ai-ProductItem .ai-CartAreaUnitList {
    zoom: 90%;
  }
}
@media  (min-width: 1200px) and (max-width:1480px),  (min-width: 578px) and (max-width:1019px) {
  .ai-ProductItem .itemPrice,
  .ai-ProductItem .ai-CartAreaUnitList {
    zoom: 80%;
  }
}
.ai-ProductItem .ai-productFlags {
  position: absolute;
  top: 110px;
  font-weight: 600;
  z-index: 99;
  font-size: 11px;
  color: #fff;
  left: 0;
}
.ai-ProductItem .ai-ItemCart {
  display: block;
  width: 100%;
  margin: 10px auto;
}
.ai-ProductItem .ai-ItemCart .ai-ArticlesView {
  display: block;
}
.ai-ProductItem .ai-ItemCart .ai-CartAreaUnit {
  display: inline-block;
  margin: 10px auto;
}
.ai-ProductItem .ai-ItemCart .ai-CartAreaUnit .cart-items-number {
  display: inline-block;
  width: 100px;
}
.ai-ProductItem .ai-ItemCart .ai-CartAreaUnitList {
  display: block;
  margin: 10px auto;
}
.ai-ProductItem .ai-ItemCart .ai-CartAreaUnitList .cart-items-number {
  display: inline-block;
  width: auto;
  min-width: 100px;
}
.ai-ProductItem .ai-ItemCart .cartBtn {
  color: #fff;
  background-color: #175da9;
  border-color: #175da9;
  display: inline-block;
}
.ai-ProductItem .ai-ItemCart .cartBtn:hover {
  background-color: #000;
  border-color: #000;
}
.ai-ProductItem .ai-ItemCart .btnQuantity {
  color: #fff;
  background-color: #e4e4e4;
  border-color: #e4e4e4;
}
.ai-ProductItem .ai-ItemCart .btnQuantity:hover {
  background-color: #175da9;
  border-color: #175da9;
}
.ai-ProductItem .ai-ItemCart .form-control {
  border-radius: 0px;
  text-align: center;
  border: 1px solid #e4e4e4;
}
.ai-ProductItem .ai-ItemRating {
  display: block;
  width: 100%;
  font-size: 15px;
  text-align: center;
  color: #fae16d;
}
.ai-ProductItem .ai-ItemRating #reviews {
  font-size: 13px;
  color: #fae16d;
}
.ai-ProductItem a {
  cursor: pointer;
}
.ai-ProductItem .itemName {
  min-height: 50px;
  font-size: 15px;
  text-align: center;
  display: block;
  width: 100%;
  font-weight: 700;
  margin: 10px auto;
  text-transform: uppercase;
}
.ai-ProductItem .itemImage {
  position: relative;
  height: 250px;
  width: 250px;
  margin: 0 auto;
}
@media  screen and (min-width: 340px) and (max-width: 576px)  {
  .ai-ProductItem .itemImage {
    height: 150px !important;
  }
}
.ai-ProductItem .itemImage img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  padding: 10px;
}
@media  screen and (min-width: 340px) and (max-width: 576px)  {
  .ai-ProductItem .itemImage img {
    padding: 0px !important;
  }
}
.ai-ProductItem .itemDescriptionShort {
  margin-top: 10px;
  text-align: center;
  font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media  screen and (min-width: 340px) and (max-width: 576px)  {
  .ai-ProductItem .itemDescriptionShort {
    display: none !important;
  }
}
.ai-ProductItem .itemInStock {
  font-weight: 600;
  text-align: center;
  font-size: 12px;
  margin-top: 10px;
  text-transform: uppercase;
}
.ai-ProductItem .itemPackageSize {
  font-size: 12px;
  text-align: center;
}
.ai-ProductItem .itemPackagePricePerSize {
  text-align: center;
  font-size: 12px;
  font-weight: 600;
}
.ai-ProductItem .oldItemPackagePricePerSize {
  text-decoration: line-through;
  color: #000;
}
.ai-ProductItem .itemPrice {
  text-align: center;
  margin: 10px auto;
}
.ai-ProductItem .itemPrice .price {
  font-size: 21px;
}
@media  screen and (max-width: 768px) {
  .ai-ProductItem .itemPrice .price {
    font-size: 18px;
  }
}
@media  screen and (max-width: 576px) {
  .ai-ProductItem .itemPrice .price {
    font-size: 14px;
  }
}
.ai-ProductItem .itemPrice .currencyPrice {
  font-size: 19px;
}
.ai-ProductItem .itemPrice .pricePerPiece {
  font-size: 12px;
}
.ai-ProductItem .itemPrice .withDPH {
  font-size: 12px;
}
.ai-ProductItem .itemPrice span {
  display: inline-block;
  font-weight: 700;
}
.ai-ProductItem .itemPrice .itemPriceNoDPH {
  text-align: center;
  margin: 3px auto;
  line-height: 6px;
}
.ai-ProductItem .itemPrice .itemPriceNoDPH .priceWithoutDPH {
  font-size: 12px;
}
.ai-ProductItem .itemPrice .itemPriceNoDPH .currencyPriceWithoutDPH {
  font-size: 12px;
}
.ai-ProductItem .itemPrice .itemPriceNoDPH .pricePerPieceWithoutDPH {
  font-size: 12px;
}
.ai-ProductItem .itemPrice .itemPriceNoDPH .withoutDPH {
  font-size: 12px;
}
.ai-ProductItem .itemPrice .itemPriceNoDPH span {
  display: inline-block;
  font-weight: 400;
}
.ai-ProductItem .ai-catalogNumber {
  font-size: 12px;
  color: #787878;
  text-align: center;
}
@media  screen and (min-width: 340px) and (max-width: 576px)  {
  .ai-ProductItem .ai-catalogNumber {
    display: none;
  }
}
.categoryListShortItem a {
  -webkit-box-shadow: -2px 2px 14px 3px rgba(0, 0, 0, 0.07);
  box-shadow: -2px 2px 14px 3px rgba(0, 0, 0, 0.07);
}
.suggestionArticles .ai-ProductItem {
  min-height: 300px;
}
.suggestionArticles .ai-ProductItem .itemImage {
  height: 150px;
  width: 220px;
  max-width: 100%;
}
.suggestionArticles .ai-productGift:hover {
  background-color: #f3971d !important;
  cursor: default;
}
/* == products == */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 9. 6. 2021, 8:28:59
    Author     : Nela
*/
/* == COLORS == */
/* == BREAKPOINTS == */
.ai-productDetail .shopArticledetail_left {
  position: relative;
}
.ai-productDetail .shopArticledetail_right {
  position: relative;
}
.ai-productDetail .shopArticledetail_right .shopArticledetail_rightShadow {
  -webkit-box-shadow: -2px 2px 22px 3px rgba(0, 0, 0, 0.07);
  box-shadow: -2px 2px 22px 3px rgba(0, 0, 0, 0.07);
}
.ai-productDetail .CategoryBox {
  font-size: 15px;
  margin: 0px auto 10px;
  display: block;
}
.ai-productDetail .CategoryBox .MainCategoryView {
  font-weight: 400;
  cursor: pointer;
  font-size: 12px;
}
.ai-productDetail .CategoryBox .MainCategoryView i {
  margin-left: 13px;
}
.ai-productDetail .CategoryBox .MainCategory {
  display: inline-block;
  margin: 5px auto;
  font-size: 11px;
  padding: 5px 5px 5px 0px;
}
.ai-productDetail .CategoryBox .MainCategory .fa {
  color: #000;
}
.ai-productDetail .CategoryBox .MainCategory .fa-home {
  font-size: 17px;
  padding-right: 2px;
  margin-left: -4px;
}
.ai-productDetail .CategoryBox .MainCategory a {
  text-transform: inherit;
  display: inline-block;
  font-size: 12px;
  color: #000;
  background: inherit;
  padding: 5px;
  text-decoration: underline;
}
.ai-productDetail .CategoryBox .Category {
  padding: 5px;
  margin-right: 5px;
  margin-top: 3px;
  margin-bottom: 3px;
  display: inline-block;
}
.ai-productDetail .CategoryBox .Category span {
  font-size: 11px;
  text-transform: uppercase;
}
.ai-productDetail .CategoryBox .Categories {
  display: block;
  margin: 5px auto 10px;
  margin-bottom: 20px;
  padding: 10px 0;
}
.ai-productDetail .ident {
  font-size: 15px;
}
.ai-productDetail .ai-productFlags {
  position: relative;
  font-weight: 600;
  z-index: 999;
  font-size: 11px;
  color: #fff;
  display: block;
  top: inherit;
  left: inherit;
  margin: 10px auto;
}
.ai-productDetail .ai-productFlags div {
  display: inline-block;
}
.ai-productDetail .ai-productFlags div span {
  display: inline-block;
}
.ai-productDetail .ai-productFlags .usrIcon span {
  padding: 5px 10px;
  width: auto;
  margin: 2px 0;
  display: inline-block;
}
.ai-productDetail .ai-productFlags .usrIcon img {
  margin-top: 3px;
}
.ai-productDetail .ai-productFlags .cycle-slide span {
  height: 30px !important;
}
.ai-productDetail .rateInfoText i {
  font-size: 16px;
}
.ai-productDetail .ai-ItemRating {
  display: block;
  width: 100%;
  font-size: 15px;
  color: #fae16d;
}
.ai-productDetail .ai-ItemRating .reviews {
  font-size: 13px;
}
.ai-productDetail .ai-ItemRating .reviews strong {
  color: #000;
  padding-left: 10px;
  padding-right: 8px;
}
.ai-productDetail .ai-ItemRating .ai-LinkRating {
  color: #777;
  text-decoration: underline;
  cursor: pointer;
}
.ai-productDetail .ai-ItemRating .ai-RatingCnt {
  color: #777;
}
.ai-productDetail .ai-RatingSummary {
  width: 140px;
}
@media  screen and (max-width: 576px) {
  .ai-productDetail .ai-RatingSummary {
    width: 100% !important;
  }
  .ai-productDetail .ai-RatingSummary .addNewRatingWrap {
    text-align: center;
  }
}
.ai-productDetail .ai-RatingSummary .ai-ItemRating {
  font-size: 21px;
}
.ai-productDetail .ai-RatingSummary .reviews {
  font-size: 24px;
  text-align: center;
  margin-left: -13px;
}
.ai-productDetail .ai-RatingSummary .reviews .ai-RatingCnt {
  color: #777777;
  font-size: 14px;
}
.ai-productDetail .reviewGraphWrapper {
  padding-top: 2px;
}
.ai-productDetail .reviewGraphWrapper .reviewLine {
  width: 210px;
  border: 1px solid #cccccc;
  height: 8px;
  display: inline-block;
}
@media  screen and (max-width: 576px) {
  .ai-productDetail .reviewGraphWrapper .reviewLine {
    width: calc(100vw - 140px) !important;
  }
}
.ai-productDetail .reviewGraphWrapper span.reviewLineColor {
  background-color: #fae16d;
  display: block;
  height: 8px;
  margin-top: -1px;
  margin-left: -1px;
}
.ai-productDetail .reviewGraphWrapper .counted {
  color: #fae16d;
  font-size: 16px;
  margin-right: 3px;
}
.ai-productDetail .sa03 select {
  padding: 10px;
  border: 1px solid #e8e8e8;
  vertical-align: bottom;
}
@media  screen and (max-width: 576px) {
  .ai-productDetail .sa03 select {
    width: 98%;
  }
}
@media  screen and (max-width: 576px) {
  .ai-productDetail .ai-ItemRating {
    text-align: center;
  }
}
.ai-productDetail .sahcs {
  /*padding-top: 10px;*/
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: -2px 26px 22px 3px rgba(0, 0, 0, 0.02);
  transition: 0.5s all ease;
}
.ai-productDetail .HeurekaReviewItem {
  padding-top: 10px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: -2px 2px 22px 3px rgba(0, 0, 0, 0.07);
  transition: 0.5s all ease;
}
.ai-productDetail .HeurekaReviewItem .counted {
  color: #fae16d;
  font-size: 16px;
}
.ai-productDetail .HeurekaReviewItem .sahcricplus i,
.ai-productDetail .HeurekaReviewItem .sahcricminus i {
  font-size: 16px;
  margin-right: 5px;
}
.ai-productDetail .HeurekaReviewItem .sahcricplus i {
  color: #28a745;
}
.ai-productDetail .HeurekaReviewItem .sahcricminus i {
  color: #e6151a;
}
.ai-productDetail .HeurekaReviewItem .sahcrUsefulUseless .disabledBtn:hover {
  cursor: not-allowed;
}
.ai-productDetail .HeurekaReviewItem .sahcrUsefulUseless .disabledBtn {
  background-color: #eeeeee !important;
  color: #777 !important;
}
.ai-productDetail .shopArticledetail_left .shopArticlefirstImage {
  position: relative;
  height: auto;
  width: 100%;
  margin: 0 auto;
}
@media  screen and (max-width: 576px) {
  .ai-productDetail .shopArticledetail_left .shopArticlefirstImage {
    width: 100%;
  }
}
.ai-productDetail .shopArticledetail_left .shopArticlefirstImage img {
  display: block;
  max-width: 100%;
  position: relative;
  margin: 0 auto;
  padding: 10px;
  overflow: hidden;
  max-height: 450px;
  width: auto;
}
.ai-productDetail .shopArticledetail_left #card-sliderImages .splide__list {
  margin: 20px auto;
}
.ai-productDetail .shopArticledetail_left #card-sliderImages .splide__list .splide__slide {
  width: 100px!important;
  height: 100px;
  margin: 5px;
  border: 1px solid #eeeeee;
}
.ai-productDetail .shopArticledetail_left #card-sliderImages .splide__list .splide__slide .itemWrapper {
  position: relative;
  height: 100px;
  width: 100px;
  margin: 0 auto;
  cursor: pointer;
}
.ai-productDetail .shopArticledetail_left #card-sliderImages .splide__list .splide__slide .itemWrapper img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 10px;
}
.ai-productDetail .shopArticledetail_right .shopArticlewarranty {
  font-size: 15px;
  display: block;
}
.ai-productDetail .shopArticledetail_right .shopArticlewarranty .shopArticlewarrantyValue {
  display: inline-block;
}
.ai-productDetail .shopArticledetail_right .querySales {
  cursor: pointer;
}
.ai-productDetail .shopArticledetail_right .querySales:hover {
  color: #175da9;
}
.ai-productDetail .shopArticledetail_right .saAddToFavorites {
  cursor: pointer;
}
.ai-productDetail .shopArticledetail_right .saAddToFavorites:hover {
  color: #175da9;
}
.ai-productDetail .shopArticledetail_right .addWatchDog {
  cursor: pointer;
}
.ai-productDetail .shopArticledetail_right .addWatchDog:hover {
  color: #175da9;
}
.ai-productDetail .shopArticledetail_right .compareArticle {
  cursor: pointer;
}
.ai-productDetail .shopArticledetail_right .compareArticle:hover {
  color: #175da9;
}
.ai-productDetail .shopArticledetail_right .addReviewBtn {
  cursor: pointer;
}
.ai-productDetail .shopArticledetail_right .addReviewBtn:hover {
  color: #175da9;
}
.ai-productDetail .shopArticledetail_right .shopArticleDescription {
  font-size: 15px;
  margin: 20px auto;
}
.ai-productDetail .shopArticledetail_right .shopArticleDescription p {
  margin: 5px auto;
}
@media  screen and (max-width: 576px) {
  .ai-productDetail .shopArticledetail_right .shopArticleDescription {
    text-align: center;
  }
}
.ai-productDetail .shopArticledetail_right .shopArticledeliveryDays {
  font-size: 15px;
  margin: 5px 0;
}
@media  screen and (max-width: 576px) {
  .ai-productDetail .shopArticledetail_right .shopArticledeliveryDays {
    text-align: center;
  }
}
.ai-productDetail .shopArticledetail_right .shopArticledeliveryDays span {
  display: inline-block;
}
.ai-productDetail .shopArticledetail_right .shopArticledeliveryDays .shopArticledeliveryDaysValue {
  font-weight: 600;
  display: inline-block;
  font-size: 15px;
}
@media  screen and (max-width: 576px) {
  .ai-productDetail .shopArticledetail_right .itemNoOrder {
    text-align: center;
  }
}
.ai-productDetail .shopArticledetail_right .itemSave {
  margin: 5px 0;
}
@media  screen and (max-width: 576px) {
  .ai-productDetail .shopArticledetail_right .itemSave {
    text-align: center;
  }
}
.ai-productDetail .shopArticledetail_right .itemBaseCost {
  margin: 5px 0;
}
@media  screen and (max-width: 576px) {
  .ai-productDetail .shopArticledetail_right .itemBaseCost {
    text-align: center;
  }
}
.ai-productDetail .shopArticledetail_right .shopArticleinStore {
  display: inline-block;
}
@media  screen and (max-width: 576px) {
  .ai-productDetail .shopArticledetail_right .shopArticleinStore {
    text-align: center;
    display: block;
  }
}
.ai-productDetail .shopArticledetail_right .shopArticleinStore .shopArticleStoreImg {
  display: inline-block;
}
.ai-productDetail .shopArticledetail_right .shopArticleinStore .shopArticleStoreText {
  display: inline-block;
  font-size: 15px;
}
.ai-productDetail .shopArticledetail_right .shopArticleAttributeCostContent {
  margin: 10px auto;
}
@media  screen and (max-width: 576px) {
  .ai-productDetail .shopArticledetail_right .shopArticleAttributeCostContent {
    text-align: center;
  }
}
.ai-productDetail .shopArticledetail_right .shopArticleAttributeCostContent .shopArticleAttributeCostName {
  font-size: 22px;
  font-weight: 700;
  display: inline-block;
  margin: 10px auto;
}
.ai-productDetail .shopArticledetail_right .shopArticleAttributeCostContent .shopArticleAttributeCostText {
  font-size: 22px;
  font-weight: 700;
  display: inline-block;
  margin: 10px auto;
  color: #e6151a;
}
.ai-productDetail .shopArticledetail_right .shopArticleAttributeCostContent .shopArticleAttributeCostTextMU {
  color: #e6151a;
  font-weight: 700;
}
.ai-productDetail .shopArticledetail_right .ai-ItemCart {
  display: block;
  width: 100%;
  margin: 10px auto;
}
.ai-productDetail .shopArticledetail_right .ai-ItemCart .ai-CartAreaUnitList {
  display: block;
  margin: 10px auto;
}
@media  screen and (max-width: 576px) {
  .ai-productDetail .shopArticledetail_right .ai-ItemCart .ai-CartAreaUnitList {
    text-align: center;
  }
}
.ai-productDetail .shopArticledetail_right .ai-ItemCart .ai-CartAreaUnitList .btnQuantity {
  color: #fff;
  background-color: #e4e4e4;
  border-color: #e4e4e4;
}
.ai-productDetail .shopArticledetail_right .ai-ItemCart .ai-CartAreaUnitList .btnQuantity:hover {
  background-color: #175da9;
  border-color: #175da9;
}
.ai-productDetail .shopArticledetail_right .ai-ItemCart .ai-CartAreaUnitList .cart-items-number {
  display: inline-block;
  width: auto;
  min-width: 100px;
}
.ai-productDetail .shopArticledetail_right .ai-ItemCart .ai-CartAreaUnitList .cart-items-number input {
  /*width: 80px;*/
  width: 50px;
  padding: 0px;
}
.ai-productDetail .shopArticledetail_right .ai-ItemCart .ai-CartAreaUnitList .form-control {
  border-radius: 0px;
  text-align: center;
  border: 1px solid #e8e8e8;
}
.ai-productDetail .shopArticledetail_right .ai-ItemCart .ai-CartAreaUnitList .cartBtn {
  color: #fff;
  background-color: #175da9;
  border-color: #175da9;
  display: inline-block;
  margin-left: 10px;
}
.ai-productDetail .shopArticledetail_right .ai-ItemCart .ai-CartAreaUnitList .cartBtn:hover {
  background-color: #000;
  border-color: #000;
}
.ai-productDetail .shopArticledetail_right .pho {
  margin: 20px auto;
  display: block;
  font-size: 15px;
}
@media  screen and (max-width: 576px) {
  .ai-productDetail .shopArticledetail_right .pho {
    text-align: center;
  }
}
.ai-productDetail .shopArticledetail_right .pho a {
  margin: 0 5px 0 0;
  color: #777;
}
.ai-productDetail .shopArticledetail_right .pho a::hover {
  color: #000;
}
.ai-productDetail #shopArtTabs {
  border: none;
  border-radius: 0;
  clear: both;
  margin: 0px;
  padding: 0px;
  padding: 20px 10px 0px 10px;
}
.ai-productDetail #shopArtTabs::before,
.ai-productDetail #shopArtTabs ::after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ai-productDetail #shopArtTabs .ui-state-active {
  font-weight: 700;
  top: 1px;
}
.ai-productDetail #shopArtTabs .ui-state-active a {
  color: #000;
  font-weight: 700;
}
@media  screen and (max-width: 768px) {
  .ai-productDetail #shopArtTabs {
    padding: 20px 0px 0px 0px;
    margin-right: -10px;
  }
}
.ai-productDetail #shopArtTabs #shopArtTabsUL {
  border-bottom: 1px solid #f0f0f0;
  padding: 20px 10px 0px 10px;
}
.ai-productDetail #shopArtTabs #shopArtTabsUL::before,
.ai-productDetail #shopArtTabs #shopArtTabsUL ::after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ai-productDetail #shopArtTabs #shopArtTabsUL::after {
  clear: both;
}
@media  screen and (max-width: 768px) {
  .ai-productDetail #shopArtTabs #shopArtTabsUL {
    padding: 0px;
  }
  .ai-productDetail #shopArtTabs #shopArtTabsUL li {
    border-bottom: 1px solid #f0f0f0;
    margin-top: -2px;
  }
}
.ai-productDetail #shopArtTabs li {
  font-weight: 600;
  background: #fff;
  position: relative;
  list-style: none;
  float: left;
  vertical-align: middle;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
  margin-right: 10px;
}
.ai-productDetail #shopArtTabs li a {
  font-weight: 400;
  padding: 10px;
  float: left;
  font-size: 16px;
  color: #777;
}
.ai-productDetail #shopArtTabs .shopArticledescriptions {
  clear: both;
  display: block;
  padding: 20px;
  font-size: 15px;
}
@media  screen and (max-width: 576px) {
  .ai-productDetail #shopArtTabs .shopArticledescriptions {
    text-align: center;
  }
}
.ai-productDetail #shopArtTabs .shopArticleAttributesDiv {
  padding-left: 12px;
  margin: 20px 0px 5px 0px;
  -webkit-box-shadow: -2px 2px 22px 3px rgba(0, 0, 0, 0.05);
  box-shadow: -2px 2px 22px 3px rgba(0, 0, 0, 0.05);
}
.ai-productDetail #shopArtTabs .shopArticleAttributesDiv td.shopArticleAttributeName {
  /*background: @baseBckg3;*/
  /*-webkit-box-shadow: -2px 2px 22px 3px rgba(0,0,0,0.05);
        box-shadow: -2px 2px 22px 3px rgba(0,0,0,0.05);*/
  max-width: 20px;
}
.ai-productDetail #shopArtTabs .shopArticleAttributesDiv td.shopArticleAttributeValue {
  /*background: @baseBckg3;*/
  -webkit-box-shadow: -2px 2px 22px 3px rgba(0, 0, 0, 0.05);
  box-shadow: -2px 2px 22px 3px rgba(0, 0, 0, 0.05);
}
.ai-productDetail .shopArticleimages {
  width: calc(100% - 60px) !important;
  margin-left: 20px;
  text-align: center;
}
@media (min-width: 992px) and (max-width: 1536px) {
  .ai-productDetail .shopArticleimages {
    width: calc(100% - 68px) !important;
  }
  .ai-productDetail .shopArticleimages img {
    max-width: 80px !important;
    max-height: 80px !important;
  }
  .ai-productDetail .shopArticleimages .cycle-slide span {
    max-width: 90px;
    max-height: 90px;
  }
}
@media  screen and (max-width: 576px) {
  .ai-productDetail .shopArticleimages {
    width: calc(100% - 40px) !important;
  }
}
.ai-productDetail .shopArticleimages img {
  max-width: 90px;
  max-height: 90px;
  width: auto;
  height: auto;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.ai-productDetail .Next,
.ai-productDetail .Prev {
  display: block;
  width: 35px;
  height: 35px;
  font-size: 22px;
  border-radius: 5px;
  position: absolute;
  bottom: 32px;
  right: 10px;
  z-index: 1000;
}
.ai-productDetail .Next span,
.ai-productDetail .Prev span {
  display: none;
}
.ai-productDetail .Next.disabled,
.ai-productDetail .Prev.disabled {
  display: none;
}
.ai-productDetail .Prev {
  left: 10px;
}
.ai-productDetail .Next {
  right: 10px;
}
.ai-productDetail table caption {
  caption-side: top;
}
.ai-productDetail span.custom-caption {
  display: block;
  text-align: center;
}
.ai-productDetail .shopArticleimages .cycle-slide {
  padding: 0px 5px;
}
.ai-productDetail .shopArticleimages .cycle-slide span {
  display: block;
  position: relative;
  width: 100px;
  height: 100px;
  border: 1px solid #e8e8e8;
}
.artLastVisited .ai-ProductItem {
  min-height: 330px;
}
.artLastVisited .ai-ProductItem .itemImage {
  width: 100%;
  display: flex;
  justify-content: center;
}
/* == BREAKPOINTS == */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17.5.2021, 14:08:58
    Author     : Nela
*/
/* Small devices (landscape phones, 576px and up) */
/*@media (max-width: 576px) {  */
@media (max-width: 340px) {
  .splide__slide {
    /*width: 288px!important;*/
  }
  .splide__slide .itemWrapper {
    width: 100%;
    max-width: 100%;
  }
}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 578px) and (max-width: 1019px) {
  .splide__slide {
    /*width: 288px!important;*/
  }
  .splide__slide .itemWrapper {
    width: 100%;
    max-width: 100%;
  }
}
/* == COLORS == */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17.5.2021, 14:08:52
    Author     : Nela
*/
/* == GLOBAL BASE AI COLORS FOR CHANGE == */
/* výchozí barva textu - černá */
/* výchozí barva textu u prvků s barevným pozadím - bílá */
/* výchozí barva nadpisů - černá */
/* výchozí barva odkazů, případně pro nadpisy atd, hlavní barva pro text - oranžová */
/* výchozí barva pozadí  btn - černá */
/* výchozí barva pozadí btn na hover - oranžová */
/* druhá výchozí barva pozadí btn na hover - šedá */
/* výchozí barva všech odkazů textových - oranžová */
/*base barvy pro celý web - jednotné pozadí */
/*baseBckg - se používají i na bordery, buttony */
/* výchozí barva pozadí - oranžová */
/* výchozí barva pozadí - černá */
/* výchozí barva pozadí - šedá  - pozadí levé menu + šedá komplet v celé objednávce, newsletter*/
/* výchozí barva pozadí - světle šedá */
/* výchozí barva pozadí - velmi světle šedá */
/* výchozí barva pozadí - tmavě šedá */
/* výchozí barva pozadí - bílá */
/* výchozí barva pozadí - šedá světlejší */
/* výchozí barva pozadí - šedá AI SHOP | pozadí tmavě šedé záložka levé menu */
/* tmavá barva na textu slideru */
/* výchozí barva pozadí -  šedá u tlačítek zvolit počer */
/* výchozí barva linků v detailu produktu - hlídat cenu, porovnat atd..*/
/* pozadí menu horizontal*/
/*defaultní border světle šedá*/
/* == GLOBAL DEFAUL COLORS == */
/*@gray: #242424;*/
/*f9c037*/
.red {
  color: #e6151a;
}
.green {
  color: #45a526;
}
.blue {
  color: #3cc2d2;
}
.gray {
  color: #e4e4e4;
}
.black {
  color: #000000;
}
/* == GLOBALS == */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17.5.2021, 14:28:47
    Author     : Nela
*/
/* == BREAKPOINTS == */
/* == colors == */
.clearfix:after {
  content: '';
  display: block;
  clear: both;
}
* {
  margin: 0px;
  padding: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 15px 0;
}
h1 {
  font-size: 30px;
}
h2 {
  font-size: 25px;
}
h3 {
  font-size: 20px;
}
p {
  margin: 0 0 20px;
  font-size: 15px;
  letter-spacing: normal;
}
p a {
  text-decoration: underline;
}
p a:hover {
  text-decoration: underline;
}
a {
  text-decoration: none;
}
a:hover,
a:focus,
a:active {
  outline: none;
  text-decoration: none;
}
ul {
  margin: 0;
}
figure {
  margin-bottom: 6px;
  position: relative;
}
img {
  height: auto;
  max-width: 100%;
}
iframe {
  width: 100%;
  float: left;
  border: none;
}
.wp-caption.alignleft {
  width: 100%;
}
.wp-caption.alignnone {
  width: 100%;
}
button {
  border: none;
  border-radius: none;
}
.btn {
  border-radius: 0;
  padding: 10px;
  color: #fff;
  background-color: #000;
}
.btn:hover {
  color: #fff;
  background-color: #175da9;
}
textarea {
  color: #666;
  outline: none;
  height: 40px;
  background: #fff;
  font-size: 14px;
  line-height: 18px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 7px 20px;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #e8e8e8;
  text-transform: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.navbar {
  padding: 0;
}
.border {
  border: 1px solid #242424;
}
@media  (min-width: 1600px) and (max-width:1919px) {
  .container-fluid {
    max-width: 1600px;
    margin: 0 auto;
  }
}
@media  (min-width: 1920px) {
  .container-fluid {
    max-width: 1600px;
    margin: 0 auto;
  }
}
.section-heading h2 {
  font-size: 30px;
  margin: 20px auto 25px;
}
@media  screen and (max-width: 576px) {
  .section-heading h2 {
    text-align: center;
  }
}
.section-heading span {
  text-align: center;
  display: block;
  margin-bottom: 20px;
}
.ai-productFlags {
  position: absolute;
  top: 110px;
  font-weight: 600;
  z-index: 9999;
  font-size: 11px;
  color: #fff;
  left: 0;
}
.ai-productFlags .usrIcon span {
  padding: 5px 10px;
  width: auto;
  margin: 2px 0;
  display: inline-block;
}
.ai-productFlags .sale {
  display: block;
}
.ai-productFlags .sale span {
  background-color: #e6151a;
  padding: 5px 10px;
  width: auto;
  margin: 2px 0;
  display: inline-block;
}
.ai-productFlags .itemIconGift {
  display: block;
}
.ai-productFlags .itemIconGift span {
  background-color: #45a526;
  padding: 5px 10px;
  width: auto;
  margin: 2px 0;
  display: inline-block;
}
.ai-productFlags .itemIconNoDiscount {
  display: block;
}
.ai-productFlags .itemIconNoDiscount span {
  background-color: #fae16d;
  padding: 5px 10px;
  display: inline-block;
  width: auto;
  margin: 2px 0;
}
.ai-productFlags .tip {
  display: block;
}
.ai-productFlags .tip span {
  background-color: #b362a7;
  padding: 5px 10px;
  width: auto;
  margin: 2px 0;
  display: inline-block;
}
.ai-productFlags .itemIconDelPay {
  display: block;
}
.ai-productFlags .itemIconDelPay span {
  background-color: #3cc2d2;
  padding: 5px 10px;
  margin: 2px 0;
  display: inline-block;
  width: auto;
}
.ai-productFlags .freeShipping {
  display: block;
}
.ai-productFlags .freeShipping span {
  background-color: #000;
  padding: 5px 10px;
  width: auto;
  margin: 2px 0;
  display: inline-block;
}
.ai-productFlags .itemDiscount {
  display: block;
}
.ai-productFlags .itemDiscount span {
  background-color: #e6151a;
  padding: 5px 10px;
  width: auto;
  margin: 2px 0;
  display: inline-block;
}
.ai-productFlags .promo {
  display: block;
}
.ai-productFlags .promo span {
  background-color: #175da9;
  padding: 5px 10px;
  width: auto;
  margin: 2px 0;
  display: inline-block;
}
.ai-productFlags .new {
  display: block;
}
.ai-productFlags .new span {
  background-color: #45a526;
  padding: 5px 10px;
  width: auto;
  margin: 2px 0;
  display: inline-block;
}
.ai-productFlags .limited {
  display: block;
}
.ai-productFlags .limited span {
  background-color: #242424;
  padding: 5px 10px;
  width: auto;
  margin: 2px 0;
  display: inline-block;
}
.ai-productFlags .startPrice {
  display: block;
}
.ai-productFlags .startPrice span {
  background-color: #9ACD32;
  padding: 5px 10px;
  width: auto;
  margin: 2px 0;
  display: inline-block;
}
/* LOADER */
.loader-disabled {
  display: none !important;
}
.loader-wrapper {
  position: fixed;
  z-index: 100000000;
  padding-top: calc(100vh / 2);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(16, 16, 16, 0.55);
  opacity: 0.7;
}
.loader {
  margin-top: -60px;
  border: 8px solid #fff;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 1s linear infinite;
  border-right: 8px solid #175da9;
  /*border-right: 8px solid #ff7b00;*/
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*# sourceMappingURL=styles.css.map */
/* MODAL DIALOGS */
.ui-widget-overlay {
  /*z-index: 1000 !important;*/
  background-color: rgba(16, 16, 16, 0.55);
  opacity: 0.5;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
}
.aisAddressList .button {
  padding: 10px;
  outline: 0;
  border: 0px;
}
#daTblNew td,
#otherTblData td,
#otherTblPwd td {
  padding: 10px;
}
#daTblNew td input,
#otherTblData td input,
#otherTblPwd td input,
#daTblNew td select,
#otherTblData td select,
#otherTblPwd td select {
  padding: 8px 5px;
}
.dAdrUpdate .button {
  padding: 10px;
  outline: 0;
  border: 0px;
  font-weight: 600;
}
.dAdrUpdate .button:hover {
  background-color: #175da9;
  color: #fff;
}
@media  screen and (max-width: 576px),  (min-width: 578px) and (max-width:1019px) {
  .delivery table {
    width: 100%;
  }
}
.delivery h5,
.delivery h6 {
  padding: 10px;
}
.delivery #divTotalWeight {
  margin: 15px auto;
  font-size: 14px;
}
.delivery .deliveryRow {
  width: 100%;
  display: block;
}
@media  screen and (max-width: 576px),  (min-width: 578px) and (max-width:1019px) {
  .delivery .deliveryRow {
    border: 1px solid;
    margin: 10px auto;
    padding: 10px;
  }
}
.delivery .deliveryRow img {
  width: auto;
  height: 40px;
  margin-right: 10px;
  margin-bottom: 10px;
}
@media  screen and (max-width: 576px),  (min-width: 578px) and (max-width:1019px) {
  .delivery .deliveryRow select {
    width: 100%;
    display: block;
  }
}
.delivery .deliveryRow .dtdim {
  min-width: 200px;
}
@media  screen and (max-width: 576px),  (min-width: 578px) and (max-width:1019px) {
  .delivery .deliveryRow .dtdim {
    margin: 0 auto;
    display: block;
  }
}
.delivery .deliveryRow .dtdim img {
  width: auto;
  height: 40px;
  margin: 10px;
}
@media  screen and (max-width: 576px),  (min-width: 578px) and (max-width:1019px) {
  .delivery .deliveryRow .dtdim img {
    margin: 10px auto;
    display: block;
  }
}
@media  screen and (max-width: 576px),  (min-width: 578px) and (max-width:1019px) {
  .delivery .deliveryRow .dtdim,
  .delivery .deliveryRow .dtdi,
  .delivery .deliveryRow .dtdn,
  .delivery .deliveryRow .dtdc,
  .delivery .deliveryRow .dtdd,
  .delivery .deliveryRow .dtdda {
    margin: 10px auto;
    display: block;
    width: 100%;
    text-align: center;
  }
}
@media  screen and (max-width: 576px),  (min-width: 578px) and (max-width:1019px) {
  .delivery .deliveryRow .aisIdDelivery {
    margin: 10px auto;
    display: block;
    width: 100%;
    text-align: center;
  }
}
.delivery .deliveryRow .aisIdDelivery input {
  margin: 0 10px;
}
@media  screen and (max-width: 576px),  (min-width: 578px) and (max-width:1019px) {
  .delivery .deliveryRow .aisIdDelivery input {
    margin: 0 auto;
  }
}
.delivery .deliveryRow .deliveryName {
  margin: 0 10px;
}
.delivery .deliveryRow .deliveryDate {
  margin: 0 10px;
}
.delivery .deliveryRow .deliveryDescriptionShort {
  margin: 0 10px;
}
.delivery #divDeliveryDescription {
  margin: 20px auto;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
}
@media  screen and (max-width: 576px),  (min-width: 578px) and (max-width:1019px) {
  .delivery .payRow {
    border: 1px solid;
    margin: 10px auto;
    padding: 10px;
    display: block;
    width: 100%;
  }
}
@media  screen and (max-width: 1019px) {
  .delivery .payRow .payTitleWrapper {
    display: block!important;
  }
}
.delivery .payRow input {
  margin: 0 10px;
}
@media  screen and (max-width: 576px),  (min-width: 578px) and (max-width:1019px) {
  .delivery .payRow input {
    margin: 0 auto;
    display: block;
  }
}
@media  screen and (max-width: 576px),  (min-width: 578px) and (max-width:1019px) {
  .delivery .payRow .ptdn {
    margin: 0 auto;
    display: block;
  }
}
.delivery .payRow .payDescriptionShort {
  margin: 20px;
  font-size: 15px;
}
@media  screen and (max-width: 576px),  (min-width: 578px) and (max-width:1019px) {
  .delivery .payRow .payDescriptionShort {
    display: block;
    margin: 10px auto;
    text-align: center;
  }
}
.delivery .payRow label {
  display: inline-block;
  margin-bottom: 0;
}
@media  screen and (max-width: 576px),  (min-width: 578px) and (max-width:1019px) {
  .delivery .payRow label {
    display: block;
    margin: 10px auto;
    text-align: center;
  }
}
.delivery .payRow .col-md-2 {
  min-width: 100px;
}
@media  screen and (max-width: 1019px) {
  .delivery .payRow .col-md-2 {
    margin: 0 auto;
    display: block;
    width: 100%;
  }
}
.delivery .payRow .col-md-2 img {
  margin: 0 auto;
  width: auto;
  height: auto!important;
  max-width: 120px;
  max-height: 80px;
  padding: 10px;
}
@media  screen and (max-width: 576px),  (min-width: 578px) and (max-width:1019px) {
  .delivery .payRow .col-md-2 img {
    margin: 0 auto;
    display: block;
  }
}
.delivery .payRowPUC h5 {
  padding: 10px 0;
}
.delivery #payDescription {
  margin: 0px auto 15px;
  font-size: 14px;
}
.delivery #payDescription p {
  margin: 0px;
}
.tab_nazev {
  padding: 10px;
  font-weight: 600;
  margin: 15px auto;
}
.button,
[type=button] {
  padding: 10px;
  outline: 0;
  border: 0;
  background-color: #175da9;
  color: #fff;
  font-weight: 600;
}
.button:hover,
[type=button]:hover {
  color: #fff !important;
  background-color: #777777;
}
.DeleteLink,
.DefaultLink {
  background-color: transparent;
  color: #000;
  border: 1px solid #000 !important;
}
.EditLink {
  border: 1px solid #175da9 !important;
}
.ui-dialog-title {
  font-weight: 700;
  font-size: 15px;
}
.button_delete:hover {
  color: #175da9 !important;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #000;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  padding: 20px;
}
.dropdown-menu a {
  color: #000 !important;
}
.dropdown-menu a:hover {
  color: #175da9;
}
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
  text-decoration: none;
  background-color: transparent;
}
.pagging {
  display: block;
  margin: 10px auto;
  text-align: right;
}
.pagging div {
  display: inline-block;
  font-weight: 700;
  color: #000;
  margin: 0 5px;
  height: 31px;
}
.pagging .d2 {
  background-color: #fff !important;
  color: #000;
  border: 1px solid #000;
  padding: 4px 10px;
}
.pagging .pagBreak {
  font-weight: 500;
  letter-spacing: 3px;
  margin-left: 12px;
  margin-right: 0;
}
.pagging .tdPag a {
  border: 1px solid;
  padding: 5px 10px;
}
@media  screen and (max-width: 576px) {
  .pagging {
    text-align: center;
    zoom: 0.79;
  }
}
.paggingNext {
  display: block;
  margin: 30px auto 0;
  text-align: center;
  cursor: pointer;
  position: relative;
  height: 50px;
}
.ui-dialog-buttonset {
  text-align: right;
  margin: 10px 10px 0;
}
.daSp {
  display: block;
}
@media  screen and (max-width: 1019px) {
  .ptdc,
  .ptdn,
  .ptdi,
  .ptdd {
    display: block;
    margin: 10px auto;
    width: 100%;
  }
}
.payCost {
  margin-left: 10px;
}
@media  screen and (max-width: 576px),  (min-width: 578px) and (max-width:1019px) {
  .payCost {
    display: block;
    margin: 10px auto;
    text-align: center;
  }
}
@media  screen and (max-width: 576px),  (min-width: 578px) and (max-width:1019px) {
  .dialog-mobile {
    position: absolute !important;
  }
}
.aiDeliveryDialogAutocomplete {
  width: auto;
  padding: 20px!important;
  margin: 0 auto!important;
  list-style-type: none;
  max-width: 480px;
  z-index: 100000;
}
.ui-helper-hidden-accessible {
  display: none;
}
.aiSearchBox.ui-autocomplete {
  width: 50%!important;
  left: 0!important;
  right: 0!important;
  margin: 0 auto!important;
  padding: 20px!important;
  list-style-type: none!important;
}
@media  screen and (max-width: 576px) {
  .aiSearchBox.ui-autocomplete {
    width: auto!important;
    margin: 0 15px!important;
  }
}
.aiSearchBox.ui-autocomplete ::marker {
  display: none;
}
.aiSearchBox.ui-autocomplete li a:hover {
  background-color: #175da9;
}
/*datepicker*/
.ui-datepicker {
  padding: 10px;
  width: 17em;
  display: none;
  background: #eeeeee;
  font-family: 'Montserrat', sans-serif;
  /*This is date TD */
}
.ui-datepicker .ui-datepicker-title {
  line-height: 1.8em;
  text-align: center;
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
  background: #ADADAD;
  width: 100%;
  margin-bottom: 5px;
}
.ui-datepicker table {
  width: 100%;
  font-size: 0.7em;
  border-collapse: collapse;
  font-family: 'Montserrat', sans-serif;
  color: #000;
  background: #eeeeee;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 3px;
  font-size: 13px;
  text-align: center;
  border: 0.5px solid #ADADAD;
  text-decoration: underline;
}
.ui-datepicker th {
  padding: 5px;
  font-size: 13px;
  text-align: center;
}
.ui-datepicker .ui-datepicker-next {
  text-align: right;
  float: right;
  clear: both;
  margin: 10px;
  font-size: 12px;
  cursor: pointer;
  font-weight: 500;
}
.ui-datepicker .ui-datepicker-prev {
  margin: 10px;
  display: inline-block;
  width: 50px;
  font-size: 12px;
  cursor: pointer;
  font-weight: 500;
}
.ui-datepicker-trigger {
  cursor: pointer;
}
#itemInfoDialogBtn {
  padding: 10px;
  outline: 0;
  border: 0px;
  font-weight: 600;
}
#itemInfoDialog {
  padding: 8px 5px;
}
.filesManager .entries-item .down-content {
  margin-top: 0;
  padding: 10px;
  text-align: center;
}
.filesManager .shopArticlefileDnl {
  font-weight: bold;
}
.filesManager .table {
  margin-bottom: 5px;
}
.filesManager .table .fileSize {
  text-align: right;
}
@media  screen and (max-width: 576px) {
  .itemAdrButtons .button {
    display: block;
    width: 100%!important;
    margin: 10px auto;
  }
}
@media  screen and (max-width: 576px) {
  .buttonNewAdressAdd {
    display: block;
    float: none;
    margin: 10px auto!important;
  }
}
.categoryListShort a {
  padding: 5px;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 50px;
  margin: 5px auto;
}
.categoryListShort .imageWrapper {
  width: 54px;
  height: 50px;
  margin-right: 12px;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.categoryListShort .imageWrapper img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  /*min-width: 50%;*/
}
.deliveryPPLPSDialog {
  height: auto !important;
}
.deliveryPPLPSDialog input {
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 0px;
}
.PlaceMap {
  height: calc(100vh - 200px);
  margin-top: 20px;
}
.PlaceLbl {
  font-family: Montserrat;
  font-size: 16px !important;
}
.mainAddress {
  width: 320px !important;
  font-family: Montserrat;
  font-size: 14px;
}
.mainAddress .nameAddress {
  font-size: 16px;
  font-weight: 500;
}
.mainAddress .openingHours {
  font-family: monospace;
  font-size: 16px;
}
.mainAddress .btn:focus {
  box-shadow: none !important;
}
.mainAddress i {
  vertical-align: inherit;
}
.mainAddress .email,
.mainAddress .phone {
  line-height: 32px;
  vertical-align: middle;
}
/* == CORE == */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17.5.2021, 14:10:14
    Author     : Nela
*/
/*@import (css) '../font_awesome/css/fontawesome.min.css';*/
/*@import (css) '../css/bootstrap.min.css';*/
/*@import (css) '../css/aiStyles.css';*/
/* == header == */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17.5.2021, 14:58:16
    Author     : Nela
*/
/* == COLORS == */
/* == BREAKPOINTS == */
/* =============================================
			Header Style					
============================================= */
.ai-logo {
  /*width:200px;
	display: block;*/
}
.ai-logo img {
  width: auto;
  height: auto;
  max-height: 80px;
}
@media  screen and (max-width: 1019px) {
  .ai-logo img {
    max-height: 50px;
    max-width: 50%;
  }
}
@media  screen and (max-width: 576px) {
  .ai-logo p {
    margin: 0 auto;
  }
}
.ai-nav {
  width: 100%;
  min-height: 40px;
  /*color:@baseTextColoredBackgr;*/
  text-align: center;
}
.ai-nav .nav-item:hover {
  background-color: #175da9;
  color: #fff;
}
.ai-nav .nav-item a {
  color: #fff3d8;
  font-weight: 500;
  text-align: center;
}
.ai-nav .nav-item a:hover {
  color: #fff;
}
.ai-header .ai-topbar {
  width: 100%;
  padding: 10px 0;
  background-color: #000000;
  color: #fff;
}
.ai-header {
  /*overflow: hidden;*/
  z-index: 102;
  position: relative;
}
.ai-info {
  float: left;
  width: 100%;
  list-style: none;
}
.ai-info li {
  font-size: 14px;
  line-height: 17px;
  color: #fff;
  font-weight: 300;
  display: inline-block;
  vertical-align: middle;
}
.ai-info li a {
  color: #fff3d8;
  display: block;
}
.ai-info li a:hover {
  color: #175da9;
}
.ai-info li i {
  margin: 0 10px 0 0;
}
@media  screen and (max-width: 576px),  (min-width: 578px) and (max-width:1019px),  screen and (max-width: 768px),  screen and (max-width: 576px) {
  .ai-info {
    display: none;
  }
}
.ai-socialicons-area {
  float: right;
  overflow: hidden;
}
.ai-socialicons-area li a:hover {
  color: #175da9;
}
.ai-socialicons-area .nav-link {
  padding: 0 5px;
}
.ai-socialicons-area .nav-link:hover {
  color: #175da9 !important;
}
.ai-socialicons-area .nav-link:focus {
  color: #175da9 !important;
}
.ai-socialicons-area a {
  color: #fff;
  font-size: 15px;
}
.ai-navigationarea {
  background-color: #fff;
  width: 100%;
  padding: 30px 0;
}
@media  screen and (max-width: 1019px) {
  .ai-navigationarea {
    padding: 10px 0;
  }
}
@media  screen and (max-width: 768px) {
  .shoppingCartBox {
    position: absolute;
    margin-left: 50%;
  }
}
.ai-addCart {
  text-align: right;
  padding: 15px;
}
.ai-addCart:hover {
  color: #175da9;
}
.ai-addCart a {
  color: #000;
  font-size: 40px;
}
.ai-addCart a:hover {
  color: #175da9;
}
.ai-addCart .cartSumCost {
  font-weight: 500;
  font-size: 20px;
  position: relative;
}
@media  screen and (max-width: 576px) {
  .ai-addCart .cartSumCost span {
    display: none;
  }
}
.ai-addCart .cart {
  position: relative;
  font-size: 35px;
}
@media  screen and (max-width: 1019px) {
  .ai-addCart .cart {
    font-size: 30px;
  }
}
.ai-addCart .cart .unitPreview {
  content: " ";
  display: block;
  background-color: #000;
  width: 25px;
  height: 25px;
  position: absolute;
  border-radius: 50%;
  right: -15px;
  top: 11px;
  border: 2px solid #fff;
  color: #fff;
  font-size: 12px;
  padding: 5px 0px 0px 0px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-align: center;
}
.ai-addCart .cart .unitPreview:hover {
  background-color: #175da9;
}
.ai-search {
  margin-top: 20px;
  cursor: pointer;
  position: relative;
}
.ai-search #search-addon {
  background-color: #000;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  border-radius: 0px;
}
.ai-search #search-addon:hover {
  background-color: #175da9;
}
.ai-mainMenu {
  width: 100%;
  background-color: #000;
}
@media  (min-width: 1000px) and (max-width: 1490px) {
  .ai-mainMenu .container-fluid {
    display: block;
    flex-wrap: inherit;
    align-items: inherit;
    justify-content: inherit;
  }
  .ai-mainMenu .MenuHorizontal {
    display: block;
    flex-basis: auto;
  }
  .ai-mainMenu .MenuHorizontal ul li {
    display: inline-block;
    width: 19%;
    padding: 0px;
    position: relative;
  }
  .ai-mainMenu .navbar-nav {
    flex-direction: row;
    display: block;
  }
  .ai-mainMenu .navbar {
    flex-wrap: nowrap;
    justify-content: flex-start;
    display: block;
  }
}
@media  (min-width: 578px) and (max-width:1019px),  screen and (max-width: 768px),  screen and (max-width: 576px) {
  .ai-mainMenu {
    width: 100%;
    position: absolute;
    top: 42px;
    z-index: 5555;
  }
}
.ai-mainMenu .nav-item {
  cursor: pointer;
}
@media  (min-width: 578px) and (max-width:1019px),  screen and (max-width: 768px),  screen and (max-width: 576px) {
  .ai-mainMenu .nav-item {
    border: none !important;
  }
}
@media  (min-width: 578px) and (max-width:1019px),  screen and (max-width: 768px),  screen and (max-width: 576px) {
  .ai-mainMenu .nav-item:hover {
    background-color: transparent;
  }
}
@media  (min-width: 578px) and (max-width:1019px),  screen and (max-width: 768px),  screen and (max-width: 576px) {
  .ai-mainMenu .navbarAiMenu1Button {
    position: absolute;
    top: -39px !important;
    left: 3px;
    width: 37px;
    height: 37px;
    padding-left: 1px;
    padding-right: 1px;
    padding-bottom: 15px;
  }
}
@media  (min-width: 578px) and (max-width:1019px),  screen and (max-width: 768px),  screen and (max-width: 576px) {
  .ai-mainMenu .navbar-toggler:focus {
    box-shadow: none;
  }
}
@media  (min-width: 578px) and (max-width:1019px),  screen and (max-width: 768px),  screen and (max-width: 576px) {
  .ai-mainMenu .MenuHorizontal {
    width: calc(100vw - 20px);
  }
}
.ai-mainMenu .MenuHorizontal .nav-item {
  cursor: pointer;
}
@media  (min-width: 578px) and (max-width:1019px),  screen and (max-width: 768px),  screen and (max-width: 576px) {
  .ai-mainMenu .MenuHorizontal .nav-item {
    border: none !important;
  }
}
.ai-mainMenu .MenuHorizontal .dropdown-menu {
  background: #333333;
}
.ai-mainMenu .MenuHorizontal .dropdown-menu a {
  color: #fff !important;
  text-align: left;
  font-size: 15px;
}
.ai-mainMenu .MenuHorizontal .dropdown-menu li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.ai-mainMenu .MenuHorizontal .dropdown-menu li::first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.ai-mainMenu .MenuHorizontal .treeSubmenu {
  padding: 0px;
}
.ai-mainMenu .MenuHorizontal .menuActive {
  background-color: transparent;
}
.ai-mainMenu .MenuHorizontal .menuActive a {
  /*&::before {
					content: " ";
					height: 20px;
					width: 3px;
					background-color: @baseBckg1;
					display: inline-block;
					margin-left: -5px;
					margin-right: 5px;
					margin-bottom: -5px;

					@media @tablet, @smallTablet, @small{
						content: " ";
						height: 20px;
						width: 5px;
						background-color: @baseBckg1;
						display: inline-block;
						margin-left: -10px;
						margin-right: 5px;
						margin-bottom: -4px;
					}
				}*/
}
.ai-mainMenu .MenuHorizontal .menuActive a:hover {
  background-color: #000;
}
.ai-mainMenu .MenuHorizontal .menuActive > a::before {
  content: " ";
  height: 20px;
  width: 3px;
  background-color: #175da9;
  display: inline-block;
  margin-left: -5px;
  margin-right: 5px;
  margin-bottom: -5px;
}
@media  (min-width: 578px) and (max-width:1019px),  screen and (max-width: 768px),  screen and (max-width: 576px) {
  .ai-mainMenu .MenuHorizontal .menuActive > a::before {
    content: " ";
    height: 20px;
    width: 5px;
    background-color: #175da9;
    display: inline-block;
    margin-left: -10px;
    margin-right: 5px;
    margin-bottom: -4px;
  }
}
.ai-mainMenu .MenuHorizontal a:hover {
  color: #fff;
}
.ai-mainMenu .MenuHorizontal ul {
  list-style: none;
}
.ai-mainMenu .MenuHorizontal ul ul {
  min-width: 1px;
  padding: 0px;
  margin: auto;
  top: 41px;
  z-index: 1100;
}
.ai-mainMenu .MenuHorizontal ul ul ul {
  /*position: absolute;*/
  top: 0px;
  left: 100%;
  z-index: 1100;
  padding-left: 10px;
}
.ai-mainMenu .MenuHorizontal ul ul ul a {
  padding: 5px 10px 5px 10px;
  height: auto;
  float: none;
  display: block;
  white-space: nowrap;
  line-height: 24px;
  /*background: @baseBckg7;*/
}
.ai-mainMenu .MenuHorizontal ul ul ul ul {
  padding-left: 10px;
}
.ai-mainMenu .MenuHorizontal ul ul a {
  padding: 5px 10px 5px 10px;
  height: auto;
  float: none;
  display: block;
  white-space: nowrap;
  line-height: 24px;
}
.ai-mainMenu .MenuHorizontal ul ul li {
  width: 100%;
}
.ai-mainMenu .MenuHorizontal ul li {
  display: inline-block;
  width: auto;
  margin: 0px;
  padding: 0px;
  position: relative;
}
.ai-mainMenu .MenuHorizontal ul li a {
  text-decoration: none;
  font-size: 16px;
}
@media  (min-width: 578px) and (max-width:1019px),  screen and (max-width: 768px),  screen and (max-width: 576px) {
  .ai-mainMenu .MenuHorizontal ul li a {
    text-align: left;
    padding-left: 10px;
  }
}
@media  (min-width: 578px) and (max-width:1019px),  screen and (max-width: 768px),  screen and (max-width: 576px) {
  .ai-mainMenu .MenuHorizontal ul li .nav-item {
    border-bottom: 1px solid #222222;
  }
}
@media  (min-width: 578px) and (max-width:1019px),  screen and (max-width: 768px),  screen and (max-width: 576px) {
  .ai-mainMenu ul li {
    padding-left: 7px;
  }
}
@media  (min-width: 578px) and (max-width:1019px),  screen and (max-width: 768px),  screen and (max-width: 576px) {
  .ai-mainMenu ul li ul li::first-child {
    margin-top: -20px;
  }
}
@media  (min-width: 578px) and (max-width:1019px),  screen and (max-width: 768px),  screen and (max-width: 576px) {
  .ai-mainMenu ul li ul li::last-child {
    margin-bottom: -20px;
  }
}
@media  (min-width: 578px) and (max-width:1019px),  screen and (max-width: 768px),  screen and (max-width: 576px) {
  .menu-top-mobile {
    margin-bottom: -10px;
  }
}
@media  (min-width: 578px) and (max-width:1019px),  screen and (max-width: 768px),  screen and (max-width: 576px) {
  .menu-top-mobile ul > li ul {
    padding-left: 20px;
  }
  .menu-top-mobile ul > li ul ul {
    padding-left: 20px;
  }
}
/* Lang switch */
.aisLangSwitch .dropdown-menu {
  min-width: inherit;
  padding: 0px;
}
.aisLangSwitch .dropdown-item {
  padding: 0.25rem 0rem;
}
.aisLangSwitch .langName {
  position: relative;
  top: 2px;
  font-weight: 600;
}
#image-slider {
  max-height: 550px;
}
.ai-AccountMP .nav-link i {
  width: 30px;
}
.ai-AccountMP .divLogin {
  font-weight: 700;
  text-transform: uppercase;
}
.ai-AccountMP input {
  padding: 5px;
  font-size: 14px;
}
.ai-AccountMP a:hover {
  color: #175da9 !important;
}
.ai-AccountMP .showLogin label {
  display: block;
  margin: 10px 0;
  font-size: 14px;
}
.ai-AccountMP .showLogin .lostPassword {
  display: block;
  text-align: center;
  margin: 20px auto;
}
.ai-AccountMP .showLogin [type=button] {
  display: block;
  margin: 10px auto;
  width: 100%;
  font-size: 14px;
  padding: 5px;
}
.ai-AccountMP .divRegistration {
  border-top: 1px solid #777777;
  padding: 10px 0;
}
.ai-AccountMP .divRegistration .button {
  color: #fff;
  width: 100%;
  text-align: center;
  display: block;
  font-size: 14px;
  padding: 5px;
}
.ai-AccountMP .divRegistration a {
  font-weight: 700;
  color: #fff;
}
/* == footer == */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 12. 10. 2021, 14:38:57
    Author     : Nela
*/
/* == BREAKPOINTS == */
.aisFiltration .Filtration {
  clear: both;
  margin: 10px auto;
  padding: 10px;
  background: #fff;
  border-radius: 0px;
  overflow: hidden;
  background-color: #eeeeee;
}
.aisFiltration .Filtration div {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: baseline;
}
.aisFiltration .Filtration .PriceTitle {
  display: inline-block;
  margin: 5px;
}
.aisFiltration .Filtration .flt {
  white-space: nowrap;
  padding: 6px 0px;
}
.aisFiltration .Filtration input {
  width: 50px;
  text-align: center;
  margin: 8px;
  display: inline-block;
}
.aisFiltration .Filtration select {
  width: auto;
  display: inline-block;
  margin: 0px 10px 10px 0px;
  border-radius: 0px;
}
.aisFiltration .Filtration button {
  padding: 5px;
  border: none;
  border-radius: 0px;
}
.aisFiltration .Filtration .RowExtFltCheckbox1 {
  border: 1px solid #ddd;
  overflow: hidden;
  padding: 20px 10px 10px 10px;
}
.aisFiltration .Filtration .RowExtFltCheckbox1 div {
  display: inline-block;
  width: 25%;
}
.aisFiltration .Filtration .RowExtFltCheckbox span {
  display: block;
  padding: 5px 0px;
}
.aisFiltration .Filtration .RowExtFltCheckbox input[type="checkbox"] {
  margin-top: 1px;
  margin-right: 5px;
  top: 1px;
  position: relative;
  display: inline-block;
}
.aisFiltration .RowUserSearch {
  width: 100%;
  display: inline-block;
  display: none;
  border: 1px solid #ddd;
  border-top: none;
}
.aisFiltration .RowUserSearch select {
  width: 50px;
  margin: 0px 0px 10px 0px;
}
.aisFiltration .datepick-trigger {
  cursor: pointer;
  margin-top: -2px;
}
.aisFiltration .Price {
  display: inline-block;
}
.aisFiltration .filterHeads {
  display: inline-block;
  border-bottom: 0px solid #fff;
  margin-bottom: -1px;
}
.aisFiltration .filterHeads .selected {
  border-bottom: 1px solid #fff;
  background: #ffffff;
  background: linear-gradient(360deg, #ffffff 44%, #dddddd 100%);
}
.aisFiltration .filterHeads span {
  display: inline-block;
  padding: 10px;
  cursor: pointer;
}
.aisFiltration .Filtr {
  display: inline-block;
  font-weight: bold;
  margin-top: 10px;
  padding: 10px;
}
.aisFiltration input[type="checkbox"] {
  width: auto !important;
  border-radius: 0px;
  position: relative;
  margin: 5px;
  display: inline-block;
}
.aisFiltration .searchFlags {
  margin-bottom: 10px;
  display: flex;
}
.aisFiltration .searchFlags div {
  padding: 10px;
  cursor: pointer;
  margin: 0px 10px 10px 0px;
}
.aisFiltration .extFlt {
  overflow: hidden;
  margin: 0px 10px 10px 0px;
  background: #fff;
  border-radius: 5px;
}
.aisFiltration #slider-range {
  display: inline-block;
  margin: 5px;
  width: 166px !important;
}
.aisFiltration .ui-widget-header {
  border: none !important;
  background: transparent !important;
}
.aisFiltration .listTypeSwitch {
  display: inline-block;
  margin: 0px 10px 10px 0px;
}
.aisFiltration .extFltCheckName {
  margin-top: 10px;
  padding: 10px !important;
  font-weight: bold;
  text-transform: uppercase;
  border: 1px solid #ddd;
}
.aisFiltration .extFltCheckName .selected:hover::after {
  opacity: 0.8;
}
.aisFiltration .extFltCheckName .selected::after {
  content: " ";
  background-image: url(/_images/preview/img52f4e720c9566);
  width: 12px;
  height: 12px;
  position: absolute;
  z-index: 500;
  margin-top: -10px;
  margin-left: -1px;
  background-size: 100% 100%;
  background-color: red;
  opacity: 0.5;
}
.aisFiltration .Producer {
  padding: 10px;
}
.aisFiltration .Producer .Mark {
  margin: 0px 10px 10px 0px;
  padding: 10px;
  overflow: hidden;
}
.aisFiltration .ProducerTitle {
  display: inline-block;
  width: auto;
}
.aisFiltration .ProducerTitle .MarkTitle {
  padding: 10px !important;
  margin-botton: 10px;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 1px solid #ddd;
}
.aisFiltration .extFltCheckboxDivs {
  border-bottom: 1px solid #ddd;
}
.aisFiltration div .RowExtFltCheckbox {
  margin: 8px;
}
.aisFiltration .ltsa2 {
  display: inline-block;
  padding: 10px;
  width: 40px;
  text-align: center;
  margin-left: 10px;
}
.aisFiltration .Row2 div {
  display: inline-block;
}
.aisFiltration .extFltCheckboxDivs .RowUserSearch {
  width: 100%;
  border: 1px solid #ddd;
  /*float: left;*/
}
.aisFiltration .sfRemoveAll {
  display: inline-block;
  padding: 0 5px;
}
.aisFiltration .sfRemove {
  padding: 5px;
}
.aisFiltration .RowUserSearch {
  overflow: hidden;
  clear: left;
  padding: 20px 10px 10px 10px;
}
.aisFiltration .extFlt .producerCheck1 {
  overflow: hidden;
  clear: left;
  padding: 20px 10px 10px 10px;
}
.aisFiltration .cntAction,
.aisFiltration .cntStore,
.aisFiltration .cntTip,
.aisFiltration .cntProducerCheckbox,
.aisFiltration .cntMarkCheckbox {
  display: inline-block;
  padding-left: 5px;
}
.titleFilter,
.FltTitle {
  font-weight: bold;
  display: inline-block;
  text-transform: uppercase;
}
.FltTitle {
  display: none;
}
@media  screen and (max-width: 768px) {
  .FltTitle {
    display: inline-flex !important;
  }
}
.producerFilter {
  display: inline-block;
}
/* == footer == */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17.5.2021, 17:01:12
    Author     : Nela
*/
/* == COLORS == */
/* == BREAKPOINTS == */
#ai-footer {
  color: #fff3d8;
  background-color: #000;
}
@media  screen and (max-width: 576px) {
  #ai-footer {
    text-align: center;
  }
}
#ai-footer h2,
#ai-footer h1,
#ai-footer h2,
#ai-footer h3,
#ai-footer h4 {
  color: #fff;
}
#ai-footer .footer-menu {
  padding-left: 70px;
}
@media  screen and (max-width: 1019px) {
  #ai-footer .footer-menu {
    padding-left: 0px;
  }
}
#ai-footer .ai-footerAU p {
  font-size: 12px;
  text-align: justify;
}
#ai-footer .ai-footerAU .logo img {
  max-width: 100px;
}
#ai-footer p {
  margin: 0 auto;
  padding: 10px 0;
  font-size: 15px;
}
#ai-footer a {
  color: #fff3d8;
}
#ai-footer a:hover {
  color: #175da9;
}
#ai-footer .copyright {
  border-top: 1px solid #787878;
  padding: 20px;
  color: #fff3d8;
}
#ai-footer .copyright p {
  opacity: 0.7;
}
#ai-footer h2 {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 15px auto;
  color: #fff3d8;
}
#ai-footer .box {
  padding: 10px;
  font-size: 14px;
  font-weight: 400;
}
@media  screen and (max-width: 1019px) {
  #ai-footer .box {
    text-align: center;
  }
}
#ai-footer .box ul {
  list-style: none;
  padding: 0;
}
#ai-footer .box ul li {
  padding: 0;
}
#ai-footer .box ul li a {
  cursor: pointer;
}
#ai-footer .box p {
  font-size: 14px;
  color: #fff3d8;
}
#ai-footer .box .footerSocials ul li {
  display: inline-block;
  font-size: 20px;
  margin-right: 5px;
  color: #fff3d8;
}
@media  screen and (max-width: 1019px) {
  #ai-footer .footer-menu {
    text-align: center;
  }
}
#ai-footer .footer-menu h2,
#ai-footer .footer-menu h1,
#ai-footer .footer-menu h2,
#ai-footer .footer-menu h3,
#ai-footer .footer-menu h4 {
  color: #fff3d8;
}
#ai-footer .footer-menu .MenuHorizontal ul li {
  display: block;
  padding: 5px 0px;
  text-align: left;
}
#ai-footer .footer-menu .MenuHorizontal ul li:hover {
  background-color: transparent;
  color: #fff3d8;
}
#ai-footer .footer-menu .MenuHorizontal ul li a {
  font-size: 15px;
  font-weight: 400;
  padding: 0px!important;
  text-align: left;
  color: #fff3d8;
}
#ai-footer .footer-menu .MenuHorizontal ul li a:hover {
  background-color: transparent;
  color: #175da9;
}
@media  screen and (max-width: 1019px) {
  #ai-footer .footer-menu .MenuHorizontal ul li a {
    text-align: center;
  }
}
/* == gallerie == */
/* == COLORS == */
/* == BREAKPOINTS == */
#baguetteBox-slider figure {
  position: initial;
}
.ai-gallery .galleryWrapper a img {
  border: 1px solid #e4e4e4;
}
.ai-gallery .itemGalleryImage {
  display: flex;
}
.ai-gallery .itemGalleryImage .entries-item {
  transition: all 0.3s;
  border: 1px solid #e4e4e4;
  width: 100%;
  background-color: #fff;
  position: relative;
}
@media  screen and (max-width: 576px) {
  .ai-gallery .itemGalleryImage .entries-item {
    text-align: center;
  }
}
@media  (min-width: 578px) and (max-width:1019px) {
  .ai-gallery .itemGalleryImage .entries-item {
    text-align: center;
  }
}
.ai-gallery .itemGalleryImage .galleryDescription {
  display: none;
}
.ai-gallery .itemGalleryImage .withDescription .down-content a {
  padding: 5px 0;
  text-align: left!important;
}
.ai-gallery .itemGalleryImage .withDescription .down-content .galleryDescription p {
  text-align: left!important;
}
.ai-gallery .itemGalleryImage .itemLink {
  margin-bottom: 5px;
  min-height: auto;
  color: #175da9;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 0px;
  cursor: pointer;
  transition: all 0.3s;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ai-gallery .itemGalleryImage .itemLink:hover {
  color: #000;
}
.ai-gallery .itemGalleryImage p {
  font-size: 13px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ai-gallery .itemGalleryImage .thumb {
  position: relative;
  height: auto;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: baseline;
}
@media  screen and (max-width: 576px),  (min-width: 578px) and (max-width:1019px),  (min-width: 1020px) and (max-width:1200px),  screen and (max-width: 768px),  (min-width: 1200px) and (max-width:1480px) {
  .ai-gallery .itemGalleryImage .thumb {
    width: auto;
  }
}
.ai-gallery .itemGalleryImage .thumb a {
  padding: 0;
  cursor: pointer;
  display: flex;
  margin: 0px;
  width: 100%;
}
.ai-gallery .itemGalleryImage .thumb a img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  padding: 0px;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #e4e4e4;
}
.ai-gallery .itemGalleryImage .thumb-none {
  min-height: 25px;
}
.ai-gallery .itemGalleryImage .down-content {
  margin-top: 0;
  margin-bottom: 5px;
  padding: 0 10px;
  text-align: center;
}
.ai-gallery .itemGalleryImage .date {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  color: #000;
  background-color: #fff;
  position: absolute;
  z-index: 5;
  top: 10px;
  padding: 6px 0px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media  screen and (max-width: 1019px) {
  .ai-gallery .itemGalleryImage .date {
    position: relative!important;
    display: block;
    margin: 0 px auto 10px;
    top: auto;
  }
}
.ai-gallery .itemGalleryImage .text-button a {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  border-bottom: 1px solid #000;
  padding: 2.5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  background-color: transparent;
  color: #000;
}
.ai-gallery .itemGalleryImage .text-button a:hover {
  color: #175da9;
  border-bottom: 1px solid #175da9;
}
/* == custom == */
/* == COLORS == */
.lastStepConfirm {
  display: block!important;
}
.lastStepConfirm p {
  font-weight: 500;
  margin: 0px;
  font-size: 14px;
}
#ai-footer {
  background-color: #000033;
}
#ai-footer a {
  color: #fff3d8;
}
#ai-footer a:hover {
  color: #fff;
  font-weight: bold;
}
#ai-footer .footer-menu ul li a:hover {
  color: white!important;
  font-weight: bold;
}
body a {
  color: #175da9;
}
body a:hover {
  color: #001f46;
}
.mainContent .ai-blogPost .itemPost .itemLink {
  color: #175da9 !important;
}
.mainContent .ai-blogPost .itemPost .itemLink:hover {
  color: #001f46 !important;
}
.mainContent .ai-blogPost .itemPost .text-button a:hover {
  border-bottom: 0px solid #175da9;
}
.ai-addCart:hover {
  color: #175da9;
}
#stepNext {
  background-color: green;
}
#stepNext:hover {
  background-color: #175da9;
}
.ai-header .ai-topbar {
  width: 100%;
  padding: 10px 0;
  background-color: #000033;
  color: #fff;
}
.ai-logo img {
  width: auto;
  height: auto;
  max-height: 33px;
  margin: 24px auto;
}
.ai-mainMenu {
  width: 100%;
  background-color: #000033;
}
.button,
[type=button] {
  color: white!important;
  fill: white;
  background-color: #175da9;
}
.button:hover,
[type=button]:hover {
  background-color: #001f46;
}
.ai-productDetail .CategoryBox .Category {
  padding: 5px 13px;
  margin-right: 5px;
  margin-top: 3px;
  margin-bottom: 3px;
  display: inline-block;
  color: black;
  border: 1px dashed #00000075;
  border-radius: 15px;
  background-color: transparent;
}
.ai-productDetail .CategoryBox .Category i {
  display: none;
}
.ai-productDetail .CategoryBox .Category:hover {
  background-color: #001f46;
  color: white;
}
.ai-leftMenu .d1 .menuActive {
  background-color: #011f4b;
  color: #fff;
}
.ai-leftMenu .d1 .menuActive:hover {
  background-color: #011f4b;
}
.ai-leftMenu .d1 .menuActive > a {
  color: white!important;
}
.ai-leftMenu .d1 .menuActive > .treeParent {
  background: #011f4b;
  background: linear-gradient(87deg, #011f4b 6%, #005b96 100%);
}
.ai-leftMenu .menuActive .dropdown-menu {
  background-color: lightgray!important;
}
.ai-leftMenu .menuActive .dropdown-menu li a:hover {
  color: white!important;
}
.ai-leftMenu .catlvl1 > .menuActive > a {
  margin-left: 20px;
  background: #011f4b;
  background: linear-gradient(87deg, #011f4b 6%, #005b96 100%);
}
.ai-leftMenu .catlvl2 > .menuActive > a {
  background: #011f4b !important;
  padding-left: 33px!important;
}
.ai-leftMenu .catlvl3 > .menuActive > a {
  background: #011f4b;
  background: linear-gradient(87deg, #011f4b 6%, #005b96 100%);
  padding-left: 33px!important;
}
.ai-leftMenu .catlvl0 > .menuActive > .catlvl1 > li a {
  padding-left: 15px!important;
}
.ai-leftMenu .catlvl0 > .menuActive > .catlvl1 > .menuActive > .catlvl2 a {
  padding-left: 29px!important;
}
.ai-leftMenu .catlvl0 > .menuActive > .catlvl1 > .menuActive > .catlvl2 > .menuActive > .catlvl3 li a {
  padding-left: 35px!important;
}
.categoryListShortItem a {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px dashed #bababa !important;
  border-radius: 8px;
  color: black;
}
.categoryListShortItem a:hover {
  color: #175da9;
}
#ai-footer .ai-footerAU .logo img {
  max-width: 283px;
}
.introText h1 {
  color: #175da9;
}
.productShowBestSales .ai-ProductItem #item_in_store a {
  display: inline-block;
}
.add2CartDialog .aBasket {
  background-color: #1d2220 !important;
  color: #fff3d8 !important;
}
.add2CartDialog .bIAddN {
  color: #1d2220 !important;
}
.add2CartDialog .ui-dialog-title {
  color: #1d2220 !important;
}
.button_delete {
  color: black!important;
}
.button_delete:hover {
  color: #0a58ca !important;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R8aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqyR9aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq_p9aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq3p6aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq0N6aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqyR6aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jqw16aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Uw-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr6Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvr70w-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvC70w-.ttf) format('truetype');
}
body {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  color: #000;
  background-color: #fff;
}
h1,
h2,
h3,
h4,
h5 {
  color: #000;
}
@media  screen and (max-width: 576px) {
  h1 {
    font-size: 22px;
  }
}
.aresInputGroup {
  align-items: center!important;
}
.aresBtn {
  margin-left: 0px!important;
  border: 1px solid #ced4da;
  margin-right: 11px;
}
@media (max-width: 1029px) {
  .aresBtn {
    display: block;
    width: 100%;
    margin-right: 0px;
  }
}
.introText {
  font-size: 15px;
  text-align: left;
}
@media  (min-width: 1920px) {
  #ai-wrapper {
    max-width: 1920px;
    margin: 0 auto;
  }
}
@media  (min-width: 1920px) {
  .ai-home {
    max-width: 1920px;
    margin: 0 auto;
  }
}
@media (min-width: 677px) and (max-width: 1599px) {
  .ai-benefits {
    padding-top: 0px !important;
  }
}
.ai-benefits .flexin {
  display: flex;
}
.ai-benefits .icon-box {
  margin-bottom: 20px;
  position: relative;
  border: 1px solid #000;
  padding: 22px;
  min-height: 100px;
  display: block;
  width: 100%;
}
.ai-benefits .icon {
  height: 46px;
  width: 46px;
  position: absolute;
  margin-bottom: 16px;
}
.ai-benefits a,
.ai-benefits i {
  width: 100%;
  height: 100%;
  color: #242424;
  font-size: 36px;
}
.ai-benefits h3,
.ai-benefits h5,
.ai-benefits .c3 {
  font-size: 18px;
  margin: 0 12px 4px 60px;
  line-height: 25px;
  font-weight: 700;
}
.ai-benefits p {
  margin: 0 0 0px 60px;
  line-height: 1.6;
  font-size: 14px;
}
/* == Left menu == */
.ai-sideMenu {
  margin: 0px 0;
  max-width: 320px;
  min-width: 320px;
  float: left;
  display: block;
  font-size: 15px;
}
@media  (min-width: 578px) and (max-width:1019px),  screen and (max-width: 576px) {
  .ai-sideMenu {
    display: none;
  }
}
.ai-sideMenu h4 {
  font-size: 17px;
  padding: 0;
  margin-bottom: 10px;
}
.ai-sideMenu .ai-categoryCheck {
  padding: 0 0px;
  font-size: 18px;
}
.ai-sideMenu .ai-categoryCheck li {
  padding: 10px 10px;
  /*width: 50%;*/
  width: calc(50% - 3px);
  text-align: center;
}
.ai-sideMenu .ai-categoryCheck li a {
  font-weight: 600;
  display: block;
  text-align: left;
  padding-left: 10px;
}
.ai-sideMenu .ai-categoryCheck #sctabC {
  margin-right: 6px;
}
.ai-sideMenu .ai-categoryCheck .active {
  background-color: #eeeeee !important;
}
.ai-sideMenu .ai-categoryCheck .ui-state-default {
  background-color: #777777 !important;
}
.ai-sideMenu .ai-categoryCheck .ui-state-default a {
  color: #fff !important;
}
.ai-sideMenu .ai-categoryCheck .ui-state-active {
  background-color: #eeeeee !important;
}
.ai-sideMenu .ai-categoryCheck .ui-state-active a {
  color: #000 !important;
}
.ai-sideMenu .ai-categoryCheck .ui-tabs-tab {
  background-color: #777777;
  border: none;
  /*border-bottom: 1px dotted;*/
}
.ai-sideMenu h3 {
  text-transform: uppercase;
  font-size: 17px;
}
.ai-sideMenu ul {
  padding: 0;
}
.ai-sideMenu ul li {
  list-style: none;
  clear: both;
}
.ai-sideMenu ul li ul li a {
  padding-left: 15px!important;
}
.ai-sideMenu ul li a {
  font-size: 15px;
  margin-left: 10px;
}
.ai-sideMenu ul li:hover {
  background-color: #175da9;
  cursor: pointer;
  transition: all 0.3s;
  color: #fff;
}
.ai-sideMenu ul li:hover a {
  color: #fff;
  transition: all 0.3s;
}
.ai-sideMenu ul li a {
  color: #000;
}
.ai-sideMenu ul li a:hover {
  color: #fff;
}
.ai-sideMenu .ai-leftMenu {
  background-color: #e8e8e8;
  position: relative;
}
.ai-sideMenu .ai-leftMenu .dropdown-menu {
  background-color: transparent;
  border: transparent;
  width: 100%;
}
.ai-sideMenu .ai-leftMenu .dropdown-menu .nav-link:focus,
.ai-sideMenu .ai-leftMenu .dropdown-menu .nav-link:hover {
  color: #000;
}
.ai-sideMenu .ai-leftMenu ul > .treeSubnodes > a:hover:after {
  display: none;
}
.ai-sideMenu .ai-contactLeftMenu {
  position: relative;
}
.ai-sideMenu .ai-contactLeftMenu p {
  font-size: 14px;
  text-align: left;
  font-weight: 400;
  margin: 0px;
}
.ai-sideMenu .ai-contactLeftMenu a {
  font-weight: 600;
  font-size: 14px;
  color: #000;
  margin: 0;
}
.ai-sideMenu .ai-contactLeftMenu a:hover {
  color: #175da9;
}
.ai-sideMenu .ai-newsletterBlock .btn {
  font-size: 13px;
  font-weight: 600;
}
.ai-sideMenu .ai-newsletterBlock input {
  font-size: 13px;
}
.ai-sideMenu .ai-advertBlock {
  position: relative;
}
.ai-sideMenu .ai-advertBlock a {
  display: block;
}
.ai-sideMenu .ai-advertBlock a img {
  width: 100%;
  height: auto;
  display: block;
}
.ai-sideMenu .ai-leftMenu .shopCatProducer a {
  font-size: 15px;
  list-style: none;
  display: block;
  padding: 10px 15px;
  color: #000;
  transition: all 0.3s;
}
.ai-sideMenu .ai-leftMenu .shopCatProducer a:hover {
  background-color: #175da9;
  cursor: pointer;
  transition: all 0.3s;
  color: #fff;
}
.ai-sideMenu .ai-leftMenu .shopCatProducer .menuActive {
  color: white;
  font-weight: bold;
}
/* == content == */
.mainContent {
  position: relative;
  margin: 0px auto;
  clear: both;
  background-color: #fff;
  padding-bottom: 20px;
  padding-top: 20px;
}
@media  (min-width: 1920px) {
  .mainContent {
    width: 100%;
    max-width: 1640px;
    margin: 0 auto;
  }
}
@media  (min-width: 1600px) and (max-width:1919px) {
  .mainContent {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
  }
}
.mainContent .ai-contentRight {
  float: right;
  display: block;
  padding-top: 0px!important;
}
@media  (min-width: 1020px) and (max-width:1600px) {
  .mainContent .ai-contentRight {
    /*width: ~"calc(100% - 250px)";*/
    width: calc(100% - 330px);
  }
}
@media  (min-width: 1600px) and (max-width:1919px) {
  .mainContent .ai-contentRight {
    /*max-width: 1350px;*/
    width: calc(100% - 330px);
  }
}
@media  (min-width: 1920px) {
  .mainContent .ai-contentRight {
    /*max-width: 1350px;*/
    width: calc(100% - 330px);
  }
}
.mainContent .ai-blogPost {
  margin: 5px;
}
.mainContent .ai-blogPost .itemPost {
  display: flex;
}
.mainContent .ai-blogPost .itemPost .entries-item {
  transition: all 0.3s;
  /*border:1px solid @baseBckg6;*/
  border: 1px solid #e4e4e4;
  width: 100%;
  background-color: #fff;
  position: relative;
}
@media  screen and (max-width: 576px) {
  .mainContent .ai-blogPost .itemPost .entries-item {
    text-align: center;
  }
}
@media  (min-width: 578px) and (max-width:1019px) {
  .mainContent .ai-blogPost .itemPost .entries-item {
    text-align: center;
  }
}
.mainContent .ai-blogPost .itemPost .itemLink {
  color: #175da9;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 20px;
  cursor: pointer;
  transition: all 0.3s;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.mainContent .ai-blogPost .itemPost .itemLink:hover {
  color: #000;
}
.mainContent .ai-blogPost .itemPost p {
  font-size: 13px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.mainContent .ai-blogPost .itemPost .thumb {
  overflow: hidden;
  cursor: pointer;
  position: relative;
  height: 250px;
  width: 250px;
  margin: 0 auto;
}
@media  screen and (max-width: 576px),  (min-width: 578px) and (max-width:1019px),  (min-width: 1020px) and (max-width:1200px),  screen and (max-width: 768px),  (min-width: 1200px) and (max-width:1480px) {
  .mainContent .ai-blogPost .itemPost .thumb {
    width: auto;
    height: 250px;
  }
}
.mainContent .ai-blogPost .itemPost .thumb img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
.mainContent .ai-blogPost .itemPost .thumb-none {
  min-height: 25px;
}
.mainContent .ai-blogPost .itemPost .down-content {
  margin-top: -5px;
  padding: 20px ;
}
.mainContent .ai-blogPost .itemPost .date {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  color: #000;
  background-color: #fff;
  position: absolute;
  z-index: 5;
  top: 10px;
  padding: 6px 0px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media  screen and (max-width: 1019px) {
  .mainContent .ai-blogPost .itemPost .date {
    position: relative!important;
    display: block;
    margin: 0 px auto 10px;
    top: auto;
  }
}
.mainContent .ai-blogPost .itemPost .text-button a {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  border-bottom: 1px solid #000;
  padding: 2.5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  background-color: transparent;
  color: #000;
}
.mainContent .ai-blogPost .itemPost .text-button a:hover {
  color: #175da9;
  border-bottom: 1px solid #175da9;
}
.mainContent .ai-blogPost .blogDetail h1 {
  margin: 0px;
}
.mainContent .ai-blogPost .blogDetail .itemPost .entries-item {
  border: 0px;
}
.mainContent .ai-blogPost .blogDetail .itemPost .entries-item .down-content {
  margin-top: 0;
  padding: 0px;
}
.mainContent .ai-blogPost .blogDetail .itemPost .date {
  font-size: 15px;
  margin: 10px auto;
  display: block;
  position: initial;
  left: auto;
  right: auto;
  top: auto;
  padding: 0;
}
.mainContent .ai-blogPost .blogDetail .itemPost p {
  font-size: 15px;
  display: block;
  font-weight: 400;
  color: #000;
  font-family: 'Montserrat', sans-serif !important;
  text-align: justify;
}
.mainContent .ai-blogPost .blogDetail .itemPost .image {
  max-width: 360px;
  margin-right: 20px;
  float: left;
  margin-left: 3px;
  margin-top: 5px;
}
@media  (min-width: 578px) and (max-width:1019px),  screen and (max-width: 576px) {
  .mainContent .ai-blogPost .blogDetail .itemPost .image {
    max-width: 100%;
    margin-bottom: 10px;
  }
}
.mainContent .ai-blogPost .blogDetail .itemPost .content {
  display: inline-block;
}
.mainContent .ai-blogPost .blogDetail .itemPost .btn {
  font-weight: 600;
  display: block;
  width: 120px;
  margin: 15px;
  float: right;
}
.mainContent .ai-blogPost .blogDetail .itemPost .text-button {
  padding: 0px;
}
.ai-newsletter {
  margin-top: 0px;
  background-color: #eeeeee;
}
.ai-newsletter #gdprNewsletter {
  font-size: 10px;
  display: block;
  text-align: right;
  color: #777777;
  font-weight: 600;
}
@media  (min-width: 578px) and (max-width:1019px),  screen and (max-width: 576px) {
  .ai-newsletter #gdprNewsletter {
    text-align: center;
    margin: 10px auto;
  }
}
@media  screen and (max-width: 1019px) {
  .ai-newsletter .container .d-flex {
    display: block!important;
    text-align: center;
  }
}
@media  screen and (max-width: 1019px) {
  .ai-newsletter .container .d-flex .col-md-6 {
    width: 100%;
  }
}
@media  screen and (max-width: 1019px) {
  .ai-newsletter .container .d-flex .col-md-5 {
    width: 100%;
  }
}
@media  screen and (max-width: 1019px) {
  .ai-newsletter .widget-newsletter .btn-primary {
    display: block;
    width: 100%;
    margin: 10px 0;
  }
}
.ai-newsletter h2 {
  font-size: 25px;
  font-weight: 800;
  text-align: right;
}
@media  (min-width: 578px) and (max-width:1019px),  screen and (max-width: 576px) {
  .ai-newsletter h2 {
    text-align: center;
  }
}
.ai-newsletter h5 {
  margin-bottom: 0;
  font-size: 18px;
  color: #777777;
  text-align: right;
}
@media  (min-width: 578px) and (max-width:1019px),  screen and (max-width: 576px) {
  .ai-newsletter h5 {
    text-align: center;
  }
}
.ai-newsletter input {
  padding-left: 2rem;
  border-width: 0;
}
.ai-newsletter .btn-primary {
  border-color: transparent;
  background-color: #000;
  color: #fff;
  box-shadow: none;
}
.ai-newsletter .btn-primary:hover {
  background-color: #175da9;
  transition: all 0.3s;
}
.ai-slider {
  width: 100%;
  max-height: 500px;
  display: block;
  position: relative;
  background: #000;
  overflow: hidden;
}
@media (min-width: 677px) and (max-width: 1599px) {
  .ai-slider {
    max-height: 350px;
  }
}
.ai-slider .bcImageItems {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  display: block;
}
.ai-slider .bcImageItems .cycle-slide {
  text-align: center;
}
.ai-slider .bcTextItems {
  width: 100%;
  height: 200px;
  margin: auto;
  text-align: right;
  position: relative;
  color: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 101;
}
.ai-slider .bcTextItems .cycle-slide {
  padding: 0px 80px;
}
@media  screen and (max-width: 576px),  (min-width: 578px) and (max-width:1019px) {
  .ai-slider .bcTextItems .cycle-slide {
    padding: 0 38px;
  }
}
.ai-slider .bcTextItems .cycle-slide img {
  max-width: 100%;
  height: auto;
}
.ai-slider .item {
  width: 100%;
  height: auto;
  display: block;
  float: left;
  position: relative;
}
.ai-slider a {
  color: #fff;
  text-decoration: none;
}
.ai-slider h3 {
  padding: 0px;
}
.ai-slider .prev,
.ai-slider .next {
  height: 100px;
  padding: 10px 20px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 102;
  font-size: 30px;
}
.ai-slider .prev span,
.ai-slider .next span {
  display: none;
}
.ai-slider .pager {
  color: #fff;
  position: absolute;
  bottom: 20px;
  right: 0px;
  left: 0;
  margin: 0 auto;
  z-index: 102;
  text-align: center;
}
.ai-slider .pager .cycle-pager-active {
  background: rgba(255, 255, 255, 0.5);
}
.ai-slider .pager span {
  width: 50px;
  height: 10px;
  margin-left: 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  display: inline-block;
  cursor: pointer;
  border-radius: 0;
}
.ai-slider .progress {
  border-radius: 0;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 102;
  height: 5px;
}
.ai-slider .prev {
  left: 0;
}
.ai-slider .next {
  right: 0;
}
.ai-slider .bcName,
.ai-slider .bcDescription {
  float: right;
  clear: right;
  text-transform: uppercase;
  padding: 20px;
  font-size: 40px;
  font-weight: 300;
}
@media  screen and (max-width: 576px),  (min-width: 578px) and (max-width:1019px) {
  .ai-slider .bcName,
  .ai-slider .bcDescription {
    font-size: 18px;
  }
}
.ui-widget {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  color: #000;
}
.ui-widget-overlay {
  z-index: 1000;
  background: #333;
  opacity: 0.5;
}
.ui-dialog {
  position: fixed;
  padding: 0px;
  margin: 0px;
  z-index: 1001;
  border: none !important;
  border-radius: 0px !important;
  background: #fff;
  padding-bottom: 20px;
}
@media  screen and (max-width: 576px) {
  .ui-dialog {
    width: 100%!important;
    overflow: scroll;
    position: absolute!important;
    /*top: 70px!important;*/
    left: 0!important;
    right: 0!important;
    margin: 0 auto!important;
  }
}
.ui-dialog label {
  margin-right: 5px;
}
.ui-dialog .ui-dialog-titlebar-close {
  width: 41px;
  height: 41px;
  margin: 0px;
  padding: 10px;
  border: none;
  border-radius: 0px;
  font-size: 14px;
  top: 0px;
  position: absolute;
  background-color: transparent;
  right: 0px;
  background-image: url(/_themes_files/aishop-8/images/icons/cross.png) !important;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
}
.ui-dialog .ui-dialog-titlebar-close:hover {
  background-image: url(/_themes_files/aishop-8/images/icons/hover_cross.png) !important;
  background-color: transparent!important;
}
.ui-autocomplete-loading {
  color: #e6151a;
  background: #fff url("../_images/loading.gif") right center no-repeat;
}
.ui-dialog-content {
  padding: 10px !important;
}
.ui-dialog-titlebar {
  margin: 0px;
  padding: 10px !important;
  font-weight: bold !important;
  border: none;
  border-radius: 0px;
  background: #eeeeee;
  text-transform: uppercase;
}
.ui-dialog-title {
  margin: 0px !important;
  color: #000;
}
.ui-autocomplete li.ui-menu-item i {
  font-weight: 900;
  width: 50px;
  height: 30px;
  font-family: 'Font Awesome 5 Free';
  text-align: center;
  padding-right: 7px;
  color: #175da9;
  font-size: 16px;
}
.ui-autocomplete li.ui-menu-item a {
  line-height: 40px;
}
.ui-icon {
  background-image: url(../_images/preview/img4ea027bbbb8df) !important;
}
.bIAddI {
  margin: 0px auto;
  width: 217px;
  height: 217px;
  padding: 10px;
  position: relative;
}
.bIAddI img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 217px;
  max-height: 217px;
}
.bIAddN {
  padding: 0px 0px 10px 0px;
  font-size: 16px;
  text-align: center;
  font-weight: 600;
}
.bIAddCI,
.bIAddTI {
  padding: 1em 0.5em;
  color: #000;
}
.aNextShopping,
.aBasket {
  float: left;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px;
  margin-top: 10px;
  cursor: pointer;
  border: none;
  font-family: Open Sans, sans-serif !important;
  text-decoration: none;
}
@media  screen and (min-width: 340px) and (max-width: 576px)  {
  .aNextShopping,
  .aBasket {
    padding: 7px;
  }
}
@media  screen and (max-width: 339px) {
  .aNextShopping,
  .aBasket {
    width: 100%;
    text-align: center;
  }
}
.aNextShopping:hover {
  text-decoration: none;
}
.aBasket {
  float: right;
}
.aBasket:hover {
  text-decoration: none;
}
.ui-autocomplete {
  padding: 0px !important;
  margin: 0px !important;
  z-index: 9999;
  border-radius: 0px;
  background: #fff !important;
  border: 1px solid #e8e8e8 !important;
}
.ui-autocomplete li a {
  vertical-align: middle;
  padding: 5px !important;
  overflow: hidden;
  display: block;
  cursor: pointer;
}
.ui-autocomplete img {
  margin-right: 10px;
  vertical-align: middle;
}
.ui-autocomplete .ui-state-focus {
  border: none !important;
  border-radius: 0px;
  margin: 0px !important;
}
.ui-autocomplete .ui-state-active {
  margin: 0;
  border: none !important;
  background-image: none;
  background-color: #175da9;
  color: #fff;
}
.ui-autocomplete .ui-state-active a:link {
  color: #000;
}
.ui-autocomplete .ui-state-active a:visited {
  color: #000;
}
.ui-autocomplete.aiDeliveryDialogAutocomplete {
  position: fixed !important;
}
.ui-autocomplete button {
  padding: 10px !important;
  border: none;
}
.ui-autocomplete button .ui-state-active {
  font-weight: normal;
}
.ui-menu .ui-menu-item a .ui-state-focus {
  margin: 0px !important;
}
.ui-autocomplete-all {
  padding: 10px;
  border-radius: 5px;
  margin: 10px;
  text-align: center;
}
.ui-autocomplete-category {
  font-weight: bold;
  padding: 5px !important;
  text-transform: uppercase;
}
.ui-autocomplete.ui-autocomplete {
  border: none;
  background: transparent;
}
.banner_overload {
  display: none;
}
.banner_overload img {
  height: 60vh !important;
  width: auto !important;
}
.grecaptcha-badge {
  display: none;
}
.ui-state-hover a:hover {
  color: initial !important;
}
a {
  color: #175da9;
}
a:hover {
  color: #000;
}
a:hover .d3 {
  color: #fff !important;
  background-color: #777777 !important;
}
.d1 {
  background-color: #eeeeee;
  color: #000;
}
.d1 .ui-state-active {
  color: #fff !important;
  background-color: #777777 !important;
}
.d1 .ui-state-active img {
  background: #fff !important;
}
.d1 .button:hover {
  color: #fff !important;
  background-color: #777777 !important;
}
.d1 .MenuVertical a:hover {
  color: #fff;
  background-color: #777777 !important;
}
@media (max-width: 991px) {
  .d1 .ai-nav .nav-item:hover {
    background-color: transparent;
  }
  .d1 .ai-mainMenu ul > li > ul > li:first-child {
    margin-top: -20px;
  }
  .d1 .ai-mainMenu ul > li > ul > li:last-child {
    margin-bottom: -20px;
  }
  .d1 .ai-mainMenu ul > li {
    padding-left: 7px;
  }
  .d1 ul > li.menuActive > a:before {
    content: " ";
    height: 20px;
    width: 5px;
    background-color: #175da9;
    display: inline-block;
    margin-left: -10px;
    margin-right: 5px;
    margin-bottom: -4px;
  }
}
@media (max-width: 991px) {
  .d1 .menu-top-mobile {
    margin-bottom: -10px;
  }
  .d1 .menu-top-mobile ul > li ul {
    padding-left: 20px;
  }
  .d1 .menu-top-mobile ul > li ul ul {
    padding-left: 20px;
  }
}
@media (max-width: 991px) {
  .d1 .ai-mainMenu {
    width: 100%;
    position: absolute;
    top: 42px;
    z-index: 5555;
  }
  .d1 .ai-mainMenu li.nav-item {
    border-bottom: 1px solid #242424;
  }
  .d1 .ai-mainMenu .MenuHorizontal {
    width: calc(100vw - 20px);
  }
  .d1 .ai-mainMenu .MenuHorizontal ul li a {
    text-align: left;
    padding-left: 10px;
  }
  .d1 .ai-mainMenu .navbarAiMenu1Button {
    position: absolute;
    top: -39px !important;
    left: 3px;
    width: 37px;
    height: 37px;
    padding-left: 1px;
    padding-right: 1px;
    padding-bottom: 15px;
  }
  .d1 .ai-mainMenu .navbar-toggler:focus {
    box-shadow: none;
  }
  .d1 .ai-mainMenu .nav-item {
    border: none !important;
  }
}
.d1 .menuActive > a {
  color: #000 !important;
  font-weight: bold;
  background-color: transparent;
}
.d1 .menuActive {
  background-color: #f0f0f0;
  color: #fff;
}
.d1 .menuActive:hover {
  background-color: #f0f0f0;
}
.d1 .menuActive div ul li:hover {
  color: #fff !important;
}
.d1 .menuActive div ul li:hover a:hover {
  color: #fff !important;
}
.d1 a {
  color: #000;
}
.d2 {
  background-color: #fff !important;
  color: #000;
}
.d2 a {
  color: #000;
}
.d2 a:hover {
  color: #fff;
  background-color: #175da9 !important;
  border-top-color: #175da9;
}
.d3 {
  background-color: #175da9 !important;
  color: #fff !important;
}
.d3:hover {
  color: #fff !important;
  background-color: #777777 !important;
}
.d4 {
  color: #000;
}
.d5 {
  background-color: #2c3e4d;
  color: #fff;
}
.d5:hover {
  color: #fff !important;
  background-color: #175da9 !important;
}
.d6 {
  background-color: #2c3e4d;
  color: #fff;
}
.d6 a {
  color: #fff !important;
}
.d6 a .d7 {
  background: #eeeeee;
  color: #777777;
}
.d6 a:hover {
  color: #fff !important;
  background: transparent !important;
  opacity: 1 !important;
}
.d7:hover {
  color: #fff !important;
  background: #175da9 !important;
}
.error,
.noItems,
.errorMsg,
.Empty {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px;
  background: #ffe5e5;
  color: #e6151a;
  clear: both;
  font-weight: 700;
}
.thanks {
  text-align: center;
  text-transform: uppercase;
  padding: 10px !important;
  background: #fff3d8 !important;
  color: #001f46;
  font-size: 15px;
  font-weight: 700;
}
.info {
  /*float: left;*/
  clear: left;
  width: 100%;
  margin: 10px 0px 0px 0px;
  padding: 10px;
  background: #fff3d8;
  color: #1d2220;
  font-style: italic;
  font-size: 15px;
  font-weight: 700;
}
.infoLink {
  color: #175da9;
  font-style: italic;
  font-size: 15px;
  font-weight: 700;
}
.basketItemAdded .info {
  display: block;
}
.hidden {
  display: none;
}
.hide,
.back {
  display: none !important;
}
/*
.MainCategory{
	display: inline-block;
	margin: 30px auto;
	/*margin: -5px 5px 5px 5px !important;* /
	padding-left: 0px;


	.MainCategoryView{
		height: 27pt;
		margin-left: -15px;
		margin-right: -10px !important;
	}

	a{
		/*display: block;* /
		font-size: 12px;
		color: @baseText;
		/*text-transform: uppercase;* /
		font-weight: 400;
		/*padding: 10px;*/
/*background-color: @baseBckg3;* /

&:hover{
	/*background-color:@orange;* /
	/*color:@baseTextColoredBackgr;* /
}
}

.fa{
color: #000;
}

.fa-home {
font-size: 17px;
padding-right: 2px;
margin-left: -4px;
}

}*/
.MainCategory {
  display: inline-block;
  margin: -5px 0px 0px 0px;
  font-size: 11px;
  padding: 5px 5px 5px 0px;
}
.MainCategory .fa {
  color: #000;
}
.MainCategory .fa-home {
  font-size: 17px;
  padding-right: 2px;
  margin-left: -4px;
}
.MainCategory a {
  text-transform: inherit;
  display: inline-block;
  font-size: 12px;
  color: #000;
  background: inherit;
  padding: 5px;
  text-decoration: underline;
  /*text-transform:uppercase;*/
}
@media  screen and (max-width: 576px) {
  .ai-order #CostSumWithVAT {
    font-size: 20px;
  }
}
.ai-order input {
  padding: 10px;
  font-size: 15px;
  font-weight: 700;
  outline: 0;
  margin: 5px;
}
@media  screen and (max-width: 576px) {
  .ai-order input {
    display: block;
    width: 100%;
    margin: 20px auto;
    float: none;
  }
}
.ai-order #adrFormNotice {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  min-height: 80px;
}
.ai-order .swType .swTypeTitle {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 0;
}
.ai-order .swType #swTypeOs {
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  background-color: #f0f0f0;
  cursor: pointer;
  margin: 5px;
}
.ai-order .swType #swTypeComp {
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  background-color: #f0f0f0;
  cursor: pointer;
  margin: 5px;
}
.ai-order .selectedSwTypeOs {
  font-weight: bold;
  border: 2px solid lightgray;
}
@media  screen and (max-width: 576px) {
  .ai-order tbody,
  .ai-order td,
  .ai-order tfoot,
  .ai-order th,
  .ai-order thead,
  .ai-order tr,
  .ai-order table {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.ai-order .c3 {
  text-align: center;
  font-size: 25px;
  font-weight: 700;
}
.ai-order .stepBar {
  display: block;
  margin: 20px auto;
  text-align: center;
}
.ai-order .step {
  display: inline-block;
  padding: 10px;
  margin: 10px;
  text-align: center;
  font-size: 14px;
}
@media  screen and (max-width: 576px) {
  .ai-order .step {
    display: block;
    margin: 10px auto;
  }
}
.ai-order .step span {
  display: block;
  font-weight: 700;
  margin: 0 5px;
}
.ai-order .actuallStep {
  background-color: #175da9;
}
.ai-order .div_table_zbozi {
  width: 100%;
  display: block;
}
@media  screen and (max-width: 576px) {
  .ai-order .div_table_zbozi tr {
    border: 1px solid #777777;
    margin: 10px 0;
  }
}
.ai-order .div_table_zbozi .table_zbozi {
  width: 100%;
}
.ai-order .div_table_zbozi .table_zbozi .tab_nazev {
  padding: 10px 5px;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}
@media  screen and (max-width: 576px) {
  .ai-order .div_table_zbozi .table_zbozi .tab_nazev {
    padding: 2px;
  }
}
.ai-order .div_table_zbozi .table_zbozi .tab_text {
  font-size: 15px;
  text-align: center;
  padding: 5px;
}
.ai-order .div_table_zbozi .table_zbozi .tab_text button {
  background-color: transparent;
}
.ai-order .div_table_zbozi .table_zbozi .tab_text img {
  max-width: 55px;
  max-height: 55px;
  height: auto;
  width: auto;
}
.ai-order .div_table_zbozi .table_zbozi .cell_popisek {
  text-align: left;
}
@media  screen and (max-width: 576px) {
  .ai-order .div_table_zbozi .table_zbozi .cell_popisek {
    text-align: center;
  }
}
.ai-order .div_table_zbozi .table_zbozi .itemNotice {
  margin: 0 5px;
  cursor: pointer;
}
.ai-order .div_table_zbozi .table_zbozi .itemNotice span {
  display: none;
}
.ai-order .div_table_zbozi .table_zbozi .shopArticleinStore {
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
}
.ai-order .div_table_zbozi .table_zbozi .shopArticleinStore .shopArticleStoreImg {
  display: none;
}
.ai-order .div_table_zbozi .table_zbozi .storage input {
  width: 50px;
  margin: 0;
  text-align: center;
}
.ai-order .div_table_zbozi .table_zbozi .prices {
  text-align: center;
}
.ai-order .div_table_zbozi .table_zbozi .orderSummaryFinalTable {
  height: 50px;
}
@media  screen and (max-width: 576px) {
  .ai-order .div_table_zbozi .table_zbozi .orderSummaryFinalTable {
    height: auto;
    text-align: center!important;
  }
}
.ai-order .div_table_zbozi .table_zbozi .orderSummaryFinalTable .cell_celkem {
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
}
@media  screen and (max-width: 576px) {
  .ai-order .div_table_zbozi .table_zbozi .orderSummaryFinalTable .storage {
    display: none;
  }
}
@media  screen and (max-width: 576px) {
  .ai-order .thp,
  .ai-order .itemCostWithoutVAT,
  .ai-order #CostSumWithoutVAT {
    display: none;
  }
}
@media  (min-width: 1920px),  (min-width: 1020px) and (max-width:1600px),  (min-width: 1600px) and (max-width:1919px) {
  .ai-order .ai-orderUp .error,
  .ai-order .ai-CustomerRegistration .error,
  .ai-order .ai-orderUp .faTbl .error,
  .ai-order .ai-CustomerRegistration .faTbl .error,
  .ai-order .ai-orderUp .daTbl .error,
  .ai-order .ai-CustomerRegistration .daTbl .error {
    position: relative;
    top: -56px;
    left: 100%;
    margin-bottom: -39px;
    width: 100%;
  }
}
@media  screen and (max-width: 576px),  (min-width: 578px) and (max-width:1019px) {
  .ai-order .text-right {
    text-align: center!important;
  }
  .ai-order .daSp {
    float: none;
  }
}
.ai-order .otherData label {
  margin: 20px auto;
  display: inline;
}
.ai-order .otherData input[type=text],
.ai-order .otherData input[type=password] {
  width: 100%;
}
.ai-order #chckbNews,
.ai-order #chckbGDPR {
  display: inline-block;
  width: auto;
}
.ai-order .priceFreeDelivery {
  font-weight: bold;
}
.ai-order .progressbar {
  background: #e4e4e4;
  width: 100%;
}
.ai-order .progressbar span {
  display: block;
  text-align: center;
  color: #fff;
  line-height: 1em;
  background: #175da9;
  /*@baseBckg9;*/
  max-width: 100%;
}
.btnQuantity {
  color: #fff;
  background-color: #e4e4e4;
  border-color: #e4e4e4;
  border-radius: 0px;
  cursor: pointer;
}
.btnQuantity:hover {
  background-color: #175da9;
  border-color: #175da9;
}
.inputQuantity {
  display: flex;
  justify-content: center;
}
.inputQuantity .form-control {
  border-radius: 0px;
}
.requestedDayBanner {
  padding: 10px;
  margin: 10px auto;
}
@media  screen and (max-width: 576px) {
  .requestedDayBanner {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.requestedDayBanner input {
  margin: 10px 20px;
}
@media  screen and (max-width: 576px) {
  .requestedDayBanner input {
    width: 50%;
    display: inline-block;
  }
}
#items_buttons {
  clear: both;
  display: block;
  width: 100%;
  height: 140px;
}
#items_buttons .buttonLeft {
  float: left;
  padding: 15px;
  text-align: center;
  font-weight: 700;
}
@media  screen and (max-width: 576px) {
  #items_buttons .buttonLeft {
    display: block;
    width: 100%;
    margin: 20px auto;
    float: none;
  }
}
#items_buttons .buttonRight {
  float: right;
  padding: 15px;
  text-align: center;
  font-weight: 700;
}
@media  screen and (max-width: 576px) {
  #items_buttons .buttonRight {
    display: block;
    width: 100%;
    margin: 20px auto;
    float: none;
  }
}
@media  screen and (max-width: 576px) {
  #items_buttons {
    height: auto;
  }
}
.ai-order #items_buttons {
  height: inherit;
}
.ai-order #items_buttons .buttonLeft {
  float: none;
}
.ai-order .ai-ProductItem input {
  margin: 0px;
}
.stepOrderNext {
  display: block;
  width: 100%;
  margin: 20px auto;
  text-align: center;
}
.stepOrderNext input {
  padding: 15px;
  text-align: center;
  font-weight: 700;
  outline: 0;
  border: 0px;
}
@media  screen and (max-width: 576px) {
  .stepOrderNext input {
    display: block;
    width: 100%;
    margin: 20px auto;
    float: none;
  }
}
#daTblNew,
#otherTblPwd,
#otherTblData {
  display: block;
  margin: 0 auto;
}
#daTblNew select,
#otherTblPwd select,
#otherTblData select,
#daTblNew input,
#otherTblPwd input,
#otherTblData input {
  width: 100%;
}
.deliveryOrderDetails .roundedTwo label {
  float: right;
  margin-top: -3px;
}
.deliveryOrderDetails .aisItemAdr.active .inner {
  background: #eeeeee;
}
.deliveryOrderDetails .aisCompanyDataController a {
  font-weight: 600;
  color: #000;
  cursor: pointer;
  text-decoration: underline;
}
.deliveryOrderDetails .aisCompanyDataController a:hover {
  color: #175da9;
}
.deliveryOrderDetails .ui-dialog {
  max-width: 100vw;
  max-height: 100vh;
  overflow-x: auto;
}
.deliveryOrderDetails .ui-dialog::-webkit-scrollbar {
  width: 10px;
}
.deliveryOrderDetails .ui-dialog::-webkit-scrollbar-track {
  background-color: darkgrey;
}
.deliveryOrderDetails .ui-dialog::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.deliveryOrderDetails .tab_nazev {
  padding: 10px;
  margin: 10px auto;
}
.deliveryOrderDetails .itemAdrButtons .button {
  padding: 10px;
  outline: 0;
  border: 0px;
}
.deliveryOrderDetails #adrFormNotice {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  min-height: 80px;
}
.delivery .deliveryName {
  cursor: pointer;
}
.delivery .deliveryTitleWrapper {
  cursor: pointer;
}
@media  screen and (max-width: 1019px) {
  .delivery .deliveryTitleWrapper {
    display: block!important;
    text-align: center;
  }
}
@media  screen and (max-width: 1019px) {
  .delivery .payDescriptionShort {
    text-align: center;
  }
}
.delivery .gm-style-iw-d {
  max-height: 283px !important;
}
.delivery .col-md-2.text-center.dtdim img {
  height: 50px;
  width: auto;
}
.delivery .text-center {
  text-align: center!important;
}
.delivery .gm-style-iw-d {
  max-height: 283px !important;
}
.delivery .col-md-12 {
  border-bottom: 1px solid #eeeeee;
  padding: 20px 0;
  text-align: center;
}
.delivery .col-md-3,
.delivery .col-md-2 {
  padding: 10px!important;
  margin: 0px!important;
  text-align: left;
  flex-wrap: wrap;
  flex-direction: column;
  display: flex;
  justify-content: center;
}
@media  screen and (max-width: 768px) {
  .delivery .col-md-3,
  .delivery .col-md-2 {
    text-align: center;
  }
}
@media  screen and (max-width: 1019px) {
  .delivery .col-md-3,
  .delivery .col-md-2 {
    margin: 0 auto;
    display: block;
    width: 100%;
    text-align: center;
  }
}
.delivery .deliveryTitleWrapper .aisIdDelivery {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
@media  screen and (max-width: 768px) {
  .delivery .deliveryTitleWrapper .aisIdDelivery {
    display: block!important;
  }
}
@media  screen and (max-width: 768px) {
  .delivery .deliveryTitleWrapper {
    display: block!important;
  }
}
.delivery .deliveryTitleWrapper label {
  display: inline-block;
  vertical-align: top;
}
.delivery .aisRowDelivery:hover {
  background-color: white;
  -webkit-box-shadow: 2px 0px 24px -3px rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 2px 0px 24px -3px rgba(0, 0, 0, 0.17);
  box-shadow: 2px 0px 24px -3px rgba(0, 0, 0, 0.17);
  border-radius: 7px;
}
.delivery .col-md-2 img {
  margin: 0 auto;
  width: auto;
  height: auto!important;
  max-width: 120px;
  max-height: 50px;
  padding: 10px;
}
@media  screen and (max-width: 576px),  (min-width: 578px) and (max-width:1019px) {
  .delivery {
    text-align: center;
  }
}
.delivery .deliveryBtnSelectOption {
  border: 1px solid #777777;
  padding: 10px;
  width: 100%;
  display: block;
  cursor: pointer;
  text-align: center;
  border-radius: 4px;
}
.delivery .aisDeliveryData {
  width: 100%;
  margin: 10px auto 0px;
  cursor: pointer;
  border: 1px solid #777777;
}
#sentOrderNumber input {
  display: block;
  margin: 10px auto;
  padding: 10px;
  font-weight: 700;
  background-color: #175da9;
  color: #fff;
  outline: 0;
  border: 0;
}
.buttonNewAdressAdd {
  float: right;
  margin: -6px -4px !important;
  padding: 6px!important;
}
.ai-CustomerRegistration,
.faTbl,
.daTbl {
  font-size: 15px;
}
.ai-CustomerRegistration label,
.faTbl label,
.daTbl label {
  display: inline-block;
  margin-bottom: 0rem;
  margin-right: 10px;
  margin-top: 20px;
  margin-left: 0px;
}
.ai-CustomerRegistration .selectedIc,
.faTbl .selectedIc,
.daTbl .selectedIc {
  padding: 0;
  margin: 0;
  float: right;
  margin-right: 10px;
  clear: both;
  background-color: transparent;
}
.ai-CustomerRegistration h1,
.faTbl h1,
.daTbl h1 {
  /*font-size:25px;
		margin: 0 auto 20px;*/
}
@media  screen and (max-width: 576px) {
  .ai-CustomerRegistration tbody,
  .faTbl tbody,
  .daTbl tbody,
  .ai-CustomerRegistration td,
  .faTbl td,
  .daTbl td,
  .ai-CustomerRegistration tfoot,
  .faTbl tfoot,
  .daTbl tfoot,
  .ai-CustomerRegistration th,
  .faTbl th,
  .daTbl th,
  .ai-CustomerRegistration thead,
  .faTbl thead,
  .daTbl thead,
  .ai-CustomerRegistration tr,
  .faTbl tr,
  .daTbl tr,
  .ai-CustomerRegistration table,
  .faTbl table,
  .daTbl table {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.ai-CustomerRegistration .RequireItem1,
.faTbl .RequireItem1,
.daTbl .RequireItem1 {
  margin: 5px;
}
.ai-CustomerRegistration input,
.faTbl input,
.daTbl input,
.ai-CustomerRegistration select,
.faTbl select,
.daTbl select {
  margin: 10px 0;
  padding: 10px;
  width: 100%;
}
@media  screen and (max-width: 576px) {
  .ai-CustomerRegistration input,
  .faTbl input,
  .daTbl input,
  .ai-CustomerRegistration select,
  .faTbl select,
  .daTbl select {
    display: block;
    text-align: center;
    margin: 10px auto;
  }
}
.ai-CustomerRegistration input[type=checkbox],
.faTbl input[type=checkbox],
.daTbl input[type=checkbox] {
  width: 30px;
}
.ai-CustomerRegistration .tab_nazev,
.faTbl .tab_nazev,
.daTbl .tab_nazev {
  padding: 15px 10px;
  font-weight: 600;
  margin: 15px auto;
}
.ai-CustomerRegistration .button,
.faTbl .button,
.daTbl .button {
  padding: 10px;
  outline: 0;
  border: 0;
}
.ai-CustomerRegistration .error,
.faTbl .error,
.daTbl .error {
  font-size: 13px;
  font-weight: 700;
  padding: 5px;
  margin: 0;
  margin: 10px;
}
@media  screen and (max-width: 576px) {
  .ai-CustomerRegistration .DefaultLink,
  .faTbl .DefaultLink,
  .daTbl .DefaultLink,
  .ai-CustomerRegistration .EditLink,
  .faTbl .EditLink,
  .daTbl .EditLink {
    display: inline-block;
    text-align: center;
    margin: 10px auto;
  }
}
.ai-CustomerRegistration .swType .swTypeTitle,
.faTbl .swType .swTypeTitle,
.daTbl .swType .swTypeTitle {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 0;
}
.ai-CustomerRegistration .swType #swTypeOs,
.faTbl .swType #swTypeOs,
.daTbl .swType #swTypeOs {
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  background-color: #f0f0f0;
  cursor: pointer;
  margin: 5px;
}
.ai-CustomerRegistration .swType #swTypeComp,
.faTbl .swType #swTypeComp,
.daTbl .swType #swTypeComp {
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  background-color: #f0f0f0;
  cursor: pointer;
  margin: 5px;
}
.ai-CustomerRegistration .items_buttons,
.faTbl .items_buttons,
.daTbl .items_buttons {
  clear: both;
  display: block;
  width: 100%;
  height: 140px;
}
.ai-CustomerRegistration .items_buttons .buttonLeft,
.faTbl .items_buttons .buttonLeft,
.daTbl .items_buttons .buttonLeft {
  float: left;
  padding: 15px;
  text-align: center;
  font-weight: 700;
  width: auto;
}
@media  screen and (max-width: 576px) {
  .ai-CustomerRegistration .items_buttons .buttonLeft,
  .faTbl .items_buttons .buttonLeft,
  .daTbl .items_buttons .buttonLeft {
    display: block;
    width: 100%;
    margin: 20px auto;
    float: none;
  }
}
.ai-CustomerRegistration .items_buttons .buttonRight,
.faTbl .items_buttons .buttonRight,
.daTbl .items_buttons .buttonRight {
  float: right;
  padding: 15px;
  text-align: center;
  font-weight: 700;
  width: auto;
}
@media  screen and (max-width: 576px) {
  .ai-CustomerRegistration .items_buttons .buttonRight,
  .faTbl .items_buttons .buttonRight,
  .daTbl .items_buttons .buttonRight {
    display: block;
    width: 100%;
    margin: 20px auto;
    float: none;
  }
}
.ai-CustomerRegistration .daSp,
.faTbl .daSp,
.daTbl .daSp {
  float: right;
  cursor: pointer;
}
.daTbl input[type=button] {
  width: inherit;
}
.itemAdrButtons input {
  width: inherit;
}
.ai-LostPswd {
  /*text-align:center;*/
}
.ai-LostPswd p {
  margin: 0 0 5px;
}
.ai-LostPswd h1 {
  margin-top: 0;
}
.ai-LostPswd .lostPswd {
  display: block;
  background-color: #eeeeee;
  padding: 10px 30px;
  margin: 20px auto;
  width: inehrit;
  /*text-align:center;*/
  /*width:50%;*/
}
@media  screen and (max-width: 576px),  (min-width: 578px) and (max-width:1019px) {
  .ai-LostPswd .lostPswd {
    /*max-width:90%;*/
    width: 100%;
  }
}
.ai-LostPswd .lostPswd label {
  display: inline-block;
  margin: 10px auto;
}
.ai-LostPswd .lostPswd input {
  display: block;
  clear: both;
  margin: 0 auto;
  width: 100%;
}
.ai-LostPswd .lostPswd .button {
  width: 150px;
  display: block;
  margin: 30px 0px;
}
.QuestionForm #ItemFormSalesmanQuestionForm {
  width: 100%;
  display: block;
}
.QuestionForm #ItemFormSalesmanQuestionForm #ItemFormSalesmanQuestionText {
  min-height: 80px;
  margin: 20px auto;
}
.QuestionForm #ItemFormSalesmanQuestionForm .ItemFormSalesmanQuestionEmailDiv input {
  margin: 10px auto;
  display: block;
}
.QuestionForm #ItemFormSalesmanQuestionForm input,
.QuestionForm #ItemFormSalesmanQuestionForm textarea {
  width: 100%;
  padding: 10px;
  display: block;
}
.QuestionForm .ItemFormInfo {
  display: inline-block;
  width: 49%;
  vertical-align: top;
  padding: 20px;
}
.QuestionForm .ItemFormForm {
  display: inline-block;
  width: 49%;
}
.shopArticleAttributesDiv .ai-AttributeColor {
  display: block;
  width: 30px;
  height: 20px;
  border: 1px solid #fff;
}
@media  screen and (max-width: 576px) {
  .OrderDetailHistoryView .text-end {
    text-align: center!important;
  }
}
@media  screen and (max-width: 576px) {
  .OrderDetailHistoryView .text-start {
    text-align: center!important;
    font-weight: bold;
  }
}
.OrderDetailHistoryView .orderHistorySearch .item {
  margin: 10px auto;
}
.OrderDetailHistoryView .orderHistorySearch .item label {
  display: block;
  margin-right: 5px;
  margin-bottom: 5px;
}
.OrderDetailHistoryView .orderHistorySearch .item .form-control {
  background-color: #fff;
  border: 1px solid #000;
  display: inline-block;
}
.OrderDetailHistoryView .orderHistorySearch .item .form-control::placeholder {
  color: #000;
}
.OrderDetailHistoryView .orderHistorySearch .item .widthFromTo {
  width: 49%;
}
.OrderDetailHistoryView .orderHistorySearch .item span {
  display: inline-block;
  margin: 0 5px;
}
.OrderDetailHistoryView .orderHistorySearch .item img.ui-datepicker-trigger {
  position: relative;
  top: -2px;
  display: inline;
  margin-left: -30px;
  padding-right: 6px;
}
.OrderDetailHistoryView .orderHistorySearch .rowInput label {
  display: inline-block;
}
.OrderDetailHistoryView .orderHistorySearch .rowInput .contentInner {
  display: inline-block;
}
.OrderDetailHistoryView .orderHistorySearch .rowInput .contentInner span {
  display: inline-block;
}
.OrderDetailHistoryView .orderHistorySearch .rowInput .contentInner input {
  display: inline-block;
}
.OrderDetailHistoryView .tableOrderList .fas {
  font-size: 18px;
}
.OrderDetailHistoryView .tableOrderList .fa-info-circle {
  color: #28a745;
}
@media  screen and (max-width: 576px) {
  .OrderDetailHistoryView .tableOrderList td,
  .OrderDetailHistoryView .tableOrderList th,
  .OrderDetailHistoryView .tableOrderList tr {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.OrderDetailHistoryView .orderHistoryDetail p {
  margin: 0 0 0px;
  font-size: 15px;
  letter-spacing: normal;
}
@media  screen and (max-width: 576px) {
  .OrderDetailHistoryView .orderHistoryDetail {
    text-align: center;
  }
}
@media  screen and (max-width: 576px) {
  .OrderDetailHistoryView .orderHistoryDetail .infoText {
    text-align: center;
  }
}
.OrderDetailHistoryView .orderHistoryDetail .status {
  font-weight: 600;
}
.OrderDetailHistoryView .orderHistoryDetail .tableOrderListDetail {
  margin: 20px auto;
}
.OrderDetailHistoryView .orderHistoryDetail .tableOrderListDetail .status {
  font-weight: 700;
}
@media  screen and (max-width: 576px) {
  .OrderDetailHistoryView .orderHistoryDetail .tableOrderListDetail td,
  .OrderDetailHistoryView .orderHistoryDetail .tableOrderListDetail th,
  .OrderDetailHistoryView .orderHistoryDetail .tableOrderListDetail tr {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.OrderDetailHistoryView .orderHistoryDetail .finalPriceDetailOrder {
  text-align: right;
}
.articleUploadsCustom {
  margin-bottom: 15px;
}
.articleUploadsCustom .progress {
  margin-top: 10px;
  position: relative;
}
.articleUploadsCustom .progress .progress-bar {
  background-color: #f3971d;
  transition: width 0.6s ease;
  border-radius: 15px;
}
.articleUploadsCustom .progress .percent {
  font-weight: bold;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.upload {
  position: relative;
}
.upload .fileupload {
  border: 1px solid #0000005e;
}
.upload .headingUpload {
  font-weight: bold;
  margin: 5px auto;
}
.upload span {
  font-weight: bold;
  cursor: pointer;
}
.upload span:hover {
  color: red;
}
.upload .itemNoticeNote {
  display: inline-block;
}
.upload .uploadFilesDiv {
  display: inline-block;
}
.upload .uploadFilesDiv input {
  margin: 0px;
  max-width: 303px;
}
.upload .progress-bar {
  background-color: #f3971d;
  transition: width 0.6s ease;
  border-radius: 15px;
  height: 100%;
}
.upload .percent {
  font-weight: bold;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.add2CartDialog .priceFreeDelivery {
  font-weight: bold;
}
.add2CartDialog .progressbar {
  background: #e4e4e4;
  width: 100%;
}
.add2CartDialog .progressbar span {
  display: block;
  text-align: center;
  color: #fff;
  line-height: 1em;
  background: #175da9;
  /*@baseBckg9;*/
  max-width: 100%;
}
.store1 {
  color: #28a745;
}
.store2 {
  color: #175da9;
}
.store3 {
  color: #3cc2d2;
}
.store4 {
  color: #e6151a;
}
.store5 {
  color: #f0f0f0;
}
.aisEye {
  position: relative;
  right: 9px;
  top: -41px;
  font-size: 18px;
  float: right;
  cursor: pointer;
  display: none;
}
.aisEyeStrike {
  position: relative;
  right: 9px;
  top: -41px;
  font-size: 18px;
  float: right;
  cursor: pointer;
}
input[type='password'] {
  font-family: 'Montserrat', sans-serif;
  /*letter-spacing: 0.28em;*/
}
.ai-order .selected {
  border: 1px solid #eeeeee;
}
.megaMenuDTSM.navbar {
  /*padding-top: 10px; padding-bottom: 0; padding-left:0; padding-right: 0;*/
}
.megaMenuDTSM.navbar .has-megamenu {
  position: static!important;
}
.megaMenuDTSM.navbar .megamenu {
  left: 0;
  right: 0;
  width: 100%;
  /*padding:20px;*/
}
.megaMenuDTSM.navbar .nav-link {
  /*padding-top:1rem; padding-bottom:1rem;*/
  padding: 0;
}
.megaMenuDTSM.navbar .nav-item .dropdown-menu {
  /*display: none; */
}
.megaMenuDTSM.navbar .nav-item:hover .dropdown-menu {
  display: block;
}
.megaMenuDTSM.navbar .nav-item .dropdown-menu {
  margin-top: -8px;
}
.level1 > .nav-link {
  color: #fff;
}
.menuCover {
  position: relative;
}
.menuCover .megamenu {
  padding: 10px!important;
}
#menuIcono .row {
  --bs-gutter-x: 1rem;
}
#menuIcono svg {
  fill: white;
  display: block;
}
#menuIcono svg path {
  color: white!important;
  fill: white;
}
#menuIcono .col {
  max-width: 130px;
  min-height: 130px;
}
#menuIcono .col a {
  text-decoration: none;
}
#menuIcono .kat {
  background-color: black;
  color: white;
  border-radius: 10px;
  padding: 10px;
  height: 100%;
  flex-direction: column;
}
#menuIcono .kat:hover {
  background-color: #175da9;
}
#menuIcono .kat img {
  width: 45px;
}
#menuIcono .kat span {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  margin-top: 15px;
  text-decoration: none;
}
/*
.megaMenuDTSM a.nav-link img {
    /*height: 60px;* /
    height: 40px;
    text-align: center;
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
    /*margin-bottom: 10px;* /
    margin-bottom: 15px;
}*/
.megaMenuDTSM .dropdown-menu.megamenu {
  /*border-top: 10px solid transparent;*/
  border: none;
}
/*.megaMenuDTSM .level1:hover .dropdown-toggle::after {
  display: block;
}*/
.megaMenuDTSM .dropdown-toggle::after {
  /*display: none;
	margin-left: 0;
	content: "\f103";
	 border-top: none;
	text-align: center;
	width: 7.18%;
	position: absolute;
	top: 116px;
	z-index: 10000;
	color: #000;
	font-family: 'Font Awesome';
	font-size: 30px;
	text-align: center;*/
}
.megaMenuDTSM .megamenu-wrapper {
  margin-top: 5px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 20px 20px 22px -2px rgba(0, 0, 0, 0.23), -20px 20px 22px -2px rgba(0, 0, 0, 0.23);
  padding: 20px;
}
@media screen and (max-width: 1199px) {
  .megaMenuDTSM .megamenu-wrapper {
    display: none;
  }
}
.megaMenuDTSM .level3 li {
  font-size: 14px;
  margin-left: 0px;
  margin-right: 4px;
  float: left;
}
.megaMenuDTSM .level3 li a {
  color: #C21937;
  font-weight: 600;
}
.megaMenuDTSM .level3 li:not(:last-child):after {
  content: " |";
  color: #000;
}
.megaMenuDTSM .showMore {
  clear: both;
}
.megaMenuDTSM .showMore a {
  font-size: 14px;
  color: #222;
  font-weight: 600;
}
.megaMenuDTSM .dropdown-toggle::after {
  display: none;
}
.megaMenuDTSM .showMore a:before {
  /*content: "\f101";
			font-family: 'FontAwesome';*/
}
/*
.megaMenuDTSM .level1 {
    width: 7.48%;
    margin-right: 0.8%;
    height: 125px !important;
    font-size: 13px !important;
    background-color: #C21937;
    color: #fff;
    /*padding-top: 8px;* /
    padding-bottom: 8px;
    border-radius: 5px;
    min-height: 115px;
    position: relative;
    text-align: center;
}*/
/*.megaMenuDTSM .level1:last-child {
    margin-right: 0px;
}*/
/*
.megaMenuDTSM h6.title a {
    color: #222222;
    font-weight: 700;
    font-size: 15px !important;
}*/
/*.megaMenuDTSM .CatIcon {
    font-size: 40px;
    color: #aaaaaa;
    display: none;
}*/
/*
.megaMenuDTSM .col {
  width: 130px;
}

.megaMenuDTSM .col {
  width: calc(100% / 12 + 20);
}

@media  screen and (min-width: 578px) and (max-width:1279px) {
  .megaMenuDTSM .col {
    width: calc(100% / 6 + 20);
  }
}
*/
.aiSearchBoxOrder.ui-autocomplete {
  /*width: calc(100% - 900px);*/
  width: 0px;
  list-style-type: none!important;
}
.aiSearchBoxOrder.ui-autocomplete li div {
  padding: 5px;
  cursor: pointer;
  padding-left: 10px;
}
@media screen and (max-width: 576px) {
  .aiSearchBoxOrder.ui-autocomplete {
    /*width: auto!important;*/
    margin: 0 15px!important;
  }
}
li.orderTab.nav-item {
  margin-right: 10px;
}
.massInputDiv .button {
  display: inline;
  width: 154px;
  margin: 0px;
}
.massArea {
  width: 100%;
}
.massArea textarea {
  width: 100%;
  height: 120px;
}
.massInput {
  overflow: hidden;
  display: inline-flex;
  width: calc(100% - 171px);
}
@media screen and (max-width: 576px) {
  .massInput {
    width: auto;
    display: block;
  }
  #inptMassInputCatNumber {
    width: 100% !important;
    display: block;
  }
  .massInputSubmit {
    display: block!important;
    margin-left: 67px!important;
    margin-top: -45px;
  }
}
.massFile {
  overflow: hidden;
  display: inline-flex;
  width: calc(100% - 10px);
}
.massInputSubmit {
  display: inline-flex;
  margin-left: -3px;
}
#inptMassInputCatNumber {
  width: calc(100% - 75px);
}
#inptMassFile {
  width: 100%;
}
#inptMassInputCount {
  width: 45px;
  text-align: center;
}
#massInsertTabs .nav-tabs .nav-link.active {
  font-weight: bold !important;
}
#massInsertTabs .nav-tabs .nav-link {
  color: #242424 !important;
  font-weight: normal !important;
}
#massInsertTabs .button:hover,
#massInsertTabs [type=button]:hover {
  background: #f0f0f0;
}
#massInsertTabs input {
  border: 1px solid #e4e4e4;
  margin: 0px;
}
.info {
  display: inline-flex;
}
input.aisMassAddToBasketcntItems {
  width: 60px;
  text-align: center;
}
/*# sourceMappingURL=aiStyles.css.map */