* {
	outline:none !important;
}

img {
	max-width:100%;
}

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

.auth__body {
	background-color:#f5f5fa;
	padding:20px 0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	min-height:100%;
	width:100%;
}

.auth {
	margin:30px 0;
}

.auth__logo {
	text-align:center;
	margin:0 0 30px 0;
	display:none;
}

.auth__logo img {
	max-width:200px;
}

.auth__wrap {
	max-width:450px;
	margin:30px auto;
	border-radius:20px;
	padding:30px 50px 40px;
	background-color:#ffffff;
	box-shadow:0px 10px 50px rgba(100, 100, 100, 0.25);
}

.auth__title {
	text-align:center;
	font-weight:700;
	font-size:27px;
	text-transform:uppercase;
	margin:0 0 30px 0;
}

.form__input {
	display:block;
	background-color:#ffffff;
	border:1px solid #dddddd;
	width:100%;
	outline:none;
}

.auth__form-item {
	margin:20px 0 0 0;
}

.auth__form-footer .btn {
	width:100%;
}

.header {
	padding:10px 0;
	box-shadow:0px 5px 5px rgba(100, 100, 100, 0.1);
}

.header__wrap {
	display:flex;
	justify-content:space-between;
	gap:15px;
	align-items:center;
}

.header__logo {
	flex:none;
	width:200px;
}

.header__menu {
	
}

.header__menu ul {
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.header__menu ul a {
	padding:5px 20px;
}

.page {
	padding:30px 0;
}