body{
	margin: 0px;
	background: #e8e8e8;
	color: #333;
}

.ff-input{
	background: white;
}

.ff-input:invalid:not(:focus):not(:placeholder-shown){
	background: white;
}

#header{
	width: 100%;
	padding:35px 20px 35px 20px;
	background: #333;
	text-align: center;
	margin-bottom: 25px;
}

#header .title{
	color: white;
	font-size: 30px;
	font-weight: bold;
}

.page-header{
	color: #333;
	margin-top: 20px;
	margin-bottom: 25px;
}

.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.nav-btn{
	font-weight: bold;
	cursor: pointer;
}

.sub-menu-name{
	font-size: 18px;
	color: darkgrey;
	font-weight: 100;
	font-style: italic;
}

.nav-btn.dark-color{
	color: #333;
}

ul.error_list li{
	list-style: disc;
	margin-left: 15px;
}

.tbc-color-btn{
	background: #DBAD7E;
	color: #333;
}

#room-name-header{
	color: #DBAD7E;
	font-weight: bold;
	margin-left: 15px;
}
#menu-btn{
	color: #DBAD7E;
	background: #4a4a4a;
	padding: 5px 10px 5px 10px;
	margin-right: 15px;
}

#band-name-header{
	font-weight: bold;
	font-size: 18px;
}

#time-left-header{
	color: green;
	font-weight: bold;
}

.ff-modal-overlay{
	background-color: rgba(0,0,0,0.9);
}

.ff-modal-overlay .ff-modal-content{
	background: #333;
	border-radius: 10px;
	overflow: hidden;
	color: white;
}

.ff-modal-overlay .js-close-modal span{
	color: #DBAD7E;	
}

.contact-btn{
	align-items: center;
	font-weight: bold;
	gap: 10px;
}
.contact-btn .social-icon{
	height: 30px;
	width: 30px;
}