/*
	Form Element Styles

	(!) Ideally we would have the source files for the version
	of bootstrap we are using, and make our edits there.

	(!) Not best practice to style actual HTML elements. 
	There should be some encapsulation, such as a container
	with a class that we can use.
*/
.umbraco-forms-page {
    max-width: 100% !important;
}

.form-control.radio {
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

label {
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px;
}

input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="search"], input[type="date"] {
  height: 50px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-family: "Open Sans", sans-serif;
  font-size: 0.875rem;
  background-color: #ffffff;
  border-radius: 3px;
  border: 2px solid #DBE4EA; }

.button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  height: 50px;
  box-sizing: border-box;
  background-color: #0067ae;
  padding: 0 19px;
  border: 0;
  border-radius: 3px;
  font-family: "Open Sans", sans-serif;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff; }
  .callout-group .button, .callout-group
  input[type="button"], .callout-group
  input[type="submit"], .callout-group
  input[type="reset"] {
    width: 100%;
    text-align: left; }
    .callout-group .button .fa, .callout-group
    input[type="button"] .fa, .callout-group
    input[type="submit"] .fa, .callout-group
    input[type="reset"] .fa {
      float: right; }
  .button:hover,
  input[type="button"]:hover,
  input[type="submit"]:hover,
  input[type="reset"]:hover {
    background: #0067ae; }
  .button.disabled, .button.disabled:hover,
  input[type="button"].disabled,
  input[type="button"].disabled:hover,
  input[type="submit"].disabled,
  input[type="submit"].disabled:hover,
  input[type="reset"].disabled,
  input[type="reset"].disabled:hover {
    color: #ffffff;
    background-color: #a1a1a1; }

select,
select.form-control {
  font-family: "Open Sans", sans-serif;
  font-size: 0.875rem;
  height: 50px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-family: Arial,Helvetica,sans-serif;
  background-color: #ffffff;
  border-radius: 3px;
  border: 2px solid #DBE4EA; }

textarea {
  font-family: "Open Sans", sans-serif;
  font-size: 0.875rem;
  min-width: 100%;
  max-width: 100%;
  resize: vertical; }

.warning,
.error {
  color: #BD0000; }

[name="submitbtn"] {
  margin-bottom: 40px; }