.invalid {
    border: solid 1px red;
    box-shadow: 0 0 5px red;
}
.error {
    color: rgb(226, 0, 0);
    font-weight: 500;
    display: block;
    padding-top: 5px;
    padding-left: 5px;
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.containerRecuperar {
    max-width: 42rem;
    margin: auto;
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
    font-weight: 700;
}

@media (max-width: 768px) {
    .containerRecuperar {
        margin-left: 15px;
        margin-right: 15px;
    }
}

.contenedor-columnas {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 5px;
    height: 300px;
    overflow-y: auto;
    grid-auto-flow: dense;
}

.columna {
    grid-column: span 3;
    padding-left: 15px;
    padding-right: 15px;
}

.scrolleable {
    overflow: auto;
}

.scrolleable::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    overflow-y: scroll;
    background: #f3edb8;
    box-shadow: inset 0 0 4px #707070;
    border-radius: 30px;
}

.scrolleable::-webkit-scrollbar-thumb {
    background: #f1d700;
    border-radius: 30px;
}

.invalid-radio .custom-control-label::before {
    border: red 1px solid;
    border-radius: 100%;
}

.invalid-check {
    background-color: red;
}

.u-header-topbar__nav-item
    + .u-header-topbar__nav-item-border:not(.full-bg)::before,
.u-header-topbar__nav-item
    + .u-header-topbar__nav-item-border-single:not(.full-bg)
    > div::before {
    color: #cad5d5;
    display: none;
}