a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
textarea,input
{
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 1em;
    box-sizing: border-box;
}

html,
body {
    height: 100%;
    margin:0;
    padding:0;
}
button{
    outline: 0;
}
ul{
    list-style:none;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body, textarea, input, select, label,span, button{font-family:IRANSans,IRANSans2, IRMitra,Georgia,Tahoma;}
b,
strong {
    /*
      Makes browsers agree.
      IE + Opera = font-weight: bold.
      Gecko + WebKit = font-weight: bolder.
    */
    font-weight: bold;
}

img {
    font-size: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

li {
    display: list-item;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th,
td,
caption {
    font-weight: normal;
    vertical-align: top;
}
textarea:focus, input:focus {
    outline: none;
}

svg {
    overflow: hidden;
}


body {
    -webkit-font-smoothing:antialiased;
    text-shadow:1px 1px 1px rgba(0,0,0,0.003);
    font-size:62%;
    font-size:1em;
    line-height:1.5em;
}
a {
    text-decoration:none; color:#000000;
}
a:hover {
    color:#00AFEF; 
}




.txt-right{
    text-align: right;}
.txt-left{
    text-align: left;}
.txt-center{
    text-align: center;
}






.public-jq-container .active{ vertical-align: middle;}
.public-jq-container {
    width:80%;
    margin:auto;
    background-color:#FFFFFF;
    /*border:solid 1px black;*/
    box-shadow:1px 1px 10px #6b6b6b;
    height:90%;
    overflow:auto;
}
.public-jq-container1 {
    width:100%;
    background-color:#FFFFFF;
    box-shadow: 2px 3px 10px #6b6b6b;
    height:100%;
    overflow:auto;
}

.public_exit_img {
    float: right;
    height: 20px;
    border-radius: 5px;
    margin: 10px;
    cursor: pointer;
    background: #065979;
    color: #fff;
    font-weight: bold;
    padding: 2px 5px;
}
.public_exit_img:hover{color:#f18282}

.public-jq-top {
    width:100%;
    height:40px;

    background-color: #0079a9;
}
.public-jq-top label{
    display: block;
    width:100%;
    text-align:center;
    color:white;
    line-height:40px;
    font-weight:bold;
}

.p_button, .public_button{
    border-style: none;
    width: 120px;
    height: 2em;
    line-height: 2em;
    text-align: center;
    cursor: pointer;
    background-color: #058e80;
    color: #FFFFFF;
    font-size: .95em;
    padding: 0 5px;
    margin: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 1px 2px 6px 0px #777777;
    -webkit-box-shadow: 1px 2px 6px 0px #777777;
    -moz-box-shadow: 1px 2px 6px 0px #777777;

}
.p_button:hover, .public_button:hover {
    background-color: #229c84;
}

.p_pointer {
    cursor:pointer
}


.p_select, .public_select {
    border: 1px solid #cccccc;
    background: #F5F5F5;
    margin-left: 2px;
    width: 175px;
    height: 28px;
    line-height:25px;
    font-size:12px;
    margin-bottom: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    right: -4px;
}
.p_text, .public_text{
    border: 1px solid #cccccc;
    width: 175px;
    height: 28px;
    background: #F5F5F5;
    /* padding-right: 5px; */
    /* padding-left: 5px; */
    padding: 5px;
    line-height: 25px;
    font-size: 13px;
    margin-bottom: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-top:4px;
    box-shadow: 0 0 3px #adadadcc inset;
    -webkit-box-shadow: 0 0 3px #adadadcc inset;
    -moz-box-shadow: 0 0 3px #adadadcc inset;
}
.p_en,.public_en  {
    direction:ltr;font: normal normal 500 1.2em/1.8em Times New Roman, Times, serif;font-size:12px;
}
.p_fa,.public_fa {
    direction:rtl; text-align:right;
}
.p_text_number, .public_text_number {
    border: 1px solid #cccccc;
    width: 60px;
    background: #F5F5F5;
    padding: 3px;
    border-radius: 2px;
    text-align: left;
    font-size: 12px;
    margin-bottom: 4px;

    box-shadow: 0 0 3px #adadadcc inset;
    -webkit-box-shadow: 0 0 3px #adadadcc inset;
    -moz-box-shadow: 0 0 3px #adadadcc inset;
}
.p_error {
    width:100%;
    text-align:center;
    color:red;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.p_table_sel{
    display: table-cell;
    vertical-align: top;
}
.xdebug-var-dump{text-align:left}.ta3{transition: all 0.3s}

.w100-p{width: 100%}

.bcw{background-color: #fff;}
.bcg1{background-color: #f7f7f7;}
.bcg2{background-color: #ddd;}
.bcg3{background-color: #EFEFEF;}

.fcg1{color: #f7f7f7;}
.fcg2{color: #EFEFEF;}
.fcg3{color: #ddd;}
.fcg4{color: #c7c7c7;}
.fcg5{color: #acacac;}
.fcg5{color: #808080;}
.blue.text{color: #0093ee}


span{cursor: context-menu;}
.pre{position:relative}
.pab{position:absolute}
.pfi{position: fixed}
.vto{vertical-align: top}
.vato{vertical-align: top}
.vmi{vertical-align: middle}
.vami{vertical-align: middle}
.vbo{vertical-align: bottom}
.vabo{vertical-align: bottom}
.vasu{vertical-align: super}

.tce{text-align: center}
.tace{text-align: center}
.tale{text-align: left}
.tle{text-align: left}
.tri{text-align: right}
.tari{text-align: right}
.taju{text-align: justify}
.talce{text-align-last: center}
.talri{text-align-last: right}
.talle{text-align-last: left}
.dlt{direction: ltr}
.drt{direction: rtl}
.tdlt{text-decoration: line-through}
.fbo{font-weight: bold;}
.vhi{visibility: hidden}
.vvi{visibility: visible}
.fl{float:left}
.fr{float:right}

.ohi{overflow: hidden}


.col2{display:inline-block;width:2%;}
.col5{display:inline-block;width:4%;}
.push5{margin-right:4%;}
.col10{display:inline-block;width:9%;}
.push10{margin-right:9%;}
.col15{display:inline-block;width:14.5%;}
.col20{display:inline-block;width:19.5%;}
.col25{display:inline-block;width:24.5%;}
.col30{display:inline-block;width:29.5%;}
.col33{display:inline-block;width:33%;}
.col35{display:inline-block;width:34.5%;}
.col40{display:inline-block;width:39.5%;}
.col45{display:inline-block;width:44.5%;}
.col50{display:inline-block;width:49.5%;}
.col55{display:inline-block;width:54.5%;}
.col60{display:inline-block;width:59.5%;}
.col65{display:inline-block;width:64.5%;}
.col70{display:inline-block;width:69.5%;}
.col75{display:inline-block;width:74.5%;}
.col80{display:inline-block;width:79.5%;}
.col85{display:inline-block;width:84.5%;}
.col90{display:inline-block;width:89.5%;}
.col95{display:inline-block;width:94.5%;}
.col98{display:inline-block;width:97.5%;}
.col100{display:inline-block;width:100%;}


.colT5{display:table-cell;width:5%;}
.colT10{display:table-cell;width:10%;}
.colT15{display:table-cell;width:15%;}
.colT20{display:table-cell;width:20%;}
.colT25{display:table-cell;width:25%;}
.colT30{display:table-cell;width:30%;}
.colT35{display:table-cell;width:35%;}
.colT40{display:table-cell;width:40%;}
.colT45{display:table-cell;width:45%;}
.colT50{display:table-cell;width:50%;}
.colT55{display:table-cell;width:55%;}
.colT60{display:table-cell;width:60%;}
.colT65{display:table-cell;width:65%;}
.colT70{display:table-cell;width:70%;}
.colT75{display:table-cell;width:75%;}
.colT80{display:table-cell;width:80%;}
.colT85{display:table-cell;width:85%;}
.colT90{display:table-cell;width:90%;}
.colT95{display:table-cell;width:95%;}
.colT100{display:table-cell;width:100%;}

.colf2{flex:0 0 2% ; -webkit-box-flex:1  2%; -moz-box-flex: 1 2%; width:2%;}
.colf5{flex:0 0 5% ; -webkit-box-flex:1  5%; -moz-box-flex: 1 5%; width:5%;}
.colf10{flex:0 0 10% ;  -webkit-box-flex:1  10%; -moz-box-flex: 1 10%; width:10%;}
.colf15{flex:0 0 15% ; -webkit-box-flex:1  15%; -moz-box-flex: 1 15%; width:15%;}
.colf20{flex:0 0 20% ;  -webkit-box-flex:1  20%; -moz-box-flex: 1 20%; width:20%;}
.colf25{flex:0 0 25% ;  -webkit-box-flex:1  25%; -moz-box-flex: 1 25%; width:25%;}
.colf30{flex:0 0 30% ;  -webkit-box-flex:1  30%; -moz-box-flex: 1 30%; width:30%;}
.colf35{flex:0 0 35% ; -webkit-box-flex:1  35%; -moz-box-flex: 1 35%; width:35%;}
.colf40{flex:0 0 40% ; -webkit-box-flex:1  40%; -moz-box-flex: 1 40%; width:40%;}
.colf45{flex:0 0 45% ; -webkit-box-flex:1  45%; -moz-box-flex: 1 45%; width:45%;}
.colf50{flex:0 0 50% ;  -webkit-box-flex:1  50%; -moz-box-flex: 1 50%; width:50%;}
.colf55{flex:0 0 55% ; -webkit-box-flex:1  55%; -moz-box-flex: 1 55%; width:55%;}
.colf60{flex:0 0 60% ;  -webkit-box-flex:1  5%; -moz-box-flex: 1 5%; width:60%;}
.colf65{flex:0 0 65% ; -webkit-box-flex:1  65%; -moz-box-flex: 1 65%; width:65%;}
.colf70{flex:0 0 70% ;  -webkit-box-flex:1  70%; -moz-box-flex: 1 70%; width:70%;}
.colf75{flex:0 0 75% ;  -webkit-box-flex:1  75%; -moz-box-flex: 1 75%; width:75%;}
.colf80{flex:0 0 80% ;  -webkit-box-flex:1  80%; -moz-box-flex: 1 80%; width:80%;}
.colf85{flex:0 0 85% ;  -webkit-box-flex:1  85%; -moz-box-flex: 1 85%; width:85%;}
.colf90{flex:0 0 90% ;  -webkit-box-flex:1  90%; -moz-box-flex: 1 90%; width:90%;}
.colf95{flex:0 0 95% ; -webkit-box-flex:1  95%; -moz-box-flex: 1 95%; width:95%;}
.colf100{flex:0 0 100%;  -webkit-box-flex:1  100%; -moz-box-flex: 1 100%; width:100%;}


.mau{margin: auto}
.cpo{cursor: pointer;}
.fwbo{font-weight: bold;}
.fwno{font-weight: normal}


.pubError{color:red}
.pubTip{color:red}
.din{display: inline-block}
.dib{display: inline-block}
.dta{display: table}
.tlfi{table-layout: fixed}
.dinl{display: inline}
.dbl{display: block}
.dno{display: none}
.dtc{display: table-cell;}
.dtr{display: table-row;}
.dt{display: table;}
.dif{
    display: -webkit-inline-flex;     /* NEW - Chrome */
    display: inline-flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.dfl{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.jcc{justify-content: center}
.jcfe{justify-content: flex-end}
.jcfs{justify-content: flex-start}
.jcsb{justify-content: space-between}
.aife{align-items: flex-end;}
.aafs{align-items: flex-start;}
.aace{align-items: center;}
.aic{align-items: center;}
.ais{align-items: stretch;}
.aib{align-items: baseline;}
.tlf{table-layout: fixed}
.fle{float:left}
.fdc{flex-direction: column;}
.fdcr{flex-direction: column-reverse;}
.fdr{flex-direction: row;}
.fdrr{flex-direction: row-reverse;}
.fww{flex-wrap: wrap;}
.fwn{flex-wrap: nowrap;}
.acc{    align-content: center;}

.payBtn{
    background-color: #4caf50;
    color:#fff;
}

.white.bg{background-color: #fff}
.white.text{color: #fff}
.red.text{color: #FF0000}
.yellow.text{color: yellow}
.orange.text{color: orange}

.grey.bg {
    background-color: #9E9E9E;
}
.grey.text {
    color: #9E9E9E;
}
.grey-50.bg {
    background-color: #FAFAFA;
}
.grey-50.text {
    color: #FAFAFA;
}
.grey-100.bg {
    background-color: #F5F5F5;
}
.grey-100.text {
    color: #F5F5F5;
}
.grey-200.bg {
    background-color: #EEEEEE;
}
.grey-200.text {
    color: #EEEEEE;
}
.grey-300.bg {
    background-color: #E0E0E0;
}
.grey-300.text {
    color: #E0E0E0;
}
.grey-400.bg {
    background-color: #BDBDBD;
}
.grey-400.text {
    color: #BDBDBD;
}
.grey-500.bg {
    background-color: #9E9E9E;
}
.grey-500.text {
    color: #9E9E9E;
}
.grey-600.bg {
    background-color: #757575;
}
.grey-600.text {
    color: #757575;
}
.grey-700.bg {
    background-color: #616161;
}
.grey-700.text {
    color: #616161;
}
.grey-800.bg {
    background-color: #424242;
}
.grey-800.text {
    color: #424242;
}
.grey-900.bg {
    background-color: #212121;
}
.grey-900.text {
    color: #212121;
}

.green.bg {
    background-color: #4CAF50;
}
.green.text {
    color: #4CAF50;
}
.green-50.bg {
    background-color: #E8F5E9;
}
.green-50.text {
    color: #E8F5E9;
}
.green-100.bg {
    background-color: #C8E6C9;
}
.green-100.text {
    color: #C8E6C9;
}
.green-200.bg {
    background-color: #A5D6A7;
}
.green-200.text {
    color: #A5D6A7;
}
.green-300.bg {
    background-color: #81C784;
}
.green-300.text {
    color: #81C784;
}
.green-400.bg {
    background-color: #66BB6A;
}

.green-400.text {
    color: #66BB6A;
}
.green-500.bg {
    background-color: #4CAF50;
}
.green-500.text {
    color: #4CAF50;
}
.green-600.bg {
    background-color: #43A047;
}.green-600.text {
    color: #43A047;
}
.green-700.bg {
    background-color: #388E3C;
}
.green-700.text {
    color: #388E3C;
}
.green-800.bg {
    background-color: #2E7D32;
}
.green-800.text {
    color: #2E7D32;
}
.green-900.bg {
    background-color: #1B5E20;
}
.green-900.text {
    color: #1B5E20;
}



/*set parent pre class (position relative)*/
.cover-a{
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

/*for var_dumps!*/
code, kbd, pre, samp{
    text-align:left;
}
.ofcon{object-fit: contain;-o-object-fit: contain}
.ofcov{object-fit: cover;-o-object-fit: cover}

.tal2{
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.tal3{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.tal4{
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.tal5{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.rounded{
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.arrow{
    position: relative;
    width:0;height:0;
    border-width:10px;
    border-style: solid;
    display:inline-block;
    vertical-align:middle;
    margin:5px;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.arrow.left{
    border-color: transparent grey transparent transparent;
    border-left:none;
    width:5px;
}
.arrow.right{
    border-color: transparent  transparent  transparent grey;
    border-right:none;
    width:5px;
}
.arrow.top{
    border-color: transparent  transparent grey transparent;
    border-top:none;
    height:5px;
    vertical-align: top;
}
.arrow.up{
    border-color: transparent  transparent grey transparent;
    border-top:none;
    height:5px;
    vertical-align: top;
}
.arrow.down{
    border-color: grey transparent transparent transparent;
    border-bottom:none;
    height:5px;
    vertical-align:bottom;
}
.rotate{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.rotatehl{/*rotate half left!*/
    -webkit-transform: rotate(90deg);
    transform: rotate(-90deg);
}
.rotatehr{/*rotate half right!*/
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.green.text{color:green}
.green.bg{background-color: green}
#imgLoading>span{
    transition:all 0.5s;
    display: block;
    margin: 30px auto;
}
#imgLoading{text-align:center; margin:auto;}

.loadingShape{
    width: 100%;
    height: 100%;
    border: 2px solid grey;
    border-radius: 100%;
    display: block;
    margin: auto;
    border-left: transparent;
    transform: rotate(360deg);
    animation: rloading1 1.7s linear;
    animation-iteration-count: infinite;
}

.color_blue{color:#00AFEF;}


.input-lr, .input-lr:active,.ltr-input:focus{
    text-align: left;
    direction: ltr;
}

.input-lr[value=""]{
    text-align:right;
}

.fa.dno { display : none;}
.button{
    border:none;
    border-radius: 2px;
}

.btn{border:none; cursor:pointer}
.btn:hover{opacity:0.9}

.fs0-5{font-size: 0.5em;}
.fs0-6{font-size: 0.6em;}
.fs0-7{font-size: 0.7em;}
.fs0-8{font-size: 0.8em;}
.fs0-9{font-size: 0.9em;}

.fs1{font-size: 1em;}
.fs1-1{font-size: 1.1em;}
.fs1-2{font-size: 1.2em;}
.fs1-3{font-size: 1.3em;}
.fs1-4{font-size: 1.4em;}
.fs1-5{font-size: 1.5em;}
.fs1-6{font-size: 1.6em;}
.fs1-7{font-size: 1.7em;}
.fs1-8{font-size: 1.8em;}
.fs1-9{font-size: 1.9em;}

.fs2{font-size: 2em;}


.pe0-5{padding: 0.5em;}
.pe0-6{padding: 0.6em;}
.pe0-7{padding: 0.7em;}
.pe0-8{padding: 0.8em;}
.pe0-9{padding: 0.9em;}

.pe1{padding: 1em;}
.pe1-1{padding: 1.1em;}
.pe1-2{padding: 1.2em;}
.pe1-3{padding: 1.3em;}
.pe1-4{padding: 1.4em;}
.pe1-5{padding: 1.5em;}
.pe1-6{padding: 1.6em;}
.pe1-7{padding: 1.7em;}
.pe1-8{padding: 1.8em;}
.pe1-9{padding: 1.9em;}
.pe2{font-size: 2em;}


.pe0-5{padding: 0.5em;}
.pe0-6{padding: 0.6em;}
.pe0-7{padding: 0.7em;}
.pe0-8{padding: 0.8em;}
.pe0-9{padding: 0.9em;}

.me1{margin: 1em;}

.me0-1{margin: 0.1em;}
.me0-2{margin: 0.2em;}
.me0-3{margin: 0.3em;}
.me0-4{margin: 0.4em;}
.me0-5{margin: 0.5em;}
.me0-6{margin: 0.6em;}
.me0-7{margin: 0.7em;}
.me0-8{margin: 0.8em;}
.me0-9{margin: 0.9em;}

.me1-1{margin: 1.1em;}
.me1-2{margin: 1.2em;}
.me1-3{margin: 1.3em;}
.me1-4{margin: 1.4em;}
.me1-5{margin: 1.5em;}
.me1-6{margin: 1.6em;}
.me1-7{margin: 1.7em;}
.me1-8{margin: 1.8em;}
.me1-9{margin: 1.9em;}




.mbe1{margin-bottom: 1em;}

.mbe0-1{margin-bottom: 0.1em;}
.mbe0-2{margin-bottom: 0.2em;}
.mbe0-3{margin-bottom: 0.3em;}
.mbe0-4{margin-bottom: 0.4em;}
.mbe0-5{margin-bottom: 0.5em;}
.mbe0-6{margin-bottom: 0.6em;}
.mbe0-7{margin-bottom: 0.7em;}
.mbe0-8{margin-bottom: 0.8em;}
.mbe0-9{margin-bottom: 0.9em;}

.mbe1-1{margin-bottom: 1.1em;}
.mbe1-2{margin-bottom: 1.2em;}
.mbe1-3{margin-bottom: 1.3em;}
.mbe1-4{margin-bottom: 1.4em;}
.mbe1-5{margin-bottom: 1.5em;}
.mbe1-6{margin-bottom: 1.6em;}
.mbe1-7{margin-bottom: 1.7em;}
.mbe1-8{margin-bottom: 1.8em;}
.mbe1-9{margin-bottom: 1.9em;}



.mlel{ margin-left: 1em;}
.mle0-1{margin-left: 0.1em;}
.mle0-2{margin-left: 0.2em;}
.mle0-3{margin-left: 0.3em;}
.mle0-4{margin-left: 0.4em;}
.mle0-5{margin-left: 0.5em;}
.mle0-6{margin-left: 0.6em;}
.mle0-7{margin-left: 0.7em;}
.mle0-8{margin-left: 0.8em;}
.mle0-9{margin-left: 0.9em;}

.m1e-1{margin-left: 1.1em;}
.m1e-2{margin-left: 1.2em;}
.m1e-3{margin-left: 1.3em;}
.m1e-4{margin-left: 1.4em;}
.m1e-5{margin-left: 1.5em;}
.m1e-6{margin-left: 1.6em;}
.m1e-7{margin-left: 1.7em;}
.m1e-8{margin-left: 1.8em;}
.m1e-9{margin-left: 1.9em;}


.met1{margin-top: 1em;}
.met0-1{margin-top: 0.1em;}
.met0-2{margin-top: 0.2em;}
.met0-3{margin-top: 0.3em;}
.met0-4{margin-top: 0.4em;}
.met0-5{margin-top: 0.5em;}
.met0-6{margin-top: 0.6em;}
.met0-7{margin-top: 0.7em;}
.met0-8{margin-top: 0.8em;}
.met0-9{margin-top: 0.9em;}

.met1-1{margin-top: 1.1em;}
.met1-2{margin-top: 1.2em;}
.met1-3{margin-top: 1.3em;}
.met1-4{margin-top: 1.4em;}
.met1-5{margin-top: 1.5em;}
.met1-6{margin-top: 1.6em;}
.met1-7{margin-top: 1.7em;}
.met1-8{margin-top: 1.8em;}
.met1-9{margin-top: 1.9em;}

.wsno{white-space: nowrap}.public_mask {
    z-index: 5000;
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background: rgba(1, 1, 1, 0.16);
}


.public-jq-top label{
    display: block;
    width:100%;
    text-align:center;
    color:white;
    line-height:40px;
    font-weight:bold;
}.start{}

#management_menu{display:none}

.module{
    position: relative;
}
.box{
    position: relative;
}
.tju {
    text-align:justify;
}
.dno{display: none;}
.title{
    width: 100%;
    font-size: 1000px;
}
#profile_picture{
    width: 30px;
    height: 30px;
    border-radius: 50%;
}



.icon{
    width: 30px;
    height: 30px;
    border-radius: 5px;
}
.public_center {
    width:1200px;
    margin:auto;
}

.dtc{
    display:table-cell;
    vertical-align:top;
}

#badane_index {
    width:100%;
    direction:ltr;
}
.onvan_ghrid {
    text-align:right;width:100%;font-size:1.3em;height:1.3em;
}
.public_icon {
    width:30px;
    height:30px;
}

.public_mask {
    z-index: 5000;
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background: rgba(1, 1, 1, 0.16);
    direction:rtl;
    text-align: right;
}



/*/////////////// jq 1000px index start css/////////////*/
.public-jq-section{
    margin:auto;
    width: 70%;
    padding-bottom:1%;
    border-bottom: solid 1px black;
}
.public-jq-label{
    display: inline-block;
    width: 170px;
}
.public-jq-label2{
    display: inline-block;
    width: 200px;
}
#public-jq-logo{
    width:335px;
    height: 110px;
    margin: auto;
    background-color: #DCDDEB;
    border: 1px solid #DCDDEB;
    border-radius: 3px;
}
.public-jq-btn{
    font-size: .8em;
    padding: .2em .5em .2em .5em;
    border-radius: 4px;
    border: none;
    float:right;
    box-shadow: 1px 1px 6px rgb(68, 76, 147) ;
    background-color: rgba(52, 57, 139, 0.17);
    text-decoration: none;
}
.scroll-setting{
    margin-right: 4%;
    cursor: pointer;
}
#add_link_img{
    display: block;
    width: 380px;
    background-color: #e8e8e8;
    position: fixed;
    top: -500px;
    direction: rtl;
    z-index: 500;

}
#add_link_img label{
    display:inline-block;
    text-align:left;
    width:115px;
}

/*/////////////// jq 1000px index end css/////////////*/
/*///////////////////// right click /////////////////////*/
.div_click_right {
    display:block;
    width:110px;
    position:fixed;
    top:-500px;
    left:0px;

    border:solid 1px #e8e8e8;
    z-index:5000;
    box-shadow: 1px 1px 5px  #EEEEEE ;
    border-radius: 2px;


    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );


}
.div_click_right li {
    display:block;
    width:100px;
    padding:5px;
}
.div_click_right li:hover {
    background-color:#796C74;
    color:white;
}

/* tooltip start */
#tooltip {
    text-align: center;
    color: #fff;
    background: #696969;
    position: absolute;
    line-height:.8em;
    padding: 10px;
    font-size: .7em;
    border-radius: 2px;
    box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    z-index:10000;
}
#tooltip:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #696969;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}
#tooltip.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #696969;
    top: -20px;
    bottom: auto;
}
#tooltip.left:after {
    left: 10px;
    margin: 0;
}
#tooltip.right:after{
    right: 10px;
    left: auto;
    margin: 0;
}

/*********************** top header *********************/
#r_top-header{
    margin: auto;
    height: 55px;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    align-items: flex-end;
    flex-wrap: nowrap;
    font-weight: bold;
    font-size: .5em;
    padding-bottom: 10px;
    font-family: Hana,IRMitra,IRMitra2,Georgia,Tahoma;
}
#r_manoshahr-logo{
    flex:0 0 190px;
    height:42px;
}
#r_manoshahr-logo img{width:190px;height:42px;}
#r_top-right-menu{
    flex: 0 0 370px;
    height: 14px;
    overflow: hidden;
    line-height: 1.5;
    margin-right: 32px;
}
#r_top-right-menu li{
    display: inline-block;
    margin-right:15px;
}
#r_top-right-menu a{
    color: #9D9E9E;
}
#r_top-right-menu :hover{color:#00AFEF}
#r_top-statement{
    flex: 0 0 200px;
    margin-right:auto;
    text-align: left;
    line-height: 1.5;
    margin-left: 32px;
}
#r_top-statement:hover{opacity: .7}
#r_switch-view-btn{
    flex:0 0 33px;
    height: 33px;
    background: #ebecec;
    border-radius: 100px;
    line-height: 1;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
#switch_dir{
    width: 25px;
    height: 15px;
    display: block;
    margin: auto;
}
#switch_picture{
    width: 20px;
    height: 13px;
    display: block;
    margin: auto;
}
#r_profile-icon{
    width: 33px;
    height: 33px;
    background: #f2f2f2;
    border-radius: 100px;
    line-height: 1;
    overflow: hidden;
    position: relative;
    top: -8px;

}
#heade1 {
    background-color:#B1B2B3;
    width:100%;
    height:15px;
}
#heade1 .public_center {
    text-align:left;
}
#heade1_direction {
    width:500px;text-align:center;
    font-size: .55em;
}
#heade1_direction a,#heade1_direction span {
    margin: 12px;
    color:#FFFFFF;
}
#div_profile_picture,#div_profile_picture_metro {
    display:inline-block;
    width:200px;
    line-height:15px;
}
#div_profile_picture img,#div_profile_picture_metro img {
    object-fit:contain
    height: 33px;
    background-color: #f2f2f2;
    border-radius:50%;
}
#div_profile_picture .register {
    display:inline-block;
    font-size:.6em;
    line-height:15px;
    position:relative;
    top:-7px;
    cursor:pointer;
}
.r_size-guide{
    display: inline-block;
    margin: 5px;
    color: gray;
    padding: 0 10px;
    border-bottom: dashed 1px #ababab;
    font-size: .7em;
    border-top: dashed 1px #ababab;
    line-height: 1;
    direction: ltr;
    text-align: left;
}
.r_size-guide label{
    width:auto !important;
    display: inline-block !important;
    margin:0 !important;
}
.r_size-guide label:first-child:after{
    content: '\00D7';
    margin-left: 5px ;
}
.special-item{vertical-align: bottom;}
/************************* global settings **********************************/
#palet_color{
    overflow:auto;
}
/****************************login****************************/
#public_div_form_vorod {
    width:300px;
    height:200px;
    position:fixed;
    left:500px;
    top:200px;
    background-color:#FFFFFF;
    z-index:1001;
    display:none;
    direction:rtl;
    text-align:right;
    padding:10px;
    line-height:1.5em;
}
#public_div_form_vorod label {
    display:inline-block;
    width:100px;
    text-align:left;
    margin-left:5px;
}
.public_error {
    width:100%;
    text-align:center;
    color:red;
}
.tcel{
    display: table-cell;vertical-align: top;
}




#rYNMessageBox{
    position: fixed;
    text-align: center;
    top: 0;
    padding-top: 16%;
    height: 100%;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 100000;
    opacity: 0;
}
#rYNMessageBox button{
    margin: 11px;
    min-width: 100px;
    border-radius: 2px;
    border: none;
    padding: 5px;
    cursor: pointer;
    background: #0093ee;
    color: #fff;
    font-size: 17px;
    box-shadow: 1px 1px 1px #a09f9f;
}
#rYNMessageBox button:hover{  background: #24abff;}
#rYNMessageBox>div{
    display: inline-block;
    background-color: #ffffff;
    color: #000;
    text-align: center;
    margin: auto;
    padding: 30px 60px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
div#rMessage:after {
    content: "�";
    width: 20px;
    height: 20px;
    display: inline-block;
    top: -10px;
    right: -10px;
    position: absolute;
    background: #ffffff;
    color: #73275d;
    font-weight: bold;
    border: 1px solid #752b60;
    border-radius: 10vw;
    line-height: 1.5;
    cursor:pointer;
}
#rYNMessage{position: relative;}


/*first alphabet from attribute name, 2 alphabet from attribute value*/
/*if attr name is two section name line "font-weight"=> we will use 2 alphabet that in this case is fw*/

.submitBtn{
    color:#fff;
    background-color:rgb(67,160,71);;
    text-align:center;
    border:none;
    padding: 2px 14px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 18px;
}
.submitBtn:hover{
    background-color:rgb(67,175,71);}

.ta3{transition: all 0.3s}
.fs10{font-size: 10px}
.fs12{font-size: 12px}
.fs14{font-size: 14px}
.fs16{font-size: 16px}
.fs18{font-size: 18px}
.fs20{font-size: 20px}
.fs22{font-size: 22px}
.fs24{font-size: 24px}
.fs25{font-size: 25px}
.fs26{font-size: 26px}
.fs27{font-size: 27px}
.fs28{font-size: 28px}
.fs1em{font-size: 1em;line-height: 2em}

.w1200{width:1200px; margin: auto;}

.br1{
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;}
.br2{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
.br3{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}

.br6{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;}

.p2{padding: 2px;}
.p4{padding: 4px;}
.p5{padding: 5px;}
.p6{padding: 6px;}
.p8{padding: 8px;}
.p10{padding: 10px;}
.p12{padding: 12px;}
.p14{padding: 14px;}

.pa1{padding: 2}
.m2{margin: 2px;}
.m4{margin: 4px;}
.m6{margin: 6px;}
.m8{margin: 8px;}
.m10{margin: 10px;}
.m12{margin: 12px;}
.m14{margin: 14px;}
.rShadow{
    box-shadow: 0 1px 3px 0 #aba9a9;
    -webkit-box-shadow: 0 1px 3px 0 #aba9a9;
    -o-box-shadow: 0 1px 3px 0 #aba9a9;
    -moz-box-shadow: 0 1px 3px 0 #aba9a9;
}
.rShadowH{  transition:all .3s;}
.rShadowH:hover{
    box-shadow: 0 1px 3px 0 #aba9a9;
    -webkit-box-shadow: 0 1px 3px 0 #aba9a9;
    -o-box-shadow: 0 1px 3px 0 #aba9a9;
    -moz-box-shadow: 0 1px 3px 0 #aba9a9;
}
.rShadowH1{ transition:all .3s;}
.rShadowH1:hover{
    box-shadow: 0 8px 10px 0 #717171;
    -webkit-box-shadow: 0 2px 10px 0 #717171;
    -o-box-shadow: 0 2px 10px 0 #717171;
    -moz-box-shadow: 0 2px 10px 0 #717171;
}
.rShadow1{
    box-shadow: 0 1px 1px 0 #aba9a9;
    -webkit-box-shadow: 0 1px 1px 0 #aba9a9;
    -o-box-shadow: 0 1px 1px 0 #aba9a9;
    -moz-box-shadow: 0 1px 1px 0 #aba9a9;
}
.rShadow2{
    box-shadow: 0 1px 1px 0 #aba9a9;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
    -o-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
    -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
}
.rShadow3{
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    cursor: pointer;
    transition-duration: 200ms;
    transition-property: transform, box-shadow, margin, opacity, width;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.rShadow4 {
    box-shadow: 0 1px 1px 0 #e8e8e8;
    -webkit-box-shadow: 0 1px 1px 0 #e8e8e8;
    -o-box-shadow: 0 1px 1px 0 #e8e8e8;
    -moz-box-shadow: 0 1px 1px 0 #e8e8e8;
}
.rShadow3:hover{
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.12);
    filter: brightness(88%);
}
.payBtn{
    background-color: #4caf50;
    color:#fff;
}
.rHover:hover{
    background: #e1e1e1;}
html.noscroll {
    position: fixed;
    overflow-y: scroll;
    width: 100%;
}
div#file-manager-container label:after {
    display: none;
}
#top-ajax-progress-bar{
    top: 0;
    left: 0;
    width:100%;
    height: 3px;
    background: #0093ee;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    position: fixed;
    z-index: 10000000;
}

.mt1{margin-top:2px;}
.mt2{margin-top:5px;}
.mt3{margin-top:8px;}
.mt4{margin-top:10px;}

.mb1{margin-bottom:2px;}
.mb2{margin-bottom:5px;}
.mb3{margin-bottom:8px;}
.mb4{margin-bottom:10px;}

.mr1{margin-right:2px;}
.mr2{margin-right:4px;}
.mr3{margin-right:6px;}
.mr4{margin-right:8px;}
.mr5{margin-right:10px;}

.ml1{margin-left:2px;}
.ml2{margin-left:4px;}
.ml3{margin-left:6px;}
.ml4{margin-left:8px;}
.ml5{margin-left:10px;}


.pt1{padding-top:2px;}
.pt2{padding-top:5px;}
.pt3{padding-top:8px;}
.pt4{padding-top:10px;}
.pt5{padding-top:12px;}
.pt6{padding-top:14px;}
.pt7{padding-top:18px;}
.pt25{padding-top:25px;}

.pb1{padding-bottom:2px;}
.pb2{padding-bottom:5px;}
.pb3{padding-bottom:8px;}
.pb4{padding-bottom:10px;}
.pb5{padding-bottom:12px;}
.pb6{padding-bottom:14px;}
.pb7{padding-bottom:18px;}
.pb25{padding-bottom:25px;}

.pl1{padding-left:2px;}
.pl2{padding-left:4px;}
.pl3{padding-left:6px;}
.pl4{padding-left:8px;}
.pl5{padding-left:10px;}

.pr1{padding-right:2px;}
.pr2{padding-right:4px;}
.pr3{padding-right:6px;}
.pr4{padding-right:8px;}
.pr5{padding-right:10px;}

.h100{
    height: 100%;
}

.btn-with-loading>span{width:20px; height: 20px; display: inline-block;   vertical-align: middle;margin-right: 5px;
    line-height: 1.5;}
.btn-with-loading{text-align:left!important; padding-left: 5px!important;}




/*==============ltr admin css*/
.admin-ltr #body_management_menu ,
.admin-ltr .d_m_ti_m>.mgmnt_title_main,
.admin-ltr .d_m_ti_m>label,
.admin-ltr .public-jq-container

{
    direction: ltr;
    text-align: left;
}
.admin-ltr #menu label,
.admin-ltr #footer_main label
{text-align:right;}

.admin_module_menu  i {
    background: #fff;
    padding: 5px;
    border-radius: 100%;
    text-align: center;
    width: 26px;
    height: 25px;
    vertical-align: middle;
}

.product_slider_data_list {
    display: inline-block;
    width: 100px;
    height: 130px;
    border: solid 1px #e8e8e8;
    padding: 5px;
    margin: 8px!important;
    border-radius: 4px;
    vertical-align: top;
    box-shadow: 0px 0px 4px #c5c5c5;
}

.product_slider_data_list:hover{margin:8px!important;}
.product_slider_data_list img{height:100px;}
        @font-face {
            font-family: IRANSans2;
            font-style: normal;
            font-weight: bold;
            src: url('http://isfahanmassage.ir/folder/font/eot/IRANSansWeb_Bold.eot');
            src: url('http://isfahanmassage.ir/folder/font/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
            url('http://isfahanmassage.ir/folder/font/woff2/IRANSansWeb_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
            url('http://isfahanmassage.ir/folder/font/woff/IRANSansWeb_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
            url('http://isfahanmassage.ir/folder/font/ttf/IRANSansWeb_Bold.ttf') format('truetype');
        }
        @font-face {
            font-family: IRANSans2;
            font-style: normal;
            font-weight: 500;
            src: url('http://isfahanmassage.ir/folder/font/eot/IRANSansWeb_Medium.eot');
            src: url('http://isfahanmassage.ir/folder/font/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
            url('http://isfahanmassage.ir/folder/font/woff2/IRANSansWeb_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
            url('http://isfahanmassage.ir/folder/font/woff/IRANSansWeb_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
            url('http://isfahanmassage.ir/folder/font/ttf/IRANSansWeb_Medium.ttf') format('truetype');
        }
        @font-face {
            font-family: IRANSans2;
            font-style: normal;
            font-weight: 300;
            src: url('http://isfahanmassage.ir/folder/font/eot/IRANSansWeb_Light.eot');
            src: url('http://isfahanmassage.ir/folder/font/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
            url('http://isfahanmassage.ir/folder/font/woff2/IRANSansWeb_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
            url('http://isfahanmassage.ir/folder/font/woff/IRANSansWeb_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
            url('http://isfahanmassage.ir/folder/font/ttf/IRANSansWeb_Light.ttf') format('truetype');
        }
        @font-face {
            font-family: IRANSans2;
            font-style: normal;
            font-weight: 200;
            src: url('http://isfahanmassage.ir/folder/font/eot/IRANSansWeb_UltraLight.eot');
            src: url('http://isfahanmassage.ir/folder/font/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
            url('http://isfahanmassage.ir/folder/font/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
            url('http://isfahanmassage.ir/folder/font/woff/IRANSansWeb_UltraLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
            url('http://isfahanmassage.ir/folder/font/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
        }
        @font-face {
            font-family: IRANSans2;
            font-style: normal;
            font-weight: normal;
            src: url('http://isfahanmassage.ir/folder/font/eot/IRANSansWeb.eot');
            src: url('http://isfahanmassage.ir/folder/font/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
            url('http://isfahanmassage.ir/folder/font/woff2/IRANSansWeb.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
            url('http://isfahanmassage.ir/folder/font/woff/IRANSansWeb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
            url('http://isfahanmassage.ir/folder/font/ttf/IRANSansWeb.ttf') format('truetype');
        }
        
            #body_management_menu .active {
               display:inline-block;
               width:20px;
               height:20px;
               background-image:url("http://isfahanmassage.ir/files/main/main/img/tick.png");
               background-repeat:no-repeat;
               background-size:100% 100%;
            }