@import "client/common";

body.web.account_activate {

  h2 {
    margin-bottom:20px;
  }

  label{
    margin-bottom:4px;
    color:$ColorTextTypical;
  }

  input{
    margin-bottom:20px;
    width:200px;
  }

  .redeem-container {
    margin-left:350px;
    width:400px;
    padding-top:20px;

    &.logged-in {
      button {
        margin-top:10px !important;
      }
    }

    &.not-logged-in {

    }
  }
  .redeem-content {

  }
  p.instructions {
    line-height:125%;
    color:$ColorTextTypical;
    margin-bottom:20px;
  }

  button {
    display:block !important;
    height: 29px !important;
    margin-bottom: 10px;
    margin-right: 0px;
    font-size: 16px !important;
    padding: 7px 3px !important;
    line-height:inherit !important;
    margin-left:2px !important;
    margin-top:15px;
  }

  .icheckbox_minimal {
    float: left;
    top: -2px;
    margin-left: 0;
    margin-right:10px;
  }

  .errors {
    font-size:14px;
    height:20px;
    margin:0;
    visibility: hidden;
    color: red;
    font-weight: bold;

    &.active {
      visibility: visible;
    }
  }

  form {
    margin-bottom:20px;
  }
  .terms-help {
    float:left;
    margin-top:-5px;
    font-size:12px;
    width:178px;
  }

  .done-action {
    margin-top: 20px;
    line-height: 125%;
  }

}