/*font-family: beINNewArabicFont2017-Bold;
font-size: 20px;
line-height: 13px;
color: #2B2932;
}*/
@font-face {
    font-family: 'DroidArabicKufiRegular';
    src: url('DroidKufi-Bold.ttf');
}

@font-face {
    font-family: 'DroidNaskh';
    src: url('DroidNaskh-Bold.ttf');
}

body {
    text-align: inherit;
    background: var(--mud-palette-background) !important;
}

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

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

.mudblazor-appbar-brand-text {
    /*    letter-spacing: 0.1rem;
    font-family: 'DroidArabicKufiRegular';
    font-weight: 900;
    margin-left: 12px;
    font-size: 15px;
    user-select: none;*/
    /* letter-spacing: 0.1rem; */
    font-family: 'DroidArabicKufiRegular';
    font-weight: 900;
    margin-left: 12px;
    font-size: 11px;
    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: 18px;
    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: 50px;
    /*    padding-bottom: 86px;
*/
}

.mudblazor-main-content-rtl {
    padding-top: 50px;
    /*    padding-bottom: 86px;
*/
}

.mudblazor-svg1 {
    height: 400px;
    min-width: 600px;
    max-width: 900px;
    /*    min-width: 138px;
    max-width: 318px;*/
}

@media (min-width: 960px) {
    .mudblazor-main-content {
        padding-top: 55px;
        /*        padding-bottom: 64px;*/
        padding-left: 30px;
        padding-right: 30px;
    }
}

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

    .mudblazor-main-content-rtl {
        margin-right: 59px;
        padding-right: 4px;
    }
}

@media (min-width: 360px) {
    .mudblazor-main-content {
        margin-left: 59px;
        padding-right: 4px;
    }

    .mudblazor-main-content-rtl {
        margin-right: 59px;
        padding-left: 10px;
    }
}

.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: 23px;
    font-size: 12px;
}

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

.mud-toolbar-dense {
    height: 38px;
}
/*.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) - 3px);*/
/*    height: calc(100% - var(--mud-appbar-min-height) + 22px);
*/

/*}*/
.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: 5px;
    padding-inline-end: 5px;
}

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

.mud-drawer-header.mud-drawer-header-dense {
    /*    padding: 0px 2px 0px 2px;
*/ padding: 23px 0px 1px 0px;
}

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

.mud-tabs-toolbar .mud-tabs-toolbar-inner {
    min-height: 30px;
}

.mud-tab {
    min-width: 30px;
    padding: 1px 5px;
    min-height: 27px;
}

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

a {
    text-decoration: none !important;
}

.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: 0.5px;
    padding-bottom: 5.5px;
}
/*.mud-input {
    font-size: 12px;
}*/
.mud-input-control.mud-input-control-margin-dense {
    margin-top: 3px;
    margin-bottom: 3px;
}

.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    font-size: 15px;
    font-weight: 900;
    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: 10.5px;
    padding-bottom: 6.5px;
}

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

.mud-fab-extended.mud-fab-size-small {
    padding: 0 7px;
    border-radius: 4px;
}

.mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
    padding-left: 10px;
    padding-inline-start: 40px;
}

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

.mud-nav-link {
    padding: 1px 3px 8px 4px;
    font-weight: 500;
}

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

.syncdiv {
    border: 1px solid #ff6a00;
    border-radius: 5px 4px;
}

    .syncdiv div {
        margin: 0px 105px 0px 105px;
    }

    .syncdiv .txt {
        font-weight: bold;
        margin: 5px;
    }
/*a:hover {
     color: transparent; 
}*/
.borderMenu {
    border-bottom: 1px solid var(--mud-palette-lines-default);
    border-top: 1px solid var(--mud-palette-lines-default);
}

.table-sm > :not(caption) > * > * {
    padding: 0px 7px;
}

.table {
    color: var(--mud-palette-text-primary);
    border-color: var(--mud-palette-action-disabled);
}

.table-striped > tbody > tr:nth-of-type(odd) {
    /* --bs-table-accent-bg: var(--bs-table-striped-bg); */
    color: var(--mud-palette-text-primary);
}

.table-hover > tbody > tr:hover {
    /* --bs-table-accent-bg: var(--bs-table-hover-bg); */
    color: var(--mud-palette-text-primary);
}

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

.SmallHidden {
    display: block;
}

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

    .SmallHidden {
        display: none;
    }
}

.mud-thememanager-button {
    position: fixed;
    top: 7.2%;
    right: 0;
    /*   box-shadow: 1px 1px 18px #7C4DFF;
    color: #FFFFFF;*/
    /*    background-color: #7C4DFF;*/
    /*    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;
}

.mud-thememanager-button-spin {
    animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.mud-thememanager-color-picker-color:hover {
    cursor: pointer;
    user-select: none;
    box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
}

.mud-thememanager-color-expansion .mud-expand-panel {
    border: none !important;
    color: #424242;
    background-color: #FFFFFF;
}

    .mud-thememanager-color-expansion .mud-expand-panel .mud-expand-panel-header {
        padding: 0px !important;
        color: #424242;
        background-color: #FFFFFF;
    }

.mud-thememanager-color-input > div.mud-input.mud-input-text {
    margin-top: 0px;
}

.mud-themedrawer {
    color: rgba(0,0,0, 0.7);
    background-color: #FFFFFF;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
svg.submenu-circle-item{
    font-size:14px;
}
.mud-drawer.mud-drawer-mini.mud-drawer-pos-right.mud-drawer--closed .mud-nav-link-expand-icon.mud-transform, .mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--closed .mud-nav-link-expand-icon.mud-transform {
    display: none;
}
/*.mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--closed .mud-nav-link-expand-icon.mud-transform{

}*/
.mud-drawer.mud-drawer-mini.mud-drawer-pos-right.mud-drawer--closed .mud-nav-link-expand-icon, .mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--closed .mud-nav-link-expand-icon {
    display: none;
}
.mud-drawer.mud-drawer-mini.mud-drawer-pos-right.mud-drawer--closed .hidden-in-close, .mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--closed .hidden-in-close {
    opacity: 0;
    display: none;
}
/*.mud-drawer.mud-drawer-mini.mud-drawer-pos-right.mud-drawer--opened .tooltip-hidden-in-open {
    opacity: 0;
}
*/
.mud-drawer.mud-drawer-mini.mud-drawer-pos-right.mud-drawer--closed svg.menu-icon-oc, .mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--closed svg.menu-icon-oc {
    margin-left: -5px;
    font-size: 2rem;
}
.mud-drawer.mud-drawer-mini.mud-drawer-pos-right.mud-drawer--closed button.menu-icon-oc, .mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--closed button.menu-icon-oc {
    border-radius: 0.25rem;
    /* flex-grow: 1; */
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    /* padding-bottom: 7px; */
    /* flex-shrink: 0; */
    /* justify-content: center; */
}
.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link.menu-icon-oc {
    padding: 3px 6px 3px 10px;
}
.mud-drawer.mud-drawer-mini.mud-drawer-pos-right.mud-drawer--closed div.mud-nav-group, .mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--closed div.mud-nav-group {
    padding: 2px;
}