.dialog-container {
    height: 590px;
}

.dialog-container-device {
    height: 390px;
}

.dialog-container-title {
    text-align: center;
    padding: 16px 0 24px 0;
}

.custom-tabs .mud-tabs-toolbar {
    border-bottom: 2px solid #e0e0e0;
}

.custom-tabs .mud-tab {
    border: 1px solid #e0e0e0;
    border-bottom: none;
    margin-right: 4px;
    background-color: #f5f5f5;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.875rem;
}

    .custom-tabs .mud-tab:hover {
        background-color: #eeeeee;
    }

.custom-tabs .mud-tab-active {
    background-color: #1976d2 !important;
    color: white !important;
    border-color: #1976d2 !important;
}

    .custom-tabs .mud-tab-active:hover {
        background-color: #1565c0 !important;
    }

.custom-table {
    border-collapse: collapse;
}

    .custom-table .mud-table-head {
        background-color: #f5f5f5;
    }

.pager-shadow-wrapper {
    position: relative;
    padding: 8px 0;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .pager-shadow-wrapper::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 40px;
        background: linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent);
    }

    .pager-shadow-wrapper::after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 40px;
        background: linear-gradient(to left, rgba(0, 0, 0, 0.1), transparent);
    }

.dialog-actions-right {
    padding-right: 50px;
}