.tab-control {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.tab-content {
    display: flex;
    flex: 1 1 auto;
    overflow-y: auto;
}

.page-content {
    width: 100%;
    height: 96%;
}

.control-tab-tabs {
    display: flex;
    border-top: 2px solid var(--primary-color);
}

.modal-tab {
    display: flex;
    flex: 1 1 auto;
    padding: 4px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-top: 5px solid transparent;
}

.control-tab-tabs .active {
    background-color: var(--primary-color);
    color: var(--text-color-white);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}


.modal-tab:not(.active):hover {
    color: #0a58ca;
}

.tab-control .page-content .table-container {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.modal-tab-static {
    display: flex;
    flex: 1 1 auto;
    padding: 4px;
    align-items: center;
    justify-content: center;
    border-top: 5px solid transparent;
}