.profile-header {
  padding: 15px 0; }
  .profile-header .center-content > * {
    width: max-content;
    margin-left: auto;
    margin-right: auto; }
  .profile-header .user-image {
    border-radius: 50%;
    width: 170px;
    height: 170px;
    margin-bottom: 20px;
    margin-right: 20px; }
  .profile-header .user-image.mine {
    cursor: pointer; }
  .profile-header .user-name {
    font-size: 24px; }
  .profile-header .socials {
    margin-top: 15px; }
    .profile-header .socials .social-btn img {
      height: 25px;
      width: auto;
      margin: 0 3px; }
  .profile-header .private-msg {
    background: white;
    border: solid 1px lightgray;
    border-radius: 3px; }
  .profile-header .user-bio {
    width: 100%; }
    .profile-header .user-bio textarea {
      background: transparent;
      border: none;
      width: 500px;
      max-width: 500px;
      display: block;
      margin: 5px auto;
      font-size: 14px;
      padding: 5px;
      border: solid 1px lightgray; }
    .profile-header .user-bio textarea::placeholder {
      color: gray;
      /* Firefox */
      opacity: 1; }
    .profile-header .user-bio textarea::-ms-input-placeholder {
      color: gray; }
    .profile-header .user-bio textarea::-ms-input-placeholder {
      color: gray; }
    .profile-header .user-bio > div {
      padding: 5px 0;
      width: 500px;
      color: white;
      margin: 5px auto; }
  .profile-header .action-btn {
    width: max-content;
    display: block;
    margin: 0 auto;
    font-size: 13px;
    border-radius: 3px;
    margin-top: 3px; }
  .profile-header .save-btn {
    display: block;
    margin: 0 auto;
    width: max-content; }

.tabs {
  background: whitesmoke;
  box-shadow: 0 2px 3px rgba(0, 0, 0, .2); }
  .tabs .tab {
    flex: 1;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    padding: 15px 0;
    cursor: pointer;
    transition: all 0.2s; }
    .tabs .tab img {
      width: 25px;
      height: 25px;
      opacity: 0.7;
      display: block;
      margin: 0 auto; }
  .tabs .tab:hover {
    background: #e4e4e4; }
  .tabs .tab.active {
    background: #dadada; }

.profile-content {
  background: lightgray; }
  .profile-content > .container {
    padding: 20px;
    background: white; }
  .profile-content .tab-content .row > * {
    padding: 0 5px; }
  .profile-content .section-title {
    font-size: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center; }
    .profile-content .section-title .title {
      flex: 1; }
    .profile-content .section-title small {
      display: block; }
  .profile-content .pad {
    padding: 0 5px; }

.delete-account {
  color: red;
  font-weight: bold;
  cursor: pointer;
  width: max-content;
  margin-left: auto; }