/* FORMS, CHECKBOX, FORMHANDLER */


::-webkit-file-upload-button {
  background: #02a4bc;
  color: #fff;
  padding: 0.5em 2em;
  border: none;
  border: 1px solid #02a4bc;
  border-radius: 3px;
  font-family: inherit;
  font-size: 1em;
  font-weight: 300 !important;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-out;
}
::-webkit-file-upload-button:hover {
  background: #FFF;
  color: #02a4bc;
}
input[type=file] {
  background: #fff;
}
input[type=file]::-ms-value {
  color: #888;
  background: #fff;
  border: 1px solid #cdcacc;
}
  input[type=file]:focus::-ms-value {
    color: #000;
  }
::-ms-browse {
  background: #02a4bc;
  color: #fff;
  padding: 0.5em 2em;
  border: none;
  border: 1px solid #02a4bc;
  border-radius: 3px;
  font-family: inherit;
  font-size: 1em;
  font-weight: 300 !important;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.2s ease-out;
}
::-ms-browse:hover {
  background: #FFF;
  color: #02a4bc;
}

button,
input,
select,
textarea {
  font-family: inherit;
  border: 1px solid #cdcacc;
  }

input[type=radio],
input[type=checkbox] {
  border: none;
  }

input, select, textarea {
  color: #888;
  padding: 4px;
  margin-bottom: 4px;
  }
input:focus, select:focus, textarea:focus {
  color: #000;
  }

button,
input[type=submit] {
  text-transform: uppercase;
  padding: 0.5em 2em;
  }
button:hover,
button:focus,
input[type=submit]:hover,
input[type=submit]:focus {
  color: inherit;
  }


/* formhandler */

/* styled-checkbox set by js! */
.styled-checkbox {
  position: relative;
  /*margin-left: 150px;*/
  }
 .styled-checkbox label {
   display: inline-block;
   padding-left: 30px;
   }
 .styled-checkbox input {
   position: absolute;
   left: -999em;
   }
 .styled-checkbox label:before {
   content: ' ';
   font-size: 1.25em;
   font-weight: bold;
   color: #1789a9;
   float: left;
   margin-left: -30px;
   position: absolute;
   line-height: 1em;
   width: 15px;
   height: 15px;
   border: 1px solid #C6CBD0;
   }
 .styled-checkbox label.checked:before {
    font-family: 'gg_icons';
   content: '\e806';
   }
 .styled-checkbox .form-errorfield ~ label {
   color: #a00;
   font-weight: bold;
  }
 .styled-checkbox .form-errorfield ~ label:before {
   border-color: #930000;
   background: #ffe0e3;
  }
 .styled-checkbox input:focus ~ label:before,
 .styled-checkbox input:focus ~ label.form-errorfield:before {
   outline: 1px dotted;
   }

/* formhandler */
.form {}
  .form-errors {
    font-weight: 400;
    font-style: italic;
    list-style: none;
    color: #e80c21;
    padding: 0.5em 0;
    margin-bottom: 1.5em;
    }
  .form .error {
    display: block;
    color: #a00;
    font-weight: bold;
    }

.form-actions {
  overflow: hidden;
}
.form-actions input {
  float: right;
}
.form-actions p {
  padding: 0.8em 0;
}

.form-submit {
  margin: 1em 0 2em 160px;
  }

::-webkit-input-placeholder {
  font-style: italic;
  font-weight: 300;
}
::-moz-placeholder {  /* Firefox 19+ */
  font-style: italic;
  font-weight: 300;
}
:-ms-input-placeholder {
  font-style: italic;
  font-weight: 300;
}
::placeholder {
  font-style: italic;
  font-weight: 300;
}

.form-fields {
  display: table;
  table-layout: fixed;
  border-spacing: 0;
  width: 100%;
  margin: 1.5em 0 2em;
  }
  .form-field > * {
    display: inline-block;
    padding-bottom: 1em;
    }

  .form-fields > .form-field {
    display: table-row;
    }
    .form-fields .form-field > * {
      display: table-cell;
      vertical-align: top;
      }
    .form-fields .form-field > *:first-child {
      width: 160px;
      padding-right: 20px;
      }
    .form-fields .form-field > .form-checkbox:first-child {
      width: auto;
      }


    label.form-errorfield {
      color: #a00;
      font-weight: bold;
      }
    input.form-errorfield,
    textarea.form-errorfield {
      border-color: #a00;
      background: #fcfcfc;
      }
    input.form-errorfield:focus,
    textarea.form-errorfield:focus {
      border-color: #444;
      background: #fff;
      }

      .form-fullfield input,
      .form-fullfield textarea {
        width: 100%;
        }
      .form-fullfield textarea {
        min-height: 10em;
        }
      .form-fullname > input {
        float: left;
        width: 49%;
        }
      .form-fullname > input + input {
        float: right;
        }
      .form-streetno > input {
        float: left;
        width: 78%;
        }
      .form-streetno > input + input {
        float: right;
        width: 20%;
        }
      .form-zipcity > input {
        float: left;
        width: 20%;
        }
      .form-zipcity > input + input {
        float: right;
        width: 78%;
        }
      .form-limittext > input {
        max-width: 35em;
        }

    .form input[type=checkbox] {
      margin-right: 0.5em;
      }
    .js .form-trigger-target {
      display: none;
      }
    .js .form-trigger-target-visible {
      display: block;
      }


.in-cols > * {
  width: 50%;
  float:left;
}
  .in-cols > * .styled-checkbox {
    width: auto;
  }


@media all and (max-width: 600px) {

  .form-fields .form-field > *:first-child {
    width: auto;
    }

  .form-fields > .form-field,
  .form-fields .form-field > * {
    display: block;
    padding-bottom: 0;
    }
  .styled-checkbox,
  .form-submit {
    margin-left: 0;
    }
}

.form-previewimage input[type=file],
.form-previewimage a {
  display: inline-block;
  vertical-align: middle;
}
  .form-previewimage input[type=radio] {
    margin: 20px 20px 0;
  }
  .form-previewimage:not(.form-previewimage-selected) .upload-preview {
    opacity: 0.6;
  }

  .form-fromto {
    overflow: hidden;
    padding: 1em 0;
  }
  .form-fromto + .form-fromto {
    border-top: 1px solid #eaeaea;
  }

.form-checkbox {
  padding: 0.5em;
}



.form-removablefield,
.form-field .form-removablefield {
  display: table;
  padding: 0.5em 0;
}
  .form-removablefield > *,
  .form-field .form-removablefield > * {
    display: table-cell;
    width: auto;
    padding-right: 10px;
    vertical-align: middle;
    margin: 0;
  }

.form-removablefield .action-removeitem {
  float: none;
  margin: 0 0 0 0.5em;
  padding: 0.75em;
  width: auto;
}

.form-field-removed {
  display: none !important;
}


/* merge style.css #235 */

.form-field select {
  width: 50%;
  padding: 0.65em;
  overflow: hidden;
  background: none;
}

.form-field .form-fullfield select {
  width: 100%;
}

.form-field .date-time select {
  display: inline-block;
  width: 40%;
  margin-right: 5px;
  }

.form-field .date-time.hour-minutes select {
  width: 10%;
  min-width: 68px;
}

.limiter-chars {
  display: block;
  text-align: right;
}

.maxLimit {
  color: #b00;
}

/* uploader */
.upload-preview {
  max-height: 52px;
  vertical-align: middle;
}
.upload-preview-hidden {
  display: none;
}

.form-previewimage. {
    padding: 0.5em 0;
}