/*@font-face {
    font-family: 'DroidArabicKufiRegular';
    src: url('DroidKufi-Bold.ttf');
}

@font-face {
    font-family: 'DroidNaskh';
    src: url('DroidNaskh-Bold.ttf');
}*/
body {
    text-align: inherit;
}

.mudblazor-brand {
    margin: 2px -6px 0px;
    padding: 0px;
}

    .mudblazor-brand:hover {
        cursor: pointer;
        color: var(--mud-palette-primary);
        transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    }

    .mudblazor-brand > .mudblazor-svg {
        width: 70px;
        margin-left: auto;
        margin-right: auto;
    }

.mudblazor-appbar-band {
    background-image: url(MudAppbarCorner.svg);
    background-repeat: no-repeat;
    background-position: top right;
    overflow: hidden;
}

.SmallHidden {
    display: block;
}

@media (max-width: 768px) {
    .mudblazor-appbar-band {
        background-position: 14px 0px;
    }

    .SmallHidden {
        display: none;
    }
}
/*@media (max-width: 600px) {
    .mudblazor-appbar-band {
        background-position: 14px 0px;
    }
    .SmallHidden {
        display: block;
    }
}*/
@media (min-width: 960px) {
    .mudblazor-main-content {
        padding-top: 55px;
        /* padding-bottom: 64px;*/
        padding-left: 30px;
        padding-right: 30px;
    }
}

.mudblazor-appbar-brand-text {
    font-family: 'DroidArabicKufiRegular';
    font-weight: 300;
    margin-left: 12px;
    font-size: 1.4vw;
    user-select: none;
}

@media (max-width: 400px) {
    .mudblazor-appbar-brand-text {
        letter-spacing: 0.1rem;
        font-family: 'DroidArabicKufiRegular';
        font-size: 17px;
    }
}

.mudblazor-navmenu {
    /*    overflow: auto;*/
    margin-bottom: 12px;
}

.docs-nav-fader {
    display: block;
    position: sticky;
    top: 0;
    height: 25px;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0), var(--mud-palette-drawer-background));
    z-index: 100;
}

.docs-nav-filler {
    display: flex;
    flex-grow: 1;
}

.mud-container + .mud-container {
    margin-bottom: 128px;
}

.mudblazor-main-content {
    /*    padding-top: 38px;
    padding-bottom: 30px;*/
    padding-top: 45px;
    /*    padding-bottom: 10px;*/
}

.mudblazor-svg1 {
    height: 400px;
    min-width: 600px;
    max-width: 900px;
    /*    min-width: 138px;
    max-width: 318px;*/
}
/*@media (min-width: 600px) {
    .SmallHidden {
        display: none;
    }
}*/

@media (min-width: 500px) {
    .mudblazor-main-content {
        margin-left: 58px;
        padding-right: 22px;
    }

    .mudblazor-main-content-rtl {
        margin-right: 60px;
        padding-right: 8px;
    }
}

@media (min-width: 360px) {
    /*    .mudblazor-main-content {
        margin-left: 45px;
        padding-right: 8px;
    }*/
    .mudblazor-main-content {
        margin-left: 64px;
        padding-right: 8px;
    }

    .mudblazor-main-content-rtl {
        margin-right: 62px;
        padding-left: 8px;
    }
}

.docs-list {
    list-style: inside;
}

.docs-expand-wrapper {
    color: var(--mud-palette-white);
    background-color: var(--mud-palette-black);
}

    .docs-expand-wrapper .docs-default-theme .mud-expand-panel {
        color: inherit;
        background-color: inherit;
        border: none !important;
    }

        .docs-expand-wrapper .docs-default-theme .mud-expand-panel .mud-expand-panel-text {
            color: #988ef1;
            font-weight: 500;
            font-size: 1rem;
        }

.docs-search-bar .mud-input {
    height: 42px;
}

.docs-search-bar.mud-input-control {
    background-color: rgba(255, 255, 255, 0.15);
    margin-bottom: 5px;
    height: 42px;
    border-radius: var(--mud-default-borderradius);
}

    .docs-search-bar.mud-input-control .mud-input-root, .docs-search-bar.mud-input-control .mud-icon-default {
        color: #fafafa;
    }

.docs-search-bar .mud-input.mud-input-outlined .mud-input-outlined-border {
    border: none;
    border-radius: var(--mud-default-borderradius);
}

.mud-fab {
    min-height: 28px;
    font-size: 13px;
}

.mud-fab-extended.mud-fab-size-small {
    height: 29px;
}

.mud-toolbar-dense {
    height: var(--mud-appbar-height);
}

/*.mud-appbar-dense + .mud-drawer-fixed.mud-drawer-mini:not(.mud-drawer-clipped-never), .mud-appbar-dense + .mud-drawer-fixed.mud-drawer-persistent:not(.mud-drawer-clipped-never), .mud-appbar-dense + .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-always, .mud-appbar-dense + .mud-drawer-fixed.mud-drawer-temporary.mud-drawer-clipped-always {
    top: calc(var(--mud-appbar-min-height) - 9px);*/
/*    height: calc(100% - var(--mud-appbar-min-height) + 22px);
*/

/*}*/
label {
    font-family: DroidNaskh;
    font-size: 12px;
}

.mud-nav-group > .mud-nav-link > .mud-nav-link-text {
    font-family: 'DroidArabicKufiRegular';
    /*    line-height: 0;*/
    font-size: 13px;
}

.mud-fab-size-small {
    width: 30px;
    height: 30px;
}

.mud-simple-table.mud-table-dense * tr td, .mud-simple-table.mud-table-dense * tr th {
    padding: 0px 0px 0px 0px;
}

.mud-table-dense * .mud-table-row .mud-table-cell {
    padding: 0px 0px 1px 0px;
    padding-inline-start: 4px;
    padding-inline-end: 3px;
}

.mud-dialog .mud-dialog-title {
    padding: 7px 24px;
}

.mud-button {
    padding: 0px 10px;
}

.mud-snackbar {
    font-family: 'DroidArabicKufiRegular', 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.mud-icon-button {
    padding: 3px;
}

.mud-icon-size-medium {
    font-size: 1.3rem;
}

.mud-drawer-header.mud-drawer-header-dense {
    padding: 0px 2px 0px 2px;
}

mud-nav-link {
    padding: 5px 9px 5px 12px;
}

.mud-tabs-toolbar .mud-tabs-toolbar-inner {
    min-height: 30px;
}
/*.mud-tab {
    min-width: 150px;
    padding: 4px 9px;
    min-height: 25px;
}*/
.mud-tab {
    min-width: 30px;
    padding: 5px 10px;
    min-height: 30px;
}

.img-circle {
    border-radius: 50%;
}

.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 0.5rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.brand-image {
    margin-top: -.5rem;
    /*    margin-right: .2rem;*/
    height: 33px;
    /*    margin-left: 45px;*/
}

.mud-input {
    font-size: 12px;
}

.mud-input-control.mud-input-control-margin-dense {
    margin-top: 1px;
    margin-bottom: 1px;
}

.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    font-size: 13px !important;
    font-weight: 800;
    font-family: var(--mud-typography-button-family);
}

.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
    margin-top: 13px;
}

.mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense {
    padding-top: 7.5px;
    padding-bottom: 5.5px;
}

.mud-input-label-outlined.mud-input-label-margin-dense {
    font-size: 12px !important;
}

.mud-fab-custom:hover {
    background-color: rgb(0 0 0 / 3%); /*var(--mud-palette-action-disabled-background);*/
    border-radius: 10%;
}

.mud-fab-custom {
    background-color: transparent;
    border-radius: 10%;
    min-height: 23px;
    height: 23px !important;
}

.mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link {
    /*    padding-left: 10px;
    padding-inline-start: 27px;*/
    padding-left: 0px;
    padding-inline-start: 7px;
}

.mud-nav-link {
    /*    padding: 1px 3px 8px 4px;*/
    /*    padding: 1px 5px 5px 5px;*/
    padding: 10px 5px 0px 5px;
    font-weight: 500;
    align-items:center;
}

    .mud-nav-link .mud-nav-link-text {
        margin-left: 9px;
        margin-inline-start: 4px;
    }

.mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense {
    /*    padding-top: 9.5px;
    padding-bottom: 6.5px;*/
    padding-top: 8.5px;
    padding-bottom: 5.5px;
}

.mud-input-label-outlined.mud-input-label-margin-dense {
    transform: translate(9px,8px) scale(1);
}

.mud-input-control > .mud-input-control-input-container > .mud-input-label-outlined.mud-input-label-inputcontrol {
    line-height: 14px;
}

.mud-input-helper-text {
    margin: 0;
    font-size: .70rem;
    margin-top: -2px;
    text-align: start;
    font-weight: 400;
}

.mud-table-cell {
    font-size: .755rem;
    font-weight: 400;
    line-height: 1.3;
}

.mud-input > input.mud-input-root.mud-input-root-filled, div.mud-input-slot.mud-input-root.mud-input-root-filled {
    padding: 24px 10px 6px;
}

    .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-margin-dense {
        padding-top: 19px;
        padding-bottom: 6px;
    }

.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell {
    /*   background-color: #7986CB;*/
    background-color: var(--mud-palette-dark);
    color: #fff;
}

.mud-table-sticky-footer * .mud-table-root .mud-table-foot * .mud-table-cell {
    /*  background-color: #BDBDBD;*/
    font-weight: 600;
    /*   color: #000;*/
    background-color: var(--mud-palette-dark);
    color: #fff;
}

}

.mud-input-adornment-end {
    margin-inline-start: -2px;
}

.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text.withoutLabel {
    margin-top: 0px;
    padding-top: 0px;
}

/**/
.mud-application-layout-rtl .mud-treeview-item-arrow {
    transform: scaleX(-1);
}

.mud-data-grid .mud-table-cell .mud-input-text {
    margin-top: 0 !important;
}

.mud-data-grid .mud-table-cell .column-header {
    display: flex;
    justify-content: space-between;
}

    .mud-data-grid .mud-table-cell .column-header .sortable-column-header {
        cursor: pointer;
    }

    .mud-data-grid .mud-table-cell .column-header:hover .column-options .sort-direction-icon, .mud-data-grid .mud-table-cell .column-header:hover .column-options .column-options-icon {
        opacity: .8;
        color: var(--mud-palette-action-default);
    }

    .mud-data-grid .mud-table-cell .column-header:hover .column-options .mud-menu .mud-icon-button-label {
        opacity: 1;
        color: var(--mud-palette-action-default);
    }

    .mud-data-grid .mud-table-cell .column-header .column-options {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        flex-direction: inherit;
        justify-content: flex-start;
    }

    .mud-data-grid .mud-table-cell .column-header .sort-direction-icon {
        font-size: 18px;
        margin-left: 4px;
        margin-left: 4px;
        margin-inline-start: 4px;
        margin-inline-end: unset;
        user-select: none;
        transition: opacity 300ms cubic-bezier(.4,0,.2,1) 0ms,transform 200ms cubic-bezier(.4,0,.2,1) 0ms;
        opacity: 0;
    }

        .mud-data-grid .mud-table-cell .column-header .sort-direction-icon.mud-direction-desc {
            opacity: 1;
            transform: rotate(180deg);
        }

        .mud-data-grid .mud-table-cell .column-header .sort-direction-icon.mud-direction-asc {
            opacity: 1;
            transform: rotate(0deg);
        }

    .mud-data-grid .mud-table-cell .column-header .column-options .mud-menu .mud-icon-button-label {
        user-select: none;
        transition: opacity 300ms cubic-bezier(.4,0,.2,1) 0ms,transform 200ms cubic-bezier(.4,0,.2,1) 0ms;
        opacity: 0;
    }
/**/
.mud-data-grid .mud-table-cell .column-header {
    display: flex;
    justify-content: space-between;
}

    .mud-data-grid .mud-table-cell .column-header .sortable-column-header {
        cursor: pointer;
    }

    .mud-data-grid .mud-table-cell .column-header:hover .column-options .sort-direction-icon, .mud-data-grid .mud-table-cell .column-header:hover .column-options .column-options-icon {
        opacity: .8;
        color: var(--mud-palette-action-default);
    }

    .mud-data-grid .mud-table-cell .column-header:hover .column-options .mud-menu .mud-icon-button-label {
        opacity: 1;
        color: var(--mud-palette-action-default);
    }

    .mud-data-grid .mud-table-cell .column-header .column-options {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        flex-direction: inherit;
        justify-content: flex-start;
    }

    .mud-data-grid .mud-table-cell .column-header .sort-direction-icon {
        font-size: 18px;
        margin-left: 4px;
        margin-left: 4px;
        margin-inline-start: 4px;
        margin-inline-end: unset;
        user-select: none;
        transition: opacity 300ms cubic-bezier(.4,0,.2,1) 0ms,transform 200ms cubic-bezier(.4,0,.2,1) 0ms;
        opacity: 0;
    }

        .mud-data-grid .mud-table-cell .column-header .sort-direction-icon.mud-direction-desc {
            opacity: 1;
            transform: rotate(180deg);
        }

        .mud-data-grid .mud-table-cell .column-header .sort-direction-icon.mud-direction-asc {
            opacity: 1;
            transform: rotate(0deg);
        }

    .mud-data-grid .mud-table-cell .column-header .column-options .mud-menu .mud-icon-button-label {
        user-select: none;
        transition: opacity 300ms cubic-bezier(.4,0,.2,1) 0ms,transform 200ms cubic-bezier(.4,0,.2,1) 0ms;
        opacity: 0;
    }

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

.flex-row {
    flex-direction: row !important;
}

.mud-data-grid .mud-table-cell .column-header .sort-direction-icon {
    /* font-size: 4px; */

    margin-left: 1px;
    margin-inline-start: 0px;
    margin-inline-end: unset;
    opacity: 2;
}

.mud-data-grid .mud-table-cell .column-header .column-options .mud-menu .mud-icon-button-label {
    user-select: none;
    /* color: #fff; */
    transition: opacity 300ms cubic-bezier(.4,0,.2,1) 0ms,transform 200ms cubic-bezier(.4,0,.2,1) 0ms;
    opacity: 1;
}

.mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
    padding-left: 0px;
    padding-inline-start: 20px;
}
/*.mudblazor-main-content {
    margin-left: 60px;
    padding-right: 60px;
}*/
.mud-thememanager-button-rtl {
    position: fixed;
    top: 7.2%;
    left: 0;
    /*    box-shadow: 1px 1px 18px #7C4DFF;
*/ box-shadow: 1px 1px 18px var(--gold-darker);
    /*    color: #FFFFFF;
*/
    color: var(--mud-palette-dark-text);
    background-color: var(--mud-palette-dark);
    cursor: pointer;
    /*    background-color: #7C4DFF;*/
}

.mud-thememanager-button {
    top: 8%;
}

.mud-breadcrumbs {
    padding: 5px 10px;
    line-height: 1.8 !important;
}

.mud-breadcrumb-separator > span {
    opacity: 0.58;
}

.clock {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: #17D4FE;
    font-size: 60px;
    font-family: Orbitron;
    letter-spacing: 7px;
}

.mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root {
    font-weight: 600;
}