*{text-decoration:none;list-style:none;}
.navbar-default .navbar-toggle .icon-bar{background:#5BC0DE}
.navbar-nav li{margin:0;border-bottom:1px solid #e7e7e7;font-weight:bold;}
.navbar-nav li a{color:rgb(47, 128, 219) !important;}
.navbar-nav li:last-child{border-bottom:0}
.navbar-nav span{margin-right:5px;}
.navArtist {margin:0;}
.navbarArtist{padding:0;}
.btnsConfig {width:100%;}
.btnsConfig button {height:60px; font-size:30px;}
.btnsConfig button span {float:left; margin:5px 0 0 14px;}
#logo{margin:-4px 0 0 -20px; display:block;}
header{margin-bottom: 55px;}
nav h1{font-size:1em; position:relative; top:0px; left:16px; color:#fff; display:block; margin-top:-20px}
.bttopo{padding:5px 10px;color:#5BC0DE;border:0}
.bttopo2{padding:5px 0px;color:#5BC0DE;border:0}
.bttopo .glyphicon-config, .bttopo2 .glyphicon-config{background: url('https://www.cifras.com.br/m/img/config.png')!important; height:14px; width:14px;}
.navbar-header{background:#0091D4; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:transparent; }
.navbar-brand{margin-left:-5px;}
#navbar-cifra{max-height:350px}
#navbar-cifra>.navbar-nav>li{position: relative;display: block;padding:10px 15px;line-height:20px;text-align:left;}
#navbar-cifra>.navbar-nav>li>div{float:right;}
#navbar-cifra>.navbar-nav>li>div>span.on, #navbar-cifra>.navbar-nav>li>div>span.off, #navbar-cifra>.navbar-nav>li>div>span.default{background:#0091d4;color:#fff;padding:5px;margin-right:5px;}
#navbar-cifra>.navbar-nav>li>div>span.off{cursor:pointer;background:#ccc;color:#eee;}
#navbar-cifra>.navbar-nav>li>div>span.default{cursor:pointer;background:#fff;color:#333;}
#navbar-historico>.navbar-nav>li {position: relative; display: block; padding-left: 15px; text-align: left;}
#navbar {max-height: inherit;}
.cinza{background:#CCC; }
.bt-buscar{margin:0 0 6px 0; padding-top:0.5em; height:2.7em; border-radius:3px; border:1px solid #999; cursor:pointer}
.bt-buscar>span{margin-right:5px;}
#frmbusca{margin-top:7px;}
#busca{display:none;border:0;background:#007BB7;color:#fff;max-width:64%}
#busca2 {display: none; border: 0; background: #007BB7; color: #fff; max-width: 56%;}
.padLeft{padding-left: 16px; margin-top:0;margin-bottom:0;}
.icon-bar{margin:-5px 0 0 -9px;}
.news-bar{height:40px; width:100%; background:#0064A6; margin-top:5px;margin-bottom:1px;color:#fff; border-radius:3px; padding:4px 0 0 4px;font-weight:bold;font-size:16px;}
.news-bar p{float:left; padding-top:5px;padding-left: 5px;font-weight:bold; width: auto; line-height: 15px;}
.ls-top-artist{margin:5px 0; float:left; padding:0 16px;}
.numOrder{position: absolute; top:0; left:16px; width:30px; height:30px; background:#CCC; color:#000; padding:5px 0 0 12px; font-weight:bold;border: transparent 1px; border-radius: 5px 0 5px 0;}
@media (max-device-width : 320px){
.ls-top-artist{margin:5px 0; float:left; padding:0 6px;}
.numOrder{position: absolute; top:0; left:6px; width:30px; height:30px; background:#CCC; color:#000; padding:5px 0 0 12px; font-weight:bold;border: transparent 1px; border-radius: 5px 0 5px 0;}
}
@media (min-device-width : 375px){
.ls-top-artist{margin:5px 0; float:left; padding:0 20px;}
.numOrder{position: absolute; top:0; left:20px; width:30px; height:30px; background:#CCC; color:#000; padding:5px 0 0 12px; font-weight:bold;border: transparent 1px; border-radius: 5px 0 5px 0;}
}
@media (min-device-width : 414px){
.ls-top-artist{margin:5px 0; float:left; padding:0 30px;}
.numOrder{position: absolute; top:0; left:30px; width:30px; height:30px; background:#CCC; color:#000; padding:5px 0 0 12px; font-weight:bold;border: transparent 1px; border-radius: 5px 0 5px 0;}
}
.ls-top-artist p {width: 100%;background-color: #5BC0DE; height: auto;padding: 1px 6px;color: #fff; border: 1px solid #5BC0DE;border-radius: 0 0 5px 5px;font-weight: bold;}
#foot{height:50px; background:#CCC;margin-top:15px;}
#foot p{padding-top:15px; font-size:0.8em;}
/*#navjunto{height:25px; width:25px; margin:12px 4px 0 -12px; border:0; left:0; position:absolute;}*/
#navjunto{float:left; margin:12px 4px 0 3px; border:0; padding-right:15px;}
::-webkit-input-placeholder {color: #fff;}
:-moz-placeholder {color: #fff;}
::-moz-placeholder {color: #fff;}
:-ms-input-placeholder {color: #fff;}
.azul{color:#5BC0DE}
.btn-info a{color:#fff;}
.btns-default{width: calc(100% - 10px);margin: 0 5px;}
.btns-default .btn{padding:10px;font-size:18px;font-weight:bold;}
.dadosChords{max-height:104px}
.dadosSong h1{color:#333;font-size:17px;}
.dadosSong h2{font-size:15px;margin:0;}
.menu-chords{background:#ccc; margin-top:15px; height:40px; clear:both}
.menu-chords .menu-tom{}
.cifra{background:#fff; clear:both; margin-top:20px}
.tablatura{margin:5px 0;}
.tablatura>button{margin-bottom:2px;}
.tablatura>pre{overflow-wrap:normal;font-size:12px;}
#core{background:#fff; border:0; white-space:pre;font-size:12pt;overflow-wrap:normal;}
#core u{text-decoration:none;white-space:pre;display:inline-block;padding-top:9px}
.chorus{font-size:12pt;overflow-wrap:normal;margin:0;padding:0px 5px 20px 10px;background:#f8f8f8}
ul li {margin:1em 0}
ul li h3{font-size:1em; font-weight:bold}
ul li a h3, ul li a p {color:#0064A6; margin:1px 0 3px 0;}
.news p {margin:1px 0 3px 0; color:#0064A6; font-weight:normal}
a .newsNome{color:#900; font-weight:normal}
.newsNome{color:#900; font-weight:normal}
.newsNome a{color:#900; font-weight:bold}
a .qntMusica{color:#999; font-weight:normal; font-size:12px}
.espacoTop{margin-bottom:25px}
.espacoTop2{margin-bottom:25px}
.espacoTop2 h2{margin-top:10px;}
.topad{margin-bottom:5px;padding:0;}
.espaco {padding: 0 11px;margin-top:1px;}
.listaAulas img{float:left; margin-right:5px;}
.listaInstrumento img{float:left; margin:10px 10px 0 0; height:35px;}
.serie{color:#666; font-size:10px;}
.nome{font-weight:bold; font-size:12px;}
.nome span{color:#900;}
.artista:{font-size:12px;}
.formBusca{color:#337ab7;}
.gen h3{font-size:20px;}
.gen p a{color: #73A5D1; letter-spacing: 2px;}
.gen span{color: #999; font-weight:bold;}
.itemVideo{height:auto; padding:10px 5px; width:100% !important;border:0;}
.box-video{margin-top:27px;}
.imgInstrum{  margin: 20px 20px 25px -5px; height:30px; width:30px;float:left;}
.paginacao{float:right;margin-right:10px;}
.paginacao button{font-weight:bold;color:blue;}
.escolha{height:70px; margin-top:-3px; border-radius: 0 0 3px 3px}
.buscabtn{margin: 0 auto; width: 75px;}
.buscaVideo{float: none; margin: 17px auto 6px auto; height: auto; padding: 5px; border-radius: 3px; border: 1px solid #999; cursor: pointer;color: #337ab7;}
.buscaVideo span{margin-right:10px;}
.buscaAulas{margin: 10px 0; padding: 10px 10px 0; border-radius: 3px; border: 4px solid #ccc; font-weight: bold; background: #0091D4; color: whitesmoke;}
.buscaAulas span{margin-right:5px;float:left;}
.instrumTit{font-size:18px; font-weight: bold; color:#fff; background-color: #0091D4; border-top:none; position: relative; top: -1px; left: -8px; border-radius: 0 0 4px 4px;}
.instrumento{height:90px; padding:4px;}
.instrumento a img{float:left;border: 1px transparent;margin: 9px 5px 0 5px;}
.instrumento a {display:inline-block; height:100%; width:100%; text-decoration:none; background: url(https://www.cifras.com.br/images/bgg.png); border: 1px solid #CCC; border-radius: 5px;}
.instrumento h2 {font-size:13px; font-weight:bold;}
.instrumento p {font-size:12px;}
.semCifra{margin-top: 20px; border: 1px solid #ccc; background: url(https://www.cifras.com.br/images/bg_tablatura.png) top left repeat; padding: 5px; }
.semCifra a{font-weight:bold;}
.qualCifra{height: 40px; line-height: 40px; margin-top: 13px; margin-bottom: 20px; color: #798992;  font-size: 22px; }
.top5{font-size:18px; color:#0064A6; font-weight:bold; padding-top:10px;}
.tutoriais{padding:0;}
.tutoriais ul{padding-left:5px;}
.tutoriais ul li img{float:left;margin-right:10px;}
.tutoriais h3{color:#007cc3;font-size:15px;}
.tutoriais p{margin-left: 34px;}
#tecIncriveis{width:100%;margin-top:10px;border: solid 3px #bce8f1;border-radius: 5px;}
.textoTuto{padding:5px;border: 1px solid #CCC;}
.textoTuto h1{color: #798992;font-size: 22px;}
.textoTuto h2{font-size:18px;font-weight:bold;color:blue;}
.textoTuto img{max-width:100%;}
.textoTuto iframe{width:100%; height:auto;}
.verTudo{margin:0 auto;}
.tutorialTit{padding:5px 5px 5px 30px; margin:10px 0 0 0;border-width: 3px;}
.tutorialTit h2{font-size:18px; margin:5px;}
.titTuto h3{color: #007cc3; font-size:20px;}
.artistaInfo{color:#0064A6;}
.artistaInfo p {float:left; margin:10px 0 0 15px; font-size:1.4em}
p.estiloMusica{font-size:1.1em; color:#008AE6; clear:both}
.artistaInfo img{float:left; margin:0 15px 0 0;width:45px;height:45px;border-radius:6px;}
.artistaInfo .verified img {float: none; width: auto; height: auto; border-radius: 0; margin: 0 0 3px 5px;}
.bt-direita{float:right;width:50%; margin-right:7px; margin-top:-3px;}
.bt-instrumento{float:right; margin:10px 0 0 0}
.lsCifra{margin:20px 0;}
h4.list-group-item-heading{font-weight:normal !important; color:#0064A6 !important;}
.bt-mais{margin-top:20px; padding:7px 30px}
.bt-editar{margin-top:12px}
.infomacao{font-size:16px; height:80px; padding:7px 0; margin:5px 0;border: 1px transparent;border-radius: 40px;}
.infomacao-forum{font-size:16px; margin:5px 0; }
.infomacao p{font-size:34px; }
.erro{margin-top:15px;}
.separa{margin:20px 0;}
.bt-autoscroll{background: url('https://www.cifras.com.br/m/img/scroll.png')!important; height:14px; width:7px;}
#autoscroll-slider, #navautoscroll-slider{display:none;}
.moreinfo{text-align:center;}
#videolessonalert, #chordslist{margin-bottom:0;padding-top:5px;padding-bottom:5px;}
#chordslist{display:none}
#videoarea a{display:block;padding:10px 0;}
#videoarea a img{height:50px;border-radius:6px;display:block;float:left;margin:0 15px 0 0;}
#chordarea{height:180px;white-space: nowrap;overflow-y: hidden;overflow-x: scroll;text-align:center;}
#chordarea li{position:relative;display:inline-block;margin:15px 10px 5px 10px;width:61px;height:110px;}
#chordarea li.keyboard{width:auto;}
#chordarea li.ukulele{width:60px;}
.noselect {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.showchord{cursor:pointer;color:#337ab7;}
/* 
Fonte: http://jsfiddle.net/KyleMit/m49Bb/
 */
.navbar.always-open{border-radius: 0;}
.navbar.always-open .container-fluid{padding:0px;}
.navbar.always-open .navbar-header{float: none;}
.navbar.always-open .navbar-toggle{display: block;}
.navbar.always-open .navbar-collapse.collapse{display: none!important;}
.navbar.always-open .navbar-collapse.in{display: block!important;}
.navbar.always-open .navbar-nav{float: none!important;}
.navbar.always-open .navbar-nav>li{float: none;}
.navbar.always-open .navbar-nav>li>a{padding-top: 10px;padding-bottom: 10px;}
/*--------------------------------------------------------------------------*/

.list-group .list-group-item{width: calc(100% - 10px); margin: 5px auto;}
.ls-top-artist img{width:100%;border: 1px transparent;border-radius: 7px 5px 0 0;}
.top-artistas-home{margin-top:1px;}
.nomeArtista{font-weight:bold;}
.tut-well{padding:0 0 20px;}
.relativo{position:relative;}
.setaDrop{position: absolute;font-size: 22px;top: 15%;color: #CCC;left:2px;border-radius: 5px;border: 3px solid;padding: 0 2px 0 1px;}
.tabbt{border: 2px solid #CCC;padding: 5px;border-radius: 5px 5px 0 0;}
.tabbt .setaDrop{position:relative;transform: rotate(180deg);top: 0px;left: 12px;font-size:15px;border:none;}
.hide_tab{border: 2px solid #CCC;border-top: none;border-radius: 0 0 5px 5px;}
.artista-nome{font-size:20px;}
.top-musicas{padding-left: 10px;line-height:25px;}
.marginBottom{margin-bottom: 80px;}
#lista1, #lista2, #lista3, #lista4, #lista5{display:none; margin-top:10px;}
#lista{margin-top:10px;}
.lista-ativa{display:block !important;}
.ativo{display:block; background:#CCC;color:#000 !important;}
.no-pad{padding:0;}
.buscaAulas .setaDrop{right:10px;left:initial;}
.perfil-info{padding:0;}
.perfil-info img{float: left;width: 52px;height:52px;border-radius:3px;}
.perfil-info p img{width:25px;height:25px;margin-right:5px;}
.perfil-titulo{min-height: 52px; line-height:22px;  font-size: 22px;  padding-top: 8px;padding-left: 60px; font-weight: bold; color: #0064A6; margin-bottom:0;}
.ficha_perfil{padding: 10px;  border: 2px solid #CCC;  border-radius: 5px;  width: calc(100% - 10px);  margin: 0 auto;}
.bt-perfil{float:left;margin:12px 0 -10px 0; width:100%;}
.perfil-topo{border: 4px solid #0064A6; border-radius: 6px; height:auto;}
.txt-video{height:90px;}
.item-genero{border:0;padding: 5px 0 5px 10px;}
.item-genero p img{margin-right:5px;}
.item-genero p a{font-size: 16px;}
.marg-0 {margin:0;}
.textoTuto pre{word-break:normal;word-wrap:normal;overflow:scroll;font-size:12px !important; font-family: Cousine,"Lucida Console",Monaco,monospace;}
.tab {white-space: pre-wrap; word-break: normal;   word-wrap: normal;overflow:scroll;}
.letraCifra{margin-top: 15px; white-space: pre-line; word-break: keep-all; border: 0; background: #fff; font-size: 12pt;line-height: 30px;}
.adscifra{border:1px solid #e0e0e0;border-left:0;border-right:0;padding:25px 0;margin:25px auto;padding-top:5px}
.adscifra p{color:#b0b0b0;margin: 0;padding: 0;padding-bottom:25px;text-align:center;font-size:9pt;}
.capotraste{font-size:12pt;font-family: Menlo,Monaco,Consolas,"Courier New",monospace;font-weight:600;margin-top:20px}