﻿:root {
    --bimeSaman-palette-background: #F7F8FA;
    --bimeSaman-palette-primary: #130D84;
    --bimeSaman-palette-Button-danger: #FD1E1E;
    --bimeSaman-palette-Button-danger-Text: #FFFFFF;
    --bimeSaman-palette-black: black;
    --bimeSaman-palette-white: #ffffff;
    --bimeSaman-palette-white-border: #cacfe0;
    --bimeSaman-palette-lightgray: #f4f4f4;
    --bimeSaman-palette-info: #1f9cd5;
    --bimeSaman-palette-primary-border: #21409A;
    --bimeSaman-palette-primary-lighten: #F7F7FF;
    --bimeSaman-palette-secondary: #5B4DFF;
    --bimeSaman-palette-secondary-border: #5B4DFF;
    --bimeSaman-palette-secondary-hover: #03685f;
    --bimeSaman-palette-warning: #f35624;
    --bimeSaman-palette-warning-border: #ff5722;
    --bimeSaman-palette-success: #349d38;
    --bimeSaman-palette-error: #CF2727;
    --bimeSaman-palette-text-black: black;
    --bimeSaman-palette-text-primary: #130D84;
    --bimeSaman-palette-text-title-primary: #16347c;
    --bimeSaman-palette-text-white: #fff;
    --bimeSaman-Font-Size: 14px;
    --bimeSaman-Font-weight: 400;
    --bimeSaman-Font-Size-Bold: 15px;
    --bimeSaman-Font-weight-Bold: 700;
    --bimeSaman-Border-Radius: 20px;
}


@font-face {
    font-family: "IRANSansX";
    src: url("../Font/Iransanx/WOFF/IRANSansXFaNum-Medium.woff");
}

@font-face {
    font-family: "IRANSansX";
    src: url("../Font/Iransanx/WOFF/IRANSansXFaNum-Bold.woff");
    font-weight: bold;
}

@font-face {
    font-family: "IRANSansX";
    src: url("../Font/Iransanx/WOFF/IRANSansXFaNum-Medium.woff");
    font-weight: 500;
}

@font-face {
    font-family: "IRANSansX";
    src: url("../Font/Iransanx/WOFF/IRANSansXFaNum-Regular.woff");
    font-weight: 300;
}

@font-face {
    font-family: "webdings";
    src: url("../Font/webdings.ttf");
    font-weight: 300;
}


/* (xs) */
@media (max-width: 575.98px) {
    :root {
    }

    .col-0 {
        display: none;
    }

    .Login > div {
        height: 100%;
    }
}

/* (sm) */
@media (min-width: 576px) and (max-width: 767.98px) {
    :root {
    }

    .col-0 {
        display: none;
    }

    .Login > div {
        height: 100%;
    }
}

/* (md) */
@media (min-width: 768px) {
    :root {
    }
}

/* (lg) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    :root {
    }
}

/* (xl) */
@media (min-width: 1200px) {
    :root {
    }
}

::-webkit-scrollbar {
    width: 5px !important;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--bimeSaman-palette-secondary) !important;
}

    ::-webkit-scrollbar-thumb:hover {
        background: var(--bimeSaman-palette-primary) !important;
    }

@font-face {
    font-family: 'Iransans';
    src: url('../Font/IRANSansMobile(FaNum)_Medium.ttf');
}

.BeneficiaryPages .bi {
    font-family: 'bootstrap-icons' !important;
}

    .BeneficiaryPages .bi.bi-asterisk {
        color: red !important
    }

html body:has(.CreateCertificateDialog) {
    overflow-y: hidden;
}

html, * {
    --mud-palette-info: #008EFA;
    --mud-palette-primary: var(--bimeSaman-palette-primary);
    font-family: 'IRANSansX' !important;
    /*background-color: inherit;*/
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

body {
    direction: rtl;
    font-size: var(--bimeSaman-Font-Size) !important;
    font-weight: var(--bimeSaman-Font-weight) !important;
    line-height: 25.2px !important;
}

.BeneficiaryPages a {
    /*cursor: pointer;*/
    text-decoration: none;
}

/* mud */

.mud-application-layout-rtl .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
.mud-application-layout-rtl .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
    transform: translate(2px,-22px) scale(.75) !important;
}


.BeneficiaryPages {
    /*display: flex;
    flex-wrap: nowrap;
    flex-direction: column;*/
    /*height: 100vh;
    overflow: auto;*/
    background-color: var(--bimeSaman-palette-background);
}

    .BeneficiaryPages .alert {
        border: unset;
    }

        .BeneficiaryPages .alert.alert-danger {
            color: var(--bimeSaman-palette-Button-danger) !important;
        }

    .BeneficiaryPages .text-Blue {
        color: #4318FF !important;
    }

    .BeneficiaryPages .text-Black {
        color: black !important;
    }

    .BeneficiaryPages .text-Size-SM {
        font-size: 14px !important;
        font-weight: 200 !important;
    }

    .BeneficiaryPages .text-Size-L {
        font-size: 14px !important;
        font-weight: 200 !important;
    }

    .BeneficiaryPages .text-Size-XL {
        font-size: 14px !important;
        font-weight: 200 !important;
    }

    .BeneficiaryPages .text-Size-XXL {
        font-size: 14px !important;
        font-weight: 200 !important;
    }

    .BeneficiaryPages .mud-elevation-1 {
        box-shadow: unset;
    }

    .BeneficiaryPages .mud-button-disable-elevation * {
        background-color: unset;
    }

    .BeneficiaryPages .mud-overlay {
        width: 100%;
        height: 100%;
        margin: 0 !important;
        align-items: center;
        border-radius: inherit;
        display: flex;
        justify-content: center;
        position: absolute;
        transition: .3s cubic-bezier(.25,.8,.5,1),z-index 1ms;
        z-index: 5;
    }

    .BeneficiaryPages .Loading {
        color: var(--bimeSaman-palette-secondary) !important;
        width: 80px;
        height: 80px;
    }

    .BeneficiaryPages.EmptyLaout > div {
        width: 100vw;
    }

    .BeneficiaryPages .Header {
        height: 80px;
        padding: 20px 30px;
        color: var(--bimeSaman-palette-primary);
        display: flex;
        align-items: center;
    }

        .BeneficiaryPages .Header * {
            color: black !important;
        }

        .BeneficiaryPages .Header .MyAvatar {
            background-color: #7EEDD9;
            border-radius: 50%;
        }

        .BeneficiaryPages .Header .mud-nav-item.mud-ripple {
            display: unset !important;
            width: auto;
        }

    .BeneficiaryPages .Title {
        height: 80px;
        padding: 20px 15px;
        color: var(--bimeSaman-palette-primary);
        display: flex;
        align-items: center;
    }

        .BeneficiaryPages .Title .HeaderIcon {
            background-color: var(--bimeSaman-palette-background);
            margin-left: 15px;
            padding: 15px;
            border-radius: 50%
        }

    .BeneficiaryPages .TitleBtn {
        /*position: absolute;*/
        top: -55px;
        left: 15px;
        /* display: flex; */
        /* align-items: center; */
        /* justify-content: flex-end; */
    }

    .BeneficiaryPages .SamanBody {
        width: 100%;
        /*display: flex;*/
        position: relative;
        padding: 15px;
    }

    .BeneficiaryPages .Footer {
        height: 60px;
        bottom: 0;
        display: flex;
        justify-content: start;
        align-items: center;
        column-gap: 10px;
        position: relative;
    }


    .BeneficiaryPages .Login {
        display: flex;
        justify-content: center !important;
        align-items: center !important;
        /* height: 100%; */
        background-color: var(--bimeSaman-palette-background);
    }

        .BeneficiaryPages .Login > div {
            display: flex;
            border-radius: var(--bimeSaman-Border-Radius);
            overflow: hidden;
        }

        .BeneficiaryPages .Login .formaria {
            background-color: white;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            row-gap: 40px;
        }

        .BeneficiaryPages .Login .imagearia > img {
            width: 100%;
            max-height: 773px;
        }

    .BeneficiaryPages .Caption {
        color: #14317A;
        font-size: 22px;
        font-weight: 700;
        line-height: 36.35px;
    }

    /* NavMenu */
    .BeneficiaryPages > .NavMenu {
        padding: 20px;
        background-color: var(--bimeSaman-palette-background);
    }

        .BeneficiaryPages > .NavMenu .Logo {
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;
            margin-top: 20px;
        }

            .BeneficiaryPages > .NavMenu .Logo .Icon {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 150px;
                height: 150px;
                border: 3.37px solid transparent;
                /*border-image: linear-gradient(135deg, var(--bimeSaman-palette-primary-border) 0%, var(--bimeSaman-palette-secondary-border) 100%) 1;*/
                border-radius: 50%;
                background-image: linear-gradient(white, white), radial-gradient(circle at top left, var(--bimeSaman-palette-primary-border),var(--bimeSaman-palette-secondary-border));
                background-origin: border-box;
                background-clip: content-box, border-box;
            }

                .BeneficiaryPages > .NavMenu .Logo .Icon img {
                    width: 80%;
                }

            .BeneficiaryPages > .NavMenu .Logo .Text {
                color: var(--bimeSaman-palette-text-primary);
                font-size: 17px;
                /*font-weight: bold;*/
                margin: 5px;
                margin-top: 25px;
                text-align: center;
            }

            .BeneficiaryPages > .NavMenu .Logo .UserName {
                margin: 5px;
            }


        .BeneficiaryPages > .NavMenu .Items {
        }

            .BeneficiaryPages > .NavMenu .Items > div {
                margin-top: 5px;
                border-radius: 10px !important;
            }

                .BeneficiaryPages > .NavMenu .Items > div .mud-nav-link {
                    color: inherit; /* blue colors for links too */
                    text-decoration: inherit
                }

                    .BeneficiaryPages > .NavMenu .Items > div .mud-nav-link .mud-nav-link-text {
                        display: flex;
                        gap: 5px;
                        margin-top: 5px;
                        border-radius: 10px !important;
                        background-color: unset;
                    }

            .BeneficiaryPages > .NavMenu .Items .mud-nav-link.active {
                color: var(--bimeSaman-palette-text-white);
                background: linear-gradient(135deg, var(--bimeSaman-palette-primary-border) 0%, var(--bimeSaman-palette-secondary-border) 100%);
            }

                .BeneficiaryPages > .NavMenu .Items .mud-nav-link.active svg * {
                    stroke: white;
                    /*fill: white;*/
                }

            .BeneficiaryPages > .NavMenu .Items .mud-nav-link:hover:not(.mud-nav-link-disabled) {
                cursor: pointer;
                text-decoration: none;
                /*background-color: var(--mud-palette-action-default-hover);*/
            }

    /*.BeneficiaryPages > .mud-main-content {*/
    /*display: flex;*/
    /*padding: 0;
        min-height: 100vh;
    }*/


    /* Box */

    .BeneficiaryPages .box {
    }

        .BeneficiaryPages .box.boxDashboard {
            display: flex;
            flex-wrap: wrap;
            row-gap: 20px;
        }

            .BeneficiaryPages .box.boxDashboard .box-item {
                height: 100px;
                /*width: 32%;*/
                padding: 5px 10px;
                border-radius: 20px;
                box-shadow: 0px 10px 3px 0px #14253F0F;
                border: 1px solid var(--bimeSaman-palette-secondary);
                /*border: 1px solid orangered;*/
                /*box-shadow: 0px 0px 1px 0px #0C1A4B1A;*/
                /*background-color: #1f9cd5;*/
                display: flex;
                justify-content: flex-start;
                align-items: center;
                gap: 15px;
            }

                .BeneficiaryPages .box.boxDashboard .box-item .Image {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 50px;
                    width: 50px;
                    border-radius: 50%;
                    background: #F7F7FF;
                }

                .BeneficiaryPages .box.boxDashboard .box-item .Text {
                    /*background-color: #349d38;*/
                    display: flex;
                    flex-direction: column;
                    row-gap: 7px;
                }

                    .BeneficiaryPages .box.boxDashboard .box-item .Text .Caption {
                    }

                    .BeneficiaryPages .box.boxDashboard .box-item .Text .Count {
                        color: #21409A !important;
                    }

        .BeneficiaryPages .box.boxCertificate {
            display: flex;
            flex-wrap: wrap;
            row-gap: 8px;
            margin: 0 20px;
        }

            .BeneficiaryPages .box.boxCertificate .box-item {
                width: 100%;
                display: flex;
                justify-content: flex-start;
                column-gap: 100px;
                row-gap: 10px;
                border: 1px solid var(--bimeSaman-palette-secondary);
                padding: 15px;
                box-shadow: 0 4px 4px 0px #14253f75;
            }

                .BeneficiaryPages .box.boxCertificate .box-item > div {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 10px;
                }

                    .BeneficiaryPages .box.boxCertificate .box-item > div > div:first-child {
                        color: var(--bimeSaman-palette-primary);
                    }

        .BeneficiaryPages .box.uploadbox {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
            row-gap: 15px;
            padding: 40px 10px;
            border: 2px dotted black;
            border-radius: var(--bimeSaman-Border-Radius);
            cursor: pointer;
        }

    /* Button */

    .BeneficiaryPages .mud-button-filled.mud-button-filled-primary {
        color: var(--bimeSaman-palette-Button-danger-Text);
        background-color: var(--bimeSaman-palette-Button-danger);
        padding-inline: 50px;
    }

    .BeneficiaryPages .mud-button-filled.mud-button-filled-error {
        color: var(--bimeSaman-palette-Button-danger-Text);
        background-color: var(--bimeSaman-palette-Button-danger);
        padding-inline: 50px;
    }

    .BeneficiaryPages .mud-table {
        background-color: var(--bimeSaman-palette-background);
    }

    /* Table */
    .BeneficiaryPages .Table {
    }

        .BeneficiaryPages .Table *::not(svg) {
            font-size: var(--bimeSaman-Font-Size-Bold);
            color: var(--bimeSaman-palette-text-black);
            background-color: var(--bimeSaman-palette-background);
        }


        .BeneficiaryPages .Table .mud-table-head .mud-table-cell {
            /*background-color: #F0F0FE !important;*/
            background-color: var(--bimeSaman-palette-background);
            /*background: var(--, #F0F0FE);*/
            box-shadow: 0px 0px 1px 0px rgba(12, 26, 75, 0.10);
            color: var(--bimeSaman-palette-text-primary);
            font-weight: var(--bimeSaman-Font-weight-Bold);
        }

        .BeneficiaryPages .Table.TableCertificate {
        }

    /*  Form  */
    .BeneficiaryPages .CreateCertificateDialog .mud-form .mud-input > input.mud-input-root-outlined,
    .BeneficiaryPages .CreateCertificateDialog .mud-form div.mud-input-slot.mud-input-root-outlined {
        padding: 10px !important;
    }

.BeneficiaryPages {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
}

    .BeneficiaryPages .mud-elevation-1 {
        box-shadow: unset;
    }

    .BeneficiaryPages .mud-button-disable-elevation * {
        background-color: unset;
    }

    .BeneficiaryPages .mud-overlay {
        width: 100%;
        height: 100vh;
        margin: 0 !important;
        align-items: center;
        border-radius: inherit;
        display: flex;
        justify-content: center;
        position: absolute;
        transition: .3s cubic-bezier(.25,.8,.5,1),z-index 1ms;
        z-index: 5;
    }

    .BeneficiaryPages .Loading {
        color: var(--bimeSaman-palette-secondary) !important;
        width: 80px;
        height: 80px;
    }

    .BeneficiaryPages .height-full {
        height: 100vh;
        overflow-x: hidden;
        overflow-y: scroll;
    }

        .BeneficiaryPages .height-full:not(.FullBody .height-full) {
            height: calc(100vh - 80px);
            overflow-x: hidden;
            overflow-y: scroll;
        }




    .BeneficiaryPages .ChildSpanLtr span {
        direction: ltr !important;
        display: flex;
        margin: 0 5px;
    }








.mud-paper:not(.mud-popover,.mud-picker) {
    background-color: unset;
}

/*.mud-application-layout-rtl .mud-flip-x-rtl {
    transform: unset !important;
}*/

.btn.btnpaymentBack {
    color: #FFFFFF;
    background-color: #130D84;
}
