/*--------FontFace-------------------------------------------------------------------------------------------------------------------------*/
/*
@font-face {
	font-family: eshiatrad;
	src: url('../font/eshiatrad.eot'),
	url('../font/eshiatrad.eot?#iefix') format('embedded-opentype'),
    url('../font/eshiatrad.woff2') format('woff2'),
    url('../font/eshiatrad.woff') format('woff'),
    url('../font/eshiatrad.ttf')  format('truetype'),
    url("../font/eshiatrad.otf") format("opentype");

}

@font-face {
	font-family: 'IranNastaliq';
	src: url('../fonts/IranNastaliq.woff') format('woff');
}
*/
@font-face {
	font-family: "Quran";
	src: url("../fonts/QuranTaha.ttf") format("truetype"), url("../fonts/QuranTaha.ttf") format("truetype");
}
@font-face {
	font-family: "Alaem";
	src: url("../fonts/Alaem1.ttf") format("truetype");
}
@font-face {
	font-family: "IE Alaem";
	src: url("../fonts/Alaem1.eot");
}
@font-face {
	font-family: "other Alaem";
	src: url("../fonts/Alaem1.woff") format("woff"), url("../fonts/Alaem1.svg#webfontYBMgNOwD") format("svg");
}
@font-face {
	font-family: 'vazir';
	src: url("../fonts/Vazir.ttf") format('truetype'),
	url('../fonts/Vazir.woff2') format('woff2'),
	url('../fonts/Vazir.woff') format('woff');
}

#content {
	font-family: vazir; /* eshiatrad_ttf, eshiatrad; */
	font-size: 15px;
	margin-right: 10.9em;
}

a{
text-decoration:none;	
}

#main1{
	/*width:79%;*/
	width:99%;
	min-width:782px;
	/*float:left;*/
	position:relative;
	margin:0px 0px 0px 0px;
}
#center{
	width:100%;
	border: #aaaaaa solid 1px;
	margin:3px 1px 2px 2px;
	direction:rtl;
	text-align:right;
}
#center a{
text-decoration:none; 	
}
#move{
	position:relative;
	width:70%;
	min-width:705px;
	background:#dddddd;
	border: #aaaaaa solid 1px;
	margin:2px 2px 2px 2px;
}
.outlink{
	background:url(../images/outlink.png) no-repeat;
	width:14px;
	height:14px;
}
.red {
	color:#FF0000;
	font:Tahoma 14px;
	text-decoration:none;	
}

.red li a {
	text-decoration:none;
}

.gray{
	color:#666;
	font:Tahoma;
	font-size:12px;
}
/* title menu*/
.titlemenu{
	min-width:150px;
	font-size: 90%;
	border-width:medium;
	border:#ccc solid 1px;
	direction:rtl;
	font:Tahoma, Geneva, sans-serif;
	padding:20px;
	margin-bottom:15%;
}
.titlemenu a{
	text-decoration:none;
}
.rade{
	border-style:solid;
	border-width:1px;
	border-color:#999999;
	background-color:#eeeeee;
	width:95%;
	padding:5px;
	font-family:"B Nazanin",Tahoma;
	/*font-weight:bold;*/
	font-size: 80%;
	float: right;
	margin-right: 2%;
}
.featured{
    border: 1px solid rgb(171, 205, 239);
    width:47%;
    margin:4px;
    padding:2px 15px;
	vertical-align:top;
	height:630px;
	min-height:630px;
	vertical-align :top;
	width:47%;
	min-width:47%;
	max-width:47%;   
}
.featured a{
text-decoration:none;
    
}
.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -100px;
    border-width: 12px;
    border-style: solid;
    border-color: darkblue transparent transparent transparent;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: whitesmoke;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -70px;
    border: solid 2px darkblue;
    font-size: 80%;
}
.tooltip:hover .tooltiptext {
	visibility: visible;
}
.tooltiptext {
  transition-duration: .5s;
  transition-delay: 0.1s;
}
/*Responsive Naderi*/
.historyTable {
	font-size: 88%;
}
#bodyContent h1, h2, h3, h4, h5, h6 {

		font-size: 120% !important;
    }
#nav {
	font-size: 96% !important;
	
}
.gray {
	font-size: 120% !important;
}
.respMenu {
	display: none;
	margin-right: 5%;
	margin-top: 7%;
}
#responsiveMenuBar {
	display: none;
	position: absolute;
	background: #e1e1e1;
	z-index: 10;
	/*margin-left: 5%;*/
	right: 1%;
	border-radius: 5%;
}
#responsiveMenuBar *  {
	list-style: none;
}
#responsiveMenuBar>*  UL LI A {
	color: #333333;
	list-style: none;
}
#responsiveMenuBar>*  UL LI A:hover {
	color: #00b3b3;
	text-decoration:none;
}
.header-links {
	position: relative;
}
.footnotes {
	font-size: 90%;
}
#p-namespaces {
	position: relative;
	right: -11.7%;	
}
#p-views {
	position: relative;
	right: -13%;
}
div.vectorTabs ul {
	background-repeat: repeat !important;
}
.statistics {
	color: green;	
}
.eita-logo {
	width: 25px;
	height: 25px;
}
.tarjome{
	width:20%;
	height:80%;
	font-size:14px;
	font-family:vazir;
	border: solid 2px #dbdbda;
}
@media only screen and (max-width: 700px)  {
	#mw-panel
	{
		display:none !important;
	}
	#content{
		margin-right:0em !important;
		/*margin-top: 9%;*/
		overflow-x: hidden;
		/*width: 90% !important;*/
	}
	#mw-head-base
	{
		margin-right:0em !important;
	}
	#left-navigation{
		right:0em !important;
		top: 40%;
	}
	body {
		font-size: 90% !important;
	}
	#p-search form, #p-search input {
		/*margin-top: 7% !important;*/
		float: left;
		width: 80%;
		position: absolute;
		top: 10%;
		left: 1%;
	}
	#footer {
		margin-right: 0em;
	}
	div.vectorTabs {
		float: right;
		margin-top: 1px;
	}
	.featured {
		min-width: 0px !important;
		min-height: auto !important;
		clear :both;
		display: block;
		width: auto !important;
		max-width: 100% !important;
		height: 100%;
	}
	.featured img {
		/*width:  100% !important;*/
		width: 95%
		/*max-width: 100% !important;*/
	}	
	.respMenu {
		display: block !important;
	}
	#responsiveMenuBar a {
		display: block;
		color: #4a3737;
	}
	
	#p-namespaces {
		display: none;
	}
	
	div.vectorTabs {
		position: absolute;
		top: 69%;
		right: 0%;
	}
	#search_drop {
		margin-top: 6%;
		
	}
	#main1 {
		min-width: 0px !important;
	}
	
	#pt-login *{
		font-size: 75% !important;
	}
	#p-views {
		display: none;
		
	}	
	.footnotes {
		font-size: 90%;
	}
	.rade {
		font-size: 60%;
	}
	.titlemenu {
		font-size: 90% !important;
	}
	.historyTable {
		font-size: 90% !important;
	}
	#advancedsearch form {
		width: 100% !important;
	}
	.tdInput input[type=text] {
		width: 80% !important;
	}
	.tdLabel {
		font-size: 17px !important;
	}
	.advanced-search {
		padding-bottom: 7.4px !important;
		padding-right: 10px !important;
		padding-left: 10px !important;
		float: left;
		/*width: 78%;*/
		position: absolute;
		top: 42% !important;
		left: 84% !important;
		margin-left: -2.1% !important;
	}
	#bodyContent img {
		width: 96% !important;
		margin: 2% !important;
	}
	.rade { 
		margin: 1% !important;
	}
	.statistics {
		font-size: 90% !important;		
	}
	#responsive-edit{
		display: block !important;
	}
	.eita-logo {
		max-width: 20px!important;
		height: 20px!important;
	}
	.q-pagination {
		font-size: 70%;
	}
	.tazhib-container {
		width: 85%;
	}
	.sureh-name {
		float: right;
		width: 30%;
	}
	.q-next{
		float:left;
		width:30%;
		margin-left:5%;
	}
	.q-before{
		float:right;
		width:30%;
		margin-right:5%;
	}
	#help-message{
		margin: auto;
		left:0!important;
		right:0!important;
		font-size: 89%;
		width:98%!important;
	}
}
@media only screen and (max-width: 400px)  {
	.respMenu {
		margin-top: 17%!important;
	}
}
@media only screen and (max-width: 370px)  {
	#left_part {
		margin: 0px !important;
	}
}
/* AdvancedSearch */
.Page_advancedSearch INPUT {
	font-size: 17px;
	width: 100%;
}
.Page_advancedSearch H5 {
	text-align: right;
	margin: 0.2em 0 0.1em;
}
.Page_advancedSearch TABLE {
	margin-right: 2em;
	width: 100%;
}
.tdLabel {
	width: 20%;
	min-width: 180px;
	font-size: 18px;
}
.tdInput {
	width: 100%;
}
.Page_advancedSearch INPUT[type=radio] {
	font-size: 17px;
	width: 10%;
}
.Page_advancedSearch INPUT[type=submit] {
	font-size: 17px;
	width: 10%;
}
#advancedsearch form {
	width: 150%;
}
.tdInput input[type=text] {
	width: 100%;
}
#advanced * {
	margin-top: 5%;
}
#advancedsearch INPUT[type=submit] {
	width: 30%;
	font-size: 17px;
	margin-top: 5%;
	border-radius: 2%;
	background: #b0d0e8
}
#advancedsearch input[type="submit"]:hover {
    font-family: tahoma;
    padding: 5px;
    font-size: 9pt;
    border: 1px solid #81b3d9;
    background: #cde3f8;
    color: #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    cursor: pointer;
}
.advanced-search {
	font-family: Tahoma, "DejaVu Sans", sans-serif;
	font-size: 13px;
	background: #cde3f8;
	margin-left: -2%;
	padding-top: 0.3%;
	padding-bottom: 2.6%;
	padding-right: 1%;
	padding-left: 1%;
	/*border-radius: 8%;*/
	border-bottom-right-radius: 9%;
	border-top-right-radius: 9%;
	border: 1px solid #81b3d9;
}
.advanced-search a {
	text-decoration: none;
}
.advanced-search:hover  {
	background: #b0d0e8;
	cursor: pointer;
}
#search-result .result {
    background: url("../Images/Resault_Sign.png") no-repeat right;
    text-indent: 25px;
    color: #7d98ae;
    margin: 0 auto;
	border-top: 2px solid #81b3d9;
}
#search-result .id {
    font-size: 1.5em;
    width: 20px;
    text-align: center;
    padding: 2px;
    color: #ffffff;
    vertical-align: top;
    background-image: url(../images/Background_Content.jpg) repeat-x top;
}
.hilight_suggestion {
    color: #f66127;
}
.disambiguation{
	padding-right: 0.6em;
	font-style: italic;
	font-size: 87%;
	line-height: 1px;
	display: inline;
	/*float: right;*/
}
.main-topic{
	padding-right: 0.6em;
	font-style: italic;
	font-size: 87%;
	line-height: 1px;
	display: inline;
}
/*Create shortcuts to transfer and edit articles - Menu*/
.dropbtn {
	display: inline-block !important;
    padding-top: 1.3em !important;
	padding-left: 1.0em !important;
	padding-right: 1.0em !important;
    height: 59% !important;
	color: #0645ad;
	font-size: 0.8em;
	background: linear-gradient(#CCFFFF, #336699);
}
.dropbtn-res{
	display: inline-block !important;
	margin-left: -17px;
}
.down-arrow{
	background-image: url('../images/down.svg') !important;
	background-repeat: no-repeat !important;
	z-index: 20;
	width:10px;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-res{
	float: left;
	/*margin-left: 0em; 
    margin-right: 0em;*/
}
.dropdown-content{
	display: none;
	position: absolute;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 10;
	top: 40px;
}
.dropdown-content input{
	color: #0645ad;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	min-width: 123px;
	font-size: 0.9em;
	text-align: right;
	background-image: url(../images/tab-normal-fade.png?1);
	background-position: bottom right;
	background-repeat: repeat-x;
	cursor: pointer;
	border: 0px;
}
.dropdown-content-res{
	display: none;
	position: absolute;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 10;
	top: 60px;
    left: 89px;
}
.dropdown-content-res input{
	color: #0645ad;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	min-width: 130px;
	font-size: 0.9em;
	text-align: right;
	background-image: url(../images/tab-normal-fade.png?1);
	background-position: bottom right;
	background-repeat: repeat-x;
	cursor: pointer;
	border: 0px;
}
.dropdown-content input:hover {
	background-color: #ddd !important;
	color: red;
}
.dropdown:hover .dropdown-content {display: block !important;}
.dropdown:hover .dropbtn {background-color: #3e8e41 !important;}
.resp-edit img{
	max-width: 30px !important;
    float: left;
    padding: 10px;
}
.resp-edit li {
	display: inline;
}
#responsive-edit {
	float: left;
    display: none;
    clear: left;
    width: -webkit-fill-available;
	width: 100%;
	margin-bottom: -100%;
}
.distance {
	margin-left: 0px;
	float: left;
}
.poem {
	text-align: center;
	margin-top: 10px;
}
.b {
    text-align: justify;
    text-align-last: justify;
    border: 0;
}
.beyt {
    white-space: nowrap;
	/*font-family: IranNastaliq;*/
	word-spacing: 2px;
	line-height: 2.1;
	font-size: 18px;
}
.Aye {
	color: Green;
	font-family: Quran;
	font-size: 1.3em;
}
.Revayat,.History1,.History2 {
    font-family: Quran;
    font-size: 1.3em;
	word-spacing: -2px;
}
.Revayat{
	color: #3f8000;
}
.Nahj {
	color: #800000;
    font-family: Quran;
    font-size: 1.3em;
	word-spacing: -2px;
}
.Sahife {
	color: #000080;
    font-family: Quran;
    font-size: 1.3em;
	word-spacing: -2px;
}
.Olama {
	color:Navy;
}
.Alaem{
	font-family: Alaem, IE Alaem, other Alaem !important;
	font-size: 1.4em;
}
.Wasat1 {
	color: Navy;
}
.Wasat2 {
	color: #73cd73;
}
#link-sharing-ul {
	display: none;
	cursor: pointer;
}
#link-sharing-ul-res {
	display: none;
	cursor: pointer;
}
#textarea_toolbar5 {
	display: table;
}
#textarea_toolbar5 {
	display: table;
}
.header-search:hover{
	text-decoration: underline;
	background-color:#d4ddae;
}
.sort-btn {
  display: block;
  width: 100%;
  border: none;
  background-color: #F8FB8E;
  color: green;
 /* padding: 14px 28px;*/
  font-size: 20px;
  cursor: pointer;
  text-align: center;
}
.sort-btn:hover {
	background-color:#d4ddae;
}
#book-list {
	list-style: none;
    padding: 0 0 0 15px;
    width: 30%;
    z-index: 99;
	right : 6%;
    position: absolute;
}
#book-list li {
	padding: 10px;
	background: #f5f6f8;
	border-right: 5px solid #698af9;
    border-bottom: 1px solid #eaeaea;
	text-align: right;
}
#book-list li:hover {
	background:#eaeaea;
	cursor: pointer;
}
#search-box {
	padding: 10px;
	border: #a8d4b1 1px solid;
	border-radius:4px;
}
.indent-a {
	margin-right: 50px;
}
.indent-b {
	margin-right: 100px;
}
.indent-c {
	margin-right: 150px;
}
.titr {
	font-size:14px;
	float:right;	
}
.titr-line{
	color:#dddddd;
	clear:both;
}
.KalamateKhas {
	color:#B37DB8;
}
.KalamateKhas2 {
	color:#000080;
}
.History1{
	color:#0000FA;
	font-size: 115%;
}
.History2{
	color:#80013c;
	font-size: 115%;
}
#canselBTN {
    margin-right: 1%;
    color: red;
}
.td-2,.td-3,.td-4{
	text-align:center;
}
.td-1{
	padding:5px;
}
.safahat-link
{    background: url(../images/quran.png) repeat-x top;
}