/* COLORES
* #cc0000 rojo ur. Uso recomendado: enlaces, botones muy visibles e iconos destacados.
* #990000 matiz oscuro 1. Uso recomendado: enlaces, botones muy visibles e iconos destacados. (botones y enlaces)
* #660000 matiz oscuro 2. Uso recomendado: enlaces, botones muy visibles e iconos destacados.
* #c1002c matiz cabecera
* #e68080 botones deshabilitados
* #a5d7d2 verde secundario. Uso: fondos destacados.
* #c0e2e0 matiz claro verde secundario. Uso: fondos destacados.
* #59aca3 matiz oscuro mensajes destacados
* #ff3232 texto error
* #2d373c gris oscuro. Uso: texto, líneas finas y fondos.
* #46505a gris medio. Uso: texto, líneas y fondos.
* #6b737b gris intermedio
* #eaebec gris claro. Uso: líneas y fondos.
* #f6f6f6 gris muy claro Uso: líneas y fondos. Fondo mensajes error y cabecera de fichas
* #129fea borde campo formulario activo
*/


/*** Estilos generales de la UR ***/

html, body {
    height: 100%;
    margin:0;
}
a {
    color:#990000;
    text-decoration: none;
}
a:hover {
    color:#660000;
    text-decoration: underline;
}

/* Encabezado */
header {
    background-color: #cc0000;
    background-image: url("../images/logo_ur.png");
    background-repeat: no-repeat;
    background-position: left top;
    /*font-size: 1.1em;*/
    min-height: 5em;
}
@media only screen and (max-width: 665px) { /* adaptar según el tamaño del texto H1 de la aplicación para que no se superponga al logo */
    header {
        background-image: url("../images/logo_ur_movil.png");
    }
}
header h1 {
    text-align: right;
    margin: 0 1em .5em 1em;
    padding-top: 0.6em;
    line-height: 1em;
}
header h1 a {
    color: #fff;
    /*font-family: "Open Sans";*/
    font-size: 0.7em;
    font-weight: 700;
    letter-spacing: 0.01rem;
    line-height: 1em;
    text-decoration: none !important;
}
header h1 a:hover {
    color: #fff;
}

/* Barra de navegación horizontal de entrada a la aplicación */
.nav-entrada {
    background-color: #fff;
    color: #000;
    border-bottom: 1px solid #990000;
}

/* Pie de página */
footer {
    background-color: #2d373c;
}

/* asterisco de obligatoriedad de los campos de formulario */
.obligatorio {
    color:red;
}

/* para ocultar divs */
.oculto{
    display: none;
}


/* ordenación de tablas */
/* icono */
.nav-link-order{
    text-decoration: none !important;
    color: black;
}
.misma-linea{
    white-space: nowrap;
}


/*** Estilos de material symbols de Google ***/
.material-symbols-outlined {
    vertical-align: -.2em;
    /*padding-right: 0.5em;*/
    font-size: 22px; /*18px*/
}


/*** Estilos de elementos de bootstrap para adaptarlos a los estilos institucionales UR ***/

/* botones */
.btn:hover {
    text-decoration: initial;
}
.btn-primary {
    background-color: #990000 !important;
    border-color: #990000;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #660000 !important;
    border-color: #660000;
}
.btn-primary.disabled {
    background-color: #C46D6D !important;
    border-color: #C46D6D;
}
.btn-outline-primary {
    color: #990000;
    border-color: #990000;
}
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus {
    background-color: #eaebec !important;
    color: #990000;
    border-color: #990000;
}
.btn-outline-primary.disabled {
    color: #C46D6D !important;
    border-color: #C46D6D;
}
.btn-outline-secondary {
    color: #46505a;
    border-color: #46505a;
}
.btn-outline-secondary:hover,  .btn-outline-secondary:active, .btn-outline-secondary:focus {
    background-color: #46505a !important;
    border-color: #46505a;
}
.btn-outline-light {
    color: #eaebec;
    border-color: #46505a;
}
.btn-outline-light:hover, .btn-outline-light:active, .btn-outline-light:focus {
    background-color: #eaebec !important;
    border-color: #46505a;
}
.btn-link {
    color: #990000;
}
.btn-link:hover, .btn-link:active, .btn-link:focus {
    color: #660000;
}

/* forms */
.form-check-input {
    border: 1px solid rgba(0,0,0,.35);
}
.form-label, .form-check-label {
    font-size: small;
    margin-bottom:0;
}
.input-group-text {
    font-size: 0.75rem;
}
.form-check-input:checked {
    background-color: #990000;
    border-color: #990000;
}

/* page-links */
.page-link, .page-link:hover {
    color:#660000;
}
.page-item.active .page-link {
    background-color: #660000;
    border-color: #660000;
}

/* cards */
.card-header {
    color: #2d373c;
    background-color: #eaebec;
}

/* tablas */
.table-hover tbody tr:hover {
    background-color:#c0e2e0;
}

/* dropdowns */
.dropdown-item {
    font-size: .875rem; /* para que el texto del desplegable salga como los select-form-sm */
}
.dropdown-item:hover {
    background-color: #eaebec !important;
}
.dropdown-item.active, .dropdown-item:active{
    color: #fff;
    text-decoration: none;
    background-color: #1967D2; /*#990000;*/
}
.dropdown-menu, .dselect-wrapper > button{
    padding: .175rem 2.25rem .175rem .75rem;
    text-align: left;
}
.dropdown-menu input.form-control{
    background-color: #eaebec;
}

/* containers */
.container-footer {
    width: auto;
    /*max-width: 680px;*/
    padding: 0 15px;
    color: #eaebec;
    font-size: 0.75rem;
}

/* accordions */
.collapsing {
    transition:height 0.35s ease !important;
}
.accordion{
    border: 1px solid;
    border-color: #ccc;
}
.accordion-header {
    background-color: #c0e2e0;
}
.accordion-button:not(.collapsed) {
    padding:0.5rem;
    color: #2d373c;
    background-color: #eaebec;
}
.accordion-button.collapsed {
    padding:0.5rem;
    color: #2d373c;
    background-color: #eaebec;
}
.accordion-item:first-child > .accordion-header{
    background-color: #F00;
}

/* nav tabs */
.nav-tabs .nav-link.active {
    font-weight: bold;
    text-decoration: none;
}
.nav-tabs .nav-link:hover {
    text-decoration: none;
}

/* lists */
.list-group-item {
    border:0;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

/* alerts */
.alert-success{
    border-color: #a5d7d2;
    background-color: #c0e2e0;
}

/* readonly */
.readonly{
    background-color: #CCC!important;
    cursor: not-allowed;
}

/* tooltips */
.tooltip-title{
    cursor: pointer;
}

.bg-unirioja{
    background-color: #900!important;
}

.pointer{
    cursor: pointer;
}