/* IMPORT GLOBALS */
/* Variables used in multiple files */
/* Variables */
/* Elements */
/* ID's */
/* Classes */
.user-profile {
  margin: 30px 20px;
  padding: 30px;
  display: flex;
  flex-direction: column; }
  .user-profile__title {
    display: flex;
    padding: 5px 12px;
    margin-bottom: 18px;
    color: white;
    background: -webkit-linear-gradient(top, #333333, #212121);
    border-radius: 5px;
    line-height: 22px; }
    .user-profile__title > span {
      margin-left: auto; }
  .user-profile__main {
    display: flex; }
    .user-profile__main__picture > img {
      height: 120px;
      width: 120px; }
    .user-profile__main__info {
      display: flex;
      flex-direction: column;
      padding: 0 20px;
      flex: 1; }
      .user-profile__main__info > div {
        display: flex;
        padding: 6px 50px 6px 15px;
        border-top: 1px solid #dedede;
        font-size: 13px; }
        .user-profile__main__info > div:nth-child(odd) {
          background: #fafafa; }
        .user-profile__main__info > div > * {
          flex: 1; }
        .user-profile__main__info > div > span:first-child {
          font-weight: bold; }
  .user-profile__intro {
    min-height: 70px;
    margin-top: 10px;
    padding: 20px;
    background: whitesmoke;
    font-size: 13px; }
  .user-profile__controls {
    display: flex;
    margin-top: 10px; }
    .user-profile__controls > input {
      margin-left: auto; }

.user-profile-edit {
  margin: 30px 20px;
  padding: 30px;
  display: flex;
  flex-direction: column; }
  .user-profile-edit__title {
    display: flex;
    padding: 5px 12px;
    margin-bottom: 18px;
    color: white;
    background: -webkit-linear-gradient(top, #333333, #212121);
    border-radius: 5px;
    line-height: 22px; }
    .user-profile-edit__title > span {
      margin-left: auto; }
  .user-profile-edit__main {
    display: flex; }
    .user-profile-edit__main__picture > img {
      height: 200px;
      width: 200px; }
    .user-profile-edit__main__info {
      display: flex;
      flex-direction: column;
      padding: 0 20px;
      flex: 1; }
      .user-profile-edit__main__info > div {
        display: flex;
        padding: 6px 50px 6px 15px;
        border-top: 1px solid #dedede;
        font-size: 13px; }
        .user-profile-edit__main__info > div:nth-child(odd) {
          background: #fafafa; }
        .user-profile-edit__main__info > div .submit-container {
          display: flex;
          text-align: center; }
          .user-profile-edit__main__info > div .submit-container > input {
            margin: 5px 20px;
            flex: 1; }
        .user-profile-edit__main__info > div > * {
          flex: 1; }
        .user-profile-edit__main__info > div > span:first-child {
          font-weight: bold; }
        .user-profile-edit__main__info > div > input, .user-profile-edit__main__info > div > textarea {
          height: 30px;
          max-width: 280px;
          min-width: 280px;
          box-sizing: border-box;
          padding: 0 5px; }
        .user-profile-edit__main__info > div.user-profile-edit_bio {
          padding-right: 0; }
          .user-profile-edit__main__info > div.user-profile-edit_bio > label {
            flex: 0;
            min-width: 100px; }
          .user-profile-edit__main__info > div.user-profile-edit_bio > textarea {
            min-height: 120px;
            max-width: 460px;
            margin-left: auto; }
  .user-profile-edit__intro {
    min-height: 70px;
    margin-top: 10px;
    padding: 20px;
    background: whitesmoke;
    font-size: 13px; }
  .user-profile-edit__controls {
    display: flex;
    margin-top: 10px; }
    .user-profile-edit__controls > input {
      margin-left: auto; }

/*# sourceMappingURL=user.css.map */