#quote {
  @media @tablet {
    .container {
      padding: 0;
      width: 770px;
    }
  }
  h1 {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
  }
  .back-link {
    .removeLinkDecoration;
    font-size: 40px;
    float: left;
    margin-right: 20px;
    margin-top: 8px;
  }
  .tariffsPanel {
    padding: 0;
    @media @tablet {
      width: 85%;
    }
    .panel-default {
      background-image: url("img/backgrounds/leaf-bg.png");
      -webkit-box-shadow: 5px 0px 15px 0px rgba(67, 134, 179, 0.15);
      box-shadow: 5px 0px 15px 0px rgba(67, 134, 179, 0.15);
      background-repeat: no-repeat;
      background-size: 100% @tariff-header-height-desktop;
      border-bottom-left-radius: 0;
      position: relative;
      @media @tablet {
        background-size: 100% @tariff-header-height-tablet;
      }
      &:before {
        content: "";
        height: @tariff-header-height-desktop;
        position: absolute;
        border-radius: @border-radius-base @border-radius-base 0 0;
        top: 0;
        left: 0;
        right: 0;
        #gradient.horizontal(fadeout(@primary-gradient-start, 10%), fadeout(@primary-gradient-end, 10%));
        @media @tablet {
          height: @tariff-header-height-tablet;
        }
      }
    }
    &--noSaving {
      .panel-default {
        background-size: 100% @tariff-header-height-desktop - @tariff-header-saving-height-desktop;
        &:before {
          height: @tariff-header-height-desktop - @tariff-header-saving-height-desktop;
        }
        @media @tablet {
          background-size: 100% @tariff-header-height-desktop - @tariff-header-saving-height-tablet;
           &:before {
          height: @tariff-header-height-desktop - @tariff-header-saving-height-tablet;
        }
        }
      }
    }
  }
  .labelColumn {
   .page-bg-gradient;
    padding: 0;
    margin-top: @tariff-header-height-desktop;
    border-bottom-left-radius: 5px;
    @media @tablet {
      margin-top: @tariff-header-height-tablet;
      width: 15%;
    }
    .priceCell:extend(.tariffPropertyCell) {
      height: @tariff-price-cell-height;
    }
    .labelCell:extend(.tariffPropertyCell) {
      color: @gray-dark;
      p {
        margin: 0;
        line-height: 1;
      }
    }
    &--noSaving{
    margin-top: @tariff-header-height-desktop - @tariff-header-saving-height-desktop;
    @media @tablet{
       margin-top: @tariff-header-height-desktop - @tariff-header-saving-height-tablet;
    }
  }
  }
}

.tariffsContainer {
  margin-top: 0;
  display: flex;
  justify-content: center;
  align-items: stretch;
  .clearfix();
  @media @phone {
    display: block;
    margin: 0;
    margin-top: 5px;
  }
}

.bottom-text {
  margin-top: 50px;
}

.payment-method-modal {
  .modal-body {
    width: 100%;
  }
}

.comparisionContent {
  margin-top: 30px;
  text-align: center;
  &__img {
    display: inline-block;
    width: 60px;
    height: auto;
    fill: #bfbfbf;
  }
  &__title {
    color: #808080;
  }
  &__description {
    margin-bottom: 26px;
    padding: 10px;
  }
}

.tariffPropertyCell {
  border-bottom: @tariff-border;
  padding: 15px 10px;
  font-size: @font-size-small;
  line-height: 1;
  color: @gray-dark;
  p {
    margin: 0;
    line-height: 1;
  }
  .tooltipContainer {
    margin-left: 0;
    margin-top: -2px;
  }
  &--doubleHeight {
    height: 59px;
  }
}