html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, 
li, fieldset, form, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, section, summary, time, mark, audio, 
video {margin: 0; padding: 0; font-size: 100%;border: 0; outline: 0;}
main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

::-webkit-input-placeholder {color: #777;}
     :-ms-input-placeholder {color: #777;}
         ::-moz-placeholder {color: #777; opacity: 1;}
          :-moz-placeholder {color: #777; opacity: 1;}

* {box-sizing: border-box;}         

.hide {display: none;}
.alert {-ms-grid-row: 5; grid-row: 5; -ms-grid-column: 1; grid-column: 1; padding-top: 10px; color: red; font: bold 12px Arial, sans-serif;}
.user-disabled {-ms-grid-row: 1; grid-row: 1; position: absolute; bottom: 101%; top: auto;}

html, body {min-width: 320px; min-height: 850px;}
body {font-family: "Open Sans", sans-serif; background-color: #e6e6e6;}

.container {max-width: 1280px; min-height: 800px; margin: 0 auto; display: -ms-grid; display: grid; grid-template-columns: 59% 41%; -ms-grid-columns: 59% 41%; -ms-grid-rows: 100%; box-shadow: 1px 3px 3px #999;}

main {position: relative; width: 100%; height: 100%; min-height: 800px; -ms-grid-column: 1;  background: #fff}
.logo {display: block; width: auto; margin: 0 auto; padding: 170px 0 85px;}
.manager-login {position: relative; width: 58%; max-width: 430px; margin: 0 auto; padding-bottom: 80px; background: url('https://hirevue-landing.s3.amazonaws.com/templates/hello/bottom-line.png') no-repeat center bottom;}
.login-form {width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 100%; grid-template-columns: 100%; -ms-grid-rows: auto auto auto auto auto; grid-template-rows: auto auto auto auto auto;}
.manager-login-label {-ms-grid-row: 1; grid-row: 1; -ms-grid-column: 1; grid-column: 1; padding-bottom: 8px; font-size: 20px; font-weight: 600;}
.input-text {-ms-grid-row: 2; grid-row: 2; -ms-grid-column: 1; grid-column: 1; width: 75%; max-width: 320px; height: 33px; padding-left: 10px; border-left: 10px solid #000; 
	border-bottom: 3px solid #000; margin-top: 25px; font-size: 18px; font-style: italic; -ms-grid-column-align: start; justify-self: start; color: #777;}
.password {-ms-grid-row: 3; grid-row: 3; -ms-grid-row-align: end; align-self: end;}
.button {-ms-grid-row: 3; grid-row: 3; -ms-grid-column: 1; grid-column: 1; -ms-grid-row-align: end; align-self: end; -ms-grid-column-align: end; justify-self: end; height: 28px; font-size: 26px; 
	font-weight: 700; color: #0075B0; cursor: pointer;}
.fa.fa-angle-right {font-weight: bold !important;}
.keep-block	{-ms-grid-row: 4; grid-row: 4; -ms-grid-column: 1; grid-column: 1; display: -ms-flexbox; display: grid; -ms-grid-columns: auto auto; grid-template-columns: auto auto; padding-top: 16px; 
	font-size: 12px; -ms-grid-column-align: start; justify-self: start;}
.keep-signed-in {-ms-grid-column: 1; grid-column: 1; -ms-grid-row-align: center; align-self: center;}
.keep-block label {-ms-grid-column: 2; grid-column: 2; -ms-grid-row-align: center; align-self: center; padding-left: 5px;}
.forgot-block {-ms-grid-row: 4; grid-row: 4; -ms-grid-column: 1; grid-column: 1; padding-top: 16px; padding-right: 25%; font-size: 12px; -ms-grid-column-align: end; justify-self: end;}
.forgot {color: #0075B0;}
.forgot:hover {text-decoration: none;}
.copyright-info {position: absolute; left: 25px; bottom: 20px; font-size: 11px; font-weight: 400; color: #999999;}

aside {width: 100%; height: 100%; -ms-grid-column: 2; background: url('https://hirevue-landing.s3.amazonaws.com/aes/images/bg.jpg') no-repeat top center; 
	background-size: cover; color: #fff;}
.righ-side-content {width: 88%; height: 100%; min-height: 800px; margin: 0 auto; display: -ms-grid; display: grid; -ms-grid-rows: 100%;}
.right-bar-title {-ms-grid-row-align: start; align-self: start; padding-top: 70px; font-size: 42px; line-height: 1; color: #fff;}

@media screen and (max-width: 1280px) {
	.container {width: 100%;}
	.manager-login {width: 85%;}
}

@media screen and (max-width: 950px) {
	.container {grid-template-columns: 100%; -ms-grid-columns: 100%; -ms-grid-rows: auto auto; grid-template-rows: auto auto;}

	main {-ms-grid-row: 1; grid-row: 1; -ms-grid-column: 1; height: 100vh; min-height: 600px;}
	.logo {padding-top: 100px;}

	aside {-ms-grid-row: 2; grid-row: 2; -ms-grid-column: 1; height: auto; min-height: 800px;}
}

@media screen and (max-width: 480px) {
	main {background-size: 85%;}

	.logo {width: 300px; padding-top: 85px;}

	.input-text {width: 100%; max-width: 100%;}
	.button {-ms-grid-row: 5; grid-row: 5; -ms-grid-column-align: center; justify-self: center; height: auto; padding-top: 45px;}
	.forgot-block  {padding-right: 0;}
}

@media screen and (max-width: 320px) {
	.container {grid-template-columns: 320px; -ms-grid-columns: 320px;}
}