body						{ margin:0; padding:0; position:relative; background:var(--unity-dark); height:100vh; overflow:hidden; }
body 						{ background:#1b5842; /*#E0E3E8;*/ }
.box 						{ align-content: center; background:#1b5842; color:#fff; display: grid; font-family: Helvetica; height: 100vh; min-width: 344px; padding:20px; position:fixed; width:calc(50vw - 40px); z-index:9; }
.box h1						{ font-size:15px; margin:23px 0; text-align:center; }
.box input					{ border-radius:7px; border:1px solid lightgray; color:#333; display:block; margin:20px auto; padding:15px; width:330px; padding-left:45px; font-size:14px; box-shadow:0 3px 17px -15px rgba(0, 0, 0, 0.31); }
.box input:focus,.box input:active,.box button:focus,.box button:active			{ outline:none; }
.box .button 				{ text-decoration:none; padding-bottom:0px; padding-left:49px; padding-right:31px; padding-top:0px; height:50px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; cursor:pointer; margin:5px; border-radius:7px; font-size:18px; background: #96bf35; color:#111; font-weight:300; border:0; box-shadow:0 11px 8px -12px rgba(122, 255, 3, 0.59); width:auto; }
.box .button:hover,
.box .button:active			{ background:rgba(122, 255, 3, 0.6); }
.box .button.disabled		{ background:#AAA; }
.box p						{ font-size:18px; text-align:center; }
.box p a					{ color:lightgrey; cursor:pointer; text-decoration:none; }
.loginwarn					{ align-items:center; background-color:#eb5757; border-radius:5px; border:0; box-shadow:0 4px 9px rgba(0, 0, 0, 0.12); bottom:13px; padding:0.5rem 1.428571428571429rem; color:#fff; display:block; font:14px/18px Roboto,arial; font-size:1rem; min-height:50px; justify-content:space-between; margin:0; position:absolute; right:20px; width:40rem; z-index:1000; }
svg							{ z-index:5; }



img.logo					{ margin-right:9px; max-width:100px; }
.habitat-logo				{ left:15px; padding-bottom: 60px; padding-top:80px; position: relative; z-index: 10; }
.habitat-logo img			{ max-width:500px; }
.brand-logo img				{ max-width:150px; }
.habitat-logo				{ margin-left:80px; }
.welcome					{ color:var(--unity-green); font-size:3em; font-weight:600; letter-spacing:-1px; margin:0; text-align:center; }
.brand-logo					{ bottom:50px; left:80px; position:absolute; }


video 						{ position:fixed; right:0; top:0; bottom:0; z-index:1; height:607px; width:100vw; height:100vh; overflow:hidden; background:#010B35; object-fit:cover; }
video::-webkit-media-controls,
video::-moz-media-controls,
video::-o-media-controls,
video::-ms-media-controls 	{ display:none !important; }

.reset-password 			{ float:right; padding:14px; color:rgb(200, 200, 200); text-decoration:none; font-size:14px; position: relative; }

#feature					{ height:100vh; position:fixed; right:0; top:0; width:50vw; z-index:-1; }
/*#feature					{ bottom:-1200px; height:2400px; position:absolute; right:-1200px; width:2400px; z-index:-1; }*/
h1,h2,h3					{ font-family:'Roboto','Poppins','arial'; }


@media screen and (max-width: 1440px),screen and (max-height: 900px) {
	.habitat-logo				{ padding-top:20px; }
	.habitat-logo img			{ max-width:500px; }
/*	#feature { bottom:-900px; height:1800px; right:-900px; width:1800px; }*/
}

@media screen and (max-width: 1280px),screen and (max-height: 720px) {
	.habitat-logo				{ padding-top:60px; }
	.habitat-logo img			{ max-width:300px; }
/*	#feature { bottom:-600px; height:1200px; right:-600px; width:1200px; }*/
}

#login						{ display:none; text-align:center; }
.logintext 					{ color:#fff; font-family:'Roboto','Poppins','arial'; font-size: 18px; text-align:left; }
#ssologinbox 				{ margin:auto; text-align:center; width:70%; }
#userloginbox 				{ margin:auto; text-align:center; width:70%; }
#signinarrow				{ transition:all 0.4s linear; }
#signinarrow.open			{ transform:rotate(180deg); }
.reset-password				{ margin-right: 50px; }
#loginsubmit				{ margin-inline: auto; }