body{
	/*
	background: #E9EBEE;
	*/
	background: #252525;
	padding-top: 40px;
}
body.fullscreen{
	padding-top: 0px;
	margin-bottom: 0px;
	background: #666666;
}
.box.fullscreen{
	border: none !important;
	box-shadow: none !important;
}
#print-content.fullscreen{
	width: 100% !important;
	border-radius: 0px;
}
.slide-holder{
	top: 50px;
	box-shadow: 0px 0px 10px #CCC;
}
.box.has-list .box-list-group li{
	border: none;
	line-height: 14px;
	height: 35px;
	padding-left: 0px;
	padding-right: 0px;
}
.box.box-promote{
	background: #2E9FFF;
	text-align: center;
	color: #FFF;
}
.CCC{
	color: #CCC !important;
	}
.with-100{
	width: 100% !important;
	}
.left-10{
	margin-left: 10px;
}
.share-container{
	display: none;
	}
.pointer{
	cursor: pointer !important;
	}
.bold{
	font-weight: bold !important;
	}

.related-list{
	padding: 0px;
	padding-top: 15px;
	margin: 0px;
	list-style: none;
	}
.related-list .fa{
	margin-right: 10px;
	}
.related-list li a{
	line-height: 30px;
	}
.form-des{
	color: #CCC;
	}
.form-group.border-bottom{
	padding-bottom: 20px;
	}
.thumbnail.artists{
	padding: 0px;
	border: none;
	position: relative;
	box-shadow: 0px 0px 10px #CCC;
	border-radius: 0px;
}
.thumbnail.artists .caption-2{
	position: absolute;
	bottom: 30px;
	width: 100%;
	}
.thumbnail.artists .caption-2 .label{
	color: #FFF;
	border-radius: 0px;
	}
.thumbnail.artists .caption-2 .bg-aqua{
	padding: 5px;
	font-size: 12px;
	border-radius: 0px 5px 0px 0px;
}
.thumbnail.artists img{
	width: 100%;
	}
.thumbnail.artists .caption{
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	}
.thumbnail.artists .title a{
	text-align: center;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	}
.thumbnail.videos{
	padding: 0px;
	border: none;
	position: relative;
}
.thumbnail.videos .caption-2{
	position: absolute;
	bottom: 30px;
	width: 100%;
	}
.thumbnail.videos .caption-2 .label{
	color: #FFF;
	border-radius: 0px;
	}
.thumbnail.videos img{
	box-shadow: 0px 2px 5px #DDD;
	}
.thumbnail.videos .caption{
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
.thumbnail.videos .title a{
	color: #333;
	font-size: 14px;
	font-weight: bold;
	}
.secondary-nav{
	box-shadow: 0 4px 2px -2px #CCC;
	border-radius: 0px;
	border-left: none;
	background: #f9f9f9;
	border-right: none;
	margin-bottom: 0px;
	}
.video-holder{
	background: #000000;
	max-height: 480px;
}
.secondary-nav .my-dropdown-menu li a{
	padding-top: 10px;
	padding-bottom: 10px;
	}
.secondary-nav .fa{
	margin-right: 7px !important;
	color: #999;
	}
.dropdown-menu.my-dropdown-menu{
	border-radius: 0px;
	min-width: 200px;
	border: 1px solid #DDD;
	}
.dropdown-menu.has-arrow:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
#cd-title{
	text-transform: capitalize;
}
.dropdown-menu.has-arrow:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}
.dropdown-menu.my-dropdown-menu li a:hover{
	}
.slide-big iframe{
	width: 100%;
	height: 400px;
	}
#media-slide-wrap iframe{
	width: 100% !important;
	}
.share-bottun ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align: right;
	}
.share-bottun ul li{
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}
.alert-default{
	background: #EEE;
	padding: 5px;
	text-align: center;
	}
.margin-top-10{
	margin-top: 10px;
	}
.text-muted.comment-date{
	margin-left: 10px;
	font-size: 12px;
	}
.box-header.center{
	text-align: center !important;
}
.treeview-menu li a{
	cursor: pointer;
	}
#box-search-results{
	max-height: 500px;
	overflow: auto;
}
.noti-product-title{
	font-size: 14px;
	color: #333;
}
.product-description.noti .fa{
	font-size: 12px;
	margin-right: 5px;
	}
/* artists results */
.products-list.artist .product-img img {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  margin-top: 5px;
}
.products-list.artist .product-info {
  margin-left: 45px;
}
.box-title-2{
	padding: 5px;
	padding-top: 8px;
}
.unfavorite.undo{
	color: #0729F4;
}
.favorite:hover{
	color: #FC0307 !important;
	cursor: pointer;
}
.unfavorite:hover{
	cursor: pointer;
	color: #FC0307 !important;
}

/*new song results */
.media.border-bottom:last-child{
	border-bottom: none;
	}
.media.border-bottom{
	border-bottom: 1px solid #EEE;
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	}
.media-heading.title a{
	font-size: 14px;
	font-weight: normal;
	color: #333;
	}
.media.border-bottom .artist a{
	color: #CCC;
	}
/*new song results */
.video-info{
	padding: 0px;
	margin: 0px;
	}
.video-info li{
	color: #CCC;
	line-height: 16px;
	font-size: 12px;
	}
.upload-container{
	border: 2px dashed #CCC;
	height: 170px;
	width: 100%;
	border-radius: 5px;
	}
.right-10{
	margin-right: 10px;
	}
.pointer{
	cursor: pointer;
	}
.row-list{
	border-bottom: 1px solid #EEE;
	list-style: none;
	padding: 10px;
	padding-left: 15px;
}
.row-list a{
	color: #666;
	font-weight: bold;
}
.row-list .fa{
	margin-right: 10px;
	}
.row-list .pull-right{
	color: #09F !important;
	cursor: pointer;
	}
.row-list .pull-right.undo{
	color: #F60 !important;
	}
.a-color a{
	color: #09F !important;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	border-radius: 1px;
	}
.col-xs-3.a-color .songbook{
	color: #FFF !important;
	background: #19C2F5;
	}
.col-xs-3.a-color .songbook:hover{
	color: #FFF !important;
	background: #0099D9;
	}
.col-xs-3.a-color .unsongbook{
	color: #FFF !important;
	background: #C00909;
	}
.col-xs-3.a-color .unsongbook:hover{
	color: #FFF !important;
	background: #333;
	}
.todo-list a{
	color: #666;
	}
.create-new-songbook{
	display: none;
	}
.related-icon.link:hover{
	color: #F30;
	cursor: pointer;
	}
.band-cover .cover-img{
	width: 100%;
	}
.band-menu{
	height: 40px;
	border-bottom: 1px solid #EEE;
	}
.band-menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
.band-menu ul > li > a.border-none{
	border: none;
	}
.band-menu ul > li > a .fa{
	margin-right: 5px;
	color: #999;
	font-size: 12px;
	}
.band-menu ul > li > a{
	float: left;	
	width: 20%;
	text-align: center;
	cursor: pointer;
	line-height: 40px;
	border-left: 1px solid #EEE;
	color: #06C;
	}
.band-menu ul > li > a .badge{
	background: none;
	color: #CCC;
	}
.band-cover{
	position: relative !important;
	}	
.band-cover .my-caption{
	position: absolute !important;
	bottom: 0px;
	padding: 10px;
	}
.user-image-cover img{
	width: 80px;
	height: 80px;
	border-radius: 5px;
	}
.cover-media-body{
	padding-top: 20px;
	font-weight: bold;
	color: #FFF;
	font-size: 20px;
	}
.cover-media-body h4{
	font-weight: bold;
	color: #FFF;	
	text-shadow: 3px 0px 2px rgba(150, 150, 150, 1);
	font-size: 25px;	
	}
.band-cover .my-caption .title{
	}
.create-new-band{
	display: none;
	}
.fa-tool{
	color: #CCC;
	cursor: pointer;
	font-size: 14px;
	padding: 10px;
}
.fa-tool:hover{
	background: #F9f9f9;
	color: #333;
	}
.hidden-yes{
	display: none;
	}
.full-width{
	width: 100%;
	}
#dropdown-results{
	display: none;
	}
#dropdown-results li{
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}
.product-img.it-date{
	background: #749DFB;
	text-align: center;
	padding: 5px;
	color: #fff;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 10px;
	}
.product-img.it-date .date{
	font-size: 16px;
	font-weight: bold;
	}
.product-title{
	color: #333;
	font-size: 16px;
	}
.date-color-at{
	color: #999 !important;
	}
#accordion #setlist-panel{
	padding: 0px;
	box-shadow: none;
	border: none;
	border-radius: 0px;
	margin: 0px;
	}
#accordion #setlist-panel .box-body{
	padding: 0px;
	margin: 0px;
	}
#accordion #setlist-panel .box-header{
	background: #FFF;
	border-bottom: 1px solid #EEE;
	box-shadow: none !important;
	}
#accordion #setlist-panel .box-header .box-title{
	padding-left: 5px;
	font-weight: bold;
	font-size: 14px;
	}
#accordion #setlist-panel .box-header .box-title .fa{
	margin-right: 10px;
}
.sidebar-footer{
	position: absolute;
	bottom: 100px;
	width: 100%;
	}
.sidebar-footer a{
	color: #0E22FF !important;
	}
.sidebar-footer a:hover{
	color: #070156 !important;
	}
#setlist-list .item{
	padding: 15px;
	font-size: 12px;
	border-bottom: 1px solid #DDD;
	}
#setlist-list .product-img.it-date{
	padding: 3px;
	font-size: 10px;
	}
#setlist-list .product-img.it-date .date{
	font-size: 12px;
	}
#setlist-list #setlist-badge{
	margin-right: 10px;
	}
#setlist-list #setlist-badge a{
	cursor: pointer;
	background: #09F;
	padding: 1px;
	border-radius: 3px;
	color: #FFF;
	padding-left: 7px;
	padding-right: 7px;	
	}
#setlist-list #setlist-badge a.undo{
	background: #333 !important;
	color: #FFF !important;
	}
.undo{
	color: #042FF4 !important;
	}
#setlist-list .add-new{
	font-size: 14px;
	}
#setlist-list .add-new a:hover{
	color: #09F;
	}
.fa.right10{
	margin-right: 10px;
	}
#setlist-list .add-new a{
	cursor: pointer;
	}
#setlist-list .product-info a{
	color: #666;
	font-weight: bold;
}
#setlist-list .product-info a:hover{
	color: #09F;
	}
.noti-type-font{
	margin-right: 5px;
	}
.font-red{
	color: #F30;
	}
.badge.badge-F9{
	background: #F9f9f9;
	color: #999;
	}
.song-menu.embed{
	border: none;
	position: fixed;
	top: 5px;
	width: auto;
	right: 0px;
}
.song-menu.embed li{
	border: none;
	width: auto;
	padding: 5px;
	padding-top: 0px;
	}
.song-menu.embed li:fist-child{
	float: left !important;
	}
.user-img-menu{
	width: 18px;
	height: 18px;
	margin-right: 5px;
	margin-left: -5px;
}
.search-chord-mobile{
	background: #FFF;
	margin-bottom: 10px;
}
.search-chord-mobile #search-box{
	border: 1px solid #DDD;
}
/*--------------------------------------
menu
--------------------------------------*/
#menu{
	top: 0px;
	border-right: 1px solid #333;
	background: #7e3db0;
	width: 75% !important;
	max-width: 260px !important;
	z-index: 9999;
	}
#menu:not(.mm-menu)
{
	display: none;
}
#menu .listview-icons li a{
	line-height: 30px;
	font-size: 16px;
	color: #FFF;
}
#menu .listview-icons > li span{
	color: #FFF !important;
	font-size: 16px !important;
}
.mm-menu.mm-theme-white .mm-navbar a {
    color: #FFF !important;
}
#menu .fa{
	margin-right: 10px;
	color: #CCC;
	}
.my-box-title{
	font-weight: bold;
	text-transform: none;
	}
/*--------------------------------------
end menu
--------------------------------------*/
.sidebar-search-wrap{
	position: fixed;
	top: 50px;
	z-index: 9999;
	height: 100%;
	display: none;
	width: 100%;
	background: #333;
	background-color: rgba(0,0,0,0.3);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF);   /* IE6 & 7 */
    zoom: 1;
	}
.sidebar-search-wrap .container{
	max-width: 600px;
}
.chord-menu-left-sidebar{
	background: #FFF;
	border: 1px solid #DDD;
	margin-bottom: 15px;
	border-top: none;
	}
.sidebar-search-heading{
	margin-bottom: 10px;
	}
.search-results{
	list-style: none;
	padding: 0px;
	margin: 0px;
	}
.search-results .fa{
	margin-right: 5px;
	}
.search-results li{
	border-bottom: 1px solid #DDD;
	line-height: 45px;
	}
.search-results li .badge{
	background: #F9f9f9;
	color: #999;
	margin-top: 8px;
	}
.search-results-img{
	width: 30px;
	height: 30px;
	border-radius: 10px;
	margin-right: 5px;
	}
.fade-color{
	color: #CCC;
	}
.song-info-body ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	}
.song-dropdown{
	box-shadow: 0px 0px 5px #EEE;
	border: 1px solid #DDD;
	background: #f9f9f9;
	}
.menu-logo{
	width: auto;
	float: left;
	}
@media (min-width: 1200px) {
}
@media (min-width: 992px) {	
}
@media (min-width: 768px) {
}
.my-menu .badge{
	background: #EEE;
	color: #999;
	}
.my-menu .fa{
	color: #999;
	}
.web-name{
	font-size: 16px;
	margin-left: 10px;
	text-transform: uppercase;
	color: #666;
}
#search-box{
	height: 30px;
	border-right: none;
	width: 100%;
}
.search-btn .btn{
	height: 30px;
	padding-top: 3px;
}
.custom-mid-nav.nav-menu{
	float: left;
	margin-left: 10px;
	}
.custom-mid-nav.nav-menu .fa{
	margin-right: 5px !important;
	color: #999 !important;
	}
.custom-mid-nav.nav-menu a{
	color: #666;
	}
.custom-mid-nav.search{
	width: 25%;
	float: left;
	padding: 10px;
	padding-left: 20px;
	}
.custom-mid-nav a{
	color: #333;
	font-size: 14px;
	}
.custom-nav-wrap{
	width: 50%;
	float: left;
	height: 50px;
	}
.custom-nav-wrap .fa{
	margin-right: 5px;
	}
.custom-nav-wrap ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	}
.custom-nav-wrap ul li a{
	float: left;
	line-height: 50px;
	padding-left: 15px;
	padding-right: 15px;
	text-transform: uppercase;
	color: #999;
	}
.custom-nav-wrap ul li a:hover{
	color: #09F;
	cursor: pointer;
	}
.main-header{
	background: #FFF;
	height: 51px;
	padding-bottom: 10px;
	position: fixed;
	box-shadow: 0px 0px 10px #CCC;
	width: 100%;
	top: 0px;
	z-index: 999;
}
.blue{
	color: #480BF7 !important;
	}
.song-menu-sidebar a{
	color: #333 !important;
	}
.song-menu-sidebar a:hover{
	color: #5F28FC !important;
	}
.center{
	text-align: center !important;
}
.display-none{
	display: none;
	}
.menu-sidebar{
	width: 300px;
	position: fixed;
	top: 0px;
	border-radius: 0px;
	height: 100%;
	background: #FFF;
	right: 0px;
	z-index: 999;
	box-shadow: 0px 0px 20px #999 !important;
	border: none;
	overflow: auto;
	display: none;	
}
.menu-sidebar-right{
	width: 300px;
	position: fixed;
	top: 0px;
	border-radius: 0px;
	height: 110%;
	box-shadow: 0px 0px 20px #999 !important;	
	background: #FFF;
	right: 40px;
	z-index: 2222;
	border: none;
	overflow: auto;
	display: none;
}
#play{
	width: 370px;
	position: fixed;
	top: 52px;
	height: 100%;
	background: #FFF;
	left: 0px;
	z-index: 1111;
	border: none;
	overflow: scroll;
	display: none;
}
#play .box{
	box-shadow: none;
	border: none;
	padding: 0px;
}
.chord-dictionary{
	width: auto;
	position: fixed;
	top: 60px;
	height: auto;
	background: #FFF;
	left: 20px;
	z-index: 1111;
	border: 2px solid #50BDFB !important;
	overflow: auto;
	display: none;
	padding-left: 0px;
	}
.chord-holder{
	padding: 0px;
	margin: 0px;
	list-style: none;
	}
.chord-holder li{
	float: left;
	padding: 10px;
	}
.chord-holder li:hover{
	box-shadow: 0px 0px 5px #CCC;
	cursor: pointer;
	}
.youtube-iframe{
	width: 100%;
	height: 350px;
	}
.related-icon{
	margin-right: 20px;
	color: #DDD;
	}
.cd-dropdown-trigger{
	background: none;
	color: #333;
	font-size: 16px;
	line-height: 50px;
	}
.cd-dropdown-trigger:hover{
	border: none;
	}
.body-content{
	margin-top: 20px;
	}
.left-sidebar{
	padding: 5px;
	}
.left-0{
	padding-left: 0px;
	}
.right-0{
	padding-right: 0px;
}
.right-5{
	padding-right: 5px;
	}
.padding-5{
	padding: 5px;
}
.right-sidebar{
	padding: 5px;
	}
.main-content{
	padding: 5px;
	}
#menu{
	max-width: 250px;
}
.main-icon{
	font-size: 18px;
	color: #333;
	cursor: pointer;
	}
.username .username-at-menu{
	font-size: 14px;
	}
/*@media (max-width: 1000px) {
	.sidebar-search-wrap{
		display: none;
		width: 100%;
	}
	#menu{
		max-width: 300px;
	}
	.main-header .main-icon{
	font-size: 20px;
	}	
}*/
.limit-text{  
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*@media (min-width: 768px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
 }*/
 .dropdown-ajax{
	 width: 100%;
	 box-shadow: 0px 0px 5px #DDD;
	 border-radius: 0px;
	 }
 .dropdown-ajax li{
	 width: 100%;
	 padding-left: 10px;
	 line-height: 30px;
	 }
.dropdown-ajax li:hover{
	background: #09F;
	cursor: pointer;
	color: #FFF;
	}
#charNum{
	color: #CCC;
	}
.form-control{
	color: #333;
	}
.my-box-header{
	border-bottom: 1px solid #DDD;
	background: #F9f9f9;
	}
.my-box-header h3{
	font-size: 12px;
	text-transform: uppercase;
	padding-left: 5px;
	}
#my-pagination{
	background: none;
	list-style: none;
	text-align: center;
	line-height: 50px;
	}
#my-pagination li{
	padding: 0px;
	margin: 0px;
	}
#my-pagination li a{
	line-height: 50px;
	padding: 8px;
	background: #FFF;
	border-radius: 3px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
	border: 1px solid #DDD;
	}
.related-songs .panel-body{
	padding: 0px;
	}
.related-songs .panel-body .list-group{
	padding: 0px;
	margin: 0px;
	}
.related-songs .list-group-item{
	padding-left: 0px !important;
	}
.related-songs .panel-body .list-group a:last-child{
	border-radius: 0px 0px 3px 3px;
	}
.related-songs .panel-body .list-group a{
	border: none;
	border-top: 1px solid #DDD;
	border-radius: 0px;
	}
.song-title{
	padding: 5px;
	padding-left: 15px;
	font-family: 'Moul', cursive;
	visibility: hidden;
	}
.song-title .artist-name{
	color: #999;
	font-weight: normal;
	padding-right: 15px;
	}
.print-description{
	border: none;
	background: none;
	font-size: 12px;
	color: #CCC;
	margin-top: 20px;
	}
.border-bottom{
	border-bottom: 1px solid #EEE;
	}
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 80px;
}
.footer-wrap {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 80px;
  /* Set the fixed height of the footer here */
/*  border-top: 3px solid #06F337;*/
  background-color: #3a3a3a;
  padding-top: 30px;
  padding-bottom: 20px;
}
.footer-details{
	text-align: center;
	color: #fff;
	}
.menu-label{
	margin-top: 8px;
}
/*-----------------------------------------------
Overwrite menu
------------------------------------------------*/
.cd-dropdown-content .fa{
	color: #AAA;
	margin-right: 10px;
	font-size: 14px;
	}
.box{
	border: none;
	box-shadow: 0px 0px 10px #DDD;
	border: 1px solid #DDD;
	}
/*-----------------------------------------------
1 Chords
------------------------------------------------*/
.ol-chord-results{
	background: #FFF;
	border-top: none;
	padding-left: 5px;
	padding-right: 5px;
	list-style: none;
	}
.ol-chord-results li{
	padding: 12px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	padding-right: 0px;	
	border-top: 1px solid #EEE;
	}
.ol-chord-results li a{
	line-height: 20px;
	}
.ol-chord-results li:first-child{
	border: none;
}
.ol-chord-results li ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.ol-chord-results li ul li{
	margin: 0px;
	padding: 0px;
	border: none;
	}
.ol-chord-results li ul li a:hover{
	text-decoration: none;
	cursor: pointer;
	}
.ol-chord-results li ul .title a{
	color: #000;
	font-size: 14px;
	}

.ol-chord-results li ul .sub-title a{
	color: #999;
	font-size: 12px;
	}
.ol-chord-results li ul li .artist-name{
	color: #999;
	font-weight: normal;
	}
.ol-chord-results li ul .dropdown.pull-right{
	bottom: 20px;
	right: -5px;
	}
.ol-chord-results li ul .dropdown.pull-right a .glyphicon{
	margin: 0px;
	padding: 0px;
	color: #999;
	margin-right: 5px;
	}
.ol-chord-results li ul .dropdown.pull-right a .glyphicon:hover{
	color: #333;
	}
.dropdown.pull-right .dropdown-menu{
	padding-bottom: 5px;
	padding-top: 5px;
	min-width: 210px;
	}
.ol-chord-results li ul .dropdown.pull-right .dropdown-menu li #badge{
	position: absolute;
	right: 0px;
	padding-left: 10px;
	padding-right: 10px;
	top: 6px;
	color: #ccc;
	}

.song-info-body ul > li {
	line-height: 20px;
	font-size: 14px;
	}
.song-info-title{
	color: #F30;
	line-height: 25px;
	margin-top: 0px;
	font-size: 22px;
	margin-bottom: 10px;
	}
.my-btn{
	padding-top: 3px !important;
	padding-bottom: 3px !important;	
}
.margin-top-10{
	margin-top: 10px;
	}
.color-ccc{
	color: #CCC;
	}
.song-text{
	background: none;
	border: none;
	width: 100% !important;
	overflow: auto;	
	}
.song-text .no-collor{
	color: #333;
}
.song-text span{
	color: #E80000;
	cursor: pointer;
}
.song-text span.c{ 
	padding-right:5px;
}
.cap{
	text-transform: capitalize;
}
.song-text span.c:hover{
	border-bottom: 1px dashed #0415C7;
	color: #333;
}
.song-text .s-part{
	color: #7e3db0;
	font-weight: bold;
	text-transform: capitalize;
	line-height: 40px;
	font-size: 14px;
	/*
	padding: 2px;
	padding-left: 5px;
	padding-right: 10px;
	border: 1px solid #09F;
	border-left: none;
	border-right: none;
	*/
	}

.song-text .chorus{
	color: #06C72E;
	font-weight: bold;	
	/*
	padding: 2px;
	padding-left: 5px;
	padding-right: 20px;
	border: 1px solid #06C72E;
	border-left: none;
	border-right: none;
	*/
	}
.song-text .pre-chorus{
	color: #06C72E;
	font-weight: bold;
	/*	
	padding: 2px;
	padding-left: 5px;
	border: 1px solid #06C72E;
	border-left: none;
	border-right: none;
	*/
	}

.song-text .key{
	color: #09F;
	font-weight: bold;
	/*	
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 1px solid #09F;	
	*/
}

.khmerfont{
	font-family: 'Khmer', cursive;
	}
.khmerfont-freehand{
	font-family: 'Freehand', cursive;
	line-height: normal;
}
.chord_tip{
	position: relative;
	}
.chord_des{
	background: #FFF;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #CCC;
	position: absolute;
	bottom: 30px;
	z-index: 99999;
	display: none;
	border: 1px solid #CCC;
	left: -20px;
	}
.media-padding{
	padding: 15px;
	}
.img-rounded.song-info-img{
	width: 100px;
	height: 100px;
	margin-right: 15px;
	opacity: 0.8;
	}
.song-info-img:hover{
	opacity: 1;
}
.related-video-title{
	font-size: 14px;
	}
/*----------------------------------------------
song menu
------------------------------------------------*/
.song-menu{
	width: 100%;
	height: 50px;
	}
.song-menu ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
.song-menu ul li{
	float: left;
	width: auto;
	color: #999;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 48px;
	text-align: center;
	border-left: 1px solid #EEE;
	}
.song-menu ul li.no-b-left{
	border-left: none;
}
.song-menu ul li.active{
	background: #7e3db0;
}
.song-menu ul .active img{
	opacity: 1;
}
.tp-input{
	width: 20px;
	text-align: center;
	border: none;
	color: #AAA;
	font-size: 12px;
	line-height: 18px;
}
#tp-input{
	padding-left: 0px;
	padding-right: 0px;
}
.song-menu ul li a img{
	width: 26px;
	height: 26px;
	border-radius: 50%;
	opacity: 0.7;
}
.song-menu ul li a{
	color: #999;
	font-size: 20px;
	width: 100%;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
	}
.song-menu ul li a:hover{
	color: #09F;
	}
.song-menu ul a .badge{
	float: right;
	}
.song-menu ul li:first-child{
	border: none;
	}
.song-sidebar-toggle{
	cursor: pointer;
	}
.menu-sidebar a, .menu-sidebar-right a{
	color: #333;
	}
.menu-sidebar .fa, .menu-sidebar-right .fa{
	color: #999;
	font-size: 14px;
	}
.chord-menu-left-sidebar .sidebar-menu li a{
	line-height: 40px;
	padding: 0px;
	border-bottom: 1px solid #F5f5f5;
	color: #333;
	}
.chord-menu-left-sidebar .fa{
	color: #999;
	}
.chord-menu-left-sidebar ul{
	padding: 0px;
	margin: 0px;
	}
.chord-menu-left-sidebar .sidebar-menu li a:hover{
	background: #F9f9f9;
	}
.menu-sidebar .sidebar-menu li a, .menu-sidebar-right .sidebar-menu li a{
	line-height: 40px;
	padding: 0px;
	border-bottom: 1px solid #F5f5f5;
	padding-left: 15px;
	padding-right: 15px;
	}
.menu-sidebar .sidebar-menu li	.treeview-menu a, .menu-sidebar-right .sidebar-menu li	.treeview-menu a{
	margin-left: 15px;
	}
.transpose-menu{
	height: 200px;
	overflow: auto;
	}
.menu-sidebar .sidebar-menu li a:hover{
	background: #F9f9f9;
	}
.menu-sidebar-right	.sidebar-menu li a:hover{
	background: #F9f9f9;
}
.menu-sidebar-heading{
	line-height: 35px;
	width: 100%;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #DDD;
	background: #F9F9F9;
	padding-left: 15px;
	padding-right: 15px;
	}
.menu-select{
	border: none;
	border-left: 1px solid #F9f9f9;
	padding: 5px;
	margin-top: 4px;
	font-size: 12px !important;
	}
.comment-wrapper{
	margin-top: 50px;
	border-top: 1px solid #DDD;
	}
.sidebar-menu .display-none{
	display: none;
	}
.related-slide{
	width: 100%;
	}

.sidebar-menu-subright{
	padding-left: 15px !important;
	height: 40px;
	border-bottom: 1px solid #F9f9f9;
}
.sidebar-menu-subright .fa{
	margin-right: 10px;
	margin-top: 13px;
	}
.sidebar-menu-subright li{
	text-align: center;
	}
.sidebar-menu-subright li a{
    float: right;
	width: 50px;
	border: none !important;
	border-left: 1px solid #F9f9f9 !important;
}
.sidebar-menu-subright li a .fa{
	margin-left: 4px;
	}
.sidebar-menu-subright li a.border-right{
	border-right: 1px solid #f9f9f9 !important;
	}
.sidebar-menu-subright ul{
	list-style: none;
	width: 160px;
	float: right;
}
/*------------------------
chord diagram
-------------------------*/
#chord-diagram-wrap{
	width: 90px;
	float: left;	
}
.chord-img{
	width: 100px;
	height: 140px;
	}
#chord-diagram-wrap ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#chord-diagram-wrap li{
	margin: 0 3px;
	float: left;
	list-style: none;
	width: 70px;
	margin-left: 7px;
	margin-right: 10px;
	height: 95px;
}
#chord-diagram-wrap li img{
	width: 100%;
	height: 100%;
	padding: 0;	
}		
.diagrams{
	background: #FFF;
	width: 100%;
	padding: 0px;
	margin: 0px;
	margin-top: 0px;
	box-shadow: none;
	border: none;	
	}
.box.chord-box{
	cursor: pointer;
}
/*small diagram*/
.box.chord-box.small .fr-no{
	position: absolute;
	top: 20px;
	left: -7px;
	font-size: 10px;
	color: #0089B3;	
}
.box.chord-box.small{
	box-shadow: none;
	width: 60px;
	height: 95px;
	text-align: center;
	position: relative;
	padding: 5px;
	border: none;
	float: left;
	margin-right: 5px;
	padding-bottom: 0px;
	margin-bottom: 1px;
	opacity: 0.8;
	font-size: 10px;
	}
.box.chord-box.small.keyboard{
	width: 95px;
	height: 75px;
	margin-right: 1px;
}
.box.chord-box.small.ukulele{
	width: 60px;
	padding-left:10px;
	padding-right: 5px;
	height: 105px;
	margin-right: 5px;
	margin-bottom:5px;
}
/*small medium*/
.box.chord-box.medium .fr-no{
	position: absolute;
	top: 28px;
	left: -7px;
	font-size: 12px;
	color: #0089B3;	
}
.box.chord-box.medium{
	box-shadow: none;
	width: 100px;
	height: 145px;
	text-align: center;
	position: relative;
	padding: 10px;
	border: none;
	float: left;
	margin-right: 1px;
	padding-bottom: 0px;
	margin-bottom: 1px;
	opacity: 0.8;
	}
.box.chord-box.medium.keyboard{
	width: 140px;
	height: 95px;
	margin-right: 5px;
}
.box.chord-box.medium.ukulele{
	width: 85px;
	height: 150px;
	margin-bottom:5px;
	padding-left:10px;
	padding-right:5px;
	margin-right: 5px;
}
/*big diagram*/
.box.chord-box.big .fr-no{
	position: absolute;
	top: 28px;
	left: -7px;
	font-size: 14px;
	color: #0089B3;	
}
.box.chord-box.big{
	box-shadow: none;
	width: 120px;
	height: 165px;
	text-align: center;
	position: relative;
	padding: 5px;
	border: none;
	float: left;
	margin-right: 10px;
	padding-bottom: 0px;
	margin-bottom: 1px;
	opacity: 0.8;
	}
.box.chord-box.big.keyboard{
	width: 190px;
	height: 125px;
	margin-right: 10px;
}
.box.chord-box.big.ukulele{
	width: 120px;
	height: 190px;
	margin-bottom:10px;
	padding-left:15px;
	padding-right:10px;
	margin-right: 10px;
}
/*general diagram css*/

.chord-box img{
	width: 100% !important;
}

.box.chord-box{
	box-shadow: none;
	width: 100px;
	text-align: center;
	position: relative;
	padding: 5px;
	border: none;
	float: left;
	margin-right: 1px;
	padding-bottom: 10px;
	margin-bottom: 1px;
}
.box.chord-box:hover{
	opacity: 1;
}
.box.chord-box .box-body{
	position: relative;
}
.box.chord-box .box-body .title{
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	color: #0089B3;
}
.box.chord-box .chord-sharp{
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.box.chord-box .fr-no{
	position: absolute;
	top: 28px;
	left: -7px;
	font-size: 12px;
	color: #0089B3;	
}
/* new box-chords */
.box.chord-box.new-chord-box{
	box-shadow: none;
	width: auto;
	height:auto;
	padding:0px;
	margin:0px;
}
.box.chord-box.new-chord-box .box-chord{
	padding:0px;
	margin:0px;
}
.box.chord-box.new-chord-box .box-chord:hover{
	border-radius:3px;
}
.box.chord-box.missing-chord-box{
	margin-right:5px;
}
.box.chord-box.missing-chord-box .box-header{
	color: #333 !important;
	font-size:18px;
	height:23px;
}
.box.chord-box.missing-chord-box .box-body{
	border: 1px dashed #CCC;
	width:75px;
	border-radius:5px;
	height:90px;
	background: #f9f9f9;
}
.box.chord-box.missing-chord-box .box-body .fa{
	font-size:18px;
	margin-top:32px;
	font-weight: normal;
	color: #CCC;
}
.box.chord-box.new-chord-box:hover{
	box-shadow: none;
}
.variations{
	width: 100%;
	display: none;
	padding: 2px;
	padding-left: 0px;
	padding-right: 0px;
	}
.variations a{
	border-radius: 5px;
	padding: 0px;
	}
.box.chord-box:hover{
	box-shadow: 0px 0px 5px 0px #CCC;
	}
.box.chord-box .box-tools{
	padding: 0px;
	position: absolute;
	top: -15px;
	right: -13px;
	display: none;
	z-index: 9999;
	}
.box.chord-box .box-tools .fa{
	font-size: 20px;
	color: #D30003;
}
.variations-chords{
	position: absolute;
	border: 1px solid #DDD;
	overflow: auto;
	top: 140px;
	left: -20px;
	box-shadow: 0px 0px 5px 0px #CCC;
	width: 185px;
	z-index: 9999;
	background: #FFF;
	display: none;
	}
.variations-chords ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	}
.variations-chords ul li{
	float: left;
	padding: 5px;
	cursor: pointer;
	}
.variations-chords ul li:hover{
	box-shadow: 0px 0px 3px #DDD;
	}
.un-login-wrap{
	width: 100%;
}
.un-login-wrap li{
	width: 50%;
	float: left;
	list-style: none;
	text-align: center;
}
.un-login-wrap li a{
	color: #666;
}
.un-login-wrap li a .fa{
	color: #999;
}
.un-login-wrap li a:hover{
	text-decoration: none;
	color: #09C;
	cursor: pointer;
}

.empty-content{
	padding: 30px;
	min-height: 200px;
	text-align: center;
	}
.empty-content .fa{
	color: #999;
	font-size: 50px;
	}
.box-body .empty-content{
	min-height:80px;
	height: 80px;
	padding: 20px;
	}
.box-body .empty-content .fa{
	font-size: 30px;
	}
.box-body .devider{
	border-bottom: 1px solid #EEE;
	font-size: 12px;
	color: #CCC;
	margin-top: 10px;
	}
.box-body .devider a{
	color: #CCC;
	cursor: pointer;
	}
.box-body .devider a:hover{
	color: #09F;
	text-decoration: none;
	}
.card1-container {
  cursor: pointer;
  height: 70px;
  perspective: 600;
  position: relative;
  width: 70px;
  float: left;
  margin-left: 10px;
  margin-bottom: 10px;
}
.card1 {
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: all 1s ease-in-out;
  width: 100%;
}
.card1:hover {
  transform: rotateY(180deg);
}
.card1 .side {
  backface-visibility: hidden;
  border-radius: 5px;
  height: 100%;
  position: absolute;
  overflow: hidden;
  width: 100%;
}
.card1 .back {
  background: #eaeaed;
  color: #0087cc;
  line-height: 70px;
  text-align: center;
  font-size: 8px;
  transform: rotateY(180deg);
}
#notification-fast{
	position: fixed;
	top: 50px;
	right: 10px;
	background: #E8272A;
	width: 30%;
	z-index: 99999;
	display: none;
	}
#notification-fast .alert{
	border-radius: 0px;
	text-align: center;
	}
.chat .item .tools{
	display: none;
	}
.chat .item .tools .fa{
	margin-left: 10px;
	}
#comment-post-btn, .diplay-none{
	display: none;
}
#comment-post-text{
	max-width: 100%;
}
.comment-reply{
	padding: 0px;
	margin: 0px;
	list-style: none;
	padding-left: 55px;
}
.comment-reply li{
	float: left;
	margin-right: 15px;
}
.reply-comment{
	padding-left: 50px;
	margin-top: 15px;
}
.box-body .chat .item{
	margin-bottom: 15px;
	}
#textarea-comment-reply{
	padding-left: 50px;
}

/* my-main-menu */
ul.my-main-menu > li{
	border-bottom: 1px solid #EEE;	
}
ul.my-main-menu > li:last-child{
	border: none;
}
ul.my-main-menu > li > ul > li:last-child{
	padding-bottom: 15px;
}
ul.my-main-menu > li a{
	color: #333;
	cursor: pointer;
}
ul.my-main-menu > li .fa{
	color: #999;
}

ul.my-main-menu > li a:hover{
	color: #0620F1;
}
#search {
	padding: 10px;
	position: relative;
}
#search .box.dropdown-menu{
	top: 0px;
	}
.btn.search-button{
	height: 30px;
	padding: 0px 10px 0px 10px;
	}
.notifications-menu .dropdown{
	height: auto;
	}
#search-input{
	background: url(../../images/search-icon.png) no-repeat 10px 8px;
    color: #777;
    width: 100px;
	height: 30px;
	outline: none;
	border: none;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	border-radius: 10px;
    }
.center{
	text-align: center;
}
.user-menu #user-image{
	border-radius: 3px;
	width: 23px;
	height: 23px;
	margin-right: 5px;
}
.a-no-border li{
	border: none !important;
	}
.user-footer.with-border{
	border-top: 1px solid #EEE;
	}
.comment-tools a{
	margin-right: 8px;
	color: #CCC;
	cursor: pointer;
	}
.comment-tools a .fa{
	font-size: 18px;
}
.comment-tools a .glyphicon{
	font-size: 12px;
	}
#badge
.blue{
	color: #081BED !important;
	}
.comment-tools a:hover{
	color: #007BFD;
}
.comment .media-heading{
	font-size: 14px;
	font-weight: bold;
}
.media.media-comment{
	padding: 3px;
	padding-left: 0px;
	}
.comment-setting{
	display: none;
	}
.comment-setting .more{
	color: #CCC;
	font-size: 16px;
	cursor: pointer;
	}
.media,
.media-body {
  overflow: visible;
}

.media:after,
.media-body:after{
 content:'';
 clear:both;
 display:block;
}
.box-list-group{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.box-list-group a.list-group-item{
	border: none;
	border-bottom: 1px solid #EEE;
	padding-left: 15px !important;	
}
.box-list-group a.list-group-item:first-child{
	border-radius: 0px;
}
.box-list-group a.list-group-item:last-child{
	border-radius: 0px;
}
.loading{
	width: 100% !important;
	text-align: center;
	background: #FFF;
	padding-top: 50px;
	padding-bottom: 50px;
}
.loading img{
	width: 10%;
}
.cover-media-body{
	}
.sidebar-menu-row{
	padding-right: 15px;
	padding-left: 15px;
}
.sidebar-menu-row .row{
	border-bottom: 1px solid #EEE;
	line-height: 40px;
}
.sidebar-menu-row .row:hover{
	background: #f9f9f9;
	cursor: pointer;
}
.sidebar-menu-row .row.no-hover:hover{
	background: none !important;
}
.sidebar-menu-row .fa{
	margin-right: 10px;
	font-size: 20px;
	margin-left: 3px;
}
.sidebar-menu-row img{
	width: 25px;
	height: 25px;
	margin-right: 5px;
	opacity: 0.6;
	border-radius: 50%;
}
.sidebar-menu-row .menu-select{
	padding: 0px;
	margin: 0px;
	height: 40px;
	width: 100%;
}
.dropdown-toggle.more{
	color: #CCC !important;
	font-weight: normal !important;
	}
.media.list-results{
	border-top: 1px solid #F5f5f5 !important;
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 5px;
	}
.media.list-results:first-child{
	border: none !important;
	}
.media.list-results .media-heading a{
	font-size: 16px;
	color: #333;
	}
.media.list-results .media-heading a:hover{
	color: #2F19F0;
	}
.media.list-results .media-heading{
	margin-bottom: 2px;
	}
.media.list-results	.media-body .media-description{
	padding: 0px;
	margin: 0px;
}
.media.list-results	.media-body .media-description a{
	color: #CCC;
	}
.media-object.img-rounded.artist-img{
	width: 35px;
	height: 35px;
	margin-top: 5px;
	}
.chord-container{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.chord-container li{
	float: left;
	padding: 10px;
}
.chord-container li:hover{
	box-shadow: 0px 0px 3px #DDD;
	cursor: pointer;
}
.box-var{
	box-shadow: none !important;
	border: none !important;
	}
.float-menu{
	position: fixed;
	right: 20px;
	top: 80px;
	list-style: none;
}
.float-menu li{
	background: rgba(0, 0, 0, 0.5);
	margin-bottom: 5px;
	border-radius: 5px;
	padding: 10px;
	padding-bottom: 5px;
	padding-top: 5px;	
}
.float-menu .fa{
	color: #FFF;
	cursor: pointer;
}
.stickUp{
	max-width: 290px;
	width: 100%;
	margin-top: 55px;
}
.products-list > .item{
	padding-left: 10px;
	padding-right: 10px;
}
.products-list > .item:hover{
	background: #F5f5f5;
	cursor: pointer;
}
@media (max-width: 767px) {	
	.menu-sidebar{
		width: 300px !important;
		top: 0px !important;		
	}	
	#play{
		top: 0px !important;
		width: 100% !important;
	}
	.band-cover .my-caption{
		padding: 10px;
		width: 100%;
		padding: 10px;
		padding-top: 0px;
	}
	.cover-media-body{
		font-size: 16px !important;
	}
	.band-cover .my-caption .media-left{
		padding-top: 10px;
	}
	.user-image-cover img{
		width: 50px;
		height: 50px;
	}
	.cover-media-body{
		font-size: 20px;
		width: 100% !important;
		}
	.cover-media-body h4{	
		font-size: 16px;	
		}
	.band-cover .my-caption .title{
		}
	.create-new-band{
		display: none;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1199px){

}
@media (min-width: 1200px) {

}
.box.play{
	margin: 0px;
}
.play{
	width: 370px;
	position: fixed;
	left: 5px;
	z-index: 9999;
	bottom: -5px;
}
.play iframe{
	width: 100%;
	height: 270px;
}
.my-form-label{
	color: #CCC;
	font-weight: normal;
	font-size: 12px;
}
.media-object.artist-img{
	border-radius: 3px;
}
.loading-small img{
	width: 30px;
	height: 30px;
	margin-right: 10px;
}
#loader{
	display: none;
	background: #FFF;
	padding: 15px;
	text-align: center;
}
.media.with-border{
	border-bottom: 1px solid #EEE !important;
	padding-bottom: 10px;
}
.media.with-border:last-child{
	border: none !important;
}
.padding-10{
	padding: 10px;
}
.media-left, .media-right, .media-body {
  display: table-cell; /* Here is the issue */
  vertical-align: top;
}
.chord-content{
	position: relative;
}
.chord-content .song-text{
	overflow: auto !important;
	white-space: pre-wrap;
}
.tp-info{
	position: absolute;
	text-align: center;
	width: 100%;
	display: none;
}
.chord-tools{
	position: absolute;
	right: -40px;
	top: 10px;
	width: 150px;
	text-align: center;
	height: auto;
	z-index: 999;
}
.chord-tools ul{
	list-style: none;
}
.chord-tools ul li{
	margin-bottom: 15px;
	}
.chord-tools ul li a{
	padding: 5px 10px 5px 10px;
	background: #358BFF;
	box-shadow: 0px 0px 5px #CCC;
	color: #FFF;
	font-size: 16px;
	border-radius: 50%;
	cursor: pointer;
}
.chord-tools ul li a:hover{
	background: #999;
	color: #FFF;
}
.star-transpose-container{
	padding: 15px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 5px;
	}
#star-container{
	padding: 43px;
	padding-left: 0px;
	padding-right: 0px;
}
.star{
	color: #DDD;
	cursor: pointer;
	transition: all 0.2s linear;
	font-size: 32px;
	margin-right: 10px;
}
#star-container.small{
	margin-top: 0px;
	padding-top: 5px;
}
#star-container.small .star{
	font-size: 18px;
	margin-right: 0px;
}
.star-checked2{
	color: gold;
}
.star-checked{
	color: #0C8CF5;
}
#result{
	display: none;
}
b.r{
	color: red;
}
b.g{
	color: green;
}
.instrumental{
	list-style: none;
}
.instrumental a{
	float: left;
}
.transpose-tool-container{
	margin: 0px;
	padding: 0px;
}
.transpose-tool{
	margin: 0px;
	padding: 0px;
	height: 30px;
	outline: none;
	border: none;
	font-size: 12px;
	border-left: 1px solid #DDD;
}
.print-video{
	position: fixed;
	bottom: 0px;
	right: 0px;
	width: 500px;
	z-index: 9999;
	border: 1px solid #CCC !important;
}
#diagrams{
	background: #FFF;
	width: 100%;
	height: auto;
	z-index: 99;
	cursor: pointer;
	box-shadow: none;
	border: none;
	padding: 5px;
}
#diagrams:hover{
	box-shadow: 0px 0px 3px #2F5FF5;
}
#diagrams .box-header{
	border: none;
	color: #DDD;
	margin-bottom: 10px;
	background: none;
}
#diagrams .box-header .fa{
	font-size: 26px;
	color: #EEE;
}
.ui-icon { 

width: 16px; height: 16px; background-image: url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
		.ui-resizable { position: relative;}
		.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
		.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
		.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
		.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
		.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
		.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
		.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
		.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
		.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
		.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
		.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; 
}
.alphabet-search{
	text-align: center;
	margin-bottom: 20px;
}
.alphabet-search nav{
	margin: 0px;
}
.alphabet-search > nav > ul{ 
	margin: 0px;
	padding: 5px;
	padding-top: 10px;
}
.alphabet-search > nav > ul > li a{
	background: none;
	border: none;
	padding: 8px;
}
#field{
	max-width: 100%;
}
.box-submit{
	background: #29AFF9;
	text-align: center;
	color: #fff;
	box-shadow: none;
	padding: 20px;
}
.box-submit .btn{
	background: none;
	border: 1px solid #FFF;
}
.fixed-font{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 14px;
	font-weight: normal;
}
.video-wraper{
	width: 100%;
	background: #000;
	display: none;
}
.youtube-iframe{
	height: 400px;
	width: 100%;
}
.video-info-2{
	color: #999; padding-top: 30px; text-align: left; font-size: 12px;
	position: relative;
	padding-bottom: 20px;
}
.video-control{
	position: absolute;
	right: 0px;
	bottom: 0px;
	background: #CCC;
	padding: 15px;
	padding-left: 20px;
	padding-right: 20px;
}
.video-control .fa{
	font-size: 30px;
	cursor: pointer;
}
.site-info span a{
	color: #ccc;
	margin-right: 10px;
}
.right-sidebar{
	width: 300px;
	float: right;
  }
.autoscroll-wrap{
	position: fixed;
	top: 31px;
	z-index: 9999;
	width: 100%;
	text-align: center;
	height: 73px;
	display: none;
}
.autoscroll-wrap .pagination{
	padding: 10px;
	background: #00C0EF;
	border-radius: 0px 0px 5px 5px;
}
.stop-scroll{
	display: none;
}
.autoscroll-wrap .pagination li a{
	height: 33px;
	background: #FFF;
	border: 1px solid #EEE;
	cursor: pointer;
}
.autoscroll-wrap .pagination li a:hover{
	background: #EEE;
	color: #333;
}
.autoscroll-wrap .pagination li a #autoscroll-val{
	border: none;
	color: #999;
	width: 20px;
	text-align: center;
}
.autoscroll-wrap .pagination li a .fa{
	color: #999;
}
.title-wrap{
	visibility: hidden;
	margin-top: -50px;
}
/*checkbox*/
.start-scroll a .fa{
	color: #FFF;
	background: #7e3db0;
	padding: 10px;
	border-radius: 50%;
	font-size: 20px;
	padding-left: 13px;
}
.stop-scroll a .fa{
	color: #FFF;
	background: #E90408;
	padding: 10px;
	border-radius: 50%;
	font-size: 20px;
}
.cd-btn .fa-book{
	color: #6B88F7;
}
.box-tools .bg{
	background: #E70509;
	color: #FFF;
	padding-left: 20px;
	padding-right: 20px;
}
#instrumental{
	padding-bottom: 10px;
}
#instrumental .col-xs-4{
	text-align: center !important;
}
.box-tools .song-sidebar-toggle .fa{
	color: #FFF;
}
.song-menu.stickup.fullscreen{
	top: 0px;
}
.song-menu.stickup{
	position: fixed;
	top: 51px;
	left: 0px;
	z-index: 998;
	background: #7e3db0;
}
.song-menu.stickup li .fa{
	color: #FFF;
}
.song-menu.stickup li{
	border: none;
}
.song-menu.stickup img{
	opacity: 1;
}
.song-menu-wrap{
	height: 50px;
	background: #FFF !important;
}
.song-menu-wrap .container{
	padding-left: 3px;
	padding-right: 3px;
}
.box-songinfo .artist-img{
	width: 100%;
	border-radius: 5px;
}
.songinfo-details{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.songinfo-details a{
	line-height: 30px;
}
.songinfo-details .title{
	font-size: 26px;
	color: #D70609;
}
.songinfo-details .artist{
	font-size: 18px;
}
.song-info-body .artist{
	font-size: 18px;
	margin-bottom: 5px;
}
#font-smaller .fa{
	margin-top: 10px;
}
#font-bigger .fa{
	margin-top: 10px;
}
#search-page{
	background: none;
	border: none !important;
	box-shadow: none;
	margin-top: 10px;
}
#search-page .nav.nav-tabs{
	text-align: center;
	border: none;
}
#search-page .tab-content{
	background: none;
	border: none;
}
.box-search-results{
	border: none;
	padding: 0px;
	box-shadow: none;
	background: none;
	margin: 0px;
}
.box-search-results .products-list li{
	margin-bottom: 10px;
	padding: 10px;
	box-shadow: 0px 0px 10px #DDD;
}
.box-search-type{
	width: 100%;
	background: none;
	box-shadow: none;
	border: none;
	margin-top: 20px;
}
.box-search-type .box-header{
	text-align: center;
}
.box-search-type a{
	padding: 10px;
	padding-left: 25px;
	padding-right: 25px;
	background: #FFF;
	margin-right: 15px;
	border-radius: 3px;
	box-shadow: 0px 0px 5px #DDD;
	color: #333;
}
.box-search-type a.active{
	background: #FD691B;
	color: #FFF;
}
.dropdown-toggle.version{
	cursor: pointer;
	color: #3D72B9;
	margin-left: 10px;
}
.fullscreen-fa{
	cursor: pointer;
}
#select-font{
	height: 30px;
	margin-top: 5px;
}
.color-selector{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.color-selector li{
	width: 24px !important;
	height: 24px !important;
	float: left;
	line-height: 24px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.color-selector .lyrics-default{
	background-color: #333333;
	margin-right: 5px;
	border-radius: 5px;
}
.color-selector .chords-default{
	background-color: #ff0000;
	margin-right: 5px;
	border-radius: 5px;
}
.color-selector .option1{
	background-color: #0000cc;
}
.color-selector .option2{
	background-color: #660033;
}
.color-selector .option3{
	background-color: #006600;
}
.color-selector .option4{
	background-color: #ff9900;
}
.color-selector .option5{
	background-color: #ff0000;
}
.color-selector .option6{
	background-color: #333333;
}
.color-selector .bold{
	background-color: #CCC;
	text-align: center;
}
.song-text.lyrics-bold{
	font-weight: bold;
}
.btn.bold{
	height: 28px;
	width: 28px;
	padding: 0px;
	text-align: center;
	margin-top: -3px;
	line-height: 25px;
}
.correct-wrap{
	display: none;
}
.main-content textarea{
	max-width: 100%;
}
#create-new-version{
	margin-left: 10px;
}
.title.print-title, .site-info{
	display: none;
}
.song-text{
	padding-top: 30px;
}
.title.print-title, .site-info{
}
.print-title{
	font-weight: bold;
	border-bottom: 2px solid #666;
	font-size: 24px;
}
.print-title.artist{
	border: none;
}
body.print{
	margin: 0px;
	padding: 0px !important;
	background: #666666;
}
.box.print{
	border: none;
	box-shadow: none;
	border-radius: 0px;
}
#print-content.print{
	margin: 0px !important;
	width: 100%;
	padding: 0px;
	margin-top: -20px !important;
}
#print-content.print .song-text{
	padding-top: 0px;
	margin: 0px;
}
.print-icon-wrap{
	position: fixed;
	right: 0px;
	top: 100px;
	width: auto;
	display: none;
	z-index: 999;
}
.print-icon-wrap ul{
	padding: 0px;
	margin: 0px;
	list-style: none;	
}
.print-icon-wrap li{
	background: #666;
	width: 100%;
	cursor: pointer;
	margin-bottom: 5px;
	padding: 5px;
}
.print-icon-wrap li:hover{
	background: #039BD1;
}
.print-icon-wrap li a{
	color: #FFF;
	font-size: 16px;
}
.print-icon-wrap li a .fa{
	margin-right: 5px;
}
.print-only{
	display: none;
}
.alert-notification{
	max-width: 400px;
	position: fixed;
	left: 0px;
	top: 50px;
	z-index: 9999;
	border-radius: 0px;
	border: none;
	display: none;
}
.alert-notification .close{
	right: 0px;
	top: 0px;
	position: absolute;
	padding: 10px;
	padding-top: 5px;
	font-size: 22px;
}
.noti-content{
	width: 100%;
}
.home-cover{
	position: relative;
}
.home-cover .img-cover img{
	width: 100%;
}
.home-cover .cover-content .title{
	font-size: 30px;
	color: #FFF;
}
.home-cover .cover-content{
	position: absolute;
	bottom: 40%;
	width: 100%;
	text-align: center;
}
#search-home{
	width: 40%;
	margin: 0 auto;
}
.center.search-gif{
	width: 50px !important;
}
.song-list > li{
}
.song-list li a{
	margin: 0px;
	line-height: 30px;
	font-size: 16px;
}
.song-list li a:hover{
	background: #fafafa;
	color: #0083EF;
}
.song-info-wrap{
	position: relative;
}
.img-caption{
	position: absolute;
	background: #7e3db0;
	bottom: 0px;
	padding: 5px;
	text-align: center;
	/*background: rgba(0, 0, 0, 0.5);*/
	left: 0px;
	border-radius: 5px;
}
.img-caption:hover{
	background: #D80407;
}
.img-caption a{
	color: #FFF;
}
#transpose-select{
	height: 30px;
	width: 60px;
	border: 1px solid #0B93F5;
	font-weight: bold;
}
.video-wraper{
	width: 100%;
	background: #000;
	display: none;
}
#play-video-console{
	position: relative;
}
.video-control{
	position: absolute;
	background: #FC0206;
	top: 0px;
	right: 0px;
	padding: 25px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 0px 0px 0px 3px;
	opacity: 0.5;
	height: 60px;
}
.video-control:hover{
	opacity: 1;
	cursor: pointer;
}
.video-control .fa{
	font-size: 20px;
	cursor: pointer;
	color: #FFF;
}
#play-video-console.on-scroll{
	position: fixed;
	bottom: 0px;
	width: 350px !important;
	z-index: 999;
	right: 25%;
}
.video-wraper.on-scroll .container{
	width: 350px;
}
.box-header{
	border-bottom: 1px solid #CCC;
	background: #f9f9f9;
}
.menu-sidebar{
	border: none !important;
}
.my-list-group a{
	border-left: none;
	border-right: none;
	margin-bottom: 0px;
	border-bottom: 1px solid #f9f9f9 !important;
}
.my-list-group a:first-child{
	border: none;
	border-radius: 0px;
}
.my-list-group a:last-child{
	border-radius: 0px;
	border-bottom: none !important;
}
.new-songinfo{
	/*background: url(../../images/chord-bg.jpg);*/
	z-index: 1100;
	background: #444;
}
.new-songinfo .container{
	padding-left: 5px;
}
.new-songinfo .container img{
	width: 100%;
	max-width: 120px;
	height: 100%;
}
.song-details{
	padding-top: 5px;
}
.song-details h3{
	color: #FFF;
	text-shadow: 3px 1px 2px rgba(150, 150, 150, 1);
	font-weight: bold;
	font-size: 24px;
}
.song-details ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	font-size: 16px;
}
.song-details > ul > li > a{
	color: #FFF;
}
/*
.media-left .circle-div{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #FBE842;
	padding: 15px;
	padding-top: 10px;
	color: #FFF;
	text-transform: uppercase;
	font-size: 20px;
}*/
.border-right{
	border-right: 1px solid #EEE;
}
.chord-content .switch-view{
	position: fixed;
	right: 10px;
	bottom: 15px;
	z-index: 9999;
	background: #E13235;
	border-radius: 50%;
	padding: 15px;
	min-width: 50px;
	text-align: center;
	box-shadow: 0px 0px 5px #DDD;
}
.chord-content .switch-view a{
	cursor: pointer;
	color: #FFF;
}
#star-container .dropdown > ul > li{
	cursor: pointer !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}
#star-container .dropdown > ul > li:hover{
	background: #EEE;
}
.box-tools .show-details .fa, .box-tools .hide-details .fa{
	background: #FFF !important;
	border-radius: 3px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	color: #999;
	cursor: pointer;
	font-size: 20px;
}
.box-tools .show-details .fa, .box-tools .hide-details .fa:hover{
	background: #CCC;
}
.print-only{
	display: none;
}
.box{
	border-radius:0px;
	box-shadow: 0px 0px 3px #EEE;
}
.pointer,#simplified:hover{
	cursor: pointer !important;
}
.my-content{
	padding-left: 5px;
	padding-right: 5px;
}
.btn-create{
	background-color: transparent;
	color: #333;
}
.no-display{
	display: none;
}
/* ------------------------------
Youtube API
-------------------------------*/
.clearfix{
	clear: both;
}
.youtube-results{
	background: none;
}
#api-results{
	padding: 0px;
	margin: 0px;
}
#api-results li{
	list-style: none;
	background: none !important;
	padding-bottom: 15px;
	padding-top: 15px;
}
#api-results .list-left{
	float: left;
	width: 28%;
}
#api-results .list-left img{
	width: 100%;
	cursor: pointer;
}
#api-results .list-right{
	float: right;
	width: 70%;
}
#api-results .list-right h3{
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
}
#api-results .list-right h3 a{
	color: #666;
}
#api-results .cTitle{
	color: #AAA;
}
.button-container{
}
.box-footer.youtube-video{
	border: none;
}
.paging-button{
	background: #7e3db0;
	border: #CCC 1px solid;
	border-radius:0px;
	color: #FFF;
	width: 48%;
	margin-right: 1%;
	cursor: pointer;
	border: none;
	padding: 5px;
}
.paging-button:hover{
	background: #0D7FB7;
}
.new-video-list{
	border-top: 1px solid #EEE;
	padding-bottom: 15px;
	padding-top: 20px;
}
.new-video-list .box-tools .fa:hover{
	color: #D30336;
}
.new-video-list img:hover{
	opacity: 0.8;
}
.new-video-list .media-heading{
	color: #333;
	font-size: 16px;
}
.form-hide{
	display: none;
}
.select-type .radio{
	background: #EEE;
	padding: 5px;
}
.select-lg .radio{
	background: #EEE;
	padding: 5px;
}
.radio label{
	width: 100%;
}
#example-type pre{
	background: none;
	border: none;
	border-radius: 0px;
}
.box{
	border-radius: 0px;
	box-shadow: 0px 0px 3px #DDD;
}
.nav-tabs-custom{
	border-radius:0px;
}
#correct-content{
	min-height: 400px;
	max-width: 100%;
	border: none;
	box-shadow: none;
	outline: none;
}
.chord-wrap .chord-box{
	border: 1px solid #EEE !important;
	margin: 10px !important;
	padding: 0px !important;
	background: #F9f9f9;
	height: auto !important;
}
.chord-wrap .chord-box:hover{
	box-shadow: none;
	background: none;
}
.chord-wrap .chord-box .box-body{
	margin: 12px !important;
	margin-bottom: 5px !important;
	margin-top: 5px !important;
}
.chord-wrap .variations-display{
	background: #333 !important;
	color: #FFF !important;
	padding-top: 3px;
	padding-bottom: 3px;
}
.panel.root-chord{
	text-align: center !important;
	padding: 10px;
	background:#FCFCFC;
	color: #333;
	border-radius:5%;
}
.panel.root-chord:hover{
	background: #666;
	color: #FFF;
}
.panel.root-chord h3{
	font-size: 24px;
	margin: 0px !important;
	padding:0px !important;
}
.panel.root-chord .panel-footer{
	padding: 3px !important;
}
.box-chord-type{
}
.box-chord-type h3.title{
	background: #f9f9f9;
	padding: 10px;
	font-size: 20px;
	border: 1px solid #DDD;
}
.box-chord-type .list-group-item.head{
	background: #666 !important;
	color: #FFF;
	padding: 5px;
	text-align: center;
}
.box-chord-type .list-group a{
	border-radius: 0px;
	border-right: none;
	border-left: none;
}
.box-chord-type .badge{
	background: #f9f9f9 !important;
	color: #999 !important;
	font-size: 10px !important;
}
.box.chord-page .box-header{
	background: none !important;
}
.chord-title{
	font-size: 24px !important;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #8B39E5;
	text-shadow: 0 0 3px #AAA;
	background: #f9f9f9;
	padding: 10px;
	width: 100%;
	padding-bottom:5px;
	padding-top:5px;
	border: 1px solid #DDD;
}
.chord-chart .thumbnail{
}
.thumbnail.chord-image{
	border-radius: 0px;
	padding:0px;
}
.thumbnail.chord-image .caption{
	background: #f9f9f9;
	padding-top:2px;	
}
.thumbnail.chord-image img{
	width: 100% !important;
}
.thumbnail.chord-image img:hover{
	opacity: 0.9;
}
.thumbnail.chord-diagram h3{
	text-align: center;
	margin: 0px;
	margin-bottom: 10px;
	font-size: 40px;
	text-shadow: 0 0 3px #AAA;
}
.thumbnail.chord-diagram .checkbox.main{
	position: absolute;
	right: 15px;
	top:-10px;
	border-radius: 0px 0px 0px 5px;
	background: #FFD422;
	padding: 5px;
	padding-right:10px;
	padding-left:10px;
}
.thumbnail.chord-image .caption-top-left{
	position: absolute;
	left: 15px;
	top: -20px;
	border-radius: 0px 0px 5px 0px;
	background: #FFD422;
	padding: 5px;
	padding-right:10px;
	padding-left:10px;
}
.thumbnail.chord-image .caption-top-right{
	position: absolute;
	right: 15px;
	top: -20px;
	border-radius: 0px 0px 0px 5px;
	background: #FFD422;
	padding: 5px;
	padding-right:10px;
	padding-left:10px;
}
.thumbnail.chord-diagram .fret_no{
	position: absolute;
	left:30px;
	top:97px;
	font-size:28px;
}
.thumbnail.chord-diagram .caption{
	padding-top:1px;
	text-align: center;
	padding-left: 33px;
}
.thumbnail.chord-diagram .caption span{
	margin-right: 22px;
}
.thumbnail.chord-diagram img{
	width: 220px !important;
}
.thumbnail.chord-diagram{
	background: #f9f9f9;
	padding-bottom: 0px;
	min-width:220px !important;
}

.thumbnail.chord-diagram .img{
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
}
.box#chord-wrap-box{
	border: none;
	box-shadow: none;
	padding-left: 50px !important;
}
.box#chord-details{
	background: none !important;
	border: none;
	box-shadow: none;
	padding: 0px 20px 0px 20px;
	border-left: 1px solid #DDD;
}
ul#how-to-play{
	list-style: none;
	padding: 0px !important;
	margin: 0px !important;
}
ul#how-to-play li{
	float: left;
}
.absolute-left-bottom{
	position: absolute;
	border:none;
	left: 0px;
	bottom:100px;
}
.absolute-left-bottom ul{
	list-style: none;
	margin:0px;
	padding:0px;
}
.absolute-left-bottom ul li{
	margin-bottom:20px !important;
}
.absolute-left-bottom ul li a{
	padding: 10px;
	background: #03C2E9;
	color: #fff;
	opacity: 0.2;
	font-size: 16px;
}
.absolute-left-bottom ul li a:hover{
	opacity: 1;
}

@media (max-width: 480px) {
	.sidebar-search-wrap{
		width: 100% !important;
	}
	.menu-sidebar{
		width: 80% !important;
		top: 0px !important;		
	}
	.alphabet-search > nav > ul > li a{
		padding: 5px;
	}
	.youtube-iframe{
		height: 300px;
	}	
	.custom-mid-nav{
		padding-left: 10px !important;
	}	
	.song-menu ul li{
		padding-left: 5px;
		padding-right: 5px;
		width: 20% !important;
	}
	.song-menu.key-list ul li{
		width: 25% !important;
		border: none !important;
	}
	#play-video-console.on-scroll{
	position: fixed;
	bottom: 0px;
	width: 100% !important;
	right: 0;
	}	
	.song-menu.stickup{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	#diagrams{
		border: none !important;
	}
	/*------------------------------
	large piano chords
	-------------------------------*/
	.piano-wrap.extra-large{
		height: 185px !important;
		min-height:185px !important;
		max-height: 185px !important;
		width: 349.5px !important;
		max-width:349.5px !important;
		min-width:349.5px !important;
	}
	.piano-wrap.extra-large ul.piano .white {
		height:8em; 
		width:1.7em;
	}
	.piano-wrap.extra-large ul.piano .black {
		height:5em; 
		width:1.1em;
		margin:0 0 0 -0.6em;
	}
	.piano-wrap.extra-large ul.piano .a, .piano-wrap.extra-large ul.piano .g, .piano-wrap.extra-large ul.piano .f, .piano-wrap.extra-large ul.piano .d, .piano-wrap.extra-large ul.piano .c { 
		margin:0 0 0 -0.6em;
	}
	.piano-wrap.extra-large ul.piano .note{
		width:19px !important;
		min-width:19px !important;
		max-width:19px !important;
		height:19px !important;
		min-height:19px !important;
		max-height:19px !important;
		font-size:15px;
		line-height:12px;
		left:1.5px;	
	}
	.piano-wrap.extra-large ul.piano .black .note{
		width:15px !important;
		min-width:15px !important;
		max-width:15px !important;
		height:18px !important;
		min-height:18px !important;
		max-height:18px !important;
		left:-1px;
		font-size:12px;
		line-height:11px;
	}
}
@media (max-width: 768px) {
  	.song-menu ul li{
		padding-left: 5px;
		padding-right: 5px;
		width: 20% !important;
	}
	.song-menu.key-list ul li{
		width: 25% !important;
	}
	.song-menu.stickup{
		padding-left: 0px;
		padding-right: 0px;
	}	
	.navbar-custom-menu.full{
		display: none;
	}
	.menu-logo.full{
		display: none;
	}
	.new-songinfo{
		padding: 30px;
		padding-bottom: 10px;
	}
	.new-songinfo .container{
		text-align: center;
	}
	.new-songinfo .container img{
		width: 100%;
		border-radius: 50%;
	}
	#star-container{
		padding: 5px !important;
	}
	#search-box{
		border: none;
		border-bottom: 1px solid #007BA0;
		background: url(../../images/search-icon.png) no-repeat 10px 8px;
		color: #777;
		padding: 6px 15px 6px 35px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}
	.box-chord-menu{
		display: none;
		width: 200px;
	}	
}
@media (max-width: 991px) {
	.right-sidebar{
		width: 100% !important;
		float: none;
    }
	.song-menu.stickup{
		padding-left: 8%;
		padding-right: 8%;
	}	
	.song-menu ul li{
		padding-left: 5px;
		padding-right: 5px;
		width: 20% !important;
	}
	.song-menu.key-list ul li{
		width: 25% !important;
	}
	#star-container{
		padding: 30px;
		padding-left: 0px;
		padding-right: 0px;
	}	
	.song-details{
		padding-top: 0px;
	}
	.song-details h3{
		font-size: 20px;	
	}
	.song-details ul{
		font-size: 14px;
	}
	.main-header{
		padding-left: 15px;
		padding-right: 15px;
	}
	.main-content, .right-sidebar, .song-menu-wrap{
		padding-left: 10px;
		padding-right: 10px;
	}
	.song-menu.stickup{
	position: fixed;
	top: 0px;
	z-index: 1000;
	/*background: #CF4C28;*/
	background: #FFF;
	left: 0px;
	padding-left: 5%;
	padding-right: 5%;
	border-bottom: 1px solid #EEE;
	box-shadow: 0 4px 2px -2px #EEE;
	}
	.song-menu.stickup li .fa{
		color: #333;
	}
	.song-menu.stickup li{
		border-left: 1px solid #EEE;
	}
	.song-menu.stickup img{
		opacity: 1;
	}
	.box-chord-menu{
		display: none;
	}
}
@media (min-width: 992px) {
   
  .artist-thumnail{
	  position: absolute;
	  border: 20px solid #FFF;
	  top: 40px;
	  max-width: 110px;
	  background: #fff;
	  max-height: 110px;
	  border-radius: 30% 0px 30% 30%;
	  -moz-border-radius: 30% 0px 30% 30%;
	  -webkit-border-radius: 30% 0px 30% 30%;
	  overflow: hidden;
  }
  .artist-thumnail img{
	  border-radius:50%;
  }
  #col-art{
	  max-width: 130px !important;
  }
  
	.box-chord-menu{
		width: 160px;
	}
}
@media (min-width: 1200px) {
  
  .main-content-2{
	  padding-left: 10px;
  }
  .box.diagram-fixed-right{
	  position: fixed;
	  right: 0px !important;
	  top: 51px !important;
	  z-index: 9999 !important;
	  border-radius: 0px;
	  border: 1px solid #DDD !important;
	  border-right: none !important;
	  max-width: 300px;
	  box-shadow: 0px 0px 5px #CCC;
	  height: 100% !important;
  }
  .song-menu.stickup .menu-holder{
	width: 1170px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0 auto;
 } 
 .box-chord-menu{
		width: 220px;
  }
}
.box.new-chord-menu{
	position: fixed;
	bottom: -20px;
	height: 60px;
	z-index: 9999;
	box-shadow: none;
	border: none;
	border-radius: 0px;
	background: #333;
}

.split2{
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	 column-count: 2;	
	-webkit-column-gap: 30px; /* Chrome, Safari, Opera */
	-moz-column-gap: 30px; /* Firefox */
	 column-gap: 30px;
	 -webkit-column-rule: 1px  dashed #CCC; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px dashed #CCC; /* Firefox */
    column-rule: 1px dashed #CCC;}
.icofont{
	margin-right:5px !important;
}

.jscolor{
	width: 100%;
	border: none;
	outline: none;
}
.box{
	box-shadow: none !important;
	border: none;
}
.select-instrument ul{
	border-radius: 0px;
	box-shadow: none;
	padding:0px !important;
	margin-top:1px;
	border: 1px solid #7e3db0;
	border-top: none;
	width: 233px;
	text-align: left;
}
.select-instrument ul li{
	width: 100%;
	margin:0px;
	text-align: left;
	padding-left:0px !important;
}
.select-instrument ul li a{
	width: 100%;
	font-size:16px;
	padding-top:5px;
	padding-bottom:5px;
	margin:0px;
}
.select-instrument img{
	width:36px;
	border-radius:50%;
	margin-right:10px;
}
.menu-sidebar .select-instrument ul{
	width:100% !important;
}
.menu-sidebar .select-instrument ul li{
	width:100%;
}
.menu-sidebar .select-instrument ul li a{
	padding-left:10px;
	width:100%;	
}
.menu-sidebar .select-instrument img{
	width:25px;
	margin-left:3px;
}
.song-menu .simplified-active{
	background: #FD6D6D;
}
.song-menu .simplified-active:hover{
	background: #EEE;
}
.song-menu .simplified-active .fa{
	color: #fff;
}
.row.font-size-row:hover{
	background: none;
}
.row.font-size-row .col-xs-2:hover{
	background: #F9F9F9 !important;
}
.menu-sidebar{
	box-shadow: 0px 0px 20px #999 !important;
}