:root {
    --jccm-blue: #002855;
    --jccm-accent: #a41e4c;
}

.container {
    text-align: center;
}

header .navbar {
    display: flex;
    align-items: center;
    background-color: var(--jccm-blue);
    color: white;
}

header .navbar-icon {
    margin: 8px 16px 8px 20px;
}

header .navbar-env {
    color: yellow;
    font-weight: bold;
}

/* Enlaces */
a {
    color: var(--jccm-blue);
    text-decoration: none;
}

a:hover {
    color: var(--jccm-blue);
    text-decoration: underline;
}


.btn.btn-primary {
    background-color: var(--jccm-blue);
    cursor: pointer;
    border: none;
    width: 100%;
}

.bg-primary {
    background-color: var(--jccm-blue) !important;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
    background-color: var(--jccm-accent);
    text-decoration: none;
}

.btn.btn-primary:disabled {
    background-color: var(--jccm-accent);
    cursor: not-allowed;
    opacity: 0.5;
}


h5 {
    color: var(--jccm-blue);
}

h3, .h3 {
    font-size: 1.3rem;
    color: var(--jccm-blue);
}

/* Para un elemento que no se centra en Internet Explorer */

.my-auto {
    align-self: center;
}

#resendButton:hover {
    border-color: transparent;
    text-decoration: underline;
}

#togglePassword {
    display: none;
}