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:10px;

}

.email-address-label{

	color:#1c1a3c;

	font-size:14px;

	font-weight:600;

	padding-bottom:0px;

}

.email-wrapper{

	position:relative;

	

}

.user-icon{

	position:absolute;

	top:12px;

	left:15px;

}

.input-text{

	border:1px solid #1c1a3c;


	width:100%;

	color:#1c1a3c;

	border-radius:4px;

	display:flex;

	align-items:center;
	
	padding:5px;

	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:5px;

}

.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 */