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

    background: radial-gradient(200% 150% at 50% -70%, rgba(17, 149, 243, 0.04) 0%, rgba(243, 119, 17, 0) 100%),
    radial-gradient(100% 50% at 50% 110%, rgba(247, 17, 255, 0.03) 0%, rgba(124, 255, 17, 0) 100%);
}

.mud-table-head {
    background-color: #8b47a2 !important;
    color: white !important;
}

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

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

.mud-table-row:hover {
    background-color: #f5f2fa !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;
}

.mud-dialog-container {
    backdrop-filter: blur(5px) saturate(80%);
}

.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;
}

.green-border-left {
    border-left: green solid 6px
}

.darkred-border-left {
    border-left: darkred solid 6px
}

.darkorange-border-left {
    border-left: darkorange solid 6px
}

.blueviolet-border-left {
    border-left: blueviolet solid 6px
}

.chocolate-border-left {
    border-left: chocolate solid 6px
}

.gray-border-left {
    border-left: gray solid 6px
}

.active .mud-list-item {
    border-right: solid #66FF66aa 4px;
    backdrop-filter: brightness(93%);
}

.can-drop {
    border: dashed 2px green;
    background: palegreen;
}

.cannot-drop {
    background: rgb(128, 128, 128);    
    filter: opacity(0.1);
}