@import 'css/master/settings/settings';

#enrollmentWrapper, #replenishWrapper, #autoReplenishWrapper {

  h1 {
    font-weight: $fontWeightBold;
  }

  h2 {
    font-weight: $fontWeightSemiBold;
    @include font-size($baseFontSize + 4);
  }

  .progressBar {
    @include clearfix();
    @include display-flex;
    width: 100%;

    .gw6 {
      margin: 0 auto;
    }
  }
  .comma:not(:first-child) {
    margin-left: -.3em;
  }

  .comma:empty {
    display: none;
  }

  .comma:not(:first-child):before {
    content: ", ";
  }

  .white_space {
    margin-left: 14px;
  }

  input[type="radio"] {
    display: none;
  }

  input[type="radio"] + label span {
    display: none;
    width: 19px;
    height: 19px;
    margin: 0 0 0 5px;
    vertical-align: middle;
    background: url('//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/us/od/replenish/rbtn_unselected.png') left top no-repeat;
    cursor: pointer;
  }

  input[type="radio"] + label span:hover {
    background: url('//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/us/od/replenish/rbtn_hover.png') 0px top no-repeat;
  }

  input[type="radio"]:checked + label span {
    background: url('//media.officedepot.com/image/upload/f_auto,q_auto/gtools/images/us/od/replenish/rbtn_selected.png') 0px top no-repeat;
  }


}