/* admin-tabs.css */
.admin-tabs {
    display: flex;
}

.admin-tab {
    padding: 10px 20px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-bottom: none;
    background: #f0f0f0;
    margin-right: 2px;
    transition: background 0.3s;
}

.admin-tab.active {
    background: #fff;
    font-weight: bold;
}

.admin-tab-content {
    display: none;
}


.admin-tab-content {
    display: none;
    padding: 20px;
    border: 1px solid #ccc;
}

.admin-tab-content.active {
    display: block;
}

.tabela_class {width: auto;}
.tabela_class  tr td, .tabela_class  tr th {padding: 8px 30px 8px 30px !important;}
.tabela_class tr th {max-width: 120px;}

.tabela_class tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.05) !important; /* Set your desired background color */
}

.tabela_class tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.01) !important; /* Set your desired background color */
}


.table_class tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.05) !important; /* Set your desired background color */
}

.table_class tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.01) !important; /* Set your desired background color */
}

.tablenav .tablenav-pages {
    margin: 20px 0;
    text-align: center;
}

.tablenav .tablenav-pages .page-numbers {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 5px;
    border: 1px solid #ddd;
    background: #f9f9f9;
    color: #0073aa;
    text-decoration: none;
    border-radius: 3px;
    transition: background-color 0.3s, color 0.3s;
}

.tablenav .tablenav-pages .page-numbers:hover {
    background-color: #0073aa;
    color: #fff;
}

.tablenav .tablenav-pages .page-numbers.current {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
}

.tablenav .tablenav-pages .page-numbers.prev,
.tablenav .tablenav-pages .page-numbers.next {
    font-weight: bold;
}

.tablenav .tablenav-pages .page-numbers.prev:hover,
.tablenav .tablenav-pages .page-numbers.next:hover {
    background-color: #0073aa;
    color: #fff;
}



/* Styles for Admin Donations */
.tabs {
  border: 1px solid transparent !important;
}
.progress-container {
    width: 100%;
    background-color: #f3f3f3;
    border-radius: 5px;
    margin-bottom: 20px;
}

.progress-bar {
    height: 20px;
    background-color: #4caf50;
    border-radius: 5px;
    transition: width 0.5s ease;
}

.progress-text {
    padding: 5px;
    text-align: center;
    background-color: #fff;
}

/* CSS for table styling */
table.alb-block {
    width: 100%;
    border: 1px solid transparent !important;
    border-collapse:  separate;
}

/* Style for odd rows */
table.alb-block tbody tr:nth-child(odd) {
    background-color: #f2f2f2; /* Change to desired color */
}

/* Style for even rows */
table.alb-block tbody tr:nth-child(even) {
    background-color: #ffffff; /* Change to desired color */
}

/* Style for even rows */
table.alb-block tbody tr:last-child {
    background-color: #e0e0e0; /* Change to desired color */
}

/* Optional: Hover effect */
table.alb-block tbody tr:hover {
    background-color: #e0e0e0; /* Change to desired hover color */
}





.year {
    margin: 10px;
    border: 1px solid #ccc;
    padding: 10px;
    width: 200px;
}

.year h4 {
    text-align: center;
}

.months {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.month {
    width: 100%;
    margin: 5px;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
}

.month.paid {
    background-color: #4caf50;
    color: white;
}

.month.unpaid {
    background-color: #f44336;
    color: white;
}


.calendar td {
    width: 25%;
    padding: 10px;
    text-align: center;
    border: 1px solid #ccc;
}
      
        
.calendar {
    width: 100%;
    border-collapse: collapse;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.calendar .year {
    border: 1px solid #ccc;
    padding: 20px;
    box-sizing: border-box;
}
.calendar .months {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}
.calendar .month {
    padding: 10px;
    text-align: center;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.calendar .paid {
    background-color: #c8e6c9;
}
.calendar .partially-paid {
    background-color: #ffeb3b;
}
.calendar .unpaid {
    background-color: #ffcccb;
}
.pagination {
    margin-top: 20px;
    text-align: center;
}
.pagination a,
.pagination span {
    margin: 0 5px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    text-decoration: none;
}
.pagination .current {
    font-weight: bold;
    background-color: #0073aa;
    color: #fff;
}