html, body {
font-size: 100%;
}	
.tab-panels{
font-size: 120%;	
}
.hidden{
	display: none;
}
.centeredcontainer {
  display: grid;
  place-items: center;

}
.centeredcontainer div {
  width: 20%;
  height: 50%;
}
	
.toprow{
	margin-left: 3em;
    margin-right: 3em;
}
.alignright{
	float: right;
}
.boxborder{
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;	
  padding: .5em;
  margin-left: 1.5em ;
  margin-bottom: 1.5em;

}
.formitem{
padding:0px;
margin:0px;
}

.centre{
	text-align:center ;
}

.bible{	

}

.songtextarea{
    border: none;
    outline: none;
  width:100%;
  height:100%;

}

img {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  width: 150px;
}

.slideimg {
  width: 200px;
  height: 300px;
  object-fit: contain;
}


.height2thirds{
	height:60vh;;
	  width: 90%;
	overflow: hidden; /* Hide overflow initially */
}

.height1third{
	height:30vh;;
	  width: 90%;
	overflow: hidden; /* Hide overflow initially */
}

.height3quarters{
	height:75vh;;
	  width: 90%;
	overflow: hidden; /* Hide overflow initially */
}

.overflowx{
width: 90%; 
overflow-x: scroll;
overflow-y: scroll;

}
.overflowy{
width: 100%; 
overflow-y: scroll;
height:65%;
padding-bottom: 12px;
padding-top: 6px;
}

.overflowscroll{
	width: 90%; 
overflow-x: scroll;
overflow: auto;
padding-right: -3em;
}

#overflowscroll{
overflow: auto;
}



.fullwidthboz{
width: 95%;	
}

 .hover {
border-style: solid;
border-width: 1px;
cursor: pointer;
 border: 1px solid #003eff;
    background: #007fff;
	color: #ffffff;
	background-color:Silver;
}
.clicked {
background-color:Silver;
cursor: pointer;
} 

 .active {
border-style: solid;
border-width: 1px;
cursor: pointer;
 border: 1px solid #003eff;
    background: #007fff;
	color: #ffffff;
}

.greybg{
	background:grey;
}


.listresults{
    padding: .5em .6em;
	margin-left: 1.5em ;
    width: 90%;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    vertical-align: middle;
    box-sizing: border-box;
	min-height:45px;
}

.sectionname{
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: 0.5em 0.5em 0.5em 0.7em;
    font-size: 100%;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
    height: 15px;
}

.songmarker {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: 0.5em 0.5em 0.5em 0.7em;
    font-size: 100%;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: 1px solid #c5c5c5;
    background: yellow;
    font-weight: normal;
    color: #454545;
    height: 15px;
}


.songheading {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: 0.5em 0.5em 0.5em 0.7em;
    font-size: 100%;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: 1px solid #c5c5c5;
    background: lightgreen;
    font-weight: normal;
	color: #454545;
    height: 15px;
}

.fa-book-reader{
	  cursor: pointer;
	  color:blue;
}
.fa-book-reader:hover {
	
	  color:red;
}

.song {
text-align: center;	
}


.versicle {
	text-align: center;
		 padding:0;
	 margin:0;
	
}


.response {
	text-align: center;
	   font-style: italic;
	  	 padding:0;
	 margin:0;
	 padding-bottom:3px;
}

.rubric {
	text-align: center;
	  color: red;
	  	 padding:0;
	 margin:0;
	 padding-bottom:3%
}

.shortcode {
	text-align: left;
	  color: green;
	  	 padding:0;
	 margin:0;
	 padding-bottom:3%
	 }
	 
	 .slidecontent{
border-bottom:1px dotted  gray;
}

.collect{
font-style: italic;
font-size:.9vw;	
}

.post_communion{
font-style: italic;
font-size:.9vw;		
}