/*
body,html{
	background: #333;
}
.box{
	box-shadow: none;
	border:none;
}
.main-header,.footer-wrap{
	background: #686e86 !important;
}
*/
body{
	background: #e9ebee;
}
.main-header{
	box-shadow: 0px 0px 3px #CCC;
	font-weight: normal !important;
}
.footer-wrap{
	border-top: none;
	background: #686e86 !important;	
}
.box-header{
	background: #686e86 !important;
	border-bottom: none !important;
}
.box-header.no-bg{
	background: none !important;
}
.box-header.no-bg.with-border{
	border-bottom: 3px solid #CB0609 !important;
	padding-left:0px;
}

.box-header .box-title.with-bg{
	background: #7600B1 !important;
	padding:10px;
	margin-left:-10px;
}
.box-header .box-title{
	color:#fff;
	font-size:20px;
}
.box-header .box-title.big{
	font-size:26px;
}
.box-header.no-bg .box-title.text-red{
	color: #CB0609 !important;
}
h3.bg-title{
	margin:0px;
	padding:5px;
	margin-bottom:15px;
}
.main-content{
	padding:10px;
	padding-left:30px;
	padding-right:30px;
}
.upercase{
	text-transform: uppercase;
}
.box-header.no-bg .box-title{
	color: #333 !important;
	font-weight:bold;
}
.list-group.with-border a{
	border-bottom: 1px solid #DDD;
	margin-bottom:1px;
	border-radius: 0px;
}
.panel.box-more{
	width: auto;
	float: left;
	margin-bottom: 10px;
	margin-right:15px;
	border: 1px solid #DDD;
	box-shadow: none;
}
.panel.box-more:hover{
	background: #333;
}
.panel.box-more .box-chord,.panel.box-more .piano-wrap:hover{
	background: none;
}
.panel.box-more .panel-footer{
	text-align: center;
	height:30px;
	line-height:30px;
	background: #fcfcfc;
	padding:0px;
}
.panel.box-more .panel-body{
	padding:0px;
}
.related-scales h3{
	margin:0px;
	border-bottom: 1px solid #CCC;
	text-transform: uppercase;
}
.related-scales ul{
	margin:0px;
	padding: 0px;
	padding-left:10px;
	padding-top:15px;
}
.related-scales ul li{
	width: 33%;
	float: left;
}
.box.main-menu-for-all{
	margin-bottom:10px;
	box-shadow: none;
}
.box.main-menu-for-all .menu-ul{
	list-style: none;
	margin:0px;
	padding:0px;
}
.box.main-menu-for-all .menu-ul li{
	width: auto;
}
.box.main-menu-for-all .box-header{
	padding: 7px;
	padding-left:10px;
	padding-right:10px;
	background: #fff !important;
}
.box.main-menu-for-all .chord-scale-menu-list li a{
	border: none;
	background: #fff;
	padding-left:15px;
	padding-right:15px;
	border-radius:0px;
	margin-right:0px;
	border-right: 1px solid #EEE;
}
.box.main-menu-for-all .chord-scale-menu-list li a:hover{
	background: #7600B1;
	color: #fff !important;
}
.print-icon-wrap{
	background: #fff;
	padding:5px;
	padding-right:5px;
	border-radius:5px 0px 0px 5px;
	text-align: center;
}
.print-icon-wrap ul li{
	background: none;
}
.print-icon-wrap ul li a{
	padding:5px;
	background: none;
	font-size:22px;
	margin-left:5px;
	color: #666;
}
.print-icon-wrap ul li a:hover{
	color: #fff;
}
.active-chord .box.box-chord{
	border-bottom: 5px solid #CB0609;
	border-radius:0px;
}
.download-icon{
	position: absolute;
	bottom: 0px;
	left: 40%;
	cursor:pointer;
	z-index:99;
}
.download-icon .btn{
	border-radius:3px;
	border: none;
}
.download-icon .btn:hover{
	opacity:1;
}
.song-menu-sidebar .jscolor{
	width: 100%;
	border: none;
	outline: none;
}
.info-bg{
	background: #FFE9E9 !important; 
	border: 2px solid #DB6163 !important; 
	border-radius:10px; 
	margin-top:30px;
}
ul.chord-info{
	margin:0px;
	list-style: none;
	padding:0px;
}
ul.chord-info strong{
	margin-right: 20px;
	width: 100px;
}
.search-box-wraper{
	padding:0px;
	background: none;
	box-shadow: none;
	border: none;
}
.search-box-wraper .input-group{
	float: left;
	margin-right:5px;
}
.box-search{
	position: relative;
}
.box-search .input-group-btn.search-icon{
	position: absolute;
	right: 35px;
	top:0px;
	z-index:998;
}
.box-search input#search_chord_name{
	border-radius:5px;
	background: #fDfDfD !important;
	color:#999 !important;
}
.box-search .dropdown-menu ul li a{
	padding-left: 0px;
}
.box-search .input-group-btn.search-icon button{
	background: none;
	border: none;
	border-radius:0px;
	background: #7600B1;
	line-height:22px;
	opacity:0.3;
	color: #fff;
}
.box-search .input-group-btn.search-icon button:hover{
	background: #7600B1 !important;
	opacity:1;
}
.menu-sidebar.song-menu-sidebar{
	background: #363c3d !important;
}
.menu-sidebar.song-menu-sidebar .row{
	border-color: #333;
	color: #FFF;
}
.menu-sidebar.song-menu-sidebar .row:hover{
	background: #363c3d;
}
.main-menu-for-all.piano .form-group{
	float: left;
	margin:0px;
	padding:0px;
}
.main-menu-for-all.piano select{
	height:35px;
	border: 1px solid #EEE;
	margin-right:5px;
	min-width: 70px;
	padding-left: 5px;
}
.web-name{
	line-height:50px;
}
.main-header .box-title{
	font-weight: normal !important;
}
@media (min-width: 1200px) {
	.md-border-left{
		border-left: 1px solid #EEE !important;
	}
}
@media (max-width: 768px) {
	.xs-sm-mar-bottom{
		margin-bottom:10px;
	}
}