@font-face {
 font-family:'arabic';
 src:url('fonts/arabic.ttf')
}
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {
 @font-face {
  font-family:'Uthmani';
  src:url('fonts/uthmani.otf')
 }
 @font-face {
  font-family:'Uthmani';
  src:url("fonts/uthmanib.otf");
  font-weight:bold
 }
 div#arabic,
 div#arabic1 {
  font-family:'Uthmani' !important;
 }
}
@font-face {
 font-family:'Droid';
 font-style:normal;
 font-weight:400;
 src:url("fonts/droid.eot");
 src:url("fonts/droid.eot?#iefix") format('embedded-opentype'),
 url("fonts/droid.woff2") format('woff2'),
 url("fonts/droid.woff") format('woff'),
 url("fonts/droid.ttf") format('truetype')
}
body {
 font:13pt 'Droid',Roya,terafik,koodak,nazli,tahoma,sans-serif !important
}
h1.firstHeading {
 font:13pt 'Droid',Roya,terafik,koodak,nazli,tahoma !important
}
div#mw-head {
 position:absolute;
 top:0;
 right:0;
 width:100%
}
table {
 border-radius:8px
}
.tabbertab {
 border-radius:8px
}
.toc {
 border-radius:8px
}
.ayeh-table th {
 font-size:10pt;
 padding-top:4px;
 color:#666
}
.toccolours {
 border-radius:8px;
 width:16em !important;
 margin:20px 20px 1em 1em !important
}
@media(max-width:700px) {
 .toccolours {
  display:none
 }
}
div.trans_sound,
div.quran_sound {
 width:49%;
 padding-right:2px
}
@media screen and (min-width:1540px) {
 .audiotable {
  display:inline-flex;
  width:65%;
  padding-top:20px
 }
}
@media screen and (min-width:580px) and (max-width:1540px) {
 .audiotable {
  display:inline-flex;
  width:100%;
  padding-top:20px
 }
}
@media screen and (max-width:580px) {
 .audiotable {
  display:block !important;
  width:100%;
  padding-top:20px
 }
}
div#qenag {
 direction:ltr
}
div#arabic,
div#arabic1 {
 font-family:'arabic','Uthmani';
 font-size:26pt !important
}
.jqplot-xaxis {
 direction:ltr
}
@media screen and (min-width:1024px) {
 div#alketab-list {
  width:49%;
  font-size:11pt
 }
 #aya_prev_next {
  width:40%
 }
}
@media screen and (min-width:852px) and (max-width:1024px) {
 div#alketab-list {
  width:49%;
  font-size:9pt
 }
 #aya_prev_next {
  width:45%
 }
}
@media screen and (min-width:500px) and (max-width:852px) {
 div#alketab-list {
  width:100%;
  font-size:11pt
 }
 #aya_prev_next {
  width:40%
 }
 div#p-search {
  float:left;
  width:90% !important
 }
 #mw-header-container {
  padding-top:.65em !important
 }
}
@media screen and (max-width:500px) {
 div#alketab-list {
  width:100%;
  font-size:8pt !important
 }
 #aya_prev_next {
  width:45%
 }
 div#p-search {
  float:left;
  width:90% !important
 }
 #mw-header-container {
  padding-top:.65em !important
 }
 div#gotorel {
  width:22% !important
 }
}
#jumpBody {
 padding-bottom:5px;
 width:30%
}
@media screen and (max-width:300px) {
 div#gotorel {
  display:none
 }
 #jumpBody {
  padding-bottom:5px;
  width:40% !important
 }
 #aya_prev_next {
  width:60%
 }
}
div#alketab-list {
 border:1px;
 padding:3px 6px 0 1px;
 display:inline-flex
}
form#jumpBody select {
 height:30px;
 background-color:azure;
 border:1px solid #1b809e
}
a#a_sureh_list select {
 width:55%
}
a#c_ayeh_list select {
 width:35%
}
#alketab-list #jumpBody a {
 padding-left:3px
}
.mybtn {
 height:30px;
 width:40%;
 display:inline-block;
 margin-left:4px;
 font-weight:900;
 text-align:center;
 vertical-align:middle;
 cursor:pointer;
 white-space:nowrap;
 vertical-align:middle;
 border:1px solid #1b809e;
 background-color:azure;
 padding:0 3px 0 3px
}
.mybtn span {
 display:block;
 padding:4px 2px 2px 0
}
div#gotorel {
 width:26%
}
#gotorel .mybtn {
 height:30px;
 width:100%
}
#alketab-chatbot-img {
  position: fixed;
  left:0;
  top:0;
  z-index:9999;
}
#siteNotice #gotorel {
 display:none
}
ul#page-actions.hlist {
 display:none
}
.last-modified-bar {
 display:none
}
.jsonly {
 display:none !important
}
div#p-userpagetools {
 display:none !important
}
div#p-more {
 display:none !important
}
li#t-recentchangeslinked {
 display:none !important
}
li#t-info {
 display:none !important
}
li#t-pagelog {
 display:none !important
}
div#user-tools {
 display:none !important
}
div#site-tools {
 display:none !important
}
div#p-logo-text {
 display:none !important
}
.mw-indicators {
 margin-top:0 !important
}
.mw-body h1.firstHeading {
 border-bottom:solid 4px #b9c6e1 !important
}
.color-right,
.color-middle,
.color-left {
 background:#e8e9ff !important
}
@media screen and (min-width:851px) {
 .color-middle-container,
 .ts-inner {
  max-width:none
 }
}
fieldset#mw-searchoptions:nth-child(6) {
 display:none
}