.form-login-edit{
  background: #fff;
  box-shadow: 0px 1px 6px 1px #ccc;
  padding: 4rem;
  max-width: 1200px;
  margin:0;
}
.form-login-edit .roles {
    display: none;
}
.reset-pass-user .form-login-edit .ten.wide.column .nombre{display: none !important;}
.reset-pass-user .form-login-edit .ten.wide.column .mail{display: none !important;}
.reset-pass-user .form-login-edit .ten.wide.column .pass{margin-top: 4% !important;}
.reset-pass-user .form-login-edit h2.editar{display: none !important;}
.reset-pass-user .form-login-edit h2.cambiar{display: inline !important;}

.form-login-edit .pass > div.js-form-item::after{
  top: 8px;
}
.form-login-edit .ui.grid .icono {
    text-align: center;
    height: 100%;
    position: relative;
}
.form-login-edit .ui.grid .icono .user.icon {
    font-size: 8rem;
    position: absolute;
    right: 0;
    top: 15%;
    color: #ccc
  }

.form-login-edit  .ui.grid .icono .user.icon::before {
    border: 1px solid;
    padding: 1rem;
}
.form-login-edit h2{
  text-align: center;
  text-transform: uppercase;
}

.ten .js-form-item  label,
.ten .js-form-item .description{
  display: none;
}

.ten div > span {
    font-weight: bold;
    display: inline-block;
    width: 140px;
    vertical-align: top;
    margin: 0.75em 0;
}

.ten .js-form-item,
.ten .form-wrapper,
.ten #edit-pass{display: inline-block;}
.ten .pass .js-form-item{display: block;}

.reset-pass #user-form .thirteen div span {
    display: none;
}
.reset-pass #user-form .thirteen div.pass span{display: block;}

.reset-pass .form-login-edit .ui.grid .icono .user.icon{
  top: 44%;
}

.path-user .reset-pass .l-main.l-row{
  background: inherit;
}

.form-login-edit #edit-submit{
  background-color: #CA3D3D;
  color: #fff;
  box-shadow: none;
  border: 0;
}