@font-face {
    font-family: IRANSansB;
    font-style: normal;
    font-weight: bold;
    font-display: fallback;
    src: url('../fonts/IRANSansWeb(FaNum)_Bold.eot');
    src: url('../fonts/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'), url('../fonts/IRANSansWeb(FaNum)_Bold.woff') format('woff'), url('../fonts/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    font-display: fallback;
    src: url('../fonts/IRANSansWeb(FaNum).eot');
    src: url('../fonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), url('../fonts/IRANSansWeb(FaNum).woff2') format('woff2'), url('../fonts/IRANSansWeb(FaNum).woff') format('woff'), url('../fonts/IRANSansWeb(FaNum).ttf') format('truetype');
}

@font-face {
    font-family: IRANSansL;
    font-style: normal;
    font-weight: 300;
    font-display: fallback;
    src: url('../fonts/IRANSansWeb(FaNum)_Light.eot');
    src: url('../fonts/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), url('../fonts/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), url('../fonts/IRANSansWeb(FaNum)_Light.woff') format('woff'), url('../fonts/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}

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

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

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

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

.V {
    font-family: Vazir;
}

.VB {
    font-family: VazirB;
}

.VL {
    font-family: VazirL;
}

.S {
    font-family: IRANSans;
}

.SB {
    font-family: IRANSansB;
}

.SL {
    font-family: IRANSansL;
}

.rtl {
    direction: rtl;
}

.ltr {
    direction: ltr;
}

.Panel_Title {
    cursor: pointer;
}

.tooltip {
    font-family: IRANSansL;
    font-size: 12px;
}

.None {
    display: none;
}

.text-purple {
    color: #b583ff;
}

.bg-purple {
    background-color: #b583ff;
}

#SideMenu li a,
#SideMenu span {
    font-family: IRANSans;
}

body * {
    font-family: IRANSans, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
}

/* The bundled IRANSans file is the "FaNum" variant: it draws the ASCII digits
   0-9 as Persian numeral glyphs instead of Latin ones. The Japanese and
   English versions must show English digits, so the very same face is declared
   here with the digit codepoints excluded. Letters still come from IRANSans,
   while every digit falls through to the next family and is drawn with English
   numerals. */
@font-face {
    font-family: 'IRANSansNoFaDigits';
    font-style: normal;
    font-weight: normal;
    font-display: fallback;
    src: url('../fonts/IRANSansWeb(FaNum).eot');
    src: url('../fonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), url('../fonts/IRANSansWeb(FaNum).woff2') format('woff2'), url('../fonts/IRANSansWeb(FaNum).woff') format('woff'), url('../fonts/IRANSansWeb(FaNum).ttf') format('truetype');
    unicode-range: U+0000-002F, U+003A-10FFFF;
}

/* Japanese: digits and kana/kanji both come from Japanese fonts.
   #navbar * is listed because the template pins IRANSans on every element of
   the menu with that ID selector, which would otherwise win over these rules. */
html[lang="ja"] body *,
html[lang="ja"] .S,
html[lang="ja"] #navbar * {
    font-family: IRANSansNoFaDigits, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
}

/* English: digits come from a Latin font. */
html[lang="en"] body *,
html[lang="en"] .S,
html[lang="en"] #navbar * {
    font-family: IRANSansNoFaDigits, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Language selector (combo box in the top menu) */
.lang-select-item {
    position: relative;
}

.lang-form {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-inline-start: 12px;
}

.lang-form .lang-icon {
    color: #fff;
    font-size: 20px;
    line-height: 0;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

.lang-select {
    max-width: 190px;
    padding: 6px 10px;
    font-family: IRANSans, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
    font-size: 13px;
    color: #2f4d5a;
    background-color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 6px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.lang-select:hover,
.lang-select:focus {
    border-color: #67b0d1;
    box-shadow: 0 0 0 3px rgba(103, 176, 209, 0.35);
    outline: none;
}

.lang-select option {
    color: #2f4d5a;
    background-color: #fff;
}

.lang-go {
    padding: 6px 12px;
    font-family: IRANSans, sans-serif;
    color: #ffffff;
    background-color: #378eb5;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
}

/* Below 1280px the template turns the navigation into a hamburger drawer
   (off-canvas panel), so the language combo box gets its own row at the bottom
   of that drawer instead of sitting inline next to the links. */
@media (max-width: 1279px) {
    .navbar .lang-select-item {
        padding: 10px 20px 18px;
    }

    .navbar .lang-form {
        width: 100%;
        margin-inline-start: 0;
    }

    /* The drawer panel is light, so the white icon of the desktop header has
       to go dark to stay visible. */
    .navbar .lang-form .lang-icon {
        color: #2f4d5a;
        text-shadow: none;
    }

    .navbar .lang-select {
        flex: 1 1 auto;
        min-width: 0;
        /* Fills the drawer row on a phone, but stays a sane size on a tablet. */
        max-width: 320px;
        padding: 10px 12px;
        font-size: 15px;
    }
}

input[type="search"] {
    outline: none;
}

#SideMenu a.active::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f104";
}

/* #SideMenu a.active {
    background-color:#fdfdfd;
} */

.form-check-lg {
    font-size: 150%;
}

@media screen and (max-width: 992px) {
    #Logo {
        display: none;
    }
}

.shadow:not(.card) {
    border-bottom: 5px solid #000000;
}

.stepper-wrapper {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}

.stepper-item::before {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 20px;
    right: -50%;
    z-index: 2;
}

.stepper-item::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 20px;
    right: 50%;
    z-index: 2;
}

.stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ccc;
    margin-bottom: 6px;
}

.stepper-item.active {
    font-weight: bold;
}

.stepper-item.completed .step-counter {
    background-color: #0f8caa;
}

.stepper-item.completed::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #0f8caa;
    width: 100%;
    top: 20px;
    right: 50%;
    z-index: 3;
}

.stepper-item:first-child::before {
    content: none;
}

.stepper-item:last-child::after {
    content: none;
}

.bg-purple {
    background-color: #9966ff !important;
}

.tox {
    font-family: IRANSans !important;
}

.Disabled {
    pointer-events: none
}

textarea[type=search] {
    font-family: IRANSans !important;
    font-size: 14px !important;
}

.Clip {
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Text {
    text-align: justify;
    display: none;
}

.NoBr br {
    content: " ";

}

.NoBr br:after {
    content: " ";
}

.Attachs a img {
    width: 60px;
    height: 80px;
}

.Attachs a {
    margin-right: 2px;
}

.form-select option {
    font-family: IRANSans !important;
}

#navbar * {
    font-family: IRANSans, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;
}

.BX {
    line-height: 1.4 !important;
}

.BXL {
    line-height: 1.2 !important;
}

#Msg_OK {
    border: 1px solid #888888;
    background-color: rgba(121, 194, 131, 0.7);
    border-radius: 5px;
    color: #ffffff;
    padding: 20px;
    width: 50%;
    text-shadow: 1px 1px #000000;
    box-shadow: 0 0 5px #000000;
}

#Msg_NotOK {
    border: 1px solid #888888;
    background-color: rgba(209, 94, 89, 0.7);
    border-radius: 5px;
    color: #ffffff;
    padding: 20px;
    width: 50%;
    text-shadow: 1px 1px #000000;
    box-shadow: 0 0 5px #000000;
}

.text-justify {
    text-align: justify;
}

.RootNode {
    margin: 0 0 10px 0;
    font-size: 64px !important;
    font-weight: 700 !important;
    line-height: 56px;
    text-transform: uppercase !important;
    color: #fff !important;
    text-shadow: -1px 0 2px #2f4d5a !important;

}
.text-center{
    text-align:center;
}