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

@font-face {
	font-family: 'Montserrat', sans-serif;
}

body {
	background: #FFFFFF url("../images/bg.jpg") no-repeat center center;
	background-size: cover;
	font-family: Montserrat,Arial,Helvetica,sans-serif;
	height: 100%;
	margin: 0;
}

.buttonRow {
	margin-top: 5px;
}

.cat_textbox {
	width: 70%;
}

#container {
	color: #333333;
	text-align: left;
	width: 45%;
	position: absolute;
	top:  25%;
	left: 55%;
}

#error_message, #reset_message {
	color: red;
	padding-top: 10px;
	font-size: 12px;
	font-weight: 700;
}

#footer_section {
	color: #2F3E49;
	font-size: 16px;
	font-weight: 400;
	position: fixed;
	bottom: 0;
	margin-bottom: 15px;
}

html {
	height: 100%;
	width: 100%;
}

#support_section {
	font-size: 20px;
	font-weight: 700;
	margin-top: 100px;
	padding: 10px;
	display: block;
}

#support_link {
	color: #0088B3;
	font-size: 18px;
	font-weight: 500;
}

#header {
	height: 25%;
}

input:focus {
	outline: none;
	border-color: #0088B3;
	box-shadow: 0 0 10px #0088B3;
}

#login_button, #reset_button {
	background-color: #0088B3;
	border: none;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 400;
	outline: 0;
	padding: 10px 20px;
	text-align: center;
	position: relative;
	width: 40%;
	float: left;
	margin-right: 80px;
}

#login_content,
#reset_content {
	position: relative;
	width: 50%;
}

h1 {
	font-size: 20px;
	font-weight: 700;
	top: 50%;
	position: relative;
}

.link {
	color: #0088B3;
	text-decoration: none;
	font-weight: 400;
}

#login_user, #login_password,
#reset_user, #reset_email {
	margin-bottom: 10px;
	border: 1px solid #979797;
	font-size: 16px;
	height: auto;
	padding: 15px;
	width: 84%;
}

#login_user::-webkit-input-placeholder, #login_password::-webkit-input-placeholder,
#username::-webkit-input-placeholder, #reset_email::-webkit-input-placeholder {
	color: #999999;
	font-family: Montserrat,Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: 400;
}

#login_user:-ms-input-placeholder, #login_password:-ms-input-placeholder,
#username:-ms-input-placeholder, #reset_email:-ms-input-placeholder
{
	color: #999999;
	font-family: Montserrat,Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: 400;
}

#login_user:-moz-placeholder, #login_password:-moz-placeholder,
#username:-moz-placeholder, #reset_email:-moz-placeholder {
	color: #999999;
	font-family: Montserrat,Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: 400;
}

#login_user::-moz-placeholder, #login_password::-moz-placeholder,
#username::-moz-placeholder, #reset_email::-moz-placeholder {
	color: #999999;
	font-family: Montserrat,Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: 400;
}

.main-logo {
	width: 30%;
	margin-bottom: 50px;
}

#reset_link,
#login_link {
	font-size: 12px;
}

#login_link {
	padding: 15px
}