:root {
	--brand: #1167a7;
	--brand-dark: #08548d;
	--bg-start: #eef1ff;
	--bg-end: #dfe6ff;
}
html,body {
	height: 100%;
}
body {
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, var(--bg-start) 0%, var(--bg-end) 100%);
	font-family: "Inter", sans-serif;
}
.auth-wrapper {
	width: 100%;
	max-width: 960px;
	border-radius: 1.25rem;
	overflow: hidden;
	box-shadow: 0 20px 40px rgba(0,0,0,.08);
	background: #fff;
}
.auth-brand {
	background: var(--brand);
	color: #fff;
}
.auth-brand .logo {
	max-width: 200px;
}
.auth-brand h2 {
	font-weight: 600;
}
.auth-brand .illus {
	max-width: 289px;
}
.auth-form {
	padding: 3rem 2.5rem;
}
.auth-form .form-control {
	height: 48px;
	border-radius: .6rem;
}
.btn-brand {
	background: var(--brand);
	border: none;
}
.btn-brand:hover { background: var(--brand-dark); }
.form-link { color: var(--brand); }
label.error { color: #e63946; font-size: .9rem; margin-top: .25rem; }

.top-msg {
  width: 100%;
  position: fixed;
  background-color: rgba(42,45,50,0.6);
  color: rgba(250,251,255,0.95);
  font-family: "Lato", sans-serif;
  font-size: 18px;
  top:0px;
  z-index:9999;
}
.top-msg-close {
  float: left;
  box-sizing: border-box;
  padding-top: 17px;
  padding-right: 30px;
  width: 45px;
}

.top-msg-inner a {
  text-decoration: none;
  color: RGBA(0, 0, 0, 0.6);
  font-weight: bold;
}

.top-msg-inner a:hover {
  color: RGBA(0, 0, 0, 0.5);
}

.top-msg-inner {
  float: left;
  box-sizing: border-box;
  padding: 0 10px;
  width: calc(100% - 110px);
  padding-top:10px;
}
.top-msg-ico {
  float: left;
  width: 65px;
  height: 55px;
  background-color: #fff;
  background-color: rgba(0,0,0,0.7);
  text-align: center;
  font-size: 45px;
}
.error{
	background-color:#f44336;
}
.success{
	background-color:#22b75e;
}
#top-msg-content{
	color: #fff;
}