/* Styles used on backend login */

/* ---- System styles overwrite ------------------------------------------------------------------------------------------------ */
/*/
#mwNavigation .navContainer {
	opacity			: 0;
}

#mwNavigation.visible .navContainer {
	opacity			: 1;
}
/**/
#mwNavigation .navContainer .topNav {
	margin-top		: 1px;	
}

#mwNavigation .topNav.System .topNavItem {
	display			: table-cell;
	vertical-align		: middle;	
}

#mwNavigation {
	-webkit-transition	: top 0.4s ease-in-out;
	-moz-transition		: top 0.4s ease-in-out;
	-o-transition		: top 0.4s ease-in-out;
	-ms-transition		: top 0.4s ease-in-out;
	transition		: top 0.4s ease-in-out;
}

#HintBarContainer {
	-webkit-transition	: bottom 0.4s ease-in-out;
	-moz-transition		: bottom 0.4s ease-in-out;
	-o-transition		: bottom 0.4s ease-in-out;
	-ms-transition		: bottom 0.4s ease-in-out;
	transition		: bottom 0.4s ease-in-out;
}

#mwNavigation .navContainer {
	-webkit-transition	: all 0.4s ease-in-out;
	-moz-transition		: all 0.4s ease-in-out;
	-o-transition		: all 0.4s ease-in-out;
	-ms-transition		: all 0.4s ease-in-out;
	transition		: all 0.4s ease-in-out;
}

/* ---- Inputs ------------------------------------------------------------------------------------------------ */

#mwNavigation .formSteps .step {

	opacity			: 1;
	height			: 46px;  

	overflow		: hidden;

	transition		: opacity 0.4s ease-in-out, height 0.4s ease-in-out;
}

#mwNavigation .formSteps .step:not(.current) {
/*	opacity			: 0; */
	height			: 0px; 
}

#mwNavigation .formSteps .topNavItem {
	
	text-align		: left;
	background		: none;	

}

#mwNavigation .Submit {
	text-align		: left;
	width			: 170px;
	background		: url('/cms2t/res/images/navbars/divider.png') no-repeat left center transparent;	
}

#mwNavigation .loginInputs {
	
	display			: table-cell;

	vertical-align		: middle;

	white-space		: nowrap;
	
	padding			: 0px 10px;
	
}

#mwNavigation .loginInputs INPUT:not(.digit)[type='text'], 
#mwNavigation .loginInputs INPUT[type='password'],
#mwNavigation .loginInputs .mwInput
{
	display			: inline-block;
	padding			: 0px 10px;

	height			: 20px;
	line-height		: 20px;
	
	margin			: 12px 0px;
	
	background		: white;

	border			: 1px solid #828282;

	border-radius		: 9px; 


}


#mwNavigation .formSteps .step.code .topNavItem>label {
	
	font-weight		: normal;
	font-size		: 150%;
}

#mwNavigation .mwInput.code .digit {
	
	display			: inline-block;
	position		: relative;
	
	width			: 25px;
	height			: 20px;
	line-height		: 20px;
	
	padding			: 0px;
	border			: none;
	
	font-size		: 150%;
	
	text-align		: center;
}

#mwNavigation .mwInput.code label.divider {

	height			: 16px;
	line-height		: 16px;

	color			: black;
	
	text-shadow		: none;
	font-weight		: normal;
	
	font-size		: 150%;
}

#mwNavigation .loginInputs INPUT[name=login] {
	margin-right		: 20px !important;
}

#mwNavigation .Submit input[type='button'],
#mwNavigation .Submit input[type='submit']
{

	border			: 1px solid #828282;

	border-radius		: 5px; 
	
}