/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

.navbar-header {
    width: 100%;
}

/* Logo personalizado */

.navbar-brand.logo-container.logo-container-bis {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 100%;
	padding-left: 1rem;
}


/* Ajuste para que el botón de menú esté encima del logo */
@media (max-width: 767px) {
 .fruity .navbar-toggle {
     z-index: 99;
 }
}

.logo-container > img {
    max-height: 7em;
}

.contenedor-logo-del-sitio {
    float: left;
    margin: 10px 0 5px 10px;
    width: 170px;
}
.logo-del-sitio {
    border-radius: 4px;
}

.contenedor-nombre-del-sitio {
    align-content: end;
}

.fruity .text-primary {
    color: #9c132d;
}

.survey-welcome {
    display: inline-block;
	color: black !important;
}
.fruity .table-bordered > tbody > tr > th {
    text-align: left;
}

/* colocacion de la barra de progreso y espacio arriba y abajo */
body .top-container {
    margin: 2em auto 0 0 !important;
}


/* Para el listado de encuestas */
@media (max-width: 767px) {
  .contenedor-nombre-del-sitio {
     padding-left: 6%;
     padding-right: 6%;
     margin-top: -0.5em;
    }
}

.nombre-del-sitio {
	background-color: #5d544a;
	color: whitesmoke;
	padding: 0 1em 0.1em 1em;
	border-radius: 4px;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	max-width: 98%;
}

#surveys-list-jumbotron .img-responsive.center-block{
	border-radius: 4px;
}
.fruity .btn-primary {
    color: #fff;
    background-color: #9c132d;
    border: 1px solid #0F0D0D;
}

.btn {
	box-shadow: 5px 5px 10px grey;
}

.btn-group-lg > .btn, .btn-lg {
	margin: 0em 1em 0em 1em;
}

a.surveytitle.btn:hover {
    color: white;
    background-color: #9c132d;
}

/* Aviso de cookies */

#FilaBotonesExtra {
    margin: 2em 2em auto 2em;
}

#botonCAU {
    display: inline-grid;
    float: left;
    font-weight: bold;
}

#botonCAU a {
    margin-top: 1em;
    font-size: 22px;
}

#botonADMIN {
    display: inline-grid;
    float: right;
    font-weight: bold;
}

#botonADMIN a {
    margin-top: 1em;
    font-size: 22px;
}

@media (max-width: 659px) {
  #botonCAU {
    float: none;
  }
  #botonADMIN {
    float: none;
  }
}

@media (max-width: 767px) {
  .group-description {
    transform: scale(0.5) translate(0em,-11em);
  }
  #welcome-container {
      transform: scale(0.7);
      margin-bottom: 3em;
  }
  .logo-container {
    margin-top: -2em;
    width: 80%;
    margin-left: 10%;
    margin-right: auto;
  }
  
  .navbar-collapse {
      background-color: #ececec;
      border-top: 1px solid #b301355c !important;
      border-bottom: 1px solid #b301355c !important;
  }
  
  #ls-button-previous {
      margin-left: 2em;
  }
  #ls-button-submit {
      margin-right: 2em;
  }
}

#separadorPie {
    background-color: #fff;
    border-top: solid 1px #dadada;
    margin: 3em 0 3em 0;
}

#PieUCLMsurvey {
    color: white;
    font-size: 0.9em;
    line-height: 2em;
    padding: 1em 0 0 0;
    line-height: normal;
}

#PieUCLMsurvey > a:nth-child(1) {
    color: transparent;
}

#entidad {
	font-weight: bold;
}

#PowerBy {
    line-height: 4em;
    text-align: right;
    height: auto;
}

#PowerBy img {
    transform: scale(0.7);
}

.btn-secondary {
    background-color: whitesmoke;
    font-weight: bold;
    border: 1px solid lightgray;
}

article {
    padding-bottom: 5em;
}

#surveyListFooter {
    position: relative;
    margin-bottom: auto;
    margin-top: auto;
    top: auto;
    height: 72px;
    bottom: -80px;
    background-color: #767676;
    border-top: solid 1px #9d17307d;
    padding: 5px 0px 0px 1em;
}
#surveyListFooter a {
    color: white;
}

#surveyListFooter a:hover {
    color: #9c132d;
}

.surveytitle.btn {
    box-shadow: 5px 5px 10px grey;
}

.btn-danger:hover {
    color: #fff !important;
    background-color: #9d1730 !important;
}

.nombreUCLM {
    font-weight: bold;
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */    
}

.nombreUCLMToolTipText {
    visibility: hidden;
    width: 17em;
    bottom: 100%;
    left: 50%;
    margin-left: -34px;
    margin-bottom: 0.5em;
    background-color: #f2f2f2;
    color: #9d1730;
    text-align: left;
    padding: 1em 0em 1em 1em;
    border: solid 1px #f7d4d4;
    border-radius: 10px;
    position: absolute;
    z-index: 1;
    line-height: 1.2;
    font-size: 0.9em;
    font-weight: normal;
}

.nombreUCLM:hover .nombreUCLMToolTipText {
    visibility: visible;
}

.nombreUCLM:hover .nombreUCLMToolTipText::after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 10%;
    margin-left: 4px;
    border-width: 5px;
    border-style: solid;
    border-color: #f4f4f4 transparent transparent #f4f4f4;
}

/* Desbloquea el scroll, para que suban los botones, después del javascript personalizado */
#surveys-list-container {
    min-height: inherit !important;
}

/* Nuevo logo 2025 */
@media (min-width: 769px) {
   .navbar-header .row {
        display: flex;
    }
    .navbar-header .row > div[class*="col-"]:not(.contenedor-nombre-del-sitio) {
        flex: 3.5;
    }
    .navbar-header .row > .contenedor-nombre-del-sitio {
        flex: 6.5;
        
    }
}

@media (max-width: 768px) {
    .navbar-brand.logo-container.logo-container-bis {
    	padding-left: 0;
    	margin-top:auto;
    }
}