/* SFG ==== */
@import url('../fonts/droidkufibold/stylesheet.css');
@import url('../fonts/droidkufiregular/stylesheet.css');
@import url('../fonts/droidnaskhregular/stylesheet.css');
@import url('../fonts/cairo/stylesheet.css');
@import url('../fonts/adellesans/stylesheet.css');
@import url('../fonts/tajawal/stylesheet.css');
html, body
{
	margin: 0;
	padding: 0;
	height: 100%;
	border: 0;
	/*background-image: url(../../images/bg.jpg);*/
	font-family: 'DroidKufiR', Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000000;
}
/*---Main Container Div---*/
#maincontainer
{
	margin: 0 auto;/* margins to auto to horizontally center that element within its container----- first number for top and bottom And second number for right and left */
	max-width: 100%; /* in this situation will improve the browser's handling of small windows. This is important when making a site usable on mobile */
	min-height: 100%;
	position: relative;
	background-image: url(../../images/bg.jpg);
	background-size: cover;
	/*border: solid 2px #000;*/
}
/*=============Main Content Div Under Container===============*/
#maincontent
{
	padding-bottom: 60px;
	/*border: solid 2px #0F6;*/
}
#navbartop
{
	border-bottom: 5px solid #00A798;
}
#navbartop li a
{
	color: #009E8F;
}
#headtop
{
	border-bottom: 5px solid #00A798;
	margin-bottom: 30px;
}
#headtop #headtopcol
{
	background-color: #474C54;
	padding: 0;
}
/*=============Page Content Middle Side Row===============*/
#pagecontent
{
	direction:rtl;
	/*padding-top: 20px;*/
	/*border: solid 2px #F00;*/
}
/*=======================Footer=========================*/
footer
{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	direction:rtl;
	background-color:#FFF;
	border-top: 2px solid #009D8F;
}
footer h6
{
	font-size: 0.93rem;
	color: #007DA4;
	line-height: 22px;
}
/*=======================Font Family=========================*/
.font-DroidKufiB
{
	font-family: 'DroidKufiB', Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif;
}
.font-DroidKufiR
{
	font-family: 'DroidKufiR', Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif;
}
.font-DroidNaskhR
{
	font-family: 'DroidNaskhR', Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif;
}
.font-CairoR
{
	font-family: 'CairoR', Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif;
}
.font-AdellesansaraR
{
	font-family: 'AdellesansaraR', Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif;
}
.font-TajwalArM
{
	font-family: 'TajwalArM', Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif;
}
/*=======================Text Height=========================*/
.text-height-0
{
	line-height: 0;
}
.text-height-1
{
	line-height: 1rem;
} 
.text-height-2
{
	line-height: 1.5rem;
}
.text-height-3
{
	line-height: 2rem;
}
.text-height-4
{
	line-height: 3rem;
}
.text-height-5
{
	line-height: 4rem;
}
.text-height-auto
{
	line-height: auto;
}
/*=======================Card box=========================*/
#cardbox, #cardnewuser
{
	border-radius: 0.75rem;
}
#cardbox .card-header
{
	direction: rtl;
	text-align:right;
	color: #35B4B4;/*#535353; #35B4B4 28A745*/
	font-size: 20px;
}
#cardbox .card-body
{
	text-align: right;
	min-height: 340px;
	max-height: 340px;
	overflow:auto;
}
#cardbox .card-body span a
{
	color:#00AB67;
	text-decoration: none;
}
#cardbox .card-footer
{
	background-color:#FFF;
	font-size: 16px;
	padding: 0 20px;
}
#cardbox .card-header i
{
	margin-left: 12px;
	color: #35B4B4;/*#35B4B4;*/
	font-size: 30px;
}
#cardbox .card-footer span
{
	color:#00AB67;
	padding: 10px;
}
#cardbox .card-footer span a
{
	color:#00AB67;
	text-decoration: none;
}
#cardbox .card-footer span a:hover
{
	font-weight: 600;
}
#cardbox form input
{
	padding: 1.6rem 1rem;
}
#cardbox form .input-group input
{
	border-top-right-radius: 0;border-bottom-right-radius: 0;border-right: 0;
}
#cardbox form .input-group span
{
	border-top-left-radius:0;border-bottom-left-radius:0;
}
#cardbox form .usrstatpass, #cardbox form .tchrstatpass, #cardbox form .walistatpass
{
	color: #595959;
	cursor: pointer;
}
#cardnewuser
{
	direction: rtl;
	text-align:right;
}
#cardnewuser .card-header
{
	color: #35B4B4;
	font-size: 20px;
}
#cardnewuser .card-body
{
	font-size: 14px;
}
#cardnewuser .card-body form select.form-control-lg
{
	padding-top: 0.2rem;
}
/*==============================================================================*/
/*Link return to top*/
#returntop
{
	width: 40px;
	height: 40px;
	text-align:center;
	display: none;
	position: fixed;
	bottom: 15px;
	right: 15px;
	z-index: 99;
	background: rgba(0,0,0,0.7);
	cursor: pointer;
	border-radius: 35px;
	opacity: 0.8;
}
#returntop i
{
	color: #fff;
	font-size: 20px;
	margin-top: 9px;
	position: relative;
	
}
/*==============================================================================*/
/*-------Modal-------*/
.modal
{
	direction: rtl;
}
.modal .modal-header .close
{
	padding: 0;
	margin: 0;
}
.modal #formModalHeader
{
	background-color: #009E8F;
	color: #FFF;
}
.modal #formModalBody
{
	text-align:right;
}
.modal #formModalFooter
{
	direction:rtl;
	text-align: right;
	/*max-height: 450px;*/
	/*overflow: auto;*/
}
.modal #mediaModalHeader
{
	background-color: #009E8F;
	color: #FFF;
}
.modal #mediaModalFooter
{
	background-color: #009E8F;
	color: #FFF;
}
.modal #detailsModalHeader
{
	background-color: #009E8F;
	color: #FFF;
}
.modal #detailsModalBody
{
	text-align:right;
}
.modal #detailsModalBody table thead th
{
	text-align:center;
}
.modal #detailsModalFooter
{
	background-color: #009E8F;
	color: #FFF;
}
/*-------Form-------*/
form select.form-control-lg
{
	padding-top: 0.2rem;
}
form input.inputfile
{
	padding-top: 0.5rem;
	padding-bottom: 2.4rem;
}

/*==============================Login box==================================*/
.nav-tabs .nav-link
{
	/*font-size: 1.1rem;*/
    border: none;
    background: #F8F9FA;
    border-radius: 0;
    color: #6C757D;
    border-top: 4px solid #DFE1E5;
    text-align: center;
    box-shadow: inset -2px -2px 8px rgb(0 0 0 / 10%);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.nav-tabs .nav-link.active
{
	background: #FFFFFF;
    color: #0D8F75;
    border-color: #FFC107;
    box-shadow: none;
}
/*==============================Input type number==================================*/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/*==============================================================================*/
@media screen and (max-width: 768px)
{
	#navbartop #navlanguage, #navbartop #navlogo, #aboutsschbox, #contactusbox
	{
		display: none;
	}
}
@media screen and (min-width:641px)
{
	/*=============scrollbar===============*/
	::-webkit-scrollbar
	{
		width: 8px;
		height: 8px;
	}
	::-webkit-scrollbar-track
	{
		background: #f1f1f1;
	}
	/*Handle*/
	::-webkit-scrollbar-thumb
	{
		background: #CDCDCD;/*#0D8F75*/
		border-radius: 5px;
	}
	/*Handle on hover*/
	::-webkit-scrollbar-thumb:hover
	{
		/*background: #12a875;*/
	}
	/*====================================*/
}