/* VANILLA *************************************************/
form {}

legend {
  font-size: 1.6rem;
  margin-bottom: 40px;
  font-weight: 700;
  width: 100%;

}

fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

label {
  clear:both;
  display: block;
  font-weight: 700;
  letter-spacing: 0.05rem;
  line-height: 35px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

input, textarea {
  background: rgba(255,255,255,0.08);
  border: none;
  border-bottom: 2px solid white;
  color: white;
  font-size: 20px;
  line-height: 40px;
  margin: 0;
  text-indent: 8px;
  transition: all 250ms linear;
}

input:focus {
  background: rgba(255,255,255,0.14);
  outline-width: 0;
}

input[type=submit] {
  box-shadow: none;
  background: transparent;
  color: white;
  border: 3px solid white;
  font-weight: 700;
  line-height: 2.5;
  font-size: 1.2rem;
  margin: 15px auto 0 auto;
  text-transform: uppercase;
}

input[type=submit]:hover {
  background:white;
  color: #444;
}

input[type=submit].danger {
  background-color: #900;
  border: 3px solid #500;
}

input[type=submit].danger:hover {
  background-color: #500;
  color: #fff;
}

input[type=submit].warning {
    color: #856404;
    background-color: #fff3cd;
    border: 3px solid #ffeeba;
}

input[type=submit].warning:hover {
    background-color: #faf2d8;
    color: #856404;
}

select {
  border: none;
  background: rgba(255,255,255,0.33);
  font-size: 18px;
  min-width: 175px;
  height: 35px;
}

select:focus {
  outline-width: 0;
}

/* STACKED *************************************************/

form.stack {
  width: 275px;
  margin: 75px auto;
}

form.stack select,
form.stack input {
  width: 100%;
}

select option {
  color: #444;
}

form.stack.wide {
  max-width: 350px;
  width: 100%;
}

/* Date range tool */

#date-range-form {
  font-family: monospace;
  width: 425px;
  margin: 0 0 30px 0;
}

#date-range-form input {
  width: 45px;
  margin: 0 5px;
  height: 40px;
}

#date-range-form input[name="startMonth"] {
  margin: 0 5px 0 0;
}

#date-range-form input[type=text] {
  border-bottom: none;
}

#date-range-form input[type=submit] {
  width: 50px;
  line-height: 40px;
  text-indent: 0;
  border: none;
  background: white;
  color: #555;
  padding: 0;
}

#specialties-display .specialty {
  background: rgba(255,255,255,.15);
  display: inline-block;
  padding: .25em .5em;
  border-radius: 5px;
  margin: 12px .5em 0 0;
  cursor: pointer;
}
#specialties-display .specialty:hover {
  background: rgba(196, 69, 105,1.0);
}
#specialties-display .specialty .fa {
  margin: 0 0.25em;
  display: inline-block;
}
#specialties-display .specialty .fa-minus-circle {
  display: none;
}
#specialties-display .specialty:hover > .fa {
  display: none;
}
#specialties-display .specialty:hover > .fa-minus-circle {
  display: inline-block;
}