html, body {
	height: 100%;
	margin: 0;
}
body {
}

h2 {
	background: #eee;
	font: bold 14px Arial;
	margin: 20px 0 10px;
	padding: 4px 2px;
}

ul {
	padding:0;
	margin:0;
	list-style:none;
}

hr {
	margin:10px 0 20px;
}

audio { 
	width: 400px; 
    background-color: #fff;
	
}
audio::-webkit-media-controls-panel {	background: #FFF;}
audio:: -ms-media-controls-panel {	background: #FFF;}

#filters {
	display:block;
}

#sectionList {
	border-top: 1px solid #ccc;
}

#sideNav{
	
	font: 11px/14px Arial;
	margin:10px;
}

#sideNav a {	
	color: #efefef;
	text-decoration:none;
}

#sideNavDiv{
	background: #333;
	display: block;
	color: #efefef;
	height: 100%;
	position:fixed;
	width: 180px;
}

#sideNavBtn{
	background: #333;
	color: #efefef;
	cursor:pointer;
	height: 20px;
	position:fixed;
	left:180px;
	top: 0px;
	width: 10px;
}

#sideNavDiv ul {
	margin-top:10px; 
	padding-top: 5px;
}
#songbook {	
	max-width: 800px;
	min-width: 500px;
	margin: 10px auto;
	padding-left:200px;
	width: 100%;
}

#wrapper {	
	display: flex;
	font: 13px/16px Arial;
	min-height:100%;
	position:relative;
}

.additional_info {
	margin: 10px 0 0;
}

.cursor-pointer {
	cursor:pointer;
}

.entry {
	display: flex;
}

.lyrics,
.translation {
	padding: 5px 5px 5px 0;
	width:50%
}

.translation {
	 font-style: italic;
}

.music-file{
	font: italic 10px Arial;
	position: relative;
	top: -10px;
}

.notes{
	font: italic 10px Arial;
	margin:  10px 0 0;
}

@media print  {
    .entry, .songSection{
        page-break-inside: avoid;
    }
	
}