@import '~@od/global-resources/scss/settings/index';

 #RewardsEnrollment {

  #rewardsEnrollmentFlow .float-label {
    margin: 0 !important;
    border-radius: 6px !important;
  }

  .rewards-enroll-benefits {
    border: none !important;
  }
  li {
    border-bottom: none;
  }

  #rewardsEnrollmentFlow .has-danger {
    .float-label {
      border-color: $red !important;
    }
    label {
      color: $red !important;
    }
  }

  @media only screen and (max-width: 480px),
  only screen and (-webkit-min-device-pixel-ratio: 4) and (max-width: 480px) {
    .odmodal {
      height: calc(100vh);
      position: fixed;
      &-wrap {
        height: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        &-content {
          > section {
            height: 100%;
            > div {
              height: 100%;
            }
          }
        }
      }
      .main-content {
        min-height: 78%;
      }
      footer {
        height: 50px;
        bottom: 0;
        width: 100%;
      }
    }



  }
}