html, body {
  margin: 0;
  min-height: 100%;
  background-color: #f2f2f2 !important;
}

body {
  color: rgb(7, 15, 34);
  font: 19px font-tahoma, Helvetica, sans-serif;
}

header{margin-bottom: 5%;}

main {
  min-height: 100vh;
  margin:0;
}

header {
	margin-bottom: 2%;
}

footer{color:white; 
	background-color:rgb(22, 47, 72) !important;
	margin-bottom: 0;
	margin-top: 3%;
	padding:2%;
}

.page-title{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	text-transform: uppercase;
	margin:0;
	padding:0;
	margin-top:130px; 
	color:rgb(119, 118, 123);
	}


a {text-decoration: none;color: inherit;} 
a:link {text-decoration: none;color: inherit;}
a:active {text-decoration: none;color: inherit;}
a:visited {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;color: inherit;}


/*backgrounds*/
.bg-main{background-color: #f2f2f2 !important;}
.bg-nav{background-color:#557a95 !important;}
.bg-silver{background-color:silver !important;}
.bg-gray-ultra-light{background-color:#F7F0EE !important;}
.bg-blue-ultra{background-color:#0fffff !important;}
.bg-main-nav2{background-color:#070f22 !important;}
.bg-beige{background-color:#54c0cc !important;}
.bg-orange{background-color:#FF8000 !important;}
.bg-green{background-color:#00fa9a !important;}
.bg-gold{background-color:#ffd700 !important;}

/*fonts*/
.font-arabtype {font-family:DariArabType;}
.font-georgia {font-family:LatinGeorgia;}
.font-tahoma {font-family:LatinTahoma;}
.font-nastaliq {font-family:DariNastaliq;text-shadow:1px 1px silver;}
.font-naskh {font-family:DariNaskh;}
.font-titr {font-family:DariTitr;}
.font-noto {font-family:DariNoto;}
.font-noto-light {font-family:DariNoto-Light;}
/* font size biside fs-1 to fs-6*/
.fs-12 {font-size:12px;}
.fs-14 {font-size:14px;}
.fs-16 {font-size:16px;}
.fs-18 {font-size:18px;}
.fs-32 {font-size:32px;}
.fs-22 {font-size:22px;}

/* text colors*/
.text-nav{color:#eaecda !important;}
.text-silver {color:silver !important;}
.text-orange {color:#FF8000 !important;}
.text-gold {color:#FCCD04 !important;}
.text-red {color:red;}
.text-red-dark {color:#8B0000 !important;}
.text-blue {color:blue !important;}
.text-blue-dark {color:#162f48 !important;}
.text-blue-sky{color:#1699d6 !important;}
.text-black {color:black !important;}
.text-shadow {text-shadow: 2px 1px #bbbbbb !important;}


.mxw-600 {max-width:600px;}



/* text alignements*/
.text-justify{text-align: justify;}


/* text direction*/
.rtl {direction:rtl;}
.ltr {direction:ltr;}