.enpiPopup #vybrane .velicina {
    /* display: none !important; */
}

.enpiPopup .nadpis_veliciny {
    margin-top: 2px;
}

/* .enpiPopup .divVybranaMista div.velicina:not(#vybrane :first-child):not(#filtry) {
    grid-template-columns: 20px auto 100px 38px;
} */

.enpiTables {
    border: 1px solid var(--barvaBorder);
    border-radius: 10px;
    margin: 5px;
    height: calc(100% - 80px);
    padding-top: 10px;
}

.otherDiv {
    height: calc(100% - 42px);
    overflow: auto;
}

.warningaddEnpi {
    color: red;
}

.otherDiv:has(.warningaddEnpi) {
    justify-content: center;
    align-items: center;
    display: flex;
    padding-top: 0;
}

.enpiDiv:has(.warningaddEnpi) {
    justify-content: center;
    align-items: center;
    display: flex;
    padding-top: 0;
}

.enpiDiv {
    border-top: 1px solid var(--barvaBorder);
    padding-top: 2px;
    border-radius: 10px;
    height: 42px;
}

.enpiDiv .poradi {
    display: none;
}

.enpiPopup .pagination-controls * {
    visibility: visible !important;
}

#enpiControls {
    display: grid;
    grid-template-columns: 124px auto 124px;
    align-items: center;
    margin: 0 10px;
}

#enpiControls div.pagination-controls {
    justify-content: center;
    align-items: center;
}

#divAddNewTable {
    align-items: center;
    justify-content: right;
    text-align: center;
} 

#addNewTable {
    width: fit-content;
    border: none;
    background-color: var(--barvaZelena);
    color: white;
    padding: 7px;
    border-radius: 8px;
    font-size: .8rem;
    font-weight: 600;
    cursor: pointer;
    margin-right: 1px;
}

#addNewTable:hover {
    padding: 8px;
    margin-right: 0;
}

#changeOrder {
    padding-left: 5px;
    padding: 0;
    margin-left: 5px;
}

#divChangeOrder {
    font-size: .9rem;
}

.page-number-btn {
    margin: 1px;
    padding: 4px 8px;
    border-radius: 6px;
    background-color: transparent;
    border: 1px solid var(--barvaBorder);
    cursor: pointer;
}

.next-page, .prev-page {
    margin: 1px;
    padding: 4px 8px;
    border-radius: 6px;
    background-color: transparent;
    border: none;
    color: black;
    font-weight: 700;
    cursor: pointer;
}

.next-page {
    margin-left: 4px;
} 

.prev-page {
    margin-right: 4px;
}

/* .prev-page:disabled, .next-page:disabled {
    background-color: var(--barvaBorder);
} */

.page-number-btn:disabled {
    color: white;
    background-color: var(--barvaZelena) !important;
    border-color: var(--barvaZelena);
}

.pagination-controls {
    width: 100%;
    justify-content: center;
    display: flex;
}

.velicina > * {
    height: 100%;
    align-items: center;
    display: flex;
}