@keyframes loading_anim { 0%{ left:-40%; } 100%{ left:100%; } }

@font-face {
    font-family: vfont;
    src: url('../font/IRANYekanXVF.woff') format('woff-variations'),
    url('../font/IRANYekanXVF.woff') format('woff');
    font-weight:100 1000;
    font-display:fallback;
}
@font-face {
	font-family:font;font-style:normal;font-weight:300;
	src:url('../font/Woff/IRANYekanXFaNum-Light.woff') format('woff'),   
	url('../font/Woff2/IRANYekanXFaNum-Light.woff2') format('woff2');		 
}
@font-face {
	font-family:font;font-style:normal;font-weight:400;
	src: url('../font/Woff/IRANYekanXFaNum-Regular.woff') format('woff'),   
	url('../font/Woff2/IRANYekanXFaNum-Regular.woff2') format('woff2');	
}
@font-face {
	font-family:font;font-style:normal;font-weight:600;
	src:url('../font/Woff/IRANYekanXFaNum-DemiBold.woff') format('woff'),   
	url('../font/Woff2/IRANYekanXFaNum-DemiBold.woff2') format('woff2');		 
}
@font-face {
	font-family:font;font-style:normal;font-weight:800;
	src:url('../font/Woff/IRANYekanXFaNum-ExtraBold.woff') format('woff'),   
	url('../font/Woff2/IRANYekanXFaNum-ExtraBold.woff2') format('woff2');		 
}
@font-face {
	font-family:font;font-style:normal;font-weight:950;
	src:url('../font/Woff/IRANYekanXFaNum-ExtraBlack.woff') format('woff'),   
	url('../font/Woff2/IRANYekanXFaNum-ExtraBlack.woff2') format('woff2');		 
}

:root {
    --light:300;
    --regular:400;
    --semibold:600;
    --bold:800;
    --black:950;
}

body { margin:0;direction:rtl;font-weight:400;font-size:11pt; }
input,select,textarea { font-size:11pt; }
* { font-family:font,tahoma; }
@supports (font-variation-settings: normal) {
    * { font-family:vfont,font,tahoma;font-variation-settings:"dots" 1;-moz-font-feature-settings:"ss02";
    -webkit-font-feature-settings:"ss02";font-feature-settings:"ss02"; }
}
*::-webkit-scrollbar { display:none; }
* { -ms-overflow-style:none;scrollbar-width:none; }

#message { position:fixed;left:0;top:-30px;width:100%;height:0px;text-align:center;padding:0px 20px;box-sizing:border-box;
line-height:25px;z-index:+100;display:none;font-size:10pt; }
#message > div { display:inline-block;vertical-align:middle;max-width:600px;padding:10px 20px;border-radius:10px;
position:relative;text-align:right;position:relative;color:#fff;line-height:25px;position:relative;overflow:hidden; }
#message.ok > div { background-color:#2d9759; }
#message.cancel > div { background-color:#de454f; }

#message_loading { position:absolute;left:0px;bottom:0px;width:100%;height:3px;background-color:rgba(0,0,0,0.05); }
#message_loading > div { position:absolute;right:0px;bottom:0px;width:100%;height:3px;background-color:rgba(0,0,0,0.3); }

#loading { position:fixed;left:0;top:0px;width:100%;height:3px;z-index:+100;background-color:rgba(0,0,0,0.1);display:none; }
#loading > div { width:40%;height:3px;left:-40%;top:0px;background-color:#1367e5;position:fixed;z-index:+101;
animation:loading_anim 2000ms linear infinite;-webkit-animation:loading_anim 2000ms linear infinite;
-moz-animation:loading_anim 2000ms linear infinite; }

.tbl { display:table; }
.tbl > div { display:table-cell;vertical-align:middle; }
a { text-decoration:none;color:#000; }
img { vertical-align:middle; }
.clr { clear:both; }

select { -webkit-appearance:none;-moz-appearance:none; }
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance:none;margin:0; }
input[type="number"] { -moz-appearance:textfield; }

#popup_back { position:fixed;left:0;top:0;width:100%;height:100%;background-color:#eee;opacity:0.9;z-index:+11;display:none; }
.popup { width:100%;height:100%;overflow-y:auto;text-align:right;position:fixed;left:0;top:0px;z-index:+12;
padding:50px 0px;box-sizing:border-box;display:none; }
.popup > div { background-color:#fff;width:90%;max-width:340px;border-radius:10px;margin:0px auto;
box-sizing:border-box;box-shadow:0px 0px 30px rgba(0,0,0,0.15);position:relative;z-index:+12; }
.popup > div.padding { padding:25px; }
.popup .form { width:100%;margin:10px auto 0px; }
.popup_title { margin-bottom:20px; }
.popup_title > div:nth-child(1) { font-size:13pt;font-weight:800; }
.popup_title > div:nth-child(2) { display:block;color:#aaa;line-height:23px; }


.apexcharts-legend-marker { margin-left:5px; }
.apexcharts-tooltip-series-group { text-align:right !important;justify-content:right !important; }
.apexcharts-tooltip-marker { margin-left:6px;margin-right:0px; }