.img-profile {
    width: 40px;
    height: 40px;
}

.rounded-circle {
    border-radius: 50%;
}

.enlace {
    /* color: #ff6417; */
}

.img-articulo {
    width: 64px;
}

.fila {
    display: flex;
    flex-wrap: wrap;
}

.familia-padre:hover {
    cursor: pointer;
}

.familia-padre, .familia-hijo {
    font-size: 0.8em;
}

.filtro-producto {
    padding-bottom: 0.3em;
    padding-top: 0.2em;
}

.usuario-activo {
    color: #16872a;
}

.usuario-inactivo {
    color: #e12c2c;
}

.dto {
    color: white;
    background-color: #eea200;
}

.sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: rgba(0, 128, 255, 0.9) !important;
    overflow-x: hidden;
    transition: 0.5s;
}

barra_scroll::-webkit-scrollbar {
    width: 1em;
}

barra_scroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

barra_scroll::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

@media screen {
    .margen-menu {
        margin-top: 90px;
    }
}

.ui-tooltip {
    background: #007bff;
    color: white;
    font-size: 0.8em;
}

/*** BLOG *****/

.blog-grids {
    overflow: hidden;
    margin: 0 -15px;
}

.blog-grids .grid {
    background-color: #fff;
    width: calc(50% - 30px);
    float: left;
    padding: 15px;
    margin: 20px 15px 15px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
}
@media (max-width: 767px) {
    .blog-grids .grid {
        background-color: #fff;
        width: calc(100% - 30px);
        float: left;
        padding: 15px;
        margin: 20px 15px 15px;
        border-radius: 10px;
        -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 10%);
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
    }
}


    .blog-grids .grid:hover {
        box-shadow: 0 0 30px 0 rgba(0,0,0,.15);
    }

.entry-media img {
    border-radius: 10px;
    width: 100%;
    max-height: 188px;
}

.entry-body {
    padding: 27px 10px;
}

    .entry-body .cat {
        font-family: "Poppins", sans-serif;
        font-size: 12px;
        font-weight: 600;
        color: #6220d9;
        text-transform: uppercase;
    }

    .entry-body h3 {
        font-size: 21px;
        font-weight: 600;
        line-height: 1.30em;
        margin: 3px 0 0.73em;
    }

        .entry-body h3 a {
            color: #41516a;
        }

            .entry-body h3 a:hover {
                color: #6220d9;
                text-decoration: none;
            }

    .entry-body p {
        margin-bottom: 2em;
        color: #90949a;
        line-height: 1.8em;
    }

.read-more-date {
    position: relative;
}

    .read-more-date a {
        font-size: 12px !important;
        font-size: 1.06667rem;
        font-weight: 600;
        color: #ffc107;
        text-transform: uppercase;
    }

    .read-more-date .date {
        position: absolute;
        right: 0;
        color: #90949a;
    }





/* --------- EDITOR STYLES  ---------------------------------------------------------------------------------------- */

.editor__editable,
/* Classic build. */
main .ck-editor[role='application'] .ck.ck-content,
/* Decoupled document build. */
.ck.editor__editable[role='textbox'],
.ck.ck-editor__editable[role='textbox'],
/* Inline & Balloon build. */
.ck.editor[role='textbox'] {
    width: 100%;
    background: #fff;
    font-size: 1em;
    line-height: 1.6em;
    min-height: var(--ck-sample-editor-min-height);
    padding: 1.5em 2em;
}

.ck.ck-editor__editable {
    background: #fff;
    border: 1px solid hsl(0, 0%, 70%);
    width: 100%;
}

.ck.ck-editor {
    /* To enable toolbar wrapping. */
    width: 100%;
    overflow-x: hidden;
}

/* Because of sidebar `position: relative`, Edge is overriding the outline of a focused editor. */
.ck.ck-editor__editable {
    position: relative;
    z-index: 10;
}

/* --------- DECOUPLED (DOCUMENT) BUILD. ---------------------------------------------*/
body[data-editor='DecoupledDocumentEditor'] .document-editor__toolbar {
    width: 100%;
}

body[ data-editor='DecoupledDocumentEditor'] .collaboration-demo__editable,
body[ data-editor='DecoupledDocumentEditor'] .row-editor .editor {
    width: 100%;
    height: 100%;
    min-height: 26.25cm;
    padding: 1cm;
    margin: 1rem;
    margin-top: 0;
    border: 1px hsl( 0, 0%, 82.7% ) solid;
    background-color: var(--ck-sample-color-white);
    box-shadow: 0 0 5px hsla( 0, 0%, 0%, .1 );
}

body[ data-editor='DecoupledDocumentEditor'] .row-editor {
    display: flex;
    position: relative;
    justify-content: center;
    overflow-y: auto;
    background-color: white;    
}

body[data-editor='DecoupledDocumentEditor'] .sidebar {
    background: transparent;
    border: 0;
    box-shadow: none;
}