@charset "utf-8";
/* CSS Document */

.password-strength-indicator {
	border: 1px solid transparent;
	display: inline-block;
	min-height: 24px;
	text-align: center;
	width: 77%;
	color: #000;
	text-transform: capitalize;
	line-height: 28px;
	font-weight: bold;

}

.password-strength-indicator.very-weak
{
	background-color: #c1e1b9;
	border: 1px solid #83c373;
}

.password-strength-indicator.weak
{
	background-color: #c1e1b9;
	border: 1px solid #83c373;
}

.password-strength-indicator.mediocre
{
	background-color: #c1e1b9;
	border: 1px solid #83c373;
}

.password-strength-indicator.strong
{
	background-color: #c1e1b9;
	border: 1px solid #83c373;
}

.password-strength-indicator.very-strong
{
	background-color: #c1e1b9;
	border: 1px solid #83c373;
}
.form-control {
  font-family: Arial, Helvetica, sans-serif;
  padding: 6px 12px;
  border-radius: 4px;
  border: 1px solid #83c373;
  transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border-image: none;
  width: 300px;
  height: 15px;
  color: rgb(85, 85, 85);
  line-height: 15px;
  font-size: 15px !important;
  display: block;
  box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
  background-image: none;
  background-color: rgb(255, 255, 255);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.form-control:focus {
  border-color: rgb(102, 175, 233);
  outline: 0px;
  box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
.RegisterButton {
	padding-top: 5px;
	padding-bottom: 5px;
	width: auto;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 0px;
	color: #004379;
	font-size: 1.15em;
	cursor: pointer;
	-webkit-appearance: none;
	background-color: #EBEBEB;
	border: 1px solid #004379;
	margin-left: auto;
	margin-right: auto;
	display: block;
	border-radius: 5px;
}
.form-loading {
    animation: form-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 47.25%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes form-rotate {
    100% {
        transform: rotate(360deg);
    }
}