@charset "utf-8";

/* Bootstrap */
body{margin:0}

form{margin-bottom:5px}
table { background-color: transparent;border-spacing: 0; border-collapse: collapse;}
.table {width: 100%;max-width: 100%; border-bottom: solid 1px #d5d5d5;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {padding: 8px;line-height: 1.42857143;vertical-align: top;border-top: 1px solid #ddd;}
.text-center {text-align: center;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {padding: 8px;line-height: 1.42857143;vertical-align: top;border-top: 1px solid #ddd;}
a:link, a:visited {color: #000;text-decoration: none;}
.hide{display:none}
.pull-left{float:left}
.pull-right{float:right}
.btn-menu{padding:0 10px}
.cursor{cursor: pointer;}

/* Pg */
.pagination>li>a, .pagination>li>span {position: relative;float: left;padding: 6px 12px; margin-left: -1px;line-height: 1.42857143;color: #428bca;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.pagination-sm>li>a, .pagination-sm>li>span {padding: 5px 10px;font-size: 12px;}
.pagination li a {border-radius: 0 !important;color: #333 !important;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {z-index: 2;color: #fff;cursor: default;background-color: #428bca; border-color: #428bca;}
.pagination li.active a {color: #fff !important; background: #444 !important;border-color: #444 !important;}

.pagination {display: inline-block;padding-left: 0; margin: 20px 0; border-radius: 4px;}
.pagination>li {display: inline;}

/* Btn-gradient */
.btn-gradient{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 80%, #f6f6f6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 80%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 80%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
.btn-listen{
	height:23px;
	border: solid 1px #b6bbc2;
	padding:0 5px;
    border-radius: 3px!important;
    line-height: 21px;
    font-size: 11px;
    color: #4d4e53;
    font-weight: bold;
}
.btn-listen:hover{border:solid 1px #3f3e3e!important}
.btn-listen .fa-check{color:#555659}
.btn-listen .fa-folder-open{color:#555659}
.btn-listen .fa-plus{color:#555659}
.btn-listen .fa-play{color:#009623}
.active .fa-star{color:#ffc900}