body {
	overflow:hidden;
	background-color:#f5f5f5;
}
html,body{
	height:100%;
}
.login-wrapper{
	display:flex;
	height:100%;
}
.login-left{
	width:50%;
	position:relative;
	
}
.login-right {
    width: 50%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
	background-color:#FFFFFF;
	padding-left:20px;
}
.login-left img{
	width:100%;
}
.corner-img{
	position:absolute;
	top:20px;
	right:20px;
}
.login-inner{
	display:flex;
	flex-direction:column;
	width:480px;
}
h5{
    margin: 0px 0px 12px 0px;
    font-size: 14px;
    text-align: left;
    text-transform: uppercase;
	color:#ff2c69;
	}
.login-title{
	color:#1c1a3c;
	font-size:24px;
	padding-bottom:3px;
	font-weight:600;
}
.login-sub-title{
	color:#ff5641;  
	font-size:15px;
	font-weight:500;
	padding-bottom:50px;
}
.email-address{
	display:flex;
	flex-direction:column;
	margin-bottom:20px;
}
.email-address-label{
	color:#1c1a3c;
	font-size:14px;
	font-weight:600;
	padding-bottom:5px;
}
.email-wrapper{
	position:relative;
	
}
.user-icon{
	position:absolute;
	top:12px;
	left:15px;
}
.input-text{
	border:1px solid #1c1a3c;
	height:50px;
	width:100%;
	color:#1c1a3c;
	border-radius:4px;
	display:flex;
	align-items:center;
	padding-left:60px;
	padding-right:15px;
	font-size:16px;
}
.input-text:focus{
	outline:none;
}
.email-address-label{
	display:flex;
	justify-content:space-between;
}
.forgot a{
	font-size:14px;
	color:#245294;
	text-decoration:none;
}
.signin-btn{
	display:flex;
	justify-content:center;
	width:100%;
	height:50px;
	background-color:#245294;
	color:#fff;
	align-items:center;
	border-radius:5px;
	font-weight:600;
	font-size:16px;
	border:0;
	cursor:pointer;
}
.signin-btn:focus{
	outline:none;
}
.login-footer{
	font-size:13px;
	color:#1c1a3c;
	position: absolute;
    bottom: 20px;
}
.error-message {
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:50px;
	padding:0 15px;
	color:#ff0000;
	font-weight:400;
	font-size:14px;
	border:1px solid #ff0000;
	margin-bottom:20px;
}
.forgot-message {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:15px 15px;
	color:#f8c100;
	font-weight:500;
	font-size:14px;
	border:1px solid #f8c100;
	margin-bottom:20px;
	margin-top:10px;
}
.login-footer-btn {
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.cancel-btn {
	display:flex;
	justify-content:space-between;
	width:120px;
	height:50px;
	background-color:#b4b4b4;
	color:#1c1a3c;
	align-items:center;
	border-radius:5px;
	font-weight:600;
	font-size:16px;
	border:0;
	cursor:pointer;
	padding-left:20px;
	padding-right:20px;
}

.cancel-btn:focus {
	outline:none;
}
.send-btn{
	display:flex;
	justify-content:space-between;
	width:120px;
	height:50px;
	background-color:#245294;
	color:#fff;
	align-items:center;
	border-radius:5px;
	font-weight:600;
	font-size:16px;
	border:0;
	cursor:pointer;
	padding-left:20px;
	padding-right:20px;
}
.send-btn:focus{
	outline:none;
}

@charset "utf-8";
/* CSS Document */
/* Code By Webdevtrick ( https://webdevtrick.com )*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,100);
.captchaField { 
  margin: 0 auto;
  margin-bottom: 5%;
  border: 1px solid #ccc; 
  padding: 15px;
  width:100%;
  background-color: #fff;
  border-radius: 5px;
}
.CaptchaWrap { position: relative; }
.CaptchaTxtField { 
  border-radius: 5px; 
  border: 1px solid #ccc; 
  display: block;  
  box-sizing: border-box;
}
#UserCaptchaCode { 
  padding: 15px 10px; 
  outline: none; 
  font-size: 18px; 
  font-weight: normal; 
  font-family: 'Open Sans', sans-serif;
  width: 100%;
}
#CaptchaImageCode { 
  text-align:center;
  margin-top: 15px;
  padding: 0px 0;
  width: 300px;
  overflow: hidden;
}
.capcode { 
  font-size: 46px; 
  display: block; 
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none; 
  cursor: default;
  letter-spacing: 1px;
  color: #ccc;
  font-family: 'Roboto Slab', serif;
  font-weight: 100;
  font-style: italic;
}
.ReloadBtn { 
  background:url('../images/refresh.png') left top no-repeat;   
  background-size : 100%;
  width: 32px; 
  height: 32px;
  border: 0px; outline none;
  position: absolute; 
  bottom: 30px;
  left: 310px;
  outline: none;
  cursor: pointer; /**/
}
.btnSubmit {
  margin-top: 15px;
  border: 0px;
  padding: 10px 20px; 
  border-radius: 5px;
  font-size: 18px;
  background-color: #1285c4;
  color: #fff;
  cursor: pointer;
}
.error { 
  color: red; 
  font-size: 12px; 
  display: none; 
}
.success {
  color: green;
  font-size: 18px;
  margin-bottom: 15px;
  display: none;
}
/* bell animation start */
.bell { opacity: 0.9;
	-webkit-animation: ring 8s 1s ease-in-out infinite;
	-webkit-transform-origin: 50% 4px;
	-moz-animation: ring 8s 1s ease-in-out infinite;
	-moz-transform-origin: 50% 4px;
	animation: ring 8s 1s ease-in-out infinite;
	transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
	0% { -webkit-transform: rotateZ(0); }
	1% { -webkit-transform: rotateZ(30deg); }
	3% { -webkit-transform: rotateZ(-28deg); }
	5% { -webkit-transform: rotateZ(34deg); }
	7% { -webkit-transform: rotateZ(-32deg); }
	9% { -webkit-transform: rotateZ(30deg); }
	11% { -webkit-transform: rotateZ(-28deg); }
	13% { -webkit-transform: rotateZ(26deg); }
	15% { -webkit-transform: rotateZ(-24deg); }
	17% { -webkit-transform: rotateZ(22deg); }
	19% { -webkit-transform: rotateZ(-20deg); }
	21% { -webkit-transform: rotateZ(18deg); }
	23% { -webkit-transform: rotateZ(-16deg); }
	25% { -webkit-transform: rotateZ(14deg); }
	27% { -webkit-transform: rotateZ(-12deg); }
	29% { -webkit-transform: rotateZ(10deg); }
	31% { -webkit-transform: rotateZ(-8deg); }
	33% { -webkit-transform: rotateZ(6deg); }
	35% { -webkit-transform: rotateZ(-4deg); }
	37% { -webkit-transform: rotateZ(2deg); }
	39% { -webkit-transform: rotateZ(-1deg); }
	41% { -webkit-transform: rotateZ(1deg); }

	43% { -webkit-transform: rotateZ(0); }
	100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
	0% { -moz-transform: rotate(0); }
	1% { -moz-transform: rotate(30deg); }
	3% { -moz-transform: rotate(-28deg); }
	5% { -moz-transform: rotate(34deg); }
	7% { -moz-transform: rotate(-32deg); }
	9% { -moz-transform: rotate(30deg); }
	11% { -moz-transform: rotate(-28deg); }
	13% { -moz-transform: rotate(26deg); }
	15% { -moz-transform: rotate(-24deg); }
	17% { -moz-transform: rotate(22deg); }
	19% { -moz-transform: rotate(-20deg); }
	21% { -moz-transform: rotate(18deg); }
	23% { -moz-transform: rotate(-16deg); }
	25% { -moz-transform: rotate(14deg); }
	27% { -moz-transform: rotate(-12deg); }
	29% { -moz-transform: rotate(10deg); }
	31% { -moz-transform: rotate(-8deg); }
	33% { -moz-transform: rotate(6deg); }
	35% { -moz-transform: rotate(-4deg); }
	37% { -moz-transform: rotate(2deg); }
	39% { -moz-transform: rotate(-1deg); }
	41% { -moz-transform: rotate(1deg); }

	43% { -moz-transform: rotate(0); }
	100% { -moz-transform: rotate(0); }
}

@keyframes ring {
	0% { transform: rotate(0); }
	1% { transform: rotate(30deg); }
	3% { transform: rotate(-28deg); }
	5% { transform: rotate(34deg); }
	7% { transform: rotate(-32deg); }
	9% { transform: rotate(30deg); }
	11% { transform: rotate(-28deg); }
	13% { transform: rotate(26deg); }
	15% { transform: rotate(-24deg); }
	17% { transform: rotate(22deg); }
	19% { transform: rotate(-20deg); }
	21% { transform: rotate(18deg); }
	23% { transform: rotate(-16deg); }
	25% { transform: rotate(14deg); }
	27% { transform: rotate(-12deg); }
	29% { transform: rotate(10deg); }
	31% { transform: rotate(-8deg); }
	33% { transform: rotate(6deg); }
	35% { transform: rotate(-4deg); }
	37% { transform: rotate(2deg); }
	39% { transform: rotate(-1deg); }
	41% { transform: rotate(1deg); }

	43% { transform: rotate(0); }
	100% { transform: rotate(0); }
}
/* bell animation end */

/* */
/* circle animation start */
.loader {
    max-width: 8rem;
    width: 100%;
    height: auto;
    stroke-linecap: round;
    position: absolute;
    right: 64px;
    top: 108px;
}
circle {
    fill: none;
    stroke-width: 3.5;
    -webkit-animation-name: preloader;
    animation-name: preloader;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transform-origin: 170px 170px;
    transform-origin: 170px 170px;
    will-change: transform;
}
circle:nth-of-type(1) {
    stroke-dasharray: 550;
}
circle:nth-of-type(2) {
    stroke-dasharray: 500;
}
circle:nth-of-type(3) {
    stroke-dasharray: 450;
}
circle:nth-of-type(4) {
    stroke-dasharray: 300;
}
circle:nth-of-type(1) {
    -webkit-animation-delay: -0.15s;
    animation-delay: -0.15s;
}
circle:nth-of-type(2) {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}
circle:nth-of-type(3) {
    -webkit-animation-delay: -0.45s;
    animation-delay: -0.45s;
}
circle:nth-of-type(4) {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}
 @-webkit-keyframes preloader {
 50% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes preloader {
 50% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
/* circle animation end */

/* button hover shadow effects */
/* Hover Shadow */
@-webkit-keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@-webkit-keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }

  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}

@keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }

  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}

.hover-shadow {
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hover-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hover-shadow:hover, .hover-shadow:focus, .hover-shadow:active {
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.hover-shadow:hover:before, .hover-shadow:focus:before, .hover-shadow:active:before {
  opacity: .4;
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-animation-name: hover-shadow;
  animation-name: hover-shadow;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
/* button hover shadow effects */
.logo-login {
	margin-bottom:50px;
}
.login-footer a  {
	color:#0d4f8c;
}
.login-footer a:hover {
	color:#ff0d87;
}
.login-button-bar {
	display:flex;
	justify-content:space-between;
}
.go-pa-btn-wrapper {
	display:flex;
}
.go-pa-btn-wrapper button {
	margin-left:.5rem;
}
.go-btn {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff9106+0,ff0d87+100 */
background: #ff9106; /* Old browsers */
background: -moz-linear-gradient(top,  #ff9106 0%, #ff0d87 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff9106 0%,#ff0d87 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff9106 0%,#ff0d87 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9106', endColorstr='#ff0d87',GradientType=0 ); /* IE6-9 */

}
.forgot a:hover {
	color:#ff0d87;
}



/* Login responsive css start */

@media only screen and (min-width:768px) and (max-width:1024px) {
	.login-inner {
		    width: 100%;
	}
	.login-right {
		padding-top:180px;
		justify-content: start;
		padding-right:30px;
	}
	.loader {
    max-width: 8rem;
    width: 100%;
    height: auto;
    stroke-linecap: round;
    position: absolute;
    right: 40px;
    top: 39px;
}
}
@media only screen and (max-width:767px) {
	body {
		overflow-y:auto;
	}
	.login-wrapper {
		flex-direction:column;
	}
	.login-left {
		width: 100%;
	}
	.loader {
		max-width: 5rem;
		width: 100%;
		height: auto;
		stroke-linecap: round;
		position: absolute;
		right: 38px;
		top: 43px;
	}
	.login-right {
		width: 100%;
		justify-content: center;
		padding-left: 5px;
		padding-right: 5px;
	}
	.login-inner {
		width:100%;
	}
	.login-sub-title {
		padding-bottom:15px;
	}
	.login-title {
		font-size:18px;
	}
	.login-footer {
		font-size:11px;
		bottom:-50px;
	}
	.corner-img img {
		width:55%;
	}
	.corner-img {
		top: -80px;
		right: 0px;
	}
	.login-button-bar {
		flex-direction:column;
	}
	.go-pa-btn-wrapper {
		margin-top:1rem;
	}
	.go-pa-btn-wrapper button {
		margin-left:0;
		margin-right:.5rem;
	}
}
/* Login responsive css end */