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

#progressbar {
	width:200px;
	height:30px;
	display:block;
	border-radius:8px;
	border: 1px solid #ccc;
	overflow:hidden;
	background-color: white;
}

#progress {
	display:block;
	height:25px;
	width:0%;
}

.progressbarValid {
	background-color:green;
	background-image: -o-linear-gradient(-90deg, #8AD702 0%, #389100 100%);
	background-image: -moz-linear-gradient(-90deg, #8AD702 0%, #389100 100%);
	background-image: -webkit-linear-gradient(-90deg, #8AD702 0%, #389100 100%);
	background-image: -ms-linear-gradient(-90deg, #8AD702 0%, #389100 100%);
	background-image: linear-gradient(-90deg, #8AD702 0%, #389100 100%);
}

.progressbarInvalid {
	background-color:red;
	background-image: -o-linear-gradient(-90deg, #F94046 0%, #92080B 100%);
	background-image: -moz-linear-gradient(-90deg, #F94046 0%, #92080B 100%);
	background-image: -webkit-linear-gradient(-90deg, #F94046 0%, #92080B 100%);
	background-image: -ms-linear-gradient(-90deg, #F94046 0%, #92080B 100%);
	background-image: linear-gradient(-90deg, #F94046 0%, #92080B 100%);
}

#passProbs,
#complexity {
    width: 100%;
    text-align: center;
    font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    margin-top: 1px;
}

.inputPage input[type="password"] {
    width: 500px;
}