/* == COMMON ==*/

.ino-star{
  display:inline-block;
  text-indent:-1000px;
  overflow:hidden;
  text-align:left!important;
  width:20px;
  height:20px;
  font-size:20px;
  line-height:20px;

  background-repeat:no-repeat;
  background-position: 0 0;
  background-image:url(../img/sprite_stars.png?v=5);
}

.ino-star:focus{
  -webkit-box-shadow: 0 0 0 0 #FFFFFF;
  box-shadow: 0 0 0 0 #FFFFFF;
}

.ino-star.c0 { background-position: 0 0; }
.ino-star.c1 { background-position: 0 -22px; }
.ino-star.c2 { background-position: 0 -44px; }
.ino-star.c3 { background-position: 0 -66px; }
.ino-star.c4 { background-position: 0 -88px; }
.ino-star.c5 { background-position: 0 -110px; }
.ino-star.c6 { background-position: 0 -132px; }
.ino-star.c7 { background-position: 0 -154px; }
.ino-star.c8 { background-position: 0 -176px; }
.ino-star.c9 { background-position: 0 -198px; }
.ino-star.c10 { background-position: 0 -220px; }
.ino-star.c11 { background-position: 0 -242px; }
.ino-star.c12 { background-position: 0 -264px; }


/* == ADMIN LIST ==*/

.widefat th.column-ino_starred_posts{
  width:2em;
}

.column-ino_starred_posts .ino-starred-column-header{
  display:inline-block;
  width:20px;
  height:20px;
  text-align:left;
  text-indent:-1000px;
  overflow:hidden;
  background-image:url(../img/col.png?v=5);
  font-size:20px;
  line-height:20px;

  background-repeat:no-repeat;
  background-position: center center;
}

.row-actions a.ino-star{
  vertical-align: bottom;
}
.row-actions .ino_star{
  display:none;
}

@media screen and ( max-width: 782px ) {
  th.column-ino_starred_posts,
  .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-ino_starred_posts {
    display: none!important;
  }
  .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-ino_starred_posts::before{
    content: none;
  }
  .row-actions .ino_star{
    display: inline;
  }
}


/* == SETTINGS ==*/

.ino-stars-disabled,
.ino-stars-enabled{
  min-height:30px;
  line-height:30px;
  min-width:50%;
  overflow:hidden;
  vertical-align:middle;
}

.ino-stars-list-label{
  font-weight:bold;
  display:inline-block;
  width:100px;
  min-height:30px;
  line-height:30px;
}
.ino-stars-list-label-not-used{
  opacity:0.7;
}

.ino-stars-row { margin-top:10px; }
.ino-stars-connected { display:inline-block; }

.ino-stars-connected .ino-star{
  cursor:move;
  margin:0 3px;
}

.ino-starred-setting-table th{
  width:30%;
}

.ino-starred-setting-table th,
.ino-starred-setting-table td{
  padding:0 0 15px;
}

.ino-starred-settings-footer{
  font-style:italic;
  color:#777;
}