@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap");
body {
	background: #f9f9f9;
	font-family: "Roboto", sans-serif;
    height:100%;

      /* The image used */
      background-image: url("../../images/bg_login.jpg");
  
      /* Full height */
      height: 100%;
      
    
      /* Center and scale the image nicely */
      background-repeat: no-repeat;
      background-size: cover;
}
#myVideo {
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
  }
.main-content {

}

.shadow {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}



.text_logo{
    text-align: center;
    margin-bottom:20px;
    font-size: 20px;
    min-width:240px;
}

.text_logo .yellow{ color:#f9f335}

.login-card {
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);

    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
    
}
.login-card .login-message {
	flex: 1;
	background: #28a745;
	color: #fff;
}
.login-card .login-body {
	flex: 2;
	padding: 48px 24px;
}
@media (min-width: 768px) {
	.login-card .login-body {
		padding: 80px 50px;
	}
}
.login-card .login-body .login-body-wrapper {
	max-width: 400px;
}

.or-divider {
	height: 40px;
	width: 40px;
}

.btn-facebook {
	background: #4267b2;
	border-color: #4267b2;
	color: #fff;
}
.btn-facebook:hover,
.btn-facebook:focus {
	color: #fff;
}

.btn-google {
	background: #db3236;
	border-color: #db3236;
	color: #fff;
}
.btn-google:hover,
.btn-google:focus {
	color: #fff;
}