@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@import url(https://fonts.googleapis.com/earlyaccess/amiri.css);
@import url(https://fonts.googleapis.com/earlyaccess/lateef.css);
@import url(https://fonts.googleapis.com/earlyaccess/notokufiarabic.css);
@import url(https://fonts.googleapis.com/earlyaccess/notonaskharabic.css);
@import url(https://fonts.googleapis.com/earlyaccess/notonastaliqurdudraft.css);

@import url(https://fonts.googleapis.com/earlyaccess/notosanskufiarabic.css);
@import url(https://fonts.googleapis.com/earlyaccess/scheherazade.css);
@import url(https://fonts.googleapis.com/earlyaccess/thabit.css);




@font-face {
  font-family: 'Chalkduster';
    src:  url('../fonts/Chalkduster/Chalkduster.ttf.woff') format('woff'),
    url('../fonts/Chalkduster/Chalkduster.ttf.svg#Chalkduster') format('svg'),
    url('../fonts/Chalkduster/Chalkduster.ttf.eot'),
    url('../fonts/Chalkduster/Chalkduster.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

	/*.examplefontl {
	  font-family: 'Chalkduster';  
	  color: black;
	}*/


.number{
	font-family: 'Combo', cursive;
	font-family: 'Dekko', cursive;
	color:#337ab7;
}

.display-block{
	display: block
}

.top_title
{
	font-family: 'Helvetica';  
	text-align: center; 
	font-size: 30px;
}

/*=============*/


#actionName{
	position : fixed;
	bottom: 0;
	right:0;
	background: yellow;
	padding:2px 10px;
	
}

.arabic{
font-size: 20px !important;
direction: rtl;

font-family: 'Droid Arabic Kufi', serif;
font-family: 'Amiri', serif; 
font-family: 'Lateef', serif;
font-family: 'Noto Kufi Arabic', serif;
font-family: 'Noto Naskh Arabic', serif;/*+*/
font-family: 'Noto Nastaliq Urdu Draft', serif;/*+*/
font-family: 'Noto Sans Kufi Arabic', serif;
font-family: 'Thabit', serif;

font-family: 'Droid Arabic Naskh', serif;/*+*/

font-family:'Freight Sans', 'lucida grande',tahoma,verdana,arial,sans-serif;
font-family: 'Scheherazade', serif;
line-height: 170%;
}



* {
    margin: 0;
    outline:0 !important;
}

a:hover, a:active, a:focus {
	outline:0;
}

html, body {
    height: 100%;
    	background-color:#e9eaed;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

h3{
	font-size:21px;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -155px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 155px; /* .push must be the same height as .footer */
}

.hide-div{
	display:none;
}

.display-none{
	display:none;
}


p{
	font-size:15px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.avatar{
	background-color:#333;
	
}





.left{
text-align:left !important;
}

.right{
text-align:right !important;
}
#container{
width:100%;
box-shadow: none;
padding: 20px 0px 20px 0px;
}

h1, h2, h3{
color: #493a65;
}




.fz10{font-size: 10px;}
.fz11{font-size: 11px;}
.fz12{font-size: 12px;}
.fz13{font-size: 13px;}
.fz14{font-size: 14px;}
.fz15{font-size: 15px;}
.fz16{font-size: 16px;}
.fz17{font-size: 17px;}
.fz18{font-size: 18px;}
.fz19{font-size: 19px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.fz24{font-size: 24px;}
.fz26{font-size: 26px;}
.fz28{font-size: 28px;}
.fz30{font-size: 30px;}
.fz32{font-size: 32px;}
.fz34{font-size: 34px;}
.fz36{font-size: 36px;}
.fz38{font-size: 38px;}
.fz40{font-size: 40px;}



.bmargin5{margin-bottom: 5px;}
.bmargin10{margin-bottom: 10px;}
.bmargin20{margin-bottom: 20px;}
.bmargin30{margin-bottom: 30px;}
.bmargin40{margin-bottom: 40px;}
.bmargin50{margin-bottom: 50px;}
.bmargin60{margin-bottom: 60px;}
.bmargin70{margin-bottom: 70px;}
.bmargin80{margin-bottom: 80px;}
.bmargin90{margin-bottom: 90px;}
.bmargin100{margin-bottom: 100px;}
.bmargin110{margin-bottom: 110px;}
.bmargin120{margin-bottom: 120px;}
.bmargin130{margin-bottom: 130px;}


.bpadding5{padding-bottom: 5px;}
.bpadding10{padding-bottom: 10px;}
.bpadding20{padding-bottom: 20px;}
.bpadding30{padding-bottom: 30px;}
.bpadding40{padding-bottom: 40px;}
.bpadding50{padding-bottom: 50px;}
.bpadding60{padding-bottom: 60px;}
.bpadding70{padding-bottom: 70px;}
.bpadding80{padding-bottom: 80px;}
.bpadding90{padding-bottom: 90px;}
.bpadding100{padding-bottom: 100px;}
.bpadding110{padding-bottom: 110px;}
.bpadding120{padding-bottom: 120px;}
.bpadding130{padding-bottom: 130px;}


.tb_padding0{
	padding : 0px 30px !important;
}

.tb_padding10{
	padding : 10px 30px !important;
}


.left{
  text-align: left;
}


.right{
  text-align: right;
}

.center{
  text-align: center;
}

.fleft{
	float:left;
}

.fright{
	float:right;
}

.bold{
	font-weight: bold;
}

.pointer{
	cursor: pointer;
}

.container{

}

.panel-heading{
	cursor: pointer;
}

.bg_container{
	padding:50px 30px;
	border-radius: 3px;
	/*box-shadow:1px 0px 2px #000;	*/
	margin-bottom:40px;
	background: #fff;
	border: 1px solid;
	border-color: #e5e6e9 #dfe0e4 #d0d1d5;
	-webkit-border-radius: 3px;
}

.top_control{
	width:100%;
}

.minimize{
	margin-top:10px;
}

.minus{
	cursor:pointer;
	float:right;
	color:#101010;
	/*background:#101010;*/
	padding:4px 10px;
}
/*
.control-icons{
		cursor:pointer;
	padding:10px 30px;
	font-size:18px;
	border-radius:8px;
}

.admin-nav{
	outline:0 !important;
	border:none !important;
	background-color:#CCCCCC;
	margin-left:20px;
	margin-bottom:10px;
	color:#333333;
}
*/

#lang_list, #lang_list:focus, #lang_list:active{
	border:0;
	box-shadow: none;
}


.tit{
color: #493a65;
}

.nav-separator{
	background-color:none;
	width:0px !imprtant;
	padding-left: 0px !important;
	padding-right:0px !important;
}

.li-nav-separator{
	border-right:1px solid #999; 
	margin:0px 10px;

}

.admin-nav > li{
	display: inline-block !important;
}


.admin-nav{
	
}

.moreBtn{
  padding: 10px;
  background-color: #333;
  margin-top: 10px;
  text-align: center;
  color: #FFF;
  border-radius: 5px;
  cursor: pointer;
}

.lg_btn{
    padding: 5px;
    background-color: #CCCCCC;
    border-radius: 7px;
    width:100px;
    margin: 5px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    }


.vcenter {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.click_btn{
  border: 0;
  font-family: 'Tahoma', 'Geneva', 'Verdana', sans-serif;
  font-size: 14px;
background-color: #5a4d78;
color: #ffffff !important;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
padding:5px 12px;
text-align:center;
cursor:pointer;

}

#home_slider .item{
	height:400px;
}

.click_btn:hover {
  background-image: none;
  background-color: #493a65;
  color: #ffffff !important;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

a .click_btn{
text-decoration:none;
}

.modal-dialog,
.modal-content,
.modal-header,
.modal-body
{
background:#f0f0f0;
}

.list_btn{
text-decoration:none !important; 
color:#FFFFFF; 
width:100% !important; 
display:block; 
margin-bottom:5px;
}

.list_btn:hover, .list_btn:visited, .list_btn:link, a:active
{
    text-decoration: none;
}
.hide{
    display: none;
}
.activ{
    background-color: #FFFFFF;
    color:#333;
    box-shadow:1px 1px 1px #999;
}

#eFlyerMaker_form_response{
  /*width: 70%;*/
    margin: 0 auto;
    padding-bottom: 10px;
    color: rosybrown;
    font-size: 12px;
}

/* ===== ABOUT ======== */


.about_img{
  border-radius: 8px;
  box-shadow: 1px 1px 8px #333;
}

.about_biography{
  cursor: pointer;
}

.honor_biography{
  cursor: pointer;
}

.Palabres{
		width:100%;
	}
	
	.error{
		line-height:100%;
		display:none;
		color: red;
		padding-top:5px;
	}

p.vova{
  line-height : 1.5;
}

.firstLetter{
  float       : left;
  font-size   : 3.26em;
  line-height : 0.5;
  margin      : 0.205em 0.153em 0 0;
}

.firstLetter + span{
  margin-left : -0.5em;
}


.alert{
	display: none;
}
/* ===== PARTNERS =======*/


#iscc_img{
  background-color:rgba(0, 75, 170, 0.85); height:100px;
  background-image: url("../images/partners/iscc.png");
  background-position: center;
  background-repeat: no-repeat;
}
#crisco_img{
  background-color:rgba(0, 75, 170, 0.85); height:100px;
  background-image: url("../images/partners/crisco.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
}

#indiana_img{
  height:100px;
  background-image: url("../images/partners/indiana.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}


#mrsh_img{
  height:100px;
  background-image: url("../images/partners/mrsh.jpg");
  background-position: center;
  background-repeat: no-repeat;

}


#oraltradition_img{
  height:100px;
  background-image: url("../images/partners/oraltradition.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
}


#lms_img{
  height:100px;
  background-image: url("../images/partners/lms.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
}

a.active{
  color:#FFFFFF !important;
}


.infos{
	color:#337ab7;
}


.actions{
	margin-left:10px;
	color:#337ab7;
}

.legend_publication{
	width:110px;
	padding:5px 10px;
	display:block;
	margin-bottom:3px;
	color:#FFFFFF;
	text-align:center;
	font-size:11px;
	text-shadow: 1px 1px 1px #666;
}


.tab-pan-text{
	text-align: left !important;
    padding: 30px !important;
    border-radius: 7px;
    /*background: #f2f2f2;*/
    /*background: rgba(255,255,255,0.95);*/
    /*box-shadow: inset 0px 0px 8px #666666;*/
    line-height: 30px;
}


.img_caption{
	width:70% !important;
	margin: 0 auto;
}




/* ========= PUBLICATION FORMAT =========== */

.parent-publication-format{
	padding:25px;
}
.publication-format{
	text-indent:-25px;
	margin-left:25px; 	
}

/* ======================================= */


#eFlyerMaker_footer_form_container{
	width:700px;
	max-width:100%; 
	margin:0 auto;
}


#eFlyerMaker_footer_form_container,
#eFlyerMaker_footer_form_container label,
#eFlyerMaker_footer_form_container h3{
	color:#F0F0F0;
	font-weight: normal;
}

#eFlyerMaker_footer_form_container input
{
	box-shadow: inset 0px 0px 15px #333 !important;
    border: 0;
    border-radius: 0;
}

#footer_subscribe_newsletter{
/*	border:0;
	background: #666666;
	color:#0099ff;
	border-bottom: 3px solid #0099ff;*/
	color:#f0f0f0;
	background-color:#0099ff; 
	border:0;
}


/* LOGIN */


#login_response{
	
}

#login_msg{
	color:red;
	font-size:12px;
	font-weight: bold;
	padding-left:50px;
}

.btn-vova{
	background-color:#505050;
	color:#FFFFFF;
	border:none;
	/* border-radius: 0;
	border-top-left-radius:8px;
	border-bottom-right-radius:8px;
	*/
	margin-right:10px;
	font-weight:normal;
	outline:none !important;
}
.btn-vova:hover,
.btn-vova:focus,
.btn-vova:active
{
	background-color:#B8B8B8;
	color:#333333;
	border:none;
}



.block-container{
	border-radius:2px;
	box-shadow:1px 0px 3px #333333;
	padding :30px 30px;
}




.calendar-date{
  background-color: rgba(0,0,0,0.75);
  color: #f0f0f0;
  padding: 20px 10px;
  font-size: 15px;
  text-shadow: 1px 1px 2px #000;
  width:175px;
}


.calendar-text{
	/*border: 1px solid #3385FF;*/
	background-color:rgba(0,0,0,0.15);
	padding:20px 10px;
}


.calendar-year{
	font-size: 30px;
  padding: 25px;
  font-weight: bold;
  background-color: rgba(0,0,0,0.07);
  text-shadow: 1px 1px 4px #000;
  color: #ccc;
}
#calendar-table{
	width:100%;
}

#calendar-table tr{
	border-bottom: 2px solid #FFFFFF;
}


.slider-img{
margin: auto;	
}

#keywodrds_tab_content  .tab-pane{
	text-align:center;
	padding-top : 5px;
	min-height:350px;
}

/* slider */
#wowslider-container1{
	width:100%;
	/*max-width:100%;*/
}


#vova_text_container{
	min-height: 310px;
	margin-bottom: 50px;
}

.members_container{
visibility: hidden;
}

.about_images_honors{
height:170px;
}

.visible{
	visibility: visible !important;
}

.biblio-books{
	margin-bottom: 10px;
	box-shadow: 0px 0px 4px #666666;
	border-radius: 2px;
}

#updates_main_wrap{
    width: 100%;
    height: 100%;
    overflow: hidden;

}

#updates_main_container{
	
    width: 100%;
    height: 100%;
	/*overflow-x:hidden;*/
	/*overflow-y:auto;*/
	padding:0 5px;

}
.updates_main{
    /*background-color: #f2f2f2;*/
    box-shadow: 0px 0px 5px #999;
    padding:10px;
    margin-bottom: 15px;
    border-radius: 3px;
    cursor: pointer;
}



.updates_main .date{
    float:right;
    font-size: 11px;
}

.updates_main .title{
    font-weight: bold;
}


/* ============== BOOTSTRAP =============== */

.carousel-control{
opacity: 0.1;
}

.carousel-control.right, .carousel-control.left{
	background-image: none;
}

.nav-tabs>li>a{
	border: 1px solid #ddd;
    margin: 5px 3px;
    background: #eee;
    color: #666;
}



.home-img-nav>li>a{
color:#333 !important;
background-color: #f0f0f0  !important;
border-radius: 3px !important;
}

.home-img-nav>li.active>a, .home-img-nav>li.active>a:focus, .home-img-nav>li.active>a:hover{
border-radius: 3px !important;
border: 1px solid #ddd !important;
cursor: default !important;
color:#f0f0f0 !important;
background-color: #333  !important;
}

.carousel-caption{
	background:rgba(0,0,0,0.4);
	padding-left: 10px; 
	padding-right: 10px; 
}

.btn-export{
	border:none !important;
	border-radius:0px;
border-top-left-radius :5px;
border-bottom-right-radius :5px;
	width:150px;
	margin: 10px 0;
}

.badge{
	background-color:#337ab7;
	padding:3px 10px;
}

.list-group-item:hover{
	background-color:#F0F0F0;
	
	/*color:#FFFFFF;*/
}

.privacy_policy {text-align:right;}
.privacy_policy a{color:#666666; text-decoration: none;}


.alert-white{
	background-color: #FFFFFF;
	color:#333333;
	border:none;
}


.updates_header h2{
    display:inline-block; margin:0;
}

.updates_header span{
    float: right;
}

.navbar-inverse .navbar-nav>li>a {
    color: #eee;
    font-family: "Arial Narrow", Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
}


.navbar-inverse {
    background-color: #262626;
    /*border-color: #080808;*/
}

.dropdown-menu{
	background: #262626;
	border-bottom:2px solid #0099ff;
	border-left:2px solid #0099ff;
	border-right:2px solid #0099ff;
}

.dropdown-menu>li>a{
	color:#F0F0F0;
	padding-top:10px;
	padding-bottom:10px;
}

.dropdown-menu>li>a:hover{
	color:#F0F0F0;
	background: #0099ff;
}


/*======================*/
/*XS*/
@media (max-width: 768px) {  
	.calendar-date, .calendar-text{display:block; width:100%;} 
	#genres_documented td{display:block !important; width:100% !important;} 


.copyright{text-align: center; }
.privacy_policy{text-align: center; padding-top:10px;}

	.modal { 
    position: fixed; 
    top: 3%; 
    right: 3%; 
    left: 3%; 
    width: auto; 
    margin: 0; 
}
.modal-body { 
    height: 60%; 
}

.modal-body { 
    max-height: 350px; 
    padding: 15px; 
    overflow-y: auto; 
    -webkit-overflow-scrolling: touch; 
 }




.sm-block{ display:block; }
.xs-no-float{float:none !important;}
#logoexchangeplatform{ width:200px;}


.img_caption{
	width:90% !important;
	margin: 0 auto;
}


p{ font-size: 14px; }



 .xs-hide{ display: none;}
 .sm-center{text-align: center;}

#iframe_donation_video{ height:300px;}
#biblio_books{ display: none;}
#eFlyerMaker_footer_form_container{ width:90%; }
	}/*END XS*/



/*SM*/
@media (min-width: 768px) and (max-width: 992px) { 
	.calendar-date, .calendar-text{display:block; width:100%;} 
	#genres_documented td{display:block !important; width:100% !important;}
	.sm-block{ display:block; }
	.sm-no-float{float:none !important;}
	#logoexchangeplatform{ width:300px;}
	#biblio_books{ display: none;}
	 .sm-center{text-align: center;}
	 .sm-hide{ display: none;}
#eFlyerMaker_footer_form_container{ width:90%; }
	}

/*MD*/
@media (min-width: 992px) and (max-width: 1200px) {  }

/*LG*/
@media (min-width: 1200px) { 
.bg_container.container-narrow{ 
	margin:0 auto;
	margin-bottom: 40px;
	width:80%;

}
}





@media (max-width: 500px) { #logoexchangeplatform{ width:100%;}  }


/* Data Tables */