@charset "UTF-8";
/* Defaults
---------------------------------------------------------------------------------------------------- */
/*
 * Increase font smoothing (can be enabled by choice)
 */
/*
html {
	-moz-osx-font-smoothing: grayscale;
	 -webkit-font-smoothing: antialiased;
			 font-smoothing: antialiased;

	text-rendering: optimizeLegibility;
}
*/
/*
 * Removes browser styling on input fields (can be disabled by choice)
 */
button,
input,
optgroup,
select,
textarea {
  border-radius: 0;
  outline: none;
  border: none; }

/*
 * Enable border box to keep paddings within the set width
 */
*, *:before, *:after {
  -moz-box-sizing: border-box;
       box-sizing: border-box; }

.formidable-lock {
  overflow: hidden !important;
  position: relative;
  height: 100%;
  width: 100%; }
  .formidable-lock body {
    overflow-y: scroll !important;
    position: relative;
    width: 100%; }

.formidable-overlay {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.65);
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 998;
  -webkit-transition: opacity .2s ease-out;
          transition: opacity .2s ease-out; }
  .formidable-overlay.active {
    opacity: 1;
    visibility: visible; }

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

:-moz-placeholder {
  color: #999999; }

::-moz-placeholder {
  color: #999999; }

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

.formidable-element {
  position: relative;
  margin-bottom: 20px; }
  .formidable-element.active .icon {
    background: #ffffff; }
  .formidable-element .icon {
    position: absolute;
    top: 0;
    right: 0;
    background: #eeeeee;
    float: right;
    cursor: pointer;
    -webkit-transition: background-color .2s ease-out;
            transition: background-color .2s ease-out; }
  .formidable-element input {
    background: #ffffff;
    width: 100%;
    padding: 0 20px;
    margin-bottom: 0;
    font-size: 15px;
    color: #333333; }
  .formidable-element[data-type="username"] .icon .iconic-property-fill {
    fill: #888888; }
  .formidable-element[data-type="password"] .icon .iconic-property-fill {
    fill: #888888; }
  .formidable-element[data-type="password"] .icon .iconic-property-stroke {
    stroke: #888888; }
  .formidable-element[data-type="email"] .icon .iconic-property-fill {
    fill: #888888; }
  .formidable-element[data-type="phone-android"] .icon .iconic-property-fill {
    fill: #888888; }
  .formidable-element[data-type="phone-ios"] .icon .iconic-property-fill {
    fill: #888888; }
  .formidable-element[data-type="select"] input {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    outline: none;
    cursor: pointer; }
  .formidable-element[data-type="select"] .icon {
    cursor: pointer; }
    .formidable-element[data-type="select"] .icon .iconic-property-fill {
      fill: #888888; }
    .formidable-element[data-type="select"] .icon .iconic-property-stroke {
      stroke: #888888; }
  .formidable-element[data-type="checkbox"] input {
    display: none; }
    .formidable-element[data-type="checkbox"] input:checked + .input-replace {
      background: url("icons/checkbox_checked.svg") no-repeat center center;
      background-size: 30px; }
  .formidable-element[data-type="checkbox"] .input-replace {
    display: block;
    background: url("icons/checkbox_unchecked.svg") no-repeat center center;
    background-size: 30px;
    float: left;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0 10px 0 0;
    cursor: pointer;
    text-indent: -9999em; }
    .formidable-element[data-type="checkbox"] .input-replace.inverse {
      margin: 0 0 0 10px; }
  .formidable-element[data-type="checkbox"] label {
    display: block;
    float: left;
    height: 30px;
    padding-top: 4px;
    cursor: pointer; }
  .formidable-element[data-type="alt-checkbox"] input {
    display: none; }
    .formidable-element[data-type="alt-checkbox"] input:checked + .input-replace {
      background: url("icons/checkbox_checked_alt.svg") no-repeat center center;
      background-size: 30px; }
  .formidable-element[data-type="alt-checkbox"] .input-replace {
    background: url("icons/checkbox_unchecked_alt.svg") no-repeat center center;
    background-size: 30px;
    float: left;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0 10px 0 0;
    cursor: pointer;
    text-indent: -9999em; }
    .formidable-element[data-type="alt-checkbox"] .input-replace.inverse {
      margin: 0 0 0 10px; }
  .formidable-element[data-type="alt-checkbox"] label {
    display: block;
    float: left;
    height: 30px;
    padding-top: 4px;
    cursor: pointer; }
  .formidable-element[data-type="radio"] input {
    display: none; }
    .formidable-element[data-type="radio"] input:checked + .input-replace {
      background: url("icons/radio_active.svg") no-repeat center center;
      background-size: 30px; }
  .formidable-element[data-type="radio"] .input-replace {
    background: url("icons/radio_inactive.svg") no-repeat center center;
    background-size: 30px;
    float: left;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0 10px 0 0;
    border-radius: 100%;
    cursor: pointer; }
    .formidable-element[data-type="radio"] .input-replace.inverse {
      margin: 0 0 0 10px; }
  .formidable-element[data-type="radio"] label {
    display: block;
    float: left;
    height: 30px;
    padding-top: 4px;
    cursor: pointer; }

.formidable-select {
  position: fixed;
  background: #ffffff;
  opacity: 0;
  width: auto;
  height: auto;
  padding: 30px;
  z-index: -1;
  -webkit-transition: opacity .2s ease-out;
          transition: opacity .2s ease-out; }
  .formidable-select.active {
    opacity: 1;
    z-index: 999; }
    .formidable-select.active ul {
      -webkit-overflow-scrolling: touch; }
  .formidable-select ul {
    max-width: 400px;
    max-height: 400px;
    overflow-y: auto; }
    .formidable-select ul li {
      position: relative;
      width: 100%;
      min-height: 50px;
      padding: 12px 50px 12px 20px;
      color: #333333;
      border-bottom: 1px solid #eeeeee;
      cursor: pointer; }
      .formidable-select ul li.selected {
        background: #f7f7f7;
        color: #333333; }
      .formidable-select ul li:after {
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0;
        width: 50px;
        height: 50px;
        padding: 13px 0 0 0;
        content: "✓";
        color: #4abe88;
        text-align: center;
        -moz-box-sizing: border-box;
             box-sizing: border-box;
        -webkit-transition: opacity .2s ease-out;
                transition: opacity .2s ease-out; }
      .formidable-select ul li.active:after {
        opacity: 1; }
      .formidable-select ul li:last-child {
        border-bottom: none; }

@media only screen and (max-width: 767px) {
  .formidable-select ul {
    max-width: 240px;
    max-height: 300px; } }