.cus-alpha{margin: 20px auto;}
.cus-alpha .comment-wrap {margin: 0;    min-height: auto;}
.cus-alpha .scrtabs-tab-container * {box-sizing: border-box; margin-bottom:0px;}
.cus-alpha .scrtabs-tab-container {height: 60px;}
.cus-alpha .scrtabs-tab-container .tab-content {clear: left;}
.cus-alpha .scrtabs-tabs-fixed-container {float: left; height: 60px; overflow: hidden; width:auto;}
.cus-alpha .scrtabs-tabs-movable-container {position: relative;}
.cus-alpha .scrtabs-tabs-movable-container .tab-content {display: none;}
.cus-alpha .scrtabs-tab-scroll-arrow {/*border: 1px solid #dddddd;*/ width:100%; border-top: none; color: #428bca; cursor: pointer; float: left; font-size: 12px; height: 42px; margin-bottom: -1px; padding-left: 0px; padding-top: 20px; width: 20px;}
.cus-alpha .scrtabs-tab-scroll-arrow:hover {background-color: #fff;}
.cus-alpha .scrtabs-tabs-fixed-container ul.nav-tabs {height: 60px;border-right: 0;border: 0;}
.cus-alpha .scrtabs-tabs-fixed-container ul.nav-tabs > li {white-space: nowrap;width: 50px; height: 35px; background: transparent!important; margin-top: 10px;}
.cus-alpha .scrtabs-tabs-fixed-container ul.nav-tabs > li a{background:#d7d7d7!important;color:#333;margin:0;padding:10px 5px!important;border:0;cursor:pointer;font-size:13px;font-weight:700;border-radius:50px;width:40px;line-height:16px;height:40px;text-align:center;border: 0!important;}
.cus-alpha .scrtabs-tabs-fixed-container ul.nav-tabs > li a:hover{background:#aaa!important;}
.cus-alpha .scrtabs-tabs-fixed-container ul.nav-tabs > li:after{border: 0px solid transparent;border-bottom-color: #999;}
.cus-alpha .scrtabs-tabs-fixed-container ul.nav-tabs > li a:after{border: 0;}

.cus-alpha .scrtabs-tabs-fixed-container ul.nav-tabs > li.active a{background: #c8102e!important; color: #fff; padding: 0 20px;}
.cus-alpha .scrtabs-tab-content-outside-movable-container .nav-tabs {display: none;}

/*st-demo.css*/
 .cus-alpha .st-demo-header {background-color: #666666; color: white; font-size: 24px; padding: 8px 24px;}
.cus-alpha .st-demo-header button {color: black; font-size: 12px;}
.cus-alpha .st-demo-subheader {background-color: #f0f0f0; color: #333; font-size: 16px; height: 65px; margin-top: 50px; padding: 8px 24px;}
.cus-alpha .st-demo-subheader:first-child {margin-top: 0;}
.cus-alpha .st-txt-right{text-align:right;}
.cus-alpha .scrtabs-js-tab-scroll-arrow-right{text-align:right!important;}

.cus-alpha .tab-content {padding: 20px;}
.cus-alpha .tab-pane{padding: 0;}

@media (max-width: 768px){
.cus-alpha .scrtabs-tab-scroll-arrow {/*border: 1px solid #dddddd;*/ width: 100%; border-top: none; color: #428bca; cursor: pointer; float: left; font-size:15px; height: 42px; margin-bottom:-1px; padding-left:2px; padding-top:18px; width: 23px; display:block;}
}

.cus-alpha .scrtabs-tabs-fixed-container ul.nav-tabs > li a{line-height: 22px; }
.musiccat{background: #f4f7f9; padding: 20px 0;}
.mytracks{background:#FFF; border:0px solid red; padding-top:0px; overflow-x: auto;}
.mytracks .table{table-layout: fixed;}
.mytracks .table>thead>tr>th, .mytracks .table>tbody>tr>th, .mytracks .table>tfoot>tr>th, .mytracks .table>thead>tr>td, .mytracks .table>tbody>tr>td, .mytracks .table>tfoot>tr>td{ padding: 10px;border-bottom: 1px solid #ccc;vertical-align: middle;}
.mytracks .table>tbody>tr>td img{width: 32px; cursor: pointer}
.mytracks .table>tbody>tr>td img.playbtn{margin-right: 10px;}
.mytracks .table>tbody>tr>td.playtd{width: 200px;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.mytracks .table>tbody>tr>td.distd{width: 400px;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.cat-cont{float: left; position: relative; margin:0 1%; margin-bottom: 20px; width: 23%;}
.cat-cont img{width: 100%;}
.description{font-size: 16px; text-align: center; font-weight: bold; background: rgba(0,0,0,0.5); position: absolute; bottom: 0; right: 0; left: 0; line-height: 50px; color: #fff;transition: all 1s; height: 50px; }
.cat-cont:hover .description{  height: 100%;}
@media only screen and (max-width: 768px){
.mytracks .table>tbody>tr>td.playtd{width: 150px;}
.mytracks .table>tbody>tr>td.distd{width: 200px;}
.mytracks .table>tbody>tr>td{width: 40px;}
.cat-cont{ margin:0 1.5%; margin-bottom: 20px;width: 30%;}	
}
@media only screen and (max-width: 480px){
.mytracks .table>tbody>tr>td.playtd{width: 150px;}
.mytracks .table>tbody>tr>td.distd{width: 100px;}
.mytracks .table>tbody>tr>td{width: 50px;}
.cat-cont{ margin:0 2%; margin-bottom: 20px;width: 46%;}
}