body { background: #000000 !important; }

.main_content { margin: 0px auto; width: 360px; }
@media (min-width: 361px) {
  .main_content { width: 400px; }
}
.video-container {
  position: relative;
  width: 100%;
  height: 100vh; /* Full viewport height */
  overflow: hidden; /* Hides any video overflow */
}

/* Style the video element to act as a background */
#bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Forces video to fill the screen while maintaining aspect ratio */
  z-index: -1; /* Pushes the video behind the text content */
}

/* Style the content layered on top */
.content {
  position: relative;
  z-index: 1; /* Ensures text stays above the video */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #ffffff;
  text-align: center;
  background: rgba(0, 0, 0, 0.4); /* Optional: Adds a dark overlay to make text more readable */
}


.text_black { color: #000000 !important; }

.logo_content { width: 360px; }
.logo_content img { width: 290px; margin-top: 0px; }
.form_content { width: 340px !important; }
.input_field {
	border: 1px solid #000000 !important;
	border-radius: 5px !important;
	margin: 5px 0px !important;
	padding: 20px 20px !important;
	text-align: center !important;
	font-size: 16px !important;
	line-height: 27px !important;
	color: #FFCC00 !important;
	width: 340px !important;
}
.input_text { background: url(../images/user.png) no-repeat left 10px center, rgba(0, 0, 0, 0.5) !important; }
.input_pass { background: url(../images/lock.png) no-repeat left 10px center, rgba(0, 0, 0, 0.5) !important; }
.submit_button { width: 340px !important; color: #000000 !important; }