.selectedbg {
}

    .selectedbg .row {
        background-color: rgb(198 198 198 / 0.25);
    }

.clearD {
    clear: both;
}

.flotante {
    width: 100%;
    max-width: 36px;
    position: fixed;
    left: 0;
    top: 50px;
    z-index: 1031;
}

    .flotante label {
        display: block;
        padding: 8px;
        position: relative;
        transition: all 0.4s;
    }

#btn-flecha, #btn-flecha2 {
    display: none;
}

    #btn-flecha:checked ~.menulat, #btn-flecha2:checked ~.menulat2 {
        transform: rotate(180deg);
    }

.fotoRedonda {
    border-radius: 50%;
}

    .fotoRedonda img {
        border-radius: 50%;
    }

#collapseLeftDataX {
    height: 0vh;
    float: left;
    position: relative;
    z-index: 1030;
    padding-top: 1rem;
    transition: transform 0.5s ease-in-out;
    transform: translateX(-100%);
    clear: both;
}

    #collapseLeftDataX.show {
        transform: translateX(0%);
    }

#colmain {
    transition: margin-left 0.5s ease-in-out;
    min-height: calc(100vh - 15rem);
}

.custom-width100 [class^="col"] {
    width: 100% !important;
}

.custom-width0 [class^="col"] {
    width: 0px;
    display: none;
}

/*Se pone en el row donde se requiera que no se solapen los textos */
.noencimado [class^="col"] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.label-this {
    width: 0px;
    display: none;
}

.custom-width100 [class*="label-this"] {
    width: auto;
    display: inline-block;
}