html, body { 
  height: 100%; 
  overflow: hidden;
  font-size:12px;  
}
.form-control {
  font-size:12px; 	
  height: 30px;  
}

select {
  font-size:12px; 	
}

input {
  font-size:14px; 	
}

body {
  background-position: center center;
  background-repeat: no-repeat;
  padding: 0;
}

h1 {
  position: absolute;
  bottom: 20px;
  text-align: center;
  width: 100%;
  line-height: 120%;
  font-family: Arial, sans-serif;
  color: rgb(66,66,66);
  letter-spacing: -0.05em;
}

.converse-container {
	height: 100vh;
 }

.conversejs converse-chats.converse-embedded .chatbox, .conversejs converse-chats.converse-overlayed .chatbox {
	width: 100%;		
}

#controls {
	font-family:arial;
	font-size:24px;
	font-weight:bold;
	margin: 15px;
}

#controls * {
	margin: 5px;
	display:inline-block;
	
}

#settings-config {
	border:none; 
	margin:0; 
	padding:0; 
	overflow:hidden;
	width: 90%;
	height: 90%;	
}

#chordpro, #lyrics, #chatview {
	border:none; 
	margin:0; 
	padding:0; 
	overflow:hidden;
	width: 98%;
	height: 875px;	
}


.synthtable {
	margin: 10px;
	width: 99%;
}

.play, .show_lyrics, .chord_pro, .style_type, .liber_live, .gamepad_mode, .load_file, .reset_app, .chorda_bluetooth, .delete_style, .pedal_board, .save_reg, .record_song {
	-moz-box-shadow:inset 0px 20px 26px 0px #b6cde3;
	-webkit-box-shadow:inset 0px 20px 26px 0px #b6cde3;
	box-shadow:inset 0px 20px 26px 0px #b6cde3;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	background-color:#79bbff;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	color:#ffffff;
	padding:8px 12px;
	cursor: pointer;
	margin-left: 10px;
	text-decoration:none;
	text-shadow:1px 1px 6px #000000;
	width: 80px;
	text-align: center;
}

.play:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	background-color:#378de5;
}

.play:active {
	position:relative;
	top:1px; left: 1px;
}

#showTempo { 
	display: inline-block;
	width: 45px; 
}

#showSwing { 
	display: inline-block;
	width: 40px; 
}