/*
* LESS file
* Main style for FF Tab Widget Plugin
* Author: Kharis Sulistiyono
*/
.tabs.fftw-nav {
  height: 33px;
  margin: 0;
  padding: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #118a21;
  border-bottom: none;
}
.tabs.fftw-nav li {
  border: 1px solid #e6e6e6;
  border-right: none;
  background-color: #f7f7f7;
}
.tabs.fftw-nav li:last-child {
  border-right: 1px solid #e6e6e6;
}
.tabs.fftw-nav li.tabs_active {
  background-color: #118a21;
  border: 1px solid #118a21;
  border-right: none;
  color: #fff;
}
.fftw-panes {
	position:relative;
  background-color: #fafafa;
  border: 1px solid #118a21;
  padding: 5px;
  padding-top: 9px;
  margin-top:-2px;
  height:650px;
}
.fftw-panes ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.fftw-panes .fftw-show-thumbnail {
  margin-right: 7px;
  margin-left: 7px;
}
.fftw-panes .fftw-show-thumbnail li {
  border-bottom: 1px solid #dbdbdb;
}
.fftw-panes .fftw-show-thumbnail li:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.fftw-panes .tags {
  margin-right: 7px;
  margin-left: 7px;
  padding-bottom: 7px;
}
.fftw-panes .tags a {
  background-color: #E2E2E2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 3px;
  color: #000;

}
.fftw-panes .tags a:hover {
  background-color: #118a21;
  color:#fff;
   text-decoration: none;
}
.fftw-panes a {
  text-decoration: none;
}

.ff-tab-widget-wrap{height:700px;}
.fftw-panes img, .fftw-panes .mx.default{width:50px;height:45px;}
.fftw-panes .mx.default{display:inline-block;float: left;margin-right: 6px;background-position:-220px -177px;}

li .badge{
position: absolute;
top: -8px;
left: -8px;
background: #fff;
color: #118a21;
font-family: arial;
font-size: 11px;
font-weight: bold;
width: 16px;
height: 16px;
border-radius: 8px;
text-align: center;
line-height: 16px;
display: block;
-ms-box-shadow: 0 0 1px 1px rgba(11, 119, 1, 0.5);
-o-box-shadow: 0 0 1px 1px rgba(11, 119, 1, 0.5);
-webkit-box-shadow: 0 0 1px 1px rgba(11, 119, 1, 0.5);
-moz-box-shadow: 0 0 1px 1px rgba(11, 119, 1, 0.5);
box-shadow: 0 0 1px 1px rgba(11, 119, 1, 0.5);
-webkit-transition:0.1s linear all;-moz-transition:0.1s linear all;
-ms-transition:0.1s linear all;-o-transition:0.1s linear all;transition:0.1s linear all;
}
li:hover .badge{
background: #118a21;
color: #fff;
}