@charset "UTF-8";
/* CSS Document */


/****** SAME STYLES *****/
.list-songs-container, .list-bg-container {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

/*****------- LIST -------*****/

/***** SELECT BACKGROUND *****/
.list-bg {
  width: 100%;
  height: 200px;
  background: url(img/img7.jpg) center center no-repeat;
  background-size: cover;
  /* position fixed header */
  margin-top: 60px;
  display: inline-table;
}
.list-bg-christmas {
  width: 100%;
  height: 200px;
  background: url(img/img8_christmas0.jpg) center center no-repeat;
  background-size: cover;
  /* position fixed header */
  margin-top: 60px;
  display: inline-table;
}
.list-songs-container {
  height: auto;
  background-color: none;
  margin: 20px auto;
}
.list-songs-container:after {
  content: '';
  display: block;
  clear: both;
}
.left-box {
  width: 100%;
  height: auto;
  min-height: 450px;
  background-color: none;
}
.list-songs-header {
  width: 100%;
  background-color: #f0f0f0;
  padding: 10px 15px;
}
.songTabPanel .list-songs-header {
  display: flex;
  display: -webkit-flex;
  align-items: center;	
}
.list-songs-header-box1 {
   width: 80px;
   height: 80px;
   margin-right: 15px;
}
.list-songs-header-box1 img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}
.list-songs-header-box2 {
   width: calc(100% - 95px);
   position: relative;	
}

.list-songs-title, .songs-found, .addThisPanel {
  display: inline-block;
}
.list-songs-title h2 {
  /*font-size: 18px;*/
  text-transform: uppercase;
  font-weight: 600;
  margin-right: 10px;
}
.secondLinePanel {
    display: flow-root;
}
.chooseYourChordsLink a {
  color: #cc0000;
  padding-left: 22px;
  position: relative;
}
.chooseYourChordsLink a:before {
  content: "\f18e";
  position: absolute;
  top: 0;
  left: 0;
}
.chooseYourChordsLink a:hover {
  text-decoration: underline;
}
.songs-found span {
  color: #999;
}
.addThisPanel {
    float: right;
}

.playlist-details {
  width: 100%;
  height: auto;
  background-color: none;
  margin: 10px 0;
}
.playlist-details article {
  /*padding: 12px 15px;*/
  /*padding: 12px 8px;*/
  padding: 12px 0;
  border-top: 1px solid #e5e5e5;
}
.playlist-details article:first-child {
  border-top: 0;
}
.playlist-details article a:hover .playlist-name, .playlist-band:hover, .chordsListLabel:hover {
  color: #cc0000;
} 
.playlist-name {
  width: 240px; /*desactivado al quitar la publicidad*/
  /*width: 26%;
  width: 28%;*/
  display: inline-block;
  margin-right: 15px;
  color: #000000;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: text-bottom;
}
.capoOptionsPanel .playlist-name {
    width: 220px; /*desactivado al quitar la publicidad*/
}
.playlist-band {
  display: inline-block;
  width: 200px; /*desactivado al quitar la publicidad*/
  /*width: 26%;
  width: 24%;*/
  margin-right: 15px;
  color: #999999;
}
.capoOptionsPanel .playlist-band {
    width: 180px; /*desactivado al quitar la publicidad*/
}
.playlist-chords {
    width: 200px; /*desactivado al quitar la publicidad*/
    /*width: 26%;*/
    display: inline-block;
    margin-right: 15px;
}
.chordsListLabel{
  color: #000000;
}
  .icono-capo {
    width: 22px;
    height: 22px;
    background: #e2e2e2;
    color: #999;
    position: relative;
    display: inline-block;
    text-align: center;
    line-height: 1.6;
    border-radius: 100%;
    vertical-align: top;
  }
  .icono-capo:after {
    content: attr(data-capo);
    width: 16px;
    height: 16px;
    position: absolute;
    right: -16px;
    bottom: 4px;
    color: #333;
    font-size: 13px;
    text-align: center;
  }
  .icono-noCapo {
    width: 22px;
    height: 22px;
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: top;
  }
.playlist-difficulty {
  /*width: 100px;*/
  display: inline-block;
  background-color: none;
  font-size: 13px;
  float: right;
}
.niveldeDificultadLabel {
    display: block;
}
.playlist-difficulty span.first-chord:after,.playlist-difficulty span.noob:after, .playlist-difficulty span.beginner:after, .playlist-difficulty span.means:after, .playlist-difficulty span.advanced:after {
  background-color: #c0c0c0;
  display: inline-block;
  content: '';
  width: 5px;
  position: relative;
  top: 1px;
  margin-right:3px;
}
.playlist-difficulty span.first-chord:after {
  height: 5px;
}
.playlist-difficulty span.noob:after {
  height: 8px;
}
.playlist-difficulty span.beginner:after {
  height: 11px;
}
.playlist-difficulty span.means:after {
  height: 14px;
}
.playlist-difficulty span.advanced:after {
  height: 17px;
}
.playlist-difficulty span.active:after {
  background-color: #cc0000;
}
a.btn-playlist {
  float: right;
}
.btn-playlist:after {
  content: "\f107";
  position: relative;
  top: 3px;
  right: 0;
  line-height: 0;
  font-size: 20px;
  color: #111111;
}

        
    .rotateIcon{
          line-height: 2;
          -webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
          -moz-transform: rotate(180deg);        /* FF */
          -o-transform: rotate(180deg);          /* Opera */
          -ms-transform: rotate(180deg);         /* IE9 */
          transform: rotate(180deg);
	}

.playlist-capo, .playlist-chords-songs, .playlist-chords-barre, .playlist-link-chords, .playlist-single-chords, .playlist-repeat-cycle {
  display: inline-block;
  margin-right: 20px;
}
.playlist-link-chords a, .playlist-single-chords a {
  color: #444444;
}
.playlist-link-chords a:hover, .playlist-single-chords a:hover {
  color: #cc0000;
}

.playlist-container {
  display: block;
  width: 100%;
  background-color: none;
  margin-top: 15px;
  display: none;
  padding: 5px 10px 12px;
  background-color: #f6f6f6;
}
.playlist-capo span, .playlist-chords-songs span, .playlist-chords-barre span, .playlist-repeat-cycle span {
  margin-left: 1%;
  font-weight: 600;
}
.playlist-capo {
  width: 85px;
  display: inline-block;
  background-color: none;
  font-size: 13px;
}
.playlist-chords-songs {
  width: 85px;
  display: inline-block;
  margin-left: 2%;
  background-color: none;
  font-size: 13px;
}
.playlist-chords-barre {
  width: 130px;
  display: inline-block;
  margin-left: 2%;
  background-color: none;
  font-size: 13px;
}
.playlist-link-chords, .playlist-single-chords, .playlist-repeat-cycle {
  width: 250px;
  margin-top: 6px;
}
.playlist-link-chords a, .playlist-single-chords a {
  font-weight: 600;
  color: #000000;
  font-size: 13px;
}
.playlist-repeat-cycle {
  font-size: 13px;
}


.selectCapoPanel {
    display: inline-block;
    margin: 15px 0 0px;
    font-weight: 600;
    position: relative;
}
.selectCapoPanel span {
    margin-right: 5px;
}
.selectCapoPanel select {
    width: 90px;
    height: 26px;
    border: 2px solid #d9d9d9;
    font-size: 13px;
    outline: none;
    color: #777777;
    background-color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 5px;
}
.selectCapoPanel:after {
	width: 24px;
	height: 22px;
	display: block;
	content: "\f0d7";
	font-size: 14px;
	line-height: 1.6;
	color: #777777;
	text-align: center;
	position: absolute;
	top: 0;right: 0;
	pointer-events: none;
	background: #ebebeb;
	border-bottom: 2px solid #d9d9d9;
	border-right: 2px solid #d9d9d9;
	border-top: 2px solid #d9d9d9;
	border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    *display: none;
}

/*.selectDifficultyPanel { 
    float: right;
}*/
.selectDifficultyPanel {
    margin: 15px 0 10px;
}
/*.selectDifficultyPanel a, .selectGenrePanel a, .chNumberPanel a {
    padding: 4px 10px;
    border: 2px solid #b2b2b2;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #666666;
    display: inline-block;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2;
}*/
.selectDifficultyPanel a {
	width: 16.29%;
}
.selectDifficultyPanel a, .selectGenrePanel a, .chNumberPanel a {
    text-align: center;
    padding: 4px 10px;
    border: 2px solid #b2b2b2;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #666666;
    display: inline-block;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2;
}
a.coolandeasy, a.postButton {
	display: table;
	border: 0;
	padding: 4px 0 4px 22px;
	margin-top: 10px;
	color: #cc0000;
	position: relative;
}
a.coolandeasy:before, a.postButton:before {
    content: "\f18e";
    position: absolute;
    top: 4px;
    left: 0;
}
a.postButton:before {
    content: "\f021";
    position: absolute;
    top: 4px;
    left: 0;
}
a:hover.coolandeasy, a:hover.postButton {
    background-color: transparent !important;
    color: #cc0000 !important;
    border: 0 !important;
    text-decoration: underline;
}
.selectDifficultyPanel a:hover, .selectGenrePanel a:hover, .chNumberPanel a:hover {
    background-color: #555555;
    color: #ffffff;
    border: 2px solid #555555;
}
.selectDifficultyPanel a.active, .selectGenrePanel a.active, .chNumberPanel a.active {
    background-color: #555555;
    color: #ffffff;
    border: 2px solid #555555;
}
.chNumberPanel {
    display: inline-block;
	margin: 15px 0 0px;
}
.chNumberPanel span {
	font-weight: 600;
}
.chNumberPanel span, .barreUniqueChordPanel span {
    margin-right: 5px;
}

.selectGenrePanel {
    display: inline-block;
    margin: 15px 0 0px;
    font-weight: 600;
    position: relative;
}

#content_listado1_ListViewcanciones_DataPagerListado {
	text-align: center;
	display: block;
	margin: 35px 0;
}

#content_listado1_ListViewcanciones_DataPagerListado a {
	padding: 2px 8px;
	border: 1px solid #888888;
	color: #888888;
	display: inline-block;
	text-align: center;
}
#content_listado1_ListViewcanciones_DataPagerListado a:hover {
	border: 1px solid #cc0000;
	color: #cc0000;
}
#content_listado1_ListViewcanciones_DataPagerListado .CurrentPage {
	padding: 2px 8px;
	border: 1px solid #cc0000;
	background-color: #cc0000;
	color: #ffffff;
	display: inline-block;
	text-align: center;
}
#content_listado1_ListViewcanciones_DataPagerListado a.aspNetDisabled {
    opacity: 0.4;
}

.barreUniqueChordPanel {
	display: inline-block;
	margin: 15px 0 0px 20px;
	font-weight: 600;
	position: relative;
}
.barreUniqueChordPanel select {
    width: 80px;
    height: 26px;
    border: 2px solid #d9d9d9;
    font-size: 13px;
    outline: none;
    color: #777777;
    background-color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 5px;
}
.barreUniqueChordPanel:after {
	width: 24px;
	height: 22px;
	display: block;
	content: "\f0d7";
	font-size: 14px;
	line-height: 1.6;
	color: #777777;
	text-align: center;
	position: absolute;
	top: 0;right: 0;
	pointer-events: none;
	background:#ebebeb;
	border-bottom: 2px solid #d9d9d9;
	border-right: 2px solid #d9d9d9;
	border-top: 2px solid #d9d9d9;
	border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
}
option {
	outline: none;
	padding: 4px;
}

.sortingPanel {
    display: block;
    float: right;
    margin-top: 15px;
}
.sortingPanel a {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	color: #666;
}
.sortingPanel .sortingOptionActive {
	color: #cc0000;
}
.sortingPanel a:hover {
	color: #cc0000;
}
.sortingPanel a:last-child {
	margin-right: 0;
}
.sortingPanel .recentSortingHyperlink:before {
    /*content: "\f073";*/
    content: "\f271";
    display: block;
    font-size: 18px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-weight: normal;
}
.sortingPanel .bandNameSortingHyperlink:before {
    content: "\f15d";
    display: block;
    font-size: 18px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-weight: normal;
}
.sortingPanel .popularSortingHyperlink:before {
    /*content: "\f02e";*/
    /*content: "\f097";*/
    content: "\f2c7";
    display: block;
    font-size: 20px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-weight: normal;
}

.ads_barraAdaptableInnerListPanel {
    padding: 10px 5px;
    border-top: 1px solid #e5e5e5;
}
.ads_underTitlePanel {
    margin-top: 10px;
}

.barraLateral_300x250 {
    margin-bottom: 10px;
}

.barraLateral_300x250 {
    margin-bottom: 20px;
}

#content_linkPanel {
    width: 94%;
    margin: 0 auto;
    text-align: left; 
}
#content_linkPanel a {
    color: #444;
    margin: 5px 0;
    display: block; 
}
#content_linkPanel a:hover {
    color: #cc0000;
}
#content_linkPanel a:before {
    content: "\f0c1";
    display: inline-block;
    font-size: 16px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    transform: rotate(90deg);
    margin-right: 10px;
}

        
        
        
/* CSS Choose the chords you play */
                
#listaAcordesQueToco:after {
     content: '';            
     display: block;
     clear: both;
}
#listaAcordesQueToco ul {
     margin: 0px;
     padding: 0px;
}
#listaAcordesQueToco li {
     float: left;
     list-style-type: none;
     margin: 5px;
     width: 50px;
}
#numeroEntradasLista {
     margin-bottom: 30px;
}
.PanelDotNet {
     margin: 0px;
     padding: 0px;
     display: inline;
}
.botonFormulario {
     -webkit-appearance: none;
     appearance: none;
     -moz-appearance: none;
     clear: left;
     margin: 15px 5px;
     display: block;
     background-color: #cc0000;
     color: #ffffff;
     width: 100px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     padding: 8px 0;
     text-align: center;
     cursor: pointer;
}
.listaProgresionAcordesContainerPanel input {
    margin-bottom: 15px;
}
#content_listado1_noItemFoundLabel {
     width: 100%;
	 background-color: rgba(80,155,245,0.2);
     border-color: #cbe1fc;
     padding: 14px 0;
     text-align: center;
     margin: 160px auto;
     display: block;
}

/* Diseño de los checkbox */

#listaAcordesQueToco {
	margin-top: 30px;
}
.acordeQueToco input[type="checkbox"] {
     display: none;
}
.acordeQueToco label {
     display: inline-block;
     cursor: pointer;
     position: relative;
     padding-left: 25px;
     margin-right: 5px;
     font-size: 13px;
     color: #999999;
     font-family: "open sans","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.acordeQueToco label:before {
     content: "";
     display: inline-block;
     width: 16px;
     height: 16px;
     margin-right: 10px;
     position: absolute;
     left: 0;
     bottom: 1px;
     border-radius: 4px;
     -webkit-border-radius: 4px;
     background: #ffffff;
     border: 2px solid #b0b0b0;
     cursor: pointer;
     *display: none; /* IE-7 */
     _display: none; /* IE-6 */
} 
.acordeQueToco input[type=checkbox]:checked + label:before {
     content: "\f00c";
     background: #ffffff;
     border: 2px solid #b0b0b0;
     text-align: center;
     line-height: 1.2;
     color: #cc0000;
     font-size: 14px;
}




/***** añadido para la progresión de acordes *****/

.input__field {
  position: relative;
  display: block;
  float: right;
  padding: 0.8em;
  width: 60%;
  border: none;
  border-radius: 4px;
  background: #f0f0f0;
  color: #000;
  font-weight: 400;
  -webkit-appearance: none; /* for box shadows to show on iOS */
  appearance: none;
}
.input__field:focus {
  outline: none;
}

.input__field--chisato {
  width: 100%;
  padding: 0.8em 0.5em;
  background: #ffffff;
  border: 2px solid #b0b0b0;
  color: #666666;
  -webkit-transition: border-color 0.25s;
  transition: border-color 0.25s;
}

.searchTypePanel {
    clear: both;
}
.searchTypePanel .input-radio {
    clear: both;
    display: block;
    float: none;
}

.input__label {
  left: 0;
  display: inline-block;
  float: right;
  padding: 1em 0em;
  width: 100%;
  color: #444;
  font-weight: bold;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input.input-radio {
  width: auto;
}
.checked-radio label {
	width: 80px;
	margin-left: 4px;
} 

/* Fin de añadido */







/***** RIGHT BOX *****/
.right-box {
     display: none;
}

.right-box .cuadroLateralAds {
  margin-bottom: 20px;
}

#matchedContents {
    margin: 0px auto;
    text-align: center;
}












/*Añadido*/
@media screen and (max-width: 5000px) and (min-height: 0px) {
       
    #list .ads_barraSuperior01_728x90GenericaPanel {
        display: block !important;
        text-align: center;
    }
    #list .ads_barraSuperior01_320x100GenericaPanel {
        /*optimización para valueImpression*/
        /*display: block !important;*/
        display: table !important;
        text-align: center;
    }
    #list .ads_barraInferior01_728x90GenericaPanel {
        display: block !important;
        text-align: center;
    } 
    #list .ads_barraInferior01_320x100x2MovilPanel {
        display: block !important;
        text-align: center;
    }    
    #list .ads_barraInferior01_320x100GenericaPanel {
        display: block !important;
        text-align: center;
    }
    #list .ads_barraInferior01_970x90GenericaPanel {
        display: block !important;
        text-align: center;
    }
    
}
/*Final de añadido*/




@media screen and (min-width: 1130px) {

   
   .list-songs-container {
      display: flex;
   }
   .left-box {
      order: 2;
      float: none !important;
      margin-left: 20px;
   }
   .container-right {
      order: 1;
      float: none !important;
      margin-left: 0;
   }
   .listadoCapos .left-box {
	   margin-left: 0;
   }
  
}





@media screen and (min-width: 1130px) {

   /********* LIST  **********/
   .list-songs-container, .list-bg-container {
      width: 1130px;
   }
   .left-box {
      width: 810px; /*desactivado al quitar la publicidad*/
      /*width: 100%;*/
      float: left;
   }
   .right-box {
      width: 300px;
      height: auto;
      /*height: 600px;*/
      /*background-color: #f0f0f0;*/
      float: left;
      margin-left: 20px;
      display: block; /*publicidad off*/
   }

   #listaAcordesQueToco li {
      width: auto;
   } 
   /*Solución provisional al banner de chrome que tapa parte de la lista*/
    .ads_barraAdaptableInnerListPanel {
  display: block;
}
.ads_barraAdaptableInnerListPanel:not(*:root) {
    /* Supports only WebKit browsers */
    /*Lo elimino porque poniendo anuncios de valueImpression se ve bien*/
  /*display: none;*/
}  
}
  
   /*Fin de solución provisional al banner de chrome que tapa parte de la lista*/

@media screen and (max-width: 1100px) {

    .addThisPanel {
        display: none;
    }
}




@media screen and (max-width: 1129px) and (min-width: 768px) {

   /********* LIST **********/
   .list-songs-container {
      /*width: 768px; desactivado por quitar la publicidad*/
      width: 96%;
   }
   .left-box {
      /*width: 548px; desactivado por quitar la publicidad*/
      width: 100%;
      float: left;
   }
       .ads_barraInferior01_970x90GenericaPanel {
        /*display: none;*/
        display: block !important;
    }
    
    #list .ads_barraInferior01_336x280x2GenericaPanel {
        margin: 0px auto;
        display: table;
        width: 336px;
    }

   .playlist-name {
      /*width: 220px;*/
      width: 26%;
      margin-right: 15px;
   }
   .playlist-band {
      /*width: 170px;*/
      width: 26%;
      margin-right: 15px;
   }
   .playlist-chords {
      /*width: 220px;*/
      width: 26%;
      margin-right: 15px;
   }
   .playlist-capo, .playlist-chords-songs, .playlist-chords-barre, .playlist-link-chords, .playlist-single-chords, .playlist-repeat-cycle {
      margin-right: 20px;
   }    
   .playlist-chords {
      margin-top: 5px;
   }
   .btn-playlist:after {
      top: 8px;
   }
    #content_listado1_noItemFoundLabel {
	    width: 80%;
    }

}


@media screen and (max-width: 840px) and (min-width: 481px) {

   /********* LIST **********/
   .selectDifficultyPanel {
      float: none;   
      display: block;
      margin-bottom: 15px;
   }
   .selectDifficultyPanel a {
      width: 16.2%;
      min-width: 135px;
      /*min-width: 106px;*/
      text-align: center;
      margin-bottom: 8px;
   }    
   .playlist-name {
      /*width: 230px;*/
      width: 46%;
      min-width: 46%;
      margin-right: 15px;
      font-size: 15px;
   }
   .playlist-band {
      /*width: 130px;*/
      width: 46%;
      min-width: 46%;
      margin-right: 15px;
   }
   .playlist-chords {
      /*width: 240px;*/
      width: 46%;
      min-width: 46%;
      margin-right: 15px;
   }
}


@media screen and (max-width: 767px) and (min-width: 481px) {

   /********* LIST **********/
   /*.playlist-name {
      width: 230px;
      width: 46%;
      min-width: 46%;
      margin-right: 15px;
      font-size: 15px;
   }
   .playlist-band {
      width: 130px;
      width: 46%;
      min-width: 46%;
      margin-right: 15px;
   }
   .playlist-chords {
      width: 240px;
      width: 46%;
      min-width: 46%;
      margin-right: 15px;
   }*/
   .playlist-capo, .playlist-chords-songs, .playlist-chords-barre, .playlist-link-chords, .playlist-single-chords, .playlist-repeat-cycle {
      margin-right: 10px;
   }   
   .playlist-chords-songs, .playlist-difficulty {
      margin-top: 5px;
   }
   .botonFormulario {
	   margin: 30px auto 15px;
   }
    #content_listado1_noItemFoundLabel {
	    margin: 100px auto;
    }               
}






@media screen and (max-width: 480px) and (min-width: 320px) {

   /********* LIST **********/
   .list-songs-title, .songs-found {
      display: block;
   }
   .playlist-details article {
      padding: 12px 5px !important;
   }
   .songs-found span {
      margin-left: 0;
   }
   .playlist-name {
      width: 100%;
      margin-right: 0;
      font-size: 15px;
   }
   .playlist-band {
      width: 100%;
      margin-right: 0;
   }
   .playlist-chords {
      width: 60% !important;
      min-width: 60% !important;
      margin-top: 2px;
   }
   .playlist-capo, .playlist-chords-songs, .playlist-chords-barre, .playlist-link-chords, .playlist-single-chords, .playlist-repeat-cycle {
      margin-left: 0;
   }   
   .playlist-difficulty {
      width: 40px;
      float: right;
   }
   .btn-playlist:after {
      top: 6px;
   }
   .playlist-capo {
      width: 40px;
   }
   .playlist-chords-songs {
      width: 70px;
   }
   .playlist-chords-barre {
      width: 110px;
   }
    .rotateIcon{
      line-height: 2.8;
	}
   .selectDifficultyPanel {
      float: none;
      display: block;
      margin-bottom: 15px;
   } 	
   .selectDifficultyPanel a {
      margin-bottom: 8px;
   }
   .list-songs-header {
	   padding: 10px;
   } 
   .barreUniqueChordPanel {
       margin-left: 0;
   }
   .icono-capo, .icono-noCapo {
	   /*vertical-align: baseline;*/
	   margin-right: 0;
   }
   .niveldeDificultadLabel {
       display: inline-block;
   }
   .botonFormulario {
	   margin: 30px auto 15px;
   }
   #content_listado1_noItemFoundLabel {
	   margin: 80px auto;
   }
    
    
   /* new style buttom smartphone */
   .selectDifficultyPanel, .chNumberPanel, .selectGenrePanel {
       width: 100%;
       text-align: center;
   }
   .chNumberPanel a {
	   margin-bottom: 8px;
   }
   .chNumberPanel span {
	   text-align: left;
	   margin-bottom: 10px;
	   display: block;
   }
   .selectDifficultyPanel a, .chNumberPanel a {
      text-align: center;
      /*width: 150px;*/
      width: 49.4%;
   }
   .selectGenrePanel a {
	  /*width: 99px;*/
	  /*width: 32.5%;*/
	  width: 49.4%;
	  text-align: center;
	  margin-bottom: 8px; 
   }
   a.coolandeasy {
      width: 100%;
      text-align: left;
   }

   /*Cambio tamaño de paginación para que entre en el móvil*/
   
       #content_listado1_ListViewcanciones_DataPagerListado {
      /*font-size: 12px;*/
   }

   #content_listado1_ListViewcanciones_DataPagerListado a, #content_listado1_ListViewcanciones_DataPagerListado .CurrentPage {
	  padding: 2px 5px;
   }
   
      
}



@media screen and (max-width: 350px) and (min-width: 320px) {
   .sortingPanel {
      width: 100%;
      display: block;
      float: left;
      margin-bottom: 10px;
      margin-top: 5px;
    }
}