/* Google web fonts */
@import url('http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css');
@import url('http://fonts.googleapis.com/earlyaccess/droidarabickufi.css');
/* override print styles in bootstrap*/
@media print {
  a[href]:after {
    content: none !important;
  }
}


/* Google web fonts */
.sons img{
	display:none;
}
.hidden {
    display: none !important;
}

body{
	background: url('r-1.png');
}

div.paging {
    margin-bottom: 15px;
}

div.paging span.btn-primary {
    background-color: #620C43;
    border-color: #510837;
}

div.paging span.btn-primary:hover {
    background-color: #510837;
}

div.paging h3 {
    display: inline-block;
    margin: 0 5px;
    color: #620C43;
}

.pg-body{
	width: 90%;
	margin: auto;
	background-color: #fff;
}
.pg-menu .navbar-default{
	background-image: url('img/Menu.png');
	height: 44px;
}
.navbar-default .navbar-toggle {
    border-color: #aba9a9;
    background: rgba(213, 208, 212, 0.57);
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #630855;
}
nav.navbar{
	min-height: 40px;
	margin-bottom: 0;
}

.nav > li > a {
	padding: 0 10px;
}
.navbar-collapse {
	width: 100vw;
}
.pg-menu .navbar-nav > li {
	height: 40px;
	line-height: 40px;
}
.pg-menu .navbar-nav > li > a {
	font: bold 1.1vw/40px 'droid arabic naskh';
	color: #6D0D45;
	text-shadow: 1px 1px rgba(121, 121, 121, 0.33);
}
ul.navbar-nav li:before {
    content: '|';
    color: #620C43;
    font-size: 1.5vw;
    text-shadow: 1px 1px 3px white, -1px -1px 3px #444;
    float: right;
}

ul.navbar-nav li:first-child:before {
    content: '';
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: rgb(255, 251, 239);
	background-color: rgb(106, 37, 73);
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	text-shadow: 2px 2px 2px #FFF;
}
.fb-like.fb_iframe_widget {
    width: 10%;
    float: left;
    left: 0;
    direction: ltr;
    position: relative !important;
	top: 0;
	left: 1%;
    z-index: 3;
}
.row p img{
	float: left;
	width: 40%;
	margin-right: 5px;
    margin-top: -35px;
}
fieldset {
	height: 320px;
    border: solid 1px rgba(197, 186, 186, 0.75);
	border-radius: 20px;
	box-shadow: 0px -1px 1px 1px RGBA(200, 187, 195, 0.7);
	margin-top: 20px
}
.scrollBar {
	height: 255px;
	overflow-y: hidden;
	padding-left: 14px;
}

.scrollBar:hover {
	overflow:auto;
}
fieldset > div {
	width: 100%;
	font: 14px/26px 'droid arabic kufi';
	color: #000;
	text-align: right;
}


.imsakia  div{
	height: 255px;
}


div.do3aa  {
	/*padding:10px;*/
	/*margin: 2px;*/
    /*background:url("/New_Portal/occasions/Ramadan-2016/img/pray.jpg") no-repeat;*/
    /*float: left;*/
	position: relative;
	height:255px;
}
div.do3aa img {
	width: 100%;
	height: 255px;
	position: absolute;
	/*top: -10px;*/
	right: 0;
	z-index: 0;
}
div.do3aa h4, div.do3aa p * {
	z-index: 99 !important;
	position: relative;
	/************new **/
    font: normal 18px/40px 'droid arabic Naskh' !important;
    direction: rtl !important;
    text-align: center;
    top: 5px;
    color: #2f094d;
    /**************/
}
fieldset > div > h4 {
	font: bold 14px/20px 'Droid Arabic kufi','times new roman';
	color: #632850;
	margin-right: 10px;
}
fieldset > div > span {
	color: #8C085C;
	margin-right: 10px;
}
legend {
	color: #620C43;
	background-color: #fff;
	text-shadow: #fff 0.1em 0.1em 0.2em;
	margin: 0 19px 8px 3px;
	text-align: center;
	white-space: nowrap;
	height: 40px;
	width: auto;
	border-bottom: 0;
}
legend > h3, div.paging h3 {
	font: bold 23px/30px 'Droid Arabic kufi','times new roman';
	margin-right: 10px;
	margin-left: 10px;
}
.md-size{
	height: 100px;
}
#portal{
	position: absolute;
	width: 100%;
	text-align:center;
	font: bold 14px/25px 'droid arabic kufi';
}
#portal>img{
	width: 40px;
}
.quraan h4{
	font: bold 16px/34px 'Droid Arabic kufi','times new roman';

}

.imsakia{
	position: relative;
}
.imsakia ul{
	z-index: 3;
	position: absolute;
	top: 0;
	font-weight: bold;
	color: #FFD24D;
}
.masjed div.scrollBar {
	height: 350px;
}
.masjed fieldset {
	height: 420px;
}
.masjed p > img{
	width:auto;
    min-width: 35%;
    max-width: 60%;
    margin-right: 5px;
}
.details * {
	font: normal 16px/30px 'droid arabic Naskh' !important;
	direction: rtl !important;
	text-align: justify;
	padding-right: 3px;
}
.details table {
	float: none;
}
.details table * {
	text-align: justify;
}

.scrollBar::-webkit-scrollbar {
	width: 8px;

}
.scrollBar::-webkit-scrollbar-button {
	background-color: #fff;
}
.scrollBar::-webkit-scrollbar-track {
	background-color: #999;
	border-radius: 30px;
}
.scrollBar::-webkit-scrollbar-track-piece {
	background-color: #E8E7E7;
	border-radius: 30px;
}
.scrollBar::-webkit-scrollbar-thumb {
	height: 40px;
	background-color: #620C43;
	border-radius: 5px;
}

/**************************details css Start ************************/
#ramadan-details fieldset{
	height:250px;
}
#ramadan-details legend{

}
#ramadan-details fieldset>div{
 	height:190px;
}

#ramadan-details .details>img{
    width: 30%;
}

#ramadan-details fieldset.do3aaDetails {
	height:200px;
}

#ramadan-details fieldset.do3aaDetails > div{
	height:145px;
}


/**************************details css End ************************/

/*@media only screen and (max-width:992px) {*/
	/*.pg-menu .navbar-default{*/
		/*background-image: url('img/MenuLarge.png');*/
		/*height: 80px;*/
	/*}*/
/*}*/

@media only screen and (min-device-width: 320px) 
  and (max-device-width: 768px){
  ul.nav.navbar-nav.navbar-right {
	    background: #6B194D;
	    z-index: 1;
	    position: absolute;
	    width: 50% !important;
    }
  
}



@media only screen and (max-width: 768px) {
	#portal{
		font-size: 9px;
	}
	#portal>img{
		width: 20px;
	}
	.fb-like.fb_iframe_widget {
    	width: 10%;
        float: right;
	    direction: rtl;
	    position: relative !important;
	    top: -35px;
	    right: 4%;
	    z-index: 3;
	}
    .navbar-toggle{
		margin-top:0;
		margin-bottom:0;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  	  border-color: rgba(68, 68, 68, 0); 
	}
	ul.nav.navbar-nav.navbar-right {
		background: #6B194D;
		z-index: 1;
		position: absolute;
		width: 38%;
		left: 0;
		margin: 0;
    }
    .navbar-collapse {
    width: auto;
	}
	.pg-menu .navbar-nav > li > a {
	    color: #fff;
    }
    
	fieldset,fieldset div,.masjed div,.masjed fieldset{
		height: auto;
	}
	.import fieldset,.do3aa fieldset{
		height: auto;
	}
	legend>h3 {
	    font: bold 14px/35px 'Droid Arabic kufi','times new roman';
    }
    h4 {
	    font: bold 14px/20px 'Droid Arabic kufi','times new roman';
    }
	.details * {
		font-size: 11px !important;
		line-height: 22px !important;
	}
	.pg-menu .navbar-nav > li > a {
		font: bold 14px/40px 'droid arabic naskh';
	}
}
.Pg-header > img,
.Pg-footer > img {
	display: block;
	width: 100%;
}
#copyright {
    font:bold 12px 'Droid Arabic Kufi';
    color: #fff;
    text-align: center;
    position: relative;
    top: -30px;
}