/* payout popup */
body.jpwt-payout-open {
  height: 100vh;
  overflow: hidden;
}

.jpwt-payout-overlay-wrapper {
  background: rgba(0, 0, 0, 0.6);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.jpwt-payout-overlay-wrapper #jpwt-payout {
  position: relative;
  height: 100%;
}

.jpwt-payout-overlay-wrapper.active {
  display: block;
  opacity: 1;
}

.jpwt-payout-overlay-wrapper .jpwt-payout-overlay {
  display: none;
  border-radius: 3px;
  background: #ffffff;
  padding: 0;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  margin: 0 0 0 -45.3%;
  position: absolute;
  width: 90%;
  max-width: unset;
  border: unset;
  box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.2);
  z-index: 100;
  min-height: 253px;
}

.jpwt-payout-overlay-wrapper .jpwt-payout-overlay > * {
  padding-right: 20px;
  padding-left: 20px;
}

.jpwt-payout-overlay-wrapper .jpwt-payout-overlay > *:last-child {
  padding-top: 1em;
  padding-bottom: 1em;
}

.jpwt-payout-overlay-wrapper .jpwt-payout-overlay-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  border-bottom: 1px solid #eaeaea;
}

.jpwt-payout-overlay-wrapper .jpwt-payout-overlay-header .title {
  margin: 15px 0;
}

.jpwt-payout-overlay-wrapper .jpwt-payout-overlay-header > * {
  flex: 1 0 auto;
  font-size: 16px;
}

.jpwt-payout-overlay-wrapper .jpwt-payout-overlay-header > .close {
  color: #787c82;
  cursor: pointer;
  position: absolute;
  right: 24px;
}

.jpwt-payout-overlay-wrapper .jpwt-payout-overlay-header > .close:hover {
  color: #2c3338;
}

.jpwt-payout-overlay-wrapper .jpwt-payout-overlay-header .dashicons {
  flex: 0 0 auto;
  margin-right: 12px;
  height: 24px;
  width: 24px;
  font-size: 24px;
  color: #2271b1;
}

.jpwt-payout-overlay-header.header-error .dashicons {
  color: #d00202;
}

.jpwt-payout-overlay-wrapper .result .jpwt-payout-overlay-content {
  padding-top: 24px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}

.jpwt-payout-overlay-wrapper .jpwt-payout-overlay-content {
  font-size: 14px;
  margin-bottom: 30px;
}

.jpwt-payout-overlay-wrapper .jpwt-payout-overlay-content .title {
  font-size: 16px;
}

.jpwt-payout-overlay-wrapper .jpwt-payout-overlay-menu {
  text-align: right;
  padding-right: 20px;
  padding-left: 20px;
  border: 1px solid #eaeaea;
  border-right: unset;
  border-left: unset;
}

.jpwt-payout-overlay-wrapper .jpwt-payout-overlay-menu .jpwt-payout-btn {
  min-width: 99px;
  height: 28px;
}

.jpwt-payout-overlay-wrapper .jpwt-payout-overlay-menu .jpwt-payout-cancel {
  background: #ffffff;
  color: #3c434a;
  border-color: #e0e0e0;
  box-sizing: border-box;
}

.jpwt-payout-overlay-wrapper .jpwt-payout-overlay-menu .jpwt-payout-cancel:hover {
  border-color: #c3c4c7;
}

.jpwt-payout-overlay-wrapper .jpwt-payout-overlay-menu .jpwt-payout-btn:first-child {
  margin-right: 15px;
}

.jpwt-payout-overlay-wrapper .jpwt-payout-overlay.loading {
  display: none;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  box-shadow: unset;
}

.jpwt-payout-overlay-wrapper .jpwt-payout-overlay.loading span {
  position: absolute;
  padding: 0;
  font-size: 100px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.jpwt-payout-overlay-wrapper .fa-spin {
  background: linear-gradient(to right, #0d78d1 0%, #97cdf8 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.jpwt-result-success {
  max-height: 200px;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

/* Single Payout */
#jpwt-single-payout-result {
  text-align: left;
}

#jpwt-single-payout-result .jpwt-accordion-btn .accordion-btn-item-wrapper {
  display: flex;
  flex-direction: column-reverse;
}

#jpwt-single-payout-result .payout-transaction_status {
  margin-left: 7.25px;
}

#payout-result-content,
.payout-result-content {
  margin: 0;
}

.jpwt-result-error {
  text-align: left;
}

.jpwt-payout-overlay-content .payout-transaction_status {
  text-transform: capitalize;
}

/* bulk-payout */

#jpwt-bulk-payout-result {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
}

#jpwt-bulk-payout-result > .jpwt-payout-detail:nth-of-type(odd) {
  background-color: #F6F7F7;
}

#jpwt-bulk-payout-result > .jpwt-payout-detail:last-child {
  border-bottom: none;
}

#jpwt-bulk-payout-result .payout-result-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#jpwt-bulk-payout-result .payout-result-content .jpwt-accordion-btn {
  margin: 0;
  border: 1px solid #EAEAEA;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

#jpwt-bulk-payout-result .payout-result-content .accordion-btn-item-wrapper {
  margin: 12px 14px;
  display: flex;
}

#jpwt-bulk-payout-result .payout-receiver-label,
#jpwt-bulk-payout-result .payout-result-content.failed .accordion-panel-item-wrapper > li:not(.error) {
  display: none;
}

#jpwt-bulk-payout-result .jpwt-accordion-btn .content-item.receiver {
  justify-content: flex-start;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 60%;
}

#jpwt-bulk-payout-result .jpwt-accordion-btn .content-item.status {
  width: 40%;
  display: flex;
  justify-content: flex-end;
}

.jpwt-payout-overlay .content-item.error {
  font-style: italic;
}

.transaction_status_icon,
#jpwt-bulk-payout-result .accordion-dropdown {
  font-family: "FontAwesome";
}

#jpwt-bulk-payout-result .payout-transaction_status {
  font-size: 12px;
  margin-left: 5px;
  margin-right: 13px;
  justify-content: flex-end;
}

#jpwt-bulk-payout-result .payout-result-content.completed .content-item.status,
#jpwt-bulk-payout-result .payout-result-content.success .content-item.status,
#jpwt-single-payout-result #payout-result-content.completed .content-item.status,
#jpwt-single-payout-result #payout-result-content.success .content-item.status {
  color: #00a106;
}

#jpwt-bulk-payout-result .payout-result-content.pending .content-item.status,
#jpwt-single-payout-result #payout-result-content.pending .content-item.status {
  color: #eebc0d;
}

#jpwt-bulk-payout-result .payout-result-content.failed .content-item.status, 
#jpwt-single-payout-result #payout-result-content.failed .content-item.status {
  color: #d00202;
}

#jpwt-bulk-payout-result .payout-result-content.completed .transaction_status_icon:after,
#jpwt-bulk-payout-result .payout-result-content.success .transaction_status_icon:after,
#jpwt-single-payout-result #payout-result-content.completed span.transaction_status_icon:after,
#jpwt-single-payout-result #payout-result-content.success span.transaction_status_icon:after {
  content: "\f058";
}

#jpwt-bulk-payout-result  .payout-result-content.pending span.transaction_status_icon:after,
#jpwt-single-payout-result #payout-result-content.pending span.transaction_status_icon:after {
  content: "\f017";
}

#jpwt-bulk-payout-result .payout-result-content.failed .transaction_status_icon:after,
#jpwt-single-payout-result #payout-result-content.failed .transaction_status_icon:after {
  content: "\f057";
}

#jpwt-bulk-payout-result .accordion-dropdown:after {
  content: "\f107";
  font-size: 12px;
}

#jpwt-bulk-payout-result .payout-result-content .jpwt-accordion-panel {
  width: 100%;
  color: #3c434a;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  height: auto;
  max-height: 0;
  overflow: hidden;
  background: #fff;
}

#jpwt-bulk-payout-result .payout-result-content.active .jpwt-accordion-panel {
  opacity: 1;
  max-height: 500px;
}

#jpwt-bulk-payout-result .payout-result-content .accordion-panel-item-wrapper {
  margin: 10px 26px;
  padding: 12px 0;
}

#jpwt-bulk-payout-result .payout-result-content.completed .accordion-panel-item-wrapper,
#jpwt-bulk-payout-result .payout-result-content.success .accordion-panel-item-wrapper {
  background-color: #ecf7ed;
}

#jpwt-bulk-payout-result .payout-result-content.pending .accordion-panel-item-wrapper {
  background-color: #fffae9;
}

#jpwt-bulk-payout-result .payout-result-content.failed .accordion-panel-item-wrapper {
  background-color: #fff5f5;
}

.jpwt-result-success,
#jpwt-single-result-content,
#jpwt-bulk-result-content,
.jpwt-result-error,
.content-item.error,
.jpwt-payout-overlay-wrapper .jpwt-payout-overlay.result,
#jpwt-single-payout-result {
  display: none;
}

.jpwt-result-success.active,
#jpwt-single-result-content.active,
#jpwt-bulk-result-content.active,
.jpwt-result-error.active,
.content-item.error.active,
.jpwt-payout-overlay-wrapper .jpwt-payout-overlay.active,
#jpwt-single-payout-result.active {
  display: block;
}

/* Responsive  */
@media screen and (min-width: 768px) {
  .jpwt-payout-overlay-wrapper .jpwt-payout-overlay {
    margin-left: -200px;
    width: 400px;
  }
}

/* paypal account textbox */
.jeg_accordion_wrapper.jnews-paypal-credential {
  max-width: 750px;
  background: #fff;
}
.jnews-paypal-credential > .jeg_accordion_heading {
  background-color: #fff;
  color: #212121;
  line-height: 40px;
}
.jnews-paypal-credential > .jeg_accordion_heading > .jeg_accordion_title {
  font-size: 14px;
  font-weight: 600;
}
.jnews-paypal-credential > .jeg_accordion_heading > .jeg_accordion_button {
  width: 40px;
  line-height: 40px;
}
.jnews-paypal-credential > .jeg_accordion_body .widget-wrapper[data-field*="paypal_account"] .widget-right {
  position: relative;
}
.jnews-paypal-credential > .jeg_accordion_body #paypal-valid {
  position: absolute;
  top: 0;
  right: 15px;
  margin: 0;
  padding: 6px 0;
  line-height: 32px;
}
#paypal-valid.fa-check-circle {
  color: #00c851;
}
#paypal-valid.fa-times-circle {
  color: #ff4444;
}

/* List Table */
#jpwt_stats_header_datepicker , #jpwt_stats_header_show_author {
  display: inline-block;
}

#jpwt-list-author.empty select,
#jpwt-list-author.empty input,
#jpwt-list-author .bulkactions select,
#jpwt-list-author .bulkactions input {
  min-height: 35px;
  text-align: center;
  -moz-text-align-last: center;
       text-align-last: center;
}

#jpwt-list-author select {
  vertical-align: unset;
}

#jpwt-time-range-custom input.datepicker-input {
  border-color: #8c8f94;
  padding: 0 8px;
  width: 100px
}

.wrap.jpwt_stats .tablenav {
  margin-top: 9px;
}
.wrap.jpwt_stats .tablenav .alignleft {
  height: 100%;
  display: flex;
  align-items: center;
}
#jpwt-list-author .card .widefat {
  border: unset;
  box-shadow: unset;
}
#jpwt-list-author .card .widefat td,
#jpwt-list-author .card .widefat th {
  padding: 8px 0;
}

select#jpwt-show-author {
  margin-right: 4px;
}

/* Responsive */

@media screen and (min-width: 961px) {
  #jpwt-list-author .payout-overlay-wrapper {
    margin-left: -175px;
    position: absolute;
    width: 350px;
  }
}