/* Copyright (c) MEI Computer Technology Group Inc, 2008 */


body {
	color:#000000 !important;
	font-family:Verdana,Sans-Serif;
	font-size:12px;
	margin:0 auto;
	background:url('../images/bk-blue.jpg');
	background-color:#FFFFFF;
	background-size:cover;
}

input[type="checkbox"] {
	vertical-align: middle;
	position: relative;
	bottom: 2px;
}

:focus {
	outline: #E87722 auto 1px;
}

a {
	color:black;
	text-decoration:none !important;
}

h2 {
	color:black;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

h2 + p {
	margin-top: .5em;
}

button {
	border-radius: 0.25em;
	border: 1px solid;
	padding: 0.25em;
}

button#next {
	border-width: 2px;
}

#meiContainer {
	position: absolute;
	width: calc(1260px - 800px - 1em);
	left: calc(50vw - (1260px - 800px - 1em) / 2);
	top: 2em;
}

#meiContainer.withPortal {
	width: 1260px;
	left: calc(50vw - 630px);
}

#meiLogo, #meiLogin {
	float: left;
	clear: both;
	padding: 1em;
	background-color: white;
	width: calc(1260px - 800px - 2em - 1em);
}

#meiLogo {
	height: 90px;
	line-height: 90px;
	background: rgb(59, 145, 181);
	background-size:cover;
	text-align:center;
}

#meiLogo img {
	vertical-align:middle;
	max-width: 100%;
}

#meiLogin {	
	position: relative;
	min-height: calc(400px - 90px - 4em);
}

#meiLogin.changePassword {	
	min-height: calc(500px - 90px - 4em);
}

.meiLoginFailed {
	text-align:left;
	color: #990000;
}

.withPortal .meiLoginFailed {
	max-height: 100px;
}

#meiPortal {
	margin-left: 1em;
	border:0px;
	width: 800px;
	height:400px;
	background-color:white;
}

#loginForm #pages {
	min-height: 185px;
	position: relative;
}

div.buttons {
	position:absolute;
	bottom: 2.3em;
	width: 100%;
	text-align: center;
}

div.buttons button {
	min-width: 90px;
}

div.buttons.nextOnly #back {
	display:none;
}

div.buttons.nextOnly #next {
	width: 190px;
}

#pages div.page {
	margin: 1em 0 2em 0;
	text-align: center;
}

#pages div.page:nth-child(n+2) {
	display: none;
}

#pages div.page > div {
	margin-bottom: .5em;
}

#pages div.page > div label {width: 100px;display:inline-block;text-align: right;padding-right: .5em;}

#page .company-info {
	margin-left: .3em;
}

#page .missingRequiredValue {
	outline: 1px solid red;
}

#remember-row {
	text-align:right;
	margin-right: 3em;
}

#page-resetpw #remember-row {
	display: none;
}

#remember-row label {
	padding-right: 0!important;
	width: auto!important;
}

#pwreset {
	text-decoration: underline!important;
	display: none;
}

#page-login #pwreset {
	display: inline;
}

#pages .note {
	margin-top: 1em;
	text-align: center;
}

/* ===============================================================*/
/* ===============================================================*/
/* ===============================================================*/
/* Used by reset-password-*.html pages !                          */

.lock-icon, .info-icon {
	display: inline-block;

	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwLjAwMiwyNC4wMDFINC4wMTRjLTEuMTA0LDAtMS45OTgtMC44OTYtMS45OTgtMi4wMDFWMTEuOTk0ICBjMC0xLjEwNSwwLjg5NS0yLjAwMiwxLjk5OC0yLjAwMmgwLjk5OVY2Ljk5MWMwLTMuODY4LDMuMTMyLTcuMDA0LDYuOTk1LTcuMDA0czYuOTk1LDMuMTM2LDYuOTk1LDcuMDA0djMuMDAxaDAuOTk5ICBjMS4xMDQsMCwxLjk5OCwwLjg5NiwxLjk5OCwyLjAwMlYyMkMyMiwyMy4xMDQsMjEuMTA1LDI0LjAwMSwyMC4wMDIsMjQuMDAxeiBNMTYuMDA1LDYuOTkxYzAtMi4yMS0xLjc5LTQuMDAyLTMuOTk3LTQuMDAyICBTOC4wMTEsNC43ODEsOC4wMTEsNi45OTF2My4wMDFoNy45OTRWNi45OTF6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=');
	background-position:center center;
	background-size: contain;
	background-repeat: no-repeat;

	width: 1.25em;
	height: 1.25em;
	margin-right: .5em;
}

.info-icon {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23000000' d='M7 4.75c0-0.412 0.338-0.75 0.75-0.75h0.5c0.412 0 0.75 0.338 0.75 0.75v0.5c0 0.412-0.338 0.75-0.75 0.75h-0.5c-0.412 0-0.75-0.338-0.75-0.75v-0.5z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M10 12h-4v-1h1v-3h-1v-1h3v4h1z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M8 0c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8-3.582-8-8-8zM8 14.5c-3.59 0-6.5-2.91-6.5-6.5s2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5z'%3E%3C/path%3E%3C/svg%3E");
}

.icon-tooltip { 
	opacity: 0;
	position: absolute; 
}

.tipIcon {
	position: relative;
	cursor: pointer;
}

.tipIcon .icon-tooltip {
	top: -.25em;
	left: 2em;
	border: 0.25em solid #FFBF00;
	background-color: white;
	border-radius: .5em;
	width: 400px;
	padding: .5em;	
	transition: opacity .25s ease-in-out, visibility 0s linear .5s;
	visibility: hidden;
	opacity: 0;
}

.tipIcon:hover .icon-tooltip {
	transition: opacity .25s ease-in-out, visibility 0s linear 0s;
	opacity: 1;
	visibility :visible ;
}

#loading {
	display: none;
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor: wait;
	z-index:10000;
}

#loading img {
	position: absolute;
	left: calc(50% - 16px);
	top: calc(50% - 16px);
}

#pages input[type="text"],
#pages input[type="password"] {
	width: 175px;
}

#pages input[name="newPassword"] {
	width: calc(175px - 1.5em - 0.25em);
}

#url-privacy-policy {
	text-align: right;
	position: absolute;
	bottom: .7em;
	right: 4em;
	font-size: .9em;
	text-decoration: underline;
	font-style: italic;
}

#inAppLogin {
	position: absolute;
	bottom: 1em;
	left: 4em;
	text-decoration: underline!important;
}

#detectIE h2 {
	color: #990000;
	font-size: 1.3em;
}

#detectIE {
	font-size: 1.2em;
}