*
{
	position:relative;
	margin:0%;
	padding:0%;
}

@font-face 
{
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(./fonts/Poppins/Poppins-Light.woff) format('woff');
}

@font-face 
{
  font-family: 'poppinsRegular';
  font-style: bold;
  src: url(./fonts/Poppins/Poppins-Regular.woff) format('woff');
}

@font-face 
{
  font-family: 'poppinsMedium';
  font-style: bold;
  src: url(./fonts/Poppins/Poppins-Medium.woff) format('woff');
}

@font-face 
{
  font-family: 'poppinsBold';
  font-style: bold;
  src: url(./fonts/Poppins/Poppins-Bold.woff) format('woff');
}
/* html,body
{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	overflow:hidden;
	font-family:'Poppins', helvetica;
	-moz-user-select:none;
	-webkit-user-select:none;
	user-select:none;
	font-size: 1em;
} */

html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

body {
    margin: 0;
    font-family:'Poppins', helvetica;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
/********************* Renewal License Details Display Styling Starts ***********/
.bodyDetailsWrapper
{
	display: flex; 
	flex-flow: column wrap;"
	height: 25em;
	width: 43.7em;
	margin: auto; 
}
.homePendingPopupRow_renewal 
{
	display: flex;
    height: auto;
    width: 55%;
    margin: 1em auto 0;
}
.homePendingPopupSubLbl 
{
    font: normal 0.85em/2 "PoppinsMedium";
    letter-spacing: 0.02em;
}
.homePendingPopupLbl
{
    display: inline-block;
    vertical-align: top;
    width: 9.5em;
    height: 100%;
    letter-spacing: 0.02em;
    font: normal 0.75em/2 'PoppinsMedium';
    color: #666;
}
.homePendingPopupVal 
{
    height: 100%;
    width: 27em;
    margin-left: 3em;
    letter-spacing: 0.02em;
    font-size: 0.85em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.homePendingPopupSubVal
{
    height: 100%;
    width: 11em;
    letter-spacing: 0.02em;
    font: normal 0.9em/2 'Poppins';
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#bodyDetailsLowerWrapper
{
    height: 93%;
	width: 100%;
	margin-top: 3em;
}
/********************* Renewal License Details Display Styling Ends ***********/

/********************* Enroll/Renewal Success and Error Starts ***********/
.enrollRenewalSuccessBodyDiv
{
	width:100%;
	height:100%;
	overflow:hidden;
	font-family:'Poppins';
}
.enrollRenewalBannerDiv
{
	/* position:absolute; */
	/* top:0%; */
	/* left:0%; */
	width:100%;
	height:9%;
}
.enrollRenewalBannerDiv>img{margin-top:0.5%;margin-left:1%;}
.enrollRenewalBodyDiv
{
	/* position:absolute; */
	/* top:14%; */
	/* left:0%; */
	height:87%;
	width:97%;
	margin: 0 auto;
}
.enrollRenewalFooterDiv
{
	/* position:absolute; */
	/* bottom:1%; */
	/* left:0%; */
	width:99%;
	height:5%;
	text-align:right;
}
.enrollRenewalFooterDiv>span
{
	display:inline-block;
	vertical-align:top;
	height:70%;
}
.enrollRenewalFooterDiv>span:first-child
{
	padding-right:1%;
	border-right:solid 2px #bbb;
}
.enrollRenewalFooterDiv>span:nth-child(2)
{
	padding-left:0.5%;
	font:normal 0.7em/1.8 'poppinsMedium';
	color:#111;
	cursor:pointer;
}
#enrollSuccessDiv,#enrollErrorDiv,#renewSuccessDiv
{
	width: 65%;
    padding: 30px;
    border-radius: 10px;
    font: normal 1em 'poppinsMedium';
    color: #2F4B78;
    margin: 10% auto;
	border:dashed 1px #a2a2a2;
}
#enrollSuccessDiv
{
	text-align: center;
	/* margin-top: 1em; */
	/* font: normal 1em 'poppinsMedium'; */
    /* color: #2F4B78; */
}
#renewSuccessDiv{width:50%;}
#enrollErrorDiv{text-align:center;}
.enrollRedirectLink
{
	text-decoration:underline;
	color:blue;
	cursor:pointer;
}
/********************* Enroll/Renewal Success and Error Ends ***********/
/************************* Loader *************************/
#loaderDullscreen,.dullScreenStyle
{
	position:absolute;
	display:none;
	align-items: center;
    justify-content: center;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	background-color:#000000;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
	filter: alpha(opacity=50);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity:0.7;
	z-index:450;
}
.transparentDullScreen
{
	position: absolute;
    top: 0;
    left: 0;
	display: flex;
	align-items: center;
    justify-content: center;
	width:100%;
	height:100%;
	background-color:transparent;
	z-index:451;
}
.loaderDiv {
	/* position: absolute; */
    /* top: 40%; */
    /* left: 48%; */
	display:none;
	height: 60px;
	width: 60px;
	z-index:451;
}
.loaderDiv_mobile {
    /* position: absolute; */
    /* top: 27em; */
    /* left: 16em; */
    /* width: 5em; */
    /* height: 5em; */
    /* display: none; */
    /* z-index: 451; */
	
    display: none;
    height: 5em;
    width: 5em;
	margin-left: 3em;
    z-index: 451;
}
#signLoader{
	/* left: 35%; */
}
#signLoaderText
{
	/* position: absolute; */
    /* top: 42%; */
    /* left: 42%; */
    /* color: white; */
    /* font: normal 1.8em 'poppins'; */
    /* display: none; */
    /* z-index: 451; */

    display: none;
    margin-left: 2em;
    font: normal 1.8em 'poppins';
    color: white;
    z-index: 451;
}
.loaderDiv>div, .loaderDiv_mobile>div{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.loaderDiv>div:before, .loaderDiv_mobile>div:before{
	content: '';
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	background-color: #ffffff;
	border-radius: 100%;
	-webkit-animation: loaderDivBounceDelay 1.2s infinite ease-in-out both;
	animation: loaderDivBounceDelay 1.2s infinite ease-in-out both;
}
.loaderDiv>div:nth-child(2), .loaderDiv_mobile>div:nth-child(2){
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg); 
}
.loaderDiv>div:nth-child(3), .loaderDiv_mobile>div:nth-child(3){
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg); 
}
.loaderDiv>div:nth-child(4), .loaderDiv_mobile>div:nth-child(4){
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg); 
}
.loaderDiv >div:nth-child(5), .loaderDiv_mobile >div:nth-child(5){
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg); 
}
.loaderDiv>div:nth-child(6), .loaderDiv_mobile>div:nth-child(6){
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg); 
}
.loaderDiv>div:nth-child(7), .loaderDiv_mobile>div:nth-child(7){
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg); 
}
.loaderDiv>div:nth-child(8), .loaderDiv_mobile>div:nth-child(8){
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg); 
}
.loaderDiv>div:nth-child(9), .loaderDiv_mobile>div:nth-child(9){
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg); 
}
.loaderDiv>div:nth-child(10), .loaderDiv_mobile>div:nth-child(10){
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg); 
}
.loaderDiv>div:nth-child(11), .loaderDiv_mobile>div:nth-child(11){
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg); 
}
.loaderDiv>div:nth-child(12), .loaderDiv_mobile>div:nth-child(12){
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg); 
}
.loaderDiv>div:nth-child(2):before, .loaderDiv_mobile>div:nth-child(2):before{
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.loaderDiv>div:nth-child(3):before, .loaderDiv_mobile>div:nth-child(3):before{
	-webkit-animation-delay: -1s;
	animation-delay: -1s; 
}
.loaderDiv>div:nth-child(4):before, .loaderDiv_mobile>div:nth-child(4):before{
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s; 
}
.loaderDiv>div:nth-child(5):before, .loaderDiv_mobile>div:nth-child(5):before{
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s; 
}
.loaderDiv>div:nth-child(6):before, .loaderDiv_mobile>div:nth-child(6):before{
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s; 
}
.loaderDiv>div:nth-child(7):before, .loaderDiv_mobile>div:nth-child(7):before{
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}
.loaderDiv>div:nth-child(8):before, .loaderDiv_mobile>div:nth-child(8):before{
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s; 
}
.loaderDiv>div:nth-child(9):before, .loaderDiv_mobile>div:nth-child(9):before{
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s; 
}
.loaderDiv>div:nth-child(10):before, .loaderDiv_mobile>div:nth-child(10):before{
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s; 
}
.loaderDiv>div:nth-child(11):before, .loaderDiv_mobile>div:nth-child(11):before{
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s; 
}
.loaderDiv>div:nth-child(12):before, .loaderDiv_mobile>div:nth-child(12):before{
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s; 
}

@keyframes loaderDivBounceDelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	} 
	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
/******************************** Loader *********************************/
/******************************Error Div Start **********************/
.arrowSpan
{
	position:relative;
	top:-10px;
	left:35px;
	//color:#34b9a6;
	color:#c0392b;
	font:bold 1.875em Arial;'
}
.errorDiv
{	
	position: absolute;
	top :  0px;
	left : 0px;
	width :  auto;
	display:none;
	z-index:9999;
}
.errorText{
	position: relative;
    top: -0.8em;
    color: #ff0000;
    font: 0.85em calibri;
    padding: 0.7em 0;
    line-height: 1.2em;
}
/******************* Error Div Ends ***********************/
/******************* Show POPUP Starts ***********************/
#popupMessageArea{
	position : absolute;
	top : 35%;
    left: 35%;
	color:#000;
	font:normal 0.95em Helvetica;
	min-height:140px;
	height:auto;
    width: 33%;
    line-height: 20px;
    text-align : center;
    box-shadow : 2px 2px 5px #000000;
	-webkit-box-shadow:2px 2px 5px #000000;
	-moz-box-shadow:2px 2px 5px #000000;
	padding-bottom:10px;
	border-radius:8px;
	border:solid 1px #f8e0ed;
	background: white;
	z-index:501;
}
#popupMessageArea_mobile{
    color: #000;
    font: normal 1.1em/2.2 Helvetica;
    min-height: 10%;
    max-width: 80%;
    height: auto;
    width: 75%;
    padding: 1em;
    text-align: center;
    box-shadow: 2px 2px 5px #000000;
    -webkit-box-shadow: 2px 2px 5px #000000;
    -moz-box-shadow: 2px 2px 5px #000000;
    border-radius: 8px;
    border: solid 1px #f8e0ed;
	background: white;
    z-index: 501;
}
.closePopup
{
	position: absolute;
    top: 2%;
    right: 2%;
    height: 25px;
    width: 25px;
    text-align: center;
    cursor: pointer;
    font: normal 1.2em 'poppinsBold';
    color: #002863;
}
.closePopup_mobile
{
	position: absolute;
    top: 2%;
    right: 3%;
    text-align: center;
    cursor: pointer;
    font: normal 1.4em 'poppinsBold';
    color: #002863;
}
/* .closePopup:hover{transform:rotate(180deg)} */
.popupText
{
	position:relative;
	left:5%;
	width:90%;
	top:50px;
	color:black;
	line-height:1.2;
	min-height:30px;
	font:normal 1.2em Helvetica;
}
.popupText_mobile
{
	position: relative;
    display: flex;
    width: 98%;
    margin: auto;
    top: 0.5em;
    color: black;
    line-height: 1.2;
    min-height: 3em;
    font: normal 1.4em/1.2 Helvetica;
    align-items: center;
    justify-content: center;
}

.dullScreenStyle{z-index:200;}
.confirmationDiv
{
    position : absolute;
	top : 30%;
    left: 34%;
	color:#000;
	min-height:140px;
	height:auto;
    width: 36%;
    text-align : center;
    z-index : 201;
	border-radius  : 8px;
    box-shadow : 2px 2px 5px #000000;
	-webkit-box-shadow:2px 2px 5px #000000;
	-moz-box-shadow:2px 2px 5px #000000;
    -webkit-animation:fadeInDown 0.5s;
    -moz-animation:fadeInDown 0.5s;
    -ms-animation:fadeInDown 0.5s;
	animation:fadeInDown 0.5s;
	padding-bottom:10px;
	border:solid 1px rgba(255,255,255,0.7);
	background:-webkit-linear-gradient(left,#cde7f9,#f1f7fc,#f8e0ed);
	background:-moz-linear-gradient(left,#cde7f9,#f1f7fc,#f8e0ed);
	background:-ms-linear-gradient(left,#cde7f9,#f1f7fc,#f8e0ed);
	background:-o-linear-gradient(left,#cde7f9,#f1f7fc,#f8e0ed);
	background:linear-gradient(to right,#cde7f9,#f1f7fc,#f8e0ed);
} 
.confirmationDiv>div:first-child{
    position: relative;
    font: normal 1em 'Poppins';
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    height: auto;
    line-height: 40px;
}
.confirmationDiv>div:last-child{
    position:relative;height:40px;width:100%;text-align:center;
}
.confirmationDiv>div:last-child>div
{
    position: relative;
    display: inline-block;
    text-align: center;
    width: 80px;
    height: 30px;
    font: normal 0.9em 'poppinsMedium';
    letter-spacing: 0.2px;
    color: white;
    border-radius: 5px;
    padding-bottom: 1px;
    line-height: 30px;
    margin-right: 5%;
    border: solid 1px #002961;
	cursor:pointer;
    /*background: -webkit-linear-gradient(top,#129CCD 0%,#5B5D98 100%);
    background: -moz-linear-gradient(top,#129CCD 0%,#5B5D98 100%);
    background: -ms-linear-gradient(top,#129CCD 0%,#5B5D98 100%);
    background: -o-linear-gradient(top,#129CCD 0%,#5B5D98 100%);
    background: linear-gradient(to bottom,#129CCD 0%,#5B5D98 100%);
    box-shadow: 1px 1px 3px #a2a2a2;*/
	background: #002961;
    color: white;
    box-shadow: 2px 2px 4px #000000;
}
.confirmationDiv>div:last-child>div:active
{
  -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2) inset;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2) inset;
  -webkit-transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
 }
.closeConfirmDiv
{
	-webkit-animation:fadeOut 0.5s;
    -moz-animation:fadeOut 0.5s;
    -ms-animation:fadeOut 0.5s;
    -o-animation:fadeOut 0.5s;
	animation:fadeOut 0.5s;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    -moz-transform: perspective(400px);
    -ms-transform: perspective(400px);
    -o-transform: perspective(400px);
    transform: perspective(400px);
  }
}
/*******************  Show POPUP Ends  ***********************/
/********************* SESSION EXPIRY PAGE STARTS ************************/
.sessionExpiryBodyDiv
{
	width:55%;
	height:50%;
	margin:5% auto;
	text-align:center;
}
/********************* SESSION EXPIRY PAGE ENDS ************************/
/********************* MONTH POPUP STARTS ************************/
#monthOverlay
{
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0);
	display:block;
    z-index: 50;
}
#monthContainer
{
    position: absolute;
    /* top: 22em; */
    /* right: 11em; */
    height: 8em;
    width: 18em;
    display: block;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    z-index: 51;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    box-shadow: rgb(51, 51, 51) 2px 1px 3px;
}
.monthHeader
{
	width:100%;
	margin:0% auto;
	text-align:center;
	height:30px;
	font:normal 1em calibri,cambria;
}
.monthBody
{
	width:90%;
	height:80%;
	margin:2% auto;
}
.monthSpan
{
    display: inline-block;
    vertical-align: top;
    width: 1.5em;
    height: 1.5em;
    margin: 0.2em;
    text-align: center;
    font: normal 0.9em calibri,cambria;
    border: 1px solid #eeeeee;
    cursor: pointer;
}

.monthSpan:hover {
    background: #b3b3b3;
    color: #FFFFFF;
}
/********************* MONTH POPUP ENDS ************************/

/*****************Field Error Div Starts ************/
.errorDivOverlay
{
	position:absolute;
	left:0px;
	top:0px; 
	width:100%;
	height:100%;
	background:rgba(0,0,0,0);
	z-index:300;
}
.errorTextDiv
{
	color:red;
	padding-top:5px;
	font:normal 0.85em helvetica;
	/*-webkit-animation:shake 0.5s;
	-moz-animation:shake 0.5s;
	-ms-animation:shake 0.5s;
	animation:shake 0.5s;*/
}
@keyframes shake
{
	from,to 
	{
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	0%,60%
	/*10%,30%,50%,70%,90%*/
	{
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	50%,100%
	/*20%,40%,60%,80% */
	{
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}
/*****************Field Error Div Ends ************/
/************************* LOGIN *****************************/
.loginBg
{
	height:100%;
	width:100%;
}
.loginBg_mob
{
	/* height:100vh;
	width:100vw; */
	height:100%;
	width:100%;
}
.login_banner
{
	height:13%;
	width:100%;
}
.login_banner>img
{
	margin:0.5% 2.5%;
}

/************************* LOGIN - MOBILE *****************************/
.mob_topWrapper
{
	display: flex;
    flex-direction: column;
    height: 95%;
    width: 100%;
}
.mob_login_banner
{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 8em;
}
.mob_login_centerDiv
{
    height: 52em;
    width: 95%;
	margin: 0 auto;
    overflow: hidden auto;
}
.mob_logoDiv
{
	height: 6em;
    width: 16em;
}
.mob_loginRightDesc
{
    height: 4em;
    /* width: 24em; */
    width: 100%;
	margin: 2em auto;
    font: normal 1.4em/1.5 'poppinsMedium';
}
.mob_loginWrapper
{
    height: 10em;
	width: 33em;
    margin: 0 auto;
}
.mob_loginTxt
{
    font: normal 1.3em 'poppinsMedium';
    color: #053162;
}
#mob_xhandleWrapper
{
	height: 2.16em;
    width: 20.8em;
    margin-top: 1em;
    margin-bottom: 0.7em;
    padding: 13px 0px;
    font: normal 1.3em/2.1 'poppins';
    box-shadow: 0px 0px 5px 5px #f7f6f6;
    border: solid 1px #d8d5d5;
    border-radius: 20px;
    text-align: left;
}
.mob_login_xorkeeHandleLinkDiv
{
	margin-top: 1em;
    text-indent: 0.2em;
    font: normal 1em helvetica;
    color: blue;
    cursor: pointer;
}
.mob_bgImg
{
    height: 23em;
    width: 100%;
}
/*****************************mobile login footer starts*********************************/
.footerWrapper
{
	position: absolute;
	bottom:0;
	left:0;
    display: flex;
    height: 4%;
    width: 100%;
}
.footerLeft
{
    display: flex;
    align-items: center;
    width: 53%;
    margin-left: 1%;
}
.odysseyLogo
{
    height: 2em;
    width: 3em;
}
/*****************************mobile login footer ends*********************************/

.images
{
	height: 100%;
	width: 100%;
}
.images_objFit
{
	height: 100%;
	width: 100%;
	object-fit: scale-down;
}
/************ Login page body Starts **********************/
.login_pageBody
{
	position:absolute;
	top:14%;
	width:100%;
	height:86%;
	background:#fff;
	font-family:'poppinsMedium';
}

.login_pageBody>div:first-child
{
	display:inline-block;
	width:43%;
	height:100%;
	text-align:center;
}

.loginBgContainer
{
	position:absolute;
	height:92%;
	width:85%;
	top:8%;
	left:7.5%;
}

.loginBgContainer>img
{
	height:100%;
}

.login_pageBody>div:nth-child(2)
{
	display:inline-block;
	vertical-align:top;
	width:54%;
	height:100%;
	padding:1%;
	letter-spacing:0.5px;
}

.login_pageBody>div:nth-child(3)
{
	display:inline-block;
	vertical-align:top;
	width:20%;
}

.loginRightDesc
{
	margin:4em auto 3em;
	font-size:18px;
	text-align:left;
	font:normal 1em 'poppinsMedium';
}
.loginHandleContainer
{
	width:80%;
	margin:0% auto;
}
/* .loginHandleContainer>div:not(:last-child) */
/* { */
	/* font-size:18px; */
/* } */
.loginHandleContainer>div:first-child
{
	/* height:40px; */
	/* text-indent:15px; */
	/* color:#053162; */
	
	height: 40px;
    text-indent: 0.6em;
    color: #053162;
    font-size: 1.2em;
}
/*.loginHandleContainer>div:last-child
{
	margin-top:2%;
	font-size:16px;
	color:#053162;
	text-indent:15px;
	cursor:pointer;
	letter-spacing:0px;
}*/
#xhandleWrapper
{
    width: 18em;
    height: 1.7em;
    margin-left: 2%;
    margin-bottom: 3%;
    padding: 5px 0px;
    font: normal 1em/1.7 'poppins';
    box-shadow: 0px 0px 2px #1c3864;
    border-radius: 20px;
    text-align: left;
}
.formInput
{
	border:0;
	outline:0;
	border-radius:30px;
	border:solid 2px #bbb;
	width:70%;
	height:40px;
	font-size:16px;
	padding-left:2%;
	font-family:'Poppins';
}
.login_buttonWrapper
{
	width:100%;
	text-align:center;
	margin:10% auto;
}
.login_button
{
	margin: 0% 4%;
    padding: 10px 40px;
    border-radius: 20px;
    background: #111;
	border:solid 2px #fff;
	box-shadow:0px 4px 6px 1px #666;
    color: #fff;
    cursor: pointer;
    font: bold 18px 'poppinsRegular';
	letter-spacing:1px;
}
/*********************** Login page body Ends ****************************/

.login_footer
{
	/* position:absolute; */
	/* bottom:3%; */
	/* right:0%; */
	/* width:60%; */
	/* height:5%; */
	/* margin:2% auto; */
	/* text-align:right; */
	
	position: absolute;
    bottom: 1%;
    right: 1%;
    width: 60%;
    height: 5%;
    text-align: right;
}

.login_footer>span
{
	display:inline-block;
	vertical-align:top;
	height:83%;
}

.login_footer>span:first-child
{
	padding-right:1%;
	border-right:solid 2px #bbb;
}

.login_footer>span:nth-child(2)
{
	/* padding-left:1%; */
	/* font-size:11px; */
	/* color:#111; */
	/* line-height:2.6; */
	/* cursor:pointer; */
	
	display: inline-flex;
    align-items: center;
	padding-left: 0.3em;
    font-size: 11px;
    color: #111;
    line-height: 2.6;
    cursor: pointer;
}
.login_xorkeeHandleLinkDiv
{
    text-indent: 1em;
    color: blue;
	cursor:pointer;
	font:normal 0.8em helvetica;
}

.btnWrapper
{
	display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 3em;
    margin: 3em 0 1em;
}
.btn
{
    height: 1.5em;
	width: auto;
    padding: 0.3em 1em;
    border-radius: 5px;
    border: solid 2px #002961;
    background: #002961;
    color: white;
    text-align: center;
    cursor: pointer;
    font: normal 1em/1.7 'poppinsMedium';
    letter-spacing: 0.04em;
    box-shadow: 2px 2px 4px #000000;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}