*
{
	position:relative;
	padding:0;
	margin:0;
}
html,body
{
	width:100%;
	height:100%;
	overflow:hidden;
}
button[disabled]
{
	filter:grayscale(1) !important;
	cursor:no-drop !important;
}
button[disabled]:hover
{
	box-shadow:none !important;
}

/**********************poly fill for space-evenly****************************/
.login-top-container:before,.login-top-container:after,.pc_infoWrapper:before,.pc_infoWrapper:after
{
	content:'';
}
/**********************poly fill for space-evenly****************************/
#pc_outerDiv
{
	width:100%;
	height:100%;
}
#pc_loginDiv,#pc_signupWrapper
{
	height:100%;
	width:100%;
	background-image:url('../assets/_bgGradientImg.jpg');
	background-position:center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#pc_signupWrapper{
	display:flex;
	flex-direction:column;
}
.login-top-container
{
	/* height: 25em; */
	height: 60%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    transition: all 0.5s;
	
}
.login-ladyImgContainer
{
	display: flex;
    justify-content: center;
    align-items: center;
	width: 25em;
    height: 25em;
}
.login-ladyImg
{
	width: 100%;
    height: 100%;
    transition:opacity 1s ease-in;
}
.login-responseConatainer
{
	height:90%;
	width:100%;
	transition:all 1s;
	margin: 2.5em auto;
	align-items:center;
}
.login-responseConatainer .errSubDiv
{
	width: 90%;
    margin: 2em auto;
    text-align: center;
	font: normal 0.92em var(--font-normal);
    color:#1c3867;
}
.errSubDiv{
	text-align: center;
    line-height: 1.3;
	min-width:20em;
}
.loginZoomOutAnim{animation: zoomOut 1s 1 forwards;}
.loginZoomInAnim{animation: zoomIn 1s 1 forwards;}
.login-response-icon
{
	width: 100%;
	padding: 15px 0px;
	text-align:center;
}
#errorText{margin-top:1em;}
.login-response-icon>img
{
	width: 70px;
    height: 64px;
}
.login-response-header
{
	width:85%;
	text-align:center;
	font: normal 1.05em var(--font-bold);
	color:#f35959;
	letter-spacing:0.8px;
	margin:0% auto;
}
.login-response-text-ul
{
	width: 95%;
    margin: 0% auto;
    text-align: left;
	font: normal 0.95em/1.5 var(--font-normal);
    color:#1c3867;
    background: none;
    padding: 0px;
}
.login-response-text-li
{
	list-style: circle;
    margin: 3% auto;
    width: 95%;
}

.pc_loginWrapper
{
	width:100%;
    height: 60%;
	text-align: center;
}
.pc_loginWrapper>span:nth-child(1)
{
    display: inline-block;
}
.pc_fieldWrapper>span:nth-child(1)
{
	display: inline-block;
    vertical-align: top;
    width: 59%;
}
.pc_handleFieldWrapper,.pc_userFieldWrapper
{
	width: 20em;
    height: 2.5em;
    padding: 0.3em 0px;
    font: normal 1em/2 var(--font-normal);
    box-shadow: 0px 0px 2px #1c3864;
    border-radius: 2em;
    text-align: left;
	margin-bottom: 0.5em;
}

#pc_username
{
	display: block;
    width:100%;
    border: none;
    outline: none;
    border-radius: 2em;
	text-indent:1.3em;
    height: 100%;
	font: normal 1em/2 var(--font-normal);
}
#loginToolTip
{
	position: absolute;
    top: 0;
    left: 0;
    height: auto;
    max-height: 500px;
    width: auto;
    max-width: 200px;
    /* display: none; */
    padding: 10px;
    color: #555;
    background: #c6e8f6;
    box-shadow: 0px 0px 8px #aaa;
    border-radius: 5px;
    font: normal 0.85em/1.2 calibri,cambria;
    text-align: left;
}
#loginToolTip>span:first-child
{
	position:absolute;
	top:10%;
	left:100%;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-left: 16px solid #c6e8f6;
	border-bottom: 8px solid transparent;
}
.pc_buttonWrapper
{
	margin: 1.5em 0 1em;
    letter-spacing: 1px;
    text-align: center;
}
.pc_button
{
	/* margin: 0% 4%; */
    padding: 0.625em 2em;
    border-radius: 20px;
    background: #1c3867;
    color: white;
	cursor:pointer;
	font: normal 0.8em var(--font-normal);
	vertical-align:top;
	border:none;
}
.pc_button:hover
{
	box-shadow:0px 0px 5px #4f6489;
}
#pc_loginButton[disabled = true]
{
	filter: grayscale(1);
    cursor: no-drop;
}
#pc_loginButton[disabled = false]
{
	filter: none;
    cursor: pointer;
}
#signUpBtn[data-state = 'disabled']
{
	cursor:no-drop;
}
#signUpBtn:hover[data-state = 'disabled']
{
	box-shadow:none;
}
#signUpBtn[data-state = 'enabled']
{
	cursor:pointer;
}
.pc_signUpText
{
	text-align:center;
	font: normal 0.95em/2 var(--font-normal);
}
#pc_signUpLink
{
    color: #1c3867;
    cursor: pointer;
    font-family: var(--font-bold);
	border: none;
    background: none;
    font-size: 1em;
}
.pc_signupToolTip
{
	width:50%;
	font: normal 0.85em/1.5 var(--font-italic);
	color:var(--gray-600);
}
.pc_bottonWrapper
{
	display: flex;
    flex-direction: column;
    /* height: calc(100% - 25em); */
    height: 40%;
    background: #f2fbff;
    justify-content: space-between;
}
.pc_infoWrapper,#guestUserDiv>div:last-child
{
	/* height:calc(100% - 2em); */
	height:100%;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#guestUserDiv>div:last-child{height:100%;}
.pc_footerWrapper
{
	height:2em;
	/* width:100%; */
	/* height:14%; */
}
.pc_infoDiv
{
    /* width: 20em; */
    /* height: 12em; */
    width: 23.5%;
    height: 85%;
    border-radius: 2em;
    background: #f7fdff;
    border: solid 1px #9baeca;
    box-shadow: 0px 0px 5px #94a6bf;
    text-align: center;
	overflow:hidden;
}
.pc_infoDiv[state = 'enabled']
{
	cursor:pointer;
}
.pc_info_text
{
    width: 96%;
    height: 10%;
	margin: 0.65em auto 0;
    font: normal 1em var(--font-medium);
    color: #1920a4;
	letter-spacing:0.5px;
}
.pc_info_img
{
	width: 90%;
	height: 76%;
    margin: 0.5em auto 0.2em;
    overflow: hidden;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
/* .pc_infoDiv .pc_info_img>img{
	width: 100%;
}
.pc_infoDiv:nth-child(2) .pc_info_img>img{
    width: 92%;
} */
/* .pc_info_img>picture */
/* { */
	/* width:100%; */
/* } */
.pc_info_img>picture>img
{
	width:100%;
}
.pc_infoDiv:hover{
	box-shadow: 1px 3px 10px #1d5eb0;
 }
.pdfImageClass
{
	display: inline-block;
    vertical-align: top;
    border: solid 1px;
    width: 40%;
    height: 90%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
	margin:0 0.5em;
}
.pc_footer
{
	float:right;
	height:100%;
}
.pc_footer>span:nth-child(1)
{
	display: inline-block;
    vertical-align: top;
    height: 100%;
    padding: 0px 12px;
    font: normal 0.7em/3 var(--font-normal);
	color: #4a4848;
	cursor:pointer;
}
.pc_footer>span:nth-child(1):hover{color:#000;}
#login_overlay
{
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	z-index:100;
	background:rgba(0,0,0,1);
	display:none;
}
#pc_guestFeaturesBtn:hover
{
	/* border-bottom:solid 2px #3dbcfb; */
}
@keyframes openEffects1{0%{height:0px;}100%{height:auto;opacity:1;}}

h4 {
	font-size: 1em;
	background:#4c5564;
	background: -moz-linear-gradient(to right, #1f5ec8 , #1c3867);
	background: -webkit-linear-gradient(to right, #1f5ec8 , #1c3867);
	background: -o-linear-gradient(to right, #1f5ec8 , #1c3867);
	background: -ms-linear-gradient(to right, #1f5ec8 , #1c3867);
	background: linear-gradient(to right, #1f5ec8 , #1c3867);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.tagLine
{
	padding: 2em 0;
    padding-top: 0.5em;
    font: normal 1.2em var(--font-med-italic);
    /* color: #4c5564; */
}
.loginDivideCont
{
	display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.loginDivide
{
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 58%;
    height: 95%;
    color: #333;
	text-align: left;
    font: normal 0.63em/1.4 var(--font-medium);
}

.loginBoxOverLay,.loginBoxOverLayFlexRow
{
	position:absolute;
	top:0;
	left:0;
	display:none;
	width:100%;
	height:100%;
	flex-direction:column;
	justify-content:center;
	align-content:center;
	align-items:center;
	background:transparent;
	backface-visibility:visible;
	z-index:10;
	animation:reveal 0.3s 1 forwards; 
}
.loginBoxOverLayFlexRow
{
	flex-direction:row;
	
}
#imgGridCont,#mailVerifyPane
{
	width:100%;
	height:100%;
	transition: filter 0.3s;
}
#mailVerifyFeaturePane>div>img
{
	width:1.7em;
}
.gridBtn
{
	display:flex;
	justify-content:center;
	align-items:center;
	background:#fff;
	width:85%;
	height:auto;
	padding:0.5em 0em;
	text-align:center;
	font:normal 1em/2 var(--font-medium);
	cursor:pointer;
	border-radius:7px;
	box-shadow:0px 0px 3px #888;
	color:#555;
	margin:0.5em auto;
}
.loginBoxOverLayFlexRow .gridBtn
{
	width: 45%;
    margin: 3em auto 0;
    padding: 0.5em 2em;
}

.gridBtn:hover{
	box-shadow:0px 0px 8px #888;
}
/********************Signup***************************/

.pc_signUpBody{
	display:flex;
	height:calc(100% - 2em);
	width:100%;
}
.pc_signUpPartition{
	width: 45%;
    height: 95%;
    padding: 1em;
    display: flex;
    flex-direction: column;
	justify-content:center;
	align-items:center;
}
.pc_rightPane{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	height:75%;
}
.pc_signUpRequisiteCont{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.pc_signUpRequisiteCont .pc_button{
	padding:0.8em 2em;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-family:var(--font-medium);
}
.pc_signUpLoginLadyDiv{
	width: 29em;
    height: 28em;
}
.pc_signUpLoginLadyDiv>img{
	width:100%;
	height:100%;
}
.pc_signUpLogoDiv{
	width:14em;
	margin:0em auto 0.5em;
}
.pc_signUpLogoDiv>img{
	width:100%;
	height:100%;
	object-fit:scale-down;
}
.pc_signUpHeader
{
	font: normal 1.5em/1 var(--font-medium);
    margin: 1em auto;
    width: 25em;
	text-align:center;
}
#pc_signupErrorDiv .pc_signUpHeader{margin-bottom:0.5em;height:1em;overflow:hidden;}
.pc_signUpList{
	display:flex;
	font: normal 1em/1.3 var(--font-medium);
    margin: 1.5em auto;
	align-items:center;
}
.pc_signUpList>span:nth-child(1){
	display: flex;
    width: 1.5em;
    height: 1.5em;
    padding: 0.5em;
    background: #3FBDFB;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-right: 0.7em;
    font-family: var(--font-medium);
    color: white;
}
.pc_signUpList>span:nth-child(2){
	width:27em;
}
.enrollingText{
	font: normal 1.7em/1 var(--font-normal);
    margin: 1em auto 0;
    text-align: center;
    height: 1.4em;
}
.notificationWrapper>div:nth-child(1){
	font: normal 1.5em/1.5 var(--font-medium);
    text-align: center;
    width: 23em;
    margin: 2em auto 0.5em;
    color: #4E5DB0;
}
.notificationWrapper>div:nth-child(2){
    text-align: center;
    margin: 0em auto 2.5em;
}
.notificationWrapper>div:last-child{
	display: flex;
    width: 23em;
    align-items: center;
    justify-content: center;
    margin: 0.5em auto;
    font: normal 1.1em/1.4 var(--font-normal);
    color: #f78c8c;
}
#signUpHandle{
	display: inline-block;
    vertical-align: top;
    width: auto;
    max-width: 18em;
	height:100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pc_signupErrorDiv
{
	display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1em;
}
.pc_signupEnrollText
{
	font: normal 1.5em/1 var(--font-medium);
    text-align: center;
    width: 17em;
	margin-bottom:0.5em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.loadingText{
    position: relative;
    color: rgba(0, 0, 0, .3);
}
.loadingText:before {
    content: attr(data-text);
    position: absolute;
    overflow: hidden;
    max-width: 12em;
    white-space: nowrap;
    color: #4E5DB0;
    animation: loading 4s linear infinite;
}
@keyframes loading {
    0% {
        max-width: 0;
    }
}
/********************Signup***************************/