@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

* {
	box-sizing: border-box;
}
body {
	margin:0;
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	padding-top: 40px;
    padding-bottom: 40px;
    background-color: #094D91;
}
p, input, select, textarea {
	font-size: 18px;
}


.wrapper {
	padding:0 20px;
}

.login-header {
	width:400px;
	margin:0 auto;
	text-align: center;
	padding:25px 0;
}

.login-form {
	width:400px;
	max-width:100%;
	margin:0 auto;
	background-color: #FFF;
	padding:35px;
	border-radius: 5px;
	color:#464646;
}

.login-form input[type=text],
.login-form input[type=password] {
	width:100%;
	padding:10px;
	margin-bottom:15px;
	font-size:18px;
	border:1px solid #ccc;
}

.login-form button {
	padding: 10px;
    font-size: 16px;
    text-transform: uppercase;
    border: 1px solid #1C3D9B;
    display: block;
    width:100%;
    background-color: #1F60B6;
    color: #FFF;
    margin: 15px auto 0 auto;
}


.success-message,
.error-message {
	color:#FFF;
	padding:3px 0;
	text-align: center;
	font-weight: bold;
}
.success-message {
	background-color: #17B404;
}
.success-message a {
	color:inherit;
	text-decoration: underline;
}
.error-message {
	background-color: #AD0E43;
}

.twofa-text {
  margin-top:-10px;
  font-size:14px;
  text-align:center
}

.login-header h1 {
	margin:0;
	color:#FFF;
}