* { -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; padding: 0px; margin: 0px 0px 0px 0px; font-family: 'English', 'Arial', san-serif; outline: none; }
body,html { background-color: #161616; }
a { text-decoration: none; }
@media { /* Site Wide */
	pre.popper { background-color: black; color: white; text-align: left; font-family: arial; font-size: 12px; z-index: 100000; display: block; width: 100%; }
	.arabic {font-family:Arabic;}
	.english {font-family:English,Arial,san-serif;}
	.hide { display: none!important; }
	.displayerror strong { color: crimson; }
	.digit { font-family: Arial; }
	.arr-up {transform: rotate(180deg);}
	.arr-down { }
	.scttitledsp {padding: 5px;border-bottom: 1px solid #3c3c3c;clear: right;margin-bottom: 6px;font-size: 16px;color: #03ffb1;font-weight: bold;letter-spacing: 1px;display: block!important;}
	.arrow {background-image: url(/dist/img/arrow.svg);background-size: cover;background-repeat: no-repeat;background-position: 1px 0px;display: block;width: 28px;height: 28px;border-radius: 10px;float: right;position: relative;margin-bottom: -30px;}
	.homesvg { background-image: url(/dist/img/bismillah.svg); background-size: calc(100% - 10px); background-repeat: no-repeat; background-position: 6px 4px; }
	.whtfnt { color: white; }
	.surahendsymbol { width: 60%; display: block; margin: 0 auto; margin-bottom: 40px; }
	.orientationltr { direction: ltr; }
	.orientationrtl { direction: rtl; }	
}
@media { /* CSS for making checkbox as sliders */
	label.switch { display:inline-block; }
	.switch { position: relative; display: inline-block; width: 30px; height: 20px; } 
	.switch input { opacity: 0; width: 0; height: 0; }
	.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #02835b; -webkit-transition: .4s; transition: .4s; }
	.slider:before { position: absolute; content: ""; height: 10px; width: 10px; left: 2px; bottom: 5px; background-color: white; -webkit-transition: .4s; transition: .4s; }
	input:checked + .slider { background-color: #2196F3; } 
	input:focus + .slider { box-shadow: 0 0 1px #2196F3; } 
	input:checked + .slider:before { -webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px); } 
	.slider.round { border-radius: 34px; }
	.slider.round:before { border-radius: 50%; }
}
@media { /* Arabic Keyboard */
	#keyboardInputMaster { position: absolute; border: 2px groove #dddddd; color: #000000; background-color: #dddddd; text-align: left; z-index: 1000000; width: auto; }
	#keyboardInputMaster thead tr th { text-align: left; padding: 2px 5px 2px 4px; background-color: inherit; border: 0px none; }
	#keyboardInputMaster thead tr th select, #keyboardInputMaster thead tr th label { color: #000000; font: normal 11px Arial,sans-serif; }
	#keyboardInputMaster thead tr td { text-align: right; padding: 2px 4px 2px 5px; background-color: inherit; border: 0px none; }
	#keyboardInputMaster thead tr td span { padding: 1px 4px; font: bold 11px Arial,sans-serif; border: 1px outset #aaaaaa; background-color: #cccccc; cursor: pointer; }
	#keyboardInputMaster thead tr td span.pressed { border: 1px inset #999999; background-color: #bbbbbb; }
	#keyboardInputMaster tbody tr td { text-align: left; margin: 0px; padding: 0px 4px 3px 4px; }
	#keyboardInputMaster tbody tr td div { text-align: center; position: relative; height: 0px; }
	#keyboardInputMaster tbody tr td div#keyboardInputLayout { height: auto; }
	#keyboardInputMaster tbody tr td div#keyboardInputLayout table { height: 20px; white-space: nowrap; width: 100%; border-collapse: separate; }
	#keyboardInputMaster tbody tr td div#keyboardInputLayout table.keyboardInputCenter { width: auto; margin: 0px auto; }
	#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td { vertical-align: middle; padding: 0px 5px 0px 5px; white-space: pre; font: normal 20px 'Arabic',monospace; border-top: 1px solid #e5e5e5; border-right: 1px solid #5d5d5d; border-bottom: 1px solid #5d5d5d; border-left: 1px solid #e5e5e5; background-color: #eeeeee; cursor: default; }
	#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.last { width: 99%; }
	#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.hover { border-top: 1px solid #d5d5d5; border-right: 1px solid #555555; border-bottom: 1px solid #555555; border-left: 1px solid #d5d5d5; background-color: #cccccc; }
	#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.pressed, #keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.dead { border-top: 1px solid #555555; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; border-left: 1px solid #555555; background-color: #cccccc; }
	#keyboardInputMaster tbody tr td div var { position: absolute; bottom: 0px; right: 0px; font: bold italic 11px Arial,sans-serif; color: #444444; }
}
@media { /* Masthead */
	table#masthead { z-index: 101; height: 40px; width: 100%; position: fixed; top: 0px; margin: 0 auto; text-align: center; background-color: #1a1a19; color: white; font-weight: bold; font-size: 24px; padding: 2px; box-shadow: 0px 3px 4px 2px #212121; transition: top 0.3s; overflow: hidden; }
		td.gohome { width: 50px; }
			a.gohome {margin: 5px;display: block;width: 35px;height: 35px;padding: 10px;}
		td.search {width: calc(100% - 10px); }
		#mnbtnhldr { position: fixed; right: 12px; padding: 9px; z-index: 1000; top: 18px; border-radius: 4px; height: 16px; width: 70px; }
			#mnbtnhldr div { display: inline-block; line-height: 0px; font-size: 30px; cursor: pointer; position: fixed; }
			#readericon { margin-top: 10px; color: darkgray; font-weight: bold; display: inline-block; position: relative; }
			#menu { top: 34.5px; right: 20px; color: #03b17b; font-weight: bold; }
}
@media { /* Options Panel */
	#optionspanel, .innerpanel { padding: 4px; }
	#optionspanel {display: block;top: 60px;background: #5e5e5e;transition: right 0.3s;position: fixed;width: 300px;z-index: 1000;color: white;right: -320px;border: 1px solid #6b6b6b;border-radius: 4px;}
	#optionspanel .innerpanel {border: 1px solid #6b6b6b;border-radius: 4px;margin-top: 1px;margin-bottom: 5px;background: #222222;height: 27px;overflow: hidden;}
	#optionspanel .innerpanel:last-child {margin-bottom: 1px;}
	#optionspanel .innerpanel.dirlinks { height: 100px;}
	#optionspanel div.orientset label.switch { margin-left: 23px; margin-right: 23px; }
	#optionspanel div.innerpanel div.optiontxt {display: inline-block;font-size: 14px;padding: 7px;position: relative;}
	div.optiontxt a, div.optiontxt a:visited {color: white!important;text-decoration:none;letter-spacing: 1px;}
	#optionspanel div.innerpanel div.note { font-size: 10px; margin-left: 5px; margin-top: 5px; color: grey; }
	#optionspanel .bullet { display: inline-block; margin-right: 6px; position: relative;top: -1px; color: #82edcc; }
	#optionspanel div.innerpanel div.onoff { display: inline-block; float: right; }
	#optionspanel div.innerpanel div.onoff div.optionon, div.innerpanel div.onoff div.optionoff { display: inline-block; }
	#optionspanel .innerpanel .arrow-holder {margin-bottom: -30px;}
}
@media { /* Main Body */
	div#bookchapters { margin-top: 60px; background-color: #161616; z-index: 98; display: block; margin-left: 30px; margin-right: 30px; border-radius: 10px; border: 1px solid #343434; margin-bottom: 50px; }
	img.mainimg {max-width: 300px;max-height: 300px;display: block;margin: 0 auto;width: 100px;height: 100%;padding: 5px;margin-bottom: 10px;}
	.engbismillah { color: #6c6c6c; font-size: 15px; font-weight: bold; }
	.btncntnr { width: 100%; margin: 0 auto; text-align: center; }
		.namebtncnt { padding: 5px; border-radius: 10px; width: calc(100% - 20px); margin: 0 auto; position: relative; z-index: 98; }
			a.surahname {-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;-webkit-transition: all .2s ease-in;color: white;border: 1px solid #242424;margin: 5px;border-radius: 4px;display: inline-block;text-decoration: none;padding: 5px 25px 5px 25px;background-color: #191919;}
			a.surahname:hover { background-color: #03b17b; }
			a.surahname span.digit { display: inline-block; font-size: 12px; }
			a.surahname span.arabicfont { font-size: 30px; }
			a.surahname span.englishfont { font-size: 20px; }
			a.surahname span.translitname { font-size: 11px; }
}
@media { /* About Section */
	div.about { padding: 10px; width: 80%; margin: 0 auto; height: 10px; overflow: hidden; margin-bottom: 10px; }
	div.about p {color: white;font-size: 14px;text-align: left;line-height: 26px;margin-top: 20px;}
	div.about a { color: #03b17b; }
	div.about > p:first-child {text-align: center;margin-top: 0px;}
	span.expandicon { width: 0px; height: 0px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #097c59; display: inline-block; position: relative; top: -1px; left: 10px; }
}
@media { /* Footer */
	div#cookiecons { max-width: 500px; width: calc(100% - 40px); margin: 0 auto; line-height: 28px; border-radius: 10px; border: 1px solid; background-color: #1b1b1b; color: #c4c4c4; padding: 10px; }
}
@media { /* Play/Play All / Pause Stop Buttons */
	button.playthis { background-image: url(https://rpsthecoder.github.io/js-speech-synthesis/play.svg); width: 25px; height: 25px; display: inline-block; margin-right: 10px; margin-top: -40px; border-radius: 100px; vertical-align: text-bottom; cursor: pointer; }
	div.playpausestop { width: 200px; margin: 0 auto; position: fixed; clear: both; text-align: center; left: calc(50% - 111px); bottom: 20px; z-index: 99; display: block; padding: 10px; border-radius: 35px; border: 1px solid #cecece; background-color: rgb(22 22 22 / 61%); padding-bottom: 5px; }
	.playallicons { margin-left: 7px; margin-right: 7px; cursor: pointer; background-image: url(/dist/img/playpausestop.svg); width: 50px; height: 50px; display:inline-block;border-radius: 50%; background-color: #353435; }
	div.playall { background-position: -1px 0px; }
	div.pauseall { background-position: -78px 0px; }
	div.stopall { background-position: -152px 0px; }
}
@media { /* Search Results */
	div#ajax_search {margin: 0 auto;width: calc(100% - 20px);margin-top: 40px;color: white;font-size: 15px;font-weight: normal;text-align: left;padding: 5px;background: #d3d3d3;border-radius: 4px;display: none;}
		div#ajax_search .asearchresult {width: calc(100% - 32px);background: #2b2b2b;padding: 5px 10px 5px 20px;border-radius: 4px;margin-bottom: 5px;line-height: 25px;font-size: 20px;height: 35px;overflow: hidden;}
			div#ajax_search .asearchresult a, div#ajax_search .asearchresult a:visited { color: white; text-decoration: none; }
			div#ajax_search .asearchresult div.aresult { display: block;margin-top: 15px;border: 1px solid #545454;border-radius: 10px;margin-left: -9px;padding: 5px;padding-left: 14px;background: #373737;font-family: English, Arabic;}
			div#ajax_search .asearchresult div.aresult div {display:inline-block;margin-bottom:5px;}
			div#ajax_search div.adhocnotice {color: red;line-height: 25px;display: block;padding: 5px;background-color: #424241;margin-bottom: 6px;border-radius: 4px;padding-left: 13px;position: relative;left: -9px;width: calc(100% - 8px);}
			div#ajax_search .asearchresult div.adhoctransresults div.aresult {}
			div#ajax_search .asearchresult div.adhoctransresults div.aresult strong.bar { color: crimson; }
			div#ajax_search .asearchresult div.adhoctransresults div.aresult strong.english { color: #26c1e6; width:80px;display:inline-block; margin-right: 10px; }
			div#ajax_search .asearchresult div.adhoctransresults div.aresult strong.arabic { color: #119e72; font-family: English; width:80px; display:inline-block; }
			div#ajax_search .nosearchresult {width: calc(100% - 32px);background: #2b2b2b;padding: 5px 10px 5px 20px;border-radius: 4px;margin-bottom: 5px;line-height: 25px;}
}
@media { /* Ayaat Central */
	div.ayaatcntnr { text-align: center; max-width: 700px; width: calc(100% - 22px); margin: 0 auto; position: relative; z-index: 97; padding: 10px; margin-top: 60px; }
}

@media { /* Figure Out */
.inceng { color: grey!important; }
/* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* */
/* Border Radius */
.borrad3 { border-radius: 3px; } .borrad4 { border-radius: 4px; } .borrad5 { border-radius: 5px; } .borrad8 { border-radius: 8px; } .borrad10 { border-radius: 10px; }
/* Font Colours */
.kgreenf {color: #119e72!important;} .kgreenb { background-color: #119e72; } .crimsonf { color: crimson; }
/* Font Weight */ 
.bold { font-weight: bold; } .normal { font-weight: normal; }
/* Font Size */
.font10 { font-size: 10px; } .font11 { font-size: 11px; } .font12 { font-size: 12px; } .font14 { font-size: 14px; } .font15 { font-size: 15px; } .font20 { font-size: 20px; } .font24 { font-size: 24px; } .font26 { font-size: 26px; } .font30 { font-size: 30px; } .font44 { font-size: 44px; } .font50 { font-size: 50px; } 
/* Position */
.absolut { position: absolute; } .relative { position: relative; } .fixed { position: fixed; }
/* Font Family */
.fontenglish { font-family: 'English', 'Arial', san-serif; } .fontarial { font-family: 'Arial', san-serif; } .fontarabic { font-family: 'Arabic'; } .fonturdu { font-family: 'Urdu'; }
/* Text Decoration */ 
.txtdeconone { text-decoration: none; }
}






a.vrsmp { font-family: Arial; text-align:center; color: white; line-height: 12px; text-decoration: none; padding: 10px; background: #373737; border-radius: 4px; display: inline-block; height: 10px; letter-spacing: 5px; margin: 8px; }
a.vrsmp:hover { background: #30623a; }
.mappedheadvrs { font-family: Arial;color: white;display: block;width: 100px;background-color: grey;margin: 0 auto;margin-top: 20px;padding: 10px;border-radius: 10px; margin-bottom: 5px; }

article.reader {color: white;text-align: left;padding: 10px;line-height: 35px;border-radius: 10px;font-size: 20px;}

span.rmsrhvrno { display: inline-block; font-family: Arial; font-size: 11px; color: grey; vertical-align: top; position: relative; margin-top: -1px; margin-right: 10px; }
i.sptr { color: crimson; font-weight: bold; display: inline-block; clear: none; }

.arrow-holder {display: inline-block;padding: 6px;border: 1px solid #03b17b;border-radius: 4px;background-color: #0000;float: right;height: 13px;}


.titlediv, .titlediv div { text-align: center; width: calc(100% - 44px); margin: 0 auto; }
.titlediv { margin-top: 10px; }
svg.bismillah .cls-1 { fill: #f7f7f7; stroke: #000; stroke-linejoin: round; stroke-width: 2px; fill-rule: evenodd; mix-blend-mode: lighten; }
svg.bismillah .cls-1:hover { fill: #03b17b; }
div.titlediv svg.bismillah { width: 250px; border: 1px solid #161616; height: 250px; padding: 10px; border-radius: 8px; } 
svg.bismillah:hover { border: 1px solid #03b17b!important; }

input#keyboardInputInitiator0 { width: calc(100% - 10px); border-radius: 4px; height: 40px; display: block; padding: 5px; padding-left: 40px; }
img.keyboardInputInitiator { display: inline-block; position: absolute; top: 30px; left: 70px; }

.hidden { display: none; }
.arabicfont { font-family: 'Arabic', 'Arial', san-serif; direction: rtl!important; position: relative; z-index: 2 }

a.surahvrsno { display: inline-block; text-decoration: none!important; position: relative; top: 5px; margin-left: 15px; margin-right: 10px; }
a.surahvrsno div { font-family: 'Arabic'!important; text-align: center; color: #03b17b; font-size: 11px!important; }
a.surahvrsno div.srhno { border-bottom: 1px solid; }

.englishfont { font-family: 'English', 'Arial', serif; direction: ltr!important; }
.hint, .hintpop { display: block; margin: 0 auto; text-align: center; width: calc(100% - 20px); }
.hint { color: gray; font-size: 11px; margin-bottom: 20px; margin-top: 10px; line-height: 10px; }
.hintpop { color: #191919; font-size: 15px; font-weight: bold; } 
em.quote { font-weight: bold; color: #03b17b }
.highlight { background-color: #686800; color: white; border-radius: 4px; line-height: 20px; display: inline-block; }
.highlight_s { margin-right: 5px!important; }
div .highlight.quote { color: white; }
span.regularbraces { color: #a5a5a5; font-size: 10px; font-style: normal; font-family: inherit; }
.arabicfont.highlight { display: unset; }
.surahtitle { margin: 0 auto; width: calc(100% - 40px); text-align: center; }
.surahtitle div { padding: 10px; }
.surahtitle .arabictitlesurah  { font-family: 'Arabic', 'Arial', san-serif; font-size: 50px; color: #03b17b; }
.surahtitle .englishtitlesurah { font-family: 'English', 'Arial', serif; margin-top: -44px; color: white;     font-size: 30px; font-weight: bold; }
.searching { margin: 0 auto; width: calc(100% - 280px); margin-top: 70px; text-align: center; margin-bottom: -50px; padding: 10px; color: white; background: #262626; border-radius: 4px; }
.searching strong { color: #03b17b; }




div#searchtermcontainer { display: block; margin: 0 auto; text-align: center; margin-bottom: 60px; }
div#searchtermcontainer.inrange { margin-bottom: 20px; }
div#searchtermcontainer div.searchtitle { font-weight: bold; font-size: 15px; color: white; letter-spacing: 2px; }
div#searchtermcontainer div.searchterm { color: #119e72; font-size: 50px; margin-top: 10px; font-weight: bold; }
div#searchtermcontainer div.rangeterm { color: #119e72; font-size: 50px; margin-top: 10px; font-family: Arial; letter-spacing: 2px; font-weight: bold; }
div#searchtermcontainer div.totalresults { color: white; display: block; margin: 0 auto; text-align: center; margin-top: 20px; margin-bottom: -50px; }
div#searchtermcontainer div.totalresults strong { letter-spacing: 2px; font-family: English; color: #119e72; font-size: 20px; }

.ayaatcntnr .displayerror { margin-top: 0px; }



.srhnmarb { margin: 0 auto; margin-top: 35px; width: 100%; text-align: center; font-size: 44px; margin-bottom: 10px; color: white; }
.srhnmeng { margin: 0 auto; color: white; margin-bottom: 10px; width: 100%; text-align: center; font-size: 24px; margin-top: -15px; font-family: 'English', serif; text-transform: uppercase; }


div.ayaatcntnr .arabicfont {font-size: 30px;padding: 0px 6px 0px 6px;}
div.ayaatcntnr .arabicfont:hover { color: #03b17b; }
div.ayaatcntnr .vrscntnr { border: 1px solid #1c1c20; border-radius: 4px; margin-bottom: 30px; display: inline-block; width: calc(100% - 00px); color: white; background-color: #191919; -moz-transition: none!important; -o-transition:none!important; -webkit-transition: none!important; }
/* div.capture { padding: 10px; position: absolute; margin-top: -10px; color: #343434; cursor: pointer; }
 */
/* div.ayaatcntnr a.vrsnmbar { display: block; font-size: 12px; padding: 5px; color: #454545; vertical-align: top; direction: ltr; text-align: left; margin-bottom: 20px; text-decoration: none!important; }
 */
div.ayaatcntnr div.vrshdr { display: block; padding: 5px 10px; border: 1px solid #2f2f2f; border-radius: 4px; width: calc(100% - 30px); margin: 0 auto; margin-top: 5px; height: 20px; margin-bottom: 20px; text-align: left; }
div.vrshdr div.capture { display: inline-block; cursor: pointer; color: #343434; }
div.vrshdr a.vrsnmbar { display: inline-block; color: #cecece; text-decoration: none; font-size: 12px; position: relative; margin-left: 10px; top: -1px; }
div.vrshdr a.vrsnmbar strong { letter-spacing: 5px; font-family: Arial; font-size: smaller; }
div.vrshdr div.capture:hover { color: #03b17b!important; }
div.vrshdr div.capture:active { color: crimson!important; }

div.ayaatcntnr div.wrdcntnr { display: inline-block; margin-top: -16px; display: none; padding-bottom: 10px; }
div.ayaatcntnr div.wrdcntnr .wrds { display: inline-block; text-align:center; padding: 5px; display: inline-block; text-align: center; }
div.ayaatcntnr div.wrdcntnr .wrds .arabicfont { border-bottom: 1px solid grey; line-height: 50px; margin-bottom: 5px; display: block; }
.arabicfont.diatric { font-size: 40px!important; margin-left: 28px!important; margin-right: 0px!important; display: inline-block!important; position: relative!important; top: 16px!important; line-height: 0px!important; color: grey; font-weight: normal!important; }
.arabicfont.dia_exp1 { margin-left: 9px!important; margin-right: 15px!important; }
.arabicfont.dia_exp2 { margin-left: 33px!important; margin-right: 4px!important; }

div.ayaatcntnr div.engline {direction: ltr;margin-top: -5px;padding: 5px 10px 5px 10px;line-height: 26px;text-align: left;letter-spacing: 1px;}
div.ayaatcntnr div.engline .englishfont {display: inline;font-size: 20px;line-height: 40px;}
div.ayaatcntnr div.arbline { direction: rtl; margin-top: -16px; padding: 5px 10px 10px 10px; text-align: right; }
.qurancomlink {text-align: left; margin-left: 10px; }
.qurancomlink span {font-size:10px;}
.qurancomlink a {font-size: 10px; color: grey!important; margin-left: 5px;}
.qurancomlink a:visited {color: grey!important; }
.qurancomlink strong {font-size: 15px; color: #393a3f; }

div#othermeanings, div.rootmeaning { font-size: 20px; line-height:30px; z-index: 101; -webkit-transition: .4s; transition: .4s; display: none; border: 1px solid #cecece; margin: 0 auto; width: calc(100% - 30px); max-width: 500px; padding: 3px; background: grey; border-radius: 8px; position: fixed; bottom: 10px; left: 50%; transform: translate(-50%, 0); }
div.rootmeaning strong { font-family: Arabic; }
div#othermeanings div.othermeanings { padding: 5px; border: 1px solid #cecece; border-radius: 5px; background: #cecece; }
div.othermeanings div.arabicword { display: inline-block; vertical-align: middle; font-family: 'Arabic'; }
div.othermeanings div.meanings { display: inline-block; }
div.othermeanings a { color: black; font-weight: bold; font-size: 26px; text-decoration: none; }


.translations { text-align: left; padding: 5px 10px 5px 10px; line-height: 25px;}
.translationtext { font-size: 14px; margin-top: 10px; margin-bottom: 10px; display: none; }
.translationtext[lang="English"] { direction: ltr!important; font-family: 'English', 'Arial', serif; border-bottom: 1px solid #383737; letter-spacing: 1px;  padding-bottom: 8px;}
.translationtext[lang="English"] .translationname { display: inline-block; color: grey; font-size: 10px; margin-left: 10px; }
.translationtext[lang="English"] .bullet { display: inline-block; font-size: 12px; color: #03b17b; margin-right: 10px; position: relative; top: -3px; }
.translationtext[lang="Urdu"] { direction: rtl!important; text-align: right; font-family: 'Urdu'!important; border-bottom: 1px solid #383737; padding-bottom: 8px; line-height: 31px; word-spacing: 3px; }
.translationtext[lang="Urdu"] .translationname { display: inline-block; color: grey; font-size: 10px; margin-left: 10px; margin-right: 10px;  }
.translationtext[lang="Urdu"] .bullet { display: inline-block; font-size: 12px; color: #03b17b; position: relative; top: -3px; margin-left: 10px; margin-right: 0px; }

input.btn-loadmore	{ display: block; margin: 0 auto; width: 200px; font-size: 14px; font-weight: bold; height: 40px; margin-bottom: 10px; }
div#loaderanim { display: flex; height: 20px; align-items: center; justify-content: center; font-family: 'Arial'; font-weight: bold; } 
@keyframes arrows { 0%, 100% { color: #161616; transform: translateY(0); } 50% { color: #03b17b; transform: translateY(4px); } }
span.loaderanim_bar { --delay: 0s; animation: arrows 0.9s var(--delay) infinite ease-in; padding-left: 5px; padding-right: 5px; }

.resultnumber { display: block; color: #b3b3b3; text-align: center; border: 1px solid #03b17b; padding: 4px; width: 24px; position: absolute; right: 18px; border-radius: 4px; font-size: 10px; margin-top: 11px; }
.displayerror { display: block; width: 70%; margin: 0 auto; margin-top: 75px; text-align: center; color: white; }

.quote { /*font-weight: bold;*/ color: #23eeaf; }
.topicsearch { background-color: #2e84df; border-radius: 4px; line-height: 20px; z-index: 1;position: relative;}
.topicsearch:hover { color: white!important; }


