@charset "utf-8";
/* CSS Document */
html{min-height:100%;position:relative}
body{background-color: #DFE8EC; margin:0; font-family:tahoma; direction:rtl; font-size:12px; }
img{border:none;}
a{float:right; text-decoration:none;}
li{ float:right; list-style:none; margin:0; padding:0;}
.title{float: right;color: #3f3f3f;background: #FFFFFF;height: 40px;line-height: 40px;font-size: 20px;border-bottom: #dedede 1px solid; padding: 0 15px;}
.box{ float:right; border:#dedede 1px solid; background-color:#f2f6f8; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-bottom:15px; }
.boxes-spacer{ float:right; width:20px; height:15px;}
.boxes-spacer-15{ float:right; width:15px; height:15px;}
.dark-row{ background-color:#e1eaee;}
.green-text{color:#08971f;}
.red-text{color:#f92b2b;}
.white-text{color:white;}
.green-bg{background-color:#08971f;}
.red-bg{background-color:#f92b2b;}
.blue-bg{background-color: #3bafe3;}
.up-arrow{background-image:url(images/up-arrow.png);}
.down-arrow{background-image:url(images/down-arrow.png);}
.gradiant-green{background-image:url(images/gradiant-green.png);}
.gradiant-red{background-image:url(images/gradiant-red.png);}
.gradiant-black{background-image:url(images/gradiant-black.png);}

.container{ margin-right:auto; margin-left:auto; width:1000px; display: table; content: " ";}
header{ float:right; position:fixed;background-color: #DFE8EC; width:1000px; height:120px; }
.logo-menu{ float:right;height: 84px; background:#FFFFFF; padding:0  20px 15px; width:960px; margin-bottom:15px;}
.logo{ float:right; margin-top:15px;}
.name{ float:left;margin-top:15px; padding:3px 10px;; height:34px; border:#dedede 1px solid; width:164px; font-size:12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height:150%;}
.settings, .mail{ position:relative; float:left; width:40px; height:40px; border:#dedede 1px solid; font-size:12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-position:center center; margin-left:10px; background-repeat:no-repeat;}
.mail{ background-image:url(images/mail.png);}
.settings{ background-image:url(images/settings.png);}
.mail .notification{ font-weight:bold; font-size:11px; color:#ffffff; text-align:center; line-height:15px; position:absolute; width:15px; height:15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color:#FF0000; right:-7px; top:-7px;}

.top-menu{ width:587px; margin-right:30px; float:right; position:relative; margin-bottom:70px;}
.top-menu .item{ float:right; height:80px; width:60px; padding:15px 5px 5px; text-align:center; color:#0c658c;  }
.top-menu .item .blue-box{ float:right; cursor:pointer; width:50px; height:50px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #3bafe3; margin:0 5px 5px; background-position:center; background-repeat:no-repeat;}


.sub-menu .sub-item:hover, .top-menu .item:hover .blue-box{background-color: #0c658c; color: #fff; }
.top-menu .item:hover .sub-menu { visibility:visible;background-color:#F8F8F8;}

.sub-menu{ visibility:hidden; bottom:-56px; right:-187px; position:absolute; width:970px; padding:10px 15px; background-color:#EAEAEA;  }
.sub-menu .sub-item{ float:right; height:33px; width:auto; line-height:33px; margin-left:10px; text-align:center; font-weight:bold; color:#3c3c3c; background-color:#f8b442; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:2px 20px; }

section{ margin-top:120px; float:right; background-color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:15px; width:970px; }
.top-section{ float:right; width:970px; border-bottom:solid #dedede 1px; padding-bottom:10px; margin-bottom:20px;} 
.top-section .title{  color:#0c658c; padding-right:40px; height:30px; line-height:30px; background-position:center right; font-size:20px; background-repeat:no-repeat; border:none;}
.search{ float:left;}
.search .button{ float:left; background-color:#3bafe3; width:70px; height:30px; text-align:center; font-size:10px; cursor:pointer; line-height:30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:none; color:#FFFFFF; font-weight:bold; margin-right:10px;}
.search .list{ float:left; margin-right:10px; height:30px; width:130px; padding:5px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:#dedede 1px solid;}
.search input{ float:left; margin-right:10px; height:28px; width:140px; padding:0 10px;   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:#dedede 1px solid;}

.wide .box{  width:473px; }
.wide .box .title{ width:443px; }
.wide .box .sub-item{ float:right; margin:0 15px; padding:10px 0; height:30px; line-height:30px; font-size:14px; width:443px; }
.right-side{ float:right;}
.left-side{ float:left;}
.wide .box .spacer{ float:right; height:1px; background-color:#dedede; width:443px; margin:0 15px;}
.wide .box  .sub-item select{ cruser:green; float:left; border:#dedede 1px solid; border-bottom:rgba(216, 216, 216, 1) 2px solid; width:150px; height:30px; font-weight:bold; margin-right:10px; background: #f6f6f6;
background: -moz-linear-gradient(top, #f5f5f5 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top, #f5f5f5 0%,#efefef 100%);
background: -o-linear-gradient(top, #f5f5f5 0%,#efefef 100%);
background: -ms-linear-gradient(top, #f5f5f5 0%,#efefef 100%);
background: linear-gradient(to bottom, #fafafa 0%,#f2f2f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e8e8e8',GradientType=0 );}
.wide .box  .sub-item input{ float:left; border:#dedede 1px solid; width:150px; height:28px; padding:0; font-weight:bold; margin-right:10px;}
.wide .box  .sub-item .yetra{ float:left; color:#3bafe3; font-weight:bold; font-size:12px;}

.login{ width:290px; margin:250px auto 0; padding:100px 0 0 0; background-image:url(images/logo.png); background-repeat:no-repeat; background-position:center top;}
.login img{ float:left;}
.login li{ float:right; margin-bottom:10px;}
.enter-text{border: 1px solid #d0c7c7; float:right; border-left:none; background-color: #fff; height:45px; padding:0 20px 0 0; width:227px; -webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.log-button{ width:188px; -moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; /* border radius */
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box; /* prevents bg color from leaking outside the border */
background-color: #30a3c9; /* layer fill content */
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3OGNhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJmYWJkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
background-image: -moz-linear-gradient(bottom, #278caf 0%, #2fabd5 100%); /* gradient overlay */
background-image: -o-linear-gradient(bottom, #278caf 0%, #2fabd5 100%); /* gradient overlay */
background-image: -webkit-linear-gradient(bottom, #278caf 0%, #2fabd5 100%); /* gradient overlay */
background-image: linear-gradient(bottom, #278caf 0%, #2fabd5 100%); /* gradient overlay */
border:none; color:#FFFFFF; height:40px; padding:0; margin:0 51px;}
.login .forget{ margin:4px 51px 0 0; color: #0a5a76; /* text color */
font-family: "Tahoma";
font-size: 13px;}

aside{ float:left; width:265px; margin:0 0 15px 0;}
aside .ad{ float:right; background-color:#CCCCCC; width:265px; height:235px; margin-bottom:15px;}
aside .options{ float:right; width:263px; margin-bottom:15px; border: #dedede 1px solid; background-color:#f2f6f8;}
aside .options .option{ float:right; margin-right:15px; height:30px; color:#1898d0; font-size:12px; font-weight: bold;line-height: 30px;}
aside .options .title{width: 233px;}
aside .options .spacer {float: right;height: 1px;background-color: #dedede;width: 263px;}

.right-section{ float:right; width:705px;}
.w335{ width:335px;}
.w305{ width:305px;}
.w688{ width:688px;}
.w658{ width:658px;}
.right-section li{ width:100%; height:39px; color:#1898d0; font-size:14px; font-weight: bold; font-style:normal; line-height: 40px;}
.right-section .right-side{ margin-right:15px;}
.right-section .left-side{ margin-left:15px;}
.tiny-box{width:35px; padding:0 5px 0 20px; height:25px; margin-top:7px;line-height: 25px; color:#FFFFFF; background-position:5px center; background-repeat:no-repeat;}
.shik-number, .bank, .snef, .total, .status{ float:right; border-left:solid 1px #d0c7c7; padding-right:10px;}
.shik-number{ width:90px;}
.bank{width:98px;}
.snef{width:120px;}
.total{width:90px;}
.status{width:236px; border:none;}
.stat{ width:41px; height:21px; float:right; -moz-border-radius: 2px;-webkit-border-radius: 2px; border-radius: 2px; text-align:center; font-size:11px; color:#FFFFFF; margin:10px 0 0 6px; line-height:21px;}
.Loading{width:100%; height:100%; position:absolute; left:0; right:0; top:0; bottom:0; background: rgba(255, 255, 255, 0.8); z-index:1000000000000; display:none;}
.Loading img{ position:absolute; left:50%; margin-left:-40px; top:50%; margin-top:-40px;}

.black-bg{position: absolute; background:rgba(0, 0, 0, 0.72); z-index:500; padding-top:40px;display:none; top:0; left:0; right:0; bottom:0;}
.popup{margin:auto; background-color:#FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:15px; width:970px; position:relative;-moz-box-shadow: -2px 2px 9px #000;-webkit-box-shadow: -2px 2px 9px #000;box-shadow: -2px 2px 9px #000;}
.exit{position:absolute; right:-10px; top:-10px;}
.popup .content{width:auto; height:auto; overflow:hidden;}
table { 
		width: 100%; 
		border-collapse: collapse; 
		direction:rtl;
		text-align:center;
		transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	}
	tr:nth-of-type(odd) { 
		background: #eee; 
	}
	th { 
		background: #3bafe3; 
		color: white; 
		font-weight: bold; 
		border: 0px;
	
	}
	td { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: right; 
	}
	th { 
		padding: 6px; 
		border: 1px solid #2a80a7; 
		text-align: center; 
	}	
	
	.tabs{ float:right; width:970px; font-family:arial;}
.tabs .title2s{float:right; width:970px; }
.tabs .title2s .title2{float:right; padding:5px; background-color:#00aedf;
-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;border-top-right-radius: 5px; font-weight:bold; color:#FFF; margin-left:5px; font-size:14px;z-index:2;}
.tabs .tab-body{float:right; margin-top:-1px; z-index:1; width:970px;border: #dedede 1px solid;  background-image:url(images/tabs-bg.jpg); background-position:bottom;}
.tabs .tab-body .box2{float:right; width:210px; margin:16px; color:#413b3b; font-weight:bold;}
.tabs .tab-body input{float:right; padding:5px; width:198px; margin-top:10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; height:23px; border: #dedede 1px solid;}
.hidden{display:none;}
a{text-decoration:none;}

.Row{width:100%; height:40px; float:right; border-bottom: 1px dotted #eee; margin-bottom:15px;}
.Row .label{width:120px; float:right; line-height: 28px;}
.Row input{width:150px; float:right; margin-right:2px;  margin-right:10px; height:28px; width:250px; padding:0 10px;   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:#dedede 1px solid;}
.Row select{cruser:green; border:#dedede 1px solid; border-bottom:rgba(216, 216, 216, 1) 2px solid; width:150px; height:30px; font-weight:bold; margin-right:10px; background: #f6f6f6;
background: -moz-linear-gradient(top, #f5f5f5 0%, #efefef 100%;); float:right;}
/* Global Classes */
.hide{display:none;}
.click{cursor:pointer !important;}
.Button{width:auto; height:30px; line-height:30px; width:80px; cursor: pointer; border-radius:4px; text-align:center; color:#fff;}
.fspacer{width:100%; height:1px; margin-top:15px; float:right; clear:both;}
/* width */
.w100{width:100px !important;}
.w150{width:150px !important;}
.w200{width:200px !important;}
.w300{width:300px !important;}


/* margin */
.mt10{margin-top:10px !important; }
.mt15{margin-top:15px !important; }
.ml15{margin-left:15px !important;}
.mb15{margin-bottom:15px !important;}

/* display */

/* colors */
.green{background:#65d11d !important;}
.orange{background: #f8b442 !important;}
.red{background:#f84242 !important;}

.fleft{float:left !important;}
.b0{border:0 !important;}
.AClose{width:60px; height:30px; line-height: 30px; background:#f8b442; text-align:center; border-radius:3px; color:#333; cursor: pointer; font-weight:bold;}
.red td{color:#fff;-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}