@charset "utf-8";
/* CSS Document */




.body {
	
	background-image: url(../images/bg.png);
	
	background-repeat: repeat;
	
}
.container-bg{
	background-image: url(../images/bg.png);
	
	background-repeat: repeat;
	
	}







.logo{
	padding-right:20px;
	width:10%;
	float:right;

	}

.hr-title{

	font-family: 'Lato-Bold', sans-serif;
	color:black;
	font-size:16px;
	
	padding-top:7%;
	
	}
	

.header-title-1{

	font-family: 'Lato-Regular', sans-serif;
	color:black;
	font-size:15px;
	font-weight:lighter;
	padding-top:7%;
	
	}
	

.social-media{
	padding-top:70px;
	padding-left:20px;
	padding-bottom:10px;
	float:left;

	}
	
.intro-text{
	padding-top:10px;
	padding-right:15px;
	padding-left:15px;
	font-family: 'JannaLTRegularRegular', sans-serif;
	font-size:15px;
	
	
	}
.title{
	font-family: 'JannaLTRegularRegular', sans-serif;
	
	font-size:16px;
	color:black;
	font-weight:bold;
	
	
	}
	
.title2{
	font-family: 'JannaLTRegularRegular', sans-serif;
	
	font-size:14px;
	color:black;
	
	
	}
.alert-height{
	padding-top:20px;
	width:100%;
	
	float:right;
	background-color: #EAEAEA;
	color:#333;
	border:none;
	}
	
.form-text{
		font-family: 'Droid Arabic Kufi', serif;
		font-size: 14px;
	
	}
	
.form-scl{

	font-family: 'JannaLTRegularRegular' !important;
	
	font-size: 11px !important;
	
	
	}
	
.title-text{
	font-family: 'JannaLTRegularRegular', sans-serif;
	font-size:15px;
	
	
	line-height:normal;
	
}
	
.table-header{
	
	font-family: 'JannaLTRegularRegular', sans-serif;
	font-size:15px;
	
	
	 }

.row-width{
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
}
.job-name{
	font-family: 'JannaLTRegularRegular', sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#000;
}

.login-body{
	margin-top:15px;
	padding-bottom:30px;
	height:350px;
	}
.side-item{
float: left;
}


@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		white-space: normal;
		text-align:right;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		#position: absolute;
		/* Top/left values mimic padding */
		width: 45%; 
		padding-right: 10px;
		min-height: auto !important; 
		height: auto !important; 
		white-space: wrap!important;
		text-align:right;
		direction: rtl; 
		font-family: 'JannaLTRegularRegular', sans-serif;
		font-size:14px;
		font-weight:bold;
		color:#000;
	}
	
	#no-more-tables td{
	    display: flex;
        align-content: center;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
	.btn {
   	 	white-space: wrap!important;
	}
}

.ar-menu{
	font-family: "JannaLTRegularRegular";
	font-size: 14px
	
	}
	
.from-div-margin{
	margin-top:10px;
	}
	
	
.panel-default-2 {
	
	border-color: #ddd;
	-webkit-box-shadow: 1px 1px 6px 8px #CACACA;
	
}

.text-warning2{
	color:red;
	}	

.mandatory {
	color: red;
	vertical-align: middle;
	padding: 2px;
}

.space-btn{
margin-right: 5px;
}

.btn-sm{
height: 24px;
}

.padding-top-10{
padding-top: 10px;
}

.padding-top-bottom-3{
padding-bottom: 3px;
padding-top: 3px;
}

.errorMessage{
	list-style: none;
}