@charset "utf-8";
/* CSS Document */
@font-face {
    font-family:'IRANSansWeb';  
    src: url('fonts/IRANSansWeb.eot');
    src: url('fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'),
         url('fonts/IRANSansWeb.woff') format('woff'),
         url('fonts/IRANSansWeb.ttf') format('truetype');
   
    font-weight: normal;
    font-style: normal;
    
}
@font-face {
    font-family:'IRANSansWeb_Medium';  
    src: url('fonts/IRANSansWeb_Medium.eot');
    src: url('fonts/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/IRANSansWeb_Medium.woff') format('woff'),
         url('fonts/IRANSansWeb_Medium.ttf') format('truetype');
   
    font-weight: normal;
    font-style: normal;
    
}
@font-face {
    font-family:'Yekan';  
    src: url('fonts/Yekan.eot');
    src: url('fonts/Yekan.eot?#iefix') format('embedded-opentype'),
         url('fonts/Yekan.woff') format('woff'),
         url('fonts/Yekan.ttf') format('truetype');
   
    font-weight: normal;
    font-style: normal;
    
}
body.aaa { font-family:'IRANSansWeb'; background-image:url(../images/salary.jpg); background-size:1850px; background-position:center; background-attachment:fixed; direction:rtl; color:#000;}
body.bbb { font-family:'IRANSansWeb'; background:url(../images/bg.jpg); direction:rtl; color:#000;}
.mainbox { width:1000px; margin:0 auto; position:relative;}
a { text-decoration:none; color:inherit;}

input[type=text], input[type=password], input[type=file], textarea, select { font-family:'IRANSansWeb'; font-size:14px; line-height:25px; border-radius:3px; margin:2px; border:1px solid #999; background:#FFF; border-radius:5px; color:#666;}
input[type=text]:focus, input[type=password]:focus, textarea:focus { box-shadow:0px 0px 3px #F80; border-color:#F80;}

#btnsubmit, .btnsubmit { background-color:#3599A9; background-image:linear-gradient(#3599A3,#3599A5,#3599A7,#3599A9); text-shadow:.5px 1px 0 rgba(0,0,0,.4); box-shadow:0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset; border:1px solid #3599A9; padding:2px 8px; cursor:pointer; font-family:'IRANSansWeb'; color:#000; text-align:center;}
.btnsubmit { width:100%; line-height:35px; font-size:18px;}
#btnsubmit { margin:2px 2px 0 0; height:34px; border-radius:5px; font-size:16px;}
#btnsubmit:hover, #btnsubmit:focus, .btnsubmit:hover, .btnsubmit:focus { background-color:#FF6600; background-image:linear-gradient(#F60,#F60,#F60); border-color:#FF6600;}

.ok { color:#060; line-height:28px; line-height:28px;}
.error { color:#F00; margin-top:20px; line-height:28px;}
.captcha_bg { width:65px; text-align:left;}

/* LoginForm */
.login_form { padding:20px 20px 5px 20px; width:280px; margin:auto; position:fixed; top:50%; left:50%; border:1px solid #111; background-color:rgba(0%,0%,0%,.9); overflow:hidden; transform:translate(-50%, -50%); font-size:14px; color:#FFF; border-radius:12px;}
.login_form h3 { font-weight:100; text-align:center; font-size:14px; margin-top:8px; color:#FF6600;}
.login_form h1 { font-family:'IRANSansWeb_Medium'; text-align:center; font-size:24px; margin-bottom:15px;}
.login_form table { width:270px; margin:0 5px;}

.login_form input[type=text], .login_form input[type=password] { height:42px; line-height:42px; padding:0 18% 0 5%; width:77%; border:1px solid #333; box-shadow:1px 1px 1px #333; background-repeat:no-repeat; background-position:98% center; background-size:12%; font-size:16px;}
.login_form input[type=text]{ background-image:url(../images/login1.png)}
.login_form input[type=password]{ background-image:url(../images/login2.png)}

/* Salary */
.nav_bar { height:50px; background:#111; color:#F1F1F1;}
.passchange_box { position:fixed; top:50px; right:0; background:rgba(0%,0%,0%,.86); z-index:100; display:none; width:100%;}
a.psystem { float:right; line-height:50px; background-image:url(../images/registry.png); background-repeat:no-repeat; background-position:right 11px; background-size:22px; padding-right:30px;}
a.logoutbtn, a.pname, a.changepassword { float:left; margin:10px 5px; padding:7px; height:16px; line-height:16px; font-size:13px;}
a.pname { border-left:1px solid rgba(255,153,102,1); padding-left:15px; background-image:url(../images/people.png); background-repeat:no-repeat; background-position:99% center; background-size:20px; padding-right:30px;}
a.logoutbtn { transition:250ms all 1ms ease-in-out; border-radius:5px; background-image:url(../images/power.png); background-repeat:no-repeat; background-position:5px center; background-size:18px; padding-left:30px;}
a.changepassword { transition:250ms all 1ms ease-in-out; border-radius:5px; background-image:url(../images/login2.png); background-repeat:no-repeat; background-position:5px center; background-size:18px; padding-left:30px; cursor:pointer;}
a.logoutbtn:hover { background-color:rgba(0,0,0,.1)}

.logo { background-image:url(../images/logo.png); background-repeat:no-repeat; width:250px; height:250px; background-size:100%; margin:40px auto 30px;}
table.selectp { margin:0 auto; text-align:center;}
table.selectp select, table.selectp input[type=password] { width:250px; text-align:center; height:35px}
table.selectp img { margin-left:5px; width:28px; height:auto;}
fieldset { border:0px solid #222; margin:50px auto; width:380px; overflow:hidden; }
legend { margin-right:5%; padding:0 10px; font-size:14px; color:#EEE;}

.footer { position:absolute; bottom:0; height:30px; line-height:30px; width:100%; text-align:center; font-size:11px; background:#111; color:#F96; font-family:Tahoma, Geneva, sans-serif;}
.hamed {
	font-family:Tahoma, Geneva, sans-serif;
	text-align:center;
	height:20px;
	color:#717171;
	line-height:20px;
	margin-top:10px;
	text-align:center;
	font-size:10px;
}

/* Print */
.print_table { font-family:'Yekan'; font-size:13px; direction:rtl; margin:10px auto; width:900px;}
.full_col { overflow:hidden;}
.half_col, .quarter_col { float:right; overflow:hidden;}
.right { border-right:2px solid #000;}
.left { border-left:2px solid #000;}
.top { border-top:2px solid #000;}
.bottom { border-bottom:2px solid #000;}
.top_b { border-top:1px solid #000; margin-top:5px;}

.print_table img { width:100px; height:auto; float:right; margin:10px 40px;}
.print_table h1 { font-size:28px; line-height:37px; margin:20px 0; width:800px; text-align:center; text-shadow:2px 2px 1px #CCC;}
.print_table h4 { font-weight:100; float:right; line-height:28px; height:28px;}
.print_table h6 { font-weight:100; float:left; line-height:28px; height:28px;}
.print_table h2 { font-weight:100; float:right; line-height:50px; font-size:18px; text-align:right; width:85%;}
.print_table h3 { font-weight:100; float:right; line-height:50px; font-size:18px; margin-right:1.2%; width:13.8%;}
.print_table h5 { font-weight:100; float:left; line-height:28px;}
.half_col h4 { margin-right:3%; width:30%;}
.half_col h6 { width:65%;}
.quarter_col table { width:100%;text-align:center; margin-bottom:5px; border-bottom:1px solid #000;}
.quarter_col table td { height:35px; line-height:35px;}
.quarter_col h4 { margin-right:3%; width:52%; overflow:hidden;}
.quarter_col h6 { width:40%; margin-left:5%; text-align:left;}
.full_col i { float:right; line-height:28px; text-align:center; margin:20px auto 0px; width:100%;}
.note { text-align:center; font-size:12px;}
.quarter_col h4 span { float:left; text-align:left;}
.half_col span { line-height:28px; margin-right:2%;}

.print_icon { position:fixed; bottom:25px; left:20px; width:110px; height:110px; background-image:url(../images/printer.png); background-repeat:no-repeat; background-size:95%; transition:200ms all 1ms ease-in-out; background-position:center;}
.print_icon:hover { background-size:100%;}