@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800&display=swap");
.charitable-toggle-control {
  display: block;
  margin: 6px 1px 5px 0px;
}
.charitable-toggle-control input[type=checkbox] {
  display: none;
  height: 0;
  width: 0;
}
.charitable-toggle-control input[type=checkbox]:checked + label.charitable-toggle-control-icon {
  background-color: #036aab;
}
.charitable-toggle-control input[type=checkbox]:checked + label.charitable-toggle-control-icon:after {
  left: calc(100% - 15px - 2px);
}
.charitable-toggle-control span, .charitable-toggle-control label {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 5px;
}
.charitable-toggle-control label {
  cursor: pointer;
}
.charitable-toggle-control .charitable-toggle-control-label {
  margin: 0 0 0 6px;
  max-width: calc(100% - 65px);
}
.charitable-toggle-control .charitable-toggle-control-label:hover {
  cursor: pointer;
}
.charitable-toggle-control .charitable-toggle-control-status {
  color: #86919e;
  font-size: 12px;
  line-height: 14px;
  margin: 2px 5px;
}
.charitable-toggle-control .charitable-toggle-control-icon {
  background-color: #bbbbbb;
  border-radius: 8.5px;
  cursor: pointer;
  display: inline-block;
  height: 17px;
  margin: 0 1px;
  position: relative;
  text-indent: -9999px;
  width: 32px;
}
.charitable-toggle-control .charitable-toggle-control-icon:after {
  background: #ffffff;
  border-radius: 50%;
  content: "";
  height: 15px;
  left: 2px;
  position: absolute;
  top: 1px;
  width: 15px;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease-out;
}
.charitable-toggle-control:hover input:checked + label.charitable-toggle-control-icon {
  background-color: #215d8f;
}
.charitable-toggle-control:hover .charitable-toggle-control-icon {
  background-color: #777777;
}

.charitable-group.charitable-layout-options-tab-group .charitable-toggle-control-icon {
  margin: -4px 1px;
}

.charitable-panel-sidebar .charitable-toggle-control .charitable-toggle-control-icon {
  background-color: #b0b6bd;
}
.charitable-panel-sidebar .charitable-toggle-control:hover .charitable-toggle-control-icon {
  background-color: #86919e;
}
.charitable-panel-sidebar .charitable-toggle-control.charitable-field-option-in-label-right .charitable-toggle-control-label {
  color: #86919e;
  font-size: 12px;
  line-height: 14px;
  margin: 2px 5px;
  max-width: initial;
}

/* v2 header */
body[class*=charitable_page_] #wpbody-content .wrap,
body.post-type-charitable #wpbody-content .wrap,
body.post-type-donation #wpbody-content .wrap {
  padding-left: 10px;
  padding-right: 10px;
}

body.charitable_page_charitable-addons #wpbody-content .wrap {
  padding-left: 5px;
  padding-right: 5px;
}

#charitable-admin-header {
  background-color: #ffffff;
  margin: 0 0 0 -20px;
  padding-right: 20px;
  width: 100%;
  border-top: 3px solid #E89940;
  border-bottom: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
}
[dir=rtl] #charitable-admin-header {
  margin: 0 -20px 0 0px;
}
#charitable-admin-header .charitable-admin-header-interior {
  padding: 0px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 80px;
}
#charitable-admin-header h1 {
  flex: 1;
  text-align: left;
}
[dir=rtl] #charitable-admin-header h1 {
  text-align: right;
}
#charitable-admin-header .round {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s ease;
  animation: wpchar-menu-notification-indicator-pulse 1.5s infinite;
}
#charitable-admin-header .charitable-header-logos {
  text-align: right;
}
#charitable-admin-header .charitable-header-logos ul {
  margin: 0 -20px 0 0;
  padding: 0;
  display: flex;
}
#charitable-admin-header .charitable-header-logos ul li {
  margin: 0 10px;
  display: inline-block;
  width: 30px;
  height: 30px;
}
#charitable-admin-header .charitable-header-logos ul li a {
  display: block;
}
#charitable-admin-header .charitable-header-logos ul li a.charitable-notification-inbox {
  position: relative;
}
#charitable-admin-header .charitable-header-logos ul li a.charitable-notification-inbox svg {
  width: 30px;
  height: 34.5px;
  margin: 0;
  padding: 0;
  position: relative;
  top: -4px;
  color: #8c8e96;
}
#charitable-admin-header .charitable-header-logos ul li a.charitable-notification-inbox .number {
  position: absolute;
  background-color: #df2a4a;
  width: 16px;
  height: 16px;
  font-weight: 600;
  font-size: 10px;
  color: #fff;
  right: -3px;
  top: -5px;
  margin: 0;
  margin-left: 0px;
  animation: wpchar-bounce-in 1.2s 5;
  z-index: 2;
}
#charitable-admin-header .charitable-header-logos ul li a:hover {
  opacity: 0.5;
}

@keyframes wpchar-bounce-in {
  0%, 30%, 50%, 80%, 100% {
    transform: translateY(0);
    opacity: 1;
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}
/* campaign list page */
body.post-type-campaign {
  /* popups */
  /* list items */
  /* buttons */
  /* trash */
}
body.post-type-campaign #posts-filter input,
body.post-type-campaign #posts-filter select,
body.post-type-campaign #posts-filter textarea,
body.post-type-campaign #posts-filter button {
  font-family: "Inter", sans-serif !important;
}
body.post-type-campaign table {
  border-color: #DDD;
}
body.post-type-campaign table thead th a,
body.post-type-campaign table tfoot th a {
  color: #6A6C77;
  font-weight: 500;
}
body.post-type-campaign table thead th,
body.post-type-campaign table tfoot th,
body.post-type-campaign table thead td,
body.post-type-campaign table tfoot td {
  border-color: #DDD;
}
body.post-type-campaign table td.title {
  font-weight: 400;
  padding-right: 50px;
}
body.post-type-campaign table td.title a {
  font-weight: 400;
}
body.post-type-campaign h1 {
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
body.post-type-campaign h1.wp-heading-inline {
  font-size: 21px;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-top: 20px;
}
body.post-type-campaign #screen-meta-links {
  display: none;
}
body.post-type-campaign.edit-tags-php p.search-box {
  position: relative;
  right: 0;
  bottom: 0;
  margin-top: 20px;
  display: none;
}
body.post-type-campaign.edit-tags-php span.subtitle {
  padding: 0;
  margin: 25px 0 0 0;
  display: block;
  width: 100%;
}
body.post-type-campaign select,
body.post-type-campaign input#search-submit,
body.post-type-campaign #input.button {
  background-color: #F9F9FA;
  color: #52545F;
  border-color: #E4E4E7;
  height: 38px;
  padding-top: 0;
  padding-bottom: 0;
}
body.post-type-campaign form#posts-filter .tablenav {
  font-family: "Inter", sans-serif;
}
body.post-type-campaign form#posts-filter .tablenav select {
  min-width: 160px;
}
body.post-type-campaign form#posts-filter .tablenav.top {
  margin-bottom: 20px;
}
body.post-type-campaign form#posts-filter .tablenav.top select,
body.post-type-campaign form#posts-filter .tablenav.top button {
  font-size: 13px;
  line-height: 29px;
  font-weight: 500;
}
body.post-type-campaign form#posts-filter .tablenav.top button {
  padding: 0 15px;
}
body.post-type-campaign form#posts-filter .tablenav.bottom {
  margin-top: 25px;
}
body.post-type-campaign form#posts-filter .tablenav.bottom select,
body.post-type-campaign form#posts-filter .tablenav.bottom button {
  font-size: 13px;
  line-height: 29px;
  font-weight: 500;
}
body.post-type-campaign form#posts-filter .tablenav.bottom button {
  padding: 0 15px;
}
body.post-type-campaign .charitable-campaign-legacy-actions,
body.post-type-campaign .charitable-campaign-export-actions,
body.post-type-campaign .charitable-campaign-filter-actions {
  font-family: "Inter", sans-serif;
}
body.post-type-campaign .charitable-campaign-legacy-actions a,
body.post-type-campaign .charitable-campaign-export-actions a,
body.post-type-campaign .charitable-campaign-filter-actions a {
  font-size: 14px;
  pointer-events: all;
  line-height: 19px;
  color: #2B66D1;
  font-weight: 500;
  display: inline-block;
  padding-top: 8px;
}
body.post-type-campaign .charitable-campaign-legacy-actions a label,
body.post-type-campaign .charitable-campaign-export-actions a label,
body.post-type-campaign .charitable-campaign-filter-actions a label {
  display: block;
  text-decoration: underline;
  float: left;
  margin-top: -2px;
  cursor: pointer;
}
body.post-type-campaign .charitable-campaign-legacy-actions a img,
body.post-type-campaign .charitable-campaign-export-actions a img,
body.post-type-campaign .charitable-campaign-filter-actions a img {
  width: 16px;
  height: 16px;
  display: block;
  margin-right: 4px;
  float: left;
}
body.post-type-campaign .charitable-campaign-legacy-actions a.charitable-campaigns-clear,
body.post-type-campaign .charitable-campaign-export-actions a.charitable-campaigns-clear,
body.post-type-campaign .charitable-campaign-filter-actions a.charitable-campaigns-clear {
  font-weight: 400;
  padding: 5px 15px;
  margin: 0 0 0 5px;
}
body.post-type-campaign .charitable-campaign-legacy-actions a img {
  width: 33px;
  height: 32px;
  display: block;
  float: left;
  margin: 2px -2px 0 -5px;
}
body.post-type-campaign .charitable-campaign-filter-actions {
  margin-right: 10px;
}
body.post-type-campaign .charitable-campaign-filter-actions a img {
  width: 11px;
  height: 11px;
  margin-top: 2px;
}
body.post-type-campaign .charitable-legacy-actions {
  margin-left: 10px;
  margin-top: 3px;
}
body.post-type-campaign input#post-search-input {
  border-color: #E4E4E7;
}
body.post-type-campaign .jconfirm .jconfirm-cell {
  display: block;
}
body.post-type-campaign.edit-php.post-type-campaign th.check-column label:hover {
  background-color: transparent;
}
body.post-type-campaign.edit-php.post-type-campaign .check-column input:hover + label {
  background-color: transparent;
}
body.post-type-campaign.edit-php.post-type-campaign tbody#the-list td {
  vertical-align: middle;
}
body.post-type-campaign.edit-php.post-type-campaign .actions {
  vertical-align: middle;
}
body.post-type-campaign.edit-php.post-type-campaign .actions button {
  font-size: 18px;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #ccc;
  background-color: transparent;
  margin: 0 5px 0 0;
}
body.post-type-campaign.edit-php.post-type-campaign tbody#the-list th.check-column input[type=checkbox] {
  margin-top: 3px;
}
body.post-type-campaign.edit-php.post-type-campaign tbody#the-list th.check-column,
body.post-type-campaign.edit-php.post-type-campaign tbody#the-list td {
  vertical-align: top;
  padding-top: 20px;
  height: 80px;
}
body.post-type-campaign.edit-php.post-type-campaign tbody#the-list td.column-actions {
  padding-top: 19px;
}
body.post-type-campaign.edit-php.post-type-campaign tbody#the-list td.column-creator .charitable-campaign-creator-avatar {
  border-radius: 50%;
  max-width: 25px;
  max-height: 25px;
  float: left;
}
body.post-type-campaign.edit-php.post-type-campaign tbody#the-list td.column-creator .charitable-campaign-creator-name {
  display: inline-block;
  margin-left: 10px;
  margin-top: 2px;
}
body.post-type-campaign.edit-php.post-type-campaign .donated .meter {
  height: 10px;
  position: relative;
  background: lightgray;
  padding: 0px;
  margin: 10px auto 0 0;
  width: 75%;
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}
body.post-type-campaign.edit-php.post-type-campaign .donated .meter > span {
  display: block;
  height: 100%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #00a32a;
  background-image: linear-gradient(center bottom, rgb(43, 194, 83) 37%, rgb(84, 240, 84) 69%);
  box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
}
body.post-type-campaign.edit-php.post-type-campaign .column-status mark {
  padding: 0px 0px;
  margin: 0;
  text-align: center;
  white-space: nowrap;
  background: white;
  border-radius: 0;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: capitalize;
  color: #2d2d2d;
}
body.post-type-campaign.edit-php.post-type-campaign .column-status mark.active {
  color: #00a32a;
  background-color: transparent;
}
body.post-type-campaign.edit-php.post-type-campaign .column-status mark.draft {
  color: #545660;
  background-color: transparent;
}
body.post-type-campaign.edit-php.post-type-campaign .column-status mark.finished {
  color: #215d8f;
  background-color: transparent;
}
body.post-type-campaign.edit-php.post-type-campaign .column-status mark.successful {
  color: #215d8f;
  background-color: transparent;
}
body.post-type-campaign.edit-php.post-type-campaign .column-status mark.unsuccessful {
  color: #d63638;
  background-color: transparent;
}
body.post-type-campaign.edit-php.post-type-campaign .tablenav.top > .tablenav-pages {
  display: none;
}
body.post-type-campaign #wpbody-content .page-title-action {
  background-color: #5AA152;
  border-radius: 5px;
  border-color: #5AA152;
  color: #ffffff;
  height: 28px;
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 26px;
  top: -2px;
}
body.post-type-campaign #wpbody-content .page-title-action:hover {
  background-color: #3f7539;
}
body.post-type-campaign.charitable-trash .charitable-export-actions {
  display: none;
}
body.post-type-campaign.charitable-trash #delete_all {
  margin-top: 0 !important;
  background-color: #F8F8F9;
  border: 1px solid #D7D7DB;
  border-radius: 5px;
  box-shadow: none;
  color: #5C5F6A;
  font-weight: 600 !important;
}

@media screen and (max-width: 1200px) {
  body.post-type-campaign form#posts-filter .tablenav.top {
    max-width: 500px;
    display: table;
  }
  body.post-type-campaign form#posts-filter .tablenav.top select {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 782px) {
  body.post-type-campaign .tablenav .view-switch,
  body.post-type-campaign .tablenav.top .actions {
    display: block !important;
  }
  body.post-type-campaign p.search-box {
    position: relative;
    margin: 0;
    right: auto;
    top: auto;
  }
  body.post-type-campaign.admin-bar #charitable-admin-header {
    margin-top: 46px;
  }
  body.charitable_page_charitable-reports #wpbody,
  body.charitable_page_charitable-tools #wpbody {
    padding-top: 0;
  }
  body.charitable_page_charitable-reports .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before,
  body.charitable_page_charitable-tools .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before {
    display: none;
  }
  body.charitable_page_charitable-reports .tablenav .view-switch,
  body.charitable_page_charitable-reports .tablenav.top .actions,
  body.charitable_page_charitable-tools .tablenav .view-switch,
  body.charitable_page_charitable-tools .tablenav.top .actions {
    display: block !important;
  }
  body.charitable_page_charitable-reports h2.nav-tab-wrapper,
  body.charitable_page_charitable-tools h2.nav-tab-wrapper,
  body.charitable_page_charitable-about h2.nav-tab-wrapper {
    margin-bottom: 0px !important;
    margin-top: 0 !important;
  }
  body.charitable_page_charitable-reports h2.nav-tab-wrapper a.nav-tab,
  body.charitable_page_charitable-tools h2.nav-tab-wrapper a.nav-tab,
  body.charitable_page_charitable-about h2.nav-tab-wrapper a.nav-tab {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  body.charitable_page_charitable-reports.admin-bar #charitable-admin-header,
  body.charitable_page_charitable-tools.admin-bar #charitable-admin-header {
    padding-top: 46px;
  }
  body.charitable_page_charitable-dashboard .tablenav.top .actions,
  body.charitable_page_charitable-dashboard .tablenav .view-switch {
    display: block !important;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  body.admin-bar.post-type-campaign #charitable-admin-header,
  body.admin-bar.charitable_page_charitable-dashboard #charitable-admin-header {
    margin-bottom: -46px;
    padding-top: 46px;
    margin-top: 0;
  }
  body.admin-bar.post-type-campaign .row-actions span.id,
  body.admin-bar.charitable_page_charitable-dashboard .row-actions span.id {
    color: black;
    line-height: 24px;
    font-size: 13px;
    margin-left: 8px;
    margin-right: 0px;
  }
}
body[class*=charitable_page_] .search-box input[name=s],
body.post-type-campaign .search-box input[name=s],
body.post-type-donation .search-box input[name=s] {
  margin: 2px 4px 0 0;
  height: 34px;
}
body[class*=charitable_page_] input#search-submit,
body.post-type-campaign input#search-submit,
body.post-type-donation input#search-submit {
  margin-top: 2px;
  height: 34px;
}
body[class*=charitable_page_] .alignleft.actions input[type=submit],
body[class*=charitable_page_] .alignleft.actions select,
body.post-type-campaign .alignleft.actions input[type=submit],
body.post-type-campaign .alignleft.actions select,
body.post-type-donation .alignleft.actions input[type=submit],
body.post-type-donation .alignleft.actions select {
  min-height: 32px;
  height: 38px;
}
body[class*=charitable_page_] .charitable-campaign-action-button,
body.post-type-campaign .charitable-campaign-action-button,
body.post-type-donation .charitable-campaign-action-button {
  cursor: pointer;
  padding: 5px 4px;
  border: 1px solid #E1E3E5;
  background-color: white;
  width: 20px;
  height: 18px;
  border-radius: 3px;
  color: #5F616B;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  margin-right: 10px;
  line-height: 23px;
}
body[class*=charitable_page_] .charitable-campaign-action-button:hover,
body.post-type-campaign .charitable-campaign-action-button:hover,
body.post-type-donation .charitable-campaign-action-button:hover {
  color: white;
}

/* specific to starting from scratch */
body.post-type-campaign.edit-php.charitable-campaigns-0-published #posts-filter tbody#the-list td,
body.post-type-campaign.edit-php.charitable-campaigns-0-trash #posts-filter tbody#the-list td {
  vertical-align: middle;
  padding-top: 20px;
  padding-bottom: 20px;
  height: auto;
}
body.post-type-campaign.edit-php.charitable-campaigns-0-published #posts-filter tbody#the-list tr.child td,
body.post-type-campaign.edit-php.charitable-campaigns-0-trash #posts-filter tbody#the-list tr.child td {
  padding-top: 0;
  padding-bottom: 0;
}
body.post-type-campaign.edit-php.charitable-campaigns-0-published .tablenav.top .charitable-export-actions,
body.post-type-campaign.edit-php.charitable-campaigns-0-trash .tablenav.top .charitable-export-actions {
  margin-left: 0px;
}
body.post-type-campaign.edit-php.charitable-campaigns-0-published .tablenav.top .charitable-legacy-actions,
body.post-type-campaign.edit-php.charitable-campaigns-0-trash .tablenav.top .charitable-legacy-actions {
  margin-left: 15px;
}

.body.post-type-campaign.edit-php.charitable-campaigns-0-trash .charitable-campaign-legacy-actions {
  display: none !important;
}

/* donation list page */
body.post-type-donation {
  /* popups */
  /* list items */
  /* buttons */
  /* blank slate */
}
body.post-type-donation #posts-filter input,
body.post-type-donation #posts-filter select,
body.post-type-donation #posts-filter textarea,
body.post-type-donation #posts-filter button {
  font-family: "Inter", sans-serif !important;
}
body.post-type-donation table {
  border-color: #DDD;
}
body.post-type-donation table thead th a,
body.post-type-donation table tfoot th a {
  color: #6A6C77;
  font-weight: 500;
}
body.post-type-donation table thead th,
body.post-type-donation table tfoot th,
body.post-type-donation table thead td,
body.post-type-donation table tfoot td {
  border-color: #DDD;
}
body.post-type-donation table td.title {
  font-weight: 400;
  padding-right: 50px;
}
body.post-type-donation table td.title a {
  font-weight: 400;
  color: #454955;
}
body.post-type-donation h1 {
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
body.post-type-donation h1.wp-heading-inline {
  font-size: 21px;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-top: 20px;
}
body.post-type-donation #screen-meta-links {
  display: none;
}
body.post-type-donation p.search-box {
  position: absolute;
  right: 20px;
  top: auto;
  margin-top: 39px;
}
body.post-type-donation select,
body.post-type-donation input#search-submit,
body.post-type-donation input.button {
  background-color: #F9F9FA;
  color: #52545F;
  border-color: #E4E4E7;
}
body.post-type-donation form#posts-filter .tablenav {
  font-family: "Inter", sans-serif;
}
body.post-type-donation form#posts-filter .tablenav select {
  min-width: 160px;
}
body.post-type-donation form#posts-filter .tablenav.top {
  margin-bottom: 20px;
}
body.post-type-donation form#posts-filter .tablenav.top select,
body.post-type-donation form#posts-filter .tablenav.top button {
  font-size: 13px;
  line-height: 29px;
  font-weight: 500;
}
body.post-type-donation form#posts-filter .tablenav.top button {
  padding: 0 15px;
}
body.post-type-donation form#posts-filter .tablenav.bottom {
  margin-top: 25px;
}
body.post-type-donation form#posts-filter .tablenav.bottom select,
body.post-type-donation form#posts-filter .tablenav.bottom button {
  font-size: 13px;
  line-height: 29px;
  font-weight: 500;
}
body.post-type-donation form#posts-filter .tablenav.bottom button {
  padding: 0 15px;
}
body.post-type-donation .charitable-donation-legacy-actions,
body.post-type-donation .charitable-donation-export-actions,
body.post-type-donation .charitable-donation-filter-actions {
  font-family: "Inter", sans-serif;
}
body.post-type-donation .charitable-donation-legacy-actions a,
body.post-type-donation .charitable-donation-export-actions a,
body.post-type-donation .charitable-donation-filter-actions a {
  font-size: 14px;
  line-height: 19px;
  color: #2B66D1;
  font-weight: 500;
  display: inline-block;
  padding-top: 9px;
}
body.post-type-donation .charitable-donation-legacy-actions a label,
body.post-type-donation .charitable-donation-export-actions a label,
body.post-type-donation .charitable-donation-filter-actions a label {
  display: block;
  text-decoration: underline;
  float: left;
  margin-top: -2px;
}
body.post-type-donation .charitable-donation-legacy-actions a img,
body.post-type-donation .charitable-donation-export-actions a img,
body.post-type-donation .charitable-donation-filter-actions a img {
  width: 16px;
  height: 16px;
  display: block;
  margin-right: 4px;
  float: left;
}
body.post-type-donation .charitable-donation-legacy-actions a.charitable-campaigns-clear,
body.post-type-donation .charitable-donation-export-actions a.charitable-campaigns-clear,
body.post-type-donation .charitable-donation-filter-actions a.charitable-campaigns-clear {
  font-weight: 400;
  padding: 5px 15px;
  margin: 0 0 0 5px;
}
body.post-type-donation .charitable-donations-clear.button {
  padding-top: 4px;
  margin-left: 10px;
  margin-top: 2px;
}
body.post-type-donation .charitable-donation-legacy-actions a {
  color: green;
}
body.post-type-donation .charitable-donation-legacy-actions a img {
  margin-top: 2px;
}
body.post-type-donation .charitable-donation-filter-actions {
  margin-right: 10px;
}
body.post-type-donation .charitable-donation-filter-actions a img {
  width: 11px;
  height: 11px;
  margin-top: 2px;
}
body.post-type-donation input#post-search-input {
  border-color: #E4E4E7;
}
body.post-type-donation #wpbody-content .page-title-action {
  background-color: #00a32a;
  color: #ffffff;
}
body.post-type-donation #wpbody-content .charitable-donation-action-button {
  cursor: pointer;
  padding: 5px 4px;
  border: 1px solid #E1E3E5;
  background-color: white;
  width: 20px;
  height: 18px;
  border-radius: 3px;
  color: #5F616B;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  margin-right: 10px;
}
body.post-type-donation #wpbody-content .charitable-donation-action-button:hover {
  color: white;
}
body.post-type-donation .jconfirm .jconfirm-cell {
  display: block;
}
body.post-type-donation.edit-php.post-type-donation tbody#the-list td {
  vertical-align: middle;
}
body.post-type-donation.edit-php.post-type-donation .actions {
  vertical-align: middle;
}
body.post-type-donation.edit-php.post-type-donation .actions button {
  font-size: 18px;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #ccc;
  background-color: transparent;
  margin: 0 5px 0 0;
}
body.post-type-donation.edit-php.post-type-donation tbody#the-list th.check-column input[type=checkbox] {
  margin-top: 3px;
}
body.post-type-donation.edit-php.post-type-donation tbody#the-list th.check-column,
body.post-type-donation.edit-php.post-type-donation tbody#the-list td {
  vertical-align: top;
  padding-top: 20px;
}
body.post-type-donation.edit-php.post-type-donation tbody#the-list tr.no-items td {
  padding-top: 10px;
}
body.post-type-donation.edit-php.post-type-donation tbody#the-list td.column-actions {
  padding-top: 19px;
}
body.post-type-donation.edit-php.post-type-donation tbody#the-list td.column-creator .charitable-donation-creator-avatar {
  border-radius: 50%;
  max-width: 25px;
  max-height: 25px;
  float: left;
}
body.post-type-donation.edit-php.post-type-donation tbody#the-list td.column-creator .charitable-donation-creator-name {
  display: inline-block;
  margin-left: 10px;
  margin-top: 2px;
}
body.post-type-donation.edit-php.post-type-donation .donated .meter {
  height: 10px;
  position: relative;
  background: lightgray;
  padding: 0px;
  margin: 10px auto 0 0;
  width: 75%;
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}
body.post-type-donation.edit-php.post-type-donation .donated .meter > span {
  display: block;
  height: 100%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #00a32a;
  background-image: linear-gradient(center bottom, rgb(43, 194, 83) 37%, rgb(84, 240, 84) 69%);
  box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
}
body.post-type-donation.edit-php.post-type-donation .column-status mark {
  padding: 0px 0px;
  margin: 0;
  text-align: center;
  white-space: nowrap;
  background: white;
  border-radius: 0;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: capitalize;
  color: #2d2d2d;
}
body.post-type-donation.edit-php.post-type-donation .column-status mark.active {
  color: #00a32a;
  background-color: transparent;
}
body.post-type-donation.edit-php.post-type-donation .column-status mark.draft {
  color: #545660;
  background-color: transparent;
}
body.post-type-donation.edit-php.post-type-donation .column-status mark.finished {
  color: #215d8f;
  background-color: transparent;
}
body.post-type-donation.edit-php.post-type-donation .column-status mark.successful {
  color: #215d8f;
  background-color: transparent;
}
body.post-type-donation.edit-php.post-type-donation .column-status mark.unsuccessful {
  color: #d63638;
  background-color: transparent;
}
body.post-type-donation.edit-php.post-type-donation .tablenav.top > .tablenav-pages {
  display: none;
}
body.post-type-donation #wpbody-content .page-title-action {
  background-color: #5AA152;
  border-radius: 5px;
}
body.post-type-donation .charitable-blank-slate {
  max-width: 764px;
  text-align: center;
  margin: auto;
  padding: 5em 0 0;
}
body.post-type-donation .charitable-blank-slate .charitable-blank-slate-hero-image {
  min-height: 150px;
  opacity: 0.3;
}
body.post-type-donation .charitable-blank-slate .charitable-blank-slate-message {
  color: #444;
  font-size: 1.5em;
  margin: 1em auto 1em;
}
body.post-type-donation .charitable-blank-slate .charitable-blank-slate-buttons {
  margin-bottom: 4em;
}
body.post-type-donation .charitable-blank-slate .charitable-blank-slate-buttons .charitable-blank-slate-cta {
  font-size: 1.2em;
  padding: 0.75em 1.5em;
  margin: 0 0.25em;
  height: auto;
  display: inline-block !important;
  background: white;
  border-color: black;
  color: black;
}
body.post-type-donation .charitable-blank-slate .charitable-blank-slate-buttons .charitable-blank-slate-cta.charitable-button {
  display: inline-block;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  box-shadow: none;
  font-size: 16px;
  font-weight: 600 !important;
  line-height: 19px;
  padding: 10px 20px;
  border: none;
  background-color: #df7739;
  color: #ffffff;
  text-transform: capitalize;
  letter-spacing: normal;
  padding: 15px 25px;
}
body.post-type-donation .charitable-blank-slate .charitable-blank-slate-buttons .charitable-blank-slate-cta.charitable-button:hover {
  background-color: #bd632f;
  color: white;
}
body.post-type-donation .charitable-blank-slate .charitable-blank-slate-buttons .charitable-blank-slate-cta.button-secondary {
  background-color: #5AA152;
  color: #ffffff;
}
body.post-type-donation .charitable-blank-slate .charitable-blank-slate-buttons .charitable-blank-slate-cta.button-secondary:hover {
  color: white;
}
body.post-type-donation .charitable-blank-slate .charitable-blank-slate-buttons .charitable-blank-slate-cta:hover {
  color: black;
}

/* Campaigns Page */
body.wp-admin.charitable-campaigns table.wp-list-table td.column-creator a {
  display: flex;
}

/* Blank Slate */
.charitable-blank-slate {
  max-width: 764px;
  text-align: center;
  margin: auto;
  padding: 5em 0 0;
}
.charitable-blank-slate .charitable-intergration-steps .charitable-intergration-step {
  margin: 20px auto;
  text-align: left;
  display: grid;
  grid-template-columns: 1fr 100px;
  grid-gap: 0px;
  clear: both;
  max-width: 900px;
  background-color: rgba(255, 255, 255, 0.4);
}
.charitable-blank-slate .charitable-intergration-steps .charitable-intergration-step .instructions {
  padding: 25px;
  float: left;
}
.charitable-blank-slate .charitable-intergration-steps .charitable-intergration-step .instructions header {
  display: table;
}
.charitable-blank-slate .charitable-intergration-steps .charitable-intergration-step .instructions header img {
  float: left;
}
.charitable-blank-slate .charitable-intergration-steps .charitable-intergration-step .instructions header .sub-header {
  float: left;
  line-height: 55px;
}
.charitable-blank-slate .charitable-intergration-steps .charitable-intergration-step .instructions header .sub-header h3,
.charitable-blank-slate .charitable-intergration-steps .charitable-intergration-step .instructions header .sub-header h4 {
  display: inline-block;
  line-height: 30px;
  margin-left: 0px;
}
.charitable-blank-slate .charitable-intergration-steps .charitable-intergration-step .vertical-wrapper {
  height: 100%;
  background-color: transparent;
  display: table;
  width: 100%;
}
.charitable-blank-slate .charitable-intergration-steps .charitable-intergration-step .step {
  width: 100%;
  margin: 0 auto;
}
.charitable-blank-slate .charitable-intergration-steps .charitable-intergration-step .step .step-image {
  display: table-cell;
  vertical-align: top;
  text-align: right;
  font-weight: 600;
  font-size: 28px;
  line-height: 38px;
  color: #444754;
}
.charitable-blank-slate .charitable-intergration-steps .charitable-intergration-step .step .step-image a.suggestion-dismiss {
  color: #ddd;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
  font-weight: 800;
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  right: 10px;
}
.charitable-blank-slate .charitable-intergration-steps .charitable-intergration-step .step .step-image a.suggestion-dismiss i {
  display: inline-block;
  width: 15px;
  height: 15px;
  opacity: 0.3;
  background-image: url(../../images/onboarding/checklist/times-circle-regular.svg);
  color: #b6b6b6;
}
.charitable-blank-slate .charitable-intergration-steps .charitable-intergration-step h3 {
  color: #23282D;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  margin: 0;
  padding: 0;
}
.charitable-blank-slate .charitable-intergration-steps .charitable-intergration-step p {
  padding: 0;
  margin: 10px auto;
  font-weight: 200;
  color: #646970;
  font-size: 14px;
  line-height: 24px;
}
.charitable-blank-slate .charitable-intergration-steps .charitable-intergration-step a {
  margin: 5px auto 0 auto;
  display: inline-block;
}
.charitable-blank-slate .charitable-intergration-steps .charitable-intergration-step a.button-link {
  background-color: #5AA152;
  color: #ffffff;
  padding: 10px 15px;
  text-decoration: none;
  border-radius: 5px;
  text-shadow: none;
  font-weight: 600;
  font-size: 13px;
  line-height: normal;
  cursor: pointer;
}
.charitable-blank-slate .charitable-intergration-steps .charitable-intergration-step a.button-link:hover {
  background-color: #3f7539;
}
.charitable-blank-slate .charitable-intergration-steps .charitable-intergration-step .badge {
  background-color: rgb(153, 153, 255);
  color: white;
  padding: 4px 8px;
  text-align: center;
  border-radius: 5px;
  font-weight: 500;
  display: inline-block;
  font-size: 11px;
  margin: 0 0 0 10px;
  line-height: 13px;
  position: relative;
  top: -2px;
}
.charitable-blank-slate .charitable-intergration-steps .charitable-intergration-step .badge a {
  color: white;
  text-decoration: none;
  margin: 0;
  padding: 0;
}
.charitable-blank-slate .charitable-intergration-steps .charitable-intergration-step.charitable-addon .badge {
  background-color: #f18200;
}
.charitable-blank-slate .charitable-intergration-steps .charitable-intergration-step:first-child {
  margin-top: 0;
}
.charitable-blank-slate .charitable-intergration-steps .charitable-intergration-step:last-child {
  margin-bottom: 0;
}
.charitable-blank-slate .charitable-blank-slate-hero-image {
  min-height: 150px;
  margin-bottom: 20px;
  opacity: 0.2 !important;
}
.charitable-blank-slate .charitable-blank-slate-message {
  color: #444;
  font-size: 1.5em;
  margin: 1em auto 1em;
}
.charitable-blank-slate .charitable-blank-slate-buttons {
  margin-bottom: 4em;
}
.charitable-blank-slate .charitable-blank-slate-buttons .charitable-blank-slate-buttons-legacy {
  margin: 20px auto;
  text-align: center;
}
.charitable-blank-slate .charitable-blank-slate-buttons .charitable-blank-slate-buttons-legacy a {
  color: #999;
  text-decoration: none;
}
.charitable-blank-slate .charitable-blank-slate-buttons .charitable-blank-slate-buttons-legacy a:hover {
  text-decoration: underline;
}
.charitable-blank-slate .charitable-blank-slate-buttons .charitable-blank-slate-buttons-legacy > div {
  display: block;
  margin: 10px auto;
}
.charitable-blank-slate .charitable-blank-slate-buttons .charitable-blank-slate-cta {
  font-size: 1.2em;
  padding: 0.75em 1.5em;
  margin: 0 0.25em;
  height: auto;
  display: inline-block !important;
}
.charitable-blank-slate .charitable-blank-slate-buttons .charitable-blank-slate-cta.charitable-button {
  display: inline-block;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  box-shadow: none;
  font-size: 16px;
  font-weight: 600 !important;
  line-height: 19px;
  padding: 15px 25px;
  border: none;
  background-color: #df7739;
  color: #ffffff;
  text-transform: capitalize;
  letter-spacing: normal;
}
.charitable-blank-slate .charitable-blank-slate-buttons .charitable-blank-slate-cta.charitable-button:hover {
  background-color: #bd632f;
}

/* Growth Tools */
.charitable-growth-tools-dashboard.charitable-growth-tools-notice {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
.charitable-growth-tools-dashboard.charitable-growth-tools-notice .charitable-growth-tools-notice-interior {
  background-color: white;
  padding: 20px;
  margin-top: -50px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  text-align: center;
  position: relative;
}
.charitable-growth-tools-dashboard.charitable-growth-tools-notice .charitable-growth-tools-notice-interior h2 {
  font-size: 21px;
  line-height: 24px;
  font-weight: 500;
  margin: 0 0 10px 0;
  font-family: "Inter", sans-serif;
}
.charitable-growth-tools-dashboard.charitable-growth-tools-notice .charitable-growth-tools-notice-interior p {
  font-size: 16px;
  line-height: 21px;
  margin: 5px auto;
  font-family: "Inter", sans-serif;
}
.charitable-growth-tools-dashboard.charitable-growth-tools-notice .charitable-growth-tools-notice-interior p.another-suggestion {
  margin-top: 20px;
  font-size: 12px;
  line-height: 12px;
}
.charitable-growth-tools-dashboard.charitable-growth-tools-notice .charitable-growth-tools-notice-interior p.another-suggestion a {
  font-weight: 300;
  color: #444;
}
.charitable-growth-tools-dashboard.charitable-growth-tools-notice .charitable-growth-tools-notice-interior p.more-recommendations {
  font-size: 14px;
}
.charitable-growth-tools-dashboard.charitable-growth-tools-notice .charitable-growth-tools-notice-interior .charitable-notice-why {
  width: 75%;
  margin: 20px auto;
}
.charitable-growth-tools-dashboard.charitable-growth-tools-notice .charitable-growth-tools-notice-interior .charitable-notice-why strong {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
}
.charitable-growth-tools-dashboard.charitable-growth-tools-notice .charitable-growth-tools-notice-interior a.charitable-remove-growth-tools {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 14px;
  line-height: 14px;
  width: 16px;
  height: 16px;
  text-decoration: none;
  opacity: 0.3;
  background-image: url(../../images/onboarding/checklist/times-circle-regular.svg);
  color: #b6b6b6;
}
.charitable-growth-tools-dashboard.charitable-growth-tools-notice .charitable-growth-tools-notice-interior p.charitable-dashboard-notice-another-suggestion a {
  color: black;
  font-size: 12px;
  line-height: 14px;
  text-decoration: underline;
  font-weight: 300;
}
.charitable-growth-tools-dashboard.charitable-growth-tools-notice .charitable-growth-tools-notice-interior p.charitable-dashboard-notice-another-suggestion a:hover {
  color: darkgrey;
}

/* suggestions */
.marketplace-suggestions-container .marketplace-suggestion-container {
  padding: 1.5em;
  align-items: center;
  flex-direction: row;
}
.marketplace-suggestions-container h4 {
  margin: 0 auto;
  font-weight: 500;
  font-size: 18px;
}
.marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container {
  display: flex;
  position: relative;
}
.marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container .marketplace-suggestion-container-content h4 {
  text-align: left;
}
.marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container .marketplace-suggestion-container-content p {
  font-size: 13px;
  line-height: 1.5;
  margin: 4px 0 0 0;
  color: #444;
  text-align: left;
}
.marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container img.marketplace-suggestion-icon {
  margin: 0 1.5em 0 0;
  height: 40px;
  flex: 0 0 40px;
}
.marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container .marketplace-suggestion-container-cta {
  flex: 1 1 30%;
  min-width: 160px;
  text-align: right;
}
.marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container .suggestion-dismiss {
  position: relative;
  top: 5px;
  right: auto;
  margin-left: 1em;
  color: #ddd;
}
.marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container a.suggestion-dismiss::before {
  font-family: Dashicons;
  speak: never;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: "\f335";
  text-decoration: none;
  font-size: 1.5em;
}
.marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container a.charitable-button-link {
  background-color: #5aa152;
  color: #fff;
  padding: 10px 15px;
  position: relative;
  top: -4px;
  text-decoration: none;
  border-radius: 5px;
  text-shadow: none;
  font-weight: 600;
  font-size: 13px;
  line-height: normal;
  cursor: pointer;
  margin: 5px auto 0 auto;
  display: inline-block;
}
.marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container a.charitable-button-link.charitable-learn-more {
  background-color: #f18200;
}
.marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container a.charitable-button-link:hover {
  background-color: #3f7539;
}
.marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container-footer .marketplace-suggestion-container-cta {
  text-align: center;
}
.marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container-footer .marketplace-suggestion-container-cta a.linkout {
  text-decoration: none;
  margin-right: 20px;
  color: #999;
}
.marketplace-suggestions-container.showing-suggestion .marketplace-suggestion-container-footer .marketplace-suggestion-container-cta a.linkout:hover {
  color: #444;
  text-decoration: underline;
}

/* menu */
#adminmenu #toplevel_page_charitable ul.wp-submenu li.wp-first-item {
  display: none !important;
  visibility: hidden !important;
}

body.charitable_legacy_dashboard #adminmenu #toplevel_page_charitable ul.wp-submenu li.wp-first-item {
  display: unset;
  visibility: unset;
}

body.taxonomy-campaign_category li#toplevel_page_charitable ul li.tools,
body.taxonomy-campaign_tag li#toplevel_page_charitable ul li.tools {
  font-weight: 600 !important;
  color: white;
}
body.taxonomy-campaign_category li#toplevel_page_charitable ul li.tools a,
body.taxonomy-campaign_tag li#toplevel_page_charitable ul li.tools a {
  font-weight: 600 !important;
  color: white;
}

#adminmenu .wp-submenu a .charitable-menu-new-indicator {
  color: #f18200;
  vertical-align: super;
  font-size: 9px;
}

/* settings */
body.charitable_page_charitable-settings table,
body.charitable_page_charitable-reports table,
body.post-type-charitable.edit-tags-php table,
body.charitable_page_charitable-tools table,
body.charitable_page_charitable-addons table {
  border-color: #DDD;
}
body.charitable_page_charitable-settings table thead th a,
body.charitable_page_charitable-settings table tfoot th a,
body.charitable_page_charitable-reports table thead th a,
body.charitable_page_charitable-reports table tfoot th a,
body.post-type-charitable.edit-tags-php table thead th a,
body.post-type-charitable.edit-tags-php table tfoot th a,
body.charitable_page_charitable-tools table thead th a,
body.charitable_page_charitable-tools table tfoot th a,
body.charitable_page_charitable-addons table thead th a,
body.charitable_page_charitable-addons table tfoot th a {
  color: #6A6C77;
  font-weight: 500;
}
body.charitable_page_charitable-settings table thead th,
body.charitable_page_charitable-settings table tfoot th,
body.charitable_page_charitable-settings table thead td,
body.charitable_page_charitable-settings table tfoot td,
body.charitable_page_charitable-reports table thead th,
body.charitable_page_charitable-reports table tfoot th,
body.charitable_page_charitable-reports table thead td,
body.charitable_page_charitable-reports table tfoot td,
body.post-type-charitable.edit-tags-php table thead th,
body.post-type-charitable.edit-tags-php table tfoot th,
body.post-type-charitable.edit-tags-php table thead td,
body.post-type-charitable.edit-tags-php table tfoot td,
body.charitable_page_charitable-tools table thead th,
body.charitable_page_charitable-tools table tfoot th,
body.charitable_page_charitable-tools table thead td,
body.charitable_page_charitable-tools table tfoot td,
body.charitable_page_charitable-addons table thead th,
body.charitable_page_charitable-addons table tfoot th,
body.charitable_page_charitable-addons table thead td,
body.charitable_page_charitable-addons table tfoot td {
  border-color: #DDD;
}
body.charitable_page_charitable-settings table td.title,
body.charitable_page_charitable-reports table td.title,
body.post-type-charitable.edit-tags-php table td.title,
body.charitable_page_charitable-tools table td.title,
body.charitable_page_charitable-addons table td.title {
  font-weight: 400;
  padding-right: 50px;
}
body.charitable_page_charitable-settings table td.title a,
body.charitable_page_charitable-reports table td.title a,
body.post-type-charitable.edit-tags-php table td.title a,
body.charitable_page_charitable-tools table td.title a,
body.charitable_page_charitable-addons table td.title a {
  font-weight: 400;
  color: #454955;
}
body.charitable_page_charitable-settings h1,
body.charitable_page_charitable-reports h1,
body.post-type-charitable.edit-tags-php h1,
body.charitable_page_charitable-tools h1,
body.charitable_page_charitable-addons h1 {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 21px;
  margin-right: 10px;
  margin-bottom: 20px;
  margin-top: 20px;
}

body.post-type-charitable.edit-tags-php #col-container {
  margin-top: 15px;
}
body.post-type-charitable.edit-tags-php h1.wp-heading-inline {
  display: none;
}

body.charitable_page_charitable-settings div#charitable-settings table.form-table tbody tr th[scope=row] label {
  font-weight: normal;
  font-size: inherit;
  margin: 10px 0 6px 0;
  line-height: 20px;
  font-family: "Inter", sans-serif;
  display: block;
}

/* customerizer legacy */
.charitable-customizer-section img {
  float: left;
  border: 1px solid #ccc;
  padding: 5px;
  margin-right: 20px;
}
.charitable-customizer-section a.button.button-primary {
  background-color: #5AA152;
  border-color: #5AA152;
  color: white;
  border-radius: 5px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  padding: 15px 20px;
  text-transform: capitalize;
}

/* tabs */
body.charitable_page_charitable-reports h2.nav-tab-wrapper,
body.charitable_page_charitable-tools h2.nav-tab-wrapper,
body.post-type-charitable.edit-tags-php h2.nav-tab-wrapper,
body.term-php.taxonomy-campaign_category h2.nav-tab-wrapper,
body.term-php.taxonomy-campaign_tag h2.nav-tab-wrapper,
body.charitable_page_charitable-growth-tools h2.nav-tab-wrapper,
body.charitable_page_charitable-settings h2.nav-tab-wrapper,
body.charitable_page_charitable-about h2.nav-tab-wrapper {
  font-family: "Inter", sans-serif;
  margin-bottom: 25px;
  display: inline-block;
  border-bottom: 1px solid #D5D6D8;
  padding-left: 0px;
  padding-right: 20px;
  margin-bottom: 5px;
  width: calc(100% - 40px);
}
body.charitable_page_charitable-reports h2.nav-tab-wrapper a.nav-tab,
body.charitable_page_charitable-tools h2.nav-tab-wrapper a.nav-tab,
body.post-type-charitable.edit-tags-php h2.nav-tab-wrapper a.nav-tab,
body.term-php.taxonomy-campaign_category h2.nav-tab-wrapper a.nav-tab,
body.term-php.taxonomy-campaign_tag h2.nav-tab-wrapper a.nav-tab,
body.charitable_page_charitable-growth-tools h2.nav-tab-wrapper a.nav-tab,
body.charitable_page_charitable-settings h2.nav-tab-wrapper a.nav-tab,
body.charitable_page_charitable-about h2.nav-tab-wrapper a.nav-tab {
  margin: 0 15px 0 0;
  font-family: "Inter", sans-serif;
  border: 0;
  background: none;
  color: #85878F;
  font-size: 15px;
  line-height: 18px;
  padding-bottom: 25px;
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 400;
  border-bottom: 2px solid transparent;
}
body.charitable_page_charitable-reports h2.nav-tab-wrapper a.nav-tab.nav-tab-active,
body.charitable_page_charitable-tools h2.nav-tab-wrapper a.nav-tab.nav-tab-active,
body.post-type-charitable.edit-tags-php h2.nav-tab-wrapper a.nav-tab.nav-tab-active,
body.term-php.taxonomy-campaign_category h2.nav-tab-wrapper a.nav-tab.nav-tab-active,
body.term-php.taxonomy-campaign_tag h2.nav-tab-wrapper a.nav-tab.nav-tab-active,
body.charitable_page_charitable-growth-tools h2.nav-tab-wrapper a.nav-tab.nav-tab-active,
body.charitable_page_charitable-settings h2.nav-tab-wrapper a.nav-tab.nav-tab-active,
body.charitable_page_charitable-about h2.nav-tab-wrapper a.nav-tab.nav-tab-active {
  color: #2F3241;
  font-weight: 600;
  border-bottom: 2px solid #5AA152;
}
body.charitable_page_charitable-reports h2.nav-tab-wrapper a.nav-tab.nav-tab-marketing::after, body.charitable_page_charitable-reports h2.nav-tab-wrapper a.nav-tab.nav-tab-donors::after, body.charitable_page_charitable-reports h2.nav-tab-wrapper a.nav-tab.nav-tab-security::after,
body.charitable_page_charitable-tools h2.nav-tab-wrapper a.nav-tab.nav-tab-marketing::after,
body.charitable_page_charitable-tools h2.nav-tab-wrapper a.nav-tab.nav-tab-donors::after,
body.charitable_page_charitable-tools h2.nav-tab-wrapper a.nav-tab.nav-tab-security::after,
body.post-type-charitable.edit-tags-php h2.nav-tab-wrapper a.nav-tab.nav-tab-marketing::after,
body.post-type-charitable.edit-tags-php h2.nav-tab-wrapper a.nav-tab.nav-tab-donors::after,
body.post-type-charitable.edit-tags-php h2.nav-tab-wrapper a.nav-tab.nav-tab-security::after,
body.term-php.taxonomy-campaign_category h2.nav-tab-wrapper a.nav-tab.nav-tab-marketing::after,
body.term-php.taxonomy-campaign_category h2.nav-tab-wrapper a.nav-tab.nav-tab-donors::after,
body.term-php.taxonomy-campaign_category h2.nav-tab-wrapper a.nav-tab.nav-tab-security::after,
body.term-php.taxonomy-campaign_tag h2.nav-tab-wrapper a.nav-tab.nav-tab-marketing::after,
body.term-php.taxonomy-campaign_tag h2.nav-tab-wrapper a.nav-tab.nav-tab-donors::after,
body.term-php.taxonomy-campaign_tag h2.nav-tab-wrapper a.nav-tab.nav-tab-security::after,
body.charitable_page_charitable-growth-tools h2.nav-tab-wrapper a.nav-tab.nav-tab-marketing::after,
body.charitable_page_charitable-growth-tools h2.nav-tab-wrapper a.nav-tab.nav-tab-donors::after,
body.charitable_page_charitable-growth-tools h2.nav-tab-wrapper a.nav-tab.nav-tab-security::after,
body.charitable_page_charitable-settings h2.nav-tab-wrapper a.nav-tab.nav-tab-marketing::after,
body.charitable_page_charitable-settings h2.nav-tab-wrapper a.nav-tab.nav-tab-donors::after,
body.charitable_page_charitable-settings h2.nav-tab-wrapper a.nav-tab.nav-tab-security::after,
body.charitable_page_charitable-about h2.nav-tab-wrapper a.nav-tab.nav-tab-marketing::after,
body.charitable_page_charitable-about h2.nav-tab-wrapper a.nav-tab.nav-tab-donors::after,
body.charitable_page_charitable-about h2.nav-tab-wrapper a.nav-tab.nav-tab-security::after {
  content: "Pro";
  background-color: #F99E36;
  padding: 3px 7px;
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase;
  color: white;
  font-weight: 600;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 0;
  position: relative;
  top: -7px;
}
body.charitable_page_charitable-reports h2.nav-tab-wrapper a.nav-tab.no-pro-tab::after,
body.charitable_page_charitable-tools h2.nav-tab-wrapper a.nav-tab.no-pro-tab::after,
body.post-type-charitable.edit-tags-php h2.nav-tab-wrapper a.nav-tab.no-pro-tab::after,
body.term-php.taxonomy-campaign_category h2.nav-tab-wrapper a.nav-tab.no-pro-tab::after,
body.term-php.taxonomy-campaign_tag h2.nav-tab-wrapper a.nav-tab.no-pro-tab::after,
body.charitable_page_charitable-growth-tools h2.nav-tab-wrapper a.nav-tab.no-pro-tab::after,
body.charitable_page_charitable-settings h2.nav-tab-wrapper a.nav-tab.no-pro-tab::after,
body.charitable_page_charitable-about h2.nav-tab-wrapper a.nav-tab.no-pro-tab::after {
  /* undo the content css above */
  display: none;
}
body.charitable_page_charitable-reports h2.nav-tab-wrapper a.nav-tab:hover,
body.charitable_page_charitable-tools h2.nav-tab-wrapper a.nav-tab:hover,
body.post-type-charitable.edit-tags-php h2.nav-tab-wrapper a.nav-tab:hover,
body.term-php.taxonomy-campaign_category h2.nav-tab-wrapper a.nav-tab:hover,
body.term-php.taxonomy-campaign_tag h2.nav-tab-wrapper a.nav-tab:hover,
body.charitable_page_charitable-growth-tools h2.nav-tab-wrapper a.nav-tab:hover,
body.charitable_page_charitable-settings h2.nav-tab-wrapper a.nav-tab:hover,
body.charitable_page_charitable-about h2.nav-tab-wrapper a.nav-tab:hover {
  color: #2F3241;
  border-bottom: 2px solid #D5D6D8;
}

body.charitable_page_charitable-reports div#charitable-settings table.form-table tbody tr:first-child th[scope=row] h4,
body.charitable_page_charitable-reports h4,
body.charitable_page_charitable-tools div#charitable-settings table.form-table tbody tr:first-child th[scope=row] h4,
body.charitable_page_charitable-tools h4,
body.charitable_page_charitable-settings div#charitable-settings table.form-table tbody tr:first-child th[scope=row] h4,
body.charitable_page_charitable-settings h4 {
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
body.charitable_page_charitable-reports.charitable-admin-settings-gateways div#charitable-settings table.form-table th,
body.charitable_page_charitable-tools.charitable-admin-settings-gateways div#charitable-settings table.form-table th,
body.charitable_page_charitable-settings.charitable-admin-settings-gateways div#charitable-settings table.form-table th {
  min-width: auto !important;
}
body.charitable_page_charitable-reports.charitable-admin-settings-gateways div#charitable-settings table.form-table tbody tr th[scope=row] h4,
body.charitable_page_charitable-tools.charitable-admin-settings-gateways div#charitable-settings table.form-table tbody tr th[scope=row] h4,
body.charitable_page_charitable-settings.charitable-admin-settings-gateways div#charitable-settings table.form-table tbody tr th[scope=row] h4 {
  padding-bottom: 20px;
}
body.charitable_page_charitable-reports.charitable-admin-settings-gateways div#charitable-settings table.form-table tbody tr td,
body.charitable_page_charitable-tools.charitable-admin-settings-gateways div#charitable-settings table.form-table tbody tr td,
body.charitable_page_charitable-settings.charitable-admin-settings-gateways div#charitable-settings table.form-table tbody tr td {
  padding-top: 5px;
}
body.charitable_page_charitable-reports.charitable-admin-settings-gateways div#charitable-settings table.form-table a.wpcharitable-stripe-connect,
body.charitable_page_charitable-tools.charitable-admin-settings-gateways div#charitable-settings table.form-table a.wpcharitable-stripe-connect,
body.charitable_page_charitable-settings.charitable-admin-settings-gateways div#charitable-settings table.form-table a.wpcharitable-stripe-connect {
  margin-top: -10px;
}
body.charitable_page_charitable-reports.charitable-admin-settings-gateways .charitable-settings-field,
body.charitable_page_charitable-tools.charitable-admin-settings-gateways .charitable-settings-field,
body.charitable_page_charitable-settings.charitable-admin-settings-gateways .charitable-settings-field {
  font-size: 13px;
  margin-top: 10px;
}
body.charitable_page_charitable-reports.charitable-admin-settings-gateways #charitable_settings_test_mode.charitable-settings-field,
body.charitable_page_charitable-tools.charitable-admin-settings-gateways #charitable_settings_test_mode.charitable-settings-field,
body.charitable_page_charitable-settings.charitable-admin-settings-gateways #charitable_settings_test_mode.charitable-settings-field {
  margin-top: -10px;
}
body.charitable_page_charitable-reports .charitable-settings-object h4,
body.charitable_page_charitable-tools .charitable-settings-object h4,
body.charitable_page_charitable-settings .charitable-settings-object h4 {
  line-height: 40px;
}
body.charitable_page_charitable-reports .charitable-settings-object.charitable-gateway,
body.charitable_page_charitable-tools .charitable-settings-object.charitable-gateway,
body.charitable_page_charitable-settings .charitable-settings-object.charitable-gateway {
  min-height: 40px;
}
body.charitable_page_charitable-reports .charitable-settings-object .gateway-logo,
body.charitable_page_charitable-tools .charitable-settings-object .gateway-logo,
body.charitable_page_charitable-settings .charitable-settings-object .gateway-logo {
  float: left;
  padding: 5px 0 0 20px;
}
body.charitable_page_charitable-reports .charitable-settings-object .gateway-badge,
body.charitable_page_charitable-tools .charitable-settings-object .gateway-badge,
body.charitable_page_charitable-settings .charitable-settings-object .gateway-badge {
  background-color: #347d39 !important;
  font-weight: 500;
  color: white;
  font-size: 0.775rem;
  line-height: 1.25rem;
  padding-bottom: 0.225rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.225rem;
}
body.charitable_page_charitable-reports .charitable-settings-object .make-default-gateway,
body.charitable_page_charitable-tools .charitable-settings-object .make-default-gateway,
body.charitable_page_charitable-settings .charitable-settings-object .make-default-gateway {
  display: inline-block;
  color: #2B66D1;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  margin-left: 0 !important;
  text-decoration: underline;
}
body.charitable_page_charitable-reports .charitable-settings-object .make-default-gateway i,
body.charitable_page_charitable-tools .charitable-settings-object .make-default-gateway i,
body.charitable_page_charitable-settings .charitable-settings-object .make-default-gateway i {
  font-size: 15px;
  line-height: 15px;
  margin-right: 3px;
}
body.charitable_page_charitable-reports .charitable-settings-object .default-gateway,
body.charitable_page_charitable-tools .charitable-settings-object .default-gateway,
body.charitable_page_charitable-settings .charitable-settings-object .default-gateway {
  margin-top: 6px;
  display: inline-block;
}
body.charitable_page_charitable-reports .charitable-settings-object > .charitable-badge,
body.charitable_page_charitable-tools .charitable-settings-object > .charitable-badge,
body.charitable_page_charitable-settings .charitable-settings-object > .charitable-badge {
  margin-left: 15px;
  top: 8px;
  position: relative;
}
body.charitable_page_charitable-reports .charitable-settings-object > .charitable-badge ~ .charitable-badge,
body.charitable_page_charitable-tools .charitable-settings-object > .charitable-badge ~ .charitable-badge,
body.charitable_page_charitable-settings .charitable-settings-object > .charitable-badge ~ .charitable-badge {
  margin-left: 5px;
}
body.charitable_page_charitable-reports .charitable-settings-object,
body.charitable_page_charitable-tools .charitable-settings-object,
body.charitable_page_charitable-settings .charitable-settings-object {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
body.charitable_page_charitable-reports .charitable-settings-object .gateway-logo,
body.charitable_page_charitable-tools .charitable-settings-object .gateway-logo,
body.charitable_page_charitable-settings .charitable-settings-object .gateway-logo {
  padding: 0;
}
body.charitable_page_charitable-reports .charitable-settings-object .gateway-logo-name,
body.charitable_page_charitable-tools .charitable-settings-object .gateway-logo-name,
body.charitable_page_charitable-settings .charitable-settings-object .gateway-logo-name {
  padding: 0 0 0 10px;
}
body.charitable_page_charitable-reports .charitable-settings-object .gateway-logo-name .charitable-badge,
body.charitable_page_charitable-tools .charitable-settings-object .gateway-logo-name .charitable-badge,
body.charitable_page_charitable-settings .charitable-settings-object .gateway-logo-name .charitable-badge {
  margin-right: 10px;
}
body.charitable_page_charitable-reports .charitable-settings-object .gateway-logo,
body.charitable_page_charitable-reports .charitable-settings-object .gateway-logo-name h4,
body.charitable_page_charitable-tools .charitable-settings-object .gateway-logo,
body.charitable_page_charitable-tools .charitable-settings-object .gateway-logo-name h4,
body.charitable_page_charitable-settings .charitable-settings-object .gateway-logo,
body.charitable_page_charitable-settings .charitable-settings-object .gateway-logo-name h4 {
  width: 130px;
}
body.charitable_page_charitable-reports .charitable-settings-object .gateway-logo,
body.charitable_page_charitable-tools .charitable-settings-object .gateway-logo,
body.charitable_page_charitable-settings .charitable-settings-object .gateway-logo {
  margin-bottom: -5px;
}
body.charitable_page_charitable-reports .charitable-settings-object .gateway-logo-name,
body.charitable_page_charitable-tools .charitable-settings-object .gateway-logo-name,
body.charitable_page_charitable-settings .charitable-settings-object .gateway-logo-name {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
body.charitable_page_charitable-reports .charitable-settings-object.square .gateway-logo,
body.charitable_page_charitable-tools .charitable-settings-object.square .gateway-logo,
body.charitable_page_charitable-settings .charitable-settings-object.square .gateway-logo {
  margin-bottom: -5px;
}
body.charitable_page_charitable-reports tr.charitable-test-mode-checkbox,
body.charitable_page_charitable-tools tr.charitable-test-mode-checkbox,
body.charitable_page_charitable-settings tr.charitable-test-mode-checkbox {
  display: flex;
  justify-content: left;
  align-items: center;
  width: calc(100% - 20px);
}
body.charitable_page_charitable-reports tr.charitable-test-mode-checkbox th h4,
body.charitable_page_charitable-tools tr.charitable-test-mode-checkbox th h4,
body.charitable_page_charitable-settings tr.charitable-test-mode-checkbox th h4 {
  padding: 0 !important;
  margin: 0 !important;
}
body.charitable_page_charitable-reports tr.charitable-test-mode-checkbox td,
body.charitable_page_charitable-tools tr.charitable-test-mode-checkbox td,
body.charitable_page_charitable-settings tr.charitable-test-mode-checkbox td {
  margin: 0;
  padding: 0;
}
body.charitable_page_charitable-reports .square-business-locations.square-disconnected,
body.charitable_page_charitable-tools .square-business-locations.square-disconnected,
body.charitable_page_charitable-settings .square-business-locations.square-disconnected {
  display: none !important;
}

body.charitable-admin-settings-gateways.charitable-admin-settings-gateways-main table.form-table tbody tr:last-child {
  display: none;
}
body.charitable-admin-settings-gateways.charitable-admin-settings-gateways-main p.submit {
  margin-bottom: 40px;
}

/* buttons */
body.charitable-admin-settings a.button,
body.taxonomy-campaign_tag a.button,
body.taxonomy-campaign_category a.button {
  background-color: #F8F8F9;
  border-color: #D7D7DB;
  color: #5C5F6A;
  border-radius: 5px;
  padding: 5px 10px;
}
body.charitable-admin-settings a.button:hover,
body.taxonomy-campaign_tag a.button:hover,
body.taxonomy-campaign_category a.button:hover {
  background-color: #d1d1d8;
  border-color: #D7D7DB;
}
body.charitable-admin-settings a.button-primary,
body.taxonomy-campaign_tag a.button-primary,
body.taxonomy-campaign_category a.button-primary {
  background-color: #5AA152;
  border-color: #5AA152;
  color: white;
  border-radius: 5px;
}
body.charitable-admin-settings a.button-primary:hover,
body.taxonomy-campaign_tag a.button-primary:hover,
body.taxonomy-campaign_category a.button-primary:hover {
  background-color: #3f7539;
  border-color: #3f7539;
}
body.charitable-admin-settings input.button-primary[type=submit],
body.taxonomy-campaign_tag input.button-primary[type=submit],
body.taxonomy-campaign_category input.button-primary[type=submit] {
  background-color: #5AA152;
  border-color: #5AA152;
  color: white;
  border-radius: 5px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  padding: 15px 20px;
  text-transform: capitalize;
}
body.charitable-admin-settings input.button-primary[type=submit]:hover,
body.taxonomy-campaign_tag input.button-primary[type=submit]:hover,
body.taxonomy-campaign_category input.button-primary[type=submit]:hover {
  background-color: #3f7539;
  border-color: #3f7539;
}

body.taxonomy-campaign_tag input.button-primary[type=submit],
body.taxonomy-campaign_category input.button-primary[type=submit] {
  line-height: 0;
  height: 50px;
}

/* badges */
.charitable-badge {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  line-height: 6px;
  user-select: none;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-out;
}

.charitable-badge i.fa {
  margin-right: 5px;
}

.charitable-badge-sm {
  font-size: 8px;
  letter-spacing: 0.4px;
  padding: 6px 8px;
}

.charitable-badge-inline {
  display: inline-block;
}

.charitable-badge-green {
  color: #30b450;
  background-color: #e5f6e9;
}

.charitable-badge-orange {
  color: #f18200;
  background-color: #fff3e6;
}

.charitable-badge-rounded {
  border-radius: 3px;
}

.charitable-panel-sidebar .charitable-badge {
  border-radius: 4px;
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  padding: 4px 5px;
  margin-inline-end: 10px;
  position: relative;
  top: -2px;
  left: 10px;
}
.charitable-panel-sidebar .charitable-badge-green {
  color: #fff;
  background-color: #00a32a;
}

/* mascot */
body.wp-admin #wpbody .charitable-wrap .badge.v2 {
  background-color: transparent !important;
}
body.wp-admin #wpbody .charitable-wrap .badge.v2 .mascot {
  height: 75px;
  width: 75px;
  background-image: url("../../assets/images/charitable-logo.svg");
  background-size: cover;
  background-repeat: no-repeat;
}

/* general */
.charitable-hide {
  display: none;
}

.charitable-hidden {
  display: none !important;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

div#charitable-settings table.form-table tbody tr.section-heading th[scope=row] h4,
div#charitable-settings table.form-table tbody tr:first-child th[scope=row] h4 {
  font-weight: 600 !important;
}

/* modal */
body.post-type-campaign .jconfirm .jconfirm-box {
  padding: 0 0 0;
}
body.post-type-campaign .jconfirm .jconfirm-box .jconfirm-closeIcon {
  color: #545660;
  padding-top: 5px;
  padding-right: 10px;
  font-size: 40px !important;
}
body.post-type-campaign .jconfirm .jconfirm-box div.jconfirm-content-pane {
  margin: 35px 30px -10px 30px;
  width: -webkit-calc(100% - 30px);
  width: -moz-calc(100% - 30px);
  width: calc(100% - 30px);
}
body.post-type-campaign .jconfirm .jconfirm-box div.jconfirm-title-c {
  padding: 30px 0 40px 30px;
  background-color: #282937;
}
body.post-type-campaign .jconfirm .jconfirm-box div.jconfirm-title-c span.jconfirm-title {
  color: #ffffff;
  font-weight: 600;
}
body.post-type-campaign .jconfirm .jconfirm-box .jconfirm-buttons {
  float: left;
  padding: 0 30px 30px 30px;
}
body.post-type-campaign .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
  background-color: #5AA152;
  text-transform: capitalize;
  border-radius: 5px;
  font-weight: 500;
  padding: 15px 25px;
  font-size: 16px;
  line-height: 20px;
}
body.post-type-campaign .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
  background-color: #3f7539;
}
body.post-type-campaign .jconfirm .jconfirm-box input.campaign_name.form-control {
  border-color: #DFDFE1;
  display: inline-block;
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 20px !important;
  width: 90% !important;
}
body.post-type-campaign .jconfirm .jconfirm-box label {
  display: inline-block !important;
  margin-top: 0 !important;
}
body.post-type-campaign .jconfirm .jconfirm-box a.charitable-lite-pro-popup-link {
  color: #3459C4 !important;
  text-decoration: none;
}
body.post-type-campaign .jconfirm .jconfirm-box a.charitable-lite-pro-popup-link:hover {
  text-decoration: underline;
}
body.post-type-campaign .jconfirm .jconfirm-box.jconfirm-type-create-campaign .jconfirm-closeIcon {
  color: white;
  opacity: 0.7;
  width: 15px;
  height: 15px;
  top: 25px;
  right: 25px;
  font-weight: 200;
  font-size: 28px !important;
}
body.post-type-campaign .jconfirm .jconfirm-box.jconfirm-type-create-campaign .jconfirm-title-c {
  color: #E7E7E9;
  padding: 30px 0 30px 30px !important;
  font-size: 18px;
  font-weight: 600;
}
body.post-type-campaign .jconfirm .jconfirm-box.jconfirm-type-create-campaign div.jconfirm-content-pane {
  margin: 0 30px 0 30px;
}
body.post-type-campaign.edit-php.post-type-charitable .charitable-modal {
  max-width: 400px;
  background-color: #ffffff;
  color: #5C5F6B;
  font-family: "Inter", sans-serif;
}
body.post-type-campaign.edit-php.post-type-charitable .charitable-modal .modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  cursor: pointer;
}
body.post-type-campaign.edit-php.post-type-charitable .charitable-modal .modal-close::before {
  content: "\f158";
  display: block !important;
  font: normal 20px/1 dashicons;
  speak: none;
  height: 22px;
  margin: 2px 0;
  text-align: center;
  width: 22px;
  color: #777;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
body.post-type-campaign.edit-php.post-type-charitable .charitable-modal h3 {
  margin: 0 0 30px 0;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  text-align: left;
  color: #5C5F6B;
}
body.post-type-campaign.edit-php.post-type-charitable .charitable-modal legend,
body.post-type-campaign.edit-php.post-type-charitable .charitable-modal label {
  color: #303442;
  margin-bottom: 10px;
  display: block;
  font-size: 14px;
}
body.post-type-campaign.edit-php.post-type-charitable .charitable-modal select {
  width: 100%;
  padding: 5px 15px;
}
body.post-type-campaign.edit-php.post-type-charitable .charitable-modal select,
body.post-type-campaign.edit-php.post-type-charitable .charitable-modal input[type=text] {
  margin-bottom: 20px;
  border-radius: 4px;
}
body.post-type-campaign.edit-php.post-type-charitable .charitable-modal button.button {
  background: #FAFAFB;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  margin: 0 auto 0 0;
  color: #5E616C;
  border: 1px solid #DDD;
  border-radius: 4px;
}
body.post-type-campaign.edit-php.post-type-charitable .charitable-modal input.charitable-datepicker {
  width: 48%;
  display: inline-block;
  background-image: url("../../images/icons/calendar.png");
  background-repeat: no-repeat;
  background-position: 163px center;
  background-size: 15px 15px;
  border: 1px solid #E3E3E5;
  border-radius: 4px;
}
body.post-type-campaign.edit-php.post-type-charitable .charitable-modal #charitable-filter-end_date_to,
body.post-type-campaign.edit-php.post-type-charitable .charitable-modal #charitable-filter-start_date_to {
  float: right;
}

body.post-type-donation .jconfirm .jconfirm-box {
  padding: 0 0 0;
}
body.post-type-donation .jconfirm .jconfirm-box .jconfirm-closeIcon {
  color: #545660;
  padding-top: 5px;
  padding-right: 10px;
  font-size: 40px !important;
}
body.post-type-donation .jconfirm .jconfirm-box div.jconfirm-content-pane {
  margin: 35px 30px -10px 30px;
  width: -webkit-calc(100% - 30px);
  width: -moz-calc(100% - 30px);
  width: calc(100% - 30px);
}
body.post-type-donation .jconfirm .jconfirm-box div.jconfirm-title-c {
  padding: 30px 0 40px 30px;
  background-color: #282937;
}
body.post-type-donation .jconfirm .jconfirm-box div.jconfirm-title-c span.jconfirm-title {
  color: #ffffff;
  font-weight: 600;
}
body.post-type-donation .jconfirm .jconfirm-box .jconfirm-buttons {
  float: left;
  padding: 0 30px 30px 30px;
}
body.post-type-donation .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
  background-color: #5AA152;
  text-transform: capitalize;
  border-radius: 5px;
  font-weight: 500;
  padding: 15px 25px;
  font-size: 16px;
  line-height: 20px;
}
body.post-type-donation .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
  background-color: #3f7539;
}
body.post-type-donation .jconfirm .jconfirm-box input.donation_name.form-control {
  border-color: #DFDFE1;
  display: inline-block;
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 20px !important;
  width: 90% !important;
}
body.post-type-donation .jconfirm .jconfirm-box label {
  display: inline-block !important;
  margin-top: 0 !important;
}
body.post-type-donation .jconfirm .jconfirm-box a.charitable-lite-pro-popup-link {
  color: #3459C4 !important;
  text-decoration: none;
}
body.post-type-donation .jconfirm .jconfirm-box a.charitable-lite-pro-popup-link:hover {
  text-decoration: underline;
}
body.post-type-donation .jconfirm .jconfirm-box.jconfirm-type-create-donation .jconfirm-closeIcon {
  color: white;
  opacity: 0.7;
  width: 15px;
  height: 15px;
  top: 25px;
  right: 25px;
  font-weight: 200;
  font-size: 28px !important;
}
body.post-type-donation .jconfirm .jconfirm-box.jconfirm-type-create-donation .jconfirm-title-c {
  color: #E7E7E9;
  padding: 30px 0 30px 30px !important;
  font-size: 18px;
  font-weight: 600;
}
body.post-type-donation .jconfirm .jconfirm-box.jconfirm-type-create-donation div.jconfirm-content-pane {
  margin: 0 30px 0 30px;
}
body.post-type-donation.edit-php.post-type-charitable .charitable-modal {
  max-width: 400px;
  background-color: #ffffff;
  color: #5C5F6B;
  font-family: "Inter", sans-serif;
}
body.post-type-donation.edit-php.post-type-charitable .charitable-modal .modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  cursor: pointer;
}
body.post-type-donation.edit-php.post-type-charitable .charitable-modal .modal-close::before {
  content: "\f158";
  display: block !important;
  font: normal 20px/1 dashicons;
  speak: none;
  height: 22px;
  margin: 2px 0;
  text-align: center;
  width: 22px;
  color: #777;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
body.post-type-donation.edit-php.post-type-charitable .charitable-modal h3 {
  margin: 0 0 30px 0;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  text-align: left;
  color: #5C5F6B;
}
body.post-type-donation.edit-php.post-type-charitable .charitable-modal legend,
body.post-type-donation.edit-php.post-type-charitable .charitable-modal label {
  color: #303442;
  margin-bottom: 10px;
  display: block;
  font-size: 14px;
}
body.post-type-donation.edit-php.post-type-charitable .charitable-modal select {
  width: 100%;
  padding: 5px 15px;
}
body.post-type-donation.edit-php.post-type-charitable .charitable-modal select,
body.post-type-donation.edit-php.post-type-charitable .charitable-modal input[type=text] {
  margin-bottom: 20px;
  border-radius: 4px;
}
body.post-type-donation.edit-php.post-type-charitable .charitable-modal button.button {
  background: #FAFAFB;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  margin: 0 auto 0 0;
  color: #5E616C;
  border: 1px solid #DDD;
  border-radius: 4px;
}
body.post-type-donation.edit-php.post-type-charitable .charitable-modal input.charitable-datepicker {
  width: 48%;
  display: inline-block;
  background-image: url("../../images/icons/calendar.png");
  background-repeat: no-repeat;
  background-position: 163px center;
  background-size: 15px 15px;
  border: 1px solid #E3E3E5;
  border-radius: 4px;
}
body.post-type-donation.edit-php.post-type-charitable .charitable-modal #charitable-filter-end_date_to,
body.post-type-donation.edit-php.post-type-charitable .charitable-modal #charitable-filter-start_date_to {
  float: right;
}

/* reports */
body.charitable_page_charitable-reports .charitable-overview-report,
body.charitable_page_charitable-reports .charitable-activity-report {
  position: relative;
  padding: 0px;
}
body.charitable_page_charitable-reports .charitable-overview-report a.button,
body.charitable_page_charitable-reports .charitable-activity-report a.button {
  border-radius: 5px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  padding: 15px 20px;
  text-transform: capitalize;
}
body.charitable_page_charitable-reports .charitable-overview-report a.button.button-primary,
body.charitable_page_charitable-reports .charitable-activity-report a.button.button-primary {
  background-color: #5AA152;
  border-color: #5AA152;
  color: white;
}
body.charitable_page_charitable-reports .charitable-overview-report-loading {
  background-color: rgba(255, 255, 255, 0.85);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}
body.charitable_page_charitable-reports .charitable-section-loading {
  opacity: 0.25;
}
body.charitable_page_charitable-reports .nav-tab.advanced::after,
body.charitable_page_charitable-reports .nav-tab.activity::after,
body.charitable_page_charitable-reports .nav-tab.donors::after {
  content: "Pro";
  background-color: #F99E36;
  padding: 3px 7px;
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase;
  color: white;
  font-weight: 600;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 0;
  position: relative;
  top: -7px;
}
body.charitable_page_charitable-reports .tablenav {
  font-family: "Inter", sans-serif !important;
  min-height: 30px;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}
body.charitable_page_charitable-reports .tablenav .alignleft,
body.charitable_page_charitable-reports .tablenav .alignright {
  margin-top: 10px;
  margin-bottom: 10px;
}
body.charitable_page_charitable-reports .tablenav #charitable-advanced-date-pickers,
body.charitable_page_charitable-reports .tablenav #charitable-advanced-filter-buttons {
  display: inline-block;
}
body.charitable_page_charitable-reports .tablenav form {
  display: block;
  margin: 0;
  padding: 0;
  float: left;
}
body.charitable_page_charitable-reports .tablenav select {
  font-size: 13px;
  line-height: 29px;
  font-weight: 500;
  max-width: none;
  padding-right: 30px;
  background-color: #F9F9FA;
  color: #52545F;
  border-color: #E4E4E7;
  height: 38px;
}
body.charitable_page_charitable-reports .tablenav a.button,
body.charitable_page_charitable-reports .tablenav input.button {
  background-color: #F9F9FA;
  color: #52545F;
  border-color: #E4E4E7;
  height: 38px;
  padding-top: 0;
  padding-bottom: 0;
  min-height: auto;
  line-height: 38px;
  font-size: 13px;
}
body.charitable_page_charitable-reports .tablenav a.button:hover,
body.charitable_page_charitable-reports .tablenav input.button:hover {
  background-color: #E4E4E7;
}
body.charitable_page_charitable-reports .tablenav .charitable-datepicker-container a.button {
  display: block;
}
body.charitable_page_charitable-reports .tablenav a.button.with-icon label {
  padding-right: 10px;
}
body.charitable_page_charitable-reports .tablenav a.button.with-icon img {
  margin-bottom: -2px;
}
body.charitable_page_charitable-reports .tablenav button.charitable-report-download-button {
  background-color: #F9F9FA;
  color: #52545F;
  border-color: #E4E4E7;
  margin-left: 4px;
  margin-right: 4px;
  height: 38px;
  padding-top: 0;
  padding-bottom: 0;
}
body.charitable_page_charitable-reports .tablenav button.charitable-report-download-button:hover {
  background-color: #E4E4E7;
}
body.charitable_page_charitable-reports .tablenav button.charitable-report-download-button label {
  padding-right: 10px;
  pointer-events: none;
}
body.charitable_page_charitable-reports .tablenav button.charitable-report-download-button img {
  margin-bottom: -2px;
}
body.charitable_page_charitable-reports .tablenav button.charitable-report-print-button {
  background-color: #F9F9FA;
  color: #52545F;
  border-color: #E4E4E7;
  margin-left: 4px;
  margin-right: 4px;
  height: 38px;
  padding-top: 0;
  padding-bottom: 0;
}
body.charitable_page_charitable-reports .tablenav button.charitable-report-print-button:hover {
  background-color: #E4E4E7;
}
body.charitable_page_charitable-reports .tablenav button.charitable-report-print-button label {
  padding-right: 10px;
  pointer-events: none;
}
body.charitable_page_charitable-reports .tablenav button.charitable-report-print-button img {
  margin-bottom: -4px;
}
body.charitable_page_charitable-reports .tablenav input.charitable-datepicker {
  width: 115px;
  display: inline-block;
  background-image: url("../../images/icons/calendar.png");
  background-repeat: no-repeat;
  background-position: 90px center;
  background-size: 15px 15px;
  font-size: 13px;
  border-radius: 0;
  background-color: #F9F9FA;
  color: #52545F;
  border-color: #E4E4E7;
}
body.charitable_page_charitable-reports .tablenav input.charitable-datepicker-ranged,
body.charitable_page_charitable-reports .tablenav input.charitable-reports-datepicker {
  width: 195px;
  display: inline-block;
  background-image: url("../../images/icons/calendar.png");
  background-repeat: no-repeat;
  background-position: 170px center;
  background-size: 15px 15px;
  font-size: 13px;
  border-radius: 0;
  background-color: #F9F9FA;
  color: #52545F;
  border-color: #E4E4E7;
  margin-left: 4px;
  margin-right: 4px;
  height: 38px;
  padding-top: 0;
  padding-bottom: 0;
}
body.charitable_page_charitable-reports .tablenav input.charitable-datepicker-ranged:hover,
body.charitable_page_charitable-reports .tablenav input.charitable-reports-datepicker:hover {
  background-color: #E4E4E7;
}
body.charitable_page_charitable-reports .tablenav.with-margin {
  margin-bottom: 20px;
}
body.charitable_page_charitable-reports .charitable-section {
  margin-top: 20px;
  margin-bottom: 20px;
  display: table;
}
body.charitable_page_charitable-reports .charitable-section .alignleft,
body.charitable_page_charitable-reports .charitable-section .alignright {
  margin-bottom: 15px;
  margin-top: 15px;
}
body.charitable_page_charitable-reports .charitable-section.no-bottom {
  margin-bottom: 0;
}
body.charitable_page_charitable-reports .charitable-section.no-bottom .alignleft,
body.charitable_page_charitable-reports .charitable-section.no-bottom .alignright {
  margin-bottom: 0;
}
body.charitable_page_charitable-reports .charitable-container {
  border-radius: 5px;
  color: #757781;
  background-color: #FFF;
}
body.charitable_page_charitable-reports .charitable-datepicker-container {
  display: inline-block;
  margin-left: 5px;
}
body.charitable_page_charitable-reports .charitable-headline-graph-container {
  padding: 20px 30px;
}
body.charitable_page_charitable-reports .charitable-headline-graph-container.charitable-with-growth-tools {
  position: relative;
}
body.charitable_page_charitable-reports .charitable-section-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  margin-top: 20px;
}
body.charitable_page_charitable-reports .charitable-section-grid.one-third {
  display: flex;
  flex-direction: row;
}
body.charitable_page_charitable-reports .charitable-section-grid.charitable-section-grid-column-flexible {
  align-items: flex-start;
}
body.charitable_page_charitable-reports .charitable-section-grid.charitable-section-grid-column-single {
  columns: 1;
  column-gap: none;
  display: block;
}
body.charitable_page_charitable-reports .charitable-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 20px;
  margin-bottom: 20px;
  grid-gap: 20px;
  width: 100%;
}
body.charitable_page_charitable-reports .charitable-cards .charitable-card {
  padding-top: 60px;
  padding-bottom: 60px;
  font-weight: 500px;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
}
body.charitable_page_charitable-reports .charitable-cards .charitable-card p {
  margin-top: 5px;
  margin-bottom: 0;
}
body.charitable_page_charitable-reports .charitable-cards .charitable-card strong {
  color: #474A57;
  font-weight: 600;
  font-size: 42px;
  line-height: 44px;
}
body.charitable_page_charitable-reports .donations-breakdown tr th {
  color: #6A6C77;
}
body.charitable_page_charitable-reports .donations-breakdown td {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #8C8E96;
}
body.charitable_page_charitable-reports .donations-breakdown td.negative {
  color: #F99E36;
}
body.charitable_page_charitable-reports .donations-breakdown td.positive {
  color: #5AA152;
}
body.charitable_page_charitable-reports .donations-breakdown tr th:first-child,
body.charitable_page_charitable-reports .donations-breakdown td:first-child {
  padding-left: 30px;
}
body.charitable_page_charitable-reports .donations-breakdown td.column-date {
  font-weight: 600;
}
body.charitable_page_charitable-reports .charitable-report-card .header {
  margin: 20px 0 0 0;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  border-bottom: 1px solid #EFEFF1;
}
body.charitable_page_charitable-reports .charitable-report-card .header h4 {
  color: #303442;
  font-weight: 600;
  font-size: 17px;
  line-height: 22px;
  display: inline-block;
  margin: 0;
  padding: 0;
}
body.charitable_page_charitable-reports .charitable-report-card .header a {
  display: block;
  float: right;
  font-size: 23px;
  line-height: 23px;
}
body.charitable_page_charitable-reports .charitable-report-card .the-graph {
  width: 100%;
}
body.charitable_page_charitable-reports .charitable-report-card .the-list {
  padding-left: 20px;
  padding-right: 20px;
  margin-left: 10px;
  margin-right: 10px;
  max-height: 550px;
  overflow: scroll;
  /* width: 100%; */
}
body.charitable_page_charitable-reports .charitable-report-card .the-list.charitable-no-scroll {
  overflow: visible;
  max-height: none;
}
body.charitable_page_charitable-reports .charitable-report-card .the-list ul li {
  color: #474A57;
  display: flex;
  border-bottom: 1px solid #EFEFF1;
  padding-bottom: 15px;
  padding-top: 15px;
}
body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .avatar,
body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .icon {
  width: 25px;
  text-align: center;
}
body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .avatar img,
body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .icon img {
  margin: 5px auto;
  max-width: 25px;
}
body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .avatar {
  width: 55px;
}
body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .avatar img {
  width: 55px;
}
body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .info {
  flex-grow: 1;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 14px;
  line-height: 23px;
}
body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .info p {
  font-size: 14px;
  line-height: 23px;
  margin: 0;
  font-weight: 700;
}
body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .info p.name {
  margin: 10px 0 0 0;
  line-height: 14px;
}
body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .info p.amount {
  margin: 10px 0 0 0;
  font-weight: 500;
  color: #8C8E96;
}
body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .info p.campaign-title {
  margin: 10px 0 0 0;
  font-style: italic;
  font-weight: 500;
  color: #8C8E96;
}
body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .info p.email {
  margin: 10px 0 0 0;
  font-weight: 500;
  color: #8C8E96;
  line-height: 14px;
}
body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .info .badge {
  font-weight: 200;
  display: inline-block;
  margin-left: 10px;
}
body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .time-ago {
  color: #8C8E96;
}
body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .donor-donation-info {
  font-size: 14px;
  line-height: 14px;
  text-align: right;
}
body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .donor-donation-info p {
  margin: 0;
}
body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .donor-donation-info p:first-of-type {
  margin-top: 10px;
  margin-bottom: 5px;
}
body.charitable_page_charitable-reports .charitable-report-card .the-list ul li .donor-donation-info .badge {
  font-weight: 200;
  display: block;
}
body.charitable_page_charitable-reports .charitable-report-card .the-list ul li:last-child {
  border-bottom: 0;
}
body.charitable_page_charitable-reports .charitable-activity-report .charitable-tablenav-activity {
  width: 100%;
}
body.charitable_page_charitable-reports .charitable-activity-report .charitable-tablenav-activity h2 {
  line-height: 30px;
  font-size: 18px;
}
body.charitable_page_charitable-reports .charitable-activity-report .charitable-activity-list-container {
  background-color: #FFF;
}
body.charitable_page_charitable-reports .charitable-activity-report .charitable-activity-list-container .charitable-no-results {
  padding: 20px;
  text-align: left;
  font-size: 16px;
  line-height: 16px;
  color: #8C8E96;
}
body.charitable_page_charitable-reports .charitable-the-list-container {
  padding: 20px;
  margin-left: 10px;
  margin-right: 10px;
  max-height: 550px;
  overflow: scroll;
}
body.charitable_page_charitable-reports .charitable-the-list-container.charitable-no-scroll {
  overflow: visible;
  max-height: none;
}
body.charitable_page_charitable-reports .charitable-the-list-container ul {
  margin-top: 0;
  margin-bottom: 0;
}
body.charitable_page_charitable-reports .charitable-the-list-container ul li {
  color: #474A57;
  display: flex;
  border-bottom: 1px solid #EFEFF1;
  padding-bottom: 15px;
  padding-top: 15px;
}
body.charitable_page_charitable-reports .charitable-the-list-container ul li .avatar,
body.charitable_page_charitable-reports .charitable-the-list-container ul li .icon {
  width: 25px;
  text-align: center;
}
body.charitable_page_charitable-reports .charitable-the-list-container ul li .avatar img,
body.charitable_page_charitable-reports .charitable-the-list-container ul li .icon img {
  margin: 5px auto;
  max-width: 25px;
}
body.charitable_page_charitable-reports .charitable-the-list-container ul li .avatar {
  width: 55px;
}
body.charitable_page_charitable-reports .charitable-the-list-container ul li .avatar img {
  width: 55px;
}
body.charitable_page_charitable-reports .charitable-the-list-container ul li .info {
  flex-grow: 1;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 14px;
  line-height: 23px;
}
body.charitable_page_charitable-reports .charitable-the-list-container ul li .info p {
  font-size: 14px;
  line-height: 23px;
  margin: 0;
  font-weight: 700;
}
body.charitable_page_charitable-reports .charitable-the-list-container ul li .info p.name {
  margin: 10px 0 0 0;
  line-height: 14px;
}
body.charitable_page_charitable-reports .charitable-the-list-container ul li .info p.amount {
  margin: 10px 0 0 0;
  font-weight: 500;
  color: #8C8E96;
}
body.charitable_page_charitable-reports .charitable-the-list-container ul li .info p.campaign-title {
  margin: 10px 0 0 0;
  font-style: italic;
  font-weight: 500;
  color: #8C8E96;
}
body.charitable_page_charitable-reports .charitable-the-list-container ul li .info p.email {
  margin: 10px 0 0 0;
  font-weight: 500;
  color: #8C8E96;
  line-height: 14px;
}
body.charitable_page_charitable-reports .charitable-the-list-container ul li .info .badge {
  font-weight: 200;
  display: inline-block;
  margin-left: 10px;
}
body.charitable_page_charitable-reports .charitable-the-list-container ul li .time-ago {
  color: #8C8E96;
}
body.charitable_page_charitable-reports .charitable-the-list-container ul li .donor-donation-info {
  font-size: 14px;
  line-height: 14px;
}
body.charitable_page_charitable-reports .charitable-the-list-container ul li .donor-donation-info p {
  margin: 0;
}
body.charitable_page_charitable-reports .charitable-the-list-container ul li .donor-donation-info p:first-of-type {
  margin-top: 10px;
  margin-bottom: 5px;
}
body.charitable_page_charitable-reports .charitable-the-list-container ul li .donor-donation-info .badge {
  font-weight: 200;
  display: block;
}
body.charitable_page_charitable-reports .charitable-the-list-container ul li:last-child {
  border-bottom: 0;
}
body.charitable_page_charitable-reports .charitable-top-campaigns-report {
  width: 66%;
}
body.charitable_page_charitable-reports .charitable-top-campaigns-report p.link {
  display: table;
}
body.charitable_page_charitable-reports .charitable-top-campaigns-report a {
  color: #494E5A;
  text-decoration: none;
}
body.charitable_page_charitable-reports .charitable-top-campaigns-report a img {
  float: right;
  margin-left: 10px;
}
body.charitable_page_charitable-reports .charitable-top-campaigns-report a:hover {
  text-decoration: underline;
}
body.charitable_page_charitable-reports .charitable-top-donors-report .avatar img {
  border-radius: 50%;
}
body.charitable_page_charitable-reports .charitable-payment-methods-report {
  width: 33%;
}
body.charitable_page_charitable-reports .charitable-payment-methods-report .apexcharts-canvas {
  background-image: url("../../../assets/images/icons/payments.svg");
  background-repeat: no-repeat;
  background-position: center;
  margin-left: auto;
  margin-right: auto;
}
body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend {
  margin: 20px auto;
  width: 55%;
  max-width: 300px;
}
body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend li {
  display: flex;
  margin-bottom: 15px;
  width: 100%;
}
body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend .icon span {
  display: block;
  border-radius: 50%;
  width: 15px;
  height: 15px;
}
body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend li.stripe .icon span {
  background-color: #5AA152;
}
body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend li.paypal .icon span {
  background-color: #2B66D1;
}
body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend li.manual .icon span {
  background-color: #F99E36;
}
body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend li.offline .icon span {
  background-color: #9e36f9;
}
body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend li.none .icon span {
  background-color: #d21561;
}
body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend .info {
  margin-left: 10px;
  flex-grow: 1;
  font-size: 14px;
  line-height: 14px;
  color: #474A57;
  font-weight: 600;
  text-align: left;
}
body.charitable_page_charitable-reports .charitable-payment-methods-report .the-legend .total {
  font-size: 14px;
  line-height: 14px;
  color: #868890;
  font-weight: 400;
  text-align: right;
}
body.charitable_page_charitable-reports .charitable-top-campaigns-report .the-list ul li {
  display: block;
}
body.charitable_page_charitable-reports .charitable-top-campaigns-report .the-list ul li .main {
  display: flex;
}
body.charitable_page_charitable-reports .charitable-top-campaigns-report .the-list ul li .info {
  margin-left: 0;
}
body.charitable_page_charitable-reports .charitable-top-campaigns-report .the-list ul li .info .info-summary {
  font-weight: 400;
  color: #9899A0;
}
body.charitable_page_charitable-reports .charitable-top-campaigns-report .the-list ul li .info .info-summary p {
  display: inline-block;
  margin-right: 20px;
}
body.charitable_page_charitable-reports .charitable-top-campaigns-report .the-list ul li .info .info-summary p strong {
  color: #494E5A;
  font-weight: 400;
}
body.charitable_page_charitable-reports .charitable-top-campaigns-report .the-list ul li .progress-bar {
  margin: 10px auto;
  width: 100%;
}
body.charitable_page_charitable-reports .charitable-title-card {
  padding: 20px 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  position: relative;
}
body.charitable_page_charitable-reports .charitable-title-card h1 {
  color: #303442;
  font-weight: 600;
  font-size: 17px;
  line-height: 22px;
  display: inline-block;
  margin: 0;
  padding: 0;
}
body.charitable_page_charitable-reports .charitable-title-card a {
  display: block;
  float: right;
  font-size: 23px;
  line-height: 23px;
}
body.charitable_page_charitable-reports .charitable-title-card button.dismiss {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #666;
  font-size: 16px;
  text-decoration: none;
}
body.charitable_page_charitable-reports select#report-donor-type-filter,
body.charitable_page_charitable-reports select#report-advanced-type-filter {
  float: none !important;
  margin-left: 10px;
}
body.charitable_page_charitable-reports .charitable-advanced-report .tablenav {
  width: 100%;
}
body.charitable_page_charitable-reports .progress-bar {
  height: 4px;
  background-color: #F5F5F5;
  border-radius: 0;
  border: 0;
}
body.charitable_page_charitable-reports .progress-bar .progress {
  height: 4px;
  background-color: #5AA152;
}
body.charitable_page_charitable-reports .charitable-toggle:hover,
body.charitable_page_charitable-reports .charitable-toggle:focus,
body.charitable_page_charitable-reports .charitable-toggle:focus-visible,
body.charitable_page_charitable-reports .charitable-toggle:active,
body.charitable_page_charitable-reports .charitable-toggle i:focus,
body.charitable_page_charitable-reports .charitable-toggle i:focus-visible {
  text-decoration: none;
  border: 0;
  box-shadow: none;
}
body.charitable_page_charitable-reports .charitable-toggle .charitable-angle-right {
  rotate: -90deg;
}
body.charitable_page_charitable-reports .badge.completed {
  color: #50A66A;
}
body.charitable_page_charitable-reports .badge.pending {
  color: #E38632;
}
body.charitable_page_charitable-reports .badge.active {
  color: #50A66A;
}
body.charitable_page_charitable-reports .badge.recurring {
  color: #50A66A;
}
body.charitable_page_charitable-reports .badge.one-time {
  color: #EAA465;
}
body.charitable_page_charitable-reports .badge.paid, body.charitable_page_charitable-reports .badge.publish, body.charitable_page_charitable-reports .badge.published, body.charitable_page_charitable-reports .badge.charitable-completed {
  color: #50A66A;
}
body.charitable_page_charitable-reports .badge.cancelled {
  color: #CE3E4E;
}
body.charitable_page_charitable-reports .badge.draft {
  color: #ccc;
}

/* reports - analytics */
body.charitable_page_charitable-reports .charitable-analytics-container {
  max-width: 790px;
  margin: 30px auto 60px auto;
  display: table;
  text-align: center;
}
body.charitable_page_charitable-reports .charitable-analytics-container .charitable-monsterinsights-logo {
  margin: 0 auto;
}
body.charitable_page_charitable-reports .charitable-analytics-container h1 {
  font-weight: 600;
  font-size: 28px;
  line-height: 38px;
  margin-top: 20px;
  color: #444754;
}
body.charitable_page_charitable-reports .charitable-analytics-container h2 {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin-top: 20px;
  color: #909299;
}
body.charitable_page_charitable-reports .charitable-analytics-container .vertical-wrapper {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  display: table;
}
body.charitable_page_charitable-reports .charitable-analytics-container .bullets-thumbnail {
  margin: 60px auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  align-content: space-evenly;
}
body.charitable_page_charitable-reports .charitable-analytics-container .bullets-thumbnail img {
  max-width: 300px;
}
body.charitable_page_charitable-reports .charitable-analytics-container .bullets-thumbnail ul {
  padding: 0;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
}
body.charitable_page_charitable-reports .charitable-analytics-container .bullets-thumbnail li {
  text-align: left;
  min-height: 25px;
  font-size: 14px;
  line-height: 21px;
  color: #474A57;
  padding-left: 35px;
  margin-bottom: 15px;
  margin-top: 0;
  background: url(../../images/reports/analytics/check.svg) 0 2px no-repeat;
}
body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step {
  margin: 20px auto;
  text-align: left;
  display: grid;
  grid-template-columns: 1fr 100px;
  grid-gap: 0px;
  clear: both;
  max-width: 670px;
  background-color: #fff;
}
body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step .instructions {
  padding: 25px;
  float: left;
}
body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step .step {
  width: 100px;
  background-color: #F7F8FB;
  text-align: center;
  float: right;
}
body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step .step .step-image {
  display: table-cell;
  vertical-align: middle;
}
body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step h3 {
  color: #23282D;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  margin: 0;
  padding: 0;
}
body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step p {
  padding: 0;
  margin: 10px auto;
  font-weight: 200;
  color: #646970;
  font-size: 16px;
  line-height: 24px;
}
body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step a {
  margin: 5px auto 0 auto;
  display: inline-block;
}
body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step a.button-link {
  background-color: #5AA152;
  color: #ffffff;
  padding: 10px 15px;
  position: relative;
  top: -4px;
  text-decoration: none;
  border-radius: 5px;
  text-shadow: none;
  font-weight: 600;
  font-size: 13px;
  line-height: normal;
  cursor: pointer;
}
body.charitable_page_charitable-reports .charitable-analytics-container .charitable-intergration-steps .charitable-intergration-step a.button-link:hover {
  background-color: #1E5B38 !important;
  border-color: #1E5B38 !important;
}

/* tools */
/* dashboard */
body.charitable_page_charitable-dashboard .tablenav {
  font-family: "Inter", sans-serif !important;
  min-height: 30px;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}
body.charitable_page_charitable-dashboard .tablenav .alignleft,
body.charitable_page_charitable-dashboard .tablenav .alignright {
  margin-top: 10px;
  margin-bottom: 10px;
}
body.charitable_page_charitable-dashboard .tablenav #charitable-advanced-date-pickers,
body.charitable_page_charitable-dashboard .tablenav #charitable-advanced-filter-buttons {
  display: inline-block;
}
body.charitable_page_charitable-dashboard .tablenav form {
  display: block;
  margin: 0;
  padding: 0;
  float: left;
}
body.charitable_page_charitable-dashboard .tablenav select {
  font-size: 13px;
  line-height: 29px;
  font-weight: 500;
  max-width: none;
  padding-right: 30px;
  background-color: #F9F9FA;
  color: #52545F;
  border-color: #E4E4E7;
  height: 38px;
}
body.charitable_page_charitable-dashboard .tablenav a.button,
body.charitable_page_charitable-dashboard .tablenav input.button {
  background-color: #F9F9FA;
  color: #52545F;
  border-color: #E4E4E7;
}
body.charitable_page_charitable-dashboard .tablenav .charitable-datepicker-container a.button {
  display: block;
}
body.charitable_page_charitable-dashboard .tablenav a.button.with-icon label {
  padding-right: 10px;
}
body.charitable_page_charitable-dashboard .tablenav a.button.with-icon img {
  margin-bottom: -2px;
}
body.charitable_page_charitable-dashboard .tablenav button.charitable-report-download-button {
  background-color: #F9F9FA;
  color: #52545F;
  border-color: #E4E4E7;
  height: 38px;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 4px;
  margin-right: 4px;
}
body.charitable_page_charitable-dashboard .tablenav button.charitable-report-download-button label {
  padding-right: 10px;
  pointer-events: none;
}
body.charitable_page_charitable-dashboard .tablenav button.charitable-report-download-button img {
  margin-bottom: -2px;
}
body.charitable_page_charitable-dashboard .tablenav button.charitable-report-print-button {
  background-color: #F9F9FA;
  color: #52545F;
  border-color: #E4E4E7;
  margin-left: 4px;
  margin-right: 4px;
  height: 38px;
  padding-top: 0;
  padding-bottom: 0;
}
body.charitable_page_charitable-dashboard .tablenav button.charitable-report-print-button:hover {
  background-color: #E4E4E7;
}
body.charitable_page_charitable-dashboard .tablenav button.charitable-report-print-button label {
  padding-right: 10px;
  pointer-events: none;
}
body.charitable_page_charitable-dashboard .tablenav button.charitable-report-print-button img {
  margin-bottom: -4px;
}
body.charitable_page_charitable-dashboard .tablenav input.charitable-datepicker {
  width: 115px;
  display: inline-block;
  background-image: url("../../images/icons/calendar.png");
  background-repeat: no-repeat;
  background-position: 90px center;
  background-size: 15px 15px;
  font-size: 13px;
  border-radius: 0;
  background-color: #F9F9FA;
  color: #52545F;
  border-color: #E4E4E7;
  height: 38px;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 4px;
  margin-right: 4px;
}
body.charitable_page_charitable-dashboard .tablenav input.charitable-datepicker-ranged,
body.charitable_page_charitable-dashboard .tablenav input.charitable-reports-datepicker {
  width: 195px;
  display: inline-block;
  background-image: url("../../images/icons/calendar.png");
  background-repeat: no-repeat;
  background-position: 170px center;
  background-size: 15px 15px;
  font-size: 13px;
  border-radius: 0;
  background-color: #F9F9FA;
  color: #52545F;
  border-color: #E4E4E7;
  height: 38px;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 4px;
  margin-right: 4px;
}
body.charitable_page_charitable-dashboard .tablenav.with-margin {
  margin-bottom: 20px;
}
body.charitable_page_charitable-dashboard .charitable-section {
  margin-top: 20px;
  margin-bottom: 20px;
  display: table;
}
body.charitable_page_charitable-dashboard .charitable-section .alignleft,
body.charitable_page_charitable-dashboard .charitable-section .alignright {
  margin-bottom: 15px;
  margin-top: 15px;
}
body.charitable_page_charitable-dashboard .charitable-section-loading {
  opacity: 0.25;
}
body.charitable_page_charitable-dashboard h1 .badge {
  font-size: 11px;
  font-weight: 400;
}
body.charitable_page_charitable-dashboard .charitable-container {
  border-radius: 5px;
  color: #757781;
  background-color: #FFF;
}
body.charitable_page_charitable-dashboard .charitable-container .charitable-toggle-container {
  display: flex;
  justify-content: space-between;
  padding: 20px 30px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  align-items: center;
}
body.charitable_page_charitable-dashboard .charitable-container.charitable-dashboard-notifications .charitable-toggle-container {
  padding-bottom: 10px;
  padding-left: 24px;
  padding-right: 24px;
}
body.charitable_page_charitable-dashboard .charitable-container .the-list {
  width: 100%;
}
body.charitable_page_charitable-dashboard .charitable-headline-graph-container {
  padding: 20px 30px;
}
body.charitable_page_charitable-dashboard .charitable-headline-graph-container.charitable-with-growth-tools {
  position: relative;
}
body.charitable_page_charitable-dashboard .charitable-section-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  margin-bottom: 20px;
}
body.charitable_page_charitable-dashboard .charitable-section-grid.one-third {
  display: flex;
  flex-direction: row;
}
body.charitable_page_charitable-dashboard .charitable-section-grid.charitable-section-grid-column-flexible {
  align-items: flex-start;
}
body.charitable_page_charitable-dashboard .charitable-section-grid.charitable-section-grid-column-single {
  columns: 1;
  column-gap: none;
  display: block;
}
body.charitable_page_charitable-dashboard .charitable-section-flexible {
  columns: 2 200px;
  column-gap: 20px;
  display: block;
}
body.charitable_page_charitable-dashboard .charitable-section-flexible .charitable-recent-donations-report,
body.charitable_page_charitable-dashboard .charitable-section-flexible .charitable-top-campaigns-report,
body.charitable_page_charitable-dashboard .charitable-section-flexible .charitable-support,
body.charitable_page_charitable-dashboard .charitable-section-flexible .charitable-dashboard-notifications,
body.charitable_page_charitable-dashboard .charitable-section-flexible .charitable-recommended-addons,
body.charitable_page_charitable-dashboard .charitable-section-flexible .charitable-recommended-snippets {
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
}
body.charitable_page_charitable-dashboard .charitable-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /* grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); */
  /* grid-template-rows: repeat(2); */
  margin-top: 20px;
  margin-bottom: 20px;
  grid-gap: 20px;
}
body.charitable_page_charitable-dashboard .charitable-cards .charitable-card {
  padding-top: 60px;
  padding-bottom: 60px;
  font-weight: 500px;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
}
body.charitable_page_charitable-dashboard .charitable-cards .charitable-card p {
  margin-top: 5px;
  margin-bottom: 0;
}
body.charitable_page_charitable-dashboard .charitable-cards .charitable-card strong {
  color: #474A57;
  font-weight: 600;
  font-size: 42px;
  line-height: 44px;
}
body.charitable_page_charitable-dashboard .charitable-report-card .header {
  margin: 0 0 0 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 25px;
  padding-right: 25px;
  border-bottom: 1px solid #EFEFF1;
}
body.charitable_page_charitable-dashboard .charitable-report-card .header h4 {
  color: #303442;
  font-weight: 600;
  font-size: 17px;
  line-height: 22px;
  display: inline-block;
  margin: 0;
  padding: 0;
}
body.charitable_page_charitable-dashboard .charitable-report-card .header a {
  display: block;
  float: right;
  font-size: 23px;
  line-height: 23px;
}
body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul {
  margin-top: 0;
  margin-bottom: 0;
}
body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li {
  color: #474A57;
  display: flex;
  border-bottom: 1px solid #EFEFF1;
  padding-bottom: 15px;
  padding-top: 15px;
}
body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .avatar,
body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .icon {
  width: 25px;
  text-align: center;
}
body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .avatar img,
body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .icon img {
  margin: 5px auto;
  max-width: 25px;
}
body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .avatar {
  width: 55px;
}
body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .avatar img {
  width: 55px;
}
body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .info {
  flex-grow: 1;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 14px;
  line-height: 23px;
}
body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .info p {
  font-size: 14px;
  line-height: 23px;
  margin: 0;
  font-weight: 700;
}
body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .info p.name {
  margin: 10px 0 0 0;
  line-height: 14px;
}
body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .info p.amount {
  margin: 10px 0 0 0;
  font-weight: 500;
  color: #8C8E96;
}
body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .info p.campaign-title {
  margin: 10px 0 0 0;
  font-style: italic;
  font-weight: 500;
  color: #8C8E96;
}
body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .info p.email {
  margin: 10px 0 0 0;
  font-weight: 500;
  color: #8C8E96;
  line-height: 14px;
}
body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .info .badge {
  font-weight: 200;
  display: inline-block;
  margin-left: 10px;
}
body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .time-ago {
  color: #8C8E96;
}
body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .donor-donation-info {
  font-size: 14px;
  line-height: 14px;
}
body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .donor-donation-info p {
  margin: 0;
}
body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .donor-donation-info p:first-of-type {
  margin-top: 10px;
  margin-bottom: 5px;
}
body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li .donor-donation-info .badge {
  font-weight: 200;
  display: block;
}
body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
body.charitable_page_charitable-dashboard .charitable-report-card .the-list ul li:first-child {
  padding-top: 0;
}
body.charitable_page_charitable-dashboard .charitable-report-card .more {
  margin: 30px 25px;
  display: table;
  padding: 0;
  text-align: left;
}
body.charitable_page_charitable-dashboard .charitable-report-card .more a {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}
body.charitable_page_charitable-dashboard .charitable-report-card .more a img {
  margin-left: 10px;
  float: right;
  display: block;
}
body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 0px;
  margin-bottom: 0px;
  grid-gap: 20px;
}
body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card {
  padding: 20px 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  position: relative;
  display: table;
  clear: both;
}
body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card h1 {
  color: #303442;
  font-weight: 600;
  font-size: 17px;
  line-height: 22px;
  display: inline-block;
  margin: 0;
  padding: 0;
}
body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card h3 {
  margin-top: 0;
  margin-bottom: 0;
}
body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card a {
  margin: 5px auto 0 auto;
  display: inline-block;
}
body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card a.button-link {
  background-color: #5AA152;
  color: #ffffff;
  padding: 10px 15px;
  position: relative;
  top: -4px;
  text-decoration: none;
  border-radius: 5px;
  text-shadow: none;
  font-weight: 600;
  font-size: 13px;
  line-height: normal;
  cursor: pointer;
}
body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card a.button-link.charitable-button-link-upgrade {
  background-color: #F18500;
}
body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card a.button-link:hover {
  background-color: #43833b !important;
  border-color: #43833b !important;
}
body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card button.dismiss {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #666;
  font-size: 16px;
  text-decoration: none;
}
body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card .checklist .done {
  color: #79ba49;
}
body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card .checklist .done:before {
  content: "\f147";
  font-family: "dashicons";
  font-size: 20px;
  margin-right: 5px;
  vertical-align: middle;
}
body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card .checklist .not-done {
  color: #5aa152;
}
body.charitable_page_charitable-dashboard .charitable-dashboard-title-cards .charitable-dashboard-title-card .checklist .not-done:before {
  content: "\f464";
  font-family: "dashicons";
  font-size: 20px;
  margin-right: 8px;
  vertical-align: middle;
  margin-left: 1px;
}
body.charitable_page_charitable-dashboard .charitable-top-campaigns-report {
  width: 66%;
}
body.charitable_page_charitable-dashboard .charitable-recent-donations-report .the-list ul li {
  display: block;
}
body.charitable_page_charitable-dashboard .charitable-recent-donations-report .the-list ul li .main {
  display: flex;
}
body.charitable_page_charitable-dashboard .charitable-recent-donations-report .the-list ul li .info {
  margin-left: 0;
}
body.charitable_page_charitable-dashboard .charitable-recent-donations-report .the-list ul li .info .info-summary {
  font-weight: 400;
  color: #9899A0;
}
body.charitable_page_charitable-dashboard .charitable-recent-donations-report .the-list ul li .info .info-summary p {
  display: inline-block;
  margin-right: 20px;
}
body.charitable_page_charitable-dashboard .charitable-recent-donations-report .the-list ul li .info .info-summary p strong {
  color: #494E5A;
  font-weight: 400;
}
body.charitable_page_charitable-dashboard .charitable-top-campaigns-report .the-list ul li {
  display: block;
}
body.charitable_page_charitable-dashboard .charitable-top-campaigns-report .the-list ul li .main {
  display: flex;
}
body.charitable_page_charitable-dashboard .charitable-top-campaigns-report .the-list ul li .info {
  margin-left: 0;
}
body.charitable_page_charitable-dashboard .charitable-top-campaigns-report .the-list ul li .info .info-summary {
  font-weight: 400;
  color: #9899A0;
}
body.charitable_page_charitable-dashboard .charitable-top-campaigns-report .the-list ul li .info .info-summary p {
  display: inline-block;
  margin-right: 20px;
}
body.charitable_page_charitable-dashboard .charitable-top-campaigns-report .the-list ul li .info .info-summary p strong {
  color: #494E5A;
  font-weight: 400;
}
body.charitable_page_charitable-dashboard .charitable-top-campaigns-report .the-list ul li .progress-bar {
  margin: 10px auto;
  width: 100%;
}
body.charitable_page_charitable-dashboard .charitable-support .the-list ul li {
  display: flex;
  border: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}
body.charitable_page_charitable-dashboard .charitable-support .the-list ul li .icon {
  margin-right: 10px;
  height: 25px;
  line-height: 25px;
}
body.charitable_page_charitable-dashboard .charitable-support .the-list ul li .icon img {
  max-height: 25px;
  vertical-align: middle;
}
body.charitable_page_charitable-dashboard .charitable-support .the-list ul li .info {
  margin-left: 0;
}
body.charitable_page_charitable-dashboard .charitable-support .the-list ul li .info a {
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 30px;
  color: #474A57;
}
body.charitable_page_charitable-dashboard .charitable-support .the-list ul li .info a:hover {
  text-decoration: underline;
}
body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul,
body.charitable_page_charitable-dashboard .charitable-recommended-snippets .the-list ul {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}
body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul li,
body.charitable_page_charitable-dashboard .charitable-recommended-snippets .the-list ul li {
  border: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  font-weight: 400;
}
body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul li a,
body.charitable_page_charitable-dashboard .charitable-recommended-snippets .the-list ul li a {
  text-decoration: none;
  font-size: 13px;
  line-height: 17px;
  color: #474A57;
  font-family: "Inter", sans-serif !important;
  width: 100%;
}
body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul li a h4,
body.charitable_page_charitable-dashboard .charitable-recommended-snippets .the-list ul li a h4 {
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  margin-top: 5px;
  margin-bottom: 5px;
}
body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul li img,
body.charitable_page_charitable-dashboard .charitable-recommended-snippets .the-list ul li img {
  width: 100%;
}
body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul li a:hover,
body.charitable_page_charitable-dashboard .charitable-recommended-snippets .the-list ul li a:hover {
  text-decoration: underline;
}
body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul li .popular,
body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul li .recommended,
body.charitable_page_charitable-dashboard .charitable-recommended-snippets .the-list ul li .popular,
body.charitable_page_charitable-dashboard .charitable-recommended-snippets .the-list ul li .recommended {
  position: absolute;
  background-color: green;
  color: white;
  padding: 10px 15px;
  font-weight: 700;
  text-transform: uppercase;
}
body.charitable_page_charitable-dashboard .charitable-recommended-addons .the-list ul li {
  padding-top: 0;
  padding: 0;
}
body.charitable_page_charitable-dashboard .charitable-recommended-addons .charitable-toggle-container {
  padding: 26px 26px;
}
body.charitable_page_charitable-dashboard .charitable-title-card-content .button-wrap {
  margin: 20px 0 0 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
body.charitable_page_charitable-dashboard .progress-bar {
  height: 4px;
  background-color: #F5F5F5;
  border-radius: 0;
  border: 0;
}
body.charitable_page_charitable-dashboard .progress-bar .progress {
  height: 4px;
  background-color: #5AA152;
}
body.charitable_page_charitable-dashboard .charitable-toggle .charitable-angle-right {
  rotate: -90deg;
}
body.charitable_page_charitable-dashboard .badge.completed {
  color: #50A66A;
}
body.charitable_page_charitable-dashboard .badge.pending {
  color: #E38632;
}
body.charitable_page_charitable-dashboard .badge.active {
  color: #50A66A;
}
body.charitable_page_charitable-dashboard .badge.recurring {
  color: #50A66A;
}
body.charitable_page_charitable-dashboard .badge.one-time {
  color: #EAA465;
}
body.charitable_page_charitable-dashboard .badge.paid, body.charitable_page_charitable-dashboard .badge.charitable-completed {
  color: #50A66A;
}
body.charitable_page_charitable-dashboard .badge.cancelled {
  color: #CE3E4E;
}
body.charitable_page_charitable-dashboard .badge.draft {
  color: #ccc;
}
body.charitable_page_charitable-dashboard .no-items {
  text-align: center;
  font-size: 17px;
  line-height: 22px;
  margin: 50px auto;
}
body.charitable_page_charitable-dashboard .no-items strong {
  font-weight: 600;
}
body.charitable_page_charitable-dashboard .no-items p {
  font-size: 17px;
  line-height: 22px;
  margin: 12px auto;
}
body.charitable_page_charitable-dashboard .no-items p.link {
  font-size: 14px;
  line-height: 14px;
  display: table;
}
body.charitable_page_charitable-dashboard .no-items p.link a {
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
}
body.charitable_page_charitable-dashboard .no-items p.link a img {
  margin-left: 10px;
  margin-top: -2px;
  float: right;
  display: block;
}
body.charitable_page_charitable-dashboard #charitable-wpcode-snippets-list {
  width: 100%;
}
body.charitable_page_charitable-dashboard #charitable-wpcode-snippets-list .no-items {
  margin: 35px auto 10px auto;
}
body.charitable_page_charitable-dashboard #charitable-wpcode-snippets-list .no-items p.link {
  text-align: left;
  margin: 0 auto 0 0;
}



/* pagination */
nav.charitable-reports-pagination-nav {
  margin: 0 0 9px;
}
nav.charitable-reports-pagination-nav div.total-count {
  float: left;
}
nav.charitable-reports-pagination-nav ul {
  float: right;
  margin: 0;
}
nav.charitable-reports-pagination-nav ul li {
  font-size: 13px;
  line-height: 30px;
  display: inline-block;
  text-decoration: none;
  vertical-align: baseline;
  min-width: 30px;
  min-height: 30px;
  margin: 0;
  padding: 0 4px;
  text-align: center;
  color: #a7aaad !important;
  border-color: #dcdcde !important;
  background: #f6f7f7 !important;
  box-shadow: none !important;
  cursor: default;
  transform: none !important;
}
nav.charitable-reports-pagination-nav ul li a {
  display: inline-block;
  line-height: 30px;
  text-decoration: none;
  vertical-align: baseline;
  min-width: 30px;
  min-height: 30px;
  margin: 0;
  padding: 0 4px;
  text-align: center;
  color: #2271b1;
  border-color: #2271b1;
  background: #f6f7f7;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  -webkit-appearance: none;
  border-radius: 3px;
  white-space: nowrap;
  box-sizing: border-box;
}
nav.charitable-reports-pagination-nav ul li span {
  text-align: center;
  display: inline-block;
}

/* UI - Checkboxes */
.charitable-admin-ui.charitable-admin-ui-field.charitable-admin-ui-toggle {
  margin-top: -8px;
}

/* pointer */
.wp-pointer-buttons .charitable-pointer-buttons {
  display: table;
  width: 100%;
  margin: 0 0 0 auto;
}
.wp-pointer-buttons .charitable-pointer-buttons a.close {
  margin: 4px 0 0 25px;
}
.wp-pointer-buttons .charitable-pointer-buttons a.button.button-primary {
  background: #2271b1;
  border-color: #2271b1;
  color: #fff;
  text-decoration: none;
  text-shadow: none;
  font-size: 13px;
  line-height: 2.15384615;
  min-height: 30px;
  margin: 0;
  padding: 0 10px;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  -webkit-appearance: none;
  border-radius: 3px;
  white-space: nowrap;
  box-sizing: border-box;
}
.wp-pointer-buttons .charitable-pointer-buttons a.button-visit {
  float: left;
}

.charitable-disabled {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}

.charitable-headline-reports,
.charitable-restricted {
  position: relative;
}

.restricted-access-overlay {
  position: absolute;
  display: flex;
  justify-content: center;
  inset: 1px;
  background-color: hsla(0, 0%, 100%, 0.35);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  z-index: 99;
}

/* notifications AM START */
body.modal-open {
  overflow: hidden;
}

.charitable-menu-notification-indicator {
  margin: 6px 0 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #d63638;
  line-height: 1.6;
  animation: wpchar-menu-notification-indicator-pulse 1.5s infinite;
  float: right;
}

[dir=ltr] #toplevel_page_charitable .charitable-menu-notification-indicator {
  float: right;
}

[dir=rtl] #toplevel_page_charitable .charitable-menu-notification-indicator {
  float: left;
}

@keyframes wpchar-menu-notification-indicator-pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
.charitable-notification {
  margin-bottom: 20px;
}
.charitable-notification:last-child {
  margin-bottom: 0;
}
.charitable-notification > div {
  display: flex;
  align-items: flex-start;
  padding-bottom: 10px;
  border-bottom: 1px solid #e8e8eb;
}
.charitable-notification > div:last-child {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 0;
}
.charitable-notification > div .body {
  font-size: 14px;
  line-height: 22px;
  flex: 1;
}
.charitable-notification > div .body .title {
  font-size: 14px;
  font-weight: 600;
  color: #141b38;
  margin-bottom: 9px;
  display: flex;
  align-items: left;
  flex-direction: column;
}
.charitable-notification > div .body .title.dashboard-title {
  flex-direction: row;
}
.charitable-notification > div .body .title div:first-child {
  flex: 1;
  line-height: 22px;
}
[dir=ltr] .charitable-notification > div .body .title div:first-child {
  margin-right: 5px;
}
[dir=rtl] .charitable-notification > div .body .title div:first-child {
  margin-left: 5px;
}
.charitable-notification > div .body .title .date {
  font-weight: initial;
  color: #8c8f9a;
  font-size: 12px;
}
.charitable-notification > div .body .notification-content {
  margin-bottom: 12px;
  max-width: calc(100% - 110px);
}
.charitable-notification > div .body .notification-content img {
  max-width: 100%;
}
.charitable-notification > div .body .actions {
  flex-wrap: wrap;
  display: flex;
  align-items: baseline;
}
[dir=rtl] .charitable-notification > div .body .actions {
  flex-direction: row-reverse;
  justify-content: right;
}
.charitable-notification > div .body .actions > * {
  margin-bottom: 12px;
}
[dir=ltr] .charitable-notification > div .body .actions .charitable-button {
  margin-right: 20px;
}
[dir=rtl] .charitable-notification > div .body .actions .charitable-button {
  margin-left: 20px;
}
.charitable-notification > div .body .actions .dismiss {
  color: #8c8f9a;
  font-size: 13px;
  margin-top: 0;
  margin-bottom: 0;
}
.charitable-notification > div .icon {
  margin-right: 14px;
}
[dir=ltr] .charitable-notification > div .icon {
  margin-right: 14px;
}
[dir=rtl] .charitable-notification > div .icon {
  margin-left: 14px;
}
.charitable-notification > div .icon svg {
  width: 25px;
  height: 25px;
  color: #00aa63;
}
.charitable-notification > div .icon svg.warning {
  color: #f18200;
}
.charitable-notification > div .icon svg.info {
  color: #E38632;
}
.charitable-notification > div .icon svg.success {
  color: #00aa63;
}
.charitable-notification > div .icon svg.error {
  color: #df2a4a;
}
.charitable-notification .actions {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-top: 5px;
}
.charitable-notification .actions .dismiss {
  margin-left: 10px;
  text-decoration: none;
  font-size: 12px;
  line-height: 14px;
  text-decoration: underline;
}
.charitable-notification .actions .dismiss:hover {
  color: #8c8f9a;
}
.charitable-notification .charitable-notifications-buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}
.charitable-notification .button.button-primary {
  padding: 3px 15px !important;
  border-radius: 5px !important;
  font-size: 13px !important;
  line-height: 2.15 !important;
  background-color: #E38632;
  color: #fff;
  border-color: #E38632;
}
.charitable-notification .button.button-primary:hover {
  padding: 3px 16px;
  border-radius: 5px;
  background-color: #E38632;
  border-color: #E38632;
  /* filter darker */
  filter: brightness(0.9);
}
.charitable-notification .button.button-secondary {
  padding: 3px 15px !important;
  border-radius: 5px !important;
  font-size: 13px !important;
  line-height: 2.15 !important;
  margin-left: 15px;
  background-color: #F9F9FA;
  color: #52545F;
  border-color: #E4E4E7;
}
.charitable-notification .button.button-secondary:hover {
  padding: 3px 16px;
  border-radius: 5px;
  background-color: #F9F9FA;
  border-color: #E4E4E7;
  /* filter darker */
  filter: brightness(0.9);
}

.charitable-notification-cards {
  display: none;
}
.charitable-notification-cards.notification-cards-visible {
  display: block;
}
.charitable-notification-cards .charitable-notification:last-child > div {
  border-bottom: none;
  margin-bottom: none;
}
.charitable-notification-cards .no-notifications {
  display: flex;
  align-items: center;
  flex-direction: column;
  font-size: 14px;
  line-height: 22px;
  color: #8c8f9a;
}
.charitable-notification-cards .no-notifications img {
  width: 30%;
  max-width: 108px;
  height: auto;
}
.charitable-notification-cards .no-notifications .great-scott {
  margin: 20px 0 8px;
  font-size: 18px;
  font-weight: 600;
  color: #434960;
}
.charitable-notification-cards .no-notifications .no-new-notifications {
  margin-bottom: 20px;
}
@media (min-height: 500px) {
  .charitable-notification-cards .no-notifications {
    padding-top: 100px;
  }
}

body.charitable-show-notifications .charitable-main {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.charitable-plugin-notifications {
  margin-top: 32px;
  position: fixed;
  top: 0;
  z-index: 999992;
  width: 570px; /*modify this value to fit your needs*/
  right: -570px;
  /*css transition*/
  -webkit-transition: right 500ms ease-out;
  -moz-transition: right 500ms ease-out;
  -o-transition: right 500ms ease-out;
  transition: right 500ms ease-out;
  /* override for right-to-left languages */
}
.charitable-plugin-notifications.in {
  right: 0;
}
[dir=rtl] .charitable-plugin-notifications {
  left: -570px;
  /*css transition*/
  -webkit-transition: left 500ms ease-out;
  -moz-transition: left 500ms ease-out;
  -o-transition: left 500ms ease-out;
  transition: left 500ms ease-out;
}
[dir=rtl] .charitable-plugin-notifications.in {
  left: 0;
}
.charitable-plugin-notifications a.dismiss {
  color: #8c8f9a;
  font-size: 13px;
  margin-top: 0;
  margin-bottom: 0;
}
.charitable-plugin-notifications .charitable-button {
  border-radius: 5px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  padding: 15px 20px;
  text-transform: capitalize;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  min-height: 30px;
  border-width: 1px;
  border-style: solid;
  -webkit-appearance: none;
  border-radius: 3px;
  white-space: nowrap;
  box-sizing: border-box;
  color: white;
}
.charitable-plugin-notifications .charitable-button.charitable-button-green {
  background-color: #00aa63;
}
.charitable-plugin-notifications .charitable-button.charitable-button-orange {
  background-color: #e27730;
}
.charitable-plugin-notifications .notification-menu {
  display: flex;
  flex-direction: column;
  height: calc(100% - var(--wp-admin--admin-bar--height, 32px));
  width: 100%;
  max-width: 570px;
  position: fixed;
  z-index: 1053;
  top: 32px;
  bottom: 0;
  background-color: white;
  overflow-x: hidden;
  transition: 0.5s;
}
.charitable-plugin-notifications .notification-menu .notification-header {
  height: 64px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  color: #fff;
  background-color: #E38632;
}
.charitable-plugin-notifications .notification-menu .notification-header .new-notifications,
.charitable-plugin-notifications .notification-menu .notification-header .old-notifications {
  font-size: 18px;
  font-weight: 600;
  display: none;
}
.charitable-plugin-notifications .notification-menu .notification-header .notifications-visible {
  display: block;
}
.charitable-plugin-notifications .notification-menu .notification-header .dismissed-notifications {
  flex: 1 1 auto;
  margin-left: 25px;
}
[dir=ltr] .charitable-plugin-notifications .notification-menu .notification-header .dismissed-notifications {
  margin-left: 25px;
}
[dir=rtl] .charitable-plugin-notifications .notification-menu .notification-header .dismissed-notifications {
  margin-right: 25px;
}
.charitable-plugin-notifications .notification-menu .notification-header .dismissed-notifications a {
  font-size: 12px;
  color: #fff;
}
.charitable-plugin-notifications .notification-menu .notification-header .dismissed-notifications a:focus {
  border: 0;
  box-shadow: none;
}
.charitable-plugin-notifications .notification-menu .notification-header svg.charitable-close {
  width: 14px;
  height: 14px;
  cursor: pointer;
}
.charitable-plugin-notifications .notification-menu .notification-header svg.charitable-close:hover {
  color: #ccc;
}
.charitable-plugin-notifications .notification-menu .notification-cards {
  flex: 1;
  padding: 24px;
  overflow: auto;
}
.charitable-plugin-notifications .notification-menu .notification-footer {
  /* height: 90px; */
  padding: 24px;
  display: flex;
  align-items: center;
}
.charitable-plugin-notifications .notification-menu .notification-footer div.pagination {
  flex: 1;
  display: flex;
  align-items: center;
}
.charitable-plugin-notifications .notification-menu .notification-footer div.pagination .page-number {
  font-size: 13px;
  color: #141b38;
  background: #e8e8eb;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  cursor: pointer;
}
.charitable-plugin-notifications .notification-menu .notification-footer div.pagination .page-number.active, .charitable-plugin-notifications .notification-menu .notification-footer div.pagination .page-number:hover {
  color: #fff;
  background-color: #E38632;
}
[dir=ltr] .charitable-plugin-notifications .notification-menu .notification-footer div.pagination .page-number {
  margin-right: 4px;
}
[dir=ltr] .charitable-plugin-notifications .notification-menu .notification-footer div.pagination .page-number:last-child {
  margin-right: 0;
}
[dir=rtl] .charitable-plugin-notifications .notification-menu .notification-footer div.pagination .page-number {
  margin-left: 4px;
}
[dir=rtl] .charitable-plugin-notifications .notification-menu .notification-footer div.pagination .page-number:last-child {
  margin-left: 0;
}
.charitable-plugin-notifications .charitable-notifications-overlay {
  display: none;
  position: fixed;
  z-index: 998;
  top: 32px;
  bottom: 0;
  background-color: #141b38;
  opacity: 0.5;
  transition: 0.5s;
  cursor: pointer;
  right: 0;
  left: 160px;
}
[dir=ltr] .charitable-plugin-notifications .charitable-notifications-overlay {
  right: 0;
  left: 160px;
}
[dir=rtl] .charitable-plugin-notifications .charitable-notifications-overlay {
  left: 0;
  right: 160px;
}
.charitable-plugin-notifications .notifications-fade-enter-active,
.charitable-plugin-notifications .notifications-fade-leave-active {
  transition: opacity 0.5s;
}
.charitable-plugin-notifications .notifications-fade-enter-from,
.charitable-plugin-notifications .notifications-fade-leave-to {
  opacity: 0;
}
.charitable-plugin-notifications .notifications-slide-enter-active,
.charitable-plugin-notifications .notifications-slide-leave-active {
  transition: all 0.5s ease-in-out;
}
.charitable-plugin-notifications [dir=ltr] .notifications-slide-enter-from,
.charitable-plugin-notifications [dir=ltr] .notifications-slide-leave-to {
  right: -570px;
}
.charitable-plugin-notifications [dir=rtl] .notifications-slide-enter-from,
.charitable-plugin-notifications [dir=rtl] .notifications-slide-leave-to {
  left: -570px;
}

/* for print */
@media print {
  .charitable-plugin-notifications {
    display: none;
  }
}
/* notifications AM END */
/* notifications */
.charitable-dashboard-notifications {
  background-color: white;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  position: relative;
}
.charitable-dashboard-notifications .charitable-dashboard-notification {
  padding: 10px;
  display: flex;
  justify-content: left;
  background-color: #f18500;
  text-align: left;
  align-items: center;
}
.charitable-dashboard-notifications .charitable-dashboard-notification .charitable-dashboard-notification-icon {
  margin: 0 10px 0 10px;
  width: 18px;
  height: 18px;
}
.charitable-dashboard-notifications .charitable-dashboard-notification h4.charitable-dashboard-notification-headline {
  display: none;
}
.charitable-dashboard-notifications .charitable-dashboard-notification p:first-of-type {
  margin-top: 0;
}
.charitable-dashboard-notifications .charitable-dashboard-notification-bar {
  position: absolute;
  right: 0px;
  top: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.charitable-dashboard-notifications .charitable-dashboard-notification-bar .charitable-dashboard-notification-navigation {
  position: relative;
  right: 20px;
  top: -14px;
  padding: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 45px;
}
.charitable-dashboard-notifications .charitable-dashboard-notification-bar .charitable-dashboard-notification-navigation a {
  cursor: pointer;
  color: black;
  text-decoration: none;
  font-weight: 200;
  font-size: 32px;
  line-height: 32px;
  display: inline-block;
  opacity: 0.3;
  padding: 0px 4px;
  position: relative;
  top: 1px;
  border-radius: 5px;
  background-color: transparent;
}
.charitable-dashboard-notifications .charitable-dashboard-notification-bar .charitable-dashboard-notification-navigation a:hover {
  opacity: 0.5;
}
.charitable-dashboard-notifications .charitable-dashboard-notification-bar .charitable-remove-dashboard-notification {
  position: relative;
  right: 5px;
  top: -10px;
  font-size: 14px;
  line-height: 14px;
  width: 18px;
  height: 18px;
  text-decoration: none;
  opacity: 0.3;
  background-image: url(../../images/onboarding/checklist/times-circle-regular.svg);
  color: white;
  background-color: white;
  -webkit-mask-image: url(../../images/onboarding/checklist/times-circle-regular.svg);
  mask-image: url(../../images/onboarding/checklist/times-circle-regular.svg);
}
.charitable-dashboard-notifications .charitable-dashboard-notification-bar .charitable-remove-dashboard-notification:hover {
  opacity: 0.5;
}
.charitable-dashboard-notifications .charitable-dashboard-notification {
  background-color: white;
  border: 1px solid #c3c4c7;
  border-left-width: 4px;
  padding: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  border-left-color: #72aee6;
}
.charitable-dashboard-notifications .charitable-dashboard-notification.charitable-notification-type-notice {
  border-left-color: #72aee6;
}
.charitable-dashboard-notifications .charitable-dashboard-notification.charitable-notification-type-important {
  border-left-color: #EAA465;
}
.charitable-dashboard-notifications .charitable-dashboard-notification-message {
  padding: 20px;
}
.charitable-dashboard-notifications .charitable-dashboard-notification-message h5:first-of-type {
  font-size: 18px;
  line-height: 21px;
  margin: 0 0 10px 0;
  padding: 0;
}
.charitable-dashboard-notifications .charitable-dashboard-notification-message p:first-child {
  margin-top: 2px;
}
.charitable-dashboard-notifications .charitable-dashboard-notification-message p:last-child {
  margin-bottom: 2px;
}
.charitable-dashboard-notifications .charitable-dashboard-notification-message ul, .charitable-dashboard-notifications .charitable-dashboard-notification-message ol {
  margin-top: 5px;
}
.charitable-dashboard-notifications ul {
  margin: 0 0 0 20px;
  padding: 0;
  list-style-type: disc;
}
.charitable-dashboard-notifications .charitable-dashboard-notification[data-notification-type=notice] header {
  background-color: #0054f1;
}

/* gutenberg */
.interface-interface-skeleton__sidebar .wpchar-gutenberg-panel-notice {
  background-color: #f0f6fc;
  border-left: solid 4px #017cba;
  color: #1e1e1e;
  padding: 12px 12px 12px 16px;
  margin-bottom: 0;
}
.interface-interface-skeleton__sidebar .wpchar-gutenberg-panel-notice strong {
  display: block;
}
.interface-interface-skeleton__sidebar .wpchar-gutenberg-panel-notice a {
  display: block;
}
.interface-interface-skeleton__sidebar .wpchar-gutenberg-panel-notice.wpchar-warning {
  background-color: #fef8ee;
  border-left-color: #efb84a;
  margin-bottom: 12px;
}

.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-campaigns-block .charitable-logo,
.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-donations-block .charitable-logo,
.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-donors-block .charitable-logo,
.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-campaign-progress-bar .charitable-logo,
.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-donation-button .charitable-logo,
.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-campaign-stats .charitable-logo,
.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-my-donations .charitable-logo {
  max-width: 255px !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid #e8e8eb;
}
.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-campaigns-block p,
.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-donations-block p,
.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-donors-block p,
.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-campaign-progress-bar p,
.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-donation-button p,
.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-campaign-stats p,
.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-my-donations p {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

/* post new donation */
body.post-type-donation.charitable-admin-donation-edit #post-body input[type=text],
body.post-type-donation.charitable-admin-donation-edit #post-body input[type=email],
body.post-type-donation.charitable-admin-donation-edit #post-body input[type=number],
body.post-type-donation.charitable-admin-donation-edit #post-body input[type=password],
body.post-type-donation.charitable-admin-donation-edit #post-body input[type=search],
body.post-type-donation.charitable-admin-donation-edit #post-body input[type=tel],
body.post-type-donation.charitable-admin-donation-edit #post-body input[type=url] {
  padding: 8px 10px;
}
body.post-type-donation.charitable-admin-donation-edit #donation-form-meta {
  padding-top: 0;
}
body.post-type-donation.charitable-admin-donation-edit #postbox-container-2 .postbox-header {
  display: none;
}

#charitable-reports .charitable-report-table-container {
  position: relative;
}
#charitable-reports .charitable-report-table-container .reports-lite-cta {
  z-index: 999;
  position: absolute;
  top: 25%;
  left: 0;
  right: 0;
  margin: 25px;
}

@media screen and (max-width: 1200px) {
  body.charitable_page_charitable-reports .charitable-cards .charitable-card,
  body.charitable_page_charitable-dashboard .charitable-cards .charitable-card {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  body.charitable_page_charitable-reports .charitable-cards .charitable-card strong,
  body.charitable_page_charitable-dashboard .charitable-cards .charitable-card strong {
    font-size: 24px;
    line-height: 24px;
  }
}
@media screen and (max-width: 1000px) {
  body.charitable_page_charitable-reports .charitable-cards,
  body.charitable_page_charitable-dashboard .charitable-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  body.charitable_page_charitable-reports .charitable-cards .charitable-card strong,
  body.charitable_page_charitable-dashboard .charitable-cards .charitable-card strong {
    font-size: 42px;
    line-height: 44px;
  }
}
@media screen and (max-width: 800px) {
  body.charitable_page_charitable-reports .charitable-cards,
  body.charitable_page_charitable-dashboard .charitable-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  body.charitable_page_charitable-reports .charitable-cards .charitable-card strong,
  body.charitable_page_charitable-dashboard .charitable-cards .charitable-card strong {
    font-size: 24px;
    line-height: 24px;
  }
  body.charitable_page_charitable-reports .charitable-section-grid,
  body.charitable_page_charitable-dashboard .charitable-section-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  body.charitable_page_charitable-reports .charitable-section-grid.one-third,
  body.charitable_page_charitable-dashboard .charitable-section-grid.one-third {
    display: grid;
  }
  body.charitable_page_charitable-reports .charitable-section-grid.one-third .charitable-top-campaigns-report,
  body.charitable_page_charitable-dashboard .charitable-section-grid.one-third .charitable-top-campaigns-report {
    width: 100%;
  }
  body.charitable_page_charitable-reports .charitable-section-grid.one-third .charitable-payment-methods-report,
  body.charitable_page_charitable-dashboard .charitable-section-grid.one-third .charitable-payment-methods-report {
    width: 100%;
  }
  body.charitable_page_charitable-reports .charitable-section-flexible,
  body.charitable_page_charitable-dashboard .charitable-section-flexible {
    columns: 1;
    column-gap: 0;
    display: block;
  }
  #charitable-reports .charitable-report-table-container table.wp-list-table th,
  #charitable-reports .charitable-report-table-container table.wp-list-table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #charitable-reports .charitable-report-table-container table.wp-list-table th.charitable-avatar,
  #charitable-reports .charitable-report-table-container table.wp-list-table td.charitable-avatar {
    display: none;
    width: 1px;
  }
  #charitable-reports .charitable-report-table-container table.wp-list-table td.manage-column.column-actions,
  #charitable-reports .charitable-report-table-container table.wp-list-table th.manage-column.column-actions {
    width: 30px;
  }
}
@media screen and (max-width: 700px) {
  body.charitable_page_charitable-reports .charitable-cards,
  body.charitable_page_charitable-dashboard .charitable-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  body.charitable_page_charitable-reports .charitable-cards .charitable-card strong,
  body.charitable_page_charitable-dashboard .charitable-cards .charitable-card strong {
    font-size: 24px;
    line-height: 24px;
  }
  body.charitable_page_charitable-reports .charitable-section-grid,
  body.charitable_page_charitable-dashboard .charitable-section-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  body.charitable_page_charitable-reports .charitable-section-grid.one-third,
  body.charitable_page_charitable-dashboard .charitable-section-grid.one-third {
    display: grid;
  }
  body.charitable_page_charitable-reports .charitable-section-grid.one-third .charitable-top-campaigns-report,
  body.charitable_page_charitable-dashboard .charitable-section-grid.one-third .charitable-top-campaigns-report {
    width: 100%;
  }
  body.charitable_page_charitable-reports .charitable-section-grid.one-third .charitable-payment-methods-report,
  body.charitable_page_charitable-dashboard .charitable-section-grid.one-third .charitable-payment-methods-report {
    width: 100%;
  }
  body.charitable_page_charitable-reports .charitable-section-flexible,
  body.charitable_page_charitable-dashboard .charitable-section-flexible {
    columns: 1;
    column-gap: 0;
    display: block;
  }
}
body.charitable_page_charitable-settings .charitable-education-page .charitable-settings-heading-pro h4 {
  margin-top: 40px;
}

.charitable-education-page {
  max-width: 1000px;
  margin-bottom: 30px;
  padding: 0;
}
.charitable-education-page .charitable-education-page-heading h4,
.charitable-education-page .charitable-settings-heading-pro h4 {
  font-size: 20px;
  font-weight: 600;
  margin: 20px 0 6px 0;
  line-height: 20px;
}
.charitable-education-page .charitable-education-page-heading h4:after,
.charitable-education-page .charitable-settings-heading-pro h4:after {
  background-color: #F99E36;
  color: white;
  content: "Pro";
  padding: 3px 7px;
  font-size: 9px;
  line-height: 9px;
  text-transform: uppercase;
  font-weight: 600;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 0;
  position: relative;
  top: -3px;
}
.charitable-education-page .charitable-education-page-images {
  display: flex;
  gap: 25px;
  margin: 25px 0px;
}
.charitable-education-page .charitable-education-page-images figure {
  margin: 0;
}
.charitable-education-page .charitable-education-page-images figcaption {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: rgb(119, 119, 119);
  margin-top: 10px;
}
.charitable-education-page .charitable-education-page-images .charitable-education-page-images-image {
  display: inline-block;
  position: relative;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 5px 0px;
  padding: 5px;
  border-radius: 3px;
}
.charitable-education-page .charitable-education-page-images .charitable-education-page-images-image img {
  max-width: 100%;
  display: block;
}
.charitable-education-page .charitable-education-page-images .charitable-education-page-images-image .hover {
  position: absolute;
  opacity: 0;
  height: calc(100% - 10px);
  width: calc(100% - 10px);
  top: 0;
  left: 0;
  border: 5px solid #ffffff;
  background-color: rgba(0, 0, 0, 0.15);
  background-image: url(../../images/pro/icons/zoom.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px;
  transition: all 0.3s;
  box-sizing: initial;
}
.charitable-education-page .charitable-education-page-images .charitable-education-page-images-image:hover .hover {
  opacity: 1;
  transition: all 0.3s;
}
.charitable-education-page .charitable-education-page-caps {
  max-width: 986px;
  box-sizing: content-box;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 4px;
  background: rgb(255, 255, 255);
  border-radius: 6px;
  padding: 20px 20px 0 20px;
  overflow: auto;
}
.charitable-education-page .charitable-education-page-caps p {
  font-weight: 600;
  font-size: 16px;
  line-height: 23px;
  color: #32373c;
  margin-bottom: 20px;
  margin-top: 0;
}
.charitable-education-page .charitable-education-page-caps ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.charitable-education-page .charitable-education-page-caps ul li {
  flex: 0 0 calc(33.333% - 40px);
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgb(80, 87, 94);
  margin-bottom: 20px;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}
.charitable-education-page .charitable-education-page-caps ul li i {
  margin-right: 10px;
  position: absolute;
  top: 2px;
  left: 0;
}
.charitable-education-page .charitable-education-page-button {
  margin-top: 25px;
}
.charitable-education-page .charitable-education-page-button a {
  font-size: 16px;
  font-weight: 600;
  padding: 16px 28px !important;
  background-color: #5AA152 !important;
  color: #ffffff !important;
}
.charitable-education-page .charitable-education-page-button a:hover {
  /* background color darker */
  background-color: #4a8742 !important;
}
.charitable-education-page .charitable-education-page-disabled-download {
  margin-top: 25px;
}
.charitable-education-page .charitable-education-page-disabled-download p {
  font-size: 16px;
  font-weight: 600;
  color: #d63638;
}

/* Footer Promotion Styles */
body.charitable-admin-promotion-footer #wpbody {
  padding-bottom: 150px !important;
}

#wpfooter .charitable-footer-promotion {
  text-align: center;
  font-weight: 400;
  font-size: 13px;
  line-height: normal;
  color: #646970;
  padding: 30px 0;
  margin-bottom: 20px;
}
#wpfooter .charitable-footer-promotion p {
  font-weight: 600;
}
#wpfooter .charitable-footer-promotion .charitable-footer-promotion-links,
#wpfooter .charitable-footer-promotion .charitable-footer-promotion-social {
  display: flex;
  justify-content: center;
  align-items: center;
}
#wpfooter .charitable-footer-promotion .charitable-footer-promotion-links {
  margin: 10px 0;
  color: #646970;
}
#wpfooter .charitable-footer-promotion .charitable-footer-promotion-links a {
  color: #056aab;
}
#wpfooter .charitable-footer-promotion .charitable-footer-promotion-links a:hover {
  color: #04558a;
}
#wpfooter .charitable-footer-promotion .charitable-footer-promotion-links span {
  color: #c3c4c7;
  padding: 0 7px;
}
#wpfooter .charitable-footer-promotion .charitable-footer-promotion-social {
  gap: 10px;
  margin: 0;
}
#wpfooter .charitable-footer-promotion .charitable-footer-promotion-social li {
  margin-bottom: 0;
}
#wpfooter .charitable-footer-promotion .charitable-footer-promotion-social li path {
  color: #646970;
}
#wpfooter .charitable-footer-promotion .charitable-footer-promotion-social li:hover path {
  fill: #50575e;
}
#wpfooter .charitable-footer-promotion .charitable-footer-promotion-social li a {
  display: block;
  height: 16px;
}
#wpfooter #footer-left {
  color: #50575e;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#wpfooter #footer-left strong {
  font-weight: 600;
}

/* Responsive adjustments for footer promotion */
@media (max-width: 782px) {
  body.charitable-admin-promotion-footer #wpbody {
    padding-bottom: 200px !important;
  }
  #wpfooter .charitable-footer-promotion {
    padding: 20px 0;
  }
  #wpfooter .charitable-footer-promotion .charitable-footer-promotion-links {
    flex-direction: column;
    gap: 10px;
  }
  #wpfooter .charitable-footer-promotion .charitable-footer-promotion-links li {
    margin: 0;
  }
  #wpfooter .charitable-footer-promotion .charitable-footer-promotion-social {
    margin-top: 20px;
  }
}
/* Charitable Test Mode Admin Bar Badge */
#wpadminbar .charitable-test-mode-active .charitable-test-mode-badge {
  color: #fff;
  background-color: #E89940 !important;
  font-weight: 600;
  padding: 0px 8px;
  border-radius: 4px;
  margin: 0 4px;
  display: inline-block;
  white-space: nowrap;
  border: 2px solid black;
  font-size: 12px;
  line-height: 25px;
}

#wpadminbar .charitable-test-mode-active .charitable-test-mode-badge::before {
  content: "⚠ ";
  margin-right: 4px;
  font-weight: bold;
}

#wpadminbar .charitable-test-mode-active:hover .charitable-test-mode-badge {
  background-color: #d68a37 !important;
}

/* Test Mode Checkbox Flash Animation */
@keyframes charitable-test-mode-flash {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: rgba(232, 153, 64, 0.5);
    color: white;
  }
  100% {
    background-color: transparent;
  }
}
/* Apply flash animation to test mode checkbox row */
tr.charitable-settings-field.charitable-test-mode-checkbox.charitable-test-mode-flash {
  animation: charitable-test-mode-flash 2s ease-in-out;
}

/* Blog Posts Error Display Styling */
.charitable-dashboard-beta-blog-posts .charitable-dashboard-beta-blog-post-row.error-display {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-bottom: 20px;
}

/* Global Upgrade CTA Styles */
.charitable-global-upgrade-cta {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 80px;
  background: white;
}

.charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-title {
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 33px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(25, 29, 45, 0.8);
  margin: 0;
  padding-top: 10px;
}

.charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-features {
  display: flex;
  gap: 10px 10px;
  margin: 30px auto;
  max-width: 530px;
  justify-content: center;
}

.charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-features .charitable-dashboard-v2-upgrade-column {
  flex: 1;
  max-width: 300px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-features .charitable-dashboard-v2-upgrade-feature {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-features .charitable-dashboard-v2-upgrade-feature .charitable-dashboard-v2-upgrade-checkmark {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 2px;
}

.charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-features .charitable-dashboard-v2-upgrade-feature .charitable-dashboard-v2-upgrade-feature-text {
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0px;
  color: rgba(25, 29, 45, 0.8);
  margin: 0;
}

.charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
  padding-bottom: 20px;
}

.charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-actions .charitable-dashboard-v2-upgrade-button {
  background: rgba(218, 144, 33, 1);
  border: none;
  border-radius: 4px;
  padding: 22px 42px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-weight: 600;
  font-size: 19px;
  line-height: 100%;
  letter-spacing: 0px;
  color: white;
  cursor: pointer;
  transition: background 0.2s ease;
}

.charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-actions .charitable-dashboard-v2-upgrade-button:hover {
  background: rgba(196, 130, 30, 1);
}

.charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-actions .charitable-dashboard-v2-learn-more-link {
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0px;
  text-align: center;
  text-decoration: underline;
  color: rgba(25, 29, 45, 0.5);
  transition: color 0.2s ease;
}

.charitable-global-upgrade-cta .charitable-dashboard-v2-upgrade-actions .charitable-dashboard-v2-learn-more-link:hover {
  color: rgba(25, 29, 45, 0.7);
}

/* Reports CTA Specific Styles */
#charitable-reports .charitable-report-table-container .reports-lite-cta {
  margin: auto !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

