.homeAvatarBox {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.breadcrumbHeadSection {
    line-height: 2.5rem !important;
    color: #063551 !important
}

.topicHeaderItems {
    align-items: baseline;
    margin-bottom: -.26rem;
    border-bottom-left-radius: .13rem;
    border-bottom-right-radius: .13rem;
    padding-top: .333rem
}

.GoToPageBtnTopic {
    margin-top: -.06rem
}

.topicHeaderItems {
    margin-bottom: .3rem
}

    .topicHeaderItems .topicTopTitleItems button {
        border: 0;
        padding: .46rem .66rem;
        display: inline-block;
        width: 100%
    }

    .topicHeaderItems .topicTopTitleItems a {
        border: 0;
        margin: auto;
        text-align: center;
        padding: .46rem .66rem;
        display: block
    }

    .topicHeaderItems .topicTopTitleItems button:hover,
    .topicHeaderItems .topicTopTitleItems button.focus,
    .topicHeaderItems .topicTopTitleItems button:focus,
    .topicHeaderItems .topicTopTitleItems,
    .topicHeaderItems .topicTopTitleItems button:visited {
        background-color: #dde4ea;
        border: 0;
        outline: 0;
        box-shadow: none
    }

        .topicHeaderItems .topicTopTitleItems a:hover,
        .topicHeaderItems .topicTopTitleItems button:hover {
            background-color: #f9eff5
        }

.svgItemTopic {
    width: 1.26rem;
    height: 1.66rem
}

.svg.svgItemTopic,
.svg.svgItemTopic path {
    fill: #337ab7;
    color: #337ab7
}

.topicHeaderItems .topicTopTitleItems button,
.topicHeaderItems .topicTopTitleItems a {
    border-radius: .26rem;
    background-color: #e1e9f1
}

.label-customBg {
    background: #337ab7;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.9rem;
    color: #fff;
    padding: 1.25rem 1.25rem;
    text-shadow: .06rem .06rem .06rem rgba(0, 0, 0, .1);
    border-radius: .25em;
    margin-top: .9rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin: auto;
    right: 0;
    left: 0;
    z-index: 1;
    width: 92%;
    position: relative
}

.topicBox-main h1.label-customBg {
    width: 100%;
    padding-right: 1rem
}

.label-customBg h1,
.label-customBg h4 {
    font-size: 1.2rem;
    font-weight: 500
}

.box {
    background-color: #fff;
    border-radius: .26rem;
    padding: 0;
    padding-bottom: .06rem;
    -webkit-box-shadow: 0 0 .625rem -.125rem #c8d3de;
    box-shadow: 0 0 .625rem -.125rem #c8d3de;
    -webkit-animation: panel-animation .2s;
    animation: panel-animation .2s
}

.boxtitle {
    font-weight: 500;
    color: rgba(113, 42, 81, 1);
    background-color: #f2f5f8;
    position: absolute;
    margin-top: -2rem;
    z-index: 5;
    padding: .66rem 1rem;
    font-size: 1.25rem;
    right: 2rem
}

.breadcrumb {
    box-shadow: 0 0 .625rem -.125rem #c8d3de
}

.breadcrumb-item i {
    font-size: 1rem;
    padding-top: .33rem
}

.breadcrumb-item a {
    font-size: 1.06rem
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "";
    padding-right: 0
}

.topTitleDiv {
    width: 100%;
    padding-left: .73rem
}

.userLoginBox .Avatar img {
    height: 2.46rem;
    width: 2.46rem;
    margin-top: 0
}

.leftAlignDiv.NoPadding {
    text-align: left
}

.GoToPageDiv {
    width: auto;
    overflow: hidden;
    display: inline-block
}

.BreadcrumbDivBottom li {
    margin-bottom: 1rem
}

.topicTopTitleView {
    padding-top: 1rem
}

.topTitleDiv {
    width: 100%;
    padding-left: 1.33rem;
    padding-right: 1.33rem;
    margin-bottom: 2rem
}

    .topTitleDiv .topicTopTitleItems {
        background-color: #913a69;
        height: 2.2rem;
        border-top-left-radius: .4rem;
        border-top-right-radius: .4rem;
        text-align: left;
        width: auto
    }

    .topTitleDiv .topicTopTitleView {
        width: 30%
    }

.TopicTimeDiv {
    width: auto;
    font-size: .8rem;
    display: block;
    background-color: #eee;
    margin-top: -.53rem;
    padding-right: .46rem;
    border-radius: .13rem
}

.col-sm-12.mTBcontent.mTBcontentPmMob:last-of-type {
    margin-bottom: .66rem
}

#mRecirve,
#mSend {
    padding-left: 0;
    padding-right: 0
}

.mRecieveInnerAnswer,
.mSendInnerAnswer {
    background-color: #f5f5f5
}

.ErrorColorText {
    color: #b94a4a
}

.resultTextTitle1 {
    color: #fff;
    background-color: rgba(145, 58, 105, .8)
}

span.hilite {
    display: inline;
    padding: 0;
    padding: 0 .33rem;
    background-color: #e0cb35
}

.tblListItems tr {
    background-color: #fff
}

    .tblListItems tr:hover {
        background-color: transparent
    }

.viewPageCountColor {
    color: #999
}

    .viewPageCountColor i {
        color: #913a69
    }

.articleCatPager {
    margin: 0 auto;
    display: inline-block
}

.ArticleContentBoxItem .Seprator {
    width: 100%;
    margin-right: 0
}

.ArticleContentBoxItem .Content {
    line-height: 1.733rem
}

.topicLikeClass {
    font-size: .93rem;
    color: #e85858
}

.TopicDirectPostDiv {
    display: block;
    background-color: #50b6a2;
    padding-right: .46rem;
    border-radius: .13rem;
    left: 0;
    margin-left: .66rem;
    color: #fff;
    margin-bottom: .46rem;
    font-size: 1rem;
    padding-top: .33rem;
    padding-bottom: .33rem;
    margin-top: -.53rem;
    margin-left: 0
}

.pagination {
    box-shadow: 0 0 .625rem -.125rem #c8d3de;
    direction: ltr;
    display: flex
}

    .pagination li {
        flex: auto;
        flex-flow: row
    }

.page-link {
    padding: .7rem .95rem
}

span.page-link {
    padding: .35rem .8rem
}

.moreIcons {
    background-color: #337ab7;
    color: #fff;
    height: 3.2rem;
    padding: .8rem .8rem 0 .8rem;
    margin-bottom: -.733rem;
    padding-top: 0;
    border-radius: .2rem;
    cursor: pointer;
    margin-left: 0
}

    .moreIcons > i {
        font-size: 1.333rem
    }

    .moreIcons:hover {
        color: #c1cbd6
    }

#menu-toggle {
    display: none
}

    #menu-toggle:checked + #postMenuItems {
        max-height: 16.66rem
    }

#postMenuItems {
    overflow: hidden;
    max-height: 0;
    padding: 0;
    margin: 0 auto;
    -webkit-transition: all .3s ease;
    position: absolute;
    z-index: 3;
    top: 2.13rem;
    box-shadow: .06rem .06rem .133rem rgba(175, 193, 208, .53), -.06rem 0 .133rem rgba(175, 193, 208, .53);
    border-radius: .2rem;
    background-color: #e1e9f1;
    left: 0;
    min-width: 2.866rem
}

.GoToPageButton {
    margin-left: -.666rem;
    padding: .2rem 1rem;
    margin-top: 0
}

.GoToPageBtnTopic input {
    max-width: 4.666rem;
    border-radius: .1333rem;
    border: .066rem solid #ddd;
    color: #666;
    text-align: center;
    margin-left: .333rem
}

.viewCountDiv {
    color: #063551;
    font-size: .866rem;
    direction: rtl;
    padding: .333rem;
    top: -.133rem
}

    .viewCountDiv i {
        padding-left: -.066rem
    }

.postBox {
    padding-top: .066rem
}

.postHeader {
    color: #444;
    text-align: right;
    padding: .65rem;
    border-top-left-radius: .133rem;
    border-top-right-radius: .133rem;
    margin: .133rem .133rem;
    overflow: hidden;
    position: relative;
    height: auto;
    background-color: #c5cad22b
}

    .postHeader .Avatar {
        box-shadow: .066rem .066rem .133rem rgba(0, 0, 0, .1);
        border-radius: 100%
    }

    .postHeader a {
        color: #1d5f98;
        text-decoration: none;
        transition: all .3s linear
    }

        .postHeader a:not(.Avatar):hover {
            color: rgba(79, 93, 115, .84);
            padding-bottom: .266rem;
            text-decoration: none;
            transition: all .3s linear
        }

    .postHeader .Avatar img {
        width: 5rem;
        height: 5rem
    }

    .postHeader .Avatar.Red:before,
    .postHeader .Avatar.Green:before {
        top: 1.066rem;
        right: 1.066rem;
        z-index: 1
    }

.UserDetailBox {
    text-align: right;
    padding-right: 1rem
}

.userDetailDiv {
    font-size: .8rem;
    color: #063551;
    margin-top: .333rem;
    margin-bottom: .333rem
}

.postMain {
    padding: 1.333rem 1.666rem;
    direction: rtl;
    text-align: right;
    font-size: 1rem;
    color: #515761;
    line-height: 1.8rem
}

.postFooter {
    min-height: 3.333rem;
    padding: .65rem;
    border-bottom-left-radius: .1333rem;
    border-bottom-right-radius: .1333rem;
    margin: 1.333rem .1333rem .1333rem .1333rem;
    overflow: hidden;
    position: relative;
    background-color: #dee6ef;
    font-size: .9333rem;
    padding-right: 1.333rem;
    padding-left: 1rem;
    direction: rtl
}

    .postFooter a,
    .postFooter Button {
        color: #063551;
        text-decoration: none;
        margin: 0 .4rem;
        line-height: 2.8rem;
        font-size: 1rem
    }

    .postFooter .likeBtn:hover {
        color: #e85858
    }

.Liker {
    font-size: .8rem;
    margin-right: .333rem
}

    .Liker:hover {
        color: #8a97ab
    }

.replyBtn,
.saveBtn,
.directLinkBtn,
.badPostBtn,
.editPostBtn,
.removePostBtn {
    margin-right: 1.5rem
}

    .replyBtn:hover {
        color: rgba(145, 58, 105, .9)
    }

    .saveBtn:hover,
    .editPostBtn:hover {
        color: #48b781
    }

    .directLinkBtn:hover {
        color: #145dab
    }

    .badPostBtn:hover,
    .removePostBtn:hover {
        color: #ab1429
    }

.postFooter > div {
    text-align: right
}

.TopicTimeDiv {
    display: block;
    background-color: rgba(238, 238, 238, .53);
    margin-top: .0666rem;
    padding-right: .466rem;
    border-radius: .133rem;
    width: auto;
    font-size: .8rem;
    padding-left: .466rem;
    color: #777
}

    .TopicTimeDiv i {
        padding-right: .333rem;
        color: #aaa
    }

.SendMessageIcon i {
    font-size: 2rem
}

.m-b-35-minus {
    margin-bottom: -2.333rem
}

.subdivision {
    text-align: center;
    margin-top: .333rem;
    padding: 3.333rem .666rem 1.666rem .666rem
}

.TopicPageBottom {
    margin-top: 2.666rem
}

    .TopicPageBottom .MasterWhiteBox {
        padding: 2.666rem .666rem .666rem .666rem;
        text-align: center;
        font-size: .933rem;
        height: 5.333rem
    }

        .TopicPageBottom .MasterWhiteBox #divPrevTopicJS,
        .TopicPageBottom .MasterWhiteBox .divCurrentTopicJS,
        .TopicPageBottom .MasterWhiteBox #divNextTopicJS {
            margin: 0;
            display: block;
            text-align: center;
            font-size: 1.2rem;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

.mTBcontentStatistict {
    border: 0;
    border-radius: .133rem;
    padding: .333rem 0;
    font-size: 1.066rem;
    box-shadow: .066rem .066rem .133rem rgba(0, 0, 0, .1), -.066rem -.066rem .133rem rgba(0, 0, 0, .1);
    margin-bottom: .4rem
}

.mTBcontentStatistictLp:first-of-type {
    margin-top: -.666rem
}

.mTBcontentStatistictLp h2 {
    font-size: 1.03em
}

.mTBcontentStatistictrow:nth-of-type(even) {
    background-color: #f5f5f5
}

.mTBcontentStatistictrow .mainTitleTopic h3 {
    font-size: 1rem;
    font-weight: 500
}

.mTBcontent.mTBcontentStatistict.mTBcontentStatistictLp > div > div {
    padding: .333rem .133rem
}

.AddCommentBox {
    padding: .666rem 0 .666rem 0;
    display: block;
    background-color: #fff;
    border-radius: .2rem;
    box-shadow: 0 .066rem .133rem #c9cccd;
    z-index: 1000 !important
}

.textareaDiv {
    padding-left: .666rem
}

    .textareaDiv div {
        padding: 1rem 0;
        margin: .5rem 0
    }

.AddCommentBox textarea {
    border: 0;
    box-shadow: none;
    margin: 0 .333rem;
    background-color: #f1f1f1;
    width: 98%;
    max-width: 98%;
    min-height: 6.666rem;
    max-height: 20rem
}

.btnExpertClass {
    font-size: 1.1rem;
    font-weight: 600;
    width: 9rem;
    height: 2.666rem;
    margin-left: .65rem;
    position: relative;
    top: .65rem
}

.btnExpertClass-Pencil {
    font-size: 1.1rem;
    font-weight: 600
}

.divAddComment {
    flex: 1;
    display: flex;
    justify-content: flex-start
}

.LinkaddComment {
    font-size: 1.1rem;
    font-weight: 600;
    width: 11rem;
    height: 2.533rem;
    margin-right: .65rem
}

.divExpertButton {
    flex: 1;
    display: flex;
    justify-content: flex-end
}

.CloseLinkAddCommentBox {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    margin-left: .6rem
}

    .CloseLinkAddCommentBox i {
        font-size: 1.5rem
    }

.emoji {
    color: transparent;
    display: inline-block;
    font-size: 1.2rem;
    font-style: normal;
    height: 1.666rem;
    width: 1.666rem
}

    .emoji::selection {
        background-color: highlight;
        color: transparent
    }

.emoji-image {
    font-size: .933rem;
    line-height: 1.7rem
}

.emoji-button {
    cursor: pointer;
    margin: .333rem
}

.emoji-editor {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    border: .066rem solid #ccc;
    border-radius: .2rem;
    box-shadow: inset 0 .066rem .133rem rgba(0, 0, 0, .1);
    box-sizing: border-box;
    cursor: text;
    font: medium -moz-fixed;
    font: -webkit-small-control;
    -webkit-font-smoothing: antialiased;
    height: 6.666rem;
    overflow: auto;
    padding: .333rem;
    resize: both;
    width: 100%
}

.emoji-picker {
    background-color: #fff;
    border: .066rem solid #ccc;
    position: absolute;
    width: 14rem
}

    .emoji-picker a {
        cursor: pointer;
        display: inline-block;
        font-size: 1.333rem;
        padding: .2rem
    }

.emoji-selector {
    border-bottom: .066rem solid #ccc;
    display: flex
}

    .emoji-selector li {
        margin: .333rem
    }

.emoji-group {
    display: grid;
    grid-template-columns: repeat(6, 16.66667%);
    height: 13.333rem;
    overflow-y: scroll;
    padding: .2rem
}

.file {
    visibility: hidden;
    position: absolute
}

.pagination-GotoUpdateButton {
    margin-top: .8rem
}

.GoToAndUpdatePageTopic {
    margin: .333rem 0
}

.GoToPageTopicFormBottom {
    flex: 1;
    display: flex;
    justify-content: flex-start
}

.UpdatePageTopicBox {
    flex: 1;
    display: flex;
    justify-content: flex-end
}

.UpdatePostButton {
    padding: .2rem 1rem;
    margin: .2rem 0
}

.TopicCustomerOrderInside {
    margin-top: .666rem
}

.CustomerOrderInsideViewCount {
    position: relative;
    color: #fff;
    text-shadow: 0 0 .06rem #777;
    text-align: right;
    padding-right: .66rem;
    font-size: .66rem;
    opacity: .7;
    width: 1rem;
    top: -.8rem
}

.ThreadH1 {
    display: inline;
    color: #fff
}

.ThreadH2 {
    display: inline;
    margin: .333rem 0;
    font-size: .9rem;
    color: #787878
}

.ThreadTopicsImageBox {
    align-items: center;
    text-align: center;
    vertical-align: middle;
    height: 5.16rem;
    width: 10rem;
    border-bottom-right-radius: .26rem;
    background-color: #f5f5f5;
    border-top-right-radius: .26rem
}

    .ThreadTopicsImageBox img {
        align-items: center;
        transition: all .18s linear;
        opacity: .9;
        border-radius: 100%;
        border: .13rem solid #e0e0e0;
        display: inline-block
    }

.threadPostCounts {
    color: #4f5d73;
    margin-top: .66rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 14rem;
    padding-left: .33rem;
    border-left: 0;
    margin-right: 0;
    font-size: .9rem;
    padding-bottom: .33rem
}

.breadcrumbStartAlign {
    align-items: start
}

.PagerEndAlign {
    align-items: end
}

#txtTopicName {
    border: .066rem solid #ccc;
    border-radius: .266rem;
    margin: .666rem
}

[type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

    [type=radio] + img {
        cursor: pointer;
        margin: .7rem
    }

    [type=radio]:checked + img {
        outline: .133rem solid #f00
    }

.SectionH1 {
    display: inline;
    color: #fff
}

.SectionH2 {
    display: inline;
    margin: .333rem 0;
    font-size: .9rem;
    color: #787878
}

.SectionTopicsImageBox {
    height: 4.72rem;
    width: 4rem;
    border-bottom-right-radius: .26rem;
    background-color: #f5f5f5;
    border-top-right-radius: .26rem
}

    .SectionTopicsImageBox img {
        align-items: center;
        transition: all .18s linear;
        opacity: .9;
        border-radius: 100%;
        border: .13rem solid #e0e0e0;
        display: inline-block
    }

.DateTimeViewCountAllCategories {
    position: relative;
    top: -6.2rem;
    font-size: .85rem;
    text-decoration: none;
    color: #888;
    overflow: hidden;
    margin-bottom: 1.33rem;
    text-overflow: clip;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.DateTimeViewCountOneCategory {
    position: relative;
    top: -6.2rem;
    font-size: .85rem;
    text-decoration: none;
    color: #888;
    overflow: hidden;
    margin-bottom: 1.33rem;
    text-overflow: clip;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.justArticles {
    top: 3.5rem
}

.ArticleCategoryBox {
    margin: 1rem
}

.articleDateTime {
    text-align: left
}

.topTopicItemBtns {
    margin-right: auto
}

.TopicRightBtns {
    display: flex;
    align-items: baseline;
    margin-right: auto
}

.madreseh-intro-forum {
    padding: .133rem .666rem !important;
    margin: 0 !important;
    background-color: #f9f9f9;
    font-family: var(--font-vazir), IRANSans, Tahoma, Arial, sans-serif;
    line-height: 1.7rem;
    text-align: right;
    direction: rtl;
    padding-bottom: 1.333rem !important
}

    .madreseh-intro-forum .madreseh-intro-forum-des {
        padding: 0 !important;
        margin: 0 !important;
        color: #036
    }

        .madreseh-intro-forum .madreseh-intro-forum-des.madreseh-intro-forum-des-color {
            color: #070 !important
        }

        .madreseh-intro-forum .madreseh-intro-forum-des > strong,
        .madreseh-intro-forum .madreseh-intro-forum-des > .desStrong {
            font-size: 1rem !important;
            margin-top: .333rem;
            margin-bottom: .2rem;
            padding: .333rem 1rem;
            line-height: 1.7rem;
            z-index: 600
        }

        .madreseh-intro-forum .madreseh-intro-forum-des > .secondStrong {
            font-size: 1rem !important;
            margin-top: .2rem;
            margin-bottom: .666rem;
            padding: .333rem 1rem !important;
            line-height: 1.7rem
        }

        .madreseh-intro-forum .madreseh-intro-forum-des h2.madreseh-intro-forum-innertitle {
            padding: 0;
            margin: 0;
            display: inline-block;
            font-size: 1rem !important;
            font-weight: bold;
            color: #000 !important;
        }

    .madreseh-intro-forum .madreseh-intro-forum-box {
        margin: 0 !important;
        margin-top: .666rem !important;
        background-color: #fff;
        margin-top: .666rem;
        padding: .8rem;
        border: .066rem dotted #ccc;
        background-color: #fff;
        border-radius: .266rem;
        display: flex;
        flex-wrap: wrap
    }

        .madreseh-intro-forum .madreseh-intro-forum-box .madreseh-intro-forum-box-title {
            color: #c06;
            border-bottom: .066rem dotted #ccc;
            padding-bottom: .333rem;
            margin-bottom: .666rem;
            font-size: 1.1rem !important
        }

        .madreseh-intro-forum .madreseh-intro-forum-box ul {
            line-height: 1.8rem;
            padding-right: 1.466rem
        }

        .madreseh-intro-forum .madreseh-intro-forum-box h2.madreseh-intro-forum-box-item-t {
            padding: 0;
            margin: 0;
            display: inline-block;
            font-size: .933rem !important;
            vertical-align: top;
            line-height: 1.7rem
        }

        .madreseh-intro-forum .madreseh-intro-forum-box .madreseh-intro-forum-box-item-ts {
            color: #666;
            font-weight: normal;
            text-decoration: none;
            font-size: .933rem;
            padding-bottom: .666rem
        }

        .madreseh-intro-forum .madreseh-intro-forum-box .madreseh-intro-forum-box-item-tc {
            padding: 0;
            margin: 0;
            display: inline-block;
            color: #000;
            text-decoration: none;
            font-size: .933rem;
            font-weight: 600 !important;
            line-height: 1.8rem
        }

        .madreseh-intro-forum .madreseh-intro-forum-box li {
            padding-top: 1rem;
            margin-bottom: .666rem
        }

.madreseh-intro-forum-box-item-t + img[alt="تلفن"] {
    display: inline-block;
    vertical-align: middle;
    margin-top: -1.333rem;
    padding-right: .133rem
}

.title-link-forum-intro {
    color: #906;
    display: block;
    font-family: var(--font-vazir), IRANSans, Tahoma, Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.9rem;
    font-weight: bold;
    text-decoration: none;
    margin-right: 0;
    margin-bottom: .666rem;
    margin-left: 0;
    text-align: right;
    direction: rtl
}

.box-link-forum-intro {
    padding: 1rem !important;
    margin: 0 !important;
    font-family: tahoma;
    font-size: .933rem;
    line-height: 1.7rem;
    background-color: #f9f9f9;
    color: #064149;
    text-align: right;
    direction: rtl
}

    .box-link-forum-intro ul,
    .box-link-forum-intro ul li {
        list-style: none;
        padding: 0;
        margin: 0
    }

        .box-link-forum-intro ul li {
            line-height: 1.866rem;
            list-style: inside;
            padding-right: .333rem
        }

            .box-link-forum-intro ul li a {
                color: #369 !important;
                font-weight: bold;
                text-decoration: none
            }

                .box-link-forum-intro ul li a:hover {
                    color: #555 !important
                }

.cream-box {
    border-radius: .266rem;
    background-color: #fff6d7;
    margin-top: 1rem;
    overflow: hidden;
    padding: .666rem;
    border: dotted .066rem #cfcf9e
}

    .cream-box div {
        border-radius: .266rem
    }

.madreseh-intro-forum .cream-box .madreseh-intro-forum-des.madreseh-intro-forum-des-color {
    font-weight: 600
}

.madreseh-intro-forum .cream-box .madreseh-intro-forum-box ul,
.madreseh-intro-forum .cream-box .madreseh-intro-forum-box ul li {
    list-style: none;
    padding-right: 0
}

.madreseh-intro-forum .cream-box .madreseh-intro-forum-box ul {
    padding-right: .8rem
}

.madreseh-intro-forum .cream-box .madreseh-intro-forum-box .madreseh-intro-forum-box-item-ts {
    color: #444;
    line-height: 1.8rem
}

.madreseh-intro-forum .cream-box .madreseh-intro-forum-box .madreseh-intro-forum-box-item-tc a.btn {
    color: #fff !important
}

.btnDeleteTopic {
    border: 0
}

.list-schools-topic-new {
    padding-top: 2.188rem;
    margin-top: 1.563rem
}

    .list-schools-topic-new .breadcrumbStartAlign {
        margin-top: -2.188rem
    }

    .list-schools-topic-new .headerMarginMinus .searchSchooName {
        line-height: 1.8rem !important;
        font-size: 1.2rem !important
    }

    .list-schools-topic-new .PagerEndAlign {
        padding: 0;
        padding-top: 2.25rem
    }

        .list-schools-topic-new .PagerEndAlign ul li {
            padding: .313rem !important
        }

.dastavard-boxes {
    direction: rtl
}

    .dastavard-boxes .card-wrapper {
        display: inline-block;
        perspective: 62.5rem;
        font-family: 'IRANSans';
        margin-bottom: 1.063rem
    }

        .dastavard-boxes .card-wrapper .card {
            position: relative;
            cursor: pointer;
            transition-duration: .6s;
            transition-timing-function: ease-in-out;
            transform-style: preserve-3d;
            border: 0
        }

            .dastavard-boxes .card-wrapper .card .front,
            .dastavard-boxes .card-wrapper .card .back {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
                backface-visibility: hidden;
                transform: rotateX(0deg)
            }

            .dastavard-boxes .card-wrapper .card .front {
                z-index: 2
            }

            .dastavard-boxes .card-wrapper .card .back,
            .dastavard-boxes .card-wrapper.flip-right .card .back {
                transform: rotateY(180deg)
            }

        .dastavard-boxes .card-wrapper:hover .card,
        .dastavard-boxes .card-wrapper.flip-right:hover .card {
            transform: rotateY(180deg)
        }

        .dastavard-boxes .card-wrapper.flip-left .card .back {
            transform: rotateY(-180deg)
        }

        .dastavard-boxes .card-wrapper.flip-left:hover .card {
            transform: rotateY(-180deg)
        }

        .dastavard-boxes .card-wrapper.flip-up .card .back {
            transform: rotateX(180deg)
        }

        .dastavard-boxes .card-wrapper.flip-up:hover .card {
            transform: rotateX(180deg)
        }

        .dastavard-boxes .card-wrapper.flip-down .card .back {
            transform: rotateX(-180deg)
        }

        .dastavard-boxes .card-wrapper.flip-down:hover .card {
            transform: rotateX(-180deg)
        }

        .dastavard-boxes .card-wrapper.flip-diagonal-right .card .back {
            transform: rotate3d(1, 1, 0, 180deg)
        }

        .dastavard-boxes .card-wrapper.flip-diagonal-right:hover .card {
            transform: rotate3d(1, 1, 0, 180deg)
        }

        .dastavard-boxes .card-wrapper.flip-diagonal-left .card .back {
            transform: rotate3d(1, 1, 0, -180deg)
        }

        .dastavard-boxes .card-wrapper.flip-diagonal-left:hover .card {
            transform: rotate3d(1, 1, 0, -180deg)
        }

        .dastavard-boxes .card-wrapper.flip-inverted-diagonal-right .card .back {
            transform: rotate3d(-1, 1, 0, 180deg)
        }

        .dastavard-boxes .card-wrapper.flip-inverted-diagonal-right:hover .card {
            transform: rotate3d(-1, 1, 0, 180deg)
        }

        .dastavard-boxes .card-wrapper.flip-inverted-diagonal-left .card .back {
            transform: rotate3d(1, -1, 0, 180deg)
        }

        .dastavard-boxes .card-wrapper.flip-inverted-diagonal-left:hover .card {
            transform: rotate3d(1, -1, 0, 180deg)
        }

    .dastavard-boxes .card-wrapper,
    .dastavard-boxes .card {
        width: 100%;
        min-height: 18.75rem;
        text-align: center
    }

        .dastavard-boxes .card .front,
        .dastavard-boxes .card .back {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: .25rem;
            flex-wrap: wrap
        }

        .dastavard-boxes .card .front {
            color: #6000e6;
            background: #2cfeff;
            font-weight: 500;
            font-size: 1.3rem;
            line-height: 1.9rem
        }

        .dastavard-boxes .card .frontNardeban {
            background: #5597c0;
            color: #fff
        }

        .dastavard-boxes .card .back {
            font-size: 1.5rem;
            color: #fff;
            background: #6000e6
        }

        .dastavard-boxes .card .backNardeban {
            background: #ee5b94
        }

        .dastavard-boxes .card .front img,
        .dastavard-boxes .card .front span {
            display: block
        }

        .dastavard-boxes .card .front span {
            margin-top: -1.875rem
        }

        .dastavard-boxes .card .back span {
            display: block;
            font-size: 1.15rem;
            line-height: 1.9rem;
            margin-bottom: .313rem;
            padding: 1.25rem
        }

        .dastavard-boxes .card .back .btn {
            background-color: #ffd800;
            color: #fff;
            font-weight: 500;
            transition: all .3s
        }

            .dastavard-boxes .card .back .btn:hover {
                background: #2cfeff;
                color: #6000e6
            }

.ThemeTitleRasa span,
.ThemeTitleRasa h1,
.ThemeTitleRasa h2,
.ThemeTitleRasa h3,
.ThemeTitleRasa h4 {
    background: #6000e6
}

.topicSpan {
    display: inline;
    line-height: 1.9rem
}

.topicP {
    display: inline;
    line-height: 1.9rem
}

.topicA {
    display: inline !important
}

.topicCenter {
    text-align: center
}

.topicCenterImage {
    text-align: center;
    padding: .5rem
}

.topicH2 {
    display: inline;
    line-height: 1.9rem;
    font-size: 1.2rem;
    font-weight: 600
}

.topicH3 {
    display: inline;
    line-height: 1.9rem;
    font-size: 1.1rem;
    font-weight: 600
}

.topicH4 {
    display: inline;
    line-height: 1.7rem;
    font-size: 1rem;
    font-weight: 600
}

.articleH2 {
    display: inline;
    line-height: 1.9rem;
    font-size: 1.4rem;
    font-weight: 800
}

.articleH3 {
    display: inline;
    line-height: 1.9rem;
    font-size: 1.2rem;
    font-weight: 800
}

.articleCategoryH3 {
    padding: .7rem;
    text-align: center;
    line-height: 1.9rem;
    font-size: 1.2rem;
    font-weight: 800
}

.articleH4 {
    display: inline;
    line-height: 1.9rem;
    font-size: 1.1rem;
    font-weight: 700
}

a.sectionTitleLink .forumSectionTitle {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #fff !important;
    border-radius: .25em !important
}

.forumSectionTitle {
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    border-radius: .25em
}

.mForumTitle {
    font-size: .9333rem
}

.mTBtitle {
    background-color: #4d77b2;
    padding: .666rem 0 !important;
    color: #fff
}

.mTBtitleStatistics {
    margin-bottom: .333rem;
    border-radius: .266rem;
    margin-top: -.666rem
}

.ptNum {
    color: #787878;
    margin-top: .133rem
}

.statisticsTopicLikeClass {
    font-size: .733rem;
    color: #e85858;
    margin-left: .133rem
}

.registerButtonTopic {
    width: 100%;
    line-height: 3rem;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 700
}

.QuickSignIn {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1e7e34
}

@media only screen and (min-width:1201px) {
    .homeAvatarBox {
        display: flex;
        flex-direction: row;
        align-items: start;
        max-width: inherit;
        margin-left: 1.33rem
    }
}

@media only screen and (max-width:1200px) and (min-width:769px) {
    .homeAvatarBox {
        display: flex;
        flex-direction: row;
        align-items: start;
        max-width: inherit;
        margin-left: 1.33rem
    }
}

@media screen and (min-width:769px) {
    .forumThreadTitle {
        font-size: 1rem;
        font-weight: 700;
        border-radius: .25em
    }

    .MasterForumItems {
        position: relative;
        display: block;
        overflow: auto;
        direction: ltr
    }

    .fontsizeDesk24 {
        font-size: 1.333rem
    }

    .RaziH3 {
        font-size: 1.2rem;
        font-weight: 800;
        line-height: 1.5rem
    }

    .CustomerOrderAroundSearchSchoolUp {
        margin-bottom: 3rem;
        min-height: 13rem
    }

    .CustomerOrderAroundSearchSchoolDown {
        margin-bottom: .666rem;
        min-height: 13rem
    }

    .pagination-breadcrumb {
        margin-top: 3rem
    }

    #txtTopicName {
        width: 30rem
    }

    .subdivisionTitle {
        font-size: 1rem;
        display: inline-block;
        width: 19.266rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .AddCommentBox {
        width: 100%
    }

    .PageCustomerOrder1 {
        min-height: 15rem
    }
}

@media screen and (max-width:768px) {
    .ThreadTopicsImageBox {
        margin-top: .5rem;
        left: .7rem;
        position: relative
    }

    .mainTitleTopicMob {
        margin-top: -.333rem;
        background-color: #4d77b2;
        color: #fff !important;
        padding: .333rem 1rem .333rem 0;
        border-top-left-radius: .133rem;
        border-top-right-radius: .133rem
    }

    .forumThreadTitle {
        color: #fff;
        font-size: .8rem;
        font-weight: 600;
        border-radius: .25em
    }

    .RaziH3 {
        font-size: .9rem;
        font-weight: 800;
        line-height: 1.5rem
    }

    .dastavard-boxes .card {
        margin-bottom: .625rem;
        min-height: 20rem
    }

        .dastavard-boxes .card .front {
            font-weight: 700;
            font-size: 1.1rem;
            line-height: 1.5rem
        }

    .CustomerOrderAroundSearchSchoolUp,
    .CustomerOrderAroundSearchSchoolUp > div {
        padding: 0 !important
    }

    #mainMasterBox {
        padding: .1rem !important
    }
    .importantMainSection {
        padding: .1rem !important
    }
    .postMain {
        padding: 0 .3rem !important
    }

    .list-schools-topic-new {
        margin-right: -1rem;
        margin-left: -1rem
    }

        .list-schools-topic-new .headerMarginMinus .searchSchooName {
            font-size: .9rem !important
        }

    .topicPostIcons {
        font-size: 1.5rem;
        padding: .333rem
    }

    #txtTopicName {
        width: 16rem
    }

    .label-customBg {
        padding: .75rem 1.25rem
    }

    .subdivisionTitle {
        font-size: 1rem;
        display: inline-block;
        width: 16.666rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .AddCommentBox {
        width: 100%
    }
}

#slider {
    position: relative;
    width: 46.666rem;
    height: 10.666rem;
    background: #fff url(/img/Loading.gif) no-repeat 50% 50%
}

    #slider img {
        position: absolute;
        top: 0;
        left: 0;
        display: none
    }

    #slider a {
        border: 0;
        display: block
    }

.nivoSlider {
    position: relative
}

    .nivoSlider img {
        position: absolute;
        top: 0;
        left: 0
    }

    .nivoSlider a.nivo-imageLink {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
        padding: 0;
        margin: 0;
        z-index: 6;
        display: none
    }

.nivo-slice {
    display: block;
    position: absolute;
    z-index: 5;
    height: 100%
}

.nivo-box {
    display: block;
    position: absolute;
    z-index: 5
}

.nivo-caption a {
    display: inline
}

.nivo-html-caption {
    display: none
}

.nivo-directionNav a {
    position: absolute;
    top: 45%;
    z-index: 9;
    cursor: pointer
}

.nivo-prevNav {
    left: 0
}

.nivo-nextNav {
    right: 0
}

.nivo-controlNav a {
    position: relative;
    z-index: 9;
    cursor: pointer
}

    .nivo-controlNav a.active {
        font-weight: bold
    }

.nivo-caption {
    position: absolute;
    left: 0;
    bottom: 1.666rem;
    background: url(/img/transparent.png) repeat;
    color: #fff;
    width: 18rem;
    display: inline-block;
    z-index: 8;
    -webkit-border-top-right-radius: .533rem;
    -webkit-border-bottom-right-radius: .533rem;
    -moz-border-radius-topright: .533rem;
    -moz-border-radius-bottomright: .533rem;
    border-top-right-radius: .533rem;
    border-bottom-right-radius: .533rem;
    padding: 1rem 1rem 1rem 1rem;
    line-height: 1.066rem
}

    .nivo-caption a span {
        margin: 0;
        color: #fff;
        font-size: .8rem
    }

    .nivo-caption a {
        color: #fff;
        font-size: 1.066rem;
        margin-bottom: 0
    }

.nivo-directionNav a {
    position: absolute;
    top: 45%;
    z-index: 99;
    cursor: pointer
}

.nivo-prevNav {
    left: 0
}

.nivo-nextNav {
    right: 0
}

.nivo-controlNav a {
    position: relative;
    z-index: 99;
    cursor: pointer
}

    .nivo-controlNav a.active {
        font-weight: bold
    }

.nivo-controlNav {
    position: absolute;
    left: 43%;
    bottom: 1rem
}

    .nivo-controlNav a {
        display: block;
        width: .733rem;
        height: .8rem;
        background: url(../images/gray_pager.png) no-repeat 0 -.8rem;
        text-indent: -666.6rem;
        border: 0;
        margin-right: .333rem;
        float: left
    }

        .nivo-controlNav a.active {
            background-position: 0 0
        }

.nivo-directionNav a {
    display: block;
    width: 2rem;
    height: 2rem;
    text-indent: -666.6rem;
    border: 0;
    background-repeat: no-repeat
}

a.nivo-nextNav {
    background-image: url(../images/gray_next.png);
    background-position: 0 0;
    right: 1rem
}

a.nivo-prevNav {
    background-image: url(/img/gray_prev.png);
    left: 1rem
}

#custom_nivoslider {
    position: relative;
    background: url(/img/Loading.gif) no-repeat 50% 50%;
    margin: .666rem 0
}

    #custom_nivoslider img {
        position: absolute;
        top: 0;
        left: 0;
        display: none
    }

    #custom_nivoslider a {
        border: 0;
        display: block
    }

    #custom_nivoslider .nivo-caption {
        position: absolute;
        left: 0;
        bottom: 3rem;
        background: url(/img/transparent.png) repeat;
        color: #fff;
        width: 14.666rem;
        z-index: 8;
        -webkit-border-top-right-radius: .533rem;
        -webkit-border-bottom-right-radius: .533rem;
        -moz-border-radius-topright: .533rem;
        -moz-border-radius-bottomright: .533rem;
        border-top-right-radius: .533rem;
        border-bottom-right-radius: .533rem
    }

.ngm-header {
    padding: 0
}

    .ngm-header img,
    .ngm-main img {
        border-radius: .266rem
    }

.ngm-main {
    direction: rtl;
    line-height: 1.9rem;
    font-size: 1.066rem;
    background-color: #f9f9f9;
    border: dashed #eee .066rem;
    border-top: 0
}

.ngm-main-clear {
    clear: both
}

.ngm-main-ltr {
    direction: ltr
}

.ngm-main-inline-block {
    display: inline-block
}

.ngm-main .ngm-main-h2 {
    font-size: 1.2rem;
    font-weight: 700;
    direction: rtl;
    margin: .666rem 0;
    display: block;
    line-height: 1.9rem
}

.ngm-main .ngm-strong-main-slogan {
    display: block;
    margin-bottom: 1.333rem;
    margin-top: 1.333rem
}

    .ngm-main .ngm-strong-main-slogan span,
    .ngm-main .ngm-strong-item-title span.ngm-strong-item-inner,
    .ngm-font-larger {
        font-size: larger
    }

.ngm-font-large {
    font-size: large
}

.ngm-main .ngm-strong-item-title {
    display: block;
    margin-bottom: .666rem
}

.ngm-main span.glyphicon {
    padding-left: .333rem
}

.ngm-footer {
    direction: rtl;
    line-height: 1.9rem;
    border-radius: .266rem;
    font-size: 1.133rem;
    padding: .8rem;
    color: #fff;
    text-shadow: .066rem .066rem .066rem rgba(0, 0, 0, .05);
    text-align: center;
    margin-bottom: 1.333rem
}

.ngm-top-light-footer {
    direction: rtl;
    line-height: 1.9rem;
    border-radius: .266rem;
    font-size: 1.133rem;
    background-color: #fdfdfd;
    padding: .8rem;
    color: #5faf9c;
    text-align: center;
    font-weight: 600
}

.ngm-alert-box {
    display: block;
    padding: 1.333rem;
    background-color: #f4f6f9;
    width: 100%;
    margin-top: 1.2rem;
    border-radius: .266rem;
    font-size: larger;
    border: .066rem solid #e2eaf7
}

.ngm-alert-box-a {
    font-size: large;
    display: block;
    background-color: #f4f6f9;
    padding: 1rem;
    border-radius: .266rem;
    text-align: center;
    border: .066rem solid #e2eaf7
}

.ngm-alert-title {
    display: block;
    color: #c52323;
    font-size: 1.4rem;
    padding-bottom: 1.066rem
}

.ngm-alert-img {
    box-sizing: border-box;
    border: 0;
    vertical-align: middle;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.ngm-font-19 {
    font-size: 1.266rem
}

.ngm-m-t-p {
    margin-top: 1rem
}

.ngm-m-t-22 {
    margin-top: 1.4666rem
}

.ngm-m-b-5 {
    margin-bottom: .333rem
}

.ngm-m-b-15 {
    margin-bottom: 1rem
}

.ngm-p-t-25 {
    padding-top: 1.666rem
}

.ngm-p-t-20 {
    padding-top: 1.333rem
}

.ngm-p-b-18 {
    padding-bottom: 1.2rem
}

.ngm-p-b-20 {
    padding-bottom: 1.333rem
}

.ngm-m-b-18 {
    margin-bottom: 1.2rem
}

.ngm-font-tahoma {
    font-family: tahoma
}

.ngm-block {
    display: block
}

.ngm-mehrafarin-footer {
    direction: rtl;
    line-height: 1.9rem;
    border-radius: .266rem;
    font-size: 1.133rem;
    background-color: #eae4f3;
    padding: .8rem;
    color: #952372;
    text-shadow: .066rem .066rem .066rem rgba(0, 0, 0, .05);
    text-align: center
}

.ngm-sticky-footer {
    background-color: #f5f5f5;
    border-radius: .266rem;
    border: .066rem solid #eee;
    font-size: 1.466rem;
    text-align: center;
    padding: .666rem
}

.ngm-middleBox {
    background-color: #f7f7f7;
    border-radius: .266rem;
    padding-bottom: 1.666rem;
    margin-bottom: 1.666rem
}

.ngm-light-bgcolor {
    background-color: #fefefe
}

.ngm-narrowBox {
    padding: .666rem;
    background-color: #f5f5f5;
    border-radius: .266rem;
    border: .066rem solid #eee;
    margin-bottom: 1.333rem;
    margin-top: 1.333rem
}

.ngm-dashedBorderBox {
    padding: .666rem;
    background-color: #f5f5f5;
    border-radius: .266rem;
    border: .066rem dashed #ddd;
    margin-bottom: 1.333rem;
    margin-top: 1.333rem
}

.ngm-ScoolsCorona {
    background-color: #edf9ec !important
}

.ngm-br-space {
    margin-bottom: .666rem;
    display: block
}

.ngm-redBorder-box {
    border-radius: .266rem;
    color: #cd0100;
    padding: .666rem;
    margin-bottom: .666rem;
    line-height: 1.9rem;
    border: .2rem solid #cd0100;
    box-shadow: .2rem .133rem .066rem rgba(0, 0, 0, .1) inset
}

.ngm-blueBorder-box {
    border-radius: .266rem;
    color: #18357d;
    padding: .666rem;
    margin-bottom: 1rem;
    line-height: 1.9rem;
    border: .2rem solid #18357d;
    box-shadow: .2rem .133rem .066rem rgba(0, 0, 0, .1) inset
}

.ngm-greenLight-Box {
    border-radius: .266rem;
    background-color: #63b330;
    color: #fff;
    padding: .666rem;
    margin-bottom: .666rem;
    line-height: 1.333rem
}

    .ngm-greenLight-Box strong {
        display: block;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        font-size: larger
    }

.ngm-darkRed-Box {
    border-radius: .266rem;
    background-color: #cd0100;
    color: #fff;
    padding: .666rem;
    margin-bottom: .666rem;
    line-height: 1.9rem
}

    .ngm-darkRed-Box strong,
    .ngm-lightYellow-Box strong,
    .ngm-lightLemon-Box strong {
        display: block;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        font-size: larger
    }

.ngm-lightYellow-Box {
    border-radius: .266rem;
    background-color: #ffca02;
    color: #333;
    padding: .666rem;
    margin-bottom: .666rem;
    line-height: 1.9rem
}

.ngm-lightLemon-Box {
    border-radius: .266rem;
    background-color: #b8cc32;
    color: #333;
    padding: .666rem;
    margin-bottom: .666rem;
    line-height: 1.9rem
}

.ngm-box-green-text {
    color: #58a929;
    text-align: center;
    font-size: larger;
    display: block;
    padding: 1.2rem;
    background-color: #f9f9f9
}

.daneshjooschool-borderPic {
    border-radius: .266rem;
    padding-top: 0;
    background-color: #06070d;
    padding-bottom: 1.333rem
}

.ngm-mesbah-box {
    padding: 0;
    border: dashed #29aae3 .066rem;
    border-bottom: .466rem #29aae3 solid
}

.ngm-mesbah-main-box {
    font-size: 1.066rem;
    direction: rtl;
    line-height: 1.9rem;
    background-color: #fbfbfb;
    border: dashed #29aae3 .066rem;
    border-top: 0
}

.ngm-mesbah-box2 {
    padding: 0;
    border: dashed #29aae3 .066rem;
    border-top: .466rem #eee solid;
    border-bottom: 0
}

/*< !----ngm-colors------ >*/
.ngm-color-blue1 {
    color: #00a6ea
}

.ngm-color-red1 {
    color: #f04349
}

.ngm-color-red2 {
    color: #ed1d24
}

.ngm-bgcolor-red2 {
    background-color: #ed1d24
}

.ngm-color-white {
    color: #fff
}

.ngm-color-orange1 {
    color: #fa6601
}

.ngm-color-orange2 {
    color: #fb751e
}

.ngm-color-orange4 {
    color: #e95728
}

.ngm-bgcolor-orange2 {
    background-color: #fb751e
}

.ngm-bgcolor-orange1 {
    background-color: #fa6601
}

.ngm-color-gray1 {
    color: #666
}

.ngm-color-darkAqua1 {
    color: #00a1b9
}

.ngm-bgcolor-darkAqua1 {
    background-color: #00a1b9
}

.ngm-color-lightGreen1 {
    color: #5faf9c
}

.ngm-color-purple-t {
    color: #9d2578
}

.ngm-color-purple-m {
    color: #bcacd6
}

.ngm-color-purple-b {
    color: #869dc5
}

.ngm-color-purple1 {
    color: #aa80bb
}

.ngm-color-purple2 {
    color: #952372
}

.ngm-color-black3 {
    color: #333
}

.ngm-color-blue2 {
    color: #0092be
}

.ngm-bgcolor-darkBlue1 {
    background-color: #1e3b7b
}

.ngm-color-darkBlue1 {
    color: #1f3d7d
}

.ngm-color-darkBlue2 {
    color: #1e3b7b
}

.ngm-color-yellow1 {
    color: #ffb400
}

.ngm-color-lemon1 {
    color: #8bb314
}

.ngm-color-doubleDarkBlue {
    color: #16315e
}

.ngm-bgcolor-doubleDarkBlue {
    background-color: #16315e
}

.ngm-color-blue3 {
    color: #0184be
}

.ngm-color-lightGreen2 {
    color: #5d9939
}

.ngm-color-orange3 {
    color: #ec5c06
}

.ngm-color-greenGrass {
    color: #607305
}

.ngm-color-brown1 {
    color: #7f1718
}

.ngm-bgcolor-brown1 {
    background-color: #7f1718
}

.ngm-color-yellow2 {
    color: #fdc238
}

.ngm-color-pink1 {
    color: #d244a8
}

.ngm-color-pink2 {
    color: #e35d9d
}

.ngm-color-pink3 {
    color: #b01795
}

.ngm-color-pink4 {
    color: #b0188f
}

.ngm-bgcolor-pink2 {
    background-color: #e35d9d
}

.ngm-color-purple3 {
    color: #9066a8
}

.ngm-color-greenShine {
    color: #afca0c
}

.ngm-color-greenTree {
    color: #00a848
}

.ngm-bgcolor-greenTree {
    background-color: #00a848
}

.ngm-color-darkerGreen {
    color: #0e8540
}

.ngm-color-greenLight3 {
    color: #58a929
}

.ngm-color-greenLight4 {
    color: #95a813
}

.ngm-color-blueCarbon1 {
    color: #296dde
}

.ngm-color-blueHeader {
    color: #5d3fd3
}

.ngm-bgcolor-lemonLight {
    background-color: #b8cc32
}

.ngm-color-orangeFade {
    color: #f28d55
}

.ngm-color-purple4 {
    color: #833a92
}

.ngm-bgcolor-purple5 {
    background-color: #9147a0
}

.ngm-color-cyan1 {
    color: #21c7c7
}

.ngm-color-red-mat {
    color: #e64b3c
}

.ngm-color-blue4 {
    color: #29aae3
}

.ngm-color-black8 {
    color: #888
}

.ngm-color-orange-mat {
    color: #f28d55
}

.ngm-color-limeLemon4 {
    color: #c0b847
}

.ngm-color-blue5 {
    color: #36f
}

.ngm-color-blue8 {
    color: #3882c1
}

.ngm-color-blue9 {
    color: #064149
}

.ngm-color-blue10 {
    color: #087187
}

.ngm-color-blue11 {
    color: #037385
}

.ngm-bgcolor-blue1 {
    background-color: #00a6ea
}

.ngm-bgcolor-blue2 {
    background-color: #0092be
}

.ngm-bgcolor-blue3 {
    background-color: #66b1e4
}

.ngm-bgcolor-blue5 {
    background-color: #36f
}

.ngm-bgcolor-blue8 {
    background-color: #3882c1
}

.ngm-bgcolor-blue9 {
    background-color: #064149
}

.ngm-bgcolor-blue10 {
    background-color: #087187
}

.ngm-bgcolor-blue11 {
    background-color: #037385
}

.ngm-bgcolor-bluec {
    background-color: #24219a
}

.ngm-color-green5 {
    color: #008000
}

.ngm-bgcolor-green5 {
    background-color: #008000
}

.ngm-color-green6 {
    color: #6fa21f
}

.ngm-bgcolor-green6 {
    background-color: #6fa21f
}

.ngm-color-green7 {
    color: #396
}

.ngm-bgcolor-green7 {
    background-color: #396
}

.ngm-color-green8 {
    color: #2dc54c
}

.ngm-color-green9 {
    color: #26b209
}

.ngm-bgcolor-green8 {
    background-color: #2dc54c
}

.ngm-color-gred {
    color: #f00
}

.ngm-bgcolor-gred {
    background-color: #f00
}

.ngm-color-blackberry {
    color: #936
}

.ngm-bgcolor-blackberry {
    background-color: #936
}

.ngm-color-darkRed3 {
    color: #b11519
}

.ngm-bgcolor-darkRed3 {
    background-color: #b11519
}

.ngm-color-darkRed4 {
    color: #cc1d24
}

.ngm-bgcolor-darkRed4 {
    background-color: #cc1d24
}

.ngm-color-pink6 {
    color: #ea647b
}

.ngm-bgcolor-pink6 {
    background-color: #ea647b
}

.ngm-color-pink7 {
    color: #ff00cd
}

.ngm-bgcolor-pink7 {
    background-color: #ff00cd
}

.ngm-color-pink8 {
    color: #ff5ee0
}

.ngm-bgcolor-pink8 {
    background-color: #ff5ee0
}

.ngm-color-crimson {
    color: #841010
}

.ngm-bgcolor-crimson {
    background-color: #841010
}

.ngm-color-purple6 {
    color: #8342c3
}

.ngm-bgcolor-purple6 {
    color: #8342c3
}

.ngm-color-purple7 {
    color: #9d2064
}

.ngm-bgcolor-purple7 {
    color: #9d2064
}

.ngm-color-purple8 {
    color: #bf1f75
}

.ngm-bgcolor-purple8 {
    color: #bf1f75
}

.ngm-color-bluec {
    color: #24219a
}

.ngm-line-34 {
    line-height: 2rem
}

.ngm-main .ngm-main-h2-20 {
    font-size: 1.333rem;
    font-weight: 600;
    direction: rtl;
    margin: .666rem 0;
    display: block;
    line-height: 2rem
}

.postMain a {
    display: inline-block;
    white-space: normal;
    word-break: break-word;
    color: #1f51ff !important
}

a.enTextLink {
    direction: ltr;
    display: inline-block;
    white-space: normal;
    word-break: break-word
}

.schoolTB-Detail th {
    color: #a51731;
    font-size: 1.066rem
}

.schoolTB-Detail {
    font-size: 1.066rem
}

    .schoolTB-Detail tr:nth-of-type(even) {
        background-color: #fbf9f9
    }

@media only screen and (max-width:760px), (min-device-width:768px) and (max-device-width:1024px) {
    .btnDeleteTopic {
        margin: .333rem
    }

    table.schoolTB-Detail,
    .schoolTB-Detail thead,
    .schoolTB-Detail tbody,
    .schoolTB-Detail th,
    .schoolTB-Detail td,
    .schoolTB-Detail tr {
        display: block
    }

        .schoolTB-Detail thead tr {
            position: absolute;
            top: -666.6rem;
            left: -666.6rem
        }

    .schoolTB-Detail {
        border: 0;
        border-radius: .266rem
    }

        .schoolTB-Detail tr {
            border: .066rem solid #ccc;
            border-radius: .266rem;
            margin: .2rem auto
        }

        .schoolTB-Detail td {
            border: 0;
            border-bottom: .066rem solid #dedede;
            position: relative;
            border-top: 0;
            padding-right: 25%
        }

            .schoolTB-Detail td:before {
                position: absolute;
                top: .4rem;
                right: 0;
                width: 30%;
                padding-right: .666rem;
                white-space: nowrap;
                color: #1260a2
            }

        .schoolTB-Detail tr:nth-of-type(even) {
            background-color: #fbf9f9
        }

            .schoolTB-Detail tr:nth-of-type(even) td:before {
                color: #a51731
            }

        .schoolTB-Detail td:nth-of-type(1):before {
            content: "اسم"
        }

        .schoolTB-Detail td:nth-of-type(2):before {
            content: "جنسیت"
        }

        .schoolTB-Detail td:nth-of-type(3):before {
            content: "منطقه"
        }

        .schoolTB-Detail td:nth-of-type(4):before {
            content: "مقطع"
        }

        .schoolTB-Detail td:nth-of-type(5):before {
            content: "آدرس"
        }

        .schoolTB-Detail td:nth-of-type(6):before {
            content: "تلفن"
        }
}