/*

/home/user/public_html/bl/public/index.css
url_for/index.css

*/

/*https://getbootstrap.com/docs/3.3/css/#tables - firefox and fieldsets */
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

body {
  width: 100%;
  height: 100%;
/*
  background-color:#5c5c3d;
  color:#8a8a5c;
*/
  font-family:Verdana, sans-seriff, seriff;
  font-size:18px;
}

.slideout-menu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 256px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
}

.slideout-panel {
  position:relative;
  z-index: 1;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
}
nav {
	padding:0 1rem 0 1rem;
	border-right:1px silver solid;
	margin:0;
}
nav ul {
	list-style-type:none;
}
nav ul li {
	line-height:1.6em;
}
nav .navlogo {
	width:100%;
	height:2em;
	background-image:url('/navlogo.gif');	/* should be 256px max width */
	background-repeat:no-repeat;
}
nav .nav-separator {
	min-height:5rem;
	margin:1rem 0 1rem 0;
}
nav .nav-browser {
	min-height:5rem;
	margin:1rem 0 1rem 0;
}
nav .nav-rights {
	min-height: 5rem;
	margin: 1rem 0 1rem 0;
}

/* end slideout */

.ui-menu { width:140px; }

main {
	margin:0; 		/* Top margin should be min 2.5em */
	padding:1rem;		/* padding top should be min 1.5em; */
}

main .logo {
   /* can be a static image or a slide show or a flash object */
	margin:0;
	padding:0;
	width:100%;
	height:auto;					/* customizable */
	/*background-image:url('/logo.gif');	/* image: any width/height.  Suggested 850x150 */
	background-repeat:no-repeat;
}

/* Dbdata 399, default.html.ep 114, chart.html.ep */

main #userchart
{
	margin:0;
	padding:0.2em;
	width:100%;
	height:auto;
	border-top:0px #1a1a00 dotted;
	/*background-color:#3d3d29; */
}
main #userchart #userdoughnut
{
	color:inherit;
}
main #userchart #userpie
{
color:inherit;
}
main #userchart #userBooksChaps
{
color:inherit;
}

/* tooltip **/
  .ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid inherit;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: inherit;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }

/* end tooltip */

/* header */
/* #header: inside .panel with container-fulid div */
#header {

	/* background-color:#1f1f14;	color:#b8b894; */
	margin:0;
	padding:0.2em 0 0.2em 0;
	height:7em;

	font-size:1em;
}
/* header top */
#header .header-top {
	border-bottom:0px silver solid;
	margin:0;
	padding:0;
}

/* left */
#header .header-left {
/* col-xs-2 */
	margin:0;
	padding:0;
	text-align:left;
}
#header .header-left h2 {
	font-size:0.9em;
}
#header .header-middle
{
/* col-xs-6 */

}
#header .header-middle h1 {
	margin:0;
	padding:0;
	font-size:1.4em;
	/*color:white;*/
	font-weight:bold;
}
#header .header-middle h2 {
	margin:0.2em 0 0 0;
	padding:0;
	font-size:1em;
	color:silver;
}
/* header right */
#header .header-right {
/*col-xs-4 */
	text-align:right;
	padding:0 0.1em 0 0;
	margin:0;
}
#header .header-right a {
	color:silver;
}
#header .header-right .img {
	margin:0.2em 0 0 0;
	border:0;
}
#header.header-right a {
	font-size:1em;
	padding:0.5rem;
	margin:0.5rem;
}
#header .header-right a.header-right-logout {
	color:red;
}
#header.header-right a.header-right-register {

}
#header .header-right .header-right-ad {
	margin:0;
	padding:0;
	clear:both;
	border-top:0px dotted gray;
}
#header .header-right .ad-text {
	text-transform:uppercase;
	font-size:0.6em;
	margin:0;
	padding:0;
	color:inherit;
}
/* header bottom Users' name/links */
#header .header-bottom {
	text-align:center;
	margin:0;
	padding:0.1em 0 0 0;
	clear:both;
	font-size:1.1em;
	color:#e6e600;
}
#header .header-bottom h2 {
	margin:0;
	padding:0;
	clear:both;
	font-size:1.1em;
	color:#e6e600;
}
/* content /* and /admin/* */
#content {
  position:relative;
	/* background-color:#3d3d29; */
	font-size:1.3em;
	height:auto;
	margin:0;
	padding:0.2em 0 0 0.2em;
	color:#8a8a5c;
}

#content form { color:inherit; }
#content ul { list-style-type:none; }
#content ul li { line-height:1.2em; }
#content h2.chart-header {
  font-size:1.4em;
  margin:1em 0 1em 0;
  padding:1em 0 1em 0;
}


#content.policy
{
	font-size:2em;
}
#content.policy ul
{
	margin:0 2em 0 2em;
}
#content.policy ul li
{
	list-style-type:disc;
	line-height:1.5em;
}


.menu {
	/*background-color:#2e2e1f;*/
	border-color: #357ebd;
	margin:0em 0 0 0;
	padding:0;
}

.menu ul {
	list-style-type: none;
	margin:0;
	padding:0 0 0 0.5em;
}
.menu ul li {

}

.menu ul li a {
	font-size:1.3em;
}

.panel
{
	border:0;
	/* background-color:#3d3d29; */
}
.panel .ad-top {
	margin:0.3em 0 0.3em 0;
	text-align:center;
	padding:0;
}

/* fb */
.fb-share-button {
  color:inherit;
}

.fb-share-button a {
  color:inherit;
}

#social-networking #status{
  color:inherit;
  background-color:inherit;
}

.memorizeChapterNav { margin: 0.5em 0 0.5em 0 }

.all-versions { border:1px black solid; padding:0.5em; }

.version { margin:0 0 0.8em 0; }

.version .versionName { color: gray; }

footer {
/* ! */
	position:relative;
	width:100%;
	height:12em;	/* includes ad */
	/* background-color:#4d4d33; */
	padding:0em;
	font-size:1em;
	border:0px silver dotted;
	text-align:left;
	clear:both;
	margin:1em 0 0 0;
}
footer .ad {
	margin:0em 0 0 0;
	padding:0.5em 0 0 0;
	clear:both;
	text-align:center;
}
footer .applog
{
	text-align:right;

}
footer .links {
	margin:0em 0 0 0;
	text-align:left;
}


.ad ul {
	list-style-type:none;
}

.bible-verse-1
{
	margin:0.3em 0 0.3 0;
	border:0px dotted silver;
	padding:0.2em;
	color:yellow;
}

.legacy-comment
{
	margin:0.3em 0 0.3 0;
	border:0px dotted silver;
	padding:0.2em;
	color:green;
}

#add-edit-01
{
margin:0.5em 0 0.5em 0;
}

.dev
{
	margin:0;
	padding:0;
	font-size:1em;
	color:inherit;
}
.panel-buttons
{
	margin:0 0 0.5em 0;
}
.panel-progress
{
	margin:0 0 0.5em 0;
}
.panel-form
{
	margin:0 0 0.5em 0;
}

/* section left, right */
section#left
{
	width:81.917%;
	float:left;
	clear:left;
	margin:0em 0 0 0;
	padding:0em 0 0 0;
	border-right:0px white dotted;
	height:100%;
	background-color:inherit;
}

section#left h3#inv
{
	margin:0;
	padding:0;
	display:none;
}

section#right
{
	width:18%;
	float:right;
	clear:right;
	margin:0em 0 0 0;
	padding:0em 0 0em 0.3em;
	border:0px gray dotted;
	/* background-color:#3d3d29;*/
	height:100%;
	overflow-x: auto;
  	-webkit-overflow-scrolling: touch;
}
section#right h3#small
{
	font-size:0.6em;
	margin:0;
	padding:0.2em 0 0 0;
}
section#right ul, ol
{
	margin:0em 0 0 0;
	padding:0;
}
section#right ul li, ol li
{
	list-style-type:none;
}
section#right ul li, ol li a
{
	color:inherit;
}
section#right .footer
{
	margin:0.2em 0 0 0;
	padding:0;
	font-size:0.8em;
}
section#right h2
{
	margin:0 0 0.2em 0;
	padding:0;
}

section#left .ad0
{
	background-color:inherit;
}

/* policy */
.policy
{
	margin:0;
	padding:0;
	/*background-color:#3d3d29;*/

}
.policy h2
{
	margin:0;
	padding:0;
	font-size:0.9em;
	font-weight:bold;

}

/* forms */
.formsregister
{
	margin:0;
	padding:0;

}
.formsregister h2
{
	margin:0;
	padding:1em;
	font-size:0.9em;
	font-weight:bold;
	text-align:center;
}

/* edit tab verse version */
.version1
{
	font-size:0.6em;
	padding:0 0 0 0.5em;
	text-transform:capitals;
	font-weight:bold;
}

.chat-h2 {
margin:0;
padding:0;
font-size:0.9em;
}

.version-div {
	background-color:#ffffc0;
}

.verses-div {
	background-color:#c0ffc0;
}

.userFirstLast {
	margin:0.5em 0 0 0;
	padding:0;
	font-size:0.7em;
	font-weight:bold;
	color:#ffffa0;
}

.urhere {
	margin:0.4em 0 0.4em 0;
	padding:0;
	font-size:0.5em;
}

#adsamzn {
	margin:2em 0 0 0;
	padding:1em 0 1em 0;
}
#adsamzn h5 {
	color:inherit;
	font-size:0.8em;
}
#faq {
	margin:2em 0 0 0;
	color:inherit;
	font-size:1.1em;
}
#faq ul li {
	list-style-type:square;
	margin:0.5em;
}

.verse {
	font-size: 2em;
	color: red;
}

article#header a { padding:0.55rem; }

/* begin Bible Legacy Verse */
#biblelegacyverse {
  text-align: center;
  width: 95vw;
  height: auto;
  clear: both;
  padding: 0.1rem;
  margin: 0;
  padding: 0 0.5rem 0 0.5rem;
  border: 0px solid teal;
}
#biblelegacyverse .verse {
  font-size: 8vw;
  color: teal;
  font-weight: bold;
  clear: both;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px dotted teal;
}
#biblelegacyverse .version {
  float: left;
  clear: left;
  width: 45%;
  color: red;
  font-weight: bold;
  text-align: left;
  margin: 0;
  border-bottom: 1px red solid;
  padding: 0.3rem;
}
#biblelegacyverse .poweredby {
  float: right;
  clear: right;
  width: 38%;
  color: blue;
  font-weight: bold;
  text-align: right;
  margin: 0;
  border-bottom: 1px blue solid;
  padding: 0.3rem;
}
/* end Bible Legacy Verse */
.inv { display: none; }

div.scripture { margin: 1rem 0 2rem 0; padding: 0.5rem; }
div { padding: 0.2rem; }

h2.user { color: red; }

.search-term-in-result {
  color: red;
  font-weight: bold;
  font-size: 1.1rem;
}