/*

 Classes to be documented:
  pxl_options_inline - field class to inline checkbox/radio
  pxl_form_inline - form class to make inline form
  pxl_form_flex - form class to make flexible form
    pxl_flex_1 - field class to set flex value
    pxl_flex_2 - field class to set flex value
    pxl_flex_3 - field class to set flex value
  pxl_form_justify - stacked and justified form
    pxl_half - 50% width
    pxl_third - 33.33% width
*/


/* Shell */
  .gform_wrapper{}
  .gform_wrapper form{}
  .gform_wrapper form .gform_heading{}
  .gform_wrapper form .validation_error{}
  .gform_wrapper form .gform_body{}
  .gform_wrapper form .gform_footer{}
    
  /* Heading */
    .gform_heading{}
      
  /* Validation */
    .validation_error{background-color:red;color:#fff;padding:1rem;}
  
  /* Body */
    .gform_body{}
    .gform_body ul.gform_fields{list-style-type:none;padding:0;margin:0;}
    /* Alignment for field groups not supported yet - .left_label .right_label .top_label */
      
  /* Footer */
    .gform_footer{margin-bottom:2rem;}


/* Field Basics */
  .gfield{margin:1rem 0;position:relative;}
  .gfield.gfield_error input{border-color:red;box-shadow:0 0 4px rgba(255,0,0,0.5);}

  /* Hiding - taken from GF */
  .gform_wrapper input[type=hidden],
  .gform_wrapper input.gform_hidden,
  .gform_wrapper .gform_hidden,
  .gform_wrapper .gf_hidden {display: none !important;max-height: 1px !important;overflow: hidden;}
  .gform_wrapper .gfield_visibility_hidden,
  .gform_wrapper .gf_invisible {visibility: hidden;position: absolute;left: -9999px;}
  
  /* Labels */
  .gfield label.gfield_label{display:block;line-height:110%;margin:0.25rem 0;}
  .gfield label.gfield_label .gfield_required{margin-left:0.2em;}
    
  /* Descriptions */
  .gfield .gfield_description{font-size:85%;font-style:italic;line-height:110%;margin:0.25rem 0;opacity:0.8;}
  .gfield .instruction{font-size:85%;font-style:italic;line-height:110%;margin:0.25rem 0;opacity:0.8;}
  .gfield .gfield_description.validation_message{background-color:red;bottom:0;display:inline-block;color:#fff;opacity:1;padding:0.5rem;position:relative;}
  .gfield .gfield_description.validation_message:before{border:6px solid transparent;border-bottom-color:red;content:'';left:12px;position:absolute;top:-12px;}
    
  /* Input Container */
  .gfield .ginput_container{}
  .gfield.hidden_label .gfield_label{display:none;}
    
    /* Sizing */
    .gfield .ginput_container input,
    .gfield .ginput_container textarea{max-width:100%;}
    
    .gfield .ginput_container input.small{width:9rem;}
    .gfield .ginput_container input.medium{width:18rem;}
    .gfield .ginput_container input.large{width:27rem;}
    
    .gfield .ginput_container textarea{width:27rem;}
    .gfield .ginput_container textarea.small{height:5rem;}
    .gfield .ginput_container textarea.medium{height:15rem;}
    .gfield .ginput_container textarea.large{height:25rem;}
    
    .gfield .ginput_container select.small{width:9rem;}
    .gfield .ginput_container select.medium{width:18rem;}
    .gfield .ginput_container select.large{width:27rem;}
    
  /* Checkbox / Radio */
    .gfield .ginput_container ul.gfield_checkbox,
    .gfield .ginput_container ul.gfield_radio{list-style-type:none;margin:0.5rem 0;overflow:hidden;padding:0;}
  
    .gfield .ginput_container ul.gfield_checkbox li,
    .gfield .ginput_container ul.gfield_radio li{margin:0.25rem 0;}
  
    .gfield.pxl_options_inline .ginput_container ul{margin-left:-1rem;}
    .gfield.pxl_options_inline .ginput_container ul li{display:inline-block;margin-left:1rem;white-space:nowrap;}
    
  /* Select */
    .ginput_container_select{display:inline-block;overflow: hidden;position:relative;box-sizing:border-box;}
    .ginput_container_select:before{border: 6px solid transparent;border-top-color: transparent;border-top-color: currentColor;content: '';margin-top: -3px;position: absolute;right:0.75rem;top: 50%;}
    .ginput_container_select select{cursor:pointer;padding-right: 1.5rem;position:relative;}
    .ginput_container_select select::-ms-expand{display: none;}
    
/* Field Complex */
  .gfield .ginput_container.ginput_complex .hidden_sub_label{display:none;}
  .gfield .ginput_container.ginput_complex{margin:-0.25rem 0;}
  
  .gfield .ginput_container.ginput_complex > span{display:inline-block;margin:0.25rem 0;}
  .gfield .ginput_container.ginput_complex > span label{display:block;font-size:85%;font-style:italic;}
  
  /* Inconsistent white space Hack */
    .gfield .ginput_container_address.ginput_complex > span{ margin-right: 5px; }
    .gfield .ginput_container_radio label:before{ content: "\2002"; }
    
/* Date Picker */
  #ui-datepicker-div{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2);padding:5px;}
  #ui-datepicker-div .ui-datepicker-header{padding:5px;}
  #ui-datepicker-div .ui-datepicker-header .ui-corner-all{font-size:10px;text-transform:uppercase;cursor:pointer;}
  #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev{float:left;}
  #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next{float:right;}
  
  #ui-datepicker-div .ui-datepicker-title{clear:both;font-size:16px;font-weight:600;padding-top:5px;text-align:center;}
  #ui-datepicker-div .ui-datepicker-title select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;border:none;cursor:pointer;padding:0;height:auto;}
  
  #ui-datepicker-div .ui-datepicker-calendar{font-size:12px;text-align:center;}
  #ui-datepicker-div .ui-datepicker-calendar th{opacity:0.5;}
  #ui-datepicker-div .ui-datepicker-calendar th > *,
  #ui-datepicker-div .ui-datepicker-calendar td > *{padding:3px 6px;}
  #ui-datepicker-div .ui-datepicker-calendar td a{display:block;}
  #ui-datepicker-div .ui-datepicker-calendar td a:hover{background-color:#efefef;}
  #ui-datepicker-div .ui-datepicker-calendar td a.ui-state-active{border:1px solid;}
  
/* Time Picker */
  .ginput_container_time{width:4.5rem;}
  .ginput_container_time input{width:100%;}
  .ginput_container_time label{display: block;font-size: 85%;font-style: italic;}
  .clear-multi .ginput_container_time{display:inline-block;vertical-align:top;}
  .clear-multi .ginput_container_time i{display:none;}
  .clear-multi .ginput_container_time.gfield_time_minute:before{content:':';position:absolute;left:0;top:0.5rem;}
  .clear-multi .ginput_container_time.gfield_time_minute{padding-left:10px;position:relative;}
  
  .gfield_time_ampm{display:inline-block;overflow: hidden;position:relative;box-sizing:border-box;}
  .gfield_time_ampm:before{border: 6px solid transparent;border-top-color: transparent;border-top-color: currentColor;content: '';margin-top: -3px;position: absolute;right:0.75rem;top: 50%;}
  .gfield_time_ampm select{cursor:pointer;padding-right: 1.5rem;position:relative;}
  .gfield_time_ampm select::-ms-expand{display: none;}
  
/* List */ 
  table.gfield_list_container{border-collapse:collapse;}
  table.gfield_list_container th{font-size:85%;font-weight:normal;}
  table.gfield_list_container .gfield_list_icons{padding:5px;}
  
/* Form Layouts */
  *[class*='pxl_form'] .validation_error{display:none;}
  *[class*='pxl_form'] .gfield .gfield_description.validation_message{bottom:-2.5em;top:auto;font-size:12px;padding:0.25rem;position:absolute;}
  
  /* Inline */
  .pxl_form_inline{margin:1rem -0.25rem;}
  .pxl_form_inline > *{display:inline-block;vertical-align:middle;}
  
  .pxl_form_inline .gform_heading{margin:0.25rem;}
  .pxl_form_inline .gform_heading .gform_title{margin:0;}
  
  .pxl_form_inline .gform_body{margin:0.25rem;}
  .pxl_form_inline .gform_body .gform_fields{margin:0 -0.25rem;}
  .pxl_form_inline .gform_body .gform_fields .gfield{display:inline-block;margin:0.25rem;}
  
  .pxl_form_inline .gform_footer{margin:0.25rem;}
  
  .pxl_form_inline .gfield .ginput_container .small{width:7rem;}
  .pxl_form_inline .gfield .ginput_container .medium{width:14rem;}
  .pxl_form_inline .gfield .ginput_container .large{width:21rem;}
  
  /* Flex */
  .pxl_form_flex_wrapper{margin:1rem -0.25rem;}
  
  .pxl_form_flex{display:flex;flex-wrap:wrap;}
  .pxl_form_flex > *{flex:1 1 auto;}
  
  .pxl_form_flex .gform_heading{display:none;} /* not sure this has a place here. */
  
  .pxl_form_flex .gform_body{margin:0 ;}
  .pxl_form_flex .gform_body .gform_fields{display:flex;flex-wrap:wrap;margin:0;width:100%;}
  .pxl_form_flex .gform_body .gform_fields .gfield{flex:1;margin:0.25rem;}
  .pxl_form_flex .gform_body .gform_fields .gfield.pxl_flex_1{flex:1;min-width:7rem;}
  .pxl_form_flex .gform_body .gform_fields .gfield.pxl_flex_2{flex:2;min-width:14rem;}
  .pxl_form_flex .gform_body .gform_fields .gfield.pxl_flex_3{flex:3;min-width:21rem;}
  .pxl_form_flex .gform_body .gform_fields .gfield input{width:100%;}
  
  .pxl_form_flex .gform_footer{margin:0.25rem;}
  .pxl_form_flex .gform_footer input[type="submit"]{width:100%;}
  
  /* Justify */
  .pxl_form_justify .gform_body .gform_fields{margin: 0 -0.5rem;}
  .pxl_form_justify .gform_body .gform_fields .gfield{float:left;margin:0.49rem;}
  .pxl_form_justify .gform_body .gform_fields .gfield *{width:100%;}
  
  .pxl_form_justify .gform_body .gform_fields .gfield{width:calc(100% - 1rem);}
  .pxl_form_justify .gform_body .gform_fields .gfield.pxl_half{width:calc(50% - 1rem);}
  .pxl_form_justify .gform_body .gform_fields .gfield.pxl_third{width:calc(33.33% - 1rem);}
  
  .pxl_form_justify .gform_footer{clear:both;margin-top:1rem;}
  .pxl_form_justify .gform_footer input[type="submit"]{width:100%;}
  
/* Chosen */
  /*!
  Chosen, a Select Box Enhancer for jQuery and Prototype
  by Patrick Filler for Harvest, http://getharvest.com

  Version 1.8.5
  Full source at https://github.com/harvesthq/chosen
  Copyright (c) 2011-2018 Harvest http://getharvest.com

  MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
  This file is generated by `grunt build`, do not edit it by hand.
  
  ^^^^^
  HAHAHAHAHA, funny guy, that Patrick. The below was painstakingly edited
  by hand by Parapxl Corp so that Chosen wont look the same way it did
  a decade ago... it is still a work in progress.
  
  */

  /* @group Base */
  .chosen-container {position: relative;display: inline-block;vertical-align: middle;-webkit-user-select: none;   -moz-user-select: none;    -ms-user-select: none;        user-select: none;}
  .chosen-container * {box-sizing: border-box;}
  
  .chosen-container .chosen-drop {position: absolute;top: 100%;z-index: 1010;width: 100%;border-top: 0;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);display: none;}
  .chosen-container.chosen-with-drop .chosen-drop {display: block;}

  .chosen-container a {cursor: pointer;}

  .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
    color: #999999;
  }

  .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
    content: ":";
    padding-left: 2px;
    vertical-align: top;
  }

  /* @end */
  /* @group Single Chosen */
  .chosen-container-single .chosen-single {position: relative;display: block;overflow: hidden;padding: 0.5rem 0.75rem;border: 1px solid currentColor;background-color: #fff;color: #444;text-decoration: none;white-space: nowrap;}
  .chosen-container-single .chosen-single input[type="text"] {cursor: pointer;opacity: 0;position: absolute;top:0;width: 0;}

  .chosen-container-single .chosen-default {
    color: #999;
  }

  .chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
  }

  .chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url("chosen-sprite.png") -42px 1px no-repeat;
    font-size: 1px;
  }

  .chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px;
  }

  .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
  }

  .chosen-container-single .chosen-single div {bottom: 0;position: absolute;top: 0;right: 0;width: 1.5rem;}
  .chosen-container-single .chosen-single div b:before {border:6px solid transparent;border-top-color:currentColor;margin-top:-3px;position:absolute;top:50%;content:'';}
  .chosen-container-single .chosen-search {border-bottom:1px solid #eee;position: relative;z-index: 1010;margin: 0;white-space: nowrap;}
  .chosen-container-single .chosen-search input[type="text"] {padding: 0.5rem 1.5rem 0.5rem 0.75rem;width: 100%;outline: 0;border: none;}

  .chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }

  /* @end */
  /* @group Results */
  .chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
  }

  .chosen-container .chosen-results li {display: none;margin: 0;padding: 0.5rem 0.75rem;list-style: none;line-height: 1rem;word-wrap: break-word;-webkit-touch-callout: none;}

  .chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
  }

  .chosen-container .chosen-results li.disabled-result {display: list-item;opacity:0.5;cursor: default;}

  .chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    color: #fff;
  }

  .chosen-container .chosen-results li.no-results {
    opacity:0.5;
    display: list-item;
  }

  .chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: bold;
    cursor: default;
  }

  .chosen-container .chosen-results li.group-option {
    padding-left: 15px;
  }

  .chosen-container .chosen-results li em {font-style: normal;text-decoration: underline;}

  /* @end */
  /* @group Multi Chosen */
  .chosen-container-multi .chosen-choices {position: relative;overflow: hidden;margin: 0;padding: 0.3rem 0.3rem;width: 100%;height: auto;border: 1px solid currentColor;background-color: #fff;cursor: text;}
  .chosen-container-multi .chosen-choices li {display: inline-block;list-style: none;}
  .chosen-container-multi .chosen-choices li.search-field {margin: 0;padding: 0;white-space: nowrap;}
  .chosen-container-multi .chosen-choices li.search-field input[type="text"] {padding-left: 0.45rem;height: 1.9rem;outline: 0;border: 0 !important;background: transparent !important;box-shadow: none;color: #999;width: 2rem;}
  .chosen-container-multi .chosen-choices li.search-choice {position: relative;margin: .1rem;padding: .1rem 1.5rem .1rem 0.5rem;max-width: 100%;background-color: #eeeeee;cursor: default;}
  .chosen-container-multi .chosen-choices li.search-choice span {word-wrap: break-word;}
  .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position: absolute;top: 0px;right: 0.5rem;display: block;line-height:150%;}
  .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after{content:'\00d7';}

  .chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    color: #666;
  }

  .chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4;
  }

  .chosen-container-multi .chosen-drop .result-selected {display: list-item;opacity:0.5;cursor: default;}

  /* @group Active  */
    .chosen-container-active.chosen-with-drop .chosen-single div b:before{border-top-color:transparent;border-bottom-color:currentColor;margin-top:-9px;}
    .chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,0.3);}
    .chosen-container-active .chosen-choices li.search-field input[type="text"]{color:#222 !important;}

  
  /* @group Disabled Support */
    .chosen-disabled{opacity:0.5 !important;cursor:default;}
    .chosen-disabled .chosen-single{cursor:default;}
    .chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default;}
    
  /* @group Retina compatibility */
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container-single .chosen-search input[type="text"],
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span {background-image: url("chosen-sprite@2x.png") !important;background-size: 52px 37px !important;background-repeat: no-repeat !important;}
  }