*{font-family:Tahoma; font-size:9pt;}
html {height: 100%;overflow-y:scroll;}
body{margin:0px;padding:0px;font-family:tahoma;font-size:9pt;background-color:#f3f3f3;text-align:center;height: 100%;}
#header { height:70px;background-color:white;text-align:center;padding-top:10px;border-bottom:8px solid #84b9ff;width:100%;}
input { border-radius: 0;}
#center{margin:0 auto;height:100%;}
#wrapper{border:1px solid #dddddd;background-color:white;width:750px;min-height:80%;text-align:left;margin-top:-35px;position:relative;}
#content {direction:rtl;font-family:tahoma;font-size:9pt;padding:5px;height:auto;}
#logo {text-align:left;position:absolute;top:-38px;left:0px;}

@font-face {
	font-family: 'Yekan';
	src: url('/static/fonts/Yekan.eot?#') format('eot'),   url('/static/fonts/Yekan.woff') format('woff'),    url('/static/fonts/Yekan.ttf') format('truetype');  
   font-weight: normal;
   font-style: normal;
}

.headbox {color:navy;padding-bottom:5px;margin-left:5px;margin-right:5px;font-family:Yekan,Arial;font-size:13px;font-weight:normal;border-bottom:1px solid #E4E4F1;text-align:right;direction:rtl;}


.box{font-size:9pt;background-color:White;border:1px solid #dddddd;}
.box .header{padding:0px;margin:0px;font-size:9pt;background-color:#fafafa;border-bottom:1px solid #dddddd;padding-top:6px;padding-bottom:6px;text-align:center}
.box .title{padding:3px; font-family:Tahoma; font-size:8pt;width:100%;direction:rtl;}
.box .content{margin:2px;direction:rtl;text-align:right;margin:3px;margin-top:3px;margin-bottom:3px;}

form {margin:0px;padding:0px;direction:rtl;}
table{font-family:Tahoma; font-size:9pt;}
.textbox{border: 1px solid #dddddd;padding:5px;font-family:Tahoma; font-size:9pt; color:#000000; background-color:#FFFFFF;box-sizing: border-box ;}
.textarea{border: 1px solid #dddddd;padding:5px; font-family:Tahoma; font-size:9pt; color:#000000; background-color:#FFFFFF;box-sizing: border-box ;}      
.clear{clear:both;}

.s{font-family: Tahoma; font-size: 8pt; font-weight:bold; color :Red  }
.btn {-webkit-appearance: none; border-radius: 0;padding:6px;background-color:#2196f3;color:white;border:0px;font-family: Tahoma; font-size: 9pt;box-sizing: border-box ;}
.btn:hover {-webkit-appearance: none; border-radius: 0;padding:6px;background-color:#1976d2;color:white;border:0px;font-family: Tahoma; font-size: 9pt;box-sizing: border-box ;}


a:link{color:#0288d1;text-decoration:none;}
a:visited  {color:#0288d1;text-decoration:none;}
a:hover{color:#01579b;text-decoration:none;}
table{font-family:Tahoma; font-size:9pt;}

hr{border:0px;}

.pagination {padding: 4px; margin: 4px 0; direction:ltr;text-align:center;font-family:tahoma;font-size:9pt;}
.pagination a:link{padding-top:3px;padding-bottom:3px;padding-left:6px;padding-right:6px;margin-left:2px;margin-right:2px;background-color:white;color:#0560A6;text-decoration:none;border:1px solid #C0C0C0; }
.pagination a:visited  {background-color:white;color:#0560A6;text-decoration:none;border:1px solid #C0C0C0;}
.pagination a:hover{background-color:#0087ff;color:white;text-decoration:none;border:1px solid #C0C0C0;}
.pagination .space{color:gray;margin-left:0px;margin-right:0px;padding-left:0px;padding-right:0px;}
.pagination .sel{padding-top:3px;padding-bottom:3px;padding-left:6px;padding-right:6px;margin-left:2px;margin-right:2px;color:gray;border:1px solid #C0C0C0;}


#menu {font-size:9pt;text-align:center;margin-top:10px;margin-bottom:10px;direction:rtl;color:gray;line-height:200%;padding-left:5px;padding-right:5px;}

@media screen and (max-width: 700px){
#wrapper{margin:0px;border:0px solid #dddddd;display:block;min-height:80%;background-color:white;min-width:300px;width:100%;}
#header { width:auto;margin:0px;height:30px;background-color:white;text-align:left;padding-top:10px;padding-left:1%;border-bottom:5px solid #84b9ff;max-width:100%;}
input {max-width:100%;}  
}