.modal .modal-dialog .modal-content {
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
}

.modal .modal-dialog .modal-content .modal-header {
  border: none;
}

.modal .modal-dialog .modal-content .modal-header .close {
  color: white;
  font-size: 2.5rem;
}

.modal .modal-dialog .modal-content img {
  width: 95%;
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 2.5rem;
}

.modal .modal-dialog .modal-content .title {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.modal .modal-dialog .modal-content .info {
  font-size: .9rem;
  margin-bottom: 1.5rem;
}

.modal .modal-dialog .modal-content .body {
  font-size: .9rem;
  margin-bottom: 1.5rem;
}

.modal .modal-dialog .modal-content .btn_close {
  display: block;
  margin: 0 auto;
  color: white;
  border-color: white;
  background-color: black;
}

.modal .modal-dialog .modal-content .btn_close:hover {
  opacity: .75;
}
.modal{
	z-index:9999999 !important;
}
.modal .modal-content{
	z-index:99999999 !important;
}

.btn-primary{
	background:#444;
	border:1px solid #444;
}
#control{
	z-index: 999999;
	position: fixed;
	bottom:0px;
	background:#222;
	left:0px;
	right:0px;
}
#control .row ,
#control .col-4{
	padding:0px;margin:0px;
}
body{
	background:#000 !important;
}



video{
	position: fixed;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
}
#helpPanel
{
	z-index: 9999999;
	position: fixed;
	bottom:30px;
	background:#222222EE !important;
	color:#FFF;
	padding:1.5rem;
	left: 30px;
	right: 30px;
	top: 80px;
}

.more_panel h3,
helpPanel h3,
#formPanel h3{
	font-size:1.2rem;
}
.modal-body h3{
	font-size:1.3rem;
	font-weight: bold;
	text-align:center;
}

.more_panel{
	z-index: 9999999;
	position: fixed;
	bottom:0px;
	background:#000000CC !important;
	color:#FFF;
	left:0px;
	right:0px;
	top:0px;
	overflow: scroll !important;
}
.blackLayer{
	z-index: 9999999;
	position: fixed;
	bottom:10px;
	background:#000000EE !important;
	color:#FFF;
	padding:1.5rem;
	left: 10px;
	right: 10px;
	top: 10px;
	overflow: scroll !important;
}
#formPanel{
	z-index: 9999999;
	position: fixed;
	bottom:10px;
	background:#000000EE !important;
	color:#FFF;
	padding:1.5rem;
	left: 10px;
	right: 10px;
	top: 10px;
	overflow: scroll !important;
}
.ff-form{
	background:none !important;
	color:#FFF !important;
}
.ff-form p,
.ff-form label{
	color:#FFF !important;
}


#startPanel{
	z-index: 9999999;
	position: fixed;
	bottom:0px;
	background:#222;
	left:0px;
	right:0px;
	top:0px;
}
#openingPanel{
	z-index: 999999999;
	position: fixed;
	bottom:0px;
	background:#000;
	left:0px;
	right:0px;
	top:0px;
}
.outer{
  display: table;
  width: 100%;
  height:100%;
}
.inner{
  display: table-cell;
  vertical-align: middle;
  text-align:center;
}
.inner img{
	width:40%;
	margin:0 auto;
}


#btn_start{
	position:fixed;
	left:0px;
	top:0px;
	background:none;
	padding:0px;
	border:none;
}
#btn_start img{
	width:80px;	
	height:auto;
}


#attensionText{
	color:#FFF;
	font-weight:bold;
	position:fixed;
	bottom:10%;
	left:0px;
	right:0px;
	margin:0 10%;
	text-align:center;
	background:rgba(0,0,0,0.3);
	padding:1rem;
}

#btn_help{
	position:fixed;
	right:10px;
	top:10px;
	border:none;
	font-size:0.8rem;
}
#btn_form{
	position:fixed;
	right:80px;
	top:10px;
	border:none;
	font-size:0.8rem;
}
#startPanel p{
	color:#FFF;
	padding:0 2rem ;
	line-heigt:1.7rem;
	text-align:left;
}
#startPanel h1{
	color:#FFF;
	padding:1.5rem 2rem;
	margin-top:90px;
	font-size:1.2rem;
	font-weight:bold;
	text-align:center;
}


#startPanel{
	background:url("../assets/images/bg_start.png") no-repeat !important;
	background-size:contain !important;
	background-position:center;
	background-color:#000 !important;
}

#noticePanel{
	z-index: 999999999;
	position: fixed;
	bottom:0px;
	background:#000;
	left:0px;
	right:0px;
	top:0px;
}

	.ff-button-bar{
		text-align:center !important;
	}

	.ff-powered-img{
		position:fixed;
		left:-100px;
	}
.search_form .inline-box span{
    padding-left:10px;
    padding-right:10px;
}
.search_form .inline-box{
    display:inline-block !important;
    color:#FFF;
    margin-right:1rem;
    margin-bottom:1rem;
}

#helpPanel .m_header{
	margin-top:-25px;
	margin-bottom:-30px;
	padding:0px;
}
#helpPanel{
	overflow:scroll;
}




.ff-section label,
.ff-section p{
	color:#333 !important;
}

.ff-button-bar .ff-powered-img{
	position:absolute;
	left:-1000px;
}