
.form-container label {
	display: block;
}

.form p:nth-child(6)>label{
	font-weight: bolder;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px #b2bec3 solid;
	}

.form-container, .reset-box {
    width: 340px;
    margin: 2% auto;
    padding: 15px;
    box-shadow: 1px 1px 3px #636E72;
    background-color: white;
    color: #333;
    border-radius: 3px;
}
  .form-container img{
    max-width: 200px;
    margin: 10px auto;
  }
  .form-container button{
    margin-top: 10px;
    width: 213px;
  }

  .avatar-container{
    padding: 10px;
  }
  .avatar-container img{
    margin: auto;
    width: 100%;
    max-width: 160px;
  }

  .reset-box>h3,p{
    margin-bottom: 5px;
  }


  .btn-go{
    background-color: #fdcb6e;
    color: #794f01;
  }

  .pass-chkr{
      text-align: left;
      padding: 10px;
      background: white;
      border-radius: 3px;
      color: #333;
      font-size: 11px;
      z-index: 300;
      position: relative;
      width: 200px;
      margin: -69px auto auto auto;
      box-shadow: 0 0 3px #A4A4A4;
    }
    .pass-chkr span{
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    }
    .pass-chkr ul{
      list-style: none;
      padding: 0px;
    }
 .pass-chkr ul li::before {
content: "\2022";  
color: #333; 
display: inline-block; 
padding-right: 10px;
font-size: 50px;
line-height: 25px;
vertical-align: -11px;
width: 15px;
}
.pass-chkr ul li{
  padding-bottom: 3px;
}
.match{
  border: #55EFC4
 solid 2px;
}
.no-match{
  border: #D63031
 solid 2px;
}
.match-text{
  display:block;
  width: 200px;
  margin: auto;
  text-align:left;
}