orders.css 5.76 KB
.orders-acc-wrapper {
  max-width: 985px;
  width: 100%;
  margin-right: 0;
  margin-bottom: 0;
}

.orders-acc {
  width: 100%;
  min-height: 98px;
  border: 1px solid #ABB2BF;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 50px;
}
.orders-acc__content {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #333B49;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 38px;
}
.orders-acc__content > span {
  font-weight: 400;
  color: #333B49;
  margin-right: 10px;
  color: #ABB2BF;
}
.orders-acc__content.number {
  margin-left: 20px;
}
.orders-acc__btn {
  background: #F5851A;
  border-radius: 9.375px;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  border: 1px solid #F5851A;
  cursor: pointer;
  padding: 12px 31px 12px 10px;
  margin-right: 20px;
  position: relative;
  font-weight: 600px;
  font-size: 16px;
}
.orders-acc__btn:after {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.244078 5.24408C-0.0813593 5.56951 -0.0813593 6.09715 0.244078 6.42259L7.5 13.6785L14.7559 6.42259C15.0814 6.09715 15.0814 5.56952 14.7559 5.24408C14.4305 4.91864 13.9028 4.91864 13.5774 5.24408L7.5 11.3215L1.42259 5.24408C1.09715 4.91864 0.569515 4.91864 0.244078 5.24408Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  width: 10px;
  height: 9.68px;
  right: 16px;
  top: 15px;
  z-index: 3;
}
.orders-acc__btn--active {
  border: 1px solid #F2994A;
  background-color: #FFFFFF;
  color: #F2994A;
  border-radius: 9.375px;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.01em;
  padding: 12px 56px 12px 56px;
  position: relative;
  font-weight: 600px;
  font-size: 16px;
}
.orders-acc__btn--active:after {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.244078 12.7559C-0.0813589 12.4305 -0.0813589 11.9028 0.244078 11.5774L7.5 4.32149L14.7559 11.5774C15.0814 11.9028 15.0814 12.4305 14.7559 12.7559C14.4305 13.0814 13.9028 13.0814 13.5774 12.7559L7.5 6.67851L1.42259 12.7559C1.09715 13.0814 0.569515 13.0814 0.244078 12.7559Z' fill='%23F2994A'/%3E%3C/svg%3E");
}
.orders-acc > :nth-last-child(n+3) {
  margin-right: 76px;
}

.orders-panel {
  display: none;
  margin-top: 40px;
  max-width: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  -o-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
  margin-left: 20px;
}

.orders-panel-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.orders-panel-cont__btn {
  background: #F5851A;
  border-radius: 9.375px;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  border: 1px solid #F5851A;
  cursor: pointer;
  font-size: 16px;
  padding: 12px 26px;
  margin-top: 10px;
  margin-bottom: 40px;
}
.orders-panel-cont__btn:hover {
  border: 1px solid #F2994A;
  background-color: #FFFFFF;
  color: #F2994A;
  border-radius: 9.375px;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.01em;
  font-size: 16px;
}

.orders-panel-data {
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 22px;
  color: #333B49;
  -ms-flex-item-align: start;
      align-self: start;
}
.orders-panel-data > :not(:last-child) {
  margin-bottom: 10px;
}
.orders-panel-data__title {
  font-weight: 600;
}
.orders-panel-data__content {
  font-weight: 400;
}

.orders-panel-comp {
  -ms-flex-item-align: start;
      align-self: start;
}

.orders-panel-title {
  border: none;
}

.orders-panel-svg-act {
  display: inline-block;
}

.orders-panel-svg {
  font-weight: 600 !important;
  display: none;
}

.orders-table {
  border-collapse: separate;
  border-spacing: 0 20px;
  min-width: 964px;
}
.orders-table__item {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #333B49;
  text-align: left;
}
.orders-table__price {
  min-width: 118px;
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  color: #F5851A;
}
.orders-table__count {
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  color: #F5851A;
  text-align: center;
}

.orders-table-titles {
  height: 38px;
}

.orders-table-content {
  border-bottom: 1px solid #F7F7F9;
  outline: 1px solid #F7F7F9;
  outline-offset: -2px;
}

.swiper-ord-table {
  margin-top: 0;
  margin: 0 !important;
  border-radius: 4px;
  width: 395px !important;
  height: 184px;
}

.slide-ord-table__img {
  max-width: 138px;
  width: 100%;
  height: 115px;
  padding: 0;
  margin: 0 auto;
  margin-top: 24px;
}

.orders-table-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.orders-table-item__info {
  max-width: 234px;
  width: 100%;
  margin-left: 20px;
}
.orders-table-item__title {
  margin-top: 10px;
  color: #333B49;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
}
.orders-table-item__vendor {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #333B49;
  margin-top: 20px;
}
.orders-table-item__vendor span {
  padding-right: 4px;
}