/* SalesForce WordPress to Lead Default CSS */

.salesforce_w2l_lead form.w2llead {
    text-align: left;
    clear: both;
}

.salesforce_w2l_lead #salesforce {
    margin: .25em 0 0 0;
    color: #aaa;
}

.salesforce_w2l_lead #salesforce a {
    color: #999;
}

.salesforce_w2l_lead .w2llabel, .w2linput {
    display: block;
    float: left;
    box-sizing: border-box;
}

.salesforce_w2l_lead .w2llabel.error {
    color: #f00;
}

.salesforce_w2l_lead .w2llabel {
    clear: left;
    margin: .25em 0;
    width: 50%;
}

.salesforce_w2l_lead .w2linput.text {
    width: 50%;
    height: auto;
    margin: .25em 0;
}

.salesforce_w2l_lead .w2linput.textarea {
    width: 100%;
    height: 6em;
    margin: .75em 0;
}

.salesforce_w2l_lead .w2lsubmit {
    float: none;
    clear: both;
    padding: .5em 0;
}

.salesforce_w2l_lead .w2linput.submit {
    float: none;
    margin: .75em 0 0 0;
    clear: both;
}

.salesforce_w2l_lead .w2llabel.checkbox,
.salesforce_w2l_lead .w2linput.checkbox {
    display: inline-block;
    float: none;
}

.salesforce_w2l_lead .sf_type_checkbox input {
    width: 1.25em;
}

.salesforce_w2l_lead .w2llabel.checkbox {
    clear: none;
    margin: 0;
}

.salesforce_w2l_lead .w2linput.textarea, .salesforce_w2l_lead .w2linput.text {
    font-size: inherit;
}

.salesforce_w2l_lead .top-aligned .w2linput {
    clear: left;
}

.salesforce_w2l_lead .top-aligned .w2llabel {
    width: 100%;
}

.salesforce_w2l_lead .left-aligned .w2llabel {
    width: 25%;
}

.salesforce_w2l_lead .left-aligned .w2linput.text, .salesforce_w2l_lead .left-aligned .w2linput.textarea {
    width: 75%;
}

.salesforce_w2l_lead .sidebar.left-aligned .w2llabel, .salesforce_w2l_lead .sidebar.left-aligned .w2linput {
  width: 50%;
}

.salesforce_w2l_lead .sidebar.left-aligned .w2llabel.checkbox {
  width: auto;
}

.salesforce_w2l_lead .sidebar.left-aligned .w2linput.checkbox {
  width: 1.25em;
}

.salesforce_w2l_lead .top-aligned .w2llabel.checkbox, .salesforce_w2l_lead .left-aligned .w2llabel.checkbox {
    width: auto;
}

/* Styling Fix for Twenty Sixteen Theme */
.w2llead.sidebar{
  margin-left: auto;
  width: 100%;
}


.salesforce_w2l_lead .w2linput.text.captcha {
    width: 160px;
    float: left;
    clear: none;
}

.salesforce_w2l_lead .w2limg {
    display: block;
    clear: both;
    float: left;
}

.salesforce_w2l_lead .required {
    font-weight: bold;
    color: inherit;
}

.salesforce_w2l_lead span.required {
    color: red;
}

.salesforce_w2l_lead .left-aligned .w2limg {
    float: left;
    clear: none;
}

.salesforce_w2l_lead .w2linput.text.captcha {
    height: 75px;
    margin: 0 0 0 .5em;
    font-size: 2.5em;
    font-family: 'Times New Yorker', serif;
    text-align: center;
}

.salesforce_w2l_lead .sf_cc_user {
    padding: 1em 0;
}

.salesforce_w2l_lead .sidebar .w2linput, .salesforce_w2l_lead .sidebar .w2llabel {
    float: none;
    display: block;
}

.salesforce_w2l_lead .sidebar .w2linput.checkbox, .salesforce_w2l_lead .sidebar .w2llabel.checkbox {
    float: none;
    display: inline-block;
    width: auto;
}

.salesforce_w2l_lead .sidebar.left-aligned .w2linput, .salesforce_w2l_lead .sidebar.left-aligned .w2llabel {
    float: left;
    display: inline;
}

.salesforce_w2l_lead .sidebar.left-aligned .w2linput.checkbox, .salesforce_w2l_lead .sidebar.left-aligned .w2llabel.checkbox {
    float: none;
}

.salesforce_w2l_lead .sidebar.left-aligned .w2linput.checkbox{
  float: none;
}

.salesforce_w2l_lead .sidebar .w2llabel.error {
    color: #f00;
}

.salesforce_w2l_lead .sidebar .w2llabel {
    padding: .15em 0;
}

.salesforce_w2l_lead .sidebar .top-aligned .w2llabel {
    float: none;
    display: block;
}

.salesforce_w2l_lead .sidebar select {
  max-width: 100%;
}

.salesforce_w2l_lead .sidebar .w2linput.text {
    width: 95%;
    height: auto;
    margin: .25em 0;
}

.salesforce_w2l_lead .sidebar .w2linput.textarea {
    width: 95%;
    height: 4em;
    margin: .25em 0;
}

.salesforce_w2l_lead .sidebar.left-aligned .w2linput.textarea, .salesforce_w2l_lead .sidebar.left-aligned .w2linput.text {
  width: 50%;
}

.salesforce_w2l_lead .sidebar .w2lsubmit {
    float: none;
    clear: both;
    padding: .5em 0;
    display: block;
    width: 100%;
}

.salesforce_w2l_lead .sidebar .sf_type_captcha {
    text-align: center;
}

.salesforce_w2l_lead .sidebar .sf_type_captcha .w2llabel {
    padding: .5em 0;
    display: inline-block;
    width: 100%;
}

.salesforce_w2l_lead .sidebar .w2linput.text.captcha, .salesforce_w2l_lead .sidebar .w2limg {
    float: none;
    display: inline-block;
}

.salesforce_w2l_lead .sidebar .w2linput.text.captcha {
    margin: .25em 0 0 0;
    height: auto;
    font-size: 1em;
}

.salesforce_w2l_lead .sf_field, .sf_type_checkbox {
    clear: both;
}

.salesforce_w2l_lead .sidebar .sf_field{
  padding: .25em 0;
}

.salesforce_w2l_lead .sf_field span.error_message {
    clear: left;
    display: block;
    color: red;
    font-size: 80%;
}

.salesforce_w2l_lead .clearfix {
    clear: both;
}

.salesforce_w2l_lead .sf_required_fields_msg{
  clear: both;
  display: block;
  float: none;
}

/* Two Column Layout */

.salesforce_w2l_lead.sf_two_column .sf_field{
  clear: none;
}

.salesforce_w2l_lead.sf_two_column .sf_field .w2llabel{
  width: auto;
  display: block;
  float: none;
}

.salesforce_w2l_lead.sf_two_column .sf_type_checkbox .w2llabel{
  display: inline;
}

.salesforce_w2l_lead.sf_two_column .w2linput.text, .salesforce_w2l_lead.sf_two_column .w2linput.select, .salesforce_w2l_lead.sf_two_column .w2linput.date{
  width: 90%;
}

.salesforce_w2l_lead.sf_two_column .sf_type_email, .salesforce_w2l_lead.sf_two_column .sf_type_text, .salesforce_w2l_lead.sf_two_column .sf_type_select, .salesforce_w2l_lead.sf_two_column .sf_type_multi-select, .salesforce_w2l_lead.sf_two_column .sf_type_checkbox, .salesforce_w2l_lead.sf_two_column .sf_type_date{
  width: 50%;
  float: left;
}

.salesforce_w2l_lead.sf_two_column .w2linput.textarea{
  width: 95%;
}

.salesforce_w2l_lead.sf_two_column .sf_cc_user, .salesforce_w2l_lead.sf_two_column .sf_type_recaptcha, .salesforce_w2l_lead.sf_two_column .sf_type_captcha, .salesforce_w2l_lead.sf_two_column .sf_type_html{
  clear: both;
}

/*****/
/**
 * Variables
 */
/**
 * Wrapper
 */
 .combo-select {
  position: relative;
  border: 1px  solid transparent;
  border-radius: 3px; }
  .combo-select .combo-input {
    margin-bottom: 0; }
  
  /**
   * Input field
   */
  .combo-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  width: 100%;
  box-sizing: border-box;
  padding: 13px 9px 12px 9px;
  border-radius: 3px; }
  .combo-input:focus {
    outline: none; }
  
  /**
   * Arrow
   */
  .combo-arrow {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  width: 40px;
  font-size: 12px;
  color: #999999; }
  .combo-arrow:before {
    content: " ";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000000;
    display: block;
    width: 0;
    height: 0;
    top: 0;
    right: 15px;
    bottom: 0;
    position: absolute;
    margin: auto 0; }
  
  /**
   * When opened
   */
  .combo-open .combo-arrow:before {
    border-top: none;
    border-bottom: 5px solid #cccccc; }
  
  /**
   * Hide native select
   */
  .combo-select select {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  opacity: 0; }
  
  @media only screen and (min-width: 960px) {
  .combo-select select {
    left: -1px;
    top: -1px;
    width: 0;
    height: 0;
    margin: 0; } }
  /**
   * Selected option
   */
  .option-selected {
  background-color: #eee; }
  
  /**
   * Hovered option
   */
   @media(min-width:1025px){
  .option-hover {
  background-color: #f2895b;
  color: #fff; }
   }
  /**
   * Option item
   */
  .option-item {
  cursor: pointer;
  border-bottom: 1px #e3e3e3 solid; }
  @media(min-width:1025px){
    .option-item:hover {
        background-color: #f2895b;
        color: #333333; 
    }
  }
  
  .option-item:last-child {
    border-bottom: none; 
  }
  
  /**
   * Disabled and optgroups
   */
  .option-group {
  cursor: text;
  font-weight: 600;
  background: #e1e1e1;
  border: 1px #ccc solid;
  border-width: 1px 0; }
  
  /**
   * Disabled
   */
  .option-disabled {
  opacity: 0.5; }
  
  /**
   * Dropdown
   */
  .combo-dropdown {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  min-width: 100%;
  max-width: 300px;
  max-height: 300px;
  height: 300px;
  margin: 0;
  padding: 0;
  display: none;
  overflow-y: auto !important;
  background: #fff;
  border: 1px solid #999999;
  border-radius: 0;
  box-sizing: border-box; }
  .combo-dropdown li {
        list-style: none;
        padding: 13px;
        margin: 0;
        font-size: 13px; 
    }
  
  /**
   * On Active
   */
  .combo-open .combo-dropdown {
  display: block; }
  
  /**
   * Search marker
   */
  .combo-marker {
  text-decoration: underline; }
  
  /* .elementor *, .elementor :after, .elementor :before{
  background-image: none;
  } */
  /* .sbSelector{
  display: none;
  } */
  ::-webkit-input-placeholder {
  color: #000000;
  }
  .combo-input.text-input{
    font-size: 13px !important;
      color: #000000;
      width: 100% !important;
      border:1px solid #ebebeb;
  }
  .combo-dropdown{
      z-index: 999 !important;
  }
  .combo-input.text-input:focus{
    border:1px solid #f2895b !important;
  }
  .combo-open .combo-dropdown:focus{
    border:1px solid #f2895b !important;
  }
  .combo-marker{
      color:red !important;
  }
  #sf_ATFX_Country__c{
      display: none;
  }
  .new_select_area {position: relative;}
  .new_select_area:before{
    content: " ";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000000;
    display: block;
    width: 0;
    height: 0;
    top: 0 !important;
    right: 20px !important;
    bottom: 0;
    position: absolute;
    margin: auto 0;
    z-index: -1;
}
.open_demo_r_adv{
    padding: 3px 0 0 37px !important;
}
.new_select_area ,#lang_choice_wp-widget-polylang{
    border:1px solid #bababa !important;
    background-color: transparent;
}
.new_select_area_form:before{
    content: " ";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000000;
    display: block;
    width: 0;
    height: 0;
    top: 26px !important;
    right: 26px !important;
    bottom: 0;
    position: absolute;
    margin: auto 0;
    z-index:-1;
}
.new_select_area_left:before{
    content: " ";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000000;
    display: block;
    width: 0;
    height: 0;
    top: 0 !important;
    left: 20px !important;
    bottom: 0;
    position: absolute;
    margin: auto 0;
    z-index:-1;
}
.new_select_area_form_left:before{
    content: " ";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000000;
    display: block;
    width: 0;
    height: 0;
    top: 26px !important;
    left: 26px !important;
    bottom: 0;
    position: absolute;
    margin: auto 0;
    z-index:-1;
}
.form_select_new {
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background-image:none !important;
    width:100% !important;
    padding: 13px 9px 12px 9px !important;
}
.lang_select_new {
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background-image:none !important;
    width:100% !important;
    padding: 13px 9px 12px 9px !important;
    background-color: transparent;
    position: relative;
}
/* ie 清理默认的三角 */
select::-ms-expand{
    display:none;
}
form #sf_Demo_Account_Type__c,form #sf_Demo_Account_Currency__c{
    background: transparent !important;
}
.rtl .combo-arrow{
    left:0px !important;
    right: inherit;
}
.rtl .combo-input{
    padding-right:10px;
}
#lang_choice_wp-widget-polylang{
  height:auto !important;
}
.rtl #sf_phone ,.rtl #sf_email,.rtl .combo-dropdown{
    direction:rtl;
}