/*
 * Droid Arabic Kufi
 */

@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/DroidKufi/DroidKufi-Regular.eot);
  src: url(../fonts/DroidKufi/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/DroidKufi/DroidKufi-Regular.woff2) format('woff2'),
       url(../fonts/DroidKufi/DroidKufi-Regular.woff) format('woff'),
       url(../fonts/DroidKufi/DroidKufi-Regular.ttf) format('truetype');
} 

@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/arabicfonts/DroidKufi/DroidKufi-Bold.eot);
  src: url(../fonts/arabicfonts/DroidKufi/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/arabicfonts/DroidKufi/DroidKufi-Bold.woff2) format('woff2'),
       url(../fonts/arabicfonts/DroidKufi/DroidKufi-Bold.woff) format('woff'),
       url(../fonts/arabicfonts/DroidKufi/DroidKufi-Bold.ttf) format('truetype');
}


/*
 * Droid Arabic Naskh
 */
@font-face {
  font-family: 'Droid Arabic Naskh';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/DroidNaskh/DroidArabicNaskh/DroidNaskh-Regular.eot);
  src: url(../fonts/DroidNaskh/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/DroidNaskh/DroidNaskh-Regular.woff2) format('woff2'),
       url(../fonts/DroidNaskh/DroidNaskh-Regular.woff) format('woff'),
       url(../fonts/DroidNaskh/DroidNaskh-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Naskh';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/DroidNaskh/DroidNaskh-Bold.eot);
  src: url(../fonts/DroidNaskh/DroidNaskh-Bold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/DroidNaskh/DroidNaskh-Bold.woff2) format('woff2'),
       url(../fonts/DroidNaskh/DroidNaskh-Bold.woff) format('woff'),
       url(../fonts/DroidNaskh/DroidNaskh-Bold.ttf) format('truetype');
}

/* ---------------------------------- Background Image  --------------------------------- */

body {
   padding-bottom: 20px;
   background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("../Images/bg01.png");
   background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("../Images/bg01.png");
   background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("../Images/bg01.png");
   background-image: linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("../Images/bg01.png");
   background-color: #f7f7f7;
   background-position: top left, top left;
   background-repeat: repeat-x, repeat;
   background-size: 100% 30em, auto;	
}

/* ---------------------------------- small box  --------------------------------- */

.smallbox {
	line-height: 30px;
	font-family: 'Droid Arabic Naskh'; font-size: 90%; font-weight: 700;
	padding: 5px 0 5px 0;
	color: #999;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #d9d9d9;
	background: #f2f2f2; 
}


.smallbox a{
	color: #999; 
    /*color: #00a9c6; */
	font-family: 'Droid Arabic Naskh'; font-size: 90%; font-weight: 700;
}

.smallbox a:hover{
	color: #333;
    /*color: #999; */
	text-decoration: none;
}


#clockbox{
	
    font-family: 'Droid Arabic Naskh'; font-size: 90%; font-weight: 700;
}


/* ---------------------------------- Sign in --------------------------------- */

.form-signin {
  max-width: 320px;
  margin: 0 auto;
  margin-bottom: 30px;
  font-family: 'Droid Arabic Naskh'; font-size: 110%; font-weight: 700;

}

.input-group{

padding-bottom: 10px;

}

.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}

.form-signin .checkbox {
  font-weight: normal;
}

.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;

}

.form-signin .form-control:focus {
  z-index: 2;
}

.form-signin input[type="text"] {
  /*margin-bottom: -1px; 
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; */
}

.form-signin input[type="password"] {
  /*margin-bottom: -1px; 
  border-top-left-radius: 0;
  border-top-right-radius: 0; */
}

.red-gradiant .btn-primary{
  background: #CE3231 !important;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#CE3231), to(#930707))!important;
  background: -webkit-linear-gradient(#CE3231, #930707)!important;
  background: -moz-linear-gradient(#CE3231, #930707)!important;
  background: -ms-linear-gradient(#CE3231, #930707)!important;
  background: -o-linear-gradient(#CE3231, #930707)!important;
  background: linear-gradient(#CE3231, #930707)!important;
  border:none !important;
}



.red-gradiant .btn-primary:hover{
  background: #CE3231 !important;
}




/* ---------------------------------- Header --------------------------------- */
 .header{
	 margin:20px 0px 0px 0px;
	 padding-bottom:20px;
 }
 
 .header img{
	margin:0px -10px 0 0 ;
	width:450px;	
	 
 }
 
 .header  h2 {  
	/*font: normal 150% "Droid Arabic Kufi Bold", "Times New Roman", Times, serif; */
	color: #555;
	text-align:center;
	font-family: 'Droid Arabic Naskh'; font-size: 150%; font-weight: 700;
	/*text-shadow: 1px 1px #999;*/
}


/* ---------------------------------- Nav ------------------------------- */

#projectname {
	font-family: 'Droid Arabic Naskh'; font-size: 150%; font-weight: 700;
	color: white;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #ccc;  /*Sets the text hover color on navbar*/
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >   
 a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: white; /*BACKGROUND color for active*/
background-color: #333;
}


.navbar-default .navbar-toggle .icon-bar {
  border-color: #ccc;
}

.navbar-default .navbar-toggle{
	background-color: #E6E6E6;
}

.navbar-default  {
	
   /* background-color: #ccc;
    border-color: #030033;
	*/
  color: white;
  font-family: 'Droid Arabic Naskh'; font-size: 85%; font-weight: 600;
  border-radius: 8px;
  background: #CE3231;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#CE3231), to(#930707));
  background: -webkit-linear-gradient(#CE3231, #930707);
  background: -moz-linear-gradient(#CE3231, #930707);
  background: -ms-linear-gradient(#CE3231, #930707);
  background: -o-linear-gradient(#CE3231, #930707);
  background: linear-gradient(#CE3231, #930707);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
   color: #262626;
   text-decoration: none;
   background-color: #66CCFF;  /*change color of links in drop down here*/
}

 .nav > li > a:hover,
 .nav > li > a:focus {
    text-decoration: none;
   /* background-color: silver;*/ /*Change rollover cell color here*/
}


.navbar-default .navbar-nav > li > a {
  color: white; /*Change active text color here*/
}
	
	
.navbar-wrapper  {
}	


.fit-container{
	padding: 0;
} 
/* ---------------------------------- Breadcrumb --------------------------------- */

.SkipNavigationLinks a {
    display:none;
}

/* the above important to hide generated tags by asp.net
a#skip_to_content {
    display:none;
}*/

.breadcrumb {background: #F7F7F7; border: 1px solid #f1f1f1; font-family: 'Droid Arabic Naskh'; font-size: 80%; font-weight: 700; margin-bottom: 40px;  }
.breadcrumb > span > span a { text-decoration: none; color: #00a9c6; display:inline-block; }
.breadcrumb > span > span a:hover { text-decoration: underline;  }
.breadcrumb > span > span.active { color: #777; }
.breadcrumb > span > span.path { color: #d1d1d1; }
  


/*
.breadcrumb {background: #F7F7F7; border: 1px solid #f1f1f1; padding:8px; margin-bottom: 20px;}
.breadcrumb {background:none;}
.breadcrumb li {font-family: 'Droid Arabic Naskh'; font-size: 80%; font-weight: 700; display:inline-block;}
.breadcrumb a {color: #999;}
.breadcrumb a:hover {color: #333; text-decoration:none; }
.breadcrumb>.active {color: #900;}  
.breadcrumb>li+li:before {color: rgba(204, 204, 204, 1); content: "\276F\00a0";}

*/
   
	
/* ---------------------------------- Container --------------------------------- */
.menuitem{
		font-size: 4em;
}
	
.content{
	background-color:white;
	border-radius: 8px;
	font-family: 'Droid Arabic Naskh'; 
	font-size: 110%; font-weight: 700;
    padding-bottom: 50px;
}

.description{

	padding: 10px 30px 5px 30px;
	border-bottom: 1px solid #eee;
	/*border: 1px solid #eee; 
	border-radius:4px;*/
	margin-bottom: 40px;	
}

.description .desc-title {
	color:#900;
	font-size:16px;
}

.description .desc-title .glyphicon{
	font-size: 1.7em;
}


.services-holder{
    padding-top: 30px;
    padding-bottom: 30px;
}

.media-icon .glyphicon{
  font-size: 3em;	
}

.media-holder{
	padding-bottom: 20px;
	padding-top: 20px;
}

.media-holder a {
	text-decoration:none;
	color:#900;
}

.media-holder a:hover{
	text-decoration:none;
	color:#666;
}

.media-body {
 /*text-align:right; */
}

.media-body .service-title {
	font-size:16px;
}

.media-body .service-title a {
	color: #000;
}

.media-body .service-title a:hover {
	color: #333;
}


.media-body .service-desc
{
	font-size:13px;
	color:#797979
}


/* ---------------------------------- view buttons in main page --------------------------------- */	 
.viewButtons{
    margin-top: 20px;
    margin-bottom: 20px;
}

.viewButtons a{
  color: #900;
}

.viewButtons .glyphicon{
      font-size: 3em;
}

.viewButtons a:hover{
    color: #900;
}




/* ---------------------------------- Form --------------------------------- */	 

.form-group{
	padding-bottom: 20px;
}
.form-control{
	min-height: 40px;
	font-family: 'Droid Arabic Naskh',Arial, Helvetica, sans-serif; font-size: 80%; font-weight: 200;
}



/* ---------------------------------- responsive table --------------------------------- */	 
/*
table .responsive-tb {
  width: 100%; 
  margin: 0 auto;
  margin-bottom: 20px;
  border-collapse: collapse;
  font-family: Agenda-Light, sans-serif;
  font-weight: 100; 
  color: #fff;
  text-rendering: optimizeLegibility;
  border-radius: 5px; 
  background: #3f3f3f;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#646464), to(#3f3f3f));
  background: -webkit-linear-gradient(#646464, #3f3f3f);
  background: -moz-linear-gradient(#646464, #3f3f3f);
  background: -ms-linear-gradient(#646464, #3f3f3f);
  background: -o-linear-gradient(#646464, #3f3f3f);
  background: linear-gradient(#646464, #3f3f3f);
  border: 1px solid #ccc;
}

table .responsive-tb thead th { font-weight: 600; text-align:center	 }
table .responsive-tb thead th, table .responsive-tb tbody td { 
  padding: .8rem; font-size: 1.4rem;
  font-family: 'Droid Arabic Naskh';

}

table .responsive-tb tbody td { 
  padding: .6rem; font-size: 14px;
  color: black; background: #fff; 
	font-family: 'Droid Arabic Naskh';
font-weight:300;
 text-align:center	
}
 .btn-danger
 {
	 background-color:#9a0f0f;
 }

 table .responsivetb tbody tr:not(:last-child) { 
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;  
}

@media screen and (max-width: 600px) {
  table .responsive-tb caption { background-image: none; }
  table.responsive-tb  thead { display: none; width:5rem; text-align:right;  }
  table .responsive-tb tbody td { 
    display: block; padding: .6rem; text-align:right;  
	
  }

  table .responsive-tb tbody tr td:first-child { 
    background: #666; color: #fff; 
  }
	table .responsive-tb tbody td:before { 
    content: attr(data-th); 
    font-weight: bold;
    display: inline-block;
    width: 10rem;  
  }
} */

table#responsive-table {
  width: 100%; 
  margin: 0 auto;
  margin-bottom: 20px;
  border-collapse: collapse;
  font-family: Agenda-Light, sans-serif;
  font-weight: 100; 
  color: #fff;
  text-rendering: optimizeLegibility;
  border-radius: 5px; 
  background: #3f3f3f;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#646464), to(#3f3f3f));
  background: -webkit-linear-gradient(#646464, #3f3f3f);
  background: -moz-linear-gradient(#646464, #3f3f3f);
  background: -ms-linear-gradient(#646464, #3f3f3f);
  background: -o-linear-gradient(#646464, #3f3f3f);
  background: linear-gradient(#646464, #3f3f3f);
  border: 1px solid #ccc;
}

table#responsive-table thead th { font-weight: 600; text-align:center	 }
table#responsive-table thead th, table#responsive-table tbody td { 
  padding: .8rem; font-size: 1.4rem;
  font-family: 'Droid Arabic Naskh';

}

table#responsive-table tbody td { 
  padding: .6rem; font-size: 14px;
  color: black; background: #fff; 
	font-family: 'Droid Arabic Naskh';
font-weight:300;
 text-align:center	
}
 .btn-danger
 {
	 background-color:#9a0f0f;
 }

 table#responsive-table tbody tr:not(:last-child) { 
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;  
}

@media screen and (max-width: 600px) {
  table#responsive-table caption { background-image: none; }
  table#responsive-table thead { display: none; width:5rem; text-align:right;  }
  table#responsive-table tbody td { 
    display: block; padding: .6rem; text-align:right;  
	
  }

  table#responsive-table tbody tr td:first-child { 
    background: #666; color: #fff; 
  }
	table#responsive-table tbody td:before { 
    content: attr(data-th); 
    font-weight: bold;
    display: inline-block;
    width: 10rem;  
  }
}

/* ---------------------------------- Footer --------------------------------- */	 


.footer
{
    color:white;
    border-radius: 5px;
/*	background-color:#555; */
	padding: 0;
    color: #FFF;
	background: #3f3f3f;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#646464), to(#3f3f3f));
	background: -webkit-linear-gradient(#646464, #3f3f3f);
	background: -moz-linear-gradient(#646464, #3f3f3f);
	background: -ms-linear-gradient(#646464, #3f3f3f);
	background: -o-linear-gradient(#646464, #3f3f3f);
	background: linear-gradient(#646464, #3f3f3f);
}

.footer p
{
    padding-top: 10px;
    padding-bottom: 3px;
	text-align:center;
	font-family: 'Droid Arabic Naskh',Arial, Helvetica, sans-serif; font-size: 100%; font-weight: 700;
}






.paging {
	line-height: 30px;
	font-family: 'Droid Arabic Naskh'; font-size: 90%; font-weight: 500;
	padding: 5px 0 5px 0;
	color: #999;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    background: #f2f2f2; 

}


.paging a{
	color: #00a9c6;
	font-family: 'Droid Arabic Naskh'; font-size: 90%; font-weight: 700;
}

.paging a:hover{
	color: #999;
	text-decoration: none;
}


/* ----------------------------  */


.redStatus{
    
    color: red;
}

.blueStatus{
    
    color: blue;
}