@import url('https://fonts.googleapis.com/css?family=Nunito');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500');

body, html {
	height: 100%;
	background-repeat: no-repeat;   
	background:black;
	position: relative;
}
#login-box {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 350px;
    margin: 0 auto;
    background: rgba(58, 56, 56, 0.78);
    min-height: 250px;
    padding: 20px;
    z-index: 9999;
    border-radius: 2px;
}
#login-box .logo .logo-caption {
    font-family: 'Raleway';
    color: white;
    text-align: center;
    margin-bottom: 0px;
    font-weight: 300;
}
#login-box .logo .tweak {
	color: #ff5252;
}
#login-box .controls {
	padding-top: 30px;
}
#login-box .controls input {
    border-radius: 0px;
    background: #626060;
    border: 0px;
    color: #FFF;
    height: 40px;
    font-family: 'Nunito', sans-serif;
}
#login-box .controls input:focus {
	box-shadow: none;
}
#login-box .controls input:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}
#login-box .controls input:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}
#login-box button.btn-custom {
    border-radius: 2px;
    margin-top: 8px;
    background: #b20000;
    color: white;
    font-family: 'Nunito', sans-serif;
    height: 40px;
    border: 0px none;
    border-radius: 2px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
}

#particles-js{
  	width: 100%;
  	height: 100%;
  	background-size: cover;
  	background-position: 50% 50%;
  	position: fixed;
  	top: 0px;
  	z-index:1;
}

.logo-login {
  max-width: 150px;
}

.top {
  margin-top: 100px;
  margin-bottom: 50px; 
}

.top p {
    color: rgba(255, 255, 255, 0.65);
    text-align: center;
    margin-top: 12px;
    font-family: 'Nunito';
}

.user {
  border-bottom-left-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

@media (max-width: 768px){
  .top {
    margin-top: 60px;
  }
}