body { background-color: #ffffed; }
body { background-color: #000; color: white; font-size: 17.77777778px; }
label { font-size: 12px; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
a:visited { text-decoration: none; }
h3 { color: #af2222; }
h4 { color: #f2f200; }
p { align: justify; }
#l { position: absolute; width: 100px; height: 50px; top: 50%; left: 50%; margin-left: -50px; margin-top: -25px; } /* margin is -0.5 * dimension */
#Loading { font-size: 2vw; color: green; background: black; opacity: 80%; }
#menu { position: fixed; top: 10%; left: 50%; width: 100%; height: 100%; }
#menu.showing { display: block; }
#content{word-wrap:break-word;overflow:hidden;}
#verse{ color: white; font-size: 17.77777778px; line-height: 20px; padding: 5px; text-align: justify; }
#versewrap { width: auto; }
.bg_white { background-color: white; }
.cb { clear: both; }
.column *{ padding: 10px; }
.dark_red { color: #af2222; }
.fl { float: left; }
.fr { float: right; }
.fs3vw { font-size: clamp(16px, 3vw, 22px); }
.fs4vw { font-size: clamp(16px, 4vw, 22px); }
.fs5vw { font-size: clamp(16px, 5vw, 22px); }
.fs10 { font-size: 10px; color: white; }
.fs12 { font-size: 12px; color: white; }
.fs14 { font-size: 14px; color: white; }
.fs16 { font-size: 16px; color: white; }
.fs20 { font-size: 20px; color: white; }
.fs24 { font-size: 24px; color: white; }
.justify { text-align: justify; }
.ml10 { margin-left: 10px; }
.lh24 { line-height: 24px; }
.p2 { padding: 2px; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.w200 { width: 200px; }
.w300 { width: 300px; }
.w09p { width:  9%; }
.w10p { width: 10%; }
.w12p { width: 12%; }
.w14p { width: 14%; }
.w100p { width: 100%; }
.hide{display:none!important}
.show{display:block!important}
.book { font-size: 16px; color: white; }
.white { color: #FFF; }
.yellow { color: yellow; }
.blue { color: blue; }
.black { color: black; }
.center { margin: 0 auto; text-align: center; }
.bd_green { color: green; }
.red { color: red; }
.bold { font-weight: bold; }

#overlay_loading  { position: fixed; width: 360px; height: 410px; top: 30%;  left: 0; right: 0; bottom: 50%; background-color: rgba(250,250,250,0.9); z-index: 2; cursor: pointer; margin: 0 auto; }
#overlay_saving   { position: fixed; width: 100%;  height: 100%;  top: 30%;  left: 0; right: 0; bottom: 0;   background-color: rgba(250,250,250,0.9); z-index: 2; cursor: pointer; }
#overlay          { position: fixed; width: 100%;  height: 100%;  top: 0;    left: 0; right: 0; bottom: 0;   background-color: rgba(250,250,250,0.9); z-index: 2; cursor: pointer; }
#overlay_bibles   { position: fixed; width: 360px; height: 450px; top: 50px; left: 0; right: 0; bottom: 50%; background-color: rgba(250,250,250,0.9); z-index: 2; cursor: pointer; margin: 0 auto; }
#overlay_books    { position: fixed; width: 100%;  height: 100%;  top: 50px; left: 0; right: 0; bottom: 0;   background-color: rgba(250,250,250,0.9); z-index: 2; cursor: pointer; }
#overlay_chapters { position: fixed; width: 100%;  height: 100%;  top: 50px; left: 0; right: 0; bottom: 0;   background-color: rgba(250,250,250,0.9); z-index: 2; cursor: pointer; }
#overlay_search   { position: fixed; width: 320px; height: 50px;  top: 50px; left: 0; right: 0; bottom: 0;   background-color: rgba(250,250,250,1.0); z-index: 2; cursor: pointer; margin: 0 auto; }
#text_loading  { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translate(0%,0%); -ms-transform: translate(0%,0%); }
#text_saving   { position: absolute; top: 50%; left: 50%; font-size: 50px; color: yellow; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }
#text          { position: absolute; top: 50%; left: 50%; font-size: 50px; color: yellow; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }
#text_bibles   { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translate(0%,0%); -ms-transform: translate(0%,0%); }
#text_books    { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translate(0%,0%); -ms-transform: translate(0%,0%); }
#text_chapters { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translate(0%,0%); -ms-transform: translate(0%,0%); }
#text_search   { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translate(0%,0%); -ms-transform: translate(0%,0%); }

body { -webkit-user-select: none; } /* turn off text selection */
body { -webkit-tap-highlight-color: transparent; } /* disable highlighting */
body { -webkit-touch-callout: none; } /* disable callouts */