/* @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css'); */
@import "macode-custom-classes.css";

@font-face {
	font-family: UthmanTN;
	src: url(UthmanTN.otf);
}

.macode-compiled-text .small{
	font-size: 0.75em;
	/* display: inline-block;
	line-height: 2; */
}

.macode-compiled-text .large{
	font-size: 1.3em;
	/* display: inline-block;
	line-height: 2; */
}

.macode-compiled-text span.ltr{
	display: inline-block;
	direction: ltr;
}

.macode-compiled-text span.rtl{
	display: inline-block;
	direction: rtl;
}

.macode-compiled-text .macodeList{
	margin: 0px;
	margin-bottom: 10px;
}

.macode-compiled-text .pavaraqi{
	padding: 7px;
}

.macode-compiled-text .footnote{
	color: maroon;
	font-size: 0.85em;
}

.macode-compiled-text .fehrest{
	color: #630 !important;
}

.macode-compiled-text h1 .fehrest,.macode-compiled-text .macode-compiled-text h2 .fehrest,.macode-compiled-text .macode-compiled-text h3 .fehrest,.macode-compiled-text .macode-compiled-text h4 .fehrest,.macode-compiled-text .macode-compiled-text h5 .fehrest,.macode-compiled-text .macode-compiled-text h6 .fehrest{
	font-size: 0.8em;
}

.macode-compiled-text .tooltip{
	min-height: 59px;
}

.macode-compiled-text .pageNumber{
	font: 10px tahoma;
	color: navy !important;
}

.macode-compiled-text #pavaraqies{
	font-size: small;
}

.macode-compiled-text div.poem{
    text-align: justify;
    line-height: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2em;
	width: max-content;
	margin: 12px auto 12px auto;
}

.macode-compiled-text div.poem.poem-right{
	margin-right: unset;
}

.macode-compiled-text div.poem.poem-left{
	margin-left: unset;
}

.macode-compiled-text div.poem>div{
	margin-bottom: -1em;
}

.macode-compiled-text div.poem>div:after{
	content: "";
	display: inline-block;
	width: 100%;
	height: 0;
}

.macode-compiled-text div.poem>div:last-child:nth-child(odd) {
	transform: translateX(calc(-50% - 1em));
}

.macode-compiled-text span.spaces{
	font: 12px tahoma;
}

.macode-compiled-text .pavaraqiNumber{
	font-family: Arial, Helvetica, sans-serif;
}

.macode-compiled-text blockquote {
	background: #f9f9f9;
	border-right: 15px solid #ccc;
	margin: 1.5em 10px;
	/* quotes: "„" "“" "‚" "‘"; */
}

.macode-compiled-text blockquote{
	display: inline-grid;
	grid-template-columns: min-content auto min-content;
}


.macode-compiled-text blockquote>div:first-child::before,.macode-compiled-text .macode-compiled-text blockquote>div:last-child::before {
	content: "”";
	color: #ccc;
	font-size: 3em;
	margin: 0.25em;
	line-height: 1;
}

.macode-compiled-text blockquote>div:last-child{
	align-self: end;
}

.macode-compiled-text blockquote>div:last-child::before {
	content: "“";
}

.macode-compiled-text .footnoteSign{
	vertical-align: super;
	font-size: smaller;
	text-decoration: none;
	cursor: pointer;
}
.macode-compiled-text .footnoteSign::before{
	content: "(";
}
.macode-compiled-text .footnoteSign::after{
	content: ")";
}

.macode-compiled-text .tooltips {
	position: relative;
	display: inline;
}

.macode-compiled-text span.macode-date{
	cursor: help;
	position: relative;
	display: inline;
}


.macode-compiled-text span.macode-date>span,.macode-compiled-text .tooltips>span {
	text-shadow: none;
	position: absolute;
	background: #E0E0E0;
	font-size: 0.8em;
	text-align: right;
	border-radius: 10px;
	width: 300px;
	padding: 10px;
	white-space: normal;
	top: 2em;
	left: 50%;
	margin-left: -150px;
	z-index: 999;
	color: black;

	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear 0.3s, opacity 0.3s linear;
}

.macode-compiled-text span.macode-date>span{
	width: 200px;
}

.macode-compiled-text span.macode-date>span::before, .macode-compiled-text .tooltips>span::before {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -8px;
	width: 0; height: 0;
	border-bottom: 8px solid #E0E0E0;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}


.macode-compiled-text span:hover.macode-date>span,.macode-compiled-text  .tooltips:hover>span,.macode-compiled-text  .tooltips.makeVisible>span {
	visibility: visible;
	transition-delay: 0s;
	opacity: 1;
}

.macode-compiled-text span:hover.macode-date>span{
	top: 3em;
	margin-left: -100px;
}

.macode-compiled-text .tooltips>span>div {
	max-height: 300px;
	overflow-y: auto;
}

.macode-compiled-text .madkhalDiv{
	margin-top: 1em;
}

.macode-compiled-text .madkhalDiv.madkhalFaree{
	margin-right: 40px;
}

.macode-compiled-text .madkhalDiv .madkhalNumber{
	color: #333;
	font-weight: bolder;
}

.macode-compiled-text .madkhalDiv .madkhalNumber:empty:before{
	content: '*';
}

.macode-compiled-text /* .madkhalDiv .madkhalNumber:before{ */
	/* content: '('; */
/* } */

.macode-compiled-text .madkhalDiv .madkhalNumber:after{
	content: '- ';
}

.macode-compiled-text .madkhalDiv .shenaseh>span:not(.footnote){
	font-size: 1.1em;
	font-weight: bolder;
}

.macode-compiled-text .madkhalDiv .madkhalContent{
	margin-top: 10px;
}

.macode-compiled-text span.linebreak{
	margin-right: 1em;
}


.macode-compiled-text .previewDiv{
	line-height: 2;
}


.macode-compiled-text .macodeList.specialSymbols>li{
	padding-right: 0.3rem;
}
.macode-compiled-text .macodeList.specialSymbols>li::marker{
	content: attr(data-symbol);
	margin-right: 0.2rem;
}

.macode-compiled-text .macodeList.specialSymbols.footnotes>li::marker{
	content: "(" attr(data-symbol) ")";
}

.macode-compiled-text .macodeList.footnotes{
	padding-right: 0;
}

.macode-compiled-text .macode-page{
	position: relative;
	text-align: justify;
	margin: 1em;
	margin-top: 2em;
	margin-bottom: 3em;
	padding: 2em;
	border: 1px solid gray;
	border-radius: 4px;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);

	background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(253,253,253,1) 47%,rgba(245,245,245,1) 100%);
	min-height: 800px;
	user-select: none;
}

.macode-compiled-text .page-contents{
	user-select: text;
}

.macode-compiled-text .macode-page>.page-number {
    text-align: center;
    right: 50%;
    background-color: white;
    border: 1px solid gray;
    border-radius: 5px;
    position: absolute;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    min-width: 200px;
    transform: translateX(50%);
    bottom: -15px;
}

.macode-compiled-text .macode-page>.page-header {
    text-align: center;
    border-bottom: 1px dotted gray;
    margin-top: -1.5em;
    margin-bottom: 1em;
	font-size: 0.8em;
}

.macode-compiled-text .macode-table,.macode-compiled-text .macode-table td{
	font: inherit;
	border: 1px solid gray;
}

.macode-compiled-text .macode-table td{
	padding: 0.4em;
}

.macode-compiled-text .macode-table{
	border-collapse: collapse;
}

.macode-compiled-text .macode-quran{
	color: darkgreen;
	font-family: UthmanTN;
	font-size: 1.3em;
	font-weight: bolder;
}

.macode-compiled-text figure{
	margin: auto;
	line-height: initial;
}

.macode-compiled-text figure.center{
    text-align: center;
	width: min-content;

	margin-left: auto;
    margin-right: auto;
}

.macode-compiled-text figure.left{
	float: left;
	width: min-content;
	margin-left: 0;
}

.macode-compiled-text figure.right{
	float: right;
	width: min-content;
	margin-right: 0;
}

.macode-compiled-text figure.small{
	width: 150px;
}

.macode-compiled-text figure.medium{
	width: 350px;
}

.macode-compiled-text figure.large{
	width: 500px;
}

.macode-compiled-text figcaption{
	text-align: center;
	font-size: 0.9em;
	max-width: 100%;
}

.macode-compiled-text .clearfix::after {
	content: "";
	clear: both;
	display: table;
}


.macode-compiled-text i.bracketIndex::before{
	content: '#';
}

.macode-compiled-text i.bracketIndex{
	display: none;




	color: gray;
	cursor: pointer;
	font-family: initial;
	font-size: 1rem;
	font-weight: bolder;

	opacity: 0.1;
	transition: opacity 0.5s;
	
	position: absolute;
	transform: translate(12px, -12px);
}

.macode-compiled-text i.bracketIndex:hover{
	opacity: 1;
}

.macode-compiled-text .paragraph{
	/* text-indent: 1em; */
	min-height: 1em;
}


.macode-compiled-text .macode-highlight{
	background-color: lemonchiffon;
}

.macode-compiled-text .macode-neshan[theColor=blue]{
	background-color: lightblue !important;
}

.macode-compiled-text .macode-neshan[theColor=green]{
	background-color: lightgreen !important;
}

.macode-compiled-text .middles{
	display: block !important;
	text-align: center;
	color: silver;
	font-size: 1rem;
}

.macode-compiled-text .panjareh{
	border: 1px solid gray;
	background-color: #FAFAFA;
	margin: 20px;
}

.macode-compiled-text .panjareh[align='left']{
	margin-left: 0;
}

.macode-compiled-text .panjareh[align='right']{
	margin-right: 0;
}

.macode-compiled-text .panjareh td{
	padding: 15px;
}

mark.attention{
	background-color: inherit;
	font-weight: bolder;
	color:darkblue;
}