/* apply a natural box layout model to all elements, but allowing components to change */
html {
    box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
	touch-action: pan-x pan-y;
}

/*---psalm text formating*/
div {
    overflow: hidden;
    margin:0;
    padding:0;
}

html,body{
    overflow: hidden;
    margin:0;
    padding:0;

	-ms-scroll-chaining:none;
	-ms-scroll-rails:railed;
	-ms-content-zooming:none;
	-ms-zoom-animation:none;
}

button{
    color:inherit;
	background-color:#EEE;
	
    border:solid;
    border-width:2px;
	border-color:#00a;

	text-align:center;
	vertical-align:middle;

	padding:4px;
	margin:-1px;

	font-size: 20px;

	border-radius: 12px;
}
button:hover{
	background-color:#888;
	
	/*border-color:#888;*/
}
button:active{
	background-color:#00a;
	/*border-color:#CCC;*/
	/*color:#888;*/
}



#tuneDiv {
	overflow: auto;
	min-height:64px;
	max-height:100%;
	text-align: center;
}
#outerTune {
	display: inline-block;
}
#tuneRender {
	margin:auto;
	display: inline-block;
}
#textDiv {
    overflow: auto;
    text-align: center;
    height: 100vh;
    width: 100vw;

	touch-action: inherit !important;
}



.invisibleButton{
	border:none;
	background:none;
}
.invisibleButton:hover{
	background:none;
}
.invisibleButton:active{
	background:none;
}

/*.hide{
	display:none;
}*/

#content {
    height: 100vh;
    width: 100vw;
}

/*#verseSelect_content_topTitle{
	position:absolute;
	top:0;
	left:0;
}
#verseSelect_content_title{
	width:100%;
}*/




/*---graphics*/




/*---*/



/*---Tune Color Fix*/
svg path {
	fill: inherit;
}
svg text {
	fill: inherit;
    stroke: none;
}


/*for dragScroll*/
svg {
	pointer-events:none;
}
.dragScroll {
	overflow: hidden !important;
}



.inlineIcon {
	vertical-align: middle;
	display: inline-block;
}