footer {
float:left;
width: 100%;
margin-top: 50px;
}

/* Resultados busca */
#resultados {
  margin-top: 10px;
}

.audio-anot-wrap {
  border-bottom: 1px solid #ddd;
  margin-bottom: 8px;
  padding-bottom: 8px;
}

/* Quitar borde ao último bloque */
.row-resultado:last-child .audio-anot-wrap {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.row-file {
  border-bottom: 1px solid #ccc;
  margin-bottom: 8px;
  padding-bottom: 8px;
}

.col-resultado.audio {
  border-right: 1px solid #ddd;
}
.col-resultado.anotacion {
  padding-left: 10px;
}

/* task-navbar styles */
#task_navbar{
  border-bottom: thin solid #ddd;
  background-color:#f7f7f9;
  padding:0% !important;
}

/* CAMBIOS ALIGN **/
a{
  color:#004990; 
}

#task_navbar2{
  border-bottom: thin solid #ddd;
  background-color:#f7f7f9;
  padding:0% !important;
}
#task_navbar2 .task_navbar_item_block{
  border-left: thin solid #ddd;
  min-height:6.9vw;
}
#admin-titles2{width: 70%;}
#admin-titles2 h3{font-size:1.6vw;}
#admin-titles2 p{font-size:1.2vw;}
#admin-span2{
	font-size:4.5vw;
	margin-left:3%;
}
.activeItem{background-color:rgba(0,0,0,0.03);}
.stop_kaldi_link{
  color:#cc3333;
  cursor:pointer;
}

#ex1Slider{margin-left:6%;}
#ex1Slider >.slider-track>.slider-handle{
      background-color: #004990;
      background-image: linear-gradient(to bottom, #004990, #004990);
}
#advanceconfig_div{
  width: 100%;
  margin-bottom:2%;
}
#AdOpt{
  margin-left: 32%;
  width: 37%;
  margin-bottom: 0%;
  padding: 2%;
  border: thin solid #ddd;
  border-radius: 8px;
}
#AdOpt strong{
  font-size: 0.8vw;
  color: grey;
}
#AdOpt .pull-right{
  color: #ddd;
  cursor:pointer;
}
#advanceconfig{
  margin-left: 45%;
  cursor:pointer;
}

.btn-primary:hover{
  background-color:#004990;
  color:#ffffff;
  border-color:#204d74;
}

.videos-info{
  cursor:pointer;
  margin-left: 29%;
}
/**** FIN **/


.task-navbar-icon{
  /*font-size: 5vw;*/
  font-size:70px;
  color:#004990;
  display:inline-block;
}
.task-navbar-icon-disable{
  /*font-size: 5vw;*/
  font-size:70px;
  color:#ddd;
  display:inline-block;
}
.task-navbar-separator{
  /*font-size: 5vw;*/
  font-size:50px;
  color:#ddd;
  display:inline-block;
  margin-right: 10%;
}

.task-navbar-title{
  display:inline-block;
  width:45%;
  margin-left:6%;
}
.task-navbar-title h3, .task-navbar-title p{cursor:pointer;}
.task_navbar_item_block{padding-left: 3%;}
#task_navbar_mostra_resultado{
  padding-right:3%;
  padding-left:15px;
}
#task_navbar_busca_contido{
  padding-right:15px;
  padding-left:15px;
}
.task_navbar_item_block:hover, .task_navbar_item_block:active{background-color:rgba(0,0,0,0.05);}
@media(max-width:760px) {
  .task-navbar-icon{font-size: 50px;}
}

/* search files form styles */
.title-form-icon{
  font-size: 3.5vw;
  color:#004990;
  display:inline-block;
}

.title-form-item{
  display:inline-block;
  width:70%;
  margin-left:3%;
}

.grey-text{
  color:grey;
  font-size:18px;
  font-size:1vw;
}
.blue-text{
  color:#004990;
  font-size:1.5vw;
}
.blue-text-disable{color:#ddd;}

#falantes{
  padding:0%;
  padding-left:2%;
  padding-top:1.5%;
  margin-top:2.5%;
  border-left: thin solid #ddd;
}

#falantes input #falantes select{width:90%;}

#falantes-col2{
  padding-left:2.5%;
  padding-right:3%;
}

#gravacions{
  padding:0%;
  padding-left:2.5%;
  padding-right:2.5%;
  padding-top:1.5%;
  margin-top:2.5%;
}

#form_busqueda input{
  margin-bottom:1%;
  padding:6px 12px;
}

#Ata{margin-bottom:10%;}

.form-control{width:100%;}

.checkbox-item{
 margin-top:1px !important;
 display:block;
}

.checkbox label{display:block;}

#files-selection-form-button{
  background-color:#004990;
  color:white !important;
  border-color:#80a4c7 !important; 
  background-image: -webkit-gradient(linear,left top,left bottom,from(#004990),to(#004990));
  width:200px;
  margin-top:5%;
}

#files-selection-form-button:hover, #files-selection-form-button:active{color:rgba(255,255,255,0.8) !important;}
#files-selection-form-bottom{
  border-top: thin solid #ddd;
  width:90%;
  margin-left:5%;
  margin-top:3%;
  text-align: center;
}

@media(max-width:760px) {
  .grey-text{font-size:3vw;}
  .blue-text{font-size:3.5vw;}
  #files-selection-form-button{
    width:150px;
    font-size:2.5vw;
  }
  #pattern-search-form-button{
    font-size:2vw;
    width:200px;
  } 
}

/* Results file list styles*/
#result_list{margin-top:3%;}

#result_list .title-form-icon{
	color:#004990;
  font-size: 3vw;
}
#result_list .title-form-item{margin-left:2%;}

#result_list_header{
  background-color:#f7f7f9;
  color:#004990;
  border-top: medium solid #ddd;
  border-bottom: medium solid #ddd;
  margin-top: 3%;
  padding-top:0.4%;
  padding-bottom:0.4%;
  border-top:0;
}
#result_list_header h5{font-size:18px;}

.file-list-item{
  border-top: thin solid #ddd;
  font-size:15px;
  padding-top:0.5%;
  padding-bottom:0.5%;
}
#result-file-list-bottom{
  margin-top:5%;
  text-align: center;
}
#result-file-list-button{
  margin-left:2%;
  background-color:#004990;
  color:white !important;
  border-color:#80a4c7 !important; 
  background-image: -webkit-gradient(linear,left top,left bottom,from(#004990),to(#004990));
}
#result-file-list-button:hover, #result-file-list-button:active{
  color:rgba(255,255,255,0.8) !important;
}
#button-white-grey-group{
  display:block;
  margin-left:5.5%;
}
.button-white-grey{
  background-color:#FFFFFF;
  color:#000000;
  border:thin solid #ddd;
  font-size:14px;
  padding-top:0%;
  padding-bottom:0%;
}

.title-form-item h5{font-size:1.3vw;}

#result-file-list-bottom a{
  font-size:20px;
  text-decoration: underline;
  text-align: center;
  text-decoration-color:#004990;
  color:#004990;
  cursor:pointer;
}

#result-file-list-bottom a:focus, #result-file-list-bottom a:hover {
  color: #004990 !important;
  opacity:0.7;
  text-decoration: underline;
}
#result-file-list-bottom a:active, #result-file-list-bottom a:hover {outline: 0;}

@media(max-width:760px) {
  #result_list_header h5{font-size:2.5vw;}
  #result_list_header_results h5{font-size:2.5vw;}
  .file-list-item{font-size:2.2vw;}
  #result-file-list-button{
    font-size:3vw;
    width:200px;
  }
  #result-file-list-bottom a{font-size:3vw;}
  .title-form-item h5{font-size:3vw;}
  .button-white-grey{font-size:3vw;}
}

/* Pattern and output specification form */
#pattern-form{
  margin-top:2.5%;
  padding-left:2.5%;
}
.patterns-form-title{margin-top:5% !important;}
.patterns-form-title1{margin-top:10% !important;}
#formgroup{width:100%;}
#formgroup > div{width:100%;}
.pattern-group-select{
  width:40% !important;
  display:inline-block!important ;
}
.pattern-group-input{
  width:60% !important;
  display:inline-block !important;
}
#capslock-label{
  display:block;
  margin-top:5%;
}
#buttongroup{margin-top:1.5%;}
#search_lang{
  margin-top:10% !important;
  width:40%;
  margin-bottom:10%;
}

#output-form{
  margin-top:2.5%;
  border-left: thin solid #ddd;
  padding-left:3%;
  padding-right:2.5%;
}

#pattern-search-form-button{
  margin-top:5%;
  background-color:#004990;
  color:white !important;
  border-color:#80a4c7 !important; 
  background-image: -webkit-gradient(linear,left top,left bottom,from(#004990),to(#004990));
}

#pattern-search-form-bottom{
  border-top: thin solid #ddd;
  width:90%;
  margin-left:5%;
  margin-top:3%;
  text-align: center;
}
.spinner {width: 20%;}
.spinner input {
  text-align: right;
  width:100%;
}
.input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}
.input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
  padding:2px;
  height:17px;
  border-left:0;
  width:20px;
}

.input-group-btn-vertical > .btn > .glyphicon{
  font-size:9px;
  position: absolute;
  top: 5px;
  right: 4px;
}
.input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
  border-bottom:0;
}
.input-group-btn-vertical > .btn:last-child {
  border-bottom-right-radius: 4px;
  border-top:0;
}
#coinXtabla{border-right:0;}

@media(max-width:760px) {
  #search_lang{font-size:3vw;}
  .form-control{font-size:3vw;}
  #pattern-search-form-button{
    font-size:3vw;
    width:200px;
  }
}

/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 765px) {
  #pattern-search-form-button{font-size: 2vw;}
  #files_selection_label,#checkbox_row{display:none;}
  .videos-info{
    cursor:pointer;
    margin-left: 30%;
  }
}

/* Administration zone*/
#admin_zone{
  background-color:#f7f7f9;
  width:100%;
  height:2000px;
}

#admin-content{
  background-color:#ffffff;
  padding:2%;
  width:400px;
  height:18%;
  border-radius: 8px;
  margin:0 auto;
  margin-top:10%;
  text-align: center;
}

#admin-content > .input-group, .btn-signin{margin-top:2%;}
#title_admin{
  margin-top:10%;
  margin-bottom:10%;
}
#button_admin{
  margin-top:10%;
  margin-bottom:10%;
  width:100%;
}
.button-ver{
 width:100%;
  font-size:1.3vw; 
  margin-top:10%;  
  margin-bottom:8%;
  padding:2%;
}
.button-ver span{
  font-size:2vw;
  margin-right:15px;
}

#drop_zone{
  width:70%;
  margin:0 auto;
  margin-top:8%;
  margin-bottom:5%;
  padding:5%;
  border-radius: 8px;
  border: thick dashed #ddd;
  text-align: center;
}

#drop_zone p:first-child{
  font-size:28px;
  color:grey;
}
#drop_zone p:nth-child(2){
  font-size:20px;
  color:grey;
}

#drop_zone button{
  font-size:1.3vw;
  width:40%;
  padding:1%;
  margin-top:3%;
  margin-bottom:3%;
}

#drop_zone button > span{margin-right:5%;}
#add_from_hdd{
 width:55%;
 font-size:1.0vw;
}

#users-content{
  clear:both;
  margin:0 auto;
}

/* Engadir gravación */
#audio, #eaf {width: 100%;}

/* drop zones aliñar */
#AUDIO_zone, #ORT_TRANS_zone, #FON_TRANS_zone, #rec_AUDIO_zone, #rec_ORT_TRANS_zone{
  min-height:20vw;
  margin:4%;
  margin-top:3%;
  margin-bottom:3%;
  padding:3%;
  border-radius: 8px;
  border: thick dashed #ddd;
  text-align: center;
}

#AUDIO_zone p:first-child, #ORT_TRANS_zone p:first-child, #FON_TRANS_zone p:first-child,#rec_AUDIO_zone p:first-child, #rec_ORT_TRANS_zone p:first-child{
  font-size:1.3vw;
  color:grey;
}
#AUDIO_zone p:nth-child(2), #ORT_TRANS_zone p:nth-child(2), #FON_TRANS_zone p:nth-child(2),#rec_AUDIO_zone p:nth-child(2), #rec_ORT_TRANS_zone p:nth-child(2){
  font-size:1.3vw;
  color:grey;
}

#AUDIO_zone button, #ORT_TRANS_zone button, #FON_TRANS_zone button, #rec_AUDIO_zone button, #rec_ORT_TRANS_zone button{
  font-size:1.3vw;
  width:40%;
  padding:1%;
  margin-top:3%;
  margin-bottom:3%;
}

#AUDIO_zone button > span, #ORT_TRANS_zone button > span, #FON_TRANS_zone button > span,#rec_AUDIO_zone button > span, #rec_ORT_TRANS_zone button > span {
  margin-right:5%;
}
#add_from_hdd1, #add_from_hdd2, #add_from_hdd3{
 width:100%;
 font-size:0.9vw;
}
#upload_confirmation_div{
  text-align: center;
  margin-top:0%;
}
/* fin drop zones aliñar */

#search_files_input{
	display:inline-block;
	width:100%;
	font-size:12px;
}
#search_files_button{
	display:inline-block;
	width:28%;
	font-size:12px;
}

#search_form_container{margin-top:9%;}
#admin-titles{width:70%;}
#admin-titles h3{font-size:1.6vw;}
#admin-titles p{font-size:1.2vw;}
#admin-span{font-size:5vw;}

/*file upload button*/
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 1.7vw;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

@media(min-width:760px) and (max-width:1000px) {
	#admin-titles h3{font-size:2.5vw;}
	#admin-titles p{font-size:1.7vw;}
	#admin-span{font-size:7vw;}
	.title-form-item h5{font-size:1.5vw;}
	.blue-text{font-size:1.8vw;}
	#result_list_header h5{font-size:1.8vw;}
	.button-ver{
		font-size:1.5vw;
		margin-top:25%;
	}
	.button-ver span{
		font-size:1.5vw;
		margin-right:5px;
	}
}

@media(min-width:350px) and (max-width:760px) {
	#search_files_input{
		width:100%;
		font-size:12px;
	}
	#search_files_button{
		width:30%;
		font-size:12px;
	}	
	#search_form_container{
		margin-top:2%;
		margin-left:5.5%;
	}
	.button-ver{font-size:16px;}
	.button-ver span{font-size:30px;}
	#admin-titles h3{font-size:4vw;}
	#admin-titles p{font-size:3vw;}
	#admin-span{font-size:11vw;}
	.title-form-item h5{font-size:3vw;}
	.blue-text{font-size:4vw;}
	#result_list_header h5{font-size:2.5vw;}
}


@media (max-width:350px) {
	#admin-titles h3{font-size:5vw;}
	#admin-titles p{font-size:4vw;}
	#admin-span{font-size:16vw;}
	.title-form-item h5{font-size:3.9vw;}
	.blue-text{font-size:10vw;}
	#checkbox_row{display:none;}
	#result_list_header h5{font-size:4vw;}
	.button-ver{
		font-size:4vw;
		margin-top:25%;
	}
	.button-ver span{
		font-size:6vw;
		margin-right:5px;
	}
}
/*********** ALIGN ***************/
#alinhador_button_div{
  text-align: center;
  margin-top:5%;
}
#align-checkbox-group{
  margin:0 auto;
  text-align: center;
  margin-top:5%;
  border:thin solid #ddd;
  width:20%;
  border-radius:8px;
}

@media(max-width:981px) {
  #align-checkbox-group{width:40%;}
}

#align_download_messages{text-align: center;}

#drop_zone_align{
  width:50%;
  margin:0 auto;
  margin-top:5%;
  padding:5%;
  border-radius: 8px;
  border: thick dashed #ddd;
  text-align: center;
}

#drop_zone_align p:first-child{
  font-size:28px;
  color:grey;
}
#drop_zone_align p:nth-child(2){
  font-size:20px;
  color:grey;
}

#drop_zone_align button{
  font-size:20px;
  width:45%;
  padding:1%;
}

#drop_zone_align button > span{margin-right:5%;}

#files_list{
  text-align: left;
  margin-top:1%;
}

.btn-table{
  margin-left:1%;
  display:inline-block;
}
#resultados, #pag-msg{padding:0%;}

#result_list_header_results{
  background-color:#f7f7f9;
  color:#004990;
  border-bottom: medium solid #ddd;
  padding-top:0.4%;
  padding-bottom:0.4%;
  border-top:0;
  margin:0%;
  border-top:0;
}
#result_list_header_results h5{font-size:18px;}
.dropdown_btn_table{width:120px;}
.coin-label{
 width:25px; 
 height:25px;
 font-size:14px;
 padding-top:5.5px;
 padding-left:7px;
}

#select_all,#coincidencias_label,#select_all2,#files_selection_label,#select_all3,#checkbox_row{display:inline-block;}
#center-results-column-header{padding-left:0.5%;}
#download_checked_files{
  margin-top:2%;
  margin-bottom:2%;
}
.linha_non_principal{
  padding-left:8%;
  color:#004990;
}
.linha_principal{
  color:#004990;
  cursor:pointer;
}

@media(min-width:1192px) and (max-width:1547px) {
  .btn-table{
    margin:1%;
    display:inline-block;
  }
  .label_hidden_descargar{display:none;}
  .videos-info{
    cursor:pointer;
    margin-left: 23%;
  }
}

@media(min-width:803px) and (max-width:1192px) {
  .btn-table{
    margin:1%;
    display:inline-block;
  }
  .label_hidden_descargar, .label_hidden_escoitar{display:none;}
  .dropdown_btn_table{width:50px;}
  .videos-info{
    cursor:pointer;
    margin-left: 15%;
  }
}
@media(min-width:760px) and (max-width:803px) {
  .btn-table{
    margin:1%;
    display:inline-block;
  }
  .label_hidden_descargar, .label_hidden_escoitar{display:none;}
  .dropdown_btn_table{width:47px;}
  .glyphicon-play, .glyphicon-save, .glyphicon-trash{font-size:10px;}
  .videos-info{
    cursor:pointer;
    margin-left: 5%;
  }
}

@media (max-width: 767px) {
    .row-resultado {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        margin-bottom: 10px;
    }
    .col-resultado {
        box-sizing: border-box;
        padding: 2px 5px;
        
    }
    .col-resultado.etiqueta { width: 100%; } /* etiqueta do arquivo ocupa toda a fila */
    .col-resultado.audio { width: 100%; } /* reproductor ocupa toda a fila */
    .col-resultado.anotacion { width: 100%; } /* anotacións ocupan toda a fila */
}
/** notifications frame **/
#notification{
	width:30%;
	position: absolute;
	top:5%;
	left:65%;
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
	.textHuge {
		font-size: 110px;
		line-height: normal;
	}
	.textxxLarge {
		font-size: 60px;
		line-height: normal;
	}
	.textxLarge {
		font-size: 40px;
		line-height: normal;
	}
	.textLarge {
		font-size: 36px;
		line-height: normal;
	}
	.textxxMedium {
		font-size: 26px;
		line-height: normal;
	}
	 #pattern-search-form-button {
		font-size: 18px;
		line-height: normal;
	}
	.textMedium {
		font-size: 16px;
		line-height: normal;
	}
	.textRegular {
		font-size: 14px;
		line-height: normal;
	}
	.textSmall {
		font-size: 11px;
		line-height: normal;
	}
	.textMini {
		font-size: 9px;
		line-height: normal;
	}

}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.textHuge {
		font-size: 77px;
		line-height: normal;
	}
	.textxxLarge {
		font-size: 42px;
		line-height: normal;
	}
	.textxLarge {
		font-size: 28px;
		line-height: normal;
	}
	.textLarge {
		font-size: 26px;
		line-height: normal;
	}
	.textxxMedium {
		font-size: 18px;
		line-height: normal;
	}
	 #pattern-search-form-button {
		font-size: 16px;
		line-height: normal;
	}
	.textMedium {
		font-size: 14px;
		line-height: normal;
	}
	.textRegular {
		font-size: 12px;
		line-height: normal;
	}
	.textSmall {
		font-size: 11px;
		line-height: normal;
	}
	.textMini {
		font-size: 9px;
		line-height: normal;
	}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.textHuge {
		font-size: 54px;
		line-height: normal;
	}
	.textxxLarge {
		font-size: 30px;
		line-height: normal;
	}
	.textxLarge {
		font-size: 22px;
		line-height: normal;
	}
	.textLarge {
		font-size: 18px;
		line-height: normal;
	}
	.textxxMedium {
		font-size: 16px;
		line-height: normal;
	}
	 #pattern-search-form-button {
		font-size: 14px;
		line-height: normal;
	}
	.textMedium {
		font-size: 12px;
		line-height: normal;
	}
	.textRegular {
		font-size: 12px;
		line-height: normal;
	}
	.textSmall {
		font-size: 11px;
		line-height: normal;
	}
	.textMini {
		font-size: 9px;
		line-height: normal;
	}

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.textHuge {
		font-size: 38px;
		line-height: normal;
	}
	.textxxLarge {
		font-size: 24px;
		line-height: normal;
	}
	.textxLarge {
		font-size: 22px;
		line-height: normal;
	}
	.textLarge {
		font-size: 18px;
		line-height: normal;
	}
	.textxxMedium {
		font-size: 16px;
		line-height: normal;
	}
	 #pattern-search-form-button {
		font-size: 14px;
		line-height: normal;
	}
	.textMedium {
		font-size: 12px;
		line-height: normal;
	}
	.textRegular {
		font-size: 12px;
		line-height: normal;
	}
	.textSmall {
		font-size: 11px;
		line-height: normal;
	}
	.textMini {
		font-size: 9px;
		line-height: normal;
	}
	#files_selection_label,#checkbox_row{display:none;}
	.elemento_nav_a{margin-top:1%;}
	#admin_element{ 
		margin-top:1%;
		margin-left:2.5%;
	}
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
	.textHuge {
		font-size: 32px;
		line-height: normal;
	}
	.textxxLarge {
		font-size: 22px;
		line-height: normal;
	}
	.textxLarge {
		font-size: 20px;
		line-height: normal;
	}
	.textLarge {
		font-size: 16px;
		line-height: normal;
	}
	.textxxMedium {
		font-size: 14px;
		line-height: normal;
	}
	 #pattern-search-form-button {
		font-size: 13px;
		line-height: normal;
	}
	.textMedium {
		font-size: 11px;
		line-height: normal;
	}
	.textRegular {
		font-size: 10px;
		line-height: normal;
	}
	.textSmall {
		font-size: 9px;
		line-height: normal;
	}
	.textMini {
		font-size: 8px;
		line-height: normal;
	}

	#admin-content{width:80%;}
	#files_selection_label,#checkbox_row{display:none;}
}

/*** ABOUT PAGE ***/
ul.disc  {list-style-type: disc; margin-bottom: 10px;}
ul.none { list-style-type: none;}
ol.a {list-style-type: lower-alpha;}
#about_title{
  border-bottom: thin solid #ddd; 
  margin-left:5%;
  margin-top:3%;
}

#first_paragraph{margin-left:15px;}
#authors_about{
  padding:1.5%;
  padding-left:5%;
  padding-right:5%;
  padding-top:3%;
}
#authors_about ul li {
  list-style: none;
  margin-bottom: 10px;
}
#usc_authors, #uvigo_authors{margin-top:1%;}

#description_about{
  margin-left:5%;
  margin-right:5%;
  padding:15px;
  padding-top:1.5%;
  padding-bottom:1.5%;
}

#right_menu{padding:3%;}

.lateral_buttons_first{
  margin-top:10%;
  text-align: left;
}
.lateral_links{
   width:100%;
   margin-top:10%;
   text-align: left;
}
.btn-primary {background-color:#004990;}

/* Estilo para poñer a cor de fondo dos botóns en branco, para resaltar en onde se está*/
.btn-blanco {
  background-color:transparent;
  border:none;
  color:#004990;
}

#about_logos{
  margin-top:3%;
  width:76%;  
  margin-left:12%;
}
#desenho_author{margin-top: 2%;}
#about_logos img{margin:1%;}

#contact_div{
  margin-top:5%;
  margin-left:5%;
  padding-right:5%;
  padding-left:5%;
}
#contact_form{margin-top:1%;}
#acerca, #manual{cursor:pointer;}
#notification{z-index:99999;}
.lateral_buttons:hover{background-color:#004990;}
#boton_contacto{
  background-color:#004990;
  color:#FFFFFF;
}
.btn-blanco{   
  webkit-box-shadow:inset 0 0px 0 rgba(255,255,255,.15),0 0px 0px rgba(0,0,0,.075);
  box-shadow:inset 0 0px 0 rgba(255,255,255,.15),0 0px 0px rgba(0,0,0,.075);
}

#tipo_texto{margin-top:16%;}
#nuevo_grupo{margin-top:16%;}

.list-users, .list-languages, .list-recordings{
  margin-top: 5px;
  padding: 0px;
}
.list-users:hover, .list-languages:hover, .list-recordings:hover {background-color: #eee;}

/* FORMULARIOS */
input.is-valid, select.is-valid {border-color: #3c763d;}
input.is-invalid {border-color: #a94442}
.btn-users {
  border-color: #004990;
  color:#004990;
}
.list-group-horizontal .list-group-item {display: inline-block;}
.list-group-horizontal .list-group-item {
	margin-bottom: 0;
	margin-left:-4px;
	margin-right: 0;
 	border-right-width: 0;
}
.list-group-horizontal .list-group-item:first-child {
	border-top-right-radius:0;
	border-bottom-left-radius:4px;
}
.list-group-horizontal .list-group-item:last-child {
	border-top-right-radius:4px;
	border-bottom-left-radius:0;
	border-right-width: 1px;
}

.list-group-item.active a {color: white;}
.flex-start {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.toggle-button-wrapper {
    padding-left: 15px; /* mismo padding que las anotaciones */
    margin-bottom: 8px; /* separación de la fila siguiente */
}

.btn-toggle-lines {
    color: #337ab7;       /* texto azul */
    border-color: #337ab7; /* borde azul */
    background-color: #fff; /* fondo blanco */
}

.btn-toggle-lines:hover {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

#results_tables {margin-top: 20px;}

.btn-modern-download {
    background: #fff; 
    color:#1d6f42; /* verde Excel */
    border: 1px solid #1d6f42; 
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.btn-modern-download i {font-size: 20px;}
.btn-modern-download:hover {
    background: #218c4f;
    color: #fff;
}
.btn-modern-download:active {
    transform: translateY(0);
    box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}

/* Botóns de audio: reproducir, descargar anacos, etc. */
.btn-audio {
    background-color: #fff;
    color: #357ABD;
    border: 1px solid #357ABD;;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 600;
    gap: 8px;
}

/* Hover: un ton máis escuro */
.btn-audio:hover,
.btn-audio:focus {
    background-color: #3C7AC1;
    border-color: #2F679E;
    color: #fff;
    text-decoration: none;
}
/* Active: efecto pulsado con sombra interna */
.btn-audio:active {
    background-color: #336AAB;
    border-color: #2A5A8E;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.25);
    color: #fff;
}

/* Botón elan */
/* Botóns de audio: reproducir, descargar anacos, etc. */
.btn-elan {
    background-color: #fff;
    color: #d2232a;
    border: 1px solid #d2232a;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 600;
    gap: 8px;
}

/* Hover: un ton máis escuro */
.btn-elan:hover,
.btn-elan:focus {
    background-color: #d2232a;
    border-color: #d2232a;
    color: #fff;
    text-decoration: none;
}

/* Active: efecto pulsado con sombra interna */
.btn-elan:active {
    background-color: #d2232a;
    border-color: #d2232a;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.25);
    color: #fff;
}

i.elan-icon {
  background-image:url("../images/icons/elan.png");
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block; /* Recomendado para elementos <i> */
  margin: 0px;
  vertical-align: middle;
}
.btn-elan:hover i.elan-icon {
  background-image:url("../images/icons/elan_hover.png");
}
img.icon {max-width: 18px; max-height: 18px;}
.row-resultado {margin-bottom: 15px;}