/*---------------------------*/
/*.show-song { white-space: pre; font: 1em/20px "Consolas", monospace !important; }*/
/*.show-song { white-space: pre; font: 16px "Consolas", monospace !important; }*/
.show-song { white-space: pre; font: 16px "Consolas", monospace; }
.show-chords { font: 1em/20px "Consolas", monospace !important; }
.guitar-chords { color: #0b1efd; }
.ukulele-chords { color: #0b1efd; }


/* default  1500px */
.cl_chords { color: #0b1efd; font-weight: bold; line-height: 120%; }
.cl_song-text { color: #000000; line-height: 120%; }
.cl_song-text-info { color: #000000; line-height: 100%; margin-top: 4px; margin-bottom: 4px; }
.cl_chord { font-weight: 700; cursor: default; display: inline-block; padding: 1px 4px; margin: -1px -4px; border-radius: 2px; background: #e9ecef; }

/* for screen > than 1501px */
@media (min-width: 1501px) {
.guitar-chords img { width:120px; }
.ukulele-chords img { width:75px; }
}
/* for screen < than 1500px */
@media (max-width: 1500px) {
.guitar-chords img { width:120px; }
.ukulele-chords img { width:75px; }
/*.show-song { white-space: pre; font: 15px "Consolas", monospace !important; }*/
.show-song { white-space: pre; font: 15px "Consolas", monospace; }
}
/* for screen < than 1200px */
@media (max-width: 1200px) {
.guitar-chords img { width:115px; }
.ukulele-chords img { width:70px; }
/*.show-song { white-space: pre; font: 14px "Consolas", monospace !important; }*/
.show-song { white-space: pre; font: 14px "Consolas", monospace; }
}
@media (max-width: 992px) {
.guitar-chords img { width:110px; }
.ukulele-chords img { width:65px; }
/*.show-song { white-space: pre; font: 13px "Consolas", monospace !important; }*/
.show-song { white-space: pre; font: 13px "Consolas", monospace; }
}
@media (max-width: 768px) { 
.guitar-chords img { width:105px; }
.ukulele-chords img { width:60px; }
/*.show-song { white-space: pre; font: 12px "Consolas", monospace !important; }*/
.show-song { white-space: pre; font: 12px "Consolas", monospace; }
}
@media (max-width: 552px) { 
.guitar-chords img { width:100px; }
.ukulele-chords img { width:55px; }
/*.show-song { white-space: pre; font: 12px "Consolas", monospace !important; }*/
.show-song { white-space: pre; font: 12px "Consolas", monospace; }
}
/*---------------------------*/

.btn-transposition { padding: 4px 14px; } 
.song-icon { max-width:60px; border-radius: 10%; }

.textarea-song
{
	/* show max text length */
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 500px, rgba(80,244,80,1) 504px, rgba(255,255,255,0) 505px); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 500px, rgba(80,244,80,1) 504px, rgba(255,255,255,0) 505px); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 500px, rgba(80,244,80,1) 504px, rgba(255,255,255,0) 505px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#50f450',GradientType=1 ); /* IE6-9 */
}

@media screen {
.song-info-text { color:#fff !important; }
}
@media print {
.song-info-text { color:#000 !important; }
.border-primary { border-color: #5a5a5a!important; }
}