/* Compatiblility Notification */
#compatible-check {
  width: 100%;
  left: 0;
  top: 0;
  font-size: 1.3em;
  background: #ff8f00;
  color: #ffffff;
  z-index: 1000;
  line-height: 1.2em;
}
#compatible-check div {
  text-align: center;
  width: 100%;
  padding: 10px;
}
#compatible-check a {
  text-decoration: underline;
}


/* Misc */
.full-page-container h3 {
  margin-bottom: 30px;
}

.full-page-container {
  width: 100%;
  background: #ffffff;
  padding: 25px;
}

.bold {
  font-weight: bold;
}
.right {
  text-align: right;
}

table td a {
  color: #797979;
  text-decoration: underline;
}



/* No Margins */
.no-bottom-margin {
  margin-bottom: 0;
}

.add-bottom-margin {
  margin-top: 15px;
}

.no-top-margin {
  margin-top: 0;
}

.add-top-margin {
  margin-top: 15px;
}



/* Input */
input, textarea, select, select:focus {
  font-size: 1.2em !important;
  margin: 0;
}

input, textarea {
  padding: 5px 10px !important;
}

input.quantity {
  width: 78px;
  text-align: right;
  padding: 5px !important;
}
@media screen and (max-width: 700px) {
  input.quantity {
    width: 54px;
  }
}

@media screen and (max-width: 700px) {
  button {
    width: 100%;
  }
}

select, select:focus {
  padding: 10px !important;
}

select option.loading,
select option.error {
  font-style: italic !important;
}

input:disabled,
select:disabled {
  background: #c6c6c6;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
}


input.error,
select.error,
textarea.error {
  background: #fddada !important;
  border: 1px solid #d73b3b !important;
}

.error {
  background: #fddada;
  border: 1px solid #d73b3b;
}