* { 
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}

html, body {
  background:#FFFFFF;
}

.acc-container {
  width:90%;
  margin:30px auto 0 auto;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  -o-border-radius:8px;
  border-radius:8px;
  overflow:hidden;
}

.acc-btn { 
  width:100%;
  margin:0 auto;
  padding:20px 25px;
  cursor:pointer;
  background:#34495E;
  border-bottom:1px solid #2C3E50;
}

.acc-content {
  height:0px;
  width:100%;
  margin:0 auto;
  overflow:hidden;
  background:#2C3E50;
}

.acc-content-inner {
  padding:30px;
}

.open {
  height: auto;
}

h1 {
  font:700 20px/26px 'Lato', sans-serif;
  color:#ffffff;
}

p { 
  font:400 16px/24px 'Lato', sans-serif;
  color:#798795;
}

.selected {
  color:#1ABC9C;
}

.room_name
{
	float:left;
	font-size:20px !important;
	color:white !important;
	width:200px;
	overflow:hidden;
	margin-left:10px;
}
.inputbox
{
	margin-left:10px;
	float:left;
	font-size:16px;
	width:100px;
	padding:5px;
	border:none;
	border-radius:5px;
	text-align:center;
}
.content_block
{
	float:none;
	clear:both;
	margin-top:20px;
}
.message_block
{
	padding:20px;
	height:150px ;
	width:300px;
	margin-left:70px;
	margin-top:50px;
	background-color:grey;
	border-radius:5px;
	color:white;
	font-weight:bolder;
}
.message_block p
{
	color:white;
	font-size:18px;
	text-align:center;
}
#center-message
{
	margin-top:10px;
	text-align:center;
}
#size
{
	font-size:36px;
	margin-top:20px;
	text-align:center;
}