body .hb-custom-header #mk-page-introduce, #mk-page-introduce, .master-holder-bg { background:transparent !important; }

body:before {
	content: '';
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(135deg, #2d3393, #22bcdc);
    background-size: cover;
    z-index: -1;
}

.grid-lines {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    --grid-line-color: #fff;
}
.grid-lines>div {
    position: relative;
    height: 100%;
}
.grid-lines>div:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    right: -1px;
    background: var(--grid-line-color);
    width: 1px;
    opacity: .15;
}

.grid-lines>div:after {
    content: "";
    position: absolute;
    top: -80px;
    right: -1px;
    background: linear-gradient(transparent, var(--grid-line-color));
    width: 1px;
    height: 80px;
}

.grid-lines .grid-line-2, .grid-lines .grid-line-3, .grid-lines .grid-line-4 { visibility:hidden; }

.grid-lines .grid-line-1:after {
    animation: bgLine 8s linear infinite;
}

.grid-lines .grid-line-2:after {
    animation: bgLine 9s linear infinite;
    animation-delay: 3s;
}

.grid-lines .grid-line-3:after {
    animation: bgLine 7s linear infinite;
    animation-delay: 4s;
}

.grid-lines .grid-line-4:after {
    animation: bgLine 10s linear infinite;
    animation-delay: 2s;
}

.grid-lines .grid-line-5:after {
    animation: bgLine 8.5s linear infinite;
    animation-delay: 2s;
}

@keyframes bgLine {
0% {
    top: -80px;
}

100% {
    top: 100%;
}
}
	
:root {
	--pink: #ff4d72;
}
	
html#no-margin, html#no-margin body {margin:0px !important; padding:0px !important;}
		.custom-login-container {width:100vw; height:100vh; overflow:hidden; }
		.login-container { display:flex; height:100%; justify-content: stretch; }
		.login-container>div {width:50%; padding-right: 2.5rem !important;
    padding-left: 2.5rem !important; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-content:center; }
	.login-container>div.login-form-container {align-content:flex-start; position: relative;}
	.login-logo {margin-bottom:22.75px;}
	.login-logo img.light-logo {display:none;}
	.login-logo img {max-width:130px;}
	.login-teaser-container h1 { color:#fff; font-size:23.4px; }
	#login>h1 {display:none;}
		
	.inside-form-container { background:#fff; padding:65px 97px; border-radius:15px; width:480px; box-sizing:border-box; }
	.inside-form-container h1 { text-align:center; font-size:22.75px; color:#071437; font-weight:700; margin-bottom:10px;}
	.inside-form-container .sub-title { text-align:center; font-size:13.975px; font-weight:500; color:#99A1B7; }
	.inside-form-container-title { margin-bottom:35.75px; }
	form#sso_for_azure_ad_start_post {padding:0px; border:none;}
	form#sso_for_azure_ad_start_post button, form#custom_login_form input {float:none; width:100%; text-align:center;  background:transparent; border:solid 1px #DBDFE9; font-size:14.3px; font-weight:500; border-radius: 7px; padding:10px 19.5px; color:#4B5675;     line-height: 21.45px !important;
    text-transform: none; }
	form#sso_for_azure_ad_start_post button svg { width:15px; height:15px; margin-right:10px; margin-bottom:-2px; }
	form#sso_for_azure_ad_start_post button:hover {background:#F9F9F9; cursor:pointer;}
	.separator.separator-content { display: flex; align-items: center; text-align: center; }
	.separator { height: 0; border-bottom: 0; margin-top: 45.5px !important; margin-bottom: 45.5px !important; }
	.seperator-text { width: 125px !important; color: #99A1B7; font-weight: 500 !important; font-size:12.35px; margin:0px auto; } 
	.separator.separator-content::after, .separator.separator-content::before { content: " "; width: 40%; border-bottom: 1px solid #F1F1F4; }
	.separator.separator-content::before { margin-right: 1.25rem; }
	.separator.separator-content::after { margin-left: 1.25rem; }
	
	#loginform :not(.forgetmenot) label { display:none; }
	.inside-form-container #login { padding:0px; width:100%; border:none; position:relative; }
	.inside-form-container #login form { padding:0px; border:none; box-shadow:none; }
	.inside-form-container #login form input[type="text"], .inside-form-container #login form  input[type="password"] { width:100%; background:#fff; display: block; padding: 10.1px 13px; font-size: 14.3px; font-weight: 500; line-height: 21.45px; color: #4B5675;
    appearance: none;  background-clip: padding-box; border: 1px solid #DBDFE9;
	; border-radius: .475rem; box-shadow: false;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
	.inside-form-container #login form input::placeholder  { font-size:14.3px; font-weight:500 !important; color:#99A1B7; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
	
	.inside-form-container ::-webkit-input-placeholder {
	  font-size:14.3px; font-weight:500 !important; color:#99A1B7; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	}
	.inside-form-container ::-moz-placeholder {
	  font-size:14.3px; font-weight:500 !important; color:#99A1B7; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	}
	.inside-form-container :-ms-input-placeholder { 
	  font-size:14.3px; font-weight:500 !important; color:#99A1B7; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	}
	
	.inside-form-container #login form input[type="text"]:focus, .inside-form-container #login form  input[type="password"]:focus { border-color: #CACADA; box-shadow:none; } 
	.inside-form-container #login form input:-webkit-autofill {background-color: #fff !important; }
	
	.inside-form-container #login form .wp-pwd input {margin-bottom:9.75px; }
	.inside-form-container #login input#user_login {margin-bottom:26px; }
	.inside-form-container #login .submit { width:100%; clear:both; }
	.inside-form-container #login input[type="submit"] {width:100%; background:var(--pink); border:none; color:#fff; margin-top:26px; margin-bottom:32.5px; padding:10px 20px; border-radius:6px; font-size:14.3px; font-weight:500; line-height:21.45px; transition:.3s;}
	.inside-form-container #login input[type="submit"]:hover {background-color:#191B1A;}
	.inside-form-container #login p#nav { display:block; margin-bottom:9px; }
	.inside-form-container #login p#nav a { position: absolute; bottom: 105px; right: 0px; font-size:13px; font-weight:500; color:var(--pink); }
	.inside-form-container p.forgetmenot label { font-size:13px; font-weight:500; }
	.inside-form-container .language-switcher { display:none; }
	
	.inside-form-container .button.wp-hide-pw .dashicons { top:7px; }
	
	.inside-form-container .notice { padding: 19.5px 26px; font-size:13px; font-weight:400; border-radius:5.46px; border-color: transparent;  } 
	.inside-form-container .notice-error { background-color: #FFE2E5; color:#F64E60; }
	.inside-form-container .message, .inside-form-container .notice, .inside-form-container .success { background-color: #E1F0FF !important; color:#3699FF !important; }
	.inside-form-container #backtoblog {display:none !important; }
	
	.login .button.wp-hide-pw:focus { border:none !important; box-shadow:none !important }
	
	body a:focus {border:none; box-shadow:none;}
	input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus, .wp-core-ui .button-primary.focus, .wp-core-ui .button-primary:focus { box-shadow:none; }
	form#sso_for_azure_ad_start_post button svg { outline:none; }
	
	input[type=checkbox], input[type=radio] {
		width:16px;
		min-width:16px;
		height:16px;
	}
	
	.login-rights {
		margin-top:10px;
		color:#fff;
		font-size:13px;
		text-align:right;
		position: absolute;
		width:480px;
		left:2.5rem;
		bottom:37px;
	}

	@media only screen and (max-height: 800px) {
		.login-rights {
			position: static;
			width: auto;
			margin-top: 40px;
		}
	}
	
	@media only screen and (max-width: 1040px) {
		.inside-form-container {
			padding: 10% 15%;
			width: 100%;
		}
		
		.login-teaser-container h1 {
			font-size: 18.4px;
		}
		
		.login-container .login-teaser-container {
			width:40%;
		}
		
		.login-container .login-form-container {
			width:60%;
		}
	}	
	
	@media only screen and (max-width: 880px) {
		.login-container {
			flex-direction: column;
			align-content: center;
			flex-wrap: nowrap;
			justify-content: center;
			width: 100%;
			margin: 0px auto;
		}
		.login-logo {
			text-align:center;
			margin-bottom:5px;
			margin-top:20px;
		}
		
		.login-container>div {
			width: 90% !important;
			margin:0px auto;
			padding: 0px !important;
		}
		
		.inside-form-container {
			padding: 5% 10%;
			width: 100%;
		}
		
		.login-container>div.login-teaser-container {
			margin-bottom:20px;
		}

		.login-rights {
			position: static;
			width: auto;
			margin-top: 40px;
		}
	}	
	
	@media only screen and (max-width: 780px) {
		.login-container>div {
			width: 100%;
			padding: 0px !important;
		}
	}
	
	@media only screen and (max-width: 580px) {
		.inside-form-container {
			padding: 5%;
			width: 100%;
		}
		
		
	}
	
	@media only screen and (max-height: 800px) {
		
		.inside-form-container {
			padding-top:20px;
			padding-bottom:20px;
		}
		
		.inside-form-container #login input[type="submit"] {
			margin-bottom:0px;
		}
		
	    .custom-login-container {
			margin: 0px auto;
			height: auto;
			overflow: hidden;
		}
		
		.inside-form-container #login p#nav a {
			bottom:71px;
		}
		
		.login-logo {
			margin-top:0px;
		}
		
		.login-container {
			min-height:100vh;
		}
		
		.inside-form-container-title {
			margin-bottom:15px; 
		}
		
		.separator {
			margin-top: 25.5px !important;
			margin-bottom: 25.5px !important;
		}
		
		.login-logo {
			margin-top:0px;
		}
	}
	
	@media only screen and (max-height: 580px) {
		.custom-login-container {
			padding-top:5vh;
			padding-bottom:5vh;
		}
	}