/* СТРАНИЦА ПРОСМОТРА ПРОФИЛЯ */
#viewprofile .container {
  position: relative;
}

#viewprofile table {
  width: 100%;
  table-layout: fixed;
}

#viewprofile .container tr {
  display: table-row !important;
}

#viewprofile td#profile-left {
  width: 240px !important;
  min-width: 240px !important;
  vertical-align: top;
}

#viewprofile td#profile-right {
  vertical-align: top;
  padding-left: 20px;
  border: 0px !important;
}

/* ЛЕВАЯ КОЛОНКА */
#profile-left {
  background: #ececec;
  border: 0px !important;
  text-align: center;
  position: relative;
  overflow: visible;
  width: 240px;
  min-width: 240px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ДЕФОЛТНЫЙ ФОН */
#profile-left::before {
  background: url(https://upforme.ru/uploads/0016/e6/98/2/339583.png) top center no-repeat;
  background-size: cover;
  content: '';
  height: 600px;
  width: 240px;
  z-index: 0;
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  border-radius: 10px;
}

/* ГРАДИЕНТ СНИЗУ */
#profile-left::after {
  content: '';
  z-index: 1;
  height: 100%;
  top: 0px;
  display: block;
  width: 240px;
  position: absolute;
  left: 0;
  background: linear-gradient(0deg, rgb(226 226 226) 60%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
}

/* ВСЁ ПОВЕРХ ФОНА */
#profile-left li,
#profile-left img,
#profile-left strong,
#profile-left a 
#profile-left ul {
  position: relative;
  z-index: 2;
}

/* СВЕТЛЫЙ БЛОК КАК ul В ПОСТЕ */
#profile-left-box {
	background: #f8f8f8;
	width: 200px;
	margin: 10px 20px;
	border-radius: 15px;
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	 padding: 10px 0;
	}

/* ПОРЯДОК ЭЛЕМЕНТОВ */
#profile-left #profile-name { order: 1; }
#profile-left #profile-title { order: 2; }
#profile-left #pa-avatar    { order: 3; }
#profile-left #pa-fld1      { order: 4; }
#profile-left #pa-online    { order: 5; }
#profile-left #pa-edit      { order: 6; }

/* НИК */
#profile-name {
  width: 200px;
  margin-top: 40px;
}

#profile-name strong {
  font-family: 'RoslindaleCyrillic' !important;
  font-weight: 500;
  font-size: 16px;
  text-transform: lowercase;
  color: #1e1e1e !important;
  text-align: center;
  display: block;
  padding: 5px 0 10px 0;
}

/* СТАТУС */
#profile-title strong {
  font-size: 8px;
  font-family: 'Manrope';
  text-transform: lowercase;
  color: #1e1e1ec2;
  text-align: center;
  display: block;
  margin-top: -12px;
}

/* АВАТАР */
#pa-avatar img {
  max-width: 180px;
  max-height: 180px;
  border-radius: 10px;
  position: relative;
  z-index: 2;
}

/* ЛЗ В ЛЕВОЙ КОЛОНКЕ */
#profile-left #pa-fld1 {
  position: relative;
  z-index: 2;
  width: 200px;
  color: #000000;
  text-align: center;
  padding: 4px !important;
  font-size: 10px;
  font-family: 'Nunito';
  margin: 0 auto;
}

#profile-left #pa-fld1 span {
  display: none;
}

/* ОНЛАЙН */
#pa-online {
  margin-top: 10px;
  font-size: 8px;
  font-family: 'Manrope';
  text-transform: lowercase;
  color: #1e1e1ec2;
  text-align: center;
  position: relative;
  z-index: 2;
}

/* РЕДАКТИРОВАТЬ */
#pa-edit {
  margin-top: 8px;
  font-size: 8px;
  font-family: 'Nunito';
  text-transform: lowercase;
  text-align: center;
  position: relative;
  z-index: 2;
}

#pa-edit a {
  color: #866858 !important;
  font-weight: 600;
}

/* СКРЫТЬ ФОН СПРАВА */
#profile-right #pa-fld4 {
  display: none;
}

/* ПРАВАЯ КОЛОНКА - flex контейнер */
#profile-right-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  align-content: flex-start;
  width: 100%;
}

/* КАРТОЧКИ */
#profile-right-grid li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: calc(33% - 6px);
  min-height: 80px;
  padding: 0px 0px 12px 0px !important;
  border-radius: 8px;
  background: #e2e2e299;
  border: 1px solid #6f6f6f1a !important;
  box-sizing: border-box;
  list-style: none;
  overflow: hidden;
}

/* НАЗВАНИЕ ПОЛЯ - плашка сверху */
#profile-right-grid li span:first-of-type {
  display: block !important;
  width: 100%;
  text-align: center;
  background: #cec8c55c;
  font-family: 'Nunito';
  font-weight: 600;
  font-size: 9px;
  text-transform: lowercase;
  padding: 5px 8px 6px 8px;
  margin: 0 0 10px 0 !important;
  color: #504f4f;
  height: auto !important;
  border-radius: 8px 8px 0 0;
  box-sizing: border-box;
}

/* ЗНАЧЕНИЕ ПОЛЯ */
#profile-right-grid li strong {
  font-family: 'Nunito';
  font-size: 10px;
  font-weight: 600;
  text-transform: lowercase;
  color: #1e1e1e;
  padding: 0 10px;
}

/* БИТКОИНЫ */
#profile-right-grid li#pa-fld2 strong {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

#profile-right-grid li#pa-fld2 span.fld-name {
  display: none !important;
}

/* СКРЫТЬ НЕНУЖНЫЕ */
#profile-right-grid li#pa-fld4,
#profile-right-grid li#pa-invites,
#profile-right-grid li#pa-awards,
#profile-right-grid li#pa-email {
  display: none;
}

/* СООБЩЕНИЯ - убрать разделитель */
#profile-right-grid li#pa-posts strong {
  font-size: 0;
}

#profile-right-grid li#pa-posts strong a {
  font-size: 9px !important;
  display: block;
}

/* ССЫЛКИ ВНУТРИ */
#profile-right-grid li a {
  display: block;
  font-size: 9px;
  font-family: 'Nunito';
  color: #866858 !important;
  font-weight: 600;
}

/* ОБЩИЕ */
#viewprofile td {
  font-size: 10px;
  font-family: 'Nunito';
  text-transform: lowercase;
}

#viewprofile td a {
  font-size: 11px;
  font-family: 'Nunito';
  font-weight: 600;
  text-transform: lowercase;
}