@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Markazi+Text&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200&display=swap');

html{
	height:100%;
}

body {
	margin:0px;
	background-color:#e0e2dd;
	font-family:'Times New Roman', serif;
	font-size:15px;
	font-weight:normal;
	color:#333;
	text-align:right;
	height:100%;
}

#container{
	background-color:white;
	padding:0 !important;
	position:relative;
	min-height:100%;
	direction:rtl;
}

#body{
	padding-bottom:100px;   /* Height of the footer */
}

.footer {
	position:absolute; 
	bottom:0px; 
	width:100%; 
	height:100px; 
}

h1,h2,h3,h4,h5,h6{
	font-family:'Markazi Text', times;
}

a{
	text-decoration:none;
}

img{
	border:none;
}

th {
    background-color: #dee2e6;
}

.login{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	font-weight:normal;
}

.login_data{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	height:25px;	
}

.login_input{
	direction:ltr;
	text-align:left;
	height:25px;
	border-color:#d7d7d7;
	border-width:2px;
	background-color:#eaeaea;
	width:230px;
}

.topMenu{
	font-family:Tahoma, Geneva, sans-serif; 
	font-size:12px;
	float:right;
	margin-right:20px;
}

.topMenu a{
	margin-right:10px;
	color:#0d4c9d;
	font-size:16px;
	font-weight:normal;
	text-shadow:5px 4px 10px #FFF;
}

.topMenu a:hover{
	color:#006;
}

.bottomMenu{
	font-family:Tahoma, Geneva, sans-serif; 
	font-size:12px;
}

.bottomMenu a{
	margin-right:10px;
	color:#1b56a1;
	font-size:16px;
	font-weight:normal;
	text-shadow:5px 4px 10px #FFF;
}

.bottomMenu a:hover{
	color:#006;
}

#content{
	width:1003px;
	height:auto;
}

#top{
	width:1003px;
	height:160px;
}

#rightmenu{
	float:right;
	width:184px;
	height:auto;
	margin-right:15px;
}

.rightmenulink{
	background-image:url(../images/menubg.png);
	color:#006699;
	float:right;
	width:164px;
	height:28px;
	background-repeat:no-repeat;
	font-family:Traditional Arabic;
	font-weight:bold;
	padding-top:2px;
	font-size:20px;
	text-align:right;
	padding-right:20px;
	margin-top:5px;
}

.rightmenulink:hover{
	background-image:url(../images/menuhover.png);
	color:#993300 ;
}

.currentRightmenulink{
	background-image:url(../images/menuhover.png);
	color:#993300 ;
	float:right;
	width:164px;
	height:28px;
	background-repeat:no-repeat;
	font-family:Traditional Arabic;
	font-weight:bold;
	padding-top:2px;
	font-size:20px;
	text-align:right;
	padding-right:20px;
	margin-top:5px;
	text-shadow:#CCC 1px 1px;
}

.article{
	text-align:justify;
	direction:rtl;
	font-size:16px;
	width:100%;
	line-height:30px;
	padding:30px;
}

.bigblock{
	float:right;
}

.bigblockbg{
	background-image:url(../images/bigblockbg.png);
	background-repeat:repeat-y;
	height:auto;
}

.title {
	border-bottom: 3px solid #999;
	color: #006699;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin-right: 20px;
	margin-top: 0;
	font-weight:bold;
	text-align:right;
	text-shadow:#CCC 1px 1px;
	padding:0px 10px 10px 10px;
}

.header{
	color: #006699;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin: 10px;
	font-weight:bold;
	text-shadow:#CCC 1px 1px;
	padding:0px 10px 10px 10px;
	text-align:center;
}

.label{
	height:28px;
	overflow:hidden;
	padding:7px 10px 0px 10px;
	text-align:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#006699;
	margin-top:10px;
	margin: 5px;	 
}

.button{
	background-color: #006699 ;
	border: 1px solid #B5B5B5;
	border-radius: 8px 8px 8px 8px;
	color: #CECBCB;
	cursor: pointer;
	font-family: Tahoma,Geneva,sans-serif;
	font-weight: bold;
	height: 26px;
	overflow: hidden;
	padding-bottom: 5px;
	width: auto;
}

.text_field{
	margin-top:0px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#006699 ;
	margin-right:2px;
	background-color:#eee;
	border:#CCC 1px solid;
}

.text_field_edit{					
	border:none;
}

.edit{
	width:16px;
	height:16px;
	margin-right:2px;
	margin-left:2px;
	border:none;
	cursor:pointer;
}

.save{
	width:16px;
	height:16px;
	margin-right:2px;
	margin-left:2px;
	border:none;
	cursor:pointer;
}

.delete{
	width:16px;
	height:16px;
	margin-right:2px;
	margin-left:2px;
	border:none;
	cursor:pointer;
}

.print{
	background-image:url(../images/print.png);
	width:40px;
	height:40px;
	margin-right:5px;
	background-repeat:no-repeat;
	border:none;
	background-color:transparent;
	cursor:pointer;
	margin-top:-8px; 
}

.msg{
	color:#F00;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
}

.inputColumn{
	float:right;
	width:100px;
	padding-bottom:10px;
}

.wide-select{
	min-width:180px;
}

.narrow-select{
	min-width:110px;
}

.select2, .select2-results__option{
	font-weight:normal;
}

.inputVal{
	float:right;
}

.headerImg{
	width:100%;
	height:auto;
}

.nav-item{
	text-align:right;
    display: inline-block;
}

.nav-link{
	font-weight:bold;
}

.menu{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width:100%;
	background-color: #7db8dd;
}

.menu li a {
    display: block;
    color: #000;
    padding: 8px 5px;
    text-decoration: none;
}

.menu li a:hover {
    background-color: #555;
    color: white;
}

.menu .active {
    background-color: CornflowerBlue ;
    color: white;
}

.navbar{
	width:100%;
	padding:0;
}

th{
	text-align: center;
}

.welcome{
	direction:rtl; 
	text-align:left;
	margin:5px 0 5px 50px;
}

.white{
	color:white !important;
}

.navbar-toggler{
	margin: 5px;
}

.table td, .table th {
  padding: 0.30rem 0.10rem;
}