@font-face{font-family:"hqNaskh";src:url(/fonts/uthmanbold.otf) format("opentype")}@font-face{font-family:"hqSheh";src:url(/fonts/scheherazade.ttf) format("truetype")}*{font-family:Helvetica,sans-serif;font-size:1rem;border-radius:5px}:root{--universal-margin:.1rem;--universal-padding:.2rem;--button-border-color:#ddd;--input-focus-color:#53a4cf;--button-hover-border-color:#53a4cf;--universal-border-radius:5px}.box-style:hover,button.active{border:1px solid #53a4cf}.App{border-color:grey;box-shadow:0 0 5px grey;width:1047px;margin:15px auto;min-height:500px;clear:both;position:relative;padding:5px 5px 35px}.full-width{width:100%;padding:0;margin:0}.flex{display:flex;flex-direction:row;flex-wrap:wrap}.tinted{background-color:#eff5ff;padding:10px;text-align:justify}.result-header{background:#f3f9ff;margin-bottom:10px;text-align:right}.result-container,.result-header{display:block;border:1px solid #cfe5ef;padding:5px}.result-container{background:#e6f0f6;font-weight:700;margin:10px 0}.result-container .box-style{padding:5px}a{text-decoration:none!important}body{margin:0;padding:0}.app-logo{display:block;height:50px;width:195px;margin:0 auto;border:1px solid #3a515c;background-color:#3a515c;background-image:url(/images/logo.png);background-repeat:no-repeat;background-size:contain}.app-header{height:60px;padding:5px}.tab-md,.tab-sm{margin-left:3px;padding:10px}.tab-sm{width:180px}.tab-md{width:238.6px}.app-footer{position:absolute;bottom:0;width:100%;margin:0}.copyright{font-size:68%;font-weight:800;position:absolute;bottom:8px;right:0}.app-block{background:grey}.clickable{cursor:pointer;cursor:hand}.clickable:hover{background-color:#afd5df!important}.player-title{text-align:center}audio{margin:10px auto}.box-style{display:flex;align-items:center;justify-content:center;background-color:#fafafa;width:252px;border:1px solid #dedede;margin:3px;padding:0}.part{width:96px;min-height:40px}.center-flex{justify-content:center;display:inline-flex}.center-flex,.v-center{align-items:center}.text-right{text-align:right}.text-center{text-align:center}button,input,select{-moz-appearance:none;-webkit-appearance:none;appearance:none}select{padding-left:26px}button:focus,input:focus,select:focus{outline:none}select{cursor:pointer;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(180deg,#fff 0,#e5e5e5);background-repeat:no-repeat,repeat;background-position:left .4em top 50%,0 0;background-size:.5em auto,100%}form{padding:0;margin:0 0 4px;background-color:#fafafa}fieldset{display:inline-block!important;padding:2px;border:none}button{margin:0;background-image:url(#),linear-gradient(180deg,#fff 0,#e5e5e5)!important}button.active{background-image:url(#),linear-gradient(180deg,#bfe5ee 0,#afd5de)!important}button:focus,button:hover{background-image:url(#),linear-gradient(180deg,#fff 0,#d5d5d5)}button.small{font-size:1.4rem;line-height:1.9rem;width:2rem;height:2rem;margin:.2rem}.hq-sym:after{content:"ﷱ"}.hq-listen:after{content:" 🔈"}.hq-read:after{content:"📖"}.hq-save:after{content:"💾"}.hq-close:after{content:"✖"}.hq-close{color:red;font-weight:700;line-height:60%}.hq-disabled{opacity:.3}.hq-nxt,.hq-prv{color:orange;max-width:40px}.hq-nxt:hover,.hq-prv:hover{color:#ff8c00}.hq-nxt:after{content:"❯"}.hq-prv:after{content:"❮"}.error{padding:4px 2px}.error,.hq-sajda{color:red}.hq-sajda:after{content:"۩ "}.hq-marker{color:red}.hq-marker:after{content:"۞"}.hq-aya-num{color:green;display:inline-block;padding:0 2px}.hq-aya-num:before{content:"﴿"}.hq-aya-num:after{content:"﴾"}span.hq-aya{width:100%;font-size:28px;font-weight:400}.basmala,.hq-aya,.hq-aya *,.surahead{font-family:"hqSheh","KFGQPC_Naskh","Traditional Arabic","Times New Roman","WinSoft Pro"!important;line-height:135%}.hq-aya:hover{background-color:#cfe5ef}.hq-aya:hover>span.hq-aya-num{background-color:#c0dce0}.surahead{padding:8px;margin:4px auto;background-image:url(/images/sura.png);background-repeat:no-repeat;background-position:50%;background-size:contain}.details-container{display:none;position:fixed;border:1px solid #bbb;top:10px;left:10px;right:10px;height:auto;max-height:94.1vh;background-color:#fff;z-index:10000;padding:10px;text-align:right}.mp3-player{display:flex;justify-content:center;align-items:center;flex-direction:column}.tafseer{height:100vh;overflow:hidden;overflow-y:scroll;text-align:justify;margin:5px 0}.tafseer form{margin-top:5px}.tafseer-text{padding:0 4px;max-height:60vh;overflow:hidden;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.tafseer-text::-webkit-scrollbar{display:none}.left{float:left}@media only screen and (max-width:1100px){.App{width:787px}.part{width:70px}.tab-sm{width:130px}.tab-md{width:183.5px}}@media only screen and (max-width:900px){.App{width:723px}.box-style{width:350px}.part{width:63.5px}.tab-sm{width:117.7px}.tab-md{width:170px}}@media only screen and (max-width:766px){.App{width:564px}.box-style{width:270px}.part{width:84.7px;height:50px}.tab-md,.tab-sm{margin-left:3px}.tab-sm{width:181px;margin-bottom:3px}.tab-md{width:274px}}@media only screen and (max-width:600px){.App{width:342px}.box-style{width:328px}.part{width:59px;height:50px}.tab-md,.tab-sm{margin-left:3px}.tab-sm{width:107px;margin-bottom:3px}.tab-md{width:163px}.copyright{font-size:60%}}@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape){.details-container{max-height:88vh}.tafseer-text{max-height:42vh}}.auto-width{flex:auto;width:auto;padding:0 5px;margin-right:5px}