.mud-layout {
    margin-left: auto;
    margin-right: auto;
    height: 100vh;
    max-width: 1112px;

    background: radial-gradient(200% 150% at 50% -70%, rgba(17, 81, 243, 0.1) 0%, rgba(17, 81, 243, 0) 100%),
    radial-gradient(100% 50% at 50% 110%, rgba(255, 174, 17, 0.1) 0%, rgba(255, 174, 17, 0) 100%);
}

.mud-table-head {
    background-color: #1151F3 !important;
    color: white !important;
}

.mud-table-head .mud-table-row:hover {
    background-color: #1151F3 !important;
    color: white !important;
}

.mud-table-head .mud-table-row .mud-table-cell {
    color: white !important;
}

.mud-table-row:hover {
    background-color: #FFE7B8 !important;
}

.clickable-table-row {
    cursor: pointer;
}

.mud-tab {
    background-color: #E9EAED;
}

.mud-tab.mud-tab-active {
    background-color: #FFFFFF;
    color: #262526;
    border-top: solid #1151F3;
}

.mud-tabs-panels {
    background-color: #FFFFFF;
    color: #4F4F50;
}

.mud-tabs-toolbar {
    background-color: transparent;
}

.mud-ripple:after {
    transition: none;
}

.mud-overlay {
    background-color: rgba(224, 225, 228, 0.4);
}

.mud-nav-link {
    color: #262526;
}

.mud-nav-link.active {
    background-color: #FFFFFF !important;
    color: #000000 !important;
}

.mud-nav-link-text {
    font-size: 16px;
    margin-left: 0px !important;
}

.mud-button-label {
    white-space: nowrap;
}

.mud-main-content {
    padding-top: 32px;
}

.mud-dialog {
    padding: 10px 20px 20px 20px;
}

.flex-row-left-companion {
    display: flex;
    flex-direction: row;
    justify-content: left;
}

.flex-column-left-companion {
    display: flex;
    flex-direction: column;
    justify-content: left;
}

.flex-column-center {
    display: flex;
    flex-direction: column;
    align-items: center;
}