/*diz #kadrEzafatNR
{
    background-color: hsl(140, 9%, 19%);
}*/

#sotoonVasat
{
    width: 74%;
}

.itemMatlabKootah
{
    width: calc(100% - 115px);
    overflow-y:auto;
    padding: 30px;
    margin: 0px 30px 20px 25px;
    background-color: hsl(0, 0%, 6%);
}

.kadrTitrVaKholasehMATK
{
    width:100%;
    /*diz overflow-y: auto;*/
    margin-bottom: 30px;
}

.kadrTitrMATK
{
    float: left;
    width: 68%;
    overflow: auto;
    border-bottom: 1px solid;
    border-image: linear-gradient(to left, transparent 0%,  hsl(0, 83%, 35%) 10%, hsl(0, 83%, 35%) 90%, transparent 100%) 1;
    margin-bottom: 10px;
}

span.iconMATK
{
    display: block;
    float: right;
    width: 15px;
    padding: 13px 5px 13px 5px;
    font-family: myIcon2;
    font-size:0.875rem;
    line-height: 1;
    text-align: center;
    color: hsl(45, 87%, 53%);
}

h2.titrMATK
{
    float:right;
    width: calc(100% - 25px);
    height: 16px;
    padding: 12px 0px;
    margin: 0px;
    font-size:1rem;
    line-height: 1;
    text-align: right;
}

h2.titrMATK a, h2.titrMATK a:link, h2.titrMATK a:visited
{
    float:right;
    max-width: 100%;
    height:18px;
    font-family: vazir;
    font-size: 1rem;
    line-height: 1.142;
    overflow-x:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    /*diz text-shadow:1px 1px 3px hsl(130, 8%, 15%);*/
    overflow-y: hidden;
    color: hsl(45, 87%, 80%);

}

h2.titrMATK a:hover
{
    color: hsl(45, 87%, 53%);
}

h2.titrMATK a:active
{
    color: hsl(45, 87%, 30%);
}

.kholasehMATK
{
    width: 100%;
    /*diz padding: 1.418% 2.836%;
    overflow-y:auto;*/
    margin: 0px;
    font-family: vazir;
    font-size: 1rem;
    line-height: 24px;
    text-indent: 10px;
    text-align: justify;
    color: hsl(0, 0%, 80%);
}

img.axKholasehMATK
{
    display: block;
    width: calc(32% - 12px);
    float: right;
    margin: 0px 0px 10px 10px;
    border: 1px solid hsl(0, 83%, 35%);
    /*diz box-shadow: 2px 2px 5px hsl(137, 14%, 10%);*/
}

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

a.edamehMatlabMATK, a.edamehMatlabMATK:link, a.edamehMatlabMATK:visited
{
    float: right;
    padding: 1px 0px;
    font-family: vazir;
    font-size: 1rem;
    line-height: 24px;
    text-decoration: none;
    color: hsl(45, 87%, 53%);
}

a.edamehMatlabMATK:hover, span.matnKholasehMATK a:hover
{
    color: hsl(45, 87%, 30%);
}

a.edamehMatlabMATK:active, span.matnKholasehMATK a:active
{
    color: hsl(45, 87%, 25%);
}

/*diz 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%;
    height: 0px;
    overflow-y: hidden;
    position: relative;
    transition: height 1s;
    background-color: #436142;
}

.titrDG
{
    width: calc(100% - 20px);
    height: 17px;
    padding: 10px 10px 13px 10px;
    margin-bottom: 1.420%;
    position: relative;

}

.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%);

}

.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;

}

.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%);

}

.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%);

}

.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%;
    border-width: 1px 0px 0px  0px;
    border-color: hsl(120, 7%, 29%);
}

hr.khatPasokhDG
{
    margin: 1.420% 19.886% 1.420% 2.840%;
    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%);

}

.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%);

}

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

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

.kadrNamEDG,.kadrEmailEDG,.kadrPasokhBehEDG
{
    float: right;
    width: 47.160%;
    height:24px;
    margin: 2px 1.418%;

}

.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%);

    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
{

}

.kadrPasokhBehEDG
{
    visibility: hidden;
    width:calc(50% - 40px);
    padding-right: 10px;
}

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%);

}

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;

}

.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
{

}

span.matnErrEDG
{
    visibility: hidden;
    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%);


}

.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;
    margin: 10px 0px;
    border-color: hsl(118, 19%, 32%);
}


.kadrPaeenMATK
{
    width: 100%;
    height: 24px;
    clear: both;
    /*diz overflow-y:auto;
    padding: 1.418% 0px;*/
    color: hsl(0, 0%, 80%);
}

.kadrEmkanatMATK, .kadrBarchasbMATK
{
    float: right;
    width: 379px;
    height: 24px;
    padding: 0px 10px;
}

.kadrBarchasbMATK
{
    width: calc(100% - 419px);
    padding: 0px 20px 0px 0px;
}

.kadrEmkanatMATK>div
{
    float:right;
    height: 14px;
    padding:5px 0px;
    font-family: vazir;
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;
}

.kadrZamimehMATK
{
    /*diz width: calc(100% - 261px - 21.897%);*/
    width: 150px;
    min-width: 62px;
    max-width:304px;
}

.kadrSharhMATK
{
    width:calc(100% - 261px - 44.379%);
    min-width: 58px;
    max-width:150px;
}

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


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

.kadrEmkanatMATK>span.matnTarikhErsalMATK
{
    display: block;
    float: right;
    width: 72px;
    height: 14px;
    padding: 5px 0px;
    font-family: vazir;
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;

}
.kadrEmkanatMATK>span.tarikhErsalMATK
{
    display: block;
    float: right;
    width: 82px;
    height: 14px;
    padding: 6px 0px 4px;
    font-family: vazir;
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;

}

.kadrEmkanatMATK>span.kadrShareLikeComment
{
    float: left;
    padding-left: 8px;
    padding-right: 7px;

}


span.tedadLike
{
    display: block;
    width:21px;
    height: 10px;
    padding-top: 2px;
    font-family: vazir;
    text-align: right;
    font-size: 0.625rem;
    line-height: 1;
    position: absolute;
    left:29px;
    top: 0px;
    bottom: 0px;
    margin: auto 0px;
}



span.matnBarchasbMATK
{
    float: right;
    width: 70px;
    font-family: vazir;
    font-size: 0.875rem;
    line-height: 1;
    margin:5px 0px;

}

.kadrBarchasbhaMATK
{
    float: right;
    width: calc(100% - 70px);
    height: 24px;
    overflow-x:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-y:hidden;
}

.kadrBarchasbhaMATK>span
{
    float: right;
    padding:5px 0px;
    font-size: 0.875rem;
    font-family: vazir;
    line-height: 1;
    cursor: context-menu;
}

a.barchasb, a.barchasb:link, a.barchasb:visited
{
    padding: 0px;
    text-decoration: none;
    font-family: vazir;
    font-size: 0.875rem;
    line-height: 1;
    color: hsl(0, 82%, 45%);
}

a.barchasb:hover
{
    color: hsl(0, 82%, 55%);
    /*diz text-shadow: 0px 0px 2px hsl(60, 79%, 62%);*/
}

a.barchasb:active
{
    color: hsl(0, 82%, 50%);
}

.kadrBarchasbhaMATK strong
{
    font-weight: normal;
}

.kadrBarchasbhaMATK>span>span
{
    padding: 2px 5px 8px 5px;
}

/*diz hr.khatBeynItemhaMatlabKootah
{
    margin: 10px 5px;
    border-color: hsl(43, 92%, 48%);
    border-style: solid;
}*/

table#shomarandehSafhehMATK
{
    width:220px;
    height: 29px;
    margin: 30px auto;
    border-spacing:2px;
    font-size:1rem;
}

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


table#shomarandehSafhehMATK td#kadrAdad
{
    width:80px;
    padding-top: 3px;
    font-family:vazir;
    font-weight: bold;
    color: hsl(0, 82%, 100%);
    background-color: hsl(355, 68%, 10%);
}


table#shomarandehSafhehMATK td a
{
    display: block;
    height:100%;
    width:100%;
    padding:5px 0px 2px;
    font-family: myIcon;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    color: hsl(0, 82%, 100%);
    background-color: hsl(355, 68%, 10%);
}

table#shomarandehSafhehMATK td a:hover
{
    background-color: hsl(355, 68%, 25%);
}

table#shomarandehSafhehMATK td a:active
{
    color: hsl(0, 0%, 80%);
    background-color: hsl(355, 68%, 30%);
}

table#shomarandehSafhehMATK td:first-child a
{
    width: calc(100% - 5px);
    padding-right: 5px;
    border-radius:0px 15px 15px 0px;
}

table#shomarandehSafhehMATK td:last-child a
{
    width: calc(100% - 5px);
    padding-left: 5px;
    border-radius:15px 0px 0px 15px;
}



/*diz #kadrEzafatNCHP
{
    background-color: hsl(140, 9%, 19%);
}*/


@media only screen and (min-width: 768px) and (max-width: 950px)
{
    .kadrEmkanatMATK, .kadrBarchasbMATK
    {
        width: 259px;
    }

    a.edamehMatlabMATK, a.edamehMatlabMATK:link, a.edamehMatlabMATK:visited
    {
        margin-left: 30px;
    }

    .kadrZamimehMATK
    {
        display: none;
    }

    .kadrBarchasbMATK
    {
        width: calc(100% - 299px);
    }
}


@media only screen and (max-width:767px)
{
    #sotoonVasat
    {
        width: 100%;
    }

    .itemMatlabKootah
    {
        width: calc(100% - 30px);
        padding: 10px;
        margin: 0px 5px 20px 5px;
        background-color: hsl(0, 0%, 10%);
    }

    .kadrTitrVaKholasehMATK
    {
        margin-bottom: 20px;
    }

    .kadrTitrMATK
    {
        width: 100%;
    }

    span.iconMATK
    {
        width: 24px;
        padding: 13px 0px;
    }

    h2.titrMATK
    {
        width: calc(100% - 24px);
    }

    /*diz .kholasehMATK
    {
        text-align: right;
    }*/

    .kholasehMATK div
    {
        border-width: 0px;
        margin-bottom: 5px;
        /*diz display: inline;*/
    }

    img.axKholasehMATK
    {
        width: calc(100% - 2px);
    }

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

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

    span.matnTarikhErsalMATK
    {
        display: none !important;
    }

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

    .kadrPaeenMATK
    {
        padding-top: 10px;
        border-top: 1px solid hsl(0, 0%, 20%);
    }

    .kadrEmkanatMATK, .kadrBarchasbMATK
    {
        width: calc(100% - 20px);
    }

    .kadrBarchasbMATK
    {
        width: calc(100% - 10px);
        margin: 0px 10px 0px 0px;
        padding: 0px;
    }

    a.edamehMatlabMATK, a.edamehMatlabMATK:link, a.edamehMatlabMATK:visited
    {
        margin-left: 30px;
    }

    .kadrZamimehMATK
    {
        display: none;
    }

    /*diz .kadrDidgahha
    {
        transition: height 0s;
    }*/
}