body, html
{
	height: 100%;
	width: 100%;
	font-family: 'Roboto', sans-serif;
}
#container-login
{
	
}
#container-login > .row
{

}
#particles-js{
	width:100%;height:100%;position:absolute;top:0;left:0;z-index:100;
}
#block-form-login
{
	margin-top: 150px;
	padding:30px 50px 50px 50px;
	border-radius:10px;
	border: solid #e4e4e4 1px;
	box-shadow: 1px 1px 15px #e2e2e2;
	z-index:50;
	position:relative;
}
#block-form-login h3
{
	margin: 20px 0 20px 0;
}
#block-form-login h4
{
	color: #646464;
	margin-bottom:20px;
}
#block-form-login a
{
	color:#2c89e8;
	text-decoration:none;
}
#block-form-login a:hover
{
	color:#1367be;
}
.app-info{
	color: rgb(202, 202, 202);
	margin-top: 15px;
	font-size: 12px;
}
/*///// ACTIVATE DOUBLE AUTH //////*/
#container-activate-doubleauth
{
	position: relative;
	height: 100vh;
	width:100vw;
	display: flex;
	align-items: center;
	justify-content: center;
}
#container-activate-doubleauth > div {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 50%;
	overflow: hidden;
	padding: 45px 65px;
	border-radius:10px;
	border: solid #e4e4e4 1px;
	box-shadow: 1px 1px 15px #e2e2e2;
}
#container-activate-doubleauth > div > div:nth-child(1) {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: start;
	width: 50%;
	height: 100%;
	overflow: auto;
}
#container-activate-doubleauth > div > div:nth-child(1) div:nth-child(1){
	width: 100%;
	text-align: center;
	padding: 25px 0;
}
#container-activate-doubleauth > div > div:nth-child(2) {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 50%;
	height: 100%;
	overflow: auto;
}
#container-activate-doubleauth > div > div:nth-child(2) > form {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 100%;
	overflow: auto;
}
#container-activate-doubleauth > div > div:nth-child(2) > form > div {
	margin-bottom: 50px
}
/*///// ACTIVATION SUCCESFUL //////*/
#container-activation-succesful
{
	position: relative;
	height: 100vh;
	width:100vw;
	display: flex;
	align-items: center;
	justify-content: center;
}
#container-activation-succesful > div {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	width: 25%;
	overflow: hidden;
	padding: 45px 65px;
	border-radius:10px;
	border: solid #e4e4e4 1px;
	box-shadow: 1px 1px 15px #e2e2e2;
}