/* 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

*/
html {
    font-size: 1em;
}
a {
    color:#990000;
    text-decoration: none;
}
a:hover {
    color:#660000;
    text-decoration: underline;
}
a.enlace-deshabilitado {
    color: #C46D6D;
    border-color: #C46D6D;
    pointer-events: none;
}
.boton-deshabilitado, .boton-deshabilitado:focus {
    color: #ffffff;
    background-color: #C46D6D !important;
    border-color: #C46D6D;
    box-shadow: none !important;
    pointer-events: none;
}

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: 600px) {
    header {
        background-image: url("../images/logo_ur_movil.png");
    }
}

header h1 {
    text-align: right;
    margin: 0 0.3em 0.5em 1.5em;
    padding-top: 0.6em;
}
@media only screen and (max-width: 202px) {
    header h1 {
        line-height: 0.9em;
    }
}

header h1 a {
    color: #fff;
    /*font-family: "Open Sans";*/
    font-size: 0.7em;
    font-weight: 700;
    letter-spacing: 0.01rem;
    line-height: 1.2em;
    text-decoration: none !important;
}
header h1 a:hover {
    color: #fff;
}



.cabecera {
    display:flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between; /* items are evenly distributed in the line; first item is on the start line, last item on the end line*/
}

.nav-entrada {
    background-color: #fff;
    color: #000;
    /*  border-bottom: 1px solid #990000;*/
}

.acceso {
    font-size: 1.1em;
}
.acceso input, .acceso button {
    font-size: 1em;
}

footer {
    background-color: #2d373c;
}

.obligatorio {
    color:red;
}

.encabezado {
    background-color: #eaebec;
    /*
   color:#cc0000;
   border-bottom: 1px solid #a5d7d2;
    */
}
.error {
    color:red;
    font-weight: bold;
}
.inactivo {
    color: #6b737b;
    font-style: italic;
}
.alert-success{
    border-color: #a5d7d2;
    background-color: #c0e2e0;
}
/*
.alert-warning, .alert-danger{
    border-color: #46505a;
    background-color: #46505a;
    color: #FFFFFF;
}*/

.material-icons, .material-icons-outlined, .material-symbols-outlined {
    vertical-align: -.2em;
    /* padding-right: 0.5em;*/
}

.material-icons.entrada, .material-icons-outlined.entrada, .material-symbols-outlined.entrada {
    padding-right: 0;
}

.material-icons.error, .material-icons-outlined.error, .material-symbols-outlined.error {
    font-size: 5em;
    color:red;
}
.socio-feature {
    font-size: 1em;
    /*font-weight: 500;*/
    /*display: inline-flex;*/
    align-items: center;
    margin-right: .5em;
}
p.socio-feature{
    line-height: 1.2em;
}
/*
.socio-feature .material-icons,
.socio-feature .material-icons-outlined {
    margin-right: .2em;
}*/
.imagen-firma {
    width: 596px;
    height: 90px;
}


/* modificaciones de elementos de bootstrap */

/* botones */
.btn-primary.disabled{
    background-color: #C46D6D !important;
    border-color: #C46D6D;
}

.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-outline-primary {
    color: #990000 !important;
    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-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;
    text-decoration: none;
}
.btn-link:hover {
    color:#660000;
    text-decoration: underline;
}

.boton-info {
    color: #2F66CD;
    cursor: pointer;
}
.boton-info:hover, .boton-info:focus {
    color: #1D4080;
}

.boton-sin-sombra.btn-check:focus, .boton-sin-sombra.btn:focus {
    box-shadow: none;
}

/* 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 */
.pagination {
    font-size: 0.8em;
}
.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;
}


/* forms */
.input-group-text {
    font-size: 0.75rem;
}

/* dropdowns */
.dropdown-item:hover {
    background-color: #2d373c;
}

.dropdown-claro.dropdown-toggle:hover,.dropdown-claro.dropdown-toggle:active, .dropdown-claro.dropdown-toggle:focus  {
    text-decoration: none;
}
.dropdown-claro.dropdown-item.boton-sin-sombra, a.dropdown-claro.dropdown-item {
    color: #990000;
}
.dropdown-claro.dropdown-item:hover, .dropdown-claro.dropdown-item:active, .dropdown-claro.dropdown-item:focus {
    background-color: #f8f9fa; /* backgound por defecto de Bootstrap */
    text-decoration: none;
}

/* containers */
.container-footer {
    width: auto;
    /*max-width: 680px;*/
    padding: 0 15px;
    color: #eaebec;
    font-size: 0.75rem;
}

/* accordions */
.accordion-header {
    background-color: #c0e2e0;
}
.accordion-button:not(.collapsed) {
    padding:0.5rem;
    color: #990000;
    background-color: #f6f6f6;
}
.accordion-button.collapsed {
    padding:0.5rem;
    color: #2d373c;
    background-color: #fff;
}


.separador {
    border-right: 2px solid #cc0000;
}

/* formulario */
.badge {
    color:#990000;
    background-color: #fff;
    border: 1px solid #990000;
}
.card {
    border: 1px solid #a5d7d2;
}
.oculto{
    display: none;
}

.contenedor-centrado {
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
}
.texto-importante {
    color:#990000;
}

.tooltip-title{
    cursor: pointer;
}
.misma-linea{
    white-space: nowrap;
}
.negrita {
    font-weight: bold;
}

.nav-consultor {
    background-color: #d9fbfb;
    color: #2d373c;
}
.nav-suscripcion {
    background-color: #d9fbfb;
    color: #2d373c;
}
.nav-suscripcion .material-icons, .nav-suscripcion .material-symbols-outlined {
    color: #2d373c;
}
.aviso {
    background-color: red;
}

.texto-grande {
    font-size: 24px;
}

.badge-verde {
    color:#990000;
    background-color: #0f0;
    border: 1px solid #990000;
}