/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 #wn_password_strength_tester {
     width: 70%;
 }
 .match-sequence-container {
     display: flex;
 }
 .wn-heading-text {
     text-align: center;
 }
 .part-two-text {
     font-size: 3rem;
 }
 
 #wn_password_strength_tester {
	font-size: 100%;
	line-height: 1.5em;
	border: 1px solid #343434;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	height: 2.25em;
	padding: 0 0 0 20px;
	text-align: left;
	text-transform: none;
	margin: 0 auto;
	border-left: 8px solid #f63d3d !IMPORTANT;
}

.wn-password-tester-results
{
margin-top: 30px;
}


#wn_password_strength_tester {
  width: 60% !important;
  margin: 0 auto;
  display: table;
}
 .match-sequence-container {
     display: flex;
 }
 .wn-heading-text {
     text-align: center;
 }
 .part-two-text {
     font-size: 3rem;
 }
 .wn-full-result {
     display: none;
 }
 .understand-result {
  cursor: pointer;
  margin: 0 auto;
    margin-top: 0px;
  display: table;
  margin-top: 50px;
  border: 1px solid #000;
  padding: 20px;
  color: #fff;
  background: #000;
}
.understand-result:hover
{
  color: #000;
  background: transparent;
}
.sugest
{
text-align: center;
padding: 10px;
}



.white {
	font-family: road_em;
	color: black;
	border-color: black;
	border-style: solid;
	background-color: white;
}





.navsign {
	text-align: center;
	float: left;
	border-width: 2px;
	padding: .25em;
	padding-left: .4em;
	padding-right: .4em;
	margin: .2em;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.sign {
	text-align: center;
	border-width: 3px;
	padding: .5em;
	margin: .2em;
	float: left;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

.center {
	margin-left: auto;
	margin-right: auto;
}

.welcome {
	float: none;
	padding-left: 2em;
	padding-right: 2em;
	width: 30em;
}

.innerWelcome {
	font-size: x-large;	
	text-align: left;
}

.subWelcome {
	font-size: large;
	font-style: italic;
	display: block;	
	text-align: right;
}

.smallSign {
	width: 2em;
	height: 3em;	
}

.password {
	clear: both;
	padding: 1.5em;
	max-width: 40em;	
}

.finders {
	clear: both;
	padding: 1.5em;
	max-width: 60em;
	height: 100em;
}

.pattern {
	font-family: road_em;
	margin-bottom: 10px;
	height: 12em;
    min-width: 9em;
}

.passSummary {
	font-family: road_em;
	margin-bottom: 10px;
}

.patternDetail {
	font-family: road_em;
	clear:both;
	display: none;
	margin: 5;
}

.inline {
	float:left;	
}

.large {
	font-size: x-large;
}

.medium {
	font-size: large;
}

.xxlarge {
	font-size: xx-large;
}

.xsmall {
	font-size: x-small;
}

.small {
	font-size: small;
}

.smallFixed {
	width: 12em;	
}

.nowrap {
	clear:both;
}