@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: "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(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%, 80%);
    --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-4: hsl(43, 98%, 50%);
    --cl-4-1: hsl(43, 98%, 40%);
    --cl-4-2: hsl(43, 98%, 30%);
    --cl-4-3: hsla(43, 98%, 82%, 0.8);

    --cl-5: hsl(128, 64%, 35%);
    --cl-5-1: hsl(128, 64%, 45%);
    --cl-5-2: hsl(128, 64%, 30%);
    --cl-5-3: hsla(128, 64%, 85%, 0.8);

    --cl-txt: var(--cl-1);
    --cl-bck: var(--cl-3);
    --cl-brd: var(--cl-2-4);
}

@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(0deg);}
    100% {transform: scale(1);opacity: 1.0; rotate(360deg);}
}

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

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: 2rem;
    line-height: 16px;
    vertical-align: middle;
    color: var(--cl-4);
}

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

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

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

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;
    margin: 0px auto;
}

#header
{
    float: right;
    width: 100%;
    padding: 0px;
    position: relative;
    z-index: 5;
    background: linear-gradient(to bottom, hsla(0, 0%, 0%, 0.7) 0%, transparent 100%), url("../pic/back-header.png") top;
    box-shadow: 0px 0px 5px hsl(0, 0%, 82%);
}

.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: 8px 12px;
}

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

#kadrVasetTitrHDR
{
    position: relative;
    float: right;
    width: 145px;
    margin: 5px 10px 0 0;
}

a#titrAsliHDR, a#titrAsliHDR:link, a#titrAsliHDR:visited
{
    float: right;
    width: 100%;
    /*diz height: 110px;
    position: relative;
    overflow-y: hidden;
    text-align: right;
    font-family: mrt-promoter, serif;
    font-size: 3.1875rem;
    word-spacing: 5px;
    line-height: 93px;
    color: hsl(0, 0%, 100%);
    padding-top: 3px;
    padding-right: 24.833%;
    text-shadow: rgb(99, 174, 64) 5px 0px 0px, rgb(99, 174, 64) 4.90033px 0.993347px 0px, rgb(99, 174, 64) 4.60531px 1.94709px 0px, rgb(99, 174, 64) 4.12668px 2.82321px 0px, rgb(99, 174, 64) 3.48353px 3.58678px 0px, rgb(99, 174, 64) 2.70151px 4.20736px 0px, rgb(99, 174, 64) 1.81179px 4.6602px 0px, rgb(99, 174, 64) 0.849836px 4.92725px 0px, rgb(99, 174, 64) -0.145998px 4.99787px 0px, rgb(99, 174, 64) -1.13601px 4.86924px 0px, rgb(99, 174, 64) -2.08073px 4.54649px 0px, rgb(99, 174, 64) -2.94251px 4.04248px 0px, rgb(99, 174, 64) -3.68697px 3.37732px 0px, rgb(99, 174, 64) -4.28444px 2.57751px 0px, rgb(99, 174, 64) -4.71111px 1.67494px 0px, rgb(99, 174, 64) -4.94996px 0.7056px 0px, rgb(99, 174, 64) -4.99147px -0.291871px 0px, rgb(99, 174, 64) -4.83399px -1.27771px 0px, rgb(99, 174, 64) -4.48379px -2.2126px 0px, rgb(99, 174, 64) -3.95484px -3.05929px 0px, rgb(99, 174, 64) -3.26822px -3.78401px 0px, rgb(99, 174, 64) -2.4513px -4.35788px 0px, rgb(99, 174, 64) -1.53666px -4.75801px 0px, rgb(99, 174, 64) -0.560763px -4.96845px 0px, rgb(99, 174, 64) 0.437495px -4.98082px 0px, rgb(99, 174, 64) 1.41831px -4.79462px 0px, rgb(99, 174, 64) 2.34258px -4.41727px 0px, rgb(99, 174, 64) 3.17346px -3.86382px 0px, rgb(99, 174, 64) 3.87783px -3.15633px 0px, rgb(99, 174, 64) 4.4276px -2.32301px 0px, rgb(99, 174, 64) 4.80085px -1.39708px 0px, rgb(99, 174, 64) 4.98271px -0.415447px 0px;*/
}

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

.matnHDR
{
    position: absolute;
    top: 25px;
    right: 0;
    left: 0;
    width: 70%;
    margin: auto;
    text-align: center;
    font-family: arabic;
    font-size: 1.5rem;
    color: hsl(20, 100%, 50%);
    text-shadow: 2px 2px 3px hsl(0, 0%, 90%);
    /*color: hsl(0, 0%, 31%);*/
    /*text-shadow: rgb(255, 187, 153) 1px 0px 0px, rgb(255, 187, 153) 0.540302px 0.841471px 0px, rgb(255, 187, 153) -0.416147px 0.909297px 0px, rgb(255, 187, 153) -0.989992px 0.14112px 0px, rgb(255, 187, 153) -0.653644px -0.756802px 0px, rgb(255, 187, 153) 0.283662px -0.958924px 0px, rgb(255, 187, 153) 0.96017px -0.279415px 0px;*/
}

#kadrSearchMNU
{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1200;
    float: right;
    width: calc(100% - 100px);
    height: calc(100% - 100px);
    padding: 50px;
    overflow: hidden;
    background-color: hsla(0, 0%, 0%, 0.8);
}

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% - 30px);
    max-width: 700px;
    padding: 8px 15px;
    margin: auto;
    /*diz height: 26px;*/
    border: 0px solid hsl(207, 12%, 72%);
    background-color: hsl(0, 0%, 100%);
    border-radius: 21px;
    font-size: 1rem;
    line-height: 1;
    color: hsl(0, 0%, 0%);
}

a#btnSearchMNU, a#btnSearchMNU:link, a#btnSearchMNU:visited
{
    display: block;
    width: 100px;
    margin: 20px auto;
    padding: 5px;
    text-align: center;
    border-radius: 20px;
    font-size: 1.125rem;
    color: hsl(0, 0%, 100%);
    background-color: var(--cl-5);
}
a#btnSearchMNU:hover
{
    background-color: var(--cl-5-1);
}
a#btnSearchMNU:active
{
    background-color: var(--cl-5-2);
}

#kadrIconHDR
{
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 1001;
    float: left;
    width: 84px;
    margin: 5px 0 0 5px;
}

a.iconHDR, a.iconHDR:link, a.iconHDR:visited
{
    float: left;
    /*width: 22px;*/
    /*height: 22px;*/
    padding: 10px;
    border-radius: 50%;
    text-align: center;
    font-family: myIcon4;
    font-size: 1.25rem;
    color: hsl(0, 0%, 100%);
    text-shadow: 0 0 5px hsl(0, 0%, 0%);
    transition: color 0.2s;
    /*color: hsl(20, 100%, 50%);*/
}

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

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

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
{
    float: left;
}

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

ul#menu
{
    margin: 6px 0px 0px;
    float: right;
    width: calc(100% - 0px);
    list-style-type: none;
    padding: 0px;
    margin-left: 89px;
    position: relative;
    z-index: 1000;
    /*diz height: 50px;*/
}

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

a.titrMNU, a.titrMNU:link, a.titrMNU:visited
{
    display: block;
    float: right;
    padding: 12px 15px;
    font-family: vazir;
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
    color: hsl(0, 0%, 100%);
    text-shadow: 0 0 5px hsl(0, 0%, 0%);
    transition: color 0.2s;
}

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

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

span.iconZirMNU
{
    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;
}

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

ul.zirMNU
{
    margin: 0px;
    width: 200px;
    padding: 0px;
    list-style-type: none;
    position: absolute;
    right: 0px;
    top: 50px;
    border-top: 1px solid hsl(0, 0%, 90%);
    border-radius: 0 0 8px 8px;
    background-color: hsl(0, 0%, 100%);
    box-shadow: 0px 2px 5px hsla(0, 0%, 0%, 0.2);
    transition: right 0.3s, opacity 0.4s;
}

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

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

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

a.titrMNU:hover + ul, ul.zirMNU:hover
{
    display: block;
    opacity: 1;
    height: auto;
    padding: 0px;
    overflow: hidden;
    /*diz right: 0px;
    border-radius: 5px;*/
}

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

a.titrZirMNU:hover
{
    color: hsl(20, 100%, 50%);
}

a.titrZirMNU:active
{
    transition: none;
    color: hsl(20, 100%, 40%);
}

.khatZirDar
{
    position: relative;
}

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

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

/* کادر مطالب */
.kadrKolMataleb {
    float: right;
    width: calc(100% - 60px);
    padding: 40px 30px;
}
.kadrItemMataleb {
    float: right;
    width: 100%;
    margin-top: 10px;
}
.itemMatlab {
    float: right;
    width: calc(25% - 20px);
    padding: 0 10px;
    margin-bottom: 20px;
    text-align: center;
}
.itemMatlab:nth-child(1), .itemMatlab:nth-child(2)
{
    width: calc(50% - 20px);
}
a.linkAksItemMatlab, a.linkAksItemMatlab:link, a.linkAksItemMatlab:visited {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
img.aksItemMatlab {
    float: left;
    width: 100%;
    border-radius: 16px;
}
span.tarikhMatlab {
    float: left;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 2px 9px 0;
    border-radius: 0 8px;
    font-size: 0.875rem;
    color: hsl(0, 0%, 100%);
    background-color: var(--cl-5);
}
a.titrItemMatlab, a.titrItemMatlab:link, a.titrItemMatlab:visited {
    float: right;
    width: 100%;
    margin: 5px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.2s;
}
a.titrItemMatlab:hover {
    color: var(--cl-4-1);
}
a.titrItemMatlab:active {
    color: var(--cl-4-2);
    transition: none;
}
.kholasehItemMatlab {
    float: right;
    width: 100%;
    height: 46px;
    overflow: hidden;
    margin-top: 5px;
    font-size: 0.875rem;
    color: hsl(0, 0%, 60%);
}
.kadrKolMataleBlog .itemMatlab {
    position: relative;
    width: calc(25% - 40px);
    padding: 20px 10px 10px;
    margin: 0 10px;
    border-radius: 16px;
    box-shadow: 0px 0px 5px hsl(0, 0%, 82%);
}
.kadrKolMataleBlog .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);
}
.kadrKolMataleBlog img.aksItemMatlab {
    border-radius: 8px;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

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

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

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

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

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


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

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

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

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


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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#kadrBarchasbhaNR strong
{
    font-weight: normal;
}

#kadrPeygiriSefareshPNR
{
    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
{
    width: 100%;
    float: right;
    position: relative;
}

.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%;
}
h4.titrMohtava
{
    position: relative;
    float: right;
    margin: 0;
    padding: 0 0 20px;
    font-size: 1.25rem;
    color: var(--cl-5);
}
h4.titrMohtava::after {
    content: "";
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 100px;
    height: 2px;
    background-color: var(--cl-4);
}

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

a.btnNamayeshBishtar, a.btnNamayeshBishtar:link, a.btnNamayeshBishtar:visited
{
    float: left;
    margin-top: 10px;
    font-size: 0.875rem;
    color: var(--cl-4);
}
a.btnNamayeshBishtar:hover
{
    color: var(--cl-4-1);
}
a.btnNamayeshBishtar:active
{
    color: var(--cl-4-2);
}

/* موضوعات منتخب */
.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%;
}

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

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

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

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

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

span.iconKenarMatn
{
    vertical-align: middle;
    font-family: myIcon4;
    margin-left: 5px;
}

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: #edae0a;
    opacity: 0;
    animation: taghirOpacityKLD 1s 5s;
    animation-fill-mode: both;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#kadrDidgahha
{
    height: 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-3-1);
}
.itemDG.itemPasokhDG
{
    width: calc(100% - 60px);
    margin: 10px 30px 0 10px;
    background-color: var(--cl-3-2);
}
.itemDG.pasokhModir
{
    width: calc(100% - 70px);
    margin: 10px 40px 0 10px;
    background-color: var(--cl-4-3);
    outline: 1px solid var(--cl-4);
}
.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-4);
    /*diz background-color: hsl(44, 99%, 80%);*/
}

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

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

#kadrErsalDG
{
    float: right;
    width: 100%;
    /*diz height: 143px;*/
    padding-top: 5px;
}

#kadrNamEDG, #kadrEmailEDG, #kadrPasokhBehEDG
{
    float: right;
    width: 100%;
    /*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);
    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;*/
}

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

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

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

span#dokmehBastanPasokhBehEDG
{
    float: left;
    width: 16px;
    height: 16px;
    margin-top: 4px;
    font-family: myIcon4;
    font-size: 1rem;
    /*line-height: 1;*/
    cursor: pointer;
    color: hsl(0, 0%, 25%);
}

span#dokmehBastanPasokhBehEDG:hover
{
    color: hsl(0, 0%, 60%);
}

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

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

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

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 10px;
    border-radius: 18px;
    font-size: 0.875rem;
    color: var(--cl-4-1);
    border: 1px solid var(--cl-4);
    transition: background-color 0.2s;
}
#kadrErsalDG > a:hover
{
    background-color: var(--cl-4-3);
}
#kadrErsalDG > a:active
{
    transition: none;
    background-color: var(--cl-5-3);
}

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

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

del.kadrGheymat
{
    height: 23px;
    font-size: 0.875rem;
    color: hsl(0, 100%, 40%);
}

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


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

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

.peyghamSadeh
{
    width: 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-4);
    margin: 0px 10px;
    pointer-events: none;
}
h2.titrPS a:hover
{
    color: var(--cl-4-1);
}
h2.titrPS a:active
{
    color: var(--cl-4-2);
}

#mohtavaEzafiSV
{
    float: right;
    width: calc(100% - 60px);
    padding: 0 30px;
    margin: 0px auto;
}

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

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

.kadrTitrItemSV span
{
    font-family: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: 30px;
    border: 1px solid var(--cl-brd);
    border-radius: 16px;
    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: hsl(0, 0%, 95%);
}

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

a.entekhabShodehNCHP,a.entekhabShodehNCHP:link, a.entekhabShodehNCHP:visited
{
    position:relative;
    z-index: 4;
    background-color: var(--cl-5);
    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;
}

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-5);
}
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-4);
}

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

.peyvandNamayeshBishtar:active
{
    color: var(--cl-4-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-5);
}

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

a.barchasbNCHP
{
    position: relative;
    float: right;
    padding: 3px 12px;
    margin: 0 0 5px 5px;
    border-radius: 8px;
    font-size: 0.875rem;
    font-family: vazir;
    color: var(--cl-4-1);
    transition: background-color 0.2s;
}
a.barchasbNCHP:hover
{
    background-color: var(--cl-4-3);
}
a.barchasbNCHP:active
{
    color: var(--cl-4-2);
}

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

#kadrMozooatMontakhab
{
    position: relative;
    float: left;
    display: flex;
    width: calc(29% - 52px);
    padding: 20px 10px;
    border: 1px solid hsl(20, 100%, 50%);
    border-radius: 8px;
}

a.itemMozooatMontakhab,a.itemMozooatMontakhab:link,a.itemMozooatMontakhab:visited
{
    float: right;
    width: 100%;
    padding: 7px 0;
    margin-bottom: 1px;
}
a.itemMozooatMontakhab:hover
{
    color: hsl(45, 100%, 40%);
}
a.itemMozooatMontakhab:active
{
    color: hsl(45, 100%, 30%);
}
a.itemMozooatMontakhab:last-child
{
    margin: 0;
}

span.iconMozooatMontakhab
{
    float: right;
    width: 26px;
    height: 17px;
    padding: 4px 0;
    margin-left: 5px;
    font-family: myIcon4;
    text-align: center;
}

span.titrMozooatMontakhab
{
    float: right;
    width: calc(100% - 31px);
}

/* کادر معرفی */
.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(35% - 72px);
    padding: 20px 30px;
    margin: 0 20px;
    border: 1px solid hsl(20, 100%, 50%);
    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%);
}

/* تبلیغ */
#tablighSV
{
    float: right;
    width: 100%;
    margin: 25px 0;
    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;
}

/*قسمت کلیپ ها */
#kadrVideoMEZF
{
    float: right;
    width: 100%;
    overflow: auto;
    padding-bottom: 20px;
}

#videoMEZF
{
    position: relative;
    float: right;
    width: 100%;
}

a.titrVideo, a.titrVideo:link, a.titrVideo:visited
{
    float: right;
    width: 100%;
    margin-bottom: 5px;
    font-size: 0.875rem;
    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: 65%;
    padding-top: 34.563%;
    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:100%;
    width: 100%;
    margin:0px auto;
    object-fit: cover;
}

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: hsl(20, 100%, 50%);
    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: hsl(20, 100%, 40%);
}

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

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

.sotoonAx
{
    position: relative;
    float: right;
    width: 100%;
    margin-bottom: 10px;
    cursor: pointer;
}
.sotoonAx::after
{
    content: "";
    position: absolute;
    bottom: 8px;
    left: 8px;
    font-family: myIcon4;
    font-size: 1rem;
    color: hsl(0, 0%, 100%);
    text-shadow: 0 0 5px hsl(0, 0%, 0%);
}

img.axVideoMEZF
{
    display: block;
    width: 100%;
    margin:0px auto;
    border-radius: 8px;
}


/*قسمت صوت ها */
#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: calc(100% - 17px);
    margin: 7px 9px 9px 4px;
    border-radius: 8px;
    border: 1px solid hsl(45, 100%, 40%);
}

.kadrPakhshSotiMEZF
{
    position: relative;
    float: left;
    /*height: 36px;*/
    width: 100%;
}

.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% - 90px);
    padding: 10px;
    margin: 0px 35px 0 0;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

a.dokmehPlaySotiMEZF, a.dokmehPlaySotiMEZF:link, a.dokmehPlaySotiMEZF:visited
{
    float: left;
    width: 30px;
    height: 30px;
    margin: 5px 0 0 5px;
    text-align: center;
    font-family: myIcon4;
    font-size: 1.5rem;
    color: hsl(45, 100%, 40%);
}
a.dokmehPlaySotiMEZF:hover
{
    color: hsl(45, 100%, 30%);
}
a.dokmehPlaySotiMEZF:active
{
    color: hsl(45, 100%, 20%);
}

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

.tdcellAudioMEZF
{
    display: block;
    position: relative;
    top: 0px;
    bottom: 0px;
    left: 5px;
    z-index: 1;
    float: left;
    width: 86%;
    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: 16px;
    border: 1px solid var(--cl-5);
}

.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-5);
}

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

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

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

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

a.btnEmkanatSoti:hover
{
    color: hsl(0, 0%, 50%);
}

a.btnEmkanatSoti:active
{
    color: hsl(0, 0%, 30%);
}

.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: var(--cl-3-2);
}

#mohtavaEzafeiFTR
{
    float: left;
    width: calc(20% - 40px);
    margin: 0 20px;
    text-align: right;
    font-style: normal;
}

/*#darbarehFTR
{
    position: relative;
    float: right;
    width: 100%;
    padding: 40px 0;
}

.khatTitr
{
    position: absolute;
    top: 55px;
    right: 0;
    z-index: 0;
    width: 100%;
    height: 1px;
    background-color: hsl(0, 0%, 80%);
}

span.titrKhatDar
{
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0 30px;
    background-color: hsl(0, 0%, 97%);
}

p#matnDarbarehFTR
{
    float: right;
    padding: 0px;
    margin: 10px 0px;
    text-align: center;
    font-size: 1rem;
    text-indent: 20px;
    color: hsl(0, 0%, 40%);
}*/

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

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

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

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

.kadrVideoFTR {
    float: right;
    width: 100%;
    margin-top: 10px;
}
video.videoFTR {
    float: right;
    width: 100%;
    border-radius: 16px;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

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

a.iconFTR, a.iconFTR:link, a.iconFTR:visited
{
    float: left;
    width: 100%;
    padding: 5px 0;
    margin-bottom: 8px;
}
a.iconFTR:hover
{
    color: var(--cl-4-1);
}
a.iconFTR:active
{
    color: var(--cl-4-2);
}
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-5);
    border: 1px solid var(--cl-5);
    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
{
    float: right;
    width: 33.333%;
}

ul.listFTR a,ul.listFTR a:link,ul.listFTR a:active
{
    display: block;
    width: 100%;
    padding: 5px;
    height: 100%;
    text-decoration: none;
}

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

ul.listFTR a:active
{
    color: hsl(353, 84%, 40%);
}

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

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

img.logoIconFTR
{
    float: right;
    width: 35px;
    margin-left: 10px;
}

.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-4);
}
.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-5);
}
.kadrSarTitrPeygham ~ div
{
    width: calc(100% - 10px);
    overflow-y: auto;
    margin: 10px 5px;
}
.kadrSarTitrPeygham > div:not(.iconSarTitrPeygham)
{
    float: right;
    height: 22px;
    padding: 8px 5px;
    font-size: 1rem;
    line-height: 1.25;
    text-align: right;
    color: var(--cl-5);
}
.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-5);
}
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-5);
}
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: hsl(0, 0%, 95%);
}
a.dokmehEmkanatSotoon, a.dokmehEmkanatSotoon:link, a.dokmehEmkanatSotoon:visited
{
    color: var(--cl-5);
}
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;
}

/* نوار راست پیغام ناحیه کاربری*/
#navarRastNK
{
    float: right;
    width:23.611%;     /* 170 px*/
    /*height: 392px;*/
    background-color: var(--cl-3-1);
    position: relative;
}

#kadrNamayeshNamNK
{
    width:calc(100% - 40px);    /*  DEP pad */
    max-height: 42px;               /*  DEP pad */
    overflow: hidden;
    margin: 20px 35px 20px 5px;         /*  DEP h,w */
    font-size: 0.875rem;
    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;
}

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-4);
    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-5-2);
    background-color: var(--cl-5);
    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-4);
}

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

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-4);
    border: 1px solid var(--cl-4);
    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-5);
}

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/sefareshat-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-5);
}

#kadrCodeMeliMMNK>span.matnTitrEtelaatKarbarMMNK
{
    width: 44px;
}

#kadrCodePostiMMNK>span.matnTitrEtelaatKarbarMMNK
{
    width: 56px;
}

#kadrEmailMMNK>span.matnTitrEtelaatKarbarMMNK
{
    width: 37px;
}

#kadrAddressMMNK>span.matnTitrEtelaatKarbarMMNK
{
    width: 37px;
    line-height: 16px;      /*  tashih zaheri bala boodan matn  */
}

#kadrTelSabetMMNK>span.matnTitrEtelaatKarbarMMNK
{
    width: 66px;
}

#kadrTelHamrahMMNK>span.matnTitrEtelaatKarbarMMNK
{
    width: 66px;
}

span.matnVoroodiEtelaatKarbarMMNK
{
    display: block;
    float: right;
    width: calc(100% - 126px);      /*  DEP pad khodash, w va pad span.matnTitrEtelaatKharidarTEKH  */
    height: 14px;
    padding: 3px 5px;
    vertical-align: middle;
    text-align: right;
    font-size: 0.875rem;        /*  14px    */
    line-height: 1;
    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-4);
}

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

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

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


table#tblPayamhaErsaliNK span.zamanPENK,table#tblPayamhaErsaliNK span.tarikhPENK, table#tblPayamhaErsaliNK span.titrMatnPENK
{
    display: inline-block;
    height: 12px;
    font-size: 0.75rem;
    color: var(--cl-4-2);
    line-height: 1;
}

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

.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-5);
}

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

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

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

.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-5);
}

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

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

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

#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-family: Arial;
    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-4);
}

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: hsl(0, 0%, 100%);
    background-color: hsl(45, 100%, 40%);
}

a[id^="dokmehPeygham"]:hover
{
    background-color: hsl(45, 100%, 30%);
}

a[id^="dokmehPeygham"]:active
{
    background-color: hsl(45, 100%, 20%);
}

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: hsl(353, 84%, 58%);
}

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

ul.kadrListFilterNR>li
{
    float: right;
    width: 100%;
    /*padding: 10px;*/
    position: relative;
    margin: 0;
    list-style-type: none;
    text-align: right;
}

a.namFilter,a.namFilter:link,a.namFilter:visited
{
    display: block;
    width: calc(100% - 24px);
    text-align: right;
    font-size: 1rem;
    padding: 12px;
    line-height: 1;
    color: hsl(0,0%,0%);
    border-top: 1px solid hsl(0, 0%, 85%);
}

a.namFilter:hover
{
    color: hsl(353, 84%, 58%);
    background-color: hsl(0, 0%, 98%);
}

a.namFilter:active
{
    color: hsl(353, 84%, 30%);
    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: hsl(353, 84%, 58%);
    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: hsl(353, 84%, 58%);
}

a#dokmehHazfFilterha:hover
{
    color: hsl(353, 84%, 40%);
}

a#dokmehHazfFilterha:active
{
    color: hsl(353, 84%, 30%);
}

#kadrGheymatFilter
{
    float: right;
    width: 100%;
    border-top: 1px solid hsl(0, 0%, 85%);
}

.titrGheymatFilter
{
    float: right;
    width: calc(100% - 24px);
    padding: 12px;
    line-height: 1;
}

.kadrTxtMablagh
{
    position: relative;
    float: right;
    width: calc(100% - 40px);
    margin: 0 20px 10px;
}

.titrInputFilter
{
    position: absolute;
    top: 5px;
    right: 10px;
    color: hsl(0, 0%, 70%);
}

input.txtMablaghFilter
{
    float: right;
    width: calc(100% - 42px);
    border: 1px solid hsl(0, 0%, 75%);
    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: hsl(353, 84%, 58%);
    color: hsl(0, 0%, 100%);
    border-radius: 5px;
}

a.dokmehSabtGheymat:hover
{
    background-color: hsl(353, 84%, 40%);
}

a.dokmehSabtGheymat:active
{
    background-color: hsl(353, 84%, 30%);
}

#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: 0px;
    left: 0px;
    height: 20px;
    box-sizing: content-box;
    font-size: 1rem;
    line-height: 1;
    padding: 4px 10px 4px 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 hsl(0, 0%, 90%);
    transition: background-color 0.3s;
}

/* کادر عکس تمام صفحه */
.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;
}

@media only screen and (min-width:767px) {
    /* width */
    *::-webkit-scrollbar {
        width: 8px;
    }
    /* Track */
    *::-webkit-scrollbar-track {
        background: hsl(0, 0%, 90%);
    }
    /* Handle */
    *::-webkit-scrollbar-thumb {
        background: hsl(0, 0%, 60%);
    }
    /* Handle on hover */
    *::-webkit-scrollbar-thumb:hover {
        background: hsl(0, 0%, 40%);
    }
}

@media only screen and (max-width:767px)
{
    #fullContainer {
        margin-top: 60px;
        position: relative;
        overflow-x: hidden;
    }

    #header
    {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 200;
        width: 100%;
        padding: 5px 0;
    }

    .kadrAzmayeshiHDR {
        top: 10px;
    }

    /*#kadrMenuBalaHDR {
        width: calc(100% - 20px);
        padding: 0 10px;
    }*/

    #kadrVasetHeader
    {
        position: relative;
        width: 100%;
        margin: 0;
    }

    #titrHDR
    {
        position: relative;
        margin: 0px;
        padding: 0px;
        background-size: 30%;
        background-position: 38% 40%;
        /*diz line-height: 2.3;
        text-align: center;
        height: 70px;*/
    }

    .matnHDR
    {
        display: none;
    }

    #kadrVasetTitrHDR
    {
        width: 100%;
        margin: 0;
    }

    a#titrAsliHDR, a#titrAsliHDR:link, a#titrAsliHDR:visited
    {
        float: right;
        width: auto;
        margin: 10px 60px 10px 0;
        text-align: center;
    }

    a#titrAsliHDR > img
    {
        float: none;
        display: block;
        width: 80px;
        margin: auto;
    }

    #kadrIconHDR
    {
        position: absolute;
        z-index: 1;
        left: 0;
        width: 124px;
        margin: 0;
    }

    a.iconHDR, a.iconHDR:link, a.iconHDR:visited
    {
        margin-left: 5px;
        border-radius: 0;
    }

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

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

    #navarMenu
    {
        position: fixed;
        top: 0;
        right: -100%;
        z-index: 1000;
        width: 70%;
        height: 100%;
        overflow-y: auto;
        padding: 0px;
        margin: 0;
        background: url('../pic/bg-footer.png') no-repeat hsl(0, 0%, 100%);
        background-position: 0 110%;
        background-size: 167%;
        transition: right 0.3s;
    }

    h5#titrMenuMobile
    {
        float: right;
        width: calc(100% - 30px);
        padding: 15px;
        margin: 0px;
        border-bottom: 1px solid var(--cl-5);
        font-size: 1.375rem;
        color: var(--cl-5);
    }

    a#dokmehMNU, a#dokmehMNU:link, a#dokmehMNU:visited
    {
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 1000;
        float: right;
        width: 32px;
        padding: 8px 10px;
        margin-right: 5px;
        text-align: center;
        font-family: myIcon4;
        font-size: 2rem;
        line-height: 1;
        color: var(--cl-2);
        text-shadow: 0 0 5px hsl(0, 0%, 0%);
    }
    a#dokmehMNU:hover
    {
        color: var(--cl-4);
    }
    a#dokmehMNU:active
    {
        color: var(--cl-4-1);
    }

    ul#menu
    {
        width: 100%;
        margin: 0;
        height: auto;
        overflow-y: auto;
        transition: right 0.3s;
    }

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

    li#itemTamasMNU, li#itemHamkariMNU
    {
        display: list-item;
    }

    a.titrMNU, a.titrMNU:link, a.titrMNU:visited
    {
        position: relative;
        width: calc(100% - 20px);
        padding: 12px 10px;
        text-align: right;
        color: var(--cl-txt);
        text-shadow: none;
        border-bottom: 1px dotted var(--cl-4);
    }

    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;
        border-bottom: 1px solid hsl(45, 100%, 40%);
    }

    li.baz span.iconZirMNU
    {
        transform: rotate(180deg);
    }

    a.titrZirMNU, a.titrZirMNU:link, a.titrZirMNU:visited
    {
        padding: 7px 25px 7px 0px;
        width: calc(100% - 25px);
        margin-top: 0px;
        border-top-color: #151515;
        background-color: transparent;
    }

    a.titrZirMNU:hover
    {
    }

    a.titrZirMNU:active
    {
    }

    span.iconZirMNU
    {
        display: inline-block;
        float: left;
        margin-right: 0px;
        margin-left: 20px;
    }

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

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

    a#iconAbzarhaMNU:link, a#iconAbzarhaMNU:visited {
        display: block;
    }

    a#iconSearchMNU:link, a#iconSearchMNU:visited
    {
        position: absolute;
        left: 7px;
    }

    #kadrSearchMNU {
        width: calc(100% - 50px);
        padding: 70px 25px 30px;
    }

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

    .kadrVasetKadrha {
        display: block;
    }

    .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: 5px 0;
    }

    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: calc(100% - 40px);
        padding: 30px 20px;
    }

    .itemMatlab
    {
        width: 100% !important;
        padding: 0;
        margin-bottom: 20px;
        text-align: center;
    }
    .kadrKolMataleBlog .itemMatlab
    {
        width: calc(100% - 20px);
        padding: 20px 10px 10px;
        margin: 0 0 25px 0;
    }
    .itemMatlab:last-child
    {
        margin: 0 !important;
    }

    a.linkAksItemMatlab, a.linkAksItemMatlab:link, a.linkAksItemMatlab:visited
    {
        margin-bottom: 5px;
    }

    a.btnNamayeshBishtar, a.btnNamayeshBishtar:link, a.btnNamayeshBishtar:visited
    {
        margin-top: 5px;
    }

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

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

    a.dokmehKeshoee, a.dokmehKeshoee:link, a.dokmehKeshoee:visited {
        display: block;
    }

    h3#titrNamayeshMA a:not(.dokmehKeshoee), h3#titrNamayeshMA a:not(.dokmehKeshoee):link, h3#titrNamayeshMA a:not(.dokmehKeshoee):visited {
        max-width: calc(100% - 30px);
    }

    .itemKholasehMA
    {
        width: 50%;
    }

    img.axKholasehMA
    {
        width:100%;
    }

    .kadrAxKholasehMA
    {
        border-bottom: 97px solid hsl(0, 0%, 100%);
        overflow: visible;
    }

    .kadrMatnhaKholasehMA
    {
        bottom: -97px;
        height: 87px;
        width: calc(100% - 10px);
        margin: 0;
        padding: 5px;
    }

    h4.titrKholasehMA
    {
        min-height: 46px;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 6px;
        padding-right: 6px;
        margin-top: 0px;
        margin-bottom: 0px;
        box-shadow: inset 0px 0px 4px hsl(85, 91%, 38%);
        outline: 2px solid hsl(0, 0%, 100%);
    }

    h4.titrKholasehMA a, h4.titrKholasehMA a:link, h4.titrKholasehMA a:visited
    {
        color: hsl(0, 0%, 100%);
        text-shadow: hsl(200,100%,27%) 1px 2px 3px;
        font-size: 0.875rem;
        line-height: 1.6;
    }

    .itemKholasehMA:first-child + div + div + div ~ div
    {
        display: none;
    }

    .itemKholasehMA .kadrGheymat
    {
        width: 100%;
        margin-right: 0;
        text-shadow: none;
    }

    .itemKholasehMA .kadrGheymat:not(del.kadrGheymat)
    {
        margin-top: 5px;
    }

    #kadrDidgahha {
        z-index: 2;
        margin: 10px 4px !important;
        width: calc(100% - 8px);
    }

    span.iconPS {
        margin-right: 5px;
    }

    h2.titrPS
    {

    }

    h2.titrPS a, h2.titrPS a:link, h2.titrPS a:visited
    {
        pointer-events: auto;
    }

    /*diz #mohtavaEzafiSV
    {
        display: none;
    }*/

    #kadrTazehaSV
    {
        width: 100%;
        margin: 13px 0px;
    }

    #kadrItemTazehaSV
    {
        overflow-x: auto;
    }

    a#dokmeGhabliPagingTSV, a#dokmeGhabliPagingTSV:link, a#dokmeGhabliPagingTSV:visited, a#dokmeBaadiPagingTSV, a#dokmeBaadiPagingTSV:link, a#dokmeBaadiPagingTSV:visited
    {
        display: none;
    }

    #kadrMahsoolatMortabetMEZF
    {
        width: calc(100% - 20px);
        padding: 10px;
        margin: 10px 0px;
    }

    .kadrTitrItemSV span
    {
        font-size: 1.1rem;
    }

    .kadrAksTSV
    {
        padding-top: 70%;
    }

    img.aksTSV
    {
        left: -11%;
    }

    #navarChap
    {
        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: 40px 0;
        padding: 20px;
    }

    #kadrPaeenVideo
    {
        width: 100%;
        margin: 10px 0 0;
    }

    .sotoonAx
    {
        width: calc(50% - 5px);
    }
    .sotoonAx:last-child
    {
        margin-right: 10px;
    }

    #videoMEZF
    {
        float: none;
        width: 100%;
        height: auto;
        overflow-y: auto;
    }

    #videoMEZF>#titrVideo
    {
        position: relative;
        box-shadow: 0px 10px 5px -10px inset hsl(94, 100%, 72%);
    }

    a#titrMatlabVideo, a#titrMatlabVideo:link, a#titrMatlabVideo:visited
    {
        width: calc(100% - 102px);
    }

    a#dokmehKeshoeeVideo
    {
        left: 4.062%;
        top: 5px;
    }

    #kadrVideo
    {
        width: 100%;
        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% - 40px);
        padding: 0 20px 5px;
        background-position: 3% 305%;
        background-size: 142%;
    }

    #darbarehFTR
    {
        padding: 15px 0;
    }

    .khatTitr
    {
        top: 30px;
    }

    span.titrKhatDar
    {
        padding: 0 15px;
    }

    .kadrNaghsheh
    {
        width: 100%;
        margin: 40px 0;
    }

    #mohtavaEzafeiFTR
    {
        width: 100%;
        margin: 0;
    }

    .kadrIconhaFTR
    {
        width: 100%;
        margin: 0;
    }

    a.iconFTR, a.iconFTR:link, a.iconFTR:visited
    {
        width: calc(50% - 5px);
        padding: 5px 0;
    }
    a.iconFTR:nth-child(odd) {
        margin-left: 10px;
    }

    .itemFTR
    {
        /*float: none;*/
        width: 100%;
        margin: 30px 0 0 0;
        padding: 0;
        border: 0;
    }

    ul.listFTR li
    {
        width: calc(50% - 10px);
        text-align: center;
    }

    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
    {
        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% - 22px);
    }

    a.itemMozooatMontakhab,a.itemMozooatMontakhab:link,a.itemMozooatMontakhab:visited
    {
        width: 150px;
        padding: 20px 0px;
        margin: 0px calc((50% - 150px) / 2);
        height: 120px;
    }

    span.iconMozooatMontakhab
    {
        width: 35px;
        height: 35px;
        padding: 20px 17px 20px 23px;
        margin: 0px auto;
        font-size: 40px;
        line-height: 35px;
    }

    a#item1MozooatMontakhab>span.iconMozooatMontakhab
    {
        padding: 20px 15px 20px 25px;
    }

    span.titrMozooatMontakhab
    {
        padding: 10px 20px;
        height: 24px;
        font-size: 1rem;
        line-height: 1;
    }

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

    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: 30%;
        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
    {
        display: none;
    }

    /* ویرایش حساب کاربری */
    #kadrTashihOFVM
    {
        width: 90%;
    }
    .itemVM
    {
        width: calc(100% - 10px);
    }
}