.logo-full-themed {
    width: 6rem;
    height: 4rem;
    background-image: url('/img/logotipo.png');
    background-origin: content-box;
    background-position: center center;
    background-size: contain;
}


#alternative {
    text-align: right;
    font-size: .6rem;
}

#alternative a,
#backbutton a {
    border: 1px solid;
    padding: .8rem;
}

.muted, .muted > * {
    color: var(--muted-color) !important;
}

.teal, .teal-hover:hover {
    color: #00897b !important;
}
.pink, .pink-hover:hover {
    color: #d81b60 !important;
}


html[data-theme="dark"] .logo-full-themed {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

@media (prefers-color-scheme: dark) {
    .logo-full-themed {
        /* -webkit-filter: invert(100%); */
        /* filter: invert(100%); */
    }
}

.bold{
    font-weight: bolder;
}


article header div {
    display: inline-block;
    width: 49%;
}

.user_access_codes a[role='button']{
    padding-top: .3rem;
    padding-bottom: .3rem;
    /* font-size: .5rem; */
}

.teal-primary{
    --primary: #00897b;
    --primary-hover: #00796b;
    --primary-focus: rgba(0, 137, 123, 0.125);
    --primary-inverse: #FFF;
}

.amber-primary {
    --primary: #ffb300;
    --primary-hover: #ffa000;
    --primary-focus: rgba(255, 179, 0, 0.125);
    --primary-inverse: rgba(0, 0, 0, 0.75);
}

.footerbox > div{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}