/* phpcs:ignore */

.kleingarten-admin-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.kleingarten-admin-main-section {
    flex: 1;
    margin-right: 30px;
}

.kleingarten-admin-meter-readings, .kleingarten-active-tokens {
    width: 100%;
}

.kleingarten-admin-meter-readings th, .kleingarten-admin-meter-readings td,
.kleingarten-active-tokens th, .kleingarten-active-tokens td {
    padding: 15px;
    text-align: left;
}

.kleingarten-admin-meter-readings tr:nth-child(even), .kleingarten-active-tokens tbody tr:nth-child(odd) {
    background-color: #f0f0f1;
}

.kleingarten-task-participants {
    width: 100%;
}

.kleingarten-task-participants th, .kleingarten-task-participants td {
    padding: 15px;
    text-align: left;
}

.kleingarten-task-participants tr:nth-child(even) {
    background-color: #f0f0f1;
}

.kleingarten_meters_list {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}

.kleingarten-tasks-kanban-list-wrapper {
    margin-top: 20px;
    margin-right: 20px;
    padding: 0.7em 2em 2em;
    min-width: 320px;
    border: 1px solid #c3c4c7;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    background: #fff;
    box-sizing: border-box;
}

.kleingarten-tasks-kanban-list-item {
    margin-bottom: 1rem;
    padding: 10px 10px 20px 10px;
    border: 1px solid #c3c4c7;
    background-color: #ffffe0;
}

.kleingarten-kanban-project-list-item {
    display: inline;
    margin-right: 1rem;
}

.kleingarten-kanban-project-list-label {
    margin-right: 1rem;
}

.kleingarten-tasks-kanban-list-item-status-list {

}

.kleingarten-tasks-kanban-list-item-status-list-item {
    margin-right: 1rem;
}

.kleingarten-tasks-kanban-list-item-status-list-item::before {
    content: '>> ';
}
.kleingarten-dynamic-form-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
}

.kleingarten-dynamic-form-table th, .kleingarten-dynamic-form-table td {
    border: 1px solid #c3c4c7;
    padding: 0.5rem;
    text-align: left;
}

.kleingarten-post-meta-field-warning {
    color: #FF0000;
    font-weight: bold;
    font-style: italic;
}

.kleingarten-post-meta-field-info {
    font-style: italic;
}

.kleingarten-admin-invoice-items-table {
    margin-top: 20px;
    width: 100%;
    border-collapse: collapse;
}

.kleingarten-admin-invoice-items-table th,
.kleingarten-admin-invoice-items-table td {
    border: 1px solid #ccd0d4;
    padding: 8px 10px;
    vertical-align: middle;
}

.kleingarten-admin-invoice-items-table thead {
    background-color: #f1f1f1;
}

.kleingarten-admin-invoice-items-table tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

.kleingarten-admin-invoice-items-table tfoot td {
    font-weight: bold;
    background-color: #f1f1f1;
}

.kleingarten-admin-invoice-items-table td:nth-child(3),
.kleingarten-admin-invoice-items-table td:nth-child(4),
.kleingarten-admin-invoice-items-table td:nth-child(5),
.kleingarten-admin-invoice-items-table td:nth-child(6),
.kleingarten-admin-invoice-items-table th:nth-child(3),
.kleingarten-admin-invoice-items-table th:nth-child(4),
.kleingarten-admin-invoice-items-table th:nth-child(5),
.kleingarten-admin-invoice-items-table th:nth-child(6) {
    text-align: right;
}

.invoice-summary {
    margin-top: 20px;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
}

.kleingarten-invoice-wrapper {
    font-family: "Open Sans", sans-serif;
    max-width: 800px;
}

.kleingarten-admin-invoice-total {
    text-align: right;
    font-size: 2em;
    font-weight: bold;
}

.kleingarten-admin-invoice-total > span {
    padding-right: 1em;
}