* { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
html { background:#efe8d5; overflow-y: scroll; }
body {color: #000000; max-width: 900px; margin: 40px auto; min-height: 70vh; font-family: "Book Antiqua", "Times new roman", "verdana", Arial;
font-size: 12pt; background:#fbf8eb; padding:10px 40px; border:6px solid #caa752; outline:4px solid #0b3d6b;
box-shadow: 0 0 0 8px #e9d7a4, 0 0 0 12px #0b3d6b, 0 0 0 16px #caa752, 0 0 0 22px #fffdf5, 0 0 0 26px #caa752; }

#titlebar { margin:20px 0px 17px; text-align:center; } #titlebox { width:400px; }

#ar, .ar { display:block; direction:rtl; text-align:justify; border-top:1px solid #e9d7a4; border-bottom:1px solid #e9d7a4; padding-bottom: 1px; } 
.ar2 { direction:rtl;  } pg, sr { display:none; } 
a { text-decoration:none; color:#000; } bs { display:block; text-align:center;  font-family: "Al QuranWBW"; font-size: 24pt; }
v { scroll-margin-top: 10px; padding:55px 0px 8px 0px; border-bottom: 1px solid #e9d7a4; cursor:pointer; } w { display:inline-block; margin: 0px 4px 8px 4px; } .v { 25px 0px 20px 0px; }
w a { display:block; text-align:center; font-family: "Al QuranWBW"; font-size: 32px; color: #212529;  }
w e { display:block; text-align:center; font-size: 14px; color: #888; direction: ltr; } 

@font-face { font-family: "Al QuranWBW"; font-weight: normal; font-style: normal; src: url('fonts/QuranWBW.woff') format('woff'), local("Al QuranWBW"); }

h2, h3 {text-align:center; margin-bottom:10px; } .tr { font-size: 14.0pt;  line-height: 1.5em; } #section .tr, #english .tr, #intro  {text-align:justify;} 
.nt { font-family: "Book Antiqua", "Times new roman", "verdana", Arial; font-size: 13.0pt; text-align: justify; line-height: 1.35em; } .nt a {color:#b81d49; }
#tb {border-collapse: collapse;} #tb tr { border-bottom: 2px solid #e9d7a4; } #tb td:first-child {border-right:1px solid #000; width:50%; padding-right:10px; }
.content{display:none;} label{ cursor:pointer; padding:4px 4px; margin:2px 4px; border:1px solid #eeb616; display:inline-block; } #intro p:first-child {text-align:center; } 

#selectbar{ text-align:center; font-size:12pt; border:2px solid #d8b349; background:#e9d7a4; padding:0px 0px; margin:0px -10px 20px; cursor:pointer;} input { display:none; }
#chfrm { display:inline-block; background: beige;}  #chtxt { height:19px; width:190px; padding:3px ; border:solid #e9d7a4; border-width:2px 0px; }
#chbox { width:175px; display:none;  position: absolute; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;color:black; background-color: #f9f9f9; padding:10px; 
height:193px; overflow-y:scroll; text-align:left;  } #chfrm:hover #chbox {  display: block; }
#vrfrm { display:inline-block; background: beige;}  #vrtxt { height:19px; width:125px; padding:3px ; border:solid #e9d7a4; border-width:2px 0px; }
#vrbox { width:110px; display:none;  position: absolute; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;color:black; background-color: #f9f9f9; padding:10px; 
height:193px; overflow-y:scroll; text-align:left; } #vrfrm:hover #vrbox {  display: block; }

.green{ background: rgba(196, 236, 189, 0.46); } #audiobox{ position:fixed;width: 350px;left:50%;bottom:-90px;transform:translateX(-50%);transition:.4s;} #audiobox.show{bottom:10px}
.hdr_respn { display: inline-block; zoom: 1;text-align: left;float: none; }   #search-input { display:block !important; margin:3px 0px; } hr { border: 1px solid #e9d7a4; }

#prev, #next, #prevch, #nextch  { display:inline-block; color:#c1ae62; font-size:23px; vertical-align: -3px; } #english sup { display:none; } #line { display:none; } 
dr {display:block; border:1px solid #e9d7a4; color:#c1ae62; float:right; margin-top:-2px}

#playPauseBtn { width:20px; text-align:center; color:green; } .playing {background:beige;}

@media (max-width: 8.3in ) { body { margin:0px; border:0; outline: 0; box-shadow: none; padding:0px 17px 0px 17px ; } #chbox, #vrbox { line-height:2; } #ar, .ar { text-align:initial; } 
.hdr_respn { margin-top:10px; text-align:center; width:auto !important; } #titlebar { margin: 0px; } #titlebox { width:auto; } #search-input { margin: 3px auto;} #line { display:block; } }

@media print { .hdr_respn:nth-of-type(1), .hdr_respn:nth-of-type(3) { width:auto !important; display: none;} }