.errorlist, .nonfield {
  color: Red;
}

.error_field {
  box-shadow: 0 0 8px Red!important;
  border: 1px solid Crimson!important;
}

input[type="text"], input[type="password"] {
  width: 100%;
  height: 17px;
  padding: 5px 5px 5px 5px;
  margin: 0px;
  border: 1px solid DarkSeaGreen;
  border-radius: 5px;
  background-color: White;
}

input[type="text"]:focus, input[type="password"]:focus {
  border: 1px solid YellowGreen;
  box-shadow: 0 0 8px YellowGreen;
  outline: none;
}

select {
  width: 100%;
  height: 29px;
  padding: 3px 5px 3px 5px;
  margin: 5px 0px 0px 0px;
  border: 1px solid DarkSeaGreen;
  border-radius: 5px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: White;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23008000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, White 0%, White 100%);
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%;  
}

select::-ms-expand {
  display: none;
}

select:focus {
  border: 1px solid YellowGreen;
  box-shadow: 0 0 8px YellowGreen;
  outline: none;
}

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"] + label:hover:before {
  border: 1px solid YellowGreen;
  box-shadow: 0 0 8px YellowGreen;
}


input[type="checkbox"] + label:before {
  content: " ";
  background-image: none;
  margin-right: 4px;
  margin-bottom: -5px;
  display: inline-block;
  border-radius: 5px;
  width: 20px;
  height: 20px;
  border: 1px solid DarkSeaGreen;
  background-color: White;
  color: White;
  text-align: center;
}

input[type="checkbox"]:checked + label:before {
  background-image: url(/static/gen_app/images/check.png);
}

textarea {
  width: 100%;
  padding: 5px 5px 5px 5px;
  margin: 0px;
  border: 1px solid DarkSeaGreen;
  border-radius: 5px;
  background-color: White;
}

textarea:focus {
  border: 1px solid YellowGreen;
  box-shadow: 0 0 8px YellowGreen;
  outline: none;
}

fieldset {
  width: 100%;
  padding: 5px 5px 5px 5px;
  margin: 0px;
  border: 1px solid DarkSeaGreen;
  border-radius: 5px;
  background-color: White;
}

legend {
  padding: 2px 4px;
  background: White; 
  color: DarkGreen;
}

fieldset > legend {
  float: left;
  margin-top: -18px;
}

fieldset > legend + * {
  clear: both;
}

.apply_label {
  color: ForestGreen;
}