/*
 * av_base - form.css
*/   
form .description a
   {
      font-family: var(--a--font-family);
      font-style: var(--a--font-style);
      font-weight: var(--a--font-weight);
      color: var(--a--color);
      text-decoration: var(--a--text-decoration);
      background: var(--a--background);
   } 
form .description a:hover,
form .description a:focus
   {
      text-decoration: var(--a-hover--text-decoration);
      color: var(--a-hover--color);
      background: var(--a-hover--background);
   }      
 
form fieldset legend
   {
      font-family: var(--form--fieldset--legend--font-family);
      font-style: var(--form--fieldset--legend--font-style);
      font-weight: var(--form--fieldset--legend--font-weight);
      color: var(--form--fieldset--legend--color);      
      font-size: var(--form--fieldset--legend--font-size);
      line-height: var(--form--fieldset--legend--line-height);
   } 
form label
   {
      font-family: var(--form--label--font-family);
      font-style: var(--form--label--font-style);
      font-weight: var(--form--label--font-weight);
      color: var(--form--label--color);      
      font-size: var(--form--label--font-size);
      line-height: var(--form--label--line-height);
      display: var(--form--label--display);
      margin: var(--form--label--margin);
   }
form label.form-required:after
   {
      content: ' *\a0';
      color: var(--form--required--label-after--color);
   } 
form .description,
form .webform-element-description
   {
      font-family: var(--form--label--font-family);
      font-style: var(--form--label--font-style);
      font-weight: var(--form--label--font-weight);
      color: var(--form--label--color);
      font-size: var(--form--label--font-size);
      line-height: var(--form--label--line-height);
      margin: var(--form--label--margin);
   }    
form .form-item
   {
      margin: var(--form--item--margin);
   }
form .reload-captcha-wrapper
   {
      margin: var(--form--captcha-item--margin);
   }
form .form-actions input[type="submit"],
form [type="submit"],
form .button
   {
      -webkit-appearance: none;
      -moz-appearance: none;
      border-radius: 0rem;
      background-image: none;
      cursor: pointer;   
      text-decoration: none !important;  
      display: inline-block;      
      
      font-family: var(--button--font-family) !important;
      font-style: var(--button--font-style) !important;
      font-weight: var(--button--font-weight) !important;
      color: var(--button--color) !important;
      background: var(--button--background);
      font-size: var(--button--font-size);
      line-height: var(--button--line-height);
      padding: var(--button--padding);
      margin: var(--button--margin);
      border: var(--button--border);
      border-radius: var(--button--border-radius);
      text-transform: var(--button--text-transform);
      letter-spacing: var(--button--letter-spacing);
   }
form .button:hover,
form .button:focus,
form .form-actions input[type="submit"]:hover,
form .form-actions input[type="submit"]:focus,
form [type="submit"]:hover,
form [type="submit"]:focus
   {  
      color: var(--button-hover--color) !important;
      background-color: var(--button-hover--background);
      border: var(--button-hover--border);
   }
form input[type='checkbox'],
form input[type='checkbox']:checked,
form input[type='radio'],
form input[type='radio']:checked
   {     
      margin: 0rem;
      padding: 0rem;    
      position: absolute;
      visibility: hidden;
   }
form input[type='checkbox'] + label,
form input[type='radio'] + label 
   {
     margin: var(--form--input-checkbox--margin);
     display: inline-block;
     cursor: pointer;
     position: relative;
   }
   
form input[type='checkbox'] + label:before,
form input[type='radio'] + label:before 
   { 
      content:'\00a0';
      display: inline-block;
      background-color: var(--form--input-checkbox--background-color);
      transform: translateY(-50%);
      /* border-radius: var(--form-input-checkbox-border-radius); */
      border: var(--form--input-checkbox--border);
      position: absolute;
      top: 50%;
      width: var(--form--input-checkbox--width);
      height: var(--form--input-checkbox--height);
      left: var(--form--input-checkbox--left);
   }
form input[type='radio'] + label:before 
   { 
      background-color: var(--form--input-radio--background-color);
      border: var(--form--input-radio--border);
   }
form input[type='checkbox'] + label:before
   { 
      border-radius: 0%;
   }
form input[type='radio'] + label:before 
   { 
      border-radius: 100%;
   }
form input[type='checkbox']:checked + label:after,
form input[type='checkbox'] + label:after,
form input[type='radio']:checked + label:after,
form input[type='radio'] + label:after 
   {
      font-family: 'Font Awesome 5 Pro';
      font-style: normal;
      font-weight: normal;
      color: var(--form--input-checkbox-checked--color);
      margin-right: 0.5rem;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: -1.75rem;
   }
form input[type='radio']:checked + label:after,
form input[type='radio'] + label:after 
   {
      color: var(--form--input-radio-checked--color);
   }
form input[type='checkbox'] + label:after
   {
       content: '\00a0'; /*'\e59b'; */      
   }
form input[type='checkbox']:checked + label:after
   {
      content:'\e59b'; /* \f00c */ 
      left: var(--form--input-checkbox-checked--left);
   }
form input[type='radio'] + label:after 
   {
       content:'\00a0';
   }
form input[type='radio']:checked + label:after
   {
      content:'\f111';
      left: var(--form--input-radio-checked--left);
      font-size: var(--form-input-radio-checked--font-size);
   }
form input[type='checkbox'] + label:focus:before,
form input[type='radio'] + label:focus:before
   {
      color: var(--form--input-checkbox-focus--font-color);
      border-color: var(--form--input-checkbox-focus--border-color);
   }  


form .form-text,
form .form-email,
form .form-textarea,
form .form-search,
form .form-tel,
form [type="email"]
   {
      -webkit-appearance: none;
      -moz-appearance: none;
      border-radius: 0rem;
      background-image: none;
      
      margin: 0rem;
      
      font-family: var(--form--input-text--font-family);
      font-style: var(--form--input-text--font-style);
      font-weight: var(--form--input-text--font-weight);
      font-size: var(--form--input-text--font-size);
      line-height: var(--form--input-text--line-height);
      color: var(--form--input-text--color);
      background: var(--form--input-text--background);
      padding: var(--form--input-text--padding);
      border: var(--form--input-text--border);
      border-bottom: var(--form--input-text--border-bottom);
      border-radius: var(--form--input-text--border-radius);
      
      width: var(--form--input-text--width);
   }
form .form-select
   {
      -webkit-appearance: none;
      -moz-appearance: none;
      border-radius: 0rem;
      background-image: none;
      
      cursor: pointer;
      
      margin: 0rem;
      padding: var(--form--select--padding);
      border: var(--form--select--border);
      border-bottom: var(--form--select--border-bottom);
      border-radius: var(--form--select--border-radius);
      
      font-family: var(--form--select--font-family);
      font-style: var(--form--select--font-style);
      font-weight: var(--form--select--font-weight);
      font-size: var(--form--select--font-size);
      line-height: var(--form--select--line-height);
      color: var(--form--select--color);
      background: var(--form--select--background);
      
      width: var(--form--select--width);
   }
form .form-select option
   {
      font-family: var(--form--select--option--font-family);
      font-style: var(--form--select--option--font-style);
      font-weight: var(--form--select--option--font-weight);
      font-size: var(--form--select--option--font-size);
      line-height: var(--form--select--option--line-height);
      color: var(--form--select--option--color);
      background: var(--form--select--option--background);
   }  
form .form-select option[disabled="disabled"]
   {
      color: var(--form--select--option-disabled--color);
   }   
   
   
/* file upload */
div.upload 
   {
      position: relative;
      display: inline-block;
      
      background: var(--form--input-file--background);
      border: var(--form--input-file--border);
      border-bottom: var(--form--input-file--border-bottom);  
      width: var(--form--input-file--width);
   }

div.upload input[type="file"] 
   {
      display: input-block;
      width: 100%;
      height: 100%;
      cursor:pointer;
      position:absolute;
      left: 0;
      top: 0;
      opacity: 0;      
   }

.upload-name
   {
      display: inline-block;
      font-family: var(--form--input-file-button--font-family);
      font-style: var(--form--input-file-button--font-style);
      font-weight: var(--form--input-file-button--font-weight);
      font-size: var(--form--input-file-button--font-size);
      line-height: var(--form--input-file-button--line-height);
      color: var(--form--input-file-button--color);  
      background: var(--form--input-file-button--background);      
      padding: var(--form--input-file-button--padding);
      border: var(--form--input-file-button--border);
      border-bottom: var(--form--input-file-button--border-bottom);
   }
.file-name 
   {
      display: inline-block;
      font-family: var(--form--input-file--font-family);
      font-style: var(--form--input-file--font-style);
      font-weight: var(--form--input-file--font-weight);
      font-size: var(--form--input-file--font-size);
      line-height: var(--form--input-file--line-height);
      color: var(--form--input-file--color);      
      padding: var(--form--input-file--padding);
   }

/* Edge */   
::-webkit-input-placeholder 
   { 
      color: var(--form--placeholder--color);
   }
/* Internet Explorer 10-11 */
:-ms-input-placeholder 
   { 
      color: var(--form--placeholder--color);
   }

::placeholder 
   {
      color: var(--form--placeholder--color);
   }