.items-center {
    display: flex;
    justify-content: center;
}

.vertical-center {
    display: flex;
    align-items: center;
}

.annotation-img {
    max-width: 250px;
    max-height: 220px;
    cursor: pointer;
}

.loading {
    max-width: 100px;
    max-height: 100px;
    cursor: wait;
}

body
    .is-layout-constrained
    > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 80% !important;
}

.block-editor-block-inspector .components-base-control:where(:not(:last-child)),
.block-editor-block-inspector
    .components-radio-control:where(:not(:last-child)) {
    margin-bottom: 0px !important;
}

#annotation-search{
    min-height: 40px;
    max-height: 40px;
}

.choices__input.choices__input--cloned {
    float: left;
}

.choices__inner {
    display: flex !important;
    min-height: 34px !important;
}

.choices__list--multiple {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 3px;
}

.annotation-table thead tr th {
    text-align: center;
}

.annotation-img {
    margin: auto;
}

#table-filters {
    text-align: center;
}

.choices {
    width: 100% !important;
}

.annotation-table-column-filters {
    display: flex;
    gap: 10px;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.column-filter-container {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.page-number {
    font-size: 15px;
    margin-right: 5px;
}

.p-link {
    font-size: 15px;
}

.annotation-table-pagination {
    display: flex;
    justify-content: center;
}

.highlighted-annotation-row {
    background-color: #ffe58f !important;
}

.annotation-tag {
    background-color: #e4e5e5;
    color: #515c66;
    border-radius: 16px;
    padding: 0 0.5rem;
    margin: 0.3rem;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
}



.loadingWheel {
    position: fixed;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 9999;
    display: none;
}   

.spinner {
    display: inline-block;
    border: 16px solid lightgray;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 90px;
    height: 90px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}