/* These styles are meant to be run before any other css
*  This should be used for styles that you want 
*  Bootstrap to override.
*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.92857rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--dark);
}
input[class$="Textbox"], input[id$="txtField"], [id*="txtSavedCartName"] {
  width: 100%;
  height: calc(var(--input-line-height) + var(--input-padding-y) * 2 + var(--input-height-border));
  padding: .375rem 1.75rem .375rem .75rem;
  border: 1px solid;
  border-color: var(--control-border);
  transition: width 1s ease-in-out;
}

input[type="text"], input[type="email"], textarea {
  display: block;
  width: 100%;
  font-weight: 400px;
  background-clip: padding-box;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
  outline: 0;
}

.ThemeButton:not(.as-link):not(.btn), input[type="submit"]:not(.btn) {
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}