body:not(.webapp) .page-header {margin-bottom:  0 !important}

.auth-forms {
	width:700px !important; 
	max-width: 100% !important
}

.toggle-tooltip {
	cursor: pointer;
	color: #3c5d81;
}
.tooltip-elem {
	position: absolute;
	z-index: 99;
	margin: 0 15%;
	width: 70%;
	text-align: left;
	background-color: #eee;
	color: #000;
	padding: 10px 20px;
	min-width: 300px;
	border: 1px solid #ccc;
	top: 35px;
	left: 40px;
}
.toggle-password {
	display: inline-block;
	color: #cccccc !important;
}

.togle-password.active {
	color: #000000 !important;;
}

.toggle-password:after {
	content: 'visibility';
}

.toggle-password.visible:after {
	content: 'visibility_off';
}
@media screen and (max-width: 1024px){
	body.login .rightnav .inner>div {
		margin: 4% !important;
	}

@media screen and (max-width: 1024px){

	h2.mfa-header {
		font-size: 22px !important
	}
	body.login .system {
		margin-top: 20px !important;		
	}
	body.password .auth-forms {
		margin-top: 20px !important;
	}
	body.password .breadcrumbs {
		display: none;
	}

	@media screen and (min-width: 560px) {
		.auth-forms .cell.p33 {
			width: 40% !important;
		}
		.auth-forms .cell.p66 {
			width: 60% !important;
		}
	}
	@media screen and (min-width: 700px) {
		.auth-forms .cell.p33 {
			width: 33% !important;
		}
		.auth-forms .cell.p66 {
			width: 66% !important;
		}
	}
}