@font-face {
    font-family: 'FontAwesome';
    src: url('../font/FontAwesome.otf');
    src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/fontawesome-webfont.woff2') format('woff2'),
        url('../font/fontawesome-webfont.woff') format('woff'),
        url('../font/fontawesome-webfont.ttf') format('truetype');
        
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bell';
    src: url('../font/BellMT.eot');
    src: url('../font/BellMT.eot?#iefix') format('embedded-opentype'),
        url('../font/BellMT.woff2') format('woff2'),
        url('../font/BellMT.woff') format('woff'),
        url('../font/BellMT.ttf') format('truetype'),
        url('../font/BellMT.svg#BellMT') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'iran';
	font-style: normal;
	font-weight: 300;
	src: url('../font/IRANSansWeb(FaNum)_Light.eot');
	src: url('../font/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../font/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../font/IRANSansWeb(FaNum)_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../font/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}

@font-face {
	font-family: 'iranEnNumber';
	font-style: normal;
	font-weight: 300;
	src: url('../font/iransansenglishnumbers/IRANSansWeb_Light.eot');
	src: url('../font/iransansenglishnumbers/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../font/iransansenglishnumbers/IRANSansWeb_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../font/iransansenglishnumbers/IRANSansWeb_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../font/iransansenglishnumbers/IRANSansWeb_Light.ttf') format('truetype');
}
html {
    -webkit-user-select: none;
}
body , .ui-page ,
.ui-page-theme-a
{
	background-color:#fff !important;
}
.header {

    background-color: #cca743;
	height: 40px;
	line-height: 40px;
}

.tedadmahsulatHolder {

position: absolute;

z-index: 1;

left: 50%;

top: 79px;

text-align: center;

direction: rtl;

font-family: iran;

color: #DDAC51;

width: 48px;

line-height: 22px;

height: 48px;

border-radius: 6px;

transform: translate(-50%);

border: thin solid;

font-size: 19px;

padding-top: 7px;
}
.tedadmahsulatHolder span {

transform: translate(-50%,11px);

position: absolute;

font-size: 9px;

left: 50%;

color: #888;

margin-top: 5px;
}
.loadMahsoul {
	overflow: hidden;
    text-align: center;
    font-family: iran;
    font-size: 16px;
    color: #000;
    text-shadow: none;
    margin-top: 10px;
    background: #01C3B3;
    padding: 4px;
    font-size: 17px;
    z-index: 10000;
    color: #fff;
    margin-top: -2px;
    padding: 33px 0;
    direction: rtl;	
}
.loadMahsoul i {
    position: absolute;
    left: 50%;
    margin-top: -26px;
    font-size: 26px;
    margin-left: -14px;
}
.loadMahsoul .wait {
    font-size: 15px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,28px);
    color: #0b4a45;
}
.header .ui-title {
 
    font-family: bell;
    text-transform: uppercase;
    font-size: 26px !important;
    text-shadow: none;
    color: #fff;
    font-weight: normal;
	padding: 0; 
}
.bootbox.modal.fade.bootbox-confirm.show {

    z-index: 100001;

}
.loadDiv {
    position: absolute;
    left: 50%;
	display:none;
	transform:translate(-50%,-50%);
}
.loadDiv i {
    font-size: 16px;
	color:#999;
	
}
.backBtn {
    left: 0;
    top: 10px;
    box-shadow: none;
    font-family: iran !important;
    background: url("../img/back2.png") no-repeat 0 0;
	background-size:contain;
    width: 60px;
    height: 38px;
    border: none !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    padding: 0;
	display: block;
	float: left;
} 
.app 
{
	background:none !important;
	position: static !important;
	margin: 0;
	padding: 0;
}

#productMenu ul {
    padding: 0;
    list-style: none;
    text-align: center;
}

#productMenu ul li span {
	cursor : pointer;
	display: block;
	padding: 20px 10px;
}
.productfilter
{
	display:none;
}
.searchBtn
{
	cursor:pointer;
}

.productRow {

    width: 50%;
	height: auto;
	display: block;
	text-align: center;
	padding: 0.5px 0.5px 0.5px; 
	line-height: 0;
	box-sizing: border-box;
	float: left;
	position:relative;
} 
.productRow .productInfo {
    height: 45px;
	line-height: 20px;
	position: absolute;
	bottom: 10px;
	box-sizing: border-box;
	z-index: 10;
	width: 99%;
	left: 0;
}
.productRow .productInfo .rightInfo
{
	float:right;
	text-align: right;
	width: 50%;
}

.productRow .productInfo .leftInfo
{
	text-align: left;
	float:left;
	width: 50%;
}
.productRow .productInfo .info11 ,
.productRow .productInfo .info12 
{
box-sizing: border-box;
    font-family: iran;
    font-size: 10px;
    padding-right: 10px;
	direction: rtl;
	text-shadow:none;
	color:#fff;
	width: 100%;
	display: inline-block;
	
}
.productRow .productInfo .info21, 
.productRow .productInfo .info22 
{
box-sizing: border-box;
    padding-left: 10px;
    font-family: iran;
    direction: rtl;
    font-size: 10px;
	text-shadow:none;
	color:#fff;
	width: 100%;
display: inline-block;
}

#pormasraf .productInfo {
   /* display: none;*/
}
#colorsarea li a,#colorsarea li {

    font-family: iran;
    text-align: center;
    font-size: 14px;

}
.ui-content {

    padding: 1em 0;
	position: relative;
}
.pimage
{
	width: 100%;
    
	background-size:cover !important;
	position: relative;
	z-index: 10;
}
.pimage a
{
	width: 100%;
	display:inline-block;
}

.filters {
    width: 100%;
    display: inline-block;
	box-sizing:border-box;
	padding:0 5px;
	height: 75px;
	margin-bottom: 0px;
	margin-top: 0;

}
.topFilters {
    
    width: 100%;
    height: 165px;
    background: #fff;
}
.fixedTop
{
	position: fixed;
	z-index: 10000;
    background: #fff;
    top: 0;
}
.goroohSelect {
    /*width: calc(100% - 60px);
    float: right;*/

    transform: scale(.85);
    float: none;
    margin: auto;

}
.advanceSearched {
    width: 34px;
    display: inline-block;
    height: 34px;
    float: right;
    margin-right: 4px;
    margin-top: 2px;
    font-family: iran;
    font-size: 10px;
    color: #aaa !important;
    font-weight:normal !important;
    text-decoration:none;
    margin-left: -1px;
    line-height: 17px;
    text-align: center;
}
.advanceSearched:hover
{
	text-decoration:none; 
}
.leftFilter {
    /* width: 90px; */
    float: left;
    display: inline-table;
    margin-top: 0;
}
.leftFilter a span {
    float: none;
}
.leftFilter a#colorpopupbtn {
    display: inline-block;
    float: left;
    text-align: center !important;
}

.leftFilter a#sortpopupbtn {
    width: 45px;
    text-align: center;
    float: left;
    display: inline-block;
    font-family: iran;
    font-size: 10px;
    position: relative;
    padding-top: 20px;
    color: #aaa;
}
.leftFilter a#sortpopupbtn span {
    margin-bottom: 2px;
    display: inline-block;
    font-weight: normal;
    position: absolute;
    left: 50%;
    top: 3px;
    transform: translate(-50%);
}
.filters .ui-select {
    margin-top: 0;
    margin-bottom: 0;
}
.goroohSelect label {
    /*float: right;
    height: 45px; 
    width: 100px;
    text-align: right;*/
	float: none;
	height: 35px;
	width: 100%;
	text-align: center;
    line-height: 35px;
    font-family: iran !important;
    direction: rtl;
	font-size:14px;
	color:#7d7d7d;
}
.goroohSelect #goroohKalaee-button
{
	background:url("../img/inputbg4.png") no-repeat 0 0;
	width:323px;
	height:70px;
	border:none;
	box-shadow:none;
	margin: auto;
	padding: 0;
	background-size:contain;
}
.advanceSearch 
{
	font-family: iran;
	background: url("../img/advancesearch.png") no-repeat 50% 50%;	
	font-size: 17px;
	color: #7d7d7d !important;
	height: 45px;
	line-height: 45px; 
	cursor: pointer;
	width: 60px;
	display: block;
} 
.mojoodDiv {
    text-align: center;
    font-family: iran;
    font-size: 10px;
    color: #aaa !important;
    width: 53px;
    display: inline-block;
    float: right;
    padding-top: 3px;
    margin-right: 2px;
    /* letter-spacing: -.5px; */
}
.submitOrder {
    width: 210px !important;
    height: 48px;
    display: table !important;
    margin: 0px auto !important;
    text-align: center !important;
    line-height: 48px !important;
    direction: rtl !important;
    float: none !important;
}
span.goroohKalaee { 
    line-height: 70px;
}

.submitOrder .orderBtn
{
	background:url("../img/loginBtn5.png") no-repeat 0 0;
	background-size:contain;
	width:210px;
	height:48px;
	font-family:iran;
	font-size:14px;
	color: #888 !important;
	display: inline-block;
	background-color: transparent !important;
    box-shadow: none !important;
    border: none;
	line-height: 46px;
	margin:0;
}
.submitOrder .orderBtn:hover {

    text-decoration: none;

}
.ui-mobile .ui-page-active
{
	overflow:visible;
}

div#popupCart {    
	width: 80%;
    margin: auto auto 30px;
    font-family: iran;
    text-align: center;
    direction: rtl;
    font-size: 13px;
    position: fixed;
    display: none;
    border: 1px solid #E7CD80;
    padding: 2%;
    border-radius: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    z-index: 100000000;
    background: #000;
}
.sideMenu .ui-btn.ui-input-btn.ui-corner-all.ui-shadow {
    font-family: iran;
    text-align: right;
    margin: 10px;
} 
.ui-panel .ui-panel-inner ul:last-child {
    border-top: 15px solid #eee;
}
div#popupCart i {
    border: thin solid #e7cd80;
    padding: 10px;
    border-radius: 50%;
    position: absolute;
    left: calc(100% - 15px);
    background: #fff;
    top: -18px;
}
div#popupCart a
{
	font-family: iran;
    text-align: center;
    direction: rtl;
    font-size: 13px;
	display: inline-block;
	background: #E7CD80;
	border: 1px solid #E7CD80;
	text-shadow: none;
}
div#popupCart p { 

    height: 10px;
    display: inline-block;
    width: 100%;
	text-shadow: none;
	color: #fff;
}
.mojoodiat {
    background: url(../img/moojood4.png) no-repeat 50% 0%;
    background-color: #fff;
    height: 35px;
    font-family: iran;
    font-size: 15px;
    color: #7d7d7d;
    float: none;
    line-height: 28px;
    width: 81px;
    transform: scaleX(.55) scaleY(.7) translate(-30%,-4px);
    margin: auto;
}
#alertDiv
{
	position:absolute;
	top:50%;
	left:50%;
	padding:20px;
	background:#fff;
	border:2px solid #00D7C5;
	border-radius: 10px;
	z-index:10;
	transform:translate(-50%,-50%);
	direction: rtl;
	text-align: center;
	font-family: iran;
	font-size: 14px;
}
.productsList {

	clear:both;
}
.filters2
{
	display:inline-block;
	width: 100%;
}
.goroohSelect .ui-btn-icon-right::after {

    right: 2.563em !important;
	background-color: #00d7c5 !important;
}

#goroohKalaee-button:focus
{
	box-shadow:none !important;
}
.goroohKalaee {
    font-family: iran;
    font-size: 16px;
    text-shadow: none;
    color: #7d7d7d;
} 

.colorbtn {
	background: url("../img/color4.png") no-repeat 50% 0 !important;
	width: 32px !important;
	height: 32px;
	box-shadow: none;
	border: none;
	margin:0;
}
 .colorbtn:hover , .colorbtn:focus
 {
	 box-shadow:none !important;
 }

.color {
    position: relative;
    display: inline-block;
    float:left;
    padding-top: 20px;
}
.ui-popup { 
    z-index: 10000;
}
.ui-popup-container {
    z-index: 11000;
	}
.color span {
    font-family: iran;
    color: #aaa;
    font-size: 10px;
    margin-bottom: 4px;
    display: inline-block;
    font-weight: normal;
    position: absolute;
    left: 50%;
    top: 3px;
    transform: translate(-50%);
}
.dropdown-content {
    display: none;
    position: relative;
	width: 100%;
	z-index: 1;
	margin-top: 43px;
	box-shadow: none;
	border-top: 3px solid #cca743;
	border-bottom: 3px solid #cca743;
	background: none;
	margin-bottom: 20px;
	padding: 15px 0;
	text-align: right;
	transition: 		all 0.5s ease 0s !important;
	-o-transition: 		all 0.5s ease 0s !important;
	-webkit-transition: all 0.5s ease 0s !important;
	-moz-transition: 	all 0.5s ease 0s !important;
	overflow:hidden;
}


.dropdown-content a {
    color: #5d5d5d;
	padding: 7px 16px;
	text-decoration: none;
	text-shadow:none !important;
	display: inline-table;
	background: #e8e8e8;
	margin:0 5px 5px;
	font-family: iran;
	font-size: 16px;
	cursor:pointer;
	border-radius: 			7px;
	-o-border-radius: 		7px;
	-moz-border-radius: 	7px;
	-webkkit-border-radius: 7px;
	transition: 		all .5s ease-in-out 0s;
	-o-transition: 		all .5s ease-in-out 0s;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: 	all .5s ease-in-out 0s;
}
.item-name
{display:none;}
.dropdown-content a:hover, 
.dropdown-content a:focus {

    background: #7d7d7d;
    color: #fff;
	text-shadow:none !important;
}
.selectColor {
    background: url(../img/tick.png) no-repeat 94% 50%;
    color: #000 !important;
    background-size: 13px;
}

.show 
{
	display:block;
	/*height:auto;*/
} 

.pvazn {
    float: left;
    font-family: iran;
    direction: rtl;
    margin-left: 10px;
    font-size: 19px;
    margin-top: 5px;
	background:url("../img/gr.png") no-repeat 0 50%;
	padding-left:20px;
}

.ojrattooman {
    display: inline-block;
    float: right;
    margin: 5px 10px 0 5px;
}

.ojratdarsad {
    display: inline-block;
    float: right;
    margin:5px 0px 0 10px;
}
.ojratdarsad::after {
    content: "|";
    margin: 0 0px 0 4px;
}
.hideFiltersDiv
{
	position:fixed;
	background: #fff;
	overflow:hidden;
	left:0;
	top:0;
	width:0;
	height:100%;
	z-index:1000000;
	transition: 		all 0.5s ease 0s;
	-o-transition: 		all 0.5s ease 0s;
	-moz-transition: 	all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
}
#hideFiltersDiv {
	width:100%;
	transition: 		all 0.5s ease 0s;
	-o-transition: 		all 0.5s ease 0s;
	-moz-transition: 	all 0.5s ease 0s; 
	-webkit-transition: all 0.5s ease 0s;
	
}
.closeFilterDiv span
{
	padding:6px 10px;
}
.closeFilterDiv
{
	margin: 20px auto auto; 
    width: auto !important;
	height:50px;
	/*position:absolute;
	right: 20px;
	top:auto;*/
	cursor:pointer;
	/*background:url("../img/tick.png") no-repeat 100% 50%;
	padding-right: 30px;*/
	font-family: iran;
	font-size: 13px;
	background-color: #07b5a3 !important;
    color: #fff !important;
	text-shadow:none !important;
}

.closeFilterDiv i.uk-icon-check {
    margin-left: 6px;
}
.clearFilterDiv span
{
	padding:6px 10px;
}
.clearFilterDiv {

    margin: 20px auto auto;
    width: auto !important;
    height: 50px;
    cursor: pointer;
    font-family: iran;
    font-size: 13px;
    background-color: #ddd !important;
    color: #7A7A7A !important;
    text-shadow: none !important;

}

.clearFilterDiv i.uk-icon-remove {
    margin-left: 6px;
}
.prodFilters  {
    margin: 30px auto auto;
    width: 97%;
}
.fixedFilters {
    margin: 30px auto auto;
    width: 97%;
}
.fixedFilters .filterItem[filtername="متفرقه"]
{
	display:none;
}
#rangeslider .ui-input-text {

    border: none;
    text-align: center;
	margin:0;
	padding:0;
	
}
#rangeslider .ui-input-text input {
    width: 40px;
    border: thin solid #D2D2D2;
    text-align: center;
}
.filterItem.check label {

    font-family: iran;
    text-align: right;
    padding: 0;
    font-size: 16px;
    color: #6d6d6d !important;
    display: inline-block;
    float: right;
    margin: 0 0px 0 10px;
    line-height: 35px;
	width: 100px;
}
.filterItem label {

    font-family: iran;
	text-align: center;
	padding: 0;
	font-size: 16px;
	color: #6d6d6d !important;
	display: inline-block;
	margin: 0 0px 0 10px;
	line-height: 35px;
	width: 100%;
}
#rangeslider
{
	width:100%;
}

.filterItem {
    min-height: 40px;
	margin-bottom:10px; 
}
.filterItem select {

    width: auto;
    height: 40px;
    background: #f1f1f1;
    box-shadow: none !important;
    border: 1px solid #7d7d7d;
    font-family: iran;
    font-size: 15px;
    color: #4d4d4d;
    text-align: center;
    border-radius: 5px;
	float: right;

}
/*.filterItem input[type="text"] {

    width: auto;
    background: #f1f1f1;
    border: 1px solid #7d7d7d;
    height: 36px;
    font-family: iran;
    color: #4d4d4d;
    border-radius: 5px;
	float: right;
}*/

.filterItem.mahdude input
{
	float:none;
}
.filterItem.mahdude {

    font-family: iran;
    font-size: 15px;
    color: #4d4d4d;
	text-align: right;
	direction: rtl;
}


.filterItem input[type="checkbox"] {

	position: absolute;
	right: 11.4em;
	top: 50%;
	width: 22px;
	height: 22px;
	margin: 9px 0 0 0;
	outline: 0 !important;
	z-index: 1;
	left: auto;
}

.filterItem.check label:after
{
	background-color:#7d7d7d;
	display:block;
	width:18px;
	height:18px;
	position:absolute;
	left:.37em;
	top:50%;
	border-radius: .1875em;
	margin: -9px 2px 0 2px;
}
.filterItem.check label {

    
	background-color: #f6f6f6;
	border:none;
	color: #333;
	text-shadow: 0 1px 0 #f3f3f3;
	text-align:right;
	width: auto !important;
	min-width: 210px;
}
.filterItem .ui-select span {
    font-family: iran;
}
.slidesetimg {
    display: inline-block;
	position:relative;
	background: #ccc;
}
.filtersarea {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #fff;
    display: none;
	z-index:1000000;
}
#login .ui-header,
#register .ui-header,
#hesabkarbari .ui-header
{
	background:url("../img/headerbg6.png") no-repeat 50% 0;
	height:79px;
	background-size: contain;
	border:none;
}
#page1 .ui-header
{
	background:none;
	height:59px;
	background-size: contain;
	border:none;
}
#page2 .ui-header,
#page4 .ui-header,
#pormasraf .ui-header,
#cart .ui-header,
#cartjavaher .ui-header,
#orderlist .ui-header,
#orderdetail .ui-header,
#javaherpage .ui-header,
#newsPage .ui-header
{
	/*background:url("../img/headerbg6.png") no-repeat 50% 0;*/
	background:none; 
	height:47px; 
	border:none;
	background-size: contain;
}
.proddesc p {
    margin: 0;
    color: #000;
	text-align: justify;
}
.proddesc {
    margin-bottom: 30px;
}

.ui-header 
{
    background: #cca743;
}
#page1 .ui-header h1.ui-title ,
.ui-header h1.ui-title 
{
    font-family: iran;
    font-size: 19px;
    text-shadow: none;
    color: #fff;
}
#productMenu ul li {

    margin: 10px auto 25px;
    font-family: iran;
    text-shadow: none;
    font-size: 18px;
    color: #000;
}


.topDiv h1.prodname {
    float: right;
	font-family: iran;
	font-size: 14px;
	color: #000;
	line-height: 50px;
	margin-bottom: 10px;
	direction: rtl;
} 
.topDiv {
	top: 0;
    padding: 0 10px;
    height: 50px;
    position: fixed;
    z-index: 1;
    background: #fff;
    width: 100%;

}

.rateDiv {
    height: 40px;
	width: 100% !important;
	text-align: left !important;
	display: block !important;
	margin: 0 !important;
}


.rateDiv .mark {
    width: 23px;
    height: 33px;
    display: inline-block;
    margin-left: 10px;
    background: none;
    text-align: center;
	cursor:pointer;
}
.rateDiv .mark i {
    font-size: 23px;
}
.mainDiv {
	width: 100%;
    padding: 15px;
	display: inline-block;
	box-sizing: border-box;
}
.mainDiv div {

    text-align: right;
	font-family: iran;
	line-height: 38px;
	margin-right: 0px;
	color: #d1b056;
	display: inline-table;
	direction: rtl;
	width: 100%; 
	float: right;

}
.bootbox .modal-dialog {

    text-align: right;
    direction: rtl;
    font-family: iran;
    font-size: 14px;

}
.bootbox-close-button.close {

    float: left;

}
.bootbox .btn.btn-primary {

    margin-right: 10px;

}
.submitOrder p {

    font-family: iran;
    font-size: 15px;

}	
.bootbox .modal-content {
    background: #999;
}
h4.modal-title {
    text-align: center;
    color: #Fff;
    text-shadow: 1px 1px 1px #444;
    font-size: 17px;
    margin: auto;
}
button.bootbox-close-button.close {
    margin: 0;
    color: #fff;
    opacity: 1;
    font-size: 27px;
    padding: 0;
}
.modal-body {
    color: #fff;
    text-shadow: 1px 1px 1px #444;
}
.modal-footer {
    display: block;
}
button.btn.btn-primary {
    background: #DDAC51;
    border: navajowhite;
    box-shadow: none;
    color: #fff;

}
.bootbox-alert button.bootbox-close-button.close {
    float: right;
    padding: 7px 0 0 9px;
}
.modal-footer {
    display: block;
} 
.mainDiv div.title
{
	color:#4d4d4d !important;
}
.mainDiv div span
{
	color:#4d4d4d;
	background:url("../img/bullet2.png") no-repeat 100% 50%;
	padding-right:24px;
}

.preloader
{
	background:url("../img/89.gif") no-repeat 0 0;
	width:25px;
	height:25px;
	position: absolute;
	left: 50%;
	margin-left: -12.5px !important;
	top: 50%;
	margin-top: -12.5px !important;
	z-index: 1000;
}
div[kind="mahdoode"] input {
    font-size: 11px;
    font-weight: normal;
}
span.goroohKalaee {
    min-height: 22px;
}

.advanceSearched i {

    font-size: 32px;
    width: 34px;
    text-align: center;
    line-height: 31px;
    color: #EDCC72;

}

.menuBtn {
    background: none !important;
    border: none !important;
    right: 1.3125em;
    left: auto !important;
    top: 1.413em !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	text-indent: 0 !important;
}
.menuBtn:after
{ 
	background:none !important;
}
.damasLogo
{
	background:url("../img/biglogo3.png") no-repeat 0 0;
	background-size:contain;
	width:306px;
	height:97px; 
	display:block;
	margin: 0px auto 30px;
}
.damasLogo a
{
	width:306px;
	height:97px; 
	display:inline-block;
}
.damasLogo2 a
{
	width:188px;
	height:60px; 
	display:inline-block;
}
.damasLogo2
{
	background:url("../img/biglogo3.png") no-repeat 0 0;
	width:188px;
	height:60px;
	display:block;
	margin: 0px auto;
	background-size:contain;
}
.loginContent ,
.regContent
{
	width:90%;
	margin:auto;
}
.ui-input-text {
    border: none;
    box-shadow: none;
	margin:1em 0;
}

.loginContent input
{
	background: url("../img/inputbg4.png") no-repeat 50% 0;
	background-size:contain;
	width: 320px;
    height: 66px !important;
	border: none !important;
	box-shadow: none !important;
	outline: 0 !important;
	text-align: center;
	font-family: iran;
	font-size: 16px;
	color: #888888 !important;
	height: auto;
	background-size: 100% 100%;
	display: block;
	max-width: 100%;
	margin: auto;
}
.regContent input
{
	background: url("../img/inputbg4.png") no-repeat 50% 0;
	background-size:contain;
	width: 320px;
    height: 66px !important;
	border: none !important;
	box-shadow: none !important;
	outline: 0 !important;
	text-align: center;
	font-family: iran;
	font-size: 16px;
	color: #888888 !important;
	height: auto;
	background-size: 100% 100%;
	display: block;
	max-width: 100%;
	margin: auto;
}
.regContent textarea {
    background: url(../img/textareabg.png) no-repeat 50% 0;
    width: 320px;
    height: 134px !important;
    border: none !important;
    box-shadow: none !important;
    outline: 0 !important;
    text-align: right;
    font-family: iran;
    font-size: 16px;
    color: #888888 !important;
    background-size: 100% 100%;
    display: block;
    max-width: 100%;
    margin: auto;
    padding: 17px 55px;
    overflow: hidden !important;
	direction:rtl;
}
.loginbutton {
    background: none;
    width: 264px;
    margin: auto;
    height: 55px;
    line-height: 55px;
    cursor: pointer;
}
.regbutton {
    background: none;
    width: 264px;
    margin: auto auto 30px;
    height: 55px;
    line-height: 55px;
    cursor: pointer;
}
.ui-input-btn:hover {
    background-color: transparent !important;
}
.loginbutton .ui-btn ,
.regbutton .ui-btn ,
.regdirect .ui-btn 
{
    padding: 0;
	border: none;
	box-shadow: none;
	background: none;
	height: 55px;
	line-height: 55px;
	font-family: iran;
	font-size: 16px;
	color: #888;
}
.ui-content {

    padding: 0;
	overflow: visible !important;

}
#login {

    padding-bottom: 30px;

}
.footer
{
	background:url("../img/footer.png") no-repeat 50% 0;
	height:59px;
	margin-top: 45px;
}
.regdirect
{
	background:none;
	width: 264px;
	
	margin:20px auto 10px;
	height:55px;
	line-height:55px;
	cursor:pointer;
}

.loginbutton .ui-btn:hover {

    background: none;

}
.loginbutton input#loginBtn
{
	background:url("../img/loginBtn5.png") no-repeat 50% 50%;
	background-size:contain;
	height:55px !important;
	min-height: auto !important;
	opacity: 1;
}
.regbutton input#regBtn
{
	background:url("../img/loginBtn5.png") no-repeat 50% 50%;
	background-size:contain;
	height:55px !important;
	min-height: auto !important;
	opacity: 1;
}
.regdirect #regdirect
{
	background:url("../img/regbtn4.png") no-repeat 50% 50% !important;
	background-size:contain !important;
	height:55px;
	min-height: auto !important;
	opacity: 1;
	display:block;
	margin: auto;
	color:#bb8b06;
}



.ui-focus {
    box-shadow: none !important;
}
.menuBtn .uk-icon-list {
    
    font-size: 22px;
    text-shadow: none;
    color:#DDAC51;
}
.sideMenu li a::after {

    display: none !important;

}
.sideMenu li a {

    text-align: right !important;
    font-family: iran;
    font-size: 16px;
    color: #000;
	padding-right: 1.5em; 
	background-color:#fff !important;
}
.sideMenu li a:hover,
.sideMenu li a:focus
{
	box-shadow:none !important;
	background-color:#CCA743 !important;
	color:#fff !important;
	text-shadow: none !important;
	
}
#sideMenu {
    margin-top: -1em;
}
#mypanel .ui-content .ui-listview,
#mypanel .ui-panel-inner > .ui-listview
{
	margin:0 -1em;
}

#mypanel .ui-panel-inner {
    padding: 0 1em 1em;
}
i.uk-icon-chevron-circle-left {
    font-size: 23px;
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 100;
	width: 49px;
	height: 35px;
	text-align: center;
	line-height: 30px;
	color: #c78b33;
	padding-left: 10px; 
	padding-top: 3px;
}
.backtoprod
{
	background:url("../img/backtoprod.png") no-repeat 0 0 ;
	width:60px;
	height:38px;
	float:left;
	margin-top: 10px;
	cursor:pointer;
	position: fixed;
top: -2px;
z-index: 3;
}

.menuBtn:hover, .menuBtn:focus {
    box-shadow: none !important;
}

#showOneProduct {
	width:100%;
	height:100%;	
	left:0;
	top:0;
	background:#fff;
	display:none;
	position:fixed;
	z-index:100000;
	
	overflow-y:scroll;
}
#showOneProduct .insiderOfOneProduct {
	
} 
#productMenu {
    width: 100%;
    margin: auto;
}

#productMenu  li.item13
{
	background:url("../img/zanane3.png")no-repeat 0 0;
	width:324px;
	height:70px;
	background-size:contain;
}

#productMenu  li.item14
{
	background:url("../img/mardane3.png")no-repeat 0 0;
	width:324px;
	height:70px;
	background-size:contain;
}

#productMenu  li.item15
{
	background:url("../img/bachegane3.png")no-repeat 0 0;
	width:324px;
	height:70px;
	background-size:contain;
}

.shopTitle {
    text-align: center;
    font-family: iran;
    font-size: 15px;
	direction: rtl;
}
.shopTitle i {
    color: #D7BD70;
    padding-left: 10px;
}

.factorRow .factorTop {
    display: inline-block;
    width: 100%;
}
.factorRow .factorTop .removeOrder {
    float: right;
    width: 40px;
    font-family: verdana;
    height: 40px;
    text-align: center;
    line-height: 37px;
    font-size: 17px;
    background: #505050;
    color: #fff;
}
.Ocenter .removeOrder {
    float: right;
    width: 40px;
    font-family: verdana;
    height: 40px;
    text-align: center;
    line-height: 37px;
    font-size: 17px;
    background: #777;
    color: #fff !important;
    margin: 0 !important;
    border-radius: 50%;
    position: relative;
    transform: translate(-20px,30px);
}

.factorRow .factorTop h2.orderTitle {
    margin: 0;
        margin-right: 0px;
    text-align: right;
    margin-right: 10px;
    float: right;
    height: 40px;
    line-height: 37px;
    font-family: arial;
    font-size: 15px;
    color: #505050;
}
.factorMain {
    height: 268px;
    background: #fff;
}
.Oright, .Oleft ,.Ocenter{
    width: 33.3%;
    display: inline-table;
    float: right;
	
	font-size: 12px; 
}
 
.Oright {
    text-align: right;
}
.factorMain > div {
   
    box-sizing: border-box;
}
.Oright div {
    line-height: 30px; 
    font-family: iran;
    font-size: 13px;
    color: #000;
    text-shadow: none;
    margin-right: 15px;
	direction: rtl;
}
.orderCode {
    margin-top: 5px;
}

.orderImg {
    margin: 20px auto auto;
    border: 1px solid #bbbbbb;
}
.quantity span {
   
}

.instafolder {

    position: absolute;
    width: 47px;
    height: 47px;
    background: #ff0000;
    right: 0;
    transform: translate(-2px,-50px);
    background: url('../img/instaicons.png');
    background-position: -394px -302px;
	opacity:.8;
	
}
.quantityBtn {
    width: 100%;
    text-align: center !important;
}
.Oleft {

    text-align: right;

}
.total {

    margin-top: 30px;

}
.btn.btn-default[data-bb-handler="cancel"]{

    background: #fff;

}
.btn.btn-default[data-bb-handler="cancel"]:focus, .btn.btn-default[data-bb-handler="cancel"]:hover {

    background: #828282;

}
.total h3 {

    font-family: iran;
    font-size: 14px;
    width: 100%;
    display: inline-block;
    direction: rtl;

}
.total span {

    font-family: iran;
    font-size: 14px;
    direction: rtl;

}
.sabadkhali {
	font-family:iran;
	text-align:center;
	
}
.total {
    margin-top: 5px;
    font-family: iran;
    direction: rtl;
    line-height: 23px;
    border-right: thin solid #eee;
    margin-right: 1px;
    padding-right: 5px;
}

.quantity .ui-input-text {
    width: 33px;
    height: 33px;
    /*float: right;*/
	display: inline-table;
	margin: 0 5px;
}
.quantity button#minus {

    margin-right: 5px;
    padding:5px 7px;

}
.quantity .ui-input-text input {
    text-align: center;
	line-height: 18px;
	font-family: iran;
	font-size: 17px;
	border: thin solid #eee;
}
.quantity button {
    /*float: right;*/
	    display: inline-table;
	padding: 4px 5px;
	box-shadow: none;
	background: #bbbbbb !important;
	text-shadow: none !important;
	font-size: 19px;
	margin:0 !important;
}
.quantity {

    text-align: center !important;
    margin: 10px auto 0 auto !important;

}
.factorRow {
    margin-bottom: 12px;
	margin: 0 10px;
}

.lastRow {
    width: 100%;
}

.factorTotal {
    width: 100%%;
    text-align: right;
    direction: rtl;
	padding: 30px 0;
}

.factorTotal span {
    font-family: iran;
    color: #000;
    font-size: 17px;
	height: 30px;
    line-height: 30px;
}

.totalGram, .totalPrice {
    font-family: iran;
    line-height: 30px;
    font-size: 17px;
}
#cartjavaher .header {

    position: fixed;
    z-index: 10000000;
    background: #fff;
    height: 57px; 
    width: 100%;

}
#cartjavaher .damasLogo2 {

    position: fixed;
    z-index: 10000000000000000;
    top: 2px;
    left: 50%;
    transform: translate(-50%) scale(.7);

}
#cartjavaher .ui-content {

    padding-top: 64px;

}
#cart .header {

    position: fixed;
    z-index: 10000000;
    background: #fff;
    height: 57px; 
    width: 100%;

}
#cart .damasLogo2 {

    position: fixed;
    z-index: 10000000000000000;
    top: 2px;
    left: 50%;
    transform: translate(-50%) scale(.7);

}
#cart .ui-content {

    padding-top: 64px;

}
.finalSubmit
{
	background: url(../img/loginBtn4.png) no-repeat 0 0;
    width: 210px !important;
    height: 48px;
    font-family: iran;
    font-size: 16px;
    color: #888 !important;
    display: block;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    margin: auto auto 30px !important;
    font-weight: normal;
	cursor:pointer;
}

.factorList .descRow textarea {
    border: 1px solid #dddddd;
    height: 100px !important;
    width: 100% !important;
    overflow: hidden;
}
.factorList .descRow {
    width: 95%;
    margin: auto;
}
 

.orders {
    width: 90%;
    margin: 15px auto auto;
}

.orders .onvanRow {
    width: 100%;
    display: inline-table;
    text-align: center;
	direction: rtl;
}

.orders .onvanIn {
    display: table-cell;
    padding: 0;
	height: 40px;
    font-family: iran;
    font-size: 12px;
    background: #b7922d;
    color: #fff;
    border: 1px solid #b7922d;
	line-height: 40px;
	font-weight:normal;
	text-shadow: none;
}

.orders .factorDesc {
    width: 100%;
    margin: auto; 
}
.orders .factorDesc .factorIn {
    width: 100%;
    display: inline-table;
    text-align: center;
	direction: rtl;
}
.orders .factorDesc .factorIn div {
    display: table-cell;
    padding: 0;
	height: 40px;
    font-family: iran;
    font-size: 12px;
    border-bottom:1px solid #b7922d;
    border-right:1px solid #b7922d;
    color: #000;
	line-height: 40px;
}
.orders .onvanIn1 {
    width: 39%;
    max-width: 100%;
	border-left: 1px solid #fff;
}
.orders .onvanIn2
{
	border-left: 1px solid #fff;
	width: 30%;
	max-width: 100%;
} 

.orders .onvanIn3 
{
    width: 30%;
	max-width: 100%;
}
.orders .factorDesc .factorIn div.tarikh {
    width: 39%;
	max-width: 100%;
	direction: rtl;
}

.orders .factorDesc .factorIn div.tarikh a {
    
	direction: rtl;
}

.orders .factorDesc .factorIn div.factorNo ,
.orders .factorDesc .factorIn div.factorstatus 
{
    width: 30%;
	max-width: 100%;
}


.thisOrders .eachOrder div
{
	display:block ;
}

.thisOrders .eachOrder div.thisID,
.thisOrders .eachOrder div[filtername='رنگ'],
.thisOrders .eachOrder div[filtername='تصویر'],
.thisOrders .eachOrder div[filtername='تصویر1'],
.thisOrders .eachOrder div[filtername='تصویر2'],
.thisOrders .eachOrder div[filtername='تصویر3'],
.thisOrders .eachOrder div[filtername='تصویر4'],
.thisOrders .eachOrder div[filtername='تصویر5'],
.thisOrders .eachOrder div[filtername='برند'],
.thisOrders .eachOrder div[filtername='نگین دار'],
.thisOrders .eachOrder div[filtername='وزن سنگ کم شده باشد'],
.thisOrders .eachOrder div[filtername='پول سنگ داشته باشد'],
.thisOrders .eachOrder div[filtername='توضیحات']
{
	display:none !important;
}

.thisOrders {
    width: 90%;
    margin:20px auto auto;
	margin-top: 50px;
}

.orderssss .orderTop {
    text-align: right;
    font-family: iran;
    font-size: 18px;
    color: #000;
	height: 30px;
}
.eachOrder {
    margin-bottom: 20px;
}
.orderssss .orderMain {
    height: 268px;
    background: #ededed;
}

.orderssss .quantity
{
	font-family: iran;
    font-size: 17px;
    color: #000;
    text-shadow: none;
	height:40px;
}
.orderssss .quantity span {
    direction: rtl;
    font-family: iran;
    font-size: 17px;
    color: #000;
    text-shadow: none;
    line-height: 30px;
	float:none !important;
	width:auto !important;
	display:initial !important;
	margin-left:10px;
}

.thisOrders .orderInfo {
    width: 100%;
    display: inline-table;
	margin-top: 20px;
}

.thisOrders .ordernumber {
    float: right;
    text-align: right;
    direction: rtl;
	width: 40%;
}
.thisOrders .ordernumber h2 {
    float: right;
    font-family: iran;
    font-size: 12px;
	color:#B7922D;
	line-height: 30px; 
}
.thisOrders .ordernumber span {
    line-height: 30px;
    font-family: iran;
    font-size: 13px;
    margin-right: 11px;
	color:#000;
}
.thisOrders .orderstatus {
    width: 60%;
    float: left;
    text-align: left;
    direction: rtl;
}
.thisOrders .orderstatus h2 {
    float: right;
    font-family: iran;
    font-size: 12px;
	color:#B7922D;
	line-height: 30px;
} 
.thisOrders .orderstatus span {
    line-height: 30px;
    font-family: iran;
    font-size: 12px;
    margin-right: 11px;
	color:#000;
	float: right;
}
 
.filterr {
    width: 90%;
    margin: 30px auto auto;
    direction: rtl;
    text-align: right;
    font-family: iran;
    font-size: 15px;
	height: 30px;
    line-height: 30px;
	margin-top: 70px;
}

.filterr a#filterfactorbtn i {
    font-size: 19px;
    color: #B7922D;
}

.filterr a#filterfactorbtn {
    margin-right: 5px;
}

div#filterfactor li,
div#filterfactor li a 
{
    font-family: iran;
    text-align: center;
    font-size: 15px;
}

#userAcoount {
    width: 90%;
    margin: 30px auto auto;
}

.emtiaz {
    display: inline-block;
    width: 100%;
    text-align: center;
	direction: rtl;
}
.emtiaz h3 {
    font-family: iran;
    direction: rtl;
    font-size: 15px;
    width: auto;
	margin: 0;
	display: inline-table;
	line-height: 30px; 
}
.emtiaz span {
    font-family: iran;
    font-size: 15px;
    display: inline-table;
    line-height: 30px;
    margin-right: 10px;
}
.moshakhasat h3 {
    font-family: iran;
    text-align: center;
    margin: 20px auto;
	color:#fff;
	background:url("../img/titlebg.png") no-repeat 0 0;
	width:323px;
	height:70px;
	line-height: 70px;
}

.infoIn div {

    text-align: center;
    display: inline-block;
    width: 100%;
	direction: rtl;
	line-height: 25px;
}
.infoIn div label {

    display: inline-block;
    direction: rtl;
    font-family: iran;
    font-size: 15px;
    margin-left: 10px;

}
.infoIn div span {

    font-family: iran;
    font-size: 15px;

}

.editMoshakhasat h3 {
    font-family: iran;
    text-align: center;
    margin: 20px auto;
	color:#b7922d;
	font-size:20px;
}
.editMoshakhasat .editIn div
{
	text-align: center;
    display: inline-block;
    width: 100%;
	direction: rtl;
	line-height: 25px;
}
.editMoshakhasat .editIn div label
{
	display: inline-block;
    direction: rtl;
    font-family: iran;
    font-size: 15px;
    margin: 0;
}
.editMoshakhasat .ui-input-text {

    margin: 8px 0;

}
.editMoshakhasat .editIn div input
{
	display: inline-block;
	background:url("../img/inputbg4.png") no-repeat 0 0;
	width:323px;
	height:70px;
	line-height:70px;
    direction: rtl;
    font-family: iran;
    font-size: 15px;
    margin-left: 10px;
	text-align:center;
	color: #888888 !important;
	background-size:contain;
}

.editMoshakhasat .editIn div textarea
{
	background:url("../img/textareabg2.png") no-repeat 0 0;
	background-size:contain;
	width: 320px;
    height: 134px !important;
    border: none !important;
    box-shadow: none !important;
    outline: 0 !important;
    text-align: right;
    font-family: iran;
    font-size: 15px;
    color: #888888 !important;
    background-size: 100% 100%;
    display: block;
    max-width: 100%;
    margin: auto;
    padding: 17px 55px;
    overflow: hidden !important;
	direction:rtl;
}

.editMoshakhasat #editBtn {
    background: none !important;
    width: 323px;
    margin: auto !important;
    height: 71px;
    line-height: 71px;
    cursor: pointer;
}

.editMoshakhasat .ui-btn 
{
	background:url("../img/inputbg4.png") no-repeat 0 0 !important;
	background-size:contain !important;
    padding: 0;
	border: none;
	box-shadow: none;
	background: none;
	height: 71px;
	line-height: 71px !important;
	font-family: iran;
	font-size: 16px;
	color: #888;
	width: 323px !important;
	margin: 8px auto auto;
	display: block !important;
}

.editMoshakhasat {

    padding-bottom: 100px;

}

.ui-panel-inner > .ui-listview {
    margin: 1em -1em -1em -1em;	
}


.news{
	height:224px;
	width: 100%;
	overflow: hidden;
	position: relative;
	
}

#newsIn {
	    float: left;
	display: inline;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	transition-property: transform;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;

	/*apply a transform to kick in the hardware acceleration.  Without this, the first
	time we add the transform you get odd rendering of the divs (half missing) */
	transform: translate(0, 0);
}

#newsIn .newsRow 
{
	/*width: 100%;
	height: 100%; */
    display: inline-block;	
	cursor: pointer;
}

.newsPopup, .newsMain {
    width: 100%;
    height: 100vh !important;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    background: #fff;
    display: none;
    overflow: hidden;
}
.newsPopup > div ,
.newsMain > div
{
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:50%;
    transform: translateX(-50%);
}
#page1 .ui-content
{
	position:static !important;
}


.newsPopup div .popphoto ,
.newsMain div .popphoto 
{
    width: 100%;
    height: 224px;
    margin: 55px auto auto;

}

.newsPopup div .newsTitle ,
.newsMain div .newsTitle 
{
    text-align: center;
    font-family: iran;
    font-size: 16px;
    color: #ac8723;
    margin: 10px 0;
    text-shadow: none;
}

.newsPopup div .newsDesc ,
.newsMain div .newsDesc 
{
    width: 90%;
    margin: 20px auto auto;
    height: calc(100% - 340px);
    overflow: scroll;
}
 
.newsPopup div .newsDesc p ,
.newsMain div .newsDesc p 
{
    font-family: iran;
    color: #000;
    text-shadow: none;
    margin: 0;
    line-height: 30px;
    text-align: justify;
}

a.closePopup ,
a.closeArticle 
{
    right: auto !important;
    left: 0 !important;
	background:url("../img/back2.png") no-repeat 0 0;
	background-size:contain;
	width: 60px;
    height: 38px;
    border-radius: 0 !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
} 
a.closePopup::after ,
a.closeArticle::after
{
	background:none !important;
}

#pormasraf .productList 
{
    margin-top: 40px;
}

#page4 .productList
{
	 margin-top: 30px;
}
div#page4 .productList p {
    font-family: iran;
    text-align: center;
    font-size: 16px;
    direction: rtl;
}




#page2 .ui-header {
    position: fixed !important;
    top: 0 !important;
    height: 55px;
    left: 0 !important;
    width: 100%;
    z-index: 100;
    background-color: #fff;
    transition: all 0.3s ease-in;
}
#javaherpage .ui-header {
    position: fixed !important;
    top: 0 !important;
    height: 55px;
    left: 0 !important;
    width: 100%;
    z-index: 100;
    background-color: #fff;
    transition: all 0.3s ease-in;
}

.logoDiv {

    position: fixed;
    top: 2px;
    left: 50%;
    transform: translate(-50%) scale(.75);
    z-index: 100;
    background-color: #fff;
    transition: all 0.2s ease-in;
    width: auto;

}
.topFilters {

    width: 100%;
    height: 135px;
    background: #fff;
    position: fixed;
    top: 55px;
    z-index: 100;
    left: 0;
    transition: all 0.2s ease-in;
	border-bottom: 2px solid #EDCC72;
}

.productsList {
    clear: both;
    padding-top: 190px;
	transition: all 0.2s ease-in;
	box-sizing: border-box;
}
#page2,#javaherpage , body, html 
{
	/*overflow:hidden !important;*/
}
 
.factorTotal .totaltitle {
    
    width: calc(100% - 10px);
    
    
}
.factorTotal span {
    display: inline-block;
    
    padding: 4px 10px 5px;
    margin: auto 4px;
    border: thin solid;
	font-size: 13px;
    display: inline-block;
	float:right;
	
}
.factorTotal div {

    display: block;
    float: none;
    clear: both;

}
.factorTotal .totalvalue {

    width: calc(100% - 10px);

}

.factorTotal table {

    font-family: iran;
    width: 100%;

}
.factorTotal table td {

    width: 120px;
    font-size: 13px;

}


.factorTotal table td:first-child {
    width: 120px !important;
    font-size: 12px;
}

.factorTotal table td {
    border: thin solid #ddd;
    padding: 3px 7px;
}

tr.jamkol td {
    background: #ebdbb0;
    border: thin solid #EBDB00;
    font-weight: bold;
}
.orderdesc {
    font-family: iran;
    text-align: right;
}



.Oleft {
    text-align: right;
    float: left;
	    width: 33%;
}
.Oright {
    float: right;
    width: 67%;
}
.Ocenter {
    float: right;
    width: 100%;
}
.quantityBtn {
    width:auto;
    float: left;
    
}
.orderImg {
	float:right;
	margin: 5px 0;
	border-radius: 8px;
}
.factorMain {
    height: 268px;
    background: #fff;
    clear: both;
    width: 100%;
}
.factorMain {
    border: 10px solid #DDAC51;
    height: 400px;
    
	margin-bottom: 30px;
    box-sizing: border-box;
    padding: 0px 5px;
	position: relative;
	
}

.quantity .quantityBtn span {
    float: right;
    font-family: iran;
    margin-left: 5px;
    line-height: 45px;
    font-size: 14px;
}
.quantityBtn button {
    width: 33px;
}
.callNumber {
    left: 0.4em;
    right: auto;
    top: 10px;
}
.newsDiv {
    width: 92%;
    margin: auto;
	padding-top: 30px;
}
.newsArticle
{
	margin-bottom:10px;
}
.newsArticle .newsOnvan {
    text-align: right;
    font-family: iran;
    font-size: 16px;
    color: #ac8723;
    margin-bottom: 10px;
	cursor:pointer;
}

.newsArticle .newsTozih {
    height: 80px;
    overflow: hidden;
}
.newsArticle .newsTozih p {
    font-family: iran;
    margin: 0;
    text-align: justify;
    font-size: 13px;
    line-height: 25px;
}


.sideMenu .socials {

    width: 100%;
    height: 40px;
    line-height: 40px;
	border-top: 1px solid #ddd;
}
.sideMenu .telegram
{
	background:url("../img/telegram4.png") no-repeat 100% 50%;
	border:none !important;
	width: 24px !important;
	height: 40px !important;
	margin: 0 25px 0 0 !important;
	padding: 0 32px 0 0 !important;
    line-height: 45px;
	font-family:arial !important;
	font-weight:normal !important;
	color:#000 !important;
}

.sideMenu .insta
{
	background:url("../img/insta4.png") no-repeat 100% 50%;
	border:none !important;
	width: 24px !important;
	height: 40px !important;
	margin: 0 25px 0 0 !important;
	padding: 0 32px 0 0 !important;
    line-height: 45px;
	font-family:arial !important;
	font-weight:normal !important;
	color:#000 !important;
}

.sideMenu .socials a {

    background-color: transparent !important;
    float: right;
    position: static !important;
    display: inline-table !important;

}
.sideMenu .socials a:hover
{
	background-color: transparent !important;
	color:#000 !important;	 
}

.goldPrices {

    text-align: center;
    margin: 30px 0;

}
.goldPrices .onsprice ,
.goldPrices .geram18 , 
.goldPrices .dollarprice 
{

    font-family: iran;
    font-size: 14px;
    line-height: 25px;

}


.imgmask {

    background: url("../img/emza.png") repeat 50% 50%;
    width: 100%;
    height: 100%;
	background-size: 55%;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: .15;

}
.zoomimgwatermark {
	background: url("../img/emza.png") repeat 50% 50%;
    width: 100%;
    height: 100%;
	background-size: 55%;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: .10;
	
}
.pimage .imgmask
{
	display:none; 
}

.interneterror {
    
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,215,197,.85);
    z-index: 10041;
	display:none;
}
.interneterror button {
        
    font-size: 20px;
    font-family: iran;
	padding:10px 15px;
}
.payamKhata {
    color: #fff;
    text-shadow: none;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 30px;
    text-align: center;
}
.interneterror button i {
    margin-left: 10px; 
}
.damasLogo span {
    text-align: center;
    display: block; 
    font-size: 10px;
    color: #c81;
    position: relative;
    top: 80px;
}
#mypanel,#mypanel2,#mypanel3,#mypanel4,#mypanel5,#mypanel6,#mypanel7,#mypanel8 {
    position: fixed;
    top: 0;
    overflow-y: auto;
    height: 100%;
	z-index: 1000000000000000;
}

.bootbox .modal-footer {
    text-align:center;
	display:block;
	border-top: thin solid #444;
}

.bootbox .modal-footer button {
    min-width: 24%;
    margin: 0 2px;
    box-sizing: border-box;
}
.bootbox .modal-content {
	    border: 1px solid #444;
    background: rgba(0,0,0,.7);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);

}
.bootbox .modal-dialog {

    height: 100%;

}
button.bootbox-close-button.close {
    transform: translate(-5px);
}
div#sortPopupMenu-popup, div#colorPopupMenu-popup {
    top: 50% !important;
    position: fixed !important;
    left: 50% !important;
    transform: translate(-50%,-50%) !important;
}

.modal {
    z-index: 1050000000000000000 !important;
   
}
.modal-backdrop {
    z-index: 1000000000 !important;
 
 
}
@keyframes galltrain {
  0% {opacity: 0.8;}
  50% {opacity: 0;}
  100% {opacity: 0;display:none;}
}
.galltrain img {

    height: 90px;
 
}

.galltrain {

    position: absolute;
    z-index: 1;
    transform: translate(-50%,-41px);
    opacity: .8;
    width: 90px;
    text-align: center;
    background: #939393;
	animation-name: galltrain;
    animation-duration: 3s;
    animation-delay: 4s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    left: 50%;
    border-radius: 50%;
    overflow: hidden;

} 
@keyframes zoomimganim {
  0% {background-position: 50%;background-size:auto 60%;background-repeat:no-repeat;background-color:#000;}  
  25% {background-position: 50%;background-size:auto 120%;background-repeat:no-repeat;background-color:#000;}
  40% {background-position: 0%;background-size:auto 80%;background-repeat:no-repeat;background-color:#000;}
  65% {background-position: 100%;background-size:auto 80%;background-repeat:no-repeat;background-color:#000;}
  85% {background-position: 50%;background-size:auto 100%;background-repeat:no-repeat;background-color:#000;}
  100% {background-position: 50%;background-size:auto 60%;background-repeat:no-repeat;background-color:#000;}
}
.zoomimgs{
	position:fixed;
	 
	background-size:auto 100%;
	animation: zoomimganim 20s infinite;
	background-repeat: no-repeat !important;
	
	z-index:200;
	left:0;
	top:0;
}
.basketwarning {

    text-align: center !important;
    display: block !important;
    font-weight: bold;
    font-size: 14px !important;
    color: #00bfb6 !important;
    text-shadow: none !important;

}
.sideMenu i {

    width: 22px;
    text-align: center;

}
.neshanshodeghablan {

    background: none !important;
    color: #333 !important;
    font-size: 10px;
    position: relative;
    top: -5px;
	left: -15px;
}

.sizeof span {

    font-size: 14px;
    font-family: iran;
    direction: rtl;
    margin-left: 5px;
  

}
.sizeof .ui-select {

    width: 111px;

}
.sizeof {

    width: 150px;

}
.sizeof > span {

    float: right;
    line-height: 39px;

}
.addsize.ui-btn.ui-shadow.ui-corner-all {

    direction: rtl;
    font-family: iran;
    font-size: 13px;
    position: absolute;
    bottom: 0;
box-sizing: border-box;
letter-spacing:-1px;
width: calc(100% - 11px);
}
.addsize.ui-btn.ui-shadow.ui-corner-all i {

    margin-left: 6px;
    position: relative;
    top: 2px;
    color: #00B636;

}
.showdetail {

    position: relative;
    left: 7px;
    top: 5px;
    font-size: 11px;
    font-family: iran;
    color: #888;

}
.showdetail i {

    font-size: 13px;
    transform: rotate(-45deg);
    background: #eee;
    border-radius: 50%;
    padding: 8px;

}
.orders .factorDesc .factorIn a {
    text-decoration: none !important;
    text-shadow: none !important;
    color: #ee3300 !important;
    font-weight: normal;
}

.filterr a#filterfactorbtn span {
    font-family: iran;
    font-size: 10px;
    color: #aaa;
    text-decoration: none;
    font-weight: normal;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: -31px;
}
.filterr a#filterfactorbtn {
  
    position: relative;
}
.filterr a#filterfactorbtn i {
    font-size: 33px;
    color: #EDCC72;
}

.factorstatus {
    font-weight: normal !important;
    text-decoration: none !important;
    font-family: iran !important;
    text-shadow: none !important;
    border: none !important;
    font-size: 10px !important;
}
.sefareshCount {

    color: #333;
    position: absolute;
    z-index: 100;
    top: 1px;
    left: 50%;
    background: rgba(255,255,255,.9);
    display: inline-block;
    text-shadow: none;
    border-radius: 0 0 50% 50%;
    width: 50px;
    height: 25px;
    text-align: center;
    padding-top: 11px;
    transform: translate(-50%);

}
.hazfeneshanshodah {

    font-family: iran;
    font-size: 12px;
    direction: rtl;
    text-align: right;
    color: #BD8C31;
    display: block;
    margin-right: 24px;
    line-height: 32px;

}
.hazfeneshanshodah i {

    font-size: 31px;
    float: right;
    margin-left: 4px;

}
.hazfeneshanshodah:hover{

    color: #8D5C01;

}
.tozihbemoshtari {
	direction:rtl;
    text-align: center;
    font-size: 12px;
    padding: 4px 15px;
	font-family:iran;
}

#pormasraf .header ,#page4 .header {

    position: fixed;
    background: #fff;
    width: 100%;
    z-index: 101;
    height: 60px;

}
#pormasraf .ui-content ,#page4 .ui-content {

    padding-top: 60px;

}

.carticonkoochik {

    float: right;
    position: relative;

}
.carticonkoochik i {

    position: absolute;
    font-size: 35px;
    top: 17px;
    left: 2px;
    color: #EFBE63;

}
.carticonkoochik .sabadkharidtitle {

    font-size: 10px;
    color: #aaa;
    position: absolute;
    top: 1px;
    right: -36px;
    letter-spacing: -1px;

}
.carticonkoochik .tedadmahsooltookart {

    position: absolute;
    left: 12px;
    top: 21px;
    font-size: 13px;
    color: #fff;
    width: 20px;
    text-align: center;

}

.addtoneshanshodeha {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 30px;
    color: #888;
    z-index: 10;
    text-shadow: none;
}

.addtocart {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 30px;
    color: #888;
    z-index: 10;
    text-shadow: none;
}
.addtoneshanshodeha.alreadyAdded {
    color: #DDAC51;
}
.addtocart.alreadyAdded {
    color: #DDAC51;
}
#orderlist .header,#orderdetail .header {

    position: fixed;
    background: #fff;
    width: 100%;
    height: 59px;
    z-index: 2;

}
#orderlist .damasLogo2,#orderdetail .damasLogo2 {

    position: fixed;
    top: 0;
    z-index: 10;
    left: 50%;
    transform: translate(-50%) scale(0.75);

}

.galdownholder {

    position: absolute;
    left: 50%;
    bottom: 3px;
    transform: translate(-50%);

}
.galdownholder.dark i {

    color: #333;
    text-shadow: 1px 1px 1px aliceblue#eee;
    margin: 0 2px;

}
.galdownholder.light i {

    color: #eee;
    text-shadow: 1px 1px 1px #333;
    margin: 0 2px;

}
 .newnewdownholder i {

    font-size: 10px;

}
.newnewdownholder {

    position: absolute;
    left: 50%;
    bottom: 3px;
    transform: translate(-50%);

}
.newnewdownholder.dark i {

    color: #333;
    text-shadow: 1px 1px 1px aliceblue#eee;
    margin: 0 2px;

}
.newnewdownholder.light i {

    color: #eee;
    text-shadow: 1px 1px 1px #333;
    margin: 0 2px;

} 
.scrollToTop {
	display:none;
    color: #00D7C5;
    font-size: 32px;
    text-shadow: none;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 0;
    float: left;
    margin: 0 9px;
}

.changeProductView {

    color: #00D7C5;
    font-size: 32px;
    text-shadow: none;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 0;
    float: left;
    margin: 0 9px;

}
.bottomholder {
 
    position: fixed;
    bottom: 0;
    left: 50%;
    width: auto;
    transform: translate(-50%);
    background: rgba(255,255,255,.9);
    height: 45px;
    z-index: 100;
    border-radius: 5px 5px 0 0;
    padding: 5px;
    border-top: 2px solid #EDCC72;

}
 
.productRow.singleInRow {

    width: 100%;
   
}
.productRow .pimage, .productRow .pimage a {

    height: 50vw !important;

}
.productRow.singleInRow .pimage, .productRow.singleInRow .pimage a {

    height: 100vw  !important;

}

.goldPrices {

    font-family: iran;
    font-size: 14px;
    line-height: 25px;

}
.goldPricestitleHolder {

    background: #00d7c5;
    padding: 10px 0;

}
.goldPricestitle {

    color: #002b66;
    text-shadow: none;
    font-size: 16px;

}
.goldPricesdateTime {

    color: #fff;
    text-shadow: none;
    font-size: 15px;

}
.goldPricesHolder {

     background: rgb(225,225,225);
background: linear-gradient(180deg, rgba(225,225,225,1) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%); 
    padding: 15px 0;
    color: #333;
    text-shadow: none;

}


.goldPricesHolder i.uk-icon-caret-down {

    position: absolute;
    font-size: 46px;
    color: #00d7c5;
    transform: translate(-50%,-11px);
    line-height: 0;

}
#newsPage .header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff !important;
    z-index: 10;
}

#newsPage .ui-content {
    padding-top: 50px;
}
.pricetitle {

    color: #a07c30;
    display: inline-block;
    width: 50%;
    text-align: left;
	margin-left:5px;

}
.goldPricesHolder > div {

    direction: rtl;
    width: 100%px;
    margin: auto;
    text-align: right;

}

.hazineersal {
    text-align: center;
    font-family: iran;
    font-size: 12px;
    padding: 0 10px;
	direction: rtl;
}

.hazineersal i {
    font-size: 18px;
    position: relative;
    top: 3px;
    right: -2px;
    color: #777;
}
.ui-collapsible-set a {
    font-family: iran;
}
.ui-collapsible-heading-toggle.ui-btn.ui-icon-plus.ui-btn-icon-right.ui-btn-c {
    text-align: center;
	border-radius: 0;
}
.ui-collapsible-heading-toggle.ui-btn.ui-btn-icon-right.ui-btn-c.ui-icon-minus {
    text-align: center;
	border-radius: 0;
}
.ui-btn.ui-btn-icon-right.ui-icon-carat-r {
    text-align: center;
}
.goldPricesRefresh:active {
    background: #00AB99;
}
.goldPricesRefresh {
    direction: rtl;
    background: #00D7C5;
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    box-shadow: none;
    text-shadow: none;
    border-radius: 5px;
    transition: all .25s ease;
    cursor: pointer;
}
.factorstatus {
    border: 1px solid #b7922d !important;
        border-top-color: rgb(183, 146, 45);
        border-top-style: solid;
        border-top-width: 1px;
    border-top: none !important;
}
.pimage a {
    background: url("../img/emza.png") repeat 50% 50%;
        background-size: auto;
    opacity: .25;
    background-size: contain;
}


.ui-panel .ui-panel-inner {
    padding: 0 !important;
}

.ui-panel .ui-collapsible-set {
    margin: 0;
}
.ui-panel .ui-panel-inner ul:last-child {
    border-top: none;
}

.ui-panel .ui-collapsible-heading-toggle.ui-btn.ui-icon-plus.ui-btn-icon-right.ui-btn-c {
    text-align: right;
}
.ui-panel .ui-collapsible-heading-toggle.ui-btn.ui-btn-icon-right.ui-btn-c.ui-icon-minus {
    text-align: right;
}
.ui-panel .ui-btn.ui-btn-icon-right.ui-icon-carat-r {
    text-align: right;
}
.sideMenu.ui-listview {

    padding: 0;
    width: 100%;
    margin: 0 !important;

}
.sideMenu.ui-listview a {

    padding-right: 10px;
    padding-left: 10px;

}

.percentage {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 28px;
    transform: translate(-50%,-50%);
    text-shadow: 1px 1px 1px #ccc;
    color: rgba(33,33,33,.3);
}

.ui-collapsible-heading-toggle.ui-btn.ui-icon-plus.ui-btn-icon-right.ui-btn-g , .ui-collapsible-heading-toggle.ui-btn.ui-btn-icon-right.ui-btn-g.ui-icon-minus {
    background: #DDAC51;
    text-align: center;
	text-shadow: none;
	border: thin solid #fff !important;
	border-radius : 0 !important;
	font-family:iran  !important;
	font-size:15px !important;	
	letter-spacing:-.5px
}
.ui-panel .ui-page-theme-a .ui-btn:hover, html .ui-panel  .ui-bar-a .ui-btn:hover, html .ui-panel  .ui-body-a .ui-btn:hover, html body .ui-panel  .ui-group-theme-a .ui-btn:hover, html head + body .ui-panel .ui-btn.ui-btn-a:hover {
	background: #DDAC51;
    text-align: center;
	text-shadow: none;
	border: none !important;
	border-radius : 0 !important;
	font-family:iran  !important;	
	font-size:15px !important;
	letter-spacing:-.5px
}
.ui-panel .ui-collapsible-heading-toggle.ui-btn.ui-icon-minus.ui-btn-icon-left.ui-btn-g , .ui-panel .ui-collapsible-heading-toggle.ui-btn.ui-btn-icon-left.ui-btn-g.ui-icon-plus {
	background: #DDAC51;
    text-align: center  !important;
	text-shadow: none;
	border:none !important;
	border-bottom: thin solid #fff !important;
	border-radius : 0 !important;
	font-family:iran  !important;
	font-size:15px !important;
	letter-spacing:-.5px
}
.ui-panel .ui-collapsible-heading-toggle.ui-btn.ui-icon-plus.ui-btn-icon-left.ui-btn-inherit , .ui-panel .ui-collapsible-heading-toggle.ui-btn.ui-btn-icon-left.ui-btn-inherit.ui-icon-minus , .ui-panel .ui-btn.ui-btn-icon-right.ui-icon-carat-r {
	
	font-family:iran !important;
	text-align: right !important;
	font-size:15px !important;
	letter-spacing:-.5px
}
.ui-panel .ui-collapsible.ui-collapsible-inset.ui-corner-all.ui-collapsible-themed-content.ui-collapsible-collapsed {
    margin: 0;
    border-radius: 0;
	letter-spacing:-.5px
}
.ui-panel .ui-collapsible.ui-collapsible-inset.ui-corner-all.ui-collapsible-themed-content {
    margin: 0;
    padding: 0;
    border-radius: 0;
	letter-spacing:-.5px
}
.kharidForooshBtns {
    text-align: center;
}
.ui-collapsible-content.ui-body-g {
    padding: 0;
    border: none;
        border-right-width: medium;
        border-left-width: medium;
    border-radius: 0;
}
.aabshodemenu.ui-listview.ui-group-theme-d {
    width: 100%;
    box-sizing: border-box;
    margin: auto;
}

.ui-btn.ui-btn-icon-right.ui-icon-carat-r.mikharam {
    background: #7e6;
	text-shadow: none;
}
.ui-btn.ui-btn-icon-right.ui-icon-carat-r.mifroosham {
    background: #f66;
    text-shadow: none;
}
#aabshode .header.ui-header.ui-bar-a {
    background: #fff;
    height: 60px;
}
.ui-btn.ui-btn-icon-right.ui-icon-carat-r.mikharam:hover, .ui-btn.ui-btn-icon-right.ui-icon-carat-r.mikharam:focus {
    background: #53ca42;
}
.ui-btn.ui-btn-icon-right.ui-icon-carat-r.mifroosham:hover, .ui-btn.ui-btn-icon-right.ui-icon-carat-r.mifroosham:focus {
    background: #da4141;
}

.ui-panel .ui-collapsible-heading-toggle.ui-btn.ui-icon-plus.ui-btn-icon-right.ui-btn-g {
    background: #eee;
    text-align: right;
	
}
.ui-panel .ui-collapsible-heading-toggle.ui-btn.ui-btn-icon-right.ui-btn-g.ui-icon-minus {
    background: #eee;
    text-align: right;
	
}

.usercredit {
    display: block;
    border-bottom: thin solid #eee;
    padding: 10px 25px;
    box-sizing: border-box;
    font-family: iran;
    direction: rtl;
	text-align: right;
}
.usercredit > div {
    display: inline-block;
	font-size: 13px;
	letter-spacing:-.5px; 
}
.userCreditMoneyCurency {
  
    padding-left: 8px;
    margin-left: 4px;
}

.sabteFishePardakhti {
    float: left;
}
.sabteFishePardakhti button {
    font-family: iran;
    font-size: 10px;
    margin: 0;
    position: relative;
    top: -6px;
	letter-spacing:-.5px; 
    left: -20px;
	box-shadow:none;
}
.sabteFishePardakhti button:hover,.sabteFishePardakhti button:focus {
    background:#999 !important;
	color:#fff  !important;
	text-shadow:none !important;
}

.calculationbtn {
  width:calc(100% - 185px) !important;
  border: thin solid #aaa !important;
  display: inline-block !important;
  padding: 15px 20px 11px !important;
  text-align: center !important;
  box-sizing: border-box;
  font-size: 15px;
  font-family:iran;
}
.vazn label , .pool label {
  display: inline !important;
  font-size:12px;
  font-family:iran
}
.vazn > div, .pool > div {
  display: inline;
  margin-left:10px;
  margin-right:10px
}
.vazn,.pool {
  text-align: right;
  direction: rtl;
  margin-bottom: 5px;
  margin-top: 10px
}

.mazanehForooshBox, .mazanehKharidBox {

    direction: rtl;

text-align: center;

font-family: iran;

font-size: 17px;

margin: 10px;

border: 1px #DDAC51 solid;

color: #A86E01;

padding: 10px;

background: #EFE2CB;

border-radius: 5px;

}
.timermessage {

    direction: rtl;
    text-align: center;
    font-family: iran;
    font-size: 12px;
    color: #aaa;
    margin-bottom: 19px;

}
.kharidBTN, .forooshBTN {

    font-family: iran;
    width: 50% !important;
    margin: auto;
    box-shadow: none;

}

.kharidBTN {

    background: #82f582 !important;
    text-shadow: none !important;
    border: thin solid #6fd56f !important;
    box-shadow: none !important;

}
.kharidBTN:hover , .kharidBTN:focus {

    background: #6be76b !important;    

}
.forooshBTN {

    background: #ff6868 !important;
    text-shadow: none !important;
    border: thin solid #cc0000 !important;
    box-shadow: none !important;

}
.forooshBTN:hover , .kharidBTN:focus {

    background: #f55c5c !important;    

}

.savabeghKharidoFroosh h2 {

    text-align: center;
    font-family: iran;
    font-size: 13px;
   
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left 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(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, 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=0 );

    color: #888;
    text-shadow: none;
    padding: 10px;
    margin-top: 20px;
    border-top: 3px dashed #ddd;
margin-bottom:0;
}

.savabeghKharidoFroosh {

    direction: rtl;
    text-align: center;

}

.savabeghKharidoFroosh button {
  
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left 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(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, 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=0 );

    font-family: iran;
    display: inline-block;
    width: calc(100% - 75.80%);
    margin: auto;
    box-sizing: border-box;
    text-shadow: none !important;
    font-size: 14px;
	box-shadow:none !important;

}
.savabeghKharidoFroosh button.active {
color:#5a3c0b !important;
background: rgba(243,226,199,1);
background: -moz-linear-gradient(top, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 53%, rgba(182,141,76,1) 98%, rgba(233,212,179,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(243,226,199,1)), color-stop(53%, rgba(193,158,103,1)), color-stop(98%, rgba(182,141,76,1)), color-stop(100%, rgba(233,212,179,1)));
background: -webkit-linear-gradient(top, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 53%, rgba(182,141,76,1) 98%, rgba(233,212,179,1) 100%);
background: -o-linear-gradient(top, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 53%, rgba(182,141,76,1) 98%, rgba(233,212,179,1) 100%);
background: -ms-linear-gradient(top, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 53%, rgba(182,141,76,1) 98%, rgba(233,212,179,1) 100%);
background: linear-gradient(to bottom, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 53%, rgba(182,141,76,1) 98%, rgba(233,212,179,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3', GradientType=0 );


}

#aabshode .header {

    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 100000;

}
#aabshode .ui-content {

    padding-top: 60px;

}

.kolArchive > div {
	position : relative;
   background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left 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(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, 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=0 );

    padding: 10px;
    margin: 10px 6px;
    border-radius: 8px;
    border: thin solid #ccc;
font-family: iranEnNumber;


}
.archivebtnholder {

    background: #eee;
padding-bottom: 4px;
}
.status {

    position: absolute;
    left: 10px;
    top: 5px;
    font-family: iranEnNumber;
    font-size: 12px;
    text-align: left;
    direction: rtl;

}
.tarikhsabtdarkhast {

    position: absolute;
    right: 10px;
    top: 5px;
    font-family: iran;
    font-size: 12px;
    text-align: left;
    direction: rtl;

}

.kharidyaforoosh {

    font-family: iranEnNumber;
    font-size: 11px;
    margin-bottom: 5px;
    margin-top: 18px;
    border-top: thin solid #eee;
    padding-top: 5px;
    text-align: center;

}

.kharidyaforoosh.kharidforoosh-درخواست.فروش {

    color: #f95252;

}
.kharidyaforoosh.kharidforoosh-درخواست.خرید {

    color: #53b153;

}

.kolArchive span.ttitle {

    width: 150px;
    display: inline-block;
    color: #777;
    text-align: left;
    font-size: 12px;

}
.kolArchive span.vvalue {
	font-size: 11px;
    width: 150px;
    display: inline-block;
    text-align: right;
    padding-right: 5px;

}
.vanzdarkhasti .vvalue {
    font-weight: bold;
}
.sabtefish {
    display: none;
}

.sabtefish {
    background: #333;
    padding: 12px 18px;
}

.sabtefish input, .sabtefish textarea, .sabtefish select {

    padding: 10px 15px;
    direction: rtl;
    text-align: right;
    font-family: iran;

}

.fishrow > div {

    background: none !important;

}

.sabtefish input, .sabtefish textarea, .sabtefish select , #fishmonth-button , #fishrooz-button {

    padding: 10px 15px;
    direction: rtl;
    text-align: right;
    font-family: iranEnNumber;
    background: #474747 !important;
    border: thin solid #757575 !important;
    border-radius: 5px !important;
    text-shadow: 1px 1px 1px #000 !important;
    color: #fff !important;
	font-size: 12px;
}

#fishmonth-button,#fishrooz-button {

    padding-right: 40px;
   line-height: 20px;

}
.fishrow.tarikh > div {

    width: calc(50% - 45px);
    display: inline-block;
    margin: 0;

}
#fishyear {
	position: relative;


	
}

#fishrooz-button {

    width: 80px;

}
.fishrow.tarikh > div:last-child {

    width: 80px;

}

#sabtefishpardakhti {

    font-family: iranEnNumber;

}

input#vazn,input#pool,.userCreditMoney,.mazanehForooshBeMoshtari,.mazanehKharidAzMoshtari {
    font-family: iranEnNumber;
}

.kolArchive > div {
    display: none;
}
.shomarehesabform legend {

    direction: rtl;
    text-align: right;
    font-family: iran;
    color: #fff;
    font-size: 13px;
    text-shadow: none;

}
.shomarehesabform label labelcontent{

    font-family: iran;
    font-size: 12px;
    direction: rtl;
    

}
.plusminesbtn {
    width: 45px !important;
    text-align: center;
    font-size: 16px;
    display: inline-block;
}
.plusminesbtn.plusvazn, .plusminesbtn.pluspool {
    margin-right: 20px;
}
.plusminesbtn.minesvazn, .plusminesbtn.minespool {
    margin-left: 10px;
}

.refreshpimage {
    position: absolute;
    top: 10px;
    left: 50%;
    color: #999;
    z-index: 10;
    font-size: 20px;
	text-shadow:none;
    transform: translate(-50%);
}

.toziheharsatrsefaresh {
    font-family: iran;
    text-align: right !important;
    direction: rtl;
    padding: 10px !important;
    border: thin solid #ccc !important;
    box-sizing: border-box !important;
}

div[id*="-"] .factorMain .toziheharsatrsefaresh {
    display: none;
}