.checkmark__circle {
	  stroke-dasharray: 166;
	  stroke-dashoffset: 166;
	  stroke-width: 2;
	  stroke-miterlimit: 10;
	  stroke: #7ac142;
	  fill: none;
	  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
	}

	.checkmark {
	  width: 56px;
	  height: 56px;
	  border-radius: 50%;
	  display: block;
	  stroke-width: 2;
	  stroke: #fff;
	  stroke-miterlimit: 10;
	  margin: 3% auto;
	  box-shadow: inset 0px 0px 0px #7ac142;
	  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
	}

	.checkmark__check {
	  transform-origin: 50% 50%;
	  stroke-dasharray: 48;
	  stroke-dashoffset: 48;
	  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
	}

	@keyframes stroke {
	  100% {
	    stroke-dashoffset: 0;
	  }
	}
	@keyframes scale {
	  0%, 100% {
	    transform: none;
	  }
	  50% {
	    transform: scale3d(1.1, 1.1, 1);
	  }
	}
	@keyframes fill {
	  100% {
	    box-shadow: inset 0px 0px 0px 30px #7ac142;
	  }
	}
.oops{
	    padding: 20px 0px;
    text-align: justify;
    font-size: 15px;
    color: darkcyan;
	margin-bottom: 10px !important;
}
.erroricon {
  width: 56px;
  height: 56px;
  margin: 3% auto;
  display: block;
}
svg{
	margin-top: 20px !important;
}
#logo img{
	background-color: #d7f8fa;
	border-radius: 7px;
	padding: 2px 10px;
}
.loginbg {
	background: url(/login-bg1.jpg) no-repeat center fixed !important;
	background-position: 0px 85px;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100% !important;

}
	.countdown{
	width: 600px;
	border: 1px solid #c3c2c2;
	height: 160px;
	border-radius: 10px;
	margin:0 auto;
	
}