/**
 * Front Style
 */
/* Icons menu */
#wp-admin-bar-wc_el_inv_options {
  margin:        7px 5px !important;
  border-radius: 5px;
}

#wp-admin-bar-wc_el_inv_options > a.ab-item:before {
  background-image:    url('../images/invoice.svg') !important;
  background-position: center center;
  background-repeat:   no-repeat;
  background-size:     100%;
  content:             '';
  position:            relative;
  width:               22px;
  height:              16px;
  line-height:         17px;
}

#wpadminbar .quicklinks ul li#wp-admin-bar-wc_el_inv_options > a.ab-item {
  display:        flex;
  align-items:    center;
  flex-direction: row;
  margin-top:     0;
  padding:        0px 5px;
  height:         18px;
  line-height:    17px;
  border-radius:  5px;
  font-size:      13px;
}

#wp-admin-bar-wc_el_inv_options.active.environment-sandbox > a.ab-item,
#wp-admin-bar-wc_el_inv_options.active.environment-sandbox,
#wp-admin-bar-wc_el_inv_options.development > a.ab-item,
#wp-admin-bar-wc_el_inv_options.development {
  background: #d9920f !important;
  color:      #fff !important;
}

#wp-admin-bar-wc_el_inv_options.active.environment-live > a.ab-item,
#wp-admin-bar-wc_el_inv_options.active.environment-live,
#wp-admin-bar-wc_el_inv_options.active > a.ab-item,
#wp-admin-bar-wc_el_inv_options.active {
  background: #46b450 !important;
  color:      #fff !important;
}

#wp-admin-bar-wc_el_inv_options.not-active > a.ab-item,
#wp-admin-bar-wc_el_inv_options.not-active {
  background: #dc3232 !important;
  color:      #fff !important;
}

.pms-billing-details .chosen-container,
#billing_choice_type_field select#billing_choice_type + .select2-container,
#billing_invoice_type_field select#billing_invoice_type + .select2-container {
  width: 100% !important;
}

/* Input */
input#pms_sdi_type,
input#pms_vat_number,
input#pms_tax_code,
input#billing_sdi_type,
input#billing_vat_number,
input#billing_tax_code {
  text-transform: uppercase !important;
}

#billing_tax_code_div .no-valid-cf,
#billing_tax_code_field .no-valid-cf {
  color: #dc3232 !important;
}

/* No sent count */
.no_sent_count {
  display:          inline-block !important;
  box-sizing:       border-box !important;
  margin:           1px 0 -1px 2px !important;
  padding:          0 5px !important;
  min-width:        18px !important;
  height:           18px !important;
  border-radius:    9px !important;
  background-color: #dc3232 !important;
  color:            #fff !important;
  font-size:        11px !important;
  line-height:      1.6 !important;
  text-align:       center !important;
}

/* pop redio fields variation */
[class*="wp_pop-"].form-radio_fields .woocommerce-input-wrapper {
  display:         flex;
  align-items:     center;
  justify-content: flex-start;
}

[class*="wp_pop-"].form-radio_fields.wc_el_inv-invoice-field .woocommerce-input-wrapper {
  flex-wrap: wrap;
}

[class*="wp_pop-"].form-radio_fields.wc_el_inv-invoice-field .woocommerce-input-wrapper .description {
  display:   none !important;
  flex:      1 0 100%;
  width:     100%;
  max-width: 100%;
}

[class*="wp_pop-"].form-radio_fields .woocommerce-input-wrapper label {
  margin-right: 15px
}

/* pmpro_form_fields */
.pmpro_form_fields .pmpro_form_field [class*="wp_pop-"],
.pmpro_form_fields .pmpro_form_field [class*="wp_pop-"] + .select2-container,
.pmpro_form_fields .pmpro_form_field .pmpro_form_input-billing_company {
  width:     100% !important;
  max-width: 100% !important;
}

.pop-notice {
  position:          relative;
  background:        #fff;
  text-align:        left;
  border:            1px solid #c3c4c7;
  border-left-color: rgb(195, 196, 199);
  border-left-width: 4px;
  box-shadow:        0 1px 1px rgba(0, 0, 0, .04);
  padding:           4px 12px;
  margin:            0 0 20px;
}

.pop-notice p {
  margin: 0.6em 0 !important;
}

.pop-notice.notice-warning {
  border-left-color: #ffb900;
}

.pms-account .pop-notice,
.pms-form .pop-notice {
  font-size: 0.95em;
}

@media screen and (min-width: 768px) {
  /* pmpro_form_fields */
  .pmpro_form_fields .pmpro_form_field [class*="wp_pop-"],
  .pmpro_form_fields .pmpro_form_field [class*="wp_pop-"] + .select2-container,
  .pmpro_form_fields .pmpro_form_field .pmpro_form_input-billing_company {
    width:     calc(50% - calc(var(--pmpro--base--spacing--medium) / 2)) !important;
    max-width: calc(50% - calc(var(--pmpro--base--spacing--medium) / 2)) !important;
  }
}


/* POP block */
#pop-checkout {
  position: relative;
  margin:   20px 0;
}

#pop-checkout h4 {
  font-weight: bold;
}

#pop-checkout-root.pop_fields_pos_top {
  margin-bottom: 25px;
}

#pop-checkout-root.pop_fields_pos_bottom {
  margin-top: 25px;
}

#pop-checkout-root .components-input-control__container {
  border-radius: 4px;
}

#pop-checkout-root .components-text-control__input,
#pop-checkout-root .components-select-control__input {
  box-sizing:       border-box;
  width:            100%;
  padding:          1.2em;
  border:           1px solid hsla(0, 0%, 7%, .8);
  border-radius:    4px;
  background-color: #fff;
  color:            #2e2e2e;
  font-size:        16px;
  line-height:      1.4;
  height:           100%;
  transition:       border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

#pop-checkout-root .components-text-control__input:hover,
#pop-checkout-root .components-select-control__input:hover {
  border-color: #999;
}

#pop-checkout-root .components-text-control__input:focus,
#pop-checkout-root .components-select-control__input:focus {
  border-color: #007cba;
  box-shadow:   0 0 0 1px #007cba;
  outline:      none;
}

#pop-checkout-root .components-text-control__input:disabled,
#pop-checkout-root .components-select-control__input:disabled {
  background-color: #f3f3f3;
  color:            #777;
  cursor:           not-allowed;
}

#pop-checkout-root .components-base-control {
  margin-bottom: 15px !important;
}

#pop-checkout-root label {
  color:         hsla(0, 0%, 7%, .7);
  cursor:        text;
  margin-bottom: 0;
  font-size:     1em;
}
