body {
  background-image: url("../../login-form/img/3jPYgeVCTWCMqjtb7Dqi_IMG_8251-1400x933.jpg");
  background-size: cover;
  background-color: #006a7e;
}
.col-center {
  float: none;
  margin: 0 auto;
  height: 100vh;
}
.pos-vert {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.login {
  max-width: 450px;
  position: relative;
  margin: 0 auto;
}
.login .avatar {
  margin-right: 20px;
  width: 100px;
  height: 100px;
  background-color: #333;
  border-radius: 9999em;
  box-shadow: inset 0 1px rgba(255,255,255,0.6);
  background-image: url("../../../images/unknow_large.jpe");
  background-size: contain;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
.login .avatar:after {
  content: "\e013";
  font-family: 'Glyphicons Halflings';
  color: #fff;
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 9999em;
  box-shadow: inset 0 1px rgba(255,255,255,0.36);
  position: absolute;
  bottom: 2px;
  right: 2px;
  background-color: #2196f3;
  text-align: center;
  padding-top: 2px;
  vertical-align: middle;
  text-indent: -1px;
}
.login .avatar+.form-group {
  margin-left: 120px;
}
.login .avatar+.form-group .user-name {
  color: #fff;
  font-family: 'Raleway', sans-serif;
  margin-top: 0;
  margin-bottom: 26px;
  width: 100%;
  vertical-align: middle;
  font-weight: 100;
  text-shadow: 0px 2px 4px rgba(0,0,0,0.5);
}
.login .avatar+.form-group .user-name small {
  color: #999;
  text-shadow: initial;
  font-size: 0.5em;
  margin-top: 0.5em;
  padding-right: 8px;
}
.login .avatar+.form-group .input-group .input-group-addon {
  background-color: #fff;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}
.login .avatar+.form-group .input-group .input-group-addon span[class^='glyph'] {
  color: #999;
}
.login .avatar+.form-group .input-group input {
  border-left: 0;
  border-right: 0;
}
/*avatar_pwd*/
.login .avatar_pwd {
  margin-right: 20px;
  width: 100px;
  height: 100px;
  background-color: #333;
  border-radius: 9999em;
  box-shadow: inset 0 1px rgba(255,255,255,0.6);
  /*background-image: url("http://localhost/tributos/assets/images/unknow_large.jpe");*/
  background-size: contain;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
.login .avatar_pwd:after {
  content: "\e013";
  font-family: 'Glyphicons Halflings';
  color: #fff;
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 9999em;
  box-shadow: inset 0 1px rgba(255,255,255,0.36);
  position: absolute;
  bottom: 2px;
  right: 2px;
  background-color: #33CC00;
  text-align: center;
  padding-top: 2px;
  vertical-align: middle;
  text-indent: -1px;
}
.login .avatar_pwd:after {
  content: "\e013";
  font-family: 'Glyphicons Halflings';
  color: #fff;
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 9999em;
  box-shadow: inset 0 1px rgba(255,255,255,0.36);
  position: absolute;
  bottom: 2px;
  right: 2px;
  background-color:#33CC00;
  text-align: center;
  padding-top: 2px;
  vertical-align: middle;
  text-indent: -1px;
}
.login .avatar_pwd+.form-group {
  margin-left: 120px;
}
.login .avatar_pwd+.form-group .user-name {
  color: #fff;
  font-family: 'Raleway', sans-serif;
  margin-top: 0;
  margin-bottom: 26px;
  width: 100%;
  vertical-align: middle;
  font-weight: 100;
  text-shadow: 0px 2px 4px rgba(0,0,0,0.5);
}
.login .avatar_pwd+.form-group .user-name small {
  color: #999;
  text-shadow: initial;
  font-size: 0.5em;
  margin-top: 0.5em;
  padding-right: 8px;
}
.login .avatar_pwd+.form-group .input-group .input-group-addon {
  background-color: #fff;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}
.login .avatar_pwd+.form-group .input-group .input-group-addon span[class^='glyph'] {
  color: #999;
}
.login .avatar_pwd+.form-group .input-group input {
  border-left: 0;
  border-right: 0;
}
/*avatar_pwd*/

.hidden_box{
margin: 0;
padding: 0;
outline: 0;
font-size: 13px;
border: 13px solid transparent;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
right: -13px;
top: -4px;
cursor: pointer;
height: 39px;
}