/*IMPORTS*/
@import url(https://use.fontawesome.com/5c5b13fba6.css);
@import url("main-container.css");
@import url("contacts.css");
@import url("opportunities.css");
@import url("inventory.css");

/***GLOBALS***/

:root {
	--main-color: #5dade0;
	--main-color-lt: #5db95d;
	--main-color-dk: #3b4e61;
	--bg-color: #033e69;
	--google-plus: #dd4b39;
	--border-color: #dfdfdf;
}

/*html {
	text-size-adjust: 100%;
	height: 100vh;
}*/

/*body,
:root {
	min-height: 100vh;
}*/

/*#body_content {height: 100vh;}*/

body {
	color: #ffffff;
}

header {
	position: relative;
	background: url('/_wss/apps/ems/css/login-bg.jpg') 50% 40% no-repeat;
	background-size: cover;
	height: 450px;
}

.heading {
	position: absolute;
	top: 30%;
}

h1 {font-size: 45px;}

h2 {margin: 0;}


.box {
	position: absolute;
	border-left: 21px solid transparent;
	border-right: 21px solid transparent;
	border-top: 24px solid #91c36c;
	top: 99.9%;
	left: 49%;
	width: 0;
	height: 0;
}

a,
a:visited,
a:hover,
a:active  {
	opacity: .5;
	color: #ffffff;
}

p {
	color: #ffffff;
	opacity: 0.5;
}

/***CUSTOM STYLES***/

.login-page {
	background-color: var(--bg-color);
	/*height: 100%;*/
}

.login-container {
	margin-top: 75px;
	transform: translateY(0);
	opacity: 1;
	transition: all .75s;
	padding-bottom: 75px;
}

.visible {
	transform: translateY(50%);
	opacity: 1;
}

input, button {
	height: 40px;
}

input {
	font-family: FontAwesome, "Open Sans", Verdana, sans-serif;
	display: inline-block;
	min-width: 100%;
	padding: 3px 1em;
	margin-bottom: 1em;
}

input::placeholder {
	color: #ccc;
}

input:focus {
	outline-color: var(--main-color);
}

.login {
	background-color: var(--main-color);
	color: #ffffff;
	margin: 20px 0;
}

.google {
	position: relative;
	text-align: left;
	background-color: var(--google-plus);
	color: #ffffff;
	margin: 20px 0;
	border: none;
	border-radius: 0;
}

.fa-google-plus {
	padding-right: 100px;
}

.btn.login {
	border-radius: 0;
}

.btn,
.btn:visited,
.btn:hover,
.btn:focus {
	color: #ffffff;
}

/***END LOGIN STYLES***/

/***FORGOT PASSWORD***/

.forgot-pw {
	margin-top: 110px;
}

.forgot-pw button {
	margin-top: 10px;
}

.forgot-pw p {
	margin-bottom: 20px;
}