/* fix safari height of select form element */
@media screen and (-webkit-min-device-pixel-ratio:0) {


    .widget-select {
      position: relative;

    }

    .widget-select select {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      line-height: 24px !important;
    }

    .widget-select:after {
      position: absolute;
      top: 55%;
      right: 1rem;
      font-family: "Font Awesome 5 Pro";
      content: "\f078";
      pointer-events: none;
      font-weight: bold;
    }
}

select.select-css {
  display: block;
  font-size: 1.5rem;
  padding: 1rem;
  width: 100%;
  max-width: 100%;
  margin: 0;
  border: none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
}

select.select-css::-ms-expand {
  display: none;
}
select.select-css:hover {
  border-color: #888;
}
select.select-css:focus {
  border-color: #aaa;
  outline: none;
}
select.select-css option {
  font-weight: normal;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: lightgrey;
  font-family: 'Open Sans', sans-serif !important;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: lightgrey;
  font-family: 'Open Sans', sans-serif !important;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: lightgrey;
  font-family: 'Open Sans', sans-serif !important;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: lightgrey;
  font-family: 'Open Sans', sans-serif !important;
}

/**
 * Since fieldset borders are removed in the reset style sheet, adjust the
 * legends accordingly
 */
legend {
  width: 100%;
  display: block;
  font-weight: bold;
  border: 0;
}

/**
 * Text fields and textareas
 */
input[type='text'],
input[type='password'],
input[type='date'],
input[type='datetime'],
input[type='email'],
input[type='number'],
input[type='search'],
input[type='tel'],
input[type='time'],
input[type='url'],
input:not([type]),
textarea {
  width: 100%;
  display: inline-block;
  padding: 1rem;
  background: #fff;
  border: 1px solid transparent;
  font-family: 'Open Sans', sans-serif !important;
  -moz-transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
input[type='text']:focus,
input[type='password']:focus,
input[type='date']:focus,
input[type='datetime']:focus,
input[type='email']:focus,
input[type='number']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='time']:focus,
input[type='url']:focus,
input:not([type]):focus,
textarea:focus {
  outline: 0;
  border: 1px solid #fe0101;
}

/**
 * Fix some width and height settings
 */
input[type='file'] {
  cursor: pointer;
}
select,
input[type='file'] {
  display: block;
}
form button,
input[type='file'],
input[type='image'],
input[type='submit'],
input[type='reset'],
input[type='button'],
input[type='radio'],
input[type='checkbox'] {
  width: auto;
}
textarea,
select[multiple],
select[size] {
  height: auto;
}

/**
 * Checkboxes and radio buttons
 */
input[type='radio'],
input[type='checkbox'] {
  margin: 0 3px 0 0;
}
input[type='radio'],
input[type='checkbox'],
label {
  vertical-align: middle;
}

/**
 * Handle disabled and read-only
 */
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background: #eee;
}
input[type='radio'][disabled],
input[type='checkbox'][disabled],
input[type='radio'][readonly],
input[type='checkbox'][readonly] {
  background: transparent;
}

/**
 * Buttons
 */
form button,
input[type='submit'],
.button {
  display: inline-block;
  padding: 1rem 2rem;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  line-height: 1.5;
  font-size: 16px;
  color: white;
  cursor: pointer;

  box-shadow: 2px 2px 5px 2px #cdcdcd;
  border: black 1px;

  background-color: #000000;

  background-repeat: repeat-x;
  -moz-transition: background 0.15s linear;
  -webkit-transition: background 0.15s linear;
  -o-transition: background 0.15s linear;
  transition: background 0.15s linear;
}
form button:hover,
input[type='submit']:hover,
.button:hover {
  text-decoration: none;
  background-position: 0 -15px !important;
  background-color: #454545;
}
form button:active,
input[type='submit']:active,
.button:active {
  background-color: #e6e6e6;
  background-position: 0 -30px !important;
}

/**
 * Blue buttons
 */
form button.blue,
input[type='submit'].blue,
.button.blue {
  background-color: #2f96b4;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  border-color: #2f96b4;
  color: #fff;
}
form button.blue:active,
input[type='submit'].blue:active,
.button.blue:active {
  background-color: #2e95b3;
}

/**
 * Green buttons
 */
form button.green,
input[type='submit'].green,
.button.green {
  background-color: #51a351;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  border-color: #51a351;
  color: #fff;
}
form button.green:active,
input[type='submit'].green:active,
.button.green:active {
  background-color: #4f9f4f;
}

/**
 * Orange buttons
 */
form button.orange,
input[type='submit'].orange,
.button.orange {
  background-color: #f89406;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  border-color: #f89406;
  color: #fff;
}
form button.orange:active,
input[type='submit'].orange:active,
.button.orange:active {
  background-color: #f28f04;
}

/**
 * Red buttons
 */
form button.red,
input[type='submit'].red,
.button.red {
  background-color: #bd362f;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  border-color: #bd362f;
  color: #fff;
}
form button.red:active,
input[type='submit'].red:active,
.button.red:active {
  background-color: #be322b;
}

/**
 * Basic form layout
 */
.widget {
  margin-bottom: 12px;
}

.widget > label {
  display: inline-block;
  font-weight: bold;
  font-size: 1.4rem;
}



/**
 * Inline form layout
 */
.inline-form .widget {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

/**
 * Horizontal form layout
 */
.horizontal-form .widget:after {
  content: '';
  display: table;
  clear: both;
}
.horizontal-form .widget > label {
  width: 20%;
  float: left;
  padding: 3px 2% 0 0;
  text-align: right;
}
.horizontal-form .widget > input,
.horizontal-form .widget > textarea {
  width: 78%;
  float: left;
}
.horizontal-form .widget > fieldset {
  margin-left: 20%;
}

.formbody .widget-select {
  margin-top: 3rem;
  display: block;
}


form.casaone .formbody {
  display: flex;
  flex-wrap: wrap;
  outline: 0px solid red;
  justify-content: space-between;
}

form.casaone .formbody .column > .widget {
  margin-top: 0;
}


.select2-container--default .select2-selection--multiple {
  border: none;
  border-radius: 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.select2-results__option[aria-selected] {
  font-size: 1.2rem;
}

.select2 { width: 100%; }
ul.select2-results__options { margin-left: 0 !important; }

.widget.widget-submit {
    margin-top: 2rem;
}

fieldset { border: none; }