.imschords{
    margin: auto;
    width: 100%; 
    height: 100%;
   	overflow-x: hidden;
	overflow-y: auto;
    background-color: #FFF;
}

.imschords .chordsMaster{
	color : #A7C622;

/*    max-width: 440px;*/
}

.imschords .centerFlex{
    margin-left: auto;
    margin-right: auto;
    width:100%;
    height:auto;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
}

.imschords .centerFlex > div{
    -webkit-order: 0;
    order: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    -webkit-align-self: auto;
    align-self: auto;
    display: inline-block;
    overflow: hidden;
    width: 100%;
}

@media screen and (min-height: 650px) {
    .imschords .centerFlex{
        height:100%;
    }
}


.imschords .headContent{
    padding: 10px 0px 0px 0px;
    border: none;
    margin-top:0px;
    display: table;
    width: 100%;
}

/*____________   SELECT HELP ________________*/
/*
 */
.chordsMaster .help{
  float: right;
  width: 40px;
  height: 30px;  
}


/*____________   ACCORD IMAGE ________________*/

.chordsMaster .cont-img{
    padding: 5px;
    background-color: #FFF;
    max-height : 200px;
}

.bckScroll ::-webkit-scrollbar {		
	background-color: #FFF;
	border-radius: 5px;
}

.chordsMaster .img {
    height:180px;
    width:180px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    white-space: nowrap;
}

.name {
	
} 

.noteTitle{
	width 		: 100%;
	text-align 	: center;
	color 		: #A7C622;
	font-weight : 800;
	padding 	: 0px;
	margin		: 0px;
	max-height 	: 160px;
}
.noteName{
	font-size 	: 120px;
	line-height : 120px;
	/* text-transform: uppercase; */
}
.noteFam{
	font-size : 30px;
}

.badgeNote{
	display			: inline-block;
	height			: 30px;
	width			: 30px;	
	background-color: #A7C622;
	border-radius	: 50%;
	white-space		: nowrap;
}

.badgeNoteLabel{
	color			: #FFFFFF;	
	font-family		: Raleway;	
	font-size		: 11px;	
	font-weight		: bold;	
	line-height		: 13px;	
	text-align		: center;
	margin-top		: 9px;
}

.selectList {	height: 30px;	width: 110px;	border: 1px solid #D8D8D8;	border-radius: 2px; background-color : #FFF; color: #666;}

.btn-left-default, .btn-left-success,.btn-right-default, .btn-right-success {
	background-color : transparent;
	border : none;
	border-bottom	: solid 1px;
}

.btn-left-default, .btn-right-default {
	color : #A7C622;
	border : none !important;
}

.btn-left-success, .btn-right-success, .btn-left-default:hover, .btn-right-default:hover {
	color : #A7C622 !important;
	border-color : #A7C622;
}

instrument {
	zoom : 0.8;
}

@media screen and (min-width: 680px) {
	  .imschords .headContent{        
	    border: 1px solid rgba(255,255,255,.3);
	    margin-top: 5px;
	    padding	: 5px;
	 }
	 .noteName{
		font-size : 140px;
		line-height : 140px;
		/* text-transform: uppercase; */
	}
	instrument {
	zoom : 1;
}

}