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

[class^="qf-icon-"], [class*=" qf-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.qf-icon-dots:before {
  content: "\c908";
}
.qf-icon-stickynote:before {
  content: "\e905";
}
.qf-icon-circle-left:before {
  content: "\c901";
}
.qf-icon-circle-right:before {
  content: "\c902";
}
.qf-icon-pause1:before {
  content: "\c907";
}
.qf-icon-loop:before {
  content: "\c904";
}
.qf-icon-cross:before {
  content: "\ca0f";
}
.qf-icon-play:before {
  content: "\ca1c";
}
.qf-icon-pause:before {
  content: "\ca1d";
}
.qf-icon-download:before {
  content: "\c903";
}
.qf-icon-bookmark:before {
  content: "\c906";
}
.qf-icon-cancel:before {
  content: "\c900";
}
@font-face{font-family:'El Messiri';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/elmessiri/v14/K2F0fZBRmr9vQ1pHEey6MoiAAhLz.woff2) format("woff2");unicode-range:U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC}@font-face{font-family:'El Messiri';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/elmessiri/v14/K2F0fZBRmr9vQ1pHEey6MomAAhLz.woff2) format("woff2");unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face{font-family:'El Messiri';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/elmessiri/v14/K2F0fZBRmr9vQ1pHEey6MoOAAhLz.woff2) format("woff2");unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'El Messiri';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/elmessiri/v14/K2F0fZBRmr9vQ1pHEey6Mo2AAg.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'El Messiri';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/elmessiri/v14/K2F0fZBRmr9vQ1pHEey6MoiAAhLz.woff2) format("woff2");unicode-range:U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC}@font-face{font-family:'El Messiri';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/elmessiri/v14/K2F0fZBRmr9vQ1pHEey6MomAAhLz.woff2) format("woff2");unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face{font-family:'El Messiri';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/elmessiri/v14/K2F0fZBRmr9vQ1pHEey6MoOAAhLz.woff2) format("woff2");unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'El Messiri';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/elmessiri/v14/K2F0fZBRmr9vQ1pHEey6Mo2AAg.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'El Messiri';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/elmessiri/v14/K2F0fZBRmr9vQ1pHEey6MoiAAhLz.woff2) format("woff2");unicode-range:U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC}@font-face{font-family:'El Messiri';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/elmessiri/v14/K2F0fZBRmr9vQ1pHEey6MomAAhLz.woff2) format("woff2");unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face{font-family:'El Messiri';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/elmessiri/v14/K2F0fZBRmr9vQ1pHEey6MoOAAhLz.woff2) format("woff2");unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'El Messiri';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/elmessiri/v14/K2F0fZBRmr9vQ1pHEey6Mo2AAg.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}#qfAudioPanel{position:absolute;direction:ltr;z-index:3;background:rgba(40,40,40,0.9);padding:5px 20px;border-radius:15px;left:50%;transform:translate(-50%, 0);bottom:65px;display:inline-block;white-space:nowrap;text-align:center;min-width:300px}.mobile #qfAudioPanel{min-width:auto;padding:1px 20px}#qfAudioPanel .controlsContainer{white-space:nowrap;display:inline-block;margin-bottom:5px}#qfAudioPanel .controlsContainer audio{height:40px;vertical-align:middle}.mobile #qfAudioPanel .controlsContainer audio{display:none}@media (max-width: 650px){#qfAudioPanel .controlsContainer audio{width:170px}}#qfAudioPanel .controlsContainer audio::-webkit-media-controls-volume-slider{display:none}#qfAudioPanel .controlsContainer audio::-webkit-media-controls-mute-button{display:none}#qfAudioPanel .controlsContainer audio::-internal-media-controls-download-button{display:none}#qfAudioPanel .controlsContainer audio::-webkit-media-controls-enclosure{overflow:hidden}#qfAudioPanel .controlsContainer audio::-webkit-media-controls-panel{width:calc(100% + 30px)}#qfAudioPanel .controlsContainer .mobilePlayerContainer{display:inline-block;color:#333;background:#ddd;width:38px;height:38px;border-radius:50%;text-align:center;padding:5px}#qfAudioPanel .controlsContainer .mobilePlayerContainer span{vertical-align:middle;position:relative}#qfAudioPanel .controlsContainer .mobilePlayerContainer .playIcon{font-size:1.5em;left:2px}#qfAudioPanel .controlsContainer .mobilePlayerContainer .pauseIcon{font-size:1.1em}#qfAudioPanel span.icon{pointer-events:none}#qfAudioPanel .specialOptions{line-height:normal}#qfAudioPanel .specialOptions .autoplayOption{display:inline-block;vertical-align:middle;color:#fff;margin-bottom:5px}#qfAudioPanel .specialOptions .autoplayOption .autoLabel{font-size:12px;vertical-align:text-bottom}#qfAudioPanel .specialOptions .repeatOptions{display:inline-block;vertical-align:middle;margin-bottom:5px}#qfAudioPanel .specialOptions .repeatOptions .verseRepeatIcon{vertical-align:middle}#qfAudioPanel .specialOptions .repeatOptions span.icon{color:#fff;display:inline-block;opacity:0.4}#qfAudioPanel .specialOptions .repeatOptions input{display:inline-block;text-align:center;padding:0;height:23px;width:40px;border-radius:4px;font-size:11px;background:#dedede;padding-left:9px;vertical-align:top}#qfAudioPanel .specialOptions .reciters{margin-bottom:5px;text-align:center;display:inline-block;vertical-align:middle}.mobile #qfAudioPanel .specialOptions .reciters{margin-bottom:0;margin:0 30px}#qfAudioPanel .specialOptions .reciters .reciterBtn{font-size:13px;color:#dedede;display:inline-block;border-radius:4px;padding:2px 10px;text-align:center;text-align-last:center;max-width:200px;text-overflow:ellipsis;overflow:hidden}#qfAudioPanel .specialOptions .reciters .reciterBtn:after{content:".."}#qfAudioPanel .specialOptions .reciters .reciterBtn option{text-align:center;text-align-last:center}#qfAudioPanel .specialOptions .reciters .reciterBtn:hover{background:#5c5858}#qfAudioPanel .specialOptions .reciters .reciterBtn:active{background:#5c5858}.rtl #qfAudioPanel .specialOptions .reciters .reciterBtn{direction:rtl}#qfAudioPanel a.maximizeBtn,#qfAudioPanel a.minimizeBtn{color:#fff;line-height:18px;font-size:12px}#qfAudioPanel a.maximizeBtn{vertical-align:top;display:none}#qfAudioPanel a.minimizeBtn{position:absolute;top:2px;right:30px;vertical-align:bottom}.mobile #qfAudioPanel a.minimizeBtn{top:36px;right:6px}#qfAudioPanel a.menuBtn{position:absolute;top:2px;left:8px;color:#fff;font-size:18px;line-height:8px;border-color:transparent}#qfAudioPanel a.closeBtn{position:absolute;top:2px;right:8px;color:#fff;font-size:18px;line-height:8px;border-color:transparent;opacity:0.6}#qfAudioPanel a.closeBtn:hover{opacity:0.8}#qfAudioPanel a.closeBtn:active{opacity:1}.mobile #qfAudioPanel a.closeBtn{font-size:21px;top:5px}#qfAudioPanel.hide{display:none}#qfAudioPanel a.audioNavbtn{display:inline-block;vertical-align:middle;line-height:7px;color:#fff;position:relative}#qfAudioPanel.minimized{border-radius:8px;border-top-radius:0;border-bottom-radius:0;padding:0 10px;white-space:nowrap}.mobile #qfAudioPanel.minimized{padding:0 5px;padding-left:0}#qfAudioPanel.minimized .controlsContainer{margin:0 4px 3px}#qfAudioPanel.minimized .specialOptions,#qfAudioPanel.minimized a.minimizeBtn{display:none}#qfAudioPanel.minimized audio{height:20px}#qfAudioPanel.minimized a.audioNavbtn{font-size:22px}#qfAudioPanel.minimized a.maximizeBtn{display:inline-block}.mobile #qfAudioPanel.minimized a.maximizeBtn{vertical-align:middle}#qfAudioPanel.minimized a.closeBtn{position:static}#qfAudioPanel.minimized a.menuBtn{position:static}.mobile #qfAudioPanel.minimized a.menuBtn{opacity:0}#qfAudioPanel.minimized .mobilePlayerContainer{width:30px;height:30px;vertical-align:top;margin-top:1px}#qfAudioPanel.minimized .mobilePlayerContainer .playIcon{font-size:1.2em;left:1px;top:-1px;vertical-align:baseline}#qfAudioPanel.minimized .mobilePlayerContainer .pauseIcon{font-size:0.9em;top:-3px;vertical-align:baseline}#qfAudioPanel.minimized .mobilePlayerContainer .menuBtn{display:none}#audioOptionsModal.modal{left:50%;right:auto;max-width:600px;width:95%;height:170px;top:15%}@media (max-width: 680px){#kotobee.web #audioOptionsModal.modal{margin-left:auto;margin-right:auto;width:90%}}#qfInfoPanel{position:absolute;z-index:99999;background:#221d23;padding:5px 20px;border-radius:8px;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;top:130px;right:0;bottom:0;transform:translate(0%, 0);transition:transform 0.2s;position:absolute;width:450px;max-width:100%;display:inline-block;border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;padding-top:50px;border:solid 1px #292829}.mobile #qfInfoPanel{top:0}@media (max-width: 450px){#qfInfoPanel{border-radius:0}}#qfInfoPanel span.icon{pointer-events:none}#qfInfoPanel>.bigImg{position:absolute;bottom:-25%;left:50%;transform:translateX(-50%);width:85%;z-index:2}#qfInfoPanel .overlay{position:absolute;top:40%;left:0;width:100%;height:100%;background-color:#221d23;z-index:1}#qfInfoPanel .qfTabs{text-align:center;margin-top:5px;border:2px solid #907028;margin:0 4% 10px;border-radius:10px;white-space:nowrap;overflow:hidden}#qfInfoPanel .qfTabs .qfTab{background-color:#221d23;display:inline-block;font-size:.8em;color:#fff;text-align:center;padding:8px;width:33.3%;cursor:pointer}#qfInfoPanel .qfTabs .qfTab.active{background-color:#907028;color:#fff}#qfInfoPanel .qfControls{text-align:center;direction:ltr;margin-bottom:6px}#qfInfoPanel .qfControls a.infoNavBtn{display:inline-block;font-size:20px;vertical-align:text-top;color:#fff;opacity:0.8;transition:opacity 0.2s;margin:0 3px}#qfInfoPanel .qfControls a.infoNavBtn:hover{opacity:0.9}#qfInfoPanel .qfControls a.infoNavBtn:active{opacity:1}#qfInfoPanel .qfControls .status{display:inline-block;vertical-align:middle;color:#fff;text-align:center;font-size:18px}#qfInfoPanel .qfResource{position:absolute;background:#221d23;left:2px;right:2px;padding:10px 0;text-align:center}#qfInfoPanel .qfResource select{display:inline-block;border-radius:6px;width:80%;padding:8px 5px;font-weight:bold;cursor:pointer}#qfInfoPanel .qfStatus{position:relative;top:45px;z-index:1;text-align:center;color:white;margin:0 auto;border-radius:4px;margin-top:20px;padding:5px 20px}#qfInfoPanel .qfContent{position:absolute;top:224px;bottom:2px;right:2px;left:2px;overflow-y:auto;overflow-x:hidden;font-size:1em;color:#fff;padding:10px 18px;user-select:text}#qfInfoPanel .qfContent.loading{pointer-events:none}#qfInfoPanel .qfContent.loading *{opacity:0.5}.mobile #qfInfoPanel .qfContent{padding-bottom:120px;font-size:.8em}#qfInfoPanel .qfBtns{position:relative;z-index:111;text-align:center;top:130px}#qfInfoPanel .qfBtns a{background-color:#383838;display:inline-block;padding:3px 15px;border-radius:3px;min-width:70px;color:#fff}#qfInfoPanel a.minimizeBtn{position:absolute;top:14px;left:6px;color:#fff;cursor:pointer;padding:2px 7px;font-size:1.7em;opacity:0.8;transition:opacity 0.2s}#qfInfoPanel a.minimizeBtn:hover{opacity:0.9}#qfInfoPanel a.minimizeBtn:active{opacity:1}#qfInfoPanel.minimized{transform:translate(100%, 0)}#qfInfoPanel.minimized a.minimizeBtn{display:none}#chapterMenu{background:#221d23}#chapterMenu .closeBtn{position:absolute;top:4px;right:9px;color:#fff;opacity:0.6;font-size:1.6em;z-index:1}.rtl #chapterMenu .closeBtn{right:auto;left:9px}#chapterMenu #chaptersBook{background:transparent !important;position:relative;padding:0}#chapterMenu #chaptersBook>img{position:absolute}#chapterMenu #chaptersBook>img.bigImg{top:-50%;left:50%;transform:translateX(-50%);width:85%}#chapterMenu #chaptersBook>img.smImg.right{bottom:5px;right:0}#chapterMenu #chaptersBook>img.smImg.left{bottom:5px;left:0}#chapterMenu #chaptersBook .info{margin-top:55px}#chapterMenu #chaptersBook .info.browser{margin-top:35px}#chapterMenu #chaptersBook .info .gotoPageContainer{margin-top:10px !important;text-align:right !important}#chapterMenu #chaptersBook .info .gotoPageContainer .gotoPageBtn{background-color:#4f3824;color:#fff;opacity:1 !important}#chapterMenu #chaptersBook .info .title{color:#cdcdcd;transition:color 0.2s}#chapterMenu #chaptersBook .info .title>*{vertical-align:middle}#chapterMenu #chaptersBook .info .otherBooks{color:#d1c48d;margin:5px 0;display:inline-block;font-size:14px;padding:2px 5px;border-radius:6px}#chapterMenu #chaptersBook .info .otherBooks .icon{opacity:0.5}#chapterMenu #chaptersBook .info .otherBooks:hover{background:#383629}#chapterMenu #chaptersBook .info .otherBooks:active{background:#413e30}#chapterMenu #chaptersBook:hover{opacity:1 !important;cursor:default !important}#chapterMenu .qfChapterBar{flex-shrink:0;position:static;height:45px;background:transparent;margin:5px;border:solid 2px #907028;border-radius:6px;white-space:nowrap;overflow:hidden;margin:0 15px 15px}#chapterMenu .qfChapterBar a{background:transparent;display:inline-block;min-width:75px;text-align:center;padding:5px 10px;padding-top:7px;color:#fff;width:30%;float:left;height:100%}#chapterMenu .qfChapterBar a.bookmarkTab{width:40%}#chapterMenu .qfChapterBar a.bookmarkTab .bookmarksCount{background:#000000;color:#fff;border-radius:50%;width:16px;height:16px;font-size:9px;padding:3px;display:inline-block;position:relative;top:-6px;line-height:normal}.mobile #chapterMenu .qfChapterBar a{font-size:.9em}#chapterMenu .qfChapterBar a.active{background:#907028}#chapterMenu .qfChapterBar a:hover{opacity:0.8}.rtl #chapterMenu .qfChapterBar a{float:right}#chapterMenu #chaptersContent{background:transparent !important;top:-1px !important}#chapterMenu #chaptersContent .chaptersInner{width:95%;margin:auto}#chapterMenu #chaptersContent .item{position:relative;background:#221d23;min-height:45px;transition:background-color 0.1s;border-bottom:solid 1px rgba(120,120,120,0.2)}#chapterMenu #chaptersContent .item:hover{background-color:rgba(255,255,255,0.04) !important}#chapterMenu #chaptersContent .item.selected>i{color:#fff !important}#chapterMenu #chaptersContent .item a{font-size:1em !important;top:4px !important}#chapterMenu #chaptersContent .item a .index{font-size:0.8em;padding-right:4px;opacity:0.6}.rtl #chapterMenu #chaptersContent .item a .index{padding-right:0;padding-left:4px}#chapterMenu #chaptersContent .item img{display:none !important}#chapterMenu #chaptersContent .item .mecca,#chapterMenu #chaptersContent .item .medina{width:15px;height:16px;display:inline-block;background-repeat:no-repeat;left:auto;right:70px;top:14px;position:absolute;z-index:3;background-position:center center}#chapterMenu #chaptersContent .item .mecca{background-image:url(../imgs/mecca.png)}#chapterMenu #chaptersContent .item .medina{background-image:url(../imgs/medina.png)}#chapterMenu #chaptersContent .item .pages{left:auto;right:10px;top:14px;position:absolute;font-size:.75em;width:22px;height:22px;line-height:22px;border-radius:50%;text-align:center}#chapterMenu #chaptersContent ::-webkit-scrollbar-thumb{background:#eee !important}#chapterMenu #juzsContent{scroll-behavior:smooth;background-color:#221d23;width:100%;overflow-y:auto;padding:5px 8px;text-align:right;position:relative;top:0;bottom:0}#chapterMenu #juzsContent #juzsInner{position:relative}#chapterMenu #juzsContent #juzsInner .item{position:relative;background:#221d23;color:#fff;margin:0;border:none;border-bottom:solid 1px rgba(120,120,120,0.3);padding:4px;font-size:14px;line-height:30px;text-align:left}.rtl #chapterMenu #juzsContent #juzsInner .item{text-align:right}#chapterMenu #juzsContent #juzsInner .item:hover{opacity:0.8}#chapterMenu #juzsContent #juzsInner .item:active{opacity:0.9}#chapterMenu #juzsContent #juzsInner .item.selected{background:#907028}#chapterMenu #juzsContent #juzsInner .item a{color:#fff;font-size:1.2em}#chapterMenu #juzsContent #juzsInner .item .pages{position:absolute;right:5px;font-size:.75em}.rtl #chapterMenu #juzsContent #juzsInner .item .pages{right:auto;left:5px}#chapterMenu #juzsContent #juzsInner .item .suraName{font-size:.9em;margin:0 3px;opacity:0.6}#chapterMenu #juzsContent #juzsInner .item .firstAya{font-size:.8em;font-size:0.85em;color:#3dab87}#chapterMenu #juzsContent #juzsInner .item .firstAya:after{content:".."}#chapterMenu #qfBookmarks{scroll-behavior:smooth;background-color:#221d23;width:100%;overflow-y:auto;padding:5px 8px;text-align:right;position:relative;top:0;bottom:0}#chapterMenu #qfBookmarks #bookmarksInner{position:relative}#chapterMenu #qfBookmarks #bookmarksInner .noBookmarks{color:#bdbdbd;margin:0 10px;text-align:center}#chapterMenu #qfBookmarks #bookmarksInner .item{position:relative;background:#221d23;color:#fff;margin:0;border:none;border-bottom:solid 1px rgba(120,120,120,0.3);padding:4px;font-size:14px;line-height:30px;text-align:left}.rtl #chapterMenu #qfBookmarks #bookmarksInner .item{text-align:right}#chapterMenu #qfBookmarks #bookmarksInner .item a{color:#fff;font-size:1.2em}#chapterMenu #qfBookmarks #bookmarksInner .item a:hover{opacity:0.8}#chapterMenu #qfBookmarks #bookmarksInner .item a:active{opacity:0.9}#chapterMenu #qfBookmarks #bookmarksInner .item .pages{position:absolute;right:5px;font-size:.75em}.rtl #chapterMenu #qfBookmarks #bookmarksInner .item .pages{right:auto;left:5px}#chapterMenu #qfBookmarks #bookmarksInner .item .suraName{margin:0 3px;opacity:0.6}#chapterMenu #qfBookmarks #bookmarksInner .item .noteIcon{vertical-align:middle;color:#ccb013}#chapterMenu #qfBookmarks #bookmarksInner .item .bookmarkIcon{vertical-align:middle;color:#e34a10}#chapterMenu #qfBookmarks #bookmarksInner .item .delBtn{background:transparent;border:none;color:#fff;opacity:0.3}#chapterMenu #qfBookmarks #bookmarksInner .item .delBtn:hover{opacity:0.5}#chapterMenu #qfBookmarks #bookmarksInner .item .delBtn:active{opacity:0.7}#qfReciterPanel{position:absolute;background-color:#221d23;z-index:99999;padding:5px 10px;border-radius:8px;bottom:65px;display:inline-block;white-space:nowrap;width:460px;max-width:100%;color:#fff;border:solid 1px #292829;top:130px;left:50%;bottom:0;transform:translate(-50%, 0);transition:top 0.3s;margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom)}.mobile #qfReciterPanel{top:0}#qfReciterPanel.hide{top:100%}@media (max-width: 500px){#qfReciterPanel{min-width:none;width:100%;border-radius:0}}#qfReciterPanel a.closeBtn{color:#fff;font-size:24px;opacity:0.8;transition:opacity 0.2s;position:absolute;top:5px;right:8px}.rtl #qfReciterPanel a.closeBtn{left:8px;right:auto}#qfReciterPanel a.closeBtn:hover{opacity:0.9}#qfReciterPanel a.closeBtn:active{opacity:1}#qfReciterPanel .reciterTabs{margin:2px;text-align:center;border:2px solid #907028;margin:0 5px;margin-top:5px;border-radius:15px;white-space:nowrap;overflow:hidden;position:absolute;top:44px;left:10px;right:10px}#qfReciterPanel .reciterTabs a{background-color:#221d23;display:inline-block;color:#fff;text-align:center;font-size:0.8em;padding:10px 10px;min-width:33.33%;cursor:pointer}#qfReciterPanel .reciterTabs a.active{background-color:#907028;color:#fff}#qfReciterPanel .reciterList{overflow-y:auto;margin:5px;padding:5px;position:absolute;left:0;right:0;bottom:0;top:100px}#qfReciterPanel .reciterList .downloads{background:#3b303e;padding:10px;border-radius:5px}#qfReciterPanel .reciterList div.item{background:transparent;border:none;border-bottom:solid 1px #2d2b26;padding:10px 4px;border-radius:4px;transition:background-color 0.2s;text-align:left}.rtl #qfReciterPanel .reciterList div.item{text-align:right}#qfReciterPanel .reciterList div.item:hover{background-color:rgba(255,255,255,0.03)}#qfReciterPanel .reciterList div.item a.name{font-size:0.9em;color:#fff;margin:2px;max-width:220px;display:inline-block;overflow:hidden;text-overflow:ellipsis}.mobile #qfReciterPanel .reciterList div.item a.name{font-size:0.8em}#qfReciterPanel .reciterList div.item .removeBtn{color:#f17294;font-size:14px;margin-right:15px}.rtl #qfReciterPanel .reciterList div.item .removeBtn{margin-right:0;margin-left:15px}#qfReciterPanel .reciterList div.item .downloadBtn{color:#a4cca4;font-size:14px}.mobile #qfReciterPanel .reciterList div.item .downloadBtn .text{display:none}#qfReciterPanel .reciterList div.item .sampleBtn{display:inline-block;background:#fff;border-radius:3px;padding:4px;margin:0 15x;margin-right:15px}.rtl #qfReciterPanel .reciterList div.item .sampleBtn{margin-right:0;margin-left:15px}#qfReciterPanel .reciterList div.item .sampleBtn span{display:block;position:relative;left:1px}#qfReciterPanel .reciterList div.item .sampleBtn.pause span{left:1px}#qfReciterPanel .reciterList div.item .infoRow{white-space:nowrap}#qfReciterPanel .reciterList div.item .actionRow{margin-top:-10px;margin-bottom:8px;text-align:right}.rtl #qfReciterPanel .reciterList div.item .actionRow{text-align:left}#qfReciterPanel .reciterList div.item .downloadingRow{height:50px}#qfReciterPanel .reciterList div.item .downloadingRow .progressBar{height:5px;width:100%;background:#fff;border-radius:2px;overflow:hidden}#qfReciterPanel .reciterList div.item .downloadingRow .progressBar .completed{transition:width 0.25s;height:100%;background:#D39F34;width:0}#qfReciterPanel .reciterList div.item .downloadingRow .info{margin-top:5px}#qfReciterPanel .reciterList div.item .downloadingRow .info .current{font-size:0.8em;color:#fff;float:left}.rtl #qfReciterPanel .reciterList div.item .downloadingRow .info .current{float:right}.mobile #qfReciterPanel .reciterList div.item .downloadingRow .info .current{float:none}#qfReciterPanel .reciterList div.item .downloadingRow .info .current span{opacity:0.5}#qfReciterPanel .reciterList div.item .downloadingRow .info .current em{opacity:1 !important;font-style:normal}#qfReciterPanel .reciterList div.item .downloadingRow .info .cancelRow{float:right}.rtl #qfReciterPanel .reciterList div.item .downloadingRow .info .cancelRow{float:left}.mobile #qfReciterPanel .reciterList div.item .downloadingRow .info .cancelRow{float:none}#qfReciterPanel .reciterList div.item .downloadingRow .info .cancelRow .cancelBtn{color:#fff;opacity:0.5;font-size:0.8em}#kotobee #langDropdown{padding:0;margin-top:1px;position:absolute;max-height:200px;overflow-y:auto;border-bottom:solid 1px #ddd}#kotobee #langDropdown a.item{color:#000;padding:5px;min-width:90px;font-size:12px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}#kotobee #libraryFooter{display:none}.navControls a.navBtn{width:38px}.navControls a.navBtn .icon,.navControls a.navBtn .icon:before{font-size:24px}.navControls a.navBtn.next{border-top-left-radius:10px;border-bottom-left-radius:10px}.content_rtl .navControls a.navBtn.next{border-radius:0;border-top-right-radius:10px;border-bottom-right-radius:10px}.navControls a.navBtn.prev{border-top-right-radius:10px;border-bottom-right-radius:10px}.content_rtl .navControls a.navBtn.prev{border-radius:0;border-top-left-radius:10px;border-bottom-left-radius:10px}#kotobee .contentBookMarker{top:10px !important;display:inline-block;left:20px !important}#kotobee .chapterBtnContainer .toLibBtn{background:#395e78 !important;color:#dbe7f0 !important}#kotobee .chapterBtnContainer .toLibBtn *{color:#dbe7f0 !important}.ql-toolbar.ql-snow{direction:ltr;text-align:center}.ql-editor{text-align:center;font-size:1.2em}#kotobee.rtl #qfInfoPanel,#kotobee.rtl #qfInfoPanel select,#kotobee.rtl #qfPrayerTimes,#kotobee.rtl #chaptersContent .item,#kotobee.rtl #juzsContent a,#kotobee.rtl #qfBookmarks a,#kotobee.rtl #bookSettingsMenu{font-family:"El Messiri", sans-serif}#kotobee.rtl #bookSettingsMenu h1,#kotobee.rtl #bookSettingsMenu .input-label,#kotobee.rtl #bookSettingsMenu .item,#kotobee.rtl #bookSettingsMenu .bar-footer a,#kotobee.rtl #bookSettingsMenu select,#kotobee.rtl #bookSettingsMenu option{font-family:"El Messiri", sans-serif}#kotobee #readerHeader{height:44px;xbackground:linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.7), rgba(255,255,255,0))}#kotobee #readerHeader *{color:#333}#kotobee #readerHeader .ion-bookmark{color:#965151}#kotobee #readerHeader .bookmarkBtn span{color:#bf2e2e}#kotobee #readerHeader .chapterBtn{margin-top:3px}#kotobee #tabMenu{border-top:none;xtext-shadow:0px 1px 1px rgba(255,255,255,0.8)}#kotobee #tabMenu .tabs{xbackground:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.85), #fff);border-top:none}#kotobee #tabMenu .tabs .tab-item{max-width:75px}#kotobee .vBtn.highlightSelected{background-color:yellow !important;opacity:0.6;filter:opacity(0.5)}#kotobee.mobile #readerBody{box-shadow:none}#kotobee.mobile #selectionOptions{display:none}#kotobee.mobile .vBtn.over:not(.highlightSelected){opacity:0}#kotobee.rtl #chaptersContent .mecca,#kotobee.rtl #chaptersContent .medina{right:auto;left:70px}#kotobee.rtl #chaptersContent .pages{right:auto;left:10px}#kotobee.web #headerSeparator{display:none}#kotobee.web #selectionOptions{width:245px !important;top:3px !important}#ebookLoaderAnim .dot1{background-color:#779355 !important}#ebookLoaderAnim .dot2{background-color:#79713f !important}#kotobee.rtl.en .modal,#kotobee.rtl.en modal,#kotobee.rtl.fr .modal,#kotobee.rtl.fr modal{direction:ltr}#kotobee.rtl.en .item-input,#kotobee.rtl.fr .item-input{padding-left:16px;padding-right:0}#kotobee.rtl.en .alignRight,#kotobee.rtl.fr .alignRight{text-align:right}#kotobee.rtl.en .alignLeft,#kotobee.rtl.fr .alignLeft{text-align:left}#kotobee.rtl.en .bar .title+.button:last-child,#kotobee.rtl.fr .bar .title+.button:last-child{right:5px;left:auto}#kotobee.rtl.en .input-label,#kotobee.rtl.fr .input-label{padding-right:10px;padding-left:0}#bookSettingsMenu .closeBtn{position:absolute;top:4px;right:9px;color:#fff;opacity:0.6;font-size:1.6em;z-index:1}.rtl #bookSettingsMenu .closeBtn{right:auto;left:9px}#bookSettingsMenu .bar-header{border-bottom:1px solid #747474}#bookSettingsMenu .bar-header,#bookSettingsMenu .bar-footer,#bookSettingsMenu .item,#bookSettingsMenu select{background:#221d23}#bookSettingsMenu .scroll-content{background:#221d23}#bookSettingsMenu h1,#bookSettingsMenu .input-label,#bookSettingsMenu .item,#bookSettingsMenu .bar-footer a,#bookSettingsMenu select,#bookSettingsMenu option{color:#fff}#bookSettingsMenu .item{border-color:#444}#bookSettingsMenu select option:hover{background:#907028;box-shadow:0 0 10px 100px #907028 inset}#bookInfoModal .views,#bookInfoModal .downloads{display:none}#bookInfoModal .info{padding-left:225px}.rtl #bookInfoModal .info{padding-left:10px;padding-right:225px}#bookInfoModal .info h1{font-size:1.5em}.mobile #bookInfoModal .info h1{font-size:1.1em !important}#bookInfoModal .info .rights{display:none !important}#bookInfoModal .info .publisher{color:#fff}.mobile #bookInfoModal .info .publisher{font-size:0.9em !important}#bookInfoModal .actionBtns .actionBtn>.button{left:25px}.rtl #bookInfoModal .actionBtns .actionBtn>.button{left:auto;right:25px}#bookInfoModal .actionBtns .actionBtn>.button.openBtn{background-color:#3bb12a}@media (min-width: 500px){#bookInfoModal .actionBtns .actionBtn>.button{top:-75px}}#bookInfoModal .coverImgContainer .views{background-color:rgba(0,0,0,0.7) !important}#bookInfoModal .headerBg{background-image:url(../imgs/bookInfoBg.jpg) !important;opacity:1 !important}#bookInfoModal .content{max-width:700px}.mobile #bookInfoModal .content .desc{font-size:1em !important}#qfPrayerTimes{position:relative;padding:30px 0 80px}#qfPrayerTimes h1{text-align:center;font-size:1.5em;margin-bottom:10px}#qfPrayerTimes h3{text-align:center;font-size:.9em;font-weight:normal;margin-top:-5px;color:#bdbdbd}#qfPrayerTimes .pray{color:#fff;padding:15px 0;text-align:center;z-index:6;position:relative;font-size:1.2em;overflow:hidden;min-height:91px}#qfPrayerTimes .pray span{display:block}#qfPrayerTimes .pray span.time{direction:ltr}#qfPrayerTimes .pray div{position:absolute;top:50%;transform:translateY(-50%);width:100%;transition:0.5s all ease-in-out}#qfPrayerTimes .pray .remaining{position:absolute;bottom:-90px;width:100%;transition:0.35s all ease-in-out}#qfPrayerTimes .pray .remaining span{color:#59e6ff}#qfPrayerTimes .pray.prev{color:#b078bb;font-weight:600}#qfPrayerTimes .pray.next{color:#4fbed1;font-weight:600}#kotobee.web #qfPrayerTimes .pray.next:hover div{top:-50px}#kotobee.web #qfPrayerTimes .pray.next:hover .remaining{bottom:15%}#qfPrayerTimes .pray.next.tapped div{top:-50px}#qfPrayerTimes .pray.next.tapped .remaining{bottom:15%}#qfPrayerTimes .method{color:#fff;text-align:center;margin-top:10px;font-size:0.8em}#qfPrayerTimes .bg{background-image:url(../imgs/bg.png);position:absolute;top:130px;z-index:2;opacity:0.6;width:331px;height:351px}#prayerPopup{position:fixed;background:rgba(0,0,0,0.7);top:-80px;left:50%;transform:translate(-50%, 0);color:#fff;padding:20px 30px;text-align:center;z-index:3;border-radius:12px;transition:top 0.2s}#prayerPopup.show{top:10px}#prayerPopup .close{position:absolute;top:5px;right:5px;color:#fff;font-size:1.2em;opacity:0.8}.ar #prayerPopup .close{right:auto;left:5px}