.btn {
  border-radius: 0px;
  padding: 12px 12px;
  font-weight: 700;
  font-style: italic;
  font-size: 16px;
  text-transform: uppercase;
}

.btn-primary {
  background-color: #003463;
  color: #ffffff;
  border-color: #003463;
  text-transform: uppercase;
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active {
  color: #ffffff;
  background-color: #0099d8;
  border-color: #0099d8;
  border-style: solid 6px;
}

.btn-primary:disabled {
  background-color: #003463;
}

.btn-primary.disabled {
  background-color: #003463;
}

.btn-primary:disabled:hover {
  color: #fff;
}

.btn-outline-primary {
  border-color: #003463;
  color: #003463;
}

.btn-outline-primary:hover {
  background-color: #003463;
  color: #ffffff;
}

.chat-button {
  background-color: #003463;
  height: 50px;
  padding: 15px;
  width: 70px;
  color: #fff;
  cursor: pointer;
}

.chat-button a {
  color: #fff;
  text-decoration: none;
}

.btn-qty {
  font-size: 1.5rem;
  width: 50px;
  color: #003463;
  background-color: #ffffff;
}

.btn-qty:hover {
  color: #ffffff;
  background-color: #003463;
}

.blueButtonHardware {
  background-color: #006cac;
  border-radius: 0px;
  padding: 12px 12px;
  color: white;
}

.blueButton {
  background-color: #006cac;
  border-radius: 10px;
  text-transform: uppercase;
  max-width: 400px;
  margin: 0 auto;
  margin-top: 15px;
  border-style: solid;
  border-color: #006cac;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.blueButton h4 {
  color: white;
  padding: 5px;
  font-weight: 400;
  font-size: 1.5em;
}
.blueButton:hover {
  background-color: white;
  border-style: solid;
  border-color: #006cac;
  cursor: pointer;
  transform: scale(0.9);
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.blueButton:hover h4 a {
  color: #006cac;
}

.sign-in-btn {
  font-weight: 700;
  /* font-size: 1.2rem; */
}