body {
  font-family: "Inter", sans-serif !important;
  width: 100%;
  max-width: 100%;
}

.charitable-overview-report,
.charitable-dashboard-report {
  width: 100%;
  max-width: 100%;
}

.tablenav {
  font-family: "Inter", sans-serif !important;
  width: 100%;
}
.tablenav form {
  display: block;
  margin: 0;
  padding: 0;
  float: left;
}
.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;
}
.tablenav a.button,
.tablenav input.button {
  background-color: #F9F9FA;
  color: #52545F;
  border-color: #E4E4E7;
}
.tablenav.with-margin {
  margin-bottom: 20px;
}

table.wp-list-table {
  width: 100%;
  margin: 0 auto;
  border: 0;
}
table.wp-list-table th {
  text-align: left;
}

.charitable-section {
  margin-top: 20px;
  margin-bottom: 20px;
  display: table;
}
.charitable-section .alignleft,
.charitable-section .alignright {
  margin-bottom: 15px;
  margin-top: 15px;
}
.charitable-section.no-bottom {
  margin-bottom: 0;
}
.charitable-section.no-bottom .alignleft,
.charitable-section.no-bottom .alignright {
  margin-bottom: 0;
}

.charitable-container {
  border-radius: 5px;
  color: #757781;
  background-color: #FFF;
}

.charitable-datepicker-container {
  display: inline-block;
  margin-left: 5px;
}

.charitable-headline-graph-container {
  padding: 20px 30px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.apexcharts-canvas {
  margin-left: auto;
  margin-right: auto;
}

.charitable-section-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  margin-top: 20px;
}
.charitable-section-grid.one-third {
  display: flex;
  flex-direction: row;
}
.charitable-section-grid.charitable-section-grid-column-flexible {
  align-items: flex-start;
}
.charitable-section-grid.charitable-section-grid-column-single {
  columns: 1;
  column-gap: none;
  display: block;
}

.charitable-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 20px;
  margin-bottom: 20px;
  grid-gap: 20px;
}
.charitable-cards .charitable-card {
  padding-top: 60px;
  padding-bottom: 60px;
  font-weight: 500px;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
}
.charitable-cards .charitable-card p {
  margin-top: 5px;
  margin-bottom: 0;
}
.charitable-cards .charitable-card strong {
  color: #474A57;
  font-weight: 600;
  font-size: 42px;
  line-height: 44px;
}

.donations-breakdown tr th {
  color: #6A6C77;
}
.donations-breakdown td {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #8C8E96;
}
.donations-breakdown td.negative {
  color: #F99E36;
}
.donations-breakdown td.positive {
  color: #5AA152;
}
.donations-breakdown tr th:first-child,
.donations-breakdown td:first-child {
  padding-left: 30px;
}
.donations-breakdown td.column-date {
  font-weight: 600;
}

.charitable-report-card .header {
  margin: 20px 0 0 0;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  border-bottom: 1px solid #EFEFF1;
}
.charitable-report-card .header h4 {
  color: #303442;
  font-weight: 600;
  font-size: 17px;
  line-height: 22px;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.charitable-report-card .header a {
  display: block;
  float: right;
  font-size: 23px;
  line-height: 23px;
}
.charitable-report-card .the-list {
  padding-left: 20px;
  padding-right: 20px;
  margin-left: 10px;
  margin-right: 10px;
}
.charitable-report-card .the-list ul li {
  color: #474A57;
  display: flex;
  border-bottom: 1px solid #EFEFF1;
  padding-bottom: 15px;
  padding-top: 15px;
}
.charitable-report-card .the-list ul li .avatar,
.charitable-report-card .the-list ul li .icon {
  width: 25px;
  text-align: center;
}
.charitable-report-card .the-list ul li .avatar img,
.charitable-report-card .the-list ul li .icon img {
  margin: 5px auto;
  max-width: 25px;
}
.charitable-report-card .the-list ul li .avatar {
  width: 55px;
}
.charitable-report-card .the-list ul li .avatar img {
  width: 55px;
}
.charitable-report-card .the-list ul li .info {
  flex-grow: 1;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 14px;
  line-height: 23px;
}
.charitable-report-card .the-list ul li .info p {
  font-size: 14px;
  line-height: 23px;
  margin: 0;
  font-weight: 700;
}
.charitable-report-card .the-list ul li .info p.name {
  margin: 10px 0 0 0;
  line-height: 14px;
}
.charitable-report-card .the-list ul li .info p.amount {
  margin: 10px 0 0 0;
  font-weight: 500;
  color: #8C8E96;
}
.charitable-report-card .the-list ul li .info p.email {
  margin: 10px 0 0 0;
  font-weight: 500;
  color: #8C8E96;
  line-height: 14px;
}
.charitable-report-card .the-list ul li .info .badge {
  font-weight: 200;
  display: inline-block;
  margin-left: 10px;
}
.charitable-report-card .the-list ul li .time-ago {
  color: #8C8E96;
}
.charitable-report-card .the-list ul li .donor-donation-info {
  font-size: 14px;
  line-height: 14px;
  text-align: right;
}
.charitable-report-card .the-list ul li .donor-donation-info p {
  margin: 0;
}
.charitable-report-card .the-list ul li .donor-donation-info p:first-of-type {
  margin-top: 10px;
  margin-bottom: 5px;
}
.charitable-report-card .the-list ul li .donor-donation-info .badge {
  font-weight: 200;
  display: block;
}
.charitable-report-card .the-list ul li:last-child {
  border-bottom: 0;
}

body.charitable-pdf-dashboard-print .charitable-section-flexible {
  width: 100%;
}
body.charitable-pdf-dashboard-print #charitable-dashboard-report-sections .charitable-report-card {
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
}
body.charitable-pdf-dashboard-print .charitable-report-ui .the-list {
  overflow-y: hidden;
  overflow-x: unset;
  max-height: none;
}
body.charitable-pdf-dashboard-print .charitable-recent-donations-report .the-list ul li {
  display: block;
}
body.charitable-pdf-dashboard-print .charitable-recent-donations-report .the-list ul li .main {
  display: flex;
}
body.charitable-pdf-dashboard-print .charitable-recent-donations-report .the-list ul li .info {
  margin-left: 0;
}
body.charitable-pdf-dashboard-print .charitable-recent-donations-report .the-list ul li .info .info-summary {
  font-weight: 400;
  color: #9899A0;
}
body.charitable-pdf-dashboard-print .charitable-recent-donations-report .the-list ul li .info .info-summary p {
  display: inline-block;
  margin-right: 20px;
}
body.charitable-pdf-dashboard-print .charitable-recent-donations-report .the-list ul li .info .info-summary p strong {
  color: #494E5A;
  font-weight: 400;
}

.charitable-print-header {
  padding: 25px 30px;
}
.charitable-print-header h1 {
  font-size: 52px;
  line-height: 42px;
  font-weight: 800;
  margin-top: 0;
  margin-bottom: 0;
}
.charitable-print-header p {
  margin: 5px 0 0 0;
  font-size: 16px;
  line-height: 18px;
}

.charitable-activity-report .charitable-tablenav-activity {
  width: 100%;
}
.charitable-activity-report .charitable-tablenav-activity h2 {
  line-height: 30px;
  font-size: 18px;
}
.charitable-activity-report .charitable-activity-list-container {
  background-color: #FFF;
}

.charitable-the-list-container {
  padding: 20px;
  margin-left: 10px;
  margin-right: 10px;
  max-height: 550px;
  overflow: scroll;
}
.charitable-the-list-container ul {
  margin-top: 0;
  margin-bottom: 0;
}
.charitable-the-list-container ul li {
  color: #474A57;
  display: flex;
  border-bottom: 1px solid #EFEFF1;
  padding-bottom: 15px;
  padding-top: 15px;
}
.charitable-the-list-container ul li .avatar,
.charitable-the-list-container ul li .icon {
  width: 25px;
  text-align: center;
}
.charitable-the-list-container ul li .avatar img,
.charitable-the-list-container ul li .icon img {
  width: 25px;
  margin: 5px auto;
}
.charitable-the-list-container ul li .avatar {
  width: 55px;
}
.charitable-the-list-container ul li .avatar img {
  width: 55px;
}
.charitable-the-list-container ul li .info {
  flex-grow: 1;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 14px;
  line-height: 23px;
}
.charitable-the-list-container ul li .info p {
  font-size: 14px;
  line-height: 23px;
  margin: 0;
  font-weight: 700;
}
.charitable-the-list-container ul li .info p.name {
  margin: 10px 0 0 0;
  line-height: 14px;
}
.charitable-the-list-container ul li .info p.amount {
  margin: 10px 0 0 0;
  font-weight: 500;
  color: #8C8E96;
}
.charitable-the-list-container ul li .info p.email {
  margin: 10px 0 0 0;
  font-weight: 500;
  color: #8C8E96;
  line-height: 14px;
}
.charitable-the-list-container ul li .info .badge {
  font-weight: 200;
  display: inline-block;
  margin-left: 10px;
}
.charitable-the-list-container ul li .time-ago {
  color: #8C8E96;
}
.charitable-the-list-container ul li .donor-donation-info {
  font-size: 14px;
  line-height: 14px;
}
.charitable-the-list-container ul li .donor-donation-info p {
  margin: 0;
}
.charitable-the-list-container ul li .donor-donation-info p:first-of-type {
  margin-top: 10px;
  margin-bottom: 5px;
}
.charitable-the-list-container ul li .donor-donation-info .badge {
  font-weight: 200;
  display: block;
}
.charitable-the-list-container ul li:last-child {
  border-bottom: 0;
}

.charitable-top-campaigns-report {
  width: 66%;
}
.charitable-top-campaigns-report a {
  color: #494E5A;
  text-decoration: none;
}
.charitable-top-campaigns-report a:hover {
  text-decoration: underline;
}

.charitable-top-donors-report .avatar img {
  border-radius: 50%;
}

.charitable-payment-methods-report {
  width: 33%;
}
.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;
}
.charitable-payment-methods-report .the-legend {
  margin: 20px auto;
  width: 55%;
  max-width: 300px;
}
.charitable-payment-methods-report .the-legend li {
  display: flex;
  margin-bottom: 15px;
  width: 100%;
}
.charitable-payment-methods-report .the-legend .icon span {
  display: block;
  border-radius: 50%;
  width: 15px;
  height: 15px;
}
.charitable-payment-methods-report .the-legend li.stripe .icon span {
  background-color: #5AA152;
}
.charitable-payment-methods-report .the-legend li.paypal .icon span {
  background-color: #2B66D1;
}
.charitable-payment-methods-report .the-legend li.manual .icon span,
.charitable-payment-methods-report .the-legend li.offline .icon span {
  background-color: #F99E36;
}
.charitable-payment-methods-report .the-legend li.none .icon span {
  background-color: #d21561;
}
.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;
}
.charitable-payment-methods-report .the-legend .total {
  font-size: 14px;
  line-height: 14px;
  color: #868890;
  font-weight: 400;
  text-align: right;
}

.charitable-top-campaigns-report .the-list ul li {
  display: block;
}
.charitable-top-campaigns-report .the-list ul li .main {
  display: flex;
}
.charitable-top-campaigns-report .the-list ul li .info {
  margin-left: 0;
}
.charitable-top-campaigns-report .the-list ul li .info .info-summary {
  font-weight: 400;
  color: #9899A0;
}
.charitable-top-campaigns-report .the-list ul li .info .info-summary p {
  display: inline-block;
  margin-right: 20px;
}
.charitable-top-campaigns-report .the-list ul li .info .info-summary p strong {
  color: #494E5A;
  font-weight: 400;
}
.charitable-top-campaigns-report .the-list ul li .progress-bar {
  margin: 10px auto;
  width: 100%;
}

.charitable-title-card {
  padding: 20px 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  position: relative;
}
.charitable-title-card h1 {
  color: #303442;
  font-weight: 600;
  font-size: 17px;
  line-height: 22px;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.charitable-title-card a {
  display: block;
  float: right;
  font-size: 23px;
  line-height: 23px;
}
.charitable-title-card button.dismiss {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #666;
  font-size: 16px;
}
select#report-donor-type-filter,
select#report-advanced-type-filter {
  float: none !important;
  margin-left: 10px;
}

.charitable-advanced-report .tablenav {
  width: 100%;
}

.progress-bar {
  height: 4px;
  background-color: #F5F5F5;
  border-radius: 0;
  border: 0;
}
.progress-bar .progress {
  height: 4px;
  background-color: #5AA152;
}

.charitable-toggle:hover,
.charitable-toggle:focus,
.charitable-toggle:focus-visible,
.charitable-toggle:active,
.charitable-toggle i:focus,
.charitable-toggle i:focus-visible {
  text-decoration: none;
  border: 0;
  box-shadow: none;
}

.charitable-toggle .charitable-angle-right {
  rotate: -90deg;
}

.badge.completed {
  color: #50A66A;
}
.badge.pending {
  color: #E38632;
}
.badge.active {
  color: #50A66A;
}
.badge.recurring {
  color: #50A66A;
}
.badge.one-time {
  color: #EAA465;
}
.badge.paid, .badge.charitable-completed {
  color: #50A66A;
}
.badge.cancelled {
  color: #CE3E4E;
}
.badge.draft {
  color: #ccc;
}