*, *:after, *:before{
  box-sizing:border-box;
}

html, body {
	font-family: 'Arial', sans-serif;
	background-image: url("/files/clouds.png");
}

.clear {clear:both;}

#man-people-user, #lock-locker {
  fill:white;
}


.wrapper{
  background:#DBC6A8;
  width:602px;
  min-height:400px;
  margin-top:-4px;
  margin-right: auto;
  margin-left: auto;
  border:10px solid #FFFFFF;
  position: relative;

}
.wrapper2{
  background:#DBC6A8;
  width:602px;
  min-height:150px;
  margin-top:-4px;
  margin-right: auto;
  margin-left: auto;
  border:10px solid #FFFFFF;

}

form {position:relative;}

.clear {clear:both;}
.sign-in {
  text-align: center;
  color:#579144;
  font-size:1.3em;
  padding:7px 25px;
  margin-right: auto;
  margin-left: auto;
}
.sign-in2 {
  color:#6F321C;
  padding:7px 25px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
.button {
  float:right;
  color:#ffffff;
  border:1px solid #B3AC86;
  padding:7px 15px;
  border-radius:3px;
  font-size:0.8em;
  cursor:pointer;
  margin: 5px;
  background: #395B2C;
  text-decoration: none;
}

.ht_button {
  color:#6F321C;
  font-size:0.8em;
  cursor:pointer;
  margin: 15px;
}

.ht_button:a
{
	color:#6F321C
}

.ht_button:hover
{
	color:#9F521C
}

.button:hover {
	color:#d3d3d3
}

.lock {
  position:absolute;
  width:30px;
  height:30px;
  margin-top:10px;
  padding:7px;
  left:5px;
  &::after {
    content:"";
    width:1px;
    height:30px;
    position:absolute;
    background:#22272d;
    top:0px;
    left:100%;
  }
}
.user {

  position:absolute;
  width:30px;
  height:30px;
  margin-top:10px;
  padding:7px;
  left:5px;
  &::after {
    content:"";
    width:1px;
    height:30px;
    position:absolute;
    background:#22272d;
    top:0px;
    left:100%;
  }
}

input {
  width:100%;
  padding:5px;
  height:40px;
  border-radius:3px;
  margin:5px 0;
  outline: none;
}
input[type="text"]:focus, input[type="password"]:focus {
  border:1px solid #839cb9;
  box-shadow:none;
}
.user-input:focus .user{
  background:#edd2a9 !important;

}

input[type="text"]{
  background:#E6D2B0;
  border:1px solid #22272d;
  color:#000000;
}
input[type="email"]{
  background:#E6D2B0;
  border:1px solid #22272d;
  color:#000000;
}
input[type="password"]{
  background:#E6D2B0;
  border:1px solid #22272d;
  color:#000000;
}
input[type="submit"]{
  background:#395B2C;
  border:1px solid #B3AC86;
  color:white;
  text-align:center;
  font-size:1.2em;
  cursor:pointer;
  margin:15px 10%;
  width: 80%;
}

input[type="radio"]{
  display:none;
}
.radio-check {
  width:50px;
  height:20px;
  border:1px solid #22272d;
  border-radius:30px;
  margin-top:10px;
  float:left;
  text-align:center;
  padding:4px 0;
  color:#e6b333;
  font-size:0.65em;
  position:relative;
  label{
    margin:0 2px;
    cursor:pointer;
  }
  .switch-selection{
    display: block;
    position: absolute;
    width:11px;
    height:11px;
    border-radius:50%;
    background:#babbbd;
    margin-top:-11px;
    margin-left:11px;
    transition: 0.2s ease-out;
  }

}

 .radio-yes:checked ~ .switch-selection{
    margin-left:25px !important;
  }


.check-label {
  font-size:0.8em;
  color:#7f8084;
  margin-top:10px;
  float:left;
  padding:3px 0;
  margin-left:10px;
}


.forgot-label {
  font-size:0.8em;
  color:#7f8084;
  margin-top:10px;
  float:right;
  padding:3px 0;
  cursor:pointer;
}

.authForm
{
	display:block;
  	margin-right:25%;
    margin-left:25%;
}
.registerForm
{
	display: none;
}
.resetPasswordForm
{
	display: none;
}