/*@font-face {
    font-family: 'IRANSansWeb';
    src: url('../fonts/IRANSansWeb(FaNum).eot');
    src: url('../fonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), url('../fonts/IRANSansWeb(FaNum).woff') format('woff'), url('../fonts/IRANSansWeb(FaNum).ttf') format('truetype'), url('../fonts/IRANSansWeb(FaNum).svg#glyphicons-halflingsregular') format('svg');
}*/
@font-face {
    font-family: 'IRANSansWeb';
    src: url('../fonts/yekan/yekan bakh fanum 04 regular.ttf') format('truetype');
}

* {
    padding: 0;
    margin: 0;
}

body {
    font-family: var(--font);
}

.theme-light {
    --bg-white: #FFFFFF;
    --bg-body: #FAFAFA;
    --bg-blue: #1C39BB;
    --bg-active-menu: rgb(28, 57, 187,.1);
    --co-blue: #1C39BB;
    --co-sidebar: #303437;
    --co-85: #858585;
    --filter-blue: invert(19%) sepia(96%) saturate(3436%) hue-rotate(230deg) brightness(74%) contrast(98%);
    --filter-blue-t-light-blue: invert(19%) sepia(96%) saturate(3436%) hue-rotate(230deg) brightness(74%) contrast(98%);
    --bg-line-ver: rgb(28, 57, 187,.2);
    --bg-F2F6FF: #F2F6FF;
    --filter-theme: invert(13%) sepia(8%) saturate(1109%) hue-rotate(173deg) brightness(91%) contrast(85%);
    --bg-F2F6FF: #F2F6FF;
    --tbl-primary-filter: invert(21%) sepia(72%) saturate(2293%) hue-rotate(220deg) brightness(90%) contrast(109%);
    --tbl-danger-filter: invert(22%) sepia(80%) saturate(5083%) hue-rotate(329deg) brightness(96%) contrast(99%);
    --bg-tbl-danger: rgb(245, 22, 99,.1);
    --bg-303437: #303437;
    --bg-revers-303437: #1C39BB;
    --bg-tbl-warning: rgb(238, 190, 0, .1);
    --bg-tbl-warning-filter: invert(68%) sepia(29%) saturate(2430%) hue-rotate(10deg) brightness(104%) contrast(104%);
    --input-num-icon-filter: invert(15%) sepia(5%) saturate(1275%) hue-rotate(173deg) brightness(92%) contrast(90%);
    --iselect2-img-filter: invert(17%) sepia(14%) saturate(364%) hue-rotate(163deg) brightness(88%) contrast(85%);
    --sort-icon-filter: invert(15%) sepia(5%) saturate(1275%) hue-rotate(173deg) brightness(92%) contrast(90%);
    --main-shadow: rgba(227, 231, 241, 0.4) 0px 1px 4px;
    --primary-shadow: rgba(28, 57, 18, 0.1) 0px 8px 24px;
    --co-aaa: #AAAAAA;
    --line: #DDD;
    --bg-popup: rgb(48, 52, 55,.52);
    --co-828486: #828486;
    --background-input: #FAFAFA;
    --border-input: #D6D6D6;
    --border-input-active: #383435;
    --bg-tbl-more: rgb(48, 52, 55, .1);
    --line-shadow: rgba(0, 0, 0, 0.16) 0px 1px 1.5px;
    --bg-expert: rgb(189, 198, 217, .13);
    --bg-expert-select: rgb(189, 198, 217,.26);
    --co-blue-to-white: #1C39BB;
    --co-43425D: #43425D;
    --backbutton: #303437;
    --date-input: #FAFAFA;
    --co-link: #1C39BB;
    --co-blue-t-light-blue: #1C39BB;
    --bg-F6F6F6: #F6F6F6;
    --co707070: #707070;
    --bg-F5F5F5: #F5F5F5;
    --filter-undo: invert(13%) sepia(4%) saturate(1818%) hue-rotate(173deg) brightness(102%) contrast(88%);
    --co-D6D6D6: #D6D6D6;
    --bg-303437: #303437;
    --eduSliderBtn: #303437;
    --brd-b-70: 1px solid rgb(112, 112, 112, .1);
    --bg-EDF0F5: #EDF0F5;
    --bg-BDC6D9: rgb(189, 198, 217, .13);
}

.theme-dark {
    --bg-white: #1D2447;
    --bg-body: #050D33;
    --bg-blue: #1C39BB;
    --bg-active-menu: rgb(255, 255, 255,1);
    --co-blue: #FFFFFF;
    --co-sidebar: #FFFFFF;
    --co-85: #FFFFFF;
    --filter-blue: invert(93%) sepia(100%) saturate(0%) hue-rotate(198deg) brightness(107%) contrast(104%);
    --filter-blue-t-light-blue: invert(76%) sepia(12%) saturate(4109%) hue-rotate(191deg) brightness(103%) contrast(101%);
    --bg-line-ver: rgb(255, 255, 255,.2);
    --bg-F2F6FF: #373D5B;
    --filter-theme: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
    --bg-F2F6FF: #373D5B;
    --tbl-primary-filter: invert(98%) sepia(54%) saturate(523%) hue-rotate(198deg) brightness(115%) contrast(100%);
    --tbl-danger-filter: invert(98%) sepia(54%) saturate(523%) hue-rotate(198deg) brightness(115%) contrast(100%);
    --bg-tbl-danger: rgb(245, 22, 99,1);
    --bg-303437: #1C39BB;
    --bg-revers-303437: #303437;
    --bg-tbl-warning: rgb(238, 190, 0, 1);
    --bg-tbl-warning-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
    --input-num-icon-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
    --iselect2-img-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
    --sort-icon-filter: invert(72%) sepia(0%) saturate(2868%) hue-rotate(79deg) brightness(107%) contrast(76%);
    --main-shadow: unset;
    --primary-shadow: unset;
    --co-aaa: #FFFFFF;
    --bg-popup: rgb(29, 36, 71,.8);
    --co-828486: #FFFFFF;
    --background-input: #050D33;
    --border-input: #5B5B5B;
    --border-input-active: #6C5B5B;
    --bg-tbl-more: #373D5B;
    --line-shadow: rgba(245, 255, 255, 0.6) 0px 1px 1.5px;
    --bg-expert: #1D2447;
    --bg-expert-select: #FFF;
    --co-blue-to-white: #FFF;
    --co-43425D: #FFF;
    --backbutton: #4F556F;
    --date-input: #373D5B;
    --co-link: #A5B6FF;
    --co-blue-t-light-blue: #A5B6FF;
    --bg-F6F6F6: #373D5B;
    --co707070: #FFFFFF;
    --bg-F5F5F5: #373D5B;
    --filter-undo: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
    --co-D6D6D6: #FFFFFF;
    --bg-303437: #696D84;
    --eduSliderBtn: #1C39BB;
    --brd-b-70: 1px solid rgb(255, 255, 255, .1);
    --bg-EDF0F5: #373D5B;
    --bg-BDC6D9: #1D2447;
}

.lang-fa {
    --font: 'IRANSansWeb';
    --body-dir: rtl;
    --reverse-dir: ltr;
    --border-left-sidebar-active: unset;
    --border-right-sidebar-active: 12px solid var(--bg-blue);
    --border-left-sidebar: unset;
    --border-right-sidebar: 12px solid transparent;
    --nav-left: 0;
    --nav-right: unset;
    --sidebar-left-padding: 0;
    --sidebar-right-padding: 25px;
    --sidebar-menu-button-pos: left;
    --nav-rotate: 0;
    --nav-left-arrow-margin-top: 0px;
    --nav-items-left: 20px;
    --nav-items-right: unset;
    --ten-left: 10px;
    --ten-right: unset;
    --marg-l: unset;
    --marg-r: 10px;
    --red-menu-pos: 311px;
    --sidebar-pad-l: unset;
    --sidebar-pad-r: 20px;
    --header-navigation-l: 10px;
    --header-navigation-r: unset;
    --align-left: left;
    --align-right: right;
    --rota-degneg90: -90deg;
    --rota-deg90: 90deg;
    --rota-deg0: 0deg;
    --siderbar-left: unset;
    --siderbar-right: -120%;
    --siderbar-left-open: unset;
    --siderbar-right-open: 0;
    --sidebar-pad-tl: 0;
    --sidebar-pad-tr: 50px;
    --select-2-margin-l: 4px;
    --select2-img-left: unset;
    --select2-img-right: 15px;
    --select2-text-padding: 0 40px 0 8px;
    --input-icon-padding: 0 50px 0 15px;
    --input-icon-pos-l: 0;
    --input-icon-pos-r: 15px;
    --num-select2-left: 50%;
    --as-pagination-pad-l: 200px;
    --as-pagination-pad-r: unset;
    --left: unset;
    --right: 20px;
    --account-img-right: 0;
    --account-img-left: unset;
    --float-left: left;
    --float-right: right;
    --wrapper-header-title-pad: 0 0 0 85px;
    --header-logo-account-left: 0;
    --header-logo-account-right: unset;
    --form-label-pad: 5px 20px 5px 0;
    --rdb-chk-l: 0;
    --rdb-chk-r: -10px;
    --chat-l: 30px;
    --chat-r: unset;
    --mgr-l50: 50px;
    --mgr-r50: unset;
    --left-30: 30px;
    --right-30: unset;
    --left-10: 10px;
    --right-10: unset;
    --left-80: 80px;
    --right-80: unset;
    --chat-reply-border-l: 3px solid #0094ff;
    --chat-reply-border-r: unset;
    --rota-deg180-edu: 180deg;
    --padding-file-input: 0 15px 0 50px;
    --tarefere-r: 20px;
    --tarefere-l: unset;
    --brd-l-70: 1px solid #707070;
    --brd-r-70: unset;
    --left-calc-radial: calc(50% - 130px);
    --right-calc-radial: unset;
}

.lang-en {
    --font: 'Tahoma';
    --body-dir: ltr;
    --reverse-dir: rtl;
    --border-left-sidebar-active: 12px solid var(--bg-blue);
    --border-right-sidebar-active: unset;
    --border-left-sidebar: 12px solid transparent;
    --border-right-sidebar: unset;
    --nav-left: unset;
    --nav-right: 0;
    --sidebar-left-padding: 25px;
    --sidebar-right-padding: unset;
    --sidebar-menu-button-pos: right;
    --nav-rotate: rotate(180deg);
    --nav-left-arrow-margin-top: 5px;
    --nav-items-left: unset;
    --nav-items-right: 20px;
    --ten-left: unset;
    --ten-right: 10px;
    --marg-l: 10px;
    --marg-r: unset;
    --red-menu-pos: -311px;
    --sidebar-pad-l: 20px;
    --sidebar-pad-r: unset;
    --header-navigation-l: unset;
    --header-navigation-r: 10px;
    --align-left: right;
    --align-right: left;
    --rota-degneg90: 90deg;
    --rota-deg90: -90deg;
    --rota-deg0: 180deg;
    --siderbar-left: -120%;
    --siderbar-right: unset;
    --siderbar-left-open: 0;
    --siderbar-right-open: unset;
    --sidebar-pad-tl: 50px;
    --sidebar-pad-tr: 0;
    --select-2-margin-l: -20px;
    --select2-img-left: 15px;
    --select2-img-right: unset;
    --select2-text-padding: 0 8px 0 40px;
    --input-icon-padding: 0 15px 0 50px;
    --input-icon-pos-l: 15px;
    --input-icon-pos-r: 0;
    --num-select2-left: 90%;
    --as-pagination-pad-l: unset;
    --as-pagination-pad-r: 200px;
    --left: 20px;
    --right: unset;
    --account-img-right: unset;
    --account-img-left: 0;
    --float-left: right;
    --float-right: left;
    --wrapper-header-title-pad: 0 85px 0 0;
    --header-logo-account-left: unset;
    --header-logo-account-right: 0;
    --form-label-pad: 5px 0 5px 20px;
    --rdb-chk-l: -10px;
    --rdb-chk-r: 0;
    --chat-l: unset;
    --chat-r: 30px;
    --mgr-l50: unset;
    --mgr-r50: 50px;
    --left-30: unset;
    --right-30: 30px;
    --left-10: unset;
    --right-10: 10px;
    --left-80: unset;
    --right-80: 80px;
    --chat-reply-border-l: unset;
    --chat-reply-border-r: 3px solid #0094ff;
    --rota-deg180-edu: 0deg;
    --padding-file-input: 0 50px 0 15px;
    --tarefere-r: unset;
    --tarefere-l: 20px;
    --brd-l-70: unset;
    --brd-r-70: 1px solid #707070;
    --left-calc-radial: unset;
    --right-calc-radial: calc(50% - 130px);
}

.rtl-dir {
    direction: var(--body-dir) !important;
}

.zero-space {
    margin-top: 0px !important;
}

.normal-space {
    margin-top: 20px !important;
}

.xxl-space {
    margin-top: 100px !important;
}

.display-flex {
    display: flex !important;
}

.display-none {
    display: none !important;
}

.visibility-hide {
    visibility: hidden;
}

.bg-red {
    background-color: #F51663;
}

.bg-green {
    background-color: #00E091;
}

.bg-blue {
    background-color: #1C39BB;
}

.bg-black {
    background-color: #303437;
}

.color-black {
    color: var(--co-sidebar) !important;
}

.color-black-fix {
    color: #303437 !important;
}

.color-blue {
    color: #1C39BB !important;
}

.color-yellow {
    color: #EEBE00 !important;
}

.color-green {
    color: #00E091 !important;
}

.color-red {
    color: #F51663 !important;
}

.color-blue-to-white {
    color: var(--co-blue-to-white) !important;
}

.color-blue-to-blue {
    color: var(--co-blue-t-light-blue) !important;
}

.font-bold {
    font-weight: bold;
}

.w-full {
    width: 100%;
}

#loadingBox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: var(--bg-popup);
    z-index: 2;
    display: none;
    align-items: center;
    justify-content: center;
}

    #loadingBox > div {
        width: 150px;
        height: 100px;
        background-color: #FFF;
        border-radius: 16px;
        box-shadow: var(--main-shadow);
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: var(--main-shadow);
    }

#deleteBox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: var(--bg-popup);
    z-index: 2;
    display: none;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    max-height: 100vh;
    padding: 20px 0;
}

    #deleteBox > div {
        width: 95%;
        max-width: 358px;
        display: flex;
        flex-direction: column;
        grid-gap: 10px;
        background-color: #FFF;
        padding: 20px 15px 30px 15px;
        border-radius: 16px;
        margin: auto;
        box-shadow: var(--main-shadow);
    }

        #deleteBox > div > div:nth-child(1) {
            display: flex;
            align-items: center;
            justify-content: center;
        }

            #deleteBox > div > div:nth-child(1) > span {
                width: 40px;
                height: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 6px;
                background-color: rgb(245, 22, 99,.1);
                transition: all .25s ease-in-out;
            }

                #deleteBox > div > div:nth-child(1) > span > img {
                    filter: invert(22%) sepia(80%) saturate(5083%) hue-rotate(329deg) brightness(96%) contrast(99%);
                }

        #deleteBox > div > div:nth-child(2) {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 10px;
        }

            #deleteBox > div > div:nth-child(2) > span {
                font-size: 20px;
                font-weight: bold;
                color: #303437;
            }

        #deleteBox > div > div:nth-child(3) {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 5px;
        }

            #deleteBox > div > div:nth-child(3) > span {
                font-size: 16px;
                color: #303437;
            }

        #deleteBox > div > div:nth-child(4) {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 5px;
        }

            #deleteBox > div > div:nth-child(4) > span {
                font-size: 16px;
                font-weight: bold;
                color: #1C39BB;
            }

        #deleteBox > div > div:nth-child(5) {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 20px;
            grid-gap: 15px;
        }

#alertBox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: var(--bg-popup);
    z-index: 2;
    display: none;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    max-height: 100vh;
    padding: 20px 0;
}

    #alertBox > div {
        width: 95%;
        max-width: 358px;
        display: flex;
        padding: 20px 15px 20px 15px;
        border-radius: 16px;
        margin: auto;
        font-size: 18px;
        color: white;
        font-weight: bold;
        direction: var(--body-dir);
        align-items: center;
        justify-content: center;
        text-align: center;
    }

.en-font {
    font-family: Tahoma !important;
}

@media (max-width: 990px) {
    .xxl-space {
        margin-top: 30px !important;
    }

    #loadingBox > div {
        border-radius: 10px;
    }

        #loadingBox > div > img {
            width: 35px;
        }

    #deleteBox > div {
        max-width: 328px;
    }


        #deleteBox > div > div:nth-child(2) > span {
            font-size: 18px;
        }

        #deleteBox > div > div:nth-child(3) > span {
            font-size: 16px;
        }

        #deleteBox > div > div:nth-child(4) > span {
            font-size: 16px;
        }

        #deleteBox > div > div:nth-child(5) {
            flex-direction: column;
        }
}

.ltr {
    direction: ltr;
}