.table-container {
    display: flex;
    flex-flow: column;
}

.table-add-button {
    display: flex;
    justify-content: center;
    align-items: center;

    align-self: center;
    height: 3rem;
    margin: 0.5rem 0rem 0.5rem 0.5rem;
    padding: 0.6rem;
    aspect-ratio: 1 / 1;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 1rem 10px !important;
}

.table {
    align-self: center;
    width: 100% !important;
}

.table tr {
    padding: .2rem;
}

.table tr[data-href] {
    cursor: pointer;
}

.todo-table {
    align-self: start;
    width: 100% !important;
    border-spacing: 0 0.5rem !important;
}

.todo-table tr {
    text-align: start;
    width: 100% !important;
    padding: .2rem;
    /*border: 1px solid black;*/
}

.todo-table > tr > td {
    border: 1px solid black;
}


.todo-table thead {
    
}

.todo-table tr[data-href] {
    cursor: pointer;
}

.date-filter-button-selected {
    background: rgb(233, 236, 239);
    width: 100%;
}

.filter-date-button {
    background: transparent;
    width: 75px;
}

.form {
    text-align: center;
}

.form-input-container {
    padding: 0;
}

.form-dsgvo-container {
    display: flex;
    flex-direction: row;
}

.form-dsgvo-container input {
    margin: 1rem 0;
}

.table-actions-right {
    text-align: right !important;
}

.form-dsgvo-container label {
    align-self: center;
    margin-left: 2rem;
}

.form-input {
    vertical-align: central;
    margin-bottom: 0.6rem;
}

.form-input label {
    margin-bottom: .4rem;
    font-weight: bold;
}

.form-button-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form-button-container button {
    margin: 1rem .5rem;
}

.form-button-container i {
     margin: 0.5rem 1rem 0.5rem 0rem;
}

.modal-backdrop {
    z-index: 11;
}

.modal-qr-code {
    width: 100%;
}

@media (min-width:576px) {
    .form-button-container button { margin: 1rem 2rem; }
}


@media (max-width:900px) {
    .form-check-input {
        transform: scale(1.4);
    }
}