@charset "utf-8";
html {
  direction: rtl;
  height: 100%;
  margin: 0;
  min-height: 100%;
  overflow-x: hidden;
  padding: 0;
}
h1, h2, h3, h4 {
  font: inherit;
  margin: 0;
}
ul, ol {
  display: list-item;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
input, textarea, button{outline: none;}
a {
  color: #191919;
  outline: medium none;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a:hover, a:focus {
  color: #0076a3;
  text-decoration: none;
  outline: medium none;
}
body {
	background: #10295d url("images/body.png") repeat scroll center center;
	color: #ffffff;
	font: 13px "Droid Arabic Kufi","play",Arial,Helvetica,sans-serif;
	overflow-x: hidden;
}
/* = Start Code
-------------------------------------------------------------- */
header {
	padding: 10px 15px;
	background-color: #fff;
	border-radius: 0 0 4px 4px;
}
header .logo {float: right;}
header .homeicon {
	float: left;
	margin: 8px auto;
}
header .homeicon a {
	display: block;
	height: 40px;
	width: 40px;
	background-color: #2e3192;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	color: #fff;
	border-radius: 4px !important;
}
header .homeicon a:hover {background-color: #4245A6;}
header .mainmenu {
	float: left;
	margin: 14px 30px 14px auto;
}
header .mainmenu ul li {
	float: right;
	font-size: 15px;
}
header .mainmenu ul li a {color: #2e3192;}
header .mainmenu ul li a:hover {color: #4245A6;}
header .mainmenu ul li a i.fa {margin: 0 0 0 7px;}
nav {padding: 30px 0;}
nav ul {margin: 0 -15px;}
nav ul li {
	float: right;
	width: 20%;
	padding: 15px;
}
nav ul li a {
	display: block;
	border: 2px solid #ffffff;
	color: #ffffff;
	text-align: center;
	padding: 25px 15px;
	margin: 15px auto;
}
nav ul li a img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
nav ul li a p {
	font-weight: bold;
	font-size: 15px;
	margin: 15px auto 0;
}
nav ul li a:hover {
	background-color: #2e3192;
	color: #fff;
	border-color: #2e3192;
}
nav .userlinks {
	text-align: center;
	margin: 30px auto 10px;
}
nav .userlinks a {
	display: inline-block;
	color: #fff;
	font-weight: bold;
	border: 1px solid;
	border-radius: 100px !important;
	padding: 5px 50px;
	margin: 10px 15px;
}
nav .userlinks a i.fa {margin: 0 10px 0 0;}
nav .userlinks a:hover {
	background-color: #2e3192;
	border-color: #2e3192;
}
.contactus, .attendancespage, .permitspage, .cardshome, .cardentercardata, .profilepage {
	background-color: #fff;
	margin: 30px auto;
	border-radius: 4px !important;
	padding: 20px;
}
.contactus .title {
	display: table;
	font-weight: bold;
	font-size: 18px;
	margin: 0 auto 40px;
	border-bottom: 3px solid #bbbbbb;
	padding: 0 50px 10px 50px;
	position: relative;
	color: #000;
}
.contactus .title::after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	width: 50%;
	background-color: #2e3192;
	content: "";
	margin: 0 auto;
}
.contactus form.form-horizontal label {
	text-align: right;
	padding: 0 15px;
	line-height: 40px;
	font-size: 17px;
	color: #333;
}
.contactus form.form-horizontal input {
	height: 40px;
	padding: 0 10px;
	font-size: 15px;
	color: #222;
}
.contactus form.form-horizontal textarea {
	padding: 15px;
	font-size: 15px;
	color: #222;
}
.contactus form.form-horizontal button.btn {
	font-weight: bold;
	font-size: 15px;
	height: auto;
	padding: 7px 30px;
	border-radius: 4px !important;
}
.attendancespage .alert {
	margin: 15px auto;
	font-weight: bold;
	padding: 10px 40px;
	display: table;
}
.attendancespage a.button {
	display: block;
	background-color: #28327a;
	margin: 15px auto;
	border-radius: 4px !important;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	padding: 10px;
	color: #fff;
}
.attendancespage a.button:hover {
	background-color: #3C468E;
	box-shadow: 0 0px 20px 0px #b0b3c6;
}
.attendancespage .alert i.fa, .attendancespage a.button i.fa {margin: 0 0 0 10px;}
.attendancespage input#barcode {
	display: table;
	margin: 30px auto 20px;
	min-width: 300px;
	max-width: 100%;
	height: 40px;
	background-color: #fafafa;
	border: 1px solid #ddd;
	padding: 0 10px;
	color: #222;
	text-align: center;
	font-size: 17px;
}
.permitspage a.button {
	display: block;
	background-color: #28327a;
	margin: 15px auto;
	border-radius: 4px !important;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	padding: 10px;
	color: #fff;
}
.permitspage a.button:hover {
	background-color: #3C468E;
	box-shadow: 0 0px 20px 0px #b0b3c6;
}
.alert.msgalrt {
	margin: 15px auto;
	font-size: 17px;
	text-align: center;
	border-radius: 4px !important;
	padding: 10px;
}
.categorypage {padding: 15px;}
.cardshome .imgthumb, .categorypage .imgthumb {
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #dee1eb;
	text-align: center;
	padding: 30px 15px;
	margin: 0 auto 15px;
}
.cardshome .txt, .categorypage .txt {
	color: #28327a;
	font-size: 15px;
	margin: 0 auto 15px;
}
.cardshome a.button, .categorypage a.button {
	display: block;
	background-color: #28327a;
	margin: 15px auto;
	border-radius: 4px !important;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	padding: 10px;
	color: #fff;
}
.cardshome a.button:hover, .categorypage a.button:hover {
	background-color: #3C468E;
	box-shadow: 0 0px 20px 0px #b0b3c6;
}
.cardupdateemployeedata, .requestemployeecard, .reportrosarysupervisor, .preservationprovince, .cardenteremployeedata, .cardentercardata, .noticenearfoundation, .updatingcontractorpermit, .registerviolations, .requeststatement, .reportsrequests, .contractorpermits, .allpermits, .industrialsafety, .entryexitstaff, .guestbook, .profilepage {padding: 15px;}
.cardupdateemployeedata .title, .requestemployeecard .title, .reportrosarysupervisor .title, .preservationprovince .title, .cardenteremployeedata .title, .cardentercardata .title, .noticenearfoundation .title, .updatingcontractorpermit .title, .registerviolations .title, .requeststatement .title, .reportsrequests .title, .contractorpermits .title, .allpermits .title, .industrialsafety .title, .entryexitstaff .title, .guestbook .title, .profilepage .title {
	display: table;
	margin: 10px auto 30px;
	background-color: #28327a;
	padding: 7px 50px;
	font-weight: bold;
	font-size: 16px;
	border-radius: 4px !important;
	color: #fff;
}
.cardupdateemployeedata form.form-horizontal label, .cardupdatecardata form.form-horizontal label, .requestemployeecard form.form-horizontal label, .reportrosarysupervisor form.form-horizontal label, .cardenteremployeedata form.form-horizontal label, .cardentercardata form.form-horizontal label, .noticenearfoundation form.form-horizontal label, .updatingcontractorpermit form.form-horizontal label, .registerviolations form.form-horizontal label, .requeststatement form.form-horizontal label, .contractorpermits form.form-horizontal label, .allpermits form.form-horizontal label, .industrialsafety form.form-horizontal label, .entryexitstaff form.form-horizontal label, .guestbook form.form-horizontal label {
	text-align: right;
	padding: 0 15px;
	line-height: 40px;
	color: #000;
	font-weight: normal;
	font-size: 15px;
}
.cardentercardata form.form-horizontal select {
	height: 40px;
	padding: 0 10px;
}
.cardentercardata form.form-horizontal input[type="file"] {padding: 0;}
.cardupdateemployeedata form.form-horizontal input, .cardupdatecardata form.form-horizontal input, .requestemployeecard form.form-horizontal input, .reportrosarysupervisor form.form-horizontal input, .cardenteremployeedata form.form-horizontal input, .cardentercardata form.form-horizontal input, .noticenearfoundation form.form-horizontal input, .updatingcontractorpermit form.form-horizontal input, .registerviolations form.form-horizontal input, .requeststatement form.form-horizontal input, .reportsrequests form input, .reportsrequests form select, .contractorpermits form.form-horizontal input, .allpermits form.form-horizontal input, .allpermits form.form-horizontal select, .industrialsafety form.form-horizontal input, .entryexitstaff form.form-horizontal input, .guestbook form.form-horizontal input {
	height: 40px;
	padding: 0 10px;
	font-size: 15px;
	color: #000;
}
.reportrosarysupervisor form.form-horizontal textarea {
	padding: 10px;
	font-size: 15px;
	color: #000;
}
.cardupdateemployeedata form.form-horizontal button[type="submit"], .cardupdatecardata form.form-horizontal button[type="submit"], .cardprintreport form button[type="submit"], .requestemployeecard form.form-horizontal button[type="submit"], .reportrosarysupervisor form.form-horizontal button[type="submit"], .noticenearfoundation form.form-horizontal button[type="submit"], .requeststatement form.form-horizontal button[type="submit"], .contractorpermits form.form-horizontal button[type="submit"], .allpermits form.form-horizontal button[type="submit"], .industrialsafety form.form-horizontal button[type="submit"] {
	display: table;
	margin: 20px auto;
	background-color: #48a448;
	border: none;
	font-weight: bold;
	font-size: 15px;
	padding: 3px 30px;
	border-radius: 4px;
}
.cardupdateemployeedata form.form-horizontal button[type="submit"]:hover, .cardupdatecardata form.form-horizontal button[type="submit"]:hover, .cardprintreport form button[type="submit"]:hover, .requestemployeecard form.form-horizontal button[type="submit"]:hover, .reportrosarysupervisor form.form-horizontal button[type="submit"]:hover, .reportrosarysupervisor form.form-horizontal button[type="submit"]:hover, .noticenearfoundation form.form-horizontal button[type="submit"]:hover, .requeststatement form.form-horizontal button[type="submit"]:hover, .contractorpermits form.form-horizontal button[type="submit"]:hover, .allpermits form.form-horizontal button[type="submit"]:hover, .industrialsafety form.form-horizontal button[type="submit"]:hover {background-color: #349034;}
.cardupdatecardata {padding: 15px;}
.cardupdatecardata .title {
	display: table;
	margin: 10px auto 30px;
	background-color: #28327a;
	padding: 7px 50px;
	font-weight: bold;
	font-size: 16px;
	border-radius: 4px;
}
.cardprintreport {padding: 15px;}
.cardprintreport .title {
	display: table;
	margin: 10px auto 30px;
	background-color: #28327a;
	padding: 7px 50px;
	font-weight: bold;
	font-size: 16px;
	border-radius: 4px;
}
.cardprintreport form label{
	text-align: right;
	color: #000;
	font-weight: normal;
	font-size: 16px;
}
.cardprintreport form input {
	height: 40px;
	padding: 0 10px;
	font-size: 15px;
	color: #000;
}
a.dp-choose-date {display: none;}
.preservationprovince .txt {
	background-color: #fff;
	color: #000;
	border: 1px solid #ddd;
	padding: 15px;
	font-size: 15px;
	border-radius: 4px;
	margin: 0 auto 15px;
}
.preservationprovince .checkbox {margin: 0 auto 20px;}
.preservationprovince .checkbox label {
	display: block;
	font-size: 16px;
	color: #000;
	line-height: 35px;
	min-height: auto;
}
.preservationprovince .checkbox label input {margin: 10px -20px 0 0;}
.preservationprovince button[type="submit"] {
	display: block;
	background-color: #48a448;
	border: none;
	font-weight: bold;
	font-size: 14px;
	padding: 3px 20px;
	border-radius: 4px;
}
.preservationprovince button[type="submit"]:hover {background-color: #349034;}
.preservationprovince button[type="button"] {
	display: inline-block;
	background-color: #5bc0de;
	border: none;
	font-weight: bold;
	font-size: 14px;
	padding: 3px 20px;
	border-radius: 4px;
	margin: 0 0 0 10px;
}
.preservationprovince button[type="button"]:hover {background-color: #47acca;}
.preservationprovince a.out {
	display: inline-block;
	background-color: #d9534f;
	border: none;
	font-weight: bold;
	font-size: 14px;
	padding: 3px 20px;
	border-radius: 4px;
	color: #ffffff;
}
.preservationprovince a.out:hover {background-color: #c53f3b;}
.preservationprovince button[type="submit"][disabled] {
	background-color: #888;
	color: #000;
	cursor: not-allowed;
}
.actionarea {text-align: center;}
.actionarea button[type="submit"] {
	display: inline-block;
	background-color: #48a448;
	border: none;
	font-weight: bold;
	font-size: 14px;
	padding: 3px 30px;
	border-radius: 4px;
	margin: 5px;
}
.actionarea button[type="submit"]:hover {background-color: #349034;}
.actionarea button[type="button"] {
	display: inline-block;
	background-color: #5bc0de;
	border: none;
	font-weight: bold;
	font-size: 14px;
	padding: 3px 30px;
	border-radius: 4px;
	margin: 5px;
}
.actionarea button[type="button"]:hover {background-color: #47acca;}
.actionarea a.out {
	display: inline-block;
	background-color: #d9534f;
	border: none;
	font-weight: bold;
	font-size: 14px;
	padding: 3px 30px;
	border-radius: 4px;
	color: #ffffff;
	margin: 5px;
}
.actionarea a.out:hover {background-color: #c53f3b;}
.noticenearfoundation .txt {
	background-color: #fff;
	color: #000;
	border: 1px solid #ddd;
	padding: 15px;
	font-size: 15px;
	border-radius: 4px;
	margin: 0 auto 15px;
}
.reportsrequests form button[type="submit"] {
	display: block;
	background-color: #48a448;
	border: none;
	font-weight: bold;
	font-size: 15px;
	border-radius: 4px;
	height: 40px;
	width: 100%;
}
.reportsrequests form button[type="submit"]:hover {background-color: #349034;}
.profilepage .sidebar {
	margin: 15px auto;
	border: 2px solid #3C468E;
}
.profilepage .sidebar a {
	display: block;
	background-color: #28327a;
	padding: 10px;
	font-size: 15px;
	color: #fff;
	border-bottom: 1px solid #3C468E;
}
.profilepage .sidebar a span.label {
	float: left;
	margin: 6px auto;
}
.profilepage .sidebar ul li:last-child a {border-bottom: none;}
.profilepage .sidebar a:hover {background-color: #3C468E;}
.profilepage .profilecontent {
	margin: 15px auto;
	background-color: #f5f5f5;
	padding: 15px;
	border: 1px solid #eee;
}
.profilepage .profilecontent .input-group {margin: 10px auto;}
.profilepage .profilecontent .input-group span label {
	font-weight: bold;
	margin: 0 auto;
	font-size: 13px;
}
.profilepage .profilecontent .input-group input {
	background-color: #f9f9f9;
	font-size: 16px;
}
.profilepage .profilecontent .form-horizontal label {
	text-align: right;
	line-height: 40px;
	color: #222;
	font-weight: normal;
	font-size: 15px;
	padding: 0 15px;
	margin: 0 auto;
}
.profilepage .profilecontent .form-horizontal input {
	height: 40px;
	padding: 0 10px;
	font-size: 15px;
	color: #333;
}
.profilepage .profilecontent .form-horizontal span {
	line-height: 40px;
	font-size: 15px;
	color: #333;
}
.profilepage .profilecontent .form-horizontal input[type="submit"] {
	display: inline-block;
	background-color: #48a448;
	border: none;
	font-weight: bold;
	font-size: 15px;
	border-radius: 4px !important;
	height: 40px;
	width: auto;
	padding: 0 30px;
	color: #fff;
}
.profilepage .profilecontent .form-horizontal input[type="submit"]:hover {background-color: #349034;}
.loginpage {margin: 30px auto;}
.loginpage .title {
	background-color: #323e8b;
	text-align: center;
	font-size: 19px;
	padding: 5px 10px;
	border-radius: 5px 5px 0 0 !important;
	color: #fff;
}
.loginpage .content {
	padding: 15px;
	border: 1px solid #ddd;
	background-color: #fafafa;
}
.loginpage .content .form-horizontal label.control-label {
	text-align: right;
	line-height: 40px;
	color: #333;
	font-weight: normal;
	font-size: 15px;
	padding: 0 15px;
}
.loginpage .content .form-horizontal input {
	height: 40px;
	padding: 0 10px;
	font-size: 15px;
	color: #333;
}
.loginpage .content .form-horizontal .form-check input {
	height: auto;
	margin: 0 0 0 5px;
}
.loginpage .content .form-horizontal button {
	height: 40px;
	padding: 0 30px;
	font-weight: bold;
	border: none;
	border-radius: 4px;
	font-size: 14px;
}
.loginpage .content .form-horizontal a.forgetpass {
	line-height: 40px;
	font-size: 14px;
	color: #323e8b;
}
.alert h1 {font-size: 20px;}
footer {
	padding: 15px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}