/*  کادر اضافات نوار راست   */
#kadrEzafatNR
{
    background-color: hsl(140, 9%, 19%);
}


/*      کادر ایتم یک مطلب کوتاه       */
.itemMatlabKootah
{
    width:97.241%;          /*    DEP pad     */
    overflow-y:auto;
    padding: 1.379%;        /*    DEP h,w     */
    /*background-color: #DEDEDE;*/
}

/*      قسمت تيتر و خلاصه نمايش هر مطلب کوتاه     */
.kadrTitrVaKholasehMATK
{
    width:100%;
    overflow-y: auto;
    margin-bottom: 1.418%;
    /*background-color: #B0B0B0;*/
}

span.iconMATK
{
    display: block;
    float: right;
    width: 15px;                /*      DEP pad     */
    padding: 13px 5px 13px 5px; /*        DEP h     */
    font-family: myIcon;
    font-size:0.875rem;           /*    14px    */
    line-height: 1;
    text-align: center;
    color: hsl(36, 79%, 62%);
    background-color: hsl(137, 7%, 19%);
}

h2.titrMATK
{
    float:right;
    width: calc(100% - 25px);
    height: 16px;                 /*        DEP pad, line-h      */
    padding: 12px 0px;            /*        DEP h   */
    margin: 0px;
    font-size:1rem;
    line-height: 1;              /*     DEP h   */
    text-align: right;
    background-color: hsl(135, 8%, 19%);;
}

h2.titrMATK a, h2.titrMATK a:link, h2.titrMATK a:visited
{
    float:right;
    max-width: 100%;
    height:18px;             /*     DEP line-h      */
    font-family: yekan;
    font-size: 0.875rem;
    line-height: 1.142;             /*   DEP h      */
    overflow-x:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    text-shadow:1px 1px 3px hsl(130, 8%, 15%);
    overflow-y: hidden;
    color: hsl(97, 83%, 43%);
    /*background-color: #D1D1D1;*/
}

h2.titrMATK a:hover
{
    color: hsl(83, 100%, 69%);
}

h2.titrMATK a:active
{
    color: hsl(97, 100%, 84%);
}

.kholasehMATK
{
    width: 94.326%;
    padding: 1.418% 2.836%;
    margin: 0px;
    overflow-y:auto;
    font-family: koodak;
    font-size: 0.875rem;
    line-height: 24px;
    text-indent: 10px;
    text-align: justify;
    color: hsl(101, 100%, 95%);
    /*background-color: #E3E3E3;*/
}

img.axKholasehMATK
{
    display: block;
    width: calc(32.116% - 4px);
    float: left;
    margin: 0px 1.459% 0px 0px;
    border: 2px solid hsl(132, 73%, 30%);
    box-shadow: 2px 2px 5px hsl(137, 14%, 10%);
}

span.matnKholasehMATK a,span.matnKholasehMATK a:link,span.matnKholasehMATK a:visited
{
    font-family: koodak;
    font-size: 0.875rem;
    line-height: 24px;               /*     DEP line-h p.kholasehIMAT   */
    text-decoration: none;
    color: hsl(98, 51%, 42%);
    /*background-color: #E0E0E0;*/
}

a.edamehMatlabMATK,a.edamehMatlabMATK:link,a.edamehMatlabMATK:visited
{
    margin-right:5px;
    font-family: koodak;
    font-size: 0.875rem;
    line-height: 24px;               /*     DEP line-h p.kholasehIMAT   */
    text-decoration: none;
    color: hsl(97, 83%, 43%);
    /*background-color: #E0E0E0;*/
}

a.edamehMatlabMATK:hover,span.matnKholasehMATK a:hover
{
    color: hsl(84, 100%, 69%);
}

a.edamehMatlabMATK:active,span.matnKholasehMATK a:active
{
    color: hsl(101, 100%, 95%);
}

span.matnKholasehMATK hr
{
    border-color: hsl(120, 17%, 38%);
}

hr.khatMATK
{
    margin: 10px 0px;
    border-style: solid;
    border-color: hsl(117, 18%, 25%);
}


/*  کادر دیدگاهها       */

.kadrLoadingDG
{
    display: none;
    height: 100%;
    width:100%;
    position: absolute;
    top:0px;
    left: 0px;
    z-index:1;
    background-color: hsla(118, 19%, 32%, 0.5);
}

.kadrLoadingDG>div
{
    height: 30px;
    width:30px;
    border:5px solid hsl(83, 100%, 69%);
    border-right-color: hsl(97, 83%, 43%);
    border-radius: 50%;
    position: absolute;
    top:0px;
    bottom: 0px;
    left:0px;
    right:0px;
    margin:auto;
}

.kadrDidgahha
{
    display: block;
    width: 100%;        /*  352px    */
    height: 0px;       /*  343px    */
    overflow-y: hidden;
    position: relative;
    transition: height 1s;
    background-color: #436142;
}

.titrDG
{
    width: calc(100% - 20px);   /* DEP pad l r  */
    height: 17px;
    padding: 10px 10px 13px 10px;     /*  10px , 13px   */
    margin-bottom: 1.420%;      /*  5px     */
    position: relative;
    /*background-color: #f0f2f2;*/
}

.titrDG>span:first-child
{
    display: inline-block;
    width: 100%;
    height: 14px;
    padding-bottom: 7px;
    border-bottom: 2px solid hsl(120, 7%, 28%);
    font-family: yekan;
    font-size: 0.875rem;
    line-height: 1;
    color: hsl(97, 100%, 84%);
    /*background-color: #ededed;*/
}

.titrDG>span:first-child>span
{
    margin-right: 10px;
}

.titrDG>span+span
{
    float:left;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-family: myIcon;
    font-size: 1rem;
    color: #58c913;
    cursor: pointer;
    position: absolute;
    left: 10px;
    top: 10px;
}

.titrDG>span+span:hover
{
    color: hsl(84, 100%, 69%);
}

.kadrNamayeshDG
{
    width:100%;
    height: 160px;
    overflow-y: auto;
}

span.matnKhali
{
    display: inline-block;
    width: calc(100% - 40px);
    padding: 20px;
    font-family:koodak;
    font-size: 0.75rem;
    line-height: 1.2;
    text-align:center;
    color: hsl(101, 100%, 95%);
}

.itemDG
{
    width:100%;
    overflow-y: auto;
    /*background-color: #D9DBDE;*/
}

.itemDG>table
{
    width: 100%;
    border-spacing: 0px;
}

.itemDG>table td
{
    padding: 0px;
    position: relative;
    vertical-align: top;
}

.itemDG>table td:first-child
{
    direction: ltr;
    width: 20%;
    padding-left: 3px;
}

.itemDG>table span.namNevisandeh
{
    display: inline-block;
    width: calc(100% - 10px);
    height: 100%;
    overflow-y: hidden;
    padding-left: 3px;
    text-align: left;
    font-family: koodak;
    font-size: 0.8125rem;
    line-height: 1.2;
    vertical-align: top;
    color: hsl(84, 100%, 69%);
    /*background-color:#E2E4E4;*/
}

.itemDG>table td:first-child>span
{
    color: hsl(36, 79%, 62%);
    padding-top: 5px;
}

.itemDG>table td+td
{
    width: 80%;
}

.itemDG>table span.matnDG
{
    display: inline-block;
    overflow-y: auto;
    padding-top: 5px;
    padding-bottom: 25px;
    text-align: right;
    font-family: koodak;
    font-size: 0.8125rem;
    line-height: 1.2;
    color: hsl(101, 100%, 95%);
    /*background-color: #dddfdf;*/
}

.itemDG>table span.btnPasokhDG
{
    display:inline-block;
    height: 12px;
    padding: 3px 5px 6px 5px;
    position: absolute;
    left: 10px;
    bottom: 5px;
    font-family: yekan;
    font-size: 0.75rem;
    line-height: 1;
    border-radius: 3px;
    cursor: pointer;
    color: hsl(120, 18%, 12%);
    background-color: hsl(43, 92%, 48%);
}

.itemDG>table span.btnPasokhDG:hover
{
    color: hsl(118, 19%, 32%);
    background-color: hsl(60, 82%, 62%);
}

hr.khatBeynDG
{
    margin: 2.272% 2.840%;       /*   8px 10px       */
    border-width: 1px 0px 0px  0px;
    border-color: hsl(120, 7%, 29%);
}

hr.khatPasokhDG
{
    margin: 1.420% 19.886% 1.420% 2.840%;        /*  5px 70px 5px 10px   */
    border-width: 1px 0px 0px  0px;
    border-color: hsl(117, 17%, 27%);
}

.itemPasokhDG
{
    width: 100%;
    overflow-y: auto;
}

.itemPasokhDG>table
{
    width:100%;
    border-spacing: 0px;
}

.itemPasokhDG>table td
{
    padding: 0px;
    vertical-align: top;
}

.itemPasokhDG>table td:first-child
{
    direction: ltr;
    width: 28%;
    padding-left: 3px;
}

.itemPasokhDG>table span.namNevisandeh
{
    display: inline-block;
    width: calc(100% - 10px);
    padding-left: 3px;
    text-align: left;
    font-family: koodak;
    font-size: 0.8125rem;
    line-height: 1.2;
    vertical-align: top;
    color: hsl(40, 76%, 53%);
    /*background-color:#E2E4E4;*/
}

.itemPasokhDG>table td:first-child>span
{
    color: hsl(40, 76%, 53%);
    padding-top: 5px;
}

.itemPasokhDG>table td+td
{
    width: 72%;
}

.itemPasokhDG>table span.matnDG
{
    display: inline-block;
    overflow-y: auto;
    padding-top: 5px;
    padding-bottom: 15px;
    text-align: right;
    font-family: koodak;
    font-size: 0.8125rem;
    line-height: 1.2;
    color: hsl(101, 100%, 95%);
    /*background-color: #dddfdf;*/
}

.kadrDidgahha>hr
{
    border: 1px solid hsl(117, 17%, 27%);
    margin: 0px 10px;
}

.kadrErsalDG
{
    width:100%;
    height: 138px;
    padding-top: 5px;      /*  5px */
}

.kadrNamEDG,.kadrEmailEDG,.kadrPasokhBehEDG
{
    float: right;
    width: 47.160%;
    height:24px;
    margin: 2px 1.418%;        /*  2px 5px */
    /*background-color: #e4e4e4;*/
}

.kadrNamEDG>span:first-child,.kadrEmailEDG>span:first-child,.kadrMatnEDG>span:first-child
{
    display: inline-block;
    width: 40px;
    height: 16px;
    padding: 4px 0px 4px 5px;
    text-align: left;
    font-family:koodak;
    font-size: 0.875rem;
    line-height: 1;
    color: hsl(101, 100%, 95%);
    /*background-color: #e7e7e7;*/
    vertical-align: top;
}

.kadrNamEDG>input,.kadrEmailEDG>input
{
    width: calc(100% - 60px);
    height: 16px;
    padding: 3px 5px;
    border: 1px solid hsl(84, 100%, 69%);
    font-family: koodak;
    font-size: 0.875rem;
    line-height: 1;
    box-sizing: content-box;
    vertical-align: top;
}

.kadrEmailEDG>input
{
    font-family: sans-serif;
    direction: ltr;
    text-align: left;
}

.kadrNamEDG>input:focus,.kadrEmailEDG>input:focus
{
    /*outline:1px solid hsl(105, 54%, 47%);*/
}

.kadrPasokhBehEDG
{
    visibility: hidden;          /*       modiriat namayesh ba JS      */
    width:calc(50% - 40px);      /*  DEP pad-t   */
    padding-right: 10px;         /*  DEP W       */
}

span.dokmehBastanPasokhBehEDG
{
    display: inline-block;
    width:16px;
    height: 16px;
    margin-top: 4px;
    font-family: myIcon;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    color: hsl(97, 83%, 43%);
    /*background-color: #F4F5F5;*/
}

span.dokmehBastanPasokhBehEDG:hover
{
    color: hsl(84, 100%, 69%);
}

.kadrPasokhBehEDG>span:first-child~span
{
    display: inline-block;
    height: 16px;
    padding: 0px 4px 4px 0px;
    font-family: koodak;
    font-size: 0.875rem;
    line-height: 1;
    vertical-align: middle;

}

.kadrMatnEDG
{
    float: right;
    width:97.163%;
    margin:2px 1.418%;
    height:50px;
    /*background-color: #e4e4e4;*/
}

.kadrMatnEDG>textarea
{
    height: 40px;
    width: calc(100% - 60px);
    padding: 3px 3px 0px 0px;
    border: 1px solid hsl(84, 100%, 69%);
    font-family: koodak;
    font-size: 0.875rem;
    line-height: 1.2;
    resize: none;
    box-sizing: content-box;
}

.kadrMatnEDG>textarea:focus
{
    /*outline:1px solid hsl(105, 54%, 47%);*/
}

span.matnErrEDG
{
    visibility: hidden;     /*  dar hengamm error etebarsanji namayesh dade shavad      */
    float: right;
    display: inline-block;
    width: 120px;
    height: 16px;
    margin:0px 5px;
    font-family:koodak;
    font-size: 0.8125rem;
    line-height: 1;
    color: hsl(2, 100%, 59%);
    /*background-color: #e7e7e7;*/

}

.kadrErsalDG>a
{
    float: left;
    display: inline-block;
    padding: 3px 5px;
    margin: 0px 0px 0px 40px;
    border-radius: 5px;
    text-decoration: none;
    font-family: yekan;
    font-size: 0.875rem;
    line-height: 1;
}

.kadrErsalDG>a:link,.kadrErsalDG>a:visited
{
    color: hsl(130, 8%, 15%);
    background-color: hsl(43, 92%, 48%);
}

.kadrErsalDG>a:hover
{
    color: hsl(118, 19%, 32%);
    background-color: hsl(60, 82%, 62%);
}

.kadrErsalDG>a:active
{
    color: hsl(118, 19%, 32%);
    background-color: hsl(75, 100%, 85%);
}


hr.khatBaadAzDG
{
    display: none;      /*  dar hengam namayesh #kadrDidgahhaMAT : block shavad      */
    margin: 10px 0px;
    border-color: hsl(118, 19%, 32%);
}

/*      کادر پايين نمايش هر مطلب        */
.kadrPaeenMATK
{
    width: 100%;
    overflow-y:auto;
    padding: 1.418% 0px;
    color: hsl(97, 100%, 84%);
    /*background-color: #DBDBDB;*/
}

.kadrEmkanatMATK, .kadrBarchasbMATK
{
    width: 97.163%;                                 /*      DEP pad     */
    height: 24px;
    padding: 0px 1.418%;                            /*  DEP w   */
    /*background-color: #D9D9D9;*/
}

.kadrEmkanatMATK>div
{
    float:right;
    height: 14px;        /* DEP pad     */
    padding:5px 0px;   /*  DEP h   */
    font-family: koodak;
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;
}

.kadrZamimehMATK
{
    width:calc(100% - 261px - 21.897%);      /*  21%=w.kadrSharhMATK    */           /*     DEP w .kadrSharhMATK  */
    min-width: 62px;
    max-width:304px;
    /*background-color: #D4D4D4;*/
}

.kadrSharhMATK
{
    width:calc(100% - 261px - 44.379%);      /*  44%=w.kadrZamimehMATK    */     /*     DEP w .kadrZamimehMATK  */
    min-width: 58px;
    max-width:150px;
    /*background-color: #E0E0E0;*/
}

.kadrZamimehMATK>span.kadrTedadZamimehMATK
{
    position: relative;
}


.kadrZamimehMATK>span.kadrTedadZamimehMATK>span.iconZamimehMATK
{
    display: inline-block;
    width: 18px;
    text-align: right;
    font-family: myIcon;
    font-size: 0.875rem;
    line-height: 1;
    color: hsl(43, 92%, 48%);
    vertical-align: middle;
}

.kadrEmkanatMATK>span.matnTarikhErsalMATK
{
    display: block;
    float: left;
    width: 70px;
    height: 14px;          /* DEP pad     */
    padding: 5px 0px;     /*  DEP h   */
    font-family: koodak;
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;
    /*background-color: #D9D9D9;;*/
}
.kadrEmkanatMATK>span.tarikhErsalMATK
{
    display: block;
    float: left;
    width: 82px;
    height: 14px;          /* DEP pad     */
    padding: 5px 0px;     /*  DEP h   */
    font-family: koodak;
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;
    /*background-color: #E3E3E3;*/
}

.kadrEmkanatMATK>span.kadrShareLikeComment
{
    float: left;
    padding-left: 8px;
    padding-right: 7px;
    /*background-color: #D4D4D4;*/
}


span.tedadLike
{
    display: block;
    width:21px;
    height: 10px;
    padding-top: 2px;       /* tashih barae safheye allpage.php  */
    font-family: Koodak;
    text-align: right;
    font-size: 0.625rem;
    line-height: 1;
    position: absolute;
    left:29px;      /*  span.kadrShareLikeComment pad-l + a.share w + 5px(margin-r - 21px(w span.tedadLike))   */
    top: 0px;
    bottom: 0px;
    margin: auto 0px;
}



span.matnBarchasbMATK
{
    float: right;
    width: 65px;
    font-family: koodak;
    font-size: 0.875rem;
    line-height: 1;
    margin:5px 0px;
    /*background-color: #CFCFCF;*/
}

.kadrBarchasbhaMATK
{
    float: right;
    width: calc(100% - 65px);
    height: 24px;
    overflow-x:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-y:hidden;
    /*background-color: #DBDBDB;*/
}

.kadrBarchasbhaMATK>span
{
    float: right;
    padding:5px 0px;
    font-size: 0.875rem;
    font-family: koodak;
    line-height: 1;           /*        yeki kardan lin-h kantainer va mohtava baraye tanzim chinesh        */
}

a.barchasb, a.barchasb:link, a.barchasb:visited
{
    padding: 0px;
    text-decoration: none;
    font-family: koodak;
    font-size: 0.875rem;
    line-height: 1;
    color: hsl(57, 100%, 76%);
    /*background-color: hsl(0, 0%, 83%);*/
}

a.barchasb:hover
{
    color: hsl(61, 100%, 89%);
    text-shadow: 0px 0px 2px hsl(60, 79%, 62%);
    /*background-color: hsl(0, 0%, 96%);*/
}

a.barchasb:active
{
    color: hsl(57, 100%, 76%);
    /*background-color: hsl(0, 0%, 70%);*/
}

.kadrBarchasbhaMATK strong
{
    font-weight: normal;
}

.kadrBarchasbhaMATK>span>span
{
    padding: 2px 5px 8px 5px;
    /*background-color: #DEDEDE;*/
}

/*  خط افقی بین هر مطلب     */
hr.khatBeynItemhaMatlabKootah
{
    margin: 10px 5px;
    border-color: hsl(43, 92%, 48%);
    border-style: solid;
}

/*          پیجینگ پایین تمام مطالب ستون وسط            */
table#shomarandehSafhehMATK
{
    width:192px;             /* DEP br-sp  */
    height: 29px;             /* DEP br-sp  */
    margin: 1.418% auto 2.836% auto;
    border-spacing:2px;
    font-size:1rem;
}

table#shomarandehSafhehMATK td
{
    padding:0px;
    text-align:center;
}


table#shomarandehSafhehMATK td#kadrAdad
{
    width:80px;

    font-family:yekan;
    font-weight: bold;
    color: hsl(136, 35%, 11%);
    background-color: hsl(43, 92%, 48%);
}


table#shomarandehSafhehMATK td a
{
    display: block;
    height:100%;
    width:100%;
    padding:3px 0px;       /* DEP h   */
    font-family: myIcon;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    color: hsl(136, 35%, 11%);
    background-color: hsl(43, 92%, 48%);
}

table#shomarandehSafhehMATK td a:hover
{
    color: hsl(118, 19%, 26%);
    background-color: hsl(60, 82%, 62%);
}

table#shomarandehSafhehMATK td a:active
{
    color: hsl(118, 19%, 26%);
    background-color: hsl(60, 82%, 62%);
}


/*  کادر اضافات نوار چپ   */
#kadrEzafatNCHP
{
    background-color: hsl(140, 9%, 19%);
}



                       /*          mobile              */
@media only screen and (max-width:767px)
{
    .kholasehMATK
    {
        text-align: right;
    }

    .kholasehMATK div
    {
        display: inline;
    }

    img.axKholasehMATK
    {
        width: 50%;
    }

    .kadrEmkanatMATK>span.tarikhErsalMATK
    {
        width: auto;
        padding-right:3px;
    }

    span.tarikhErsalMATK::before
    {
        content: "تاریخ ارسال : ";
    }

    span.matnTarikhErsalMATK
    {
        display: none !important;
    }

    .kadrSharhMATK>span
    {
        position: relative;
        top: 2px;
    }

    .kadrDidgahha
    {
        transition: height 0s;
    }
}