@page {
	size: A4;


	margin: 5%;



}

*{
	box-sizing: border-box;
}

body{
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	color: #0d0d0d;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-weight: 400;
	padding: 0 10px;margin: 0;
}

img{
	max-width: 100%;
	max-height: 100%;
}
input, button{
	font-family: inherit;
	display: block;
}

.row{
	display: flex;
}



.fas{
	display: inline-block;
}
.animation_spin{
	animation: animation_spin 2s infinite linear;
}
@keyframes animation_spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}






.header{
	background-color: white;
	align-items: center;
	max-width: 1000px;
	margin: 0 auto;

	border-bottom: 2px solid black;
	padding-bottom: 2px;
	padding: 5px 0px;
	height: 47px;
	justify-content: center;
	
}




.header .logo{
	width: 99px;

}

.header .logo img{
	height: 35px;
}

.header .element{
	margin-left: 15px;
	border-left: 2px solid black;
	padding-left: 15px;
	height: 35px;
	padding-right: 2px
}


.header .title{
	
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;

	height: 35px;
	line-height: 35px;
	
}



.body{
	max-width: 1000px;
	margin: 0 auto;
	padding-top: 15px;

}

.page-auth{
	width: 300px;
	height: 230px;
	position: absolute;
	top: calc(50% - 115px);
	left: calc(50% - 150px);
	padding: 10px 15px 15px 15px;
	box-shadow: 0px 0 20px rgba(0,0,0,.1);
	border-radius: 5px;
	border: 1px solid #cccccc;
}
}

.form-auth{

}

.form-row{
	padding: 5px 0;
}
.form-auth input{
	height: 35px;
	padding: 0 10px;
	border: 1px solid #ccc;
	line-height: 23px;
	color: black;
	display: block;
	width: 100%;
}

.form-button{
	width: 120px;
	height: 35px;
	margin: 5px auto 0 auto;
	background-color: #f2f2f2;
	border: 0;
	cursor: pointer;
	border-radius: 5px;
	font-weight: bold;
	font-family: inherit;
	text-transform: uppercase;
}