/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./resources/scss/base.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
.item-fake-cross {
  display: flex;
  margin: 16px 0;
  flex-wrap: wrap;
}
.item-fake-cross > div {
  padding: 10px 15px;
  width: 50%;
  border: solid 1px #8c3042;
  cursor: pointer;
  position: relative;
}
.item-fake-cross > div.active {
  background: #fbdacb;
}
.item-fake-cross > div::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.item-fake-cross > div[data-availbility="1"]::after, .item-fake-cross > div[data-availbility="2"]::after, .item-fake-cross > div[data-availbility="3"]::after, .item-fake-cross > div[data-availbility="4"]::after {
  background: #80b527;
}
.item-fake-cross > div[data-availbility="5"]::after, .item-fake-cross > div[data-availbility="6"]::after, .item-fake-cross > div[data-availbility="7"]::after, .item-fake-cross > div[data-availbility="8"]::after {
  background: #d0005a;
}
.item-fake-cross > div:nth-child(2), .item-fake-cross > div:nth-child(4) {
  border-left: 0;
}
.item-fake-cross > div:nth-child(3), .item-fake-cross > div:nth-child(4) {
  border-top: 0;
}

.add-basket-cat {
  display: flex;
  justify-content: space-between;
}
.add-basket-cat a {
  background: #fbdacb;
  border: solid 1px #fbdacb;
}
.add-basket-cat a:hover, .add-basket-cat a:focus {
  background: #fff;
  color: #8b2e41 !important;
  border-color: #8b2e41 !important;
}
.add-basket-cat .btn-primary.mobile-width-button {
  background: #8b2e41 !important;
  color: #fff !important;
}
.add-basket-cat .btn-primary.mobile-width-button i {
  color: #fff !important;
}
.add-basket-cat .btn-primary.mobile-width-button:hover, .add-basket-cat .btn-primary.mobile-width-button:focus {
  background: #fff;
  color: #8b2e41 !important;
  border-color: #8b2e41 !important;
}
.add-basket-cat .btn-primary.mobile-width-button:hover i, .add-basket-cat .btn-primary.mobile-width-button:focus i {
  color: #8b2e41 !important;
}
.add-basket-cat .btn-sm.text-muted {
  background-color: #999999;
  color: #fff !important;
  border-color: #999999 !important;
  text-decoration: none;
}
.add-basket-cat .btn-sm.text-muted i {
  color: #fff !important;
}
.add-basket-cat .btn-sm.text-muted i::before {
  color: #fff !important;
}
.add-basket-cat .btn-sm.text-muted span {
  display: none;
}
.add-basket-cat .btn-sm.text-muted:hover, .add-basket-cat .btn-sm.text-muted:focus {
  background: #fff;
  color: #8b2e41 !important;
  border-color: #8b2e41 !important;
}
.add-basket-cat .btn-sm.text-muted:hover i, .add-basket-cat .btn-sm.text-muted:focus i {
  color: #8b2e41 !important;
}
.add-basket-cat .btn-sm.text-muted:hover i::before, .add-basket-cat .btn-sm.text-muted:focus i::before {
  color: #8b2e41 !important;
}
.add-basket-cat .btn-group {
  margin: 0 !important;
}
.add-basket-cat button,
.add-basket-cat a {
  width: 60px;
  height: 60px !important;
  border-radius: 30px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.add-basket-cat button i,
.add-basket-cat a i {
  padding: 0 !important;
}

.add-basket-item {
  flex-wrap: wrap;
}
@media screen and (min-width: 576px) {
  .add-basket-item {
    flex-wrap: nowrap;
  }
  .add-basket-item .add-to-basket-container {
    margin-right: 20px;
  }
}
.add-basket-item > div {
  width: 100%;
}
.add-basket-item .btn-block {
  width: 100%;
}
.add-basket-item .btn-sm.text-muted {
  white-space: nowrap;
  text-decoration: none !important;
  margin-left: auto;
  margin-top: 4px;
}

.single .item-fake-cross {
  width: 400px;
}
