html, body{
    height:100%;
    margin:0;
    padding:0;
	background-color:#dddddd;
}
/* START LOGIN MARKUP */
.logo{
	width:70px;
	height:auto;
	position:relative;
}
.login-icon{
	max-width:75%;
	height:auto;
}
.login-box{
	width:100%;
	height:700px;
	position:relative;
	margin-top:10px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.login-panel{
	width:70%;
	height:auto;
}
.login-panel-heading{
	height:auto;
	padding:5px;
}
.login-form{
	width:70%;
	height:auto;
	display:block;
	margin:auto;
	margin-bottom:20px;
}
.form-group {
    margin-bottom: 1rem;
	position:relative;
}
.error{
	padding:3px;
	font-style:italic;
	color:red;
}
/* END LOGIN MARKUP */


/* START SIGNUP MARKUP */
	.container {
	    height: 100%;
		height:100%;
	    padding: 0;
	    margin: 0;
	    display:flex;
	    align-items: center;
	    justify-content: center;
	}
	.signup-box{
		width:100%;
		height:auto;
		position:relative;
		margin-top:10px;
	}
	.signup-left{
		width:100%;
		min-height:700px;
		height:auto;
	    display:flex;
	    align-items: center;
	    justify-content: center;
		color:white;
	}
	.signup-right{
		width:100%;
		min-height:700px;
		height:auto;
		background-color:white;
		padding-top:20px;
	}
	.signup-signin-box{
		position:absolute;
	    bottom:0px;
		margin-bottom:20px;
		color:white;
	}
	.no-gutters>.col, .no-gutters>[class*=col-] {
	    padding-right: 0;
	    padding-left: 0;
	}
	.signup-form{
		width:80%;
		height:auto;
		display:block;
		margin:auto;
	}
	.form-group {
	    margin-bottom: 1rem;
	}	
	.signup-btn{
		margin-top:20px;
	}
	.form-tos{
		font-size:11px;
		margin-top:10px;
	}
	.g-recaptcha div{
		width:100%;
		position:relative;
	}
/* END SIGNUP MARKUP */
	
	/* START REQUEST DEMO MARKUP */
	.demo-box{
		width:100%;
		height:auto;
		position:relative;
		margin-top:10px;
	}

	.demo-left{
		width:100%;
		min-height:700px;
		height:auto;
	    display:flex;
	    align-items: center;
	    justify-content: center;
		padding:20px;
	}

	.demo-right{
		width:100%;
		min-height:700px;
		height:auto;
		background-color:white;
		padding-top:50px;
	}

	.demo-signin-box{
		position:absolute;
	    bottom:0px;
		margin-bottom:20px;
		color:white;
	}

	.no-gutters>.col, .no-gutters>[class*=col-] {
	    padding-right: 0;
	    padding-left: 0;
	}

	.demo-form{
		width:80%;
		height:auto;
		display:block;
		margin:auto;
	}
	
	.error{
		padding:10px;
		font-style:italic;
		color:red;
	}
	
	.success{
		padding:10px;
		font-style:italic;
		color:green;
	}
	
	textarea{
		resize:none;
	}

	@media screen and (max-width: 767px) {
	  .row.content {height:auto;} 
	}
	/* END REQUEST DEMO MARKUP */

	/* START RESET LINK MARKUP */
	.resetlink-box{
		width:100%;
		height:700px;
		position:relative;
		margin-top:10px;
	    display:flex;
	    align-items: center;
	    justify-content: center;
	}
	
	.resetlink-panel{
		width:65%;
		min-height:80px;
		height:auto;
	}
	
	.resetlink-panel-header{
		height:auto;
		padding:5px;
	}
	
	.resetlink-form{
		width:80%;
		min-height:100px;
		height:auto;
		display:block;
		margin:auto;
		padding:10px 0px 10px 0px;
	}
	/* END RESET LINK MARKUP */
	
	/* START RESET MARKUP */
	.reset-box{
		width:100%;
		height:700px;
		position:relative;
		margin-top:10px;
	    display:flex;
	    align-items: center;
	    justify-content: center;
	}
	
	.reset-panel{
		width:65%;
		min-height:80px;
		height:auto;
	}
	
	.reset-panel-header{
		height:auto;
		padding:5px;
	}
	
	.reset-form{
		width:80%;
		height:auto;
		display:block;
		margin:auto;
		padding:10px 0px 10px 0px;
	}
	/* END RESET MARKUP */
	
	/* START  OPTOUT MARKUP */
	.optout-panel{
		margin-top:50px;
	}
	.optout-status-message{
		font-style:italic;
		color:red;
		font-size:11px;
	}
	/* END OPTOUT MARKUP */
	@media screen and (max-width: 767px) {
	  .row.content {height:auto;} 
	}