@media (min-width: 800px) {
	
	body.gin-login {
        margin: 0; padding: 0; 
		background: #dae0e5;
        height:100vh;
	}
	body.gin-login .page-wrapper {
		display: flex; justify-content: center; align-items: center;
		width: 100%; height: 100%;
	}
		
	body.gin-login .user-form-page {
		flex: 0 0 auto;
        max-width: 700px;
        margin: 5% auto;
        min-height: auto !important;
        padding: 1px;
        border-radius: 12px;
        box-shadow: 0 0 15px #919297;
    }
	
	body.gin-login .user-form-page h1.page-title {
        font-size: 1.7rem;
		margin:0;
    }
	
	body.gin-login .user-form-page__wallpaper {
		border-radius: 0 12px 12px 0px;
		overflow: hidden;
		background-color: #36587c;
	}


@media (max-height:700px){
  body.gin-login {
	height:auto !important;
  }
}



}


body.gin-login input.form-element {
	/* border-color: #8A9A46; */
}

body.gin-login input.form-element:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset 
}


body.gin-login .form-element:focus {
	box-shadow: 0 0 0 1000px #fff inset, 0 0 0 2px var(--color-white), 0 0 0 5px #36587c !important;
}


body.gin-login input.button--primary {
	background: #36587c;
}

body.gin-login a.toolbar-logo:focus {
	box-shadow: none;
}

body.gin-login a {
	color: #7191b3;
}

body.gin-login a:hover {
	color: #36587c;
	text-decoration: unset;
}

body.gin-login a:focus {
	box-shadow: unset;
}

body.gin-login input,
body.gin-login a {
	border-radius: 12px;
}

body.gin-login .button:focus {
	box-shadow: 0 0 0 2px var(--color-white), 0 0 0 5px #36587c !important;
}