.layer-detail {
  .price-container {
    z-index: 1000;

    .price-content {
      z-index: 1000;
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
      background: $color-table-bg;
      padding: $space-default $space-big ;
    }

    .price-relative {
      padding: 0 0 $space-default 0;
      min-width: auto;
      width: 100%;

      .price-relative-content {
        padding: 0;
      }
    }
  }
}

.home-container-indent {
  .price-container {
    .price-content {
      width: calc(100% - 61px);
    }
  }
}


@media screen and (max-width: 1279px) {
  .price-container {
    .price-content {
      bottom: 6px !important;
    }
  }
  .popup-container {
    .price-container {
      .price-content {
        bottom: 0 !important;
      }
    }
  }
}

.price-container {
  overflow: hidden;

  .price-content {
    @include box();
    @include flex-justify-between();
    @include flex-align-center();
    bottom: 0;
    position: fixed;
    width: calc(100% - 190px);
    background: $color-table-bg;
    padding: $space-default $space-big  ;
    @include box-sizing();
    border-top: 1px solid $color-border-base;


    .price-content-left {
      @include box();
      flex-wrap: wrap;
    }


    .price-count {
      @include box();
      @include flex-align-center();
      margin-right: $space-mini;
    }

    .price-box {
      @include box();
      @include flex-align-center();
      flex-wrap: wrap;

      .price-total {
        @include box();
        @include flex-align-center();

        .money {
          font-size: $font-big;
          color: $color-warning
        }
      }

      .price-original {
        color: $color-text-secondary;
        margin-left: $space-mini;
      }

      .price-discounts {
        margin-left: $space-mini;

        span {
          color: $color-warning
        }
      }

      .price-balance {
        color: $color-text-secondary;
        margin-left: $space-mini;
      }

      .price-check-configuration {
        font-size: $font-small;
        color: $color-primary;
        margin-left: $space-mini;
      }
    }
  }

  .price-relative {
    padding: 0 $space-default $space-default $space-default;
    @include box-sizing();
    width: 100%;
    min-width: 1000px;

    .price-relative-content {

      @include box();
      @include flex-justify-between();
      @include flex-align-center();
      padding: $space-default;
      background: $color-white;
      width: 100%;
      @include box-sizing();

      .price-content-left {
        @include box();
        @include flex-column();
        flex-wrap: wrap;


        .price-total {
          @include box();
          @include flex-justify-end();
          @include flex-align-end();
          margin-right: $space-default;

          .money {
            position: relative;
            top: 4px;
            font-size: $font-biggest;
            font-weight: bold;
            color: $color-warning;
          }
        }

        .price-original, .price-discounts {
          @include box();
          @include flex-justify-end();
          @include flex-align-end();
          margin-left: $space-mini;
        }


        .price-balance {
          color: $color-text-secondary;
          margin-top: $space-mini;
        }
      }

      .price-content-right {
        @include box();

        .layer-btn {
          margin: 0 0 0;
        }
      }
    }
  }

  .price-label {
    color: $color-text-secondary
  }


}

.color-price {
  color: #FF5400;
}

.layer-btn {
  min-width: 100px;
}

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