bodY {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.center {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
}

@keyframes slide {
    0% {
        transform: translateX(-25%);
    }

    100% {
        transform: translateX(25%);
    }
}

.dzd {
    animation: slide 3s ease-in-out infinite alternate;
    background-image: linear-gradient(-60deg,#2B38F5 50%,#A1A6F0 50%);
    bottom: 0;
    left: -50%;
    opacity: .5;
    position: fixed;
    right: -50%;
    top: 0;
    z-index: -1
}

.dzd-cont {
    left: 50%;
    padding: 10vmin;
    position: fixed;
    text-align: center;
    top: 50%;
    transform: translate(-50%,-50%);
    background: none;
}

.mud-list-item-gutters {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.mud-list-item-icon {
    min-width: 30px !important;
}

/*.mud-select {
    min-width: 200px;
}*/

.mud-autocomplete {
    min-width: 260px;
}

.mud-table-cell {
    padding: 2px !important;
    text-align: center !important;
    border-bottom: 0px !important;
}

.mud-treeview-item-content {
    padding: 0px !important;
}

.mud-treeview-item-label {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.mud-treeview-group {
    margin-left: 0px !important; 
    margin-inline-start: 0px !important; 
}
 
.leftsidefl {
    text-align: left !important;
    padding-left: 15px !important;
}

.rightsidefl {
    text-align: right !important;
    padding-right: 25px !important;
}

.special-button {
    left: 8px !important;
    top: 16px !important;
}

.mud-progress-linear.vertical.mud-progress-linear-large {
    margin-left: 25% !important;
    width: 48px !important;
}

.mud-drawer-header {
    padding: 15px 30px 5px 30px !important;
}

.mud-table-striped .mud-table-container .mud-table-root .mud-table-body .mud-table-row:nth-of-type(odd) {
    background-color: var(--mud-palette-table-hover) !important;
}

.mud-table-hover .mud-table-container .mud-table-root .mud-table-body .mud-table-row:nth-of-type(odd):hover {
    background-color: var(--mud-palette-table-striped) !important;
}

.paddingAccountMudItem {
    padding: 1px 5px 1px 5px !important;
}

.custom-dialog {
    padding: 25px 15px 15px;
    align-items: center;
    border-radius: 12px !important;
    background: white !important;
}

.dialogButton {
    padding: 15px !important;
    border-radius: 12px !important;
}

.customDisableEmoji {
    mix-blend-mode: luminosity;
    padding-left: 5px;
    padding-right: 5px;
}

.customEnableEmoji {
    padding-left: 5px;
    padding-right: 5px;
}

/* Disable the slider. It doesn't position itself correctly. */
.mud-tab-slider.mud-tab-slider-horizontal {
    height: 0 !important;
}

.mud-tab.mud-tab-active {
    background-color: var(--mud-palette-primary-hover);
    color: var(--mud-palette-primary);
    border-radius: 0px;
    border-style: solid;
    border-width: 0 0 2px 0;
}

.mud-popover .mud-list {
    max-height: inherit;
    overflow-y: auto;
    zoom: 75% !important;
}

.mud-layout {
    height: 100%;
    width: 100%;
    position: relative;
    zoom: 75%;
}

.mud-dialog {
    zoom: 75% !important;
}

@font-face {
    font-family: 'TitilliumWebRegular';
    src: url('../../fonts/Titillium_Web/TitilliumWeb-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'TitilliumWebLight';
    src: url('../../fonts/Titillium_Web/TitilliumWeb-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'TitilliumWebSemibold';
    src: url('../../fonts/Titillium_Web/TitilliumWeb-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'TitilliumWebBold';
    src: url('../../fonts/Titillium_Web/TitilliumWeb-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'ObviaExpandedRegular';
    src: url('../../fonts/obvia-expanded/ObviaExpanded.ttf') format('truetype');
}

@font-face {
    font-family: 'ObviaExpandedBold';
    src: url('../../fonts/obvia-expanded/ObviaExpanded-Bold.ttf') format('truetype');
}

.welcome-dialog-backdrop {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-color: rgba(0,0,0,0.35);
}