/* ratio label width to field width */

div.cmsFormsLabelContainer {
  width: 30%;
}

div.cmsFormsFieldContainer {
  width: 69.7%;
}

/* inherit font and size */
textarea, select, input {
  font-family: inherit;
  font-size: 100%;
}

/* left align labels */

div.cmsFormsLabelContainer {
  text-align: left;
}

.cmsFormsField {
  position: relative;
}

/* some styling */

span.cmsFormsButtonSubmitFull, span.cmsFormsButtonTriggerFull {
  background-color: white;
  border-radius: 3px;
  padding: 3px;
}

.cmsFormsButtonSubmitFull button.cmsFormsButton, .cmsFormsButtonTriggerFull button.cmsFormsButton {
  background-image: none;
  font-family: 'Orgon-Medium';
}

div.cmsFormsFieldBorderInput, div.cmsFormsFieldBorderSelect, div.cmsFormsFieldBorderTextarea {
  background-image: none;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
}

input[type=button], button {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

div.cmsFormsField input.cmsFormsFieldText {
  padding: 0.3em 0;
}

main div.cmsFormsField input.cmsFormsFieldText {
  padding: 0.5em 0;
}

div.cmsFormsField select.cmsFormsFieldSelect {
  padding: 0.5em 0;
}

div.cmsFormsField input.cmsFormsFieldCheckbox {
  position: absolute;
  margin-top: 0.4em;
  margin-left: 0.1em;
  transform: scale(1.2, 1.2);
  left: 0;
}

div.cmsFormsField label.cmsFormsLabelCheckbox {
  display: block;
  margin-left: 1.5em;
  text-align: left;
}

div.cmsFormsLabelAndFieldContainer {
  padding-bottom: 0.5em;
}

div.cmsFormsLabelAndFieldContainer div.cmsFormsLabelContainer label {
  padding-top: 0.3em;
}

div.cmsFormsUploadWrapper .cmsFormsUploadButtonWrapper {
  width: 200px;
}

div.cmsFormsUploadWrapper .cmsFormsUploadButtonWrapper button {
  height: 2.5em;
}

div.cmsFormsUploadWrapper .cmsFormsUploadButtonWrapper .cmsFormsUploadButtonSelect {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background-image: none;
  width: 160px;
  background: #eeb05f;
}

/* right align submit buttons */

span.cmsFormsButtonSubmitCompact, span.cmsFormsButtonSubmitFull, span.cmsFormsButtonTriggerCompact, span.cmsFormsButtonTriggerFull {
  display: block;
  float: right;
  margin-left: 0.5em;
}

/* special settings captcha */

#content .cmsFormsCaptchaLabel {
  display: none;
}

#content .cmsFormsCaptchaLeft {
  margin-top: 0px;
  border-radius: 2px;
  background-color: #eeeeee;
}

.cmsFormsCaptchaLeft img {
  border-right: 1px solid #aaaaaa;
  float: left;
  margin: 0 !important;
  padding: 0px;
}

.cmsFormsCaptchaLeft a img {
  padding: 20px 2px 0 2px;
  cursor: pointer;
}

/* special ci buttons (frontend) */

#main .cmsFormsButtonSubmitFull .cmsFormsButton, #main .cmsFormsButtonSubmitFull, #main .cmsFormsButtonTriggerFull, #main .cmsFormsButtonInnerContainer {
  background: #fff !important;
  color: #e30000;
  width: 100%;
  padding: 0 !important;
  font-size: 1.7rem;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
}

#main .cmsFormsButtonSubmitFull, .cmsFormsButtonTriggerFull {
  border: 2px solid #e30000;
  font-size: 1.7rem;

}

#main .cmsFormsButtonSubmitFull .cmsFormsButton, #main .cmsFormsButtonTriggerFull .cmsFormsButton,
#main .cmsFormsButtonSubmitFull .cmsFormsButton:hover, #main .cmsFormsButtonTriggerFull .cmsFormsButton:hover{
  padding: 5px !important;
  font-size: 1.7rem;

}


#main .cmsFormsButtonTriggerFull:hover, #main .cmsFormsButtonSubmitFull .cmsFormsButton:hover {
  background: #e30000 !important;
  color: #fff;
  width: 100%;
  font-size: 1.7rem;
  transition: all 0.2s ease-in-out;
}

/* placeholders */

::-webkit-input-placeholder {
  color: #777;
  font-style: italic;
  font-size: 90%;
}

::-moz-placeholder {
  color: #777;
  font-style: italic;
  font-size: 90%;
}

:-ms-input-placeholder {
  color: #777;
  font-style: italic;
  font-size: 90%;
}

input:-moz-placeholder {
  color: #777;
  font-style: italic;
  font-size: 90%;
}

textarea:-moz-placeholder {
  color: #777;
  font-style: italic;
  font-size: 90%;
}

/* media queries */

@media only screen and (max-width: 800px) {
  #content .cmsFormsLabelContainer, #content .cmsFormsFieldContainer {
    width: 100%;
  }
  form .cmsCell>div, .cmsFormsUploadWrapper .cmsFormsUploadButtonWrapper, #content .cmsFormsLabelContainer {
    box-sizing: border-box;
    width: 100% !important;
    clear: left;
    overflow: hidden;
  }
  form p {
    width: 100% !important;
  }
  input.cmsFormsFieldUpload {
    right: auto !important;
    left: 0 !important;
    width: 100% !important;
  }
  .cmsFormsCaptchaLeft img {
    padding: 2px;
  }
  #content .cmsFormsButton {
    padding: 15px;
  }
}

@media only screen and (max-width: 570px) {
  #content .cmsFormsButton span {
    font-size: 120%;
  }
  #content span.cmsFormsButtonSubmitFull {
    margin: 40px 0;
  }
}
