/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

:root {
    --vz-vertical-menu-bg: #fff;
    --vz-vertical-menu-border: #fff;
    --vz-header-bg: #fff;
    --vz-header-border: #e9ebec;
    --vz-topbar-user-bg: #3e3c3c;
}

:root[data-sidebar=dark] {
    --vz-vertical-menu-bg: #3e3c3c;
    --vz-vertical-menu-border: #3e3c3c;
    --vz-header-bg: #222222;
    --vz-header-border: #222222;
    --vz-topbar-user-bg: #3e3c3c;
}

.icon-grupomvs {
    width: 24px;
    height: 24px;
    background-image: url('/assets/icons/Logo_GrupoMVS.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-mvseducacion {
    width: 24px;
    height: 24px;
    background-image: url('/assets/icons/Logo_MVSEducacion.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-cmr {
    width: 24px;
    height: 24px;
    background-image: url('/assets/icons/Logo_CMR.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-mvscapital {
    width: 24px;
    height: 24px;
    background-image: url('/assets/icons/Logo_MVSCapital.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-mvstelevision {
    width: 24px;
    height: 24px;
    background-image: url('/assets/icons/Logo_MVSTelevision.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-dish {
    width: 24px;
    height: 24px;
    background-image: url('/assets/icons/Logo_Dish.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-fundaciones {
    width: 24px;
    height: 24px;
    background-image: url('/assets/icons/Logo_Fundaciones.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-social {
    width: 20px;
    height: 20px;
    background-image: url('/assets/icons/icon_comments.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-home {
    width: 20px;
    height: 20px;
    background-image: url('/assets/icons/icon_home.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-people {
    width: 20px;
    height: 20px;
    background-image: url('/assets/icons/icon_people.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-persons {
    width: 20px;
    height: 20px;
    background-image: url('/assets/icons/icon_persons.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-star {
    width: 20px;
    height: 20px;
    background-image: url('/assets/icons/icon_star.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-store {
    width: 20px;
    height: 20px;
    background-image: url('/assets/icons/icon_store.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-work {
    width: 20px;
    height: 20px;
    background-image: url('/assets/icons/icon_work.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.auth-bg-cover > .bg-overlay {
    background-image: url("../images/mvs-background.jpg");
    background-position: center;
    background-size: cover;
    opacity: 1;
    background-color: transparent;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}

div.dt-buttons {
    float: right;
}

table[class="isHoverable"] > tr:hover td {
    background-color: rgba(var(--dt-row-hover), 0.052) !important;
}

.esScrollable {
    height: 50em;
    line-height: 1em;
    overflow-x: hidden;
    overflow-y: scroll;
}

/* INICIA: Estilos para editor QUillJS*/
    /* Alinear texto a la derecha */
    .ql-align-right {
        text-align: right !important;
    }

    /* Alinear texto al centro */
    .ql-align-center {
        text-align: center !important;
    }

    /* Justificar texto */
    .ql-align-justify {
        text-align: justify !important;
    }

    /* Estabecer máximos visuales para imagenes en editor QuillJS */
    .quill_image {
        max-width: 100%;
        height: auto;
        display: block;
        /*margin: 0 auto; *//* opcional: centra la imagen */
    }

    .quill-contentgral img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto; /* opcional: centra la imagen */
    }

    /* Estilo para el contenido renderizado de Quill */
    .quill-content {
        color: #212529; /* Color por defecto: oscuro pero neutral (Bootstrap compatible) */
    }

    /* Hereda color base si NO hay un color definido explícitamente */
    .quill-content *:not([style*="color"]) {
        color: inherit !important;
    }

    .quill-content img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto; /* opcional: centra la imagen */
    }

/* TERMINA: Estilos para editor QUillJS*/

/* Inicia: Estilos para el contenido de los ads en el marketplace */
    .scroll-boxmp {
        height: 200px; /* Alto fijo (puedes ajustar según tu necesidad) */
        overflow-y: auto; /* Activa el scroll vertical solo si es necesario */
        scrollbar-width: thin; /* Scroll discreto en Firefox */
    }

    Scroll discreto para Webkit (Chrome, Edge, Safari)
    .scroll-boxmp::-webkit-scrollbar {
        width: 6px;
    }

    .scroll-boxmp::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,0.2); /* Color tenue */
        border-radius: 3px;
    }

    .scroll-boxmp::-webkit-scrollbar-track {
        background: transparent;
    }
/* Termina: Estilos para el contenido de los ads en el marketplace */