/* /Pages/Conversation/ChatComp.razor.rz.scp.css */
MainDiv[b-p1yd2nn0jm] {
    font-family: 'Vazir';
    background-color: #f5f5f5;
    overflow: hidden;
    height: 100vh;
}

.chat-container[b-p1yd2nn0jm] {
    height: 95vh;
    max-width: 1400px;
    /*margin: 20px auto;*/
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

/* ستون اعضا (سمت چپ) */
.members-column[b-p1yd2nn0jm] {
    background-color: white;
    border-right: 1px solid var(--border-color);
    padding: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.members-header[b-p1yd2nn0jm] {
    background-color: var(--primary-color);
    color: white;
    padding: 15px;
    font-weight: bold;
    flex-shrink: 0;
    height: 70px;
}

.members-list-container[b-p1yd2nn0jm] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

.member-item[b-p1yd2nn0jm] {
    padding: 12px 15px;
    border-bottom: 1px solid var(--border-color);
    transition: background-color 0.2s;
    display: flex;
    align-items: center;
}

    .member-item:hover[b-p1yd2nn0jm] {
        background-color: var(--secondary-color);
        color: var(--text-secondary-color) !important;
    }

    .member-item .member-info h6[b-p1yd2nn0jm] {
        color: inherit;
    }

.member-avatar[b-p1yd2nn0jm] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover;
    margin-left: 12px;
    border: 2px solid #e0e0e0;
}

.member-info h6[b-p1yd2nn0jm] {
    margin-bottom: 3px;
    font-weight: 600;
}

.member-info small[b-p1yd2nn0jm] {
    color: #666;
}

/* استایل دکمه افزودن عضو */
.add-member-btn[b-p1yd2nn0jm] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background-color: transparent;
    color: white;
    transition: all 0.2s;
}

    .add-member-btn:hover[b-p1yd2nn0jm] {
        background-color: rgba(255, 255, 255, 0.1);
        border-color: white;
        transform: scale(1.1);
    }

    .add-member-btn:active[b-p1yd2nn0jm] {
        transform: scale(0.95);
    }

/* برای حالت موبایل */
@media (max-width: 768px) {
    .add-member-btn[b-p1yd2nn0jm] {
        width: 36px;
        height: 36px;
    }
}

/* ستون چت (سمت راست) */
.chat-column[b-p1yd2nn0jm] {
    background-color: #f0f2f5;
    padding: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.chat-header[b-p1yd2nn0jm] {
    background-color: white;
    padding: 15px;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.chat-avatar[b-p1yd2nn0jm] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-left: 10px;
    background-color: var(--primary-color);
    color: #FFF;
}

.members-header i[b-p1yd2nn0jm] {
    vertical-align: middle;
    margin-right: 4px;
}

.message-content-pre[b-p1yd2nn0jm] {
    font-family: 'Vazir' !important;
    white-space: pre-wrap; /* متن شکسته شود */
    word-wrap: break-word; /* کلمات طولانی شکسته شوند */
    overflow-wrap: break-word; /* برای مرورگرهای جدید */
    max-width: 100%; /* بیشتر از عرض والد نشود */
    margin: 0; /* حذف margin پیش‌فرض pre */
    padding: 0; /* حذف padding پیش‌فرض */
    background: none; /* حذف background پیش‌فرض */
    border: none; /* حذف border پیش‌فرض */
    font-family: inherit; /* فونت را از والد بگیرد */
    font-size: inherit; /* سایز فونت را از والد بگیرد */
    line-height: inherit; /* ارتفاع خط را از والد بگیرد */
    /* مهم: اینها باعث می‌شود ارتفاع خودکار تنظیم شود */
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    resize: none !important;
}

.chat-messages-container[b-p1yd2nn0jm] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    padding: 20px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" opacity="0.05"><path d="M20,50 Q40,30 60,50 T100,50" fill="none" stroke="%230088cc" stroke-width="2"/></svg>');
}


.message[b-p1yd2nn0jm] {
    margin-bottom: 20px;
    max-width: 70%;
    clear: both;
}

.incoming-message[b-p1yd2nn0jm] {
    float: right;
}

.outgoing-message[b-p1yd2nn0jm] {
    float: left;
}

.message-sender[b-p1yd2nn0jm] {
    font-weight: 600;
    font-size: 0.85rem;
    color: #333;
    margin-bottom: 5px;
    padding-right: 5px;
}

.message-content[b-p1yd2nn0jm] {
    padding: 12px 15px;
    border-radius: 18px;
    position: relative;
    word-wrap: break-word;
}

.incoming-message .message-content[b-p1yd2nn0jm] {
    background-color: white;
    border-top-right-radius: 5px;
}

.outgoing-message .message-content[b-p1yd2nn0jm] {
    background-color: var(--self-message-bg);
    border-top-left-radius: 5px;
}

.message-time[b-p1yd2nn0jm] {
    font-size: 0.7rem;
    color: #999;
    margin-top: 5px;
    text-align: left;
    direction: ltr;
}

.chat-input[b-p1yd2nn0jm] {
    background-color: white;
    padding: 15px;
    border-top: 1px solid var(--border-color);
    flex-shrink: 0;
}

.message-input[b-p1yd2nn0jm] {
    border-radius: 25px;
    padding: 12px 20px;
    border: 1px solid var(--border-color);
    resize: none;
}

.send-button[b-p1yd2nn0jm] {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-color: var(--primary-color);
    border: none;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .send-button:hover[b-p1yd2nn0jm] {
        background-color: #FF0000 !important;
        color: #FFF !important;
    }

    .send-button .send-icon[b-p1yd2nn0jm] {
        width: 20px;
        height: 20px;
        fill: currentColor;
        transform: rotate(180deg);    
    }
/* اسکرول بار سفارشی برای هر دو ستون */
.members-list-container[b-p1yd2nn0jm]::-webkit-scrollbar,
.chat-messages-container[b-p1yd2nn0jm]::-webkit-scrollbar {
    width: 8px;
}

.members-list-container[b-p1yd2nn0jm]::-webkit-scrollbar-track,
.chat-messages-container[b-p1yd2nn0jm]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.members-list-container[b-p1yd2nn0jm]::-webkit-scrollbar-thumb,
.chat-messages-container[b-p1yd2nn0jm]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
}

    .members-list-container[b-p1yd2nn0jm]::-webkit-scrollbar-thumb:hover,
    .chat-messages-container[b-p1yd2nn0jm]::-webkit-scrollbar-thumb:hover {
        background: #a8a8a8;
    }

/* آیکون‌های وضعیت آنلاین */
.online-indicator[b-p1yd2nn0jm] {
    width: 10px;
    height: 10px;
    background-color: #4CAF50;
    border-radius: 50%;
    position: absolute;
    margin-top: 35px;
    margin-right: 35px;
    border: 2px solid white;
}

/* حالت موبایل */
@media (max-width: 768px) {
    .members-column[b-p1yd2nn0jm] {
        display: none;
    }

    .message[b-p1yd2nn0jm] {
        max-width: 85%;
    }

    .chat-container[b-p1yd2nn0jm] {
        height: 100vh;
        margin: 0;
        border-radius: 0;
    }
}
/* /Pages/EmployerPage/AddEmployerForm.razor.rz.scp.css */
@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir.eot');
    src: url('dist/fonts/Vazir.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir.woff2') format('woff2'), url('dist/fonts/Vazir.woff') format('woff'), url('dist/fonts/Vazir.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Bold.eot');
    src: url('dist/fonts/Vazir-Bold.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Bold.woff2') format('woff2'), url('dist/fonts/Vazir-Bold.woff') format('woff'), url('dist/fonts/Vazir-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Light.eot');
    src: url('dist/fonts/Vazir-Light.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Light.woff2') format('woff2'), url('dist/fonts/Vazir-Light.woff') format('woff'), url('dist/fonts/Vazir-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Medium.eot');
    src: url('dist/fonts/Vazir-Medium.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Medium.woff2') format('woff2'), url('dist/fonts/Vazir-Medium.woff') format('woff'), url('dist/fonts/Vazir-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Thin.eot');
    src: url('dist/fonts/Vazir-Thin.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Thin.woff2') format('woff2'), url('dist/fonts/Vazir-Thin.woff') format('woff'), url('dist/fonts/Vazir-Thin.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Black.eot');
    src: url('dist/fonts/Vazir-Black.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Black.woff2') format('woff2'), url('dist/fonts/Vazir-Black.woff') format('woff'), url('dist/fonts/Vazir-Black.ttf') format('truetype');
    font-weight: 900;
}

.vertical-center0[b-p8iypbh7kg] {
    margin: 0;
    top: 40%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

div[b-p8iypbh7kg], input[b-p8iypbh7kg], select[b-p8iypbh7kg], textarea[b-p8iypbh7kg], label[b-p8iypbh7kg], p[b-p8iypbh7kg] {
    padding: 0;
    margin: 0;
    outline: none;
    font-family: Vazir, Arial, sans-serif;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    text-align: start;
}

h1[b-p8iypbh7kg] {
    position: absolute;
    margin: 0;
    font-size: 40px;
    color: #fff;
    z-index: 2;
    line-height: 83px;
}

textarea[b-p8iypbh7kg] {
    width: calc(100% - 12px);
    padding: 5px;
}

.testbox[b-p8iypbh7kg] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
    padding: 20px;
}

/*form {
    width: 100% !important;
    padding: 20px !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: 0 0 8px #669999 !important;
}*/

.banner[b-p8iypbh7kg] {
    position: relative;
    height: 300px;
    background-image: url("/uploads/media/default/0001/02/8070c999efd1a155ad843379a5508d16f544aeaf.jpeg");
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    .banner[b-p8iypbh7kg]::after {
        content: "";
        background-color: rgba(0, 0, 0, 0.3);
        position: absolute;
        width: 100%;
        height: 100%;
    }

input[b-p8iypbh7kg], select[b-p8iypbh7kg], textarea[b-p8iypbh7kg] {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

input[b-p8iypbh7kg] {
    width: calc(100% - 10px);
    padding: 5px;
}

    input[type="date"][b-p8iypbh7kg] {
        padding: 4px 5px;
    }

textarea[b-p8iypbh7kg] {
    width: calc(100% - 12px);
    padding: 5px;
}

.item:hover p[b-p8iypbh7kg], .item:hover i[b-p8iypbh7kg], .question:hover p[b-p8iypbh7kg], .question label:hover[b-p8iypbh7kg], input:hover[b-p8iypbh7kg]::placeholder {
    color: #669999;
}

.item input:hover[b-p8iypbh7kg], .item select:hover[b-p8iypbh7kg], .item textarea:hover[b-p8iypbh7kg] {
    border: 1px solid transparent;
    box-shadow: 0 0 3px 0 #669999;
    color: #669999;
}

.item[b-p8iypbh7kg] {
    position: relative;
    margin: 10px 0;
}

    .item span[b-p8iypbh7kg] {
        color: red;
    }

.week[b-p8iypbh7kg] {
    display: flex;
    justfiy-content: space-between;
}

.colums[b-p8iypbh7kg] {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

    .colums div[b-p8iypbh7kg] {
        width: 48%;
    }

input[type="date"][b-p8iypbh7kg]::-webkit-inner-spin-button {
    display: none;
}

.item i[b-p8iypbh7kg], input[type="date"][b-p8iypbh7kg]::-webkit-calendar-picker-indicator {
    position: absolute;
    font-size: 20px;
    color: #a3c2c2;
}

.item i[b-p8iypbh7kg] {
    right: 1%;
    top: 30px;
    z-index: 1;
}

input[type=radio][b-p8iypbh7kg], input[type=checkbox][b-p8iypbh7kg] {
    display: none;
}

label.radio[b-p8iypbh7kg] {
    position: relative;
    display: inline-block;
    margin: 5px 20px 15px 0;
    cursor: pointer;
}

.question span[b-p8iypbh7kg] {
    margin-left: 30px;
}

.question-answer label[b-p8iypbh7kg] {
    display: block;
}

label.radio[b-p8iypbh7kg]:before {
    content: "";
    position: absolute;
    left: 0;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 2px solid #ccc;
}

input[type=radio]:checked + label[b-p8iypbh7kg]:before, label.radio:hover[b-p8iypbh7kg]:before {
    border: 2px solid #669999;
}

label.radio[b-p8iypbh7kg]:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 5px;
    width: 8px;
    height: 4px;
    border: 3px solid #669999;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    opacity: 0;
}

input[type=radio]:checked + label[b-p8iypbh7kg]:after {
    opacity: 1;
}

.flax[b-p8iypbh7kg] {
    display: flex;
    justify-content: space-around;
}

.btn-block[b-p8iypbh7kg] {
    margin-top: 10px;
    text-align: center;
}

button[b-p8iypbh7kg] {
    width: 150px;
    padding: 10px;
    border: none;
    border-radius: 5px;
    background: #669999;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

    button:hover[b-p8iypbh7kg] {
        background: #a3c2c2;
    }

@media (min-width: 568px) {
    .name-item[b-p8iypbh7kg], .city-item[b-p8iypbh7kg] {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .name-item input[b-p8iypbh7kg], .name-item div[b-p8iypbh7kg] {
            width: calc(50% - 20px);
        }

            .name-item div input[b-p8iypbh7kg] {
                width: 97%;
            }

            .name-item div label[b-p8iypbh7kg] {
                display: block;
                padding-bottom: 5px;
            }
}
/* /Pages/EmployerPage/EmployerComp.razor.rz.scp.css */
@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir.eot');
    src: url('dist/fonts/Vazir.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir.woff2') format('woff2'), url('dist/fonts/Vazir.woff') format('woff'), url('dist/fonts/Vazir.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Bold.eot');
    src: url('dist/fonts/Vazir-Bold.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Bold.woff2') format('woff2'), url('dist/fonts/Vazir-Bold.woff') format('woff'), url('dist/fonts/Vazir-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Light.eot');
    src: url('dist/fonts/Vazir-Light.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Light.woff2') format('woff2'), url('dist/fonts/Vazir-Light.woff') format('woff'), url('dist/fonts/Vazir-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Medium.eot');
    src: url('dist/fonts/Vazir-Medium.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Medium.woff2') format('woff2'), url('dist/fonts/Vazir-Medium.woff') format('woff'), url('dist/fonts/Vazir-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Thin.eot');
    src: url('dist/fonts/Vazir-Thin.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Thin.woff2') format('woff2'), url('dist/fonts/Vazir-Thin.woff') format('woff'), url('dist/fonts/Vazir-Thin.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Black.eot');
    src: url('dist/fonts/Vazir-Black.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Black.woff2') format('woff2'), url('dist/fonts/Vazir-Black.woff') format('woff'), url('dist/fonts/Vazir-Black.ttf') format('truetype');
    font-weight: 900;
}

.vertical-center0[b-gynnh1mamb] {
    margin: 0;
    top: 40%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

div[b-gynnh1mamb], input[b-gynnh1mamb], select[b-gynnh1mamb], textarea[b-gynnh1mamb], label[b-gynnh1mamb], p[b-gynnh1mamb] {
    padding: 0;
    margin: 0;
    outline: none;
    font-family: Vazir, Arial, sans-serif;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    text-align: start;
}

h1[b-gynnh1mamb] {
    position: absolute;
    margin: 0;
    font-size: 40px;
    color: #fff;
    z-index: 2;
    line-height: 83px;
}

textarea[b-gynnh1mamb] {
    width: calc(100% - 12px);
    padding: 5px;
}

.testbox[b-gynnh1mamb] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
    padding: 20px;
}

/*form {
    width: 100% !important;
    padding: 20px !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: 0 0 8px #669999 !important;
}*/

.banner[b-gynnh1mamb] {
    position: relative;
    height: 300px;
    background-image: url("/uploads/media/default/0001/02/8070c999efd1a155ad843379a5508d16f544aeaf.jpeg");
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    .banner[b-gynnh1mamb]::after {
        content: "";
        background-color: rgba(0, 0, 0, 0.3);
        position: absolute;
        width: 100%;
        height: 100%;
    }

input[b-gynnh1mamb], select[b-gynnh1mamb], textarea[b-gynnh1mamb] {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

input[b-gynnh1mamb] {
    width: calc(100% - 10px);
    padding: 5px;
}

    input[type="date"][b-gynnh1mamb] {
        padding: 4px 5px;
    }

textarea[b-gynnh1mamb] {
    width: calc(100% - 12px);
    padding: 5px;
}

.item:hover p[b-gynnh1mamb], .item:hover i[b-gynnh1mamb], .question:hover p[b-gynnh1mamb], .question label:hover[b-gynnh1mamb], input:hover[b-gynnh1mamb]::placeholder {
    color: #669999;
}

.item input:hover[b-gynnh1mamb], .item select:hover[b-gynnh1mamb], .item textarea:hover[b-gynnh1mamb] {
    border: 1px solid transparent;
    box-shadow: 0 0 3px 0 #669999;
    color: #669999;
}

.item[b-gynnh1mamb] {
    position: relative;
    margin: 10px 0;
}

    .item span[b-gynnh1mamb] {
        color: red;
    }

.week[b-gynnh1mamb] {
    display: flex;
    justfiy-content: space-between;
}

.colums[b-gynnh1mamb] {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

    .colums div[b-gynnh1mamb] {
        width: 48%;
    }

input[type="date"][b-gynnh1mamb]::-webkit-inner-spin-button {
    display: none;
}

.item i[b-gynnh1mamb], input[type="date"][b-gynnh1mamb]::-webkit-calendar-picker-indicator {
    position: absolute;
    font-size: 20px;
    color: #a3c2c2;
}

.item i[b-gynnh1mamb] {
    right: 1%;
    top: 30px;
    z-index: 1;
}

input[type=radio][b-gynnh1mamb], input[type=checkbox][b-gynnh1mamb] {
    display: none;
}

label.radio[b-gynnh1mamb] {
    position: relative;
    display: inline-block;
    margin: 5px 20px 15px 0;
    cursor: pointer;
}

.question span[b-gynnh1mamb] {
    margin-left: 30px;
}

.question-answer label[b-gynnh1mamb] {
    display: block;
}

label.radio[b-gynnh1mamb]:before {
    content: "";
    position: absolute;
    left: 0;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 2px solid #ccc;
}

input[type=radio]:checked + label[b-gynnh1mamb]:before, label.radio:hover[b-gynnh1mamb]:before {
    border: 2px solid #669999;
}

label.radio[b-gynnh1mamb]:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 5px;
    width: 8px;
    height: 4px;
    border: 3px solid #669999;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    opacity: 0;
}

input[type=radio]:checked + label[b-gynnh1mamb]:after {
    opacity: 1;
}

.flax[b-gynnh1mamb] {
    display: flex;
    justify-content: space-around;
}

.btn-block[b-gynnh1mamb] {
    margin-top: 10px;
    text-align: center;
}

button[b-gynnh1mamb] {
    width: 150px;
    padding: 10px;
    border: none;
    border-radius: 5px;
    background: #669999;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

    button:hover[b-gynnh1mamb] {
        background: #a3c2c2;
    }

@media (min-width: 568px) {
    .name-item[b-gynnh1mamb], .city-item[b-gynnh1mamb] {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .name-item input[b-gynnh1mamb], .name-item div[b-gynnh1mamb] {
            width: calc(50% - 20px);
        }

            .name-item div input[b-gynnh1mamb] {
                width: 97%;
            }

            .name-item div label[b-gynnh1mamb] {
                display: block;
                padding-bottom: 5px;
            }
}
/* /Pages/Layout/EmptyLayout.razor.rz.scp.css */
.container-fluid[b-cljc9aces6] {
    background: linear-gradient(90deg, #C7C5F4, #776BCC);
    overflow: hidden !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
/* /Pages/ManagerReports/MainManagerReports.razor.rz.scp.css */
/* Dropdown Button */
/*.btns {
    background-color: #2196F3;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    outline: none; 
    border-radius: 2px 0 0 2px;
*/ }

/* The container <div> - needed to position the dropdown content */
.dropdowns[b-d06pf5csfw] {
    position: absolute;
    /*display: inline-block !important;*/
}

/* Dropdown Content (Hidden by Default) */
.dropdown-contents[b-d06pf5csfw] {
    display: none;
    position: absolute;
    background-color: #1b6ec2;
    min-width: 160px;
    z-index: 1000;
    border-radius: 4px 4px 4px 4px !important;
}

    /* Links inside the dropdown */
    .dropdown-contents a[b-d06pf5csfw] {
        color: white;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        border-radius: 0 0 0 0 !important;
    }

        /* Change color of dropdown links on hover */
        .dropdown-contents a:hover[b-d06pf5csfw] {
            background-color: #74b9ff;
        }

/* Show the dropdown menu on hover */
.dropdowns:hover .dropdown-contents[b-d06pf5csfw] {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.btns:hover[b-d06pf5csfw], .dropdowns:hover .btns[b-d06pf5csfw] {
    background-color: #0b7dda;
}

@media only screen and (max-width: 640px) {
    .bt[b-d06pf5csfw] {
        margin-top: 4px;
    }
}
/* /Pages/MeetingGroupPage/AddMeetingGroup.razor.rz.scp.css */
@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir.eot');
    src: url('dist/fonts/Vazir.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir.woff2') format('woff2'), url('dist/fonts/Vazir.woff') format('woff'), url('dist/fonts/Vazir.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Bold.eot');
    src: url('dist/fonts/Vazir-Bold.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Bold.woff2') format('woff2'), url('dist/fonts/Vazir-Bold.woff') format('woff'), url('dist/fonts/Vazir-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Light.eot');
    src: url('dist/fonts/Vazir-Light.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Light.woff2') format('woff2'), url('dist/fonts/Vazir-Light.woff') format('woff'), url('dist/fonts/Vazir-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Medium.eot');
    src: url('dist/fonts/Vazir-Medium.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Medium.woff2') format('woff2'), url('dist/fonts/Vazir-Medium.woff') format('woff'), url('dist/fonts/Vazir-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Thin.eot');
    src: url('dist/fonts/Vazir-Thin.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Thin.woff2') format('woff2'), url('dist/fonts/Vazir-Thin.woff') format('woff'), url('dist/fonts/Vazir-Thin.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Black.eot');
    src: url('dist/fonts/Vazir-Black.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Black.woff2') format('woff2'), url('dist/fonts/Vazir-Black.woff') format('woff'), url('dist/fonts/Vazir-Black.ttf') format('truetype');
    font-weight: 900;
}

.vertical-center0[b-4jil0bng35] {
    margin: 0;
    top: 40%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

div[b-4jil0bng35], input[b-4jil0bng35], select[b-4jil0bng35], textarea[b-4jil0bng35], label[b-4jil0bng35], p[b-4jil0bng35] {
    padding: 0;
    margin: 0;
    outline: none;
    font-family: Vazir, Arial, sans-serif;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    text-align: start;
}

h1[b-4jil0bng35] {
    position: absolute;
    margin: 0;
    font-size: 40px;
    color: #fff;
    z-index: 2;
    line-height: 83px;
}

textarea[b-4jil0bng35] {
    width: calc(100% - 12px);
    padding: 5px;
}

.testbox[b-4jil0bng35] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
    padding: 20px;
}

/*form {
    width: 100% !important;
    padding: 20px !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: 0 0 8px #669999 !important;
}*/

.banner[b-4jil0bng35] {
    position: relative;
    height: 300px;
    background-image: url("/uploads/media/default/0001/02/8070c999efd1a155ad843379a5508d16f544aeaf.jpeg");
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    .banner[b-4jil0bng35]::after {
        content: "";
        background-color: rgba(0, 0, 0, 0.3);
        position: absolute;
        width: 100%;
        height: 100%;
    }

input[b-4jil0bng35], select[b-4jil0bng35], textarea[b-4jil0bng35] {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

input[b-4jil0bng35] {
    width: calc(100% - 10px);
    padding: 5px;
}

    input[type="date"][b-4jil0bng35] {
        padding: 4px 5px;
    }

textarea[b-4jil0bng35] {
    width: calc(100% - 12px);
    padding: 5px;
}

.item:hover p[b-4jil0bng35], .item:hover i[b-4jil0bng35], .question:hover p[b-4jil0bng35], .question label:hover[b-4jil0bng35], input:hover[b-4jil0bng35]::placeholder {
    color: #669999;
}

.item input:hover[b-4jil0bng35], .item select:hover[b-4jil0bng35], .item textarea:hover[b-4jil0bng35] {
    border: 1px solid transparent;
    box-shadow: 0 0 3px 0 #669999;
    color: #669999;
}

.item[b-4jil0bng35] {
    position: relative;
    margin: 10px 0;
}

    .item span[b-4jil0bng35] {
        color: red;
    }

.week[b-4jil0bng35] {
    display: flex;
    justfiy-content: space-between;
}

.colums[b-4jil0bng35] {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

    .colums div[b-4jil0bng35] {
        width: 48%;
    }

input[type="date"][b-4jil0bng35]::-webkit-inner-spin-button {
    display: none;
}

.item i[b-4jil0bng35], input[type="date"][b-4jil0bng35]::-webkit-calendar-picker-indicator {
    position: absolute;
    font-size: 20px;
    color: #a3c2c2;
}

.item i[b-4jil0bng35] {
    right: 1%;
    top: 30px;
    z-index: 1;
}

input[type=radio][b-4jil0bng35], input[type=checkbox][b-4jil0bng35] {
    display: none;
}

label.radio[b-4jil0bng35] {
    position: relative;
    display: inline-block;
    margin: 5px 20px 15px 0;
    cursor: pointer;
}

.question span[b-4jil0bng35] {
    margin-left: 30px;
}

.question-answer label[b-4jil0bng35] {
    display: block;
}

label.radio[b-4jil0bng35]:before {
    content: "";
    position: absolute;
    left: 0;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 2px solid #ccc;
}

input[type=radio]:checked + label[b-4jil0bng35]:before, label.radio:hover[b-4jil0bng35]:before {
    border: 2px solid #669999;
}

label.radio[b-4jil0bng35]:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 5px;
    width: 8px;
    height: 4px;
    border: 3px solid #669999;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    opacity: 0;
}

input[type=radio]:checked + label[b-4jil0bng35]:after {
    opacity: 1;
}

.flax[b-4jil0bng35] {
    display: flex;
    justify-content: space-around;
}

@media (min-width: 568px) {
    .name-item[b-4jil0bng35], .city-item[b-4jil0bng35] {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .name-item input[b-4jil0bng35], .name-item div[b-4jil0bng35] {
            width: calc(50% - 20px);
        }

            .name-item div input[b-4jil0bng35] {
                width: 97%;
            }

            .name-item div label[b-4jil0bng35] {
                display: block;
                padding-bottom: 5px;
            }
}
/* /Pages/MeetingGroupPage/ProjectMeetingGroup.razor.rz.scp.css */
@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir.eot');
    src: url('dist/fonts/Vazir.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir.woff2') format('woff2'), url('dist/fonts/Vazir.woff') format('woff'), url('dist/fonts/Vazir.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Bold.eot');
    src: url('dist/fonts/Vazir-Bold.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Bold.woff2') format('woff2'), url('dist/fonts/Vazir-Bold.woff') format('woff'), url('dist/fonts/Vazir-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Light.eot');
    src: url('dist/fonts/Vazir-Light.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Light.woff2') format('woff2'), url('dist/fonts/Vazir-Light.woff') format('woff'), url('dist/fonts/Vazir-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Medium.eot');
    src: url('dist/fonts/Vazir-Medium.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Medium.woff2') format('woff2'), url('dist/fonts/Vazir-Medium.woff') format('woff'), url('dist/fonts/Vazir-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Thin.eot');
    src: url('dist/fonts/Vazir-Thin.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Thin.woff2') format('woff2'), url('dist/fonts/Vazir-Thin.woff') format('woff'), url('dist/fonts/Vazir-Thin.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Black.eot');
    src: url('dist/fonts/Vazir-Black.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Black.woff2') format('woff2'), url('dist/fonts/Vazir-Black.woff') format('woff'), url('dist/fonts/Vazir-Black.ttf') format('truetype');
    font-weight: 900;
}

.vertical-center0[b-lpj3lqiywy] {
    margin: 0;
    top: 40%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

div[b-lpj3lqiywy], input[b-lpj3lqiywy], select[b-lpj3lqiywy], textarea[b-lpj3lqiywy], label[b-lpj3lqiywy], p[b-lpj3lqiywy] {
    padding: 0;
    margin: 0;
    outline: none;
    font-family: Vazir, Arial, sans-serif;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    text-align: start;
}

h1[b-lpj3lqiywy] {
    position: absolute;
    margin: 0;
    font-size: 40px;
    color: #fff;
    z-index: 2;
    line-height: 83px;
}

textarea[b-lpj3lqiywy] {
    width: calc(100% - 12px);
    padding: 5px;
}

.testbox[b-lpj3lqiywy] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
    padding: 20px;
}

/*form {
    width: 100% !important;
    padding: 20px !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: 0 0 8px #669999 !important;
}*/

.banner[b-lpj3lqiywy] {
    position: relative;
    height: 300px;
    background-image: url("/uploads/media/default/0001/02/8070c999efd1a155ad843379a5508d16f544aeaf.jpeg");
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    .banner[b-lpj3lqiywy]::after {
        content: "";
        background-color: rgba(0, 0, 0, 0.3);
        position: absolute;
        width: 100%;
        height: 100%;
    }

input[b-lpj3lqiywy], select[b-lpj3lqiywy], textarea[b-lpj3lqiywy] {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

input[b-lpj3lqiywy] {
    width: calc(100% - 10px);
    padding: 5px;
}

    input[type="date"][b-lpj3lqiywy] {
        padding: 4px 5px;
    }

textarea[b-lpj3lqiywy] {
    width: calc(100% - 12px);
    padding: 5px;
}

.item:hover p[b-lpj3lqiywy], .item:hover i[b-lpj3lqiywy], .question:hover p[b-lpj3lqiywy], .question label:hover[b-lpj3lqiywy], input:hover[b-lpj3lqiywy]::placeholder {
    color: #669999;
}

.item input:hover[b-lpj3lqiywy], .item select:hover[b-lpj3lqiywy], .item textarea:hover[b-lpj3lqiywy] {
    border: 1px solid transparent;
    box-shadow: 0 0 3px 0 #669999;
    color: #669999;
}

.item[b-lpj3lqiywy] {
    position: relative;
    margin: 10px 0;
}

    .item span[b-lpj3lqiywy] {
        color: red;
    }

.week[b-lpj3lqiywy] {
    display: flex;
    justfiy-content: space-between;
}

.colums[b-lpj3lqiywy] {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

    .colums div[b-lpj3lqiywy] {
        width: 48%;
    }

input[type="date"][b-lpj3lqiywy]::-webkit-inner-spin-button {
    display: none;
}

.item i[b-lpj3lqiywy], input[type="date"][b-lpj3lqiywy]::-webkit-calendar-picker-indicator {
    position: absolute;
    font-size: 20px;
    color: #a3c2c2;
}

.item i[b-lpj3lqiywy] {
    right: 1%;
    top: 30px;
    z-index: 1;
}

input[type=radio][b-lpj3lqiywy], input[type=checkbox][b-lpj3lqiywy] {
    display: none;
}

label.radio[b-lpj3lqiywy] {
    position: relative;
    display: inline-block;
    margin: 5px 20px 15px 0;
    cursor: pointer;
}

.question span[b-lpj3lqiywy] {
    margin-left: 30px;
}

.question-answer label[b-lpj3lqiywy] {
    display: block;
}

label.radio[b-lpj3lqiywy]:before {
    content: "";
    position: absolute;
    left: 0;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 2px solid #ccc;
}

input[type=radio]:checked + label[b-lpj3lqiywy]:before, label.radio:hover[b-lpj3lqiywy]:before {
    border: 2px solid #669999;
}

label.radio[b-lpj3lqiywy]:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 5px;
    width: 8px;
    height: 4px;
    border: 3px solid #669999;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    opacity: 0;
}

input[type=radio]:checked + label[b-lpj3lqiywy]:after {
    opacity: 1;
}

.flax[b-lpj3lqiywy] {
    display: flex;
    justify-content: space-around;
}

.btn-block[b-lpj3lqiywy] {
    margin-top: 10px;
    text-align: center;
}

button[b-lpj3lqiywy] {
    width: 150px;
    padding: 10px;
    border: none;
    border-radius: 5px;
    background: #669999;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

    button:hover[b-lpj3lqiywy] {
        background: #a3c2c2;
    }

@media (min-width: 568px) {
    .name-item[b-lpj3lqiywy], .city-item[b-lpj3lqiywy] {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .name-item input[b-lpj3lqiywy], .name-item div[b-lpj3lqiywy] {
            width: calc(50% - 20px);
        }

            .name-item div input[b-lpj3lqiywy] {
                width: 97%;
            }

            .name-item div label[b-lpj3lqiywy] {
                display: block;
                padding-bottom: 5px;
            }
}
/* /Pages/MeetingPage/AddMeeting.razor.rz.scp.css */
@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir.eot');
    src: url('dist/fonts/Vazir.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir.woff2') format('woff2'), url('dist/fonts/Vazir.woff') format('woff'), url('dist/fonts/Vazir.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Bold.eot');
    src: url('dist/fonts/Vazir-Bold.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Bold.woff2') format('woff2'), url('dist/fonts/Vazir-Bold.woff') format('woff'), url('dist/fonts/Vazir-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Light.eot');
    src: url('dist/fonts/Vazir-Light.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Light.woff2') format('woff2'), url('dist/fonts/Vazir-Light.woff') format('woff'), url('dist/fonts/Vazir-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Medium.eot');
    src: url('dist/fonts/Vazir-Medium.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Medium.woff2') format('woff2'), url('dist/fonts/Vazir-Medium.woff') format('woff'), url('dist/fonts/Vazir-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Thin.eot');
    src: url('dist/fonts/Vazir-Thin.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Thin.woff2') format('woff2'), url('dist/fonts/Vazir-Thin.woff') format('woff'), url('dist/fonts/Vazir-Thin.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Black.eot');
    src: url('dist/fonts/Vazir-Black.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Black.woff2') format('woff2'), url('dist/fonts/Vazir-Black.woff') format('woff'), url('dist/fonts/Vazir-Black.ttf') format('truetype');
    font-weight: 900;
}


.center[b-2pqa0l84qk] {
    line-height: 200px;
    height: 200px;
    text-align: center;
}

    .center h3[b-2pqa0l84qk] {
        line-height: 1.5;
        display: inline-block;
        vertical-align: middle;
    }



.vertical-center0[b-2pqa0l84qk] {
    margin: 0;
    top: 40%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

div[b-2pqa0l84qk], input[b-2pqa0l84qk], select[b-2pqa0l84qk], textarea[b-2pqa0l84qk], label[b-2pqa0l84qk], p[b-2pqa0l84qk] {
    padding: 0;
    margin: 0;
    outline: none;
    font-family: Vazir, Arial, sans-serif;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    text-align: start;
}

h1[b-2pqa0l84qk] {
    position: absolute;
    margin: 0;
    font-size: 40px;
    color: #fff;
    z-index: 2;
    line-height: 83px;
}

textarea[b-2pqa0l84qk] {
    width: calc(100% - 12px);
    padding: 5px;
}

.testbox[b-2pqa0l84qk] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
    padding: 20px;
}

/*form {
    width: 100% !important;
    padding: 20px !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: 0 0 8px #669999 !important;
}*/

.banner[b-2pqa0l84qk] {
    position: relative;
    height: 300px;
    background-image: url("/uploads/media/default/0001/02/8070c999efd1a155ad843379a5508d16f544aeaf.jpeg");
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    .banner[b-2pqa0l84qk]::after {
        content: "";
        background-color: rgba(0, 0, 0, 0.3);
        position: absolute;
        width: 100%;
        height: 100%;
    }

input[b-2pqa0l84qk], select[b-2pqa0l84qk], textarea[b-2pqa0l84qk] {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

input[b-2pqa0l84qk] {
    width: calc(100% - 10px);
    padding: 5px;
}

    input[type="date"][b-2pqa0l84qk] {
        padding: 4px 5px;
    }

textarea[b-2pqa0l84qk] {
    width: calc(100% - 12px);
    padding: 5px;
}

.item:hover p[b-2pqa0l84qk], .item:hover i[b-2pqa0l84qk], .question:hover p[b-2pqa0l84qk], .question label:hover[b-2pqa0l84qk], input:hover[b-2pqa0l84qk]::placeholder {
    color: #669999;
}

.item input:hover[b-2pqa0l84qk], .item select:hover[b-2pqa0l84qk], .item textarea:hover[b-2pqa0l84qk] {
    border: 1px solid transparent;
    box-shadow: 0 0 3px 0 #669999;
    color: #669999;
}

.item[b-2pqa0l84qk] {
    position: relative;
    margin: 10px 0;
}

    .item span[b-2pqa0l84qk] {
        color: red;
    }

.week[b-2pqa0l84qk] {
    display: flex;
    justfiy-content: space-between;
}

.colums[b-2pqa0l84qk] {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

    .colums div[b-2pqa0l84qk] {
        width: 48%;
    }

input[type="date"][b-2pqa0l84qk]::-webkit-inner-spin-button {
    display: none;
}

.item i[b-2pqa0l84qk], input[type="date"][b-2pqa0l84qk]::-webkit-calendar-picker-indicator {
    position: absolute;
    font-size: 20px;
    color: #a3c2c2;
}

.item i[b-2pqa0l84qk] {
    right: 1%;
    top: 30px;
    z-index: 1;
}

input[type=radio][b-2pqa0l84qk], input[type=checkbox][b-2pqa0l84qk] {
    display: none;
}

label.radio[b-2pqa0l84qk] {
    position: relative;
    display: inline-block;
    margin: 5px 20px 15px 0;
    cursor: pointer;
}

.question span[b-2pqa0l84qk] {
    margin-left: 30px;
}

.question-answer label[b-2pqa0l84qk] {
    display: block;
}

label.radio[b-2pqa0l84qk]:before {
    content: "";
    position: absolute;
    left: 0;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 2px solid #ccc;
}

input[type=radio]:checked + label[b-2pqa0l84qk]:before, label.radio:hover[b-2pqa0l84qk]:before {
    border: 2px solid #669999;
}

label.radio[b-2pqa0l84qk]:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 5px;
    width: 8px;
    height: 4px;
    border: 3px solid #669999;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    opacity: 0;
}

input[type=radio]:checked + label[b-2pqa0l84qk]:after {
    opacity: 1;
}

.flax[b-2pqa0l84qk] {
    display: flex;
    justify-content: space-around;
}

.btn-block[b-2pqa0l84qk] {
    margin-top: 10px;
    text-align: center;
}

button[b-2pqa0l84qk] {
    width: 150px;
    padding: 10px;
    border: none;
    border-radius: 5px;
    background: #669999;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

    button:hover[b-2pqa0l84qk] {
        background: #a3c2c2;
    }

@media (min-width: 568px) {
    .name-item[b-2pqa0l84qk], .city-item[b-2pqa0l84qk] {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .name-item input[b-2pqa0l84qk], .name-item div[b-2pqa0l84qk] {
            width: calc(50% - 20px);
        }

            .name-item div input[b-2pqa0l84qk] {
                width: 97%;
            }

            .name-item div label[b-2pqa0l84qk] {
                display: block;
                padding-bottom: 5px;
            }
}
/* /Pages/MeetingPage/MeetingListComp.razor.rz.scp.css */
/* /Pages/OrganizationInfoComp.razor.rz.scp.css */
@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir.eot');
    src: url('dist/fonts/Vazir.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir.woff2') format('woff2'), url('dist/fonts/Vazir.woff') format('woff'), url('dist/fonts/Vazir.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Bold.eot');
    src: url('dist/fonts/Vazir-Bold.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Bold.woff2') format('woff2'), url('dist/fonts/Vazir-Bold.woff') format('woff'), url('dist/fonts/Vazir-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Light.eot');
    src: url('dist/fonts/Vazir-Light.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Light.woff2') format('woff2'), url('dist/fonts/Vazir-Light.woff') format('woff'), url('dist/fonts/Vazir-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Medium.eot');
    src: url('dist/fonts/Vazir-Medium.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Medium.woff2') format('woff2'), url('dist/fonts/Vazir-Medium.woff') format('woff'), url('dist/fonts/Vazir-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Thin.eot');
    src: url('dist/fonts/Vazir-Thin.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Thin.woff2') format('woff2'), url('dist/fonts/Vazir-Thin.woff') format('woff'), url('dist/fonts/Vazir-Thin.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Black.eot');
    src: url('dist/fonts/Vazir-Black.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Black.woff2') format('woff2'), url('dist/fonts/Vazir-Black.woff') format('woff'), url('dist/fonts/Vazir-Black.ttf') format('truetype');
    font-weight: 900;
}



div[b-gifb9kxnav], input[b-gifb9kxnav], select[b-gifb9kxnav], textarea[b-gifb9kxnav], label[b-gifb9kxnav], p[b-gifb9kxnav] {
    padding: 0;
    margin: 0;
    outline: none;
    font-family: Vazir, Arial, sans-serif;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    text-align:start;
}

h1[b-gifb9kxnav] {
    position: absolute;
    margin: 0;
    font-size: 40px;
    color: #fff;
    z-index: 2;
    line-height: 83px;
}

textarea[b-gifb9kxnav] {
    width: calc(100% - 12px);
    padding: 5px;
}

.testbox[b-gifb9kxnav] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
    padding: 20px;
}

/*form {
    width: 100% !important;
    padding: 20px !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: 0 0 8px #669999 !important;
}*/

.banner[b-gifb9kxnav] {
    position: relative;
    height: 300px;
    background-image: url("/uploads/media/default/0001/02/8070c999efd1a155ad843379a5508d16f544aeaf.jpeg");
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    .banner[b-gifb9kxnav]::after {
        content: "";
        background-color: rgba(0, 0, 0, 0.3);
        position: absolute;
        width: 100%;
        height: 100%;
    }

input[b-gifb9kxnav], select[b-gifb9kxnav], textarea[b-gifb9kxnav] {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

input[b-gifb9kxnav] {
    width: calc(100% - 10px);
    padding: 5px;
}

    input[type="date"][b-gifb9kxnav] {
        padding: 4px 5px;
    }

textarea[b-gifb9kxnav] {
    width: calc(100% - 12px);
    padding: 5px;
}

.item:hover p[b-gifb9kxnav], .item:hover i[b-gifb9kxnav], .question:hover p[b-gifb9kxnav], .question label:hover[b-gifb9kxnav], input:hover[b-gifb9kxnav]::placeholder {
    color: #669999;
}

.item input:hover[b-gifb9kxnav], .item select:hover[b-gifb9kxnav], .item textarea:hover[b-gifb9kxnav] {
    border: 1px solid transparent;
    box-shadow: 0 0 3px 0 #669999;
    color: #669999;
}

.item[b-gifb9kxnav] {
    position: relative;
    margin: 10px 0;
}

    .item span[b-gifb9kxnav] {
        color: red;
    }

.week[b-gifb9kxnav] {
    display: flex;
    justfiy-content: space-between;
}

.colums[b-gifb9kxnav] {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

    .colums div[b-gifb9kxnav] {
        width: 48%;
    }

input[type="date"][b-gifb9kxnav]::-webkit-inner-spin-button {
    display: none;
}

.item i[b-gifb9kxnav], input[type="date"][b-gifb9kxnav]::-webkit-calendar-picker-indicator {
    position: absolute;
    font-size: 20px;
    color: #a3c2c2;
}

.item i[b-gifb9kxnav] {
    right: 1%;
    top: 30px;
    z-index: 1;
}

input[type=radio][b-gifb9kxnav], input[type=checkbox][b-gifb9kxnav] {
    display: none;
}

label.radio[b-gifb9kxnav] {
    position: relative;
    display: inline-block;
    margin: 5px 20px 15px 0;
    cursor: pointer;
}

.question span[b-gifb9kxnav] {
    margin-left: 30px;
}

.question-answer label[b-gifb9kxnav] {
    display: block;
}

label.radio[b-gifb9kxnav]:before {
    content: "";
    position: absolute;
    left: 0;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 2px solid #ccc;
}

input[type=radio]:checked + label[b-gifb9kxnav]:before, label.radio:hover[b-gifb9kxnav]:before {
    border: 2px solid #669999;
}

label.radio[b-gifb9kxnav]:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 5px;
    width: 8px;
    height: 4px;
    border: 3px solid #669999;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    opacity: 0;
}

input[type=radio]:checked + label[b-gifb9kxnav]:after {
    opacity: 1;
}

.flax[b-gifb9kxnav] {
    display: flex;
    justify-content: space-around;
}

.btn-block[b-gifb9kxnav] {
    margin-top: 10px;
    text-align: center;
}

button[b-gifb9kxnav] {
    width: 150px;
    padding: 10px;
    border: none;
    border-radius: 5px;
    background: #669999;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

    button:hover[b-gifb9kxnav] {
        background: #a3c2c2;
    }

@media (min-width: 568px) {
    .name-item[b-gifb9kxnav], .city-item[b-gifb9kxnav] {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .name-item input[b-gifb9kxnav], .name-item div[b-gifb9kxnav] {
            width: calc(50% - 20px);
        }

            .name-item div input[b-gifb9kxnav] {
                width: 97%;
            }

            .name-item div label[b-gifb9kxnav] {
                display: block;
                padding-bottom: 5px;
            }
}
/* /Pages/Project/AddProjectForm.razor.rz.scp.css */
@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir.eot');
    src: url('dist/fonts/Vazir.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir.woff2') format('woff2'), url('dist/fonts/Vazir.woff') format('woff'), url('dist/fonts/Vazir.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Bold.eot');
    src: url('dist/fonts/Vazir-Bold.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Bold.woff2') format('woff2'), url('dist/fonts/Vazir-Bold.woff') format('woff'), url('dist/fonts/Vazir-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Light.eot');
    src: url('dist/fonts/Vazir-Light.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Light.woff2') format('woff2'), url('dist/fonts/Vazir-Light.woff') format('woff'), url('dist/fonts/Vazir-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Medium.eot');
    src: url('dist/fonts/Vazir-Medium.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Medium.woff2') format('woff2'), url('dist/fonts/Vazir-Medium.woff') format('woff'), url('dist/fonts/Vazir-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Thin.eot');
    src: url('dist/fonts/Vazir-Thin.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Thin.woff2') format('woff2'), url('dist/fonts/Vazir-Thin.woff') format('woff'), url('dist/fonts/Vazir-Thin.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Black.eot');
    src: url('dist/fonts/Vazir-Black.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Black.woff2') format('woff2'), url('dist/fonts/Vazir-Black.woff') format('woff'), url('dist/fonts/Vazir-Black.ttf') format('truetype');
    font-weight: 900;
}

.vertical-center0[b-1jhv5pez8f] {
    margin: 0;
    top: 40%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

div[b-1jhv5pez8f], input[b-1jhv5pez8f], select[b-1jhv5pez8f], textarea[b-1jhv5pez8f], label[b-1jhv5pez8f], p[b-1jhv5pez8f] {
    padding: 0;
    margin: 0;
    outline: none;
    font-family: Vazir, Arial, sans-serif;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    text-align: start;
}

h1[b-1jhv5pez8f] {
    position: absolute;
    margin: 0;
    font-size: 40px;
    color: #fff;
    z-index: 2;
    line-height: 83px;
}

textarea[b-1jhv5pez8f] {
    width: calc(100% - 12px);
    padding: 5px;
}

.testbox[b-1jhv5pez8f] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
    padding: 20px;
}

/*form {
    width: 100% !important;
    padding: 20px !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: 0 0 8px #669999 !important;
}*/

.banner[b-1jhv5pez8f] {
    position: relative;
    height: 300px;
    background-image: url("/uploads/media/default/0001/02/8070c999efd1a155ad843379a5508d16f544aeaf.jpeg");
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    .banner[b-1jhv5pez8f]::after {
        content: "";
        background-color: rgba(0, 0, 0, 0.3);
        position: absolute;
        width: 100%;
        height: 100%;
    }

input[b-1jhv5pez8f], select[b-1jhv5pez8f], textarea[b-1jhv5pez8f] {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

input[b-1jhv5pez8f] {
    width: calc(100% - 10px);
    padding: 5px;
}

    input[type="date"][b-1jhv5pez8f] {
        padding: 4px 5px;
    }

textarea[b-1jhv5pez8f] {
    width: calc(100% - 12px);
    padding: 5px;
}

.item:hover p[b-1jhv5pez8f], .item:hover i[b-1jhv5pez8f], .question:hover p[b-1jhv5pez8f], .question label:hover[b-1jhv5pez8f], input:hover[b-1jhv5pez8f]::placeholder {
    color: #669999;
}

.item input:hover[b-1jhv5pez8f], .item select:hover[b-1jhv5pez8f], .item textarea:hover[b-1jhv5pez8f] {
    border: 1px solid transparent;
    box-shadow: 0 0 3px 0 #669999;
    color: #669999;
}

.item[b-1jhv5pez8f] {
    position: relative;
    margin: 10px 0;
}

    .item span[b-1jhv5pez8f] {
        color: red;
    }

.week[b-1jhv5pez8f] {
    display: flex;
    justfiy-content: space-between;
}

.colums[b-1jhv5pez8f] {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

    .colums div[b-1jhv5pez8f] {
        width: 48%;
    }

input[type="date"][b-1jhv5pez8f]::-webkit-inner-spin-button {
    display: none;
}

.item i[b-1jhv5pez8f], input[type="date"][b-1jhv5pez8f]::-webkit-calendar-picker-indicator {
    position: absolute;
    font-size: 20px;
    color: #a3c2c2;
}

.item i[b-1jhv5pez8f] {
    right: 1%;
    top: 30px;
    z-index: 1;
}

input[type=radio][b-1jhv5pez8f], input[type=checkbox][b-1jhv5pez8f] {
    display: none;
}

label.radio[b-1jhv5pez8f] {
    position: relative;
    display: inline-block;
    margin: 5px 20px 15px 0;
    cursor: pointer;
}

.question span[b-1jhv5pez8f] {
    margin-left: 30px;
}

.question-answer label[b-1jhv5pez8f] {
    display: block;
}

label.radio[b-1jhv5pez8f]:before {
    content: "";
    position: absolute;
    left: 0;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 2px solid #ccc;
}

input[type=radio]:checked + label[b-1jhv5pez8f]:before, label.radio:hover[b-1jhv5pez8f]:before {
    border: 2px solid #669999;
}

label.radio[b-1jhv5pez8f]:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 5px;
    width: 8px;
    height: 4px;
    border: 3px solid #669999;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    opacity: 0;
}

input[type=radio]:checked + label[b-1jhv5pez8f]:after {
    opacity: 1;
}

.flax[b-1jhv5pez8f] {
    display: flex;
    justify-content: space-around;
}


@media (min-width: 568px) {
    .name-item[b-1jhv5pez8f], .city-item[b-1jhv5pez8f] {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .name-item input[b-1jhv5pez8f], .name-item div[b-1jhv5pez8f] {
            width: calc(50% - 20px);
        }

            .name-item div input[b-1jhv5pez8f] {
                width: 97%;
            }

            .name-item div label[b-1jhv5pez8f] {
                display: block;
                padding-bottom: 5px;
            }
}
/* /Pages/Project/OrganizationProjects.razor.rz.scp.css */
@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir.eot');
    src: url('dist/fonts/Vazir.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir.woff2') format('woff2'), url('dist/fonts/Vazir.woff') format('woff'), url('dist/fonts/Vazir.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Bold.eot');
    src: url('dist/fonts/Vazir-Bold.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Bold.woff2') format('woff2'), url('dist/fonts/Vazir-Bold.woff') format('woff'), url('dist/fonts/Vazir-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Light.eot');
    src: url('dist/fonts/Vazir-Light.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Light.woff2') format('woff2'), url('dist/fonts/Vazir-Light.woff') format('woff'), url('dist/fonts/Vazir-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Medium.eot');
    src: url('dist/fonts/Vazir-Medium.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Medium.woff2') format('woff2'), url('dist/fonts/Vazir-Medium.woff') format('woff'), url('dist/fonts/Vazir-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Thin.eot');
    src: url('dist/fonts/Vazir-Thin.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Thin.woff2') format('woff2'), url('dist/fonts/Vazir-Thin.woff') format('woff'), url('dist/fonts/Vazir-Thin.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Black.eot');
    src: url('dist/fonts/Vazir-Black.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Black.woff2') format('woff2'), url('dist/fonts/Vazir-Black.woff') format('woff'), url('dist/fonts/Vazir-Black.ttf') format('truetype');
    font-weight: 900;
}

.vertical-center0[b-u7t9v5tlsx] {
    margin: 0;
    top: 40%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

div[b-u7t9v5tlsx], input[b-u7t9v5tlsx], select[b-u7t9v5tlsx], textarea[b-u7t9v5tlsx], label[b-u7t9v5tlsx], p[b-u7t9v5tlsx] {
    padding: 0;
    margin: 0;
    outline: none;
    font-family: Vazir, Arial, sans-serif;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    text-align: start;
}

h1[b-u7t9v5tlsx] {
    position: absolute;
    margin: 0;
    font-size: 40px;
    color: #fff;
    z-index: 2;
    line-height: 83px;
}

textarea[b-u7t9v5tlsx] {
    width: calc(100% - 12px);
    padding: 5px;
}

.testbox[b-u7t9v5tlsx] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
    padding: 20px;
}

/*form {
    width: 100% !important;
    padding: 20px !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: 0 0 8px #669999 !important;
}*/

.banner[b-u7t9v5tlsx] {
    position: relative;
    height: 300px;
    background-image: url("/uploads/media/default/0001/02/8070c999efd1a155ad843379a5508d16f544aeaf.jpeg");
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    .banner[b-u7t9v5tlsx]::after {
        content: "";
        background-color: rgba(0, 0, 0, 0.3);
        position: absolute;
        width: 100%;
        height: 100%;
    }

input[b-u7t9v5tlsx], select[b-u7t9v5tlsx], textarea[b-u7t9v5tlsx] {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

input[b-u7t9v5tlsx] {
    width: calc(100% - 10px);
    padding: 5px;
}

    input[type="date"][b-u7t9v5tlsx] {
        padding: 4px 5px;
    }

textarea[b-u7t9v5tlsx] {
    width: calc(100% - 12px);
    padding: 5px;
}

.item:hover p[b-u7t9v5tlsx], .item:hover i[b-u7t9v5tlsx], .question:hover p[b-u7t9v5tlsx], .question label:hover[b-u7t9v5tlsx], input:hover[b-u7t9v5tlsx]::placeholder {
    color: #669999;
}

.item input:hover[b-u7t9v5tlsx], .item select:hover[b-u7t9v5tlsx], .item textarea:hover[b-u7t9v5tlsx] {
    border: 1px solid transparent;
    box-shadow: 0 0 3px 0 #669999;
    color: #669999;
}

.item[b-u7t9v5tlsx] {
    position: relative;
    margin: 10px 0;
}

    .item span[b-u7t9v5tlsx] {
        color: red;
    }

.week[b-u7t9v5tlsx] {
    display: flex;
    justfiy-content: space-between;
}

.colums[b-u7t9v5tlsx] {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

    .colums div[b-u7t9v5tlsx] {
        width: 48%;
    }

input[type="date"][b-u7t9v5tlsx]::-webkit-inner-spin-button {
    display: none;
}

.item i[b-u7t9v5tlsx], input[type="date"][b-u7t9v5tlsx]::-webkit-calendar-picker-indicator {
    position: absolute;
    font-size: 20px;
    color: #a3c2c2;
}

.item i[b-u7t9v5tlsx] {
    right: 1%;
    top: 30px;
    z-index: 1;
}

input[type=radio][b-u7t9v5tlsx], input[type=checkbox][b-u7t9v5tlsx] {
    display: none;
}

label.radio[b-u7t9v5tlsx] {
    position: relative;
    display: inline-block;
    margin: 5px 20px 15px 0;
    cursor: pointer;
}

.question span[b-u7t9v5tlsx] {
    margin-left: 30px;
}

.question-answer label[b-u7t9v5tlsx] {
    display: block;
}

label.radio[b-u7t9v5tlsx]:before {
    content: "";
    position: absolute;
    left: 0;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 2px solid #ccc;
}

input[type=radio]:checked + label[b-u7t9v5tlsx]:before, label.radio:hover[b-u7t9v5tlsx]:before {
    border: 2px solid #669999;
}

label.radio[b-u7t9v5tlsx]:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 5px;
    width: 8px;
    height: 4px;
    border: 3px solid #669999;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    opacity: 0;
}

input[type=radio]:checked + label[b-u7t9v5tlsx]:after {
    opacity: 1;
}

.flax[b-u7t9v5tlsx] {
    display: flex;
    justify-content: space-around;
}

.btn-block[b-u7t9v5tlsx] {
    margin-top: 10px;
    text-align: center;
}

button[b-u7t9v5tlsx] {
    width: 150px;
    padding: 10px;
    border: none;
    border-radius: 5px;
    background: #669999;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

    button:hover[b-u7t9v5tlsx] {
        background: #a3c2c2;
    }

@media (min-width: 568px) {
    .name-item[b-u7t9v5tlsx], .city-item[b-u7t9v5tlsx] {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .name-item input[b-u7t9v5tlsx], .name-item div[b-u7t9v5tlsx] {
            width: calc(50% - 20px);
        }

            .name-item div input[b-u7t9v5tlsx] {
                width: 97%;
            }

            .name-item div label[b-u7t9v5tlsx] {
                display: block;
                padding-bottom: 5px;
            }
}
/* /Pages/Toast.razor.rz.scp.css */
.toast[b-9fzdgpmzt7] {
    display: none;
    padding: 0rem;
    color: #fff;
    z-index: 10000;
    position: absolute;
    width: 25rem;
    top: 5%;
    left: 40%;
    border-radius: 1rem;
}

.toast-icon[b-9fzdgpmzt7] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1rem;
    font-size: 4.5rem;
}

.toast-body[b-9fzdgpmzt7] {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 1rem;
    text-align: center;
}

    .toast-body p[b-9fzdgpmzt7] {
        margin-bottom: 0;
    }

.toast-visible[b-9fzdgpmzt7] {
    display: flex;
    flex-direction: row;
    animation: fadein-b-9fzdgpmzt7 1.5s;
}

.toast-invisible[b-9fzdgpmzt7] {
    animation: fadeout-b-9fzdgpmzt7 1.5s;
}

@keyframes fadein-b-9fzdgpmzt7 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeout-b-9fzdgpmzt7 {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}
/* /Pages/Users/Login.razor.rz.scp.css */
@font-face {
    font-family: Vazir;
    src: url('/dist/fonts/Vazir.eot');
    src: url('/dist/fonts/Vazir.eot?#iefix') format('embedded-opentype'), url('/dist/fonts/Vazir.woff2') format('woff2'), url('/dist/fonts/Vazir.woff') format('woff'), url('/dist/fonts/Vazir.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Vazir;
    src: url('/dist/fonts/Vazir-Bold.eot');
    src: url('/dist/fonts/Vazir-Bold.eot?#iefix') format('embedded-opentype'), url('/dist/fonts/Vazir-Bold.woff2') format('woff2'), url('/dist/fonts/Vazir-Bold.woff') format('woff'), url('/dist/fonts/Vazir-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Vazir;
    src: url('/dist/fonts/Vazir-Light.eot');
    src: url('/dist/fonts/Vazir-Light.eot?#iefix') format('embedded-opentype'), url('/dist/fonts/Vazir-Light.woff2') format('woff2'), url('/dist/fonts/Vazir-Light.woff') format('woff'), url('/dist/fonts/Vazir-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Vazir;
    src: url('/dist/fonts/Vazir-Medium.eot');
    src: url('/dist/fonts/Vazir-Medium.eot?#iefix') format('embedded-opentype'), url('/dist/fonts/Vazir-Medium.woff2') format('woff2'), url('/dist/fonts/Vazir-Medium.woff') format('woff'), url('/dist/fonts/Vazir-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: Vazir;
    src: url('/dist/fonts/Vazir-Thin.eot');
    src: url('/dist/fonts/Vazir-Thin.eot?#iefix') format('embedded-opentype'), url('/dist/fonts/Vazir-Thin.woff2') format('woff2'), url('/dist/fonts/Vazir-Thin.woff') format('woff'), url('/dist/fonts/Vazir-Thin.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: Vazir;
    src: url('/dist/fonts/Vazir-Black.eot');
    src: url('/dist/fonts/Vazir-Black.eot?#iefix') format('embedded-opentype'), url('/dist/fonts/Vazir-Black.woff2') format('woff2'), url('/dist/fonts/Vazir-Black.woff') format('woff'), url('/dist/fonts/Vazir-Black.ttf') format('truetype');
    font-weight: 900;
}

/** {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: Vazir, Arial, sans-serif;
}

a {
    text-decoration: none !important;
}


.login-container-fluid {
    background: linear-gradient(90deg, #C7C5F4, #776BCC);
    overflow: hidden !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.login-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.screen {
    background: linear-gradient(90deg, #5D54A4, #7C78B8);
    position: relative;
    height: 600px;
    max-width: 419px;
    box-shadow: 0px 0px 24px #5C5696;
}

.screen__content {
    z-index: 1;
    position: relative;
    height: 100%;
}

.screen__background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
}

.screen__background__shape {
    transform: rotate(45deg);
    position: absolute;
}

.screen__background__shape1 {
    height: 520px;
    width: 520px;
    background: #FFF;
    top: -50px;
    right: 120px;
    border-radius: 0 72px 0 0;
}

.screen__background__shape2 {
    height: 220px;
    width: 220px;
    background: #6C63AC;
    top: -172px;
    right: 0;
    border-radius: 32px;
}

.screen__background__shape3 {
    height: 540px;
    width: 190px;
    background: linear-gradient(270deg, #5D54A4, #6A679E);
    top: -24px;
    right: 0;
    border-radius: 32px;
}

.screen__background__shape4 {
    height: 400px;
    width: 200px;
    background: #7E7BB9;
    top: 420px;
    right: 50px;
    border-radius: 60px;
}

.login {
    width: 392px;
    padding-left: 30px;
    padding-top: 156px;
    padding-bottom: 30px;
    padding-right: 79px;
}

.login__field {
    padding: 20px 0px;
    position: relative;
    font-family: Vazir !important;
}

.login__icon {
    position: absolute;
    top: 43px;
    color: #7875B5;
}

.login__input {
    border: none;
    border-bottom: 2px solid #D1D1D4;
    background: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 24px;
    font-weight: 700;
    transition: .2s;
    padding-right: 21px;
}

    .login__input:active,
    .login__input:focus,
    .login__input:hover {
        outline: none;
        border-bottom-color: #6A679E;
    }

.login__submit {
    background: #fff;
    font-size: 14px;
    margin-top: 30px;
    padding: 16px 20px;
    border-radius: 26px;
    border: 1px solid #D4D3E8;
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    align-items: center;
    width: 100%;
    color: #4C489D;
    box-shadow: 0px 2px 2px #5C5696;
    cursor: pointer;
    transition: .2s;
}

    .login__submit:active,
    .login__submit:focus,
    .login__submit:hover {
        border-color: #6A679E;
        outline: none;
    }

.remember {
    margin-right: -156px;
    margin-top: 4px;
}

.button__icon {
    font-size: 24px;
    margin-left: auto;
    color: #7875B5;
}

.button__text{
    float:right;
}

.social-login {
    position: absolute;
    height: 46px;
    width: 190px;
    text-align: center;
    bottom: 0px;
    right: 0px;
    color: #fff;
    margin-right: 4px;
}

.social-icons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-login__icon {
    padding: 20px 10px;
    color: #fff;
    text-decoration: none;
    text-shadow: 0px 0px 8px #7875B5;
}

    .social-login__icon:hover {
        transform: scale(1.5);
    }*/

/*--------New Login-----------*/

.inputText[b-ew1xlymdql] {
    font-size: 14px;
    width: 200px;
    height: 35px;
}

.floating-label[b-ew1xlymdql] {
    position: absolute;
    pointer-events: none;
    left: 20px;
    top: 18px;
    transition: 0.2s ease all;
}

.bottom-right-corner[b-ew1xlymdql] {
    position: fixed;
    right: 0px;
    bottom: 0px;
    width: 50px !important;
    height: 50px !important;
    padding: 5px;
    z-index: 10;
    border: solid 1px;
    background-color: #4FC3F7;
    margin-bottom: 2px;
}

.FixedBottom[b-ew1xlymdql] {
    position: fixed !important;
    bottom: 0 !important;
    width: 100%;
    text-align: right;
    color: #FFF;
    padding-right: 69px;
    background-color: #3F51B5;
    right: 0;
}

    .FixedBottom h6[b-ew1xlymdql] {
        margin-bottom: 4px;
        margin-top: 4px;
    }

.ver-tooltip[b-ew1xlymdql] {
    position: relative;
    display: inline-block;
}

    .ver-tooltip .ver-tooltiptext[b-ew1xlymdql] {
        visibility: hidden;
        width: 120px;
        background-color: #0984e3;
        color: #fdcb6e;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 0.3s;
    }

        .ver-tooltip .ver-tooltiptext[b-ew1xlymdql]::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #FD86AE transparent transparent transparent;
        }

    .ver-tooltip:hover .ver-tooltiptext[b-ew1xlymdql] {
        visibility: visible;
        opacity: 1;
        box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    }

.login-contai[b-ew1xlymdql] {
    /* background: rgb(9,9,121) fixed;
    background: linear-gradient(180deg, rgba(9,9,121,1) 0%, rgba(233,237,240,1) 100%);
    background-repeat: no-repeat;*/
    direction: rtl;
    margin: 0;
}

.login-MyContainer[b-ew1xlymdql] {
    height: 60%;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    background-color: #e9edf0;
    box-shadow: rgb(38, 57, 77) 0 20px 30px -10px;
    border-radius: 8px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 10%;
}

@media only screen and (min-width: 768px) {
    .login-MyContainer[b-ew1xlymdql] {
        padding-top: 0 !important;
    }
}

.login-software-name[b-ew1xlymdql] {
    font-size: 1.5rem;
    color: #090979;
    position: relative;
    animation: mymove-b-ew1xlymdql 1s linear;
    animation-fill-mode: forwards;
}

@keyframes mymove-b-ew1xlymdql {
    /* 0% {
        margin-top: 0px;
    }

    100% {
        margin-top: 80px;
    }*/

    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(50px);
        margin-bottom: 90px;
    }
}

.validation-message[b-ew1xlymdql] {
    text-align: left;
}

.login-back-image[b-ew1xlymdql] {
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 8px 0 0 8px;
}

.login-form-control[b-ew1xlymdql] {
    border-bottom: 1px solid #0b5ed7;
    background-color: transparent;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    width: 100%;
    border-bottom-style: groove;
    padding: 10px;
}

    .login-form-control:focus[b-ew1xlymdql] {
        background-color: transparent;
        outline-width: 0;
    }

/*-----------Move Placement-------------*/
.login-label[b-ew1xlymdql] {
    margin: 12px 0;
    position: relative;
    display: inline-block;
    width: 100%;
}

.login-span[b-ew1xlymdql] {
    padding: 10px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.2s;
    transition-timing-function: ease;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    opacity: 0.5;
}

.login-form-control:focus + .login-span[b-ew1xlymdql], .login-form-control:not(:placeholder-shown) + .login-span[b-ew1xlymdql] {
    opacity: 1;
    transform: scale(0.75) translateY(-80%) translateX(0);
    color: #F00;
}

/* For IE Browsers*/
.login-form-control:focus + .login-span[b-ew1xlymdql], .login-form-control:not(:-ms-input-placeholder) + .login-span[b-ew1xlymdql] {
    opacity: 1;
    transform: scale(0.75) translateY(-80%) translateX(0);
    color: #F00;
}

/*-----------Move Placement-------------*/

/* CSS */
.button-65[b-ew1xlymdql] {
    appearance: none;
    backface-visibility: hidden;
    background-color: #2f80ed;
    border-radius: 10px;
    border-style: none;
    box-shadow: none;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Inter,-apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.5;
    outline: none;
    overflow: hidden;
    padding: 14px 30px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transform: translate3d(0, 0, 0);
    transition: all .3s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: top;
    white-space: nowrap;
    margin-top: 22px;
    margin-bottom: 56px;
    height: 48px;
    width: 100%;
}

    .button-65:hover[b-ew1xlymdql] {
        background-color: #1366d6;
        box-shadow: rgba(0, 0, 0, .05) 0 5px 30px, rgba(0, 0, 0, .05) 0 1px 4px;
        opacity: 1;
        transform: translateY(0);
        transition-duration: .35s;
    }

        .button-65:hover[b-ew1xlymdql]:after {
            opacity: .5;
        }

    .button-65:active[b-ew1xlymdql] {
        box-shadow: rgba(0, 0, 0, .1) 0 3px 6px 0, rgba(0, 0, 0, .1) 0 0 10px 0, rgba(0, 0, 0, .1) 0 1px 4px -1px;
        transform: translateY(2px);
        transition-duration: .35s;
    }

        .button-65:active[b-ew1xlymdql]:after {
            opacity: 1;
        }

.login-form-container[b-ew1xlymdql] {
    text-align: center;
    margin-top: 113px;
}


@media only screen and (max-width: 768px) {

    .login-form-container[b-ew1xlymdql] {
        width: 100% !important;
        margin-top: 3% !important;
    }

    .login-image-container[b-ew1xlymdql] {
        display: none;
    }

    .login-mobile-back-image[b-ew1xlymdql] {
        display: block !important;
        border-radius: 8px 8px 0 0 !important;
        padding: 0 !important;
    }
    /*
    .login-software-name {
        margin-top: 40px;
    }*/

    .login-software-name[b-ew1xlymdql] {
        font-size: 1.5rem;
        color: #090979;
        position: relative;
        animation: MoveSoftwareName-b-ew1xlymdql 1s linear;
        animation-fill-mode: forwards;
    }

    @keyframes MoveSoftwareName-b-ew1xlymdql {
        0% {
            transform: translateY(0);
        }

        100% {
            transform: translateY(40px);
            margin-bottom: 40px;
        }
    }
}

@media only screen and (min-width: 768px) {
    .login-form-container[b-ew1xlymdql] {
        margin-top: 15% !important;
    }
}

.login-mobile-back-image[b-ew1xlymdql] {
    display: none;
}


/*--------New Login-----------*/
/* /Pages/Users/UserActivity.razor.rz.scp.css */
td.rz-col-icon[b-6w3ihpii3q] {
    background-color: transparent !important;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-5sg5we71gn] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-5sg5we71gn] {
    flex: 1;
}

.sidebar[b-5sg5we71gn] {
    /*background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);*/
    background-color: #7f9bc2;
}

.top-row[b-5sg5we71gn] {
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
    background-color: var(--primary-color) !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

    .top-row[b-5sg5we71gn]  a, .top-row[b-5sg5we71gn]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-5sg5we71gn]  a:hover, .top-row[b-5sg5we71gn]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-5sg5we71gn]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-5sg5we71gn] {
        display: none;
    }

    .top-row.auth[b-5sg5we71gn] {
        justify-content: space-between;
    }

    .top-row[b-5sg5we71gn]  a, .top-row[b-5sg5we71gn]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-5sg5we71gn] {
        flex-direction: row;
    }

    .sidebar[b-5sg5we71gn] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-5sg5we71gn] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-5sg5we71gn]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-5sg5we71gn], article[b-5sg5we71gn] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-pcfo2mjo5z] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-pcfo2mjo5z] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-pcfo2mjo5z] {
    font-size: 1.1rem;
}

.oi[b-pcfo2mjo5z] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-pcfo2mjo5z] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-pcfo2mjo5z] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-pcfo2mjo5z] {
        padding-bottom: 1rem;
    }

    .nav-item[b-pcfo2mjo5z]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-pcfo2mjo5z]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-pcfo2mjo5z]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-pcfo2mjo5z] {
        display: none;
    }

    .collapse[b-pcfo2mjo5z] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}
/* /Shared/SiteHeaders.razor.rz.scp.css */
/* استایل‌های سفارشی */

.notification-btn[b-fejltkutzd] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: none;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
}

    .notification-btn:hover[b-fejltkutzd] {
        background-color: #e9ecef;
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }

    .notification-btn:active[b-fejltkutzd] {
        transform: translateY(0);
    }

    .notification-btn:focus[b-fejltkutzd] {
        outline: none;
        box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.25);
    }

    .notification-btn .material-icons[b-fejltkutzd] {
        font-size: 20px;
        color: #6c757d;
        transition: color 0.3s;
    }

    .notification-btn:hover .material-icons[b-fejltkutzd] {
        color: #0d6efd;
    }

.notification-badge[b-fejltkutzd] {
    position: absolute;
    top: -2px;
    right: -2px;
    background-color: #dc3545;
    color: white;
    border-radius: 10px;
    min-width: 18px;
    height: 18px;
    font-size: 0.65rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    animation: badge-pulse-b-fejltkutzd 2s infinite;
    border: 2px solid white;
}

@keyframes badge-pulse-b-fejltkutzd {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.4);
    }

    70% {
        transform: scale(1.1);
        box-shadow: 0 0 0 6px rgba(220, 53, 69, 0);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
    }
}

/* حالت بدون اعلان */
.notification-btn[data-unread-count="0"] .notification-badge[b-fejltkutzd] {
    display: none;
}

/* حالت اعلان زیاد (بیشتر از 9) */
.notification-btn[data-unread-count="10"] .notification-badge[b-fejltkutzd]::after {
    content: "9+";
}

/* حالت فعال (هنگام کلیک) */
.notification-btn.active[b-fejltkutzd] {
    background-color: #0d6efd;
}

    .notification-btn.active .material-icons[b-fejltkutzd] {
        color: white;
    }




.notification-item[b-fejltkutzd] {
    transition: all 0.2s ease;
    color: inherit;
    margin-left: 0 !important;
    width: 100%;
    margin-left: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    border-right: 0;
    border-top: 0;
}

    .notification-item:hover[b-fejltkutzd] {
        background-color: rgba(13, 110, 253, 0.05);
        transform: translateX(3px);
    }

    .notification-item.unread[b-fejltkutzd] {
        background-color: rgba(255, 193, 7, 0.08);
        border-left: 3px solid #ffc107 !important;
    }

        .notification-item.unread:hover[b-fejltkutzd] {
            background-color: rgba(255, 193, 7, 0.12);
        }

/* اسکرول بار زیبا */
.card[b-fejltkutzd]::-webkit-scrollbar {
    width: 6px;
}

.card[b-fejltkutzd]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.card[b-fejltkutzd]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
}

    .card[b-fejltkutzd]::-webkit-scrollbar-thumb:hover {
        background: #a8a8a8;
    }

/* افکت‌های تعاملی */
.notification-item:active[b-fejltkutzd] {
    transform: translateX(3px) scale(0.98);
}

/* نمایش زمان به فارسی */
.text-muted small[b-fejltkutzd] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
/* /Shared/_404.razor.rz.scp.css */
@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir.eot');
    src: url('dist/fonts/Vazir.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir.woff2') format('woff2'), url('dist/fonts/Vazir.woff') format('woff'), url('dist/fonts/Vazir.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Bold.eot');
    src: url('dist/fonts/Vazir-Bold.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Bold.woff2') format('woff2'), url('dist/fonts/Vazir-Bold.woff') format('woff'), url('dist/fonts/Vazir-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Light.eot');
    src: url('dist/fonts/Vazir-Light.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Light.woff2') format('woff2'), url('dist/fonts/Vazir-Light.woff') format('woff'), url('dist/fonts/Vazir-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Medium.eot');
    src: url('dist/fonts/Vazir-Medium.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Medium.woff2') format('woff2'), url('dist/fonts/Vazir-Medium.woff') format('woff'), url('dist/fonts/Vazir-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Thin.eot');
    src: url('dist/fonts/Vazir-Thin.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Thin.woff2') format('woff2'), url('dist/fonts/Vazir-Thin.woff') format('woff'), url('dist/fonts/Vazir-Thin.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: Vazir;
    src: url('dist/fonts/Vazir-Black.eot');
    src: url('dist/fonts/Vazir-Black.eot?#iefix') format('embedded-opentype'), url('dist/fonts/Vazir-Black.woff2') format('woff2'), url('dist/fonts/Vazir-Black.woff') format('woff'), url('dist/fonts/Vazir-Black.ttf') format('truetype');
    font-weight: 900;
}


NavLink[b-c887a6vn1t], .message-box[b-c887a6vn1t] {
    font-family: Vazir, Arial, sans-serif;
}

svg[b-c887a6vn1t] {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -400px;
}

.message-box[b-c887a6vn1t] {
    height: 200px;
    width: 380px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: 50px;
    color: #FFF;
    font-family: Roboto;
    font-weight: 300;
}

    .message-box h1[b-c887a6vn1t] {
        font-size: 60px;
        line-height: 46px;
        margin-bottom: 40px;
    }

.buttons-con .action-link-wrap[b-c887a6vn1t] {
    margin-top: 40px;
}

    .buttons-con .action-link-wrap a[b-c887a6vn1t] {
        background: #68c950;
        padding: 8px 25px;
        border-radius: 4px;
        color: #FFF;
        font-weight: bold;
        font-size: 14px;
        transition: all 0.3s linear;
        cursor: pointer;
        text-decoration: none;
        margin-right: 10px
    }

        .buttons-con .action-link-wrap a:hover[b-c887a6vn1t] {
            background: #5A5C6C;
            color: #fff;
        }

#Polygon-1[b-c887a6vn1t], #Polygon-2[b-c887a6vn1t], #Polygon-3[b-c887a6vn1t], #Polygon-4[b-c887a6vn1t], #Polygon-4[b-c887a6vn1t], #Polygon-5[b-c887a6vn1t] {
    animation: float-b-c887a6vn1t 1s infinite ease-in-out alternate;
}

#Polygon-2[b-c887a6vn1t] {
    animation-delay: .2s;
}

#Polygon-3[b-c887a6vn1t] {
    animation-delay: .4s;
}

#Polygon-4[b-c887a6vn1t] {
    animation-delay: .6s;
}

#Polygon-5[b-c887a6vn1t] {
    animation-delay: .8s;
}

@keyframes float-b-c887a6vn1t {
    100% {
        transform: translateY(20px);
    }
}

@media (max-width: 450px) {
    svg[b-c887a6vn1t] {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -250px;
        margin-left: -190px;
    }

    .message-box[b-c887a6vn1t] {
        top: 50%;
        left: 50%;
        margin-top: -100px;
        margin-left: -190px;
        text-align: center;
    }
}