@font-face{
	font-family:'Assistant';
	src:url('/font/Assistant-Regular.eot');
	src:url('/font/Assistant-Regular.eot?#iefix') format('embedded-opentype'),
		url('/font/Assistant-Regular.woff2') format('woff2'),
		url('/font/Assistant-Regular.woff') format('woff'),
		url('/font/Assistant-Regular.ttf') format('truetype');
	font-weight:normal;
}

@font-face{
	font-family:'Assistant';
	src: url('/font/Assistant-Bold.eot');
	src: url('/font/Assistant-Bold.eot?#iefix') format('embedded-opentype'),
		url('/font/Assistant-Bold.woff2') format('woff2'),
		url('/font/Assistant-Bold.woff') format('woff'),
		url('/font/Assistant-Bold.ttf') format('truetype');
	font-weight:bold;
}

@font-face{
	font-family:'Assistant';
	src:url('/font/Assistant-ExtraLight.eot');
	src:url('/font/Assistant-ExtraLight.eot?#iefix') format('embedded-opentype'),
		url('/font/Assistant-ExtraLight.woff2') format('woff2'),
		url('/font/Assistant-ExtraLight.woff') format('woff'),
		url('/font/Assistant-ExtraLight.ttf') format('truetype');
	font-weight:100;
}

@font-face{
	font-family:'Assistant';
	src:url('/font/Assistant-Light.eot');
	src:url('/font/Assistant-Light.eot?#iefix') format('embedded-opentype'),
		url('/font/Assistant-Light.woff2') format('woff2'),
		url('/font/Assistant-Light.woff') format('woff'),
		url('/font/Assistant-Light.ttf') format('truetype');
	font-weight:200;
}

@font-face{
	font-family:'FontAwesome';
	src:url('/font/FontAwesome.eot');
	src:url('/font/FontAwesome.eot?#iefix') format('embedded-opentype'),
		url('/font/FontAwesome.woff2') format('woff2'),
		url('/font/FontAwesome.woff') format('woff'),
		url('/font/FontAwesome.ttf') format('truetype');
}

body{
	margin:20pt 40pt;
	background:#000;
	font-family:Assistant;
	direction:rtl;
}

input,select,button{
	font-family:Assistant;
	outline:none;
}

.login{
	display:inline-block;
	margin-top:10%;
}

.login>img{
	width:220pt;
}

.login label{
	text-align:right;
	color:#fff;
	display:block;
	font-size:20pt;
	margin:18pt 0 10pt;
}

.login input{
	text-align:right;
	width:100%;
	font-size:20pt;
	padding:5pt;
}

.login button{
	cursor:pointer;
	font-size:20pt;
	background-color:#163389;
	color:#fff;
	width:100%;
	border:none;
	padding:10pt 0;
	margin-top:40pt;
	border-radius:4pt;
}

.login button:hover{
	background-color:#2646a7;
}

.title{
	color:#fff;
	text-align:right;
	border-bottom:1px solid #fff;
	background:url(/img/logo.png) top right no-repeat;
	background-size:145pt 60pt;
}

.title h1{
	padding:0 170pt 20pt 0;
	margin:0;
	font-size:40pt;
	font-weight:normal;
	border-bottom:4pt solid #163389;
	display:inline-block;
}

.title h1:before{
	content:"";
	position:absolute;
	background:#ddd;
	width:1px;
	height:59pt;
	top:17pt;
	right:196pt;
}

.tools{
	float:left;
	margin-top:1pt;
}

.tools button{
	border:none;
	margin-right:8pt;
	font-size:24pt;
	background-color:#163389;
	color:#fff;
	padding:12pt 15pt 13pt;
	border-radius:10pt;
	border-bottom:3pt solid #0c1e53;
	cursor:pointer;
}

.tools button i{
	font-family:FontAwesome;
	float:right;
	font-style:normal;
	font-size:21pt;
	margin:6pt 0 0 9pt;
}

.dataTables_filter{
	float:right;
	color:#fff;
	font-size:20pt;
	margin:33pt 0 20pt;
}

.dataTables_filter input{
	font-size:20pt;
	border:none;
	float:left;
	margin:-3pt 10pt 0 0;
	padding:3pt 7pt 5pt;
	border-radius:5pt;
}

.dataTables_length{
	float:left;
	color:#fff;
	font-size:20pt;
	margin:30pt 0 0;
}

.dataTables_length select{
	font-size:20pt;
	border:none;
	margin:0 7pt;
	padding:3pt 7pt 4pt;
	border-radius:5pt;
}

.dataTables_info{
	float:right;
	color:#fff;
	font-size:18pt;
	margin-top:15pt;
}

.dataTables_paginate{
	float:left;
	margin:15pt 0 20pt -1pt;
}

.paginate_button{
	font-size:18pt;
	background-color:#163389;
	color:#fff;
	padding:2pt 9pt 5pt;
	margin-right:7pt;
	border-radius:5pt;
	text-align:center;
	min-width:12pt;
	display:inline-block;
	cursor:pointer;
}

.paginate_button.disabled{
	cursor:default;
	opacity:0.7;
}

.paginate_button:hover:not(.disabled),
.paginate_button.current{
	background-color:#2646a7;
}

.dataTable{
	color:#fff;
	width:100%;
	font-size:20pt;
	direction:rtl;
	border-collapse:collapse;
	background-color:#262626;
}

.dataTable th{
	text-align:right;
	font-weight:normal;
	background-color:#4c4c4c;
}

.dataTable th,.dataTable td{
	border:1px solid #fff;
	padding:5pt 9pt 7pt;
}

.dataTable td>a{
	color:#bfc9e8;
}

.dataTable td:last-child button{
	font-family:FontAwesome;
	float:right;
	border:none;
	background:none;
	padding:0;
	font-size: 25pt;
	color:#fff;
	margin:1px -1pt 0 9pt;;
}

.dataTable td:last-child button:last-child{
	margin-left:0;
}

#popup{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
	background-color:rgba(0,0,0,0.5);
	display:none;
}

#popup>div{
	width:500pt;
	margin-top:30pt;
	position:relative;
}

#popup>div>h1{
	color:#fff;
	background-color:#163389;
	border-radius:5pt 5pt 0 0;
	font-weight:normal;
	text-align:right;
	font-size:28pt;
	padding:1pt 14pt 6pt 0;
	min-height:36pt;
	margin:0;
}

#popup>div>button{
	font-family:FontAwesome;
	color:#fff;
	cursor:pointer;
	background:none;
	border:none;
	font-size:28pt;
	position:absolute;
	top:6pt;
	left:5pt;
}

#popup>div>nav{
	background-color:#fff;
	border-radius:0 0 6pt 6pt;
}

.popup-btns{
	background-color:#4e4e4e;
	display:inline-block;
	width:100%;
	border-radius:0 0 5pt 5pt;
}

.popup-btns button{
	float:left;
	border:none;
	font-size:20pt;
	background-color:#163389;
	color:#fff;
	padding:10pt;
	width:90pt;
	border-radius:10pt;
	border-bottom:3pt solid #0c1e53;
	cursor:pointer;
	margin:9pt 0 7pt 10pt;
}

.form-field{
	display:inline-block;
	width:100%;
	direction:rtl;
	border-bottom:1px solid #7d7d7d;
}

.form-field label{
	float:right;
	font-size:22pt;
	border-left:1px solid #7d7d7d;
	width:160pt;
	text-align:right;
	padding:7pt 12pt 10pt;
	background-color:#eee;
}

.form-field label:last-child{
	width:291pt;
	border-left:none;
}

.form-field input,
.form-field select{
	float:right;
	border:none;
	font-size:22pt;
	padding:7pt 12pt 0 0;
	background:none;
	text-align:right;
	width:305pt;
}

.form-field.small label{
	padding:5pt 5pt 5pt 19pt;
	font-size:17pt;
}

.form-field.small select{
	font-size:17pt;
	padding:4pt 5pt;
}

.form-field.error{
	background-color:#ffb8b8;
}

div.alert{
	direction:rtl;
	font-size:22pt;
	padding:50pt 0;
}

.search-header{
	border-bottom:4pt solid #163389;
	text-align:left;
	position:relative;
	display:inline-block;
	width:100%;
	padding-bottom:8pt;
}

.search-header h1{
	color:#fff;
	font-weight:normal;
	font-size:35pt;
	display:inline-block;
	margin:-2pt 0 0 10pt;
	float:right;
}

.search-header h2{
	color:#fff;
	border:2px solid #fff;
	font-size:30pt;
	padding:10pt 19pt 13pt;
	border-radius:11pt;
	float:right;
	margin:-8pt 0 0 12pt;
}

.search-box{
	margin-top:150pt;
	margin-bottom:20pt;
}

.search-box>h1{
	color:#fff;
	font-size:35pt;
	margin:-40pt 0 0;
}

.search-box>h2{
	color:#fff;
	font-size:29pt;
	margin:0 0 20pt;
	font-weight:normal;
}

.search-box>h3{
	color:#fff;
	font-size:60pt;
	margin:40pt 0 50pt;
	border:4px solid #fff;
	display:table;
	padding:20pt 30pt 27pt;
	border-radius:20pt;
	background-color:#363636;
}

.search-box>span{
	display:inline-block;
	position:relative;
}

.search-box>span input{
	pointer-events:none;
}

.search-box>span button{
	font-family:FontAwesome;
	background:none;
	color:#163389;
	font-size:50pt;
	border:none;
	cursor:pointer;
	position:absolute;
	top:9pt;
	margin:0 7pt;
}

.search-box>span button:hover{
	color:#2646a7;
}

.search-box>a{
	text-decoration:none;
    font-size:20pt;
    background-color:#163389;
    color:#fff;
    padding:12pt 35pt 13pt;
    border-radius:10pt;
    border-bottom:3pt solid #0c1e53;
    cursor:pointer;
    display:none;
}

.search-box.active{
	margin-top:15pt;
}

.search-box>ul{
	background-color:#fff;
	list-style-type:none;
	padding:0;
	margin:0;
	font-size:40px;
	text-align:right;
	width:600pt;
	border-radius:0 0 10pt 10pt;
	border-top:1px solid #000;
}

.search-box>ul li{
	border-bottom:1px solid #6a6a6a;
	padding:1pt 10pt 5pt;
	cursor:pointer;
}

.search-box>ul li:hover{
	background-color:#e7e7e7;
}

.search-box input[type="text"]{
	font-size:35pt;
	width:600pt;
	padding:10pt 15pt 13pt;
	text-align:center;
	border:none;
	border-radius:10pt;
}

.search-box.active input[type="text"]{
	margin-bottom:15pt;
}

.search-box input:not([type="text"]){
	display:table;
	border:none;
	font-size:24pt;
	background-color:#163389;
	color:#fff;
	padding:12pt 40pt 13pt;
	border-radius:10pt;
	border-bottom:3pt solid #0c1e53;
	cursor:pointer;
	margin-top:40pt;
}

.search-box input[type="submit"]:hover{
	background-color:#2646a7;
}

.no-filters .dataTables_length,
.no-filters .dataTables_filter{
	display:none;
}

.settings input{
	margin-bottom:15pt;
	width:300pt;
}

.screensaver{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:contain;
	background-position:center;
	background-color:#000;
	background-repeat:no-repeat;
	z-index:999;
}

.tables-list{
	float:left;
	width:30%;
	margin-top:20pt;
}

.tables-list select{
	font-size:24pt;
	background:#000;
	color:#fff;
	width:100%;
	border:2px solid #fff;
	border-bottom:none;
	padding:5pt 7pt 7pt;
	border-radius:10pt 10pt 0 0;
}

.tables-list nav{
	overflow-y:scroll;
	height:40%;
	border:2px solid #fff;
	border-radius:0 0 10pt 10pt;

}

.tables-list nav span{
	display:block;
	cursor:pointer;
	font-size:25pt;
	text-align:right;
	padding:0 10pt 3pt 0;
	color:#fff;
}

.tables-list nav span.active{
	background-color:#163389;
}

.tables-list>h2{
	color:#fff;
	margin:11pt 0 0 0;
	font-size:22pt;
	text-align:right;
}

.search-box.tables{
	float:right;
	width:70%;
	margin-top:60pt;
}

.search-box.tables input[type="text"]{
	width:100%;
}

.qr img{
	height:80%;
	margin-top:4%;
}

@media print{
	.search-box input,
	.search-header .tools,
	.search-header h2,
	.title h2,
	.title button{
		display:none!important;
	}

	.title{
		background:none!important;
	}

	.title h1:before{
		display:none;
	}

	.title>h1>img{
		display:inline-block!important;
		float:right;
		width:100pt;
		margin-left:20pt;
	}

	.title h1,
	.search-header h1{
		color:#000;
		font-size:25pt;
		text-align:right;
		width:100%;
		padding-right:0;
		padding-bottom:10pt;
	}

	.search-box>h1{
		color:#000;
	}

	.search-box>h3{
		color:#000;
		border-color:#000;
	}

	.search-box>img{
		display:inline-block!important;
		position:fixed;
		bottom:40pt;
		left:40pt;
		height:50pt;
	}
}

@media only screen and (max-width:600px){
	body{
		margin:20pt;
	}

	.search-header{
		text-align:center;
	}

	.search-header h1{
		font-size:24pt;
		text-align:center;
		float:none;
		margin:0;
	}

	.search-header>img{
		width:50%;
		margin-bottom:10pt;
	}

	.search-box{
		margin:30pt 0;
	}

	.search-box>h1{
		font-size:22pt;
		margin:0;
	}

	.search-box>h2{
		font-size:22pt;
	}

	.search-box input[type="text"]{
		font-size:15pt;
		width:100%;
	}

	.search-box>ul{
		width:100%;
		font-size:20pt;
	}

	.search-box>a{
		display:inline-block;
	}

	.search-box>span button{
		font-size:37pt;
		margin:0 1pt;
		top:3pt;
	}

	.search-box input:not([type="text"]){
		font-size:20pt;
		padding:11pt 40pt;
	}

	.tools{
		display:none;
	}
}