*{
	position:relative;
	margin:0;
	padding:0;
}
html,body
{
	width:100%;
	height:100%;
	overflow:hidden;
	font-family:helvetica;
	background:#F4F4F4;
}
@font-face {
  font-family: 'roboto';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/Roboto-Regular.woff) format('woff');
}
@font-face {
  font-family: 'robotoBold';
  font-style: bold;
  src: url(fonts/Roboto-Bold.woff) format('woff');
}
/******************* Login Starts ***********************/

.loginBgDiv,.errorBgDiv,.mobLoginBgDiv
{
	position:absolute;
	top:0%;
	width:100%;
	height:100%;
	background:white;
}
.errorBgDiv:before
{
	background-size:100% 100%;
    background-repeat: no-repeat;
}

/* .loginBgDiv:before,.mobLoginBgDiv:before */
/* { */
	/* content: ''; */
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* height: 100%; */
    /* width: 100%; */
    /* background: url(images/login_bg.jpg); */
    /* background-repeat: no-repeat; */
	/* background-size:100% 100%; */
/* } */
/* .mobLoginBgDiv:before */
/* {  */
	/* background: url(images/login_bg.jpg); */
    /* background-repeat: no-repeat; */
	/* background-size:100% 100%; */
/* } */

.loginPane
{
	display:inline-block;
	vertical-align:top;
	float:left;
	width:49.98em;
	height:39.66em;
}
.loginPane:last-child{
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
	/* width:26.65em; */
	width:32%;
	float:right;
}

.loginPaneImgs
{
	margin-top:3em;
}

.loginMainWrapper
{
	/* margin-left:0em; */
	/* margin-top:1.33em; */
	/* width:26.65em; */
	/* padding-top:0.80em; */
	/* height:12.8em; */
	/* border-top-left-radius:7.32em; */
	/* border-bottom-left-radius:7.32em; */
	/* background:#d8e5fa; */
	
	margin-left: 0em;
    margin-top: 0.5em;
    width: 28em;
    padding-top: 0.80em;
    height: 11.2em;
    border-top-left-radius: 7.32em;
    border-bottom-left-radius: 7.32em;
    background: #d8e5fa;
}
.profileLeftBgDiv
{
	width:36.48em;
	height:33.71em;
	margin:0.50em auto;
	background: url(images/profile_left_bg.png);
    background-repeat: no-repeat;
	background-size:100% 100%;
}
.regLeftLogoDiv
{
	display:inline-block;
	vertical-align:top;
	width:30%;
	margin-left:1%;
	margin-top:0.5%;
}
.regRightLogoDiv
{
	display:inline-block;
	float:right;
	margin-right:1%;
	margin-top:1%;
	vertical-align:top;
}
.xorkeeProfileHeader
{
	width:65%;
	margin:2% auto;
	vertical-align:top;
	font:normal 2em/2 "Exchange SSm 4r",ExchangeWeb-Roman,Georgia,serif;
	text-align:center;
	color:#f3d886;
}
.loginText,#loginErrorText{
	display:block;
	width:70%;
	color:white;
	margin:2% auto;
	font:normal 1.1em/1.8 "Exchange SSm 4r",ExchangeWeb-Roman,Georgia,serif;
}
.loginText
{
	width:72%;
	border-radius:15px;
	padding:5px 40px;
	background:-webkit-linear-gradient(left,rgba(0,0,0,0.6),rgba(0,0,0,0) 100%);
	background:-moz-linear-gradient(left,rgba(0,0,0,0.6),rgba(0,0,0,0) 100%);
	background:-ms-linear-gradient(left,rgba(0,0,0,0.6),rgba(0,0,0,0) 100%);
	background:-o-linear-gradient(left,rgba(0,0,0,0.6),rgba(0,0,0,0) 100%);
	background:linear-gradient(to right,rgba(0,0,0,0.6),rgba(0,0,0,0) 100%);
}
#loginErrorText
{
	width:50%;
	text-align:center;
	//border:solid 1px;
}
.loginText>li
{
	width:100%;
	color:#000000;
	text-align:justify;
	margin:4% auto;
}
.loginFormRow 
{
    width: 21.32em;
    height: auto;
	color:white;
	margin-left:4.0em;
}
#xhandleWrapper
{
	width: 18.29em;
    height: 1.95em;
	margin-left:0.43em;
	margin-top:0.43em;
	margin-bottom:0.85em;
    padding: 0.30em 0em;
    font: normal 1em/2 'roboto';
    box-shadow: 0px 0px 2px #1c3864;
    border-radius: 1.22em;
    text-align: left;
	color:black;
	background:white;
}
.loginFormLabel, input.loginFormInput 
{
    display: inline-block;
    vertical-align: top;
    width: 14.77em;
	margin-left:0.30em;
	font-size:1.4em;
	color: #15288b;
}	
#logoWrapper
{
	display:inline-block;
	width:2.5em;
	height:2em;
}
#divider
{
	display:inline-block;
	border-left: solid 1px #acaaaa;
	height:1.9em;
	width:0.1em;
	margin-left: 0.2em;
}
#pm_logo
{
	display:inline-block;
	width:9em;
	height:2em;
	margin-left: 0.5em;
}
.loginBtn 
{
	margin:1.21em auto 0em;
	width:4.86em;
    height: 2.22em;
    color: white;
	padding:0em 1.21em;
    text-align: center;
    font-size: 1em;
    border-radius: 1.11em;
    line-height: 2.22em;
    cursor: pointer;
	background:#292555;
}
.loginDescriptionDiv
{
	width: 26.0em;
    margin-left:6.50em;
    font-size: 0.82em;
    white-space: nowrap;
}
.loginSubHeader 
{
    width: 100%;
	margin:0% auto;
    height: 50px;
    font-size: 25px;
	line-height: 2;
    color:#f8c21d;
	text-indent:20px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	background:-webkit-linear-gradient(left,#4263a9 0%,#2aa5a3 100%);
	background:-moz-linear-gradient(left,#4263a9 0%,#2aa5a3 100%);
	background:-ms-linear-gradient(left,#4263a9 0%,#2aa5a3 100%);
	background:-o-linear-gradient(left,#4263a9 0%,#2aa5a3 100%);
	background:linear-gradient(to right,#643c84 0%,#2ba3a2 100%);
}
.loginDiv
{
	position:absolute;
	top:0%;
	width:100%;
	height:100%;
	background:#efefef;
}
.loginWrapperDiv
{
	margin:5% auto;
	width:30%;
	height:50%;
	background:white;
	border:solid 1px #dedede;
	box-shadow:0px 0px 8px #a2a2a2;
	border-radius:8px;
}
.loginErrorWrapper
{
	width:99%;
}
.errorHeader
{
	width:65%;
	margin:2% auto;
	vertical-align:top;
	font:normal 1.3em/2.2 "Exchange SSm 4r",ExchangeWeb-Roman,Georgia,serif;
	text-align:center;
	color:#fc2929;
}
.errorIcon
{
	display:inline-block;
	margin-right:2%;
	color:#fc2929;
	font:normal 2.5em/1.2 "Exchange SSm 4r",ExchangeWeb-Roman,Georgia,serif;
}
.loginErrorWrapper ul.loginText{width:85%;}
.loginErrorWrapper ul.loginText li {
	list-style: none;
	margin:0.5% auto;
    font-size: 1em;
	letter-spacing:0px;
    line-height: 1.5;
	width:95%;
}
.loginErrorWrapper ul.loginText li::before 
{
	color: #006b6e;  
	content: "\2022"; 
	font-size: 2em; 
	line-height:1;
	padding-right: 0.3em; 
	position: relative;
	top:5px; 
	color:#fc2929;
}
#loginListText>.loginText{
	width: 95%;
    margin: 0% auto;
    text-align: center;
    font-size: 0.85em;
    color: red;
    background: none;
    padding: 0px;
}
#loginListText>div.loginText{
	font-size: 1em;
    line-height: 1;
	text-align:center;
}
#mobile_loginListText>.loginText{
	width: 95%;
    margin: 0% auto;
    text-align: center;
    font-size: 0.85em;
    color: red;
    background: none;
    padding: 0px;
}
#mobile_loginListText>div.loginText{
	font-size: 0.45em;
    line-height: 1.7;
	text-align:center;
}
/******************* Login Ends ***********************/