@font-face
{
    font-family: "koodak";
    src: url('../fonts/bkoodakbold.woff');
}

@font-face
{
    font-family: "koodak";
    src: url('../fonts/btitrbold.woff');
    font-weight: bold;
}


@font-face
{
    font-family: "koodak";
    src: url('../fonts/dastnevis.woff');
    font-style: italic;
}

@font-face
{
    font-family: "yekan";
    src: url('../fonts/byekan.woff');
}

@font-face
{
    font-family: "shabnam";
    src: url('../fonts/shabnam.woff');
}

@font-face
{
    font-family: "shabnam";
    src: url('../fonts/shabnam-bold.woff');
    font-weight: bold;
}

@font-face
{
    font-family: "Titr Bold GE";
    src: url('../fonts/btitrtgebold.woff');
}


@font-face
{
    font-family: "titr";
    src: url('../fonts/btitrbold.woff');
}

@font-face
{
    font-family: "titr";
    font-weight: bold;
    src: url('../fonts/btitrbold.woff');
}


@font-face
{
    font-family: "myIcon";
    src: url('../fonts/glyphicons-halflings-regular.woff');
}

@font-face
{
    font-family: "myIcon2";
    src: url('../fonts/iconic.woff');
}

@font-face
{
    font-family: "myIcon4";
    src: url("../fonts/bp-icons.woff");
}

@font-face
{
    font-family: "vazir";
    src: url("../fonts/vazir-medium-fd.woff");
}

@font-face
{
    font-family: "vazir";
    src: url("../fonts/vazir-black-fd.woff");
    font-weight: bold;
}

@font-face
{
    font-family: "mrt-promoter";
    src: url("../fonts/mrt-promoter.woff");
}

@font-face
{
    font-family: "myIcon3";
    src: url("../fonts/flaticon.woff");
}

@font-face
{
    font-family: "englishfont";
    src: url("../fonts/josefin-sans-v16-latin-regular.woff");
}
@font-face
{
    font-family: "layla";
    src: url("../fonts/layla arabic Bold.woff");
}
@font-face
{
    font-family: "layla";
    src: url("../fonts/layla arabic Light.woff");
}

:root
{ /* رنگ اصلی */
    --cl-1: hsl(0, 92%, 20%);
    --cl-1-1: hsl(0, 92%, 30%);
    --cl-1-2: hsl(0, 92%, 40%);
    --cl-1-3: hsl(0, 92%, 75%);
    --cl-1-4: hsl(0, 92%, 90%);
    --cl-1-5: hsla(0, 93%, 40%, 0.25);
    --cl-1-6: hsl(0, 100%, 50%);


    /* رنگ اصلی دوم */
    --cl-2: hsl(45, 99%, 51%);
    --cl-2-1: hsla(0, 0%, 0%, 0.5);
    --cl-2-2: hsla(0, 0%, 11%, 0.66);
    --cl-2-3: hsl(157, 98%, 17%);
    --cl-2-4: hsl(156, 100%, 12%);
    --cl-2-5: hsl(0, 0%, 90%);
    --cl-2-6: hsl(0, 0%, 38%);
    --cl-2-7: hsl(45, 99%, 71%);

    /*  طیف روشن  */
    --cl-3: hsl(0, 0%, 100%);
    --cl-3-1: hsl(0, 0%, 90%);
    --cl-3-2: hsl(0, 0%, 70%);
    --cl-3-3: hsl(0, 0%, 55%);
    --cl-3-4: hsl(0, 0%, 35%);

    /*  طیف تیره  */
    --cl-4: hsl(225, 12%, 13%);
    --cl-4-1: hsl(225, 10%, 24%);
    --cl-4-2: hsl(225, 10%, 35%);
    --cl-4-3: hsla(230, 92%, 5%, 0.66);
    --cl-4-4: hsl(225, 10%, 18%);


    /* متفرقه (مثل ارور ، دکمه خاص و ...) */
    --cl-5: hsla(0, 0%, 28%, 0.8);
    --cl-5-1: hsl(0, 0%, 8%);
    --cl-5-2: hsl(0, 0%, 0%);
    --cl-5-3: hsl(0, 0%, 0%);
    --cl-5-4: hsl(0, 0%, 0%);


    --cl-asl: var(--cl-1-2);
    --cl-asl2: var(--cl-2);
    --cl-asl3: var(--cl-3-1);

    --cl-tit: var(--cl-3);
    --cl-tit2: var(--cl-1-1);
    --cl-tit3: var(--cl-5-1);

    --cl-txt: var(--cl-3-1);
    --cl-txt2: var(--cl-3-2);
    --cl-txt3: var(--cl-4-3);

    --cl-del: var(--cl-3-3);

    --cl-asl-say: var(--cl-1-1);
    --cl-say: var(--cl-1);
    --cl-say2: var(--cl-3);

    --cl-asl-hov: var(--cl-3-3);
    --cl-hov: var(--cl-2);
    --cl-act: var(--cl-1);

    --cl-bck: var(--cl-4);
    --cl-bck-itm: var(--cl-4-1);

    --cl-brd: var(--cl-3-3);

    --cl-icn: var(--cl-3-3);
    --cl-icn2: var(--cl-1-2);

    --cl-err: var(--cl-1-1);
    --cl-err2: var(--cl-1-2);


}

@keyframes namayeshAksAzBala
{
    0%
    {
        transform: scale(0.8) translateY(-20%);
        opacity: 0.0;
    }
    70%
    {
        transform: scale(1.02) translateY(2%);
    }
    100%
    {
        transform: scale(1) translateY(0%);
        opacity: 1.0;
    }
}

@keyframes namayeshItem
{
    0%
    {
        transform: translateY(105%);
        opacity: 0.0;
    }
    100%
    {
        transform: translateY(0%);
        opacity: 1.0;
    }
}

@keyframes namayeshItemKadrPaeen
{
    0%
    {
        transform: scale(0);
        opacity: 0.0;
    rotate(0 deg);
    }
    100%
    {
        transform: scale(1);
        opacity: 1.0;
    rotate(360 deg);
    }
}

@keyframes aniDokmehGhabli
{
    0%
    {
        transform: translateX(0%);
        opacity: 1;
    }
    100%
    {
        transform: translateX(30%);
        opacity: 0.3;
    }
}

@keyframes aniDokmehBadi
{
    0%
    {
        transform: translateX(0%);
        opacity: 1;
    }
    100%
    {
        transform: translateX(-30%);
        opacity: 0.3;
    }
}


@keyframes aniIconKhaneh
{
    0%
    {
        opacity: 1.0;
        color: var(--cl-asl2);
    }
    100%
    {
        opacity: 0.0;
        color: var(--cl-asl);
    }
}

@keyframes aniIconKhanehHover
{
    0%
    {
        opacity: 1;
        color: var(--cl-asl);
        text-shadow: 0px 0px 3px #ffd68f;

    }
    25%
    {
        opacity: 0;
        color: var(--cl-asl);
    }
    33%
    {
        opacity: 1;
        color: var(--cl-asl2);
        text-shadow: 0px 0px 3px #ffd68f;

    }
    51%
    {
        opacity: 0.8;
        color: var(--cl-asl);
        text-shadow: 0px 0px 2px #ffd68f;

    }
    60%
    {
        opacity: 0.2;
        color: var(--cl-asl2);
        text-shadow: 0px 0px 1px #ffd68f;
    }
    85%
    {
        opacity: 0.8;
        color: var(--cl-asl);
        text-shadow: 0px 0px 2px #ffd68f;
    }
    100%
    {
        opacity: 1.0;
        color: var(--cl-asl2);
        text-shadow: 0px 0px 4px #ffd68f;
    }
}


@keyframes aniIconMahsoolat
{
    0%
    {
        transform: rotate(360deg) scale(1.2);
        color: var(--cl-asl2);
    }
    100%
    {
        transform: rotate(0deg) scale(1);
        color: var(--cl-icn2);
    }
}

@keyframes aniIconMahsoolatHover
{
    0%
    {
        transform: rotate(0deg) scale(1);
        color: var(--cl-asl);
    }
    100%
    {
        transform: rotate(360deg) scale(1.2);
        color: var(--cl-asl2);
    }
}

@keyframes aniIconRookeshHover
{
    0%
    {
        transform: rotate(0deg) scale(1);
    }
    60%
    {
        transform: rotate(630deg) scale(1.2);
    }
    100%
    {
        transform: rotate(630deg) scale(1.2);
        text-shadow: 0px 0px 3px #ffeac4;

    }
}

@keyframes aniIconRookesh2Hover
{
    0%
    {
        width: 0px;
        opacity: 0.0;
        color: var(--cl-asl);
        top: -14px;
        transform: rotate(-90deg);
    }
    15%
    {
        width: 25px;
        opacity: 0.5;
        color: var(--cl-asl);
        top: -14px;
    }
    30%
    {
        width: 25px;
        opacity: 1.0;
        top: 8px;
    }
    60%
    {
        width: 16px;
        opacity: 1.0;
        top: 8px;
    }
    70%
    {
        width: 16px;
        opacity: 1.0;
        top: 2px;
    }

    100%
    {
        width: 16px;
        opacity: 1.0;
        top: 2px;
        transform: rotate(-90deg);
    }
}


/*

@keyframes aniIconNeveshteh1
{
    0%
    {
        opacity: 1.0;
        height: 8.5px;
        transform: scale(1.2);
        color: var(--cl-asl2);
    }
    100%
    {
        opacity: 0.0;
        height: 8.5px;
        transform: scale(1);
        color: var(--cl-asl);
    }
}

@keyframes aniIconNeveshteh1Hover
{
    0%
    {
        height: 0px;
        transform: scale(1);
        color: var(--cl-asl);
    }
    100%
    {
        height: 8.5px;
        transform: scale(1.2);
        color: var(--cl-asl2);
    }
}


@keyframes aniIconNeveshteh2
{
    0%
    {
        opacity: 1.0;
        height: 10px;
        transform: scale(1.2);
        color: var(--cl-asl2);
    }
    100%
    {
        opacity: 0.0;
        height: 10px;
        transform: scale(1);
        color: var(--cl-asl);
    }
}

@keyframes aniIconNeveshteh2Hover
{
    0%
    {
        height: 0px;
        transform: scale(1);
        color: var(--cl-asl);
    }
    100%
    {
        height: 10px;
        transform: scale(1.2);
        color: var(--cl-asl2);
    }
}


@keyframes aniIconGhalam
{
    0%
    {
        opacity: 1.0;
        width: 16px;
        color: var(--cl-asl2);
    }
    100%
    {
        opacity: 0;
        width: 16px;
        color: var(--cl-asl);
    }
}

@keyframes aniIconGhalamHover
{
    0%
    {
        width: 0px;
        color: var(--cl-asl);
    }
    100%
    {
        width: 16px;
        color: var(--cl-asl2);
    }
}


@keyframes aniIconNokGhalam
{
    0%
    {
        transform: scale(1.2);
        color: var(--cl-asl2);
    }
    100%
    {
        transform: scale(1);
        color: var(--cl-icn2);
    }
}

@keyframes aniIconNokGhalamHover
{
    0%
    {
        transform: translate(0px, 0px) scale(1);
    }
    50%
    {
        transform: translate(17px, 0px) scale(1.2);
    }
    70%
    {
        transform: translate(11px, 3px) scale(1.2);
    }
    80%
    {
        transform: translate(7px, -3px) scale(1.2);
    }
    100%
    {
        transform: translate(0px, 0px) scale(1.2);
    }
}

*/


@keyframes aniIconCheragh
{
    0%
    {
        color: var(--cl-asl);
    }
    20%
    {
        opacity: 0;
    }
    40%
    {
        opacity: 1;
        text-shadow: 0px -2px 3px #ffd68f;
    }
    60%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
        color: var(--cl-asl2);
        text-shadow: 0px -3px 6px #ffd68f;
    }
}


@keyframes aniIconTamas1
{
    0%
    {
        opacity: 1.0;
        color: var(--cl-asl2);
    }
    100%
    {
        opacity: 0;
        color: var(--cl-asl);
    }
}

@keyframes aniIconTamas1Hover
{
    0%
    {
        transform: rotate(-95deg);
        color: var(--cl-asl);
    }
    20%
    {
        transform: rotate(-85deg);
    }
    40%
    {
        transform: rotate(-115deg);
    }
    60%
    {
        transform: rotate(-75deg);
    }
    100%
    {
        transform: rotate(-95deg);
        color: var(--cl-asl2);
    }
}


@keyframes aniIconTamas2
{
    0%
    {
        opacity: 1.0;
        color: var(--cl-asl2);
    }
    100%
    {
        opacity: 0;
        color: var(--cl-asl);
    }
}

@keyframes aniIconTamas2Hover
{
    0%
    {

        transform: translateX(1px) rotate(90deg);
        color: var(--cl-asl);
    }
    20%
    {
        transform: translateX(2px) rotate(90deg);
    }
    40%
    {
        transform: translateX(1px) rotate(90deg);
    }
    60%
    {
        transform: translateX(2px) rotate(90deg);
    }
    100%
    {
        transform: translateX(1px) rotate(90deg);
        color: var(--cl-asl2);
    }
}


@keyframes aniIconDozdgir2Hover
{
    0%
    {
        color: var(--cl-asl2);
        transform: translateX(3px) rotate(-90deg);
    }

    50%
    {
        transform: translateX(1px) rotate(-90deg);
        color: var(--cl-asl);
    }
    100%
    {
        color: var(--cl-asl2);
        transform: translateX(3px) rotate(-90deg);

    }
}

@keyframes aniIconDozdgir1
{
    0%
    {
        opacity: 1.0;
        color: var(--cl-asl2);
    }
    100%
    {
        opacity: 0;
        color: var(--cl-asl);
    }
}

@keyframes aniIconDozdgir1Hover
{
    0%
    {

        transform: translateX(1px) rotate(90deg);
        color: var(--cl-asl2);
    }
    50%
    {
        transform: translateX(3px) rotate(90deg);
        color: var(--cl-asl);

    }
    100%
    {
        transform: translateX(1px) rotate(90deg);
        color: var(--cl-asl2);
    }
}

@keyframes aniIconDozdgir2
{
    0%
    {
        opacity: 1.0;
        color: var(--cl-asl2);
    }
    100%
    {
        opacity: 0;
        color: var(--cl-asl);
    }
}


@keyframes aniIconDarbareh
{
    0%
    {
        color: var(--cl-asl2);
    }
    100%
    {
        color: var(--cl-asl3);
    }
}

@keyframes aniIconDarbarehHover
{
    0%
    {
        letter-spacing: -4px;
        width: 0px;
        opacity: 0.0;
        color: var(--cl-asl);
    }
    30%
    {
        width: 16px;
        opacity: 1.0;
    }
    100%
    {
        letter-spacing: 0px;
        width: 16px;
        opacity: 1.0;
        color: var(--cl-asl2);
    }
}

@keyframes aniIconSoalatMotadavel
{
    0%
    {
        color: var(--cl-asl2);
    }
    100%
    {
        color: var(--cl-asl3);
    }
}


@keyframes aniIconSoalatMotadavelHover
{
    0%
    {
        letter-spacing: -4px;
        width: 0px;
        opacity: 0.0;
        color: var(--cl-asl);
    }
    30%
    {
        width: 16px;
        opacity: 1.0;
    }
    100%
    {
        letter-spacing: 0px;
        width: 16px;
        opacity: 1.0;
        color: var(--cl-asl2);
    }
}

@keyframes aniIconAccessory
{
    0%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 1;
    }
}

@keyframes aniIconAccessoryHover
{
    0%
    {
        width: 0px;
        opacity: 0.0;
        color: var(--cl-asl);
        top: -4px;
    }
    15%
    {
        width: 10px;
        opacity: 0.5;
        color: var(--cl-asl);
        top: -4px;
    }
    30%
    {
        width: 16px;
        opacity: 1.0;
        top: -8px;
        text-shadow: 0px 2px 4px #ffd68f;
    }
    60%
    {
        width: 16px;
        opacity: 1.0;
        top: -8px;
        text-shadow: 0px 0px 8px #fff4e0;
    }

    100%
    {
        width: 16px;
        opacity: 1.0;
        color: var(--cl-asl2);
        top: -6px;
        text-shadow: 0px 0px 3px #ffd893;
    }
}

@keyframes aniIconDozdgir
{
    0%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 1;
    }
}


@keyframes aniIconDozdgirHover
{
    0%
    {
        width: 0px;
        opacity: 0.0;
        color: var(--cl-asl);
        top: -8px;
        font-size: 0;
    }
    15%
    {
        width: 10px;
        opacity: 0.5;
        color: var(--cl-asl);
        top: -8px;
        font-size: 10px;

    }
    30%
    {
        width: 16px;
        opacity: 1.0;
        top: -8px;
        text-shadow: 0px 2px 4px #ffd68f;
        font-size: 20px;

    }
    60%
    {
        width: 16px;
        opacity: 1.0;
        top: -4px;
        text-shadow: 0px 0px 8px #fff4e0;
        font-size: 30px;
    }

    100%
    {
        width: 16px;
        opacity: 1.0;
        color: var(--cl-asl2);
        top: 1px;
        text-shadow: 0px 0px 3px #ffd893;
        font-size: 20px;

    }
}


html
{
    height: 100%;
    position: relative;
}

body
{
    margin: 0px;
    color: var(--cl-bck-itm);
    background-color: var(--cl-bck);
    height: 100%;
    position: relative;
    font-family: vazir;
}

u
{
    text-decoration: none;
    border-bottom: 1px solid hsl(97, 83%, 43%);
}

img
{
    font-family: vazir;
    overflow: hidden;
}

a, a:link, a:visited
{
    text-decoration: none;
    color: var(--cl-tit);
}

body input, body select, body textarea
{
    accent-color: var(--cl-asl);
}

select, input, textarea
{
    font-family: vazir;
    border: 1px solid var(--cl-brd);
    background-color: hsl(0, 0%, 100%);
}

input:focus, textarea:focus
{
    outline: 1px solid var(--cl-brd);
}

.inputError
{
    outline: 1px solid red;
}

select:focus
{
    outline: none;
}

/* لودینگ */
@keyframes aniLoading
{
    0%
    {
        transform: scale(1);
        opacity: 1;
    }
    100%
    {
        transform: scale(0.6);
        opacity: 0.7;
    }
}

.kadrLoading
{
    position: absolute;
    top: 0px;
    bottom: -10px;
    right: 0px;
    left: -10px;
    z-index: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 100% !important;
    background-color: hsla(0, 0%, 10%, 0.8);
}

.kadrVasetLoading
{
    width: 60px;
}

.itemLoading
{
    float: right;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(--cl-asl);
    animation: aniLoading 0.4s ease-in-out alternate infinite;
    animation-fill-mode: both;
}

.itemLoading:nth-child(2)
{
    animation: aniLoading 0.4s ease-in-out alternate-reverse infinite;
    animation-fill-mode: both;
}

/* کادر فیکس تمام صفحه */
.kadrKolFix
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.kadrPoshtKF
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: var(--cl-5);
}

.kadrMohtavaKF
{
    position: relative;
    z-index: 2;
    min-height: 134px;
    max-height: calc(98vh - 30px);
    padding: 15px;
    margin:0px 10px;
    border-radius: 8px;
    overflow: hidden;
    background-color: var(--cl-bck);
    font-family: vazir;
    word-spacing: 3px;
    box-shadow: 0 0 3px var(--cl-2-1);
}

/* علاقه مندی ها */
.titrAlaghemandi
{
    float: right;
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--cl-brd);
    font-size: 1.25rem;
    color: var(--cl-asl);
}

.kadrItemhaAlaghemandi
{
    float: right;
    width: 100%;
    max-height: 300px;
    overflow: auto;
}

.itemAlaghemandi
{
    float: right;
    width: 100%;
    margin-bottom: 5px;
}

.kadrAksAlaghemandi
{
    float: right;
    width: 70px;
    margin-left: 10px;
}

img.aksAlaghemandi
{
    float: right;
    width: 100%;
    border-radius: 4px;
}

a.matlabAlaghemandi, a.matlabAlaghemandi:link, a.matlabAlaghemandi:visited
{
    float: right;
    width: calc(100% - 80px);
    height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

a.matlabAlaghemandi:hover
{
    color: var(--cl-hov);
}

a.matlabAlaghemandi:active
{
    color: var(--cl-act);
}

a.dokmehHazfAlaghemandi, a.dokmehHazfAlaghemandi:link, a.dokmehHazfAlaghemandi:visited
{
    float: left;
    padding: 5px;
    margin-left: 5px;
    font-family: myIcon4;
    color: var(--cl-asl);
}

a.dokmehHazfAlaghemandi:hover
{
    color: var(--cl-hov);
}

a.dokmehHazfAlaghemandi:active
{
    color: var(--cl-act);
}


#fullContainer
{
    max-width: 2000px;
    min-width: 240px;
    width: calc(100% - 6%);
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0px auto;
    padding: 0px 3%;
}

#header
{
    float: right;
    width: 100%;
    padding: 0px;
    position: relative;
    z-index: 700;
}

#kadrVasetHeader
{
    float: right;
    width: calc(100% - 24px);
    margin: 8px 12px 0px;
}

#titrHDR
{
    float: right;
    width: 100%;
}

#kadrVasetTitrHDR
{
    float: right;
    width: calc(100% - 265px);
}

#kadrFixHeader
{
    position: fixed;
    top: -150px;
    left: 0;
    transition: top 0.2s;
    width: 100%;
    padding: 5px 0px;
    z-index: 1;
}

.jodakonadehHDR
{
    float: right;
    margin-top: 31px;
    width: 0px;
    height: 25px;
    border-right: 1px solid var(--cl-say);
    box-shadow: 0px 0px 1px 0px var(--cl-brd);

}

a#titrAsliHDR, a#titrAsliHDR:link, a#titrAsliHDR:visited
{
    float: right;
    width: 260px;
    margin: 5px 4% 5px 7%;
    transition: font-size 0.2s;
}

a#titrAsliHDR > img
{
    float: right;
    width: 30%;
    border: 2px solid var(--cl-asl);
    border-radius: 50%;
    transition: width 0.2s;
}

#kadrSearchMNU
{
    float: right;
    width: calc(100% - 230px - 18%);
    padding: 10px 0px;
    overflow: hidden;
    position: relative;
    margin: 10px auto auto;
    /*diz height:30px;
    margin:10px 0px;
    transition: width 0.5s;*/
}

#kadrSearchMNU > input
{
    display: block;
    box-sizing: content-box;
    width: calc(70% - 65px);
    padding: 10px 20px 10px 45px;
    margin: auto;
    /*diz height: 26px;*/
    background-color: var(--cl-bck-itm);
    border-radius: 24px;
    font-family: vazir;
    word-spacing: 3px;
    font-size: 1rem;
    line-height: 1;
    color: var(--cl-txt);
    transition: background-color 0.2s;
    border: unset;
    box-shadow: 0px 1px 5px var(--cl-say);
}

#kadrSearchMNU > input:focus
{
    outline: 0px;
}

a#btnSearchMNU, a#btnSearchMNU:link, a#btnSearchMNU:visited
{
    display: block;
    position: absolute;
    top: 13px;
    left: calc(15% - -4px);
    height: 33px;
    width: 42px;
    text-align: center;
    text-decoration: none;
    font-family: myIcon4;
    font-size: 1.25rem;
    line-height: 1;
    color: var(--cl-asl);
    border-radius: 50%;
    padding-top: 11px;
}

#kadrIconHDR
{
    position: relative;
    float: left;
    display: flex;
    justify-content: space-between;
    width: 213px;
    margin: 21px 0 2px 10px;
}

a.iconHDR, a.iconHDR:link, a.iconHDR:visited
{
    float: left;
    width: 24px;
    height: 24px;
    padding: 10px;
    border-radius: 50%;
    text-align: center;
    font-family: myIcon4;
    font-size: 1.5rem;
    color: var(--cl-tit);
    transition: color 0.2s, border-color 0.2s;
    z-index: 2;
}

a.iconHDR:hover
{
    color: var(--cl-hov);
}

a.iconHDR:active
{
    transition: none;
    color: var(--cl-act);
}

.mobileHDR a
{
    display: block;
    float: left;
    padding: 11px 5px 9px 15px;
    font-family: vazir;
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
    color: var(--cl-tit);
    letter-spacing: 1px;
}


#navarMenu a.iconFTR span.iconMobileHDR
{
    display: block;
    transform: rotateY(180deg);
}

span.tedadSabad
{
    position: absolute;
    top: 5px;
    left: 26px;
    display: block;
    height: 12px;
    min-width: 8px;
    padding: 3px 5px;
    border-radius: 9px;
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;
    background-color: var(--cl-asl2);
    color: var(--cl-asl);
    animation: pulse 2s infinite;
    z-index: 3;
    /*box-shadow: 0px 0px 4px var(--cl-hov);*/
}

.pulse:hover {
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
        box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}

a#hamkariHDR
{
    padding: 8px;
    width: 86px;
    margin: 2px 0 2px 4px;
    border-radius: 8px;
    font-size: 1rem;
    border: 1px solid hsl(0, 0%, 90%);
}

a#hamkariHDR > span.iconKenarMatn
{
    border-left: 1px solid hsl(0, 0%, 50%);
    padding-left: 5px;
    margin-left: 5px;
}

a.iconHDR > span.matnKenarIcon
{
    font-family: vazir;
}


a.dokmehLogin, a.dokmehLogin:link, a.dokmehLogin:visited
{
    width: auto;
    font-family: vazir;
    font-size: 0.875rem;
    color: var(--cl-tit);
    /*border: 1px solid var(--cl-asl);*/
    background-color: var(--cl-asl);
    border-radius: 24px;
    word-spacing: 0px;
    padding: 10px;
}

a.dokmehLogin:hover
{
    color: var(--cl-asl2);
    background-color: var(--cl-1-1);
}

a.dokmehLogin:active
{
    color: var(--cl-asl2);
    background-color: var(--cl-act);
}


/*      منو     */

#navarMenu
{
    float: right;
    width: calc(100% - 10px);
    background-color: var(--cl-bck-itm);
    border-radius: 14px;
    box-shadow: 0px 2px 4px var(--cl-say);
    margin-bottom: 30px;
    margin-top: 10px;
    padding-right: 10px;
}

a#dokmehMNU, a#dokmehMNU:link, a#dokmehMNU:visited
{
    display: none;
    width: 40px;
    /*diz height: 16px;
    padding: 8px 0px 6px 0px;*/
    padding: 8px 0px 8px 10px;
    float: right;
    text-decoration: none;
    text-align: center;
    font-family: myIcon4;
    font-size: 2rem;
    line-height: 1;
    border-radius: 3px;
    color: var(--cl-txt);
}

ul#menu
{
    margin: 0px;
    float: right;
    list-style-type: none;
    padding: 0px;
    position: relative;
    z-index: 1000;
    /*diz height: 50px;*/
}

ul#menu li
{
    float: right;
    position: relative;
    cursor: pointer;
    /*diz height: 100%;*/
}

ul#menu li:hover a.titrMNU
{
    color: var(--cl-hov);
}

ul#menu li:hover > span.iconZirMNU
{
    transform: scale(1.2);
}

a.titrMNU, a.titrMNU:link, a.titrMNU:visited
{
    display: block;
    float: right;
    padding: 12px 2px 11px 15px;
    font-family: vazir;
    word-spacing: 3px;
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
    color: var(--cl-tit);
    transition: color 0.2s;
    /*diz height: 36px;*/
}

ul#menua > li:first-child a.titrMNU, ul#menua > li:first-child a.titrMNU:link, ul#menua > li:first-child a.titrMNU:visited
{
    color: var(--cl-txt2);
}

a.titrMNU:hover
{
    color: var(--cl-hov);
}

a.titrMNU:active
{
    transition: none;
    color: var(--cl-act);
}

span.iconZirMNU
{
    display: inline-block;
    padding: 5px 0px;
    margin-right: 5px;
    font-family: myIcon4;
    font-size: 11px;
    vertical-align: middle;
    transition: transform 0.2s;
    color: var(--cl-icn2);
}


span.iconDastehMNU
{
    display: block;
    position: relative;
    float: right;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    padding: 12px 0px;
    margin: 0px 5px 0px 5px;
    z-index: 2;
    color: var(--cl-icn2);
}

ul#menu > li span.iconRookeshSandaliMNU
{
    transform: rotate(-90deg);
    font-size: 18px;
}

ul#menu > li:hover span.iconRookeshSandaliMNU
{
    animation: aniIconRookeshHover 1.2s;
    animation-fill-mode: forwards;
}

ul#menu > li .iconRookeshSandali2MNU
{
    font-weight: bold;
    color: var(--cl-asl2);
    height: 14px;
    width: 14px;
    line-height: 14px;
    top: 2px;
    right: 2px;
    font-size: 18px;
    opacity: 0;
    z-index: 1;
    transform: rotate(-90deg);
    animation-fill-mode: forwards;
}

ul#menu > li:hover .iconRookeshSandali2MNU
{
    animation: aniIconRookesh2Hover 0.5s 0.5s;
    animation-fill-mode: forwards;
}


span.iconHoverDastehMNU
{
    display: block;
    position: absolute;
    right: 0px;
    font-size: 20px;
    padding: 12px 0px;
    color: var(--cl-icn2);
}


span.iconHoverDastehMNU.iconKhanehMNU
{
    height: 7.5px;
    line-height: 7.5px;
    top: 9px;
    right: 6.5px;
    font-size: 8px;
    opacity: 0.0;
    animation: aniIconKhaneh 2s;
    animation-fill-mode: forwards;
}

ul#menu li:hover span.iconHoverDastehMNU.iconKhanehMNU
{
    animation: aniIconKhanehHover 1s;
    animation-fill-mode: forwards;
}


span.iconHoverDastehMNU.iconMahsoolatMNU
{
    height: 11px;
    line-height: 11px;
    top: 4.5px;
    right: 4px;
    font-family: myIcon4;
    font-size: 12px;
    transform-origin: 50% 50%;
    animation: aniIconMahsoolat 1s;
    animation-fill-mode: forwards;
}

ul#menu li:hover span.iconHoverDastehMNU.iconMahsoolatMNU
{
    animation: aniIconMahsoolatHover 0.5s;
    animation-fill-mode: forwards;
}

span.iconHoverDastehMNU.iconNeveshteh1MNU
{
    height: 0px;
    line-height: 11px;
    top: 17px;
    right: 1px;
    padding: 0px;
    z-index: 0;
    font-size: 18px;
    animation: aniIconNeveshteh1 1s 0.5s;
    animation-fill-mode: both;
}

/* diz span.iconHoverDastehMNU.iconNeveshteh2MNU
{
    height: 0px;
    overflow: hidden;
    line-height: 10px;
    top: 16px;
    right: 11px;
    padding: 0px;
    font-size: 10px;
    animation: aniIconNeveshteh2 1s;
    animation-fill-mode: forwards;
}*/


ul#menu li:hover span.iconHoverDastehMNU.iconNeveshteh1MNU
{
    animation: aniIconNeveshteh1Hover 1s;
    animation-fill-mode: forwards;
}

ul#menu li:hover span.iconHoverDastehMNU.iconNeveshteh2MNU
{
    animation: aniIconNeveshteh2Hover 1s 0.5s;
    animation-fill-mode: both;
}


span.iconHoverDastehMNU.iconGhalamMNU
{
    height: 16px;
    width: 0px;
    overflow: hidden;
    line-height: 16px;
    padding: 0px;
    margin: 0px;
    top: 23.5px;
    right: 13px;
    font-size: 16px;
    z-index: 1;
    transform: unset !important;
    animation: aniIconGhalam 0.5s;
    animation-fill-mode: both;
}

ul#menu li:hover span.iconHoverDastehMNU.iconGhalamMNU
{
    animation: aniIconGhalamHover 1s 0.4s;
    animation-fill-mode: both;
}

span.iconDastehMNU.iconNokGhalamMNU
{
    transition: unset !important;
    animation: aniIconNokGhalam 0.1s;
    animation-fill-mode: forwards;
}

ul#menu li:hover span.iconDastehMNU.iconNokGhalamMNU
{
    animation: aniIconNokGhalamHover 1s;
    animation-fill-mode: forwards;
}


span.iconHoverDastehMNU.iconTamas1MNU
{
    height: 12px;
    line-height: 12px;
    top: 1px;
    right: 9px;
    font-size: 12px;
    transform-origin: center 24px;
    transform: rotate(-90deg);
    animation: aniIconTamas1 1s;
    animation-fill-mode: forwards;
}

ul#menu li:hover span.iconDastehMNU.iconTamas1MNU
{
    animation: aniIconTamas1Hover 0.33s 3;
    animation-fill-mode: forwards;
}


span.iconHoverDastehMNU.iconTamas2MNU
{
    height: 12px;
    line-height: 12px;
    top: 1px;
    right: -1px;
    font-size: 12px;
    transform-origin: center 24px;
    transform: rotate(90deg);
    animation: aniIconTamas2 1s;
    animation-fill-mode: forwards;
}

ul#menu li:hover span.iconDastehMNU.iconTamas2MNU
{
    animation: aniIconTamas2Hover 0.33s 3;
    animation-fill-mode: forwards;
}

span.iconDozdgirMNU
{
    font-weight: bold;
    color: var(--cl-asl);
    height: 14px;
    width: 14px;
    line-height: 14px;
    top: 2px;
    right: -2px;
    font-size: 12px;
    opacity: 0;
    animation-fill-mode: forwards;
}

ul#menu li:hover span.iconDozdgirMNU
{
    animation: aniIconAccessory 1s, aniIconDozdgirHover 0.5s 0.2s;
    animation-fill-mode: both;
}


span.iconHoverDastehMNU.iconAccessoryMNU
{
    font-weight: bold;
    color: var(--cl-asl);
    height: 14px;
    width: 14px;
    line-height: 14px;
    top: 2px;
    right: 5px;
    font-size: 12px;
    opacity: 0;
    animation-fill-mode: forwards;
}

ul#menu li:hover span.iconDastehMNU.iconAccessoryMNU
{
    animation: aniIconAccessory 1s, aniIconAccessoryHover 0.5s 0.5s;
    animation-fill-mode: both;
}

/*
span.iconHoverDastehMNU.iconDozdgir1MNU
{
    height: 12px;
    line-height: 12px;
    top: 1px;
    right: -4px;
    font-size: 16px;
    transform-origin: center 24px;
    transform: rotate(90deg);
    animation: aniIconDozdgir2 2s;
    animation-fill-mode: forwards;
}

ul#menu li:hover span.iconDastehMNU.iconDozdgir1MNU
{
    animation: aniIconDozdgir1Hover 1s 2;
    animation-fill-mode: forwards;
}

span.iconHoverDastehMNU.iconDozdgir2MNU
{
    height: 12px;
    line-height: 12px;
    top: 1px;
    right: 13px;
    font-size: 16px;
    transform-origin: center 24px;
    transform: rotate(-90deg);
    animation: aniIconDozdgir1 2s;
    animation-fill-mode: forwards;
}

ul#menu li:hover span.iconDastehMNU.iconDozdgir2MNU
{
    animation: aniIconDozdgir2Hover 1s 2;
    animation-fill-mode: forwards;
}*/


span.iconHoverDastehMNU.iconDarbarehMNU
{
    font-weight: bold;
    color: white;
    height: 14px;
    width: 14px;
    line-height: 14px;
    top: 1px;
    right: 6.5px;
    font-size: 14px;
    font-family: titr;
    animation: aniIconDarbareh 1s;
    animation-fill-mode: forwards;
}


ul#menu li:hover span.iconDastehMNU.iconDarbarehMNU
{
    animation: aniIconDarbarehHover 0.5s 0.5s;
    animation-fill-mode: both;
}


span.iconHoverDastehMNU.iconSoalatMotadavelMNU
{
    font-weight: bold;
    color: white;
    height: 14px;
    width: 14px;
    line-height: 14px;
    top: 2px;
    right: 3.5px;
    font-size: 14px;
    animation: aniIconSoalatMotadavel 1s;
    animation-fill-mode: forwards;
}

ul#menu li:hover span.iconDastehMNU.iconSoalatMotadavelMNU
{
    animation: aniIconSoalatMotadavelHover 0.5s 0.5s;
    animation-fill-mode: both;
}

span.iconHoverDastehMNU.iconAccessoryMNU
{
    font-weight: bold;
    color: var(--cl-asl);
    height: 14px;
    width: 14px;
    line-height: 14px;
    top: 2px;
    right: 5px;
    font-size: 12px;
    opacity: 0;
    animation-fill-mode: forwards;
}

ul#menu li:hover span.iconDastehMNU.iconAccessoryMNU
{
    animation: aniIconAccessory 1s, aniIconAccessoryHover 0.5s 0.5s;
    animation-fill-mode: both;
}

span.iconHoverDastehMNU.iconSootVaTasvirMNU
{
    height: 12px;
    line-height: 12px;
    top: -2px;
    right: 4px;
    font-size: 23px;
    transform-origin: center 24px;
    transform: rotate(90deg);
    animation: aniIconTamas2 1s;
    animation-fill-mode: forwards;
}


ul#menu > li span.iconDastehMNU.iconAsliSootVaTasvirMNU
{
    font-size: 28px;
    z-index: 3;
}

span.iconAsliCheraghMNU
{
    font-size: 34px;
    z-index: 1;
}


ul#menu li:hover span.iconDastehMNU.iconSootVaTasvirMNU
{
    animation: aniIconTamas2Hover 0.33s 3;
    animation-fill-mode: forwards;
}


span.iconCheraghMNU
{
    height: 12px;
    line-height: 12px;
    top: 6px;
    right: 6px;
    font-size: 23px;
    opacity: 0;
}

ul#menu li:hover span.iconCheraghMNU
{
    animation: aniIconCheragh 0.5s;
    animation-fill-mode: forwards;
}


li#itemTamasMNU, li#itemHamkariMNU
{
    display: none;
}

ul.zirMNU
{
    margin: 0px;
    width: 200px;
    padding: 0px;
    list-style-type: none;
    position: absolute;
    right: 0px;
    top: 86px;
    box-shadow: 0px 1px 3px var(--cl-say);
    transition: top 0.2s, opacity 0.2s;
}

ul.zirMNU > li
{
    width: 100%;
}

span.titrZirMNU
{
    float: right;
    padding: 8px 10px 8px 20px;
    margin: 0 10px;
    border-bottom: 1px solid var(--cl-4);
    font-family: vazir;
    font-size: 1rem;
}

a.titrMNU + ul
{
    overflow-y: hidden;
    height: 0px;
    opacity: 0;
}

ul#menu li:hover .zirMNU, ul.zirMNU:hover
{
    display: block;
    opacity: 1;
    top: 46px;
    height: auto;
    max-height: 400px;
    padding: 0px;
    border-radius: 14px;
    overflow: auto;
}

a.titrZirMNU, a.titrZirMNU:link, a.titrZirMNU:visited
{
    display: block;
    width: calc(100% - 15px);
    padding: 10px 15px 10px 0px;
    font-family: vazir;
    word-spacing: 3px;
    font-size: 0.937rem;
    text-align: right;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: var(--cl-1-1);
    color: var(--cl-tit);
    transition: color 0.2s;
}

a.titrZirMNU:hover
{
    color: var(--cl-asl2);
}

a.titrZirMNU:active
{
    transition: none;
    color: var(--cl-act);
}

a#iconAbzarhaMNU, a#iconAbzarhaMNU:link, a#iconAbzarhaMNU:visited
{
    margin: 0px 0px 0px 10px;
    float: left;
    text-align: center;
    font-family: myIcon4;
    font-size: 1.5rem;
    border-radius: 3px;
    color: var(--cl-txt);
}

ul.zirMNU > li:last-child a.titrZirMNU
{
    color: var(--cl-asl2);
}

a#iconAbzarhaMNU:hover
{
    color: var(--cl-5);
}

a#iconAbzarhaMNU:active
{
    color: var(--cl-5-2);
}

#kadrIconhaMNU
{
    position: absolute;
    bottom: 7px;
    left: 60px;
    float: left;
    height: 0;
    overflow: hidden;
    padding: 0 5px;
    background-image: linear-gradient(var(--cl-bck) 0%, var(--cl-3-1) 50%, var(--cl-bck) 100%);
    border: 1px solid var(--cl-5-2);
    border-radius: 8px;
    opacity: 0;
    transition: opacity 0.2s, height 0.2s;
}

#kadrIconhaMNU.baz
{
    height: 36px;
    opacity: 1;
}

a.iconMNU, a.iconMNU:link, a.iconMNU:visited
{
    float: left;
    width: 26px;
    height: 26px;
    padding: 5px;
    margin-right: 5px;
    text-align: center;
    font-family: myIcon4;
    font-size: 1.5rem;
    color: var(--cl-txt);
}

a.iconMNU:hover
{
    color: var(--cl-5);
}

a.iconMNU:active
{
    color: var(--cl-5-1);
}

a.iconMNU:last-child
{
    margin: 0;
}

.khatZirDar
{
    position: relative;
}

/*.khatZirDar::after
{
    content: "";
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 80px;
    height: 2px;
    background-color: hsl(353, 84%, 58%);
}*/

#kadrSayehMNU
{
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 24%, 0.6);
    z-index: 999;
}

#navarMenu .kadrIconhaFTR
{
    float: left;
    width: calc(15% - 10px);
    padding: 12px 5px 0px 5px;
}

#navarMenu .kadrIconhaFTR a.iconFTR, #navarMenu .kadrIconhaFTR a.iconFTR:link, #navarMenu .kadrIconhaFTR a.iconFTR:visited
{
    font-size: 1.5rem;
    float: left;
}

#navarMenu .kadrIconhaFTR img.aksIconFTR
{
    width: 73%;
}

#navarMenu .kadrIconhaFTR .iconFixFTR img
{
    width: 100%;
}

#navarMenu .kadrIconhaFTR .aksShabakeEjtemaee
{

    display: inline-block;
    width: 25px;
    height: 25px;
}

#navarMenu span.aksShabakeEjtemaee.instagram
{
    background-image: url(../pic/instagram-ashya-tasviri.png);
    background-position: 0px 0px;
}

#navarMenu span.aksShabakeEjtemaee.eitaa
{
    background-image: url(../pic/eeta-ashya-tasviri.png);
    background-position: 0px 0px;
}

#navarMenu .kadrIconhaFTR span.aksShabakeEjtemaee.instagram:hover,
#navarMenu .kadrIconhaFTR span.aksShabakeEjtemaee.eitaa:hover
{
    background-position: -25px 0px;
}

#navarMenu .kadrIconhaFTR span.aksShabakeEjtemaee.instagram:active,
#navarMenu .kadrIconhaFTR span.aksShabakeEjtemaee.eitaa:active
{
    background-position: -50px 0px;
}


/* کادر معرفی */
.kadrIconhaMoarefi
{
    float: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    padding: 50px 0;
}

.titrIM
{
    float: right;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    color: var(--cl-4);
    font-size: 1.5rem;
    font-weight: bold;
}

.itemIM
{
    width: 20%;
    text-align: center;
}

.kadrShomIM
{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.shomIM
{
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 2px;
    border-radius: 15px;
    background-color: var(--cl-3-1);
    color: var(--cl-5);
}

img.aksIM
{
    position: relative;
    width: 50px;
    margin-bottom: 10px;
}

.titrItemIM
{
    float: right;
    width: 100%;
}

.moarefi
{
    float: right;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: calc(100% - 60px);
    padding: 50px 30px;
    background-color: var(--cl-5-3);
}

.kadrMohtavaMoarefi
{
    float: left;
    width: 50%;
}

h1.titrAsli
{
    position: relative;
    float: left;
    width: calc(70% - 10px);
    padding: 0;
    font-size: 1.75rem;
    font-family: vazir;
    color: var(--cl-asl);
    line-height: 1;
}

h1.titrAsli strong
{
    width: 100%;
    position: absolute;
    right: 0px;
    color: var(--cl-asl2);
    font-size: 1.5rem;

}


p.matnMoarefi
{
    float: right;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    text-align: justify;
    text-indent: 10px;
}

img.aksKadrMoarefi
{
    float: left;
    width: calc(50% - 30px);
    margin-right: 30px;
    border-radius: 16px;
}

.kadrBtnMoarefi
{
    float: right;
    width: 100%;
    margin-top: 10px;
}

a.btnMoarefi, a.btnMoarefi:link, a.btnMoarefi:visited
{
    float: left;
    padding: 5px 10px;
    margin-right: 50px;
    border-radius: 8px;
    color: var(--cl-5);
}

a.btnMoarefi:hover
{
    color: var(--cl-5-1);
}

a.btnMoarefi:active
{
    color: var(--cl-5-2);
}

#navarRast
{
    position: relative;
    z-index: 100;
    float: right;
    width: calc(20% - 0px);
    /*margin-right: 25px;*/
    overflow-y: auto;
}

#ettelaeeyehNR
{
    width: 100%;
    height: 300px;
    float: right;
    position: relative;
    background-color: hsl(120, 7%, 29%);
}

#headerEtt
{
    padding: 10px 20px 10px 20px;
    height: 18px;
    background: url('../pic/parcham.png') no-repeat right bottom;
    border-bottom: 2px solid #59c913;
    font-family: 'Titr Bold GE';
    font-size: 1rem;
    line-height: 1;
    text-align: left;
    color: hsl(95, 100%, 82%);
    text-shadow: 1px 2px 2px hsl(126, 75%, 20%);
}

h2#titrEtt
{
    margin: 0px;
    font-family: 'yekan';
    font-size: 0.875rem;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    color: hsl(95, 100%, 82%);
    text-shadow: 1px 2px 2px hsl(126, 75%, 20%);
}

#matnEtt
{
    display: block;
    padding: 5px 10px;
    height: 170px;
    font-family: 'koodak';
    font-size: 0.875rem;
    line-height: 24px;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: justify;
}


#matnEtt a, #matnEtt a:link, #matnEtt a:visited
{
    font-family: koodak;
    font-size: 0.875rem;
    text-decoration: none;
    color: hsl(119, 63%, 18%);
}

#matnEtt a:hover
{
    color: hsl(119, 63%, 52%);
}

#matnEtt a:active
{
    color: hsl(119, 63%, 28%);
}

#matnEtt hr
{
    border-color: hsl(126, 75%, 20%);
}


#ettelaeeyehNR > a#ettelaatBishtar
{
    display: block;
    position: absolute;
    bottom: 10px;
    left: 10px;
}

#tablighNR
{
    width: 100%;
    overflow-y: auto;
    float: right;
    background-color: hsl(138, 15%, 23%);
}

#titrTabligh
{
    padding: 10px 20px 10px 20px;
    height: 18px;
    background: url('../pic/parcham.png') no-repeat right bottom;
    border-bottom: 2px solid hsl(97, 83%, 43%);
    font-family: 'Titr Bold GE';
    font-size: 1rem;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    text-align: left;
    color: hsl(95, 100%, 82%);
    text-shadow: 1px 2px 2px hsl(126, 75%, 20%);
}

#sharhTabligh
{
    padding: 10px;
    font-family: 'koodak';
    font-size: 0.875rem;
    overflow-x: hidden;
}

img#axTabligh
{
    display: block;
    max-width: 100%;
    margin: 0px auto;
    border-width: 0px;
}

#tablighNR > #sharhTabligh > h2
{
    margin: 0px;
}

a#titrMatnTabligh, a#titrMatnTabligh:link, a#titrMatnTabligh:visited
{
    display: block;
    padding: 13px 10px;
    font-family: 'yekan';
    font-size: 0.875rem;
    line-height: 1;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    color: hsl(98, 100%, 95%);
}


a#matnTabligh, a#matnTabligh:link, a#matnTabligh:visited
{
    display: block;
    overflow: hidden;
    min-height: 60px;
    max-height: 200px;
    font-family: 'koodak';
    font-size: 0.875rem;
    line-height: 20px;
    text-align: justify;
    color: hsl(98, 100%, 95%);
    text-decoration: none;
}

#sharhTabligh:hover h2 > a#titrMatnTabligh, #sharhTabligh:hover a#matnTabligh
{
    color: hsl(84, 100%, 69%);
}

#sharhTabligh:active h2 > a#titrMatnTabligh, #sharhTabligh:active a#matnTabligh
{
    color: hsl(97, 100%, 84%);
}

#barchasbhaNR
{
    width: 100%;
    overflow-y: auto;
    float: right;
    background-color: hsl(120, 7%, 29%);
}

#titrBarchasbhaNR
{
    padding: 10px 20px 10px 20px;
    height: 18px;
    background: url('../pic/parcham.png') no-repeat right bottom;
    border-bottom: 2px solid hsl(97, 83%, 43%);
    font-family: 'Titr Bold GE';
    font-size: 1rem;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    text-align: left;
    color: hsl(95, 100%, 82%);
    text-shadow: 1px 2px 2px hsl(126, 75%, 20%);
}

#kadrBarchasbhaNR
{
    padding: 10px;
    font-family: 'koodak';
    font-size: 0.875rem;
    max-height: 400px;
    overflow-y: auto;
}

a.barchasbNR
{
    float: right;
    height: 14px;
    padding: 5px 5px;
    margin: 2px 0px 2px 20px;
    border-radius: 0px 2px 2px 0px;
    font-family: koodak;
    font-size: 0.875rem;
    line-height: 1;
    text-decoration: none;
    position: relative;
    color: hsl(95, 100%, 82%);
    background-color: hsl(138, 15%, 23%);
    box-shadow: 1px 1px 2px hsl(141, 64%, 4%);
}

a.barchasbNR:hover
{
    color: hsl(94, 100%, 72%);
    text-shadow: 0px 0px 7px hsl(94, 87%, 69%);
}

a.barchasbNR:active
{
    color: hsl(96, 100%, 92%);
}

a.barchasbNR::after
{
    content: "";
    display: block;
    height: 0px;
    width: 0px;
    position: absolute;
    right: 100%;
    top: 0px;
    border-right: 12px solid hsl(138, 15%, 23%);
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}

a.barchasbNR::before
{
    content: "";
    display: block;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    position: absolute;
    left: -4px;
    top: 0px;
    bottom: 0px;
    margin: auto 0px;
    background-color: hsl(120, 7%, 29%);
    z-index: 10;
}

a.rangBarchasbSath1NR
{
    color: hsl(142, 63%, 14%);
    background-color: hsl(120, 41%, 69%);
}

a.rangBarchasbSath1NR::after
{
    border-right-color: hsl(120, 41%, 69%);
}

a.rangBarchasbSath2NR
{
    color: hsl(141, 63%, 12%);
    background-color: hsl(120, 41%, 59%);
}

a.rangBarchasbSath2NR::after
{
    border-right-color: hsl(120, 41%, 59%);
}

a.rangBarchasbSath3NR
{
    color: hsl(139, 62%, 10%);
    background-color: hsl(120, 41%, 49%);
}

a.rangBarchasbSath3NR::after
{
    border-right-color: hsl(120, 41%, 49%);
}

a.rangBarchasbSath4NR
{
    color: hsl(138, 60%, 8%);
    background-color: hsl(120, 41%, 39%);
}

a.rangBarchasbSath4NR::after
{
    border-right-color: hsl(120, 41%, 39%);
}

a.rangBarchasbSath5NR
{
    color: hsl(141, 64%, 4%);
    background-color: hsl(120, 41%, 29%);
}

a.rangBarchasbSath5NR::after
{
    border-right-color: hsl(120, 41%, 29%);
}

#kadrBarchasbhaNR strong
{
    font-weight: normal;
}


#kadrPeygiriSefareshPNR
{
    /* position: absolute; */
    /* right: 0px; */
    /* top: 44px; */
    /* z-index: 49; */
    /* float: left; */
    /* width: 300px; */
    /* height: 0; */
    padding: 0 10px;
    margin: 0px auto;
    border-radius: 0 0 8px 8px;
    /* background-color: var(--cl-5-1); */
    overflow: hidden;
    /* box-shadow: 0px 2px 5px var(--cl-1-1); */
    transition: height 0.2s;
}

#kadrPeygiriSefareshPNR [class^="daiereh"]
{
    height: calc(40% - 20px);
    width: calc(40% - 20px);
}

#dokmehBastanPNR
{
    display: none;
}

input#txtCodePeygiri
{
    display: block;
    float: right;
    height: 32px;
    width: calc(100% - 126px);
    padding: 0px 8px 1px;
    margin: 10px 0px;
    border: 0px;
    background-color: var(--cl-bck);
    border-radius: 8px;
    font-size: 0.875rem;
    font-family: vazir;
    word-spacing: 0px;
    line-height: 1;
    direction: ltr;
    text-align: left;
    color: var(--cl-txt);
    border: 1px solid var(--cl-brd);
}


input#txtCodePeygiri::-webkit-input-placeholder
{
    text-align: center;
    color: var(--cl-txt2);
}

input#txtCodePeygiri:-moz-placeholder /* Firefox 18- */
{
    text-align: center;
    color: var(--cl-txt2);
}

input#txtCodePeygiri::-moz-placeholder /* Firefox 19+ */
{
    text-align: center;
    color: var(--cl-txt2);
}

input#txtCodePeygiri:-ms-input-placeholder
{
    text-align: center;
    color: var(--cl-txt2);
}

#kadrPeygiriSefareshPNR > a, #kadrPeygiriSefareshPNR > a:link, #kadrPeygiriSefareshPNR > a:visited
{
    display: block;
    float: right;
    width: 94px;
    height: 18px;
    padding: 9px 4px 5px 4px;
    margin: 11px 5px 10px 0px;
    border-radius: 8px;
    font-size: 0.875rem;
    font-family: vazir;
    word-spacing: 2px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    color: var(--cl-tit);
    outline: 1px solid var(--cl-asl);
    transition: color 0.2s;
}


#kadrPeygiriSefareshPNR > a:hover
{
    color: var(--cl-hov);
}

#kadrPeygiriSefareshPNR > a:active
{
    color: var(--cl-act);
}

#sotoonVasat
{
    width: 100%;
    margin-bottom: 1.405%;
    float: right;
    position: relative;
    z-index: 3;
}

#kadrRatioSlider
{
    direction: rtl;
    width: 100%;
    padding-top: 27.5%;
    border-radius: 32px;
    overflow: hidden;
    position: relative;
    background-color: var(--cl-bck-itm);
}

#kadrSlider
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
}

.itemSlider
{
    width: 100%;
    height: 100%;
}

.itemSlider > img
{
    width: 100%;
}

.makhfiDarRWD
{
    display: none;
}

.makhfiDarMF
{
    display: block;
}

.titrSlider
{
    width: 350px;
    height: 150px;
    background: hsla(0, 0%, 0%, 0.27);
    padding: 30px 30px;
    border-radius: 5px;
    position: absolute;
    top: 0%;
    bottom: 0px;
    margin: auto 0px;
    font-family: shabnam;
}

.titrSliderDarRWDsamtRast
{
    right: 10.366%;
}

.titrSliderDarRWDsamtChap
{
    left: 10.366%;
}

.titrSlider > h1, .titrSlider > h2
{
    font-size: 1.875rem;
    line-height: 1.5;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
    color: hsl(0, 0%, 100%);
}

.titrSlider > p
{
    margin: 0px;
    padding: 5px 0px 15px 0px;
    font-size: 14px;
    line-height: 18px;
    vertical-align: baseline;
    color: hsl(0, 0%, 100%);
}


.titrSlider > a
{
    float: left;
    display: block;
    padding: 10px 20px;
    height: 14px;
    margin-top: 10px;
    border-radius: 17px;
    font-size: 14px;
    line-height: 1;
    text-align: center;
}

.titrSlider > a:link, .titrSlider > a:visited
{
    color: hsl(0, 0%, 100%);
    background: hsl(200, 100%, 64%);
}

.titrSlider > a:hover
{
    background: hsl(198, 91%, 39%);
}

.titrSlider > a:active
{
    background: hsl(198, 77%, 30%);
}


.itemSlider:first-child
{
    left: 0px;
}

.kadrDokmehSlider
{
    width: 40px;
    /*diz height: 100%;*/
    position: absolute;
    bottom: 30px;
    z-index: 2;
}

#kadrDokmehGhabliSlider
{
    right: 110px;
}

#kadrDokmehBadiSlider
{
    right: 150px;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after
{
    content: "" !important;
}

a.dokmehSlider
{
    display: block;
    width: 28px;
    height: 16px;
    padding: 7px 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    margin: auto;
    font-family: myIcon4;
    font-size: 1rem;
    line-height: 1;
    border-radius: 50%;
    color: white;
    background-color: hsla(0, 0%, 0%, 0.17);
    text-align: center;
}

a.dokmehSlider:link, a.dokmehSlider:visited
{
    /*color: #cfcfcf;*/
    background-color: hsla(0, 0%, 0%, 0.22);
}

 a.dokmehSlider:hover
{
    color: var(--cl-hov);
    background-color: hsla(0, 0%, 0%, 0.19);
}
a.dokmehSlider:active
{
    color: var(--cl-act);
}

.swiper-button-next a.dokmehSlider
{
    padding-right: 2px;
}

.swiper-button-prev a.dokmehSlider
{
    padding-left: 2px;
}

#kadrToopSlider
{
    width: calc(100% - 40px);
    padding: 20px;
    position: absolute;
    bottom: 0px;
    left: -92px;
    text-align: center;
    direction: rtl;
}

#kadrToopSlider span
{
    float: right;
    width: 6px !important;
    height: 6px !important;
    border-radius: 3px;
    display: inline-block;
    margin: 0px 3px !important;
    transition: width 0.2s;
    background-color: #fff;
    opacity: 0.5;
    transition: background-color 0.2s;
}

#kadrToopSlider span:hover
{
    background-color: var(--cl-hov);
}
#kadrToopSlider span:active
{
    background-color: var(--cl-act);
}

#kadrToopSlider span.swiper-pagination-bullet-active
{
    width: 30px !important;
    opacity: 1;
}


.mohtavaAsliSV
{
    float: right;
    width: calc(100% - 50px);
    margin-top: 40px;
    padding:50px 25px;
    background-color: var(--cl-bck-itm);
    border-radius: 32px;
    box-shadow: 2px 2px 10px -5px var(--cl-say);
    position: relative;
}

.forooshVizhehSV .mohtavaAsliSV
{
    padding: 50px 25px;
}

.forooshVizhehSV
{
    width: calc(90% - 50px);
    position: relative;
    right: -3%;
    padding-right: calc(16.7% + 25px);
    background: url('../pic/pishnahad-vizheh.png') no-repeat var(--cl-bck-itm);
    box-shadow: 0 0 48px -19px var(--cl-asl-say);
    background-size: cover;
    background-position: 100%;
    margin-bottom: 40px;
    border-radius: unset;
}

.forooshVizhehSV:hover a.dokmehMV
{
    opacity: 1.0;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.forooshVizhehSV .matnKenarIcon b
{
    color: var(--cl-1-4);
    text-shadow: 0 0 2px rgba(202, 228, 225, 0.92),
    0 0 10px rgba(202, 228, 225, 0.34),
    0 0 4px rgba(196, 8, 8, 0.52),
    0 0 7px rgba(196, 8, 8, 0.92),
    0 0 11px rgba(196, 8, 8, 0.78),
    0 0 16px rgba(196, 8, 8, 0.92);
}

.forooshVizhehSV .matnKenarIcon b span
{
    animation: blink linear infinite 2s;
}

.forooshVizhehSV .matnKenarIcon b span:nth-of-type(2)
{
    animation: blink linear infinite 3s;
}

@keyframes blink
{
    78%
    {
        color: inherit;
        text-shadow: inherit;
    }
    79%
    {
        color: #333;
    }
    80%
    {

        text-shadow: none;
    }
    81%
    {
        color: inherit;
        text-shadow: inherit;
    }
    82%
    {
        color: #333;
        text-shadow: none;
    }
    83%
    {
        color: inherit;
        text-shadow: inherit;
    }
    92%
    {
        color: #333;
        text-shadow: none;
    }
    92.5%
    {
        color: inherit;
        text-shadow: inherit;
    }
}


#kadrAmoozeshiSV .matnKenarIcon
{
    color: var(--cl-tit);
    word-spacing: 2px;
}

.forooshVizhehSV h4.titrMohtava
{
    position: absolute;
    right: 3%;
    top: 38px;
    font-size: 2.4rem;
}

h4.titrMohtava
{
    float: right;
    margin: 0 0 10px 0;
    color: var(--cl-tit);
    padding: 0;
    font-family: vazir;
    word-spacing: 3px;
    font-size: 1.125rem;
}

h4.titrMohtava .iconKenarMatn
{
    color: var(--cl-icn2);
    font-size: 1.625rem;
    font-weight: normal;
}

a.dokmehTitrMohtava, a.dokmehTitrMohtava:link, a.dokmehTitrMohtava:visited
{
    float: left;
    padding: 5px;
    font-size: 0.75rem;
    color: var(--cl-tit);
}

/*.mohtavaAsliSV a.dokmehTitrMohtava span.iconKenarMatn
{
    transition: opacity 0.2s;
}*/

.dokmehTitrMohtava span.iconKenarMatn
{
    color: var(--cl-asl);
}


a.dokmehTitrMohtava:hover,a.dokmehTitrMohtava:hover span
{
    color: var(--cl-hov);
}

a.dokmehTitrMohtava:active
{
    color: var(--cl-act);
}

#kadrAmoozeshiSV a.dokmehTitrMohtava:hover,#kadrAmoozeshiSV a.dokmehTitrMohtava:hover span.matnKenarIcon
{
    color: var(--cl-asl2);
}

a.dokmehTitrMohtava:hover span.matnKenarIcon + span.iconKenarMatn
{
    color: var(--cl-asl2);
    left: 5px;
    opacity: 1;
}

a.dokmehTitrMohtava:active span.iconKenarMatn + span.iconKenarMatn
{
    color: var(--cl-asl2);
    left: 5px;
}

#kadrAmoozeshiSV a.dokmehTitrMohtava:hover span.matnKenarIcon + span.iconKenarMatn
{
    color: var(--cl-asl2);
    left: 5px;
}

#kadrAmoozeshiSV a.dokmehTitrMohtava:active span.iconKenarMatn + span.iconKenarMatn
{
    color: var(--cl-asl);
    left: 5px;
}


.forooshVizhehSV a.dokmehTitrMohtava, .forooshVizhehSV a.dokmehTitrMohtava:link, .forooshVizhehSV a.dokmehTitrMohtava:visited
{
    display: block;
    float: none;
    padding: 7px 12px;
    border-radius: 26px;
    position: absolute;
    right: 4.6%;
    bottom: 26px;
    color: var(--cl-tit);
    background-color: var(--cl-asl);
    box-shadow: 0px 1px 8px var(--cl-2-1);
    font-family: vazir;
    word-spacing: 3px;
    transition: outline 0.2s;
    margin-bottom: 10px;
}

.forooshVizhehSV a.dokmehTitrMohtava:hover
{
    color: var(--cl-asl2);
    background-color: var(--cl-1-1);
}

.forooshVizhehSV a.dokmehTitrMohtava:active
{
    color: var(--cl-asl2);
    background-color: var(--cl-act);
}

.kadrMahsoolatVizheh
{
    float: left;
    width: calc(100% - 0px);
    margin: 0px;
    overflow: hidden;
}

.forooshVizhehSV .kadrMahsoolatVizheh
{
    width: calc(100% - 50px);
    margin: 0px 25px;
}

.kadrVasetMV
{
    position: relative;
    left: 0;
    display: flex;
    justify-content: space-around;
    float: right;
    width: 400%;
    transition: left 0.2s;
}

.forooshVizhehSV .kadrVasetMV
{
    width: 200%;
}

a.dokmehMV, a.dokmehMV:link, a.dokmehMV:visited
{
    display: none;
    width: 30px;
    height: 28px;
    padding: 7px 0px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    font-family: myIcon4;
    font-size: 1.75rem;
    line-height: 1;
    color: var(--cl-brd);
    text-align: center;
    opacity: 0.0;
    transition: 0.2s opacity, 0.2s padding-left, 0.2s padding-right;
}

a.dokmehMV:hover
{
    color: var(--cl-hov);
}

a.dokmehMV:active
{
    color: var(--cl-hov);
}

a.dokmehBadiMV
{
    right: calc(100% - 50px);
    padding-right: 30px !important;
}

a.dokmehGhabliMV
{
    left: calc(83.3% - 47px);
    padding-left: 30px !important;
    margin-left: 8px !important;
}

.forooshVizhehSV a.dokmehMV, .forooshVizhehSV a.dokmehMV:link, .forooshVizhehSV a.dokmehMV:visited
{
    display: block;
}


.kadrKolPagingMohtava
{
    display: none;
    float: right;
    width: 100%;
    margin: 20px 0 0;
}

.pagingMohtava
{
    display: none;
    position: relative;
    width: 200px;
    height: 20px;
    border: 1px solid var(--cl-brd);
    border-radius: 11px;
    background-image: linear-gradient(var(--cl-3) 0%, var(--cl-3-1) 50%, var(--cl-3) 100%);
    margin: auto;
    opacity: 0.65;
    overflow: auto;
}

.itemPM, .kadrEntekhabiPM
{
    float: right;
    width: calc(25% - 1px);
    height: 20px;
    border-right: 1px solid var(--cl-brd);
    cursor: pointer;
}

.itemPM:last-child
{
    width: calc(25% - 2px);
    border-right: 1px solid var(--cl-brd);
}

.kadrEntekhabiPM
{
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: calc(25% - 9px);
    height: 14px;
    margin: 3px 5px 3px 4px;
    border-radius: 7px;
    border: 0;
    background-image: linear-gradient(-45deg, var(--cl-4-2) 0%, var(--cl-4) 50%, var(--cl-4-2) 100%);
    transition: right 0.2s;
}

.itemMV
{
    position: relative;
    bottom: 0px;
    float: right;
    width: calc(10% - 42px);
    margin: 10px;
    padding: 10px;
    border-radius: 16px;
    overflow: hidden;
    transition: bottom 0.2s;
    background-color: hsl(225, 12%, 17%);
    border: solid 1.5px var(--cl-asl);
    box-shadow: inset 0 0 5px var(--cl-1-1), 0 0 13px var(--cl-1-1);
}

.forooshVizhehSV .itemMV
{
    background-color: hsla(225, 12%, 17%, 0.5);
}

.itemMV:last-child
{
    border-left: 0px;
}

.itemKhaliMV
{
    background-color: var(--cl-bck);
}

.kadrAksMV
{
    float: right;
    width: 100%;
}

.kadrAksMV > a, .kadrAksMV > a:link, .kadrAksMV > a:visited
{
    position: relative;
    float: right;
    width: 100%;
    padding-top: 100%;
}

img.aksMV
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 8px;
}

.kadrTitrMV
{
    float: right;
    width: 100%;
    margin-top: 10px;
    padding-top: 10px;
}

h4.titrMV
{
    float: right;
    width: 100%;
    height: 3rem;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    font-family: vazir;
    font-size: 1rem;
    font-weight: normal;
    word-spacing: 3px;
}

h4.titrMV > a, h4.titrMV > a:link, h4.titrMV > a:visited
{
    float: right;
    width: 100%;
    line-height: 1.5;
    height: 3rem;
    overflow: hidden;
    color: var(--cl-tit);
    transition: color 0.2s;
    font-weight: 500;
}

h4.titrMV > a:hover
{
    color: var(--cl-hov);
}

h4.titrMV > a:active
{
    transition: none;
    color: var(--cl-act);
}

a.moshahedehMV, a.moshahedehMV:link, a.moshahedehMV:visited
{
    position: relative;
    float: left;
    margin-top: 5px;
    padding: 2px 10px;
    border-radius: 8px;
    overflow: hidden;
    font-family: vazir;
    font-size: 1rem;
    background-color: var(--cl-4-1);
    color: var(--cl-3);
    transition: background-color 0.1s;
}

a.moshahedehMV:hover
{
    background-color: var(--cl-4-2);
}

a.moshahedehMV:active
{
    transition: none;
    background-color: var(--cl-4);
}

a.moshahedehMV > span.iconKenarMatn
{
    position: relative;
    z-index: 2;
    right: 0;
    transition: right 0.2s;
}

a.moshahedehMV:hover > span.iconKenarMatn
{
    right: 5px;
}

a.moshahedehMV::after, a.moshahedehMV::before
{
    content: "";
    position: absolute;
    top: 7px;
    right: -16px;
    z-index: 1;
    font-family: myIcon4;
    font-size: 1rem;
    color: var(--cl-3);
    transition: right 0.2s;
}

a.moshahedehMV::before
{
    transition: right 0.2s 0.1s;
}

a.moshahedehMV:hover::after, a.moshahedehMV:hover::before
{
    right: 10px;
}

/* کادر آیتم تبلیغ */
.kadrTablighItem
{
    position: relative;
    float: right;
    width: calc(100% - 50px);
    padding: 25px;
}

.kadrVasetTablighItem
{
    float: left;
    width: calc(100% - 50px);
    margin: 0 25px;
    overflow: hidden;
}

.kadrItemhaTablighItem
{
    position: relative;
    left: 0;
    display: flex;
    justify-content: space-around;
    float: right;
    width: 200%;
    transition: left 0.2s;
}

.itemTabligh
{
    position: relative;
    bottom: 0px;
    float: right;
    width: calc(12.5% - 16px);
    margin: 8px;
    padding: 0px;
    border-radius: 16px;
    overflow: hidden;
    transition: bottom 0.2s;
}

img.aksItemTabligh
{
    float: left;
    width: calc(100% - 22px);
    padding: 10px;
    border: 1px solid var(--cl-brd);
    border-radius: 16px;
}

.kadrTablighItem a.dokmehMV, .kadrTablighItem a.dokmehMV:link, .kadrTablighItem a.dokmehMV:visited
{
    display: block;
    opacity: 1;
}

.kadrTablighItem a.dokmehMV.dokmehBadiMV
{
    transform: translateX(0%);
}

.kadrTablighItem a.dokmehMV.dokmehBadiMV:hover
{
    animation: aniDokmehBadi 0.2s alternate infinite ease-out;
}

.kadrTablighItem a.dokmehMV.dokmehGhabliMV:hover
{
    animation: aniDokmehGhabli 0.2s alternate infinite ease-out;
}

.kadrTablighItem a.dokmehMV:active
{
    color: var(--cl-hov);
}

.kadrTablighItem a.dokmehBadiMV
{
    left: 20px;
    right: unset;
    padding-right: 15px !important;
}

.kadrTablighItem a.dokmehGhabliMV
{
    right: 20px;
    left: unset;
    padding-left: 15px !important;
}


/* diz .kadrTablighItem {
    float: right;
    width: 100%;
    overflow: hidden;
}

.kadrVasetTI {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    float: right;
    width: calc(200% - 50px);
    margin: 40px 25px 15px;
}

.itemTabligh {
    width: 10%;
}

img.aksItemTabligh {
    float: left;
    width: calc(100% - 20px);
    padding: 10px;
    border: 1px solid var(--cl-brd);
    border-radius: 16px;
    background-color: var(--cl-bck-itm);
}*/

/* استایل قیمت ها */
.kadrGheymat
{
    float: left;
}

.titrGheymat
{
    float: right;
    margin: 2px 0px 0px 5px;
    font-family: vazir;
    color: hsl(0, 0%, 50%);
}

.btnGheymat
{
    float: right;
    padding: 3px 8px;
    border-radius: 8px;
    font-family: vazir;
    font-size: 0.875rem;
    cursor: pointer;
    color: hsl(353, 84%, 58%);
    border: 1px solid hsl(353, 84%, 58%);
}

.btnGheymat:hover
{
    background-color: hsl(353, 84%, 97%);
}

.btnGheymat > span.iconKenarMatn
{
    display: inline-block;
    transform: rotateY(180deg);
}

span.iconKenarMatn
{
    vertical-align: middle;
    font-family: myIcon4;
    transition: left 0.2s, color 0.2s;

}

#kadrBalaNCHP #kadrTitrhaTarin span.iconKenarMatn
{
    float: right;
    color:  var(--cl-asl);
    margin: 10px 10px 0px 0px;
}

.barchasbNCHP span.iconKenarMatn
{
    font-size: 0.75rem;
    color: var(--cl-asl);
}


span.matnKenarIcon + span.iconKenarMatn
{
    position: relative;
    left: 8px;
    transition: 0.2s color, 0.2s left;

}


span.iconKenarMatn + span.iconKenarMatn
{
    position: relative;
    left: 0px;
    transition: 0.2s color, 0.2s left;
}


{
    vertical-align: middle
;
    font-family: myIcon4
;
}


span.matnKenarIcon
{
    vertical-align: middle;
}

/*a.dokmehMV, a.dokmehMV:link, a.dokmehMV:visited
{
    display: block;
    width: 30px;
    height: 16px;
    padding: 7px 0px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    font-family: myIcon4;
    font-size: 1rem;
    line-height: 1;
    border-radius: 50%;
    color: var(--cl-txt);
    background-color: var(--cl-2-1);
    text-align: center;
}
a.dokmehMV:hover
{
    background-color: var(--cl-2-2);
}
a.dokmehMV:active
{
    background-color: var(--cl-2);
}
a.dokmehBadiMV
{
    left: 20px;
}
a.dokmehGhabliMV
{
    right: 20px;
}

.kadrKolPagingMohtava
{
    display: none;
    float: right;
    width: 100%;
    margin: 20px 0 0;
}

.pagingMohtava
{
    position: relative;
    width: 200px;
    height: 20px;
    border: 1px solid var(--cl-5-2);
    border-radius: 11px;
    background-image: linear-gradient(var(--cl-3) 0%, var(--cl-3-1) 50%, var(--cl-3) 100%);
    margin: auto;
    opacity: 0.65;
    overflow: auto;
}

.itemPM, .kadrEntekhabiPM
{
    float: right;
    width: calc(25% - 1px);
    height: 20px;
    border-right: 1px solid var(--cl-5-2);
    cursor: pointer;
}

.itemPM:last-child
{
    width: calc(25% - 2px);
    border-right: 1px solid var(--cl-5-2);
}

.kadrEntekhabiPM
{
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: calc(25% - 9px);
    height: 14px;
    margin: 3px 5px 3px 4px;
    border-radius: 7px;
    border: 0;
    background-image: linear-gradient(-45deg, hsla(198, 100%, 34%, 0.8) 0%, hsla(198, 100%, 50%, 1) 50%, hsla(198, 100%, 34%, 0.8) 100%);
    transition: right 0.2s;
}*/

@keyframes charkhandehLoading
{
    0%
    {
        transform: rotate(0deg);
    }
    100%
    {
        transform: rotate(720deg);
    }
}

@keyframes charkhandehLoading1
{
    0%
    {
        transform: rotate(0deg);
        visibility: visible;
    }
    25%
    {
        transform: rotate(180deg);
        visibility: hidden;
    }
    50%
    {
        transform: rotate(180deg);
        visibility: hidden;
    }
    75%
    {
        transform: rotate(0deg);
        visibility: hidden;
    }
    100%
    {
        transform: rotate(180deg);
        visibility: visible;
    }
}

@keyframes charkhandehLoading2
{
    0%
    {
        transform: rotate(0deg)
    }
    25%
    {
        transform: rotate(0deg)
    }
    50%
    {
        transform: rotate(180deg)
    }
    75%
    {
        transform: rotate(180deg)
    }
    100%
    {
        transform: rotate(180deg)
    }
}

@keyframes charkhandehLoading3
{
    0%
    {
        transform: rotate(0deg)
    }
    25%
    {
        transform: rotate(0deg)
    }
    50%
    {
        transform: rotate(0deg)
    }
    76%
    {
        transform: rotate(180deg)
    }
    100%
    {
        transform: rotate(180deg)
    }
}

@keyframes taghirOpacityKLD
{
    from
    {
        visibility: hidden;
        opacity: 0;
    }
    to
    {
        visibility: visible;
        opacity: 1.0;
    }
}

.dokmehBastanKLD
{
    font-family: myIcon;
    font-size: 1rem;
    line-height: 1;
    padding: 8px 0px 6px 0px;
    width: 30px;
    height: 16px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    z-index: 1001;
    cursor: pointer;
    background-color: hsl(120, 7%, 29%);
    color: #edae0a;
    opacity: 0;
    animation: taghirOpacityKLD 1s 5s;
    animation-fill-mode: both;
}

.kadrLoading .vasetLD
{
    height: 100px;
    width: 100px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    animation: charkhandehLoading 2s infinite;
    animation-fill-mode: forwards;
}

.kadrLoading .daiereh1
{
    height: 50%;
    width: 50%;
    border: 8px solid;
    border-color: hsl(158, 7%, 21%) hsl(158, 7%, 21%) hsl(43, 92%, 48%) hsl(43, 92%, 48%);
    border-radius: calc(50% + 8px);
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    animation: charkhandehLoading3 2s linear infinite;
    animation-fill-mode: forwards;
    box-shadow: 0px 0px 0px 1px hsl(158, 7%, 21%), 0px 0px 0px 1px hsl(158, 7%, 21%) inset;
}

.kadrLoading .daiereh2
{
    height: 50%;
    width: 50%;
    border: 8px solid;
    border-color: hsla(0, 100%, 50%, 0) hsla(158, 7%, 21%, 0) hsl(43, 92%, 48%) hsl(43, 92%, 48%);
    border-radius: calc(50% + 8px);
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    animation: charkhandehLoading2 2s linear infinite;
    animation-fill-mode: forwards;
    box-shadow: 0px 0px 0px 1px hsl(158, 7%, 21%), 0px 0px 0px 1px hsl(158, 7%, 21%) inset;
}

.kadrLoading .daiereh3
{
    height: 50%;
    width: 50%;
    border: 8px solid;
    border-color: hsla(0, 100%, 50%, 0) hsla(0, 100%, 50%, 0) hsl(158, 7%, 21%) hsl(158, 7%, 21%);
    border-radius: calc(50% + 8px);
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    animation: charkhandehLoading1 2s linear infinite;
    animation-fill-mode: forwards;
    box-shadow: 0px 0px 0px 1px hsl(158, 7%, 21%), 0px 0px 0px 1px hsl(158, 7%, 21%) inset;
}

@-webkit-keyframes sk-foldCubeAngle
{
    0%, 10%
    {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }
    25%, 75%
    {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }
    90%, 100%
    {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

@keyframes sk-foldCubeAngle
{
    0%, 10%
    {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }
    25%, 75%
    {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }
    90%, 100%
    {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

@keyframes taghirOpacityKLD
{
    from
    {
        visibility: hidden;
        opacity: 0;
    }
    to
    {
        visibility: visible;
        opacity: 1.0;
    }
}

.dokmehBastanKLD
{
    font-family: myIcon;
    font-size: 0.875rem;
    line-height: 1;
    padding: 6px 0px 3px 0px;
    width: 25px;
    height: 16px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    z-index: 1001;
    cursor: pointer;
    background-color: hsla(130, 49%, 62%, 0.7);
    color: hsl(126, 34%, 11%);
    opacity: 0;
    animation: taghirOpacityKLD 1s 5s;
    animation-fill-mode: both;
}

.sk-folding-cube
{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    transform: scale(1.4, 1);
}

.sk-folding-cube .sk-cube
{
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    background-image: url("../pic/aks-novideo-loading.jpg");
    background-size: 40px 40px;
    background-position: top left;
}

.sk-folding-cube .sk-cube:before
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    -webkit-animation: sk-foldCubeAngle 3.2s infinite linear both;
    animation: sk-foldCubeAngle 3.2s infinite linear both;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    background-image: url("../pic/aks-loading.jpg");
    background-size: 40px 40px;
    background-position: top left;
}

.sk-folding-cube .sk-cube2
{
    -webkit-transform: scale(1.1) rotateZ(90deg);
    transform: scale(1.1) rotateZ(90deg);
    background-position: top right;
}


.sk-folding-cube .sk-cube3
{
    -webkit-transform: scale(1.1) rotateZ(180deg);
    transform: scale(1.1) rotateZ(180deg);
    background-position: bottom right;
}


.sk-folding-cube .sk-cube4
{
    -webkit-transform: scale(1.1) rotateZ(270deg);
    transform: scale(1.1) rotateZ(270deg);
    background-position: bottom left;
}


.sk-folding-cube .sk-cube2:before
{
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    background-position: top right;
}

.sk-folding-cube .sk-cube3:before
{
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    background-position: bottom right;
}

.sk-folding-cube .sk-cube4:before
{
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    background-position: bottom left;
}

/*کادر لودینگ اینلاین*/

.loadingInline
{
    display: inline-block;
    vertical-align: middle;
    padding-right: 3px;
    width: 16px;
    height: 16px;
    position: relative;
}

.loadingInline .kadrLoading
{
    display: block;
    background-color: transparent;
}

.loadingInline .kadrLoading .vasetLD
{
    height: 20px;
    width: 20px;
    animation: charkhandehLoading 2s infinite;
}

.loadingInline .kadrLoading .daiereh1
{
    border: 3px solid;
    border-color: hsl(157, 98%, 12%) hsl(157, 98%, 12%) hsl(157, 98%, 21%) hsl(157, 98%, 21%);
    box-shadow: 0px 0px 0px 1px hsl(157, 98%, 12%), 0px 0px 0px 1px hsl(157, 98%, 12%) inset;
    border-radius: 50%;
}

.loadingInline .kadrLoading .daiereh2
{
    border: 3px solid;
    border-color: hsla(0, 100%, 50%, 0) hsla(0, 100%, 50%, 0) hsl(157, 98%, 21%) hsl(157, 98%, 21%);
    box-shadow: 0px 0px 0px 1px hsl(157, 98%, 12%), 0px 0px 0px 1px hsl(157, 98%, 12%) inset;
}

.loadingInline .kadrLoading .daiereh3
{
    border: 3px solid;
    border-color: hsla(0, 100%, 50%, 0) hsla(0, 100%, 50%, 0) hsl(157, 98%, 12%) hsl(157, 98%, 12%);
    box-shadow: 0px 0px 0px 1px hsl(157, 98%, 12%), 0px 0px 0px 1px hsl(157, 98%, 12%) inset;
}


table#tblFullMA
{
    table-layout: fixed;
    border-spacing: 0px;
    width: 100%;
}

table#tblFullMA > tbody > tr > td
{
    padding: 0px;
}

#kadrNamayeshMA
{
    background-color: hsl(158, 7%, 21%);
    position: relative;
    z-index: 1;
}

#kadrRatioAxBozorgMA
{
    padding-top: 56.285%;
    position: relative;
}

.mohtavaAsliSV a[class^="dokmehAx"], .mohtavaAsliSV a[class^="dokmehAx"]:link, .mohtavaAsliSV a[class^="dokmehAx"]:visited
{
    top: 0px;
    display: none;
}

.mohtavaAsliSV .dokmehAxGhabli
{
    right: 0px;
}

.mohtavaAsliSV .dokmehAxBadi
{
    left: 0px;
}

img#axBozorgMA
{
    position: absolute;
    right: 0px;
    top: 0px;
    width: calc(100% - 4px);
    border: 2px solid hsl(132, 73%, 20%);
    box-shadow: 2px 2px 5px hsl(137, 14%, 10%);
}

.anmAxBozorg
{
    animation: namayeshAksAzBala 0.5s;
}

#kadrEttMA
{
    height: 142px;
    width: 100%;
}

h3#titrNamayeshMA
{
    height: 30px;
    width: 94.285%;
    margin: 0.857% 2.857% 1.428% 2.857%;
    position: relative;
}

a.dokmehKeshoee, a.dokmehKeshoee:link, a.dokmehKeshoee:visited
{
    display: none;
    position: absolute;
    height: 15px;
    padding: 8px 0px 7px 1px;
    width: 30px;
    top: 0px;
    left: 0px;
    font-family: myIcon;
    font-size: 1rem;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    color: hsl(37, 82%, 62%);
}

a.dokmehKeshoee:hover
{
    color: hsl(60, 82%, 62%);
}

a.dokmehKeshoee:active
{
    color: hsl(98, 100%, 95%);
}

h3#titrNamayeshMA a:not(.dokmehKeshoee), h3#titrNamayeshMA a:not(.dokmehKeshoee):link, h3#titrNamayeshMA a:not(.dokmehKeshoee):visited
{
    display: block;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    font-family: vazir;
    font-size: 1rem;
    line-height: 1;
    padding: 7px 0px;
    color: hsl(97, 83%, 43%);
    text-shadow: 1px 1px 3px hsl(126, 75%, 20%);
    text-decoration: none;
}

h3#titrNamayeshMA a:not(.dokmehKeshoee):hover
{
    color: hsl(97, 83%, 43%);
    text-shadow: 1px 1px 3px hsl(126, 75%, 20%);
}

h3#titrNamayeshMA a:not(.dokmehKeshoee):active
{
    color: hsl(126, 75%, 20%);
}

#matnNamayeshMA
{
    min-height: 72px;
    margin: 0px 2.857%;
    font-family: koodak;
    font-size: 0.875rem;
    text-indent: 10px;
    text-align: justify;
    line-height: 24px;
    color: hsl(98, 100%, 95%);
    background-color: hsl(120, 7%, 29%);
}

#matnNamayeshMA a, #matnNamayeshMA a:link, #matnNamayeshMA a:visited
{
    font-family: koodak;
    font-size: 0.875rem;
    text-decoration: none;
    color: hsl(98, 100%, 95%);
}

a#edamehMatlabMA, a#edamehMatlabMA:link, a#edamehMatlabMA:visited
{
    margin-right: 10px;
    font-family: koodak !important;
    font-style: normal;
    font-weight: normal;
    font-size: 0.875rem;
    text-decoration: none;
    color: hsl(97, 83%, 43%);
}

a#edamehMatlabMA:hover, #matnNamayeshMA a:hover
{
    color: hsl(84, 100%, 69%);
}

a#edamehMatlabMA:active, #matnNamayeshMA a:active
{
    color: hsl(97, 100%, 84%);
}

#matnNamayeshMA hr
{
    border-color: hsl(126, 75%, 20%);
}

#kadrPaeenNamayeshMA
{
    height: 24px;
    margin: 1.428% 1.428% 0.857% 0px;
    font-family: koodak;
    font-size: 0.75rem;
}

span#matnTarikhErsalNamayeshMA, span#tarikhErsalNamayeshMA
{
    display: inline-block;
    height: 12px;
    padding: 7px 0px 5px 0px;
    font-family: koodak;
    font-size: 0.75rem;
    line-height: 1;
}

span.kadrShareLikeComment
{
    display: inline-block;
    height: 16px;
    width: 94px;
    padding: 4px 10px;
    float: left;
    position: relative;
}

a.share, a.like, a.comment
{
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    background-image: url('../pic/share-like-comment.png');
}

/*a.share
{
    margin-right: 26px;
    background-position: 0px 0px;
}*/

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

a.like
{
    /*margin-right: 20px;*/
    background-position: -16px 0px;
}

a.comment
{
    background-position: -32px 0px;
}

#kadrDidgahha
{
    height: 600px;
    margin-bottom: 10px;
}

#titrDG
{
    float: right;
    width: 100%;
    font-size: 1.25rem;
    color: var(--cl-tit);
    font-family: vazir;
    word-spacing: 3px;
    /*diz height: 17px;
    position: relative;*/
}
#titrDG span.iconKenarMatn
{
    color: var(--cl-asl);
}
#kadrNamayeshDG
{
    float: right;
    width: 100%;
    height: calc(100% - 238px);
    margin: 10px 0;
    overflow-y: auto;
    border-radius: 8px;
    color: var(--cl-txt);
    box-shadow: 0 0 5px var(--cl-bck);
}

span#matnKhali
{
    display: inline-block;
    width: calc(100% - 40px);
    padding: 20px;
    font-family: vazir;
    font-size: 0.75rem;
    text-align: center;
    color: hsl(0, 0%, 50%);
    /*line-height: 1.2;*/
}

.itemDG
{
    position: relative;
    float: right;
    width: calc(100% - 40px);
    overflow-y: auto;
    font-family: vazir;
    padding: 10px;
    margin: 0 10px;
    border-bottom: 1px solid var(--cl-brd);
    /*diz box-shadow: inset 0px 0px 2px hsl(200, 100%, 38%);*/
}

.itemDG .matnDG
{
    color: var(--cl-txt);
}


.itemDG.itemPasokhDG
{
    width: calc(95% - 30px);
    margin: 5px 5% 5px 10px;
    border-radius: 8px;
    border-bottom: 0;
    background-color: var(--cl-3-2);
}

.itemDG.itemPasokhDG, .itemDG.itemPasokhDG .matnDG
{
    color: var(--cl-txt3);
}

.itemDG.itemPasokhDG .namNevisandehDG
{
    color: var(--cl-bck);
}

.itemDG.pasokhModir
{
    width: calc(90% - 30px);
    margin: 5px 10% 5px 10px;
    outline: 1px solid var(--cl-asl);
    background-color: var(--cl-3-1);
}

.namNevisandehDG
{
    float: right;
    margin-bottom: 5px;
    color: var(--cl-tit);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.itemDG.pasokhModir .namNevisandehDG
{
    color: var(--cl-1-1);
}

.matnDG
{
    float: right;
    width: 100%;
    font-size: 0.875rem;
    color: var(--cl-txt3);
}

.pasokhModir .matnDG
{
    color: var(--cl-txt3);
}

a.dokmehPasokhDG, a.dokmehPasokhDG:link, a.dokmehPasokhDG:visited
{
    position: absolute;
    top: 12px;
    left: 10px;
    width: 25px;
    text-align: center;
    padding: 3px 5px;
    border-radius: 8px;
    font-size: 1rem;
    font-family: myIcon4;
    color: var(--cl-asl);
    transition: color 0.1s;
    /*diz background-color: hsl(44, 99%, 80%);*/
}

a.dokmehPasokhDG:hover
{
    color: var(--cl-hov);
}

a.dokmehPasokhDG:active
{
    color: var(--cl-act);
}

#kadrErsalDG
{
    float: right;
    width: 100%;
    /*diz height: 143px;*/
    padding-top: 5px;
    color: var(--cl-txt);
}

#kadrNamEDG, #kadrEmailEDG, #kadrPasokhBehEDG
{
    float: right;
    width: 50%;
    /*diz height: 24px;*/
    margin: 2px 0;
}

#kadrNamEDG > span:first-child, #kadrEmailEDG > span:first-child, #kadrMatnEDG > span:first-child
{
    float: right;
    display: inline-block;
    width: 50px;
    height: 26px;
    padding: 4px 0px 4px 5px;
    text-align: left;
    font-family: vazir;
    font-size: 1rem;
    vertical-align: top;
    /*line-height: 1;*/
}

#kadrNamEDG > input, #kadrEmailEDG > input
{
    width: calc(100% - 77px);
    padding: 5px 10px;
    border: 1px solid var(--cl-brd);
    font-family: vazir;
    font-size: 1rem;
    background-color: var(--cl-bck);
    box-sizing: content-box;
    vertical-align: top;
    border-radius: 8px;

    color: var(--cl-txt);
    transition: background-color 0.2s, border-color 0.2s;
    /*diz line-height: 1;
    height: 16px;
    transition: 0.2s;*/
}

#kadrEmailEDG > input
{
    font-family: sans-serif;
    direction: ltr;
    text-align: left;
    transition: background-color 0.2s, border-color 0.2s;
    padding: 7.5px 10px;
    /*line-height: 1.3;*/
}

/*#kadrNamEDG > input:focus, #kadrEmailEDG > input:focus
{
    border: 1px solid hsl(215, 33%, 90%);
    background-color: hsl(0, 0%, 100%);
}*/

#kadrPasokhBehEDG
{
    position: relative;
    visibility: hidden;
    width: calc(50% - 20px);
    padding: 6px 5px 5px;
    margin-right: 10px;
    border-radius: 5px;
    overflow: hidden;
    background-color: var(--cl-asl2);
}

#kadrPasokhBehEDG::before
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 3px;
    height: 38px;
    background-color: var(--cl-1-1);
}

span#dokmehBastanPasokhBehEDG
{
    float: left;
    width: 16px;
    height: 16px;
    margin-top: 4px;
    font-family: myIcon4;
    font-size: 1rem;
    /*line-height: 1;*/
    cursor: pointer;
    color: var(--cl-bck);
}

span#dokmehBastanPasokhBehEDG:hover
{
    color: var(--cl-4);
}

#kadrPasokhBehEDG > span:first-child
{
    float: right;
    width: 47px;
    padding: 0px 4px 4px 0px;
    font-family: vazir;
    font-size: 0.875rem;
    vertical-align: middle;
    color: var(--cl-1-1);
}

#namPasokhGirandeh
{
    float: right;
    width: calc(100% - 73px);
    padding: 0px 4px 4px 0px;
    font-family: vazir;
    font-size: 0.875rem;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--cl-bck);
}

#kadrMatnEDG
{
    float: right;
    width: 100%;
    margin: 2px 0;
    /*height: 50px;*/
}

#kadrMatnEDG > textarea
{
    height: 51px;
    width: calc(100% - 60px);
    padding: 3px 3px 0px 0px;
    border: 1px solid var(--cl-brd);
    font-family: vazir;
    font-size: 0.875rem;
    resize: none;
    box-sizing: content-box;
    border-radius: 8px;
    background-color: var(--cl-bck);
    color: var(--cl-txt);
    transition: background-color 0.2s, border-color 0.2s;
}

/*#kadrMatnEDG > textarea:focus
{
    border: 1px solid hsl(215, 33%, 90%);
    background-color: hsl(0, 0%, 100%);
}*/

span#matnErrEDG
{
    visibility: hidden;
    float: right;
    display: inline-block;
    width: 129px;
    height: 16px;
    margin: 0px 5px;
    font-family: vazir;
    font-size: 0.8125rem;
    line-height: 1;
    color: hsl(353, 84%, 58%);
}

#kadrErsalDG > a, #kadrErsalDG > a:link, #kadrErsalDG > a:visited
{
    float: left;
    display: inline-block;
    padding: 6px 14px;
    margin: 0px 0px 0px 0px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 0.875rem;
    color: var(--cl-tit);
    background-color: var(--cl-asl);
    font-family: vazir;
    word-spacing: 3px;
}

#kadrErsalDG > a:hover
{
    color: var(--cl-hov);
    background-color: var(--cl-act);
}

#kadrKholasehaMA
{
    padding: 0px 0.487%;
    background-color: hsl(85, 91%, 38%);
    overflow-y: auto;
}

.itemKholasehMA
{
    width: 33.333%;
    float: right;
    overflow-y: auto;
    cursor: pointer;
    transition: background-color 0.6s;
}

.anmBazShodanAmoodiAks1
{
    animation: namayeshItem 0.5s;
    animation-fill-mode: backwards;
}

.anmBazShodanAmoodiAks2
{
    animation: namayeshItem 0.5s 0.2s;
    animation-fill-mode: backwards;
}

.anmBazShodanAmoodiAks3
{
    animation: namayeshItem 0.5s 0.4s;
    animation-fill-mode: backwards;
}

.anmBazShodanAmoodiAks4
{
    animation: namayeshItem 0.5s 0.6s;
    animation-fill-mode: backwards;
}


.itemKholasehMA:hover
{
    background-color: hsl(85, 91%, 38%);
}

.itemKholasehMA:hover .kadrAxKholasehMA
{
    outline: 2px solid #959595;
}

.mahvMA
{
    opacity: 0.6;
}

.mahvMA .kadrAxKholasehMA
{
    outline: 2px solid hsl(85, 34%, 23%);
}

table.tblItemKholasehMA
{
    table-layout: fixed;
    border-spacing: 0px;
    width: 100%;
}

table.tblItemKholasehMA td.sotoonAx
{
    padding: 0px;
    border-top: 1px solid hsl(84, 91%, 46%);
    width: 20%;
}

#kadrKholasehaMA a.itemKholasehMA + a.itemKholasehMA + a.itemKholasehMA + a.itemKholasehMA
{
    border-bottom: 1px solid hsl(84, 91%, 46%);
}

table.tblItemKholasehMA td.sotoonMatnha
{
    padding: 0px;
    width: 80%;
}

.kadrAxKholasehMA
{
    width: calc(100% - 2.956%);
    padding-top: 57.050%;
    margin: 0px 1.478%;
    overflow: hidden;
    position: relative;
    outline: 2px solid hsla(97, 100%, 84%, 0);
    transition: outline-color 0.2s;
}

img.axKholasehMA
{
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.kadrMatnhaKholasehMA
{
    overflow-y: auto;
    width: calc(100% - 30px);
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 5px;
    margin: 10px;
    background-color: hsla(85, 91%, 38%, 0.5);
}

h4.titrKholasehMA
{
    max-width: calc(100% - 10px);
    max-height: 46px;
    margin: 3px 5px;
    overflow: hidden;
    font-size: 1rem;
    color: white;
    text-shadow: hsl(200, 100%, 18%) 2px 2px 2px;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.darsadTakhfif
{
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 1;
    float: left;
    padding: 2px 8px 0px;
    font-size: 0.875rem;
    border-radius: 13px;
    line-height: normal;
    text-indent: 0;
    background-color: var(--cl-asl2);
    color: var(--cl-asl);
    font-family: vazir;
}

.kadrGheymat
{
    float: left;
    width: 100%;
    margin: 0;
    color: var(--cl-asl);
    line-height: normal;
    font-size: 1rem;
    text-align: left;
}

#kadrEtelaatMAT .kadrGheymat
{
    color: var(--cl-tit2);
    font-family: vazir;
}

#kadrEtelaatMAT .kadrGheymat
{
    color: var(--cl-tit);
}

#kadrEtelaatMAT #gheimatMAT
{
    color: var(--cl-txt2);
}

span.vahedGheymat
{
    font-size: 0.75rem;
    font-family: vazir;
}

del.kadrGheymat
{
    height: 23px;
    font-size: 0.875rem;
    color: var(--cl-del);
}

.itemKholasehMA .kadrGheymat
{
    width: auto;
    color: var(--cl-txt);
    text-shadow: var(--cl-asl-say) 2px 2px 2px;
    margin: 0 10px 0 0;
}


span.matnTarikhKholasehMA
{
    font-family: koodak;
    font-size: 0.75rem;
    float: left;
}

span.tarikhKholasehMA
{
    display: block;
    height: 20px;
    width: 70px;
    margin-left: 1.785%;
    float: left;
    font-family: koodak;
    font-size: 0.75rem;
    text-align: center;
}

.peyghamSadeh
{
    width: calc(100% - 128px);
    overflow-y: auto;
}

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

span.iconPS
{
    display: block;
    float: right;
    width: 25px;
    padding: 13px 0px;
    margin-left: 5px;
    margin-right: 30px;
    font-family: myIcon;
    font-size: 1.5rem;
    line-height: 1;
    text-align: center;
    color: #5c6164;
}

h2.titrPS
{
    float: right;
    width: 100%;
    height: 26px;
    padding: 12px 0px;
    margin: 0px;
    font-size: 1rem;
    line-height: 1;
    text-align: right;
}

h2.titrPS a, h2.titrPS a:link, h2.titrPS a:visited
{
    float: right;
    max-width: calc(100% - 20px);
    /*height:20px;*/
    font-family: vazir;
    font-size: 1.1rem;
    word-spacing: 3px;
    line-height: 1.3;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    overflow-y: hidden;
    color: var(--cl-asl);
    margin: 0px 10px;
    pointer-events: none;
}

h2.titrPS a:hover
{
    color: var(--cl-4-1);
}

h2.titrPS a:active
{
    color: var(--cl-4-2);
}

#mohtavaEzafiSV
{
    float: right;
    width: 100%;
    margin: 0px auto;
}

#kadrTazehaSV, #kadrTazehTarinSV
{
    width: 80.3%;
    margin: 35px auto;
    position: relative;
}

.kadrTitrItemSV
{
    width: 100%;
    height: 30px;
    margin-bottom: 20px;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.kadrTitrItemSV span
{
    font-family: shabnam;
    font-size: 1.5rem;
    line-height: 1;
    color: hsl(198, 91%, 39%);
    padding: 3px 5px;
    width: 200px;
    display: inline-block;
}

.kadrTitrItemSV span::after
{
    content: ' ';
    border-top: 1px solid hsl(200, 100%, 64%);
    position: absolute;
    top: 50%;
    left: 0px;
    width: calc(50% - 105px);
}

.kadrTitrItemSV span::before
{
    content: ' ';
    border-top: 1px solid hsl(200, 100%, 64%);
    position: absolute;
    top: 50%;
    right: 0px;
    width: calc(50% - 105px);
}

#kadrItemTazehaSV
{
    width: 100%;
    overflow-x: hidden;
    position: relative;
}

#kadrShenavarItemTSV
{
    width: 2478px;
    padding: 13px;
    border-top: 5px solid hsl(200, 100%, 64%);
    border-bottom: 5px solid hsl(200, 100%, 64%);
    overflow-y: auto;
    position: relative;
    transition: right 0.4s;
}

.itemTazehaSV
{
    width: 314px;
    float: right;
    padding: 0px;
    margin: 0px 8px;
    cursor: pointer;
    outline: 2px solid hsl(85, 76%, 66%);
    transition: background-color 0.2s, box-shadow 0.2s, outline 0.2s, transform 0.2s;

}

.itemTazehaSV:hover
{
    outline: 2px solid hsl(85, 76%, 66%);
    box-shadow: 2px 2px 4px hsl(85, 91%, 8%);
}

.itemTazehaSV:hover h4.titrTSV a
{
    color: hsl(198, 91%, 39%);
}

.itemTazehaSV .kadrAksTSV
{
    outline: 2px solid hsl(85, 90%, 84%);
    transition: outline 0.2s;
}

.itemTazehaSV:hover .kadrAksTSV
{
    outline: 2px solid hsl(200, 100%, 64%);
}

table.tblItemTazehaSV
{
    table-layout: fixed;
    border-spacing: 0px;
    width: 100%;
}

table.tblItemTazehaSV td.sotoonAksTSV
{
    padding: 3px;
    width: 35.668%;
    padding-left: 3.184%;
}

table.tblItemTazehaSV td.sotoonMatnhaTSV
{
    padding: 0px;
    width: 64.332%;
    color: hsl(198, 91%, 39%);
}

.kadrAksTSV
{
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
    position: relative;
    outline: 2px solid hsl(77, 83%, 82%);
    transition: outline-color 0.2s;
}

img.aksTSV
{
    height: 100%;
    position: absolute;
    left: -34%;
    top: 0px;
}


h4.titrTSV
{
    height: 48px;
    overflow-y: hidden;
    margin: 2.5% 1.785% 14px 1.785%;
}

h4.titrTSV a, h4.titrTSV a:link, h4.titrTSV a:visited
{
    display: block;
    max-width: calc(100% - 4px);
    padding: 2px;
    font-family: shabnam;
    font-size: 0.75rem;
    color: hsl(0, 0%, 0%);
    text-decoration: none;
}

span.matnTarikhTSV
{
    display: inline-block;
    font-family: myIcon;
    line-height: 1;
    font-size: 1rem;
    vertical-align: middle;
    color: hsl(75, 100%, 93%);
    text-shadow: 1px 1px 2px hsl(84, 91%, 35%);
}

span.tarikhTSV
{
    display: inline-block;
    height: 20px;
    width: 70px;
    line-height: 1;
    font-family: koodak;
    font-size: 0.75rem;
    text-align: center;
    color: hsl(198, 91%, 30%);
}


a#dokmeGhabliPagingTSV, a#dokmeGhabliPagingTSV:link, a#dokmeGhabliPagingTSV:visited, a#dokmeBaadiPagingTSV, a#dokmeBaadiPagingTSV:link, a#dokmeBaadiPagingTSV:visited
{
    display: block;
    height: 19px;
    width: 19px;
    padding: 5px;
    position: absolute;
    top: 50px;
    bottom: 0px;
    margin: auto;
    border-radius: 50%;
    font-family: myIcon;
    text-decoration: none;
    text-align: center;
    color: hsl(204, 2%, 59%);
}

a#dokmeBaadiPagingTSV, a#dokmeBaadiPagingTSV:link, a#dokmeBaadiPagingTSV:visited
{
    left: -40px;
}

a#dokmeGhabliPagingTSV
{
    right: -40px;
}

a#dokmeGhabliPagingTSV:hover, a#dokmeBaadiPagingTSV:hover
{
    color: #656565;
    background-color: #c5c5c5;
}

a#dokmeGhabliPagingTSV:active, a#dokmeBaadiPagingTSV:active
{
    color: #353535;
    background-color: #959595;
}

/* بنر */
.banerSV
{
    float: right;
    display: flex;
    width: calc(100% - 0px);
    margin: 20px 0 0;
    max-height: 250px;
    overflow: hidden;
    align-content: center;
    align-items: center;
    cursor: pointer;

}

video.videoBaner
{
    float: right;
    width: 100%;
}

/*      تبلیغ برچسب ها     */

#kadrMozooaPishnahadi
{
    float: right;
    width: calc(100% - 26px);
    margin: 25px 13px;
}

#titrMP
{
    float: left;
    width: 100%;
    margin-bottom: 35px;
    text-align: center;
    font-family: vazir;
    font-size: 1.5rem;
    color: var(--cl-tit);
}

#titrMP > span.iconKenarMatn
{
    margin-left: 10px;
    color: var(--cl-asl);
}

#kadrVasetMP
{
    float: left;
    width: 100%;
}

.itemMP
{
    float: right;
    width: calc(16.666% - 24px);
    margin: 0 12px;
}

.kadrVasetMP
{
    position: relative;
    display: block;
    width: 65%;
    padding-top: 65%;
    margin: auto;
}

a.kadrAksMP, a.kadrAksMP:link, a.kadrAksMP:visited
{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 0 0 3px var(--cl-1-1);
    background-color: var(--cl-3-3);
    color: var(--cl-tit);
    transition: box-shadow 0.2s;
}

.itemMP:hover a.kadrAksMP
{
    box-shadow: 0 0 4px var(--cl-hov);
}

.itemMP:active a.kadrAksMP
{
    box-shadow: 0 0 4px var(--cl-hov);
}

.itemMP:hover a.titrMP
{
    color: var(--cl-hov);
}

.itemMP:active a.titrMP
{
    color: var(--cl-hov);
}


img.aksMP
{
    float: left;
    width: 100%;
    transform: scale(1.1);
}

.kadrTitrMP
{
    float: right;
    width: 100%;
    margin-top: 10px;
    word-spacing: 2px;
}

a.titrMP, a.titrMP:link, a.titrMP:visited
{
    float: right;
    width: 100%;
    text-align: center;
    font-family: vazir;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.2s;
}

a.titrMP:hover
{
    color: var(--cl-hov);
}

a.titrMP:active
{
    transition: none;
    color: var(--cl-act);
}

/*      تبلیغ برچسب ها     */

.kadrTablighSV
{
    position: relative;
    float: right;
    width: calc(100% - 30px);
    padding: 0 15px;
    margin: 25px 0;
}

.kadrTablighBala
{
    position: relative;
    float: right;
    width: 33.333%;
    border-radius: 16px;
    overflow: hidden;
}

.kadrTablighBala h2
{
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    width: 130px;
    height: 45px;
    margin: auto;
    padding: 7px 15px 0px;
    border-radius: 40px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.4rem;
    color: var(--cl-asl);
    transition: color 0.2s, background-color 0.2s,opacity 0.2s;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}


.kadrTablighBala:hover h2
{
    color: var(--cl-tit);
    background-color:  var(--cl-asl);
    /*text-shadow:0px 0px 5px var(--cl-asl) ;*/
    opacity: 1;
}

.kadrTablighBala h2:hover
{
    color: var(--cl-asl2);
}

.kadrTablighBala img
{
    transition: transform 0.4s;
    border-radius: 16px;
}

.kadrTablighBala a
{
    overflow:hidden;
    border-right:16px ;
}

.kadrTablighBala:hover img
{
    transform: scale(1.1);
    border-radius: 16px;
}

.kadrTablighBala span
{
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
    width: calc(100% - 20px);
    border-radius:16px ;
    margin: 0px 10px;
    height: 100%;
    background-color: var(--cl-bck-itm);
    opacity: 0.7;
    transition: opacity 0.2s;
}

.kadrTablighBala:hover span
{
    opacity: 0;
}


a.linkTablighSV, a.linkTablighSV:link, a.linkTablighSV:visited
{
    float: right;
    width: calc(100% - 20px);
    margin: 0px 10px;
}

img.aksTablighSV
{
    float: right;
    width: 100%;
    border-radius: 16px;
}

.kadrTablighVasat
{
    position: relative;
    float: right;
    width: 50%;
}

#kadrMahsoolatSV
{
    float: right;
    width: calc(100% - 26px);
    padding: 0px 13px;
    /*diz margin: 25px auto;
    overflow-y: auto;
    position: relative;*/
}

/*diz #kadrItemMahsoolatSV
{
    width: calc(100% - 6px);
    overflow-x: hidden;
    padding: 0px 3px;
    background-color: hsl(85, 91%, 38%);
}*/

.itemMahsoolatSV
{
    float: right;
    width: calc(25% - 34px);
    margin: 0px 6px;
    padding: 0px 10px;
    border-radius: 8px;
    border: 1px solid hsl(0, 0%, 85%);
    /*diz padding-bottom: 10px;
    overflow-y: auto;
    position: relative;
    background-color: hsl(0, 0%, 100%);*/
}

h5.titrKadrMahsoolatSV
{
    float: right;
    width: calc(100% - 20px);
    margin: 5px 10px;
    font-size: 1.125rem;
    font-weight: normal;
}

h5.titrKadrMahsoolatSV > a, h5.titrKadrMahsoolatSV > a:link, h5.titrKadrMahsoolatSV > a:visited
{
    float: right;
    width: 100%;
    padding: 5px 0px;
    margin: 0px;
    border-bottom: 1px solid hsl(0, 0%, 96%);
    font-family: vazir;
    font-size: 1.125rem;
    transition: color 0.1s;
}

h5.titrKadrMahsoolatSV > a:hover
{
    color: var(--cl-4-2);
}

h5.titrKadrMahsoolatSV > a:active
{
    transition: none;
    color: var(--cl-4-1);
}

.kadrKolAkshaSV
{
    float: right;
    width: 100%;
}

.kadrAksMSV
{
    float: right;
    width: calc(50% - 11px);
    padding: 5px;
    transition: box-shadow 0.2s;
    /*diz padding-top: 57%;
    overflow:hidden;
    position: relative;
    outline: 2px solid hsla(97, 100%, 84% ,0);*/
}

.kadrAksMSV:nth-child(1)
{
    /*border-bottom: 1px solid hsl(0, 0%, 85%);*/
    border-left: 1px solid hsl(0, 0%, 85%);
}

/*.kadrAksMSV:nth-child(2)
{
    border-bottom: 1px solid hsl(0, 0%, 85%);
}*/

.kadrAksMSV:nth-child(3)
{
    border-left: 1px solid hsl(0, 0%, 85%);
}

.kadrAksMSV:hover
{
    box-shadow: 0px 0px 5px hsl(0, 0%, 88%);
}

a.kadrVasetAksMSV, a.kadrVasetAksMSV:link, a.kadrVasetAksMSV:visited
{
    float: right;
    width: 100%;
}

img.aksMSV
{
    float: right;
    width: 100%;
    border-radius: 4px;
    /*diz height: 100%;
    position: absolute;
    left:0px;
    top:0px;*/
}

a.namayeshBishtarMahsoolatSV, a.namayeshBishtarMahsoolatSV:link, a.namayeshBishtarMahsoolatSV:visited
{
    position: relative;
    float: left;
    padding: 5px 10px;
    margin: 0px 5px 5px;
    border-radius: 8px;
    overflow: hidden;
    font-size: 1rem;
    color: var(--cl-4-2);
    transition: color 0.2s;
}

a.namayeshBishtarMahsoolatSV:hover
{
    color: var(--cl-4-1);
}

a.namayeshBishtarMahsoolatSV:active
{
    transition: none;
    color: var(--cl-4);
}

a.namayeshBishtarMahsoolatSV > span.iconKenarMatn
{
    position: relative;
    z-index: 2;
    right: 0;
    transition: right 0.2s;
}

a.namayeshBishtarMahsoolatSV:hover > span.iconKenarMatn
{
    right: 5px;
}

a.namayeshBishtarMahsoolatSV::after, a.namayeshBishtarMahsoolatSV::before
{
    content: "";
    position: absolute;
    top: 9.5px;
    right: -16px;
    z-index: 1;
    font-family: myIcon4;
    font-size: 1rem;
    color: var(--cl-4-1);
    transition: right 0.2s;
}

a.namayeshBishtarMahsoolatSV::before
{
    transition: right 0.2s 0.1s;
}

a.namayeshBishtarMahsoolatSV:hover::after, a.namayeshBishtarMahsoolatSV:hover::before
{
    right: 10px;
}

.kadrDastehBandi
{
    position: relative;
    float: right;
    width: calc(100% - 80px);
    padding: 35px 40px 10px;
}

.kadrTitrDBSV
{
    width: calc(100% - 10px);
    overflow-y: auto;
    padding: 5px;
}

a.matnTitrDBSV, a.matnTitrDBSV:link, a.matnTitrDBSV:visited
{
    width: calc(33.333% - 70px);
    padding: 5px 5px;
    margin: 0px 30px;
    display: block;
    float: right;
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
}


a.matnTitrDBSV:first-child span.titrDBSV1:before
{
    content: "";
    font-family: myIcon4;
    font-size: 1.157rem;
    padding-left: 4px;
    position: relative;
    top: 4px;
}

a.matnTitrDBSV:first-child + a span.titrDBSV1:before
{
    content: "";
    font-family: myIcon4;
    font-size: 1.157rem;
    padding-left: 4px;
    position: relative;
    top: 4px;
}

a.matnTitrDBSV:last-child span.titrDBSV1:before
{
    content: "";
    font-family: myIcon4;
    font-size: 1.157rem;
    padding-left: 4px;
    position: relative;
    top: 4px;
}

a.entekhabShodehDSV, a.entekhabShodehDSV:link, a.entekhabShodehDSV:visited
{
    position: relative;
    z-index: 4;
    color: hsl(353, 84%, 58%);
}

a.entekhabShodehDSVP, a.entekhabShodehDSVP:link, a.entekhabShodehDSVP:visited
{
    position: relative;
    z-index: 4;
    color: hsl(353, 84%, 58%);
}

.kadrDastehBandi > hr
{
    margin-top: 0px;
    border: 0px solid;
    /*border-bottom: 1px solid hsl(200, 100%, 64%);;*/
}

.kadrDastehBandi > .khatEntekhabDBSV
{
    width: calc(33.333% - 60px);
    border-color: hsl(353, 84%, 58%);
    border-width: 1px;
    position: relative;
    margin: 0px 30px;
    bottom: 0;
    transition: right 0.2s;
}

.kadrItemDBSV
{
    width: calc(100% - 8px);
    overflow-x: hidden;
    padding: 0px 4px 10px 4px;
}

.itemDBSV
{
    position: relative;
    width: calc(20% - 22px);
    float: right;
    margin: 5px 1px;
    padding: 10px;
    overflow-y: hidden;
    cursor: pointer;
    border-radius: 2px;
}

/*.itemDBSV img.aksDBSV
{
    transition: outline 0.2s;
}

.itemDBSV:hover img.aksDBSV
{
    outline: 2px solid hsl(200, 100%, 64%);
}*/

table.tblItemDBSV
{
    display: block;
    table-layout: fixed;
    width: 100%;
}

table.tblItemDBSV > tbody, table.tblItemDBSV tr
{
    display: block;
}

table.tblItemDBSV td.sotoonAksDBSV
{
    display: block;
    width: 100%;
    padding: 0px;
}

table.tblItemDBSV td.sotoonMatnhaDBSV
{
    display: block;
    padding: 0px;
    width: 100%;
}

.kadrAksDBSV
{
    width: 100%;
    /*padding-top: 54.838%;*/
    position: relative;
    /*outline: 2px solid hsla(97, 100%, 84% ,0);
    transition: outline-color 0.2s;*/
}

img.aksDBSV
{
    width: 100%;
    border-radius: 8px;
    /*position: absolute;
    left: 0px;
    top:0px;
    outline: 2px solid hsl(85, 90%, 84%);
    outline-offset: -4px;*/
}


h4.titrDBSV
{
    width: 100%;
    height: 27px;
    margin: 0;
}

h4.titrDBSV a, h4.titrDBSV a:link, h4.titrDBSV a:visited
{
    display: block;
    max-width: calc(100% - 4px);
    padding: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.875rem;
    text-align: center;
    text-decoration: none;
}

h4.titrDBSV a:hover
{
    color: var(--cl-5);
}

h4.titrDBSV a:active
{
    transition: none;
    color: var(--cl-5-1);
}

.kadrShenavarItemDBSV
{
    width: 100%;
    padding: 0px;
    overflow-y: auto;
    position: relative;
}

#kadrShenavarPorbin
{
    right: 0px;
}


#kadrShenavarJazab, #kadrShenavarPishnahadat
{
    display: none;
}

.kadrShenavarItemDBSVP
{
    width: 200%;
    padding: 0px;
    overflow-y: auto;
    position: relative;
}

#kadrShenavarBarchasbHefazati
{
    right: 0px;
}

#kadrShenavarBarchasbMadarBasteh, #kadrShenavarBarchasbAmniyati
{
    display: none;
}

.kadrTazehTarinSV
{
    width: 80.3%;
    margin: 25px auto;
    overflow-y: auto;
}

#kadrItemTazehTarinSV
{
    width: calc(100% - 6px);
    overflow-x: hidden;
    padding: 0px 3px;
    background-color: hsl(85, 91%, 38%);
}


.itemTTSV
{
    width: calc(20% - 6px);
    float: right;
    margin: 0px 3px;
    padding-bottom: 10px;
    overflow-y: auto;
    position: relative;
    background-color: hsl(0, 0%, 100%);
}

.itemTTSV:hover span.matnEdamehTTSV a
{
    padding-left: 25px;
}

table.tblItemTTSV
{
    display: block;
    table-layout: fixed;
    width: 100%;
}

table.tblItemTTSV > tbody, table.tblItemTTSV tr
{
    display: block;
}

table.tblItemTTSV td.sotoonAksTTSV
{
    display: block;
    padding: 3px;
    width: calc(100% - 6px);
}

table.tblItemTTSV td.sotoonMatnhaTTSV
{
    display: block;
    padding: 3px;
    width: calc(100% - 6px);
}

.kadrAksTTSV
{
    width: 100%;
    padding-top: 57%;
    overflow: hidden;
    position: relative;
    outline: 2px solid hsla(97, 100%, 84%, 0);
    transition: outline-color 0.2s;
}

img.aksTTSV
{
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}


h4.titrTTSV
{
    height: 49px;
    overflow-y: hidden;
    margin: 2.5% 1.785% 2.142% 1.785%;
}

h4.titrTTSV a, h4.titrTTSV a:link, h4.titrTTSV a:visited
{
    display: block;
    max-width: calc(100% - 4px);
    padding: 2px;
    text-align: center;
    font-family: shabnam;
    font-size: 1rem;
    color: hsl(200, 100%, 33%);
    text-decoration: none;
}

span.matnEdamehTTSV
{
    font-family: Koodak;
    font-size: 1rem;
    float: left;
}

span.matnEdamehTTSV > a, span.matnEdamehTTSV > a:link, span.matnEdamehTTSV > a:visited
{
    display: inline-block;
    padding: 3px 7px 2px 3px;
    color: hsl(0, 0%, 100%);
    margin-left: -3px;
    background-color: hsl(200, 100%, 64%);
    transition: color 0.2s, padding 0.2s;
}

span.matnEdamehTTSV > a:hover
{
    color: hsl(198, 100%, 90%);
    background-color: hsl(198, 91%, 39%);
}

span.matnEdamehTTSV > a:active
{
    color: hsl(198, 91%, 39%);
    background-color: hsl(198, 100%, 90%);
}

#navarChap
{
    position: relative;
    float: left;
    width: calc(27% - 35px);
    margin: 20px 10px 0px 25px;
    border-radius: 5px;
    overflow-y: auto;
    z-index: 1;
}

#kadrBalaNCHP
{
    float: right;
    width: calc(100% - 22px);
    border-radius: 8px;
    padding: 10px 10px 0;
    margin-bottom: 20px;
    border: 1px solid var(--cl-brd);
    /*diz height: 421px;
    position: relative;*/
}

#kadrTitrhaTarin
{
    float: right;
    width: 100%;
    background-color: var(--cl-bck-itm);
    border-radius: 8px;
    /*diz border-bottom: 1px solid hsl(0, 0%, 80%);
    height: 24px;
    margin: 0px 5px 0px 5px;
    padding-top: 14px;*/
}

/*diz @media only screen and (min-width:768px) and (max-width:800px)
{
    #kadrTitrhaTarin
    {
        margin: 0px 2px 0px 2px;
    }
}*/

a.titrTarin, a.titrTarin:link, a.titrTarin:visited
{
    position: relative;
    float: right;
    width: calc(100% - 40px);
    padding: 5px;
    border-radius: 5px;
    text-align: right;
    white-space: nowrap;
    font-family: vazir;
    text-decoration: none;
    /*diz border-bottom: 1px solid hsl(0, 0%, 90%);
    font-size: 0.75rem;
    z-index: 3;
    line-height: 1;
    max-width: 85px;
    background-color: hsl(198, 91%, 39%);
    color: hsl(0,0%,100%);*/
}

/*
a.titrTarin:hover
{
    color: var(--cl-4-1);
}

a.titrTarin:active
{
    color: var(--cl-4-2);
}
*/

a.entekhabShodehNCHP, a.entekhabShodehNCHP:link, a.entekhabShodehNCHP:visited
{
    position: relative;
    z-index: 4;
    //background-color: var(--cl-4-3);
}

/*diz #kadrVasetMatlabhaTarin
{
    height: 344px;
    overflow-y: auto;
}*/

ul#kadrMatlabhaTarin
{
    float: right;
    width: 100%;
    margin: 0px;
    padding: 5px 0px;
    list-style-type: none;
    list-style-position: inside;
    /*diz position: relative;
    height: 334px;*/
}

ul#kadrMatlabhaTarin li
{
    position: relative;
    right: 0px;
    float: right;
    width: 100%;
    padding: 10px 0px;
    border-bottom: 1px solid hsl(0, 0%, 85%);
    transition: right 0.2s;
    animation: namayeshItemTarin 0.5s;
    animation-fill-mode: both;
    /*diz padding: 2px 3.424%;
    overflow-y: auto;
    position: relative;*/
}

ul#kadrMatlabhaTarin li:last-child
{
    border: 0px;
}

ul#kadrMatlabhaTarin li:hover
{
    right: 3px;
}

/*diz ul#kadrMatlabhaTarin li::after
{
    content: "";
    display: block;
    width: 80%;
    position: absolute;
    bottom:0px;
    right: 0px;
    border-bottom: 1px solid hsl(85, 76%, 66%);
}*/

span.iconMatlabTarin
{
    float: right;
    margin-left: 10px;
    width: 25%;
    text-align: center;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    /*diz font-family: myIcon;
    font-size:0.75rem;*/
}

span.iconMatlabTarin > img
{
    display: block;
}

/*diz a.iconMatlabTarin::after
{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom:0px;
    right: 0px;
    box-shadow: inset 0px 0px 6px 6px hsl(0, 0%, 100%);
}*/

a.iconMatlabTarin > img
{
    float: right;
    width: 100%;
    border-radius: 8px;
}

a.matlabTarin:link, a.matlabTarin:visited
{
    float: left;
    width: calc(75% - 10px);
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: vazir;
    font-size: 1rem;
    text-decoration: none;
    color: var(--cl-tit);
    text-align: right;
    /*diz max-width: calc(100% - 95px);
    padding: 19px 0px;
    line-height: 1;*/
}

a.matlabTarin:hover
{
    color: var(--cl-hov);
}

a.matlabTarin:active
{
    color: var(--cl-act);
}

#kadrMatlabhaTarin .kadrGheymat
{
    width: calc(75% - 10px);
}

a.edamehMatlabTarin, a.edamehMatlabTarin:link, a.edamehMatlabTarin:visited
{
    float: left;
    margin: 5px 0px 0px 5px;
    font-size: 0.875rem;
    color: hsl(215, 33%, 35%);
    transition: color 0.1s;
}

a.edamehMatlabTarin:hover
{
    color: hsl(2, 96%, 40%);
}

a.edamehMatlabTarin:active
{
    transition: none;
    color: hsl(2, 96%, 50%);
}

#tablighNCHP
{
    width: 100%;
    overflow-y: auto;
    max-height: 315px;
    float: right;
    background-color: hsl(138, 15%, 23%);
}

#titrTablighNCHP
{
    padding: 10px 20px 10px 20px;
    height: 18px;
    background: url('../pic/parcham-3.png') no-repeat left bottom;
    border-bottom: 2px solid hsl(97, 83%, 43%);
    font-family: 'Titr Bold GE';
    font-size: 1rem;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    text-align: right;
    color: hsl(95, 100%, 82%);
    text-shadow: 1px 2px 2px hsl(126, 75%, 20%);
}

#sharhTablighNCHP
{
    overflow-y: auto;
    padding: 10px;
    font-family: 'koodak';
    font-size: 0.875rem;
    overflow-x: hidden;
}

#sharhTablighNCHP > a, #sharhTablighNCHP > a:link, #sharhTablighNCHP > a:visited
{
    display: block;
    width: 100%;
    overflow-y: auto;
}

img#axTablighNCHP
{
    display: block;
    max-width: 100%;
    margin: 0px auto;
    border-width: 0px;
}

#kadrPeyvandhaTablighatiNCHP
{
    float: right;
    width: calc(100% - 20px);
    padding: 10px 10px;
    background-color: hsl(126, 7%, 29%);
}

a.dokmehBozorgPTNCHP
{
    display: block;
    float: right;
    height: 24.390%;
    min-height: 30px;
    width: calc(100% - 22px);
    padding: 5px 0px;
    margin: 5px 10px;
    border: 1px solid transparent;
    overflow-y: hidden;
    text-decoration: none;
    text-align: left;
    position: relative;
}

a.dokmehBozorgPTNCHP:link, a.dokmehBozorgPTNCHP:visited
{
    color: hsl(0, 0%, 18%);
    background-image: linear-gradient(hsl(134, 12%, 22%), hsl(60, 9%, 4%));
}

span.titrDokmehPTNCHP
{
    display: inline-block;
    width: calc(90% - 55px);
    height: 30px;
    margin-left: 5px;
    font-family: koodak;
    font-size: 1.375rem;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    right: 0px;
    top: 2px;
    bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
    color: hsl(92, 51%, 69%);
    text-shadow: -1px 2px 2px hsl(92, 23%, 46%);
}

img.aksPTNCHP
{
    display: inline-block;
    height: calc(70% - 10px);
    max-height: 42px;
    padding: 2px;
    position: absolute;
    left: 0px;
    top: 10px;
    bottom: 10px;
    margin: auto 0px auto 10%;
    border: 2px solid hsl(0, 0%, 29%);
    border-radius: 25%;
    line-height: 34px;
    vertical-align: middle;
    background-color: hsla(0, 0%, 100%, 0.8);
}

@media only screen and (min-width: 768px) and (max-width: 950px)
{
    span.makhfiDarRWDKoochak
    {
        display: none;
    }

    span.titrDokmehPTNCHP
    {
        height: 28px;
        font-size: 1.25rem;
        line-height: 28px;
    }
}

[id^="kadrEzafat"]
{
    float: right;
    width: 100%;
    height: 0px;
    overflow-y: hidden;
    position: relative;
}

#kadrEzafatNR
{
    background-color: hsl(141, 15%, 26%);
}

#kadrEzafatSV
{
    background-color: hsl(132, 5%, 18%);
}

#kadrEzafatNCHP
{
    background-color: hsl(141, 15%, 26%);
}

#barchasbhaNCHP
{
    position: relative;
    width: 100%;
    margin-top: 20px;
    overflow-y: auto;
    float: right;
    z-index: 1;
}

#titrBarchasbhaNCHP
{
    float: right;
    width: 100%;
    padding: 10px 0px;
    font-size: 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    text-align: right;
    color: var(--cl-tit);
    font-family: vazir;
    word-spacing: 3px;
}

#titrBarchasbhaNCHP span.iconKenarMatn
{
    color: var(--cl-asl);
}

#kadrBarchasbhaNCHP
{
    float: right;
    width: 100%;
    font-size: 0.875rem;
    overflow-y: auto;
}

a.barchasbNCHP
{
    float: right;
    /*diz height: 14px;*/
    padding: 3px 10px 5px;
    margin: 0px 0px 10px 10px;
    border-radius: 16px;
    font-size: 0.875rem;
    background-color: var(--cl-bck-itm);
    /*line-height: 1;*/
    position: relative;
}

a.barchasbNCHP:hover
{
    background-color: var(--cl-hov);
}

a.barchasbNCHP:active
{
    background-color: var(--cl-act);
}

a.barchasbNCHP:active span.iconKenarMatn
{
    color: var(--cl-hov) !important;
}

a.barchasbNCHP:active span.matnKenarIcon
{
    color: var(--cl-hov) !important;
}

a.barchasbNCHP:hover span.iconKenarMatn
{
    color: var(--cl-asl);
}

a.barchasbNCHP:hover span.matnKenarIcon
{
    color: var(--cl-asl);
}


#kadrBarchasbhaNCHP strong
{
    font-weight: normal;
    font-family: Vazir;
    font-size: 0.75rem;
}

#kadrMozooatMontakhab
{
    float: right;
    display: flex;
    justify-content: space-around;
    width: calc(100% - 100px);
    padding: 50px;
    background-image: url('../pic/mahsoolat-montakhab-bg.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

a.itemMozooatMontakhab, a.itemMozooatMontakhab:link, a.itemMozooatMontakhab:visited
{
    float: right;
    width: calc(50% - 100px);
    transition: transform 0.2s;
}

a.itemMozooatMontakhab:hover
{
    transform: scale(1.015);
}

img.aksMozooatMontakhab
{
    float: right;
    width: 100%;
    border-radius: 16px;
}

#tablighBalaHDR
{
    position: relative;
    width: 108%;
    right: -4%;
}

#tablighBalaHDR a
{
    display: block;
    width: 100%;
    height: 100%;
}

#tablighBalaHDR a img#aksTablighDarRWD
{
    display: block;
    width: 100%;
    height: 100%;
}

#tablighBalaHDR a img#aksTablighDarMF
{
    display: none;
    width: 100%;
    height: 100%;
}


#tablighSV
{
    float: left;
    width: calc(100% - 50px);
    margin: 65px 25px;
}

#tablighSV + div
{
    margin-top: 0px;
}


#tablighSV > a, #tablighSV > a:link, #tablighSV > a:visited, #tablighSV img
{
    display: block;
    position: relative;
    right: -20%;
    width: 140%;
    border-radius: 16px;
}

#tablighSV img#aksTablighDarRWD
{
    display: block;
}


#tablighSV img#aksTablighDarMF
{
    display: none;
}

#tablighZirKadrTarinNCHP
{
    width: 100%;
    margin-bottom: 25px;
}

#tablighZirKadrTarinNCHP > a, #tablighZirKadrTarinNCHP > a:link, #tablighZirKadrTarinNCHP > a:visited, #tablighZirKadrTarinNCHP img
{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

#mohtavaEzafi
{
    width: 100%;
    clear: both;
    margin-bottom: 45px;
}

#kadrMahsoolatMortabetMEZF
{
    width: 75.966%;
    margin: 25px auto;
    overflow-y: auto;
}

#kadrTitrMEZF
{
    padding: 8px 10px;
    font-size: 1rem;
    font-family: shabnam;
    color: hsl(198, 91%, 39%);
}

#kadrItemMMMEZF
{
    width: calc(100% - 8px);
    overflow-x: hidden;
    padding: 10px 4px;
    border-top: 4px hsl(200, 100%, 64%) solid;
    border-bottom: 4px hsl(200, 100%, 64%) solid;
}

.itemMMMEZF
{
    width: calc(25% - 12px);
    float: right;
    margin: 4px 4px;
    overflow-y: auto;
    cursor: pointer;
    border-radius: 2px;
    border: 2px solid hsl(85, 76%, 66%);
    transition: background-color 0.2s;
}

.itemMMMEZF:hover
{
}

.itemMMMEZF:hover img.aksMMMEZF
{
    outline: 2px solid hsl(200, 100%, 64%);
}

table.tblItemMMMEZF
{
    display: block;
    table-layout: fixed;
    width: 100%;
}

table.tblItemMMMEZF > tbody, table.tblItemMMMEZF tr
{
    display: block;
}

table.tblItemMMMEZF td.sotoonAksMMMEZF
{
    display: block;
    padding: 3px;
    width: calc(100% - 6px);
}

table.tblItemMMMEZF td.sotoonMatnhaMMMEZF
{
    display: block;
    padding: 3px;
    width: calc(100% - 6px);
}

.kadrAksMMMEZF
{
    width: 100%;
    padding-top: 56.177%;
    overflow: hidden;
    position: relative;
    outline: 2px solid hsla(97, 100%, 84%, 0);
    transition: outline-color 0.2s;
}

img.aksMMMEZF
{
    height: 100%;
    position: absolute;
    top: 0px;
    outline: 2px solid hsl(85, 90%, 84%);
    outline-offset: -4px;
    transition: outline 0.2s;
}

h4.titrMMMEZF
{
    height: 40px;
    overflow-y: hidden;
    margin: 7px;
}

h4.titrMMMEZF a, h4.titrMMMEZF a:link, h4.titrMMMEZF a:visited
{
    display: block;
    max-width: calc(100% - 4px);
    padding: 2px;
    font-family: shabnam;
    font-size: 0.875rem;
    text-align: center;
    color: hsl(0, 0%, 0%);
    text-decoration: none;
}

#sotiMEZF
{
    width: 31.801%;
    height: 280px;
    float: right;
    padding: 10px 0.741%;
    background-color: hsl(137, 14%, 10%)
}

#titrSoti
{
    width: 95.337%;
    height: 14px;
    padding: 13px 2.331%;
}

a#peyvandArshivSoti, a#peyvandArshivSoti:link, a#peyvandArshivSoti:visited
{
    display: block;
    width: 45px;
    float: right;
    font-family: vazir;
    font-size: 0.875rem;
    line-height: 1;
    text-decoration: none;
    color: hsl(94, 100%, 72%);
}

a#peyvandArshivSoti:hover
{
}


a#peyvandArshivSoti:active
{
    color: hsl(96, 100%, 92%);
}

a#titrMatlabSoti, a#titrMatlabSoti:link, a#titrMatlabSoti:visited
{
    display: block;
    float: right;
    width: calc(100% - 45px);
    height: 18px;
    overflow-y: hidden;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: vazir;
    font-size: 0.875rem;
    line-height: 1;
    text-decoration: none;
    color: hsl(96, 100%, 92%);
}

a#titrMatlabSoti:hover
{
    color: hsl(94, 100%, 72%);
}

a#titrMatlabSoti:active
{
    color: hsl(96, 100%, 92%);
}

#itemhaSoti
{
    padding: 10px 0;
    width: 100%;
    overflow-y: auto;
}

.itemSoti
{
    overflow: hidden;
    position: relative;
    float: right;
    height: 154px;
    width: calc(25% - 8px);
    border-radius: 8px;
    margin: 4px 4px;
    box-shadow: inset 0px 0px 0px 2px var(--cl-1);
}

.itemSoti::after
{
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url('../pic/logo2.png') no-repeat -67% 50%;
    background-size: 79%;
    opacity: 0.15;
}


.kadrPakhshSoti
{
    float: left;
    height: 43px;
    width: 60.880%;
    position: relative;
    background-color: var(--cl-2-5);
}

h4.titrZamimehSoti
{
    width: calc(100% - 16px);
    padding: 12px 8px;
    margin: 0px;
    font-family: vazir;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--cl-1);
}

.tblAudio
{
    width: 157.3%;
    height: 100%;
}

.tdcellAudio
{
    display: block;
    float: left;
    width: 65px;
    min-width: 52px;
    top: 0px;
    bottom: 0px;
    margin: auto 0px;
    position: relative;
    z-index: 1;
    transition: width 0.5s;
}

p.sharhZamimehSoti
{
    position: relative;
    height: 52px;
    width: calc(100% - 16px);
    margin: 10px 8px;
    padding: 0px;
    font-family: vazir;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.5;
    text-align: right;
    overflow: auto;
    color: var(--cl-tit);
}

.mejs__container
{
    background-color: var(--cl-1) !important;
    min-width: unset !important;
    direction: ltr;
    width: auto !important;
    height: 43px !important;
}

.mejs__controls:not([style*='display: none'])
{
    display: block;
    text-align: center;
    overflow: hidden;
    background-image: none !important;
}

.mejs__time-rail
{
    display: inline-block;
    min-width: 40px;
    width: calc(100% - 92px) !important;
}

.mejs__button, .mejs__playpause-button, .mejs__play
{
    display: inline-block;
}

#sotiMEZF .mejs__time-float
{
    display: none !important;
}

.mejs__time
{
    display: inline-block;
    width: 28px !important;
}

.itemSoti .tdcellAudio:hover
{
    width: 100%;
}

.mejs__container:hover
{
    width: 100% !important;
}

.kadrDokmeh
{
    height: 40px;
    width: 40px;
    position: relative;
}

a.btnEmkanatSoti, a.btnEmkanatSoti:link, a.btnEmkanatSoti:visited
{
    float: right;
    padding: 10px;
    font-family: myIcon4;
    font-size: 1.125rem;
    color: var(--cl-3);
}

a.btnEmkanatSoti:hover
{
    color: var(--cl-hov);
}

a.btnEmkanatSoti:active
{
    color: var(--cl-act);
}

/*diz a[class^="btn"]
{
    display: block;
    position: absolute;
    height: 22px;
    width: 22px;
    background-image: url(../pic/icons.png);
    background-repeat: no-repeat;
    top:0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;

}*/

.poosheshBtnDownload
{
    display: none;
    position: absolute;
    height: 22px;
    width: 22px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    z-index: 2;
}

.kadrLikeVaTedadSoti
{
    position: absolute;
    height: 22px;
    width: 22px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

span.tedadLikeSoti
{
    display: block;
    width: 22px;
    height: 10px;
    font-family: koodak;
    font-size: 0.625rem;
    line-height: 1;
    text-align: right;
    position: absolute;
    right: 21px;
    top: 3px;
    bottom: 0px;
    margin: auto 0px;
}


a.btnShare, a.btnShare:link, a.btnShare:visited
{
    background-position: 0px 0px;
}

a.btnLike, a.btnLike:link, a.btnLike:visited
{
    background-position: -22px 0px;
}

a.btnComment, a.btnComment:link, a.btnComment:visited
{
    background-position: -44px 0px;
}

a.btnDownload, a.btnDownload:link, a.btnDownload:visited
{
    background-position: -66px 0px;
}

a.btnDownload, a.btnDownload:link, a.btnDownload:visited
{
    background-position: -88px 0px;
}

a.btnFull, a.btnFull:link, a.btnFull:visited
{
    background-position: -110px 0px;
}

.kadrLikeVaTedadVideo
{
    position: absolute;
    height: 22px;
    width: 22px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}

/*      کادر آموزشی     */

#kadrAmoozeshiSV
{
    float: right;
    position: relative;
    width: calc(100% - 50px);
    padding: 0px 25px;
    margin: 25px 0;
    z-index: 1;
}

#kadrVasetASV
{
    float: right;
    width: 100%;
}

#kadrMatalebASV
{
    float: right;
    width: calc(100% - 3px);
    border: solid var(--cl-asl3);
    border-width: 3px 3px 0 0;
}

.matlabASV
{
    position: relative;
    bottom: 0px;
    float: right;
    width: calc(20% - 40px);
    margin: 0px 10px;
    padding: 0px;
    overflow: hidden;
    background-color: var(--cl-bck-itm);
    border-radius: 8px;
    padding: 10px;
    /* box-shadow: 2px 2px 10px -5px var(--cl-say);
     border: solid var(--cl-asl3);
     border-width: 0 0 3px 3px;*/
}

#kadrMatalebASV > .matlabASV
{
    position: relative;
    bottom: 0px;
    float: right;
    width: calc(25% - 3px);
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    background-color: var(--cl-bck-itm);
    border-radius: 0px;
    box-shadow: 2px 2px 10px -5px var(--cl-say);
    border: solid var(--cl-asl3);
    border-width: 0 0 3px 3px;

}


.matlabASV:hover .kholasehMatlabASV
{
    top: 0%;
    background-color: hsla(0, 0%, 0%, 0.8);
}


a.kadrAksMatlabASV, a.kadrAksMatlabASV:link, a.kadrAksMatlabASV:visited
{
    float: right;
    position: relative;
    width: 100%;
    padding-top: 100%;
    height: 0px;
    overflow: hidden;
}

img.aksMatlabASV
{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    object-fit: cover;
}

h2.titrMatlabASV
{
    float: right;
    position: relative;
    width: 100%;
    height: 52px;
    padding: 0px;
    margin: 0px;
    font-family: vazir;
    font-size: 0.875rem;
    font-weight: normal;
    z-index: 1;
}

#kadrMatalebASV h2.titrMatlabASV
{
    float: right;
    position: absolute;
    width: 100%;
    height: 52px;
    padding: 0px;
    margin: 0px;
    font-family: vazir;
    font-size: 0.875rem;
    font-weight: normal;
    z-index: -1;
}

h2.titrMatlabASV .emkanatMatlabASV
{
    position: absolute;
    left: 0px;
    top: -40px;
    height: 13px;
    width: calc(100% - 16px);
    padding: 5px 8px;
    font-family: vazir;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    overflow: hidden;
    background-color: var(--cl-asl);
}

h2.titrMatlabASV a.barchasbMatlabASV, h2.titrMatlabASV a.barchasbMatlabASV:link, h2.titrMatlabASV a.barchasbMatlabASV:visited
{
    position: relative;
    left: 0px;
    transition: left 0.2s;
    color: var(--cl-bck-itm);
    font-family: vazir;
    word-spacing: 3px;

}

h2.titrMatlabASV a.barchasbMatlabASV:hover
{
    color: var(--cl-asl-hov);
}

h2.titrMatlabASV a.barchasbMatlabASV:active
{
    color: var(--cl-asl-say);
}


.matlabASV:hover a.barchasbMatlabASV
{
    left: 50px !important;
}


h2.titrMatlabASV a.edamehMatlabASV, h2.titrMatlabASV a.edamehMatlabASV:link, h2.titrMatlabASV a.edamehMatlabASV:visited
{
    position: absolute;
    padding: 5px 6px;
    left: -75px;
    top: 0px;
    transition: left 0.2s;
    color: var(--cl-bck-itm);
}


h2.titrMatlabASV a.edamehMatlabASV:hover
{
    color: var(--cl-asl-hov);
}

h2.titrMatlabASV a.edamehMatlabASV:active
{
    color: var(--cl-asl-say);
}

.matlabASV:hover a.edamehMatlabASV
{
    left: 0px !important;
}


h2.titrMatlabASV > a, h2.titrMatlabASV > a:link, h2.titrMatlabASV > a:visited
{
    float: right;
    position: relative;
    width: 100%;
    transition: color 0.1s;
    z-index: 1;
    color: var(--cl-txt);
    background-color: var(--cl-bck-itm);
    font-family: vazir;
}

h2.titrMatlabASV > a:hover
{
    color: var(--cl-hov);
}

h2.titrMatlabASV > a:active
{
    color: var(--cl-txt2);
}

.kholasehMatlabASV
{
    position: absolute;
    top: 100%;
    left: 0px;
    height: calc(100% - 40px);
    width: calc(100% - 40px);
    overflow: hidden;
    padding: 20px;
    font-weight: normal;
    font-size: 1rem;
    text-indent: 10px;
    text-align: justify;
    background-color: hsla(0, 0%, 14%, 0.0);
    color: var(--cl-tit);
    text-shadow: 0px 0px 3px var(--cl-asl);
    transition: top 0.2s, background-color 0.2s;
}


/* فوتر */
#footer
{
    float: right;
    width: calc(106.4% - 60px);
    position: relative;
    left: 3.2%;
    padding: 100px 30px 20px;
    margin-top: 20px;
    font-family: vazir;
    font-size: 1rem;
    background-color: var(--cl-bck-itm);
    color: var(--cl-txt);
}

#ghabPoshtFTR
{
    position: absolute;
    width: calc(100% + 400px);
    height: 350px;
    left: -200px;
    background-color: var(--cl-bck);
    border-radius: 0px 0px 3000% 3000%;
    top: -260px;
    z-index: 0;
}


a#boroBalaFTR, a#boroBalaFTR:link, a#boroBalaFTR:visited
{
    position: absolute;
    right: 0px;
    left: 0px;
    top: 10px;
    margin: auto;
    float: right;
    width: 15%;
    padding: 8px;
    text-align: center;
    color: var(--cl-tit);
    border: 1px solid var(--cl-asl);
    border-radius: 25px;
    font-family: vazir;
    word-spacing: 3px;
    z-index: 3;
    transition: border 0.2s, color 0.2s,background-color 0.2s;
}

a#boroBalaFTR:hover
{
    color: var(--cl-asl2);
    /*border: 1px solid var(--cl-asl2);*/
}

a#boroBalaFTR:active
{
    color: var(--cl-act);
    /*border: 1px solid var(--cl-act);*/
}

#kadrTimelineFTR
{
    float: right;
    width: calc(100% - 26px);
    margin: 40px 13px 0;
    padding-bottom: 40px;
    border-bottom: 3px solid hsl(0, 0%, 93%);
}

.kadrVasetTimelineFTR
{
    float: right;
    width: 25%;
}

.timelineFTR
{
    width: 80%;
    margin: auto;
    text-align: center;
}

img.aksTimelineFTR
{
    display: block;
    width: 100px;
    margin: 0px auto 10px;
}

.matnTimelineFTR
{
    width: 100%;
    text-align: center;
    font-family: vazir;
    font-weight: 500;
    word-spacing: 3px;
}

h1#logoSiteFTR
{
    float: right;
    width: calc(100% - 60px);
    margin: 20px 30px;
    padding: 0px;
    font-size: 2rem;
    color: var(--cl-4);
    text-shadow: var(--cl-3) 3px 0px 0px, var(--cl-3) 2.83487px 0.981584px 0px, var(--cl-3) 2.35766px 1.85511px 0px, var(--cl-3) 1.62091px 2.52441px 0px, var(--cl-3) 0.705713px 2.91581px 0px, var(--cl-3) -0.287171px 2.98622px 0px, var(--cl-3) -1.24844px 2.72789px 0px, var(--cl-3) -2.07227px 2.16926px 0px, var(--cl-3) -2.66798px 1.37182px 0px, var(--cl-3) -2.96998px 0.42336px 0px, var(--cl-3) -2.94502px -0.571704px 0px, var(--cl-3) -2.59586px -1.50383px 0px, var(--cl-3) -1.96093px -2.27041px 0px, var(--cl-3) -1.11013px -2.78704px 0px, var(--cl-3) -0.137119px -2.99686px 0px, var(--cl-3) 0.850987px -2.87677px 0px, var(--cl-3) 1.74541px -2.43999px 0px, var(--cl-3) 2.44769px -1.73459px 0px, var(--cl-3) 2.88051px -0.838247px 0px;
}

#mohtavaEzafeiFTR
{
    float: right;
    width: calc(27% - 50px);
    margin: 20px 25px 0px;
}

/*.khatTitr
{
    position: absolute;
    top: 55px;
    right: 0;
    z-index: 0;
    width: 100%;
    height: 1px;
    background-color: var(--cl-5);
}

span.titrKhatDar
{
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0 30px;
    color: var(--cl-5);
    background-color: var(--cl-3-1);
}

a.eNamad, a.eNamad:link, a.eNamad:visited
{
    float: left;
    !*width: 100px;*!
    !*height: 100px;*!
    margin-right: 30px;
    border: 1px solid var(--cl-2-3);
    border-radius: 4px;
}*/

#darbarehFTR
{
    float: right;
    width: calc(105% - 70px);
    padding: 40px 35px;
    position: relative;
    right: -2.5%;
    top: -100px;
    background-color: var(--cl-bck);
    margin-bottom: -30px;
    z-index: 1;

}

p#matnDarbarehFTR
{
    float: right;
    padding: 0px 10px;
    margin: 10px 0px;
    text-align: justify;
    color: var(--cl-txt);
}

.itemFTR
{
    float: right;
    width: calc(50% - 24px);
    margin: 0px 12px;
    border-radius: 10px;
    /*diz padding: 5px;*/
}

.itemFTR.tarinFTR
{
    width: calc(100% - 24px);
}

.itemFTR.hamrahBashidFTR
{
    width: calc(100% - 24px);
}


/*.jodasazFTR
{
    width: 7px;
    height: 300px;
    float: right;
    border-radius: 2px;
    background-color: hsla(200, 100%, 44%, 0.17);
}*/

span.titrFTR
{
    float: right;
    width: 100%;
    font-size: 1.25rem;
    color: var(--cl-asl);
    font-family: vazir;
    word-spacing: 3px;

    /*diz font-family: shabnam;
    display: block;
    padding: 10px  2px;
    color: hsl(0, 0%, 100%);*/
}

span.titrFTR a.iconFTR
{
    float: right;
    width: 25px;
}

.itemFTR span.titrFTR
{
    width: auto;
    padding: 0px 0px 0px 10px;
    color: var(--cl-asl);
}

/*span#barchasbhaFTR
{
    display: block;
    margin-top: 10px;
    overflow-y: auto;
    width: 100%;
}

span#barchasbhaFTR a,span#barchasbhaFTR a:link,span#barchasbhaFTR a:visited
{
    display: block;
    float: right;
    padding: 6px 10px;
    font-size: 0.818rem;
    line-height: 1;
    text-decoration: none;
}

span#barchasbhaFTR a:active
{
    color: hsl(0, 0%, 100%);
    text-shadow: 0px 0px 5px hsl(198, 91%, 39%);
}*/

#kadrNamadhaFTR
{
    display: flex;
    justify-content: space-between;
    float: right;
    width: 100%;
    margin-bottom: 20px;
    max-width: 500px;
}

img.namadFTR, a.namadFTR
{
    float: left;
    width: calc(30% - 10px);
    padding: 5px;
    border-radius: 8px;
    max-width: 125px;
    object-fit: contain;
}

a.namadFTR img
{
    width: 100%;
}


.kadrIconhaFTR
{
    position: relative;
    float: right;
    width: calc(100% - 10px);
    padding-right: 5px;
    text-align: center;
}

.kadrLogoFTR .kadrIconhaFTR
{
    margin-top: 30px;
}

.kadrPeygiriFTR
{
    position: relative;
    display: flex;
    justify-content: space-around;
    float: right;
    width: 100%;
    margin: 15px 6px 30px 0px;
}

a.iconFTR, a.iconFTR:link, a.iconFTR:visited
{
    /*float: right;*/
    width: 35px;
    height: 35px;
    text-align: center;
    font-family: myIcon4;
    font-size: 2rem;
    color: var(--cl-asl);
    transition: color 0.1s;
    margin: 0px 2%;
}


#footer .kadrIconhaFTR .aksShabakeEjtemaee
{

    display: inline-block;
    width: 35px;
    height: 35px;
}

#footer span.aksShabakeEjtemaee.instagram
{
    background-image: url(../pic/instagramFTR-ashya-tasviri.png);
    background-position: 0px 0px;
}

#footer span.aksShabakeEjtemaee.eitaa
{
    background-image: url(../pic/eetaFTR-ashya-tasviri.png);
    background-position: 0px 0px;
}

#footer .kadrIconhaFTR span.aksShabakeEjtemaee.instagram:hover,
#footer .kadrIconhaFTR span.aksShabakeEjtemaee.eitaa:hover
{
    background-position: -35px 0px;
}

#footer .kadrIconhaFTR span.aksShabakeEjtemaee.instagram:active,
#footer .kadrIconhaFTR span.aksShabakeEjtemaee.eitaa:active
{
    background-position: -70px 0px;
}


#darbarehFTR .iconFTR
{
    font-size: 1rem;
}

a.iconFTR:hover
{
    color: var(--cl-hov);
}


a.iconFTR:active
{
    color: var(--cl-act);
}


img.aksIconFTR
{
    width: 100%;
}

a.iconFixFTR, a.iconFixFTR:link, a.iconFixFTR:visited
{
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 700;
    width: 45px;
    height: 45px;
    padding: 15px 8px 5px 8px;
    border-radius: 50%;
    font-size: 2rem;
    font-family: myIcon4;
    font-weight: bold;
    color: var(--cl-1-1);
    background-color: var(--cl-asl2);
    transition: background-color 0.2s;
    transform: rotate(270deg);
    box-shadow: 0px 0px 5px var(--cl-asl);
    outline: 3px solid var(--cl-1-1);
}

a.aksEitaa
{
    background-image: url("../pic/eeta-ashya-tasviri.png");
    background-position: 0px 0px;
    width: 25px !important;
    height: 25px !important;
    overflow: hidden;
}

a.iconFixFTR:hover span.aksEitaaFix
{
    background-position: -35px 0px;
}

a.iconFixFTR:link:active span.aksEitaaFix
{
    background-position: -70px 0px;
}


span.aksEitaaFix
{
    display: block;
    background-image: url("../pic/eeta-ashya-tasviri-gerd.png");
    background-position: 0px 0px;
    width: 35px !important;
    height: 35px !important;
}

a.iconInstagramMNU:link, a.iconInstagramMNU:visited
{
    transition: background-color 0.1s;
}

ul.listFTR
{
    float: right;
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    margin-right: 5%;
}

ul.kalamehKilidiFTR
{
    height: 90px;
    overflow: hidden;
}

ul.listFTR li
{
    margin: 10px 0 0 0;
    padding: 0px;
}

.itemFTR.hamrahBashidFTR ul.listFTR a
{
    padding: 0;
    margin-bottom: -16px;
}

.itemFTR.hamrahBashidFTR ul.listFTR a span.iconKenarMatn
{
    height: 48px;
}

.itemFTR.hamrahBashidFTR ul.listFTR li:last-child a
{
    padding: 5px 0px;
    margin-bottom: 3px;
    margin-top: 16px;
}

.itemFTR.hamrahBashidFTR ul.listFTR li:last-child a span.iconKenarMatn
{
    height: 24px;
}

ul.listFTR a, ul.listFTR a:link, ul.listFTR a:active
{
    float: right;
    width: 100%;
    padding: 5px 0px;
    color: var(--cl-tit);
    font-family: vazir;
    word-spacing: 3px;
    transition: outline 0.2s;
}

ul.listFTR a:hover
{
    color: var(--cl-hov);
}

ul.listFTR a:active
{
    color: var(--cl-act);
}

.kadrLogoFTR ul.listFTR li a:hover
{
    color: var(--cl-asl2);
    background-color: var(--cl-1-1);
}

.kadrLogoFTR ul.listFTR li a:active
{
    color: var(--cl-asl2);
    background-color: var(--cl-act);

}

ul.listFTR a span.iconKenarMatn, ul.listFTR a:link span.iconKenarMatn, ul.listFTR a:active span.iconKenarMatn
{
    float: right;
    padding: 4px 3px 2px 5px;
    color: var(--cl-icn2);
}

ul.listFTR a:hover span.iconKenarMatn
{
    color: var(--cl-asl);
}

ul.listFTR a:active span.iconKenarMatn
{
    color: var(--cl-asl);
}

.kadrLogoFTR
{
    float: right;
    width: 46%;
    margin-top: -30px;
}

img.logoFTR
{
    display: block;
    width: 30%;
    margin: 0px auto;
    max-width: 234px;
    border: 2px solid var(--cl-asl);
    border-radius: 50%;
}

.kadrLogoFTR ul.listFTR
{
    margin: 0;
    text-align: center;
}

.kadrLogoFTR ul.listFTR li a
{
    display: inline-block;
    width: 170px;
    padding: 10px;
    background-color: var(--cl-asl);
    border-radius: 24px;
    float: unset;
    margin-top: 30px;
}

.kadrLogoFTR ul.listFTR li a span.iconKenarMatn
{
    float: unset;
    color: var(--cl-asl2);
}

.kadrLogoFTR ul li
{
    margin: 0px;
}

.kadrLogoFTR ul li strong
{
    font-weight: normal;
}

/*.kadrLogoFTR ul.listFTR a
{
    margin-right: 5%;
}*/

ul.kalamehKilidiFTR > li > a
{
    width: auto !important;
}

#kadrEtelaatFTR
{
    float: right;
    width: calc(27% - 50px);
    margin: 20px 25px 0px;
}

img#neshanElectronic1, img#neshanElectronic2
{
    width: 50%;
    float: right;
}

img#logoFTR
{
    height: 20px;
    position: relative;
    top: 8px;
}

#matnFTR
{
    float: left;
    width: 100%;
    margin-top: 20px;
    font-size: 0.875rem;
    text-align: center;
    color: var(--cl-asl);
}

a#toseehDahandehFTR, a#toseehDahandehFTR:link, a#toseehDahandehFTR:visited
{
    /*display: block;
    width:260px;
    margin: 0px auto;*/
    font-size: 0.75rem;
    text-decoration: none;
    color: var(--cl-txt2);
}

a#naghshehGoogle, a#naghshehGoogle:link, a#naghshehGoogle:visited
{
    display: block;
    overflow: hidden;
    width: 100%;
    /*background-origin: content-box;
    background-clip: content-box;
    background-image: url("../pic/google-map.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
}

a#naghshehGoogle > img
{
    display: block;
    width: 100%;
    margin: auto;
    border-radius: 16px;
}

/* استایل های کلی پیغام ها */
.tblPeygham
{
    display: none; /* table shavad */
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 2000;
    background-color: var(--cl-5);
}

div[id^="tdcelKadr"]
{
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

div[id^="kadrTashihOF"]
{
    position: relative;
    z-index: 1;
    max-height: 95vh;
    overflow: auto;
    margin: 0px auto;
    border-radius: 8px;
    background-color: var(--cl-bck-itm);
}

.dokmehBastanPeygham
{
    font-family: myIcon4;
    font-size: 1rem;
    line-height: 1;
    padding: 8px 0px 6px 0px;
    width: 30px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 1001;
    cursor: pointer;
    color: var(--cl-asl);
}

.kadrBadanehPeygham
{
    width: calc(100% - 20px);
    padding: 10px;
    overflow-y: auto;
    position: relative;
    color: var(--cl-txt);
    background-color: var(--cl-bck);
}

.kadrSarTitrPeygham
{
    height: 38px;
    border-bottom: 1px solid var(--cl-brd);
}

.kadrSarTitrPeygham ~ div
{
    float: right;
    width: calc(100% - 10px);
    margin: 20px 5px 10px;
}

.kadrSarTitrPeygham > div:not(.iconSarTitrPeygham)
{
    float: right;
    height: 22px;
    padding: 8px 5px;
    font-size: 1rem;
    font-family: vazir;
    word-spacing: 0px;
    line-height: 1.25;
    text-align: right;
    color: var(--cl-asl);
}

.iconSarTitrPeygham
{
    float: right;
    width: 30px;
    height: 22px;
    padding: 8px 5px;
    margin-right: 5px;
    font-family: myIcon4;
    font-size: 1.25rem;
    text-align: center;
    color: var(--cl-asl);
}

a.dokmehPeygham, a.dokmehPeygham:link, a.dokmehPeygham:visited
{
    float: left;
    /*width: 105px;*/
    height: 16px;
    padding: 8px 12px;
    margin: 0 10px 0 0;
    border-radius: 8px;
    font-size: 1rem;
    font-family: vazir;
    word-spacing: 0px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    color: var(--cl-txt);
    background-color: var(--cl-asl);
}

a.dokmehPeygham:hover
{
    color: var(--cl-hov);
    background-color: var(--cl-act);
}

.kadrBastanPeygham
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
}

/* استایل های کلی جداول */
table
{
    font-family: vazir;
}

th
{
    font-size: 0.875rem;
    line-height: 1;
    height: 20px;
    background-color: var(--cl-1-5);
    color: var(--cl-tit);
}

table tr:nth-child(even)
{
    background-color: var(--cl-4-4);
}

a.dokmehEmkanatSotoon, a.dokmehEmkanatSotoon:link, a.dokmehEmkanatSotoon:visited
{
    color: var(--cl-asl);
}

a.dokmehEmkanatSotoon:hover
{
    color: var(--cl-hov);
}

a.dokmehEmkanatSotoon:active
{
    color: var(--cl-act);
}

table[id^="shomarandehSafheh"]
{
    width: 192px;
    height: 29px;
    position: absolute;
    left: 127px;
    right: 0px;
    margin: 0px auto 0px auto;
    border-spacing: 0px;
    font-size: 1rem;
    color: var(--cl-tit);
}

table[id^="shomarandehSafheh"] a, table[id^="shomarandehSafheh"] a:link, table[id^="shomarandehSafheh"] a:visited
{
    display: block;
    /*height: 100%;*/
    width: 100%;
    padding: 5px 0px;
    font-family: myIcon;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    background-color: var(--cl-3-4);
    color: var(--cl-txt);
}

table[id^="shomarandehSafheh"] a:hover
{
    color: var(--cl-hov);
}

table[id^="shomarandehSafheh"] a:active
{
    color: var(--cl-act);
}

/*       بخش پیغام ناحیه کاربری       */

#kadrTashihOFNahiehKarbari
{
    width: 745px;
}

#nahiehKarbari
{
    min-height: 430px;
}

/* نوار راست پیغام ناحیه کاربری*/
#navarRastNK
{
    float: right;
    width: 23.611%; /* 170 px*/
    height: 392px;
    /*background-color: var(--cl-3-1);*/
    position: relative;
}

#kadrNamayeshNamNK
{
    width: calc(100% - 40px); /*  DEP pad */
    max-height: 42px; /*  DEP pad */
    overflow: hidden;
    margin: 20px 35px 20px 5px; /*  DEP h,w */
    font-size: 0.875rem;
    font-family: vazir;
    font-weight: bold;
    word-spacing: 3px;
    text-align: center;
    position: relative;
    color: var(--cl-asl2);
}

ul#menuNK
{
    display: block;
    width: 100%;
    margin: 0px;
    overflow-y: auto;
    list-style-type: none;
    font-family: myIcon;
    padding: 0px;
    border-radius: 8px;
}

ul#menuNK > li
{
    width: 100%;
    overflow-y: auto;
    position: relative;
}

ul#menuNK > li.entekhabShodehMNK::after
{
    content: "";
    display: block;
    height: 0px;
    width: 0px;
    position: absolute;
    left: 0px;
    top: 2px;
    border-left: 12px solid var(--cl-asl2);
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
}

a.titrMNUNK, a.titrMNUNK:link, a.titrMNUNK:visited
{
    display: block;
    height: 24px; /*     DEP pad-t,pad-b  , h span.iconMNU   */
    width: calc(100% - 10px); /*     DEP pad-r        */
    padding: 8px 10px 8px 0px; /*        DEP w,h    */
    font-family: vazir;
    word-spacing: 3px;
    font-size: 1rem;
    line-height: 1;
    text-align: right;
    text-decoration: none;
    color: hsl(0, 0%, 100%);
    border-top: 1px solid var(--cl-1);
    background-color: var(--cl-asl);
    position: relative;
}

a.titrMNUNK:hover
{
    background-color: var(--cl-asl);
}

a.titrMNUNK:active
{
    background-color: var(--cl-asl);
}

span.iconMNUNK
{
    height: 18px;
    width: 18px;
    float: right;
    font-family: myIcon4;
    padding: 4px 3px 1px 3px; /*   DEP h,w */
    margin-left: 10px;
    border-radius: 50%;
    font-size: 1.0625rem; /*  17px    */
}

a.titrMNUNK > span + span, a.titrMNUNK:link > span + span, a.titrMNUNK:visited > span + span
{
    display: block;
    float: right;
    padding-top: 4px;
}

.akharinVaziatMNU
{
    width: 75px;
    height: 12px;
    padding: 5px 5px;
    border-radius: 5px;
    font-family: vazir;
    font-size: 0.75rem; /*  12px    */
    line-height: 1;
    text-align: center;
    position: absolute;
    left: 10px;
    top: 0px;
    bottom: 0px;
    margin: auto 0px;
    color: white;
    background-color: red;
}

#mohtavaNK
{
    float: right;
    width: 76.389%; /* 550 px */
    height: 100%;
    color: var(--cl-txt2);
}

#titrMohtavaAsliNK
{
    float: right;
    width: 100%; /* 550 px */
    height: 60px;
}

a#kadrBakhshRishehTMANK, a#kadrBakhshRishehTMANK:link, a#kadrBakhshRishehTMANK:visited
{
    display: block;
    float: right;
    height: 20px;
    margin: 20px 20px 20px 0px;
    text-decoration: none;
    font-family: vazir;
    word-spacing: 3px;
}

a#kadrBakhshRishehTMANK:hover > span
{
    color: var(--cl-5);
}

a#kadrBakhshRishehTMANK:active > span
{
    color: var(--cl-5-2);
}

span#iconHeaderNK
{
    display: block;
    float: right;
    height: 20px;
    width: 20px;
    margin-left: 7px;
    position: relative;
    top: -2px;
    font-size: 1.25rem; /*  20px    */
    line-height: 1;
    font-family: myIcon4;
    text-decoration: none;
    text-align: center;
    color: var(--cl-asl);
}

span#bakhshRishehTMANK
{
    display: block;
    float: right;
    height: 16px;
    margin: 2px 0px;
    font-size: 1rem; /*16px  */
    line-height: 1;
}

[class^="icon"][class$="TMANK"]
{
    margin: 20px 7px;
    font-size: 0.9375rem; /* 15px    */
    line-height: 20px; /*  DEP h matnhaye kenaresh */
    color: hsl(0, 100%, 30%);
    font-family: myIcon;
}

/*diz #kadrTarikhVaZamanNK
{
    display: block;
    float: left;
    height:16px;      !*    DEP h , border input dakhelash  *!
    width:210px;
    margin:22px 20px;
    position: relative;
    background-color: #c2c6c9;
}

span#tarikhNK
{
    display: block;
    float: left;
    height: 16px;
    width:150px;
    font-family: shabnam;
    font-size: 1rem;
    line-height: 1;
    color: hsl(270, 13%, 9%);
}

span#zamanNK
{
    display: block;
    float: right;
    height: 16px;
    width:50px;
    font-family: koodak;
    font-size: 1rem;
    line-height: 1;
    color: hsl(270, 13%, 9%);
}*/

span#iconMenuDarMobileNK
{
    font-family: myIcon4;
    display: none;
}

span#aksKarbarNK
{
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 5%;
    top: 14px;
    padding: 4px 0;
    color: var(--cl-asl);
    border-radius: 50%;
    text-align: center;
    font-family: myIcon4;
    font-size: 1.5rem;
}

/*      ناحیه کاربری - پیشخوان      */
#pishkhanNK
{
    float: right;
    width: calc(100% - 10px); /* 540 px */ /* pad */
    overflow-y: auto;
    padding: 5px; /* 5px */ /*  DEP h,w */
    position: relative;
    font-family: vazir;
    word-spacing: 3px;
}

a.itemPishkhanNK, a.itemPishkhanNK:link, a.itemPishkhanNK:visited
{
    display: block;
    float: right;
    width: calc(50% - 20px); /* 250 px*/ /* pad + margin*/
    height: 100px;
    line-height: 100px;
    margin: 5px; /*5px */
    padding: 5px;
    text-decoration: none;
    border-radius: 8px;
    background-position: 10% center;
    background-repeat: no-repeat;
    background-size: 60px 60px;
    background-color: var(--cl-bck-itm);
    transition: outline 0.2s;
    /*background-color: hsl(103, 67%, 58%);*/
}

a.itemPishkhanNK:hover
{
    outline: 1px solid var(--cl-asl2);
}

a.itemPishkhanNK:active
{
    outline: 1px solid var(--cl-act);
}

#payamPNK
{
    background-image: url("../pic/bg-payam-nk.png");
}

#vaziatAkharinSefareshPNK
{
    background-image: url("../pic/bg-vaziat-sefaresh-nk.png");
}

#kharidhaeeManPNK
{
    background-image: url("../pic/bg-kharid-man-nk.png");
}

#kharidhaeeManPNK > span
{
    height: 46px;
    display: inline-block;
    line-height: 46px;
}

#kharidhaeeManPNK > span > span:first-child
{
    float: right;
    display: block;
    height: 20px;
    line-height: 1;
    margin: 13px 0px;
}

#akharinTarakoneshPNK
{
    background-image: url("../pic/bg-akharin-tarakonesh-nk.png");
}

#bazgashtPNK
{
    background-image: url("../pic/bg-back-nk.png");
}

#sabtPardakhtPNK
{
    background-image: url("../pic/bg-sabt-pardakht-nk.png");
}

a.itemPishkhanNK > span
{
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    padding-right: 12px;
    font-size: 0.875rem; /*14 px */
}

span.titrItemPNK
{
    font-size: 1rem; /* 16px */
    padding: 2px;
    line-height: 2.5;
    height: 28px;
    vertical-align: middle;
}

span.zirTitrItemPNK
{
    color: var(--cl-txt2);
    font-size: 0.75rem; /*12 px*/
    font-family: vazir;
}

span.kadrAksKharidManNK
{
    float: right;
    display: block;
    height: 46px; /*  46px    */
    width: 46px;
    border-radius: 50%;
    margin: 0px 2px;
    overflow-x: hidden;
    position: relative;
    box-shadow: 0px 0px 0px black;
    outline: 1px solid var(--cl-asl);
    transform: scale(1, 1);
    transition: transform 0.2s, box-shadow 0.5s;
}

span.kadrAksKharidManNK:hover
{
    transform: scale(1.1, 1.1);
    box-shadow: -3px 2px 2px hsla(0, 0%, 0%, 0.5);
}

img.aksKharidManNK
{
    display: block;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
}

/*span#seNoghtehNK
{
    float: right;
    font-size: 2rem;
    line-height: 1;
    height: 20px;
    vertical-align: middle;
    margin: 6px 5px 20px 0px;
}

span#seNoghtehNK:hover
{
    color: #333333;
}*/

span#iconVaziatNK
{
    display: inline-block;
    height: 30px;
    width: 30px;
    position: relative;
    bottom: 3px;
    vertical-align: middle;
    margin-left: 5px;
    background-image: url("../pic/icon-vaziat-sefaresh.png");
}

span#matnVaziatNK
{
    vertical-align: middle;
    font-size: 0.75rem; /*12 px*/
    padding: 2px 5px;
    line-height: 2;
    border-radius: 10px;
    color: var(--cl-tit3);
    background-color: var(--cl-asl2);
}


/*       ناحیه کاربری - سفارشات       */
#sefareshatNK
{
    float: right;
    width: calc(100% - 10px); /* 540 px */ /* pad */
    height: 360px;
    overflow-y: auto;
    padding: 5px; /* 5px */ /*  DEP h,w */
    position: relative;
}

#kadrSandoghKaliSNK
{
    width: 100%;
    margin: 55px 0px;
}

#iconSandoghKhaliSNK
{
    height: 140px;
    margin-top: 80px;
    background-image: url("../pic/sefareshat-khali.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#matnSandoghKhaliSNK
{
    height: 30px;
    text-align: center;
}

#matnSandoghKhaliSNK > span
{
    font-family: vazir;
    font-size: 1.25rem;
    color: hsl(0, 0%, 61%);
    text-shadow: 0px 0px 1px hsl(0, 0%, 74%);
}

table#tblSefareshatNK
{
    border-spacing: 0px;
    width: 100%;
}

table#tblSefareshatNK th
{
    box-sizing: content-box;
    height: 30px;
    padding: 5px; /*    DEP h,w */
    font-family: vazir;
    word-spacing: 3px;
    font-size: 0.875rem;
    line-height: 1;
    text-align: right;
    /*background-color:#E7E9E9;*/
}

table#tblSefareshatNK td[class^="titr"][class$="DarMobileSNK"]
{
    display: none;
    width: 60px;
    padding: 5px;
    font-size: 0.75rem;
    line-height: 1.5;
    text-align: left;
}

table#tblSefareshatNK td
{
    /*padding: 30px 5px;        !*    DEP h,w *!*/
    padding: 5px;
    font-size: 0.75rem; /*  12px    */
    line-height: 1.5;
    vertical-align: top;
}

th#headerSotoonTitrSNK
{
    width: 35.037%; /*200 px*/
}

th#headerSotoonPardakhthaSNK
{
    width: 36.888%; /*210 px*/
}

th#headerSotoonJozeatKharidSNK
{
    width: 28.074%; /*130 px*/
}

.kadrKalayeItemSefareshSNK
{
    width: calc(100% - 20px);
}

td.sotoonTitrSNK > div > span
{
    display: inline-block;
    line-height: 1.25;
    padding: 2px 0px;
    font-size: 0.875rem;
}

.brandSNK
{
    display: none !important;
}

span.kadrKalahayeDigarSNK
{
    position: absolute;
    right: 0px;
    top: -20px;
    font-size: 0.812rem;
}

a.dokmehBaghiehKalahayeSefareshSNK, a.dokmehBaghiehKalahayeSefareshSNK:link, a.dokmehBaghiehKalahayeSefareshSNK:visited
{
    display: block;
    width: 145px;
    padding: 5px 8px;
    margin: 22px 0px 0px 0px;
    border-radius: 4px;
    font-family: vazir;
    font-size: 0.75rem;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    position: relative;
    color: var(--cl-5);
    background-color: var(--cl-2);
    box-shadow: 0px 0px 1px 1px var(--cl-5) inset;
}

a.dokmehBaghiehKalahayeSefareshSNK:hover
{
    color: var(--cl-5-1);
}

a.dokmehBaghiehKalahayeSefareshSNK:active
{
    color: var(--cl-5-2);
}

a.dokmehBaghiehKalahayeSefareshSNK:focus
{
    outline: 0px solid;
}


td.sotoonJozeatKharidSNK > div
{
    font-size: 0.75rem;
    line-height: 1.5;
    color: var(--cl-asl2);
    text-align: left;
}

.tarikhVaZamanSNK
{
    text-align: center;
}

td.sotoonPardakhthaSNK > div
{
    line-height: 1.5;
}

td.sotoonPardakhthaSNK > div > span:first-child
{
    color: var(--cl-4-2);
}

td.sotoonPardakhthaSNK hr
{
    width: 70%;
    margin: 5px;
    border: 0px solid;
    border-bottom: 1px solid var(--cl-brd);
}

span.titrJozeatSNK
{
    font-size: 0.875rem; /*14 px*/
    line-height: 1.6; /*24px */
    color: var(--cl-4-2);
}

.kadrDokmehSabtPardakhtSNK
{
    float: right;
    width: 116px;
    height: 24px;
    padding: 2px 5px; /*  DEP w    */
    margin: auto;
}

a.dokmehSabtPardakhtSNK, a.dokmehSabtPardakhtSNK:link, a.dokmehSabtPardakhtSNK:visited
{
    display: block;
    width: 100px;
    height: 14px;
    padding: 5px 8px;
    margin: 0px auto;
    border-radius: 8px;
    font-size: 0.875rem; /*  14px    */
    font-family: vazir;
    word-spacing: 3px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    color: var(--cl-2);
    background-color: var(--cl-asl);
}

a.dokmehSabtPardakhtSNK:hover
{
    background-color: var(--cl-asl);
}

a.dokmehSabtPardakhtSNK:active
{
    background-color: var(--cl-asl);
}

a.dokmehSabtPardakhtSNK:focus
{
    outline: 0px solid;
}

span.iconVaziatSNK
{
    display: inline-block;
    height: 20px;
    width: 20px;
    background-size: auto 20px;
    vertical-align: middle;
    margin-left: 5px;
    background-color: transparent;
    background-image: url("../pic/icon-vaziat-sefaresh.png");
    position: relative;
}

span.iconVaziatSabtAvaliyehSNK
{
    background-position: 0px 0px;
}

span.iconVaziatSabtAvaliyehSNK::after
{
    content: "منتظرپرداخت";
    position: absolute;
    right: 105%;
    white-space: nowrap;
}

span.iconVaziatPardakhtShodehSNK
{
    background-position: -20px 0px;
}

span.iconVaziatPardakhtShodehSNK::after
{
    content: "پرداخت شده";
    position: absolute;
    right: 105%;
    white-space: nowrap;
}

span.iconVaziatDarDastBarresiSNK
{
    background-position: -40px 0px;
}

span.iconVaziatDarDastBarresiSNK::after
{
    content: "پرداخت شده";
    position: absolute;
    right: 105%;
    white-space: nowrap;
}

span.iconVaziatTaeedAnbarSNK
{
    background-position: -60px 0px;
}

span.iconVaziatTaeedAnbarSNK::after
{
    content: "تایید انبار";
    position: absolute;
    right: 105%;
    white-space: nowrap;
}

span.iconVaziatSodoorFactorSNK
{
    background-position: -80px 0px;
}

span.iconVaziatSodoorFactorSNK::after
{
    content: "صدور فاکتور";
    position: absolute;
    right: 105%;
    white-space: nowrap;
}

span.iconVaziatTahvilBarbariSNK
{
    background-position: -100px 0px;
}

span.iconVaziatTahvilBarbariSNK::after
{
    content: "ارسال";
    position: absolute;
    right: 105%;
    white-space: nowrap;
}

span.iconVaziatTahvilMoshtariSNK
{
    background-position: -120px 0px;
}

span.iconVaziatTahvilMoshtariSNK::after
{
    content: "تحویل شده";
    position: absolute;
    right: 105%;
    white-space: nowrap;
}

span.iconVaziatLaghvShodehSNK
{
    background-position: -140px 0px;
}

a.dokmehSNK
{
    width: 14px;
    height: 14px;
    margin: 4px 5px 4px 0px;
    font-size: 0.75rem;
    font-family: myIcon;
    text-decoration: none;
}

a[class^="dokmehNamayesh"][class$="SNK"]
{
    vertical-align: middle;
    font-family: myIcon4;
    text-decoration: none;
}

a[class^="dokmehNamayesh"][class$="SNK"]:link, a[class^="dokmehNamayesh"][class$="SNK"]:visited
{
    color: var(--cl-asl2);
}

a[class^="dokmehNamayesh"][class$="SNK"]:hover
{
    color: hsl(224, 57%, 50%);
}

a[class^="dokmehNamayesh"][class$="SNK"]:active
{
    color: hsl(224, 57%, 45%);
}

[class^="titr"][class$="SNK"]
{
    font-size: 0.812rem;
}

span.bayanehSNK::after
{
    content: "بیعانه";
}

span.kamelSNK::after
{
    content: "کامل";
}

.adadSNK
{
    font-size: 0.875rem; /*14 px*/
}

a.dokmehNamayeshEtelaatSefareshSNK, a.dokmehNamayeshEtelaatSefareshSNK:link, a.dokmehNamayeshEtelaatSefareshSNK:visited
{
    /*float: left;*/
    width: 14px;
    height: 14px;
    font-family: myIcon4;
    margin: 0px 5px 0px 5px;
    font-size: 0.75rem;
    text-decoration: none;
    position: absolute;
    left: 5px;
    top: 5px;
    color: hsl(103, 49%, 0%);
}

a.dokmehNamayeshEtelaatSefareshSNK:hover
{
    color: hsl(352, 86%, 59%);
}

a.dokmehNamayeshEtelaatSefareshSNK:active
{
    color: hsl(352, 86%, 30%);
}

/* ناحیه کاربری قسمت مشخصات من */
#kadrMoshakhasatManNK
{
    float: right;
    width: calc(100% - 4px); /*نوار راست + PAD*/
    padding: 2px;
}

#kadrMoshakhasatManNK > div /*   3 تا  دایو کانتنر سه قسمت بالا، وسط و پایین   */
{
    margin: 3px 5px;
}

#kadrNamMMNK
{
    float: right;
    width: calc(59.259% - 20px); /*306px*/ /* DEP pad + mar*/
    height: 20px;
    padding: 4px 5px; /*  DEP w    */
    /*background-color: #efefef;*/
}

#kadrCodeMeliMMNK
{
    float: right;
    width: calc(40.740% - 20px); /*206px*/ /* DEP pad + mar*/
    height: 20px;
    padding: 4px 5px; /*  DEP w    */
    /*background-color: #efefef;*/
}

#kadrCodePostiMMNK
{
    float: right;
    width: calc(36.296% - 20px); /*182px*/ /* DEP pad + mar*/
    height: 20px;
    padding: 4px 5px; /*  DEP w    */
    /*background-color: #eaeaea;*/
}

#kadrEmailMMNK
{
    float: right;
    width: calc(63.703% - 20px); /*330px*/ /* DEP pad + mar*/
    height: 20px;
    padding: 4px 5px; /*  DEP w    */
    /*background-color: #eaeaea;*/
}

#kadrAddressMMNK
{
    float: right;
    width: calc(100% - 20px); /*  DEP pad , mar*/
    overflow-y: auto;
    padding: 4px 5px; /*  DEP w    */
    /*background-color: #efefef;*/
}

#kadrTelSabetMMNK
{
    float: right;
    width: calc(36.296% - 20px); /*182px*/ /* DEP pad + mar*/
    height: 20px;
    padding: 4px 5px; /*  DEP w    */
    /*background-color: #f1f1f1;*/
}

#kadrTelHamrahMMNK
{
    float: right;
    width: calc(63.703% - 20px); /*330px*/ /* DEP pad + mar*/
    height: 20px;
    padding: 4px 5px; /*  DEP w    */
    /*background-color: #eaeaea;*/
}

div#kadrDokmehMMNK
{
    float: left;
    width: auto;
    height: 24px;
    text-align: center;
    margin: 10px 5px 5px 30px;
}

span.matnTitrEtelaatKarbarMMNK
{
    display: block;
    float: right;
    width: 103px;
    height: 14px;
    padding: 3px 5px;
    text-align: right;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
    color: var(--cl-5);
}

#kadrCodeMeliMMNK > span.matnTitrEtelaatKarbarMMNK
{
    width: 44px;
}

#kadrCodePostiMMNK > span.matnTitrEtelaatKarbarMMNK
{
    width: 56px;
}

#kadrEmailMMNK > span.matnTitrEtelaatKarbarMMNK
{
    width: 37px;
}

#kadrAddressMMNK > span.matnTitrEtelaatKarbarMMNK
{
    width: 37px;
    line-height: 16px; /*  tashih zaheri bala boodan matn  */
}

#kadrTelSabetMMNK > span.matnTitrEtelaatKarbarMMNK
{
    width: 66px;
}

#kadrTelHamrahMMNK > span.matnTitrEtelaatKarbarMMNK
{
    width: 66px;
}

span.matnVoroodiEtelaatKarbarMMNK
{
    display: block;
    float: right;
    width: calc(100% - 126px); /*  DEP pad khodash, w va pad span.matnTitrEtelaatKharidarTEKH  */
    height: 14px;
    padding: 3px 5px;
    vertical-align: middle;
    text-align: right;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
}

#kadrCodeMeliMMNK > span.matnVoroodiEtelaatKarbarMMNK
{
    width: calc(100% - 64px);
}

#kadrEmailMMNK > span.matnVoroodiEtelaatKarbarMMNK
{
    width: calc(100% - 57px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    direction: ltr;
}

#kadrAddressMMNK > span.matnVoroodiEtelaatKarbarMMNK
{
    width: calc(100% - 57px);
    height: auto;
    line-height: 18px;
}

#kadrCodePostiMMNK > span.matnVoroodiEtelaatKarbarMMNK
{
    width: calc(100% - 76px);
}

#kadrTelSabetMMNK > span.matnVoroodiEtelaatKarbarMMNK
{
    width: calc(100% - 86px);
}

#kadrTelHamrahMMNK > span.matnVoroodiEtelaatKarbarMMNK
{
    width: calc(100% - 86px);
}

a.dokmehMMNK
{
    display: inline-block;
    width: auto;
    height: 14px;
    padding: 7px 10px;
    border-radius: 8px;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
    text-align: center;
    text-decoration: none;
    font-family: vazir;
    word-spacing: 3px;
}

#kadrDokmehTaghirRamzOboorMMNK > a.dokmehKoochakMMNK
{
    display: inline-block;
    width: auto;
}

a.dokmehMMNK:link, a.dokmehMMNK:visited
{
    color: var(--cl-2);
    background-color: var(--cl-asl);
    float: left;
    margin: 0px 5px;
}

a.dokmehMMNK:hover
{
    background-color: var(--cl-asl);
}

a.dokmehMMNK:active
{
    background-color: var(--cl-asl);
}

a.dokmehMMNK:focus
{
    outline: 0px solid;
}

/*   ناحیه کاربری - پیام های ارسالی   */

#kadrPayamhaErsaliNK
{
    width: calc(100% - 10px);
    border-spacing: 0px;
    float: right;
    height: 360px;
    padding: 5px;
    overflow: auto;
}

#kadrSandoghKaliPEDNK
{
    width: 100%;
    margin: 55px 0px;
}

#iconSandoghKhaliPENK
{
    height: 140px;
    margin-top: 80px;
    background-image: url("../pic/nameh-basteh.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#matnSandoghKhaliPENK
{
    height: 30px;
    text-align: center;
}

#matnSandoghKhaliPENK > span
{
    font-family: vazir;
    word-spacing: 3px;
    font-size: 1.25rem;
    color: hsl(0, 0%, 61%);
    text-shadow: 0px 0px 1px hsl(0, 0%, 74%);
}

table#tblPayamhaErsaliNK
{
    table-layout: fixed;
    border-spacing: 0px;
    width: 100%;
}

table#tblPayamhaErsaliNK tr.taeedNashodehPENK:nth-child(odd), table#tblPayamhaErsaliNK tr.taeedNashodehPENK:nth-child(odd) td
{
    background-color: hsl(102, 92%, 85%);
}

table#tblPayamhaErsaliNK tr.taeedNashodehPENK, table#tblPayamhaErsaliNK tr.taeedNashodehPENK td
{
    background-color: hsl(102, 58%, 85%);
}

table#tblPayamhaErsaliNK th, table#tblPayamhaErsaliNK td
{
    padding: 10px;
}

th
{
    font-family: vazir;
    word-spacing: 3px;
}

th#headerSotoonGirandehPENK
{
    width: 34.549%; /*175 px   , pad*/
    text-align: right;
}

th#headerSotoonGirandehPENK input
{
    display: none;
}

th#headerSotoonPayamPENK
{
    width: 70.058%;
    text-align: right;
    position: relative;
}


th[id^="header"][id$="PENK"] .kadrAmaliatHeaderPENK
{
    position: absolute;
    top: 7px;
    left: 7px;
}

th[id^="header"][id$="PENK"] a, th[id^="header"][id$="PENK"] a:link, th[id^="header"][id$="PENK"] a:visited
{
    display: block;
    float: left;
    height: 16px;
    width: 20px;
    text-align: center;
    padding: 5px 7px;
    font-family: myIcon;
    font-size: 0.875rem;
    line-height: 1;
    text-decoration: none;
    border-radius: 3px;
    color: hsl(102, 100%, 98%);
    background-color: hsl(103, 67%, 44%);
}

th[id^="header"][id$="PENK"] a:hover
{
    color: hsl(103, 67%, 30%);
    background-color: hsl(103, 100%, 91%);
}

th[id^="header"][id$="PENK"] a:active
{
    color: hsl(103, 67%, 58%);
    background-color: hsl(103, 67%, 30%);
}

table#tblPayamhaErsaliNK td.sotoonEntekhabPENK
{
    text-align: center;
}

/*a.iconAdamEntesharINJ
{
    height: auto;       !*    overrid class shoroo ba icon  *!
    margin-top: 3px;
    font-size: 0.875rem;
    text-align: center;
    color: hsl(240, 1%, 36%);
    background-color: #eaecef;
}*/

table#tblPayamhaErsaliNK td.sotoonGirandehPENK
{
    text-align: right;
    font-size: 0.875rem;
    line-height: 1.5;
}

span.sematGirandehPENK
{
    display: inline-block;
    padding-right: 5px;
    text-align: right;
    vertical-align: middle;
}

span.emailGirandehPENK
{
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.625rem; /* 10px */
    direction: ltr;
}

span.kadrAmaliatGirandehPENK
{
    display: block;
    font-family: myIcon4;
    font-size: 1rem;
    text-align: right;
    padding-right: 5px;
    vertical-align: middle;
}

a.dokmehErsalPayamPENK
{
    display: inline-block;
    width: 21px;
    height: 21px;
    text-align: center;
    text-decoration: none;
}


table#tblPayamhaErsaliNK td.sotoonPayamPENK
{
    text-align: right;
    font-size: 0.875rem;
    padding-bottom: 40px; /* 10pad+ 30faza baraye dokmehha */
    position: relative;
}

span.kadrPayamDaryaftShodehPENK > span:first-child
{
    display: inline-block;
    width: 70px;
}

span.payamDaryaftShodehPENK
{
    display: inline-block;
    max-width: calc(100% - 94px);
    text-overflow: ellipsis;
    padding-left: 8px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    color: hsl(0, 0%, 50%);
}

a.dokmehNamayeshKamelPENK
{
    width: 14px;
    height: 14px;
    margin: 4px 2px 4px 0px;
    font-family: myIcon4;
    font-size: 0.875rem;
    text-decoration: none;
    vertical-align: middle;
}

a.dokmehNamayeshKamelPENK:link, a.dokmehNamayeshKamelPENK:visited
{
    color: var(--cl-5);
}

a.dokmehNamayeshKamelPENK:hover
{
    color: var(--cl-5-1);
}

a.dokmehNamayeshKamelPENK:active
{
    color: var(--cl-5-2);
}


table#tblPayamhaErsaliNK span.zamanPENK, table#tblPayamhaErsaliNK span.tarikhPENK, table#tblPayamhaErsaliNK span.titrMatnPENK
{
    display: inline-block;
    height: 12px;
    font-size: 0.75rem;
    color: var(--cl-4-2);
    line-height: 1;
}

.kadrAmaliatPENK
{
    position: absolute;
    overflow-x: auto;
    bottom: 10px; /* rooye pad-b container */
    left: 10px;
    padding-right: 12px;
}

.kadrAmaliatPENK a, .kadrAmaliatPENK a:link, .kadrAmaliatPENK a:visited
{
    display: block;
    float: left;
    width: 17px;
    height: 17px;
    text-align: center;
    padding: 4px;
    margin: 3px;
    font-family: myIcon4;
    text-decoration: none;
    font-size: 1rem;
    border-radius: 4px;
    color: var(--cl-2);
    background-color: var(--cl-asl);
}

.kadrAmaliatPENK a:hover
{
    background-color: var(--cl-asl);
}

.kadrAmaliatPENK a:active
{
    background-color: var(--cl-asl);
}

.kadrAmaliatPENK > span
{
    display: block;
    float: left;
    height: 12px;
    padding: 3px 0px 3px 0px;
    font-size: 0.75rem;
}

span.khandehShodehPENK, span.khandehNashodehPENK
{
    position: relative;
    top: 2px;
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    padding-left: 5px;
    font-family: myIcon4;
    font-size: 1.25rem;
    text-align: center;
    color: var(--cl-asl2);
}

span.khandehNashodehPENK::after
{
    content: '';
    position: relative;
}

span.khandehShodehPENK::after
{
    content: '';
    position: relative;
}

table#tblPayamhaErsaliNK td span.namayeshDarMobilePENK
{
    display: none;
}


/*پیجینگ پیام های ارسالی - ناحیه کاربری       */
table#shomarandehSafhehPENK td
{
    padding: 0px;
    text-align: center;
}

table#shomarandehSafhehPENK td#kadrAdadPENK
{
    width: 80px;
    background-color: var(--cl-3-1);
    font-weight: bold;
}

#kadrShomarandehSafhehPENK
{
    width: 100%;
    position: relative;
    background-color: var(--cl-3);
    box-sizing: border-box;
    padding: 20px;
    overflow-y: auto;
}

#kadrShomarandehSafhehPENK a#dokmehBoroPENK, #kadrShomarandehSafhehPENK a#dokmehBoroPENK:link, #kadrShomarandehSafhehPENK a#dokmehBoroPENK:visited
{
    display: block;
    float: left;
    padding: 5px 10px;
    margin: 0px 5px;
    border-radius: 4px;
    font-size: 0.875rem;
    line-height: 1;
    text-decoration: none;
    background-color: var(--cl-asl);
}

#kadrShomarandehSafhehPENK a#dokmehBoroPENK:hover
{
    background-color: var(--cl-asl);
}

#kadrShomarandehSafhehPENK a#dokmehBoroPENK:active
{
    background-color: var(--cl-asl);
}

#kadrShomarandehSafhehPENK input#shomSafPENK
{
    display: block;
    float: left;
    box-sizing: content-box;
    padding: 4px 4px 4px 4px;
    width: 45px;
    height: 14px;
    border: 1px solid var(--cl-5);
    border-radius: 2px;
    margin: 0px 5px;
    font-family: vazir;
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;
    color: var(--cl-txt);
    background-color: var(--cl-bck);
}

#kadrShomarandehSafhehPENK > span
{
    display: block;
    float: left;
    padding: 5px 0px 6px 0px;
    margin: 0px 5px;
    font-size: 0.875rem;
    line-height: 1;
}


/*   ناحیه کاربری - پیام های دریافتی   */

#kadrPayamhaDaryaftiNK
{
    border-spacing: 0px;
    float: right;
    width: calc(100% - 10px);
    height: 360px;
    padding: 5px;
    overflow: auto;
    position: relative;
    color: var(--cl-txt);
}

#kadrSandoghKaliPDNK
{
    width: 100%;
    margin: 55px 0px;
}

#iconSandoghKhaliPDNK
{
    height: 140px;
    margin-top: 80px;
    background-image: url("../pic/nameh-basteh.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#matnSandoghKhaliPDNK
{
    height: 30px;
    text-align: center;
}

#matnSandoghKhaliPDNK > span
{
    font-family: vazir;
    word-spacing: 3px;
    font-size: 1.25rem;
    color: hsl(0, 0%, 61%);
    text-shadow: 0px 0px 1px hsl(0, 0%, 74%);
}

table#tblPayamhaDaryaftiNK
{
    table-layout: fixed;
    border-spacing: 0px;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
}

table#tblPayamhaDaryaftiNK tr.taeedNashodehPDNK:nth-child(odd), table#tblPayamhaDaryaftiNK tr.taeedNashodehPDNK:nth-child(odd) td
{
    background-color: hsl(102, 92%, 92%);
}

table#tblPayamhaDaryaftiNK tr.taeedNashodehPDNK, table#tblPayamhaDaryaftiNK tr.taeedNashodehPDNK td
{
    background-color: hsl(102, 58%, 85%);
}

table#tblPayamhaDaryaftiNK th, table#tblPayamhaDaryaftiNK td
{
    padding: 10px;
}

th#headerSotoonFrestandehPDNK
{
    width: 32.549%; /*160 px   , pad*/
    text-align: right;
}

th#headerSotoonPayamPDNK
{
    width: 67.450%;
    text-align: right;
    position: relative;
}

table#tblPayamhaDaryaftiNK td.sotoonFrestandehPDNK
{
    text-align: right;
    font-size: 0.875rem;
    line-height: 1.5;
}

span.sematFrestandehPDNK
{
    display: inline-block;
    padding-right: 5px;
    font-size: 0.875rem;
    text-align: right;
    vertical-align: middle;
}

span.kadrAmaliatFrestandehPDNK
{
    display: block;
    font-family: myIcon4;
    font-size: 1rem;
    text-align: right;
    padding-right: 5px;
    vertical-align: middle;
}

span.kadrAmaliatFrestandehPDNK a, span.kadrAmaliatFrestandehPDNK a:link, span.kadrAmaliatFrestandehPDNK a:visited
{
    display: inline-block;
    width: 21px;
    height: 21px;
    text-align: center;
    text-decoration: none;
}

span.emailFrestandehPDNK
{
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    direction: ltr;
    font-size: 0.625rem;
}

table#tblPayamhaDaryaftiNK td.sotoonPayamPDNK
{
    text-align: right;
    font-size: 0.875rem;
    padding-bottom: 40px; /* 10pad+ 30faza baraye dokmehha */
    position: relative;
}

span.kadrPayamDaryaftShodehPDNK > span:first-child
{
    display: inline-block;
    width: 70px;
}

span.payamDaryaftShodehPDNK
{
    display: inline-block;
    max-width: calc(100% - 96px);
    text-overflow: ellipsis;
    padding-left: 8px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    color: var(--cl-txt);
}

a.dokmehNamayeshKamelPDNK
{
    width: 14px;
    height: 14px;
    margin: 4px 2px 4px 0px;
    font-family: myIcon4;
    font-size: 1rem;
    text-decoration: none;
    vertical-align: middle;
}

a.dokmehNamayeshKamelPDNK:link, a.dokmehNamayeshKamelPDNK:visited
{
    color: var(--cl-asl);
}

a.dokmehNamayeshKamelPDNK:hover
{
    color: var(--cl-hov);
}

a.dokmehNamayeshKamelPDNK:active
{
    color: var(--cl-act);
}

table#tblPayamhaDaryaftiNK span.zamanPDNK, table#tblPayamhaDaryaftiNK span.tarikhPDNK, table#tblPayamhaDaryaftiNK span.titrMatnPDNK
{
    display: inline-block;
    height: 12px;
    font-size: 0.75rem;
    color: var(--cl-txt2);
    line-height: 1;
}

span.matnPDNK
{
    font-size: 0.875rem;
}

.kadrAmaliatPDNK
{
    position: absolute;
    bottom: 10px; /* rooye pad-b container */
    left: 10px;
}

.kadrAmaliatPDNK a, .kadrAmaliatPDNK a:link, .kadrAmaliatPDNK a:visited
{
    display: block;
    float: left;
    width: 17px;
    height: 17px;
    text-align: center;
    padding: 4px;
    margin: 3px;
    font-family: myIcon4;
    text-decoration: none;
    font-size: 1rem;
    border-radius: 4px;
    color: var(--cl-3);
    background-color: var(--cl-asl);
}

.kadrAmaliatPDNK a:hover
{
    background-color: var(--cl-asl);
}

.kadrAmaliatPDNK a:active
{
    background-color: var(--cl-asl);
}

.kadrAmaliatPDNK > span
{
    float: left;
    height: 12px;
    padding: 3px 0px 3px 0px;
    font-size: 0.75rem;
}

table#tblPayamhaDaryaftiNK td span.namayeshDarMobilePDNK
{
    display: none;
}


/*پیجینگ پیام های دریافتی - ناحیه کاربری        */
table#shomarandehSafhehPDNK td
{
    padding: 0px;
    text-align: center;
}

table#shomarandehSafhehPDNK td#kadrAdadPDNK
{
    width: 80px;
    height: 25px;
    background-color: var(--cl-3-4);
    color: var(--cl-tit);
    font-weight: bold;
}

#kadrShomarandehSafhehPDNK
{
    width: 100%;
    position: relative;
    background-color: var(--cl-1-5);
    box-sizing: border-box;
    padding: 20px;
    overflow-y: auto;
}

#kadrShomarandehSafhehPDNK a#dokmehBoroPDNK, #kadrShomarandehSafhehPDNK a#dokmehBoroPDNK:link, #kadrShomarandehSafhehPDNK a#dokmehBoroPDNK:visited
{
    display: block;
    float: left;
    padding: 5px 10px;
    margin: 0px 5px;
    border-radius: 4px;
    font-size: 0.875rem;
    line-height: 1;
    text-decoration: none;
    background-color: var(--cl-asl);
}

#kadrShomarandehSafhehPDNK a#dokmehBoroPDNK:hover
{
    background-color: var(--cl-hov);
}

#kadrShomarandehSafhehPDNK a#dokmehBoroPDNK:active
{
    background-color: var(--cl-act);
}

#kadrShomarandehSafhehPDNK input#shomSafPDNK
{
    display: block;
    float: left;
    box-sizing: content-box;
    padding: 4px 4px 4px 4px;
    width: 45px;
    height: 14px;
    border: 1px solid var(--cl-brd);
    border-radius: 2px;
    margin: 0px 5px;
    font-family: vazir;
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;
    color: var(--cl-txt);
    background-color: var(--cl-bck);
}

#kadrShomarandehSafhehPDNK > span
{
    display: block;
    float: left;
    padding: 5px 0px 6px 0px;
    margin: 0px 5px;
    font-size: 0.875rem;
    line-height: 1;
    color: var(--cl-txt);
}


/*    ناحیه کاربری - ارسال پیام    */
#ersalPayamNK
{
    /*padding: 10px;
    padding-bottom: 30px;*/
    float: right;
    width: calc(100% - 4px);
    padding: 2px;
}

#ersalPayamNK > div
{
    font-size: 0.875rem;
    line-height: 1;
    margin: 5px 0px;
    padding: 5px;
    overflow-y: auto;
}

span.titrEPNK
{
    display: inline-block;
    height: 16px;
    width: 52px;
    padding: 7px 0px;
    margin-left: 5px;
    text-align: left;
    vertical-align: top;
}

span#kadrVoroodiEPNK
{
    display: inline-block;
    width: 24%;
}

#ersalPayamNK select
{
    height: 26px;
    width: calc(100% - 12px);
    box-sizing: content-box;
    margin: 0px;
    padding: 0px 5px;
    border: 1px solid var(--cl-brd);
    border-radius: 4px;
    font-family: vazir;
    font-size: 0.875rem;
    line-height: 14px;
    background-color: var(--cl-bck);
    color: var(--cl-txt);
}

textarea#txtMatnEPNK
{
    display: inline-block;
    width: calc(100% - 69px);
    /*min-width: 450px;*/
    height: 147px; /* 6خط */
    padding: 5px;
    font-family: vazir;
    font-size: 1rem;
    line-height: 24px;
    resize: none;
    border: 1px solid var(--cl-brd);
    border-radius: 8px;
    background-color: var(--cl-bck);
    color: var(--cl-txt);
}

a#btnErsalEPNK, a#btnErsalEPNK:link, a#btnErsalEPNK:visited
{
    float: left;
    display: inline-block;
    padding: 8px 12px;
    margin: 0px 0px 0px 7%;
    border-radius: 8px;
    text-decoration: none;
    text-align: center;
    font-size: 0.875rem;
    font-family: vazir;
    word-spacing: 3px;
    line-height: 1;
    color: var(--cl-3);
    background-color: var(--cl-asl);
}

a#btnErsalEPNK:hover
{
    background-color: var(--cl-asl);
}

a#btnErsalEPNK:active
{
    background-color: var(--cl-asl);
}

span#kadrPayamDaryaftShodehEPNK
{
    float: right;
    margin-right: 58px;
}

span#payamDaryaftShodehEPNK
{
    display: inline-block;
    max-width: 180px;
    text-overflow: ellipsis;
    padding-left: 8px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    color: var(--cl-txt);
}

a.dokmehNamayeshKamelEPNK
{
    width: 14px;
    height: 14px;
    margin: 4px 2px 4px 0px;
    font-family: myIcon;
    font-size: 0.875rem;
    text-decoration: none;
    vertical-align: middle;
}

a.dokmehNamayeshKamelEPNK:link, a.dokmehNamayeshKamelEPNK:visited
{
    color: var(--cl-1-1);
}

a.dokmehNamayeshKamelEPNK:hover
{
    color: hsl(352, 86%, 59%);
}

a.dokmehNamayeshKamelEPNK:active
{
    color: hsl(352, 86%, 30%);
}

a#dokmehHazfeEPNK
{
    display: inline-block;
    padding: 3px 5px;
    margin-left: 5px;
    text-decoration: none;
    text-align: center;
    color: hsl(0, 100%, 38%);
    font-family: myIcon;
    font-size: 0.875rem;
    vertical-align: middle;
    line-height: 1;
}

a#dokmehHazfeEPNK:link, a#dokmehHazfeEPNK:visited
{
    color: hsl(0, 100%, 38%);
}

a#dokmehHazfeEPNK:hover
{
    color: hsl(0, 100%, 50%);
}

a#dokmehHazfeEPNK:active
{
    color: hsl(0, 100%, 42%);
}


/*   ناحیه کاربری - تراکنش ها   */
#kadrTarakoneshhaNK
{
    float: right;
    width: calc(100% - 10px); /* 540 px */ /* pad */
    height: 360px;
    overflow-y: auto;
    padding: 5px; /* 5px */ /*  DEP h,w */
    position: relative;
}

#kadrSandoghKaliLTNK
{
    width: 100%;
    margin: 55px 0px;
}

#iconSandoghKhaliLTNK
{
    height: 140px;
    margin-top: 80px;
    background-image: url("../pic/tarakoneshha-khali.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#matnSandoghKhaliLTNK
{
    height: 30px;
    text-align: center;
}

#matnSandoghKhaliLTNK > span
{
    font-family: vazir;
    word-spacing: 3px;
    font-size: 1.25rem;
    color: hsl(0, 0%, 61%);
    text-shadow: 0px 0px 1px hsl(0, 0%, 74%);
}

table#tblListTarakoneshhaNK
{
    border-spacing: 0px;
    width: 100%;
}

table#tblListTarakoneshhaNK th
{
    box-sizing: content-box;
    height: 30px;
    padding: 5px; /*    DEP h,w */
    font-family: vazir;
    font-size: 0.875rem;
    line-height: 1;
    text-align: right;
    /*background-color:#E7E9E9;*/
}

table#tblListTarakoneshhaNK td[class^="titr"][class$="DarMobileLTNK"]
{
    display: none;
    width: 70px;
    height: 20px;
    padding: 5px;
    font-size: 0.75rem;
    line-height: 1.5;
    text-align: left;
}

table#tblListTarakoneshhaNK td
{
    padding: 5px;
    font-size: 0.812rem; /*  12px    */
    line-height: 1.5;
    vertical-align: top;
    text-align: right;
}

th#headersotoonVaziatLTNK
{
    width: 8.679%; /* 38px + pad */
}

th#headerSotoonSefareshLTNK
{
    width: 35.262%; /* 185 px + pad*/
}

th#headerSotoonMablaghLTNK
{
    width: 19.891%; /*100 px + pad*/
}

th#headerSotoonJozeatTarakoneshLTNK
{
    width: 36.166%; /*190 px + pad*/
}

tr.rangZaminehMovafaghLTNK:nth-child(odd)
{
    background-color: hsl(118, 100%, 82%) !important;
}

tr.rangZaminehMovafaghLTNK:nth-child(even)
{
    background-color: hsl(118, 100%, 78%) !important;
}

tr.rangZaminehDarEntezarTaeedLTNK:nth-child(odd)
{
    background-color: hsl(44, 71%, 80%) !important;
}

tr.rangZaminehDarEntezarTaeedLTNK:nth-child(even)
{
    background-color: hsl(44, 71%, 76%) !important;
}

tr.rangZaminehTarkoneshAmadehPardakhtLTNK:nth-child(odd)
{
    background-color: hsl(218, 20%, 92%) !important;
}

tr.rangZaminehTarkoneshAmadehPardakhtLTNK:nth-child(even)
{
    background-color: hsl(218, 20%, 88%) !important;
}

tr.rangZaminehNamovafaghLTNK:nth-child(odd)
{
    background-color: hsl(0, 100%, 82%) !important;
}

tr.rangZaminehNamovafaghLTNK:nth-child(even)
{
    background-color: hsl(0, 100%, 78%) !important;
}

tr.rangZaminehEbtalShodehLTNK:nth-child(odd) *
{
    background-color: hsl(0, 72%, 27%) !important;
    color: hsl(5, 61%, 61%);
}

tr.rangZaminehEbtalShodehLTNK:nth-child(even) *
{
    background-color: hsl(0, 72%, 23%) !important;
    color: hsl(5, 61%, 61%);
}

td.sotoonVaziatLTNK
{
    position: relative;
}

td.sotoonVaziatLTNK > div
{
    /*display: none;*/
    font-size: 0.625rem;
    line-height: 1.5;
    height: 57px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    text-align: center;
}

td.sotoonMablaghLTNK
{
    text-align: center;
}

td.sotoonJozeatTarakoneshLTNK
{
    position: relative;
    font-size: 0.75rem;
}

table#tblSefareshatNK td[class^="titr"][class$="DarMobileLTNK"]
{
    display: none;
    width: 60px;
    padding: 5px;
    font-family: vazir;
    font-size: 0.875rem;
    line-height: 1.5;
    text-align: left;
    color: hsl(224, 57%, 30%);
}

td.sotoonVaziatLTNK > div > span:first-child
{
    font-family: myIcon;
    font-size: 0.875rem;
}

td.sotoonSefareshLTNK > div > span
{
    display: inline-block;
    line-height: 1.25;
    padding: 2px 0px;
    font-size: 0.812rem;
}

a.dokmehNamayeshEtelaatSefareshLTNK
{
    float: left;
    width: 14px;
    height: 14px;
    font-family: myIcon4;
    margin: 0px 5px 0px 5px;
    font-size: 0.75rem;
    text-decoration: none;
}

a.dokmehNamayeshEtelaatSefareshLTNK:link, a.dokmehNamayeshEtelaatSefareshLTNK:visited
{
    color: var(--cl-icn2);
}

a.dokmehNamayeshEtelaatSefareshLTNK:hover
{
    color: var(--cl-asl-hov);
}

a.dokmehNamayeshEtelaatSefareshLTNK:active
{
    color: var(--cl-act);
}

span.kadrKalahayeDigarLTNK
{
    position: absolute;
    right: 0px;
    top: -20px;
    font-size: 0.812rem;
}

a.dokmehBaghiehKalahayeSefareshLTNK
{
    display: block;
    width: 155px;
    height: 14px;
    padding: 5px 3px;
    margin: 22px 0px 0px 0px;
    border-radius: 3px;
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    position: relative;
}

a.dokmehBaghiehKalahayeSefareshLTNK:link, a.dokmehBaghiehKalahayeSefareshLTNK:visited
{
    color: hsl(200, 100%, 50%);
    background-color: hsl(0, 0%, 100%);
    box-shadow: 0px 0px 1px 1px hsl(200, 100%, 50%) inset;
}

a.dokmehBaghiehKalahayeSefareshLTNK:hover
{
    background-color: hsl(200, 100%, 95%);
}

a.dokmehBaghiehKalahayeSefareshLTNK:active
{
    background-color: hsl(200, 100%, 92%);
}

a.dokmehBaghiehKalahayeSefareshLTNK:focus
{
    outline: 0px solid;
}


span.titrLTNK
{
    font-size: 0.812rem; /*14 px*/
    line-height: 1.6; /*24px */
    color: var(--cl-4-2);
}

td.sotoonMablaghLTNK > span
{
    line-height: 1.5;
}

td.sotoonJozeatTarakoneshLTNK > div
{
    font-size: 0.75rem;
    line-height: 1.5;
}

a.dokmehAmaliatLTNK
{
    display: block;
    height: 12px;
    width: 20px;
    padding: 4px 3px 4px 2px;
    border-radius: 2px;
    font-family: myIcon;
    font-size: 0.75rem;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    position: absolute;
    left: 13px;
    bottom: 13px;
}

a.dokmehAmaliatLTNK:link, a.dokmehAmaliatLTNK:visited
{
    color: hsl(102, 100%, 98%);
    background-color: hsl(84, 58%, 54%);
}

a.dokmehAmaliatLTNK:hover
{
    color: hsl(103, 67%, 30%);
    background-color: hsl(103, 100%, 91%);
}

a.dokmehAmaliatLTNK:active
{
    color: hsl(103, 67%, 58%);
    background-color: hsl(103, 67%, 30%);
}


/*     پیجینگ تراکنش ها - سفارشات        */
table#shomarandehSafhehSNK td
{
    padding: 0px;
    text-align: center;
}

table#shomarandehSafhehSNK td#kadrAdadSNK
{
    width: 80px;
    background-color: var(--cl-3-1);
    font-weight: bold;
}

#kadrShomarandehSafhehSNK
{
    width: 100%;
    position: relative;
    background-color: var(--cl-3);
    box-sizing: border-box;
    padding: 20px;
    overflow-y: auto;
}

#kadrShomarandehSafhehSNK a#dokmehBoroSNK, #kadrShomarandehSafhehSNK a#dokmehBoroSNK:link, #kadrShomarandehSafhehSNK a#dokmehBoroSNK:visited
{
    display: block;
    float: left;
    padding: 5px 10px;
    margin: 0px 5px;
    border-radius: 4px;
    font-size: 0.875rem;
    font-family: vazir;
    word-spacing: 3px;
    line-height: 1;
    text-decoration: none;
    background-color: var(--cl-asl);
    color: var(--cl-3);
}

#kadrShomarandehSafhehSNK a#dokmehBoroSNK:hover
{
    background-color: var(--cl-asl);
}

#kadrShomarandehSafhehSNK a#dokmehBoroSNK:active
{
    background-color: var(--cl-asl);
}

#kadrShomarandehSafhehSNK input#shomSafSNK
{
    display: block;
    float: left;
    box-sizing: content-box;
    padding: 4px 4px 4px 4px;
    width: 45px;
    height: 14px;
    border: 1px solid var(--cl-brd);
    border-radius: 2px;
    margin: 0px 5px;
    font-family: vazir;
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;
    color: var(--cl-txt);
    background-color: var(--cl-bck);
}

#kadrShomarandehSafhehSNK > span
{
    display: block;
    float: left;
    padding: 5px 0px 6px 0px;
    margin: 0px 5px;
    font-size: 0.875rem;
    line-height: 1;
}


/*     پیجینگ تراکنش ها - ناحیه کاربری        */
table#shomarandehSafhehLTNK td
{
    padding: 0px;
    text-align: center;
}

table#shomarandehSafhehLTNK td#kadrAdadLTNK
{
    width: 80px;
    background-color: var(--cl-3-1);
    font-weight: bold;
}

#kadrShomarandehSafhehLTNK
{
    width: 100%;
    position: relative;
    background-color: var(--cl-3);
    box-sizing: border-box;
    padding: 20px;
    overflow-y: auto;
}

#kadrShomarandehSafhehLTNK a#dokmehBoroLTNK, #kadrShomarandehSafhehLTNK a#dokmehBoroLTNK:link, #kadrShomarandehSafhehLTNK a#dokmehBoroLTNK:visited
{
    display: block;
    float: left;
    padding: 5px 10px;
    margin: 0px 5px;
    border-radius: 4px;
    font-size: 0.875rem;
    line-height: 1;
    text-decoration: none;
    background-color: var(--cl-asl);
}

#kadrShomarandehSafhehLTNK a#dokmehBoroLTNK:hover
{
    background-color: var(--cl-asl);
}

#kadrShomarandehSafhehLTNK a#dokmehBoroLTNK:active
{
    background-color: var(--cl-asl);
}

#kadrShomarandehSafhehLTNK input#shomSafLTNK
{
    display: block;
    float: left;
    box-sizing: content-box;
    padding: 4px 4px 4px 4px;
    width: 45px;
    height: 14px;
    border: 1px solid var(--cl-5);
    border-radius: 2px;
    margin: 0px 5px;
    font-family: vazir;
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;
    color: var(--cl-txt);
    background-color: var(--cl-bck);
}

#kadrShomarandehSafhehLTNK > span
{
    display: block;
    float: left;
    padding: 5px 0px 6px 0px;
    margin: 0px 5px;
    font-size: 0.875rem;
    line-height: 1;
}


/*      بخش پیغام پروفایل ناحیه کاربری    */

#kadrTashihOFPP
{
    width: 450px;
}

#kadrPP > div
{
    width: calc(100% - 10px);
    height: 28px;
    padding: 2px 5px;
    text-align: center;
}

#kadrPP > div:first-child
{
    height: auto;
    padding: 5px;
    padding-top: 10px;
}

#kadrPP > div:last-child
{
    padding-bottom: 10px;
}

span#aksKarbarPP
{
    font-family: myIcon4;
    display: block;
    width: 70px;
    height: 70px;
    padding: 5px;
    margin: auto;
    font-size: 3.9rem;
    color: var(--cl-asl2);
    border: 5px solid var(--cl-asl);
    border-radius: 50%;
    text-align: center;
}

span.matnTitrPP
{
    display: block;
    float: right;
    width: calc(50% - 10px); /*pad*/
    height: 16px;
    padding: 6px 5px;
    text-align: left;
    font-size: 1rem;
    line-height: 1;
    color: var(--cl-txt2);
    font-family: vazir;
    word-spacing: 3px;
}


span.matnPP
{
    display: block;
    float: right;
    width: calc(50% - 10px); /*pad*/
    height: 16px;
    padding: 6px 5px;
    text-align: right;
    font-size: 1rem;
    line-height: 1;
    color: var(--cl-txt);
}

span#emaliPP
{
    height: 12px;
    font-size: 0.75rem;
    font-weight: bold;
    padding: 8px 5px;
}

span.titrPeyghamPP
{
    color: var(--cl-txt2);
}


/*      ثبت پرداخت جدید    */
#tblKadrSabtPardakhtJadid
{
    display: none; /*  display: table amma makhfi */
    height: 100%; /* تمام صفحه */
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 2000;
    background-color: hsla(0, 0%, 10%, 0.8);
}

#tdcelKadrSPJ
{
    display: table-cell;
    height: 100%; /* تمام صفحه */
    width: 100%;
    vertical-align: middle;
}

#kadrTashihOFSPJ
{
    width: 400px;
    position: relative;
    margin: 0px auto;
}

#dokmehBastanSPJ
{
    font-family: myIcon;
    font-size: 1rem;
    line-height: 1;
    padding: 8px 0px 6px 0px;
    width: 30px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: -15px; /* namayesh goosh chap */
    top: -15px;
    z-index: 1001;
    cursor: pointer;
    box-shadow: 1px 1px 2px hsl(354, 100%, 2%);
    background-color: hsl(357, 89%, 35%);

}

#kadrSabtPardakhtJadid
{
    width: 96.670%; /*  380px    */
    padding: 1.660%; /*  10px    */
    overflow-y: auto;
    background-color: #E3E3E3;
}

#kadrSarTitrSPJ
{
    width: 100%; /*380px;*/
    height: 38px;
    border-bottom: 2px solid red;
    background: url('../pic/parcham-2.png') no-repeat left center;
    background-color: hsl(0, 100%, 98%);
}

#kadrSarTitrSPJ > div /*  تمام دایوهای موجود در تیتر */
{
    float: right;
    height: 22px; /* DEP line-height */
    padding: 8px 5px;
    font-family: 'Titr Bold GE';
    font-size: 1rem;
    line-height: 1.25; /* DEP font-s,pad */
    text-align: right;
    color: hsl(0, 100%, 12%);
    background-color: hsla(0, 0%, 94%, 0.5);
}

div#iconTitrSPJ
{
    width: 30px;
    margin-right: 5px;
    font-family: myIcon2;
    font-size: 1.25rem;
    line-height: 1;
    text-align: center;
    color: #bb363b;
    background-color: #E8E8E8;
}

#kadrSabtPardakhtJadid > div:first-child + div /*  دایو کانتنر قسمت ورود اطلاعات   */
{
    width: calc(100% - 20px); /*  DEP mar   */
    overflow-y: auto;
    margin: 10px 10px; /*  DEP w    */
}


#kadrMablaghVariziSPJ, #kadrNoeVarizSPJ, #kadrTarighehPardakhtSPJ
{
    width: calc(100% - 10px); /*  DEP pad , mar*/
    height: 28px;
    padding: 5px 5px; /*  DEP w    */
    background-color: #efefef;
    position: relative;
}

span.matnTitrVoroodiSPJ
{
    display: block;
    float: right;
    width: 120px;
    height: 16px;
    padding: 6px 5px;
    text-align: left;
    font-family: koodak;
    font-size: 1rem;
    line-height: 1;
    color: hsl(0, 0%, 0%);
    background-color: #e5e5e5;
}

#kadrSabtPardakhtJadid input
{
    display: block;
    float: right;
    width: calc(100% - 142px); /*  DEP pad, border khodash va w,pad span kenarash  */
    height: 20px;
    padding: 3px 5px;
    margin: 0px;
    border: 1px solid hsl(0, 0%, 36%);
    border-radius: 2px;
    direction: ltr;
    text-align: center;
    font-family: koodak;
    font-size: 1rem;
    line-height: 20px;
    color: hsl(0, 0%, 13%);
}

#kadrSabtPardakhtJadid input:focus
{
    outline: 1px solid hsl(12, 87%, 54%);
}

input#txtMablaghVariziSPJ
{
    width: calc(100% - 178px);
    padding-left: 41px;
    text-align: left;
}

#kadrMablaghVariziSPJ
{
    position: relative;
    font-family: koodak;
}

#kadrMablaghVariziSPJ:after
{
    content: "تومان";
    display: block;
    height: 16px;
    line-height: 1;
    text-align: right;
    width: 32px;
    padding: 6px 3px 6px 5px;
    position: absolute;
    left: 6px; /* DEP pad+border container */
    top: 5px; /* DEP pad+border container */
    color: hsl(0, 0%, 13%);
}

select#lstNoeVarizSPJ, select#lstTarighehPardakhtSPJ
{
    height: 26px;
    width: calc(100% - 142px);
    box-sizing: content-box;
    margin: 0px;
    padding: 0px 5px;
    border: 1px solid hsl(0, 0%, 36%);
    border-radius: 2px;
    font-family: koodak;
    font-size: 0.875rem;
    line-height: 14px;
    color: hsl(0, 0%, 13%);
}

#kadrSabtPardakhtJadid select:focus
{
    outline: 1px solid hsl(12, 87%, 54%);
}


#kadrSabtPardakhtJadid span#matnErrorSPJ
{
    display: none;
    float: right;
    width: calc(100% - 80px);
    font-family: koodak;
    font-size: 0.875rem;
    line-height: 1;
    text-align: right;
    color: red;
    background-color: #efefef;
}


a#dokmehTaeedSPJ
{
    display: block;
    width: 140px;
    height: 18px;
    padding: 10px 10px;
    margin: 10px auto;
    border-radius: 3px;
    font-family: vazir;
    font-size: 1.125rem; /*  18px    */
    line-height: 1;
    text-align: center;
    text-decoration: none;
}

a#dokmehTaeedSPJ:link, a#dokmehTaeedSPJ:visited
{
    color: hsl(0, 100%, 96%);
    background-color: hsl(0, 100%, 31%);
}

a#dokmehTaeedSPJ:hover
{
    color: hsl(0, 100%, 57%);
    background-color: hsl(0, 100%, 13%);
}

a#dokmehTaeedSPJ:active
{
    color: hsl(0, 100%, 72%);
    background-color: hsl(0, 100%, 98%);
    outline: 1px solid red;
}

a#dokmehTaeedSPJ:focus
{
    outline: 0px solid;
}

.makhfiDarRWD
{
    display: none;
}

/*       تعیین زمان    */
#kadrTashihOFTaeenZaman
{
    width: 830px;
}


/*      سبد خرید    */
#kadrTashihOFSabadKharid
{
    width: 600px;
}

div#matnNamMahsoolSKH
{
    width: 225px;
}

div#matnMajmooGheymatTitrSKH
{
    width: 110px;
}

div#matnGheymatBaTakhfifTitrSKH
{
    width: 120px;
}

div#matnTedadTitrSKH
{
    width: 35px;
}

#kadrTitrItemhaSKH
{
    width: 100%;
    height: 40px;
    margin: 0;
    border-bottom: 1px solid var(--cl-brd);
}

#kadrTitrItemhaSKH > div /*  تمام دایوهای موجود در تیتر */
{
    float: right;
    height: 22px;
    padding: 9px 5px;
    font-size: 0.875rem;
    line-height: 22px;
    text-align: right;
    color: var(--cl-tit);
}


div#matnNamMahsoolSKH
{
    width: 225px;
}

div#matnMajmooGheymatTitrSKH
{
    width: 110px;
}

div#matnGheymatBaTakhfifTitrSKH
{
    width: 120px;
}

div#matnTedadTitrSKH
{
    width: 35px;
}

#kadrItemhaSKH
{
    width: 100%;
    padding: 5px 0px;
    margin: 0;
    max-height: 220px;
    overflow-y: auto;
    overflow-x: hidden;
}

/*     نمایش سبد خرید خالی     */

#kadrItemhaSKH:empty
{
    border-width: 0;
    min-height: 120px;
    background: url('../pic/sabad-khali.png') no-repeat center center;
    background-size: contain;
}

#kadrItemhaSKH:empty + #kadrPaeenSKH
{
    text-align: center;
    margin-bottom: 10px;
    min-height: auto;
    font-family: vazir;
    word-spacing: 3px;
}

#kadrItemhaSKH:empty + #kadrPaeenSKH *
{
    display: none;
}

#kadrItemhaSKH:empty + #kadrPaeenSKH::after
{
    content: "سبد خرید شما خالی است.";
    font-size: 1.25rem; /* 20px */
    color: var(--cl-txt);
    text-shadow: 0px 0px 1px hsl(0, 0%, 74%);
}

.itemSKH
{
    float: right;
    width: 570px;
    padding: 5px 5px 8px;
    border-bottom: 1px solid var(--cl-brd);
    font-size: 0.875rem;
    line-height: 16px;
}

.itemSKH > div
{
    float: right;
    padding: 0px 5px;
    text-align: right;
    color: var(--cl-tit);
}

.itemSKH > div:first-child ~ div
{
    margin-top: 8px;
    margin-bottom: 8px;
}

div.namMahsoolSKH
{
    width: 220px;
    position: relative;
}

div.namMahsoolSKH > a
{
    display: block;
    width: 100%;
    text-decoration: none;
}

div.namMahsoolSKH > a:link, div.namMahsoolSKH > a:visited
{
    color: var(--cl-txt);
}

div.namMahsoolSKH > a:hover
{
    color: var(--cl-5);
}

div.namMahsoolSKH > a:active
{
    color: var(--cl-5-2);
}

a.btnJozeiatSefaresh, a.btnJozeiatSefaresh:link, a.btnJozeiatSefaresh:visited
{
    float: right;
    width: auto !important;
    padding: 3px 8px;
    border: 1px solid var(--cl-4-2);
    border-radius: 8px;
    font-size: 0.875rem;
    color: var(--cl-4-2) !important;
}

a.btnJozeiatSefaresh:hover
{
    background-color: var(--cl-4-3);
}

a.btnJozeiatSefaresh:active
{
    background-color: var(--cl-5-3);
}

div.namMahsoolSKH > a > span:not(.itemVizhegiSKH)
{
    display: inline-block;
    width: 100%;
    padding: 5px 0;
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--cl-asl);
}

span.itemVizhegiSKH
{
    display: inline-block;
    width: 100%;
    padding: 0;
    line-height: normal;
    font-size: 0.75rem;
    color: hsl(0, 0%, 41%);
}

span.itemVizhegiSKH > span.vizhegiDarad:first-child::before
{
    content: "";
    font-family: myIcon4;
    padding: 0;
    font-size: 0.875rem;
    vertical-align: text-bottom;
    color: var(--cl-icn);
}

div.gheymatAsliItemSKH
{
    width: 110px;
}

div.gheymatBaTakhfifItemSKH
{
    width: 120px;
}

div.tedadMahsoolItemSKH
{
    width: 80px;
}

.adadTedadSKH
{
    float: right;
    width: 10px;
    margin: 2px 5px;
    text-align: center;
    color: var(--cl-asl);
}

a.dokmehEmkanatSKH, a.dokmehEmkanatSKH:link, a.dokmehEmkanatSKH:visited
{
    float: right;
    font-size: 1.5rem;
    font-family: myIcon2;
    text-align: center;
    color: var(--cl-asl);
}

a.dokmehEmkanatSKH:hover
{
    color: var(--cl-asl);
}

a.dokmehEmkanatSKH:active
{
    color: var(--cl-asl);
}

/*diz .tedadMahsoolItemSKH > input
{
    display: block;
    height: 14px;
    width: 24px;
    padding: 2px 2px;
    border: 1px solid hsl(0, 0%, 21%);
    margin: 0px auto;
    border-radius: 2px;
    font-family: shabnam;
    font-size: 0.875rem;
    line-height: 14px;
    text-align: center;
    position: relative;
    top: -2px;
}

.tedadMahsoolItemSKH > input:focus
{
    outline: 1px solid hsl(0, 100%, 82%);
}

.tedadMahsoolItemSKH>input:disabled
{
    border-width: 0px;
    background-color: transparent;
}

div.dokmehHazfItemSKH
{
    width: 15px;
    padding: 0px;
    margin-right: 5px;
    font-family: Arial;
    font-size: 1rem;
    line-height: 16px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    transform: scaleY(0.8);
    color: hsl(358, 55%, 46%);
}

div.dokmehHazfItemSKH:hover
{
    color: hsl(358, 73%, 57%);
}

div.dokmehHazfItemSKH:active
{
    color: hsl(358, 55%, 36%);
}*/

#kadrItemhaSKH > hr
{
    border: 0px solid;
    border-bottom: 1px solid hsl(200, 37%, 56%);
    width: calc(100% - 20px);
    margin: 5px 10px;
    box-shadow: 0px 0px 2px hsl(0, 0%, 94%);
}

#kadrPaeenSKH
{
    width: calc(100% - 10px);
    margin-bottom: 0;
    overflow: hidden;
    text-align: center;
}

#kadrMablaghNahaeeSKH
{
    width: calc(100% - 20px);
    float: right;
    height: 14px;
    padding: 7px 10px;
    margin-bottom: 10px;
    font-size: 0.875rem;
    line-height: 14px;
    text-align: right;
    color: var(--cl-tit);

}

@keyframes anmMahvDokmehSabtSKH
{
    0%
    {
        opacity: 1.0;
        width: 120px;
        padding: 8px;
    }

    99.9%
    {
        opacity: 0.0;
        width: 120px;
        padding: 8px;
    }

    100%
    {
        display: none;
        opacity: 0.0;
        width: 0px;
        padding: 0px;
    }

}

@keyframes anmNamayeshDokmehhayeKarbariSKH
{
    0%
    {
        opacity: 0.0;
        width: 0px;
        padding: 0px;
        margin: 0px 0px;
    }

    0.1%
    {
        opacity: 0.0;
        width: 95px;
        padding: 8px;
        margin: 0px 3px;
    }

    100%
    {
        opacity: 1.0;
        width: 95px;
        padding: 8px;
        margin: 0px 3px;
    }
}

#tblKadrSabadKharid a[id^="dokmeh"]:focus
{
    outline: 0px solid;
}

#tblKadrTaeenZaman a[id^="dokmeh"]:focus
{
    outline: 0px solid;
}

#tblKadrSabadKharid a[id^="dokmeh"] ~ a
{
    overflow: hidden;
    width: 0px;
    padding: 0px;
    margin: 0px 0px;
    opacity: 0;
}

#tblKadrTaeenZaman a[id^="dokmeh"] ~ a
{
    overflow: hidden;
    width: 0px;
    padding: 0px;
    margin: 0px 0px;
    opacity: 0;
}

/*      ویرایش اطلاعات    */
#kadrTashihOFVM
{
    width: 600px;
}

.itemVM
{
    float: right;
    width: calc(50% - 10px);
    padding: 6px 5px;
}

.itemVM:last-child
{
    width: calc(100% - 10px);
}

.itemVM > span
{
    display: block;
    float: right;
    width: 60px;
    height: 14px;
    padding: 7px 5px;
    text-align: left;
    font-size: 0.875rem;
    line-height: 1;
}

.itemVM > input, .itemVM > select
{
    box-sizing: content-box;
    display: block;
    float: right;
    width: calc(100% - 82px);
    height: 16px;
    padding: 5px 5px;
    margin: 0px;
    border: 1px solid var(--cl-brd);
    border-radius: 4px;
    direction: ltr;
    text-align: left;
    font-family: vazir;
    font-size: 0.875rem; /*  14px    */
    line-height: 16px;
}

.itemVM > select
{
    height: 26px;
    padding: 0 5px;
}

input.rastChin, select.rastChin
{
    direction: rtl;
    text-align: right;
}

.itemVM > textarea
{
    display: block;
    float: right;
    width: calc(100% - 82px);
    height: 48px;
    padding: 3px 5px;
    margin: 0px;
    border: 1px solid var(--cl-brd);
    border-radius: 4px;
    font-family: vazir;
    font-size: 0.875rem; /*  14px    */
    line-height: 16px;
    resize: none;
}


/*      تکمیل اطلاعات خرید    */
#kadrTashihOFTAK
{
    width: 600px;
}

.itemTAK > span
{
    display: block;
    float: right;
    width: 105px;
    height: 14px;
    padding: 8px 5px;
    text-align: left;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
}

.itemTAK
{
    float: right;
    width: calc(100% - 10px);
    height: 34px;
    padding: 3px 5px;
}

#itemAddressTAK
{
    width: calc(100% - 10px);
}

.itemTAK input[type="text"]
{
    display: block;
    float: right;
    width: calc(100% - 127px);
    height: 16px;
    padding: 6px 5px;
    margin: 0px;
    border: 1px solid var(--cl-brd);
    border-radius: 4px;
    font-family: vazir;
    font-size: 0.875rem; /*  14px    */
    color: var(--cl-txt);
    background-color: var(--cl-bck);
}

input.txtLeft
{
    direction: ltr;
    text-align: right;
}

.itemTAK textarea
{
    display: block;
    float: right;
    width: calc(100% - 127px);
    height: 40px;
    padding: 6px 5px;
    margin: 0px;
    border: 1px solid var(--cl-brd);
    border-radius: 4px;
    font-family: vazir;
    font-size: 0.875rem; /*  14px    */
    line-height: 17px;
    color: var(--cl-txt);
    background-color: var(--cl-bck);
    resize: none;
}

#kadrTakmilEtelaatKharid > hr
{
    border: 0px solid;
    border-bottom: 1px solid var(--cl-brd);
    margin: 10px 0px;
}

#kadrRaveshPardakht
{
    float: right;
    width: 305px;
    height: 28px;
    padding: 5px 5px; /*  DEP w    */
}

#kadrRaveshPardakht > div
{
    float: right;
    width: 140px;
    height: 20px;
    padding: 4px 0px;
    text-align: left;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
    color: hsl(0, 0%, 0%);
}

#kadrRaveshPardakht > div > span:first-child + span
{
    display: block;
    float: right;
    width: 110px;
    height: 14px;
    padding: 3px 5px;
    text-align: left;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
    color: hsl(0, 0%, 0%);
}

span#matnErrTAK
{
    visibility: hidden;
    float: left;
    height: 14px;
    padding: 3px 5px;
    font-size: 0.875rem;
    line-height: 1;
    color: red;
}

span.iconRahnama
{
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    font-family: myIcon4;
    font-size: 1.25rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
}

#kadrTakmilEtelaatKharid select
{
    box-sizing: content-box;
    display: block;
    float: right;
    width: 150px;
    height: 26px;
    padding: 3px 5px;
    margin: 0px;
    border: 1px solid var(--cl-brd);
    border-radius: 4px;
    font-family: vazir;
    font-size: 0.875rem;
    line-height: 14px;
    color: var(--cl-txt);
    background-color: var(--cl-bck);
}

.itemTAK select
{
    width: calc(100% - 85px) !important;
    height: 24px !important;
    font-size: 0.8rem !important;
}

#kadrTarighPardakht
{
    float: right;
    width: 235px; /*  DEP pad , mar*/
    height: 28px;
    padding: 4px 5px; /*  DEP w    */
}

#kadrTarighPardakht > span
{
    display: block;
    float: right;
    width: 60px;
    height: 14px;
    padding: 7px 5px;
    text-align: left;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
    color: hsl(0, 0%, 0%);
}

#kadrRaveshErsal
{
    float: right;
    width: calc(100% - 10px);
    height: 20px;
    padding: 5px 5px;
    font-family: vazir;
    word-spacing: 3px;
}

#kadrRaveshErsal > span:first-child + span
{
    display: block;
    float: right;
    height: 14px;
    padding: 3px 5px;
    text-align: left;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
}

.kadrNoeErsal
{
    float: right;
    width: calc(33.333% - 30px);
    overflow-y: auto;
    border-radius: 8px;
    padding: 10px 10px;
    margin: 5px 5px;
    cursor: pointer;
    background-color: var(--cl-4-4);
    color: var(--cl-txt);
}

.kadrNoeErsal:hover
{
    box-shadow: 0px 0px 3px 1px var(--cl-asl2);
}

.raveshEntekhaShodehTAK
{
    box-shadow: 0px 0px 3px 1px var(--cl-say);
    background-color: var(--cl-bck-itm);
}

.kadrNoeErsal > input[type="radio"]
{
    display: block;
    float: right;
    width: 15px;
    height: 15px;
    margin: 0px 5px;
    cursor: pointer;
}

.kadrNoeErsal > span.matnNoeErsal
{
    display: block;
    float: right;
    width: calc(100% - 25px);
    height: 15px;
    overflow: hidden; /*     برای شکسته شدن متن "پیک در مشهد" در حالت های کوچک موبایل    */
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
}

.kadrNoeErsal > div
{
    float: right;
    height: 30px;
    margin-top: 5px;
    overflow: hidden;
    font-size: 0.75rem; /*  14px    */
    line-height: 15px;
    color: var(--cl-txt);
}

.hazinehErsal
{
    float: left !important;
    height: 15px !important;
    margin-top: 10px !important;
    clear: both;
}

.kadrNoeErsal > span.iconRahnama
{
    display: none;
    font-family: myicon;
}

/*      تایید اطلاعات خریدار و کالا    */

#kadrTashihOFTEKH
{
    width: 600px;
}

#kadrKolMohtaviatTEKH
{
    width: 100%;
    margin: 0;
    overflow-y: auto;
}

#kadrKolMohtaviatTEKH > div /*   3 تا  دایو کانتنر سه قسمت بالا، وسط و پایین   */
{
    width: calc(100% - 20px); /*  DEP mar   */
    overflow-y: auto;
    margin: 20px 10px; /*  DEP w    */
}

#kadrKolMohtaviatTEKH > div:not(#kadrRaveshPardakhtVaErsalTEKH)
{
    border-bottom: 1px solid hsl(0, 0%, 80%);
    padding-bottom: 5px;
}

#kadrNamTEKH
{
    float: right;
    width: 220px;
    height: 20px;
    padding: 4px 5px; /*  DEP w    */
}

#kadrCodeMeliTEKH
{
    float: right;
    width: 140px;
    height: 20px;
    padding: 4px 5px; /*  DEP w    */
}

#kadrCodePostiTEKH
{
    float: right;
    width: 170px;
    height: 20px;
    padding: 4px 5px; /*  DEP w    */
}

#kadrAddressTEKH
{
    float: right;
    width: calc(100% - 10px); /*  DEP pad , mar*/
    overflow-y: auto;
    padding: 4px 5px; /*  DEP w    */
}

#kadrTelSabetTEKH
{
    float: right;
    width: 182px;
    height: 20px;
    padding: 4px 5px; /*  DEP w    */
}

#kadrTelHamrahTEKH
{
    float: right;
    width: 180px; /*  DEP pad */
    height: 20px;
    padding: 4px 5px; /*  DEP w    */
}

#kadrDokmehVirayeshEtelaatTEKH
{
    float: left;
    width: 196px;
    height: 24px;
    padding: 2px 5px; /*  DEP w    */
}

span.matnTitrEtelaatKharidarTEKH
{
    display: block;
    float: right;
    width: 105px;
    height: 14px;
    padding: 3px 5px;
    text-align: left;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
    color: var(--cl-4-2);
}

#kadrCodeMeliTEKH > span.matnTitrEtelaatKharidarTEKH
{
    width: 44px;
}

#kadrCodePostiTEKH > span.matnTitrEtelaatKharidarTEKH
{
    width: 105px;
}

#kadrAddressTEKH > span.matnTitrEtelaatKharidarTEKH
{
    line-height: 16px; /*  tashih zaheri bala boodan matn  */
}

#kadrTelHamrahTEKH > span.matnTitrEtelaatKharidarTEKH
{
    width: 105px;
}

span.matnVoroodiEtelaatKharidarTEKH
{
    display: block;
    float: right;
    width: calc(100% - 117px); /*  DEP pad khodash, w va pad span.matnTitrEtelaatKharidarTEKH  */
    height: 14px;
    padding: 3px 0px;
    text-align: right;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
}

/*#kadrCodeMeliTEKH > span.matnVoroodiEtelaatKharidarTEKH
{
    width: 86px;
}

#kadrCodePostiTEKH > span.matnVoroodiEtelaatKharidarTEKH
{
    width: 70px;
}*/

#kadrAddressTEKH > span.matnVoroodiEtelaatKharidarTEKH
{
    height: auto;
    line-height: 18px;
}

/*#kadrTelHamrahTEKH > span.matnVoroodiEtelaatKharidarTEKH
{
    width: 84px;
}*/

a.dokmehKoochak, a.dokmehKoochak:link, a.dokmehKoochak:visited
{
    display: block;
    width: 100px;
    height: 14px;
    padding: 5px 8px;
    margin: 0px auto;
    border-radius: 8px;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
    text-align: center;
    text-decoration: none;
    color: var(--cl-2);
    background-color: var(--cl-asl);
}

a.dokmehKoochak:hover
{
    background-color: var(--cl-asl);
}

a.dokmehKoochak:active
{
    background-color: var(--cl-asl);
}

a.dokmehKoochak:focus
{
    outline: 0px solid;
}

#kadrTaeedEtelaatKharid > hr
{
    border: 0px solid;
    border-bottom: 1px solid hsl(0, 0%, 80%);
    margin: 5px 0px;
}

#matnTitrKalahaTEKH
{
    width: calc(100% - 10px);
    height: 16px;
    padding: 5px 5px;
    text-align: right;
    font-size: 1rem;
    line-height: 1;
    color: var(--cl-4-2);
}

#kadrTitrItemhaTEKH
{
    width: 100%; /*580px;*/
    height: 20px;
    padding: 3px 0;
    background-color: var(--cl-bck);
}

#kadrTitrItemhaTEKH > div /*  تمام دایوهای موجود در تیتر */
{
    float: right;
    height: 12px;
    padding: 4px 5px;
    font-size: 0.75rem; /*  14px    */
    line-height: 1; /*   DEP h  */
    text-align: center;
}

div#matnNamMahsoolTEKH
{
    width: 235px;
    text-align: right;
}

div#matnTedadTitrTEKH
{
    width: 35px;
}

div#matnMajmooGheymatTitrTEKH
{
    width: 110px;
}

div#matnGheymatBaTakhfifTitrTEKH
{
    width: 120px;
}

#kadrItemhaTEKH
{
    width: 100%;
    padding: 10px 0px;
    max-height: 110px;
    overflow-y: auto;
    overflow-x: hidden;
}

.itemTEKH
{
    width: 570px; /*  DEP pad */
    height: 30px;
    padding: 12px 5px; /*  DEP w   */
    font-size: 0.875rem;
    line-height: 16px;
}

.itemTEKH > div
{
    float: right;
    /*height: 16px;*/
    padding: 0px 5px;
    text-align: center;
}

.itemTEKH > div:first-child ~ div
{
    /*   margin-top: 8px;
       margin-bottom: 8px;*/
}

div.namMahsoolTEKH
{
    width: 230px;
    text-align: right;
    position: relative;
    /*top: -8px; !*      tashh 2khati boodan titrha baraye align vertical    *!*/
}

div.namMahsoolTEKH > a, div.namMahsoolTEKH > a:link, div.namMahsoolTEKH > a:visited
{
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

div.namMahsoolTEKH > a:hover
{
    color: var(--cl-5);
}

div.namMahsoolTEKH > a:active
{
    color: var(--cl-5-1);
}

div.namMahsoolTEKH > a > span
{
    display: inline-block;
    width: 100%;
    /*diz    white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;*/
}

div.namMahsoolTEKH > a > span:first-child + span /*  model va rang   */
{
    font-size: 0.75rem;
    color: hsl(0, 0%, 41%);
}

div.tedadMahsoolItemTEKH
{
    width: 35px;
}

div.gheymatAsliItemTEKH
{
    width: 110px;
}

div.gheymatBaTakhfifItemTEKH
{
    width: 120px;
}

#kadrItemhaTEKH > hr
{
    border: 0px solid;
    border-bottom: 1px solid hsl(0, 0%, 90%);
    width: calc(100% - 20px);
    margin: 5px 10px;
}


.kadrTakhfifTEKH
{
    float: right;
    width: 50%;
    margin-top: 10px;
}

input.txtEmalTakhfifTEKH
{
    float: right;
    width: calc(100% - 80px);
    padding: 5px 10px;
    border: 1px solid hsl(0, 0%, 80%);
    border-radius: 8px;
    direction: ltr;
}

a.btnEmalTakhfifTEKH, a.btnEmalTakhfifTEKH:link, a.btnEmalTakhfifTEKH:visited
{
    float: left;
    width: 37px;
    padding: 5px 8px;
    border-radius: 8px;
    text-align: center;
    font-size: 0.875rem;
    color: var(--cl-tit);
    background-color: var(--cl-asl);
}

a.btnEmalTakhfifTEKH:hover
{
    color: var(--cl-asl2);
    background-color: var(--cl-1-1);
}

a.btnEmalTakhfifTEKH:active
{
    color: var(--cl-asl2);
    background-color: var(--cl-act);
}

.tozihTakhfifTEKH
{
    float: right;
    width: 100%;
    margin-top:10px;
    margin-bottom: 10px;
    font-size: 0.875rem;
}

.titrTozihTakhfifTEKH
{
    float: right;
    margin-left: 5px;
}

.meghdarCT
{
    float: right;
    color: var(--cl-asl2);
}

#kadrPaeenItemhaTEKH
{
    width: 100%;
    overflow-y: auto;
}

#kadrHazinehErsalTEKH
{
    padding: 7px 10px;
    margin-left: 10px;
    font-size: 0.875rem;
    line-height: 14px;
    text-align: left;
}

#kadrMablaghNahaeeTEKH
{
    padding: 7px 10px;
    margin-left: 10px;
    font-size: 0.875rem;
    line-height: 14px;
    text-align: left;
}

#kadrMablaghNahaeeTEKH > span:first-child
{
    display: inline-block;
    padding-bottom: 5px;
}

#kadrDokmehVirayeshSabadKharidTEKH
{
    float: left;
    width: 196px;
    height: 24px;
    padding: 2px 5px; /*  DEP w    */
    margin: 0px 0px;
}

#matnRaveshPardakhtVaErsalTEKH
{
    width: calc(100% - 10px);
    height: 16px;
    padding: 5px 5px;
    text-align: right;
    font-size: 1rem;
    line-height: 1;
    color: var(--cl-4-2);
}

#kadrRaveshPardakhtTEKH
{
    width: calc(100% - 10px);
    overflow-y: auto;
    padding: 5px 5px;
}

span.iconTaeed
{
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    margin-left: 7px;
    font-family: myIcon4;
    font-size: 1.25rem;
    line-height: 1;
    text-align: center;
}

.kadrMatnhaRaveshPardakhtVaErsalTEKH
{
    float: right;
    width: calc(100% - 27px); /*  DEP w, mar-l span.iconTaeed */
    height: 14px;
    padding: 3px 0px;
    font-size: 0.875rem;
    line-height: 14px;
}

.kadrMatnhaRaveshPardakhtVaErsalTEKH > span:not([class^="icon"])
{
    display: block;
    float: right;
    width: auto;
    height: 14px;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
}

span.iconVirayeshTEKH
{
    display: block;
    float: right;
    width: 12px;
    height: 12px;
    padding: 1px 5px;
    font-family: myIcon4;
    font-size: 0.875rem; /*  12px    */
    line-height: 1;
    cursor: pointer;
    color: var(--cl-asl2);
}

#kadrRaveshErsalTEKH
{
    width: calc(100% - 10px);
    overflow-y: auto;
    padding: 5px 5px;
}


/*       ایجاد حساب کاربری    */

#kadrTashihOFEHK
{
    width: 480px;
}

#kadrNamEHK
{
    float: right;
    width: calc(100% - 10px); /*  DEP pad , mar*/
    padding: 5px 5px; /*  DEP w    */
    position: relative;
}

#kadrFamilEHK
{
    display: none; /* diz */
    float: right;
    width: calc(50% - 10px); /*  DEP pad , mar*/
    padding: 5px 5px; /*  DEP w    */
    position: relative;
}

#kadrTelHamrahEHK
{
    float: right;
    width: calc(100% - 10px); /*  DEP pad , mar*/
    padding: 5px 5px; /*  DEP w    */
    position: relative;
}

#kadrEmailEHK
{
    display: none; /* diz */
    float: right;
    width: calc(50% - 10px); /*  DEP pad , mar*/
    padding: 5px 5px; /*  DEP w    */
    position: relative;
}

#kadrPasswordEHK
{
    display: none; /* diz */
    float: right;
    width: calc(50% - 10px); /*  DEP pad , mar*/
    padding: 5px 5px; /*  DEP w    */
    position: relative;
}

#kadrRePasswordEHK
{
    display: none; /* diz */
    float: right;
    width: calc(50% - 10px); /*  DEP pad , mar*/
    padding: 5px 5px; /*  DEP w    */
    position: relative;
}

#kadrDaryaftMatalebEHK
{
    float: right;
    width: calc(100% - 10px); /*  DEP pad , mar*/
    height: 24px;
    padding: 5px 5px; /*  DEP w    */
    margin: 5px 0px 0px;
}

a.errorVoroodi, a.errorVoroodi:link, a.errorVoroodi:visited
{
    display: block;
    width: 14px;
    height: 14px;
    font-family: myIcon4;
    font-size: 0.875rem;
    line-height: 1;
    text-decoration: none;
    color: red;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto 0px;
    cursor: pointer;
}

a.errorVoroodi:hover
{
    color: var(--cl-4-1);
}

a.errorVoroodi:active
{
    color: var(--cl-4-2);
}

span.matnTitrVoroodiEHK
{
    display: block;
    float: right;
    width: 110px;
    height: 14px;
    padding: 7px 5px;
    text-align: left;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
}

#kadrEejadHesabKarbari input:not([type="checkbox"])
{
    display: block;
    float: right;
    width: calc(100% - 132px); /*  DEP pad, border khodash va w,pad span kenarash  */
    height: 16px;
    padding: 5px;
    margin: 0px;
    border: 1px solid var(--cl-brd);
    border-radius: 4px;
    text-align: center;
    font-family: vazir;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
    color: var(--cl-txt);
    background-color: var(--cl-bck);
}

#kadrTelHamrahEHK > input[type="text"]
{
    direction: ltr;
    text-align: center;
}

#kadrEmailEHK > input[type="text"]
{
    font-family: Arial;
    direction: ltr;
    text-align: left;
    line-height: 16px;
}

#kadrPasswordEHK > input[type="password"], #kadrRePasswordEHK > input[type="password"]
{
    font-size: 1rem;
    line-height: 16px;
    font-weight: bold;
    direction: ltr;
    text-align: center;

}

#kadrEejadHesabKarbari input:not([type="checkbox"]):read-only
{
    background-color: var(--cl-3-1);
}

#kadrEejadHesabKarbari input:not([type="checkbox"])::-webkit-input-placeholder
{
    direction: rtl;
    font-family: shabnam;
    font-size: 0.875rem;
    text-align: right;
    font-weight: normal;
    position: relative;
    top: -1px;
    color: var(--cl-txt2);
}

#kadrEejadHesabKarbari input:not([type="checkbox"]):-moz-placeholder /* Firefox 18- */
{
    direction: rtl;
    font-family: shabnam;
    font-size: 0.875rem;
    text-align: right;
    font-weight: normal;
    position: relative;
    top: -1px;
    color: var(--cl-txt2);
}

#kadrEejadHesabKarbari input:not([type="checkbox"])::-moz-placeholder /* Firefox 19+ */
{
    direction: rtl;
    font-family: shabnam;
    font-size: 0.875rem;
    text-align: right;
    font-weight: normal;
    position: relative;
    top: -1px;
    color: var(--cl-txt2);
}

#kadrEejadHesabKarbari input:not([type="checkbox"]):-ms-input-placeholder
{
    direction: rtl;
    font-family: shabnam;
    font-size: 0.875rem;
    text-align: right;
    font-weight: normal;
    position: relative;
    top: -1px;
    color: var(--cl-txt2);
}

#kadrDaryaftMatalebEHK > input /*  چک باکس */
{
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    margin: 4px 5px;
}

#kadrDaryaftMatalebEHK > span
{
    display: block;
    float: right;
    width: 280px;
    padding: 5px 0px;
    text-align: right;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
}

#kadrDaryaftMatalebEHK > span#matnErrorOzviat
{
    visibility: hidden;
    display: block;
    width: calc(100% - 280px); /*  DEP pad khodash+majmoo w span va input kenarash=>10+284+26 */
    text-align: left;
    color: red;
    font-size: 0.8125rem;
}

#kadrEejadHesabKarbari > hr
{
    border: 0px solid;
    border-bottom: 1px dashed var(--cl-brd);
    margin: 10px 0px;
}

#kadrEejadHesabKarbari > hr + div
{
    margin: 0px;
}


/*      فعال سازی حساب کاربری       */

#kadrTashihOFFHK
{
    width: 410px;
}

#kadrSarTitrFHK + div > div:first-child
{
    font-size: 0.875rem;
    padding: 10px;
}

#kadrFaalsaziHesabKarbari > div:first-child + div + div > div
{
    width: calc(100% - 10px); /*  DEP pad , mar*/
    overflow-y: auto;
    padding: 5px 5px; /*  DEP w    */
    text-align: justify;
    font-size: 0.875rem;
    line-height: 18px;
}

#kadrFaalsaziHesabKarbari input
{
    display: block;
    width: 150px;
    height: 20px;
    padding: 3px 5px;
    margin: 3px auto 0px;
    border: 1px solid var(--cl-brd);
    border-radius: 4px;
    direction: ltr;
    text-align: center;
    font-family: vazir;
    font-size: 1rem;
    line-height: 20px;
    background-color: var(--cl-bck);
    color: var(--cl-txt);
}

#kadrErsalMojadadCodeFaalsaziFHK, #kadrVirayeshMobileYaEmailFHK
{
    float: right;
    width: 50%;
    overflow-y: auto;
    text-align: center;
}

#kadrErsalMojadadCodeFaalsaziFHK > a, #kadrVirayeshMobileYaEmailFHK > a
{
    display: inline-block;
    height: 14px;
    padding: 3px 5px;
    text-decoration: none;
    font-size: 0.75rem; /*  12px    */
    line-height: 1;
}

#kadrErsalMojadadCodeFaalsaziFHK > a:link, #kadrErsalMojadadCodeFaalsaziFHK > a:visited, #kadrVirayeshMobileYaEmailFHK > a:link, #kadrVirayeshMobileYaEmailFHK > a:visited
{
    color: var(--cl-asl2);
}

#kadrErsalMojadadCodeFaalsaziFHK > a:hover, #kadrVirayeshMobileYaEmailFHK > a:hover
{
    color: var(--cl-5);
}

#kadrErsalMojadadCodeFaalsaziFHK > a:active, #kadrVirayeshMobileYaEmailFHK > a:active
{
    color: var(--cl-5-2);
}

#kadrErsalMojadadCodeFaalsaziFHK > a.gheyrFaal
{
    color: hsl(0, 0%, 50%);
    cursor: default;
}

span#kadrSaniehMandehFHK
{
    font-size: 0.75rem;
}


/*       ورود به حساب کاربری    */

#kadrTashihOFLK
{
    width: 400px;
}

#kadrEmailYaTelHamrahLK, #kadrPasswordLK
{
    width: calc(100% - 10px); /*  DEP pad , mar*/
    height: 28px;
    padding: 5px 5px; /*  DEP w    */
    position: relative;
}

#kadrPasswordLK
{
    display: none;
}

span.matnTitrVoroodiLK
{
    display: block;
    float: right;
    width: 90px;
    height: 16px;
    padding: 6px 5px;
    text-align: left;
    font-size: 1rem;
    line-height: 1;
    color: var(--cl-txt);
}

#kadrLoginKarbar input
{
    display: block;
    float: right;
    width: calc(100% - 112px); /*  DEP pad, border khodash va w,pad span kenarash  */
    height: 20px;
    padding: 3px 5px;
    margin: 0px;
    border: 1px solid var(--cl-brd);
    border-radius: 4px;
    direction: ltr;
    text-align: center;
    font-family: Arial;
    font-size: 1rem;
    line-height: 20px;
    background-color: var(--cl-bck);
    color: var(--cl-txt);
}

#kadrLoginKarbar span#matnErrorLogin
{
    display: none;
    float: right;
    width: calc(100% - 80px);
    font-family: shabnam;
    font-size: 0.875rem;
    line-height: 1;
    text-align: right;
    color: red;
}

a#faramooshiPasswordLK
{
    display: none; /* diz */
    float: left;
    height: 14px;
    padding: 3px 5px;
    text-decoration: none;
    font-family: shabnam;
    font-size: 0.75rem; /*  12px    */
    line-height: 1;
    color: var(--cl-txt3);
}

a#faramooshiPasswordLK:link, a#faramooshiPasswordLK:visited
{
    color: var(--cl-txt3);
}

a#faramooshiPasswordLK:hover
{
    color: var(--cl-5);
}

a#faramooshiPasswordLK:active
{
    color: var(--cl-5-1);
}


/*       تغییر رمز عبور    */

#kadrTashihOFTP
{
    width: 400px;
}

#kadrPasswordGhabliTP, #kadrCodeBazyabiTP, #kadrPasswordJadidTP, #kadrRePasswordJadidTP
{
    width: calc(100% - 10px); /*  DEP pad , mar*/
    height: 24px;
    padding: 5px 5px; /*  DEP w    */
    position: relative;
}

span.matnTitrVoroodiTP
{
    display: block;
    float: right;
    width: 113px;
    height: 14px;
    padding: 5px 5px;
    text-align: left;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
}

#kadrTaghirPassword input
{
    display: block;
    float: right;
    width: calc(100% - 135px); /*  DEP pad, border khodash va w,pad span kenarash  */
    height: 16px;
    padding: 3px 5px;
    margin: 0px;
    border: 1px solid var(--cl-brd);
    border-radius: 4px;
    direction: ltr;
    text-align: center;
    font-family: vazir;
    font-size: 1rem; /*  16px    */
    line-height: 1;
    font-weight: bold;
    background-color: var(--cl-bck);
    color: var(--cl-txt);
}

#kadrCodeBazyabiTP input
{
    font-weight: normal;
}

#kadrTaghirPassword > hr
{
    border: 0px solid;
    border-bottom: 1px dashed var(--cl-brd);

    margin: 10px 0px;
}

#kadrTaghirPassword span#matnErrorTaghirPassword
{
    visibility: hidden;
    display: none;
    margin: 5px 10px;
    width: calc(100% - 80px);
    font-family: shabnam;
    font-size: 0.875rem;
    line-height: 1;
    text-align: right;
    color: red;
}

#kadrDokmehaTP
{
    /*width: 250px;*/
    overflow-y: auto;
    margin: 10px auto;
}

a#dokmehEnserafTP
{
    margin-right: 10px;
}


/*      پیگیری سفارش    */
#kadrTashihOFPS
{
    width: 600px;
}

.marhalehPS
{
    float: right;
    width: 80px;
    height: 120px;
    padding: 10px 10px;
}

.marhalehPS > img
{
    display: block;
    width: 60px;
    height: 60px;
    padding: 5px 5px;
    border: 5px solid hsl(0, 0%, 87%);
    border-radius: 50%;
}

img.faalPS
{
    border-color: hsl(200, 100%, 64%);
}

img.gheyrFaalPS
{
    border-color: hsl(0, 0%, 87%);
}

.iconMarhalehPS
{
    width: 60px;
    height: 52px;
    padding: 9px 5px;
    border: 5px solid hsl(0, 0%, 87%);
    border-radius: 50%;
    font-family: myIcon4;
    font-size: 3rem;
    text-align: center;
}

.iconMarhalehPS.faalPS
{
    border-color: var(--cl-asl);
    color: var(--cl-asl2);
}

.iconMarhalehPS.gheyrFaalPS
{
    border-color: hsl(0, 0%, 60%);
    color: hsl(0, 0%, 60%);
}

.matnMarhalehPS
{
    width: calc(100% - 10px);
    height: 32px;
    padding: 4px 5px;
    font-size: 0.875rem;
    line-height: 16px;
    text-align: center;
}

.feleshMarahelPS
{
    float: right;
    width: 50px;
    height: 20px;
    margin-top: 40px;
    background-repeat: no-repeat;
    background-size: contain;
}


/* پیغام */
#kadrTashihOFPeygham
{
    width: 44.477%;
}

p#matnPeygham
{
    padding: 1.724%;
    width: 96.551%;
    margin: 10px 0 0;
    overflow-y: auto;
    font-size: 0.8125rem;
    color: var(--cl-txt);
    /*text-indent: 10px;*/
}

#tblKadrPeygham
{

    transition: opacity 1s;
}

#tblKadrPeyghamLogin form
{
    width: 100%;
    overflow-y: auto;
}

#kadrTashihOFPeyghamLogin
{
    width: 29.650%;
}

#matnPeyghamLogin [id^="lbl"]
{
    width: calc(40% - 5px);
    padding: 6px 0px 6px 5px;
    margin: 5px 0px;
    float: right;
    text-align: left;
    font-size: 0.875rem;
    line-height: 1;
}


#peyghamLogin input
{
    display: block;
    float: right;
    width: calc(50% - 22px);
    padding: 4px 9px 4px 9px;
    margin: 5px 0px 5px 10%;
    border: 1px solid var(--cl-brd);

    color: var(--cl-txt);
    border-radius: 2px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1;
    background-color: var(--cl-bck);
}

#peyghamLogin input:focus
{
    outline: none;
}

#kadrDokmehhaPeyghamLogin
{
    direction: ltr;
    overflow-y: auto;
    text-align: center;
}

#kadrAxFull
{
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1000;
    background-color: #1c1f21;
}

#axFull img
{
    display: block;
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto auto;
    box-shadow: 0px 0px 0px 2px #b2b2b2, 0px 0px 8px #b2b2b2;
}

#dokmehBastanAxFull
{
    font-family: myIcon;
    font-size: 1rem;
    line-height: 1;
    padding: 8px 0px 6px 0px;
    width: 30px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 1001;
    cursor: pointer;
    box-shadow: 1px 1px 2px #1c1f21;
    background-color: #b2b2b2;
}

@keyframes bordanNoScript
{
    0%
    {
        transform: translateY(0px);
    }
    100%
    {
        transform: translateY(-150px);
    }
}

noscript > div
{
    width: calc(100% - 40px);
    padding: 30px 20px;
    font-family: koodak;
    font-size: 1.25rem;
    line-height: 1;
    text-align: center;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 100000;
    color: white;
    background-color: hsla(0, 100%, 50%, 0.7);
    animation: bordanNoScript 3s 10s;
    animation-fill-mode: forwards;
}


/* پیغام ویدئو */


#kadrKolNamayeshZamimeh
{
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 800;
    display: table;
    width: 100%;
    height: 100%;
}

#tdcellKadrNZ
{
    position: relative;
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

#kadrSiahNZ
{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--cl-1-4);
}

#dokmehBastanPeyghamVideo:hover
{
    color: var(--cl-hov);
}

#dokmehBastanPeyghamVideo:active
{
    color: var(--cl-act);
}

#kadrEmkanat a.btnEmkanat
{
    color: #ffffff;
}

#kadrEmkanat a.btnEmkanat:hover
{
    color: var(--cl-hov);
}

#kadrEmkanat a.btnEmkanat:active
{
    color: var(--cl-act);
}

a.btnEmkanat, a.btnEmkanat:link, a.btnEmkanat:visited
{
    float: right;
    width: 100%;
    height: 20px;
    margin-bottom: 10px;
    font-family: myIcon4;
    font-size: 1.125rem;
}

a.btnEmkanat:hover
{
    color: var(--cl-4);
}

a.btnEmkanat:active
{
    color: var(--cl-4-2);
}

img.aksTasavirMAT
{
    float: right;
    width: 100%;
}

span#dokmehPakhshMAT:hover
{
    color: var(--cl-asl2);
}

#kadrTashihOFPeyghamVideo
{
    width: 44.477%;
}

#peyghamVideo .kadrSarTitrPeygham
{
    height: auto;
}

p#matnPeyghamVideo
{
    padding: 1.724%;
    width: 96.551%;
    margin: 10px 0 0;
    overflow-y: auto;
    font-size: 1rem;
    color: var(--cl-txt);
    /*text-indent: 10px;*/
}

#tblKadrPeyghamVideo
{
    transition: opacity 1s;
}

#kadrVasetVideoMAT > video
{
    float: right;
    width: 100%;
}

span#dokmehPakhshMAT
{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 33px;
    height: 33px;
    margin: auto;
    padding: 8px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    background-color: var(--cl-asl);
    color: var(--cl-tit);
    font-family: myIcon4;
    font-size: 2rem;
}

#kadrTasavirMAT #kadrEmkanat
{
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 68px;
    padding: 10px 10px 0 10px;
    border-radius: 8px;
    border: 1px solid var(--cl-asl);
    background-color: var(--cl-2-2);
    opacity: 0;
    transition: opacity 0.2s;
}

a.btnEmkanat, a.btnEmkanat:link, a.btnEmkanat:visited
{
    float: right;
    width: 100%;
    height: 20px;
    margin-bottom: 10px;
    font-family: myIcon4;
    font-size: 1.125rem;
    color: var(--cl-tit);
    transition: color 0.2s;
}

span#tedadLikeVideoMAT
{
    position: absolute;
    left: 11px;
    bottom: 1px;
    display: block;
    width: 21px;
    font-family: vazir;
    text-align: center;
    font-size: 0.625rem;
    color: var(--cl-asl2);
}

#kadrTasavirMAT:hover #kadrEmkanat
{
    opacity: 1;
}

/*#peyghamVideo #kadrTasavirMAT
{
    padding-top: 67%;
}*/

#tasavirMAT
{
    position: relative;
    display: block;
    width: calc(100% - 40px);
    padding: 20px;
    border-radius: 16px;
    margin: auto;
    overflow: hidden;
    background-color: var(--cl-bck-itm);
}


/* فیلتر */

#kadrFilterNR
{
    float: right;
    width: 100%;
    margin-top: 25px;
}

.kadrVasetFilterNR
{
    position: relative;
    float: right;
    width: calc(100% - 22px);
    padding: 10px;
    border-radius: 16px;
    border: 1px solid var(--cl-brd);
    background-color: var(--cl-bck-itm);
    color: var(--cl-tit);
}

.titrKadrFilterNR
{
    position: relative;
    float: right;
    margin: 5px 10px 10px;
    font-size: 1.125rem;
    font-weight: bold;
    color: var(--cl-tit);
}

ul.kadrListFilterNR
{
    float: right;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

ul.kadrListFilterNR > li
{
    float: right;
    width: 100%;
    /*padding: 10px;*/
    position: relative;
    margin: 0;
    list-style-type: none;
    text-align: right;
}

a.namFilter, a.namFilter:link, a.namFilter:visited
{
    display: block;
    width: calc(100% - 24px);
    text-align: right;
    font-size: 1rem;
    padding: 12px;
    line-height: 1;
    color: var(--cl-asl2);
    border-top: 1px solid var(--cl-brd);
}

a.namFilter:hover
{
    color: var(--cl-2-7);
}

a.namFilter:active
{
    color: var(--cl-act);
}

span.iconPlusFilter
{
    position: absolute;
    top: 12px;
    left: 12px;
    font-size: 1rem;
    font-family: myIcon2;
    line-height: 1;
    height: 16px;
}

span.iconFilterBoodan
{
    position: absolute;
    top: 15px;
    font-size: 0.75rem;
    font-family: myIcon2;
    line-height: 1;
    height: 16px;
    margin-right: 3px;
    color: var(--cl-asl);
    opacity: 0;
}

ul.zirFilter
{
    width: 100%;
    overflow: hidden;
    transition: max-height 0.2s;
    list-style-type: none;
    padding: 0px;
    transition: height 0.2s;
}

ul.zirFilter li
{
    position: relative;
    width: calc(100% - 20px);
    padding: 10px;
}

ul.zirFilter li span.meghdarFilter
{
    font-size: 0.875rem;
    color: var(--cl-txt);;
    padding: 3px 20px 3px 0px;
    width: calc(100% - 20px);
    display: block;
    text-align: right;
    height: 14px;
    line-height: 1;
}

ul.zirFilter li input
{
    position: absolute;
    top: 12px;
    left: 12px;
    width: 16px;
    height: 16px;
    margin: 0;
}

ul.zirFilter li
{
    width: calc(100% - 20px);
    padding: 10px;
    position: relative;
    font-size: 1rem;
}

a#dokmehHazfFilterha, a#dokmehHazfFilterha:visited, a#dokmehHazfFilterha:link
{
    display: none;
    float: left;
    font-size: 1rem;
    line-height: 1;
    padding: 5px 10px;
    margin-top: 10px;
    border-radius: 5px;
    color: var(--cl-asl);
}

a#dokmehHazfFilterha:hover
{
    color: var(--cl-hov);
}

a#dokmehHazfFilterha:active
{
    color: var(--cl-act);
}

#kadrGheymatFilter
{
    float: right;
    width: 100%;
    border-top: 1px solid hsl(0, 0%, 85%);
}

.titrGheymatFilter
{
    float: right;
    width: calc(100% - 24px);
    padding: 12px;
    line-height: 1;
}

.kadrTxtMablagh
{
    position: relative;
    float: right;
    width: calc(100% - 40px);
    margin: 0 20px 10px;
}

.titrInputFilter
{
    position: absolute;
    top: 5px;
    right: 10px;
    color: hsl(0, 0%, 70%);
}

input.txtMablaghFilter
{
    float: right;
    width: calc(100% - 42px);
    border: 1px solid hsl(0, 0%, 75%);
    border-radius: 8px;
    padding: 5px 30px 5px 10px;
    direction: ltr;
    font-family: vazir;
    font-size: 0.875rem;
}


input.txtMablaghFilter:focus
{
    outline: none;
}

a.dokmehSabtGheymat, a.dokmehSabtGheymat:link, a.dokmehSabtGheymat:visited
{
    float: right;
    width: calc(100% - 60px);
    margin: 0 20px 10px;
    padding: 5px 10px;
    font-size: 0.875rem;
    text-align: center;
    border: 1px solid var(--cl-asl);
    color: var(--cl-tit);
    border-radius: 18px;
    transition: color 0.2s, border 0.2s;
}

a.dokmehSabtGheymat:hover
{
    color: var(--cl-hov);
}

a.dokmehSabtGheymat:active
{
    color: var(--cl-act);
}

#peyghamPeydaNashod
{
    display: none;
    width: 100%;
    padding: 30px 0;
    vertical-align: middle;
    text-align: center;
    color: hsl(0, 0%, 50%);
    background-color: hsl(0, 0%, 90%);
}

span#iconPeydaNashod
{
    vertical-align: middle;
    font-family: myIcon2;
}

select#moratabSazi
{
    position: absolute;
    top: 7px;
    left: 0px;
    box-sizing: content-box;
    font-size: 0.875rem;
    padding: 4px 10px;
    margin-left: 10px;
    width: 90px;
    border-radius: 8px;
    appearance: none;
    background-image: url("../pic/sort.png");
    background-size: 20px 20px;
    background-position-x: 4px;
    background-position-y: 4px;
    background-repeat: no-repeat;
    font-family: vazir;
    background-color: var(--cl-bck-itm);
    color: var(--cl-txt);
    transition: background-color 0.2s;
}

/* کادر ارسال فایل ضمیمه سفارش */
.tozihFS
{
    float: left;
    width: calc(100% - 30px) !important;
    padding: 10px;
    border-radius: 8px;
    font-size: 0.875rem;
    background-color: var(--cl-3-1);
}

form.kadrItemhaFileSefaresh
{
    float: left;
    width: 100%;
}

.itemFS
{
    float: right;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--cl-brd);
}

.onvanFS
{
    float: right;
    width: calc(100% - 100px);
    padding: 2px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kadrEntekhabFS
{
    float: right;
    width: calc(33.333% - 10px);
    margin: 0 5px;
}

.kadrEntekhabFS input
{
    display: none;
}

a.btnEntekhabFS, a.btnEntekhabFS:link, a.btnEntekhabFS:visited
{
    float: right;
    width: 100%;
    padding: 3px 0;
    margin-top: 5px;
    text-align: center;
    border-radius: 8px;
    font-size: 0.875rem;
    background-color: var(--cl-5);
    color: var(--cl-2);
}

a.btnEntekhabFS:hover
{
    background-color: var(--cl-5-1);
}

a.btnEntekhabFS:active
{
    background-color: var(--cl-5-2);
}

.onvanFileFS
{
    float: left;
    width: 100%;
    margin-top: 5px;
    direction: ltr;
    text-align: center;
    font-size: 0.75rem;
    color: var(--cl-1-3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* یکسان سازی رنگ بخش های مشابه در ناحیه کاربری و سبد خرید */
a.itemPishkhanNK, a.itemPishkhanNK:link, a.itemPishkhanNK:visited, .raveshEntekhaShodehTAK
{
    background-color: var(--cl-bck-itm);
}

span.sematFrestandehPDNK, span.sematGirandehPENK, span.titrItemPNK
{
    color: var(--cl-tit);
}

table#tblPayamhaDaryaftiNK span.zamanPDNK, table#tblPayamhaDaryaftiNK span.tarikhPDNK, table#tblPayamhaDaryaftiNK span.titrMatnPDNK, table#tblPayamhaErsaliNK span.zamanPENK, table#tblPayamhaErsaliNK span.tarikhPENK, table#tblPayamhaErsaliNK span.titrMatnPENK, td.sotoonPardakhthaSNK > div > span:first-child, span.titrJozeatSNK, span.zirTitrItemPNK, span.titrLTNK, .kadrBadanehPeygham, span.matnTitrEtelaatKarbarMMNK, .itemVM, span.matnTitrPP, #kadrRaveshErsal, span.matnTitrEtelaatKharidarTEKH, #matnTitrKalahaTEKH, #kadrHazinehErsalTEKH > span:first-child, #kadrMablaghNahaeeTEKH > span:first-child, #matnRaveshPardakhtVaErsalTEKH, #kadrMatnhaAPSV > div + div, #payamErrorAPSV > span:first-child
{
    color: var(--cl-txt2);
}

span.kadrAmaliatFrestandehPDNK a, span.kadrAmaliatFrestandehPDNK a:link, span.kadrAmaliatFrestandehPDNK a:visited, span#matnVaziatNK
{
    color: var(--cl-asl);
}

#kadrPayamhaDaryaftiNK, tr.itemNamayeshJadvalPENK, span.adadSNK, span.mablaghLTNK, table#tblSefareshatNK td, table#tblListTarakoneshhaNK td, span.matnVoroodiEtelaatKarbarMMNK, span.matnPP, span.itemVizhegiSKH, .itemSKH > div, .itemTAK input[type="text"], .itemTAK textarea, span.matnVoroodiEtelaatKharidarTEKH, .itemTEKH, #kadrHazinehErsalTEKH, #kadrMablaghNahaeeTEKH, div.namMahsoolTEKH > a > span:first-child + span, #kadrRaveshErsalTEKH, #matnTaeedAPSV > span:not(:last-child), #namAPSV > span, #tarikhAPSV > span, span#codePeygiriSefareshAPSV, #kadrMatnhaAPSV > #payamErrorAPSV
{
    color: var(--cl-tit);
}

#kadrShomarandehSafhehPDNK, #kadrShomarandehSafhehPENK, #kadrShomarandehSafhehLTNK, #kadrShomarandehSafhehSNK, #kadrTitrItemhaSKH, #kadrTitrItemhaTEKH, a.dokmehAPSV:visited
{
    background-color: var(--cl-1-5);
    color: var(--cl-tit);
}

span.titrFarshSNK, span.titrFarshLTNK, div.namMahsoolSKH > a > span:not(.itemVizhegiSKH), div.namMahsoolTEKH > a > span
{
    color: var(--cl-1-6);
}

a[class^="dokmehNamayesh"][class$="SNK"]:hover, a.dokmehNamayeshEtelaatSefareshLTNK:hover
{
    color: var(--cl-asl);
}

a[class^="dokmehNamayesh"][class$="SNK"]:active, a.dokmehNamayeshEtelaatSefareshLTNK:active
{
    color: var(--cl-act);
}

table#shomarandehSafhehPDNK td#kadrAdadPDNK, table[id^="shomarandehSafheh"] a, table[id^="shomarandehSafheh"] a:link, table[id^="shomarandehSafheh"] a:visited, table#shomarandehSafhehPENK td#kadrAdadPENK, table#shomarandehSafhehSNK td#kadrAdadSNK, table#shomarandehSafhehLTNK td#kadrAdadLTNK
{
    background-color: var(--cl-3-4);
    color: var(--cl-tit);
}

#kadrShomarandehSafhehPDNK input#shomSafPDNK, #kadrShomarandehSafhehPENK input#shomSafPENK, #kadrShomarandehSafhehSNK input#shomSafSNK, #kadrShomarandehSafhehLTNK input#shomSafLTNK
{
    border: 1px solid var(--cl-brd);
}

a.dokmehSabtPardakhtSNK, a.dokmehSabtPardakhtSNK:link, a.dokmehSabtPardakhtSNK:visited, a.dokmehMMNK:link, a.dokmehMMNK:visited, #kadrShomarandehSafhehLTNK a#dokmehBoroLTNK:active, #kadrShomarandehSafhehSNK a#dokmehBoroSNK:active, #kadrShomarandehSafhehPENK a#dokmehBoroPENK:active, #kadrShomarandehSafhehPDNK a#dokmehBoroPDNK, #kadrShomarandehSafhehPDNK a#dokmehBoroPDNK:link, #kadrShomarandehSafhehPDNK a#dokmehBoroPDNK:visited, .kadrAmaliatPDNK a, .kadrAmaliatPDNK a:link, .kadrAmaliatPDNK a:visited, .kadrAmaliatPENK a, .kadrAmaliatPENK a:link, .kadrAmaliatPENK a:visited, a.dokmehKoochak, a.dokmehKoochak:link, a.dokmehKoochak:visited, a.dokmehAPSV, a.dokmehAPSV:link
{
    background-color: var(--cl-asl);
    color: var(--cl-tit);
}

textarea#txtMatnEPNK, #ersalPayamNK select, .itemVM > input, .itemVM > select, .itemVM > textarea
{
    background-color: var(--cl-bck-itm);
    color: var(--cl-tit);
    border-color: var(--cl-brd);
}

a[class^="dokmehNamayesh"][class$="SNK"]:link, a[class^="dokmehNamayesh"][class$="SNK"]:visited, a.dokmehNamayeshEtelaatSefareshLTNK:link, a.dokmehNamayeshEtelaatSefareshLTNK:visited, .tarikhVaZamanSNK, #kadrNamayeshNamNK, ul#menuNK > li.entekhabShodehMNK::after, span.khandehShodehPENK, span.khandehNashodehPENK, td.sotoonJozeatKharidSNK > div, #kadrMablaghNahaeeSKH, .adadTedadSKH, span.iconVirayeshTEKH, #kadrMatnhaAPSV > div#matnTaeedAPSVspan.kadrAmaliatFrestandehPDNK a.dokmehEmkanatSotoon:hover, span.kadrAmaliatFrestandehPDNK a.dokmehEmkanatSotoon:hover, .dokmehBastanPeygham:hover
{
    color: var(--cl-asl2);
}

a.dokmehSabtPardakhtSNK:hover, .kadrAmaliatPENK a:hover, a#btnErsalEPNK:hover, .kadrAmaliatPDNK a:hover, #kadrShomarandehSafhehPDNK a#dokmehBoroPDNK:hover, #kadrShomarandehSafhehPENK a#dokmehBoroPENK:hover, #kadrShomarandehSafhehSNK a#dokmehBoroSNK:hover, #kadrShomarandehSafhehLTNK a#dokmehBoroLTNK:hover, a.dokmehMMNK:hover, a.dokmehKoochak:hover, a.dokmehAPSV:hover, a.dokmehAPSV:hover
{
    color: var(--cl-asl2);
    background-color: var(--cl-1-1);
}
a.dokmehSabtPardakhtSNK:active, .kadrAmaliatPENK a:active, a#btnErsalEPNK:active, .kadrAmaliatPDNK a:active, #kadrShomarandehSafhehPDNK a#dokmehBoroPDNK:active, #kadrShomarandehSafhehPENK a#dokmehBoroPENK:active, #kadrShomarandehSafhehSNK a#dokmehBoroSNK:active, #kadrShomarandehSafhehLTNK a#dokmehBoroLTNK:active, a.dokmehMMNK:active, a.dokmehKoochak:active, a.dokmehAPSV:active, a.dokmehAPSV:active
{
    color: var(--cl-asl2);
    background-color: var(--cl-act);
}


@media only screen and (min-width: 767px) and (max-width: 1345px)
{
    a.titrMNU, a.titrMNU:link, a.titrMNU:visited
    {
        padding: 12px 0px 11px 5px;
        font-size: 0.875rem;
    }
    span.iconDastehMNU
    {
        margin: 0px 2px 0px 0px;
    }

}


/* حالت دسکتاپ */
@media only screen and (min-width: 767px)
{
    /* width */
    *::-webkit-scrollbar
    {
        width: 8px;
        height: 8px;

    }

    /* Track */
    *::-webkit-scrollbar-track
    {
        background: var(--cl-bck-itm);
    }

    /* Handle */
    *::-webkit-scrollbar-thumb
    {
        background: hsl(225deg 14% 18%);
        border-radius: 8px;
    }

    /* Handle on hover */
    *::-webkit-scrollbar-thumb:hover
    {
        background: var(--cl-1);
    }
}

@media only screen and (min-width: 768px) and (max-width: 1096px)
{
    a#titrAsliHDR, a#titrAsliHDR:link, a#titrAsliHDR:visited
    {
        float: right;
        width: 225px;
        margin: 5px 4% 5px 0%;
    }

    #kadrSearchMNU
    {
        width: calc(100% - 210px - 9%);
    }

    a.titrMNU, a.titrMNU:link, a.titrMNU:visited
    {
        box-shadow: -1px 0px 0px var(--cl-1);
        padding: 12px 4px 11px 4px;
        font-size: 0.75rem;
    }

    span.iconZirMNU
    {
        display: none;
    }

    span#matnTarikhErsalNamayeshMA
    {
        display: none;
    }

    span.tedadLikeSoti
    {
        display: none;
    }

    #header
    {
        background-position: 76% center;
        background-size: auto 75%;
    }

    #titrHDR > a#titrAsliHDR
    {
        font-size: 2.85rem;
    }

    a#kadrTelegramHDR
    {
        left: 3.412%;
    }

    #kadrEfektTitrHDR
    {
        height: 35px;
        width: 425px;
        top: 40px;
        left: 0px;
        right: 2px;
    }

    #matnArabiHadisSV
    {
        font-size: 0.875rem;
        padding-bottom: 10px;
    }

    #matnArabiHadisSV strong
    {
        font-size: 1.2rem;
    }

    #matnFarsiHadisSV
    {
        font-size: 0.75rem;
    }
}

@media only screen and (min-width: 1800px)
{
    #darbarehFTR
    {
        width: calc(103% - 40px);
        right: -1.5%;
    }
}

@media only screen and (max-width: 767px)
{
    /* width */
    *::-webkit-scrollbar
    {
        width: 8px;
        height: 8px;
    }

    /* Track */
    *::-webkit-scrollbar-track
    {
        background: hsla(222, 14%, 18%, 0);
        opacity: 0;
    }

    /* Handle */
    *::-webkit-scrollbar-thumb
    {
        background: hsl(225deg 14% 18%);
        border-radius:8px ;
    }

    /* Handle on hover */
    *::-webkit-scrollbar-thumb:hover
    {
        background: var(--cl-4-4);
    }
    #fullContainer
    {
        position: relative;
        width: 100%;
        padding: 0;
        overflow-x: hidden;
    }

    #header
    {
        margin-top: 0px;
        background-image: none;
    }

    #tablighBalaHDR a img#aksTablighDarRWD
    {
        display: none;
    }

    #tablighBalaHDR
    {
        position: relative;
        width: 100%;
        right: 0%;
    }

    #tablighBalaHDR a img#aksTablighDarMF
    {
        display: block;
        width: 100%;
        height: 100%;
    }

    /*#kadrMenuBalaHDR {
        width: calc(100% - 20px);
        padding: 0 10px;
    }*/
    #kadrVasetHeader
    {
        position: relative;
        width: calc(100% - 30px);
        padding: 0px 15px 0px;
        margin: 0px 0px 0px;
    }

    #titrHDR
    {
        position: relative;
        margin: 0px;
        padding: 0px;
        /*diz line-height: 2.3;
        text-align: center;
        height: 70px;*/
    }

    #kadrVasetTitrHDR
    {
        width: 100%;
    }

    .jodakonadehHDR
    {
        display: none;
    }

    a#titrAsliHDR, a#titrAsliHDR:link, a#titrAsliHDR:visited
    {
        float: none;
        display: block;
        height: auto;
        top: 28px;
        left: 5px;
        margin: 10px auto;
    }

    h1.titrAsli
    {
        width: calc(57% - 10px);
    }

    a#titrAsliHDR > img
    {
        float: none;
        display: block;
        width: 30%;
        margin: auto;
    }

    #kadrIconHDR
    {
        position: absolute;
        top: 73px;
        left: 0px;
        margin: 20px 0px 0px 0px;
        direction: ltr;
        width: 190px;
    }

    a.dokmehLogin, a.dokmehLogin:link, a.dokmehLogin:visited
    {
        padding: 5px 10px;
        margin-top: 5px;
    }

    span.tedadSabad.tedadSabadDarHalatLogOut
    {
        left: 171px;
    }
    /*  a.dokmehLogin, a.dokmehLogin:link, a.dokmehLogin:visited
      {
          padding: 8px 8px 2px 8px;
          position: relative;
          top: 4px;
      }*/
    /*a.iconHDR, a.iconHDR:link, a.iconHDR:visited
    {
        width: 33.333%;
        padding: 10px 0;
        border-radius: 0;
    }*/
    /*#titrHDR>a#titrAsliHDR,#titrHDR>a#titrAsliHDR:link,#titrHDR>a#titrAsliHDR:visited
    {
        display: block;
        height: 32px;
        width: 120px;
        padding: 34px 28% 34px 0px;
        font-size: 2rem;
        overflow-y: visible;
        line-height: 32px;
        top: auto;
        text-shadow: rgb(99, 174, 64) 4px 0px 0px, rgb(99, 174, 64) 3.87565px 0.989616px 0px, rgb(99, 174, 64) 3.51033px 1.9177px 0px, rgb(99, 174, 64) 2.92676px 2.72656px 0px, rgb(99, 174, 64) 2.16121px 3.36588px 0px, rgb(99, 174, 64) 1.26129px 3.79594px 0px, rgb(99, 174, 64) 0.282949px 3.98998px 0px, rgb(99, 174, 64) -0.712984px 3.93594px 0px, rgb(99, 174, 64) -1.66459px 3.63719px 0px, rgb(99, 174, 64) -2.51269px 3.11229px 0px, rgb(99, 174, 64) -3.20457px 2.39389px 0px, rgb(99, 174, 64) -3.69721px 1.52664px 0px, rgb(99, 174, 64) -3.95997px 0.56448px 0px, rgb(99, 174, 64) -3.97652px -0.432781px 0px, rgb(99, 174, 64) -3.74583px -1.40313px 0px, rgb(99, 174, 64) -3.28224px -2.28625px 0px, rgb(99, 174, 64) -2.61457px -3.02721px 0px, rgb(99, 174, 64) -1.78435px -3.57996px 0px, rgb(99, 174, 64) -0.843183px -3.91012px 0px, rgb(99, 174, 64) 0.150409px -3.99717px 0px, rgb(99, 174, 64) 1.13465px -3.8357px 0px, rgb(99, 174, 64) 2.04834px -3.43574px 0px, rgb(99, 174, 64) 2.83468px -2.82216px 0px, rgb(99, 174, 64) 3.44477px -2.03312px 0px, rgb(99, 174, 64) 3.84068px -1.11766px 0px, rgb(99, 174, 64) 3.9978px -0.132717px 0px;
    }

    #titrHDR>a#titrAsliHDR>span
    {
        text-shadow: rgb(71, 194, 255) 4px 0px 0px, rgb(71, 194, 255) 3.87565px 0.989616px 0px, rgb(71, 194, 255) 3.51033px 1.9177px 0px, rgb(71, 194, 255) 2.92676px 2.72656px 0px, rgb(71, 194, 255) 2.16121px 3.36588px 0px, rgb(71, 194, 255) 1.26129px 3.79594px 0px, rgb(71, 194, 255) 0.282949px 3.98998px 0px, rgb(71, 194, 255) -0.712984px 3.93594px 0px, rgb(71, 194, 255) -1.66459px 3.63719px 0px, rgb(71, 194, 255) -2.51269px 3.11229px 0px, rgb(71, 194, 255) -3.20457px 2.39389px 0px, rgb(71, 194, 255) -3.69721px 1.52664px 0px, rgb(71, 194, 255) -3.95997px 0.56448px 0px, rgb(71, 194, 255) -3.97652px -0.432781px 0px, rgb(71, 194, 255) -3.74583px -1.40313px 0px, rgb(71, 194, 255) -3.28224px -2.28625px 0px, rgb(71, 194, 255) -2.61457px -3.02721px 0px, rgb(71, 194, 255) -1.78435px -3.57996px 0px, rgb(71, 194, 255) -0.843183px -3.91012px 0px, rgb(71, 194, 255) 0.150409px -3.99717px 0px, rgb(71, 194, 255) 1.13465px -3.8357px 0px, rgb(71, 194, 255) 2.04834px -3.43574px 0px, rgb(71, 194, 255) 2.83468px -2.82216px 0px, rgb(71, 194, 255) 3.44477px -2.03312px 0px, rgb(71, 194, 255) 3.84068px -1.11766px 0px, rgb(71, 194, 255) 3.9978px -0.132717px 0px;
    }*/
    #titrHDR > a, #titrHDR > a:link, #titrHDR > a:visited
    {
        width: 133px;
        height: auto;
        top: 28px;
        left: 5px;
    }

    a#kadrTelefonHDR
    {
        left: 10px !important;
    }

    a#sabadKharidHDR
    {
        left: 70px !important;
    }

    span.iconEzafatHDR
    {
        width: 36px;
        padding: 13px 3px;
        /*diz float: left;
        height: 10px;
        border: 2px solid hsl(200, 100%, 64%);
        font-size: 0.625rem;*/
    }

    .kadrVasetHeaderDarScroll #kadrFixHeader
    {
        top: 0;
        box-shadow: 0px 0px 5px 0px var(--cl-asl);
        background: #373A43;
        background: linear-gradient(0deg, rgba(55, 58, 67, 1) 0%, rgba(29, 31, 37, 1) 100%);;
    }

    .kadrVasetHeaderDarScroll #kadrFixHeader #titrAsliHDR
    {
        width: 170px;
    }
    .kadrVasetHeaderDarScroll  #kadrFixHeader #titrEn
    {
        font-size: 1.25rem;
    }
    .kadrVasetHeaderDarScroll #kadrFixHeader #titrFa
    {
        font-size: 1.1rem;
    }

    .kadrVasetHeaderDarScroll form#kadrSearchMNU a#dokmehMNU
    {
        transition: top 0.2s;
        position: fixed;
        top: 30px;
    }
    .kadrVasetHeaderDarScroll form#kadrSearchMNU a#dokmehMNU:hover,a#dokmehMNU:hover
    {
        color: var(--cl-hov);
    }
    .kadrVasetHeaderDarScroll form#kadrSearchMNU a#dokmehMNU:active,a#dokmehMNU:active
    {
        color: var(--cl-act);
    }

    .kadrVasetHeaderDarScroll #iconSabadKharid
    {
        transition: top 0.2s , left 0.2s;
        position: fixed;
        top: 22px;
        left: 15px;
    }
    .kadrVasetHeaderDarScroll #tedadKalaSabadKharidHDR
    {

        transition: top 0.2s , left 0.2s;
        position: fixed;
        top: 29px;
        left: 41px;
    }




    /*diz a#kadrTelegramHDR>span.iconEzafatHDR
    {
        padding: 3px 2px 3px 0px;
    }*/
    span.titrEzafatHDR
    {
        display: none;
    }

    span.matnEzafatHDR
    {
        display: none;
        float: left;
        width: calc(100% - 51px);
        height: 12px;
        padding: 4px 5px;
        font-size: 0.75rem;
        font-weight: normal;
        text-align: left;
    }

    #navarMenu
    {
        position: fixed;
        top: 0;
        right: -100%;
        z-index: 1000;
        width: 70%;
        height: 100%;
        padding: 0px;
        margin: 0;
        border-radius: 0;
        transition: right 0.2s;
    }

    h5#titrMenuMobile
    {
        float: right;
        width: calc(100% - 30px);
        padding: 15px;
        margin: 0px;
        border-bottom: 1px solid var(--cl-brd);
        font-family: vazir;
        font-size: 1.375rem;
        color: var(--cl-asl);
        /*text-shadow: rgb(59 83 117) 3px 0px 0px, rgb(59 83 117) 2.83487px 0.981584px 0px, rgb(59 83 117) 2.35766px 1.85511px 0px, rgb(59 83 117) 1.62091px 2.52441px 0px, rgb(59 83 117) 0.705713px 2.91581px 0px, rgb(59 83 117) -0.287171px 2.98622px 0px, rgb(59 83 117) -1.24844px 2.72789px 0px, rgb(59 83 117) -2.07227px 2.16926px 0px, rgb(59 83 117) -2.66798px 1.37182px 0px, rgb(59 83 117) -2.96998px 0.42336px 0px, rgb(59 83 117) -2.94502px -0.571704px 0px, rgb(59 83 117) -2.59586px -1.50383px 0px, rgb(59 83 117) -1.96093px -2.27041px 0px, rgb(59 83 117) -1.11013px -2.78704px 0px, rgb(59 83 117) -0.137119px -2.99686px 0px, rgb(59 83 117) 0.850987px -2.87677px 0px, rgb(59 83 117) 1.74541px -2.43999px 0px, rgb(59 83 117) 2.44769px -1.73459px 0px, rgb(59 83 117) 2.88051px -0.838247px 0px;*/
    }

    a#dokmehMNU, a#dokmehMNU:link, a#dokmehMNU:visited
    {
        display: block;
        z-index: 1000;
        margin-bottom: 12px;
        margin-top: -11px;
    }

    ul#menu
    {
        /*diz float: none;
        width: 80%;*/
        height: 100%;
        overflow-y: auto;
        /*background-color: hsl(85, 91%, 38%);*/
        transition: right 0.2s;
    }

    ul#menu li
    {
        /*diz float: none;*/
        width: 100%;
        margin: 0px 0px 0px 0px;
        height: auto;
        overflow-y: hidden;
    }

    ul#menu>li:last-child
    {
        margin-bottom: 60px;
    }

    li#itemTamasMNU, li#itemHamkariMNU
    {
        display: list-item;
    }

    a.titrMNU, a.titrMNU:link, a.titrMNU:visited
    {
        width: calc(100% - 58px);
        padding: 10px;
        text-align: right;
        /*diz height: 16px;
        line-height: 1;
        padding-bottom: 12px;*/
        /*background-color: hsl(101, 46%, 47%);*/
    }

    ul#menu > li span.iconDastehMNU.iconAsliSootVaTasvirMNU,ul#menu > li span.iconAsliCheraghMNU
    {
        margin-right: 3px;
    }
    span.iconHoverDastehMNU.iconSootVaTasvirMNU
    {
        right: -4px;
    }
    span.iconCheraghMNU
    {
        right: -1px;
    }


    ul#menu > li a.titrMNU span.iconZirMNU
    {
        position: absolute;
        left: 10px;
    }



    ul.zirMNU
    {
        width: 100%;
        padding: 0px !important;
        height: 0px !important;
        position: static;
    }

    a.titrMNU:hover + ul, ul.zirMNU:hover
    {
        height: 0;
    }

    li.baz ul.zirMNU
    {
        height: auto !important;
        max-height: unset !important;
        opacity: 1 !important;
        padding-bottom: 10px !important;
        padding-top: 10px !important;
        border-bottom: 1px solid var(--cl-asl2);
        background-color: var(--cl-1-1);
        border-radius: 14px;
        box-shadow: unset;

    }


    li.baz span.iconZirMNU:not(.iconDastehMNU)
    {
        transform: rotate(180deg);
    }

    a.titrZirMNU, a.titrZirMNU:link, a.titrZirMNU:visited
    {
        padding: 10px 25px 10px 0px;
        width: calc(100% - 25px);
        margin-top: 0px;
    }

    span.iconZirMNU
    {
        float: left;
        margin-right: 0px;
        margin-left: 5px;
    }

    span.iconDastehMNU
    {
        float: right;
        margin: 0 10px 0 0;
    }

    .mobileHDR a
    {
        display: none;
    }

    #kadrIconhaMNU
    {
        bottom: 58px;
    }

    a#iconAbzarhaMNU, a#iconAbzarhaMNU:link, a#iconAbzarhaMNU:visited
    {
        position: absolute;
        top: 0px;
        left: 0px;
        display: block;
        z-index: 998;
        width: 32px;
        height: 32px;
        padding: 18px;
        margin: 0;
        font-size: 2rem;
        line-height: 1;
    }

    a#iconSearchMNU:link, a#iconSearchMNU:visited
    {
        position: absolute;
        left: 7px;
    }

    #kadrSearchMNU
    {
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

    #kadrSearchMNU > input
    {
        width: calc(100% - 62px);
        padding: 10px 20px 10px 40px;
        margin: 0;
        box-shadow: unset;
        border: solid 1px var(--cl-brd);
    }

    a#btnSearchMNU, a#btnSearchMNU:link, a#btnSearchMNU:visited
    {
        top: unset;
        right: unset;
        bottom: 0px;
        left: 3px;
    }

    #navarMenu .kadrIconhaFTR
    {
        width: 70%;
    }

    #navarMenu .kadrIconhaFTR .iconFTR
    {
        margin: 0px;
    }

    #navarMenu .kadrIconhaFTR img.aksIconFTR
    {
        width: 100%;
    }

    #sotoonVasat
    {
        width: 100%;
        margin: 0px;
    }

    .kadrLoading .vasetLD
    {
        height: 80px;
        width: 80px;
    }

    .kadrLoading .daiereh1
    {
        border-width: 4px;
        border-style: solid;
        border-radius: calc(50% + 4px);
    }

    .kadrLoading .daiereh2
    {
        border-width: 4px;
        border-style: solid;
        border-radius: calc(50% + 4px);
    }

    .kadrLoading .daiereh3
    {
        border-width: 4px;
        border-style: solid;
        border-radius: calc(50% + 4px);
    }

    #kadrRatioSlider
    {
        width: calc(100% - 30px);
        padding-top: calc(61% - 30px);
        margin: 25px 15px;
        left: 0px;
    }

    .makhfiDarRWD
    {
        display: block;
    }

    .makhfiDarMF
    {
        display: none;
    }

    .titrSlider
    {
        width: calc(100% - 20px);
        height: 25px;
        background: white;
        padding: 10px 10px;
        border-radius: 0px;
        top: auto;
        bottom: 0px;
        background-color: hsla(0, 0%, 0%, 0.27);
    }

    .titrSliderDarRWDsamtRast
    {
        right: auto;
    }

    .titrSliderDarRWDsamtChap
    {
        left: auto;
    }

    .titrSlider > h1, .titrSlider > h2
    {
        font-size: 1rem;
        line-height: 1.5;
        color: white;
    }

    .titrSlider > p
    {
        display: none;
    }

    .titrSlider > a
    {
        height: 12px;
        width: 75px;
        padding: 6px 10px;
        border-radius: 12px;
        position: absolute;
        top: 0px;
        left: 10px;
        font-size: 12px;
    }

    .kadrDokmehSlider, .swiper-button-next, .swiper-button-prev
    {
        display: none !important;
    }


    #kadrToopSlider
    {
        width: calc(100% - 40px);
        padding: 5px 20px 0px;
        /*diz bottom: 40px;
        text-align: left;*/
        left: 0px;
    }

    #kadrToopSlider span
    {
        width: 7px !important;
        height: 7px !important;
        margin: 0px 5px !important;
        float: unset;
    }

    /*      محصولات ویژه      */
    .mohtavaAsliSV
    {
        width: 100%;
        padding: 20px 0px;
        margin: 30px 0;
        overflow: auto;
        border-radius: 0;
        background-position: 96%;
        right: 0;
    }

    .forooshVizhehSV
    {
        margin-top: 0px;
        padding: 20px 0px;
    }

    .kadrTablighBala + div + div
    {
        float: left;
    }

    h4.titrMohtava
    {
        margin: 0px 15px 15px;
    }


    #kadrAmoozeshiSV h4.titrMohtava
    {
        margin: 0px 15px 0px;
        padding: 0px;
    }

    #kadrAmoozeshiSV .dokmehTitrMohtava
    {
        margin: 0px 0px 15px 0px;
    }


    #tablighSV
    {
        width: calc(100% - 40px);
        margin: 20px;
    }

    #tablighSV > a, #tablighSV > a:link, #tablighSV > a:visited, #tablighSV img
    {
        width: 108%;
        right: -4%;
        border-radius: 0px;
    }

    #tablighSV + div
    {
        margin-top: 30px;
    }

    .forooshVizhehSV h4.titrMohtava
    {
        top: 0;
        right: 6%;
        font-size: 2rem;
        margin: 25px 15px 15px;
    }

    a.dokmehTitrMohtava, a.dokmehTitrMohtava:link, a.dokmehTitrMohtava:visited
    {
        margin: 0px 0px 15px 15px;
    }

    .forooshVizhehSV a.dokmehTitrMohtava, .forooshVizhehSV a.dokmehTitrMohtava:link, .forooshVizhehSV a.dokmehTitrMohtava:visited
    {
        position: static;
        float: left;
        margin: 15px 15px 25px;
        box-shadow: unset;
    }

    .forooshVizhehSV .kadrVasetMV
    {
        width: 400%;
        margin-right: 2%;
    }

    .kadrMahsoolatVizheh
    {

        float: right;
        width: calc(100% - 10px);
        padding: 0 5px;
        margin: 0;
        overflow: auto;
    }

    .forooshVizhehSV .kadrMahsoolatVizheh
    {
        float: right;
        width: calc(100% - 10px);
        padding: 0 5px 20px;
        margin: 0;
        overflow: auto;
    }

    .kadrVasetMV
    {
        left: 0 !important;
        width: 400%;
    }

    .itemMV
    {
        width: calc(16.666% - 40px);
        padding: 10px 10px 32px;
        margin: 5px 1px;
        background-color: hsla(225, 12%, 17%, 0.7);
    }

    .itemMV:nth-child(6) ~ .itemMV
    {
        display: none;
    }

    a.dokmehMV, a.dokmehMV:link, a.dokmehMV:visited
    {
        display: none !important;
    }

    /*  محصولات پیشنهادی  */
    #kadrMozooaPishnahadi #titrMP
    {
        margin-bottom: 25px;
    }
    #kadrMozooaPishnahadi .itemMP
    {
        width: calc(50% - 24px);
        margin: 12px;
    }

    .kadrKolPagingMohtava
    {
        display: block;
        margin-top: 10px;
    }

    .kadrIconhaMoarefi
    {
        width: calc(100% - 30px);
        padding: 30px 15px;
        justify-content: space-evenly;
    }

    .itemIM
    {
        width: 30%;
        margin: 20px 0;
    }

    .kadrTablighSV
    {
        float: right;
        width: calc(100% - 30px);
        padding: 0 15px;
        margin: 15px 0;
    }

    .kadrTablighSV .kadrTablighBala.makhfiDarRWD
    {
        width:calc(100% - 20px);
        padding: 0px;
        margin: 0px 10px 10px;
    }

    .kadrTablighBala
    {
        width: calc(50% - 20px);
        padding: 0px;
        margin: 10px;
    }
    .kadrTablighBala span
    {
        width: 100%;
        padding: 0;
        margin: 0;
    }


    .kadrVideoTabligh
    {
        margin: 15px;
        padding: 50% 0 0;
    }

    a.linkTablighSV, a.linkTablighSV:link, a.linkTablighSV:visited
    {
        width: 100%;
        margin: 0px;
    }

    .kadrTablighBala h2
    {
        color: var(--cl-tit);
        background-color: var(--cl-asl);
        opacity: 1;
        font-size: 1.1rem;
        padding: 1px 0px 0px;
        height: 31px;
        width: 120px;
        bottom: 3px;
        top: unset;
    }

    .kadrTablighBala span
    {
        opacity: 0;
    }

    #kadrPeygiriSefareshPNR
    {
        position: static;
        width: calc(100% - 20px);
    }

    .kadrTitrItemSV
    {
        height: 21px;
        margin-bottom: 13px;
    }

    .mohtavaAsliSV table#tblFullMA > tbody > tr > td
    {
        width: 100%;
    }

    .mohtavaAsliSV a[class^="dokmehAx"], .mohtavaAsliSV a[class^="dokmehAx"]:link, .mohtavaAsliSV a[class^="dokmehAx"]:visited
    {
        display: block;
    }

    #kadrEttMA
    {
        height: 36px;
        overflow-y: hidden;
    }

    a.dokmehKeshoee, a.dokmehKeshoee:link, a.dokmehKeshoee:visited
    {
        display: block;
    }

    h3#titrNamayeshMA a:not(.dokmehKeshoee), h3#titrNamayeshMA a:not(.dokmehKeshoee):link, h3#titrNamayeshMA a:not(.dokmehKeshoee):visited
    {
        max-width: calc(100% - 30px);
    }

    .itemKholasehMA
    {
        width: 50%;
    }

    img.axKholasehMA
    {
        width: 100%;
    }

    .kadrAxKholasehMA
    {
        border-bottom: 97px solid hsl(0, 0%, 100%);
        overflow: visible;
    }

    .kadrMatnhaKholasehMA
    {
        bottom: -97px;
        height: 87px;
        width: calc(100% - 10px);
        margin: 0;
        padding: 5px;
    }

    h4.titrKholasehMA
    {
        min-height: 46px;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 6px;
        padding-right: 6px;
        margin-top: 0px;
        margin-bottom: 0px;
        box-shadow: inset 0px 0px 4px hsl(85, 91%, 38%);
        outline: 2px solid hsl(0, 0%, 100%);
    }

    h4.titrKholasehMA a, h4.titrKholasehMA a:link, h4.titrKholasehMA a:visited
    {
        color: hsl(0, 0%, 100%);
        text-shadow: hsl(200, 100%, 27%) 1px 2px 3px;
        font-size: 0.875rem;
        line-height: 1.6;
    }

    .itemKholasehMA:first-child + div + div + div ~ div
    {
        display: none;
    }

    .itemKholasehMA .kadrGheymat
    {
        width: 100%;
        margin-right: 0;
        text-shadow: none;
    }

    .itemKholasehMA .kadrGheymat:not(del.kadrGheymat)
    {
        margin-top: 5px;
    }

    #kadrDidgahha
    {
        z-index: 2;
        margin: 10px 4px !important;
        width: calc(100% - 8px);
    }

    span.iconPS
    {
        margin-right: 5px;
    }

    h2.titrPS
    {

    }

    h2.titrPS a, h2.titrPS a:link, h2.titrPS a:visited
    {
        pointer-events: auto;
    }

    /*diz #mohtavaEzafiSV
    {
        display: none;
    }*/
    #kadrTazehaSV
    {
        width: 100%;
        margin: 13px 0px;
    }

    #kadrItemTazehaSV
    {
        overflow-x: auto;
    }

    a#dokmeGhabliPagingTSV, a#dokmeGhabliPagingTSV:link, a#dokmeGhabliPagingTSV:visited, a#dokmeBaadiPagingTSV, a#dokmeBaadiPagingTSV:link, a#dokmeBaadiPagingTSV:visited
    {
        display: none;
    }

    #kadrMahsoolatMortabetMEZF
    {
        width: calc(100% - 20px);
        padding: 10px;
        margin: 10px 0px;
    }

    .kadrTitrItemSV span
    {
        font-size: 1.1rem;
    }

    .kadrAksTSV
    {
        padding-top: 70%;
    }

    img.aksTSV
    {
        left: -11%;
    }

    #navarChap
    {
        width: calc(100% - 30px);
        margin: 15px;
    }

    #matlabSV
    {
        width: 100%;
        padding: 0px;
    }

    #kadrBalaNCHP
    {
        overflow-y: auto;
        position: relative;
        left: 0px;
        z-index: 1;
    }

    /*#kadrTitrhaTarin
    {
        position: relative;
        margin-left: 1.562%;
    }

    a.titrTarin, a.titrTarin:link, a.titrTarin:visited
    {
        width: 24%;
        min-width: 58px;
        padding-left: 2px;
        padding-right: 2px;
    }

    #kadrTitrhaTarin > a#dokmehKeshoeeTarin
    {
        display: none;
        left: 2.580%;
        top: 4px;
        color: hsl(198, 91%, 39%);
    }*/
    ul#kadrMatlabhaTarin
    {
        direction: ltr;
    }

    a.matlabTarin:link, a.matlabTarin:visited
    {
        direction: rtl;
    }

    ul#kadrMatlabhaTarin > li + li + li + li + li ~ li
    {
    }

    a#namayeshBishtarTarin, a#namayeshBishtarTarin:link, a#namayeshBishtarTarin:visited
    {
        left: 10px;
        bottom: 9px;
    }

    #tablighNCHP
    {
        display: none;
    }

    #kadrKanalhaNCHP
    {
        display: none;
    }

    [id^="kadrEzafat"]
    {
        display: none;
    }

    #mohtavaEzafi
    {
        height: auto;
        overflow-y: auto;
        padding: 5px 0px;
        margin-bottom: 20px;
    }

    #kadrShenavarItemTSV
    {
        width: 994px;
        padding: 0px;
    }

    .itemTazehaSV
    {
        width: 116px;
        padding: 3px;
        margin: 10px;
    }

    table.tblItemTazehaSV
    {
        display: block;

    }

    table.tblItemTazehaSV td.sotoonAksTSV, table.tblItemTazehaSV td.sotoonMatnhaTSV
    {
        display: block;
        width: 100%;
        padding: 0px;
    }

    .itemMahsoolatSV
    {
        width: calc(100% - 22px);
        margin: 0px 0px 15px 0px;
    }

    .kadrAksMSV
    {
        /*diz padding-top: 56%;*/
    }

    img.aksMSV
    {
        left: 0px;
    }

    h4.titrMSV
    {
        height: 2.1rem; /*دو خط وابسته به فونت سایز*/
    }

    h4.titrMSV a, h4.titrMSV a:link, h4.titrMSV a:visited
    {
        font-size: 0.875rem;
        line-height: 1.2;
    }

    span.matnEdamehMSV
    {
        font-size: 0.875rem;
    }

    .itemMahsoolatSV:last-child
    {
        display: none;
    }

    a.matnTitrDBSV, a.matnTitrDBSV:link, a.matnTitrDBSV:visited
    {
        width: calc(33.333% - 10px);
        margin: 0px;
        font-size: 0.75rem;
    }

    /*      کادر آموزشی     */
    #kadrAmoozeshiSV
    {
        width: 100%;
        margin-top: 15px;
        padding: 0px;
    }

    h4#titrAmoozeshiSV
    {
        margin-right: 15px;
    }

    #kadrVasetASV
    {
        overflow: auto;
    }

    #kadrMatalebASV
    {
        width: 540%;
        padding: 0px 5px;
    }

    #kadrMatalebASV > .matlabASV
    {
        width: calc(12.5% - 3px);
    }

    h2.titrMatlabASV
    {
        position: relative;
        z-index: unset;
    }

    h2.titrMatlabASV > a, h2.titrMatlabASV > a:link, h2.titrMatlabASV > a:visited
    {
        width: clc(100% -20px);
        padding: 10px;
        color: var(--cl-tit);
        font-weight: 500;
        font-size: 1rem;
        word-spacing: 3px;
    }

    .emkanatMatlabASV
    {
        display: none;
    }

    a.namayeshBishtarASV, a.namayeshBishtarASV:link, a.namayeshBishtarASV:visited
    {
        margin: 0px 0px 0px 15px;
    }

    /*      محصولات برچسب ها        */
    #kadrMahsoolatSV
    {
        width: calc(100% - 30px);
        margin: 0px 15px;
        padding: 0px;
    }

    .kadrDastehBandi
    {
        width: 100%;
        margin: 13px 0px;
    }

    #kadrItemTazehTarinSV
    {
        margin: 0px;
    }

    .kadrItemDBSV
    {
        overflow-x: auto;
    }

    .kadrShenavarItemDBSV
    {
        width: 994px;
    }

    .kadrShenavarItemDBSVP
    {
        width: 994px;
    }

    .itemDBSV
    {
        width: 108px;
    }

    .itemDBSV:nth-child(4) ~ .itemDBSV
    {
        display: none;
    }

    #kadrTazehTarinSV
    {
        width: 100%;
        margin: 13px 0px;
    }

    .itemTTSV
    {
        width: calc(50% - 6px);
    }

    .kadrAksTTSV
    {
        padding-top: 57%;
    }

    img.aksTTSV
    {
        left: 0px;
    }

    h4.titrTTSV
    {
        height: 42px;
    }

    h4.titrTTSV a, h4.titrTTSV a:link, h4.titrTTSV a:visited
    {
        font-size: 0.875rem;
    }

    span.matnEdamehTTSV
    {
        font-size: 0.875rem;
    }

    .itemTTSV:last-child
    {
        display: none;
    }

    .itemMMMEZF
    {
        width: calc(50% - 12px);
    }

    #sotiMEZF
    {
        float: none;
        width: calc(100% - 10px);
        height: 280px;
        padding: 0px 5px 0px 5px;
        overflow-y: hidden;
    }

    #sotiMEZF > #titrSoti
    {
        position: relative;
        box-shadow: 0px 10px 5px -10px inset hsl(94, 100%, 72%);
    }

    a#titrMatlabSoti, a#titrMatlabSoti:link, a#titrMatlabSoti:visited
    {
        width: calc(100% - 92px);
    }

    #mohtavaEzafi #itemhaSoti .itemSoti .tdcellAudio:hover
    {
        width: 100%;
    }

    a#dokmehKeshoeeSoti
    {
        left: 4.062%;
        top: 5px;
    }

    #itemhaSoti .kadrDokmeh
    {
        width: 40px;
    }

    span.tedadLikeSoti
    {
        right: 20px;
    }

    #itemhaSoti a.btnDownload
    {
        background-position: -132px 0px;
    }

    #itemhaSoti .itemSoti .tdcellAudio
    {
        width: 60px;
    }

    #itemhaSoti .itemSoti
    {
        position: relative;
    }

    #itemhaSoti .kadrPakhshSoti
    {
        position: absolute;
        right: 0px;
        width: calc(100% - 22px);
        transition: width 0.5s;
    }

    #itemhaSoti h4.titrZamimehSoti
    {
        width: calc(100% - 68px);
    }

    .poosheshBtnDownload
    {
    }

    #itemhaSoti .kadrDokmehha:hover ~ .kadrPakhshSoti
    {
        width: calc(100% - 120px);
    }

    #itemhaSoti .kadrDokmehha:hover a.btnDownload
    {
        background-position: -88px 0px;
    }

    #videoMEZF
    {
        float: none;
        width: calc(100% - 10px);
        padding: 0px 5px 0px 5px;
        height: auto;
        overflow-y: auto;
    }

    #videoMEZF > #titrVideo
    {
        position: relative;
        box-shadow: 0px 10px 5px -10px inset hsl(94, 100%, 72%);
    }

    a#titrMatlabVideo, a#titrMatlabVideo:link, a#titrMatlabVideo:visited
    {
        width: calc(100% - 102px);
    }

    a#dokmehKeshoeeVideo
    {
        left: 4.062%;
        top: 5px;
    }

    #kadrVideo
    {
        width: 100%;
        max-width: none;
        height: auto;
        overflow-y: auto;
        box-shadow: none;
    }

    #kadrRatioVideo
    {
        position: static;
    }

    .kadrEmkanat
    {
        visibility: hidden;
        width: 10%;
        max-width: 40px;
        min-width: 30px;
        height: 30.226%;
        max-height: 120px;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 3;
        background-color: hsla(43, 92%, 48%, 0.8);
        border-radius: 0px 0px 0px 10px;
    }

    table#kadrPaeenVideo > tbody > tr > td + td + td + td + td ~ td:not(#lastTDVideo)
    {
        display: none;
    }

    table#kadrPaeenVideo > tbody > tr > td.sotoonAx
    {
    }

    a#dokmehGhabliVideo, a#dokmehGhabliVideo:link, a#dokmehGhabliVideo:visited
    {
        width: 22px;
    }

    a#dokmehBadiVideo, a#dokmehBadiVideo:link, a#dokmehBadiVideo:visited
    {
        width: 22px;
    }

    #tasavirMEZF
    {
        float: none;
        width: calc(100% - 10px);
        height: 280px;
        padding: 0px 5px 0px 5px;
        overflow-y: hidden;
    }

    #tasavirMEZF > #titrTasavir
    {
        position: relative;
        box-shadow: 0px 10px 5px -10px inset hsl(94, 100%, 72%);
    }

    a#titrMatlabTasavir, a#titrMatlabTasavir:link, a#titrMatlabTasavir:visited
    {
        width: calc(100% - 97px);
    }

    a#dokmehKeshoeeTasavir
    {
        left: 4.062%;
        top: 5px;
    }

    #kadrTasavir
    {
        width: 100%;
    }

    #tasavirMEZF .dokmehAxGhabli
    {
        left: auto;
        right: 0px;
        text-shadow: 1px 1px 2px hsl(38, 67%, 10%);
    }

    #tasavirMEZF .dokmehAxBadi
    {
        right: auto;
        left: 0px;
        text-shadow: 1px 1px 2px hsl(38, 67%, 10%);
    }

    #kadrIconAxFull
    {
        display: none;
    }

    #kadrTasavir .kadrEmkanat
    {
        height: 50%;
        top: 0px;
        right: 0px;
        left: auto;
        border-left: unset;
        min-height: 100px;
        border-radius: 0px 0px 0px 10px;
    }

    #tasavirMEZF .kadrDokmeh
    {
        height: 33.333%;
    }

    #kadrTasavir .kadrEmkanat > div + div + div
    {
        display: block;
    }

    #kadrRatioTasavir:hover + .kadrEmkanat, #kadrRatioTasavir:hover + .kadrEmkanat
    {
        visibility: visible;
    }

    table#kadrPaeenTasavir > tbody > tr > td + td + td + td + td ~ td:not(#lastTDTasavir)
    {
        display: none;
    }

    table#kadrPaeenTasavir > tbody > tr > td.sotoonAx
    {
        width: 20%;
    }

    table#kadrPaeenTasavir > tbody > tr > td.sotoonAx > img
    {
        top: -2px;
        left: -2px;
    }

    a#dokmehGhabliTasavir, a#dokmehGhabliTasavir:link, a#dokmehGhabliTasavir:visited
    {
        width: 22px;
    }

    a#dokmehBadiTasavir, a#dokmehBadiTasavir:link, a#dokmehBadiTasavir:visited
    {
        width: 22px;
    }

    img.aksTimelineFTR
    {
        width: 60px;
    }

    #kadrTimelineFTR
    {
        width: 100%;
        margin: 10px 0px 0px;
    }

    a#boroBalaFTR, a#boroBalaFTR:link, a#boroBalaFTR:visited
    {
        width: 30%;
    }

    #footer
    {
        width: calc(106.4% - 20px);
        padding: 100px 10px 20px;
    }

    #darbarehFTR
    {
        width: calc(105% - 80px);
        margin: 0px 20px;
        right: -2.5%;
        padding: 40px 20px 15px 20px;
    }


    .khatTitr
    {
        top: 30px;
    }

    span.titrKhatDar
    {
        padding: 0 15px;
    }

    .kadrNaghsheh
    {
        margin-bottom: 10px;
    }

    a#naghshehGoogle > img
    {
        width: 100%;
    }

    h1#logoSiteFTR
    {
        width: calc(100% - 40px);
        margin: 20px 20px;
    }

    #mohtavaEzafeiFTR
    {
        width: calc(100% - 40px);
        margin: -80px 20px 0px 20px;
      /*  position: absolute;
        right: 0px;
        top: 62%;*/
    }

    a.eNamad, a.eNamad:link, a.eNamad:visited
    {
        float: none;
        display: inline-block;
        margin: 20px 0;
    }

    .kadrIconhaFTR
    {
        display: flex;
        justify-content: space-around;
        float: right;
        width: 100%;
        margin: 20px 0px;
        padding-right: 0px;
    }

    .kadrLogoFTR ul.listFTR
    {
      /*  width: calc(100% - 15px - 5%);
        margin-left: 15px;*/
    }

    .kadrVasetTimelineFTR
    {
        width: 50%;
        padding: 18px 0px;
    }

    #kadrTashihOFPeyghamVideo
    {
        margin: 0px 10px;
        width: calc(100% - 20px);
    }

    #tasavirMAT
    {
        width: calc(100% - 40px);
        padding: 20px;
    }

    /*a.iconFTR, a.iconFTR:link, a.iconFTR:visited
    {
        margin: 0 calc(16.666% - 16px);
    }*/
    .itemFTR
    {
        /*float: none;*/
        width: 100% !important;
        margin: 10px 0;
    }

    ul.listFTR:not(.kalamehKilidiFTR) li
    {
        float: right;
        width: 100%;
    }

    ul.listFTR
    {
        width: calc(100% - 5%);
    }

    ul.kalamehKilidiFTR
    {
        height: auto;
    }

    ul.kalamehKilidiFTR > li > a
    {
        width: auto;
    }


    ul.listFTR a, ul.listFTR a:link, ul.listFTR a:active
    {
        width: 100%;
        padding: 8px 0;
    }

    .kadrLogoFTR .logoFTR
    {
        margin: auto;
    }

    .kadrLogoFTR ul.listFTR a
    {
        margin-right: 0px;
    }

    #kadrEtelaatFTR
    {
        width: calc(100% - 40px);
        margin: 0px 20px;
        /*position: absolute;
        right: 0px;
        top: 83%;*/
    }

    span.titrFTR
    {
        margin: 0;
        padding: 0 !important;
    }

    .kadrLogoFTR
    {
        width: calc(100% - 40px);
        margin: 40px 20px 0px 20px;
        /*position: absolute;
        right: 0px;
        top: 45%;*/
    }

    a.iconFixFTR, a.iconFixFTR:link, a.iconFixFTR:visited
    {
        bottom: 45px;
        right: unset;
        left: 30px;
        width: 55px;
        height: 47px;
        font-size: 2rem;
        padding: 13px 3px 0px 3px;
        transform: rotate(0deg);
    }

    #matnFTR
    {
        width: calc(100% - 40px);
        height: auto;
        margin: 0 20px;
      /*  position: absolute;
        right: 0px;
        top: 2370px;*/
    }

    a#toseehDahandehFTR, a#toseehDahandehFTR:link, a#toseehDahandehFTR:visited
    {
        display: inline-block;
        width: 100%;
        font-size: 0.625rem;
        line-height: 2;
    }

    #axFull img
    {
        max-width: 100%;
        max-height: 100%;
    }

    #dokmehBastanAxFull
    {
        position: absolute;
        left: auto;
        top: auto;
        bottom: 10px;
        right: 10px;
        width: 25px;
        padding: 5px 0px 4px 0px;
    }

    #tblKadrPeygham
    {
        height: calc(100% + 100px);
    }


    #kadrTashihOFPeygham
    {
        width: 96.875%;
    }

    #titrPeygham
    {
        background-position: 20px 13px;
    }

    #dokmehBastanPeygham
    {
        padding: 5px 0px 4px 0px;
        width: 25px;
        border-radius: 50%;
        left: 12px;
        top: 13px;
    }

    #matnTitrPeygham
    {
        max-width: calc(100% - 90px);
    }

    #kadrMozooatMontakhab
    {
        flex-wrap: wrap;
        width: calc(100% - 40px);
        padding: 20px;
    }

    a.itemMozooatMontakhab, a.itemMozooatMontakhab:link, a.itemMozooatMontakhab:visited
    {
        width: 100%;
    }

    a.itemMozooatMontakhab:first-child > img
    {
        border-radius: 16px 16px 0 0;
    }

    a.itemMozooatMontakhab:last-child > img
    {
        border-radius: 0 0 16px 16px;
    }

    .kadrTablighItem
    {
        width: calc(100% - 30px);
        margin: 20px 15px;
        padding: 0;
    }

    .kadrVasetTablighItem
    {
        width: 100%;
        margin: 0;
        overflow: auto;
    }

    .kadrItemhaTablighItem
    {
        width: 500%;
        left: 0 !important;
    }

    #tablighSV img#aksTablighDarRWD
    {
        display: none;
    }

    #tablighSV img#aksTablighDarMF
    {
        display: block;
    }

    /* پیغام های تمام صفحه */
    .kadrSarTitrPeygham ~ div
    {
        width: 100%;
        margin: 10px 0;
    }

    /*ناحیه کاربری*/
    #mohtavaNK
    {
        width: 100%; /* 550 px */
    }

    #tdcelKadrPeyghamNahiehKarbari
    {
        height: auto;
        overflow-y: auto;
    }

    #kadrTashihOFNahiehKarbari
    {
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }

    #navarRastNK
    {
        width: 100%;
        height: auto;
        position: relative;
    }

    #kadrNamayeshNamNK
    {
        margin: 20px 20px 20px 20px;
    }

    ul#menuNK
    {
        display: none;
        position: absolute;
        top: 100%;
        left: 0px;
        z-index: 1;
    }

    #titrMohtavaAsliNK
    {
        height: auto;
        margin-top: 10px;
    }

    a#kadrBakhshRishehTMANK, a#kadrBakhshRishehTMANK:link, a#kadrBakhshRishehTMANK:visited
    {
        margin: 10px 10px 10px 0px;
    }

    /*diz #kadrTarikhVaZamanNK
    {
        width: 126px;
        margin: 14px 0px 14px 10px;
    }

    span#tarikhNK
    {
        width: 95px;
        height: 12px;
        font-size: 0.75rem;
    }

    span#zamanNK
    {
        width: 31px;
        height: 12px;
        font-size: 0.75rem;
    }*/
    #kadrTashihOFPeyghamLogin
    {
        width: 90%;
    }

    .faselehNK
    {
        display: none;
    }

    #pishkhanNK
    {
        width: calc(100% - 10px); /*pad*/
    }

    a.itemPishkhanNK, a.itemPishkhanNK:link, a.itemPishkhanNK:visited
    {
        width: calc(100% - 20px); /* 250 px*/ /* pad + margin*/
        height: 80px;
        line-height: 80px;
    }

    span#iconMenuDarMobileNK
    {
        display: inline;
        position: absolute;
        left: 10%;
        top: 20px;
        font-size: 1.75rem;
        cursor: pointer;
    }

    #dokmehBastanPeyghamNK
    {
        display: none;
    }

    /*ناحیه کاربری - سفارشات*/
    #sefareshatNK
    {
        width: calc(100% - 10px); /*pad*/
        height: 100%;
    }

    table#tblSefareshatNK td[class^="titr"][class$="DarMobileSNK"]
    {
        display: table-cell;
    }

    #tblSefareshatNK th
    {
        display: none;
    }

    #tblSefareshatNK td
    {
        float: right;
    }

    td[class^="sotoon"][class$="SNK"]
    {
        width: calc(100% - 80px);
        border-bottom: 1px solid hsl(0, 0%, 36%);
    }

    td[class^="sotoon"][class$="SNK"]:last-child
    {
        border-bottom: 0px solid hsl(0, 0%, 36%);
    }

    td.sotoonJozeatKharidSNK > div.tarikhVaZamanSNK
    {
        text-align: right;
    }

    .kadrDokmehSabtPardakhtSNK
    {
        float: left;
    }

    .hazfMobileSNK
    {
        display: none;
    }

    /*   پیغام تراکنش های سفارش   */
    #kadrTashihOFTarakoneshhayeSefaresh
    {
        width: 90%;
        min-width: initial;
        max-width: 450px;
    }

    #kadrTitrItemhaTS
    {
        display: none !important;
    }


    #kadrItemhaTS
    {
        max-height: 290px;
        padding: 5px 0px;
    }

    .itemTS
    {
        width: calc(100% - 10px); /*  DEP pad */
        height: auto;
        padding: 5px 5px; /*  DEP w   */
        overflow-y: auto;
        position: relative;
    }

    .itemTS > div
    {
        float: none;
        margin: 3px 0px;
        position: relative;
    }

    div.vaziatTS
    {
        position: absolute;
        top: 20px;
        z-index: 1;
        background-color: transparent;
    }

    div.tarikhVaZamanTS
    {
        width: calc(100% - 10px);
        height: 20px;
        line-height: 20px;
    }

    div.tarikhVaZamanTS::before
    {
        content: "تاریخ و زمان : ";
        float: right;
        display: block;
        width: calc(50% - 10px);
        height: 100%; /*  DEP line-h  */
        padding: 0px 5px;
        font-family: vazir;
        font-size: 0.875rem;
        text-align: left;
        color: hsl(358, 55%, 36%);
        background-color: #efefef;
    }

    div.mablaghTS
    {
        width: calc(100% - 10px);
        height: 20px;
        line-height: 20px;
    }

    div.mablaghTS::before
    {
        content: "مبلغ : ";
        display: inline-block;
        width: calc(50% - 10px);
        height: 100%; /*  DEP line-h  */
        padding: 0px 5px;
        font-family: vazir;
        font-size: 0.875rem;
        line-height: 20px; /*  DEP h   */
        text-align: left;
        color: hsl(358, 55%, 36%);
        background-color: #e7e7e7;
    }

    div.pardakhtAzTarighTS
    {
        width: calc(100% - 10px);
        height: 20px;
        line-height: 20px;
    }

    div.pardakhtAzTarighTS::before
    {
        content: "پرداخت از طریق : ";
        display: inline-block;
        width: calc(50% - 10px);
        height: 100%; /*  DEP line-h  */
        padding: 0px 5px;
        font-family: vazir;
        font-size: 0.875rem;
        line-height: 20px; /*  DEP h   */
        text-align: left;
        color: hsl(358, 55%, 36%);
        background-color: #f0f0f0;
    }


    /*ناحیه کاربری - مشخصات من*/
    #kadrMoshakhasatManNK
    {
        width: calc(100% - 4px);
    }

    #kadrMoshakhasatManNK > div /*   3 تا  دایو کانتنر سه قسمت بالا، وسط و پایین   */
    {
        float: none;
        width: calc(100% - 14px); /*  DEP pad , mar*/
        margin: 5px 0px;
        padding: 3px 5px;
    }

    #kadrMoshakhasatManNK > div#kadrNamMMNK
    {
        overflow-y: auto;
        height: auto;
        padding: 3px 5px; /*  baraye tashih dar halathaye koochak MF: pad top va botom 2px be line-h dade shod   */
    }

    #kadrMoshakhasatManNK #kadrDokmehVirayeshEtelaatMMNK
    {
        float: left;
        width: calc(50% - 10px);
        padding: 0px;
        margin: 0px 5px;
        text-align: center;
    }

    #kadrMoshakhasatManNK #kadrDokmehTaghirRamzOboorMMNK
    {
        float: left;
        width: calc(50% - 10px);
        padding: 0px;
        text-align: center;
        margin: 0px 5px 5px 5px;
    }

    #kadrMoshakhasatManNK span.matnTitrEtelaatKarbarMMNK
    {
        width: 106px;
        text-align: left;
    }

    #kadrMoshakhasatManNK span.matnVoroodiEtelaatKarbarMMNK
    {
        width: calc(100% - 126px);
        padding: 4px 5px 2px 5px;
    }

    #kadrNamMMNK > span.matnVoroodiEtelaatKarbarMMNK /*  baraye tashih dar halathaye koochak MF: pad top va botom 2px be line-h dade shod    */
    {
        height: auto;
        /*overflow-y: auto;*/
        line-height: 18px;
        padding: 1px 5px;
    }

    #kadrMoshakhasatManNK > #kadrEmailMMNK span.matnVoroodiEtelaatKarbarMMNK
    {
        font-size: 0.75rem;
        height: 12px;
        line-height: 1;
        padding: 5px 5px 3px 5px;
    }

    /*    ناحیه کاربری - ارسال پیام    */
    #ersalPayamNK
    {
        width: 100%;
        padding: 0px;
    }

    span#kadrVoroodiEPNK
    {
        width: 30%;
        min-width: 122px;
    }

    textarea#txtMatnEPNK
    {
        width: calc(100% - 12px);
    }

    span#kadrPayamDaryaftShodehEPNK
    {
        margin-right: 0px;
    }

    span#payamDaryaftShodehEPNK
    {
        max-width: 100px;
    }

    /*   ناحیه کاربری - پیام های ارسالی   */
    #kadrPayamhaErsaliNK
    {
        height: 100%;
    }

    table#tblPayamhaErsaliNK tr:first-child
    {
        display: none;
    }

    table#tblPayamhaErsaliNK td
    {
        width: calc(100% - 20px);
        padding: 5px 10px;
        float: right;
        vertical-align: middle;
        position: relative;
    }

    td.sotoonEntekhabPENK
    {
        display: none;
    }

    table#tblPayamhaErsaliNK td.sotoonGirandehPENK
    {
        text-align: center;
    }

    span.payamDaryaftShodehPENK
    {
        max-width: calc(100% - 138px);
        line-height: 1;
        vertical-align: middle;
        height: 14px;
    }

    span.kadrPayamDaryaftShodehPENK > span:first-child
    {
        line-height: 1;
        vertical-align: middle;
        height: 14px;
    }

    span.namayeshDarMobilePENK
    {
        display: inline-block;
        height: 14px;
        line-height: 1;
        vertical-align: middle;
    }

    .hazfDarMobilePENK
    {
        display: none;
    }

    span.kadrAmaliatGirandehPENK
    {
        display: inline-block;
    }

    span.namGirandehPENK
    {
        display: inline-block;
        height: 14px;
        line-height: 1;
        padding-right: 5px;
        width: calc(100% - 88px);
        text-align: right;
        vertical-align: middle;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    table#tblPayamhaErsaliNK span.titrMatnPENK
    {
        font-size: 0.875rem;
        color: hsl(0, 0%, 50%);
    }

    span.emailGirandehPENK
    {
        height: 10px;
        vertical-align: middle;
        line-height: 1;
        padding: 6px 0px 5px 0px;
    }

    span.tarikhVaZamanPENK
    {
        display: inline-block;
        height: 12px;
        vertical-align: middle;
        font-size: 0.75rem;
        padding: 5px 5px 4px 5px;
        line-height: 1;
    }

    /*.kadrAmaliatPENK a, .kadrAmaliatPENK a:link, .kadrAmaliatPENK a:visited
    {
        height: 18px;
        padding: 2px 3px 0px 2px;
    }*/
    #kadrShomarandehSafhehPENK a#dokmehBoroPENK, #kadrShomarandehSafhehPENK a#dokmehBoroPENK:link
    {
        padding: 5px 5px 6px 5px;
    }

    table#tblPayamhaErsaliNK td span.namayeshDarMobilePENK
    {
        display: inline-block;
        width: 42px;
    }

    /*    پیجینگ    */
    #kadrShomarandehSafhehPENK
    {
        padding: 10px;
    }

    table#shomarandehSafhehPENK
    {
        width: 160px;
        top: 8px;
    }

    table#shomarandehSafhehPENK td#kadrAdadPENK
    {
        width: 50px;
        line-height: 1;
        vertical-align: middle;
        font-size: 0.875rem;
        height: 14px;
    }

    #kadrShomarandehSafhehPENK input#shomSafPENK
    {
        width: 15px;
        margin: 0px 2px;
    }

    #kadrShomarandehSafhehPENK > span
    {
        font-size: 0.75rem;
        padding: 8px 0px 4px 0px;
        margin: 0px 2px;
    }

    /*   ناحیه کاربری - پیام های دریافتی   */
    #kadrPayamhaDaryaftiNK
    {
        height: 100%;
    }

    #iconSandoghKhaliPDNK
    {
        width: 50%;
        height: 130px;
        margin: auto;
    }

    table#tblPayamhaDaryaftiNK
    {
        table-layout: fixed;
    }

    table#tblPayamhaDaryaftiNK tr:first-child
    {
        display: none;
    }

    table#tblPayamhaDaryaftiNK td
    {
        width: calc(100% - 20px);
        padding: 5px 10px;
        float: right;
        vertical-align: middle;
        position: relative;
    }

    table#tblPayamhaDaryaftiNK td.sotoonFrestandehPDNK
    {
        text-align: center;
    }

    span.payamDaryaftShodehPDNK
    {
        line-height: 1;
        height: 14px;
    }

    span.kadrPayamDaryaftShodehPDNK > span:first-child
    {
        line-height: 1;
        vertical-align: middle;
        height: 14px;
    }

    span.namayeshDarMobilePDNK
    {
        display: inline-block;
        height: 14px;
        line-height: 1;
        vertical-align: middle;
    }

    .hazfDarMobilePDNK
    {
        display: none;
    }

    span.kadrAmaliatFrestandehPDNK
    {
        display: inline-block;
    }

    span.sematFrestandehPDNK
    {
        display: inline-block;
        height: 14px;
        line-height: 1;
        padding-right: 5px;
        width: calc(100% - 105px);
        text-align: right;
        vertical-align: middle;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    table#tblPayamhaDaryaftiNK span.titrMatnPDNK
    {
        font-size: 0.875rem;
        color: hsl(0, 0%, 50%);
    }

    span.emailFrestandehPDNK
    {
        height: 10px;
        vertical-align: middle;
        line-height: 1;
        padding: 6px 0px 5px 0px;
    }

    span.tarikhVaZamanPDNK
    {
        display: inline-block;
        height: 12px;
        vertical-align: middle;
        font-size: 0.75rem;
        padding: 5px 5px 4px 5px;
        line-height: 1;
    }

    /*.kadrAmaliatPDNK   a,.kadrAmaliatPDNK a:link,.kadrAmaliatPDNK a:visited
    {
        height: 18px;
        padding: 1px 3px 1px 2px;
    }*/
    #kadrShomarandehSafhehPDNK a#dokmehBoroPENK, #kadrShomarandehSafhehPDNK a#dokmehBoroPENK:link
    {
        padding: 5px 5px 6px 5px;
    }

    table#tblPayamhaDaryaftiNK td span.namayeshDarMobilePDNK
    {
        display: inline-block;
        width: 53px;
    }

    /*    پیجینگ    */
    #kadrShomarandehSafhehPDNK
    {
        padding: 10px;
    }

    table#shomarandehSafhehPDNK
    {
        width: 160px;
        top: 8px;
    }

    table#shomarandehSafhehPDNK td#kadrAdadPDNK
    {
        width: 50px;
        line-height: 1;
        vertical-align: middle;
        font-size: 0.875rem;
        height: 14px;
    }

    #kadrShomarandehSafhehPDNK input#shomSafPDNK
    {
        width: 15px;
        margin: 0px 2px;
    }

    #kadrShomarandehSafhehPDNK > span
    {
        font-size: 0.75rem;
        padding: 8px 0px 4px 0px;
        margin: 0px 2px;
    }


    /*    ناحیه کاربری - پیجینگ سفارشات    */
    #kadrShomarandehSafhehSNK
    {
        padding: 10px;
    }

    table#shomarandehSafhehSNK
    {
        width: 160px;
        top: 8px;
    }

    table#shomarandehSafhehSNK td#kadrAdadSNK
    {
        width: 50px;
        line-height: 1;
        vertical-align: middle;
        font-size: 0.875rem;
        height: 14px;
    }

    #kadrShomarandehSafhehSNK input#shomSafSNK
    {
        width: 15px;
        margin: 0px 2px;
    }

    #kadrShomarandehSafhehSNK > span
    {
        font-size: 0.75rem;
        padding: 8px 0px 4px 0px;
        margin: 0px 2px;
    }


    /*  ناحیه کاربری - تراکنش ها  */
    #kadrTarakoneshhaNK
    {
        width: calc(100% - 10px); /*pad*/
        height: auto;
    }

    table#tblListTarakoneshhaNK td[class^="titr"][class$="DarMobileLTNK"]
    {
        display: table-cell;
    }

    table#tblListTarakoneshhaNK tr
    {
        position: relative;
        display: block;
        overflow: auto;
    }

    table#tblListTarakoneshhaNK tr:first-child
    {
        display: none;
    }

    table#tblListTarakoneshhaNK td
    {
        float: right;
    }

    table#tblListTarakoneshhaNK td[class^="sotoon"][class$="LTNK"]
    {
        width: calc(100% - 90px);
        border-bottom: 1px solid hsl(0, 0%, 36%);
    }

    table#tblListTarakoneshhaNK td.sotoonVaziatLTNK:first-child
    {
        border-bottom: 0px solid hsl(0, 0%, 36%);
        width: calc(100% - 10px);
        padding: 0px 5px;
        position: static;
    }

    td.sotoonVaziatLTNK > div
    {
        top: initial;
        height: 38px;
        bottom: 20px;
        right: 20px;
    }

    td.sotoonVaziatLTNK > div > span:first-child
    {
        position: relative;
        top: 5px;
    }

    table#tblListTarakoneshhaNK td[class^="sotoon"][class$="LTNK"]:last-child
    {
        border-bottom: 0px solid hsl(0, 0%, 36%);
    }

    a.dokmehAmaliatLTNK, a.dokmehAmaliatLTNK:link
    {
        position: static;
        float: left;
    }

    /*    پیجینگ    */
    #kadrShomarandehSafhehLTNK
    {
        padding: 10px;
    }

    table#shomarandehSafhehLTNK
    {
        width: 160px;
        top: 8px;
    }

    table#shomarandehSafhehLTNK td#kadrAdadLTNK
    {
        width: 50px;
        line-height: 1;
        vertical-align: middle;
        font-size: 0.875rem;
        height: 14px;
    }

    #kadrShomarandehSafhehLTNK input#shomSafLTNK
    {
        width: 15px;
        margin: 0px 2px;
    }

    #kadrShomarandehSafhehLTNK > span
    {
        font-size: 0.75rem;
        padding: 8px 0px 4px 0px;
        margin: 0px 2px;
    }

    /* بخش نمایش پروفایل ناحیه کاربری */
    #kadrTashihOFPP
    {
        width: 90%;
        min-width: initial;
        max-width: 450px;
    }

    span.matnTitrPP, span.matnPP
    {
        font-size: 0.875rem;
    }

    span#emaliPP
    {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        direction: ltr;
    }

    span#namPP
    {
        height: auto;
        min-height: 16px;
    }

    #kadrPP > div#kadrNamPP
    {
        height: auto;
        overflow-y: auto;
    }


    @media screen and (orientation: landscape)
    {
        img#axKadrFull
        {
            max-width: 85%;
            max-height: 85%;
        }
    }

    /*       تعیین زمان    */
    #kadrTashihOFTaeenZaman
    {
        width: 90%;
        min-width: initial;
        max-width: 330px;
    }

    /*      سبد خرید       */
    #kadrTashihOFSabadKharid
    {
        width: calc(100% - 20px);
        margin: 0px 10px;
        min-width: initial;
    }

    #kadrTashihOFSabadKharid .kadrBadanehPeygham
    {
        overflow-x: hidden;
    }

    #kadrTitrItemhaSKH
    {
        display: none !important;
    }

    #kadrItemhaSKH
    {
        max-height: 290px;
        padding: 5px 0px 5px 5px;
    }

    .itemSKH
    {
        width: calc(100% - 10px); /*  DEP pad */
        height: auto;
        padding: 5px 5px; /*  DEP w   */
        overflow-y: auto;
        position: relative;
    }

    .itemSKH:last-child
    {
        border-bottom: 0px;
    }

    .itemSKH > div
    {
        float: none;
        margin: 3px 0px;
    }

    div.namMahsoolSKH
    {
        width: calc(100% - 10px);
        height: auto;
        min-height: 44px;
        max-width: 300px;
        overflow-y: auto;
        top: 0px; /*      tashih 2khati boodan titrha baraye align vertical    */
    }

    /*diz div.namMahsoolSKH::before
    {
        content: "نام محصول : ";
        float: right;
        display: block;
        width: calc(50% - 10px);
        height: 100%; !*  DEP line-h  *!
        padding: 0px 5px;
        font-family: yekan;
        font-size: 0.875rem;
        line-height: 44px; !*  DEP h div.namMahsoolSKH   *!
        text-align: left;
        color: hsl(358, 55%, 36%);
        background-color: #efefef;
    }*/
    div.namMahsoolSKH > a
    {
        float: right;
        width: 100%;
    }

    div.namMahsoolSKH > a > span
    {
        line-height: 22px; /*  DEP h div.namMahsoolSKH   */
    }

    div.namMahsoolSKH > a > span > span
    {
        display: inline-block;
    }

    div.gheymatAsliItemSKH
    {
        width: calc(100% - 10px);
        height: 20px;
        line-height: 20px;
    }

    div.gheymatAsliItemSKH::before
    {
        content: "مجموع قیمت : ";
        display: inline-block;
        /*diz width: calc(33% - 10px);*/
        height: 100%; /*  DEP line-h  */
        padding: 0px 5px;
        font-size: 0.875rem;
        line-height: 20px; /*  DEP h   */
        text-align: left;
        color: hsl(0, 0%, 50%);
    }

    div.gheymatBaTakhfifItemSKH
    {
        width: calc(100% - 10px);
        height: 20px;
        line-height: 20px;
    }

    div.gheymatBaTakhfifItemSKH::before
    {
        content: "قیمت با تخفیف : ";
        display: inline-block;
        /*diz width: calc(33% - 10px);*/
        height: 100%; /*  DEP line-h  */
        padding: 0px 5px;
        font-size: 0.75rem;
        line-height: 20px; /*  DEP h   */
        text-align: left;
        color: hsl(0, 0%, 50%);
    }

    div.tedadMahsoolItemSKH
    {
        width: calc(100% - 10px);
        height: 20px;
    }

    div.tedadMahsoolItemSKH::before
    {
        content: "تعداد : ";
        float: right;
        /*diz width: calc(33% - 10px);*/
        height: 100%; /*  DEP line-h  */
        padding: 0px 5px;
        font-size: 0.875rem;
        line-height: 20px; /*  DEP h   */
        text-align: left;
        color: hsl(0, 0%, 50%);
    }

    /*diz .tedadMahsoolItemSKH > input
    {
        display: inline-block;
        width: 85px;
        padding: 4px 2px 0px 2px; !*  tashih zaheri padd-top  dar mobile  *!
        margin: 0px;
        top: 0px;
    }

    div.dokmehHazfItemSKH
    {
        width: 20px;
        margin-right: 0px;
        position: absolute;
        top: 10px;
        left: 5px;
    }

    #kadrItemhaSKH > hr
    {
        margin: 4px 15px;
    }*/
    #kadrPaeenSKH
    {
        width: 100%;
        border-top: 1px solid hsl(0, 0%, 80%);
        margin-top: 0;
        padding-top: 10px;
        /*diz padding: 10px 5px;
        box-shadow: 0px -5px 5px -5px black;
        position: relative;
        z-index: 1;*/
    }


    /*      تکمیل اطلاعات خرید    */
    #kadrTashihOFTAK
    {
        width: 93%;
        min-width: initial;
        max-width: 450px;
    }

    #kadrTakmilEtelaatKharid > div:first-child ~ div /*   3 تا  دایو کانتنر سه قسمت بالا، وسط و پایین   */
    {
        width: 100%;
        /*max-height: 300px;*/
        margin: 10px 0px;
        overflow: auto;
    }
    #kadrSarTitrTAK+div
    {
        height: 180px;
    }
    #kadrSarTitrTAK+div~div
    {
        margin-bottom: 30px !important;
    }
    .itemTAK
    {
        width: calc(100% - 10px);
    }

    .itemTAK textarea
    {
        height: 40px;
    }

    /*diz #kadrTakmilEtelaatKharid input[type="text"]
    {
        float: none;
        width: calc(100% - 10px);
        padding: 3px 5px;
        text-align: left;
    }

    ::-webkit-input-placeholder
    {
        font-family: koodak;
        font-size: 0.875rem;
        text-align: right;
    }

    :-moz-placeholder !* Firefox 18- *!
    {
        font-family: koodak;
        font-size: 0.875rem;
        text-align: right;
    }

    ::-moz-placeholder !* Firefox 19+ *!
    {
        font-family: koodak;
        font-size: 0.875rem;
        text-align: right;
    }

    :-ms-input-placeholder
    {
        font-family: koodak;
        font-size: 0.875rem;
        text-align: right;
    }

    #kadrTakmilEtelaatKharid select
    {
        float: right;
        width: calc(100% - 152px) !important;
    }*/
    .kadrNoeErsal
    {
        width: calc(33.333% - 20px);
        padding: 5px 5px;
    }

    .kadrNoeErsal > input[type="radio"]
    {
        margin: 1px 0px;
    }

    .kadrNoeErsal > span.matnNoeErsal
    {
        width: calc(100% - 42px);
        padding: 1px 5px;
    }

    .kadrNoeErsal > div
    {
        display: none;
    }

    .hazinehErsal
    {
        display: block !important;
    }

    .kadrNoeErsal > span.iconRahnama
    {
        display: block;
        height: 17px;
        width: 17px;
        font-size: 1.0625rem; /*  17px    */
        color: hsl(0, 0%, 72%);
    }

    span#matnErrTAK
    {
        visibility: hidden !important;
    }

    /*      تایید اطلاعات خریدار و کالا    */
    #kadrTashihOFTEKH
    {
        width: 90%;
        min-width: initial;
        max-width: 450px;
    }

    #kadrKolMohtaviatTEKH
    {
        height: 350px;
    }

    #kadrKolMohtaviatTEKH > div /*   3 تا  دایو کانتنر سه قسمت بالا، وسط و پایین   */
    {
        width: 100%;
        margin: 5px 0px;
    }

    #kadrNamTEKH
    {
        float: none;
        width: calc(100% - 10px); /*  DEP pad , mar*/
        height: auto;
        overflow-y: auto;
        padding: 1px 5px; /*  baraye tashih dar halathaye koochak MF: pad top va botom 2px be line-h dade shod    */
    }

    #kadrCodeMeliTEKH
    {
        float: none;
        width: calc(100% - 10px); /*  DEP pad , mar*/
        padding: 3px 5px;
    }

    #kadrCodePostiTEKH
    {
        float: none;
        width: calc(100% - 10px); /*  DEP pad , mar*/
        padding: 3px 5px;
    }

    #kadrAddressTEKH
    {
        float: none;
        padding: 3px 5px;
    }

    #kadrTelSabetTEKH
    {
        float: none;
        width: calc(100% - 10px); /*  DEP pad , mar*/
        padding: 3px 5px;
    }

    #kadrTelHamrahTEKH
    {
        float: none;
        width: calc(100% - 10px); /*  DEP pad , mar*/
        padding: 3px 5px;
    }

    #kadrDokmehVirayeshEtelaatTEKH
    {
        float: left;
        width: 45.977%; /*  200px   */
        min-width: 120px; /*  DEP w,pad .dokmehKoochak    */
    }

    /*
    span.matnTitrEtelaatKharidarTEKH
    {
        width: 90px;
    }
    */

    #kadrNamTEKH > span.matnTitrEtelaatKharidarTEKH /*  baraye tashih dar halathaye koochak MF: pad top va botom 2px be line-h dade shod    */
    {
        height: auto;
        overflow-y: auto;
        line-height: 18px;
    }

  /*  #kadrCodeMeliTEKH > span.matnTitrEtelaatKharidarTEKH
    {
        width: 90px;
    }

    #kadrCodePostiTEKH > span.matnTitrEtelaatKharidarTEKH
    {
        width: 90px;
    }

    #kadrTelHamrahTEKH > span.matnTitrEtelaatKharidarTEKH
    {
        width: 90px;
    }*/

    span.matnVoroodiEtelaatKharidarTEKH
    {
        width: calc(100% - 117px);
    }

    #kadrNamTEKH > span.matnVoroodiEtelaatKharidarTEKH /*  baraye tashih dar halathaye koochak MF: pad top va botom 2px be line-h dade shod    */
    {
        height: auto;
        overflow-y: auto;
        line-height: 18px;
    }

  /*  #kadrCodeMeliTEKH > span.matnVoroodiEtelaatKharidarTEKH
    {
        width: calc(100% - 100px);
    }

    #kadrCodePostiTEKH > span.matnVoroodiEtelaatKharidarTEKH
    {
        width: calc(100% - 100px);
    }

    #kadrTelHamrahTEKH > span.matnVoroodiEtelaatKharidarTEKH
    {
        width: calc(100% - 100px);
    }*/

    #matnTitrKalahaTEKH
    {
        padding: 3px 5px;
    }

    #kadrTitrItemhaTEKH
    {
        display: none;
    }

    #kadrItemhaTEKH
    {
        max-height: initial;
        padding: 5px 0px;
    }

    .itemTEKH
    {
        width: calc(100% - 10px); /*  DEP pad */
        height: auto;
        padding: 5px 5px; /*  DEP w   */
        overflow-y: auto;
        position: relative;
    }

    .itemTEKH > div
    {
        float: none;
        margin: 3px 0px;
    }

    div.namMahsoolTEKH
    {
        width: calc(100% - 10px);
        height: auto;
        min-height: 44px;
        overflow-y: auto;
        top: 0px; /*      tashih 2khati boodan titrha baraye align vertical    */
    }

    .kadrTakhfifTEKH
    {
        width: calc(80% - 40px);
        margin:0px 20px;
        float: left;
    }

    div.namMahsoolTEKH > a
    {
        float: right;
        width: 50%;
    }

    div.namMahsoolTEKH > a > span
    {
        line-height: 22px; /*  DEP h div.namMahsoolSKH   */
    }

    div.namMahsoolTEKH > a > span > span
    {
        display: inline-block;
    }

    div.tedadMahsoolItemTEKH
    {
        width: calc(100% - 10px);
        height: 20px;
        line-height: 20px;
    }

    div.tedadMahsoolItemTEKH::before
    {
        content: "تعداد: ";
        display: block;
        float: right;
        width: calc(33% - 10px);
        height: 100%; /*  DEP line-h  */
        padding: 0px 5px;
        font-family: shabnam;
        font-size: 0.875rem;
        line-height: 20px; /*  DEP h   */
        text-align: left;
        color: hsl(0, 0%, 50%);
    }

    .tedadMahsoolItemTEKH > span
    {
        display: block;
        float: right;
        width: 85px;
    }

    div.gheymatAsliItemTEKH
    {
        width: calc(100% - 10px);
        height: 20px;
        line-height: 20px;
        text-align: right;
    }

    div.gheymatAsliItemTEKH::before
    {
        content: "مجموع قیمت: ";
        display: block;
        float: right;
        /*diz width: calc(40% - 10px);*/
        height: 100%; /*  DEP line-h  */
        padding: 0px 5px;
        font-size: 0.875rem;
        line-height: 20px; /*  DEP h   */
        text-align: left;
        color: hsl(0, 0%, 50%);
    }

    div.gheymatBaTakhfifItemTEKH
    {
        width: calc(100% - 10px);
        height: 20px;
        line-height: 20px;
        text-align: right;
    }

    div.gheymatBaTakhfifItemTEKH::before
    {
        content: "قیمت با تخفیف: ";
        display: block;
        float: right;
        /*diz width: calc(40% - 10px);*/
        height: 100%; /*  DEP line-h  */
        padding: 0px 5px;
        font-size: 0.875rem;
        line-height: 20px; /*  DEP h   */
        text-align: left;
        color: hsl(0, 0%, 50%);
    }

    #kadrItemhaTEKH > hr
    {
        margin: 4px 15px;
    }

    #kadrPaeenItemhaTEKH
    {
        padding: 0px 0px;
        position: relative;
        border-top: 1px solid hsl(0, 0%, 80%);
        z-index: 1;
    }

    #kadrDokmehVirayeshSabadKharidTEKH
    {
        float: left;
        width: 45.977%; /*  200px   */
        min-width: 120px; /*  DEP w,pad .dokmehKoochak    */
    }

    #matnRaveshPardakhtVaErsalTEKH
    {
        padding: 3px 5px;
    }

    #kadrRaveshPardakhtTEKH
    {
        padding: 3px 5px;
    }

    .kadrMatnhaRaveshPardakhtVaErsalTEKH /*  baraye tashih dar halathaye koochak MF: pad top va botom 2px be line-h dade shod    */
    {
        height: auto;
        padding: 0px 0px;
        line-height: 18px;
    }

    #kadrRaveshErsalTEKH
    {
        padding: 3px 5px;
    }

    /*      ایجاد حساب کاربری       */
    #kadrTashihOFEHK
    {
        width: 90%;
        min-width: initial;
        max-width: 450px;
    }

    #kadrNamEHK, #kadrFamilEHK, #kadrTelHamrahEHK, #kadrEmailEHK, #kadrPasswordEHK, #kadrRePasswordEHK
    {
        float: none;
        width: calc(100% - 10px); /*  DEP pad , mar*/
        padding: 3px 5px;
    }

    #kadrDaryaftMatalebEHK
    {
        height: auto;
        overflow-y: auto;
        padding: 3px 5px;
    }

    span.matnTitrVoroodiEHK
    {
        width: 95px;
        font-size: 0.75rem;
    }

    #kadrEejadHesabKarbari input:not([type="checkbox"])
    {
        float: none;
        width: calc(100% - 117px);
        text-align: right;
    }

    #kadrTelHamrahEHK > input[type="text"]
    {
        direction: ltr;
        text-align: left;
    }

    #kadrEmailEHK > input[type="text"]
    {
        direction: ltr;
        text-align: left;
    }

    #kadrPasswordEHK > input[type="password"], #kadrRePasswordEHK > input[type="password"]
    {
        direction: ltr;
        text-align: center;
        font-size: 0.875rem;
        line-height: 14px;
        font-weight: normal;
        vertical-align: middle;
    }

    #kadrDaryaftMatalebEHK > span
    {
        width: calc(100% - 26px);
    }

    #kadrDaryaftMatalebEHK > span#matnErrorOzviat
    {
        display: none !important;
        /*diz width: 100%;
        text-align: right;*/
    }

    #kadrEejadHesabKarbari > hr
    {
        margin: 5px 0px;
    }

    a#dokmehSabtNamEHK
    {
        margin: 5px auto;
    }

    /*       تغییر رمز عبور    */
    #kadrTashihOFTP
    {
        width: 90%;
        min-width: initial;
        max-width: 450px;
    }

    #kadrTaghirPassword > .kadrVoroodi /*   2 تا  دایو کانتنر سه قسمت بالا و پایین   */
    {
        width: 100%;
        margin: 5px 0px;
    }

    /*diz #kadrPasswordGhabliTP,#kadrCodeBazyabiTP,#kadrPasswordJadidTP,#kadrRePasswordJadidTP
    {
        float: none;
        width: calc(100% - 10px);
        padding: 3px 5px;
    }

    span.matnTitrVoroodiTP
    {
        display: none;
    }

    #kadrTaghirPassword input
    {
        float: none;
        width: calc(100% - 10px);
        padding: 3px 5px;
    }*/
    #kadrTaghirPassword input::-webkit-input-placeholder
    {
        font-family: koodak;
        font-weight: normal;
        color: var(--cl-txt2);
    }

    #kadrTaghirPassword input:-moz-placeholder /* Firefox 18- */
    {
        font-family: koodak;
        font-weight: normal;
        color: var(--cl-txt2);
    }

    #kadrTaghirPassword input::-moz-placeholder /* Firefox 19+ */
    {
        font-family: koodak;
        font-weight: normal;
        color: var(--cl-txt2);
    }

    #kadrTaghirPassword input:-ms-input-placeholder
    {
        font-family: koodak;
        font-weight: normal;
        color: var(--cl-txt2);
    }

    #kadrTaghirPassword > hr
    {
        margin: 5px 0px;
    }


    /*      فعال سازی حساب کاربری       */
    #kadrTashihOFFHK
    {
        width: 90%;
        min-width: initial;
        max-width: 410px;
    }

    #kadrFaalsaziHesabKarbari input
    {
        width: calc(50% - 12px);
    }

    /*      ورود به حساب کاربری    */
    #kadrTashihOFLK
    {
        width: 90%;
        min-width: initial;
        max-width: 400px;
    }

    span.matnTitrVoroodiLK
    {
        width: 92px;
        padding-right: 0;
        font-size: 0.875rem;
    }

    #kadrLoginKarbar input
    {
        width: calc(100% - 109px);
    }


    /*      پیگیری سفارش    */
    #kadrTashihOFPS
    {
        width: 90%;
        min-width: initial;
        max-width: 460px;
    }

    #kadrPeygiriSefaresh > div:first-child + div /* دایو کانتنر قسمت اصلی   */
    {
        width: calc(100% - 10px); /*  DEP mar,pad   */
        padding: 5px 5px; /*  DEP w    */
        margin: 5px 0px; /*  DEP w    */
    }

    .marhalehPS
    {
        width: 18.181%; /*  100px    */
        height: auto;
        overflow-y: auto;
        padding: 1.818%; /*  10PX    */
    }

    .marhalehPS > img
    {
        width: calc(87.5% - 10px); /*  60px    10px = DEP border*/
        height: auto;
        padding: 6.25%; /*  5px */
    }

    .marhalehPS > .iconMarhalehPS
    {
        width: 35px;
        height: 35px;
        padding: 5px;
        font-size: 2rem;
        border-width: 2px;
    }

    .matnMarhalehPS
    {
        width: 87.5%;
        height: auto;
        padding: 6.25%;
    }

    .feleshMarahelPS
    {
        width: 4.181%; /*  23px    */
        overflow-x: hidden;
        height: 20px;
        margin-top: 9.09%; /*  40px + pad-t img kenarash   */
        background-position: 0px 0px;
        background-size: auto 100%;
    }

    /* ویرایش حساب کاربری */
    #kadrTashihOFVM
    {
        width: 90%;
    }

    .itemVM
    {
        width: calc(100% - 10px);
    }
}

@media only screen and (max-width: 1100px)
{
    #darbarehFTR
    {
        width: calc(107% - 80px);
        right: -3.5%;
    }
}

@media only screen and (max-width: 515px)
{
    #darbarehFTR
    {
        width: calc(110% - 80px);
        right: -5%;
    }
}

@media only screen and (max-width: 380px)
{
    #darbarehFTR
    {
        width: calc(114% - 80px);
        right: -7%;
    }
}