/**
 * Admin Style
 *
 * Border color: #c3c4c7
 * Text Color: #50575e
 * Button Background Color: #eaeaea
 */
/* svg */
svg.ok {
  display: none;
  opacity: 0;
}

.color_green {
  color: #46b450 !important;
}

.color_red {
  color: #dc3232 !important;
}

.color_blue {
  color: #007cba !important;
}

.nomarg {
  margin: 0 !important;
}

.font-size-tiny {
  font-size: 12px !important;
}

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

/* hide error div*/
body.toplevel_page_wc_el_inv-options-page #wpbody-content .error {
  display: none;
}

#toplevel_page_wc_el_inv-options-page a .wp-menu-image::before {
  background:      url('../images/invoice.svg') no-repeat center center;
  background-size: 100%;
  content:         '';
  position:        relative;
  width:           30px;
}

#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;
}

#toplevel_page_wc_el_inv-options-page ul.wp-submenu li.wp-first-item {
  display: none !important;
}

#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;
}

/* admin pages */
body.toplevel_page_wc_el_inv-options-page {
  background: #f0f0f1 !important;
}

body.toplevel_page_wc_el_inv-options-page .wc_el_inv-form {
  margin-top: 0;
}

body.toplevel_page_wc_el_inv-options-page .wc_el_inv-form table.form-table .license_key:not(.hidden) {
  display:        flex;
  flex-direction: column;
  align-items:    flex-start;
  border:         1px solid #c3c4c7;
  background:     #fff;
  padding:        15px;
  max-width:      550px;
  margin-left:    10px;
  margin-bottom:  0;
}

body.toplevel_page_wc_el_inv-options-page .wc_el_inv-form table.form-table .license_key:not(.hidden) td,
body.toplevel_page_wc_el_inv-options-page .wc_el_inv-form table.form-table .license_key:not(.hidden) th {
  padding: 0;
  margin:  0;
  width:   100%;
}

body.toplevel_page_wc_el_inv-options-page .wc_el_inv-form .pop_account > th[scope=row] {
  display: none !important;
}

body.toplevel_page_wc_el_inv-options-page .current-setting_section_general .wc_el_inv-form.pop_not_connected .form-table,
body.toplevel_page_wc_el_inv-options-page .current-setting_section_general .wc_el_inv-form.pop_not_connected .wc_el_inv__tabs.active_general {
  display: none;
}

body.toplevel_page_wc_el_inv-options-page .wc_el_inv-form h2,
body.toplevel_page_wc_el_inv-options-page form .form-table tr th h4 {
  margin:    0;
  font-size: 1.2rem;
}

body.toplevel_page_wc_el_inv-options-page form .form-table tr td hr {
  border-top-color: #ddd;
  position:         relative;
  left:             -370px;
  margin:           2em 0 1em 0;
  width:            calc(370px + 100%);
}

body.toplevel_page_wc_el_inv-options-page form .form-table + .submit {
  margin-top:  25px !important;
  padding-top: 1rem;
  border-top:  1px solid #ddd;
}

body.toplevel_page_wc_el_inv-options-page form .form-table .billing_fields_position label {
  display:        flex;
  flex-direction: row;
  align-items:    center;
  max-width:      150px;
}

body.toplevel_page_wc_el_inv-options-page form .form-table .billing_fields_position label .label-radio {
  margin-left: 10px;
}

body.toplevel_page_wc_el_inv-options-page form .form-table .billing_fields_position label input[type="radio"]:checked + .label-radio img {
  border: 2px solid #c3c4c7;
}

body.toplevel_page_wc_el_inv-options-page form .button#save_invoice_next_number,
body.toplevel_page_wc_el_inv-options-page form .button#submit,
body.toplevel_page_wc_el_inv-options-page form .filter-line .button,
body.toplevel_page_wc_el_inv-options-page form .filter-line .button-primary,
body.toplevel_page_wc_el_inv-options-page form .filter-line .button-secondary,
body.toplevel_page_wc_el_inv-options-page form .form-table .button,
body.toplevel_page_wc_el_inv-options-page form .form-table .button-primary,
body.toplevel_page_wc_el_inv-options-page form .form-table .button-secondary {
  height:      38px;
  line-height: 36px;
  font-size:   1rem;
  border:      1px solid #c3c4c7;
  transition:  all 350ms ease-in-out;
}

body.toplevel_page_wc_el_inv-options-page form .button#save_invoice_next_number {
  background: #fff;
}

.toplevel_page_wc_el_inv-options-page .wp-list-table .column-actions .button {
  transition: all 350ms ease-in-out;
}

.wc_el_inv__description--general {
  padding:    10px;
  background: #fff;
  border:     1px solid #c3c4c7;
}

.wc_el_inv__description--license {
  padding:       10px;
  background:    #46b450;
  border:        1px solid #46b450;
  margin-bottom: 1em;
  color:         #fff;
}

.wc_el_inv__description--license p {
  margin: 0;
}

.wc_el_inv__description--license a {
  color: #fff;
}

.wc_el_inv__description--general .dashicons {
  color: #007cba;
}

.wc_el_inv__description--general ol {
  margin:              0;
  list-style-position: inside;
}

.wc_el_inv__description--general ol li .dashicons-yes-alt {
  color:       #46b450 !important;
  font-size:   16px;
  line-height: 1.4;
}

.wc_el_inv__description--general ol li .dashicons-dismiss {
  color:       #dc3232 !important;
  font-size:   16px;
  line-height: 1.4;
}

.wc_el_inv__general-order {
  margin: 10px 0;
}

body.toplevel_page_wc_el_inv-options-page form .form-table .field-verification {
  border-color: #dc3232 !important;
}

.wc_el_inv__general-order input[type="text"],
.wc_el_inv__general-order input[type="number"],
.wc_el_inv__general-order input[type="date"],
.wc_el_inv__general-order input[type="url"],
.wc_el_inv__general-order input[type="search"],
.wc_el_inv__general-order select,
.wc_el_inv__general-order textarea,
.wc_el_inv__refund-invoice input[type="text"],
.wc_el_inv__refund-invoice input[type="number"],
.wc_el_inv__refund-invoice input[type="date"],
.wc_el_inv__refund-invoice input[type="url"],
.wc_el_inv__refund-invoice input[type="search"],
.wc_el_inv__refund-invoice select,
.wc_el_inv__refund-invoice textarea,
body.toplevel_page_wc_el_inv-options-page form .form-table input[type="text"],
body.toplevel_page_wc_el_inv-options-page form .form-table input[type="number"],
body.toplevel_page_wc_el_inv-options-page form .form-table input[type="date"],
body.toplevel_page_wc_el_inv-options-page form .form-table input[type="url"],
body.toplevel_page_wc_el_inv-options-page form .form-table input[type="search"],
body.toplevel_page_wc_el_inv-options-page form .form-table select,
body.toplevel_page_wc_el_inv-options-page form .form-table textarea,
body.toplevel_page_wc_el_inv-options-page form .filter-line input[type="text"],
body.toplevel_page_wc_el_inv-options-page form .filter-line input[type="number"],
body.toplevel_page_wc_el_inv-options-page form .filter-line input[type="date"],
body.toplevel_page_wc_el_inv-options-page form .filter-line input[type="url"],
body.toplevel_page_wc_el_inv-options-page form .filter-line input[type="search"],
body.toplevel_page_wc_el_inv-options-page form .filter-line select,
body.toplevel_page_wc_el_inv-options-page form .filter-line textarea,
body.toplevel_page_wc_el_inv-options-page form .addon input[type="text"],
body.toplevel_page_wc_el_inv-options-page form .addon input[type="number"],
body.toplevel_page_wc_el_inv-options-page form .addon input[type="date"],
body.toplevel_page_wc_el_inv-options-page form .addon input[type="url"],
body.toplevel_page_wc_el_inv-options-page form .addon input[type="search"],
body.toplevel_page_wc_el_inv-options-page form .addon select,
body.toplevel_page_wc_el_inv-options-page form .addon textarea {
  background:    #fff;
  border:        1px solid #c3c4c7;
  border-radius: 0;
  height:        38px;
  min-height:    38px;
  width:         100%;
  max-width:     350px;
}

body.toplevel_page_wc_el_inv-options-page form .form-table input[readonly="readonly"],
body.toplevel_page_wc_el_inv-options-page form .form-table select[readonly="readonly"],
body.toplevel_page_wc_el_inv-options-page form .form-table textarea[readonly="readonly"] {
  background-color: #eee !important;
}

.wc_el_inv__general-order input[type="number"],
.wc_el_inv__general-order select,
.wc_el_inv__refund-invoice input[type="number"],
.wc_el_inv__refund-invoice select,
body.toplevel_page_wc_el_inv-options-page form .form-table input[type="number"],
body.toplevel_page_wc_el_inv-options-page form .form-table select,
body.toplevel_page_wc_el_inv-options-page form .filter-line input[type="number"],
body.toplevel_page_wc_el_inv-options-page form .filter-line select,
body.toplevel_page_wc_el_inv-options-page form .addon input[type="number"],
body.toplevel_page_wc_el_inv-options-page form .addon select {
  appearance: auto;
}

body.toplevel_page_wc_el_inv-options-page form .form-table textarea,
body.toplevel_page_wc_el_inv-options-page form .filter-line textarea,
body.toplevel_page_wc_el_inv-options-page form .addon textarea {
  max-width: 500px !important;
}

/* notice */
.toplevel_page_wc_el_inv-options-page #wpbody-content .wc_el_inv__header > .notice:not(.pop_notifications):not(.pop_reviews),
.toplevel_page_wc_el_inv-options-page #wpbody-content > .notice:not(.pop_notifications):not(.pop_reviews) {
  display: none;
}

.toplevel_page_wc_el_inv-options-page #wpbody-content .wc_el_inv__header > .notice.pop_reviews,
.toplevel_page_wc_el_inv-options-page #wpbody-content > .notice.pop_reviews {
  margin-top:  70px !important;
  padding-top: 1px !important;
}

.toplevel_page_wc_el_inv-options-page #wpbody-content .wc_el_inv__header > .notice.pop_reviews .stars,
.toplevel_page_wc_el_inv-options-page #wpbody-content > .notice.pop_reviews .stars {
  display:         inline-flex;
  align-items:     center;
  justify-content: center;
  vertical-align:  sub;
}

.toplevel_page_wc_el_inv-options-page #wpbody-content .wc_el_inv__header > .notice.pop_reviews .stars .dashicons,
.toplevel_page_wc_el_inv-options-page #wpbody-content > .notice.pop_reviews .stars .dashicons {
  color: #ffa900;
  width: 18px;
}

.toplevel_page_wc_el_inv-options-page #wpbody-content .wc_el_inv__header > .notice.pop_reviews + .wc_el_inv-wrapper,
.toplevel_page_wc_el_inv-options-page #wpbody-content > .notice.pop_reviews + .wc_el_inv-wrapper {
  margin-top: 10px !important;
}

body.toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper.no-js {
  background-color: initial !important;
}

body.toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper.no-js,
body.toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper.no-js td,
body.toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper.no-js th,
body.toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper.no-js ul li {
  color: #3c434a !important;
}

body.toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper.current-setting_section_general .wc_el_inv-form.pop_not_connected .wrap .pop_notifications {
  position:  absolute;
  z-index:   10;
  width:     100%;
  max-width: 700px;
}

.notice.pop_notifications {
  margin-top: 15px;
}

.toplevel_page_wc_el_inv-options-page #wpbody-content .wc_el_inv > .notice {
  display: block;
}

/* header */
.wc_el_inv__header {
  position:         relative;
  background-color: #fff;
  padding:          10px;
}

@media screen and (max-width: 959px) {
  .toplevel_page_wc_el_inv-options-page.sticky-menu .wc_el_inv__header {
    position: relative;
    left:     0;
    width:    calc(100% - 20px);
  }

  .toplevel_page_wc_el_inv-options-page .wc_el_inv__header::before {
    position:         absolute;
    content:          "";
    left:             -30px;
    background-color: #fff;
    height:           53px;
    right:            -30px;
    z-index:          -1;
    width:            auto;
    top:              0;
  }
}

@media screen and (min-width: 960px) {
  /* banners from other plugins */
  .toplevel_page_wc_el_inv-options-page #wpbody-content #screen-meta + div:not(.wc_el_inv-wrapper) {
    padding-top: 60px;
  }

  .toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper {
    margin-top: 85px;
  }

  .toplevel_page_wc_el_inv-options-page.sticky-menu .wc_el_inv__header {
    width: calc(100% - 180px);
  }

  .toplevel_page_wc_el_inv-options-page.sticky-menu.folded .wc_el_inv__header {
    width: calc(100% - 55px);
  }

  .wc_el_inv__header {
    position: fixed;
    top:      32px;
    left:     auto;
    width:    calc(100% - 180px);
    right:    0;
    z-index:  99;
  }

  .wc_el_inv__header.is-scrolled {
    box-shadow: 0 8px 16px 0 rgba(85, 93, 102, .3);
  }
}

.wc_el_inv__header .license_status_info {
  font-size:   13px;
  margin:      0 0 0 auto;
  font-weight: 700;
}

.wc_el_inv__header .license_status_info.valid {
  display:     flex;
  align-items: center;
  color:       green;
}

.wc_el_inv__header .license_status_info.valid a {
  color:           green !important;
  text-decoration: none !important;
}

.wc_el_inv__header .license_status_info.invalid {
  display:     flex;
  align-items: center;
  color:       red;
}

/* logo */
.toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper form .wc_el_inv__header .pop-logo {
  max-width: 75px;
  width:     100%;
}

/* Settings Tabs */
.toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper form .wc_el_inv__header h2 {
  display:     flex;
  align-items: center;
  line-height: 0.8;
  padding:     0 10px;
}

.toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper form .wc_el_inv__header h2 .version {
  font-size:     0.8rem;
  padding:       0.3rem;
  display:       inline-block;
  background:    #eaeaea;
  color:         #000;
  font-weight:   700;
  text-align:    center;
  border-radius: 10px;
  margin:        0 20px;
  float:         none;
  width:         65px;
}

.toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper form .wc_el_inv__header .php_version {
  background:  #007cba;
  color:       #fff;
  padding:     0.5rem;
  font-weight: 700;
  font-size:   0.9rem;
}

.toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper .wc_el_inv__tabs {
  display:        flex;
  border-bottom:  1px solid #c3c4c7;
  margin:         1.5em 0 1em;
  padding-top:    9px;
  padding-bottom: 0;
  line-height:    inherit;
}

.toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper .wc_el_inv__tabs .wc_el_inv__tabs--item {
  margin:   0;
  position: relative;
}

.toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper .wc_el_inv__tabs .wc_el_inv__tabs--item .field-verification {
  position:        absolute;
  right:           2px;
  top:             -10px;
  color:           #dc3232 !important;
  font-size:       18px;
  width:           18px;
  height:          18px;
  line-height:     1;
  background:      #fff;
  border-radius:   100px;
  display:         flex;
  align-items:     center;
  justify-content: center;
}

.toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper .wc_el_inv__tabs .wc_el_inv__tabs--item a {
  transition:      all 350ms ease-in-out;
  display:         block;
  border:          1px solid #c3c4c7;
  border-bottom:   none;
  margin-left:     0.5em;
  padding:         5px 12px;
  font-size:       14px;
  line-height:     24px;
  font-weight:     400;
  background:      #eaeaea;
  color:           #50575e;
  text-decoration: none;
  white-space:     nowrap;
  margin-bottom:   0;
  border-radius:   5px 5px 0 0;
}

.toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper .wc_el_inv__tabs .wc_el_inv__tabs--item a .dashicons {
  font-size:    16px;
  line-height:  25px;
  margin-right: 4px;
}

.toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper .wc_el_inv__tabs .wc_el_inv__tabs--item a:focus {
  box-shadow: none;
}

.toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper .wc_el_inv__tabs .wc_el_inv__tabs--item a.active {
  font-weight: 600;
}

.toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper .wc_el_inv__tabs .wc_el_inv__tabs--item a:hover,
.toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper .wc_el_inv__tabs .wc_el_inv__tabs--item a.active {
  background: #fff;
  color:      #50575e;
}

/* WooCommerce Tabs */
#woocommerce-product-data ul.wc-tabs li.wc-inv-invoice_options a::before {
  display: none;
}

#woocommerce-product-data ul.wc-tabs li.wc-inv-invoice_options a {
  background: #0085ba;
  color:      #fff;
}

#woocommerce-product-data ul.wc-tabs li.wc-inv-invoice_options:hover a,
#woocommerce-product-data ul.wc-tabs li.wc-inv-invoice_options.active a {
  background: #008ec2;
}

#woocommerce-product-data ul.wc-tabs li.wc-inv-invoice_options a::after {
  background:      url('../images/invoice.svg') no-repeat center center;
  background-size: 100%;
  content:         '';
  display:         inline-block;
  position:        relative;
  width:           22px;
  height:          22px;
  vertical-align:  middle;
  float:           left;
}

/* Json list */
.wc_el_inv__xml,
.wc_el_inv__json {
  background:    #fff;
  border:        1px solid #ddd;
  padding:       .5rem;
  margin-bottom: 1em;
}

.wc_el_inv__xml-list--type,
.wc_el_inv__json-list--type {
  margin-bottom: .3em;
}

.wc_el_inv__xml-list,
.wc_el_inv__json-list {
  background: #fff;
  border:     1px solid #ddd;
  max-height: 350px;
  overflow:   scroll;
  margin:     0;
}

.wc_el_inv__xml-list {
  max-height: 650px;
}

.wc_el_inv__xml-list li,
.wc_el_inv__json-list li {
  background:    #f6f6f6;
  border-bottom: 1px solid #ccc;
  margin:        0;
  padding:       .5rem;
}

.wc_el_inv__json-list li.wc_el_inv__json-list--ids {
  background: rgba(135, 207, 239, 0.5);
}

.wc_el_inv__json-list li.wc_el_inv__json-list--shop_order,
.wc_el_inv__json-list li.wc_el_inv__json-list--product {
  background: rgba(153, 239, 112, 0.5);
}

.wc_el_inv-mode {
  font-weight: normal;
}

.wc_el_inv-mode.dev {
  color: forestgreen;
}

.wc_el_inv__no-key strong {
  text-transform: uppercase;
}

.wc_el_inv__no-key code,
.wc_el_inv-mode.prod {
  color: red;
}

/* actions */
.wc_el_inv__actions {
  align-content:   center;
  align-items:     center;
  display:         flex;
  justify-content: left;
  flex-direction:  row;
}

.wc_el_inv__actions > * {
  margin-right: .5em;
}

.wc_el_inv__actions > *:last-of-type {
  margin-right: 0;
}

.wc_el_inv__actions .wc_el_inv__actions--text {
  flex: 1 0 65%;
}

.wc_el_inv__actions .wc_el_inv__actions--xml a .dashicons,
.wc_el_inv__actions .wc_el_inv__actions--view a .dashicons {
  vertical-align: middle;
  font-size:      1rem;
}

/* WC Integration */
.notice-error .dashicons,
.wc_el_inv-form .notice-error .dashicons {
  color: #dc3232;
}

.notice-info .dashicons,
.wc_el_inv-form .notice-info .dashicons {
  color: #00a0d2;
}

.notice-warning .dashicons,
.wc_el_inv-form .notice-warning .dashicons {
  color: #ffb900;
}

.notice-success .dashicons,
.wc_el_inv-form .notice-success .dashicons {
  color: #46b450;
}

.wc_el_inv-form table tr th[scope=row] {
  padding-top: 10px;
  line-height: 32px;
}

@media screen and (min-width: 991px) {
  .wc_el_inv-form table tr th[scope=row] {
    width: 400px !important;
  }
}

.wc_el_inv-form table.wc_el_inv-vat-rules {
  border: 1px solid #ddd;
}

.wc_el_inv-form table.wc_el_inv-vat-rules thead {
  background: #fff;
}

.wc_el_inv-form table.wc_el_inv-vat-rules tbody > :nth-child(2n+1) {
  background-color: #f9f9f9;
}

.wc_el_inv-form table.wc_el_inv-vat-rules tbody > tr td strong.req {
  color: red;
}

.wc_el_inv-form table.wc_el_inv-vat-rules tbody > tr td strong.not-req {
  color: forestgreen;
}

.wc_el_inv-form table textarea {
  width:      100%;
  min-height: 120px;
}

.wc_el_inv-form table label {
  display: block;
}

.wc_el_inv-form table label > span {
  font-size:     12px;
  font-weight:   500;
  margin-bottom: 5px;
  display:       inline-block;
}

.wc_el_inv-form table label > span.label-textarea-html,
.wc_el_inv-form table label > span.label-text {
  display: block;
}

.pop-premium-badge {
  display:        inline-block;
  margin-left:    8px;
  padding:        3px 7px;
  border-radius:  999px;
  background:     #d97706;
  color:          #fff;
  font-size:      10px;
  font-weight:    700;
  line-height:    1.2;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  vertical-align: middle;
}

.wc_el_inv-form h4 .pop-premium-badge,
.wc_el_inv-form h2 .pop-premium-badge {
  position: relative;
  top:      -1px;
}

.bulk-actions .pop-has-premium-badge {
  position:       relative;
  overflow:       visible;
  pointer-events: none;
}

.bulk-actions .pop-has-premium-badge .pop-premium-badge {
  position:    absolute;
  top:         -20px;
  right:       6px;
  margin-left: 0 !important;
}

.wc_el_inv-form table tr.invoice_type_list label {
  max-width: 500px;
}

.wc_el_inv-form table label > span.label-textarea-html {
  max-width: 500px;
}

.wc_el_inv-form table label > span.label-textarea-html img#billing_invoice_type {
  width:     100%;
  max-width: 496px;
  border:    2px solid #c3c4c7;
}

.wc_el_inv-form table ul {
  margin: 0;
}

.wc_el_inv-form table ul + small,
.wc_el_inv-form table label + small,
.wc_el_inv-form table p small {
  font-size:   11px;
  line-height: 16px;
  display:     inline-block;
}

/* List table */
.toplevel_page_wc_el_inv-options-page .wrap .invoice_range strong {
  background-color: yellow;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line {
  display:        flex;
  align-content:  center;
  align-items:    flex-start;
  flex-direction: column;
  width:          100%;
  float:          left;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line.date_type_state {
  flex:      1 0 80%;
  width:     80%;
  max-width: 80%;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line.search {
  flex:      1 0 20%;
  width:     20%;
  max-width: 20%;
}

.toplevel_page_wc_el_inv-options-page .wrap .summary-data {
  background:     #fff;
  border:         1px solid #ccc;
  padding:        10px;
  width:          auto;
  margin-top:     10px;
  display:        flex;
  flex-direction: row;
  align-items:    center;
}

.toplevel_page_wc_el_inv-options-page .wrap .summary-data .last-download {
  display:         inline-block;
  padding:         3px 6px;
  background:      #85c95b;
  color:           #fff;
  border-radius:   3px;
  text-decoration: none;
  margin-left:     5px;
}

.toplevel_page_wc_el_inv-options-page .wrap .summary-data h3 {
  margin: 0 10px 0 0;
}

.toplevel_page_wc_el_inv-options-page .wrap .summary-data p {
  margin: 0 10px 0 0;
}

.toplevel_page_wc_el_inv-options-page .wrap .filters_wrap {
  display:         flex;
  flex-direction:  row;
  align-items:     flex-start;
  flex-wrap:       wrap;
  justify-content: space-between;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line .filter-selects {
  flex:      1 0 auto;
  width:     100%;
  max-width: 100%;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line label {
  font-weight:  700;
  margin-right: 5px;
  margin-top:   10px;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line label small {
  font-weight: 400;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line select {
  font-weight: 400;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line .bulk-actions {
  padding-bottom: 1rem;
  width:          100%;
  max-width:      100%;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line .bulk-actions span {
  display:        inline-block;
  vertical-align: bottom;
  margin:         10px 5px 0 0;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line .bulk-actions span input.wc_el_inv-datepicker {
  max-width: 100px;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line label#wc_el_inv_order_search_label,
.toplevel_page_wc_el_inv-options-page .wrap .filter-line .bulk-actions span.actions-button {
  margin-top: 10px;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line .bulk-actions span.actions-button a.filter {
  font-size: 13px;
  padding:   0 10px;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line .bulk-actions span.actions-button .sep {
  height:       38px;
  width:        20px;
  padding-left: 2px;
  margin:       0;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line .bulk-actions span.actions-button .sep::before {
  content:          "";
  position:         relative;
  width:            1px;
  height:           34px;
  background-color: #c3c4c7;
  display:          block;
  margin:           2px auto;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line .bulk-actions span.actions-button a.save-all,
.toplevel_page_wc_el_inv-options-page .wrap .filter-line .bulk-actions span.actions-button a.save-all-csv {
  font-size: 13px;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line .bulk-actions .bulk-actions-label {
  display:       inline-block;
  max-width:     100%;
  margin-bottom: 10px;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line .bulk-actions a {
  margin-left:    2px;
  display:        inline-table;
  text-transform: none;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line .bulk-actions a .dashicons {
  font-size:   16px !important;
  display:     inline-table !important;
  line-height: 1 !important;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line .search label input#wc_el_inv_order_search {
  margin-right: 8px;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line label#wc_el_inv_order_search_label a span.dashicons,
.toplevel_page_wc_el_inv-options-page .wrap .filter-line .bulk-actions a span.dashicons {
  vertical-align: middle;
  font-size:      1rem;
  margin:         0;
  line-height:    1;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line label#wc_el_inv_order_search_label a.wc_el_inv_order_search_trigger {
  font-size:   13px;
  font-weight: 400;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line label,
.toplevel_page_wc_el_inv-options-page .wrap .filter-line label select {
  display:   inline-block;
  max-width: 140px;
  width:     100%;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line label select {
  padding: 0 20px 0 0;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line .search {
  margin-bottom: 10px;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line .search,
.toplevel_page_wc_el_inv-options-page .wrap .filter-line label#wc_el_inv_order_search_label {
  background: #fff;
  max-width:  470px;
  width:      100%;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line label#wc_el_inv_order_search_label #wc_el_inv_order_search {
  max-width:   300px;
  font-size:   13px;
  font-weight: 400;
}

.toplevel_page_wc_el_inv-options-page .wrap .filter-line.search,
.toplevel_page_wc_el_inv-options-page .wrap .filter-line label#wc_el_inv_order_search_label {
  display:         flex;
  flex-direction:  row;
  justify-content: flex-end;
  align-items:     flex-end;
}

.toplevel_page_wc_el_inv-options-page .wp-list-table .check-column input {
  display: block !important;
}

.toplevel_page_wc_el_inv-options-page .wp-list-table thead tr th,
.toplevel_page_wc_el_inv-options-page .wp-list-table tfoot tr th {
  font-size: 13px;
}

.toplevel_page_wc_el_inv-options-page .wp-list-table thead tr #invoice_number,
.toplevel_page_wc_el_inv-options-page .wp-list-table tfoot tr .column-invoice_number,
.toplevel_page_wc_el_inv-options-page .wp-list-table tfoot tr .column-invoice_sent {
  width: 80px;
}

.toplevel_page_wc_el_inv-options-page .wp-list-table thead tr #provider_label {
  width: 100px;
}

.toplevel_page_wc_el_inv-options-page .wp-list-table thead tr #invoice_sent {
  width: 60px;
}

.toplevel_page_wc_el_inv-options-page .wp-list-table thead tr #choice_type {
  width: 80px;
}

.toplevel_page_wc_el_inv-options-page .wp-list-table thead tr #total,
.toplevel_page_wc_el_inv-options-page .wp-list-table thead tr #invoice_type,
.toplevel_page_wc_el_inv-options-page .wp-list-table tfoot tr .column-total,
.toplevel_page_wc_el_inv-options-page .wp-list-table tfoot tr .column-invoice_type,
.toplevel_page_wc_el_inv-options-page .wp-list-table tfoot tr .column-choice_type {
  width: 110px;
}

.toplevel_page_wc_el_inv-options-page .wp-list-table thead tr #data_order,
.toplevel_page_wc_el_inv-options-page .wp-list-table tfoot tr .column-data_order {
  width: 160px;
}

/* Only xml table*/
.toplevel_page_wc_el_inv-options-page .current-setting_section_xml .wp-list-table .column-id {
  width: 15%;
}

.toplevel_page_wc_el_inv-options-page .wp-list-table .column-actions {
  width:      18%;
  text-align: right;
  background: rgba(0, 0, 0, 0.05);
}

.toplevel_page_wc_el_inv-options-page .wp-list-table .column-actions a {
  margin-left:   2px;
  margin-bottom: 2px;
  padding:       0 5px 1px;
  line-height:   2;
  word-wrap:     break-word;
  text-align:    left;
  white-space:   normal;
  overflow-wrap: break-word;
  min-height:    32px;
}

.toplevel_page_wc_el_inv-options-page .wp-list-table .column-invoice_sent i.mark-yes {
  background:    #87ca5f;
  border-radius: 100%;
  color:         #fff;
  text-align:    center;
  line-height:   1.1;
}

.toplevel_page_wc_el_inv-options-page .wp-list-table .column-invoice_sent i.mark-warning:before {
  content:       "!";
  background:    #e2c03e;
  border-radius: 100%;
  color:         #fff;
  text-align:    center;
  width:         100%;
  height:        100%;
  display:       block;
  z-index:       -1;
  font-weight:   700;
  line-height:   15px;
  font-size:     18px;
}

.toplevel_page_wc_el_inv-options-page .wp-list-table .column-actions a .dashicons {
  vertical-align: middle;
  font-size:      1rem;
  line-height:    1.3;
}

/* Actions bulk */
.actions_bulk_label {
  margin-top: 10px !important;
  max-width:  214px !important;
  width:      100% !important;
}

.actions_bulk_label #action_bulk {
  max-width: 214px !important;
  width:     100% !important;
}

/* Edit invoice number */
[id*='close_refund_invoice_next_number-'],
[id*='edit_refund_invoice_next_number-'],
#close_invoice_next_number,
#edit_invoice_next_number,
#close_credit_note_next_number,
#edit_credit_note_next_number,
#edit_credit_note_receipt_next_number,
#close_receipt_next_number,
#edit_receipt_next_number {
  display:         inline-block;
  text-decoration: none;
  color:           #007cba;
}

#save_invoice_next_number {
  position: relative;
}

/* Order general option */
.wc_el_inv__general-order {
  display: inline-block;
  padding: 0 2% 0 0;
  width:   100%;
}

.wc_el_inv__refund-invoice .actions,
.wc_el_inv__general-order .actions,
.wc_el_inv__general-order .sdi_pop_actions,
.wc_el_inv__general-order .peppol_pop_actions,
.wc_el_inv__general-order .ksef_pop_actions {
  display:        flex;
  align-items:    center;
  align-content:  center;
  flex-direction: row;
  flex-wrap:      wrap;
  width:          100%;
  margin-top:     10px;
}

.wc_el_inv__refund-invoice .actions .doc-type-wrap,
.wc_el_inv__general-order .actions .doc-type-wrap {
  width:  100%;
  margin: 0 0 10px;
}

.wc_el_inv__refund-invoice .actions a,
.wc_el_inv__general-order .actions a,
.wc_el_inv__general-order .sdi_pop_actions a,
.wc_el_inv__general-order .peppol_pop_actions a,
.wc_el_inv__general-order .ksef_pop_actions a {
  display:         flex;
  height:          100%;
  align-items:     center;
  align-content:   center;
  justify-content: center;
  padding:         0 10px;
  margin-right:    2px;
  max-height:      30px;
}

.wc_el_inv__refund-invoice .actions a .dashicons,
.wc_el_inv__general-order .actions a .dashicons,
.wc_el_inv__general-order .sdi_pop_actions a .dashicons,
.wc_el_inv__general-order .peppol_pop_actions a .dashicons,
.wc_el_inv__general-order .ksef_pop_actions a .dashicons {
  line-height: 1;
}

.wc_el_inv__refund-invoice {
  background: rgba(255, 253, 202, 0.2);
}

.wc_el_inv__general-order h3 {
  padding-top: .5rem;
}

.wc_el_inv__refund-invoice td h3 {
  font-size: 14px;
  margin:    0;
}

.wc_el_inv__refund-invoice td h3 a,
.wc_el_inv__general-order h3 a {
  float: right;
}

.wc_el_inv__refund-invoice .wc_el_inv__refund-invoice--hidden-fields [class*="refund_number_invoice-"] {
  width: 150px;
}

.wc_el_inv__refund-invoice .wc_el_inv__refund-invoice--hidden-fields [class*="refund_date_invoice-"] {
  float:   none !important;
  display: inline-block;
  width:   150px;
}

.wc_el_inv__refund-invoice .wc_el_inv__refund-invoice--hidden-fields [class*="refund_hours_invoice-"],
.wc_el_inv__refund-invoice .wc_el_inv__refund-invoice--hidden-fields [class*="refund_minutes_invoice-"] {
  float:   none !important;
  display: inline-block;
  width:   60px;
}

.wc_el_inv__refund-invoice .wc_el_inv__refund-invoice--hidden-fields [class*="refund_date_invoice-"] input,
.wc_el_inv__refund-invoice .wc_el_inv__refund-invoice--hidden-fields [class*="refund_hours_invoice-"] input,
.wc_el_inv__refund-invoice .wc_el_inv__refund-invoice--hidden-fields [class*="refund_minutes_invoice-"] input {
  width: 100%;
}

.wc_el_inv__general-order .order_number_invoice_field {
  width: 100% !important;
}

.wc_el_inv__general-order .order_number_invoice_field #order_number_invoice {
  width: 50% !important;
}

.wc_el_inv__general-order.invoice-date > p {
  margin: 9px 0 0;
}

.wc_el_inv__refund-invoice .wc_el_inv__refund-invoice--hidden-fields .hours,
.wc_el_inv__refund-invoice .wc_el_inv__refund-invoice--hidden-fields .minutes,
.wc_el_inv__general-order.invoice-date .hours,
.wc_el_inv__general-order.invoice-date .minutes {
  margin: 0 1%;
}

.wc_el_inv__refund-invoice--hidden-fields p,
.wc_el_inv__general-order--hidden-fields p {
  margin: 0 !important;
}

.wc_el_inv__refund-invoice .form-field,
.wc_el_inv__general-order.invoice-date .form-field {
  float:   none !important;
  display: inline-block;
}

.wc_el_inv__general-order.invoice-date .form-field.order_hours_invoice_field,
.wc_el_inv__general-order.invoice-date .form-field.order_minutes_invoice_field {
  width: 65px !important;
}

.wc_el_inv__refund-invoice--hidden-fields,
.wc_el_inv__general-order--hidden-fields {
  display: none;
}

/* button color */
.column-actions .button-save,
.mark_as_sent {
  transition:      all 350ms ease-in-out;
  background:      #87ca5f !important;
  border-color:    #5ea136 #71ba3c #71ba3c !important;
  box-shadow:      0 1px 0 #71ba3c !important;
  color:           #fff !important;
  text-decoration: none !important;
  text-shadow:     0 -1px 1px #71ba3c, 1px 0 1px #71ba3c, 0 1px 1px #71ba3c, -1px 0 1px #71ba3c !important;
}

.column-actions .button-save:hover,
.mark_as_sent:hover {
  box-shadow: 0 2px 0 #3e7714 !important;
}

/*.button-csv {*/
/*  transition:      all 350ms ease-in-out;*/
/*  background:      #d28937 !important;*/
/*  border-color:    #a56231 #d28937 #a56231 !important;*/
/*  box-shadow:      0 1px 0 #d28937 !important;*/
/*  color:           #fff !important;*/
/*  text-decoration: none !important;*/
/*  text-shadow:     0 -1px 1px #d28937, 1px 0 1px #d28937, 0 1px 1px #d28937, -1px 0 1px #d28937 !important;*/
/*}*/

/*.button-csv:hover {*/
/*  box-shadow: 0 2px 0 #794b17 !important;*/
/*}*/

.button-pdf {
  transition:      all 350ms ease-in-out;
  background:      #b73312 !important;
  border-color:    #ca3a14 #bb3112 #bb3112 !important;
  box-shadow:      0 1px 0 #bb3112 !important;
  color:           #fff !important;
  text-decoration: none !important;
  text-shadow:     0 -1px 1px #bb3112, 1px 0 1px #bb3112, 0 1px 1px #bb3112, -1px 0 1px #bb3112 !important;
}

.button-pdf:hover {
  box-shadow: 0 2px 0 #831f09 !important;
}

.mark_undo {
  transition:      all 350ms ease-in-out;
  background:      #e2c03e !important;
  border-color:    #ccab39 #e1bf3b #e1bf3b !important;
  box-shadow:      0 1px 0 #a08428 !important;
  color:           #333 !important;
  text-decoration: none !important;
  text-shadow:     0 -1px 1px #f1cf3d, 1px 0 1px #f1cf3d, 0 1px 1px #f1cf3d, -1px 0 1px #f1cf3d !important;
}

.mark_undo:hover {
  box-shadow: 0 2px 0 #705a12 !important;
}

/* SweetAlert2 */
body.wp-admin .swal2-popup {
  border-radius: 4px;
}

body.wp-admin .swal2-popup .swal2-icon {
  font-size: 0.5rem;
}

body.wp-admin .swal2-popup .swal2-icon.swal2-warning {
  border-color: #ffb900;
  color:        #ffb900;
}

body.wp-admin .swal2-popup .swal2-html-container .swal2-title,
body.wp-admin .swal2-popup .swal2-html-container div {
  color: #1d2327
}

body.wp-admin .swal2-popup .swal2-actions .swal2-styled {
  min-width:     110px;
  height:        38px;
  line-height:   1rem;
  border-width:  1px !important;
  border-style:  solid !important;
  border-radius: 3px;
  box-shadow:    none !important;
  font-size:     1rem;
  font-weight:   500;
  transition:    all 350ms ease-in-out;
}

body.wp-admin .swal2-popup .swal2-actions .swal2-confirm {
  background:    #ff5f5e;
  color:         #fff;
  border-radius: 10px 0 10px 10px;
  box-shadow:    2px 2px 0 0 #a8dadc !important;
  border:        0;
  font-size:     16px;
  padding:       12px 26px 12px 26px;
  line-height:   14px;
  transition:    all 0.2s ease;
}

body.wp-admin .swal2-popup .swal2-actions .swal2-confirm:hover {
  background: #a8dadc !important;
  box-shadow: none !important;
}

body.wp-admin .swal2-popup .swal2-actions .swal2-cancel {
  background:    #a8dadc;
  color:         #1d2327;
  border-radius: 10px 0 10px 10px;
  box-shadow:    2px 2px 0 0 #1d2327 !important;
  border:        0;
  font-size:     16px;
  padding:       12px 26px 12px 26px;
  line-height:   14px;
  transition:    all 0.2s ease;
}

body.wp-admin .swal2-popup .swal2-actions .swal2-cancel:hover {
  background: #1d2327 !important;
  color:      #fff !important;
  box-shadow: none !important;
}

body.wp-admin .swal2-popup .swal2-actions .swal2-styled:focus,
body.wp-admin .swal2-popup .swal2-actions .swal2-styled:focus-visible {
  outline:    none !important;
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(0, 124, 186, 0.35) !important;
}

/* Order data */
.order_data_column_container .order_data_column p.hide {
  display: none;
}

.order_data_column_container .order_data_column #_billing_sdi_type,
.order_data_column_container .order_data_column #_billing_tax_code {
  text-transform: uppercase !important;
}

/* Order read only info */
#woocommerce-order-items .wc-order-data-row p#readonly-info {
  line-height: 1.2 !important;
  font-size:   12px !important;
  margin-top:  5px;
  display:     block;
  float:       left;
  color:       red;
}

/* product fields */
#woocommerce-product-data ul.wc-tabs li.wc_el_inv-product-gift_options a::before {
  font-family: "Dashicons";
  content:     "\f487";
}

#woocommerce-product-data ul.wc-tabs li.wc_el_inv-product_options a::before {
  font-family: "Dashicons";
  content:     "\f11d";
}

#woocommerce-product-data ul.wc-tabs li.wc_el_inv-product-gift_options a span,
#woocommerce-product-data ul.wc-tabs li.wc_el_inv-product_options a span {
  display:        inline-block;
  vertical-align: text-bottom;
}

#wpbody-content .inline-edit-row fieldset.inline-edit-reverse_charge {
  overflow: hidden;
}

#wpbody-content .inline-edit-row fieldset .inline-edit-col.column-edit-reverse_charge .label-edit-reverse_charge {
  width:      100%;
  background: #ddd;
  padding:    4px 8px;
}

#wpbody-content .inline-edit-row fieldset .inline-edit-col.column-edit-reverse_charge {
  padding: 0;
}

#wpbody-content .inline-edit-row fieldset .inline-edit-col.column-edit-reverse_charge h4 {
  margin:     0;
  background: #0085ba;
  color:      #fff;
  padding:    4px 8px;
}

#reverse_charge-product-data .panel_title {
  padding:    0.7rem;
  background: #0085ba;
  color:      #fff;
  margin:     0;
}

/* wc order table */
.wp-list-table tr.type-shop_order td.billing_address .wc_el_inv__general-order h3 {
  margin:      10px 0 0 0 !important;
  font-size:   14px;
  border-top:  1px solid #ddd;
  padding-top: 10px;
}

.wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td.billing_address .wc_el_inv__general-order .actions a.button {
  margin-bottom: 5px;
}

.wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td.billing_address .wc_el_inv__general-order .actions a.button .dashicons {
  width:     15px;
  height:    15px;
  font-size: 15px;
}

@media screen and (max-width: 782px) {
  .wp-list-table tr:not(.inline-edit-row):not(.no-items).is-expanded td.column-primary ~ td.billing_address {
    padding:   0 !important;
    width:     100% !important;
    max-width: 100% !important;
  }

  .wp-list-table tr:not(.inline-edit-row):not(.no-items).is-expanded td.column-primary ~ td.billing_address:before {
    position:    relative;
    font-weight: 700;
    width:       100%;
  }

  .wp-list-table tr:not(.inline-edit-row):not(.no-items).is-expanded td.column-primary ~ td.billing_address .wc_el_inv__general-order {
    padding: 5px;
    width:   calc(100% - 10px);
  }

  .wp-list-table tr:not(.inline-edit-row):not(.no-items).is-expanded td.column-primary ~ td.billing_address .wc_el_inv__general-order .actions a.button {
    min-height: 30px !important;
  }

  .wp-list-table tr:not(.inline-edit-row):not(.no-items).is-expanded td.column-primary ~ td.billing_address .wfc_order_actions_wrapper {
    padding: 5px;
    width:   calc(100% - 10px);
  }
}

.wp-list-table #reverse_charge {
  width: 25px;
}

.wp-list-table #reverse_charge .wc-reverse_charge {
  display:         flex;
  align-items:     center;
  justify-content: center;
  width:           100%;
  text-align:      center;
  margin:          0 auto;
}

.wp-list-table #the-list .column-reverse_charge {
  display:    block;
  text-align: center;
}

.wp-list-table #the-list .column-reverse_charge img {
  width: 20px;
}

.wp-list-table #reverse_charge .wc-reverse_charge img {
  width:  12px;
  filter: invert(0) saturate(0) brightness(0);
}

#reverse_charge_invoice-description + table.form-table {
  display: block;
}

#store_invoice-description {
  margin-top: 30px;
  border-top: 1px solid #ddd;
}

#store_invoice-description p {
  margin-top: 15px;
}

#store_invoice_transmitter-description p {
  margin: 0;
}

#reverse_charge_invoice_info-description {
  padding:    15px;
  background: #fff;
}

.store_invoice_transmitter_title,
.store_invoice_title,
.reverse_charge_invoice_title {
  margin:  0;
  padding: 1rem 0;
}

.reverse_charge_invoice_trigger,
.reverse_charge_info_trigger {
  background-color: #007cba;
  color:            #fff;
  margin:           50px 0 0 0 !important;
  padding:          1rem;
}

.reverse_charge_info_trigger span.dashicons {
  transition:  transform 400ms ease-in-out;
  margin-left: 0.3em;
}

.reverse_charge_info_trigger.open span.dashicons {
  transition: transform 400ms ease-in-out;
  transform:  rotate(90deg);
}

#store_invoice_transmitter-description + table.form-table th,
#store_invoice-description + table.form-table th,
#reverse_charge_invoice-description + table.form-table th {
  /*padding: 1.2rem 1rem;*/
}

#reverse_charge_invoice-description + table.form-table tr:nth-child(2),
#reverse_charge_invoice-description + table.form-table tr:nth-child(4),
#reverse_charge_invoice-description + table.form-table tr:nth-child(8),
#reverse_charge_invoice-description + table.form-table tr:nth-child(10) {
  border-bottom: 1px solid #ccc;
}

.reverse_charge_info_trigger {
  cursor: pointer;
}

/* 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;
}

/* General */
#wc_output_fields .GeneralInvoiceData_output_fields {
  max-width: 900px;
}

#wc_output_fields .GeneralInvoiceData_output_fields,
#wc_output_fields .GeneralInvoiceData_output_fields.active {
  display: block;
}

/* ReverseCharge */
.wc_el_inv-form .form-table tr.reverse_charge .ReverseChargeData_output_fields table tr:nth-child(3),
.wc_el_inv-form .form-table tr.reverse_charge .ReverseChargeData_output_fields table tr:nth-child(5),
.wc_el_inv-form .form-table tr.reverse_charge .ReverseChargeData_output_fields table tr:nth-child(7),
.wc_el_inv-form .form-table tr.reverse_charge .ReverseChargeData_output_fields table tr:nth-child(9),
.wc_el_inv-form .form-table tr.reverse_charge .ReverseChargeData_output_fields table tr:nth-child(11) {
  border-bottom: 1px solid #ddd;
}

.wc_el_inv-form .form-table tr.reverse_charge .ReverseChargeData_output_fields.active {
  display: block;
}

.wc_el_inv-form .form-table tr.reverse_charge .ReverseChargeData_output_fields input.ref-nature {
  background-color: #e5f2f8;
}

.wc_el_inv-form .form-table tr.reverse_charge .ReverseChargeData_output_fields input.ref-nature[value=""] {
  background-color: #fff;
}

.wc_el_inv-form .section_advanced_navs > th[scope=row] {
  display: none;
}

.wc_el_inv-form .form-table tr.import_collections,
.wc_el_inv-form .form-table tr.export_collections {
  display: none; /* default */
}

.wc_el_inv-form .form-table tr.reverse_charge > th[scope=row] {
  display: none;
}

.wc_el_inv-form .form-table tr.reverse_charge > th[scope=row] + td {
  width: 100% !important;
}

.wc_el_inv-form .form-table tr.automatic_sending > th[scope=row] {
  display: none;
}

.wc_el_inv-form .form-table tr.automatic_sending > th[scope=row] + td {
  width: 100% !important;
}

.wc_el_inv-form .form-table tr.pop_webhook > th[scope=row] {
  display: none;
}

.wc_el_inv-form .form-table tr.pop_webhook > th[scope=row] + td {
  width: 100% !important;
}

.wc_el_inv-form .nav_section_advanced#wc_output_fields_nav ul {
  display:    flex;
  list-style: none;
}

.wc_el_inv-form .nav_section_advanced#wc_output_fields_nav ul li::after {
  position: relative;
  content:  "|";
  margin:   0 10px;
}

.wc_el_inv-form .nav_section_advanced#wc_output_fields_nav ul li a:focus {
  box-shadow: none;
}


.wc_el_inv-form .nav_section_advanced#wc_output_fields_nav ul li a.active {
  text-decoration: none;
  font-weight:     700;
  color:           #000;
}

.wc_el_inv-form .nav_section_advanced#wc_output_fields_nav ul li:last-of-type::after {
  display: none;
}

.license_status {
  padding:    1rem 1rem 0;
  border:     1px solid #c3c4c7;
  background: #fff;
}

.license_status code {
  font-size:  16px;
  display:    block;
  margin:     0 0 1em;
  padding:    0;
  width:      auto;
  background: transparent;
}

.license_status ul {
  margin-top: 10px !important;
}

.license_status ul li {
  margin-bottom:  5px;
  border-bottom:  1px solid #c3c4c7;
  padding-bottom: 5px;
  line-height:    19px;
  font-size:      12px;
}

.license_status ul li:last-of-type {
  border: none !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 20px 20px 0;
}

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

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

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

.pop-notice.notice-info {
  border-left-color: #00a0d2;
}

.pop-notice.notice-info .dashicons {
  color: #00a0d2;
}

.pop-notice.notice-success {
  border-left-color: #00a32a;
}

.pop-notice.notice-success .dashicons {
  color: #00a32a;
}

.pop-notice.notice-error {
  border-left-color: #dc3232;
}

.pop-notice.notice-error .dashicons {
  color: #dc3232;
}

/* fic addon */
.wc_el_inv-fic-addon.current-setting_section_xml .wrap .woopop-invoices td.invoice_number input[disabled=disabled],
.wc_el_inv-fic-addon.current-setting_section_numeration .wrap .form-table .number_digits input[disabled=disabled],
.wc_el_inv-fic-addon.current-setting_section_numeration .wrap .form-table .reset_numerations input[disabled=disabled],
.wc_el_inv-fic-addon.current-setting_section_numeration .wrap .form-table .suffix_invoice input[disabled=disabled],
.wc_el_inv-fic-addon.current-setting_section_numeration .wrap .form-table .suffix_year input[disabled=disabled],
.wc_el_inv-fic-addon.current-setting_section_numeration .wrap .form-table .suffix_year_format input[disabled=disabled],
.wc_el_inv-fic-addon.current-setting_section_numeration .wrap .form-table .number_next_invoice input[disabled=disabled],
.wc_el_inv-fic-addon.current-setting_section_numeration .wrap .form-table .number_next_receipt input[disabled=disabled],
.wc_el_inv-fic-addon.current-setting_section_numeration .wrap .form-table .numeration_credit_note input[disabled=disabled],
.wc_el_inv-fic-addon.current-setting_section_numeration .wrap .form-table .number_next_credit_note input[disabled=disabled],
.wc_el_inv-fic-addon.current-setting_section_numeration .wrap .form-table .numeration_credit_note_receipt input[disabled=disabled],
.wc_el_inv-fic-addon.current-setting_section_numeration .wrap .form-table .number_next_credit_note_receipt input[disabled=disabled] {
  background-color: #eee;
}

.wc_el_inv-fic-addon.current-setting_section_numeration .wrap .form-table .number_digits th,
.wc_el_inv-fic-addon.current-setting_section_numeration .wrap .form-table .reset_numerations th,
.wc_el_inv-fic-addon.current-setting_section_numeration .wrap .form-table .suffix_invoice th,
.wc_el_inv-fic-addon.current-setting_section_numeration .wrap .form-table .suffix_year th,
.wc_el_inv-fic-addon.current-setting_section_numeration .wrap .form-table .suffix_year_format th,
.wc_el_inv-fic-addon.current-setting_section_numeration .wrap .form-table .number_next_invoice th,
.wc_el_inv-fic-addon.current-setting_section_numeration .wrap .form-table .number_next_receipt th,
.wc_el_inv-fic-addon.current-setting_section_numeration .wrap .form-table .numeration_credit_note th,
.wc_el_inv-fic-addon.current-setting_section_numeration .wrap .form-table .number_next_credit_note th,
.wc_el_inv-fic-addon.current-setting_section_numeration .wrap .form-table .numeration_credit_note_receipt th,
.wc_el_inv-fic-addon.current-setting_section_numeration .wrap .form-table .number_next_credit_note_receipt th {
  color: #999;
}

.wc_el_inv-fic-addon.current-setting_section_numeration .wrap #edit_invoice_next_number,
.wc_el_inv-fic-addon.current-setting_section_numeration .wrap #edit_receipt_next_number,
.wc_el_inv-fic-addon.current-setting_section_numeration .wrap #edit_credit_note_next_number,
.wc_el_inv-fic-addon.current-setting_section_numeration .wrap #edit_credit_note_receipt_next_number {
  pointer-events: none !important;
  cursor:         not-allowed !important;
}

/* Collections */
.wc_el_inv-form .form-table .export_collections label,
.wc_el_inv-form .form-table .import_collections label {
  width: 100%;
}

.wc_el_inv-form .form-table .export_collections textarea#wc_el_inv-settings-export_collections,
.wc_el_inv-form .form-table .import_collections textarea#wc_el_inv-settings-import_collections {
  max-width:  100% !important;
  min-height: 150px;
}

.wc_el_inv-form .form-table .export_collections textarea#wc_el_inv-settings-export_collections {
  background-color: #eee;
  font-style:       italic;
  font-size:        13px;
  color:            #999;
}

.wc_el_inv-form .form-table .import_collections textarea#wc_el_inv-settings-import_collections {
  font-style: italic;
  font-size:  13px;
}

/* Media query */
@media screen and (min-width: 782px ) and (max-width: 1180px) {
  .toplevel_page_wc_el_inv-options-page .wp-list-table .column-actions {
    width: 22%;
  }

  .toplevel_page_wc_el_inv-options-page .wp-list-table thead tr #data_order,
  .toplevel_page_wc_el_inv-options-page .wp-list-table tfoot tr .data_order,
  .toplevel_page_wc_el_inv-options-page .wp-list-table tbody tr td.data_order,
  .toplevel_page_wc_el_inv-options-page .wp-list-table thead tr #choice_type,
  .toplevel_page_wc_el_inv-options-page .wp-list-table tfoot tr .column-choice_type,
  .toplevel_page_wc_el_inv-options-page .wp-list-table tbody tr td.choice_type {
    visibility:  hidden;
    width:       0 !important;
    text-indent: -99999px;
    padding:     0;
  }

  .toplevel_page_wc_el_inv-options-page .wp-list-table thead tr #data_order *,
  .toplevel_page_wc_el_inv-options-page .wp-list-table tfoot tr .data_order *,
  .toplevel_page_wc_el_inv-options-page .wp-list-table tbody tr td.data_order *,
  .toplevel_page_wc_el_inv-options-page .wp-list-table thead tr #choice_type *,
  .toplevel_page_wc_el_inv-options-page .wp-list-table tfoot tr .column-choice_type *,
  .toplevel_page_wc_el_inv-options-page .wp-list-table tbody tr td.choice_type * {
    display: none;
  }


  .toplevel_page_wc_el_inv-options-page .wp-list-table thead tr #choice_type,
  .toplevel_page_wc_el_inv-options-page .wp-list-table thead tr #data_order,
  .toplevel_page_wc_el_inv-options-page .wp-list-table thead tr #invoice_number,
  .toplevel_page_wc_el_inv-options-page .wp-list-table thead tr #invoice_sent,
  .toplevel_page_wc_el_inv-options-page .wp-list-table thead tr #total,
  .toplevel_page_wc_el_inv-options-page .wp-list-table thead tr #invoice_type,
  .toplevel_page_wc_el_inv-options-page .wp-list-table tfoot tr .column-choice_type,
  .toplevel_page_wc_el_inv-options-page .wp-list-table tfoot tr .column-data_order,
  .toplevel_page_wc_el_inv-options-page .wp-list-table tfoot tr .column-invoice_number,
  .toplevel_page_wc_el_inv-options-page .wp-list-table tfoot tr .column-invoice_sent,
  .toplevel_page_wc_el_inv-options-page .wp-list-table tfoot tr .column-total,
  .toplevel_page_wc_el_inv-options-page .wp-list-table tfoot tr .column-invoice_type {
    width: auto;
  }
}

@media screen and (max-width: 1068px ) {

  .toplevel_page_wc_el_inv-options-page .wrap #wp-list-table-invoice-form {
    display:        flex;
    flex-direction: column;
    flex-wrap:      wrap;
  }

  .toplevel_page_wc_el_inv-options-page .wrap .filter-line {
    width: 100%;
  }

  .toplevel_page_wc_el_inv-options-page .wrap .summary-data {
    order:          -1;
    margin:         1rem 0 !important;
    flex-direction: column;
    align-items:    flex-start;
  }

  .toplevel_page_wc_el_inv-options-page .wrap .summary-data .last-download {
    margin-left: 0;
  }

  .toplevel_page_wc_el_inv-options-page .wrap .summary-data h3 {
    margin-bottom: 5px;
  }

  .toplevel_page_wc_el_inv-options-page .wrap .summary-data p {
    margin-top: 3px;
  }

  .toplevel_page_wc_el_inv-options-page .wrap .filter-line label#wc_el_inv_order_search_label {
    justify-content: flex-start;
    width:           100%;
    max-width:       100%;
  }

  .toplevel_page_wc_el_inv-options-page .wrap .filter-line label#wc_el_inv_order_search_label #wc_el_inv_order_search {
    max-width: 100%;
  }

  .toplevel_page_wc_el_inv-options-page .wrap .filter-line label#wc_el_inv_order_search_label a.wc_el_inv_order_search_trigger {
    margin: 0;
  }
}

@media screen and (max-width: 1180px ) {
  .toplevel_page_wc_el_inv-options-page .wrap .filters_wrap {
    flex-direction: column-reverse;
  }

  .toplevel_page_wc_el_inv-options-page .wrap .filter-line.search,
  .toplevel_page_wc_el_inv-options-page .wrap .filter-line label#wc_el_inv_order_search_label {
    justify-content: flex-start;
  }

  .toplevel_page_wc_el_inv-options-page .wrap .filter-line.date_type_state,
  .toplevel_page_wc_el_inv-options-page .wrap .filter-line.search {
    flex:      1 0 100%;
    width:     100%;
    max-width: 100%;
  }

  .toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper .wc_el_inv__tabs {
    display: table;
    border:  0;
    width:   100%;
  }

  .toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper .wc_el_inv__tabs li {
    display: inline-flex;
  }

  .toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper .wc_el_inv__tabs li a {
    border: 1px solid #c3c4c7 !important;
    margin: 5px;
  }
}

@media screen and (max-width: 782px ) {

  .wp-list-table #the-list .column-reverse_charge,
  .toplevel_page_wc_el_inv-options-page .wp-list-table tr th.check-column {
    display: none;
  }

  .toplevel_page_wc_el_inv-options-page .wp-list-table .column-actions a {
    line-height: 35px;
  }

  .toplevel_page_wc_el_inv-options-page .current-setting_section_xml .wp-list-table .column-cb {
    width: 100% !important;
  }

  .toplevel_page_wc_el_inv-options-page .current-setting_section_xml .wp-list-table thead tr th.column-id {
    display: none;
  }

  .toplevel_page_wc_el_inv-options-page .wp-list-table #the-list tr:not(.is-expanded) .column-reverse_charge {
    display: none;
  }

  .toplevel_page_wc_el_inv-options-page .wp-list-table .column-actions {
    width:      auto;
    text-align: left;
  }

  .toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper .wc_el_inv__tabs {
    display: table;
    border:  0;
    width:   100%;
  }

  .toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper .wc_el_inv__tabs li {
    display: inline-flex;
  }

  .toplevel_page_wc_el_inv-options-page .wc_el_inv-wrapper .wc_el_inv__tabs li a {
    border: 1px solid #c3c4c7 !important;
    margin: 5px;
  }

  .wc_el_inv-form .nav_section_advanced#wc_output_fields_nav ul {
    flex-direction: column;
    padding:        10px;
  }

  .wc_el_inv-form .nav_section_advanced#wc_output_fields_nav ul li::after {
    display: none;
  }
}

@media screen and (max-width: 520px ) {
  .wc_el_inv__actions {
    display: inline-block;
    width:   100%;
  }

  .wc_el_inv__actions .wc_el_inv__actions--text {
    margin-bottom: .5em;
    margin-right:  0;
  }

  .wc_el_inv__actions .wc_el_inv__actions--xml,
  .wc_el_inv__actions .wc_el_inv__actions--view {
    float: left;
  }
}

/* integration */
.pop-integration-wrapper h1 {
  line-height: 20px;
}

.pop_to_fic_title {
  margin-top: 10px !important;
}

.integration-wrapper {
  display:        flex;
  flex-direction: row;
  flex-wrap:      wrap;
  margin:         0;
}

.integration-wrapper .sidebar a {
  text-decoration: none !important;
}

.integration-wrapper .integration {
  flex:      1 0 69%;
  width:     69%;
  max-width: 69%;
  margin:    0 -15px;
}

.integration-wrapper .sidebar {
  flex:         1 0 calc(30% - 16px);
  width:        calc(30% - 16px);
  max-width:    calc(30% - 16px);
  border-left:  1px solid #dcdcde;
  padding-left: 15px;
}

.integration .d-flex {
  display:         flex;
  flex-direction:  row;
  flex-wrap:       wrap;
  align-items:     center;
  margin:          0 auto;
  justify-content: flex-start;
  width:           100%;
}

.integration .d-flex .card {
  aspect-ratio:    4/4;
  object-fit:      contain;
  object-position: center;
  max-width:       270px;
  margin:          15px 30px 15px 0;
  padding:         15px;
}

.integration .d-flex .card p {
  margin: 10px 0 !important;
}

.integration .d-flex .card a[class*="button-"] {
  background:     #ff5c35;
  color:          #fff;
  text-transform: uppercase;
  font-weight:    700;
  border:         2px solid #ff5c35;
  transition:     all 350ms ease-in-out;
}

.integration .d-flex .card a[class*="button-"]:hover {
  background: #fff;
  color:      #ff5c35;
}

.integration .d-flex .card a[class*="button-"]:hover .dashicons::before {
  color: #ff5c35;
}

.integration .d-flex .card a[class*="button-"] .dashicons {
  vertical-align: middle;
}

.integration .d-flex .col-3 {
  padding:  10px;
  overflow: hidden;
}

.integration .d-flex .col-3 .card {
  border:           1px solid #ddd;
  transition:       all 350ms ease-in-out;
  box-shadow:       0 1px 2px rgba(0, 0, 0, .4);
  aspect-ratio:     auto;
  object-fit:       contain;
  object-position:  center;
  max-width:        270px;
  min-height:       285px;
  margin:           0;
  padding:          10px;
  border-radius:    10px;
  background-color: #fff;
  position:         relative;
  display:          block;
}

.integration .d-flex .col-3 .card:hover {
  border:     1px solid #87ca5f;
  box-shadow: none;
  opacity:    1;
}

.integration .d-flex .col-3 .card h5 {
  font-size:   18px;
  font-weight: 700;
  margin:      0;
}

.integration .d-flex .col-3 .card p {
  margin: 3px 0;
}

.integration .d-flex .col-3 .card h5,
.integration .d-flex .col-3 .card p {
  color: #000;
!important;
}

.integration .d-flex .col-3 .card img {
  width:         calc(100% - 30px);
  height:        auto;
  display:       block;
  padding:       0 15px;
  border:        1px solid #ddd;
  margin-bottom: 10px;
}

.integration-wrapper .integration .d-flex .col-3 .card > a {
  position:        absolute;
  bottom:          15px;
  right:           15px;
  text-decoration: none !important;
}

.integration .d-flex .col-3 .card.disabled {
  pointer-events: unset;
  cursor:         not-allowed;
  opacity:        0.5;
}

.integration .d-flex .col-3 .card:hover img {
  opacity: 1;
}

.integration .d-flex .col-3 > .card .integration_button {
  transition:     all 350ms ease-in-out;
  content:        attr(data-enable);
  position:       absolute;
  left:           5px;
  right:          auto;
  bottom:         9px;
  margin:         0 auto;
  text-align:     center;
  z-index:        10;
  background:     #87ca5f;
  padding:        6px;
  max-width:      fit-content;
  color:          #fff;
  font-size:      12px;
  font-weight:    700;
  text-transform: uppercase;
  border-radius:  5px;
  cursor:         pointer;
}

.integration .d-flex .col-3 > .card .integration_button::before {
  content: attr(data-enable);
}

.integration .d-flex .col-3 .card.plugin-active .integration_button {
  background: #ff5f5e;
  content:    attr(data-disable);
}

.integration .d-flex .col-3 .card.plugin-active .integration_button:before {
  content: attr(data-disable);
}

.integration .d-flex .col-3 .card.plugin-active {
  border:     1px solid #87ca5f;
  box-shadow: none;
  opacity:    1;
}

.integration .d-flex .col-3 .card .active {
  position:       absolute;
  top:            -15px;
  right:          5px;
  padding:        4px;
  background:     #87ca5f;
  color:          #fff;
  border-radius:  5px;
  width:          auto;
  text-align:     center;
  font-weight:    700;
  text-transform: uppercase;
  z-index:        999;
}

@media screen and (max-width: 800px) {
  .integration-wrapper {
    flex-direction: column;
  }

  .integration-wrapper .sidebar,
  .integration-wrapper .integration {
    flex:      1 0 100%;
    width:     100%;
    max-width: 100%;
    border:    0 !important;
  }
}

.pop-integration-wrapper .loading img {
  animation: fadeEffect 1s infinite;
  opacity:   0.4;
}

@keyframes fadeEffect {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.4;
  }
}

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.core-loading::before {
  content:         "";
  display:         block;
  width:           70px;
  height:          70px;
  position:        fixed;
  left:            50%;
  top:             50%;
  margin:          0;
  background:      transparent url('../images/loader.png') no-repeat center;
  background-size: contain;
  transform:       translate(-50%, -50%);
  border-radius:   100%;
  z-index:         9999;
  animation:       spin 1s linear infinite;
}

/* button_pop_cloud_disconnect */
#button_pop_cloud_disconnect {
  display:     flex;
  align-items: center;
  max-width:   fit-content;
}

#button_pop_cloud_disconnect .dashicons {
  margin-right: 10px;
  line-height:  1;
}

/* pop_account_panel */
.pop_account_panel {
  padding:          15px;
  margin-top:       10px !important;
  background-color: #fff;
  border:           1px solid #c3c4c7;
  max-width:        550px !important;
}

.pop_account_panel .user_level {
  border-bottom:  1px solid #c3c4c7;
  margin-bottom:  10px;
  padding-bottom: 10px;
}

/* pop_account_panel_connect */
.pop_account_panel_connect {
  height:          100%;
  padding:         20px;
  background:      #f9fbf5;
  min-height:      100vh;
  max-width:       100%;
  margin:          0 auto;
  display:         flex;
  flex-direction:  column;
  align-items:     center;
  justify-content: center;
  position:        relative;
  left:            -8px;
  top:             -20px;
}

.pop_account_panel_connect .pop_account_panel_connect_content {
  z-index:    10;
  text-align: center;
  position:   absolute;
  top:        40%;
  transform:  translateY(-40%);
}

.pop_account_panel_connect .overlay {
  opacity:               0.06;
  background-image:      url('../images/pop-pattern.svg');
  background-color:      transparent;
  background-size:       8% auto;
  background-position:   center center;
  background-attachment: fixed;
  background-repeat:     repeat;
  top:                   0;
  left:                  0;
  position:              absolute;
  height:                100%;
  width:                 100%;
  z-index:               0;
  filter:                opacity(100%);
  display:               flex
}

.pop_account_panel_connect h2 {
  font-size:   30px;
  line-height: 30px;
  margin:      0;
}

.pop_account_panel_connect .button {
  background:    #ff5f5e;
  color:         #fff;
  border-radius: 10px 0 10px 10px;
  box-shadow:    4px 4px 0 0 #a8dadc;
  border:        0;
  font-size:     18px;
  padding:       12px 26px 12px 26px;
  line-height:   18px;
  transition:    all 0.2s ease;
}

.pop_account_panel_connect .button:hover,
.pop_account_panel_connect .button:focus,
.pop_account_panel_connect .button:active {
  background: #a8dadc !important;
  box-shadow: none !important;
}

@keyframes fadein {
  to {
    opacity: 1;
  }
}

@keyframes fadeout {
  to {
    opacity: 0;
  }
}

form#business_registry p {
  margin-bottom: 10px;
}


/* loading */
#loading-overlay {
  position:         fixed;
  top:              0;
  left:             0;
  width:            100%;
  height:           100%;
  background-color: rgba(0, 0, 0, 0.6);
  color:            white;
  display:          flex;
  justify-content:  center;
  align-items:      center;
  font-size:        1.5rem;
  z-index:          9999;
}

#loading-overlay.hidden {
  display: none !important;
}

#loading-overlay.loading::before {
  content:         "";
  display:         block;
  width:           70px;
  height:          70px;
  position:        fixed;
  left:            50%;
  top:             42%;
  margin:          0;
  background:      transparent url("../../assets/images/loader.png") no-repeat center;
  background-size: contain;
  transform:       translate(-50%, -50%);
  border-radius:   100%;
  z-index:         9999;
  animation:       spin 1s linear infinite;
}

.wc_el_inv__refund-invoice.pop_sdi_and_webhook_actions.refund td {
  padding: 0 1em !important;
}

.wc_el_inv__refund-invoice.pop_sdi_and_webhook_actions.refund .sdi_pop_actions,
.wc_el_inv__refund-invoice.pop_sdi_and_webhook_actions.refund .peppol_pop_actions,
.wc_el_inv__refund-invoice.pop_sdi_and_webhook_actions.refund .ksef_pop_actions,
.wc_el_inv__refund-invoice.pop_sdi_and_webhook_actions.refund .pop_to_webhook_actions {
  display:        flex;
  align-items:    center;
  align-content:  center;
  flex-direction: row;
  flex-wrap:      wrap;
  width:          100%;
  margin-top:     10px;
}

/* pop to webhook */
.pop_to_webhook_actions h4 {
  margin: 0 !important;
  width:  100%;
}

.pop_to_webhook_actions hr {
  width: 100% !important;
}

.pop_to_webhook_actions .api-action {
  padding: 0 10px !important;
}

.pop_to_webhook_actions .send-webhook[disabled="disabled"],
.pop_to_webhook_actions .send-webhook.disabled {
  pointer-events: none !important;
  opacity:        0.6;
}

.pop_to_webhook_actions .send-webhook.disabled {
  background-color: #87ca5f !important;
  border-color:     #87ca5f !important;
  box-shadow:       0 2px 1px #428f19 !important;
  color:            #fff !important;
  text-transform:   uppercase;
}

.pop_to_webhook_actions .api-action.send-webhook {
  background-color: #87ca5f !important;
  border-color:     #87ca5f !important;
  box-shadow:       0 2px 1px #428f19 !important;
  color:            #fff !important;
  text-transform:   uppercase;
  min-height:       30px !important;
  max-height:       30px !important;
  line-height:      2 !important;
}

.pop_to_webhook_actions .send-webhook.disabled {
  background-color: #87ca5f !important;
  border-color:     #87ca5f !important;
  box-shadow:       0 2px 1px #428f19 !important;
  color:            #fff !important;
  text-transform:   uppercase;
  opacity:          0.6;
}

/* pop to sdi */
.sdi_pop_actions h4,
.peppol_pop_actions h4,
.ksef_pop_actions h4 {
  margin: 0 !important;
  width:  100%;
}

.sdi_pop_actions hr,
.peppol_pop_actions hr,
.ksef_pop_actions hr {
  width: 100% !important;
}

.sdi_pop_actions .api-action,
.peppol_pop_actions .api-action,
.ksef_pop_actions .api-action {
  padding:     0 10px !important;
  min-height:  30px !important;
  max-height:  30px !important;
  line-height: 2 !important;
}

.sdi_pop_actions a[disabled="disabled"],
.peppol_pop_actions a[disabled="disabled"],
.ksef_pop_actions a[disabled="disabled"],
.sdi_pop_actions a.disabled,
.peppol_pop_actions a.disabled,
.ksef_pop_actions a.disabled {
  pointer-events: none !important;
  opacity:        0.6;
}

.sdi_pop_actions .api-action.create,
.peppol_pop_actions .api-action.create,
.ksef_pop_actions .api-action.create {
  background-color: #87ca5f !important;
  border-color:     #87ca5f !important;
  box-shadow:       0 2px 1px #428f19 !important;
  color:            #fff !important;
  text-transform:   uppercase;
  min-height:       30px !important;
  max-height:       30px !important;
  line-height:      2 !important;
}

.sdi_pop_actions .create.disabled,
.peppol_pop_actions .create.disabled,
.ksef_pop_actions .create.disabled {
  background-color: #87ca5f !important;
  border-color:     #87ca5f !important;
  box-shadow:       0 2px 1px #428f19 !important;
  color:            #fff !important;
  text-transform:   uppercase;
  opacity:          0.6;
  min-height:       30px !important;
}

.sdi_pop_actions .button.created,
.peppol_pop_actions .button.created,
.ksef_pop_actions .button.created {
  background-color: #87ca5f !important;
  border-color:     #87ca5f !important;
  box-shadow:       0 2px 1px #428f19 !important;
  color:            #fff !important;
  text-transform:   uppercase;
  pointer-events:   none;
  opacity:          0.6;
  min-height:       30px !important;
}

.sdi_pop_actions .api-action.create:hover,
.peppol_pop_actions .api-action.create:hover,
.ksef_pop_actions .api-action.create:hover {
  background-color: #428f19 !important;
  border-color:     #428f19 !important;
  box-shadow:       0 2px 1px #428f19 !important;
}

.sdi_pop_actions .api-action.notifications {
  background-color: #ff7d20 !important;
  border-color:     #ff7d20 !important;
  box-shadow:       0 2px 1px #ab5112 !important;
  color:            #fff !important;
  text-transform:   uppercase;
  min-height:       30px !important;
  max-height:       30px !important;
  line-height:      2 !important;
}

.sdi_pop_actions .notifications.disabled {
  background-color: #ff7d20 !important;
  border-color:     #ff7d20 !important;
  box-shadow:       0 2px 1px #ab5112 !important;
  color:            #fff !important;
  text-transform:   uppercase;
  opacity:          0.6;
  min-height:       30px !important;
}

.sdi_pop_actions .api-action.notifications:hover {
  background-color: #ab5112 !important;
  border-color:     #ab5112 !important;
  box-shadow:       0 2px 1px #ab5112 !important;
}

.sdi_pop_actions .api-action.preserve {
  background-color: #0095ff !important;
  border-color:     #0095ff !important;
  box-shadow:       0 2px 1px #005d88 !important;
  color:            #fff !important;
  text-transform:   uppercase;
  min-height:       30px !important;
  max-height:       30px !important;
  line-height:      2 !important;
}

.sdi_pop_actions .preserve.disabled {
  background-color: #0095ff !important;
  border-color:     #0095ff !important;
  box-shadow:       0 2px 1px #005d88 !important;
  color:            #fff !important;
  text-transform:   uppercase;
  opacity:          0.6;
  min-height:       30px !important;
}

.sdi_pop_actions .api-action.preserve:hover {
  background-color: #005d88;
  border-color:     #005d88;
  box-shadow:       0 2px 1px #005d88 !important;
}

.sdi_pop_notifications {
  border:           1px solid #bbb;
  margin-top:       5px !important;
  padding:          10px !important;
  background-color: #ddd !important;
}

.sdi_pop_notifications p {
  text-align:     left;
  font-size:      12px !important;
  margin-bottom:  4px !important;
  border-bottom:  1px solid #bbb;
  padding-bottom: 3px;
}

.sdi_pop_notifications p:last-of-type {
  border: none !important;
}

.pop_api_info {
  font-size:     12px;
  font-style:    italic;
  margin-bottom: 35px;
}

#ksef_via_pop_data-description + .form-table tbody tr th.titledesc,
#peppol_via_pop_data-description + .form-table tbody tr th.titledesc,
#sdi_via_pop_data-description + .form-table tbody tr th.titledesc {
  margin:  0 !important;
  padding: 5px 0 !important;
  width:   500px !important;
}

.wc-settings-row-environment_title {
  margin-bottom: 15px !important;
  display:       block;
}

.wc-settings-row-environment_title .titledesc {
  font-size: 22px;
}

#sdi_via_pop_data-description + .form-table tbody tr td,
#ksef_via_pop_data-description + .form-table tbody tr:last-of-type td,
#peppol_via_pop_data-description + .form-table tbody tr:last-of-type td {
  display: none !important;
}

label[for="wc_el_inv-active_ksef_integration_sandbox"],
label[for="wc_el_inv-active_peppol_integration_sandbox"],
label[for="wc_el_inv-active_sdipop_integration_sandbox"],
label[for="wc_el_inv-business_apply_signature_sandbox"],
label[for="wc_el_inv-business_apply_legal_storage_sandbox"],
label[for="wc_el_inv-active_ksef_integration"],
label[for="wc_el_inv-active_peppol_integration"],
label[for="wc_el_inv-active_sdipop_integration"],
label[for="wc_el_inv-business_apply_signature"],
label[for="wc_el_inv-business_apply_legal_storage"] {
  display:     flex;
  align-items: center;
  font-size:   16px;
  line-height: 20px;
}

label[for="wc_el_inv-active_ksef_integration_storage_sandbox"] .dashicons,
label[for="wc_el_inv-active_peppol_integration_storage_sandbox"] .dashicons,
label[for="wc_el_inv-active_sdipop_integration_storage_sandbox"] .dashicons,
label[for="wc_el_inv-business_apply_signature_storage_sandbox"] .dashicons,
label[for="wc_el_inv-business_apply_legal_storage_storage_sandbox"] .dashicons,
label[for="wc_el_inv-active_ksef_integration_sandbox"] .dashicons,
label[for="wc_el_inv-active_peppol_integration_sandbox"] .dashicons,
label[for="wc_el_inv-active_sdipop_integration_sandbox"] .dashicons,
label[for="wc_el_inv-business_apply_signature_sandbox"] .dashicons,
label[for="wc_el_inv-business_apply_legal_storage_sandbox"] .dashicons,
label[for="wc_el_inv-active_ksef_integration_storage"] .dashicons,
label[for="wc_el_inv-active_peppol_integration_storage"] .dashicons,
label[for="wc_el_inv-active_sdipop_integration_storage"] .dashicons,
label[for="wc_el_inv-business_apply_signature_storage"] .dashicons,
label[for="wc_el_inv-business_apply_legal_storage_storage"] .dashicons,
label[for="wc_el_inv-active_ksef_integration"] .dashicons,
label[for="wc_el_inv-active_peppol_integration"] .dashicons,
label[for="wc_el_inv-active_sdipop_integration"] .dashicons,
label[for="wc_el_inv-business_apply_signature"] .dashicons,
label[for="wc_el_inv-business_apply_legal_storage"] .dashicons {
  font-size: 22px;
}

/* disable clicks > mark_trigger */
body.disable-clicks .mark_trigger {
  pointer-events: none;
  opacity:        0.5;
}

/* tooltip */
.custom-tooltip {
  position:         absolute;
  top:              16px;
  left:             0;
  right:            0;
  max-width:        80%;
  height:           auto;
  margin:           0 auto;
  background-color: red;
  color:            white;
  padding:          12px;
  border-radius:    2px;
  font-size:        13px;
  opacity:          0;
  transition:       opacity 0.2s ease;
  z-index:          9999;
  pointer-events:   all;
}

.custom-tooltip a {
  text-decoration: underline;
}

.custom-tooltip * {
  color: #fff !important;
}

.custom-tooltip--dependency {
  background-color: #ffb900;
  color:            #1d2327;
  border:           1px solid #dba617;
}

.custom-tooltip--dependency a {
  color: #1d2327 !important;
}

.custom-tooltip--dependency * {
  color: #1d2327 !important;
}

.tooltip-trigger:hover .custom-tooltip {
  opacity: 1;
}

/* progress */
.pop-progress#progress-container {
  background:    #f2f2f2;
  border:        1px solid #ccc;
  border-radius: 5px;
  width:         100%;
  height:        20px;
  margin:        5px 0;
  max-width:     420px;
  display:       flex;
  flex-wrap:     wrap;
  padding:       2px;
}

.pop-progress#progress-container span {
  padding: 0 5px
}

.pop-progress#progress-container #progress-bar {
  width:         0%;
  background:    green;
  height:        100%;
  color:         #fff;
  text-align:    center;
  border-radius: 4px;
}


/* POP block */
.pop-checkout-fields.pop_fields_pos_top {
  margin-bottom: 48px;
}

.pop-checkout-fields.pop_fields_pos_bottom {
  margin-top: 48px;
}

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

.pop-checkout-fields input.components-text-control__input,
.pop-checkout-fields select.components-select-control__input {
  box-sizing:       border-box !important;
  width:            100% !important;
  padding:          1.2em !important;
  border:           1px solid hsla(0, 0%, 7%, .8) !important;
  border-radius:    4px !important;
  background-color: #fff !important;
  color:            #2e2e2e !important;
  font-size:        16px !important;
  line-height:      1.4 !important;
  height:           100% !important;
  transition:       border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out !important;
  pointer-events:   none !important; /* not event in block editor */
}

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

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

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

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

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

/* actions global style */
.api-action.state,
.api-action.verify {
  background-color: #007cba !important;
  border-color:     #007cba !important;
  box-shadow:       0 2px 1px #034262 !important;
  color:            #fff !important;
  text-transform:   uppercase;
  min-height:       30px !important;
  max-height:       30px !important;
  line-height:      2 !important;
}

.api-action.send_pdf {
  background-color: #ca3a14 !important;
  border-color:     #ca3a14 !important;
  box-shadow:       0 2px 1px #bb3112 !important;
  color:            #fff !important;
  text-transform:   uppercase;
  min-height:       30px !important;
  max-height:       30px !important;
  line-height:      2 !important;
}

.api-action.notify {
  background-color: #ff7d20 !important;
  border-color:     #ff7d20 !important;
  box-shadow:       0 2px 1px #ab5112 !important;
  color:            #fff !important;
  text-transform:   uppercase;
  min-height:       30px !important;
  max-height:       30px !important;
  line-height:      2 !important;
}

.api-action.notify:hover {
  background-color: #ab5112 !important;
  border-color:     #ab5112 !important;
  box-shadow:       0 2px 1px #ab5112 !important;
}

.api-action.state:hover,
.api-action.verify:hover {
  background-color: #034262 !important;
  border-color:     #034262 !important;
  box-shadow:       0 2px 1px #034262 !important;
}

.button-primary.upload.api-action {
  background-color: #87ca5f !important;
  border-color:     #87ca5f !important;
  box-shadow:       0 2px 1px #428f19 !important;
  color:            #fff !important;
  text-transform:   uppercase;
  min-height:       30px !important;
  max-height:       30px !important;
  line-height:      2 !important;
}

.button-primary.upload.api-action:hover {
  background-color: #428f19 !important;
  border-color:     #428f19 !important;
  box-shadow:       0 2px 1px #428f19 !important;
}

.button-primary.uploaded.api-action,
.actions .api-action[disabled="disabled"] {
  pointer-events: none;
  opacity:        0.6;
}

.actions .api-action {
  vertical-align: middle;
  min-height:     30px !important;
  max-height:     30px !important;
  line-height:    2 !important;
}

/* environment */
.wc_el_inv_environment_div {
  margin-bottom: 15px !important;
  font-size:     13px;
}

select#wc_el_inv_environment {
  max-width: 250px;
}

.wc_el_inv_environment_button_wrap {
  margin-left:    5px;
  display:        inline-block;
  vertical-align: middle;
}

#environment_save_msg {
  margin-left: 8px;
  color:       green;
  display:     none;
}

button#save_environment {
  min-width: 118px;
}

/* ------------------------------------------------------------------ */
/* Deactivation survey modal                                           */
/* ------------------------------------------------------------------ */

.pop-deactivate-overlay {
  position:        fixed;
  inset:           0;
  background:      rgba(0, 0, 0, 0.55);
  z-index:         100000;
  display:         flex;
  align-items:     center;
  justify-content: center;
}

.pop-deactivate-overlay.pop-deactivate-overlay--hidden {
  display: none;
}

.pop-deactivate-modal {
  background:    #fff;
  border-radius: 10px 0 10px 10px;
  box-shadow:    6px 6px 0 0 #a8dadc;
  padding:       32px 36px 28px;
  max-width:     480px;
  width:         90%;
  position:      relative;
  font-family:   -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  box-sizing:    border-box;
}

.pop-deactivate-modal__close {
  position:    absolute;
  top:         12px;
  right:       14px;
  background:  none;
  border:      none;
  font-size:   20px;
  cursor:      pointer;
  color:       #50575e;
  line-height: 1;
  padding:     0;
}

.pop-deactivate-modal__close:hover {
  color: #1d2327;
}

.pop-deactivate-modal__logo {
  text-align:    center;
  margin-bottom: 18px;
}

.pop-deactivate-modal__logo img {
  width:  90px;
  height: auto;
}

.pop-deactivate-modal__title {
  font-size:   20px;
  font-weight: 700;
  color:       #1d2327;
  margin:      0 0 6px;
  text-align:  center;
}

.pop-deactivate-modal__desc {
  font-size:  13px;
  color:      #50575e;
  margin:     0 0 22px;
  text-align: center;
}

.pop-deactivate-modal__field {
  margin-bottom: 16px;
}

.pop-deactivate-modal__field label {
  display:       block;
  font-size:     13px;
  font-weight:   600;
  margin-bottom: 5px;
  color:         #1d2327;
}

.pop-deactivate-modal__field select,
.pop-deactivate-modal__field textarea {
  width:         100%;
  box-sizing:    border-box;
  border:        1px solid #c3c4c7;
  border-radius: 4px;
  padding:       7px 10px;
  font-size:     13px;
  color:         #1d2327;
}

.pop-deactivate-modal__field textarea {
  resize:     vertical;
  min-height: 72px;
}

.pop-deactivate-modal__actions {
  display:         flex;
  align-items:     center;
  justify-content: flex-end;
  margin-top:      24px;
}

.pop-deactivate-modal__btn-submit {
  background:    #ff5f5e;
  color:         #fff;
  border:        none;
  border-radius: 10px 0 10px 10px;
  box-shadow:    4px 4px 0 0 #a8dadc;
  font-size:     14px;
  font-weight:   600;
  padding:       10px 22px;
  cursor:        pointer;
  line-height:   1.4;
  transition:    background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

.pop-deactivate-modal__btn-submit:hover,
.pop-deactivate-modal__btn-submit:focus {
  background: #a8dadc;
  color:      #1d2327;
  box-shadow: none;
}

.pop-deactivate-modal__btn-submit:disabled {
  opacity:    0.6;
  cursor:     not-allowed;
  box-shadow: none;
}