/***********************LB top.css*********************/
/*top_details*/
/*LIKE*/
/*intro*/
/*top-item*/
/*Top Widget*/
/*SIDEBAR RATINGS*/
/*SIDEBAR POLL*/
/**************MOBILE**************/
/*top-item MOBILE*/
/*LIKE MOBILE*/


/*top_details*/

.top_details {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:normal;
color:#4B8ABF;
text-decoration:none;
color:#666666;
white-space:nowrap;
margin-bottom:1em;
display:flex;
gap:15px;
width:auto;
align-items: center; /* vertical-align middle */
}

.top_details a {
color:#4B8ABF;
}

.top_date {
color:#333;
}

.localized_label {
background-color:#FFFF99;
padding:3px;
border:1px solid #000000;
font-size:0.8em;
margin-right:5px;
}

.localized_label a {
color:#000000;
text-decoration:none;
}

/*LIKE*/

.like {
  display: inline-flex;
  align-items: center;
  font-family: Helvetica, Arial, sans-serif;
}

.like-btn {
  display: inline-flex;
  align-items: center;
  background-color: #4267b2;
  border: 1px solid #365899;
  border-radius: 3px;
  color: white;
  font-size: 13px;
  font-weight: bold;
  padding: 4px 10px 4px 8px;
  cursor: pointer;
  line-height: 1.4;
  height: 28px;
  box-sizing: border-box;
}

.like-btn:hover {
  background-color: #4b76c4;
}

.like-btn svg {
  width: 14px;
  height: 14px;
  fill: white;
  margin-right: 5px;
}

.like-count {
  position: relative;
  margin-left: 8px; 
  border: 1px solid #ccd0d5;
  border-radius: 3px;
  background-color: white;
  font-size: 13px;
  color: #1c1e21;
  padding: 4px 8px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.like-count::before {
  content: "";
  position: absolute;
  left: -7px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid white;
  filter: drop-shadow(-1px 0 0 #ccd0d5);
}

/*intro*/

.intro {
background-color:#F9F9F9;
padding:0.7em;
font-size:1em;
text-align:justify;
margin-bottom:1em;
margin-top:0.5em;
}

.intro a {
color:#4B8ABF;
text-decoration:underline;}

.intro img { /*Used in tool reviews, tag-content*/
max-width:100%;
}

.showmore_one {
padding-bottom:0.9em;
padding-right:2.5em;
position:relative;
}

.showmore_content {
position:relative;
overflow:hidden;
}
.showmore_trigger {
width:1.8em;
position:absolute;
top:0.7em;
right:0.3em;
cursor:pointer;
}
.showmore_trigger span {
display: inline-block;
}

.seemore{
box-sizing: border-box; /*div will include padding and border*/
font-size:1em;
text-align:left;
}

.seemore a{
background: #f4f4f4;
text-decoration:none;
border:1px solid #ccc;
color:#666666;
padding:0.3em;
margin:0.3em;
}

.seemore a:hover{
 background: #fff;
 color:#666666; 
 border:1px solid #aaa; 
}

/*top-item*/

.top-item {
display:block;
margin-bottom:0.7em;
margin-top:0.7em;
text-align:left;
}

.position {
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
float: left; 
width: 2.9em;
height: 1.5em;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #666666;
font-weight: bold;
border: 1px solid #70A0CD;
background-color: #FFFFFF;
}

.item-title {
box-sizing: border-box; /*div will include padding and border*/
height:1.3em;
vertical-align:middle;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
color: #4B8ABF;
text-align: left;
font-weight: bold;
background-color:#F7F7F7;
padding-top:0.1em;
white-space: nowrap; /* for mobile */
overflow: hidden; /* for mobile */
}

.item-title a, .item-title a:visited{
color: #4B8ABF;
text-decoration:none;
margin-left:0.5em;
}

.item-title.promoted a {
color:#1F9C3E;
}

.item-image {
float:left;
position: relative; /*for platform icons*/
margin-right:0.7em;
margin-top:0.5em;
margin-bottom:0.7em;
width:300px;
background-color:#F5F5F6;
text-align:center;
}

.item-image img {
max-height:300px;
}


/*Top Widget*/

H4 {
/*Used: tool-subtitle*/
color:#1F9C3E;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
font-weight:normal;
margin-bottom:0px;
margin-top:0px;
}

H4 a {
color:#1F9C3E;
text-decoration:underline;
}

H4 a:hover {
color:#4B8ABF;
}

.top_widget {
display: grid;
grid-template-columns: 2em 1fr;
font-family: system-ui, sans-serif;
font-size: 1.1em;
overflow: hidden;
grid-auto-rows: 2.6em; 
align-items: stretch; /* cells stretch to whole line height*/
max-width: 100%;
}

.top_widget_n {
display: flex;
align-items: center;
justify-content: center;
color: #555;
font-weight: 600;
border-bottom: 1px solid #ddd;
background: linear-gradient(to bottom, #fffbe6 0%, #fff3b0 100%);
}

.top_widget_tool {
  display: flex;
  align-items: center;
  padding: 0 0.6em;
  border-bottom: 1px solid #ddd;
}

.top_widget_tool a {
  color: #2b6fa0;
  text-decoration: none;
}


.top_widget_tool a:hover {
  text-decoration: underline;
}

.sidebar-top {
margin-top:1.4em;
font-size:1em;
margin-bottom:1.4em;
}

/*????*/

.sidebar-top H4 {
margin-top:0;
padding-top:0;
max-width:100%;
}

.sidebar-top table {
width:100%;
}


/*SIDEBAR RATINGS*/

.sidebar_tops {
margin-top:1.2em;
margin-bottom:1.4em;
}

.sidebar_tops a:hover {
color:#1E9B3D;
}

.sidebar_tops img {
max-width:100%;
padding:0.2em 0 0.2em 0;
}

.sidebar_top_title {
font-size:1.3em;
font-family:Georgia, "Times New Roman", Times, serif;
}

.sidebar_top_title a {
color:#888888;
}

.sidebar_top_subtitle {
padding-top:0.2em;
padding-buttom:0.2em;
font-size:1.1em;
font-family:Georgia, "Times New Roman", Times, serif;
}

.sidebar_top_subtitle a {
font-family:Georgia, "Times New Roman", Times, serif;
color:#888888;
}

/*SIDEBAR POLL*/

.poll_title {
color:#1F9C3E;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
font-weight:normal;
margin-bottom:0px;
margin-top:0px;
}

.poll_intro {
font-size:1em;
text-align:justify;
}

#sortable {
box-sizing: border-box; /*div will include padding and border*/
width:100%;
list-style-type: none;
margin:0;
padding:0;
}

#sortable li {
margin: 0;
padding: 0;
height: 2.7em;
line-height: 2.7em;
border-bottom: 1px solid #C0BEBE;
background-color: #FFFFFF;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
position: relative;
user-select: none;
display: flex;
align-items: center; /* Вертикально выравнивает элементы по центру */
}

#sortable li:hover {
background-color: #f9f9f9;
}

#sortable li a {
font-size: 1em;
color: #4B8ABF;
}

#sortable li img {
cursor: move;
float: left;
margin-right: 4px;
}

#sortable li.placeholder {
display:none;
}


.active a{
color:#1E9B3D;
}



/*For autoloading*/
#showmore-triger {
text-align: center;
padding: 10px;
background: #ffdfdf;
}


/**************MOBILE**************/


@media only screen and (max-width: 700px) {

/*top-item MOBILE*/
.item-image {
float:none;
}

/*LIKE MOBILE*/
.like {
display:none;
}

}