@font-face{font-family:'NotoSansKufiArabic-Bold';src:url('./fonts/NotoSansKufiArabic-Bold.eot');src:url('./fonts/NotoSansKufiArabic-Bold.eot?#iefix') format('embedded-opentype'),url('./fonts/NotoSansKufiArabic-Bold.woff') format('woff'),url('./fonts/NotoSansKufiArabic-Bold.ttf') format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'NotoSansKufiArabic-Regular';src:url('./fonts/NotoSansKufiArabic-Regular.eot');src:url('./fonts/NotoSansKufiArabic-Regular.eot?#iefix') format('embedded-opentype'),url('./fonts/NotoSansKufiArabic-Regular.woff') format('woff'),url('./fonts/NotoSansKufiArabic-Regular.ttf') format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'GESSLight';src:url('./fonts/gs-Light.eot');src:url('./fonts/gs-Light.eot?#iefix') format('embedded-opentype'),url('./fonts/gs-Light.woff') format('woff'),url('./fonts/gs-Light.ttf') format('truetype'),url('./fonts/gs-Light.svg#MHGOZ-Light') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:GUNPLAYRG;src:url(./fonts/gunplayrg.ttf);src:url(./fonts/gunplayrg.ttf) format('truetype');font-weight:400;font-style:normal}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;color:#f00;text-decoration:none}a:focus{outline:dotted thin}
a:hover{color:#f50}
abbr{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
acronym{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
address{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
applet{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
article{display:block;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;font-family:"GUNPLAYRG";text-align:center;font-size:20px}article header{padding-top:0;font-size:7vw;letter-spacing:5px}
article #en-detail{text-transform:uppercase;letter-spacing:2px}
article #ar-detail{font-family:"GESSLight"}
article p{padding:0;font-size:1.5vw;padding-bottom:5px}
aside{vertical-align:baseline;display:block;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
audio{vertical-align:baseline;display:inline-block;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}audio:not([controls]){display:none}
b{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
big{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
blockquote{vertical-align:baseline;quotes:none;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}blockquote:after{content:'';content:none}
blockquote:before{content:'';content:none}
body{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;font-size:14px;font-family:NotoSansKufiArabic-Regular !important;direction:rtl}
canvas{vertical-align:baseline;display:inline-block;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
caption{font-weight:400;text-align:left;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;font-weight:normal;text-align:left}
center{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
cite{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
code{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
dd{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
del{vertical-align:baseline;color:#333;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
details{vertical-align:baseline;display:block;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
dfn{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
div{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
dl{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
dt{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
em{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
embed{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
fieldset{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
figcaption{vertical-align:baseline;display:block;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
figure{vertical-align:baseline;display:block;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
footer{display:block;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;text-align:center}footer p{padding:20px 0}
form{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
h1{clear:both;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;clear:both}
h2{clear:both;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;clear:both}
h3{clear:both;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;clear:both}
h4{clear:both;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;clear:both}
h5{clear:both;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;clear:both}
h6{clear:both;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;clear:both}
header{vertical-align:baseline;display:block;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
hgroup{vertical-align:baseline;display:block;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
html{margin:0;padding:0;border:0;vertical-align:baseline;overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;color:#0b2de6}
i{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
iframe{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
img{vertical-align:baseline;-ms-interpolation-mode:bicubic;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
ins{vertical-align:baseline;background:#fff9c0;text-decoration:none;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
kbd{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
label{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
legend{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
li{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
mark{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
menu{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
nav{vertical-align:baseline;display:block;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
object{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
ol{vertical-align:baseline;list-style:none;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
output{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
p{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;text-align:center;padding:5px 0}
pre{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
q{vertical-align:baseline;quotes:none;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}q:after{content:'';content:none}
q:before{content:'';content:none}
ruby{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
s{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
samp{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
section{vertical-align:baseline;display:block;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
small{vertical-align:baseline;font-size:smaller;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
span{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
strike{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
strong{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-0.25em;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
summary{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
table{border-spacing:0;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;border-collapse:collapse;border-spacing:0}
tbody{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
td{font-weight:400;text-align:left;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;font-weight:normal;text-align:left}
tfoot{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
th{font-weight:400;text-align:left;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;font-weight:normal;text-align:left}
thead{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
time{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
tr{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
tt{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
u{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
ul{vertical-align:baseline;list-style:none;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
var{vertical-align:baseline;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
video{vertical-align:baseline;display:inline-block;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
hr{background-color:#ccc;border:0;height:1px;margin:24px 24px 1.714285714rem}
.btn-style{background-color:#428ed8}.btn-style:hover{background-color:rgba(255,0,0,0.59)}
.green{color:#1e9e0b}
.navlogo{margin:0;width:100%;margin:0}
.margin_auto{margin:0 auto}
#warpper:after{content:"";display:block}
#warpper form{margin:0 auto;margin-bottom:10px;text-align:center}#warpper form input{width:100%;margin:12px 0;direction:ltr}
#warpper form option{padding:.5em 0;padding:15px 0;background:rgba(255,0,0,0.019)}
#warpper form select{-webkit-box-shadow:0 0 2px 0 rgba(255,0,0,0.99);-moz-box-shadow:0 0 2px 0 rgba(255,0,0,0.99);box-shadow:0 0 2px 0 rgba(255,0,0,0.99);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');border:none;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;width:100%;margin:12px 0;background:rgba(255,0,0,0.019);text-align:center}
#warpper #login_form{width:30%}#warpper #login_form input{padding:17px 0;border:1px solid #0e0b9e}#warpper #login_form input:hover{border:none}
#warpper .data-form{margin:0 auto;width:30%}
.input_field{background:rgba(255,0,0,0.1);text-align:center;padding:15px 0;border:none;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;-webkit-box-shadow:0 0 2px 0 rgba(255,0,0,0.99);-moz-box-shadow:0 0 2px 0 rgba(255,0,0,0.99);box-shadow:0 0 2px 0 rgba(255,0,0,0.99);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')}.input_field:hover{-webkit-box-shadow:0 0 3px 0 rgba(255,0,0,0.99);-moz-box-shadow:0 0 3px 0 rgba(255,0,0,0.99);box-shadow:0 0 3px 0 rgba(255,0,0,0.99);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')}
.input_field:focus{-webkit-box-shadow:0 0 2px 0 rgba(255,0,0,0.99);-moz-box-shadow:0 0 2px 0 rgba(255,0,0,0.99);box-shadow:0 0 2px 0 rgba(255,0,0,0.99);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');background:rgba(255,0,0,0.4)}
.button{padding:10px 45px;background-color:#fff;border:none;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;-webkit-box-shadow:0 0 2px 0 rgba(255,0,0,0.99);-moz-box-shadow:0 0 2px 0 rgba(255,0,0,0.99);box-shadow:0 0 2px 0 rgba(255,0,0,0.99);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');border:1px solid #1e9e0b;font-family:GESSLight}.button:hover{background-color:rgba(255,0,0,0.59)}
input[type="submit"]{padding:10px 45px;background-color:#fff;border:none;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;-webkit-box-shadow:0 0 2px 0 rgba(255,0,0,0.99);-moz-box-shadow:0 0 2px 0 rgba(255,0,0,0.99);box-shadow:0 0 2px 0 rgba(255,0,0,0.99);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');border:1px solid #1e9e0b;font-family:GESSLight}input[type="submit"]:hover{background-color:rgba(255,0,0,0.59)}
h1.logo{font-size:80px;border-bottom:solid #fff 1px;text-align:center}
nav#menu{width:20%;text-align:center;min-height:100vh;position:fixed;background:rgba(200,200,200,0.2);border-left:solid #d3d3d3 1px;-webkit-box-shadow:0 0 5px 0 rgba(255,0,0,0.99);-moz-box-shadow:0 0 5px 0 rgba(255,0,0,0.99);box-shadow:0 0 5px 0 rgba(255,0,0,0.99);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')}nav#menu .mobile-view{display:none}
nav#menu .logo{width:100%}
nav#menu ul a{color:#000;text-decoration:none}nav#menu ul a:hover{color:#f00}nav#menu ul a:hover li{text-indent:30px;background-color:rgba(255,0,0,0.2);border-left:solid 3px rgba(255,0,0,0.89)}
nav#menu ul a li{text-indent:20px;padding:10px 10px;text-transform:uppercase;margin-bottom:10px;border-top:1px solid #fff;border-bottom:solid rgba(0,0,0,0.4) 1px}
li.active{border-right:solid 5px #f00 !important;background:rgba(255,0,0,0.1) !important;font-family:NotoSansKufiArabic-Bold}
#content{min-height:100vh;overflow-y:auto;width:80%;margin-right:auto;background:rgba(0,0,0,0)}#content table{margin-top:10px}
ul.profile{width:100%;text-align:center;margin-bottom:10px}ul.profile li{display:inline-table;width:40%;margin:3px 5px;padding:20px 0;background:rgba(12,223,30,0)}ul.profile li a{color:#fff}
ul.profile li .btn{background:#c8c8c8;border:none}
ul.profile li input{width:95%}
ul.profile li select{width:95%}
#profile{width:200px;text-align:center}
#page-title{background:rgba(0,0,0,0.7);min-height:80px;text-align:center;font-size:24px;margin-bottom:10px;margin-right:3px}#page-title p{padding:20px 0;color:#fff}
#page-title div.info{color:#fff;font-size:14px;position:absolute;width:100px;left:0;top:0;height:79px;border-right:1px solid #fff;border-bottom:4px solid #fff;background-size:100px}#page-title div.info img{position:relative;top:10px}
#page-title div.info ul{display:none;margin:0;padding:0;position:relative;z-index:222;top:10px}#page-title div.info ul li{border-bottom:rgba(255,255,255,0.2) solid 1px;padding:10px 0;background:#555}#page-title div.info ul li a{color:#fff;padding:10px 0}
#page-title div.info ul li:hover{background:#999}
#item-list table{width:90%;margin:0 auto}#item-list table tr.tr-head{background:rgba(255,0,0,0.2)}#item-list table tr.tr-head td{padding:20px 0;font-family:NotoSansKufiArabic-Bold}
#item-list table td{vertical-align:inherit;border-left:solid rgba(0,0,0,0.09) thin;border-right:solid rgba(0,0,0,0.09) thin;text-align:center;padding:12px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
ul.report{width:80%;margin:0 auto}ul.report li{width:45%;text-align:center;margin-right:2px;margin-top:2px}ul.report li a{padding:40px 0;color:#000;display:inline-block;width:100%}
ul.report li.box{display:inline-block;text-align:center;margin-right:20px;margin-top:20px;-webkit-box-shadow:0 0 5px 0 rgba(255,0,0,0.99);-moz-box-shadow:0 0 5px 0 rgba(255,0,0,0.99);box-shadow:0 0 5px 0 rgba(255,0,0,0.99);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');width:30%;border:none;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px}ul.report li.box:hover{background:rgba(255,0,0,0.15)}
.hide{display:none}
.show{display:block}
.fontfm{font-family:sans-serif;direction:ltr}
.error{border:1px solid rgba(255,0,0,0.34);background-color:rgba(255,0,0,0.14)}
@media only screen and (max-width:620px){#warpper #login_form{width:50%}}@media only screen and (max-width:800px){nav#menu{width:30%} #content{width:70%}}@media only screen and (max-width:720px){table{overflow-x:auto;width:100% !important}table td{font-size:12px} .button{padding:5px 4px} input[type="submit"]{padding:5px 4px} nav.info{position:static !important;float:left} #warpper #login_form{width:90%} h1.logo{font-size:30px} footer{position:relative;bottom:auto} #content{margin-bottom:20px;width:100%}#content article{padding:0} #content form{width:100%}#content form input{width:100%} #login_form{width:100%} img{width:100% !important;margin:0 !important} li.box{float:none !important;width:100% !important;margin-right:0 !important} ul.profile{width:95%;margin:0 auto;text-align:center;margin-bottom:50px}ul.profile li{display:block;width:100%;margin:3px 0;padding:20px 0;background:rgba(12,223,30,0)}ul.profile li a{color:#fff} ul.profile li .btn{background:#c8c8c8;border:none} ul.profile li input{width:95%} ul.profile li select{width:95%} ul.profile li.box{margin-top:10px} nav#menu{width:100%;margin-bottom:20px;position:relative;min-height:20px}nav#menu .navbar-header{background:rgba(0,0,0,0.1)}nav#menu .navbar-header .navbar-toggle{background:url(../img/list.png) no-repeat;border:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;float:left} nav#menu .desktop-view{display:block} article{margin:5px 0;border-right-width:10px;width:100%}article p{font-size:16px} article header{padding-top:5px;font-size:80px;letter-spacing:3px} article #en-detail{letter-spacing:1px} #page-title div.info{position:static;float:left}#page-title div.info img{width:auto !important}}