/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
.content-warehouses {
  background: #f5f5f5;
  padding: 10px;
  border: solid 1px #d2dae3;
}

.warehouses-wrap {
  border-top: solid 1px #d2dae3;
  padding-top: 10px;
}
.warehouses-wrap .warehouse-stock-item {
  display: none;
  width: 20px;
  height: 20px;
  border-radius: 10px;
}
.warehouses-wrap .warehouse-stock-item.active {
  display: block;
}
.warehouses-wrap .warehouse-item {
  padding: 10px;
  /*&:nth-child(even) {
    background: #f1f1f1;
  }*/
}
.warehouses-wrap .warehouse-item:nth-child(1), .warehouses-wrap .warehouse-item:nth-child(3) {
  border-right: solid 1px #90969d;
}
@media (min-width: 1200px) {
  .warehouses-wrap .warehouse-item {
    border-right: solid 1px #90969d;
  }
  .warehouses-wrap .warehouse-item:last-child {
    border-right: 0;
  }
}

.loading-warehouse-wrap {
  min-height: 60px;
}

.custom-availability {
  white-space: normal;
}

.availability-load {
  animation-duration: 2.2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: shimmer;
  animation-timing-function: linear;
  background: #ddd;
  background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
  background-size: 1200px 100%;
  min-width: 250px;
  width: 100%;
  min-height: 30px;
}
.availability-load span {
  visibility: hidden;
}
@keyframes shimmer {
  0% {
    background-position: -1200px 0;
  }
  100% {
    background-position: 1200px 0;
  }
}