@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600&display=swap');

/* Страница входа подключает только этот файл (SignAsset), без темы панели
   и без palette.css: правила палитры рассчитаны на кнопки темы (.btn-fill)
   и на форме входа покрасили бы подпись кнопки в цвет её же фона. Поэтому
   значения продублированы вручную — это те же primary и danger из
   web/css/palette.css, менять их надо парой. */
html,
body {
	height: 100%;
	background-repeat: no-repeat;
	background-image: url(../img/bg.jpg);
	background-size: cover;
	font-family: 'Rubik', sans-serif;
}
.outer {
	display: table;
	position: relative;
	height: 100%;
	width: 100%;
}
.middle {
	display: table-cell;
	vertical-align: middle;
	padding-left: 30px;
	padding-right: 30px;
}
.btn {
	font-weight: 700;
	height: 36px;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	cursor: default;
}
.inner {
	max-width: 350px;
	padding: 40px;
	margin: 0 auto;
	background-color: #fff;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}
.profile-name-card {
	font-size: 26px;
	font-weight: 700;
	text-align: center;
	margin: 10px 0 30px;
	min-height: 1em;
	color: #444;
}
.form-signin #inputEmail,
.form-signin #inputPassword {
	direction: ltr;
	height: 44px;
	font-size: 16px;
}
.form-signin button,
.form-signin input[type='email'],
.form-signin input[type='password'],
.form-signin input[type='text'] {
	width: 100%;
	display: block;
	margin-bottom: 10px;
	z-index: 1;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.form-signin .form-control:focus {
	border-color: #2e6be6;
	outline: 0;
	-webkit-box-shadow: 0 0 0 3px rgba(46, 107, 230, 0.16);
	box-shadow: 0 0 0 3px rgba(46, 107, 230, 0.16);
}
.btn.btn-signin {
	background-color: #2e6be6;
	border-color: #2e6be6;
	color: #ffffff;
	padding: 0;
	font-weight: 700;
	font-size: 14px;
	height: 36px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	-o-transition: all 218ms;
	-moz-transition: all 218ms;
	-webkit-transition: all 218ms;
	transition: all 218ms;
	cursor: pointer;
}
.btn.btn-signin:active,
.btn.btn-signin:focus,
.btn.btn-signin:hover {
	background-color: #1d56d6;
	border-color: #1d56d6;
	color: #ffffff;
}
.forgot-password {
	color: #2e6be6;
}
.forgot-password:active,
.forgot-password:focus,
.forgot-password:hover {
	color: #1d56d6;
}
.copyright {
	margin-bottom: 0;
	margin-top: 30px;
	font-size: 12px;
	color: #777;
	padding: 20px 20px 0;
	text-align: center;
	border-top: 1px solid #e2e2e2;
}
.error-summary {
	color: #b01d1d;
	background: #fef0f0;
	border-left: 3px solid #dd3131;
	padding: 10px 20px;
	margin: 0 0 15px;
	font-size: 12px;
}
.has-error .form-control {
	border-color: #dd3131;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
	color: #b01d1d;
}
.help-block {
	margin-top: 10px;
	font-size: 12px;
}