/*
    The base stylesheet for forms

*/

label {
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0px;
}

.filter_form input.yadcf-filter-range-date,
.dt-search input {
  width: 120px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  height: 28px;
}

.yadcf-filter-range-date-seperator {
  margin-left: 5px;
  margin-right: 5px;
}
.dt-search input {
  width: 181px;
  margin-left: 0.5em;
}

.form-style-1 {
  max-width: 400px;
  font-size: 16px;
  font-size: 1em;
}
.form-style-1 div {
  padding: 0;
  display: block;
  list-style: none;
  margin: 0 0 1rem 0;
}
.form-style-1 .tags div {
  padding: none;
  display: inline;
  list-style: none;
}
.form-style-1 label {
  margin: 0 0 0.5rem 0;
  padding: 0px;
  display: block;
  font-weight: bold;
}
.form-style-1 .error span {
  margin: 0 0 0 0;
  padding: 0px;
  display: block;
  font-weight: 400;
}
.form-style-1 label.label-checkbox {
  display: inline;
  font-weight: normal;
}
.form-style-1 .field-list {
  list-style-type: none;
}

.form-style-1 input[type="text"],
.form-style-1 input[type="date"],
.form-style-1 input[type="datetime"],
.form-style-1 input[type="number"],
.form-style-1 input[type="search"],
.form-style-1 input[type="time"],
.form-style-1 input[type="url"],
.form-style-1 input[type="email"],
.form-style-1 input[type="password"],
.form-style-1 textarea,
.form-style-1 select {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 1px solid #bebebe;
  padding: 7px;
  margin: 0px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  outline: none;
  height: 2.3rem;
  font-size: 1.1rem;
}
.form-style-1 input[type="text"]:focus,
.form-style-1 input[type="date"]:focus,
.form-style-1 input[type="datetime"]:focus,
.form-style-1 input[type="number"]:focus,
.form-style-1 input[type="search"]:focus,
.form-style-1 input[type="time"]:focus,
.form-style-1 input[type="url"]:focus,
.form-style-1 input[type="email"]:focus,
.form-style-1 input[type="password"]:focus,
.form-style-1 textarea:focus,
.form-style-1 select:focus {
  -moz-box-shadow: 0 0 8px #88d5e9;
  -webkit-box-shadow: 0 0 8px #88d5e9;
  box-shadow: 0 0 8px #88d5e9;
  border: 1px solid #88d5e9;
}
.form-style-1 .field-divided {
  width: 49%;
}

.form-style-1 .field-long {
  width: 100%;
}
.form-style-1 .field-select {
  width: 100%;
}
.form-style-1 .field-textarea {
  height: 100px;
}
.form-style-1 .textAreaCountMessage {
  position: relative;
}
.form-style-1 span[id$="textcount"] {
  font-style: italic;
  background-color: #fff;
  line-height: 1em;
  font-size: 0.875em;
  position: absolute;
  bottom: 2px;
  right: 0.75em;
  margin-right: 0.25em;
  text-align: right;
}
.form-style-1 input[type="submit"],
.form-style-1 input[type="button"] {
  background: #4b99ad;
  padding: 8px 15px 8px 15px;
  border: none;
  color: #fff;
}
.form-style-1 input[type="submit"]:hover,
.form-style-1 input[type="button"]:hover {
  background: #4691a4;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.form-style-1 .required {
  color: red;
}

.form-style-2 {
  font-size: 16px;
}
.form-style-2 div.stacked {
  padding: 0;
  display: inline-block;
  list-style: none;
  margin: 0.5em 1em 0 0;
  width: 47%;
}
@media all and (max-width: 640px) {
  .form-style-2 div.stacked {
    margin: 0;
    width: 95%;
  }
}
.form-style-2 .tags div {
  padding: none;
  display: inline;
  list-style: none;
}
.form-style-2 label {
  margin: 1rem 0 1rem 0;
  padding: 0px;
  display: block;
  font-weight: bold;
}
.form-style-2 span.error {
  margin: 0 0 0 0;
  padding: 0px;
  color: red;
  background-color: transparent;
  font-weight: 400;
}
.form-style-2 label.label-checkbox {
  display: inline;
  font-weight: normal;
}
.form-style-2 .field-list ul,
.form-style-2 .field-list li {
  list-style-type: none;
}
.form-style-2 .field-list label {
  font-weight: normal;
}
.form-style-2 input[type="text"],
.form-style-2 input[type="date"],
.form-style-2 input[type="datetime"],
.form-style-2 input[type="number"],
.form-style-2 input[type="search"],
.form-style-2 input[type="time"],
.form-style-2 input[type="url"],
.form-style-2 input[type="email"],
.form-style-2 input[type="password"],
.form-style-2 textarea,
.form-style-2 select {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 1px solid #bebebe;
  padding: 7px;
  margin: 0px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  outline: none;
  height: 2.8rem;
  font-size: 1.1rem;
  border-radius: 4px;
}
.form-style-2 input[type="text"]:focus,
.form-style-2 input[type="date"]:focus,
.form-style-2 input[type="datetime"]:focus,
.form-style-2 input[type="number"]:focus,
.form-style-2 input[type="search"]:focus,
.form-style-2 input[type="time"]:focus,
.form-style-2 input[type="url"]:focus,
.form-style-2 input[type="email"]:focus,
.form-style-2 input[type="password"]:focus,
.form-style-2 textarea:focus,
.form-style-2 select:focus,
.form-style-2 .select2-container.select2-container--focus .select2-selection,
.form-style-2 .select2-container.select2-container--open .select2-selection {
  -moz-box-shadow: 0 0 8px #88d5e9;
  -webkit-box-shadow: 0 0 8px #88d5e9;
  box-shadow: 0 0 8px #88d5e9;
  border: 1px solid #88d5e9;
}
.form-style-2 .select2-container .select2-selection--single {
  font-size: 1.1rem;
  height: 2.8rem;
  line-height: 1.33333;
  padding: 8px 15px 8px 10px;
}
.form-style-2
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 25%;
  height: none;
  right: 5px;
}
/* to account for fixed width when option is longer than dropdown
   https://xcellerant.net/2015/09/17/fixing-the-width-of-a-select-2-with-a-long-value-in-a-bootstrap-form-group-or-input-group/ */
/* .form-style-2 .select2-container {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  display: table;
  table-layout: fixed;
}*/
/* won't work with form-style-2 as popup isn't in form-style-2 path */
/*.select2-container .select2-dropdown {
    border-color: #66afe9;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    margin-top: -1px;
    overflow-x: hidden;
}*/
.form-style-2 .field-divided {
  width: 49%;
}
.form-style-2 .field-long {
  width: 100%;
}
.form-style-2 .field-select {
  width: 100%;
}
.form-style-2 .field-selectmultiple {
  width: 100%;
  height: 200px;
  font-weight: normal;
  font-size: 1em;
}
.form-style-2 .field-textarea {
  width: 100%;
  height: 200px;
}
.form-style-2 .textAreaCountMessage {
  position: relative;
}
.form-style-2 span[id$="textcount"] {
  font-style: italic;
  background-color: #fff;
  line-height: 1em;
  font-size: 0.875em;
  position: absolute;
  bottom: 2px;
  right: 0.75em;
  margin-right: 0.25em;
  text-align: right;
}
.form-style-2 input[type="submit"],
.form-style-2 input[type="button"],
.form-style-2 input[type="reset"],
.form-style-2 a.button {
  -moz-appearance: none;
  background: #0f599a none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin: 8px 8px 8px 0;
  padding: 10px 24px;
  text-decoration: none;
  text-transform: capitalize;
}
.form-style-2 input[type="submit"]:hover,
.form-style-2 input[type="button"]:hover,
.form-style-2 input[type="reset"]:hover,
.form-style-2 a.button:hover {
  background: #2699d5;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.form-style-2 .required {
  color: red;
}
.form-style-2 div.button {
  vertical-align: bottom;
}
#recaptcha_response_field {
  height: auto;
}
.form-style-2 td.form-cell {
  vertical-align: middle;
}
.form-style-2 td.form-cell-actions {
  text-align: center;
}

.form-style-compact {
  font-size: 14px;
}
.form-style-compact div.stacked {
  padding: 0;
  display: inline-block;
  list-style: none;
  margin: 0.5em 1em 0 0;
  width: 47%;
}
@media all and (max-width: 640px) {
  .form-style-compact div.stacked {
    margin: 0;
    width: 95%;
  }
}
.form-style-compact .tags div {
  padding: none;
  display: inline;
  list-style: none;
}
.form-style-compact label {
  /*    margin: 1rem 0 1rem 0;*/
  padding: 0px;
  display: block;
  font-size: 16px;
  font-weight: 400;
}
.form-style-compact span.error {
  margin: 0 0 0 0;
  padding: 0px;
  color: red;
  background-color: transparent;
  font-weight: 400;
}
.form-style-compact label.label-checkbox {
  display: inline;
  font-weight: normal;
}
.form-style-compact .field-list ul,
.form-style-compact .field-list li {
  list-style-type: none;
}
.form-style-compact .field-list label {
  font-weight: normal;
}
.form-style-compact input[type="text"],
.form-style-compact input[type="date"],
.form-style-compact input[type="datetime"],
.form-style-compact input[type="number"],
.form-style-compact input[type="search"],
.form-style-compact input[type="time"],
.form-style-compact input[type="url"],
.form-style-compact input[type="email"],
.form-style-compact input[type="password"],
.form-style-compact textarea,
.form-style-compact select {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 1px solid #bebebe;
  padding: 7px;
  margin: 0px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  outline: none;
  height: 2rem;
  font-size: 1.1rem;
  border-radius: 4px;
}
.form-style-compact input[type="text"]:focus,
.form-style-compact input[type="date"]:focus,
.form-style-compact input[type="datetime"]:focus,
.form-style-compact input[type="number"]:focus,
.form-style-compact input[type="search"]:focus,
.form-style-compact input[type="time"]:focus,
.form-style-compact input[type="url"]:focus,
.form-style-compact input[type="email"]:focus,
.form-style-compact input[type="password"]:focus,
.form-style-compact textarea:focus,
.form-style-compact select:focus,
.form-style-compact
  .select2-container.select2-container--focus
  .select2-selection,
.form-style-compact
  .select2-container.select2-container--open
  .select2-selection {
  -moz-box-shadow: 0 0 8px #88d5e9;
  -webkit-box-shadow: 0 0 8px #88d5e9;
  box-shadow: 0 0 8px #88d5e9;
  border: 1px solid #88d5e9;
}
.form-style-compact .select2-container .select2-selection--single,
.form-style-compact .select2-container .select2-selection--multiple {
  font-size: 1.1rem;
  height: 32px;
  line-height: 1.33333;
  padding: 3px 5px 0px 0px;
}
.form-style-compact
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 10%;
  height: none;
  right: 5px;
}
.form-style-compact
  .select2-container
  .select2-search--inline
  .select2-search__field {
  margin-top: 0px;
}
/* to account for fixed width when option is longer than dropdown
   https://xcellerant.net/2015/09/17/fixing-the-width-of-a-select-2-with-a-long-value-in-a-bootstrap-form-group-or-input-group/ */
/* .form-style-compact .select2-container {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  display: table;
  table-layout: fixed;
}*/
/* won't work with form-style-compact as popup isn't in form-style-compact path */
.select2-container .select2-dropdown {
  border-color: #66afe9;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  margin-top: -1px;
  overflow-x: hidden;
}
.form-style-compact .field-divided {
  width: 49%;
}
.form-style-compact .field-long {
  width: 100%;
}
.form-style-compact .field-select {
  width: 100%;
}
.form-style-compact .field-selectmultiple {
  width: 100%;
  height: 200px;
  font-weight: normal;
  font-size: 1em;
}
.form-style-compact .field-textarea {
  width: 100%;
  height: 200px;
}
.form-style-compact .textAreaCountMessage {
  position: relative;
}
.form-style-compact span[id$="textcount"] {
  font-style: italic;
  background-color: #fff;
  line-height: 1em;
  font-size: 0.875em;
  position: absolute;
  bottom: 2px;
  right: 0.75em;
  margin-right: 0.25em;
  text-align: right;
}
.form-style-compact input[type="submit"],
.form-style-compact input[type="button"],
.form-style-compact input[type="reset"],
.form-style-compact a.button {
  -moz-appearance: none;
  background: #0f599a none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin: 8px 8px 8px 0;
  padding: 10px 24px;
  text-decoration: none;
  text-transform: capitalize;
}
.form-style-compact input[type="submit"]:hover,
.form-style-compact input[type="button"]:hover,
.form-style-compact input[type="reset"]:hover,
.form-style-compact a.button:hover {
  background: #2699d5;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.form-style-compact .required {
  color: red;
}
.form-style-compact div.button {
  vertical-align: bottom;
}
.form-style-compact .field-radio {
}
#recaptcha_response_field {
  height: auto;
}
.form-style-compact td.form-cell {
  vertical-align: middle;
}
.form-style-compact td.form-cell-actions {
  text-align: center;
}

::-webkit-input-placeholder {
  color: #999;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #999;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #999;
}

:-ms-input-placeholder {
  color: #999;
}