* {
  margin: 0px;
  padding: 0px;
  color: #444443;
}

body header #logo {
  padding: 1%;
  margin: 1% 0;
  border-bottom: 1px solid rgba(68, 68, 68, 0.2);
  border-top: 1px solid rgba(68, 68, 68, 0.2);
  -webkit-box-shadow: 1px 1px #c5c5c5;
          box-shadow: 1px 1px #c5c5c5;
}

body header #logo img {
  width: 15%;
  margin-left: 5%;
}

@media (max-width: 1120px) {
  body header #logo img {
    width: 18%;
  }
}

@media (max-width: 768px) {
  body header #logo img {
    width: 25%;
  }
}

@media (max-width: 576px) {
  body header #logo img {
    width: 35%;
  }
}

@media (max-width: 480px) {
  body header #logo img {
    width: 45%;
  }
}

body header #orange-line {
  padding: 1%;
  margin-top: 0.5%;
  margin-bottom: 0.5%;
  width: 100%;
  background-color: #e1be57;
}

body h1 {
  text-align: center;
  color: #444443;
  padding: 3%;
}

body #wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0px auto;
  width: 80%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 576px) {
  body #wrapper {
    width: 100%;
  }
}

body #wrapper #form-errors {
  background-color: rgba(150, 52, 52, 0.1);
  padding: 2%;
  display: none;
  border: 2px solid #858484;
}

body #wrapper #form-errors span {
  color: tomato;
}

body #wrapper #registerDiv input {
  margin-bottom: 1%;
}

body #wrapper #registerDiv label {
  padding-bottom: 1%;
  font-weight: 630;
}

body #wrapper #registerDiv #accountDiv {
  padding-top: 3%;
}

body #wrapper #registerDiv #accountDiv #usernamediv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body #wrapper #registerDiv #accountDiv #usernamediv #verifyButton {
  margin-left: 3%;
  font-size: 1em;
  background-color: #e1be57;
  width: 16%;
  padding: 0px;
}

@media (max-width: 1390px) {
  body #wrapper #registerDiv #accountDiv #usernamediv #verifyButton {
    width: 20%;
  }
}

@media (max-width: 1120px) {
  body #wrapper #registerDiv #accountDiv #usernamediv #verifyButton {
    width: 28%;
  }
}

@media (max-width: 768px) {
  body #wrapper #registerDiv #accountDiv #usernamediv #verifyButton {
    width: 50%;
  }
}

body #wrapper #registerDiv #accountDiv #passwordDiv {
  padding-top: 2%;
}

body #wrapper #registerDiv #accountDiv #passwordDiv #passwordRules {
  padding-left: 5%;
}

@media (max-width: 992px) {
  body #wrapper #registerDiv #accountDiv #passwordDiv #passwordRules {
    padding-top: 2%;
  }
}

@media (max-width: 768px) {
  body #wrapper #registerDiv #accountDiv #passwordDiv #passwordRules {
    padding-left: 1%;
    font-size: 0.9em;
    padding-top: 5%;
    text-align: justify;
    margin-left: 2rem;
  }
}

body #wrapper #registerDiv #stateDiv {
  display: none;
}

body #wrapper #registerDiv #pcText {
  padding-top: 1%;
}

body #wrapper #registerDiv .inputError {
  color: red;
  background-color: rgba(255, 158, 158, 0.4);
  padding: 0.5%;
  display: none;
}

body #wrapper #registerDiv .inputError i {
  font-size: 0.8em;
  color: red;
}

body #wrapper #registerDiv .password-input-div {
  position: relative;
}

body #wrapper #registerDiv .password-input-div a {
  position: absolute;
  right: 1%;
  top: 1%;
}

body #wrapper #orderSummaryDiv {
  padding: 3%;
}

body #wrapper #orderSummaryDiv table {
  text-align: center;
  width: 100%;
  background-color: #b1b1b1;
}

body #wrapper #orderSummaryDiv table tr {
  border: 1px solid whitesmoke;
}

body #wrapper #orderSummaryDiv table tr td {
  padding: 2%;
}

body #wrapper #orderSummaryDiv table #last {
  background-color: whitesmoke;
}

body #wrapper #receiveText {
  font-size: 0.85em;
}

body footer {
  padding: 2%;
  background-color: white;
}

.requiredInput {
  border-left: 2px solid red;
}

.star {
  color: red;
}

.errorInputField {
  border: 1px solid red;
}

.spacing {
  padding-top: 0.5%;
}

#submitButton {
  background-color: #e1be57;
  border: 1px solid #e1be57;
  border: 1 solid black;
  padding: 1.1%;
  font-size: 1em;
}

#alert {
  display: none;
  position: fixed;
  width: 50%;
  border-radius: 1% 1%;
  border: 1px solid black;
  background-color: white;
  z-index: 999;
  left: 50%;
  top: 0;
  text-align: center;
  padding: 1%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (max-width: 768px) {
  #alert {
    width: 100%;
  }
}

#alert a {
  color: whitesmoke;
  text-decoration: none;
  background-color: #dfbd5c;
  padding: 1% 3%;
  border-radius: 5% 5%;
}

@media (max-width: 576px) {
  #alert a {
    padding: 1% 4%;
  }
}
/*# sourceMappingURL=style.css.map */