.notification {
  font-family: 'Arial', sans-serif;
  padding: 12px 16px;
  background-color: #ffffff;
  color: #6a6a6a;
  border: 1px solid #ffffff;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.04);
  transition: all 0.3s ease;
}

.notification:hover {
  border-color: #c00707;
  color: #c00707;
  box-shadow: 0 3px 8px rgba(192, 7, 7, 0.1);
}

a.steam i { background-image: url(/img/steam.png); border:2px solid #115b8b } a.steam:hover i { background-image: url(/img/steam-w.png); background-color:#115b8b; border:2px solid #115b8b;}

.catName {background:#f2f2f2; padding:5px; margin-right:10px; border-radius:3px; width:100%; display:block; border:solid 1px #f2f2f2; color:#000;} .catName:hover {border:solid 1px #bebebe;} .catNumData{display:none;} 

.author_block {
  display: table;
  padding: 12px;
  width: 100%;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  background-color: #fdfdfd;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.author_avatar,
.author_name,
.time,
.author_phone,
.author_www,
.author_check {
  display: table-cell;
  vertical-align: top;
}

.author_avatar {
  width: 84px;
  padding-right: 15px;
}

.author_avatar img {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid #ddd;
}

.author_name a {
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  color: #333;
  text-decoration: none;
}

.author_name a:hover {
  text-decoration: underline;
  color: #007acc;
}

.author_name span {
  display: block;
  font-size: 13px;
  color: #888;
  margin-top: 4px;
}

.author_name i {
  font-style: italic;
  font-size: 11px;
  color: #999;
  display: block;
  margin-top: 8px;
}


.author_phone span,
.author_www span,
.author_check span {
  display: block;
  font-size: 16px;
  color: #777;
  margin-top: 4px;
}

.author_www {
  flex: 1 1 100%;
  margin-top: 12px;
  text-align: left;
}

.author_www a {
  display: inline-block;
  padding: 10px 20px;
  background-color: #007acc;
  color: #fff;
  border-radius: 6px;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.author_www a:hover {
  background-color: #005fa3;
}

.author_check i {
  font-style: normal;
  font-family: 'Impact', sans-serif;
  font-size: 16px;
  color: #999;
  display: block;
  margin-top: 8px;
}
 

.likeplus {font-size:1pt;background:url('http://yraaa.ru/_pu/10/58127939.png') top;width:13px;height:12px;overflow:hidden;cursor:pointer;margin-right:4px;margin-top:0px}
.likeplus_hover {font-size:1pt;background:url('http://yraaa.ru/_pu/10/58127939.png') bottom;width:13px;height:12px;overflow:hidden;cursor:pointer;margin-right:4px;margin-top:0px}
.like2 {font-size:8pt;font-weight:bold;color:#111C49;}
.likex {font-size:8pt;font-weight:bold;color:#223276;}

::-webkit-scrollbar-button {
background-image:url('');
background-repeat:no-repeat;
width:10px;
height:0px
}

::-webkit-scrollbar-track {
background-color:#ecedee
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 6px;
border-radius: 6px;
background-color:#77a8d0;
}

::-webkit-scrollbar-thumb:hover{
background-color:#4d80aa;
}

::-webkit-resizer{
background-image:url('');
background-repeat:no-repeat;
width:10px;
height:0px
}

::-webkit-scrollbar{
width: 10px;
}