@font-face {
    font-family: "Roboto-Bold";
    src: url("../fonts/RobotoCondensed-Bold.ttf");
}
@font-face {
    font-family: "Roboto-Regular";
    src: url("../fonts/RobotoCondensed-Regular.ttf");
}

a:link, a:visited, a:active, a:hover {
	color: #000000;
	text-decoration: none;
}

body {
	margin: 0px;
	background: #eaebf0;
}

.container {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.container_login {
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 0px 20px #cccccc;
}

.login_img {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #653367 url('../images/background_login.png') no-repeat;
	background-size: cover;
	height: 650px;
	width: 650px;
	color: #ffffff;
}

.login_form {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 650px;
	width: 350px;
	background: #ffffff;
}

.login_img_title {
	font-family: "Roboto-Bold";
	font-size: 20px;
	margin-bottom: 20px;
}

.login_img_text {
	flex-basis: 100%;
	font-family: "Roboto-Regular";
	font-size: 14px;
	margin-bottom: 75px;
}

.login_form_title {
	font-family: "Roboto-Bold";
	font-size: 20px;
	margin-bottom: 20px;
	color: #4c2156;
}

.login_form_text {
	font-family: "Roboto-Regular";
	font-size: 14px;
	margin-bottom: 20px;
	color: #4c2156;
}

input.input_login, textarea.input_login {
	font-family: "Roboto-Regular";
	font-size: 14px;
	background: #f5f5f5;
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #eeeeee;
	font-size: 16px;
	color: #000000;
	width: 275px;
	margin-top: 15px;
}

textarea.input_login {
	height: 180px;
}

.button {
	font-family: "Roboto-Bold";
	display: inline-block;
	font-size: 15px;
	background: #e40187;
	padding: 8 16 8 16;
	margin-top: 20px;
	color: #ffffff;
}

.button:hover {
	background: #ff4bb5;
	cursor: hand;
	cursor: pointer;
}

.login_footer {
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
	font-family: "Roboto-Regular";
	font-size: 12px;
}

.login_footer_text {
	display: inline-block;
	width: 275px;
	text-align: left;
}

.login_footer_link {
	display: inline-block;
	margin-right: 20px;
	position: relative;
    border-bottom: solid 1px #ffffff;
    line-height: 14px;
}

.login_footer_link:hover {
	display: inline-block;
	margin-right: 20px;
	position: relative;
	background-image: linear-gradient(to right, #000000 33%, rgba(255,255,255,0) 0%);
	background-position: bottom;
	background-size: 3px 1px;
	background-repeat: repeat-x;
}

.error, .error2 {
	display: none;
	font-family: "Roboto-Regular";
	font-size: 14px;
	color: #b50b0b;
}

.materials {
	position: absolute;
	margin-top: -4px;
}

.materials_text {
	margin-left: 32px;
}

.display_none {
	display: none;
}

.qr_img {
	width: 200px;
	height: 200px;
}

.login_form_button2 {
	width: 243px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #e40187;
	padding: 8 16 8 16;
	font-family: "Roboto-Bold";
	font-size: 15px;
	color: #ffffff;
}

.login_form_button2:hover {
	background: #ff4bb5;
	cursor: hand;
	cursor: pointer;
}

.select {
	font-family: "Roboto-Regular";
	font-size: 16px;
	padding: 10px;
	padding-left: 6px;
	border-radius: 4px;
	border: 1px solid #eeeeee;
	background: #f5f5f5;
	color: #000000;
	width: 275px;
	margin-top: 15px;
}