@import
	url(http://fonts.googleapis.com/earlyaccess/notosanskufiarabic.css);

@import
	url(http://fonts.googleapis.com/earlyaccess/notonaskharabicui.css);

@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);



body {
	font-family:  'Droid Arabic Kufi', 'Noto Naskh Arabic UI';
	background: #F0F0F0;
	
	padding-top: 0px;
}





.arial {
	font-family: arial;
}

.mainRow {
	min-height: 440px;
}


.half-fff {
	position: absolute;
    
		
	background-color: #FFFFFF;
	border-bottom2: 1px solid #CCCCCC;
	top: 400px;
	right: 0px;
	width: 100%;
	Height: 900px;
	z-index: -1;
}
.half-fff-in {
	background-image: url("../images/bg2.jpg");
	position: absolute;
	background-color: #F0F0F0;
	border-top2: 1px solid #CCCCCC;
	bottom:0px; 
	width: 100%;
	Height: 250px;
	z-index: -1;
}


.half-blue {
	position: fixed;
    background-image: url("../images/office.jpg");
		
	background-color: #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	top: 0;
	right: 0;
	width: 100%;
	Height: 30%;
	z-index: -1;
}

.half-blue2 {
	position: fixed;
	background-image: url("../images/officeUp.jpg");
	background-repeat: no-repeat;
   
	background-position: left top;
	
 
 
	top: 0;
	right: 0;
	width: 100%;
	Height: 70%;
	z-index: -1;
}

.half-blue3 {
	position: fixed;
	background-color: #0F6FFF;
	border-bottom: 1px solid #0D46E2;
 
	top: 0;
	right: 0;
	width: 100%;
	Height: 38%;
	z-index: -1;
}

.half-blue4 {
	position: fixed;
	background-color: #0F6FFF;


	top: 0;
	right: 0;
	width: 100%;
	Height: 300px;
	z-index: -1;
}


.wbox {
	background-color: #ffffff;
	padding: 0px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #f7f4f7;
}



select {
	font-size: 14pt;
	font-family: kacstone,'arial', "Times New Roman", Times, serif;
 
}

a:hover {
	text-decoration: none;
}

input,textarea,select {
	border-radius: 2px !important;
}

#message {
	font-size: 20px;
	color: #fff;
	padding: 15px;
	padding-right: 40px;
	background: #e74c3c;
	background: #2ca33f;
}

#content {
	padding: 20px;
	background: #fff;
}

#footer {
    position: relative;
	background-image: url("../images/footer-bg3.jpg");
	bottom: 0px;
	right: 0px;
	background-color:#F0F0F0;
	z-index: 10;
	height: 50px;
	width: 100%;
	margin-top: 3em;
	
	 
}

.required>label {
	font-weight: bold;
}

.required>label:after {
	content: ' *';
	color: #C3232D;
	
	background-color: rgba(255,255,255,0.4);
}

.well {
	background-color: #FFFFFF;
	
	border: 0px solid #F3EAEA;
	border-radius: 3px;
	margin: 5px;
	margin-bottom: 10px;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	padding: 15px;
}

.well-small {
	background-color: #FFFFFF;
	
	border: 0px solid #F3EAEA;
	border-radius: 3px;
	margin: 0px;

	padding: 10px;
}

.well-first {
min-height:300px;
box-shadow:none;
margin: 0px;
margin-top: 5px;
 
}


.boxLink:hover div {
	background: #ff6514;
	border: 0px solid #FFFFFF;
	color: #ffffff;
}

.boxLink div {
	background: #cccccc;
	border: 0px solid #FFFFFF;
	color: #ffffff;
}

.mylinks:hover h3 {
	color: #FFFFFF;
}

.mactive h3 {
	color: #FFFFFF;
}

 


.navbar-nav > li > a {padding-top:10px !important; padding-bottom:10px !important;}
.navbar {min-height:30px !important}
.navbar-brand  {padding-top:10px !important; padding-bottom:10px !important;}

.navbar-default {
	background-color: #ffffff;
	border-color: #f4f4f4;
	
	 
}

.navbar-default .navbar-brand {
	color: #d2d2d2;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus
	{
	color: #575bfd;
}

.navbar-default .navbar-text {
	color: #d2d2d2;
}

.navbar-default .navbar-nav>li>a {
	color: #d2d2d2;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus
	{
	color: #575bfd;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover,
	.navbar-default .navbar-nav>.active>a:focus {
	color: #575bfd;
	background-color: #f4f4f4;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover,
	.navbar-default .navbar-nav>.open>a:focus {
	color: #575bfd;
	background-color: #f4f4f4;
}

.navbar-default .navbar-toggle {
	border-color: #f4f4f4;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
	{
	background-color: #f4f4f4;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #d2d2d2;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #d2d2d2;
}

.navbar-default .navbar-link {
	color: #d2d2d2;
}

.navbar-default .navbar-link:hover {
	color: #575bfd;
}

@media ( max-width : 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #d2d2d2;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
		.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
		color: #575bfd;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
		.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
		.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
		color: #575bfd;
		background-color: #f4f4f4;
	}
}

li {
	font-size: 14px
}

.changeDir {
	direction: ltr;
}

.elmentVirtCate {
	margin-top: 1%;
	min-height: 40px;
	padding: 0px;
	 
	border-radius: 5px;

}



.elmentVirtCate:hover {
	background: #ff6514;
	transition: all .2s;
	color: #ffffff;
}

.elmentVirtCate a:hover {
	color: #ffffff;
}


.elmentVirt {
	margin-top: 1%;
	min-height: 40px;
	padding: 5px;
	border: 1px solid #eeeeee;
	border-radius: 3px;

}



.elmentVirt:hover {
	background: #FBFBFB;
	transition: all .2s;
}

.elmentVirt a:hover {
	color: #ff6514;
}

.elmentBase {
	background: #FFFFFF;
	padding: 5px;
}

.elment {

	transition: all .2s;
	margin: 4%;
	height: 150px;
	display: block;
	position: relative;
	padding: 3px;
	border: 1px solid #eeeeee;
	border-radius: 3px;
}

.elment:hover {
	background: #FBFBFB;
	color: #ff6514;
	border: 1px solid #ff6514;
}

.alert {
	display:inline-block;
	} 
.alert-warning {
	 
	color: #90690E;
	font-size: 18px;
	background: #FFD165;
	padding: 10px 20px 10px 20px;
	border: 0px;
}
.alert-success {
	 
	color: #147D18;
	font-size: 18px;
	background: #FFf;
	background:rgba(0,215,7,0.99);
 
	padding: 10px 20px 10px 20px;
	border: 0px;
	border-radius :0px
}
.alert-danger {
	color: #A12F2F;
	font-size: 18px;
	background: #FF7070;
	background:rgba(255,0,0,0.2);
	padding: 10px 20px 10px 20px;
	border: 0px;
}

.label-main {
 
	width: 100%;
	color: #4E4E4E;
	font-size: 22px;
	background: #eee;
	padding: 10px 10px 10px 10px;
	border-radius: 3px;
}


.label-main-index {
		text-shadow: 1px 1px 2px #383838;
		color: #ffffff;
		padding: 10px 10px 10px 10px;
	width: 50%;
 
}
.log-sign-in-btn {
	background: rgba(0,0,0,0.3); 
	color: #ffffff;
	font-size: 22px;
    cursor:pointer;
	padding: 10px 10px 10px 10px;
	border-radius: 3px;
}

.log-sign-in-btn:hover {
background: rgba(0,0,0,0.4);
}








/* nav-user */

 
.user-nav ul {

    list-style-type: none;
    margin: 0px 5px 10px 5px;
    padding: 0;
    overflow: hidden;

    border-radius: 3px;
    background-color: #fff;
    
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.09);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.09);

}


.user-nav li {
    float: right;
}

.user-nav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 8px 20px;
    text-decoration: none;
    color : #2354A9;
    border-radius: 3px;
        margin: 5px 5px 5px 5px;

}



.user-nav li a:hover {
    background-color: #eee;
  
}

.user-nav .active {
    background-color: #eee;
     
}
.user-nav .legend {
    background-color: #ff6514;
    color: #fff; 
}
.user-nav .legend:hover {
    background-color: #FF7A2D;
    color: #fff; 
}





/* form-nav */

 
.form-nav ul {

    list-style-type: none;
    margin: 10px 0px 20px 0px;
    padding: 0px;
    overflow: hidden;
    border-bottom: 1px dashed #0E4DF9;
    border-radius: 0px;
  
    

}


.form-nav li {
    float: right;
}

.form-nav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 8px 20px;
    text-decoration: none;
    color : #fff;
    border-radius: 3px;
    margin: 5px 5px 5px 5px;

}



.form-nav li a:hover {
background-color: rgba(0, 0, 0, 0.31) !important;
}

.form-nav .active {
    background-color: #0E4DF9;
     
}
.form-nav .legend {
    background-color: #e38800;

}
.form-nav .delete {
    background-color: #e24501;

}
.user-nav .legend:hover {
    background-color: #FF7A2D;
    color: #fff; 
}

.btn-legend {
    background-color: #FF7A2D;
    color: #fff; 
    border-radius: 3px;
        padding: 2px 5px;
        font-size:16px;
}

.btn-legend:hover {
    background-color: #ff6509;
    color: #fff; 
}



@media ( max-width : 767px) {

.form-nav.form-nav-xs li a {
	 padding: 2px 5px;
margin: 2px 2px 2px 2px;
	 font-size:12px;
}	 
.user-nav.user-nav-xs li a {
	 padding: 2px 5px;
margin: 2px 2px 2px 2px;
	 font-size:12px;	 
		
}
}






a.btn-effct {
  text-decoration: none;  
}

/* General button style (reset) */
.btn-effct {
	border: none;
 	min-width:150px;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 5px 5px;
	display: inline-block;
    text-align: center;
    font-size: 20px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 3px;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* Button 2 */
.btn-2 {
	background: #4178fb;
	color: #fff;
	box-shadow: 0 6px #2e33d0;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

/* Button 2a */
.btn-2a:hover {
	box-shadow: 0 4px #2e33d0;
	top: 2px;
}
.btn-2a:active {
	
	top: 6px;
	text-decoration: none;
}

.btn-note {
	background: transparent;
	color: #fff;

}


.btn {

    cursor: pointer;
    border-radius: 3px;
}

.container {
max-widths: 1050px;
}




.alert-fiexd {
     position:absolute;

    left: 10%;
    top:20px;
    
     box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
	z-index:999;
	
}