* {

	//touch-action: none ! important;

}


body {

	background-color: black ! important;

}


audio {

	display:none;

}

div.config {

	display: none;

}


div.controls {

	display: none;
	float:left;
	margin-right: 15px;
	padding-top: 75px;
	//border:1px solid blue;

}


div.controls > button.control {

	float: left;
	clear: left;

	padding:0px;
	width:70px;
	height:65px;
	border-radius: 10px;
	border:2px solid darkblue;

	font-weight: bold;
	font-size:30px; 
	text-transform: uppercase;
	color:red;

	background-color:transparent;
	background-image:none;
	background-size: 50px;
	background-position: center;
	background-repeat: no-repeat;

}


div.controls > button.controlStopAllSounds {

	background-image:url("../../_res/img/stop.png");

}


div.controls > button.controlRandomSound {

	background-image:url("../../_res/img/random.png");

}


div.controls > button.controlConfig {

	background-image:url("../../_res/img/config.png");

}


div.controls > button.control:active {

	opacity: 0.3;

}


div.controls > button.control + button.control {

	margin-top: 10px;

}

div.pushables {

	float: left;

}


div.pushables > div.group {

	float:left;

	//border:1px solid brown;

}


div.pushables > div.group + div.group {

	margin-left: 15px;

}

div.pushables > div.group > div.header {

	float:left;
	clear:left;

	width: 100%;
	height:65px;
	border-radius: 10px;
	border:2px solid orange;
	box-sizing: border-box;

	background-image:none;
	background-size: 50px;
	background-position: center;
	background-repeat: no-repeat;

}


div.pushables > div.groupHorn > div.header {

	background-image:url("../../_res/img/horn.png");

}


div.pushables > div.groupEffect > div.header {

	background-image:url("../../_res/img/ghost.png");

} 


div.pushables > div.groupVelocity > div.header {

	background-image:url("../../_res/img/fire.png");

}


div.pushables > div.groupVocal > div.header {

	background-image:url("../../_res/img/mic.png");

}


div.pushables > div.groupFeeling > div.header {

	background-image:url("../../_res/img/mmaker.png");

}


div.pushables > div.group > div.items {

	float:left;
	clear:left;
	margin-top: 10px;

	width: 100%;
	//border:1px solid red;

}


div.pushables > div.group > div.items > button.pushableAudio {

	float: left;
	clear: left;

	padding:0px;
	width:70px;
	height:65px;
	border-radius: 10px;
	border:2px solid #bbb;

	font-weight: bold;
	font-size:13px; 
	text-transform: uppercase;
	text-align: center;

}

div.pushables > div.group > div.items > button.pushableAudio:active {

	opacity: 0.3;

}

div.pushables > div.group > div.items > button.pushableAudio + button.pushableAudio {

	margin-top: 10px;

}

div.pushables > textarea#visual_test { display: none; }

