body {
    min-height: 100vh;
    max-width: 100vw;
    height: 100%;
    width: 100%;
}

h1:focus {
    border: none;
    outline: none;
}

.font-bold {
    font-weight: bold;
}

.custom-input-field {
    border: 1px solid slategray;
    border-radius: 4px;
    padding: 12px;
    margin: 10px 0;
}

.custom-button {
    background: dodgerblue;
    color: white;
    padding: 8px 16px;
    border-radius: 4px;
    margin: 8px 0;
}

/* Text Utilities */
.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-nowrap {
    text-wrap: nowrap;
}
/*  */

/* Direction */
.direction-ltr {
    direction: ltr;
}

.direction-rtl {
    direction: rtl;
}
/* */

/* Mud Blazor Classess Overrides*/
.mud-dialog .mud-dialog-title .mud-button-close {
    left: 8px !important;
}



/**/

/* Other */
.cursor-pointer {
    cursor: pointer;
}

.avatar-border-2 {
    border: 2px solid var(--mud-palette-primary)
}

.avatar-border-4 {
    border: 4px solid var(--mud-palette-primary)
}

.w-full {
    width: 100%;
}

.h-full {
    height: 100%;
}
/**/