@import "base/variables.less";
@import "base/mixins.less";

/********************* Pricelist ******************/

.pricelist-content {

}

.pricelist-table {
  padding: 0 0 16px 0;
  background-color: @colored-2;
  .fz0;
  text-align: center;

  &-column {
   width: 31.33%;
   display: inline-block;
   vertical-align: top;
   margin: 0 1%;
   font-size: 16px;

   @media @900 {
     width: 98%;
     display: block;
   }

  }

  table {
    background-color: #f2f2f2;
    width: 100%;
    text-align: left;

    .top {
      color: @colored;
    }

    tr:nth-last-child(1) td {
      background: none;
    }

    td {
      background-image: url(../images/dotted.png);
      background-repeat: repeat-x;
      background-position: bottom;
      background-size: 6px;
      padding: 14px 30px;
    }

  }

}

.pricelist-column-title {
    height: 82px;
    line-height: 82px;
    text-transform: uppercase;
    font-family: @second-font;
    font-size: 21px;
    font-weight: 800;
    color: #2d2d2d;
  }