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

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

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

@font-face {
    font-family: "yekan";
    src: url('../fonts/b-yekan.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/b-titr-tge-bold.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: "IREntezar";
    src: url("../fonts/irentezar.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: "arabic";
    src: url("../fonts/adobe-arabic-regular.woff");
}

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

:root
{ /* رنگ اصلی */
    --cl-1: hsl(225, 57%, 37%);
    --cl-1-1: hsl(225, 57%, 43%);
    --cl-1-2: hsl(225, 57%, 53%);
    --cl-1-3: hsl(225, 57%, 63%);
    --cl-1-4: hsl(225, 57%, 73%);
    --cl-1-5: hsl(225, 57%, 33%, 0.5);
    --cl-1-6: hsl(225, 57%, 93%);


    /* رنگ اصلی دوم */
    --cl-2: hsl(191, 85%, 41%);
    --cl-2-1: hsl(191, 85%, 51%);
    --cl-2-2: hsl(191, 85%, 61%);
    --cl-2-3: hsl(191, 85%, 71%);
    --cl-2-4: hsl(191, 85%, 81%);
    --cl-2-5: hsl(191, 85%, 91%);
    --cl-2-6: hsl(191, 85%, 41%,0.5);
    --cl-2-7: hsl(191, 85%, 98%);



    /*  رنگ اصلی سوم  */
    --cl-3: hsl(53, 78%, 48%);
    --cl-3-1: hsl(53, 78%, 58%);
    --cl-3-2: hsl(53, 78%, 68%);
    --cl-3-3: hsl(53, 78%, 78%);
    --cl-3-4: hsl(53, 78%, 88%);
    --cl-3-5: hsl(53, 78%, 38%);
    --cl-3-6: hsl(53, 78%, 30%);

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

    /*  طیف تیره  */
    --cl-5: hsl(0, 0%, 0%);
    --cl-5-1: hsl(0, 0%, 20%);
    --cl-5-2: hsl(0, 0%, 40%);
    --cl-5-3: hsl(0, 0%, 60%);
    --cl-5-4: hsl(0, 0%, 80%);
    --cl-5-5: hsl(0, 0%, 0%, 0.5);


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


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

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

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

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

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

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

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

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

    --cl-brd: var(--cl-5-4);

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

}


/*
:root {
    --cl-1: hsl(0, 0%, 0%);
    --cl-1-1: hsl(0, 0%, 10%);
    --cl-1-2: hsl(0, 0%, 20%);
    --cl-1-3: hsl(0, 0%, 40%);
    --cl-1-4: hsla(0, 0%, 28%, 0.8);

    --cl-2: hsl(0, 0%, 100%);
    --cl-2-1: hsla(0, 0%, 0%, 0.5);
    --cl-2-2: hsla(0, 0%, 96%);
    --cl-2-3: hsl(0, 0%, 60%);
    --cl-2-4: hsl(0, 0%, 85%);
    --cl-2-5: hsl(0, 0%, 95%);

    --cl-3: hsl(0, 0%, 100%);
    --cl-3-1: hsl(0, 0%, 97%);
    --cl-3-2: hsl(0, 0%, 94%);

    --cl-6: hsl(216, 79%, 70%);
    --cl-6-1: hsl(216, 79%, 60%);

    --cl-4: hsl(46, 83%, 37%);
    --cl-4-1: hsl(46, 83%, 40%);
    --cl-4-2: hsl(46, 83%, 30%);
    --cl-4-3: hsla(46, 83%, 82%, 0.8);
    --cl-4-4: hsl(32, 100%, 92%);
    --cl-4-5: hsl(33, 84%, 70%);

    --cl-5: hsl(182, 63%, 45%);
    --cl-5-1: hsl(182, 63%, 35%);
    --cl-5-2: hsl(182, 63%, 55%);
    --cl-5-3: hsla(182, 63%, 85%, 0.5);

    --cl-tit: var(--cl-3);
    --cl-txt: var(--cl-1);
    --cl-bck: var(--cl-3);
    --cl-brd: var(--cl-2-4);
    --cl-icn: var(--cl-6);
    --cl-icn-hov: var(--cl-6-1);
}
*/

@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: translateX(110%);
        opacity: 0.0;
    }
    100% {
        transform: translateX(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);
    }
}

html {
    height: 100%;
    position: relative;
    font-size: 17px;
}

body {
    margin: 0px;
    color: #25282b;
    background-color: hsl(100, 100%, 100%);
    height: 100%;
    position: relative;
    font-family: vazir;
}

u {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    border-style: none;
    position: relative;
    padding-right: 27px;
}

u:before {
    display: inline-block;
    position: absolute;
    top: 4px;
    right: 0px;
    content: "";
    width: 17px;
    height: 17px;
    font-family: myIcon4;
    font-size: 1rem;
    line-height: 16px;
    vertical-align: middle;
    color: var(--cl-3);
}

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

a {
    text-decoration: none;
    color: black;
}

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

input, textarea {
    padding: 5px 8px;
    border: 1px solid var(--cl-brd);
    border-radius: 8px;
    font-family: vazir;
}


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

select {
    padding: 1px 8px;
    font-family: vazir;
    border-radius: 8px;
    border: 1px solid var(--cl-brd);
}


#fullContainer {
    position: relative;
    max-width: 2000px;
    min-width: 240px;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0px auto;
    background-color: hsla(200, 100%, 99%,0.5);
}

#header {
    float: right;
    width: 100%;
    min-height: 165px;
    padding: 0px;
    position: relative;
    z-index: 5;
    background-image: url("../pic/back-header-3.png"), url("../pic/back-header-2.png");
    background-repeat: no-repeat, no-repeat;
    background-position: 0% -6px, 50% 12px;
    background-size: 800px, 100px;
    /*background-color: hsl(190.85deg 100% 98.88%);*/
}

.kadrAzmayeshiHDR {
    position: absolute;
    top: 15px;
    left: 0px;
    float: left;
    padding: 3px 8px;
    border-radius: 0 8px 8px 0;
    font-size: 0.875rem;
    background-color: hsla(45, 100%, 40%, 0.6);
    color: hsl(0, 0%, 100%);
}

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

#titrHDR {
    float: right;
    width: calc(100% - 40px);
    margin: 0 20px;
}

#kadrVasetTitrHDR {
    position: relative;
    float: right;
    width: 100%;
    margin: 5px 0 0 0;

}

#kadrVasetTitrHDR:before {
    content: "";
    position: absolute;
    bottom: 43px;
    right: -50px;
    width: 150px;
    height: 2px;
    /*border-radius: 250% 50% 500% 0px;*/
    background: linear-gradient(90deg, var(--cl-2) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0) 100%);
}

#kadrVasetTitrHDR:after {
    content: "";
    position: absolute;
    bottom: 43px;
    right: 237px;
    width: 95%;
    height: 2px;
    /*border-radius: 500% 100% 500% 500%;*/
    background: linear-gradient(-90deg, var(--cl-2) 0%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 0) 100%);
}

a#titrAsliHDR, a#titrAsliHDR:link, a#titrAsliHDR:visited {
    float: right;
    position: relative;
}

a#titrAsliHDR>span.khatZirLogo
{
    display: block;
    width: 200px;
    height: 27px;
    position: absolute;
    top: 88px;
    right: -54px;
    background-image: url(../pic/khat-zir-header-9.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 200px;
}

a#titrAsliHDR > img {
    float: right;
    width: 112px;
}


  /*  تغییر تم برای حالت عزاداری یا ولادتی  */


#fullContainer.azadari #kadrBackMonasebatRooz, #fullContainer.veladati #kadrBackMonasebatRooz
{
    width: 100px;
    height: 88px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    background-image: url("../pic/parcham1.png");
    background-repeat: no-repeat;
    background-position: 100% 0px;
    background-size: 95px;
}

#fullContainer.azadari a#titrAsliHDR > img,#fullContainer.azadari a#titrAsliHDR>span.khatZirLogo,#fullContainer.azadari #kadrVasetHeader:before,#fullContainer.azadari #kadrVasetHeader:after,#fullContainer.azadari a#titrAsliHDR span#khatZirLogo
{
    filter: brightness(0);
}
#fullContainer.azadari #kadrVasetTitrHDR:before
{
    background: linear-gradient(90deg, hsl(0deg 0% 0%) 0%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 0) 100%);
}
#fullContainer.azadari #kadrVasetTitrHDR:after
{
    background:linear-gradient(-90deg, hsl(0deg 0% 0%) 0%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 0) 100%)
}


#kadrBackHDR
{
    width: 100%;
    height: 131px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(253, 255, 255, 1) 5%, rgba(249, 254, 255, 1) 50%, rgba(253, 255, 255, 1) 95%, rgba(255, 255, 255, 1) 100%);
}

h1.titrAsliSiteAst {
    position: relative;
    float: right;
    font-size: 1rem;
    color: var(--cl-1);
    /*diz
    background: linear-gradient(90deg, var(--cl-5) 0%, var(--cl-5) 10%, hsla(182, 63%, 45%, 0.3) 100%);

    -webkit-background-clip: text;
    background-clip: text;*/
    /*diz
    color: transparent;
    */
    font-family: Vazir;
    font-weight: bold;
    white-space: nowrap;
    padding-left: 5px;
    margin: 0 10px 0 0;
    height: 66px;
    line-height: 66px;
}

/*
h1.bonyadVelayat
{
    background: linear-gradient(90deg, var(--cl-5) 0%, var(--cl-5) 40%, hsla(182, 63%, 45%, 0.3) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-family: IREntezar;
}*/

.titrBazgashtBehBonyad {
    font-size: 0.75rem;
    white-space: nowrap;
    position: relative;
    left: 66px;
}

a.iconHDR:link .titrBazgashtBehBonyad, a.iconHDR:visited .titrBazgashtBehBonyad {
    color: var(--cl-5-1);
}

a.iconHDR:hover .titrBazgashtBehBonyad {
    color: var(--cl-5-2);
}

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

#kadrSearchMNU {
    position: relative;
    float: left;
    width: 210px;
    padding-right: 65px;
}

/*a.dokmehBastanSearch, a.dokmehBastanSearch:link, a.dokmehBastanSearch:visited
{
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 1.75rem;
    font-family: myIcon4;
    color: hsl(0, 0%, 100%);
}*/

#kadrSearchMNU > input {
    display: block;
    box-sizing: content-box;
    width: calc(100% - 55px);
    /*max-width: 700px;*/
    padding: 4px 10px 4px 45px;
    border: 0px;
    background-color: hsla(0, 0%, 100%, 0.7);
    /*box-shadow:inset 0px 0px 3px -1px hsla(190, 100%, 50%, 0.61);*/
    border-radius: 8px;
    border: 1px solid var(--cl-2-5);
    font-size: 1rem;
    line-height: 1;
    color: hsl(0, 0%, 0%);
}

a#btnSearchMNU, a#btnSearchMNU:link, a#btnSearchMNU:visited {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 25px;
    height: 17px;
    padding: 9px 5px 8px;
    text-align: center;
    font-family: myIcon4;
    border-radius: 8px 0 0 8px;
    color: var(--cl-3);
    /*background-color: var(--cl-2-3);*/
}

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

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

#kadrIconHDR {
    width: 100%;
    float: left;
    margin-top: 8px;
    background-size: 35px;
}

a.iconHDR, a.iconHDR:link, a.iconHDR:visited {
    float: left;
    width: 17px;
    height: 17px;
    font-family: myIcon4;
    padding: 8px 8px 7px;
    margin: 0px 10px 0px 8px;
    border-radius: 50%;
    border: 1px solid var(--cl-2);
}

.kadrMohtavaHDR a.iconHDR {
    border: unset;
    color: var(--cl-3);
    font-size: 1.4rem;
}

.kadrMohtavaHDR a.iconHDR:hover
{
    color: var(--cl-hov)
}
.kadrMohtavaHDR a.iconHDR:active
{
    color: var(--cl-act)
}

a.iconHDR.iconLoginHDR {
    padding: 7px 0px 12px 0px;
}

form#kadrSearchMNU a.iconHDR {
    position: absolute;
    right: -15px;
    top: 0px;
    font-size: 1.5rem;
}

a#btnSearchMNU + a.iconHDR {
    font-size: 1.3rem;
    padding: 8px 10px 12px 10px;
    right: 10px;
}


img.logoIconHDR {
    float: right;
    width: 100%;
}

/*a.iconLoginHDR, a.iconLoginHDR:link, a.iconLoginHDR:visited {
    padding: 8px 10px;
    font-size: 1.5rem;
}*/

span.tedadSabad {
    position: absolute;
    top: 0;
    left: 0;
    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: hsl(353, 84%, 58%);
    color: hsl(0, 0%, 100%);
}

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

#navarMenu ul#menu li a#titrAsliHDR {
    position: relative;
    right: 0px;
    bottom: 40px;
}

#navarMenu ul#menu li h1.titrAsliSiteAst {
    position: absolute;
    right: 90px;
    bottom: 100px;
}

/*      منو     */

#navarMenu {
    position: relative;
    float: right;
    width: calc(100% - 302px);
    margin: 0px 0px 0px 10px;
    /*background-color: var(--cl-5-1);*/
    border-radius: 8px;
  /*  background-image: url(../pic/back-header-3.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 16%;*/
}


a#dokmehMNU, a#dokmehMNU:link, a#dokmehMNU:visited {
    display: none;
}

ul#menu {
    margin: 0px;
    float: right;
    list-style-type: none;
    padding: 0px;
    position: relative;
    z-index: 1;

    /* display: flex;
     justify-content: space-evenly;
     margin: 0;
     float: right;
     width: calc(100% - 0px);
     list-style-type: none;
     padding: 0px;
     margin-left: 89px;
     position: relative;
     z-index: 1000;*/
}


ul#menu li {
    float: right;
    position: relative;
    cursor: pointer;
}

menu li:first-child a.titrMNU, *

/
ul#menu li:first-child span.iconZirMNU {
    color: var(--cl-2);
}

a.titrMNU, a.titrMNU:link, a.titrMNU:visited {
    display: block;
    float: right;
    padding: 8px 1px 8px 14px;
    font-family: vazir;
    font-size: 1rem;
    text-align: right;
    text-decoration: none;
    color: var(--cl-asl);
    transition: color 0.2s;
}

ul#menu li:first-child a.titrMNU
{
    color: var(--cl-asl2);
}

ul#menu li:first-child a.titrMNU:hover
{
    color: var(--cl-asl3);
}
ul#menu li:first-child a.titrMNU:active
{
    color: var(--cl-act);
}

a.titrMNU > span.iconZirMNU {
    margin-top: 3px;
    margin-right: 7px;
}

ul#menu > li:hover > a.titrMNU, ul#menu > li:hover > a.titrMNU > span.iconZirMNU,ul#menu > li:hover span.iconDastehMNU {
    color: var(--cl-hov);
    /* cursor: default; */
}

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

span.jodakonandehMNU {
    vertical-align: middle;
    color: var(--cl-5-3);
}

ul#menu > li:first-child > .iconZirMNU {
    font-size: 2rem;
    padding: 7px 0px;
    width: 33px;
    cursor: pointer;
}

span.iconZirMNU {
    float: left;
    display: block;
    padding: 5px 0px;
    margin-right: 10px;
    width: 12px;
    font-family: myIcon4;
    font-size: 0.75rem;
    line-height: 1;
    vertical-align: middle;
    color: var(--cl-3);
    transition: transform 0.3s;
}

span.iconDastehMNU {
    display: block;
    float: right;
    font-size: 20px;
    width: 25px;
    height: 25px;
    padding: 12px 0px;
    margin-right: 10px;
    color: var(--cl-3);
}

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

ul#menu ul.zirMNU {
    margin: 0px;
    width: 270px;
    padding: 0px;
    list-style-type: none;
    position: absolute;
    right: 0px;
    top: 42px;
    border-radius:8px;
    background-color: hsl(190.85deg 100% 98.88%);
    box-shadow: 0px 2px 5px hsla(0, 0%, 0%, 0.5);
    /*transition: right 0.3s, opacity 0.4s;*/
}

ul.zirMNU > li {
    position: relative;
    float: right;
    width: 25%;
    /*height: 105px;*/
    border-radius: 0px 8px 8px 0px;
    margin: 0px;
    list-style-type: none;
    text-align: center;
}

ul#menu ul.zirMNU.darbarehOstadMNU
{
    width: 380px;
}
ul#menu ul.zirMNU.darbarehOstadMNU > li
{
    width: 25%;
}

ul#menu > li:last-child > ul.zirMNU
{
    width: 420px;
}

ul.zirMNU > li > span.iconDastehMNU
{
    color: var(--cl-2);
    width: 100%;
    font-size: 27px;
    margin-right: 0;
}
ul#menuDerakht li
{
    transition: box-shadow 0.2s;
}
ul#menuDerakht ul.zirMNU > li {

    width: calc(100% - 7px);
    margin: 5px 7px 5px 0px;

}

span.titrZirMNU {
    float: right;
    padding: 8px 10px 8px 20px;
    margin: 0 10px;
    border-bottom: 1px solid hsl(353, 84%, 58%);
    font-family: vazir;
    font-size: 1rem;
}

ul#menu ul.zirMNU {
    overflow-y: hidden;
    height: 0px;
    opacity: 0;
}

ul#menu > li:hover ul.zirMNU, ul#menu ul.zirMNU:hover {
    display: block;
    opacity: 1;
    height: auto;
    padding: 10px 5px 5px;
    overflow: hidden;
    border-bottom: 2px solid var(--cl-asl2);
    /*diz right: 0px;
    border-radius: 5px;*/
}

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

li#zirmajmooehhaMNU {
    display: none;
}

a.titrZirMNU, a.titrZirMNU:link, a.titrZirMNU:visited {
    display: block;
    width: calc(100% - 15px);
    padding: 10px 15px 10px 0px;
    font-family: vazir;
    font-size: 0.875rem;
    text-decoration: none;
    text-align: right;
    /* background-color: var(--cl-5-3);
     color: var(--cl-2);*/
    /*transition: background-color 0.2s, color 0.2s;*/
}


ul#menu a.titrZirMNU
{
    position: relative;
    width: calc(100% - 10px);
    padding: 5px 0px 5px 0px;
    border-radius: 8px;
    margin: 5px;
    text-align: center;
    transition: color 0.2s;
    z-index: 2;
}
ul#menu a.titrZirMNU:hover {
    color: var(--cl-hov);
}

ul#menu a.titrZirMNU:active {
    color: var(--cl-act);
}

ul.zirMNU>li:hover a.titrZirMNU:hover {
    color: var(--cl-hov);
}

ul.zirMNU>li:active a.titrZirMNU:active {
    color: var(--cl-act);
}

.khatZirDar {
    position: relative;
}


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

/* پایان منو */


/* شروع منو درختی  */
#navarMenuDerakht {
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 1000;
    width: calc(35% - 20px);
    height: calc(100% - 20px);
    min-width: 430px;
    overflow-y: hidden;
    overflow-x: hidden;
    padding: 0px;
    margin: 10px;
    background-color: var(--cl-bck);
    text-align: center;
    transition: right 0.3s;
    border-radius: 16px;
    border-right: 3px solid var(--cl-2);
    background-image: url(../pic/logo-back-menu-derakht.png);
    background-repeat: no-repeat;
    background-position: 40% 65%;
    background-size: 80%;
}

ul#menuDerakht {
    margin: 0px;
    float: right;
    list-style-type: none;
    padding: 0px;
    position: relative;
    z-index: 1000;
    /* display: flex;
     justify-content: space-evenly;
     margin: 0;
     float: right;
     width: calc(100% - 0px);
     list-style-type: none;
     padding: 0px;
     margin-left: 89px;
     position: relative;
     z-index: 1000;*/
}

ul#menuDerakht > li.titrAsliDKT {
    width: calc(100% - 40px);
    margin: 20px 20px 0px;
    float: right;
    position: relative;
    background-color: hsl(190.85deg 84.69% 40.98% / 10%);
    outline: 1px solid var(--cl-2);
    border-radius: 8px;
    /*transition: background-color 0.2s;*/
    overflow: hidden;
}

span.iconAsliTitrAsliDKT {
    display: block;
    float: right;
    font-size: 20px;
    width: 21px;
    height: 32px;
    padding: 0px;
}

ul#menuDerakht > li.titrAsliDKT:hover {
    background-color: var(--cl-hov);
}

ul#menuDerakht > li.titrAsliDKT ul.zirMNU li:hover {
    background-color: var(--cl-hov);
}


ul#menuDerakht > li.titrAsliDKT:hover span.iconAsliTitrAsliDKT, ul.zirMNUli li:hover span.iconAsliTitrAsliDKT {
    background-position: -20px center;
}

ul#menuDerakht > li.titrAsliDKT:hover > a.titrMNU, ul#menuDerakht > li.titrAsliDKT:hover > a.titrMNU > span.iconFeleshZirMNU {
    color: var(--cl-tit);
}


ul#menuDerakht > li:first-child > .iconZirMNU {
    font-size: 22px;
    font-weight: bold;
}

#navarMenuDerakht h5#titrMenuDerakht {
    float: right;
    width: calc(100% - 30px);
    padding: 15px;
    margin: 0px;
    border-bottom: 1px solid var(--cl-2);
    border-radius: 12px 12px 0px 0px;
    font-size: 1.375rem;
    color: var(--cl-tit);
    background-color: var(--cl-2);
    background-image: url(../pic/back-header-menu-derakht.png);
    background-repeat: no-repeat;
    background-position: 45% -5px;
    background-size: 430px;
}


ul#menuDerakht {
    width: 100%;
    height: calc(100% - 79px);
    flex-wrap: wrap;
    margin: 0;
    overflow-y: auto;
    transition: right 0.3s;
    padding-bottom: 10px;
    border-radius: 16px;
}

/*ul#menuDerakht li
{
    !*diz float: none;*!
    width: 100%;
    height: auto;
    overflow-y: auto;
}*/


ul#menuDerakht > li:last-child > ul.zirMNU > li:last-child {
    margin-bottom: 60px;

}

ul#menuDerakht a.titrMNU, ul#menuDerakht a.titrMNU:link, ul#menuDerakht a.titrMNU:visited {
    position: relative;
    width: calc(100% - 62px);
    padding: 13px 10px 13px 10px;
    color: var(--cl-tit2);
    text-shadow: none;

    /*transition: color 0.2s;*/

}

ul#menuDerakht li span.iconFeleshZirMNU {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 20px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    font-family: myIcon4;
    font-size: 0.75rem;
    font-weight: bold;
    color: var(--cl-2);
    transition: transform 0.3s;
    transform: rotate(-90deg);
}

ul#menuDerakht>li li span.iconFeleshZirMNU
{
    left: unset;
    right: 20px;
}
ul#menuDerakht span.jodakonandehMNU {
    color: var(--cl-5-1);
}

ul#menuDerakht span.khatMNU {
    display: block;
    height: 0px;
    width: 100%;
    margin-top: 0px;
    border-left-width: 0px;
    border-top: 2px solid hsl(131, 58.7%, 30.4%);
}

ul#menuDerakht ul.zirMNU {
    width: 100%;
    overflow-y: hidden;
    height: 0px;
    opacity: 0;
    padding: 0px;
    position: static;
    background-color: transparent;
}

/*
ul#menuDerakht a.titrMNU:hover + ul, ul.zirMNU:hover
{
    height: 0;
}
*/


ul#menuDerakht li.baz > ul.zirMNU {
    height: auto !important;
    max-height: unset !important;
    opacity: 1 !important;
    transition: opacity 0.5s,height 0.2s;
    width: calc(100% - 15px);
    margin: 0px 15px 5px 0px;
    border-radius: 0px 8px 8px 0px;
    overflow: hidden;
    box-shadow: rgb(173 136 16 / 45%) -3px 3px 6px 0px inset, rgb(173 136 16 / 30%) -3px -3px 6px 1px inset;

}

ul#menuDerakht li.baz > ul.zirMNU {
    background-color: var(--cl-tit);
}

ul#menuDerakht li.baz {
    background-color: var(--cl-2);
    box-shadow: 5px 0px 0px var(--cl-3),5px -4px 0px var(--cl-3),0px -4px 0px var(--cl-3),rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

ul#menuDerakht li.baz > ul.zirMNU > li.titrBaZirMenuDKT.baz > a.titrZirMNU {
    color: var(--cl-tit);
}

ul#menuDerakht li.baz > a.titrMNU {
    color: var(--cl-tit);
}

ul#menuDerakht li.baz > ul.zirMNU > li > a.titrZirMNU {
    color: var(--cl-tit2);
}

ul#menuDerakht li.baz > a > span.iconFeleshZirMNU {
    transform: rotate(0deg);
    color: var(--cl-tit);
}

ul#menuDerakht > li.titrAsliDKT.baz span.iconAsliTitrAsliDKT {
    background-position: -20px center;
}


ul#menuDerakht > li ul.zirMNU > li > a.titrZirMNU:hover, ul#menuDerakht > li ul.zirMNU > li > a.titrZirMNU:hover span.iconFeleshZirMNU {
    color: var(--cl-tit);
}

ul#menuDerakht a.titrZirMNU, ul#menuDerakht a.titrZirMNU:link, ul#menuDerakht a.titrZirMNU:visited {
    position: relative;
    padding: 7px 40px 7px 0px;
    width: calc(100% - 40px);
    margin-top: 0px;
}

ul#menuDerakht span.iconZirMNU {
    display: inline-block;
}

ul#menuDerakht > li.titrAsliDKT > span.iconAsliTitrAsliDKT {
    padding: 0px;
    position: relative;
    top: 10px;
    margin-left: 10px;
    right: 10px;
    background-image: url("../pic/aks-icon-MNU-derakht.png");
    background-repeat: no-repeat;
    background-position: 0px center;
    background-size: 41px;
    overflow: hidden;
}


ul#menuDerakht #kadrIconhaMNU {
    height: 40px;
    width: 0px;
    padding-left: 40px;
}

ul#menuDerakht a.iconMNU {
    margin: 5px 3px 5px 2px;
}

li.titrBedoneZirMenuDKT::before {
  /*  content: "_";
    font-family: myIcon4;
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 1rem;
    color: var(--cl-2);*/
}

li.titrBaZirMenuDKT {
    position: relative;
}

li.titrBaZirMenuDKT > a.titrZirMNU {
    font-weight: bold;
}

li.titrBaZirMenuDKT::before {
    content: "";
    font-family: myIcon4;
    position: absolute;
    top: 12px;
    right: 15px;
    font-size: 0.75rem;
    color: var(--cl-2);
    font-weight: bold;
    transform: rotate(90deg);
    /*z-index: 10;*/
    transition: transform 0.3s;
}

li.titrBaZirMenuDKT:hover::before {
    color: var(--cl-tit);
}

li.titrBaZirMenuDKT.baz::before {
    color: var(--cl-tit);
    transform: rotate(0deg);
}


/*li.titrAsliDKT.baz::before
{
    transform: rotate(180deg);
}*/

/*  پایان منو درختی  */

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

.kadrMohtavaHDR {
    float: left;
    width: 15%;
    min-width: 270px;
    margin-top: 8px;
}

/* شروع روایت */

p.matnHDR {
    display: none; /*diz*/
    float: right;
    width: calc(100% - 330px);
    margin: 6px 15px;
    padding: 0;
    font-family: arabic;
    font-size: 1.345rem;
    white-space: nowrap;
    overflow: hidden;
    color: var(--cl-3);
}

p.matnHDR span {
    display: none; /*diz*/

    position: relative;
    white-space: nowrap;
    transition: 1000ms 200ms linear left;
    left: 0%;
}

p.matnHDR:hover span {
    display: none; /*diz*/
    transition: 15s 200ms linear left;
    left: 200%;
}

/* پایان روایت */


/* کادر مطالب */
.kadrKolMataleb {
    position: relative;
    float: left;
    width: 78%;
    margin-top: 40px;
background-color: var();
}

.kadrKolMataleb:first-child {
    padding-bottom: 64px;
}

.kadrItemMataleb {
    float: right;
    width: calc(100% - 20px);
    margin-top: 0px;
    padding: 0px 10px;
    overflow: auto;
}

.kadrItemMataleb > .kadrVasetM {
    position: relative;
    left: 0;
    display: flex;
    justify-content: space-around;
    float: right;
    width: 100%;
    transition: left 0.3s;
}


.itemMatlab {
    position: relative;
    float: right;
    width: calc(25% - 43px);
    padding: 10px 10px 10px;
    margin: 10px;
    border: 1px solid var(--cl-brd);
    border-radius: 16px;
    background-color: var(--cl-bck);
}

.kadrKolMatalebSabtNami .itemMatlab {
    border-bottom: unset;
    border-top: 1px solid var(--cl-brd);
}

/*.itemMatlab:last-child
{
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}*/

a.linkAksItemMatlab, a.linkAksItemMatlab:link, a.linkAksItemMatlab:visited {
    position: relative;
    float: right;
    width: 100%;
}

img.aksItemMatlab {
    float: left;
    width: 100%;
    border-radius: 12px;
}

span.tarikhMatlab {
    display: none/*diz*/;
    float: left;
    position: absolute;
    bottom: 5px;
    left: 4px;
    padding: 2px 9px 0;
    border-radius: 0px 8px;
    font-size: 0.75rem;
    color: var(--cl-5-5);

}

a.titrItemMatlab, a.titrItemMatlab:link, a.titrItemMatlab:visited {
    float: right;
    width: calc(100% - 0px);
    height: 22px;
    margin: 10px 0px 0px;
    font-size: 0.875rem;
    overflow: hidden;
    transition: color 0.2s;
}

a.titrItemMatlab:hover {
    color: var(--cl-2);
}

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


.kholasehItemMatlab {
    float: right;
    width: calc(100% - 10px);
    height: 117px;
    padding:0px 5px;
    overflow: hidden;
    margin-top: 5px;
    font-size: 0.875rem;
    color: hsl(0, 0%, 60%);
    text-align: justify;
}

.kadrKolMataleb .itemMatlab::after {
    display: none /*diz*/;
    content: "";
    position: absolute;
    top: 0;
    right: 25%;
    width: 50%;
    height: 8px;
    border-radius: 0 0 8px 8px;
    background-color: var(--cl-5-1);
}


.kadrKolMatalebSabtNami {
    width: 100%;
}

.kadrKolMatalebSabtNami .itemMatlab {
    position: relative;
    width: calc(100% - 40px);
    padding: 20px 10px;
    margin: 0 10px;
    border-radius: 16px;
    /* diz
    box-shadow: 0px 0px 5px hsl(0, 0%, 82%);
    */
}

.kadrKolMatalebSabtNami .itemMatlab::after {
    content: "";
    position: absolute;
    top: 0;
    right: 25%;
    width: 50%;
    height: 8px;
    border-radius: 0 0 8px 8px;
    background-color: var(--cl-5-1);
}

.kadrKolMatalebSabtNami img.aksItemMatlab {
    border-radius: 8px;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}


/* شروع اسلایدر */


td.makhfiDarRWD {
    display: table-cell;
}

td.makhfiDarMF {
    display: none;
}

tr.makhfiDarRWD {
    display: table-cell;
}


td#seloolChapMF {
    width: calc(50% - 5px);
    padding: 0px 5px 0px 0px;
}

td#seloolRastMF {
    width: calc(50% - 5px);
    padding: 0px 0px 0px 5px;
}

#mohtavaAsliSV {
    /* diz padding:10px 0px 0px 0px;*/
}

.itemKholasehMA {
    margin-bottom: 10px;
    border-radius: 12px;
}

td#seloolVasat {
    width: calc(100% - 20px);
    padding: 0px 10px;
    border-radius: 12px;
}


#kadrVasetmohtavaAsliSV {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}

.swiper-container {
    border-radius: 12px;
}


h2.titrKholasehMA {
    width: calc(100% - 20px);
    height: 40px;
    padding: 14px 10px 0px 10px;
    overflow: hidden;
}

h2.titrKholasehMA a, h2.titrKholasehMA a:link, h2.titrKholasehMA a:visited {
    white-space: normal;
    line-height: 1.4;
    overflow: hidden;
    font-weight: normal;
    font-size: 0.875rem;
}

.itemKholasehMA[data-hover-shodeh] h2.titrKholasehMA {
    padding: 14px 10px 0px 10px;
}

.itemKholasehMA:nth-child(6)[data-hover-shodeh] h2.titrKholasehMA {
    padding: 3px 10px;
}

.itemKholasehMA:nth-child(6) h2.titrKholasehMA {
    height: 20px;
}

.itemKholasehMA:nth-child(6) h2.titrKholasehMA a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    font-size: 1.125rem;
}

.kadrKholasehMA {
    display: none;
}

#kadrEttMA {
    height: 36px;
    overflow-y: hidden;
}

#mohtavaAsliSV {
    width: 100%;
    position: relative;
    /* diz padding: 1.8% 0px 0px 0px;*/
}

.itemKholasehMA {
    cursor: pointer;
    background-color: hsl(130, 8%, 15%);
    transition: background-color 0.3s;
    border-radius: 16px;
    margin-bottom: 8.035%;
    overflow: hidden;
}


.kadrMatnhaKholasehMA {

    overflow-y: auto;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    background-color: var(--cl-5-5);
    left: unset;
    padding: unset;
    margin: unset;
    z-index: 1;
}

h4.titrKholasehMA {
    height: 34px;
    margin: 0px;
}

h4.titrKholasehMA a, h4.titrKholasehMA a:link, h4.titrKholasehMA a:visited {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    font-family: vazir;
    font-size: 0.875rem;
    line-height: 1;
    padding: 10px 10px;
    color: var(--cl-tit);
    text-decoration: none;
}

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

h4.titrKholasehMA a:active {
    color: var(--cl-act);
}
.kadrBakhshMatlabMA+.kadrMatnhaKholasehMA
{
    margin-right: 40px;
}
.kadrBakhshMatlabMA+.kadrMatnhaKholasehMA h4
{
    padding-left: 40px;
}
.kadrBakhshMatlabMA+.kadrMatnhaKholasehMA+img.axKholasehMA
{
    object-position: -20px;
}
.kadrBakhshMatlabMA
{
    width: 40px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: var(--cl-1);
    z-index: 1;
    cursor: initial;
}
.titrBakhshMatlabMA
{
    display: block;
    width: 400%;
    transform: rotate(-90deg);
    font-family: Vazir;
    font-size: 0.875rem;
    transform-origin: 142px 15px;
    color: var(--cl-tit);
}

.kadrBakhshMatlabMA span.iconKenarMatn
{
    display: inline-block;
    font-size: 1.4rem;
    color: var(--cl-3);
    padding: 10px;
    margin-bottom: 10px;

}

.kadrKholasehMA {
    float: right;
    width: calc(100% - 20px);
    max-height: 0px;
    opacity: 0;
    overflow: hidden;
    padding: 5px 10px;
    font-family: vazir;
    font-size: 0.875rem;
    color: var(--cl-4-txt);
    text-shadow: 0px 0px 3px var(--cl-4-shd);
    transition: max-height 0.5s, opacity 0.5s;
}

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

tbody {
    position: relative;
}

td#seloolVasat {
    padding: 0px;
}

td#seloolChap, td#seloolRast {
    width: calc(26% - 30px);
    padding: 0px 1.8%;

}

table#tblFullMA > tbody > tr > td#seloolChap,
table#tblFullMA > tbody > tr > td#seloolRast {
}

td#seloolVasat {
    width: 48%;
}

td.makhfiDarRWD {
    display: none;
}

td.makhfiDarMF {
    display: table-cell;
}

tr.makhfiDarRWD {
    display: none;
    padding: 10px;
    padding-bottom: 0px;
}


.kadrNamayeshMA {
    /*background-color: hsl(158, 7%, 21%);*/
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.kadrRatioAxBozorgMA {
    padding-top: 56.25%;
    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: 100%;
    /*border:2px solid hsl(132, 73%, 20%);
    box-shadow:2px 2px 5px hsl(137, 14%, 10%);*/
}


.kadrEttMA {
    /*diz height: 142px;*/
    width: 100%;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-color: var(--cl-5-5);
}

h3.titrNamayeshMA {
    height: 38px;
    width: calc(100% - 70px);
    /*margin:0.857% 2.857% 1.428% 2.857%;*/
    margin: 0px;
    position: relative;
}

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: 1.125rem;
    line-height: 1;
    padding: 10px 10px;
    color: var(--cl-tit);
    text-shadow: 1px 1px 3px var(--cl-txt);
    text-decoration: none;
}

h3.titrNamayeshMA a:not(.dokmehKeshoee):hover {
    color: var(--cl-hov);
}

h3.titrNamayeshMA a:not(.dokmehKeshoee):active {
    color: var(--cl-act);
}

.swiper-container {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
}

.swiper-pagination {
    left: 10px !important;
    width: auto !important;
    bottom: 15px !important;
}

.itemKholasehMA {
    cursor: pointer;
    background-color: hsl(130, 8%, 15%);
    transition: background-color 0.3s;
    border-radius: 16px;
    margin-bottom: 8.035%;
    overflow: hidden;
}


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

.anmBazShodanAmoodiAks2 {
    animation: namayeshItemRast 0.5s 0.2s;
    animation-fill-mode: backwards;
    margin: 0px;
}

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

.anmBazShodanAmoodiAks4 {
    animation: namayeshItemChap 0.5s 0.2s;
    animation-fill-mode: backwards;
    margin: 0px;
}

.itemKholasehMA:hover {
    background-color: hsl(118, 19%, 26%);
}

.itemKholasehMA:hover .kadrAxKholasehMA {
    outline: 2px solid hsla(84, 100%, 69%, 1);
}

.mahvMA {
    opacity: 1;
}

/*diz.mahvMA .kadrAxKholasehMA
{
    outline: 2px solid hsl(97, 100%, 84%);
}*/

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

table.tblItemKholasehMA td.sotoonAx {
    padding: 0px;
}

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


.kadrAxKholasehMA {
    width: 100%;
    padding-top: 56.25%;
    /*diz margin:0px 7.142%;*/
    overflow: hidden;
    position: relative;
    outline: 2px solid hsla(97, 100%, 84%, 0);
    transition: outline-color 0.3s;
}
.kadrAxKholasehMA>h4>a
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
}.kadrAxKholasehMA>h4
{
    width: 100%;
    position: absolute;
    top: -23px;
    right: 0px;
}
img.axKholasehMA {
    width: 100%;
    position: absolute;
    /*diz left: -39%;*/
    top: 0px;
    right: 0px;
}

.kadrAxKholasehMA video
{
    aspect-ratio: 16 / 9;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.kadrAxKholasehMA>video~a~.kadrMatnhaKholasehMA
{
    width: calc(100% + 8px);
}

.sotoonAx::after {
    display: none;
}

.sotoonAx {
    float: unset;
}

.itemKholasehMA {
    width: 100%;
}

/* پایان اسلایدر */


/*  شروع اطلاعیه  */

.kadrMohtava {
    position: relative;
    float: right;
    margin: 40px 20px 0 0px;
}

.kadrTitrMohtava {
    float: right;
    width: calc(100% - 80px);
    height: 30px;
    padding: 15px 70px 15px 10px;
    margin-top: 15px;
    background-color: var(--cl-bck-tit);
}

h2.titrKadrMohtava {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.125rem;
    color: var(--cl-tit);
    word-spacing: 3px;
}

h2.titrKadrMohtava.story {
    display: none;
}

.kadrBadanehMohtava {
    position: relative;
    float: right;
    width: 100%;
    padding: 10px 0px;
}


.kadrEtelaeieh {
    width: calc(22% - 35px);
    border-left: solid 1px var(--cl-brd);

}

.kadrVasetEtelaeieh {
    float: left;
    width: 100%;
    aspect-ratio: 0.8;
    overflow: hidden;
}

a.itemEtelaeieh, a.itemEtelaeieh:link, a.itemEtelaeieh:visited {
    position: relative;
    bottom: 0; /* برای گرفتن انیمیشن */
    float: left;
    width: 100%;
    transition: bottom 0.3s;
}

img.aksEtelaeieh {
    float: left;
    width: 100%;
    aspect-ratio: 0.8;
    object-fit: contain;
    /*diz background-color: var(--cl-bck-img);*/
}

.kadrDokmehEtelaeieh {
    position: absolute;
    bottom: 2%;
    right: 0px;
    float: right;
    width: 30px;
}

a.dokmehEtelaeieh, a.dokmehEtelaeieh:link, a.dokmehEtelaeieh:visited {
    float: right;
    width: 26px;
    height: 17px;
    padding: 4px 0;
    margin: 5px 2px;
    text-align: center;
    border-radius: 50%;
    font-family: myIcon4;
    background-color: hsl(0, 0%, 85%);
    color: hsl(0, 0%, 0%);
    cursor: pointer;
}

a.dokmehEtelaeieh:hover {
    background-color: hsl(0, 0%, 90%);
}

a.dokmehEtelaeieh:active {
    background-color: hsl(0, 0%, 95%);
}

/*  پایان اطلاعیه  */


/* نوار راست */
#navarRast {
    float: right;
    width: calc(25% - 30px);
    margin-right: 30px;
    overflow-y: auto;
    clear: right;
}


/*   منوی بخش های فرعی سایت   */

#kadrMenuBakhshhaNR {
    float: right;
    width: calc(25% - 52px);
    padding: 10px;
    margin-right: 30px;
    margin-top: 15px;
    border: 1px solid var(--cl-brd);
    border-radius: 16px;
    position: relative;
    transition: height 0.3s;
}

#kadrMenuBakhshhaNR.halatBazMenu .tozihMenuNR {
    display: none;
}

#kadrMenuBakhshhaNR a#dokmehSehnoghtehBakhshha, #kadrMenuBakhshhaNR a#dokmehSehnoghtehBakhshha:link, #kadrMenuBakhshhaNR a#dokmehSehnoghtehBakhshha:visited {
    display: none;
    height: 50px;
    width: 50px;
    font-family: myIcon;
    font-size: 1.5rem;
    color: var(--cl-3);
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 10px;
}


#kadrMenuBakhshhaNR a#dokmehSehnoghtehBakhshha:hover {
    color: var(--cl-4-1);
}


#kadrMenuBakhshhaNR a#dokmehSehnoghtehBakhshha:active {
    color: var(--cl-bck);
}


#kadrMenuBakhshhaNR span.iconMenuNR {
    display: none;
    padding: 5px 0px;
    margin-right: 10px;
    width: 12px;
    font-family: myIcon4;
    font-size: 1rem;
    line-height: 1;
    vertical-align: middle;
    /*diz color: white;*/
    transition: transform 0.3s;
}


#kadrMenuBakhshhaNR ul.menuNR {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    border-radius: 8px;
    overflow: hidden;
    background: url("../pic/logo-watermark.png") no-repeat;
    background-size: 300px;
    background-position: -100px 100px;
    background-color: hsl(0, 0%, 100%);
}

#kadrMenuBakhshhaNR ul.menuNR > li {
    float: right;
    width: 100%;
}

#kadrMenuBakhshhaNR span.titrMenuNR {
    float: right;
    padding: 8px 10px 8px 20px;
    margin: 0 10px;
    border-bottom: 1px solid hsl(353, 84%, 58%);
    font-family: vazir;
    font-size: 1rem;
}


#kadrMenuBakhshhaNR ul.menuNR:hover {
    display: block;
    opacity: 1;
    height: auto;
    padding: 0px;
    overflow: hidden;
    /*diz right: 0px;
    border-radius: 5px;*/
}

#kadrMenuBakhshhaNR a.titrMenuNR, #kadrMenuBakhshhaNR a.titrMenuNR:link, #kadrMenuBakhshhaNR a.titrMenuNR:visited {
    display: block;
    width: calc(100% - 15px);
    padding: 8px 15px 8px 0px;
    margin-top: 2px;
    margin-bottom: 2px;
    font-family: vazir;
    font-size: 0.875rem;
    text-align: right;
    text-decoration: none;
    border-radius: 8px;
    color: var(--cl-5-1);
    transition: background-color 0.2s;
}

#kadrMenuBakhshhaNR a.titrMenuNR:hover {
    background-color: var(--cl-4-4);
}

#kadrMenuBakhshhaNR a.titrMenuNR:active {
    transition: none;
    background-color: var(--cl-5-2);
    color: var(--cl-bck);
}


#kadrMenuBakhshhaNR a.titrMenuNR.entekhabShodehMBNR, #kadrMenuBakhshhaNR a.titrMenuNR.entekhabShodehMBNR:link, #kadrMenuBakhshhaNR a.titrMenuNR.entekhabShodehMBNR:visited {
    font-size: 0.875rem;
    background-color: var(--cl-4-3);
    color: var(--cl-5-1);
}

#kadrMenuBakhshhaNR a.entekhabShodehMBNR span.iconKenarMenu, #kadrMenuBakhshhaNR a.entekhabShodehMBNR:link span.iconKenarMenu, #kadrMenuBakhshhaNR a.entekhabShodehMBNR:visited span.iconKenarMenu {
    background-position: right center;
}


#kadrMenuBakhshhaNR a span.iconKenarMenu, #kadrMenuBakhshhaNR a:link span.iconKenarMenu, #kadrMenuBakhshhaNR a:visited span.iconKenarMenu {
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px;
    height: 30px;
    width: 30px;
    background: url("../pic/elemanha.png") no-repeat;
    background-position: right top;
    background-size: 90px 90px;
}

#kadrMenuBakhshhaNR a:hover span.iconKenarMenu {
    background-position: right center;
}

#kadrMenuBakhshhaNR a:active span.iconKenarMenu {
    background-position: right bottom;
}


#kadrMenuBakhshhaNR .khatZirDar {
    position: relative;
}


#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 {
    height: 0px; /*  baraye namayesh "h=50px" shavand*/
    float: left;
    width: calc(33.333% - 20px);
    margin: 0px 10px;
    border-radius: 0px 0px 5px 5px;
    overflow: hidden;
    position: relative;
    top: 0px;
    z-index: 49;
    transition: height 0.8s, top 0.8s;
}

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

#dokmehBastanPNR {
    display: none;
}

input#txtCodePeygiri {
    display: block;
    float: right;
    height: 26px;
    width: calc(100% - 79px); /*    DEP w,pad, va mar-r a.link kenarash, pad, border 2px khodash*/
    padding: 0px 5px; /*    DEP w   */
    margin: 10px 0px;
    border: 1px solid hsl(0, 0%, 36%);
    border-radius: 2px;
    font-family: vazir;
    font-size: 1rem; /*    16px    */
    line-height: 1;
    direction: ltr;
    text-align: left;
    color: hsl(270, 13%, 9%);
}

input#txtCodePeygiri::-webkit-input-placeholder {
    text-align: center;
}

input#txtCodePeygiri:-moz-placeholder /* Firefox 18- */
{
    text-align: center;
}

input#txtCodePeygiri::-moz-placeholder /* Firefox 19+ */
{
    text-align: center;
}

input#txtCodePeygiri:-ms-input-placeholder {
    text-align: center;
}

#kadrPeygiriSefareshPNR > a, #kadrPeygiriSefareshPNR > a:link, #kadrPeygiriSefareshPNR > a:visited {
    display: block;
    float: right;
    width: 50px;
    height: 14px;
    padding: 7px 5px;
    margin: 10px 5px 10px 0px;
    border-radius: 3px;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    color: hsl(0, 0%, 95%);
    background-color: hsl(353, 84%, 58%);
}

#kadrPeygiriSefareshPNR > a:hover {
    background-color: hsl(353, 84%, 40%);
}

#kadrPeygiriSefareshPNR > a:active {
    background-color: hsl(353, 84%, 30%);
}

#sotoonVasat {
    /*diz display: flex;*/
    flex-wrap: wrap;
    width: calc(100% - 20px);
    margin: 0px 10px 10px;
    float: right;
    position: relative;
}

.kadrVasetKadrha {
    float: right;
    display: flex;
    width: 100%;
    margin: 20px 0px;
}

.kadrKolChandResaneyi, .kadrKolMoarefiAsatid {
    position: relative;
    float: right;
    display: flex;
    width: 25%;
}

.makhfiDarRWD {
    display: none;
}

.makhfiDarMF {
    display: block;
}


/*.mohtavaAsliSV
{
    position: relative;
    float: right;
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 60px);
    padding: 30px;
}*/

.kadrMahtavaSV {
    position: relative;
    float: right;
    display: flex;
    align-items: center;
    width: calc(50% - 20px);
    margin: 0 0 0 15px;
    border: 1px solid hsl(20, 100%, 50%);
    border-radius: 8px;
}

.kadrMahtavaSV:last-child {
    margin: 0 20px 0 0;
}

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


.tablighMatlab {
    float: right;
    width: 100%;
    margin-bottom: 30px;
}

.tablighMatlab a[href="#"], #tablighSV a[href="#"] {
    pointer-events: none;
}

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

h4.titrMohtava {
    position: relative;
    float: right;
    margin: 0;
    padding: 0px 0px 20px;
    font-size: 1.125rem;
    color: var(--cl-asl);
}

.kadrKolChandResaneyi h4.titrMohtava::after {
    display: none;
}

.kadrKolChandResaneyi h4.titrMohtava {
    color: var(--cl-2-3);
}

.kadrKolChandResaneyi h4.titrMohtava.titrEntekhabShodehCHR::after {
    display: block;
}

.kadrKolChandResaneyi h4.titrMohtava.titrEntekhabShodehCHR {
    color: var(--cl-3);
}

.kadrVasetKadrha .kadrKolChandResaneyi h4.titrMohtava {
    display: flex;
    position: absolute;
    top: 0px;
    right: 20px;
    z-index: 3;
    cursor: pointer;
}

.kadrVasetKadrha .kadrKolChandResaneyi h4.titrMohtava span.matnKenarIcon {
    color: var(--cl-asl);
}

.kadrKolChandResaneyi h4.titrMohtava + h4.titrMohtava {
    right: 145px;
}

.kadrKolChandResaneyi h4.titrMohtava + h4.titrMohtava + h4.titrMohtava {
    right: 30px;
}


h4.titrMohtava::after {
    content: "";
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 100px;
    height: 2px;
    background-color: var(--cl-asl3);
}

.kadrKolChandResaneyi .h4.titrMohtava::after {
    display: none;
}


.kadrKolMoarefiAsatid .kadrKolGallery {
    padding: 5% 30px;
}

.kadrKolMoarefiAsatid .aksGallery {
    aspect-ratio: 4 / 7;
    object-fit: cover;
}

.kadrKolMoarefiAsatid .itemGallery {
    width: calc(25% - 16px);
}

.kadrKolMoarefiAsatid h4.titrMohtava {
    position: absolute;
    top: 0px;
    right: 0px;
}

.kadrKolMoarefiAsatid .kadrKolGallery {
    height: auto;
}

/*
diz
.itemMV
{
    position: relative;
    float: right;
    width: 100%;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid hsl(20, 100%, 90%);
    overflow: hidden;
}

.itemMV:last-child
{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.kadrAksMV
{
    float: right;
    width: calc(20% - 10px);
    margin-left: 10px;
}

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

img.aksMV
{
    display: block;
    width: 100%;
    border-radius: 4px;
}

.kadrTitrMV
{
    float: right;
    width: 80%;
}

h4.titrMV
{
    float: right;
    width: 100%;
    height: 52px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    font-size: 1rem;
    font-weight: normal;
}

h4.titrMV > a, h4.titrMV > a:link, h4.titrMV > a:visited
{
    float: right;
    width: 100%;
}

h4.titrMV > a:hover
{
    color: hsl(45, 100%, 30%);
}

h4.titrMV > a:active
{
    transition: none;
    color: hsl(45, 100%, 40%);
}

diz
*/

/*  کادر محصولات  */

.mohtavaAsliSV {
    float: right;
    width: calc(75% - 0px);
    margin-top: 0px;
    padding: 0px;
    /*background-color: var(--cl-bck-itm);*/
    border-radius: 32px;
    /*box-shadow: 2px 2px 10px -5px var(--cl-say);*/
    position: relative;
    margin-bottom: 0px;
}

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

h4.titrMohtava .iconKenarMatn
{
    color: var(--cl-asl);
    font-size: 1.625rem;
}*/

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

a.dokmehTitrMohtava:hover {
    color: var(--cl-asl);
}

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


a.dokmehTitrMohtava:hover span.matnKenarIcon + span.iconKenarMatn {
    color: var(--cl-asl);
    left: -50px;
}

a.dokmehTitrMohtava:active span.iconKenarMatn + span.iconKenarMatn {
    color: var(--cl-bck-itm);
    left: -60px;
}


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


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

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-txt);
    text-align: center;
    opacity: 0.0;
    transition: 0.3s opacity, 0.3s padding-left, 0.3s 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;
}

.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-2-3);
    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-2-3);
    cursor: pointer;
}

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

.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-3) 50%, var(--cl-4-2) 100%);
    transition: right 0.3s;
}

.itemMV {
    position: relative;
    bottom: 0px;
    float: right;
    width: calc(5% - 40px);
    margin: 10px;
    padding: 10px;
    border-radius: 16px;
    overflow: hidden;
    transition: bottom 0.2s;
    border: 1px solid var(--cl-brd);
    background-color: var(--cl-bck);
      /*    box-shadow: 0px 0px 5px var(--cl-2-4);*/
}

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

.itemKhaliMV {
    background-image: url(../pic/logo-back-menu-derakht.png);
    background-repeat: no-repeat;
    background-position: 40% 50%;
    background-size: 80%;
}

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

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

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;
    text-align: center;
}

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-txt);
    transition: color 0.2s;
}

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-3);
}

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

/*  پایان کادر محصولات  */


a.btnNamayeshBishtar, a.btnNamayeshBishtar:link, a.btnNamayeshBishtar:visited {
    width: 60px;
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px 0px 15px;
    padding: 5px 15px 5px 0px;
    border-radius: 8px;
    text-align: center;
    font-size: 0.875rem;
    color: var(--cl-3);
    /*border: solid 1px var(--cl-3);*/
    transition: background-color 0.2s, color 0.2s;
}

.kadrKolMataleb a.btnNamayeshBishtar, .kadrKolMataleb a.btnNamayeshBishtar:link, .kadrKolMataleb a.btnNamayeshBishtar:visited {
    position: absolute;
    top: 10px;
    left: 15px;
}

#kadrSothayeMontakhab .btnNamayeshBishtar, #kadrSothayeMontakhab a.btnNamayeshBishtar:link, #kadrSothayeMontakhab a.btnNamayeshBishtar:visited {
    position: absolute;
    top: -25px;
    left: 20px;
}

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

a.btnNamayeshBishtar:active {
    background-color: var(--cl-4-2);
    color: var(--cl-2);
}

.kadrVasetKadrha a.btnNamayeshBishtar {
    left: 15px;
    top: 10px;
}

.kadrVasetKadrha #kadrTasavirMontakhab a.btnNamayeshBishtar {
    bottom: -6px;
    top: unset;
    left: 10px;
    margin-bottom: 0px;
}

/* موضوعات منتخب */
.kadrMatalebMontakhab {
    position: relative;
    float: right;
    display: flex;
    align-items: center;
    width: calc(40% - 32px);
    margin: 30px 0 30px 30px;
    border: 1px solid hsl(20, 100%, 50%);
    border-radius: 8px;
}

.kadrVasetMohtava {
    float: right;
    width: calc(100% - 40px);
    padding: 20px;
}

h4.titrMM {
    float: right;
    width: 100%;
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 1.25rem;
    color: hsl(20, 100%, 50%);
}

a.onvanMV, a.onvanMV:link, a.onvanMV:visited {
    position: absolute;
    top: -10px;
    right: 5px;
    float: right;
    margin: 0;
    padding: 1px 8px;
    font-size: 0.75rem;
    font-weight: normal;
    border-radius: 13px;
    background-color: hsl(0, 0%, 100%);
    border: 1px solid hsl(0, 0%, 80%);
    color: hsl(45, 100%, 40%);
}

a.onvanMV:hover {
    background-color: hsl(45, 100%, 90%);
}

a.onvanMV:active {
    background-color: hsl(45, 100%, 85%);
}

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

.aksTablighMM {
    float: right;
    width: 100%;
    border-radius: 8px;
}

.kadrMatalebMontakhab .itemMV {
    position: relative;
    width: calc(100% - 22px);
    padding: 24px 10px 10px;
    margin-bottom: 15px;
    border: 1px solid hsl(0, 0%, 80%);
    overflow: visible;
    border-radius: 8px;
}

.kadrMatalebMontakhab .kadrAksMV {
    width: calc(30% - 10px);
}

.kadrMatalebMontakhab .kadrTitrMV {
    width: 70%;
}

/* استایل های کلی قیمت و... */


.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;
    margin-left: 5px;
    margin-top: 2px;
    color: var(--cl-tit3);
}

span.matnKenarIcon {
    vertical-align: middle;
}

@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)
    }
}

/*.kadrLoading
{
    display: none;
    height: 100%;
    width:100%;
    position: absolute;
    top:0px;
    left: 0px;
    z-index:10;
    background-color: hsla(163, 7%, 21%, 0.51);
    overflow: hidden;

}*/

@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:  var(--cl-asl3);
    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%) var(--cl-asl2) var(--cl-asl2);
    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) var(--cl-asl2) var(--cl-asl2);
    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;
    }
}

/*.kadrLoading
{
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    background-color: hsla(163, 7%, 21%, 0.51);
    overflow: hidden;
}

.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;
}*/

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

.kadrLoading {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !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-3);
    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;
}

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

.loadingInline {
    display: inline-block;
    vertical-align: text-bottom;
    padding-right: 3px;
    width: 20px;
    height: 20px;
    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(200, 100%, 30%) hsl(200, 100%, 30%) hsl(200, 100%, 50%) hsl(200, 100%, 50%);
    box-shadow: 0px 0px 0px 1px hsl(200, 100%, 30%), 0px 0px 0px 1px hsl(200, 100%, 30%) inset;
    border-radius: 50%;
}

.loadingInline .kadrLoading #daiereh2 {
    border: 3px solid;
    border-color: hsla(0, 100%, 50%, 0) hsla(0, 100%, 50%, 0) hsl(200, 100%, 50%) hsl(200, 100%, 50%);
    box-shadow: 0px 0px 0px 1px hsl(200, 100%, 30%), 0px 0px 0px 1px hsl(200, 100%, 30%) inset;
}

.loadingInline .kadrLoading #daiereh3 {
    border: 3px solid;
    border-color: hsla(0, 100%, 50%, 0) hsla(0, 100%, 50%, 0) hsl(200, 100%, 30%) hsl(200, 100%, 30%);
    box-shadow: 0px 0px 0px 1px hsl(200, 100%, 30%), 0px 0px 0px 1px hsl(200, 100%, 30%) 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: yekan;
    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;
}

/*  شروع بخش صوتی و ویدئو  */

#kadrSotiMEZF {
    position: relative;
    float: right;
    width: calc(100% - 20px);
    margin: 20px 20px 0px 0px;
    /*clear: right;*/
    overflow: auto;
    padding-bottom: 20px;
    background-color: var(--cl-5-bck);
}

#kadrSotiMEZF a.btnNamayeshBishtar {
    left: 15px;
    font-weight: normal;
}

#kadrSotiMEZF h4.titrMohtava {
    width: 100%;
}


#kadrSotiMEZF a.barchasbMEZF, #kadrSotiMEZF a.barchasbMEZF:link, #kadrSotiMEZF a.barchasbMEZF:visited {
    position: relative;
    width: calc(90% - 38px);
    height: 26px;
    line-height: 26px; /*تصحیح فونت*/
    text-align: right;
}


.kadrTitrMEZF {
    float: right;
    width: calc(100% - 40px);
    padding: 20px 20px 0px 20px;
    margin-top: 10px;
    overflow: auto;
    background-color: var(--cl-5-bck);
}

span.iconTitrMEZF {
    float: right;
    width: 20px;
    height: 20px;
    margin: 4px 0px 4px 10px;
    font-family: myIcon2;
    font-size: 1.125rem;
    color: var(--cl-5-ttr);
}

h4.titrMEZF {
    float: right;
    width: calc(100% - 35px);
    margin: 0px;
    font-family: vazir;
    font-size: 1.125rem;
    font-weight: normal;
    color: var(--cl-5-ttr);
}

span.matnbarchasbMEZF {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#kadrSotiMEZF a.barchasbMEZF > .khatEtesalMEZF {
    display: none;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 16.5px;
    width: 0px;
    height: 1px;
    background-color: var(--cl-5-brd);
}

/*

#sotiMEZF
{
    position: relative;
    z-index: 0;
    width: calc(50% - 40px);
    height: 280px;
    float: right;
    margin-left: 40px;
    padding: 20px 0px 20px 0px;
    background-color: var(--cl-5-bck);
}

.sotiMEZFMF
{
    display: none;
    float: right;
    display: inline-block;
    background-color: var(--cl-khas-bck-sotiMF);
    border-radius: 10px;
    max-height: 0px;
    transition: 1s max-height;
    width: calc(100% - 20px);
}
*/

#kadrBarchasbhaSotiMEZF {
    background-color: var(--cl-5-bck);
    position: relative;
    z-index: 2;
}

#kadrBarchasbhaSotiMEZF > .kadrVasetBarchasbhaMEZF {
    overflow: visible;
}


.khatAmoodiVaselMEZF {
    display: none;
}

.khatSotiMEZF {
    display: none;
    position: absolute;
    top: 0px;
    right: 30px;
    width: 50px;
    height: calc(100% - 2px);
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: var(--cl-brd);
}


/*

#titrSoti
{
    width: calc(50% - 60px);
    height: 296px;
    padding: 20px 30px;
}

#kadrSotihayeMEZF
{
    width: 100%;
    height: 100%;
    overflow: auto;
}
*/

/* اسکرول بار */
#kadrSotihayeMEZF::-webkit-scrollbar {
    width: 5px;
    margin-left: 5px;
    border-radius: 5px;
}

/* کادر دور اسکرول بار */
#kadrSotihayeMEZF::-webkit-scrollbar-track {
    background-color: hsl(0, 0%, 20%);
    border-radius: 5px;
}

/* خود اسکرول بار */
#kadrSotihayeMEZF::-webkit-scrollbar-thumb {
    background-color: hsl(0, 0%, 60%);
    border-radius: 5px;
}

/* هاور اسکرول بار */
#kadrSotihayeMEZF::-webkit-scrollbar-thumb:hover {
    background: hsl(0, 0%, 40%);
}

/*

.itemSotiMEZF
{
    float: right;
    width: 100%;
    margin-bottom: 12px;
    overflow: auto;
    background:
            linear-gradient(to left, hsl(183, 63%, 45%) 50%, hsla(183, 63%, 45%,0.5) 100%, transparent 4%), url("../pic/bg-kader-ezafat-ma2.jpg") no-repeat;
    background-size: 100%, 200%;
    !*border-radius: 18px;*!
}

.titrSotiMEZF
{
    float: right;
    width: calc(100% - 120px);
    padding: 5px 15px 5px 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: vazir;
    font-size: 1rem;
    text-indent: 20px;
    color:var(--cl-tit);
}

.kadrDokmehhaItemSotiMEZF
{
    float: left;
    width: 85px;
    margin: 0px 10px;
}

.kadrDokmehhaItemSotiMEZF a.btnLike, .kadrDokmehhaItemSotiMEZF a.btnLike:link, .kadrDokmehhaItemSotiMEZF a.btnLike:visited
{
    position: static;
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: var(--cl-3-icn);
    font-family: myIcon2;
    font-size: 1rem;
    background: none;
}

.kadrDokmehhaItemSotiMEZF a.btnLike:hover
{
    color: var(--cl-3-icn-hv);
}

.kadrDokmehhaItemSotiMEZF a.btnLike:active
{
    color: var(--cl-3-icn-ac);
}

a.dokmehItemSotiMEZF, a.dokmehItemSotiMEZF:link, a.dokmehItemSotiMEZF:hover
{
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    padding: 10px 5px;
    font-family: myIcon2;
    font-size: 1rem;
    color: var(--cl-tit);
}

a.dokmehItemSotiMEZF:hover
{
    color: var(--cl-2);
}

a.dokmehItemSotiMEZF:active
{
    color: var(--cl-5-1);
}
*/

/*diz a#peyvandArshivSoti,a#peyvandArshivSoti:link,a#peyvandArshivSoti:visited
{
    display:block;
    width:45px;
    float:right;
    font-family:yekan;
    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:yekan;
    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
{
    height: 192px;
    padding: 10px 2.331%;
    width: 95.337%;
    overflow-y:auto;

}

.itemSoti
{
    height: 40px;
    width:100%;
    padding: 4px 0px;

}

.kadrPakhshSoti
{
    float:left;
    height: 40px;
    width: 60.880%;
    position:relative;
    background-color: hsl(118, 19%, 26%);
}

h4.titrZamimehSoti
{
    text-align: right;
    padding: 12px 5px;
    width:calc(100% - 75px);
    font-family:koodak;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    z-index: 0;
    top: 0px;
    bottom: 0px;
    margin: auto 0px;
    right: 0px;

}

.itemSoti audio
{

}
.tblAudio
{
    width: 100%;
    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;
}


.mejs__container
{
    background-color: hsl(37, 67%, 57%) !important;
    min-width: unset !important;
    direction: ltr;
    width: auto !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;
}

.itemSoti .kadrDokmeh
{
    background-color: hsl(118, 19%, 32%);
}

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

a[class^="btn"]:hover
{
    !* color:  var(--hv-3);*!
}

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

.kadrLikeVaTedadSoti
{
    !*diz position: absolute;
    top:0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;*!
    position: relative;
    float: right;
    height: 16px;
    width: 16px;
    padding: 10px 5px;
}


span.tedadLikeSoti
{
    display: block;
    width: 22px;
    height: 10px;
    font-family: vazir;
    font-size: 0.625rem;
    line-height: 1;
    text-align: right;
    position: absolute;
    left: 26px;
    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;
}



#sotiMEZF .kadrDokmeh
{
    width: 13.039%;
    float: left;
}

*/
a#namayeshBishtarSoti,a#namayeshBishtarSoti:link,a#namayeshBishtarSoti:visited
{
    display: block;
    padding: 0px;
    width:28px;
    font-family: myicon4;
    font-size: 1rem;
    text-decoration: none;
    text-align: center;
    color: var(--cl-asl3);
    line-height: 1;
    margin: 0px auto;
    border-radius: 3px;
  /*  border:solid 1px var(--cl-asl2);*/

}

a#namayeshBishtarSoti:hover
{
    background-color: var(--cl-4-1);
    color: var(--cl-2);
}

a#namayeshBishtarSoti:active
{
    background-color: var(--cl-4-2);
    color: var(--cl-2);
}




/*      قسمت برچسب های ویدیو و صوتی    */

.kadrBarchasbhaMEZF {
    float: right;
    width: 50%;
}

#kadrSotiMEZF .kadrBarchasbhaMEZF {
    height: 230px;
}

#kadrVideoMEZF .kadrBarchasbhaMEZF {
    height: 330px;
}

#kadrEtelaatFileDarhalPakhsh {
    overflow: hidden;
    height: 0px;
}

.kadrVasetBarchasbhaPlayList {
    float: right;
    width: 100%;
    padding: 0px;
    opacity: 0.8;
    padding: 0px 0px 5px 0px;
}

#titrTozihat {
    float: right;
    color: var(--cl-14-ttr);
    text-align: center;
    font-family: 'vazir';
    opacity: 0.8;
    width: 100%;
    padding: 0px 0px 5px 0px;
}

.titrEFDP {
    float: right;
    color: var(--cl-14-ttr);
    text-align: right;
    font-family: 'vazir';
    opacity: 0.3;
    width: 100%;
    padding: 0px 0px 5px 0px;
}

a.linkTitrEFDP:link, a.linkTitrEFDP:visited {
    color: var(--cl-14-ttr);
    display: block;
}

a.linkTitrEFDP:hover {
    opacity: 0.8;
}

a.linkTitrEFDP:active {
    transform: scale(0.9, 0.9);
}


.kadrVasetBarchasbhaMEZF {
    width: calc(100% - 60px);
    height: calc(100% - 35px);
    margin: 20px 30px 15px;
    overflow: auto;
    direction: ltr;
}

a.barchasbMEZF, a.barchasbMEZF:link, a.barchasbMEZF:visited {
    float: right;
    display: inline-block;
    padding: 5px 15px 5px;
    margin: 4px;
    font-family: vazir;
    font-size: 1rem;
    color: var(--cl-tit);
    border-radius: 17px;
    background-color: var(--cl-bck-itm);
    transition: background-color 0.1s, color 0.1s;
}

a.barchasbMEZF[data-entekhabi],a.barchasbMEZF:link[data-entekhabi],a.barchasbMEZF:visited[data-entekhabi]
{
    background-color: var(--cl-asl2);
}

a.barchasbMEZF:hover {
    color: var(--cl-tit);
    background-color: var(--cl-2);
}

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

#kadrBarchasbhaSotiMEZF a.barchasbMEZF[data-entekhabi] {
    color: var(--cl-tit);
    background-color: var(--cl-asl2);
    /*height: 35px !important;*/
    right: 25px;
    /*line-height: 35px !important;*/
    border-radius: 30px;
}


#kadrBarchasbhaSotiMEZF a.barchasbMEZF[data-entekhabi]::after {
    content: "";
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: 7.5px;
    left: 10px;
    font-family: myIcon4;
    font-size: 1rem;
    color: var(--cl-tit);
}


#kadrVideoMEZF {
    float: right;
    width: calc(100% - 20px);
    margin: 20px 20px 0px 0px;
    overflow: auto;
    padding-bottom: 20px;
}

#kadrVideoMEZF h4.titrMohtava {
    width: 100%;
}

#videoMEZF {
    width: calc(50% - 60px);
    height: 296px;
    padding: 0px 30px 20px;
    float: left;
    position: relative;
}

#titrVideo {
    height: 20px;
    width: 95.337%;
    padding: 10px 2.331%;

}

a#peyvandArshivVideo, a#peyvandArshivVideo:link, a#peyvandArshivVideo:visited {
    float: right;
    display: block;
    width: 15px;
    font-family: myIcon2;
    font-size: 1rem;
    margin: 2px 0px 0px 10px;
    line-height: 1;
    text-decoration: none;
    color: var(--cl-icn);

}

a#peyvandArshivVideo:hover {
    color: var(--cl-9-ttr-hv);
}

a#peyvandArshivVideo:active {
    color: var(--cl-9-ttr-ac);
}

a#titrMatlabVideo, a#titrMatlabVideo:link, a#titrMatlabVideo:visited {
    display: block;
    width: calc(100% - 35px);
    height: 18px;
    padding: 0px 5px 5px;
    float: right;
    overflow-y: hidden;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: vazir;
    font-size: 1rem;
    line-height: 1;
    text-decoration: none;
    color: var(--cl-9-ttr);

}

a#titrMatlabVideo:hover {
    color: var(--cl-9-ttr-hv);
}

a#titrMatlabVideo:active {
    color: var(--cl-9-ttr-ac);
}

#kadrVideo {
    width: 79.478%;
    max-width: 341px;
    height: 192px;
    margin: 0px auto;
    position: relative;
    /*background-color: hsl(0, 0%, 0%);
    border-width: 3px 30px;
    border-style: solid;*/
    /*border-image: url("../pic/negative.jpg") 200 repeat;*/
    /*diz box-shadow: 0px 0px 1px hsl(45, 100%, 60%),0px 0px 8px 2px hsl(94, 39%, 36%);*/
    border-radius: 8px;
}

#kadrRatioVideo {
    width: 100%;
    height: 0px;
    padding-top: 56.304%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto 0px;
}

#kadrVasetVideo {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 12px;
}

#kadrVasetVideo video {
    display: block;
    height: 100%;
    width: 100%;
    margin: 0px auto;
}

#kadrVasetVideo iframe {
    display: block;
    height: 100%;
    margin: 0px auto;
    border-style: none;
}

a#dokmehPakhsh, a#dokmehPakhsh:link, a#dokmehPakhsh:visited,
a#dokmehPakhshVideoSlider, a#dokmehPakhshVideoSlider:link, a#dokmehPakhshVideoSlider:visited
{
    display: block;
    height: 51px;
    width: 51px;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    /*box-shadow: 0px 0px 10px 5px var(--cl-5-5);*/
    border-radius: 50%;
    background-color: var(--cl-1-5);
    font-family: myIcon4;
    font-size:3.2rem;
    line-height: 1;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto auto;
    z-index: 2;
    color: var(--cl-3);
}

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

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

.kadrEmkanat {
    /*diz max-width: 40px;
    min-width: 30px;
    max-height: 130px;*/
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3;
    visibility: hidden;
    width: 120px;
    height: 40px;
    font-family: myIcon2;
    font-size: 1.25rem;
    background-color: var(--cl-1-5);
    padding: 0px 6px;
    border-radius: 20px;
}


.kadrLikeVaTedadVideo {
    position: relative;
    height: 100%;
    width: 100%;
    margin: auto;
    /*diz top:0px;
    bottom: 0px;
    left: 0px;
    right: 0px;*/
}

span.tedadLikeVideo {
    position: absolute;
    top: 14px;
    right: -15px;
    display: block;
    width: 22px;
    height: 19px;
    font-family: vazir;
    font-size: 0.75rem;
    text-align: left;
    color: var(--cl-3);
}


#kadrRatioVideo:hover .kadrEmkanat {
    visibility: visible;
}

#videoMEZF .kadrDokmeh {
    width: 33.333%;
    height: 100%;
    /*diz max-height: 40px;
    min-height: 22px;*/
    float: left;
    background-color: transparent;
}


#videoMEZF .kadrDokmeh:last-child {
    max-height: 50px;
    min-height: 40px;
}

/*diz #videoMEZF .kadrDokmeh:last-child>.kadrLikeVaTedadVideo
{
    top: -10px;
}*/

table#kadrPaeenVideo {
    width: 100%;
    margin-top: 10px;
    border-spacing: 0px;

}


table#kadrPaeenVideo > tbody > tr > td {
    height: 38px;
    width: 20px;
    padding: 0px 0.932%;
    text-align: center;
}

table#kadrPaeenVideo > tbody > tr > td.sotoonAx {
    width: 15.715%;
}

img.axVideoMEZF {
    display: block;
/*diz    max-width: 100%;
    max-height: 38px;*/
    margin: 0px auto;
    cursor: pointer;
    transition: transform 0.2s;
}

img.axVideoMEZF {
    display: block;
 /*diz   max-width: 100%;
    max-height: 38px;*/
    width: 100%;
    margin: 0px auto;
    cursor: pointer;
    box-shadow: 0px 0px 1px var(--cl-3), 0px 15px 20px -15px var(--cl-3);
    transition: transform 0.2s, box-shadow 0.2s;
    border-radius: 8px;
}

img.axVideoMEZF:hover:not(.videoEntekhabShodeh) {
    transform: translate(0px, -3px);
    box-shadow: 0px 0px 1px var(--cl-3), 0px 15px 20px -15px var(--cl-3);
}

img.videoEntekhabShodeh {
    outline: 2px solid var(--cl-3);
}

a#dokmehGhabliVideo, a#dokmehGhabliVideo:link, a#dokmehGhabliVideo:visited {
    display: inline-block;
    height: 18px;
    padding: 10px 0px;
    font-family: myIcon4;
    font-size: 1.125rem;
    line-height: 1;
    text-align: right;
    text-decoration: none;
    color: var(--cl-icn);
    cursor: pointer;
}

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

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

a#dokmehBadiVideo, a#dokmehBadiVideo:link, a#dokmehBadiVideo:visited {
    display: inline-block;
    height: 18px;
    padding: 10px 0px;
    font-family: myIcon4;
    font-size: 1.125rem;
    line-height: 1;
    text-align: left;
    text-decoration: none;
    color: var(--cl-icn);
}

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

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

/*  پایان بخش صوتی و ویدئو  */


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,a.like {
    padding: 8px 10px !important;
    margin-right: 26px;
    font-family: myIcon4;
    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: 550px;
}

#titrDG {
    float: right;
    width: 100%;
    font-size: 1.25rem;
    color: hsl(45, 100%, 40%);
    /*diz height: 17px;
    position: relative;*/
}

#kadrNamayeshDG {
    float: right;
    width: calc(100% - 2px);
    height: calc(100% - 269px);
    margin: 10px 0;
    border: 1px solid var(--cl-brd);
    overflow-y: auto;
    border-radius: 8px;
    /*  تغییر رنگ و اندازه اسکرول بار در فایرفاکس   */
    /*scrollbar-width: thin;
    scrollbar-color: hsl(0, 0%, 80%) hsl(0, 0%, 97%);*/
}

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: 10px 10px 0;
    border-radius: 8px;
    background-color: var(--cl-4-1);
}

.itemDG.itemPasokhDG {
    width: calc(100% - 60px);
    margin: 10px 30px 0 10px;
    background-color: var(--cl-4-2);
}

.itemDG.pasokhModir {
    width: calc(100% - 70px);
    margin: 10px 40px 0 10px;
    background-color: var(--cl-4-2);
    outline: 1px solid var(--cl-3);
}

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

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

.itemDG:last-child {
    margin-bottom: 10px;
}

.namNevisandehDG {
    float: right;
    width: calc(100% - 30px);
    margin-bottom: 5px;
    color: hsl(0, 0%, 0%);
    font-size: 0.875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.matnDG {
    float: right;
    width: 100%;
    font-size: 0.75rem;
    color: hsl(0, 0%, 50%);
}

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-3);
    /*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;
}

#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: 0.875rem;
    vertical-align: top;
    color: hsl(0, 0%, 50%);
    /*line-height: 1;*/
}

#kadrNamEDG > input, #kadrEmailEDG > input {
    width: calc(100% - 81px);
    height: 26px;
    padding: 5px 10px;
    border: 1px solid transparent;
    font-family: vazir;
    font-size: 1rem;
    box-sizing: content-box;
    vertical-align: top;
    outline-style: none;
    border-radius: 5px;
    background-color: hsl(0, 0%, 97%);
    transition: background-color 0.3s, border-color 0.3s;
    /*diz line-height: 1;
    height: 16px;
    transition: 0.3s;*/
}

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

#kadrPasokhBehEDG {
    position: relative;
    visibility: hidden;
    width: calc(50% - 20px);
    padding: 6px 5px 5px;
    margin-right: 10px;
    border-radius: 5px;
    overflow: hidden;
    background-color: hsl(190.85deg 100% 98.88%);
}

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

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

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

#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-asl2);
}

#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;
}

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

#kadrMatnEDG > textarea {
    height: 51px;
    width: calc(100% - 64px);
    padding: 3px 3px 0px 0px;
    border: 1px solid transparent;
    font-family: vazir;
    font-size: 0.875rem;
    resize: none;
    box-sizing: content-box;
    border-radius: 5px;
    background-color: hsl(0, 0%, 97%);
    outline-style: none;
    transition: background-color 0.3s, border-color 0.3s;
}

span#matnErrEDG {
    display: none;
    visibility: hidden;
    float: right;
    width: 129px;
    height: 16px;
    margin: 0px 5px;
    font-family: vazir;
    font-size: 0.8125rem;
    line-height: 1;
    color: red;
}

#kadrErsalDG > a, #kadrErsalDG > a:link, #kadrErsalDG > a:visited {
    float: left;
    display: inline-block;
    padding: 5px 12px;
    margin: 0px 0px 0px 5px;
    border-radius: 8px;
    font-size: 0.875rem;
    color: var(--cl-txt2);
    background-color: var(--cl-3);
    transition: background-color 0.2s;
}

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

#kadrErsalDG > a:active {
    background-color: var(--cl-3-6);
}

/* diz

#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.3s;
}

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;
    top: 0px;
    left: 0px;
    z-index: 1;
    float: left;
    padding: 5px 8px 3px;
    font-size: 0.875rem;
    font-family: englishFont;
    line-height: normal;
    text-indent: 0;
    background-color: hsl(200, 100%, 64%);
    color: hsl(0, 0%, 100%);
}*/

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

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

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

.itemKholasehMA .kadrGheymat {
    width: auto;
    color: white;
    text-shadow: hsl(200, 100%, 18%) 2px 2px 2px;
    margin: 0 10px 0 0;
}

.darsadTakhfif
{
    position: absolute;
    bottom: 6px;
    right: 6px;
    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-2);
    color: var(--cl-tit);
}

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: 100%;
    overflow-y: auto;
}

.peyghamSadeh {
}

.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%;
    padding: 12px 0px;
    margin: 0px;
    font-size: 1rem;
    text-align: right;
}

h2.titrPS a, h2.titrPS a:link, h2.titrPS a:visited {
    float: right;
    max-width: calc(100% - 20px);
    font-family: vazir;
    font-size: 1.1rem;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    overflow-y: hidden;
    color: var(--cl-3);
    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 {
    position: relative;
    float: left;
    width: 25%;
    padding-bottom: 64px;
}

#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: vazir;
    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.3s, box-shadow 0.3s, outline 0.3s, transform 0.3s;

}

.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.3s;
}

.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.3s;
}

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: vazir;
    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;
}

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

.kadrTablighSV {
    position: relative;
    float: right;
    width: calc(100% - 26px);
    padding: 25px 13px;
}

.kadrTablighBala {
    position: relative;
    float: right;
    width: 25%;
}

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

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

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

#kadrMahsoolatSV {
    width: 80.3%;
    margin: 25px auto;
    overflow-y: auto;
    position: relative;
}

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

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


.itemMahsoolatSV:hover span.matnEdamehMSV a {
    padding-left: 25px;
}

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

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

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

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

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

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


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

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

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

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

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

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

.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;
    color: hsl(198, 91%, 0%);
}


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.3s;
}

.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.3s;
}

.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.3s;*/
}

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;
    color: hsl(0, 0%, 0%);
    text-decoration: none;
    transition: color 0.3s;
}

h4.titrDBSV a:hover {
    color: hsl(353, 84%, 58%);
}

h4.titrDBSV a:active {
    transition: none;
    color: hsl(353, 84%, 40%);
}

.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.3s;
}

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: vazir;
    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.3s, padding 0.3s;
}

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 {
    float: right;
    width: calc(25.228% - 20px);
    padding: 10px;
    margin: 20px 0px 10px 12.087%;
    overflow-y: auto;
    transition: height 0.3s;
}

#kadrBalaNCHP {
    float: right;
    width: calc(100% - 22px);
    padding: 10px;
    margin-top: 20px;
    border: 1px solid var(--cl-brd);
    border-radius: 8px;
    position: relative;
}

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

a.titrTarin, a.titrTarin:link, a.titrTarin:visited {
    position: relative;
    z-index: 3;
    display: block;
    width: calc(33.333% - 6px);
    white-space: nowrap;
    padding: 6px 0;
    margin: 0 3px;
    float: right;
    font-size: 0.75rem;
    line-height: 1;
    text-decoration: none;
    text-align: center;
    border-radius: 12px;
}

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

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

a.entekhabShodehNCHP, a.entekhabShodehNCHP:link, a.entekhabShodehNCHP:visited {
    position: relative;
    z-index: 4;
    background-color: var(--cl-2);
    color: hsl(0, 0%, 100%);
}

#kadrVasetMatlabhaTarin {
    float: right;
    width: 100%;
    /*height: 344px;*/
    overflow-y: auto;
}

ul#kadrMatlabhaTarin {
    max-height: 820px;
    margin: 0px;
    padding: 5px 0px;
    list-style-type: none;
    list-style-position: inside;
    position: relative;
}

ul#kadrMatlabhaTarin li {
    padding: 8px 0;
    border-bottom: 1px solid hsl(0, 0%, 90%);
    overflow-y: auto;
    position: relative;
}

ul#kadrMatlabhaTarin li:last-of-type {
    border-bottom: 0px;
}

span.iconMatlabTarin {
    display: block;
    float: right;
    margin-left: 10px;
    width: 90px;
    font-family: myIcon;
    font-size: 0.75rem;
    text-align: center;
    position: relative;
}

span.iconMatlabTarin > img {
    display: block;
    border-radius: 8px;
    aspect-ratio: 16 / 9;
    object-fit: contain;
}

a.matlabTarin:link, a.matlabTarin:visited {
    display: block;
    float: right;
    width: calc(100% - 100px);
    height: 48px;
    overflow: hidden;
    font-size: 0.875rem;
    padding: 3px 0px 0px;
    transition: color 0.2s;
}

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

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

#kadrMatlabhaTarin .kadrGheymat {
    width: calc(100% - 105px);
}

a#namayeshBishtarTarin, a#namayeshBishtarTarin:link, a#namayeshBishtarTarin:visited {
    /*position: absolute;*/
    /*left:10px;*/
    /*bottom: 8px;*/
    float: left;
}

.peyvandNamayeshBishtar, .peyvandNamayeshBishtar:link, .peyvandNamayeshBishtar:visited {
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 0.8125rem;
    line-height: 1;
    padding: 5px 0px;
    color: var(--cl-3);
}

.peyvandNamayeshBishtar:hover {
    background-color: var(--cl-4-1);
    color: var(--cl-2);
}

.peyvandNamayeshBishtar:active {
    background-color: var(--cl-4-2);
    color: var(--cl-2);
}

#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: 1325px) {
    #titrHDR {
        background-size: 150px;
    }

    a.iconHDR.iconMatnDar {
        width: auto;
    }

    a.iconHDR > span.matnKenarIcon {
        display: none;
    }

    h4.titrMM {
        display: none;
    }

    /*  h4.titrMV
      {
          height: 26px;
      }*/
}

/*@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 {
    float: right;
    width: 100%;
    margin: 20px 0;
}

#titrBarchasbhaNCHP {
    float: left;
    width: calc(100% - 20px);
    padding: 10px 5px;
    margin: 0 5px;
    border-bottom: 1px solid var(--cl-brd);
    font-size: 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    text-align: right;
    color: var(--cl-2);
}

#kadrBarchasbhaNCHP {
    float: right;
    width: calc(100% - 20px);
    padding: 10px;
}

a.barchasbNCHP {
    position: relative;
    float: right;
    padding: 3px 12px;
    border-radius: 8px;
    font-size: 0.875rem;
    font-family: vazir;
    color: var(--cl-3);
    transition: color 0.2s;
}

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

#kadrBarchasbhaNCHP a.barchasbNCHP strong span.matnKenarIcon
{
    color: var(--cl-txt);
    transition: color 0.2s;
}

#kadrBarchasbhaNCHP a.barchasbNCHP strong:hover span.matnKenarIcon {
    color: var(--cl-2);
}

#kadrBarchasbhaNCHP a.barchasbNCHP strong:active span.matnKenarIcon {
    transition: none;
    color: var(--cl-act);
}


/* کادر موضوعات منتخب */
.kadrMozooatMontakhab {
    position: relative;
    float: left;
    width: 100%;
}

a.itemMozooatMontakhab, a.itemMozooatMontakhab:link, a.itemMozooatMontakhab:visited {
    position: relative;
    float: right;
    width: calc(100% - 32px);
    padding: 15px;
    margin: 5px 0 10px;
    border: 1px solid var(--cl-2);
    border-radius: 8px;
    background-image: url("../pic/back.jpg");
    background-size: 243px;
    color: var(--cl-5-1);
    text-shadow: 0 0 3px var(--cl-2);
    transition: color 0.2s;
}

a.itemMozooatMontakhab:hover {
    color: var(--cl-3);
}

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

a.itemMozooatMontakhab.zirmajmooehGheyrefaal {
    filter: grayscale(100%);
}

a.itemIconMontakhab.zirmajmooehGheyrefaal {
    filter: grayscale(100%);
}

a.itemMozooatMontakhab img {
    float: left;
    height: 25px;
    padding-left: 5px;
    filter: grayscale(100%);
    transition: transform 0.3s, filter 0.3s;
    transform-origin: 17.5px 12.5px;
}

a.itemMozooatMontakhab:hover img {
    transform: scale(1.5);
    filter: grayscale(0%);
}


.kadrIconMontakhab {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


a.itemIconMontakhab, a.itemIconMontakhab:link, a.itemIconMontakhab:visited {
    position: relative;
    float: right;
    width: 46px;
    padding: 5px;
    height: 46px;
    margin: 5px 5px 10px;
    border-radius: 17px;
    background-color: var(--cl-icn);
    background-size: 243px;
    color: var(--cl-5-1);
    text-shadow: 0 0 3px var(--cl-2);
    transition: color 0.2s, background-color 0.2s, transform 0.2s;
    box-shadow: 0px 0px 3px var(--cl-icn-hov) inset;
}

a.itemIconMontakhab:hover {
    color: var(--cl-3);
    background-color: var(--cl-icn-hov)
}

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

#mohtavaEzafiSV .kadrIconMontakhab a.itemIconMontakhab img[alt] {
    float: left;
    height: 46px;
    padding-left: 0px;
    filter: saturate(0) invert(1) brightness(100) !important;
    transition: transform 0.3s, filter 0.3s;
    transform-origin: 17.5px 12.5px;
}

a.itemIconMontakhab:hover {
    transform: scale(1.1);
}

a.iconFake {
    position: relative;
    float: right;
    width: 46px;
    padding: 5px;
    height: 46px;
    margin: 5px 5px 10px;
    visibility: hidden;
}


/* کادر معرفی */
.kadrMoarefi {
    position: relative;
    float: right;
    width: calc(36% - 42px);
    padding: 23px 20px;
    border: 1px solid hsl(20, 100%, 50%);
    border-radius: 8px;
}

.kadrMalabBarchasb {
    position: relative;
    float: right;
    width: calc(50% - 57px);
    padding: 30px 20px 20px;
    border: 1px solid hsl(20, 100%, 50%);
    border-radius: 8px;
}

.kadrKolItemMoarefi {
    float: right;
    width: 100%;
    overflow: hidden;
}

.kadrKolItemMoarefi.kadrTakAks {
    margin: 17px 0;
}

.kadrVasetMoarefi {
    position: relative;
    right: 0;
    float: right;
    width: 500%;
    transition: right 0.3s;
}

.kadrItemMoarefi {
    float: right;
    width: 20%;
}

a.kadrAksMoarefi, a.kadrAksMoarefi:link, a.kadrAksMoarefi:visited {
    float: right;
    width: 51%;
    margin-left: 20px;
}

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

.kadrMoarefi img.aksMoarefi {
    margin: 20px 0;
}

a.titrMoarefi, a.titrMoarefi:link, a.titrMoarefi:visited {
    float: right;
    width: calc(49% - 20px);
    height: 78px; /* 3 خط */
    overflow: hidden;
}

a.titrMoarefi:hover {
    color: hsl(45, 100%, 30%);
}

a.titrMoarefi:active {
    color: hsl(45, 100%, 40%);
}

.kadrDokmehMoarefi {
    position: absolute;
    bottom: 21%;
    left: 18%;
    float: right;
    width: 60px;
}

a.dokmehMoarefi, a.dokmehMoarefi:link, a.dokmehMoarefi:visited {
    float: right;
    width: 26px;
    height: 17px;
    padding: 4px 0;
    margin: 0 2px;
    text-align: center;
    border-radius: 50%;
    font-family: myIcon4;
    background-color: hsl(0, 0%, 85%);
    color: hsl(0, 0%, 0%);
    cursor: pointer;
}

a.dokmehMoarefi:hover {
    background-color: hsl(0, 0%, 90%);
}

a.dokmehMoarefi:active {
    background-color: hsl(0, 0%, 95%);
}

/* محتوای اضافی (چند رسانه ای) */
.kadrMohtavaEzafi {
    position: relative;
    float: right;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    width: calc(38.333% - 60px);
    padding: 0px 30px;
    border-radius: 8px;
}


.itemME {
    float: right;
    width: 100%;
    margin-bottom: 9px;
    padding-bottom: 9px;
    border-bottom: 1px solid hsl(20, 100%, 90%);
}

.itemME:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.aksItemME {
    float: right;
    width: 22px;
    height: 24px;
    padding: 8px 9px;
    margin-left: 10px;
    border: 1px solid hsl(45, 100%, 70%);
    color: hsl(45, 100%, 45%);
    text-align: center;
    border-radius: 50%;
    font-family: myIcon4;
    font-size: 1.375rem;
}

a.titrItemME, a.titrItemME:link, a.titrItemME:visited {
    float: right;
    width: calc(100% - 54px);
    padding: 8px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

a.titrItemME:hover {
    color: hsl(45, 100%, 30%);
}

a.titrItemME:active {
    color: hsl(45, 100%, 40%);
}

/* صوت های منتخب  */
#kadrSothayeMontakhab {
    width: calc(50% - 60px);
    z-index: 1;
    padding: 0px 30px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

/* تبلیغ */
#tablighSV {
    float: right;
    width: calc(50% - 20px);
    margin: 25px 10px;
    overflow: hidden;
    border-radius: 16px;
}

#tablighSV > a, #tablighSV > a:link, #tablighSV > a:visited, #tablighSV img {
    display: block;
    width: 100%;
    height: 100%;
}

#tablighSV img#aksTablighDarRWD {
    display: block;
}

#tablighSV img#aksTablighDarMF {
    display: none;
}

#tablighZirKadrTarinNCHP {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px;
    background-color: #bdbdbd;
}

#tablighZirKadrTarinNCHP > a, #tablighZirKadrTarinNCHP > a:link, #tablighZirKadrTarinNCHP > a:visited, #tablighZirKadrTarinNCHP img {
    display: block;
    width: 100%;
    height: 100%;
}

#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: vazir;
    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.3s;
}

.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.3s;
}

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

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: vazir;
    font-size: 0.875rem;
    text-align: center;
    color: hsl(0, 0%, 0%);
    text-decoration: none;
}

/*قسمت کلیپ ها */

/*

#kadrVideoMontakhab
{
    width: calc(100% - 60px);
    height: 240px;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: hsl(0, 0%, 100%);
    z-index: 1;
    padding: 9% 30px;
}

#kadrVideoMEZF
{
    float: right;
    width: 100%;
    overflow: auto;
    padding-bottom: 20px;
}

#videoMEZF
{
    position: relative;
    width: 100%;
    max-width: 700px;
    margin: auto;
}

a.titrVideo, a.titrVideo:link, a.titrVideo:visited
{
    float: right;
    width: calc(100% - 30px);
    margin-bottom: 5px;
    margin-top: 10px;
    margin-right: 30px;
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

a.titrVideo:hover
{
    color: hsl(45, 100%, 30%);
}

a.titrVideo:active
{
    color: hsl(45, 100%, 40%);
}

#kadrVideo
{
    position: relative;
    float: right;
    width: 75%;
    padding-top: 39.893%;
    margin: 0px auto;
    border-radius: 8px;
    overflow: hidden;
}

#kadrRatioVideo
{
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 0px;
    float: right;
    width: 100%;
}

#kadrVasetVideo
{
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

#kadrVasetVideo video
{
    display: block;
    height: 90%;
    width: 90%;
    margin: 0px auto;
    object-fit: cover;
    border-radius: 6px;
}

a#dokmehPakhsh, a#dokmehPakhsh:link, a#dokmehPakhsh:visited
{
    display: block;
    height: 20px;
    width: 38px;
    padding: 10px 0px 10px 2px;
    text-align: center;
    text-decoration: none;
    box-shadow: 0px 0px 5px hsl(0, 0%, 80%);
    border-radius: 50%;
    background-color: var(--cl-2);
    font-family: myIcon;
    font-size: 1.25rem;
    line-height: 1;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto auto;
    z-index: 2;
    color: hsl(0, 0%, 100%);
}

a#dokmehPakhsh:hover
{
    background-color: var(--cl-5-1);
}

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

#kadrPaeenVideo
{
    float: right;
    width: calc(25% - 17px);
    margin-right: 17px;
    border-spacing: 0px;
}

!*.sotoonAx
{
    position: relative;
    float: right;
    width: 100%;
    margin-bottom: 10px;
    cursor: pointer;
}*!

.sotoonAx::after
{
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-family: myIcon4;
    font-size: 1rem;
    color: hsl(0, 0%, 100%);
    text-shadow: 0 0 5px hsl(0, 0%, 0%);
    right: 0px;
    top: 0px;
    margin: auto;
    height: 16px;
    width: 16px;
}

img.axVideoMEZF
{
    display: block;
    width: calc(86% - 4px);
    margin: 0px auto;
    border-radius: 8px;
    border: 2px solid transparent;
}

*/

/*قسمت صوت ها */

#sotiMEZF {
    float: right;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
}

#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: yekan;
    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: yekan;
    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%);
}

.itemSotiMEZF {
    float: right;
    height: auto;
    width: 100%;
    max-height: 39px;
    padding-top: 2px;
    margin-bottom: 12px;
    border-radius: 8px;
    border: 1px solid var(--cl-2);
    background-color: var(--cl-bck);
}

.itemSotiMEZF:nth-child(4) {
    display: none;
}

.kadrPakhshSotiMEZF {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.kadrAksSotiMEZF {
    position: absolute;
    right: 0px;
    top: 3px;
    z-index: 5;
    float: right;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid hsl(45, 100%, 40%);
    overflow: hidden;
    transform: scale(1.5);
}

img.aksSotiMEZF {
    position: relative;
    left: 14px;
    float: right;
    height: 100%;
}

.titrZamimehSotiMEZF {
    width: calc(100% - 205px);
    padding: 10px 22px 10px 5px;
    margin: 0 5px 0 0;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: url("../pic/aks-icon.png") no-repeat right 6px;
    background-size: 15px;
}

.kadrEmkanatItemSotiMEZF
{
    width: 170px;
    float: left;
    margin-bottom: -9px;
}
.btnEmkanatSotiMEZF
{
    position: relative;
    float: left;
    text-align: center;
    padding: 5px 5px 3px 5px;
    margin-right: 5px;
    font-family: myIcon4;
    font-size: 1.125rem;
    color: var(--cl-txt3);
    transition: color 0.2s;
    z-index: 2;
}

.dokmehSoratPakhshSotiMEZF
{
    margin-top: 3px;
}

.dokmehDownloadSotiMEZF
{
    margin-top: 2px;
}

.dokmehSoratPakhshSotiMEZF>span.kadrSorathayePakhshItemSoti
{
    position: absolute;
    bottom: 0px;
    left: 27px;
    display: block;
    width: 0px;
    height: auto;
    font-family: vazir;
    background-color:var(--cl-4-2);
    border-radius: 4px;
    font-size: 0.75rem;
    opacity: 0;

}

.dokmehSoratPakhshSotiMEZF>span.kadrSorathayePakhshItemSoti>span
{
    display: inline-block;
    height: 20px;
    width: auto;
    padding: 4px 4px 2px;
    margin: 0px 2px;
    color: var(--cl-txt3);
    float: right;
    text-align: center;
}

.dokmehSoratPakhshSotiMEZF>span.kadrSorathayePakhshItemSoti>span:hover
{
    color: var(--cl-hov);
}
.dokmehSoratPakhshSotiMEZF>span.kadrSorathayePakhshItemSoti>span:active
{
    color: var(--cl-act);
}

.dokmehSoratPakhshSotiMEZF>span.kadrSorathayePakhshItemSoti>span.entekhabShodeh
{
    color: var(--cl-act)!important;
}

.dokmehSoratPakhshSotiMEZF:hover span.kadrSorathayePakhshItemSoti,span.kadrSorathayePakhshItemSoti:hover
{
    width: 260px;
    padding: 0px 3px;
    opacity: 1;
}

.dokmehSoratPakhshSotiMEZF:hover ~ .btnEmkanatSotiMEZF
{
    z-index: 1;
}

.modatZamanSotiMEZF
{
    font-family: vazir;
    font-size: 0.875rem;
    padding-right: 0px;
    margin-right: 0px;
    margin-top: 2px;
}

.dokmehSoratPakhshSotiMEZF>span.kadrSorathayePakhshItemSoti>span.soratEntekhabshodeh
{
    color: var(--cl-act);
}


a.dokmehPlaySotiMEZF, a.dokmehPlaySotiMEZF:link, a.dokmehPlaySotiMEZF:visited {
    position: relative;
    z-index: 2;
    float: left;
    width: 30px;
    height: 30px;
    /*margin: 4px 0 0 4px;*/
    text-align: center;
    font-family: myIcon4;
    font-size: 1.5rem;
    color: var(--cl-2);
}

a.dokmehPlaySotiMEZF:hover {
    color: var(--cl-act);
}

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

.dokmehDownloadSotiMEZF:hover,.dokmehSoratPakhshSotiMEZF:hover
{
    color: var(--cl-hov);
}
.dokmehDownloadSotiMEZF:active,.dokmehSoratPakhshSotiMEZF:active
{
    color: var(--cl-act);
}

.tblAudioMEZF {
    float: right;
    width: 100%;
    height: 100%;
}

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

.tdcellAudioMEZF .mejs__controls {
    width: 100%;
    height: 18px;
    padding: 0;
}

.tdcellAudioMEZF .mejs__time, .tdcellAudioMEZF .mejs__button {
    display: none;
}

.tdcellAudioMEZF .mejs__time-rail {
    width: 100% !important;
    margin: 0;
}

.tdcellAudioMEZF .mejs__container {
    height: 3px !important;
}

.tdcellAudioMEZF .mejs__time-total {
    height: 3px !important;
}

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

.itemSoti {
    overflow: hidden;
    float: right;
    height: 143px;
    width: calc(33.333% - 12px);
    margin: 4px 4px;
    border-radius: 8px;
    border: 1px solid var(--cl-3);
    background-image: url(../pic/logo-back-menu-derakht.png);
    background-repeat: no-repeat;
    background-position: -6% 5px;
    background-size: 110px;
}

.kadrPakhshSoti {
    float: left;
    height: 43px;
    width: 60.880%;
    position: relative;
    background-color: hsl(0, 0%, 82%);
}

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


.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 {
    height: 52px;
    width: calc(100% - 21px);
    margin: 0 8px 10px 8px;
    padding: 0px 0px 0px 5px;
    font-family: vazir;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.5;
    text-align: right;
    overflow: auto;
    color: var(--cl-txt3);
    position: relative;
}

.mejs__container {
    background-color: hsl(0, 0%, 100%) !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;
}

.itemSoti .kadrDokmeh {
}

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

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

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

/*diz .kadrLikeVaTedadSoti
{
    position: absolute;
    height: 22px;
    width: 22px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}*/

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

a.btnEmkanatSoti, a.btnEmkanatSoti:link, a.btnEmkanatSoti:visited {
    float: right;
    padding: 10px;
    font-family: myIcon4;
    font-size: 1.125rem;
    color: hsl(0, 0%, 0%);
    transition: color 0.2s;
}

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

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

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

#footer {
    width: calc(100% - 20px);
    padding: 30px 10px 0;
    overflow-y: auto;
    background-color: hsl(225deg 57% 93% / 30%);
}

#mohtavaEzafeiFTR {
    float: right;
    width: calc(25% - 60px);
    margin: 0 30px;
    text-align: right;
    font-style: normal;
}

.darbarehFTR {
    float: right;
    width: calc(30% - 40px);
    padding: 0 20px;
}

p.matnDarbarehFTR {
    float: right;
    width: 100%;
    padding: 0px;
    margin: 0px;
    text-align: justify;
    font-size: 1rem;
    text-indent: 20px;
    color: var(--cl-txt3);
}

.kadrLogoFTR {
    float: right;
    width: 20%;
}

img.logoFTR {
    display: block;
    width: 60%;
    margin: 0 auto 15px;
    max-width: 234px;
}

.kadrLogoFTR h2.titrLogoFTR {
    font-size: 1.125rem;
    color: var(--cl-2);
    text-align: center;
}


a.iconFTR, a.iconFTR:link, a.iconFTR:visited {

    display: block;
    width: 35px;
    /*height: 35px;*/
    text-align: center;
    font-family: myIcon4;
    font-size: 2rem;
    color: var(--cl-bck);
    transition: color 0.1s;
}

a.iconFTR:hover {
    color: var(--cl-asl);
}


a.iconFTR:active {
    color: var(--cl-asl-say);
}

a.iconFixFTR, a.iconFixFTR:link, a.iconFixFTR:visited {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 4;
    width: 130px;
    /*height: 30px;*/
    padding: 5px;
    margin: 10px;
    border-radius: 8px;
    font-size: 1rem;
    font-family: Vazir;
    color: var(--cl-tit);
    background-color: var(--cl-1);
    box-shadow: 0px 0px 5px hsl(124, 23%, 65%);
    transition: background-color 0.2s, color 0.2s;
    text-align: center;
    direction: ltr;
}

a.iconFixFTR span.iconKenarMatn
{
    color: var(--cl-icn)
}

a.iconFixFTR + a.iconFixFTR {
    bottom: 70px;
}

/*a.iconFixFTR span.iconKenarMatn
{
    float: right;
}*/

img.aksIconFTR {
    float: left;
    width: 100%;
}


#kadrEtelaatFTR {
    float: right;
    width: calc(30% - 50px);
    margin: 0px 25px;
}

img#neshanElectronic1, img#neshanElectronic2 {
    width: 50%;
    float: right;
}

img#logoFTR {
    height: 20px;
    position: relative;
    top: 8px;
}


.kadrBtnFTR {
    display: flex;
    gap: 25px;
    justify-content: center;
    float: right;
    width: 100%;
    margin-top: 8px;
}

.kadrAddress {
    float: right;
    width: 100%;
    margin-bottom: 10px;
    font-size: 0.875rem;
    text-align: justify;
}

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

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

.itemFTR {
    float: right;
    width: calc(25% - 40px);
    padding: 0 20px;
}

span.titrBakhshFTR {
    float: right;
    width: 100%;
    text-align: right;
    color: var(--cl-2);
    margin-bottom: 10px;
    font-weight: bold;
}

span.titrFTR {
    float: right;
    width: 100%;
    color: var(--cl-3);
}

.meghdarFTR {
    float: right;
    width: calc(100% - 45px);
    margin-top: 5px;
    direction: ltr;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#addressFTR {
    width: 100%;
    direction: rtl;
    margin-top: 0;
}

span#barchasbhaFTR {
    float: right;
    width: 100%;
}

span#barchasbhaFTR a, span#barchasbhaFTR a:link, span#barchasbhaFTR a:visited {
    float: right;
    width: 50%;
    padding: 3px 0px;
    text-align: right;
    font-size: 0.875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span#barchasbhaFTR a:hover {
    color: hsl(45, 100%, 40%);
}

span#barchasbhaFTR a:active {
    color: hsl(45, 100%, 30%);
}

.kadrIconhaFTR {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    float: right;
    width: 100%;
    margin-top: 20px;
}

a.iconFTR, a.iconFTR:link, a.iconFTR:visited {
    width: calc(50% - 20px);
    padding: 7px;
    background: var(--cl-1-6);
    border-radius: 8px;
}
.kadrBtnFTR a.iconFTR:first-child
{
    margin-left: 4px;
}
.kadrBtnFTR a.iconFTR:last-child
 {
     margin-right: 4px;
 }

a.iconFTR.enamad {
    width: 80px;
    position: relative;
    top: -12px;
    right: 0;
    left: 0;
    margin: auto;
    background-color: unset;
}

a.iconFTR.enamad img {
    width: 100%;
}

a.btnContact, a.btnContact:link, a.btnContact:visited {
    float: right;
    width: 100%;
    padding: 5px 0;
    margin-top: 10px;
    border-radius: 18px;
    text-align: center;
    color: var(--cl-2);
    border: 1px solid var(--cl-2);
    transition: background-color 0.2s;
}

a.btnContact:hover {
    background-color: var(--cl-5-3);
}

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

ul.listFTR {
    float: right;
    width: 100%;
    margin: 0px;
    padding: 0;
    list-style-type: none;
}

ul.listFTR li {
    position: relative;
    float: right;
    width: calc(100% - 25px);
    padding-right: 25px;
}

ul.listFTR li::before {
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    width: 25px;
    height: 25px;
    background: url("../pic/aks-icon.png") no-repeat center;
    background-size: 17px;
}

ul.listFTR a, ul.listFTR a:link, ul.listFTR a:active {
    display: block;
    width: 100%;
    padding: 5px;
    height: 100%;
    transition: color 0.2s;
}

ul.listFTR a:hover {
    color: var(--cl-2);
}

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

img#neshanElectronic1, img#neshanElectronic2 {
    width: 50%;
    float: right;
}

img#logoFTR {
    height: 20px;
    position: relative;
    top: 8px;
}

img.logoIconFTR {
    float: right;
    width: 28px;
}

a.iconFTR span.matnKenarIcon
{
    width: calc(100% - 38px);
    float: right;
    padding: 4px 10px 0px 0px;
    text-decoration: none;
    font-size: 0.75rem;
    font-family: vazir;
    border-radius: 8px;
    color: var(--cl-asl2);
    transition: color 0.2s;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

a.iconFTR:hover span.matnKenarIcon
{
    color: var(--cl-asl3);
}

.idFTR {
    float: right;
    width: 90px;
    margin-top: 10px;
}

#matnFTR {
    float: right;
    width: 100%;
    margin: 20px 0;
    font-size: 0.75rem;
    text-align: center;
}

a#toseehDahandehFTR, a#toseehDahandehFTR:link, a#toseehDahandehFTR:visited {
    /*display: block;
    width:260px;
    margin: 0px auto;*/
    font-size: 0.75rem;
    text-decoration: none;
}

.kadrNaghsheh {
    float: right;
    width: calc(40% - 40px);
    margin: 0 20px;
}

a#naghshehGoogle, a#naghshehGoogle:link, a#naghshehGoogle:visited {
    float: right;
    width: calc(100% - 2px);
    margin-top: 10px;
    border: 1px solid var(--cl-brd);
    border-radius: 16px;
    overflow: hidden;
}

a#naghshehGoogle > img {
    float: right;
    width: 100%;
}

/* استایل های کلی پیغام ها */
.tblPeygham {
    display: none; /* table shavad */
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 2000;
    background-color: hsla(0, 0%, 10%, 0.8);
}

div[id^="tdcelKadr"] {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

div[id^="kadrTashihOF"] {
    position: relative;
    z-index: 1;
    margin: 0px auto;
    border-radius: 8px;
    background-color: hsl(0, 0%, 100%);
}

.dokmehBastanPeygham {
    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: 5px;
    top: 5px;
    z-index: 1;
    cursor: pointer;
    color: var(--cl-3);
}

.kadrBadanehPeygham {
    position: relative;
    width: calc(100% - 20px);
    padding: 10px;
    overflow-y: auto;
    background-color: hsl(0, 0%, 100%);
    border-radius: 8px;
    box-shadow: inset 0px 0px 0px 2px var(--cl-4-3);
}

.kadrSarTitrPeygham {
    height: 38px;
    border-bottom: 2px solid var(--cl-2);
}

.kadrSarTitrPeygham ~ div {
    width: calc(100% - 10px);
    overflow-y: auto;
    margin: 10px 5px;
    padding: 4px 0px;
}

.kadrSarTitrPeygham > div:not(.iconSarTitrPeygham) {
    float: right;
    height: 22px;
    padding: 8px 5px;
    font-size: 1rem;
    line-height: 1.25;
    text-align: right;
    color: var(--cl-2);
}

.iconSarTitrPeygham {
    float: right;
    width: 30px;
    height: 22px;
    padding: 8px 5px;
    margin-right: 5px;
    font-family: myIcon;
    font-size: 1rem;
    text-align: center;
    color: var(--cl-2);
}

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;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    color: hsl(0, 0%, 100%);
    background-color: var(--cl-2);
}

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

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

.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;
    color: hsl(0, 0%, 0%);
    background-color: hsl(0, 0%, 90%);
}

table tr:nth-child(even) {
    background-color: var(--cl-bck);
}

a.dokmehEmkanatSotoon, a.dokmehEmkanatSotoon:link, a.dokmehEmkanatSotoon:visited {
    color: var(--cl-2);
}

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

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

table[id^="shomarandehSafheh"] {
    width: 192px;
    height: 29px;
    position: absolute;
    left: 127px;
    right: 0px;
    margin: 0px auto 0px auto;
    border-spacing: 2px;
    font-size: 1rem;
}

table[id^="shomarandehSafheh"] a, table[id^="shomarandehSafheh"] a:link, table[id^="shomarandehSafheh"] a:visited {
    display: block;
    height: 100%;
    width: 100%;
    padding: 3px 0px;
    font-family: myIcon;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    color: black;
    background-color: hsl(0, 0%, 100%);
}

table[id^="shomarandehSafheh"] a:hover {
    background-color: hsl(0, 0%, 95%);
}

table[id^="shomarandehSafheh"] a:active {
    background-color: hsl(0, 0%, 90%);
}

/*       بخش پیغام ناحیه کاربری       */

#kadrTashihOFNahiehKarbari {
    width: 745px;
}

#nahiehKarbari {
    min-height: 450px;
}

/* نوار راست پیغام ناحیه کاربری*/
#navarRastNK {
    float: right;
    width: 23.611%; /* 170 px*/
    height: 450px;
    /*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;
    color: hsl(0, 0%, 11%);
    text-align: center;
    position: relative;
}

ul#menuNK {
    display: block;
    width: 100%;
    margin: 0px;
    overflow-y: auto;
    border-top: 1px hsl(0, 0%, 80%);
    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-3);
    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;
    font-size: 1rem;
    line-height: 1;
    text-align: right;
    text-decoration: none;
    color: hsl(0, 0%, 100%);
    border-top: 1px solid var(--cl-asl);
    background-color: var(--cl-2);
    position: relative;
}

a.titrMNUNK:hover {
    background-color: var(--cl-5-2);
}

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

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: yekan;
    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%;
}

#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;
    color: hsl(270, 13%, 0%);
}

a#kadrBakhshRishehTMANK:hover > span {
    color: var(--cl-3);
}

a#kadrBakhshRishehTMANK:active > span {
    color: var(--cl-4-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-3);
}

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

span#iconMenuDarMobileNK {
    font-family: myIcon;
    display: none;
    color: hsl(206, 4%, 33%);
}

span#aksKarbarNK {
    font-family: myIcon;
    display: block;
    width: 19px;
    height: 19px;
    position: absolute;
    right: 5%;
    top: 14px;
    padding: 5px;
    color: var(--cl-3);
    border: 1px solid var(--cl-3);
    border-radius: 50%;
    text-align: center;
}

/*      ناحیه کاربری - پیشخوان      */
#pishkhanNK {
    float: right;
    width: calc(100% - 10px); /* 540 px */ /* pad */
    overflow-y: auto;
    padding: 5px; /* 5px */ /*  DEP h,w */
    position: relative;
}

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;
    color: hsl(1, 100%, 100%);
    background-position: 10% center;
    background-repeat: no-repeat;
    background-size: 60px 60px;
    background-color: var(--cl-3-1);
    /*background-color: hsl(103, 67%, 58%);*/
}

a.itemPishkhanNK:hover {
    outline: 1px solid var(--cl-2);
}

a.itemPishkhanNK:active {
    background-color: var(--cl-5-3);
}

#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;
    color: hsl(0, 0%, 0%);
}

span.zirTitrItemPNK {
    color: hsl(0, 0%, 50%);
    font-size: 0.75rem; /*12 px*/
}

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;
    transform: scale(1, 1);
    transition: transform 0.3s, 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: -18px;
}

/*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: hsl(0, 0%, 50%);
    background-color: hsl(0, 0%, 96%);
}


/*       ناحیه کاربری - سفارشات       */
#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/sabtnamha-khali.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#matnSandoghKhaliSNK {
    height: 30px;
    text-align: center;
}

#matnSandoghKhaliSNK > span {
    font-family: yekan;
    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-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.875rem;
    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*/
}

td.sotoonTitrSNK > div > span {
    display: inline-block;
    line-height: 1.25;
    padding: 2px 0px;
    font-size: 0.875rem;
}

span.kadrKalahayeDigarSNK {
    position: absolute;
    right: 0px;
    top: -20px;
    font-size: 0.812rem;
}

a.dokmehBaghiehKalahayeSefareshSNK, a.dokmehBaghiehKalahayeSefareshSNK:link, a.dokmehBaghiehKalahayeSefareshSNK:visited {
    display: block;
    width: 145px;
    height: 14px;
    padding: 5px 8px;
    margin: 22px 0px 0px 0px;
    border-radius: 3px;
    font-size: 0.75rem;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    position: relative;
    color: hsl(45, 100%, 40%);
    background-color: hsl(0, 0%, 100%);
    box-shadow: 0px 0px 1px 1px hsl(45, 100%, 40%) inset;
}

a.dokmehBaghiehKalahayeSefareshSNK:hover {
    color: hsl(45, 100%, 30%);
}

a.dokmehBaghiehKalahayeSefareshSNK:active {
    color: hsl(45, 100%, 20%);
}

a.dokmehBaghiehKalahayeSefareshSNK:focus {
    outline: 0px solid;
}


td.sotoonJozeatKharidSNK > div {
    font-size: 0.75rem;
    line-height: 1.5;
    color: hsl(0, 0%, 9%);
    text-align: center;
}

.tarikhVaZamanSNK {
    text-align: center;
}

td.sotoonPardakhthaSNK > div {
    line-height: 1.5;
}

td.sotoonPardakhthaSNK > div > span:first-child {
    color: hsl(45, 100%, 40%);
}

td.sotoonPardakhthaSNK hr {
    width: 70%;
    margin: 5px;
    border: 0px solid;
    border-bottom: 1px solid hsl(0, 0%, 80%);
}

span.titrJozeatSNK {
    font-size: 0.875rem; /*14 px*/
    line-height: 1.6; /*24px */
    color: hsl(45, 100%, 40%);
}

.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: 3px;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
    text-align: center;
    text-decoration: none;
    color: hsl(0, 100%, 100%);
    background-color: hsl(20, 100%, 50%);
}

a.dokmehSabtPardakhtSNK:hover {
    background-color: hsl(20, 100%, 40%);
}

a.dokmehSabtPardakhtSNK:active {
    background-color: hsl(20, 100%, 30%);
}

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: myIcon;
    text-decoration: none;
}

a[class^="dokmehNamayesh"][class$="SNK"]:link, a[class^="dokmehNamayesh"][class$="SNK"]:visited {
    color: hsl(0, 0%, 30%);
}

a[class^="dokmehNamayesh"][class$="SNK"]:hover {
    color: hsl(0, 0%, 50%);
}

a[class^="dokmehNamayesh"][class$="SNK"]:active {
    color: hsl(0, 0%, 45%);
}

[class^="titr"][class$="SNK"] {
    font-size: 0.812rem;
}

span.bayanehSNK::after {
    content: "بیعانه";
}

span.kamelSNK::after {
    content: "کامل";
}

.adadSNK {
    font-size: 0.875rem; /*14 px*/
}

span.codePeygiriSNK > span:first-child {
    position: relative;
}

a.dokmehNamayeshEtelaatSefareshSNK, a.dokmehNamayeshEtelaatSefareshSNK:link, a.dokmehNamayeshEtelaatSefareshSNK:visited {
    /*float: left;*/
    width: 14px;
    height: 14px;
    font-family: myIcon;
    margin: 0px 5px 0px 5px;
    font-size: 0.75rem;
    text-decoration: none;
    position: absolute;
    left: 5px;
    top: 5px;
    color: hsl(103, 49%, 23%);
}

a.dokmehNamayeshEtelaatSefareshSNK:hover {
    color: hsl(106, 39%, 63%);
}

a.dokmehNamayeshEtelaatSefareshSNK:active {
    color: hsl(103, 67%, 30%);
}

span.iconTitrSNK {
    margin-left: 3px;
    font-family: myIcon;
    color: hsl(224, 57%, 30%);
    vertical-align: middle;
}

/* ناحیه کاربری قسمت مشخصات من */
#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-2);
}

#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;
    color: hsl(0, 0%, 0%);
}

#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;
    padding: 3px 12px;
    border-radius: 8px;
    font-size: 0.875rem; /*  14px    */
    text-align: center;
}

#kadrDokmehTaghirRamzOboorMMNK > a.dokmehKoochakMMNK {
    display: inline-block;
    width: auto;
}

a.dokmehMMNK:link, a.dokmehMMNK:visited {
    color: hsl(0, 100%, 100%);
    background-color: var(--cl-3);
}

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

a.dokmehMMNK:active {
    background-color: var(--cl-4-2);
}

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: yekan;
    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#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;
    color: hsl(270, 13%, 9%);
}

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: myIcon;
    font-size: 0.875rem;
    text-align: right;
    padding-right: 10px;
    letter-spacing: -4px;
    vertical-align: middle;
}

a.dokmehErsalPayamPENK {
    font-family: myicon;
    font-size: 0.875rem;
}


table#tblPayamhaErsaliNK td.sotoonPayamPENK {
    text-align: right;
    font-size: 0.875rem;
    padding-bottom: 40px; /* 10pad+ 30faza baraye dokmehha */
    color: hsl(0, 0%, 48%);
    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(103, 67%, 30%);
}

a.dokmehNamayeshKamelPENK {
    width: 14px;
    height: 14px;
    margin: 4px 2px 4px 0px;
    font-family: myIcon;
    font-size: 0.875rem;
    text-decoration: none;
    vertical-align: middle;
}

a.dokmehNamayeshKamelPENK:link, a.dokmehNamayeshKamelPENK:visited {
    color: var(--cl-2);
}

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

span.matnPENK {
    color: hsl(270, 13%, 0%);
}

.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: 20px;
    height: 12px;
    padding: 4px 3px 4px 2px;
    margin: 3px;
    font-family: myIcon;
    font-size: 0.75rem;
    text-decoration: none;
    text-align: center;
    border-radius: 2px;
    color: hsl(102, 100%, 100%);
    background-color: var(--cl-3);
}

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

.kadrAmaliatPENK a:active {
    background-color: var(--cl-4-2);
}

.kadrAmaliatPENK > span {
    display: block;
    float: left;
    height: 12px;
    padding: 3px 0px 3px 0px;
    font-size: 0.75rem;
}

span.khandehShodehPENK, span.khandehNashodehPENK {
    display: block;
    float: left;
    height: 16px;
    padding-left: 5px;
    font-family: myIcon;
    font-size: 0.8125rem;
    position: relative;
    top: 2px;
    color: var(--cl-2);
}

span.khandehShodehPENK::after {
    content: '';
    position: relative;
    text-shadow: 2px 0px 0px hsl(50, 50%, 100%);
}

span.khandehShodehPENK::before {
    content: '';
    position: absolute;
    left: 14px;
    top: 3px;
    text-shadow: 0px 0px transparent;
}

span.khandehNashodehPENK::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: white;
    font-family: yekan;
    font-weight: bold;
}

#kadrShomarandehSafhehPENK {
    width: 100%;
    position: relative;
    background-color: #E4E7E7;
    box-sizing: border-box;
    padding: 20px;
    overflow-y: auto;
}

#kadrShomarandehSafhehPENK a#dokmehBoroPENK, #kadrShomarandehSafhehPENK a#dokmehBoroPENK:link, #kadrShomarandehSafhehPENK a#dokmehBoroPENK:visited {
    display: block;
    float: left;
    font-size: 0.875rem;
    color: var(--cl-2);
}

#kadrShomarandehSafhehPENK a#dokmehBoroPENK:hover {
    color: var(--cl-5-1);
}

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

#kadrShomarandehSafhehPENK input#shomSafPENK {
    display: block;
    float: left;
    box-sizing: content-box;
    padding: 3px 4px 5px 4px;
    width: 45px;
    height: 14px;
    margin: 0px 5px;
    font-size: 0.875rem;
    color: hsl(100, 60%, 2%);
}

#kadrShomarandehSafhehPENK > span {
    display: block;
    float: left;
    padding: 5px 0px 6px 0px;
    margin: 0px 5px;
    font-size: 0.875rem;
    line-height: 1;
    color: hsl(100, 60%, 2%);
}


/*   ناحیه کاربری - پیام های دریافتی   */

#kadrPayamhaDaryaftiNK {
    border-spacing: 0px;
    float: right;
    width: calc(100% - 10px);
    height: 360px;
    padding: 5px;
    overflow: auto;
    position: relative;
}

#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: yekan;
    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%;
}

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: myIcon;
    font-size: 0.875rem;
    text-align: right;
    padding-right: 10px;
    letter-spacing: -4px;
    vertical-align: middle;
}

span.kadrAmaliatFrestandehPDNK a, span.kadrAmaliatFrestandehPDNK a:link, span.kadrAmaliatFrestandehPDNK a:visited {
    display: inline-block;
    width: 12px;
    height: 12px;
    text-decoration: none;
}

a.dokmehErsalPayamPDNK {
    font-family: myicon;
    font-size: 0.875rem;
}

span.emailFrestandehPDNK {
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    direction: ltr;
    font-size: 0.625rem;
    color: hsl(0, 0%, 50%);
}

table#tblPayamhaDaryaftiNK td.sotoonPayamPDNK {
    text-align: right;
    font-size: 0.875rem;
    padding-bottom: 40px; /* 10pad+ 30faza baraye dokmehha */
    color: hsl(0, 0%, 48%);
    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: hsl(0, 0%, 50%);
}

a.dokmehNamayeshKamelPDNK {
    width: 14px;
    height: 14px;
    margin: 4px 2px 4px 0px;
    font-family: myIcon;
    font-size: 0.875rem;
    text-decoration: none;
    vertical-align: middle;
}

a.dokmehNamayeshKamelPDNK:link, a.dokmehNamayeshKamelPDNK:visited {
    color: var(--cl-2);
}

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

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

table#tblPayamhaDaryaftiNK span.zamanPDNK, table#tblPayamhaDaryaftiNK span.tarikhPDNK, table#tblPayamhaDaryaftiNK span.titrMatnPDNK {
    display: inline-block;
    height: 12px;
    font-size: 0.75rem;
    color: var(--cl-4-2);
    line-height: 1;
}

span.matnPDNK {
    font-size: 0.875rem;
    color: hsl(270, 13%, 0%);
}

.kadrAmaliatPDNK {
    position: absolute;
    bottom: 10px; /* rooye pad-b container */
    left: 10px;
}

.kadrAmaliatPDNK a, .kadrAmaliatPDNK a:link, .kadrAmaliatPDNK a:visited {
    display: block;
    float: left;
    width: 20px;
    height: 12px;
    text-align: center;
    padding: 4px 3px 4px 2px;
    margin: 3px;
    font-family: myIcon;
    text-decoration: none;
    font-size: 0.75rem;
    border-radius: 2px;
    color: hsl(102, 100%, 100%);
    background-color: var(--cl-3);
}

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

.kadrAmaliatPDNK a:active {
    background-color: var(--cl-4-2);
}

.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;
    background-color: white;
    font-family: yekan;
    font-weight: bold;
}

#kadrShomarandehSafhehPDNK {
    width: 100%;
    position: relative;
    background-color: hsl(0, 0%, 90%);
    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: 3px 5px 8px 5px;
    border-radius: 4px;
    font-size: 0.875rem;
    line-height: 1;
    text-decoration: none;
    color: var(--cl-2);
}

#kadrShomarandehSafhehPDNK a#dokmehBoroPDNK:hover {
    color: var(--cl-5-1);
}

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

#kadrShomarandehSafhehPDNK input#shomSafPDNK {
    display: block;
    float: left;
    box-sizing: content-box;
    width: 45px;
    height: 14px;
    margin: 0px 5px;
    font-family: vazir;
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;
    color: hsl(0, 0%, 0%);
    background-color: hsl(0, 0%, 100%);
}

#kadrShomarandehSafhehPDNK > span {
    display: block;
    float: left;
    padding: 5px 0px 6px 0px;
    margin: 0px 5px;
    font-size: 0.875rem;
    line-height: 1;
    color: hsl(100, 60%, 0%);
}


/*    ناحیه کاربری - ارسال پیام    */
#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;
}

#ersalPayamNK select {
    width: calc(100% - 12px);
    box-sizing: content-box;
    margin: 0px;
    font-size: 0.875rem;
    color: hsl(0, 0%, 13%);
}

textarea#txtMatnEPNK {
    display: inline-block;
    width: calc(100% - 75px);
    height: 147px;
    font-size: 1rem;
    resize: none;
}

a#btnErsalEPNK, a#btnErsalEPNK:link, a#btnErsalEPNK:visited {
    float: left;
    padding: 7px 10px;
    margin: 0px 0px 0px 5%;
    border-radius: 8px;
    color: hsl(0, 100%, 100%);
    background-color: var(--cl-2);
}

a#btnErsalEPNK:hover {
    background-color: var(--cl-5-1);
}

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

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: hsl(0, 0%, 30%);
}

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: hsl(0, 0%, 23%);
}

a.dokmehNamayeshKamelEPNK:hover {
    color: hsl(0, 0%, 63%);
}

a.dokmehNamayeshKamelEPNK:active {
    color: hsl(0, 0%, 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: yekan;
    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-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-family: yekan;
    font-size: 0.875rem;
    line-height: 1.5;
    text-align: left;
    color: hsl(224, 57%, 30%);
}

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-family: vazir;
    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: yekan;
    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;
}

span.iconTitrLTNK {
    margin-left: 3px;
    font-family: myIcon;
    color: hsl(224, 57%, 30%);
    vertical-align: middle;
}

a.dokmehNamayeshEtelaatSefareshLTNK {
    float: left;
    width: 14px;
    height: 14px;
    font-family: myIcon;
    margin: 0px 5px 0px 5px;
    font-size: 0.75rem;
    text-decoration: none;
}

a.dokmehNamayeshEtelaatSefareshLTNK:link, a.dokmehNamayeshEtelaatSefareshLTNK:visited {
    color: hsl(0, 0%, 23%);
}

a.dokmehNamayeshEtelaatSefareshLTNK:hover {
    color: hsl(0, 0%, 63%);
}

a.dokmehNamayeshEtelaatSefareshLTNK:active {
    color: hsl(0, 0%, 30%);
}

span.kadrKalahayeDigarLTNK {
    position: absolute;
    right: 0px;
    top: -20px;
    font-size: 0.812rem;
}

a.dokmehBaghiehKalahayeSefareshLTNK {
    display: block;
    width: 145px;
    height: 14px;
    padding: 5px 8px;
    margin: 22px 0px 0px 0px;
    border-radius: 3px;
    font-size: 0.75rem;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    position: relative;
}

a.dokmehBaghiehKalahayeSefareshLTNK:link, a.dokmehBaghiehKalahayeSefareshLTNK:visited {
    color: hsl(45, 100%, 40%);
    background-color: hsl(0, 0%, 100%);
    box-shadow: 0px 0px 1px 1px hsl(45, 100%, 40%) inset;
}

a.dokmehBaghiehKalahayeSefareshLTNK:hover {
    color: hsl(45, 100%, 30%);
}

a.dokmehBaghiehKalahayeSefareshLTNK:active {
    color: hsl(45, 100%, 20%);
}

a.dokmehBaghiehKalahayeSefareshLTNK:focus {
    outline: 0px solid;
}


span.titrLTNK {
    font-size: 0.812rem; /*14 px*/
    line-height: 1.6; /*24px */
    color: hsl(45, 100%, 40%);
}

td.sotoonMablaghLTNK > span {
    line-height: 1.5;
}

td.sotoonJozeatTarakoneshLTNK > div {
    font-size: 0.75rem;
    line-height: 1.5;
    color: hsl(0, 0%, 9%);
}

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: white;
    font-family: yekan;
    font-weight: bold;
}

#kadrShomarandehSafhehSNK {
    width: 100%;
    position: relative;
    background-color: #E4E7E7;
    box-sizing: border-box;
    padding: 20px;
    overflow-y: auto;
}

#kadrShomarandehSafhehSNK a#dokmehBoroSNK, #kadrShomarandehSafhehSNK a#dokmehBoroSNK:link, #kadrShomarandehSafhehSNK a#dokmehBoroSNK:visited {
    display: block;
    float: left;
    font-size: 0.875rem;
    text-decoration: none;
    color: var(--cl-2);
}

#kadrShomarandehSafhehSNK a#dokmehBoroSNK:hover {
    color: var(--cl-5-1);
}

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

#kadrShomarandehSafhehSNK input#shomSafSNK {
    display: block;
    float: left;
    box-sizing: content-box;
    width: 45px;
    height: 14px;
    margin: 0px 5px;
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;
    color: hsl(100, 60%, 2%);
}

#kadrShomarandehSafhehSNK > span {
    display: block;
    float: left;
    padding: 5px 0px 6px 0px;
    margin: 0px 5px;
    font-size: 0.875rem;
    line-height: 1;
    color: hsl(100, 60%, 2%);
    background-color: #E7E9E9;
}

/* بخش ثبت نام ها */
a.kadrAksSNK, a.kadrAksSNK:link, a.kadrAksSNK:visited {
    float: right;
    width: 150px;
}

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

a.onvanSNK, a.onvanSNK:link, a.onvanSNK:visited {
    float: right;
    font-size: 1rem;
}

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

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


/*     پیجینگ تراکنش ها - ناحیه کاربری        */
table#shomarandehSafhehLTNK td {
    padding: 0px;
    text-align: center;
}

table#shomarandehSafhehLTNK td#kadrAdadLTNK {
    width: 80px;
    background-color: white;
    font-family: yekan;
    font-weight: bold;
}

#kadrShomarandehSafhehLTNK {
    width: 100%;
    position: relative;
    background-color: #E4E7E7;
    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: 3px 5px 8px 5px;
    margin: 0px 5px;
    border-radius: 4px;
    font-size: 0.875rem;
    line-height: 1;
    text-decoration: none;
    color: hsl(0, 0%, 100%);
    background-color: hsl(20, 100%, 50%);
}

#kadrShomarandehSafhehLTNK a#dokmehBoroLTNK:hover {
    background-color: hsl(20, 100%, 40%);
}

#kadrShomarandehSafhehLTNK a#dokmehBoroLTNK:active {
    background-color: hsl(20, 100%, 30%);
}

#kadrShomarandehSafhehLTNK input#shomSafLTNK {
    display: block;
    float: left;
    box-sizing: content-box;
    padding: 3px 4px 5px 4px;
    width: 45px;
    height: 14px;
    border: 2px solid hsl(0, 0%, 54%);
    border-radius: 2px;
    margin: 0px 5px;
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;
    color: hsl(100, 60%, 2%);
    background-color: hsl(0, 0%, 91%);
}

#kadrShomarandehSafhehLTNK > span {
    display: block;
    float: left;
    padding: 5px 0px 6px 0px;
    margin: 0px 5px;
    font-family: yekan;
    font-size: 0.875rem;
    line-height: 1;
    color: hsl(100, 60%, 2%);
    background-color: #E7E9E9;
}


/*      بخش پیغام پروفایل ناحیه کاربری    */

#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: myIcon;
    display: block;
    width: 70px;
    height: 70px;
    padding: 5px;
    margin: auto;
    font-size: 3.437rem; /*57 px*/
    color: hsl(20, 100%, 50%);
    border: 5px solid hsl(20, 100%, 50%);
    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: hsl(0, 0%, 38%);
}

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: hsl(0, 0%, 0%);
}

span#emaliPP {
    height: 12px;
    font-size: 0.75rem;
    font-weight: bold;
    padding: 8px 5px;
}

span.titrPeyghamPP {
    color: hsl(0, 0%, 38%);
}


/*      ثبت پرداخت جدید    */
#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: yekan;
    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;
}

/*      سبد خرید    */
#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 hsl(0, 0%, 80%);
}

#kadrTitrItemhaSKH > div /*  تمام دایوهای موجود در تیتر */
{
    float: right;
    height: 22px;
    padding: 9px 5px;
    font-family: vazir;
    font-size: 0.875rem;
    line-height: 22px;
    text-align: right;
    color: hsl(85, 76%, 40%);
}

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

#kadrItemhaSKH:empty + #kadrPaeenSKH * {
    display: none;
}

#kadrItemhaSKH:empty + #kadrPaeenSKH::after {
    content: "سبد خرید شما خالی است.";
    font-family: yekan;
    font-size: 1.25rem; /* 20px */
    color: hsl(0, 0%, 61%);
    text-shadow: 0px 0px 1px hsl(0, 0%, 74%);
}

.itemSKH {
    width: 570px; /*  DEP pad */
    height: 30px;
    padding: 12px 5px; /*  DEP w   */
    font-family: vazir;
    border-bottom: 1px solid hsl(0, 0%, 90%);
    font-size: 0.875rem;
    line-height: 16px;
    color: hsl(0, 0%, 16%);
}

.itemSKH > div {
    float: right;
    height: 16px;
    padding: 0px 5px;
    text-align: right;
}

.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: hsl(200, 100%, 50%);
}

div.namMahsoolSKH > a:hover {
    color: hsl(200, 100%, 34%);
}

div.namMahsoolSKH > a:active {
    color: hsl(200, 100%, 40%);
}

div.namMahsoolSKH > a > span {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.namMahsoolSKH > a > span:first-child + span /*  model va rang   */
{
    font-size: 0.75rem;
    color: hsl(0, 0%, 41%);
}

div.gheymatAsliItemSKH {
    font-family: englishFont;
    width: 110px;
}

div.gheymatBaTakhfifItemSKH {
    font-family: englishFont;
    width: 120px;
}

div.tedadMahsoolItemSKH {
    width: 80px;
}

.adadTedadSKH {
    float: right;
    margin: 1px 5px;
}

a.dokmehEmkanatSKH, a.dokmehEmkanatSKH:link, a.dokmehEmkanatSKH:visited {
    float: right;
    width: 18px;
    height: 18px;
    font-size: 1.25rem;
    font-family: myIcon2;
    text-align: center;
    color: hsl(200, 100%, 50%);
}

a.dokmehEmkanatSKH:hover {
    color: hsl(200, 100%, 34%);
}

a.dokmehEmkanatSKH:active {
    color: hsl(200, 100%, 40%);
}

/*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: vazir;
    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);
    min-height: 80px;
    overflow-y: auto;
    text-align: center;
}

#kadrMablaghNahaeeSKH {
    height: 14px;
    padding: 7px 10px;
    margin-bottom: 10px;
    font-family: vazir;
    font-size: 0.875rem;
    line-height: 14px;
    text-align: left;
}

@keyframes anmMahvDokmehSabtSKH {
    0% {
        opacity: 1.0;
        width: 120px;
        padding: 10px;
        margin: 0px 3px;
    }

    99.9% {
        opacity: 0.0;
        width: 120px;
        padding: 10px;
        margin: 0px 3px;
    }

    100% {
        opacity: 0.0;
        width: 0px;
        padding: 0px;
        margin: 0px 0px;
    }

}

@keyframes anmNamayeshDokmehhayeKarbariSKH {
    0% {
        opacity: 0.0;
        width: 0px;
        padding: 0px;
        margin: 0px 0px;
    }

    0.1% {
        opacity: 0.0;
        width: 95px;
        padding: 10px;
        margin: 0px 3px;
    }

    100% {
        opacity: 1.0;
        width: 95px;
        padding: 10px;
        margin: 0px 3px;
    }
}

#tblKadrSabadKharid a[id^="dokmeh"] {
    display: inline-block;
    width: 120px;
    height: 18px;
    padding: 10px 10px;
    margin: 0px 3px;
    border-radius: 3px;
    font-family: yekan;
    font-size: 1.125rem; /*  18px    */
    line-height: 1;
    text-align: center;
    text-decoration: none;
    overflow: hidden; /* برای مخفی شدن در انیمیشن */
}

#tblKadrSabadKharid a[id^="dokmeh"]:focus {
    outline: 0px solid;
}

#tblKadrSabadKharid a[id^="dokmeh"] ~ a {
    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: 73px;
    height: 14px;
    padding: 7px 5px;
    text-align: left;
    font-size: 0.875rem;
    line-height: 1;
    color: hsl(0, 0%, 0%);
}

.itemVM > input, .itemVM > select {
    box-sizing: content-box;
    display: block;
    float: right;
    width: calc(100% - 101px);
    height: 16px;
    margin: 0px;
    direction: ltr;
    text-align: left;
    font-size: 0.875rem; /*  14px    */
    line-height: 16px;
    color: hsl(0, 0%, 13%);
}

.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% - 101px);
    height: 48px;
    margin: 0px;
    font-size: 0.875rem; /*  14px    */
    line-height: 16px;
    color: hsl(0, 0%, 13%);
    resize: none;
}


/*      تکمیل اطلاعات خرید    */
#kadrTashihOFTAK {
    width: 600px;
}

.itemTAK > span {
    display: block;
    float: right;
    width: 63px;
    height: 14px;
    padding: 5px 5px;
    text-align: left;
    font-family: vazir;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
    color: hsl(0, 0%, 0%);
}

::-webkit-input-placeholder {
    font-family: vazir;
    font-size: 0.75rem;
    text-align: right;
}

:-moz-placeholder /* Firefox 18- */
{
    font-family: vazir;
    font-size: 0.75rem;
    text-align: right;
}

::-moz-placeholder /* Firefox 19+ */
{
    font-family: vazir;
    font-size: 0.75rem;
    text-align: right;
}

:-ms-input-placeholder {
    font-family: vazir;
    font-size: 0.75rem;
    text-align: right;
}

.itemTAK {
    float: right;
    width: calc(50% - 10px);
    height: 24px;
    padding: 6px 5px;
}

#itemAddressTAK {
    width: calc(100% - 10px);
}

.itemTAK input[type="text"] {
    display: block;
    float: right;
    width: calc(100% - 85px);
    height: 16px;
    padding: 3px 5px;
    margin: 0px;
    border: 1px solid hsl(0, 0%, 36%);
    border-radius: 2px;
    font-family: vazir;
    font-size: 0.875rem; /*  14px    */
    color: hsl(0, 0%, 13%);
}

input.txtLeft {
    direction: ltr;
    text-align: left;
}

.itemTAK textarea {
    display: block;
    float: right;
    width: calc(100% - 85px);
    height: 17px;
    padding: 3px 5px;
    margin: 0px;
    border: 1px solid hsl(0, 0%, 36%);
    border-radius: 2px;
    font-family: vazir;
    font-size: 0.875rem; /*  14px    */
    line-height: 16px;
    color: hsl(0, 0%, 13%);
    resize: none;
}

#kadrTakmilEtelaatKharid > hr {
    border: 0px solid;
    border-bottom: 1px solid hsl(0, 0%, 80%);
    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-family: vazir;
    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-family: vazir;
    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-family: vazir;
    font-size: 0.875rem;
    line-height: 1;
    color: hsl(0, 100%, 36%);
}

span.iconRahnama {
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    font-family: myIcon;
    font-size: 1.25rem;
    line-height: 1;
    text-align: center;
    color: hsl(0, 6%, 17%);
    cursor: pointer;
}

#kadrTakmilEtelaatKharid select {
    box-sizing: content-box;
    display: block;
    float: right;
    width: 150px;
    height: 26px;
    padding: 0px 5px;
    margin: 0px;
    border: 1px solid hsl(0, 0%, 36%);
    border-radius: 2px;
    font-family: vazir;
    font-size: 0.875rem;
    line-height: 14px;
    color: hsl(0, 0%, 13%);
}

.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-family: vazir;
    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;
}

#kadrRaveshErsal > span:first-child + span {
    display: block;
    float: right;
    height: 14px;
    padding: 3px 5px;
    text-align: left;
    font-family: vazir;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
    color: hsl(0, 0%, 0%);
}

.kadrNoeErsal {
    float: right;
    width: calc(33.333% - 30px);
    overflow-y: auto;
    border-radius: 8px;
    padding: 10px 10px;
    margin: 5px 5px;
    cursor: pointer;
    background-color: hsl(0, 0%, 95%);
}

.kadrNoeErsal:hover {
    box-shadow: 0px 0px 3px 1px hsl(200, 100%, 70%);
    background-color: hsl(200, 100%, 95%);
}

.raveshEntekhaShodehTAK {
    box-shadow: 0px 0px 3px 1px hsl(200, 100%, 70%);
    background-color: hsl(200, 100%, 97%);
}

.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-family: vazir;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
    color: hsl(0, 0%, 10%);
}

.kadrNoeErsal > div {
    float: right;
    height: 30px;
    margin-top: 5px;
    overflow: hidden;
    font-family: vazir;
    font-size: 0.75rem; /*  14px    */
    line-height: 15px;
    color: hsl(0, 0%, 53%);
}

.hazinehErsal {
    float: left !important;
    height: 15px !important;
    margin-top: 10px !important;
}

.kadrNoeErsal > span.iconRahnama {
    display: none;
}

/*      تایید اطلاعات خریدار و کالا    */

#kadrTashihOFTEKH {
    width: 600px;
}

#kadrKolMohtaviatTEKH {
    width: 100%;
    margin: 0;
    overflow-y: auto;
}

#kadrKolMohtaviatTEKH > div /*   3 تا  دایو کانتنر سه قسمت بالا، وسط و پایین   */
{
    width: calc(100% - 20px); /*  DEP mar   */
    overflow-y: auto;
    margin: 10px 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: 152px; /*  DEP pad */
    height: 20px;
    padding: 4px 5px; /*  DEP w    */
}

#kadrDokmehVirayeshEtelaatTEKH {
    float: right;
    width: 196px;
    height: 24px;
    padding: 2px 5px; /*  DEP w    */
}

span.matnTitrEtelaatKharidarTEKH {
    display: block;
    float: right;
    width: 63px;
    height: 14px;
    padding: 3px 5px;
    text-align: left;
    font-family: vazir;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
    color: hsl(85, 76%, 40%);
}

#kadrCodeMeliTEKH > span.matnTitrEtelaatKharidarTEKH {
    width: 44px;
}

#kadrCodePostiTEKH > span.matnTitrEtelaatKharidarTEKH {
    width: 56px;
}

#kadrAddressTEKH > span.matnTitrEtelaatKharidarTEKH {
    line-height: 16px; /*  tashih zaheri bala boodan matn  */
}

#kadrTelHamrahTEKH > span.matnTitrEtelaatKharidarTEKH {
    width: 58px;
}

span.matnVoroodiEtelaatKharidarTEKH {
    display: block;
    float: right;
    width: calc(100% - 73px); /*  DEP pad khodash, w va pad span.matnTitrEtelaatKharidarTEKH  */
    height: 14px;
    padding: 3px 0px;
    text-align: right;
    font-family: vazir;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
    color: hsl(0, 0%, 10%);
}

#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: 3px;
    font-family: vazir;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
    text-align: center;
    text-decoration: none;
    color: hsl(0, 0%, 100%);
    background-color: hsl(200, 100%, 64%);
}

a.dokmehKoochak:hover {
    background-color: hsl(200, 100%, 47%);
}

a.dokmehKoochak:active {
    background-color: hsl(200, 100%, 30%);
}

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-family: yekan;
    font-size: 1rem;
    line-height: 1;
    color: hsl(85, 76%, 40%);
}

#kadrTitrItemhaTEKH {
    width: 100%; /*580px;*/
    height: 20px;
    background-color: hsl(48, 45%, 94%);
}

#kadrTitrItemhaTEKH > div /*  تمام دایوهای موجود در تیتر */
{
    float: right;
    height: 14px;
    padding: 3px 5px;
    font-family: vazir;
    font-size: 0.875rem; /*  14px    */
    line-height: 1; /*   DEP h  */
    text-align: center;
    color: hsl(85, 76%, 40%);
}

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-family: vazir;
    font-size: 0.875rem;
    line-height: 16px;
    color: hsl(0, 0%, 0%);
}

.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;
    color: hsl(200, 100%, 50%);
}

div.namMahsoolTEKH > a:hover {
    color: hsl(200, 100%, 40%);
}

div.namMahsoolTEKH > a:active {
    color: hsl(200, 100%, 34%);
}

div.namMahsoolTEKH > a > span {
    display: inline-block;
    width: 100%;
    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;
}

#kadrPaeenItemhaTEKH {
    width: 100%;
    overflow-y: auto;
}

#kadrMablaghNahaeeTEKH {
    padding: 7px 10px;
    margin-left: 10px;
    font-family: vazir;
    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-family: vazir;
    font-size: 1rem;
    line-height: 1;
    color: hsl(85, 76%, 40%);
}

#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: myIcon;
    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-family: vazir;
    font-size: 0.875rem;
    line-height: 14px;
}

.kadrMatnhaRaveshPardakhtVaErsalTEKH > span:not([class^="icon"]) {
    display: block;
    float: right;
    width: auto;
    height: 14px;
    font-family: vazir;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
    color: hsl(0, 0%, 0%);
}

span.iconVirayeshTEKH {
    display: block;
    float: right;
    width: 12px;
    height: 12px;
    padding: 1px 3px;
    font-family: myIcon;
    font-size: 0.75rem; /*  12px    */
    line-height: 1;
    cursor: pointer;
    color: hsl(200, 100%, 50%);
}

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


/*       ایجاد حساب کاربری    */

#kadrTashihOFEHK {
    width: 600px;
}

#kadrNamEHK {
    float: right;
    width: calc(50% - 10px);
    padding: 5px 5px;
    position: relative;
}

#kadrFamilEHK {
    float: right;
    width: calc(50% - 10px);
    padding: 5px 5px;
    position: relative;
}

#kadrTelHamrahEHK {
    float: right;
    width: calc(50% - 10px);
    padding: 5px 5px;
    position: relative;
}

#kadrEmailEHK {
    float: right;
    width: calc(50% - 10px);
    padding: 5px 5px;
    position: relative;
}

#kadrPasswordEHK {
    float: right;
    width: calc(50% - 10px);
    padding: 5px 5px;
    position: relative;
}

#kadrRePasswordEHK {
    float: right;
    width: calc(50% - 10px);
    padding: 5px 5px;
    position: relative;
}

#kadrDaryaftMatalebEHK {
    float: right;
    width: calc(100% - 10px);
    padding: 5px 5px;
    margin: 5px 0px 0px;
}

a.errorVoroodi {
    display: block;
    width: 14px;
    height: 14px;
    font-family: myIcon;
    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: hsl(0, 100%, 32%);
}

a.errorVoroodi:active {
    color: hsl(0, 100%, 21%);
}

span.matnTitrVoroodiEHK {
    display: block;
    float: right;
    width: 80px;
    height: 14px;
    padding: 7px 5px;
    text-align: left;
    font-family: vazir;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
    color: hsl(0, 0%, 0%);
}

#kadrEejadHesabKarbari input:not([type="checkbox"]) {
    display: block;
    float: right;
    width: calc(100% - 108px);
    height: 16px;
    margin: 0px;
    text-align: right;
    font-size: 0.875rem;
    line-height: 1;
    color: hsl(0, 0%, 13%);
}

#kadrTelHamrahEHK > input[type="text"] {
    direction: ltr;
    text-align: left;
}

#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: hsl(0, 0%, 87%);
}

#kadrEejadHesabKarbari input:not([type="checkbox"])::-webkit-input-placeholder {
    direction: rtl;
    font-family: vazir;
    font-size: 0.875rem;
    text-align: right;
    font-weight: normal;
    position: relative;
    top: -1px;
}

#kadrEejadHesabKarbari input:not([type="checkbox"]):-moz-placeholder /* Firefox 18- */
{
    direction: rtl;
    font-family: vazir;
    font-size: 0.875rem;
    text-align: right;
    font-weight: normal;
    position: relative;
    top: -1px;
}

#kadrEejadHesabKarbari input:not([type="checkbox"])::-moz-placeholder /* Firefox 19+ */
{
    direction: rtl;
    font-family: vazir;
    font-size: 0.875rem;
    text-align: right;
    font-weight: normal;
    position: relative;
    top: -1px;
}

#kadrEejadHesabKarbari input:not([type="checkbox"]):-ms-input-placeholder {
    direction: rtl;
    font-family: vazir;
    font-size: 0.875rem;
    text-align: right;
    font-weight: normal;
    position: relative;
    top: -1px;
}

#kadrDaryaftMatalebEHK > input /*  چک باکس */
{
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    margin: 4px 5px;
}

#kadrDaryaftMatalebEHK > span {
    display: block;
    float: right;
    width: 348px;
    padding: 5px 0px;
    text-align: right;
    font-family: vazir;
    font-size: 0.875rem; /*  14px    */
    line-height: 1;
    color: hsl(0, 0%, 0%);
}

#kadrDaryaftMatalebEHK > span#matnErrorOzviat {
    visibility: hidden;
    display: block;
    width: calc(100% - 374px); /*  DEP pad khodash+majmoo w span va input kenarash=>10+284+26 */
    text-align: left;
    color: red;
}

#kadrEejadHesabKarbari > hr {
    border: 0px solid;
    border-bottom: 1px dashed var(--cl-brd);
    margin: 10px 0px;
}


/*      فعال سازی حساب کاربری       */

#kadrTashihOFFHK {
    width: 410px;
}

#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-family: vazir;
    font-size: 0.875rem;
    line-height: 18px;
    color: hsl(0, 0%, 0%);
}

#kadrFaalsaziHesabKarbari input {
    display: block;
    width: 150px;
    margin: 5px auto;
    direction: ltr;
    text-align: center;
    font-family: vazir;
    font-size: 1rem;
    line-height: 20px;
    color: hsl(0, 0%, 13%);
}

#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-family: vazir;
    font-size: 0.75rem; /*  12px    */
    line-height: 1;
}

#kadrErsalMojadadCodeFaalsaziFHK > a:link, #kadrErsalMojadadCodeFaalsaziFHK > a:visited, #kadrVirayeshMobileYaEmailFHK > a:link, #kadrVirayeshMobileYaEmailFHK > a:visited {
    color: hsl(200, 100%, 0%);
}

#kadrErsalMojadadCodeFaalsaziFHK > a:hover, #kadrVirayeshMobileYaEmailFHK > a:hover {
    color: var(--cl-3);
}

#kadrErsalMojadadCodeFaalsaziFHK > a:active, #kadrVirayeshMobileYaEmailFHK > a:active {
    color: var(--cl-4-2);
}

#kadrErsalMojadadCodeFaalsaziFHK > a.gheyrFaal {
    color: hsl(0, 0%, 50%);
    cursor: default;
}

span#kadrSaniehMandehFHK {
    font-size: 0.75rem;
}


/*       ورود به حساب کاربری    */

#kadrTashihOFLK {
    width: 400px;
}

#kadrEmailYaTelHamrahLK, #kadrPasswordLK {
    float: right;
    width: calc(100% - 10px);
    padding: 5px 5px;
    position: relative;
}

span.matnTitrVoroodiLK {
    display: block;
    float: right;
    width: 110px;
    height: 16px;
    padding: 7px 5px;
    text-align: left;
    font-family: vazir;
    font-size: 1rem;
    line-height: 1;
    color: hsl(0, 0%, 0%);
}

#kadrLoginKarbar input {
    display: block;
    float: right;
    width: calc(100% - 138px);
    height: 20px;
    margin: 0px;
    direction: ltr;
    text-align: center;
    font-size: 1rem;
    line-height: 20px;
    color: hsl(0, 0%, 13%);
}

#kadrLoginKarbar span#matnErrorLogin {
    display: none;
    float: right;
    width: calc(100% - 80px);
    font-family: vazir;
    font-size: 0.875rem;
    line-height: 1;
    text-align: right;
    color: red;
}

a#faramooshiPasswordLK {
    display: block;
    float: left;
    height: 14px;
    padding: 3px 5px;
    text-decoration: none;
    font-family: vazir;
    font-size: 0.75rem; /*  12px    */
    line-height: 1;
}

a#faramooshiPasswordLK:link, a#faramooshiPasswordLK:visited {
    color: hsl(0, 0%, 0%);
}

a#faramooshiPasswordLK:hover {
    color: var(--cl-3);
}

a#faramooshiPasswordLK:active {
    color: var(--cl-4-2);
}

a#dokmehVoroodLK:focus {
    outline: 0px solid;
}


/*       تغییر رمز عبور    */

#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;
    color: hsl(0, 0%, 0%);
}

#kadrTaghirPassword input {
    display: block;
    float: right;
    width: calc(100% - 141px); /*  DEP pad, border khodash va w,pad span kenarash  */
    height: 16px;
    margin: 0px;
    direction: ltr;
    text-align: center;
    font-size: 1rem; /*  16px    */
    line-height: 1;
    font-weight: bold;
    color: hsl(0, 0%, 13%);
}

#kadrCodeBazyabiTP input {
    font-weight: normal;
}

#kadrTaghirPassword > hr {
    border: 0px solid;
    border-bottom: 1px dashed hsl(0, 0%, 19%);
    margin: 10px 0px;
}

#kadrTaghirPassword span#matnErrorTaghirPassword {
    visibility: hidden;
    display: none;
    margin: 5px 10px;
    width: calc(100% - 80px);
    font-size: 0.875rem;
    line-height: 1;
    text-align: right;
    color: red;
}

#kadrDokmehaTP {
    overflow-y: auto;
    margin: 10px auto;
}


/*      پیگیری سفارش    */
#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%);
}

.matnMarhalehPS {
    width: calc(100% - 10px);
    height: 32px;
    padding: 4px 5px;
    font-family: vazir;
    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%;
    overflow-y: auto;
    font-size: 1rem;
    text-indent: 10px;
}

a[id^="dokmehPeygham"], a[id^="dokmehPeygham"]:link, a[id^="dokmehPeygham"]:visited {
    float: left;
    display: none;
    padding: 3px 5px;
    width: 50px;
    margin: 0px 5px;
    font-size: 0.875rem;
    text-align: center;
    text-decoration: none;
    border-radius: 8px;
    color: var(--cl-2);
    background-color: var(--cl-3);
}

a[id^="dokmehPeygham"]:hover {
    background-color: var(--cl-4-1);
}

a[id^="dokmehPeygham"]:active {
    background-color: var(--cl-4-2);
}

a[id^="dokmehPeygham"]:focus {
    outline: 0px solid;
}

#tblKadrPeyghamLogin form {
    width: 100%;
    overflow-y: auto;
}

#kadrTashihOFPeyghamLogin {
    width: 29.650%;
}

#matnPeyghamLogin {
    width: calc(100% - 10px);
    overflow-y: auto;
    font-size: 0.875rem;
}

#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 hsl(0, 0%, 36%);
    border-radius: 2px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1;
}

#peyghamLogin input:focus {
    outline: none;
}

#kadrDokmehhaPeyghamLogin {
    padding: 10px 0px;
    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;
}

/* فیلتر */

#kadrFilterNR {
    float: right;
    width: 100%;
    margin-top: 25px;
}

.kadrVasetFilterNR {
    position: relative;
    float: right;
    width: calc(100% - 22px);
    padding: 10px;
    border-radius: 8px;
    border: 1px solid hsl(0, 0%, 85%);
    background-color: hsl(0, 0%, 100%);
}

.titrKadrFilterNR {
    position: relative;
    float: right;
    margin: 5px 10px 10px;
    font-size: 1.125rem;
    font-weight: bold;
    color: var(--cl-2);
}

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: 0px 12px;
    line-height: 1;
    color: hsl(0, 0%, 0%);
    border-top: 1px solid hsl(0, 0%, 85%);
}

a.namFilter:hover {
    color: var(--cl-2);
    background-color: hsl(0, 0%, 98%);
}

a.namFilter:active {
    color: var(--cl-5-2);
    background-color: hsl(0, 0%, 95%);
}

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-3);
    opacity: 0;
}

ul.zirFilter {
    width: 100%;
    overflow: hidden;
    transition: max-height 0.3s;
    list-style-type: none;
    padding: 0px;
    transition: height 0.3s;
}

ul.zirFilter li {
    position: relative;
    width: calc(100% - 20px);
    padding: 10px;
}

ul.zirFilter li span.meghdarFilter {
    font-size: 0.875rem;
    color: hsl(0deg 0% 50%);
    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-3);
}

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

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

#kadrGheymatFilter {
    display: none;
    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%);
    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;
    background-color: var(--cl-2);
    color: var(--cl-tit);
    border-radius: 5px;
}

a.dokmehSabtGheymat:hover {
    background-color: var(--cl-5-2);
}

a.dokmehSabtGheymat:active {
    background-color: var(--cl-2);
}

#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: 10px;
    left: 30px;
    height: 20px;
    box-sizing: content-box;
    font-size: 1rem;
    line-height: 1;
    padding: 5px 10px 5px 24px;
    width: 90px;
    border-radius: 5px;
    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;
    border: 1px solid var(--cl-2);
    transition: color 0.2s;
    cursor: pointer;
}

select#moratabSazi:hover {
    color: var(--cl-hov);
}

select#moratabSazi:active {
    color: var(--cl-act);
}

/* کادر عکس تمام صفحه */
.aksTamamSaf {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9000;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 10%, 0.8);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}


/*     فرمساز     */
#tblKadrPeyghamFormsaz {
    /* todo */
}

#tblKadrPeyghamFormsaz .kadrSarTitrPeygham + div {
    max-height: calc(100vh - 215px);
}

#tblKadrPeyghamFormsaz .iconSarTitrPeygham {
    font-family: myIcon4;
}


#tblKadrPeyghamFormsaz {
    z-index: 200;
}

#tblKadrPeyghamFormsaz span#matnErrorFormsaz {
    display: none;
    float: right;
    width: calc(100% - 180px);
    padding: 5px 175px 5px 5px;
    font-family: vazir;
    font-size: 0.875rem;
    line-height: 1;
    text-align: right;
    color: red;
}


[id^="kadrItemFS"] {
    position: relative;
    float: right;
    width: calc(100% - 10px);
    padding: 5px 5px;
    line-height: 1.6;
    position: relative;
}


span.matnTitrVoroodiFS {
    display: block;
    float: right;
    width: 160px;
    height: 16px;
    padding: 7px 5px;
    text-align: left;
    font-family: vazir;
    font-size: 0.875rem;
    color: hsl(0, 0%, 0%);
}

#tblKadrPeyghamFormsaz input[type="text"] {
    display: block;
    padding: 8px 8px;
    float: right;
    width: calc(100% - 188px);
    height: 20px;
    margin: 0px;
    direction: ltr;
    text-align: center;
    font-size: 0.875rem;
    line-height: 20px;
    color: hsl(0, 0%, 13%);
}


#tblKadrPeyghamFormsaz input[type="checkbox"], #tblKadrPeyghamFormsaz input[type="radio"] {
    accent-color: var(--cl-5-1);
    vertical-align: middle;
}

#tblKadrPeyghamFormsaz select {
    box-sizing: content-box;
    display: block;
    float: right;
    width: calc(100% - 188px);
    height: 28px;
    padding: 4px 8px;
    margin: 0px;
    text-align: center;
    font-size: 0.875rem;
    line-height: 16px;
    color: hsl(0, 0%, 13%);
}

#tblKadrPeyghamFormsaz select:focus-visible {
    outline: unset;
    line-height: 1.6;
}

.kadrGozinehhaFS {
    float: right;
    overflow: auto;
    padding-top: 5px;
    outline: unset;
    font-size: 0.875rem;
    line-height: 1.6;
}


#kadrFormsaz + .datepicker-container .datepicker-navigator .pwt-btn {
    color: var(--cl-5);
    font-weight: normal;
}

#kadrFormsaz + .datepicker-container .datepicker-plot-area .datepicker-day-view .table-days td.selected span {
    background-color: var(--cl-3);
}

.datepicker-plot-area .datepicker-day-view .table-days td.selected span .datepicker-plot-area .datepicker-day-view .table-days td:hover, .datepicker-plot-area .datepicker-day-view .table-days td span:hover, .datepicker-plot-area .datepicker-year-view .year-item:hover, .datepicker-plot-area .datepicker-month-view .month-item:hover {
    background-color: var(--cl-4-5);
}

input.pwt-datepicker-input-element {
    width: 183px !important;
}

#kadrFormsaz #kadrDokmehhaPeygham {
    margin: 26px 0px 15px 0px;
}


span[id^="setarehEjbariFS"] {
    font-family: myIcon;
    font-size: 0.875rem;
    color: red;
    position: absolute;
    right: -8px;
    top: 3px;
}

#kadrFormsaz input[type="file"] {
    display: block;
    float: right;
    height: 22px;
    padding: 7px 8px 7px 47px;
    width: calc(100% - 227px);
    font-size: 0.875rem;
    line-height: 1;
}

#kadrFormsaz img {
    display: block;
    position: absolute;
    top: 9px;
    left: 10px;
    height: calc(100% - 18px);
    width: 40px;
    object-fit: contain;
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 1;
}

a.dokmehMAT.gheyrefaal, a.dokmehMAT.gheyrefaal:link, a.dokmehMAT.gheyrefaal:visited {
    background-color: var(--cl-2-3);
    cursor: default;
}

a.dokmehMAT.gheyrefaal:hover {
    background-color: var(--cl-2-3);
}

a.dokmehMAT.gheyrefaal:active {
    background-color: var(--cl-2-3);
}


/* یکسان سازی رنگ بخش های مشابه در ناحیه کاربری و سبد خرید */
a.itemPishkhanNK, a.itemPishkhanNK:link, a.itemPishkhanNK:visited, .raveshEntekhaShodehTAK
{
    background-color: var(--cl-bck-itm2);
}

span.sematFrestandehPDNK, span.sematGirandehPENK, span.titrItemPNK
{
    color: var(--cl-tit2);
}

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-txt3);
}

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, a.dokmehAPSV:link, 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#btnErsalEPNK, a#btnErsalEPNK:link, a#btnErsalEPNK:visited
{
    background-color: var(--cl-asl);
    color: var(--cl-tit);
}

textarea#txtMatnEPNK, #ersalPayamNK select, .itemVM > input, .itemVM > select, .itemVM > textarea
{
    background-color: var(--cl-bck-itm2);
    color: var(--cl-tit2);
    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
{
    color: var(--cl-asl2);
    background-color: var(--cl-act);
}


@media only screen and (min-width: 768px) and (max-width: 1445px) {
    .kadrBadanehMohtava {
        width: calc(100% - 10px);
        padding: 0px;
        margin-top: 12px;
    }

    a.itemEtelaeieh, a.itemEtelaeieh:link, a.itemEtelaeieh:visited {
        margin: 5px 0px;
    }
}

@media only screen and (min-width: 1450px) {

    .itemSotiMEZF:nth-child(4) {
        display: block;
    }

    .kadrBtnFTR {
        gap: 40px;
    }

    .kadrEtelaeieh {
        width: calc(17.5% - 35px);
    }

    .kadrKolMataleb {
        width: 82.5%;
    }

}
@media only screen and (min-width: 1200px) and (max-width: 1550px)
{

    .kadrEtelaeieh {
        width: calc(21% - 35px);
    }

    .kadrKolMataleb {
        width: 79%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .kadrBtnFTR {
        gap: 0px;
    }

    #titrHDR {
        width: 100%;
        margin: 0px;
    }
    #navarMenu ul#menu li h1.titrAsliSiteAst {

        bottom: 85px;
    }
    #menu > li:first-child~li > span.iconDastehMNU
    {
        display: none;
    }
    a.titrMNU > span.iconZirMNU
    {
        margin-right: 3px;
    }
    #navarMenu
    {
        width: calc(100% - 208px);
    }
    #kadrSearchMNU {
        width: 130px;
    }
    .kadrMohtavaHDR {

        min-width: 180px;
    }

    a.iconHDR, a.iconHDR:link, a.iconHDR:visited {
        margin: 0px 5px 0px 0px;
    }
    ul#menu ul.zirMNU {
        right: -145px;
    }

    .kadrEtelaeieh {
        width: calc(25% - 35px);
    }

    .kadrKolMataleb {
        width: 75%;
    }

    }

@media only screen and (min-width: 767px) {
    /* width */
    *::-webkit-scrollbar {
        width: 8px;
        border-radius: 5px;
    }

    /* Track */
    *::-webkit-scrollbar-track {
        background: hsl(0, 0%, 90%);
        border-radius: 5px;
    }

    /* Handle */
    *::-webkit-scrollbar-thumb {
        background: hsl(0, 0%, 60%);
        border-radius: 5px;
    }

    /* Handle on hover */
    *::-webkit-scrollbar-thumb:hover {
        background: hsl(0, 0%, 40%);
        border-radius: 5px;
    }
}

@media only screen and (max-width: 767px) {
    #header {
        background-position: center 10px;
        background-size: 65px;
        /*padding-bottom: 40px;*/
    }

    #kadrBackHDR
    {

        height: 166px;
        background:linear-gradient(180deg, rgb(239, 253, 255)   0%, rgba(255, 255, 255, 1) 100%);
    }

    .kadrAzmayeshiHDR {
        top: 10px;
    }

    /*#kadrMenuBalaHDR {
        width: calc(100% - 20px);
        padding: 0 10px;
    }*/
    li#zirmajmooehhaMNU {
        /*
        diz display: list-item;
        */
    }

    #kadrVasetHeader {
        position: relative;
        width: 100%;
        margin: 0;
    }


    #titrHDR {
        position: relative;
        width: 100%;
        margin: 0px;
        padding: 0px;
        background-size: 30%;
        background-position: 38% 40%;
        /*diz line-height: 2.3;
        text-align: center;
        height: 70px;*/
    }

    #kadrVasetTitrHDR {
        width: 100%;
        margin: 0;

    }

    a#titrAsliHDR, a#titrAsliHDR:link, a#titrAsliHDR:visited {
        position: absolute;
        bottom: -75px;
        right: 70px;

    }

    #khatZirLogo
    {
        position: absolute;
        bottom: -20px;
        left: -16px;
        display: block;
        width: 144%;
        height: 27%;
        background-image: url(../pic/khat-zir-header-9.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-size: 142px;
        z-index: 100;
    }

    #kadrVasetHeader:before {
        content: "";
        position: absolute;
        bottom: -1.5px;
        right: 26px;
        width: 38px;
        height: 2px;
        /*border-radius: 500% 100% 500% 500%;*/
        background: linear-gradient(90deg, var(--cl-2) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0) 100%);

    }

    #kadrVasetHeader:after {
        content: "";
        position: absolute;
        bottom: -1.5px;
        right: 170px;
        width: 56%;
        height: 2px;
        /*border-radius: 500% 100% 500% 500%;*/
        background: linear-gradient(-90deg, var(--cl-2) 0%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 0) 100%);
    }

    #kadrVasetTitrHDR:before
    {
       display: none;
    }
    #kadrVasetTitrHDR:after
    {
      display: none;
    }

    a#titrAsliHDR > img {
        float: none;
        display: block;
        width: 95px;
        margin: auto;
    }

    h1.titrAsliSiteAst {
        position: relative;
        width: 100%;
        margin: 5px 0px 0px;
        font-size: 1rem;
        line-height: 66px;
        text-align: center;
    }


    h1.bonyadVelayat {
        background: linear-gradient(90deg, var(--cl-5) 0%, var(--cl-5) 60%, hsla(182, 63%, 45%, 0.3) 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    h1.titrAsliSiteAst span
    {
        width: 150px;
        float: left;
        position: absolute;
        right: 10px;
        bottom: -13px;
        color: var(--cl-1);
        font-family: Vazir;
        font-size: 1rem;
        top: unset;
        font-weight: bold;
        white-space: nowrap;
    }

    /*  تغییر تم برای حالت عزاداری یا ولادتی  */

    #fullContainer.azadari #kadrBackMonasebatRooz, #fullContainer.veladati #kadrBackMonasebatRooz
    {
        width: 90px;
        height: 70px;
      /*  top: 0px;
        right: unset;
        left: 0px;
        background-position: 0% 0px;*/
        background-size: 74px;
    }

    #fullContainer.azadari h1.titrAsliSiteAst span
    {
        position: absolute;
        right: 0px;
        left: 0px;
        margin: auto;
    }

    .kadrMohtavaHDR {
        float: right;
        position: relative;
        width: calc(20% - 20px);
        margin: 0px 10px 0px;
        padding: 0px 0px 10px;
        /*background-color: var(--cl-5-1);*/
        border-radius: 8px;
    }

    p.matnHDR {
        width: calc(100% - 50px);
        position: absolute;
        top: 100%;
        right: 0px;
        padding: 0px;
        margin-left: 25px;
        margin-right: 25px;
        /*display: none;*/
    }

    #kadrIconHDR {
        width: 100%;
        margin: 30px 0 10px 10px;
    }

    a.iconHDR, a.iconHDR:link, a.iconHDR:visited {
        margin-left: 0px;
        padding: 8px;
        margin-right: 5px;
    }

    a.iconMatnDar span.matnKenarIcon {
        display: none;
    }

    a.iconMatnDar span.iconKenarMatn {
        position: relative;
        bottom: 2px;
        font-size: 1.5rem !important;
        vertical-align: unset;
    }

    span.tedadSabad {
        top: 5px;
        left: calc(16.666% + 10px);
    }

    #fullContainer.azadari #kadrIconHDR>a.iconHDR:first-child {
        margin-left: 0px;
    }

    /*#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;*/
    }

    /*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;
    }

    #navarMenuDerakht {
        position: fixed;
        top: 0;
        right: -100%;
        z-index: 1000;
        width: calc(90% - 20px);
        height: calc(100% - 20px);
        overflow-y: auto;
        padding: 0px;
        margin: 10px;
        background-color: hsl(0, 0%, 100%);
        text-align: center;
        transition: right 0.3s;
        background-position: 40% 85%;
        min-width: unset;
    }

    #navarMenuDerakht h5#titrMenuDerakht {
        margin-bottom: 10px;
        background-position: 21% 7px;
        background-size: 360px;
    }

    h5#titrMenuMobile {
        float: right;
        width: calc(100% - 30px);
        padding: 15px;
        margin: 0px;
        border-bottom: 1px solid var(--cl-2);
        font-size: 1.375rem;
        color: var(--cl-2);
    }

    ul#menuDerakht > li.titrAsliDKT {
        width: calc(100% - 20px);
        margin: 10px 10px 0px;
    }

    ul#menuDerakht ul.zirMNU > li {
        width: calc(100% - 11px);
        padding-left: 4px;

    }

    ul#menuDerakht a.titrZirMNU, ul#menuDerakht a.titrZirMNU:link, ul#menuDerakht a.titrZirMNU:visited {
        width: calc(100% - 23px);
        position: relative;
        padding: 4px 23px 4px 0px;
    }

    li.titrBaZirMenuDKT::before {
        top: 9px;
        right: 3px;
    }

    li.titrBedoneZirMenuDKT::before {
        top: 0px;
        right: 7px;
    }

    ul#menuDerakht > li.titrAsliDKT > span, ul#menuDerakht > li.titrAsliDKT > span.iconAsliTitrAsliDKT {
        right: 5px;
        margin: 0px 3px 0px 0px;
    }

    ul#menuDerakht a.titrMNU, ul#menuDerakht a.titrMNU:link, ul#menuDerakht a.titrMNU:visited {
        width: calc(100% - 46px);
    }

    ul#menuDerakht li span.iconFeleshZirMNU {
        left: 10px;
    }

    ul#menuDerakht li.baz > ul.zirMNU {
        width: calc(100% - 5px);
        margin: 0px 5px 5px 0px;
    }

    a#dokmehMNU, a#dokmehMNU:link, a#dokmehMNU:visited {
        display: block;
        position: absolute;
        top: 27px;
        right: 0px;
        z-index: 800;
        float: right;
        width: 32px;
        padding: 8px 0px;
        margin-right: 0px;
        text-align: center;
        font-family: myIcon4;
        font-size: 2rem;
        line-height: 1;
        color: var(--cl-2);
    }

    a#dokmehMNU:hover {
        color: var(--cl-3);
    }

    a#dokmehMNU:active {
        color: var(--cl-4-1);
    }

    ul#menu {
        width: 100%;
        flex-wrap: wrap;
        margin: 0;
        height: auto;
        overflow-y: auto;
        transition: right 0.3s;
    }

    ul#menu li {
        /*diz float: none;*/
        width: 100%;
        height: auto;
        overflow-y: auto;
    }

    ul#menu > li:last-child > ul.zirMNU > li:last-child {
        margin-bottom: 60px;

    }


    li#itemTamasMNU, li#itemHamkariMNU {
        display: list-item;
    }

    a.titrMNU, a.titrMNU:link, a.titrMNU:visited {
        position: relative;
        width: calc(100% - 60px);
        padding: 12px 15px 15px 10px;
        color: var(--cl-txt);
        text-shadow: none;
    }

    span.jodakonandehMNU {
        color: var(--cl-5-1);
    }

    span.khatMNU {
        display: block;
        height: 0px;
        width: 100%;
        margin-top: 0px;
        border-left-width: 0px;
        border-top: 2px solid hsl(131, 58.7%, 30.4%);
    }

    ul.zirMNU {
        width: 100%;
        padding: 0px;
        position: static;
        background-color: transparent;
    }

    a.titrMNU:hover + ul, ul.zirMNU:hover {
        height: 0;
    }

    /* li.baz ul.zirMNU
     {
         height: auto !important;
         max-height: unset !important;
         opacity: 1 !important;
         border-radius: 0;
     }*/
    ul#menuDerakht li.baz > ul.zirMNU {
        height: auto !important;
        max-height: unset !important;
        opacity: 1 !important;
        transition: opacity .5s;
        width: calc(100% - 15px);
        margin: 0px 15px 5px 0px;
        border-radius: 0px 8px 8px 0px;
        overflow: hidden;
        box-shadow: 2px 2px 10px -5px var(--cl-1-2);
    }

    /*li.baz span.iconFeleshZirMNU
    {
        transform: rotate(180deg);
    }*/
    a.titrZirMNU, a.titrZirMNU:link, a.titrZirMNU:visited {
        padding: 7px 0px;
        width: calc(100% - 0px);
        margin-top: 0px;
    }

    span.iconZirMNU {
        display: inline-block;
    }

    #kadrIconhaMNU {
        height: 40px;
        width: 0px;
        padding-left: 40px;
    }

    a.iconMNU {
        margin: 5px 3px 5px 2px;
    }

    #kadrSearchMNU a.iconHDR {
        border: unset;
        color: var(--cl-3);
        font-size: 1.4rem;
    }

    a.iconHDR.iconLoginHDR {
        padding: 7px 0px 12px 0px;
    }

    form#kadrSearchMNU a.iconHDR {
        width: 25px;
        position: absolute;
       /* right: 0px;*/
        top: 0px;
        right: unset;
        left: 95px;
        margin-right: 0px;
    }

    a#btnSearchMNU + a.iconHDR {
        font-size: 1.2rem;
        padding: 9px 7px 8px;
        /*right: 20px;*/
        right: unset;
        left: 45px;

    }

    a#btnSearchMNU, a#btnSearchMNU:link, a#btnSearchMNU:visited
    {
        left: 7px;
        top: 3px;
    }

    a#iconAbzarhaMNU:link, a#iconAbzarhaMNU:visited {
        display: block;
    }

    a#iconSearchMNU:link, a#iconSearchMNU:visited {
        position: absolute;
        left: 7px;
    }

    #kadrSearchMNU > input
    {
        display: none;
    }

    #kadrSearchMNU {
        width: 52%;
        margin-left: 0px;
        max-width: 180px;
    }

    ul#menuAsliDarMOB {
        position: absolute;
        top: 5px;
        padding-right: 0px;
        width: calc(100% - 20px);
        flex-wrap: wrap;
        margin: 10px;
        height: auto;
        /*overflow-y: auto;*/
        z-index: 4;
    }

    ul#menuAsliDarMOB li {
        float: right;
        list-style: none;
        width: 25%;
        text-align: center;
        cursor: pointer;
    }

    ul#menuAsliDarMOB > li > span.iconZirMNU.iconDastehMNU {
        width: 100%;
        font-size: 32px;
        margin-right: 0;
    }

    ul#menuAsliDarMOB > li > a.titrMNU {
        width: calc(100% - 10px);
        min-width: 72px;
        padding: 10px 5px;
        text-align: center;
        font-size: 0.875rem;
    }


    ul#menuAsliDarMOB ul.zirMNU {
        width: 100%;
        padding: 0px;
        position: static;
        background-color: transparent;
        overflow-y: hidden;
        height: 0px;
        opacity: 0;
        box-shadow: 0px 2px 5px hsla(0, 0%, 0%, 0.4);
    }

    ul#menuAsliDarMOB a.titrMNU:hover + ul, ul#menuAsliDarMOB ul.zirMNU:hover {
        height: 0;
    }

    ul#menuAsliDarMOB li.menuAsliBazAst ul.zirMNU {
        position: absolute;
        top: 99px;
        right: 0px;
        width: calc(100% - 20px);
        padding: 5px 10px 7px;
        /*overflow-y: auto;*/
        z-index: 4;
        height: auto !important;
        max-height: unset !important;
        opacity: 1 !important;
        background-color: hsl(191, 100%, 97%);
        border-bottom: 2px solid var(--cl-2);
        border-radius: 3px 3px 8px 8px;
    }

    ul#menuAsliDarMOB > li.menuAsliBazAst {
        border-bottom: 2px solid var(--cl-2);
    }

    ul#menuAsliDarMOB > li.menuAsliBazAst > span.iconZirMNU {
        color: var(--cl-2);
    }


    ul#menuAsliDarMOB li.menuAsliBazAst ul.zirMNU span.iconZirMNU {
        color: var(--cl-2);
        width: 100%;
        font-size: 27px;
        margin-right: 0;
        padding: 12px 0px 5px;
    }

    ul#menuAsliDarMOB a.titrZirMNU, ul#menuAsliDarMOB a.titrZirMNU:link, ul#menuAsliDarMOB a.titrZirMNU:visited {
        width: calc(100% - 20px);
        padding: 10px;
        text-align: center;
        background-color: unset;
        color: hsl(0, 0%, 10%);
        font-size: 0.75rem;
    }

    ul#menuAsliDarMOB span.iconZirMNU {
        display: inline-block;
    }

    ul#menuAsliDarMOB li.menuAsliBazAst ul.zirMNU li {
        float: right;
        width: 25%;
        height: 85px;
        text-align: center;
    }


    /*#kadrSearchMNU > input
    {
        width: calc(100% - 46px);
        padding: 8px 8px 8px 38px;
        border-radius: 0;
    }

    a#btnSearchMNU, a#btnSearchMNU:link, a#btnSearchMNU:visited
    {
        top: 10px;
        right: unset;
        left: 9px;
    }*/
    #sotoonVasat {
        /*diz display: block !important;*/
        width: 100%;
        margin: 0px;
        padding-top: 125px;
        position: relative;
    }

    #mohtavaEzafiSV a.btnNamayeshBishtar {
        position: static;
        width: 100%;
        margin-bottom: 50px;
    }

    .kadrVasetKadrha {
        display: block;
        margin: 0px 0px 15px;
    }

    #kadrVideoMEZF
    {
        width: calc(100% - 30px);
        margin: 0px 15px;
    }

    .kadrEmkanat
    {
        padding: 0px;
        top: 5px;
        left: 5px;
    }

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

    .makhfiDarRWD {
        display: block;
    }

    .makhfiDarMF {
        display: none;
    }

    .kadrMatalebMontakhab {
        width: calc(100% - 72px);
        margin: 0 20px;
        padding: 15px;
    }

    .kadrVasetMohtava {
        width: 100%;
        padding: 0;
    }

    .kadrMatalebMontakhab .kadrAksMV {
        width: 100%;
    }

    .kadrMatalebMontakhab .kadrTitrMV {
        width: 100%;
        margin-top: 10px;
    }

    h1.titrAsli {
        font-size: 1.5rem;
    }

    p.matnMoarefi {
        width: 100%;
    }

    .kadrBtnMoarefi {
        width: 100%;
    }

    a.btnMoarefi, a.btnMoarefi:link, a.btnMoarefi:visited {
        float: none;
        display: block;
        width: 70px;
        margin: auto;
        text-align: center;
    }

    .kadrMahtavaSV {
        width: calc(100% - 82px);
        padding: 20px;
        margin: 40px 20px;
    }

    .kadrDokmehMoarefi {
        position: static;
        margin: 10px calc(50% - 30px) 0;
    }

    .mohtavaAsliSV {
        width: 100%;
        padding: 0px;
        margin-bottom: 0px;
    }

    a.dokmehTitrMohtava, a.dokmehTitrMohtava:link, a.dokmehTitrMohtava:visited {
        margin-left: 15px;
    }

    .kadrMahsoolatVizheh {
        width: 100%;
        margin: 0;
        overflow: auto;
    }

    .kadrVasetMV {
        left: 0 !important;
    }

    .itemMV {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .kadrAksMV {
        width: 100%;
    }

    .kadrTitrMV {
        width: 100%;
        margin: 0px;
    }

    a.dokmehMV, a.dokmehMV:link, a.dokmehMV:visited {
        display: none;
    }

    .kadrKolPagingMohtava {
        margin-top: 10px;
    }

    a.titrMoarefi, a.titrMoarefi:link, a.titrMoarefi:visited {
        height: 78px;
    }

    #mohtavaEzafiSV {
        width: calc(100% - 40px);
        padding: 0 20px;
        margin-top: 20px;
    }

    .kadrMoarefi {
        width: calc(100% - 42px);
    }

    .kadrMoarefi img.aksMoarefi {
        margin: 0;
    }

    .kadrKolMataleb {
        width: 100%;
        margin: 20px 0px 10px;
    }

    .kadrKolMataleb:first-child {
        width: calc(100% - 40px);
        padding: 0px 20px 64px 20px;
    }


    .kadrKolMataleb h4.titrMohtava {
        margin: 25px 20px 10px;
    }

    .kadrKolMataleb a.btnNamayeshBishtar, .kadrKolMataleb a.btnNamayeshBishtar:link, .kadrKolMataleb a.btnNamayeshBishtar:visited, .kadrKolMoarefiAsatid a.btnNamayeshBishtar, .kadrKolMoarefiAsatid a.btnNamayeshBishtar:link, .kadrKolMoarefiAsatid a.btnNamayeshBishtar:visited
    .kadrKolChandResaneyi a.btnNamayeshBishtar, .kadrKolChandResaneyi a.btnNamayeshBishtar:link, .kadrKolChandResaneyi a.btnNamayeshBishtar:visited, .kadrVasetKadrha a.btnNamayeshBishtar {
        width: 60px;
        top: 10px;
        left: 0px;
        float: left;
        margin: 25px 15px 15px;
        text-align: left;
        right: unset;
    }

    .kadrVasetKadrha #kadrTasavirMontakhab a.btnNamayeshBishtar {
        bottom: unset;
        top: 5px;
        left: 0px;
        margin-bottom: 0px;
    }

    .kadrItemMataleb > .kadrVasetM {
        width: 300%;
    }

    .kadrKolMataleb > .kadrItemMataleb {
        margin-top: 0px;
    }

    .itemMatlab {
        width: calc(100% - 20px) !important;
        margin-top: 0px;
    }

    .kadrKolMatalebSabtNami {
        padding-bottom: 15px;
    }


    .tablighMatlab {
        margin-bottom: 20px;
    }

    .tablighMatlab + .tablighMatlab {
        margin-bottom: 0px;
    }


    .kadrKolMatalebSabtNami .itemMatlab {
        width: calc(100% - 20px) !important;
        padding: 20px 10px 10px;
        margin: 0 0 25px 0;
    }

    a.linkAksItemMatlab, a.linkAksItemMatlab:link, a.linkAksItemMatlab:visited {
        margin-bottom: 5px;
    }

    /*  شروع بخش صوتی و ویدئو  */
    .sotiMEZFMF.makhfiDarRWD {
        display: block;
    }

    #sotiMEZF.makhfiDarMF {
        display: none;
    }


    #sotiMEZF {
        float: none;
        width: calc(100% - 30px);
        height: auto;
        padding: 5px 0px 0px 0px;
        margin: 0px 15px;
        overflow-y: hidden;
    }

    #kadrSothayeMontakhab
    {
        display: none;
    }

    .kadrPakhshSotiMEZF audio
    {
        display: none;
    }

    #kadrSothayeMontakhab .btnNamayeshBishtar, #kadrSothayeMontakhab a.btnNamayeshBishtar:link, #kadrSothayeMontakhab a.btnNamayeshBishtar:visited {
        position: absolute;
        top: unset;
        left: 10px;
        right: unset;
        bottom: -30px;
    }

    .khatSotiMEZF {
        display: none;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: -1;
        width: calc(100% - 2px) !important;
        height: 50px;
        border-width: 1px 1px 0px 1px;
    }

    .titrSotiMEZF {
        width: calc(100% - 110px);
        padding: 7px 15px 6px 0px;
        text-indent: 5px;
        font-size: 0.875rem;
    }

    .kadrDokmehhaItemSotiMEZF {
        width: 85px;
        margin: 0px 5px;
    }

    #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 {
        display: block;
    }

    #itemhaSoti .kadrDokmehha:hover ~ .kadrPakhshSoti {
        width: calc(100% - 120px);
    }

    #itemhaSoti .kadrDokmehha:hover a.btnDownload {
        background-position: -88px 0px;
    }


    #kadrSotiMEZF .kadrBarchasbhaMEZF, #kadrVideoMEZF .kadrBarchasbhaMEZF {
        height: auto;
    }

    #kadrBarchasbhaSotiMEZF > .kadrVasetBarchasbhaMEZF {
        position: relative;
        width: calc(100% - 30px);
        height: calc(100% - 10px);
        margin: 0px 15px 0px;
    }

    .khatAmoodiVaselMEZF {
        display: none;
        position: absolute;
        left: 12px;
        width: 1px;
        background-color: var(--cl-5-brd);
    }

    #kadrSotiMEZF a.barchasbMEZF, #kadrSotiMEZF a.barchasbMEZF:link, #kadrSotiMEZF a.barchasbMEZF:visited {
        margin: 4px 0px;
        width: calc(100% - 30px);
    }


    #kadrBarchasbhaSotiMEZF a.barchasbMEZF[data-entekhabi] {
        height: 26px !important;
        right: 0px;
        line-height: 26px !important;
    }

    #kadrBarchasbhaSotiMEZF a.barchasbMEZF[data-entekhabi]::after {
        content: "";
        width: 20px;
        height: 20px;
        line-height: 20px;
        position: absolute;
        top: 7px;
        left: 10px;
        font-family: myIcon4;
        font-size: 1rem;
        color: var(--cl-6-ttr)
    }

    span.loadingSoti {
        display: none;
        position: absolute;
        width: 16px;
        height: 16px;
        padding: 2px;
        top: 7px;
        left: 10px;
        z-index: 1;
        font-family: myIcon4;
        font-size: 1rem;
        line-height: 16px;
        color: var(--cl-6-ttr);
        background-color: var(--cl-6-bck-ac);
        border-radius: 50%;
        transform-origin: center center;
        animation: charkheshLoading 1s linear 0s infinite normal;
    }


    .kadrBarchasbhaMEZF {
        width: 100%;
        overflow: auto;
        height: 160px;
    }

    .kadrVasetBarchasbhaMEZF {
        width: 400%;
        margin: 15px 3px;
        overflow: auto hidden;
        /*white-space: nowrap;*/
    }


    #videoMEZF {
        float: none;
        width: 100%;
        padding: 0px 0px 10px 0px;
        height: auto;
        overflow-y: auto;
        overflow-x: hidden;
    }

    #videoMEZF > #titrVideo {
        position: relative;
        /*diz box-shadow: 0px 10px 5px -10px inset hsl(94, 100%, 72%);*/
    }

    /*diz 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;
    }

    /*diz .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 {
        width: 33.333%;
    }

    a#dokmehGhabliVideo, a#dokmehGhabliVideo:link, a#dokmehGhabliVideo:visited {
        width: 22px;
    }

    a#dokmehBadiVideo, a#dokmehBadiVideo:link, a#dokmehBadiVideo:visited {
        width: 22px;
    }

    .kadrTitrMEZF {
        width: calc(100% - 25px);
        padding: 5px 15px 0px 10px;
    }

    /*  پایان بخش صوتی و ویدئو  */
    /*   .kadrKolMoarefiAsatid a.btnNamayeshBishtar,.kadrKolMoarefiAsatid a.btnNamayeshBishtar:link,.kadrKolMoarefiAsatid a.btnNamayeshBishtar:visited
       .kadrKolChandResaneyi a.btnNamayeshBishtar,.kadrKolChandResaneyi a.btnNamayeshBishtar:link,.kadrKolChandResaneyi a.btnNamayeshBishtar:visited
       {
           margin-top: 5px;
           width: calc(100% - 22px);
           left: 10px;
       }*/
    #kadrSothayeMontakhab {
        position: relative;
        padding: 0px 5px 0px;
        margin-top: 0px;
        width: calc(100% - 10px);
        min-height: 253px;
        right: 0%;
        /*test push dar git*/
    }

    #kadrTasavirMontakhab {
        /*width: calc(100% - 30px);
        padding: 5px 15px 65px;
        margin-top: 60px;*/
        width: 100%;
        padding: 0px;
        margin: 0px;
        border-left: 0px;
    }

    #kadrVideoMontakhab {
        width: calc(100% - 10px);
        padding: 0px 5px 70px;
        margin-top: 60px;
        min-height: 250px;
    }

    #kadrVasetVideo .kadrKolChandResaneyi video {
        width: 100%;
        height: 100%;
    }

    #kadrVasetVideo .kadrKolChandResaneyi img.axVideoMEZF {
        width: calc(100% - 10px);
        border: 5px solid transparent;
    }

    .kadrVasetKadrha h4.titrMohtava {
        position: relative;
        top: unset;
        right: unset;
    }

    .kadrTablighSV {
        width: calc(100% - 20px);
        padding: 25px 10px;
    }

    .kadrTablighBala {
        width: 50%;
    }

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

    #kadrPeygiriSefareshPNR {
        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;
    }


    /* diz

    #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;
    }
    */
    /* شروع اسلایدر */
    td.makhfiDarRWD {
        display: table-cell;
    }

    td.makhfiDarMF {
        display: none;
    }

    tr.makhfiDarRWD {
        display: table-cell;
    }


    td#seloolChapMF {
        width: calc(50% - 5px);
        padding: 0px 5px 0px 0px;
    }

    td#seloolRastMF {
        width: calc(50% - 5px);
        padding: 0px 0px 0px 5px;
    }

    #mohtavaAsliSV {
        padding: 10px 0px 0px 0px;
    }

    .itemKholasehMA {
        margin-bottom: 10px;
        border-radius: 12px;
    }

    td#seloolVasat {
        width: calc(100% - 20px);
        padding: 0px 10px;
        border-radius: 12px;
    }

    #kadrVasetmohtavaAsliSV {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 100%;
        height: 100%;
    }

    .swiper-container {
        border-radius: 12px;
    }

    a#dokmehPakhsh, a#dokmehPakhsh:link, a#dokmehPakhsh:visited, a#dokmehPakhshVideoSlider, a#dokmehPakhshVideoSlider:link, a#dokmehPakhshVideoSlider:visited
    {
        font-size: 2.1rem;
        height: 35px;
    }

    h2.titrKholasehMA {
        width: calc(100% - 20px);
        height: 40px;
        padding: 14px 10px 0px 10px;
        overflow: hidden;
    }

    h2.titrKholasehMA a, h2.titrKholasehMA a:link, h2.titrKholasehMA a:visited {
        white-space: normal;
        line-height: 1.4;
        overflow: hidden;
        font-weight: normal;
        font-size: 0.875rem;
    }

    .itemKholasehMA[data-hover-shodeh] h2.titrKholasehMA {
        padding: 14px 10px 0px 10px;
    }

    .itemKholasehMA:nth-child(6)[data-hover-shodeh] h2.titrKholasehMA {
        padding: 3px 10px;
    }

    .itemKholasehMA:nth-child(6) h2.titrKholasehMA {
        height: 20px;
    }

    .itemKholasehMA:nth-child(6) h2.titrKholasehMA a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: bold;
        font-size: 1.125rem;
    }

    .kadrKholasehMA {
        display: none;
    }

    #kadrEttMA {
        height: 36px;
        overflow-y: hidden;
    }


    /* پایان اسلایدر */
    span.iconPS {
        margin-right: 5px;
    }

    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 {
        float: none;
        width: 100%;
    }

    #matlabSV {
        width: 100%;
        padding: 0px;
    }

    #kadrBalaNCHP {
        margin-top: 0;
        overflow-y: auto;
        position: relative;
        left: 0px;
        z-index: 1;
    }

    #kadrTitrhaTarin {
        position: relative;
    }

    /*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%);
    }

    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(50% - 6px);
    }

    .kadrAksMSV {
        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;
    }

    #kadrMahsoolatSV {
        width: 100%;
        margin: 13px 0px;
    }

    .kadrDastehBandi {
        width: 100%;
        margin: 20px 0px;
        padding: 0;
    }

    #kadrItemTazehTarinSV {
        margin: 0px;
    }

    .kadrItemDBSV {
        overflow-x: auto;
    }

    /*.kadrShenavarItemDBSV
    {
        width: 994px;
    }

    .kadrShenavarItemDBSVP
    {
        width: 994px;
    }*/
    .itemDBSV {
        width: calc(50% - 22px);
    }

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

    .kadrMohtavaEzafi {
        width: calc(100% - 42px);
        margin: 0px;
        padding: 20px;
    }

    #kadrPaeenVideo {
        width: 100%;
        margin: 10px 0 0;
    }

    .sotoonAx {
        width: 33.333%;
    }

    .kadrBakhshMatlabMA
    {
        width: 25px;
    }

    .kadrBakhshMatlabMA span.iconKenarMatn
    {
        font-size: 0.75rem;
        padding: 13px 7px 9px 0px;
        margin-left: 0px;
        margin-top: -5px;
        margin-bottom: 0px;
    }
    .titrBakhshMatlabMA
    {
        font-size: 0.687rem;
        transform-origin: 88px 11px;
    }
    .kadrBakhshMatlabMA+.kadrMatnhaKholasehMA
    {
        margin-right: 25px;
    }
    .kadrBakhshMatlabMA+.kadrMatnhaKholasehMA h4
    {
        padding-left: 25px;
    }
    h4.titrKholasehMA a, h4.titrKholasehMA a:link, h4.titrKholasehMA a:visited
    {
        font-size: 0.75rem;
        padding: 6px;
    }
    h4.titrKholasehMA
    {
        height: 26px;
    }

    a#dokmehPakhsh, a#dokmehPakhsh:link, a#dokmehPakhsh:visited
    {
        width: 39px;
        height: 37px;
        font-size: 2.3rem;
    }

    .kadrEtelaeieh {
        width: calc(100% - 0px);
        margin-right: 0px;
    }

    .kadrBadanehMohtava
    {
        width: 93%;
        margin-right: 7%;
    }

    .kadrDokmehEtelaeieh
    {
        right: 15px;
    }

    .kadrVasetKadrha > div, #sotoonVasat > div:not(.kadrVasetKadrha,.peyghamSadeh), .kadrKolMatalebSabtNami {

        border-left: unset;
        margin: 0px;
        width: 100%;
    }

    #kadrSotiMEZF h4.titrMohtava
    {
        width: calc(100% - 20px);
        margin: 25px 20px 10px 0px;
    }

    .kadrEmkanatItemSotiMEZF
    {
        width: 127px;
    }

    .titrZamimehSotiMEZF {
        width: calc(100% - 158px);
        padding: 13px 20px 10px 5px;
        font-size: 0.75rem;
    }

    .btnEmkanatSotiMEZF
    {
        font-size: 1rem;
        margin-right: 0;
    }
    .dokmehDownloadSotiMEZF
    {
        margin-top: 3px;
    }

    .dokmehSoratPakhshSotiMEZF
    {
        padding-top: 7px;
    }

    .modatZamanSotiMEZF
    {
        font-size: 0.75rem;
        margin-top: 6px;
    }

    .kadrKolChandResaneyi #kadrSothayeMontakhab, .kadrKolChandResaneyi #kadrVideoMontakhab /*, .kadrKolChandResaneyi #kadrTasavirMontakhab*/
    {
        height: 330px;
    }

    .kadrKolMoarefiAsatid #kadrTasavirMontakhab {
        margin-top: 0px;
    }

    .kadrVasetKadrha .kadrKolChandResaneyi {
        width: calc(100% - 20px);
        padding: 0px 10px 0px;
        display: unset;
    }

    .kadrVasetKadrha .kadrKolChandResaneyi h4.titrMohtava, .kadrVasetKadrha .kadrKolMoarefiAsatid h4.titrMohtava {
        display: block;
        position: relative;
        right: 0px;
        margin-right: 10px;
        float: right;
        margin-bottom: 10px;
    }

    .kadrKolChandResaneyi h4.titrMohtava + h4.titrMohtava + h4.titrMohtava {
        right: -230px;
    }

    .kadrKolChandResaneyi h4.titrMohtava + h4.titrMohtava {
        right: -35px;
    }

    .kadrVasetKadrha .kadrKolMoarefiAsatid h4.titrMohtava {
        right: 0px;
    }

    .kadrVasetKadrha .kadrKolChandResaneyi h4.titrMohtava::after {
        width: 85px;
    }

    .kadrKolChandResaneyi .itemGallery, .kadrKolMoarefiAsatid .itemGallery {
        width: calc(50% - 10px);
        margin: 0px 5px;
    }

    .kadrKolMoarefiAsatid .itemGallery {
        width: calc(50% - 10px);
        margin: 0px 0px 5px 5px;

    }

    .itemGallery:nth-child(6n) {
        margin: 0px 5px;;
    }

    .kadrKolMoarefiAsatid {
        width: 100%;

    }

    .kadrKolMoarefiAsatid .kadrKolGallery {
        padding: 0px 0px 45px;
    }

    .mohtavaAsliSV {
        width: 100%;
        padding: 0;
        margin: 30px 0;
        overflow: auto;
        border-radius: 0;
    }

    .forooshVizhehSV {
        background-image: url("../pic/pishnahad-vizheh-MF.png");

    }

    .forooshVizhehSV h4.titrMohtava {
        display: none;
    }


    #tablighSV span#aksTablighDarRWD > img {
        width: 70%;
    }

    h4.titrMohtava {
        margin: 25px 15px 0px;
    }
    #kadrVideoMEZF h4.titrMohtava
    {
        width: 100%;
        margin: 25px 0px 0px 0px;
    }

    .darbarehFTR h4.titrMohtava,#mohtavaEzafeiFTR h4.titrMohtava, .itemFTR h4.titrMohtava
    {
        margin-right: 0px;
    }

    a.dokmehTitrMohtava, a.dokmehTitrMohtava:link, a.dokmehTitrMohtava:visited {
        margin: 25px 15px 15px;
    }

    .forooshVizhehSV a.dokmehTitrMohtava, .forooshVizhehSV a.dokmehTitrMohtava:link, .forooshVizhehSV a.dokmehTitrMohtava:visited {
        position: static;
        float: left;
        margin: 15px 15px 10px 15px;
        margin-right: 45%;
        padding: 5px 9px 4px;
    }

    .forooshVizhehSV .kadrVasetMV {
        width: 280%;
        margin-right: 47%;
    }

    .kadrMahsoolatVizheh {
        float: right;
        width: calc(100% - 10px);
        padding: 0 5px;
        margin: 0;
        overflow: auto;
    }

    .kadrVasetMV {
        left: 0 !important;
        width: 400%;
    }

    .itemMV {
        width: calc(16.666% - 40px);
        padding: 10px;
        margin: 10px 10px;
    }

    .forooshVizhehSV .itemMV {
        background-color: hsla(0, 0%, 29%, 0.8);
    }


    .itemMV:nth-child(6) ~ .itemMV {
        display: none;
    }

    a.dokmehMV, a.dokmehMV:link, a.dokmehMV:visited {
        display: none !important;
    }

    .radobarghSV img {
        z-index: 0;
        right: 10%;
    }

    .radobarghSV::before {
        right: 77%;
    }

    .radobarghSV::after {
        right: 30%;
    }

    .kadrKolPagingMohtava {
        display: block;
        margin-top: 10px;
    }


    /*  #videoMEZF
      {
          float: none;
          width: 100%;
          height: auto;
          overflow-y: auto;
          max-width: 400px;
      }

      #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%;
          padding-top: 56.25%;
          max-width: none;
          height: 0;
          overflow-y: auto;
          box-shadow: none;
      }

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

    #footer {
        width: calc(100% - 30px);
        padding: 0px 15px 5px;
        background-position: 3% 305%;
        background-size: 142%;
    }

    .darbarehFTR {
        width: 100%;
        padding: 20px 0;
    }

    .khatTitr {
        top: 30px;
    }

    span.titrKhatDar {
        padding: 0 15px;
    }

    .kadrNaghsheh {
        width: 100%;
        margin: 40px 0;
    }


    .kadrLogoFTR {
        width: calc(100% - 40px);
        margin: 20px 20px 0px;
    }

    a.iconFixFTR, a.iconFixFTR:link, a.iconFixFTR:visited {
        bottom: 10px;
        left: 10px;
    }

    a.iconFixFTR + a.iconFixFTR {
        bottom: 60px;
    }

    a.iconFixFTR, a.iconFixFTR:link, a.iconFixFTR:visited {
        width: 120px;
        padding: 5px 0px;
        margin: 10px 5px;
        font-size: 0.875rem;
    }

    #mohtavaEzafeiFTR {
        width: 100%;
        margin: 0;
    }

    .kadrIconhaFTR {
        width: 100%;
        margin: 0;
    }

    a.iconFTR, a.iconFTR:link, a.iconFTR:visited {

        padding: 7px;
    }

    a.iconFTR.enamad {
        margin-top: 40px;
    }

    .itemFTR {
        /*float: none;*/
        width: 100%;
        margin: 30px 0 0 0;
        padding: 0;
        border: 0;
    }

    span#barchasbhaFTR a, span#barchasbhaFTR a:link, span#barchasbhaFTR a:visited {
        width: 100%;
    }

    span#barchasbhaFTR a:nth-child(4) ~ a {
        display: none;
    }

    .jodasazFTR {
        width: 95%;
        height: 7px;
        margin: 10px 2.5%;
    }

    #footer > span {
        position: relative;
        top: 5px;
    }

    #matnFTR {
        height: auto;
        margin-bottom: 10px;
    }

    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, #tblKadrPeyghamFormsaz {
        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 {
        width: calc(100% - 0px);
    }

    #tablighSV img#aksTablighDarRWD {
        display: none;
    }

    #tablighSV img#aksTablighDarMF {
        display: block;
    }

    /* پیغام های تمام صفحه */
    .kadrSarTitrPeygham ~ div {
        width: 100%;
        margin: 10px 0;
    }

    /*ناحیه کاربری*/
    #mohtavaNK {
        width: 100%; /* 550 px */
        min-height: 400px;
    }

    #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;
    }

    #kadrMenuBakhshhaNR {
        width: calc(100% - 52px);
        margin-left: 15px;
        margin-right: 15px;
        height: 50px;
        overflow: hidden;
    }

    #kadrMenuBakhshhaNR li {
        white-space: nowrap;
    }

    #kadrMenuBakhshhaNR span.tozihMenuNR {
        font-size: 0.75rem;
    }

    #kadrMenuBakhshhaNR a#dokmehSehnoghtehBakhshha {
        display: block !important;
    }

    #kadrMenuBakhshhaNR span.tozihMenuNR sup {
        font-size: 0.5rem;
    }

    ul#menuBakhshhaNR {
        transition: margin-top 0.3s;
    }

    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;
    }*/
    .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;
    }

    #dokmehBastanPeyghamNK {
        display: none;
    }

    .kadrBadanehPeygham {
        box-shadow: none;
    }

    /* دوره ها و ثبت نامی ها */
    .dorehaNK #tblSefareshatNK td {
        float: none;
    }

    .dorehaNK td[class^="sotoon"][class$="SNK"] {
        border-bottom: 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;
    }

    #dokmehBastanTarakoneshhayeSefaresh {
        right: 10px;
        bottom: 10px;
        left: initial;
        top: initial;
    }

    #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: yekan;
        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: yekan;
        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: yekan;
        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: 40%;
        min-width: 122px;
    }

    textarea#txtMatnEPNK {
        width: calc(100% - 18px);
    }

    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;
        line-height: 1.5;
        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;
    }

    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: 45px;
    }

    /*    پیجینگ    */
    #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;
        line-height: 1.5;
        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;
    }

    #dokmehBastanPP {
        right: 10px;
        bottom: 10px;
        left: initial;
        top: initial;
    }

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

    /*      سبد خرید       */
    #kadrTashihOFSabadKharid {
        width: 90%;
        min-width: initial;
        max-width: 450px;
    }

    #dokmehBastanSabadKharid {
        right: 10px;
        bottom: 10px;
        left: initial;
        top: initial;
    }

    #kadrTitrItemhaSKH {
        display: none !important;
    }

    #kadrItemhaSKH {
        max-height: 290px;
        padding: 5px 0px;
    }

    .itemSKH {
        width: calc(100% - 10px); /*  DEP pad */
        height: auto;
        padding: 5px 5px; /*  DEP w   */
        overflow-y: auto;
        position: relative;
    }

    .itemSKH > div {
        float: none;
        margin: 3px 0px;
    }

    div.namMahsoolSKH {
        width: calc(100% - 10px);
        height: auto;
        min-height: 44px;
        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;
        width: calc(33% - 10px);
        height: 100%; /*  DEP line-h  */
        padding: 0px 5px;
        font-family: yekan;
        font-size: 0.875rem;
        line-height: 20px; /*  DEP h   */
        text-align: left;
        color: hsl(85, 76%, 40%);
    }

    div.gheymatBaTakhfifItemSKH {
        width: calc(100% - 10px);
        height: 20px;
        line-height: 20px;
    }

    div.gheymatBaTakhfifItemSKH::before {
        content: "قیمت با تخفیف : ";
        display: inline-block;
        width: calc(33% - 10px);
        height: 100%; /*  DEP line-h  */
        padding: 0px 5px;
        font-family: yekan;
        font-size: 0.875rem;
        line-height: 20px; /*  DEP h   */
        text-align: left;
        color: hsl(85, 76%, 40%);
    }

    div.tedadMahsoolItemSKH {
        width: calc(100% - 10px);
        height: 20px;
    }

    div.tedadMahsoolItemSKH::before {
        content: "تعداد : ";
        float: right;
        width: calc(33% - 10px);
        height: 100%; /*  DEP line-h  */
        padding: 0px 5px;
        font-family: yekan;
        font-size: 0.875rem;
        line-height: 20px; /*  DEP h   */
        text-align: left;
        color: hsl(85, 76%, 40%);
    }

    /*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: 90%;
        min-width: initial;
        max-width: 450px;
    }

    #dokmehBastanTAK {
        right: 10px;
        bottom: 10px;
        left: initial;
        top: initial;
    }

    #kadrTakmilEtelaatKharid > div:first-child ~ div /*   3 تا  دایو کانتنر سه قسمت بالا، وسط و پایین   */
    {
        width: 100%;
        max-height: 200px;
        margin: 5px 0px;
    }

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

    #dokmehBastanTEKH {
        right: 10px;
        bottom: 10px;
        left: initial;
        top: initial;
    }

    #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% - 100px);
    }

    #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    */
    }

    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(40% - 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(85, 76%, 40%);
    }

    .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;
        width: calc(40% - 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(85, 76%, 40%);
    }

    div.gheymatBaTakhfifItemTEKH {
        width: calc(100% - 10px);
        height: 20px;
        line-height: 20px;
        text-align: right;
    }

    div.gheymatBaTakhfifItemTEKH::before {
        content: "قیمت با تخفیف: ";
        display: block;
        float: right;
        width: calc(40% - 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(85, 76%, 40%);
    }

    #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: 65px;
        font-size: 0.75rem;
    }

    #kadrEejadHesabKarbari input:not([type="checkbox"]) {
        float: none;
        width: calc(100% - 87px);
        padding: 3px 5px;
        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;
    }

    #dokmehBastanTP {
        right: 10px;
        bottom: 10px;
        left: initial;
        top: initial;
    }

    #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;
    }

    #kadrTaghirPassword input:-moz-placeholder /* Firefox 18- */
    {
        font-family: koodak;
        font-weight: normal;
    }

    #kadrTaghirPassword input::-moz-placeholder /* Firefox 19+ */
    {
        font-family: koodak;
        font-weight: normal;
    }

    #kadrTaghirPassword input:-ms-input-placeholder {
        font-family: koodak;
        font-weight: normal;
    }

    #kadrTaghirPassword > hr {
        margin: 5px 0px;
    }


    /*      فعال سازی حساب کاربری       */
    #kadrTashihOFFHK {
        width: 90%;
        min-width: initial;
        max-width: 410px;
    }

    #kadrFaalsaziHesabKarbari input {
        width: calc(100% - 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% - 115px);
    }


    /*      پیگیری سفارش    */
    #kadrTashihOFPS {
        width: 90%;
        min-width: initial;
        max-width: 460px;
    }

    #dokmehBastanPS {
        right: 10px;
        bottom: 10px;
        left: initial;
        top: initial;
    }

    #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 */
    }

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

    /* استایل های کلی پیغام ها */
    .dokmehBastanPeygham {
        /*diz display: none;*/
    }

    /* ویرایش حساب کاربری */
    #kadrTashihOFVM {
        width: 90%;
    }

    .itemVM {
        width: calc(100% - 10px);
    }

    #tblKadrPeyghamLogin {
        display: none !important;
    }

    /*   فرمساز موبایل   */
    input.pwt-datepicker-input-element {
        width: calc(100% - 188px) !important;
    }


    #tblKadrPeyghamFormsaz .kadrSarTitrPeygham + div {
        max-height: calc(100vh - 260px);
    }
}


/* اصلاح موبایل معیار */
@media only screen and (max-width: 380px) {
    #kadrMenuBakhshhaNR span.tozihMenuNR sup {
        display: none;
    }

    #kadrMenuBakhshhaNR span.tozihMenuNR sup + span:before {
        content: "(ع)";
        font-size: 0.5rem;
        color: var(--cl-5-1);
    }
}

/* اصلاح موبایل کوچک */
@media only screen and (max-width: 350px) {
    a.iconHDR, a.iconHDR:link, a.iconHDR:visited {
        margin: 0px 4px 0px 0px;
    }

    #kadrSearchMNU {
        min-width: 155px;
    }

    a#titrAsliHDR, a#titrAsliHDR:link, a#titrAsliHDR:visited {
        right: 40px;
    }

    #kadrMenuBakhshhaNR span.matnMenuBakhshhaNR {
        font-size: 0.75rem;
    }

 /*   .kadrKolChandResaneyi h4.titrMohtava span.iconKenarMatn {
        display: none;
    }*/

    .kadrKolChandResaneyi h4.titrMohtava + h4.titrMohtava + h4.titrMohtava {
        right: -170px;
    }

    .kadrKolChandResaneyi h4.titrMohtava + h4.titrMohtava {
        right: -25px;
    }
/*
    .kadrVasetKadrha .kadrKolChandResaneyi h4.titrMohtava {
        right: 130px;
    }*/

    .kadrVasetKadrha .kadrKolChandResaneyi h4.titrMohtava::after {
        width: 65px;
    }
}