.bidding-form {
  & input[type=text][readonly="readonly"] {
    border-bottom: 1px dotted #f5040a;
    color: rgba(0, 0, 0, 0.5);
  }
  & h1:before {
      color: #f5040a;
      margin-right: 16px;
      margin-right: 1rem;
  }
  & h3 {
    font-size: 1.6rem;
    text-align: center;
  }
  & svg {
    width: 60%;
  }
  & .right {
    text-align: right;
  }
  & .number {
    text-align: center;
  }
  & .info-text {
    font-size: 0.8rem;
  }
  & .prefix-cont {
    position: relative;
  }
  & .prefix {
    position: absolute;
    left: 1rem;
    width: 3rem;
    font-size: 1.6rem;
    margin-top: 2rem;
  }
  & button:focus {
      background-color: #f5040a;
  }
  & .plan-name {
    margin-top: 2rem;
  }
  & .only-print {
    display: none;
  }
  & .signs {
    margin-top: 3rem;
    text-align: center;
  }

  & .bidding-amount {
    font-size: 2rem;
  }
}

.plans-list {
  text-align: center;
  & li {
    margin-bottom: 2rem;
  }
  & label div span:first-child {
    border-bottom: 1px solid red;
    display: block;
  }
  & [type="radio"]:not(:checked) + label, & [type="radio"]:checked + label {
    display: table;
    padding-left: 0;
  }
}

.plan-info {

}



@media print
{

  #printable-area {
    & .logo.only-print {
      text-align: center;
    }

    & .brand-logo {
      width: 25% !important;
      & img {
        height: 150px !important;
      }
    }

    & .plan-name {
      width: 75% !important;
    }

    & .group, & .order {
      width: 15%;
    }

    & .days {
      width: 30%;
    }

    & .value {
      width: 40%;
    }

    & label {
      font-size: .6rem;
      text-transform: uppercase;
    }

    & h1 {
      font-size: 1rem;

      &::before {
        margin-right: 20px;
      }
    }
  }

  .row {
    margin: 0;
  }

  input[type=text][readonly="readonly"] {
    border-bottom: 1px dotted #000;
    color: rgba(0, 0, 0, 0.5);
  }
  body {
    font-size: .8rem;
  }
  h1 {
    font-size: 1.2rem;
    &:before {
      margin-left: -2rem;
    }
  }
  h3 {
    font-size: 1.6rem;
    text-align: center;
  }
  svg {
    width: 60%;
  }
  .right {
    text-align: right;
  }
  .number {
    text-align: center;
  }
  .info-text {
    font-size: 0.7rem;
  }
  .prefix-cont {
    position: relative;
  }
  .prefix {
    position: absolute;
    left: 1rem;
    width: 3rem;
    font-size: 1.6rem;
    margin-top: 2rem;
  }
  button:focus {
    background-color: #f5040a;
  }
  .plan-name {
    margin-top: 2rem;
  }
  .numbers-cont .col.m6.s12, .paycheck-cont .col.m6.s12{
    width: 50% !important;
  }
  .paycheck-cont .col.m6.s12{
    font-size: 0.7rem;
    & label {
      font-size: 0.7rem;
    }
  }
  .signs {
    margin-top: 3rem;
    text-align: center;
  }
  .logo {
    margin-top: 2rem;
  }

}