@font-face {
    font-family: Yekan;
    font-style: normal;
    font-weight: 100;
    src: url('/fonts/yekan-bakh-fanum/woff/YekanBakhFaNum-thin.woff') format('woff'), url('/fonts/yekan-bakh-fanum/woff2/YekanBakhFaNum-thin.woff2') format('woff2');
}

@font-face {
    font-family: Yekan;
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/yekan-bakh-fanum/woff/YekanBakhFaNum-Light.woff') format('woff'), url('/fonts/yekan-bakh-fanum/woff2/YekanBakhFaNum-Light.woff2') format('woff2');
}

@font-face {
    font-family: Yekan;
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/yekan-bakh-fanum/woff/YekanBakhFaNum-Regular.woff') format('woff'), url('/fonts/yekan-bakh-fanum/woff2/YekanBakhFaNum-Regular.woff2') format('woff2');
}

@font-face {
    font-family: Yekan semi bold;
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/yekan-bakh-fanum/woff/YekanBakhFaNum-SemiBold.woff') format('woff'), url('/fonts/yekan-bakh-fanum/woff2/YekanBakhFaNum-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: Yekan;
    font-style: normal;
    font-weight: bold;
    src: url('/fonts/yekan-bakh-fanum/woff/YekanBakhFaNum-Bold.woff') format('woff'), url('/fonts/yekan-bakh-fanum/woff2/YekanBakhFaNum-Bold.woff2') format('woff2');
}

@font-face {
    font-family: Yekan;
    font-style: normal;
    font-weight: 800;
    src: url('/fonts/yekan-bakh-fanum/woff/YekanBakhFaNum-ExtraBold.woff') format('woff'), url('/fonts/yekan-bakh-fanum/woff2/YekanBakhFaNum-ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family: Yekan;
    font-style: normal;
    font-weight: 900;
    src: url('/fonts/yekan-bakh-fanum/woff/YekanBakhFaNum-Black.woff') format('woff'), url('/fonts/yekan-bakh-fanum/woff2/YekanBakhFaNum-Black.woff2') format('woff2');
}

@font-face {
    font-family: Yekan;
    font-style: normal;
    font-weight: 950;
    src: url('/fonts/yekan-bakh-fanum/woff/YekanBakhFaNum-ExtraBlack.woff') format('woff'), url('/fonts/yekan-bakh-fanum/woff2/YekanBakhFaNum-ExtraBlack.woff2') format('woff2');
}

* {
    font-family: Yekan !important;
}

.custom-elevation {
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.03) !important;
    box-shadow: 0px 1px 6px -1px rgba(0, 0, 0, 0.02) !important;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.02) !important;
}

.mud-typography-subtitle2 {
    color: #00000073 !important
}

.mud-typography-body2 {
    color: black !important
}

.custom-into-subtitle {
    margin-top: 10px;
    color: black
}

html, body, .mud-rtl-provider {
    height: 100% !important;
}
/*.mud-typography {
    font-family: Yekan !important;
}*/
.nav {
    --bs-nav-link-color: var(--mud-palette-primary) !important;
    --bs-nav-link-hover-color: var(--mud-palette-primary-darken) !important;
}

/* table specific styles */

.mud-table-root .mud-table-head .mud-table-cell {
    font-size: 14px;
    font-weight: 600 !important;
    background-color: #FAFAFA !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.font-size-16 {
    font-size: 16px !important;
}

.font-size-20 {
    font-size: 20px !important;
}

.font-size-24 {
    font-size: 24px !important;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-12 {
    font-size: 12px !important;
}

.border-smoke {
    border-color: #D9D9D9 !important
}


.primary-bg-light {
    background-color: #F5F5FF
}

.warning-bg-light {
    background-color: #FFFBE6
}

.error-bg-light {
    background-color: #FFF1F0
}

.defualt-bg-light {
    background-color: #F5F5F5
}

.success-bg-light {
    background-color: #DEF8ED
}


.magneta-bg-light {
    background-color: #FFF0F6 !important;
}

.magneta-border-light {
    border-color: #FFADD2 !important
}

.magneta-text {
    color: #EB2F96 !important
}

.success-border-light {
    border-color: #B7EB8F
}

.primary-border-light {
    border-color: #91CAFF !important
}



.warning-border-light {
    border-color: #FFD591 !important
}

.purple-border-light {
    border-color: #D3ADF7 !important
}

.error-border-light {
    border-color: #FF4D4F !important
}

.purple-bg-light {
    background-color: #F9F0FF !important
}

.text-purple {
    color: #722ED1 !important
}

.smoke-text {
    color: #00000073 !important
}

.custom-anchor {
    color: #1677FF !important;
    cursor: pointer !important;
    text-decoration: underline;
    text-decoration-style: dashed;
    text-underline-offset: 7px
}

.no-decoration {
    text-decoration: none !important;
    text-decoration-style: initial !important;
}

.custom-menu-item {
}


.mud-timeline-item-content .mud-typography {
    margin-top: -25px;
}

.mud-timeline-horizontal::before {
    height: 3px !important;
}

.mud-timeline-item-dot-inner {
    width: 8px !important;
    height: 8px !important;
}

.mud-dialog-title > * {
    font-weight: 600 !important
}



.mud-input-outlined-border {
    border-width: 1px !important;
    border-color: #D9D9D9 !important
}


.mud-dialog {
    border-radius: 8px /*its rounded-lg*/
}

.mud-dialog-content {
    margin: 24px 0px !important;
}


.mud-snackbar-content-action {
    align-items: start !important;
    height: 75px !important;
    margin-left: 8px !important;
}

.required:after {
    content: " *";
    color: red;
}

.white-bg {
    background-color: white !important;
}


#preLoader {
    background-image: url('/images/cover.svg') !important;
    background-size: contain !important;
}

.mud-input-label {
    margin-top: 16px !important;
    margin-bottom: 8px !important;
    color: black !important
}

.mud-nav-link-text {
    color: black !important
}


/* ------Pagination Section---------*/

.mud-pagination .mud-pagination-item > * {
    height: 54px !important;
}

.mud-pagination .mud-pagination-item-selected {
    background-color: inherit !important;
    border-radius: unset !important;
    height: 54px !important;
    box-shadow: none !important;
    border-width: 1px !important;
    border-radius: var(--mud-default-borderradius) !important;
    border-color: var(--mud-palette-primary) !important;
}

.mud-pagination .mud-pagination-item .mud-button {
    background-color: unset !important;
    box-shadow: unset !important;
}

.mud-pagination .mud-pagination-item-selected .mud-button {
    color: var(--mud-palette-primary) !important;
}


/* ------PopOver (menu) Section---------*/

.mud-popover-open {
    box-shadow: rgba(6, 17, 33, 0.14) 0px -2px 23px 5px!important
}