@keyframes loading_anim {
    100% { transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg); }
}

@font-face {
	font-family:light;
	font-style: normal;
	font-weight: 300;
	src: url('../Font/woff/YekanBakhFaNum-Light.woff') format('woff'),   
	url('../Font/woff2/YekanBakhFaNum-Light.woff2') format('woff2');	
}

@font-face {
	font-family:regular;
	font-style: normal;
	font-weight: normal;
	src: url('../Font/woff/YekanBakhFaNum-Regular.woff') format('woff'),   
	url('../Font/woff2/YekanBakhFaNum-Regular.woff2') format('woff2');		 
}
@font-face {
	font-family:bold;
	font-style: normal;
	font-weight: bold;
	src: url('../Font/woff/YekanBakhFaNum-Bold.woff') format('woff'),   
	url('../Font/woff2/YekanBakhFaNum-Bold.woff2') format('woff2'); 
}
@font-face {
	font-family:black;
	font-style: normal;
	font-weight: 950;
	src: url('../Font/woff/YekanBakhFaNum-ExtraBold.woff') format('woff'),   
	url('../Font/woff2/YekanBakhFaNum-ExtraBold.woff2') format('woff2');		 
}

body { margin:0;padding:0;font-family:regular,tahoma;color:#777;line-height:25px;background-position:right bottom;
background-image:url('../Temp/background.jpg');background-size:cover;background-attachment:fixed;
direction:rtl;text-align:right;letter-spacing:0pt;font-size:10pt; }
a { text-decoration:none;color:#111; }
table { border-spacing:0; }
input,select,textarea { font-family:regular,tahoma;outline-style:none;border-style:none;letter-spacing:-0.3pt; }
.clr { display:block;clear:both; }
.ltr { direction:ltr; }
.rtl { direction:rtl; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.bold { font-family:bold,tahoma; }
img { border-style:none;vertical-align:middle; }
.tbl { display:table; }
.tbl > div { display:table-cell;vertical-align:middle; }

#loading { width:100%;height:100%;background-color:rgba(0,0,0,0.7);position:fixed;left:0px;top:0px;
pointer-events:none;z-index:+1002;display:none; }
#loading > div { display:table-cell;vertical-align:middle;text-align:center; }
#loading > div > span { display:inline-block;width:25px;height:25px;
background-image:url('../Temp/loading.png');background-size:100%;
animation:loading_anim 2000ms infinite;-webkit-animation:loading_anim 2000ms infinite;
-moz-animation:loading_anim 2000ms infinite; }

#message_box { position:fixed;left:0px;top:30px;width:100%;height:0px;text-align:center;display:none;z-index:+200; }
#message_box > div { width:auto;max-width:80%;margin:0px auto;line-height:25px;padding:15px;border-radius:35px;
box-shadow:0px 2px 30px rgba(0,0,0,0.3);opacity:0;text-align:right;font-family:regular,tahoma;display:inline-block;
padding-left:20px;font-size:11pt;letter-spacing:-0.4pt; }
.error_message { background-color:#fff;color:#000; }
.success_message { background-color:#fff;color:#000; }
#message_box > div > i { display:inline-block;width:30px;height:30px;vertical-align:middle;
margin-left:15px;background-size:100% 100%; }
.error_message > i { background-image:url('../Temp/message_0.png'); }
.success_message > i { background-image:url('../Temp/message_1.png'); }
.font_10 { font-size:10pt !important; }
.font_11 { font-size:11pt !important; }
.font_12 { font-size:12pt !important; }

#header { width:100%;padding:20px;box-sizing:border-box;table-layout:fixed; }
#header > div:nth-child(1) img { width:30px;cursor:pointer; }
#header > div:nth-child(3) { text-align:left; }
#header > div:nth-child(3) img { width:28px;cursor:pointer; }
#header > div:nth-child(2) { width:150px;text-align:center; }
#header > div:nth-child(2) img { width:150px; }

#menu_back { position:fixed;left:0;top:0;width:100%;height:100%;z-index:+10;background-color:rgba(0,0,0,0.8);display:none; }
#menu { position:fixed;right:-350px;top:0;width:300px;height:100%;background-color:#222;z-index:+11;overflow-y:auto;
padding:20px 15px;box-sizing:border-box; }
.menu_link { display:block;font-size:12pt;margin-top:5px; }
.menu_link a { color:#aaa;padding:10px 15px;border-radius:10px;display:block; }
.menu_link a:hover { color:#fff;background-color:rgba(255,255,255,0.05); }

.menu_logo { text-align:center;margin:30px auto 50px; }
.menu_logo > img { width:140px; }

.container { width:95%;max-width:800px;margin:0px auto 50px;padding:30px;
box-sizing:border-box;border-radius:20px;background-color:#222; }
.mini_container { width:90%;max-width:400px;margin:0px auto 50px;padding:30px;
box-sizing:border-box;border-radius:20px;background-color:#222; }

#login_step1 { }
#login_step2 { display:none; }

.title { margin-bottom:40px; }
.title > div:nth-child(1) { font-family:bold,tahoma;font-size:16pt;color:#fff;margin-bottom:7px; }

.title_back { display:inline-block;vertical-align:middle;width:30px;height:30px;background-size:80%;
margin-left:5px;background-image:url('../Temp/back.png');background-position:center;
background-repeat:no-repeat; }

.login_form { display:block;margin-bottom:20px; }
.login_form > label { display:block;font-size:11pt;margin-bottom:5px; }
.login_form > input { width:100%;height:45px;border-radius:10px;background-color:#111;font-size:15pt;
padding:0px 10px;box-sizing:border-box;text-align:center;letter-spacing:3pt;color:#fff; }
.login_form > select { width:100%;height:45px;border-radius:10px;background-color:#111;font-size:15pt;
padding:0px 10px;box-sizing:border-box;text-align:center;letter-spacing:3pt;color:#fff; }
.login_form > textarea { width:100%;height:150px;border-radius:10px;background-color:#111;font-size:15pt;
padding:10px 10px;box-sizing:border-box;text-align:right;letter-spacing:0pt;color:#fff; }

.login_button { border-radius:10px;height:48px;line-height:48px;margin-top:15px;text-align:Center;
color:#000;background-color:#c8a650;cursor:pointer;font-size:13pt;font-family:bold,tahoma;letter-spacing:-0.8pt; }

#login_back { margin-bottom:20px;color:#fff;cursor:pointer; }
#login_back i { display:inline-block;vertical-align:middle;width:20px;height:20px;
background-size:100%;background-image:url('../Temp/back.png');background-size:100%;margin-left:7px; }

#login_resend { margin-top:15px; }
#login_resend > span { background-color:#333;height:45px;line-height:45px;text-align:center;
border-radius:10px;text-align:center;font-size:12pt;display:block; }

.dash_box { width:25%;float:right; }
.dash_box > div { padding:25px 10px 10px;text-align:center;background-color:#353535;border-radius:10px;margin:0px 7px; }
.dash_box:nth-child(1) > div { margin-right:0; }
.dash_box:nth-child(4) > div { margin-left:0; }
.dash_box > div > div:nth-child(1) { font-size:25pt;font-family:bold,tahoma;color:#fff; }
.dash_box > div > div:nth-child(2) { margin-top:3px;line-height:25px;height:25px;white-space:nowrap;
overflow:hidden;text-overflow:ellipsis; }

#dash_buttons { width:100%;margin:20px 0px; }
#dash_buttons > div { width:50%; }
#dash_buttons > div:nth-child(1) > * { height:45px;line-height:45px;text-align:center;border-radius:10px;color:#fff;
background-color:#b4903a;font-size:12pt;display:block;margin:0px 0px 0px 7px; }
#dash_buttons > div:nth-child(2) > * { height:45px;line-height:45px;text-align:center;border-radius:10px;color:#fff;
background-color:#151515;font-size:12pt;display:block;margin:0px 7px 0px 0px; }

.table_container { overflow-x:auto; }
.table_container table { width:100%;border:2px solid #333; }
.table_container table tr > * { white-space:nowrap; }
.table_container table tr th { text-align:center;padding:8px 10px;background-color:#333; }
.table_container table tr td { text-align:center;padding:5px 10px;border-bottom:1px solid #333; }
.table_container table tr td a { color:#fff;font-family:bold,tahoma; }
.table_container table tr:last-child td { border-style:none; }

.center_form { margin:50px auto;width:100%;max-width:400px; }

#guaranty_step1 { }
#guaranty_step2 { display:none; }

.g_product_name { font-size:12pt;font-family:bold,tahoma;margin-bottom:10px;padding:5px 10px;border-radius:5px;background-color:#282828; }
.g_product_serial { font-size:12pt;font-family:bold,tahoma;margin-bottom:10px;padding:5px 10px;border-radius:5px;background-color:#282828; }
.g_product_guaranty_start { font-size:12pt;font-family:bold,tahoma;margin-bottom:10px;
padding:5px 10px;border-radius:5px;background-color:#282828; }
.g_product_guaranty_end { font-size:12pt;font-family:bold,tahoma;margin-bottom:10px;padding:5px 10px;
border-radius:5px;background-color:#282828; }
.g_product_info { line-height:30px;margin-top:10px; }

.notif { margin-bottom:15px;padding:12px 15px;border-radius:10px;background-color:#2d2c26; }
.notif > div:nth-child(1) { font-size:12pt;font-family:bold,tahoma;color:#fff; }


@media only screen and (max-width:1400px) {
    
}
@media only screen and (max-width:1300px) {
    
}
@media only screen and (max-width:1200px) {
    
}
@media only screen and (max-width:1100px) {

}
@media only screen and (max-width:1000px) {
    
}
@media only screen and (max-width:900px) {
    .dash_box { width:50%;float:right;margin-bottom:15px; }
    .dash_box > div { margin:0px 7px; }
    .dash_box:nth-child(1) > div { margin-right:0;margin-left:7px; }
    .dash_box:nth-child(2) > div { margin-left:0;margin-right:7px; }
    .dash_box:nth-child(3) > div { margin-right:0;margin-left:7px; }
    .dash_box:nth-child(4) > div { margin-left:0;margin-right:7px; }
}
@media only screen and (max-width:800px) {
    
}
@media only screen and (max-width:700px) {
    
}
@media only screen and (max-width:600px) {
    
}
@media only screen and (max-width:500px) {
    
}
@media only screen and (max-width:400px) {
    
}