@import url('./imports/gestion-comercial.css');
@import url('./imports/cotizacion.css');
@import url('./imports/cotizacion-cliente.css');
@import url('./imports/new-dashboard.css');
@import url('./imports/login.css');

nav {
    background: #00aaff;
    box-shadow: 0px 0px 0px black;
    height: 70px;
}

html {
    overflow-x: hidden !important;
}

nav .sidenav-trigger i {
    cursor: pointer;
}

.fondo_inicio {
    background-image: url('https://images.pexels.com/photos/2881232/pexels-photo-2881232.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
    background-image: url('https://images.pexels.com/photos/2582936/pexels-photo-2582936.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
    background-image: url('../almacenamiento/img/fondo.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: white;
}

.fondo_inicio .material-icons {
    color: black;
}

.fondo_inicio .btn .material-icons {
    color: white;
}

/*
i.material-icons:not([translate="no"])::after{
    content: "\e099";
}


i.material-icons:not([translate="no"]){
    content: "";
}
*/

.material-icons::selection{
    background-color: transparent;
}

.content-files{
    display: flex;
    align-items: center;
}

.item-flex{
    cursor:help;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.drive-t{
    max-width: 500px;
    min-width: 0.8rem;
    display: inline-flex;
    white-space: nowrap;
    overflow: hidden;
}

.editable {
    padding: 5px 1px;
}

.editable:focus-visible{
    outline: rgb(0 170 255) auto 1px;
}

.trigger-name.error{
    outline: rgb(255, 41, 13) auto 1px;
    animation: input-error 0.3s 1;
    animation-timing-function: ease-out;
    animation-play-state: running;
}

@keyframes input-error {
    0% { transform: translateX(-5px); }
    50%{ transform: translateX(5px);}
}

.item-flex i{
    margin-right: 4px;
}

.btn-floating.btn-large {
    width: 43px;
    height: 43px;
    padding: 0;
}

.btn-floating.blue{
    background: #00aaff;
}

.btn-floating.btn-large i {
    line-height: 42px;
}

.btn-large i {
    font-size: 1.3rem;
}

.file-field .btn{
    background: #00aaff;
}

/*Boton up_down*/

.btn_up_down {
    width: 40px;
    height: 40px;
    background: #00aaff;
    color: white;
    border: 1px solid #00aaff;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 12px;
    right: 45px;
    cursor: pointer;
    transition: all .5s;
    padding: 20px;
    z-index: 1000;
    box-shadow: 0px 0px 20px -7px #171717a6;
}

.btn_up_down:hover {
    color: #039be5;
    background: white;
    box-shadow: 0px 0px 20px -7px #039be5;
}

.btn_up_down i {
    font-size: 26px;
    transform: rotate(0deg);
    transition: all .5s;
}

.btn_up_down.up i {
    transform: rotate(180deg);
}

.btn_up_down.down i {
    transform: rotate(0deg);
}


/*End boton up_down*/

.ojo:hover,
.cerrar_ojo:hover {
    cursor: pointer;
}

.toast_style_danger {
    background-color: red !important;
}

.toast_style_normal {
    background-color: orange !important;
}

.toast_style_low {
    background-color: #00aaff !important;
}

.toast_style_alert {
    background-color: #00aaff !important;
}

.toast_style_bajo {
    background-color: red !important;
}

.toast_style_medio {
    background-color: #ffa000 !important;
}

.contenedor_observaciones {
    display: none;
}

#test1 {
    display: block;
}

#test2 {
    display: none;
}

.barra_contrasena {
    background: #CCC;
    border-radius: 10px;
    color: #999;
    font-weight: bold;
    padding: 5px;
    transition: all 0.4s;
    width: 40%;
}

@media(max-width: 600px) {
    .barra_contrasena {
        width: 100%;
    }
}

.barra_caracteres {
    background: red;
    border-radius: 10px;
    color: white;
    font-weight: bold;
    padding: 5px;
    transition: all 0.4s;
    width: 55%;
}

.convenciones_historial {
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}

.convencion_a {
    background: #00aaff;
    border-radius: 5px;
    margin-right: 5px;
    padding: 10px;
    padding-bottom: 1px;
    padding-top: 1px;
    width: 4%;
}

.convencion_b {
    background: #cc9900;
    border-radius: 5px;
    margin-right: 5px;
    padding: 10px;
    padding-bottom: 1px;
    padding-top: 1px;
    width: 4%;
}

.convencion_c {
    background: green;
    border-radius: 5px;
    margin-right: 5px;
    padding: 10px;
    padding-bottom: 1px;
    padding-top: 1px;
    width: 4%;
}

.convencion_d {
    background: #e65100;
    border-radius: 5px;
    margin-right: 5px;
    padding: 10px;
    padding-bottom: 1px;
    padding-top: 1px;
    width: 4%;
}

.input_select {
    margin-top: 10px !important;
}


/* Se apunta al picker dentro de un modal ya que al estar dentro de un modal el calendario(picker) no se visualiza correctamente */

.fecha_nac_picker input:hover {
    cursor: pointer !important;
}

.fecha_nac_picker .datepicker-modal .datepicker-container {
    position: relative !important;
}

.fecha_nac_picker .modal {
    width: 100% !important;
}

.boton_tomar_foto {
    margin-top: 40px !important;
    width: 300px !important;
}

.datepicker-controls .select-month input {
    width: 80px;
}


/* Inicio Efectos botones acciones */

.actualizar,
.desabilitar,
.r_email,
.desbloquear,
.eliminar,
.quitar_registro_historial,
.ver_info,
.ver,
.reactivar,
.prorroga,
.btn_ver_sub_clientes {
    transition: all 0.5s;
}

.btn_ver_sub_clientes:hover {
    color: #009688;
    cursor: pointer;
    transform: rotate(360deg) scale(1.2);
}

.ver:hover {
    color: #00aaff;
    cursor: pointer;
    transform: rotate(360deg) scale(1.2);
}

.actualizar:hover {
    color: orange;
    cursor: pointer;
    transform: rotate(360deg) scale(1.2);
}

.ver_info:hover {
    color: #00aaff;
    cursor: pointer;
    transform: rotate(360deg) scale(1.2);
}

.desabilitar:hover,
.eliminar:hover,
.desbloquear:hover,
.quitar_registro_historial:hover {
    color: red;
    cursor: pointer;
    transform: rotate(360deg) scale(1.2);
}

.reactivar:hover {
    color: #43a047;
    cursor: pointer;
    transform: rotate(360deg) scale(1.2);
}

.prorroga:hover {
    color: #bf360c;
    cursor: pointer;
    transform: rotate(360deg) scale(1.2);
}

.r_email:hover {
    color: #00aaff;
    cursor: pointer;
    transform: rotate(360deg) scale(1.2);
}

.tarjetas_home {
    background: #333 !important;
    border-top: 3px solid #00aaff;
    color: white;
    padding-top: 8px !important;
    transition: all 0.3s;
}

.tarjetas_home:hover {
    border-radius: 0px 0px 10px 10px !important;
    box-shadow: 0px 0px 15px #00aaff;
    cursor: pointer;
    padding-bottom: 8px !important;
    padding-top: 8px !important;
}

.tarjetas_home .texto,
.tarjetas_home .icono {
    transition: all 0.3s !important;
}

.tarjetas_home:hover .texto,
.tarjetas_home:hover .icono {
    transform: scale(1.2) !important;
}

.tarjetas_home:nth-child(1) {
    border-radius: 0px 0px 0px 10px;
}

.tarjetas_home:nth-child(2) {
    border-left: 2px solid #00aaff;
    border-right: 2px solid #00aaff;
}

.tarjetas_home:nth-child(3) {
    border-right: 2px solid #00aaff;
}

.tarjetas_home:nth-child(4) {
    border-radius: 0px 0px 10px 0px;
}

.tarjetas_home_bottom {
    background: #00aaff !important;
    color: white;
}

.user-circle {
    overflow: hidden;
    display: flex !important;
    align-items: center;
    margin: auto;
}

.user-circle img {
    width: 100%;
    min-height: 100%;
}


/* Fin Efectos botones acciones */

.limpiar_historial {
    background: #00aaff;
    border: 2px solid #00aaff;
    border-top: 0;
    border-radius: 0px 0px 10px 10px;
    color: white;
    font-weight: bold;
    margin: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 30%;
    transition: all 0.5s;
}

@media (max-width: 650px) {
    .limpiar_historial {
        width: 100%;
    }
}

.limpiar_historial:hover {
    background: white;
    color: #00aaff;
    cursor: pointer;
}

.label_pais {
    margin-bottom: 20px !important;
}

.titulo_modulo {
    border: 0;
    border-bottom: 2px solid #00aaff;
    color: #00aaff;
    font-size: 2em;
    font-weight: bold;
    margin-top: 15px;
    padding-bottom: 15px !important;
    text-align: center;
    text-transform: uppercase;
}

.tarjeta_sub_cliente {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.tarjeta_sub_cliente:nth-child(3),
.tarjeta_sub_cliente:nth-child(4) {
    margin-top: 40px;
}

.titulo_tarjeta_sub_cliente {
    background: #00aaff;
    border: 0;
    border-bottom: 2px solid #00aaff;
    border-radius: 15px 15px 0px 0px;
    color: white;
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 0px;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    text-align: center;
    text-transform: uppercase;
}

.sub_titulo_tarjeta_sub_cliente {
    background: #00aaff;
    border: 0;
    border-radius: 0px 0px 0px 0px;
    color: white;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    text-align: center;
    text-transform: uppercase;
    width: 80% !important;
    margin: 0 !important;
    margin-left: 0;
    border-radius: 3px;
    height: 32px;
}

.centerpermiso{
    display: flex;
    justify-content: center;
    margin: 20px;
   

}

.boton_tarjeta_sub_cliente {
    background: #00aaff;
}

.boton_tarjeta_sub_cliente:hover {
    background: #00aaff;
    text-shadow: 1px 1px 1px black;
}

.boton_tarjeta_sub_cliente i {
    transition: all 0.5s;
}

.boton_tarjeta_sub_cliente:hover i {
    text-shadow: 1px 1px 1px black;
    transform: rotate(360deg) scale(1.2);
}

.panel {
    margin: auto;
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    padding: 20px;
    border-radius: 4px;
    box-sizing: border-box;
    width: 450px;
}

.panel_b {
    height: 100%;
    position: absolute;
}

.panel_c {
    left: 0 !important;
    position: absolute;
    right: 0 !important;
    top: 10%;
}

.panel_d {
    background: white;
    border-radius: 20px;
    box-shadow: 0px 0px 10px #555;
    margin-bottom: 60px;
    margin-top: 40px;
    padding-bottom: 20px !important;
    padding-top: 10px !important;
}

.prefix.active {
    color: #00aaff !important;
}

input:focus {
    border-bottom: 1px solid #00aaff !important;
    box-shadow: 0 1px 0 0 #00aaff !important;
}

input:focus+label.active {
    color: #00aaff !important;
}

.chips.focus {
    border-bottom: 1px solid #00aaff;
    -webkit-box-shadow: 0 1px 0 0 #00aaff;
    box-shadow: 0 1px 0 0 #00aaff;
}

.chip:focus {
    outline: none;
    background-color: #00aaff;
    color: #fff
}

.chips .input {
    width: 200px !important;
}

/* Media Queries Re-Captcha */

@media (max-width: 329px) {
    .g-recaptcha {
        transform: translateX(-12px) scale(0.9) !important;
    }
}

@media (max-width: 335px) {
    .g-recaptcha {
        transform: translateX(-5px) scale(0.9);
    }
}

@media (max-width: 340px) {
    .g-recaptcha {
        transform: translateX(-0px) scale(0.9);
    }
}


/* Media Queries botones login */

@media (max-width: 375px) {
    #logear_subcliente {
        margin-top: 22px;
    }
}

#login_grupo #logear {
    width: 150px;
}

#logotitulo {
    transform: scale(1.02);
    width: 100%;
    filter: drop-shadow(0 0 10px #00aeff) drop-shadow(0 0 10px #00aeff);
}

#logotitulo+h5 {
    margin-top: 40px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.logotitulo_sub {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.formulario {
    background: rgb(255, 255, 255);
    border-radius: 20px;
    box-shadow: 0px 0px 10px #555;
    margin-top: 40px;
    padding-bottom: 20px !important;
    padding-top: 10px !important;
}

.sidenav {
    background: #333;
    box-shadow: 0px 0px 0px black;
    color: #00aaff;
    overflow-y: scroll;
    z-index: 2;
    padding-top: 70px;
    height: 100% !important;
}


/* width */

.sidenav::-webkit-scrollbar {
    width: 10px;
}


/* Track */

.sidenav::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0);
}


/* Handle */

.sidenav::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}


/* Handle on hover */

.sidenav::-webkit-scrollbar-thumb:hover {
    background: #888;
}

.materialboxed.active {
    transform: scale(0.8) !important;
}

.sidenav li a {
    color: #00aaff;
    text-transform: capitalize;
}

.sidenav li a i {
    color: #00aaff !important;
}

.brand-logo img {
    margin-left: 2%;
    margin-top: 4px;
    width: 260px;
}

#contenedor {
    width: 100%;
    /*height: 100%;*/
    padding-left: 300px;
    z-index: 1;
}

.btn-flat:focus {
    background-color: rgba(0, 0, 0, 0);
}

.btn-flat:focus i {
    color: #0dc114 !important;
}

.tittle-note {
    background: #00aaff;
    border-radius: 0px 10px 10px 0px;
    color: white;
    font-weight: bold;
    padding: 10px;
}

@media(max-width:992px) {
    .user-view {
        margin-top: 0;
    }
    .sidenav {
        z-index: 999;
        padding-top: 0;
    }
    #contenedor {
        margin-top: 15px;
        padding-left: 0;
    }
}


/* Inicio Cliente */

.sub_titulo {
    background: #00aaff;
    border-radius: 0px 12px 12px 0px;
    color: white;
    font-weight: bold;
    padding: 10px;
}


/* Fin Cliente */


/* Recuperación de contraseña */

.input_recuperacion:focus,
.codigo_recuperacion:focus,
.contrasena_recuperacion:focus,
.contrasena_repeticion_recuperacion:focus {
    border-bottom: 1px solid #00aaff !important;
}

.label_recuperacion.active {
    color: #00aaff !important;
}

.btn_reportes,
.btn_recuperacion,
.btn_codigo_recuperacion,
.btn_contrasena_recuperacion {
    background: #00aaff !important;
    color: white !important;
}

.btn_reportes:hover,
.btn_recuperacion:hover,
.btn_codigo_recuperacion:hover,
.btn_contrasena_recuperacion:hover {
    background: white !important;
    box-shadow: 0px 0px 5px #00aaff;
    color: #00aaff !important;
}

.btn_cerrar_recuperacion:hover {
    background: white !important;
    box-shadow: 0px 0px 5px #f44336;
    color: #f44336 !important;
}

.btn_reportes i,
.btn_recuperacion i,
.btn_cerrar_recuperacion i,
.btn_codigo_recuperacion i,
.btn_contrasena_recuperacion i {
    transition: all 0.5s;
}

.btn_reportes:hover i,
.btn_recuperacion:hover i,
.btn_cerrar_recuperacion:hover i,
.btn_codigo_recuperacion:hover i,
.btn_contrasena_recuperacion:hover i {
    transform: rotate(360deg);
}

.digito_recuperacion {
    background: rgba(0, 0, 0, 0.1) !important;
    border-radius: 5px 5px 0px 0px !important;
    font-weight: bold;
    text-align: center;
}


/* Efectos botones */


/* Sencillo: Para botones con iconos, que tengan el mismo color de fondo siempre. */

.sucursales{
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
    background: rgba(228, 236, 255, 0.534);
    border-radius: 10px !important;
}

.sucursales .mapa-rev{
    min-height: 250px;
    background: #00000025;
    margin-bottom: 20px !important;
    padding: 2px !important;
}

.delete_input{
    cursor: pointer;
    text-align: right;
}

.delete_input i{
    font-size: 1.5rem;
    color: rgb(255, 37, 37);
}

.add-g-general{
    background: #00aaff;
}

.add-g-general:hover{
    background: white;
    color: #00aaff;
}

.boton_sencillo {
    background: #00aaff;
}

.boton_sencillo,
.boton_sencillo i {
    transition: all 0.5s;
}

.boton_sencillo:hover {
    text-shadow: 1px 1px 2px black;
}

.boton_sencillo:hover i {
    text-shadow: 1px 1px 2px black;
    transform: rotate(360deg) scale(1.4);
}


/* Cuadro direcciones IP */

.tarjeta_direcciones_ip {
    border-radius: 5px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
    padding: 0 !important;
}

.titulo_tarjeta_direcciones_ip {
    background: #00aaff;
    border-radius: 5px 5px 0px 0px;
    color: white;
    font-weight: bold;
    padding-bottom: 10px !important;
    padding-top: 15px !important;
}

.titulo_tarjeta_direcciones_ip div:nth-child(1) {
    transform: scale(1.2);
}

.titulo_tarjeta_direcciones_ip div:nth-child(2) {
    margin-top: 10px;
}

.contenido_tarjeta_direcciones_ip {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

.contenido_tarjeta_direcciones_ip .contenido_tarjeta_direcciones_ip_actual {
    color: #00aaff;
    font-weight: bold;
    margin-bottom: 20px;
}

.contenido_tarjeta_direcciones_ip .contenido_tarjeta_direcciones_ip_recientes {
    color: #4caf50;
    font-weight: bold;
    margin-bottom: 20px;
}

.contenido_tarjeta_direcciones_ip .contenido_tarjeta_direcciones_ip_antiguas {
    color: #e65100;
    font-weight: bold;
    margin-bottom: 20px;
}

.fecha_ip_reciente {
    border-left: 1px solid #00aaff;
    border-right: 1px solid #00aaff;
}

.contenido_centro_fecha_ip_reciente {
    border-left: 1px solid rgba(0, 0, 0, 0.4);
    border-right: 1px solid rgba(0, 0, 0, 0.4);
}

.nota_tarjeta_direcciones_ip {
    background: #555;
    border-radius: 0px 0px 5px 5px;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}


/* Menú */

#btn_manuales,
.btn_administrar_cliente,
#btn_mis_servicios,
#btn_mis_ticket,
#btn_configuracion,
.btn_empleados,
.submenus,
.btn_clientes,
.btn_productos,
.btn_prestacion_ley,
.btn_bitacora,
.btn_ticket,
.btn_mis_tickets,
.btn_visitas,
.btn_gestion_comercial,
.btn_gestion_contenido,
#btn_activaciones,
#btn_pagos,
#btn_contratos,
#btn_desarrollador,
#btn_create_ticket,
#btn_mis_tickets,
#btn_historial,
#btn_blokeoips,
#btn_ipblokeo,
#btn_configuracion,
#btn_mipago,
.btn_salir_menu,
.btn_tareas,
.btn-menu-generico {
    transition: all 0.5s;
}

#btn_manuales:hover,
.btn_administrar_cliente:hover,
#btn_mis_servicios:hover,
#btn_mis_ticket:hover,
#btn_configuracion:hover,
.btn_empleados:hover,
.btn_clientes:hover,
.btn_productos:hover,
.btn_prestacion_ley:hover,
.btn_bitacora:hover,
.btn_ticket:hover,
.btn_mis_tickets:hover,
.btn_visitas:hover,
.btn_gestion_comercial:hover,
.btn_gestion_contenido:hover,
.submenus:hover,
#btn_activaciones:hover,
#btn_pagos:hover,
#btn_contratos:hover,
#btn_desarrollador:hover,
#btn_create_ticket:hover,
#btn_mis_tickets:hover,
#btn_historial:hover,
#btn_blokeoips:hover,
#btn_ipblokeo:hover,
#btn_configuracion:hover,
#btn_mipago:hover,
.btn_salir_menu:hover,
.btn_tareas:hover,
.btn-menu-generico:hover {
    background: white !important;
    border-radius: 0px 5px 5px 0px;
}

#btn_manuales i,
.btn_administrar_cliente i,
#btn_mis_servicios i,
#btn_mis_ticket i,
#btn_configuracion i,
.btn_empleados i,
.btn_clientes i,
.btn_productos i,
.btn_prestacion_ley i,
.btn_bitacora i,
.btn_ticket i,
.btn_mis_tickets i,
.btn_visitas i,
.btn_gestion_comercial i,
.btn_gestion_contenido i,
.submenus i,
#btn_activaciones i,
#btn_pagos i,
#btn_contratos i,
#btn_desarrollador i,
#btn_create_ticket i,
#btn_mis_tickets i,
#btn_historial i,
#btn_blokeoips i,
#btn_ipblokeo i,
#btn_configuracion i,
#btn_mipago i,
.btn_salir_menu i,
.btn_tareas i,
.btn-menu-generico i {
    transition: all 0.5s;
}

#btn_manuales:hover i,
.btn_administrar_cliente:hover i,
#btn_mis_servicios:hover i,
#btn_mis_ticket:hover i,
#btn_configuracion:hover i,
.btn_empleados:hover i,
.btn_clientes:hover i,
.btn_productos:hover i,
.btn_prestacion_ley:hover i,
.btn_bitacora:hover i,
.btn_ticket:hover i,
.btn_mis_tickets:hover i,
.btn_visitas:hover i,
.btn_gestion_comercial:hover i,
.btn_gestion_contenido:hover i,
.submenus:hover i,
#btn_activaciones:hover i,
#btn_pagos:hover i,
#btn_contratos:hover i,
#btn_desarrollador:hover i,
#btn_create_ticket:hover i,
#btn_mis_tickets:hover i,
#btn_historial:hover i,
#btn_blokeoips:hover i,
#btn_ipblokeo:hover i,
#btn_configuracion:hover i,
#btn_mipago:hover i,
.btn_salir_menu:hover i,
.btn_tareas:hover i,
.btn-menu-generico:hover i {
    transform: rotate(360deg) !important;
}


/* Productuos(como los ve el cliente) */

.caja_sub_titulo_producto_a {
    max-height: 66px;
}

.caja_sub_titulo_producto_f {
    animation-name: fecha_limite_renovacion;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    background: rgba(255, 0, 0, 0.3);
    border-radius: 10px 0px 0px 10px;
    transition: all 0.5s;
}

.caja_sub_titulo_producto_f i {
    animation-name: icono_fecha_limite_renovacion;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}

@keyframes fecha_limite_renovacion {
    0% {
        background: rgba(255, 0, 0, 0.3);
    }
    50% {
        background: rgba(255, 0, 0, 0);
    }
    100% {
        background: rgba(255, 0, 0, 0.3);
    }
}

@keyframes icono_fecha_limite_renovacion {
    0% {
        color: black;
    }
    50% {
        color: #f44336;
        text-shadow: 0px 0px 1px black;
    }
    100% {
        color: black;
    }
}

@media (min-width: 600px) and (max-width: 1199px) {
    .caja_sub_titulo_producto_a {
        max-height: 65px;
    }
}

.sub_titulo_producto {
    font-weight: bold;
}


/* Campo de contraseña(global) */

.sub_titulo_contrasena,
.sub_titulo_contrasena_b {
    background: #00aaff;
    border-radius: 10px 10px 0px 0px;
    color: white;
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 40px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}


/* Manuales */


/*.abrir_carpeta_manuales {
    background: #00aaff;
    border: 2px solid #00aaff;
    color: white;
}
    .abrir_carpeta_manuales:hover {
        background: white;
        color: #00aaff;
    }
    .abrir_carpeta_manuales i {
        transition: all 0.5s;
    }
        .abrir_carpeta_manuales:hover i {
            transform: scale(1.2) rotate(360deg);
        }
.elininar_carpeta {
    background: #f44336;
    border: 2px solid #f44336;
    border-radius: 0px 0px 10px 10px !important;
    box-shadow: 0px 0px 0px black !important;
    color: white;
}
    .elininar_carpeta:hover {
        background: white;
        color: #f44336;
    }
    .elininar_carpeta i {
        transition: all 0.5s;
    }
        .elininar_carpeta:hover i {
            transform: scale(1.2) rotate(360deg);
        }*/

.icono_descargar_manuales i {
    transition: all 0.5s;
}

.icono_descargar_manuales:hover i {
    transform: rotate(360deg) scale(1.2);
}

.icono_abrir_carpeta_manuales i {
    color: #00aaff;
    transform: rotateY(180deg);
    transition: all 0.5s;
}

.icono_abrir_carpeta_manuales:hover i {
    transform: rotateY(180deg) rotate(-360deg) scale(1.2);
}

.icono_eliminar_manuales {
    transition: all 0.5s;
}

.icono_eliminar_manuales:hover {
    transform: rotate(360deg) scale(1.2);
}


/* Cliente/Sub-Cliente */

.cliente_sin_servicios {
    font-size: 1.5em;
    height: calc(100% - 70px);
    position: absolute;
    text-align: center;
    top: 70px;
    width: 100%;
}

.cliente_sin_servicios div span {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 10px;
}

@media (max-width: 992px) {
    .cliente_sin_servicios {
        left: 0;
        width: 100%;
    }
    .cliente_sin_servicios div span {
        background: rgba(0, 0, 0, 0.0);
        border-radius: 10px;
        padding: 10px;
        text-decoration: underline;
    }
}

@media (min-width: 993px) {
    .cliente_sin_servicios {
        right: 0;
        width: calc(100% - 300px);
    }
}

@media (max-width: 360px) {
    .brand-logo img {
        transform: scale(0.8);
    }
}

.mayus:first-letter {
    text-transform: uppercase;
}


/* Pagos */

.caja_items_info_pago {
    padding: 0;
}

.caja_items_info_pago div {
    min-height: 76px !important;
    max-height: 76px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    overflow-y: hidden;
    text-align: center;
}

.caja_items_info_pago div:nth-child(odd) {
    border-bottom: 2px dashed #999;
    border-right: 2px dashed #999;
}

.caja_items_info_pago div:nth-child(even) {
    border-bottom: 2px dashed #999;
}

.vet_mis_ticket,
.vet_mis_ticket_2 {
    cursor: pointer;
}


/* Botones modal */

.boton_cerrar_modal {
    background: #f44336;
    border: 2px solid #f44336;
    color: white;
    transition: all 0.5s;
}

.boton_cerrar_modal:hover {
    background: white;
    border: 2px solid #f44336;
    color: #f44336;
}

.boton_cerrar_modal:focus {
    background: white;
    color: #f44336;
}

.boton_aprobar_modal {
    background: #00aaff !important;
    border: 2px solid #00aaff !important;
    color: white !important;
    transition: all 0.5s !important;
}

.boton_aprobar_modal:hover {
    background: white !important;
    border: 2px solid #00aaff !important;
    color: #00aaff !important;
}

.boton_aprobar_modal:focus {
    background: white !important;
    color: #00aaff !important;
}

.boton_aprobar_disabled_modal {
    background: #00aaff;
    color: white;
    transition: all 0.5s;
}

.boton_aprobar_disabled_modal:hover {
    background: white;
    box-shadow: 0px 0px 5px #00aaff;
    color: #00aaff;
}

.boton_aprobar_disabled_modal:focus {
    background: white;
    color: #00aaff;
}

.boton_reabrir_modal {
    background: #e65100;
    border: 2px solid #e65100;
    color: white;
    transition: all 0.5s;
}

.boton_reabrir_modal:hover {
    background: white;
    border: 2px solid #e65100;
    color: #e65100;
}

.boton_reabrir_modal:focus {
    background: white;
    color: #e65100;
}

.boton_finalizar_modal {
    background: #ffc107;
    border: 2px solid #ffc107;
    color: white;
    transition: all 0.5s;
}

.boton_finalizar_modal:hover {
    background: white;
    border: 2px solid #ffc107;
    color: #ffc107;
}

.boton_finalizar_modal:focus {
    background: white;
    color: #ffc107;
}


/* Cumpleaños Empleados */

.back_hb {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 9999;
    transition: all 0.5s !important;
}

.alineador_hb {
    left: 0;
    margin: auto;
    right: 0;
    position: absolute;
    width: 100%;
}

.tarjeta_hb {
    background: #00aaff;
    border-radius: 10px;
    box-shadow: 0px 0px 30px black;
    padding: 20px !important;
}

.icono_hb {
    color: white;
    text-align: center;
}

.icono_hb i {
    color: white;
}

.titulo_hb {
    color: white;
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-size: 2em !important;
    font-weight: bold;
    text-align: center;
}

.nombre_hb {
    color: white;
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-size: 2em !important;
    font-weight: bold;
    text-align: center;
    transition: all 0.5s;
    animation-name: nombre_hb;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes nombre_hb {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

.sub_hb {
    color: white;
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-size: 1em !important;
    font-weight: bold;
    text-align: center;
}

.btn_hb {
    margin-top: 40px !important;
    display: flex;
    justify-content: center;
}

.btn_hb .left{
    margin-right: 20px;
}

.lighter{
    font-weight: lighter;
}

/* Formularios */

.switch label input[type=checkbox]:checked+.lever {
    background-color: #00aaff;
}

.switch label input[type=checkbox]:checked+.lever:after {
    background-color: #00aaff;
}


.asterisco {
    color: red;
    font-weight: bold;
}

.asterisco_select {
    color: red;
    font-weight: bold;
    position: absolute;
    right: 0;
}

.interrogacion_ayuda {
    background: #00aaff;
    border-radius: 50%;
    color: white;
    font-size: 1.3em;
    font-weight: bold;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
}

[type="checkbox"].filled-in:checked+span:not(.lever)::after {
    background-color: #00aaff;
    border: 2px solid #00aaff;
    animation-name: checkbox;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
}

@keyframes checkbox {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.5);
    }
    50% {
        transform: scale(1);
    }
    65% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}


/* Mayúsculas */

.mayuscula::first-letter {
    text-transform: capitalize;
}

.contenedor_login {
    min-height: 611px;
}


/* Login */

@media (max-width: 600px) {
    .contenedor_login {
        width: 90% !important;
    }
}

@media (max-width: 410px) {
    .contenedor_login {
        margin-top: 40px !important;
    }
}

@media (max-width: 360px) {
    body {
        overflow-x: hidden;
    }
    .contenedor_logo_login,
    .contenedor_titulo_login {
        max-width: 90%;
    }
    .row.formulario {
        max-width: 95%;
    }
}


/* iFrame correo masivo */

#ver_co_masi .modal-content .row .vista_correo iframe {
    border: 0;
}

#bancos option {
    text-transform: capitalize;
}

.estado_color {
    background: #00ff2b !important;
    border-radius: 0px 0px 10px 10px !important;
}

.amarillo {
    background: #d0ca21 !important;
    border-radius: 0px 0px 10px 10px !important;
}

.naranja {
    background: orange !important;
    border-radius: 0px 0px 10px 10px !important;
}

.rojo {
    background: red !important;
    border-radius: 0px 0px 10px 10px !important;
}

.gris {
    background: grey !important;
    border-radius: 0px 0px 10px 10px !important;
}

@media (max-width: 992px) {
    .ver-precios-permiso-sub {
        margin-top: 20px;
    }
}

@media (min-width: 993px) and (max-width: 1100px) {
    .ver-precios-permiso-sub span {
        padding-left: 10px !important;
    }
}


/*ESTILOS PARA EL WHOIS*/

.whois {
    background: rgba(200, 200, 200, .3);
    padding: 15px;
}

.whois h1 {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #07aaff;
    color: white;
}

.whois #refreshBlk {
    float: right;
    margin-top: 10px;
    margin-right: 23px;
}

.whois #refreshBlk #dataAge {
    position: relative;
    top: -6px;
}

.whois #refreshBlk svg {
    transition: all 0.8s;
}

.whois #refreshBlk:hover svg {
    transform: rotateZ(360deg);
}

.whois .df-block {
    padding: 0 10px;
    border-top: 5px solid #07aaff;
    background: #ffffff94;
    margin: 0px 20px 20px 20px;
}

.whois .df-heading {
    font-size: 25px;
    margin-bottom: 20px;
}

.whois .df-block .df-row {
    margin-bottom: 8px;
}

.whois .df-block .df-row:last-child {
    padding-bottom: 15px;
}

.whois .df-block .df-row .df-label {
    font-weight: 500;
}

.whois .df-block .df-row .df-value {
    padding-left: 15px;
    font-weight: 300;
}

.collapsible-body {
    word-wrap: break-word;
    padding: 1rem 2rem;
}

.collapsible-body div {
    text-align: left;
    /*width: 400px;*/
}

.tabs .indicator {
    background-color: #00aaff;
}

.tabs .tab a {
    color: #00aaff;
}

.tabs .tab a {
    color: #0d62ab;
}

.tabs .tab a:hover,
.tabs .tab a.active {
    color: #00aaff;
}

.tabs .tab a:focus,
.tabs .tab a:focus.active {
    background: rgb(178 240 246 / 20%);
}

.conf-form label {
    width: 100% !important;
}

.conf-form .input-field>label {
    z-index: -10;
}

td,
th {
    border-radius: 0px;
}

.eye_option{
    background: rgb(0 170 255);
    text-align: center;
    letter-spacing: .5px;
    border: none;
    border-radius: 2px;
    height: 36px;
    line-height: 36px;
    padding: 0 16px;
    text-transform: uppercase;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;

    cursor: help;
}

.eye_option.option-banner-order{
    position: absolute;
    top: 0;
    right: 0;
}

.delete-option.option-banner-order{
    right: 55px;
    cursor: pointer;
}

.edit-option.option-banner-order{
    right: 110px;
    cursor: pointer;
}

/*Crad popup*/

.gestion-comer .card-image {
    height: 350px;
    background: #1f1f1fd6;
    overflow: hidden;
}

.gestion-comer .card-image iframe {
    height: 350px;
    width: 100%;
    filter: brightness(0.5);
}

.gestion-comer .card-image img {
    height: 350px;
    width: 100%;
}

.gestion-comer #popup {
    height: 350px;
    width: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    cursor: pointer;
}

.gestion-comer .card-action a {
    color: #00aaff !important;
}
.containercorreo{
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
}
 
.boton-color {
    background: none;
    border: none;
    color: #00aaff !important;
    font-size: 15px;
    cursor: pointer;
}
.contenedortabla {
    width: 70%;
    margin: 0px;
    display: contents;
}

.gestion-comer .card-action {
    display: flex;
}

.gestion-comer .pr {
    text-align: right;
}

.modal-img {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 100%;
}

div .centrarimg{
    width: 100%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#card-preview-im-1 .modal-img{
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 100%;
}

.modal-wrapper {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 1000;
}

.img-wrapper {
    height: 90%;
    padding: 40px;
    position: relative;
    width: 100%;
}

.cerrar_pop_up {
    cursor: pointer;
    right: 20px;
    top: 20px;
    position: absolute;
    color: white;
    text-shadow: 0px 0px 10px #00aaff;
    animation-name: cerrar_pop_up;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    z-index: 1;
}

.img-wrapper img {
    max-height: calc(100% - 40px);
    max-width: calc(100% - 40px);
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.img-wrapper div .btn {
    background: #00aaff;
}

#card-preview-im-2 {
    height: 100%;
}

#card-preview-im-2 iframe {
    height: 100%;
}

#modal_front {
    min-height: 100vh !important;
    top: 0 !important;
}

.btn-redirect-report{
    color: #00aaff !important;
}

/*DATOS DE CONTACTO*/

.target-phone {
    height: auto;
    border: 1px solid black;
    background: rgb(244 244 244 / 72%);
    padding: 14px !important;
    /*width: 49% !important;*/
    margin-right: 1% !important;
    height: 200px;
    overflow-y: auto;
}

@media only screen and (min-width: 601px) {
    .target-phone.row.col.m6 {
        width: 49%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
}

.input-color{
    display: flex;
    position: relative;
    height: 50px;
    width: 100%;
}

.input-color .color-preview{
    width: 50px;
    height: 50px;
    border-radius: 15%;
    background: var(--color-s, rgb(0 170 255));
    box-shadow: 0 0 10px -2px #6e6e6e;
}

.input-color input[type=color]{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: inherit;
    background: #ffffff;
    opacity: 0;
}

.input-color p.data-info{
    margin-left: 15px;
}

.fuente option[value=monospace]{font-family: monospace;}
.fuente option[value=sans-serif]{font-family: sans-serif;}
.fuente option[value=serif]{font-family: serif;}
.fuente option[value=Times]{font-family: 'Times New Roman', Times, serif;}

.color-indicacion{
    display: block;
    width: 40px;
    height: 40px;

    background: var(--bk-color, rgb(106 106 106));

    border-radius: 10px;
}

.list-plantilla{
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.list-plantilla *{
    z-index: 1;
}

/*
.list-plantilla::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 100%;
    background: var(--bk-color, rgb(106 106 106));
    transition: all 0.8s;
    z-index: 0;
}

.list-plantilla:hover::before{
    right: 0%;
}

.list-plantilla .text{
    transition: all 0.8s;
}

.list-plantilla:hover .text{
    color: white;
    text-shadow: 0 0 6px black;
}
*/

.list-plantilla .circle{
    display: block;
    width: 40px;
    height: 40px;

    background:rgb(244 67 54);
    border-radius: 40px;

    display: flex;
    justify-content: center;
    align-items: center;
}

.list-plantilla .circle i{
    color: white;
}

.list-plantilla i::selection{
    background: transparent;
}

/* Estilos para motores Webkit y blink (Chrome, Safari, Opera... )*/

.target-phone::-webkit-scrollbar {
    -webkit-appearance: none;
}

.target-phone::-webkit-scrollbar:vertical {
    width: 10px;
}

.target-phone::-webkit-scrollbar-button:increment,
.target-phone::-webkit-scrollbar-button {
    display: none;
}

.target-phone::-webkit-scrollbar:horizontal {
    height: 10px;
}

.target-phone::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

.target-phone::-webkit-scrollbar-track {
    border-radius: 10px;
}

.target-phone .cont-tel {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.target-phone .cont-tel .material-icons.prefix {
    margin-right: 10px;
}

.target-phone .cont-tel .icn {
    /*position: absolute;*/
    width: 10%;
    max-width: 30px;
}

.target-phone .cont-tel input {
    border-bottom-style: dashed;
}

.con-direccion input {
    width: 50% !important;
}


/*Slect*/

.dropdown-content li>a,
.dropdown-content li>span {
    color: #00aaff;
}

.datepicker-date-display {
    background-color: #00aaff;
}

.datepicker-table td.is-today {
    color: #00aaff;
}

.datepicker-table td.is-selected {
    background-color: #00aaff;
    color: white !important
}

.input-field input[type=search]+.label-icon {
    z-index: auto;
}


/*Banners modificacion*/

.slider .slides li .caption h3,
.slider .slides li .caption h5 {
    background-color: rgba(0, 0, 0, .7);
    -webkit-box-shadow: 0 0 100px 41px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 0 100px 41px rgba(0, 0, 0, .8);
    box-shadow: 0 0 100px 41px rgba(0, 0, 0, .8);
    border: 0;
}

.slider ul li .blue:hover,
.slider ul li .grey,
.slider ul li .grey:hover {
    transition: .7s;
}

.slider .indicators .indicator-item.active {
    color: #1a237e!important;
    background-color: #00acff!important;
}

.info-link .link-ver {
    padding: 20px;
    /*border-bottom: 1px solid #00aaff;*/
    overflow: hidden;
    /*height: 223px; 
    opacity: 1;*/
    min-height: 223px;
    opacity: 1;
    margin: 15px 0;
    transition: 0.8s all;
}

.info-link .link-ver:nth-child(2n) {
    background: #cbcbcb40;
}


/*Estilo de los botones*/

ul.slides .Fb-La {
    background: white !important;
    color: #00aaff !important;
}

ul.slides .Fa-Lb {
    background: #00aaff !important;
    color: white !important;
}

ul.slides .Fb-La:hover {
    background: #00aaff !important;
    color: white !important;
}

ul.slides .Fa-Lb:hover {
    background: white !important;
    color: #00aaff !important;
}


/*Botones para eliminar y editar un banner*/

.cont-links-mostr {
    position: absolute;
    top: -53px;
    left: -50px;
    /*background: yellow;*/
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
}

.option_banner {
    margin: 0 5px;
}

.update_banner {
    background: #00aaff;
}

.delete_banner {
    background: red;
}

.option_banner:hover {
    background: white;
    color: #00aaff;
}


/*Banner modificar*/

.preview-modal {
    height: 350px;
    background: rgba(100, 100, 100, 0.404);
    overflow: hidden;
}

.preview-modal img {
    width: 100%;
}


/*Baner para server dedicado*/

.preview .panel {
    background: rgb(93, 173, 226, .7);
    border-radius: 10px 0 0 10px;
    float: right !important;
    margin-bottom: 50px;
    margin-top: 50px;
    padding: 20px !important;
    position: relative;
}

.preview #section1 {
    width: 100%;
    min-height: 500px;
    background-image: url(../../frontpage/img/dedicado/bg1.png);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}


/*Banner para colocation*/

.preview #section1_c {
    width: 100%;
    min-height: 500px;
    background-image: url("../../frontpage/img/colocation/bg1.png");
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

.preview .panel_c {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.8) 71%, rgba(0, 0, 0, 0) 100%);
    padding: 50px;
    min-height: 500px !important;
    position: relative;
}

.titulo-personalizado {
    font-size: 24px;
    margin: 0 10px 20px 10px;
    color: #00aaff;
}

#test1 .info-link .link-ver {
    padding: 20px 52px;
}


/*Haciendo las tablas responsive*/

@media only screen and (max-width: 900px) {
    #table_producto_asignado td,
    #table_producto_asignado th {
        font-size: 10px;
    }
    #table_empleados td,
    #table_empleados th {
        font-size: 10px;
    }
    #table_clientes td,
    #table_clientes th {
        font-size: 10px;
    }
    #table_tiked_abiertos2 td,
    #table_tiked_abiertos2 th {
        font-size: 12px;
    }
    #gestion_comercial_wrapper td,
    #gestion_comercial_wrapper th {
        font-size: 14px;
    }
    #clientes_en_proceso td,
    #clientes_en_proceso th,
    #cliente_con_ventas td,
    #cliente_con_ventas th,
    #cliente_sin_ventas td,
    #cliente_sin_ventas th {
        font-size: 14px;
    }
    #tabla_historial td,
    #tabla_historial th {
        font-size: 9px;
    }
}


/*Gesrtion de archivo productos asignados*/

.file-cont .target-file,
.file-mod .target-file {
    border-bottom: 1px solid #00000030;
    padding: 12px;
    max-height: 48px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.file-cont .target-file:hover,
.file-mod .target-file:hover {
    background: #00bcd40d;
}

.file-info {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-weight: 300;
    margin-top: 4px;
    font-size: 11px;
    padding: 0 !important;
}

.file-info .sn1 {
    margin-right: 68px;
}

.file-info .sn2 {
    text-decoration: underline;
}

.delete_archivo {
    transform: rotate(0deg);
    color: black;
    transition: transform .5s;
}

.delete_archivo:hover {
    transform: rotate(360deg);
    color: red;
}


/*Realizar reestilizacion de tickets*/

:root {
    --heigth_body: 72vh;
    --heigth_footer: 10vh;
    --color_text: white;
    --color_contenido_rg: #004d73;
    --color_contenido_lf: #0173ab;
}

.contenedor_informacion_ticket {
    width: 100%;
    height: 92vh;
    overflow: hidden;
}

.contenedor_informacion_ticket .header_ticket {
    height: 10vh;
    background: #252525;
    color: var(--color_text);
    text-align: center;
    display: flex;
    align-items: center;
    position: relative;
}

.contenedor_informacion_ticket .body_ticket {
    height: var(--heigth_body);
    background: #161617;
}

.contenedor_informacion_ticket .footer_ticket {
    height: var(--heigth_footer);
    background: #252525;
}


/* Reportes estilizados */

.report {
    width: 100%;
    padding: 5px 20px;
    --color-design: #00aaff;
}

.report .card-panel {
    padding: 0 10px;
}

.report .card-panel .tl {
    background: var(--color-design);
    color: white;
    padding: 10px;
}

.report .card-panel .tl h5 {
    margin: 0;
}

.report .card-panel section {
    min-height: 200px;
}

.report .card-panel section.a {
    padding: 20px;
}

.report .card-panel section.b .separador {
    font-size: 1.1rem;
    color: white;
    font-weight: 600;
    background: var(--color-design);
}

.report .card-panel section.b .badge.estado {
    font-weight: 300;
    font-size: 0.8rem;
    color: #000000;
    border-radius: 2px;
}

.report .card-panel section.b .badge.estado-1 {
    background-color: #e0da26;
}

.report .card-panel section.b .badge.estado-2 {
    background-color: #33ff55;
}

.report .card-panel section.b .badge.estado-3 {
    background-color: #e4a32b;
}

.report .card-panel section.b .badge.estado-4 {
    background-color: #ca2929;
}

.report .card-panel section.b .badge.estado-5 {
    background-color: #616161;
}


/* Reportes estilizados */


/*Estilizado footer ticket*/

.contenedor_informacion_ticket .footer_ticket .footer_cont {
    height: var(--heigth_footer);
}

.contenedor_informacion_ticket .footer_ticket .footer_cont .input {
    display: flex;
    align-items: center;
    height: var(--heigth_footer);
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}

.contenedor_informacion_ticket .footer_ticket .footer_cont .input #comentario {
    border-radius: 30px;
    padding: 13px;
    background: white;
    border: 2px solid #00476b4d;
    height: 3rem;
    max-height: 55px;
}

.contenedor_informacion_ticket .footer_ticket .footer_cont .input button {
    padding: 0;
    width: 43px;
    height: 43px;
    border-radius: 500px;
    border: 1px solid;
    background: transparent;
    margin-bottom: 8px;
    margin-left: 5px;
    color: #00aaff;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*Estilizado footer ticket*/


/*Estilizado body ticket*/

.contenedor_informacion_ticket .body_ticket .cont_body {
    width: 100%;
    height: var(--heigth_body);
    display: flex;
    justify-content: center;
}

.contenedor_informacion_ticket .body_ticket .cont_body .cont_comentario {
    width: 90%;
    height: var(--heigth_body);
    background: #1d1e1f;
    padding: 10px 30px;
    overflow: auto;
}

.contenedor_informacion_ticket .body_ticket .cont_body .cont_comentario::-webkit-scrollbar {
    width: 5px;
}

.contenedor_informacion_ticket .body_ticket .cont_body .cont_comentario::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.contenedor_informacion_ticket .body_ticket .cont_body .cont_comentario.sidenav::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0);
}

.contenedor_informacion_ticket .body_ticket .cont_body .cont_comentario .comentario {
    width: 100%;
    margin: 10px 0;
}

.contenedor_informacion_ticket .body_ticket .cont_body .cont_comentario .comentario .cont_int {
    /*background-color: blue;*/
    min-width: 37%;
    max-width: 90%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.contenedor_informacion_ticket .body_ticket .cont_body .cont_comentario .comentario .cont_int.user_lf {
    float: left;
}

.contenedor_informacion_ticket .body_ticket .cont_body .cont_comentario .comentario .cont_int.user_rg {
    float: right;
    align-items: flex-end;
}

.contenedor_informacion_ticket .body_ticket .cont_body .cont_comentario .comentario .cont_int .user {
    width: 50%;
    height: 50px;
    /*display: flex;*/
}

.contenedor_informacion_ticket .body_ticket .cont_body .cont_comentario .comentario .cont_int.user_rg .user {
    float: right;
}

.contenedor_informacion_ticket .body_ticket .cont_body .cont_comentario .comentario .cont_int.user_lf .user {
    float: left;
}

.contenedor_informacion_ticket .body_ticket .cont_body .cont_comentario .comentario .cont_int .user .user_image {
    background: #c1c1c1;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    overflow: hidden;
}

.contenedor_informacion_ticket .body_ticket .cont_body .cont_comentario .comentario .cont_int.user_rg .user .user_image {
    float: right;
}

.contenedor_informacion_ticket .body_ticket .cont_body .cont_comentario .comentario .cont_int.user_lf .user .user_image {
    float: left;
}

.contenedor_informacion_ticket .body_ticket .cont_body .cont_comentario .comentario .cont_int .user .user_image img {
    width: 100%;
    filter: brightness(0.5);
}

.contenedor_informacion_ticket .body_ticket .cont_body .cont_comentario .comentario .cont_int .user .user_data {
    width: calc(100% - 51px);
    height: auto;
    /*background: red;*/
}

.contenedor_informacion_ticket .body_ticket .cont_body .cont_comentario .comentario .cont_int.user_rg .user .user_data {
    float: left;
    text-align: right;
}

.contenedor_informacion_ticket .body_ticket .cont_body .cont_comentario .comentario .cont_int.user_lf .user .user_data {
    float: right;
}

.contenedor_informacion_ticket .body_ticket .cont_body .cont_comentario .comentario .cont_int .user .user_data p {
    color: var(--color_text);
    margin: 12px;
}

.contenedor_informacion_ticket .body_ticket .cont_body .cont_comentario .comentario .cont_int .cont {
    max-width: 100%;
    width: 100%;
    margin-top: 10px;
    color: var(--color_text);
    margin-bottom: 20px;
    padding: 10px 20px;
    border-radius: 20px;
}

.contenedor_informacion_ticket .body_ticket .cont_body .cont_comentario .comentario .cont_int.user_rg .cont {
    border-top-right-radius: 0px;
    background: var(--color_contenido_rg);
}

.contenedor_informacion_ticket .body_ticket .cont_body .cont_comentario .comentario .cont_int.user_lf .cont {
    border-top-left-radius: 0px;
    background: var(--color_contenido_lf);
}


/*Estilizado body ticket*/


/*Estilizacion header ticket*/

.contenedor_informacion_ticket .header_ticket .xt {
    font-size: 1.5rem;
}

.contenedor_informacion_ticket .header_ticket .info_modal {
    position: absolute;
    right: 0;
    top: 6px;
    width: 100%;
    z-index: -10;
    height: 100vh;
    background: #06060675;
    opacity: 0;
    transition: all 0.5s;
}

.contenedor_informacion_ticket .header_ticket .info_modal.active {
    z-index: 90;
    opacity: 1;
    transition: all 0.5s;
}

.contenedor_informacion_ticket .header_ticket .info_modal .cont {
    width: 0%;
    height: 92vh;
    overflow: hidden;
    background: #333333;
    float: right;
    transition: width 1s ease;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.contenedor_informacion_ticket .header_ticket .info_modal.active .cont {
    width: 55%;
}

.info_modal .own_triguer_close {
    position: absolute;
    right: 0;
    transition: all 1s ease;
}

.info_modal.active .own_triguer_close {
    right: calc(55% - 2.5rem);
}

.own_triguer_close i {
    font-size: 2.5rem;
    float: left;
}

.contenedor_informacion_ticket .header_ticket .info_modal.active .cont .cont__ {
    width: 88%;
    background: #ffffff02;
    height: inherit;
}


/*Estilizacion header ticket*/

.file_ticket {
    background: gainsboro;
    padding: 5px 10px;
    border-radius: 30px;
    color: #00aaff;
    display: flex;
    width: 40%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}

.file_ticket a {
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.file_ticket .material-icons {
    cursor: pointer;
    background: #00aaff;
    color: white;
    border-radius: 20px;
    padding: 4px;
    font-size: 1.2rem;
}

.ticket_input .comentario_cons {
    position: relative;
    margin-top: 0;
    background: white;
    border-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .4);
    transition: all .5s;
}

.ticket_input.file .comentario_cons {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.ticket_input .comentario_cons #comentario {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-radius: 10px;
    height: 45px;
    padding: 10px;
}

.ticket_input .preview_files {
    background: #c1c1c152;
    width: 100%;
    height: 0;
    overflow-y: hidden;
    overflow-x: auto;
    opacity: 0;
    transition: all .5s;
    border-radius: 10px 10px 0px 0px;
    padding: 10px;
    position: relative;
}

.ticket_input .preview_files .cont {
    display: flex;
}

.ticket_input.file .preview_files::-webkit-scrollbar {
    width: 10px;
    height: 6px;
}

.ticket_input.file .preview_files::-webkit-scrollbar-thumb {
    background: #6d6d6d;
    border-radius: 10px;
}

.ticket_input.file .preview_files::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0);
}

:root {
    --hig_: 130px;
    --hig__: calc(var(--hig_) - 20px);
    --hig__info: 28px;
}

.ticket_input.file .preview_files {
    width: 100%;
    height: var(--hig_);
    opacity: 1;
}

.ticket_input .preview_files .file {
    width: 18%;
    height: var(--hig__);
    margin-right: 10px;
}

.ticket_input .preview_files #clean_input {
    position: absolute;
    top: 4px;
    right: 7px;
    cursor: pointer;
}

.ticket_input .preview_files .file .preview {
    width: 100%;
    height: calc(var(--hig__) - var(--hig__info));
    background: #8c8c8c;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid black;
    border-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #00000038;
}

.ticket_input .preview_files .file .preview .material-icons {
    color: white;
    font-size: 3rem;
}

.ticket_input .preview_files .file .espc {
    width: 100%;
    height: var(--hig__info);
    background: #00aaff;
    padding: 3px;
    color: white;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border-radius: 0px 0px 5px 5px;
    text-align: center;
    border: 1px solid black;
    border-top: 0;
}

.ticket_input .comentario_cons .file_contain {
    position: absolute;
    top: 7px;
    right: 10px;
    transition: all 1s;
}

.ticket_input .comentario_cons .file_contain .icon i {
    font-size: 1.9rem;
    cursor: pointer;
    transition: all 1s;
}

.ticket_input .comentario_cons .file_contain .adjunto {
    width: 1.9rem;
    height: 1.9rem;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: all 1s;
}

.historico_empleado_content {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed black;
    padding: 12px;
    margin: 0;
}

.historico_empleado_content.changed_f {
    font-weight: bolder;
    border-bottom: 1px dashed #005d8b;
}

.historico_empleado_content:hover {
    background: rgba(0, 0, 0, 0.075);
}

.tabla_orden{
    font-size: 1rem;
}

.tabla_orden thead th {
    cursor: pointer;
    position: relative;
}

.tabla_orden thead th::selection {
    background-color: rgba(225, 216, 207, 0);
    color: auto;
}

.tabla_orden thead th::-moz-selection {
    background-color: rgba(225, 216, 207, 0);
    color: auto;
}

.tabla_orden thead th:hover {
    background: #9a9a9a2a;
}

.tabla_orden thead th.active::after {
    content: '';
    width: 0;
    height: 0;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    position: absolute;
    right: 5px;
    top: 7%;
}

.tabla_orden thead th.active.asc::after {
    border-top: 10px solid #00aaff;
}

.tabla_orden thead th.active.dsc::after {
    border-bottom: 10px solid #00aaff;
}

.centrar_imagen_h_psg {
    display: flex;
    justify-content: center;
}

.history_data_change {
    font-weight: bolder !important;
    color: #00acff !important;
    text-decoration: underline !important;
    text-shadow: -1px 0px 1px black !important;
}

.preview_correos_all.modal_prev {
    cursor: pointer;
}

.preview_correos_all:hover {
    background: rgba(107, 107, 107, 0.062);
}

.preview_correo_cont .destinatario {
    word-break: break-word;
}

.preview_correo_cont .collection .collection-item {
    display: flex;
    justify-content: space-between;
}

.preview_correo_cont .collection .collection-item .Mybadge {
    max-width: 50%;
    text-align: end;
}

.preview_correo_cont .collection .collection-item .Mybadge.sen {
    padding: 5px;
    background: #00aaff;
    border-radius: 8px;
    color: white;
    overflow: hidden;
    word-break: break-word;
}

.correo_enviado table.centered thead tr th,
.correo_enviado table.centered tbody tr td {
    text-align: center;
    max-width: 50px;
    overflow: hidden;
    word-break: break-all;
}

.cont_overflow {
    overflow-y: auto;
}


/*
.cont_overflow:hover{
    overflow-y: auto;
}
*/

.informacion_sensible {
    filter: blur(6px);
    display: none;
}

[type="radio"]:checked+span:after,
[type="radio"].with-gap:checked+span:after {
    background-color: #00aaff;
}

[type="radio"]:checked+span:after,
[type="radio"].with-gap:checked+span:before,
[type="radio"].with-gap:checked+span:after {
    border: 2px solid #0086ca;
}

.admin_cont_prod {
    display: flex;
    align-items: center;
}

.admin_cont_prod i {
    margin-right: 20px;
    font-size: 2rem;
}

.admin_cont_prod .ti {
    width: 100%;
    display: block;
    color: #9e9e9e;
}

.admin_cont_prod .info {
    font-size: 0.6rem;
    color: #9e9e9e;
    width: 100%;
    display: block;
    text-align: justify;
    margin-top: 3px;
}

@media only screen and (min-width: 601px) {
    .flexx {
        display: flex;
        align-items: center;
    }
}

.tip_admin {
    --bc-color: black;
    padding: 5px 10px;
    /* background: #00aaff; */
    color: var(--bc-color) !important;
    border-radius: 6px;
    display: flex;
    align-items: center;
    width: 240px;
    justify-content: space-evenly;
    margin-left: auto;
    margin-right: auto;
}

.card-asignado {
    --color-asign-prod: black;
}

.card-asignado:hover {
    box-shadow: 0 0 14px 1px var(--color-asign-prod);
}

.card-asignado:hover i.material-icons:not(.exception),
.card-asignado:hover .sub_titulo_producto,
.card-asignado:hover .tip_admin {
    color: var(--color-asign-prod) !important;
}

.text-overflow-mg {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.a_bn {
    color: black;
}

.pagination li.active {
    background-color: #00aaff;
}

.pagination_cont {
    display: flex;
    flex-direction: column;
}

.pagination_cont .pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.pagination_cont .ne_la a {
    position: relative;
    max-width: 4rem;
    display: flex;
}

.pagination_cont .ne_la a i:last-child {
    transform: translateX(-1.3rem);
}

.pagination_cont .ne_la a i:first-child {
    transform: translateX(1.2rem);
}

.link-prod-asig .tittle p {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cont_link,
.cont_link_update {
    padding: .75rem !important;
    box-shadow: 0 0 7px 2px #747d821f;
    margin-bottom: 20px;
}

.cont_link .col,
.cont_link_update .col {
    padding: 0 !important;
}

.link-prod-asig .tittle p .btn_,
.cont_link .btn_,
.cont_link_update .btn_ {
    --bk-color: #00aaff;
    padding: 5px;
    background: var(--bk-color);
    color: white;
    cursor: pointer;
    border-radius: 2px;
    border: 1px solid var(--bk-color);
    box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.54);
    transition: all 0.5s;
}

.link-prod-asig .tittle p .btn_:hover,
.cont_link .btn_:hover,
.cont_link_update .btn_:hover {
    color: var(--bk-color);
    background: white;
}

.btn_.btn_alert {
    --bk-color: red;
}

.links-prods {
    margin: 5px;
}

.links-prods a {
    background: #00aaff;
    color: white;
    border: 1px solid #00aaff;
    transition: all 0.5s;
}

.links-prods a:hover {
    color: #00aaff;
    background: white;
}

.btn-prod-asig {
    width: 80%;
    margin-left: 10px;
    margin-right: 10px;
}

.main_contador {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.main_contador:not(.col) {
    margin-top: 0;
    margin-bottom: 20px;
}

.contador {
    background: #4f4f4f;
    padding: 10px 20px;
    color: white;
    border-radius: 6px;
}

.contador p {
    margin: 0;
    font-weight: 300;
}

.contador p span {
    margin: 0;
    font-weight: 400;
    margin-left: 8px;
}

.ps-rela {
    position: relative;
}

.prr_perma {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    font-size: 1.4rem;
    background: #00aaff;
    border-radius: 100%;
    padding: 3px;
}

.caja_sub_titulo_producto_f {
    position: relative;
}

.caja_sub_titulo_producto_f .prr_perma {
    left: 108px;
    right: auto;
    top: 34px;
    font-size: 1rem;
}

@media only screen and (max-width: 1000px) {
    .contador {
        left: 0px;
    }
}

.btn:focus,
.btn-large:focus,
.btn-small:focus,
.btn-floating:focus {
    background-color: #2fbaff !important;
}

.point_text {
    display: block;
    max-width: 200px;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.search_avanced {
    color: #00aaff;
    cursor: pointer !important;
}

.td_manual {
    text-align: left !important;
    width: 68%;
}

.cont_m {
    max-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 600px;
}

.btn.abrir_carpeta_manuales {
    background-color: #0af !important;
    display: flex;
}

.center,
.center-align {
    text-align: center !important;
}

.nota {
    background: #00aaff;
    color: white;
    border-radius: 6px;
    box-shadow: 0 0 10px -5px black;
}

.align-c {
    display: flex;
    align-items: center;
    justify-content: center;
}

#modal_producto_asignado_revisar_historial {
    top: 5% !important;
    min-height: 90% !important;
    width: 62% !important;
}

.input_disabled,
.color_input_disabled {
    color: rgba(0, 0, 0, 0.42);
}

.btn_alert.disabled,
.btn_.disabled {
    --bk-color: #dfdfdf !important;
    cursor: no-drop !important;
}

.btn_alert.disabled:hover,
.btn_.disabled:hover {
    background: var(--bk-color) !important;
    color: white !important;
}

.table-id {
    max-width: 10px !important;
    width: 10%;
}

.table-conten {
    max-width: 20px !important;
}

#contenido-modal {
    width: 100%;
}

#contenido-modal iframe {
    border: none;
}

.remove_orden {
    margin: 3px 10px;
    color: #00aaff;
    cursor: pointer;
    text-align: end;
    overflow: hidden;
}

.remove_orden span {
    display: block;
    transition: all 1s;
    transform: translateX(100%);
}

.remove_orden.active span {
    transform: translateX(0);
}

.min-w-t {
    width: 10%;
}


/*Estilos para el buscador de dominio*/

#domi .cont_consulta {
    width: 100%;
    background: white;
    border-radius: 10px;
    box-shadow: 0 0 20px 3px #bbbbbb;
    position: relative;
}

#domi .cont_consulta .info_head {
    width: 100%;
    height: 100px;
    padding: 0px 25px 0px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#domi .cont_consulta .info_head i {
    font-size: 30px;
    cursor: pointer;
}

#domi .cont_consulta .info_head i.grn {
    color: #01da01;
}

#domi .cont_consulta .info_head i.rd {
    color: red;
}

#domi .cont_consulta .consulta_general {
    width: 100%;
    padding: 1px 25px 1px 25px;
    background: #f3f3f3;
}

#domi .cont_consulta .consulta_general .part {
    width: 100%;
    height: 40px;
    margin: 10px 0;
    border-radius: 6px;
    box-shadow: 0 0 10px -6px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 10px;
    font-weight: 300;
}

#domi .cont_consulta .consulta_general .part.negative {
    background: rgb(255 233 233);
}

#domi .cont_consulta .consulta_general .part.negative i {
    color: red;
}

#domi .cont_consulta .consulta_general .part.search i {
    color: #8f8f8f;
    animation: spin 500ms infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#domi .cont_consulta .consulta_general .part i {
    color: #01da01;
}

#domi .cont_consulta .consulta_general .part.search p {
    color: rgba(0, 0, 0, 0.575);
}

#domi .cont_consulta .consulta_general .part.search p span {
    font-weight: 100;
}

#domi .cont_consulta .consulta_general .part p span {
    font-weight: 500;
}

#domi .cont_consulta .consulta_general::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

#domi .cont_consulta .consulta_general::-webkit-scrollbar-thumb {
    background: #cfcfcf;
    border-radius: 100px;
}

#domi .cont_consulta .consulta_general::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0);
}
.centerchetbox{
    display: flex;
    justify-content: center;
    margin-left: 20px !important;
    margin-bottom: 20px !important;
}

#domi .cont_consulta .cont_footer {
    width: 100%;
    height: 80px;
    padding: 0px 25px 0px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#domi .cont_consulta .cont_footer .p1,
#domi .cont_consulta .cont_footer .p2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

#domi .cont_consulta .cont_footer .p1 {
    color: #00acff;
    font-weight: bolder;
    text-transform: uppercase;
}

#domi .cont_consulta .cont_footer .p1 i,
#domi .cont_consulta .cont_footer .p2 i {
    margin-right: 10px;
}

#domi .cont_consulta .cont_footer .p2 {
    margin-top: 10px;
    font-weight: lighter;
}

.collection a.collection-item {
    color: rgb(0 170 255);
}

/*End estilos para el visualizador de dominio*/

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #00aaff;
    -webkit-box-shadow: 0 1px 0 0 #00aaff;
    box-shadow: 0 1px 0 0 #00aaff;
}

input:not([type]):focus:not([readonly])+label,
input[type=text]:not(.browser-default):focus:not([readonly])+label,
input[type=password]:not(.browser-default):focus:not([readonly])+label,
input[type=email]:not(.browser-default):focus:not([readonly])+label,
input[type=url]:not(.browser-default):focus:not([readonly])+label,
input[type=time]:not(.browser-default):focus:not([readonly])+label,
input[type=date]:not(.browser-default):focus:not([readonly])+label,
input[type=datetime]:not(.browser-default):focus:not([readonly])+label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,
input[type=tel]:not(.browser-default):focus:not([readonly])+label,
input[type=number]:not(.browser-default):focus:not([readonly])+label,
input[type=search]:not(.browser-default):focus:not([readonly])+label,
textarea.materialize-textarea:focus:not([readonly])+label {
    color: #00aaff;
}

mark {
    padding: 2px 0;
    background-color: #ff9632;
}

td.estate,
th.estate {
    min-width: 140px;
}

.td-state {
    position: relative;
}

.td-state .icon-contrate {
    position: absolute;
    top: 20px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    font-size: 1rem;
}

.td-state .icon-contrate.act {
    background: #00aaff;
}

.td-state .icon-contrate.des {
    background: #4b4b4b;
}

.margin-top-20 {
    margin-top: 20px;
    padding: 0 !important;
}

.input-create[type="radio"]:disabled+span {
    text-decoration: line-through rgba(0, 0, 0, 0.42);
}

.max-158{
    max-width: 158px;
}

.sin-ide{
    margin: 10px 0;
}

.no-margin-row .row{
    margin: 0 !important;
}

.open-gestion-comercial:hover{
    background: rgba(231, 234, 235, 0.74);
    cursor: pointer;
}

.gs-sin-asig{
    color: rgba(85, 85, 85, 0.74);
}

.gt-gest-comer{
    background: rgb(0,170,255);
}

.gt-gest-comer.est-1{
    background: white;
}

.gt-gest-comer.est-2{
    background: rgb(92 207 97);
}

.bitacora-calendario .card{
    margin: 0;
    max-width: 50px;
}

.bitacora-calendario .card .card-content {
    padding: 0px 0px;
    max-width: 50px;
    max-height: 50px;
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-direction: column;
}

.bitacora-calendario .norm{
    padding: 10px;
    margin: 0 !important;
    text-align: center;
}

.bitacora-calendario .card{
    cursor: pointer;
    transition: all 0.2s;
    overflow: hidden;
}

.bitacora-calendario .card:hover{
    box-shadow: rgb(0 170 255) 0px 0px 0px 2px !important;
}

.bitacora-calendario .norm.today{
    background: #00aaff !important;
    color: white;
}

.bitacora-calendario .td-bit{
    position: relative;
}

.bitacora-calendario .obse-class{
    background: rgb(255, 217, 0);
    border-radius: 100%;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 7px;
    left: -2px;
}

.bitacora-calendario .norm.semi-error{
    background: #fff01c;
    color: black;
}

.bitacora-calendario .norm.error{
    background: #ff2323;
    color: white;
}

.bitacora-calendario .norm.gr{
    background: #c2c2c2;
    color: black;
}

.bitacora-calendario .norm.ok{
    background: #2aff23;
    color: white;
}

.str-small{
    font-size: 0.8rem;
    font-weight: lighter;
}

.notas-bit-report .collection-item{
    display: flex;
}

.notas-bit-report .cuadro{
    display: block;
    width: 25px;
    height: 25px;
    background: black;
    border-radius: 12%;
    margin-right: 15px;
    border: 1px solid rgb(110, 110, 110);
}

.notas-bit-report .cuadro.a{background: #ff2323;}
.notas-bit-report .cuadro.n{background: #fff01c;}
.notas-bit-report .cuadro.b{background: #2aff23;}
.notas-bit-report .cuadro.c{background: white;}
.notas-bit-report .cuadro.d{background: #c2c2c2;}
.notas-bit-report .cuadro.e{background: rgb(255, 217, 0);}

/* LISTAS MOVIBLES */


    .lista {
        padding: 10px 40px;
        width: 100%;
    }

    .lista.correo-m{
        padding: 10px 10px;
    }

    .lista .banner {
        background: #dfdfdf;
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
        border-radius: 10px;
        margin-bottom: 20px;
        cursor: move;
        position: relative;
    }

    .lista .formulario-drag{
        background: #ffffff;
        border: 2px solid rgb(189 189 189 / 45%);
        border-radius: 10px;
        margin-bottom: 20px;
        padding: 5px 10px;
    }

    .lista .formulario-drag .handle{
        cursor: move;
    }

    .elemt-tipe{
        display: flex;
        border-radius: 50px;
        background: rgb(0 170 255);
        color: rgb(255 255 255);
        align-items: center;
        justify-content: center;
        padding: 5px 12px;
        font-size: 0.8rem;
    }

    .delete-element{
        background: rgb(255 0 0);
        border-radius: 10px;
        color: rgb(255 255 255);
        padding: 5px;
        cursor: pointer;
    }

    .lista .banner.seleccionado, .lista .formulario-drag.seleccionado{
        transform: scale(1.02);
        background: #00aaff;
        color: white;
    }

    .lista .formulario-drag.seleccionado{
        background: rgb(223 223 223);
        color: black;
    }

    .lista .blogs-item-list{
        transition: all 0.5s;
        margin: 0.5rem 0 1rem 0;
        padding: 10px !important;
        border-radius: 8px;
        border: 2px solid rgba(0, 0, 0, 0.1);
    }

    .lista .blogs-item-list .header-flex{
        display: flex;
        align-items: center;
    }

    .lista .blogs-item-list .pages-cont{
        padding-left: 3.5rem;
    }

    .lista .blogs-item-list .pages-cont ul{
        margin: 5px 0;
    }

    .lista .blogs-item-list .pages-cont span.badge {
        font-weight: 300;
        font-size: 0.8rem;
        color: #fff;
        background-color: #00aaff;
        border-radius: 2px;
        margin-top: 6px;
    }

    .lista .blogs-item-list .handle{
        cursor: move;
    }

    .lista .blogs-item-list.seleccionado{
        transform: scale(.98);
    }

    .lista .banner.fantasma, .lista .formulario-drag.fantasma, .lista .blogs-item-list.sortable-ghost{
        border: 2px dotted #00aaff;
    }

    .lista .banner.drag, .lista .formulario-drag.drag, .lista .blogs-item-list.drag{
        opacity: 0;
    }

    /* ? Clases para los estilos en los diferentes estados del drag and drop */

    /* ? ------- */



    .lista .label {
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 5px;
        color: #5173CF;
    }

    .lista .dato {
        font-weight: 500;
        font-size: 1.02rem;
    }

    .lista .img-control{
        width: 200px;
        height: 100px;
        background: #00aaff;
        overflow: hidden;
        border-radius: 10px 0 0 10px;
        margin-right: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .lista .banner img {
        width: 100%;
        min-height: 100%;
        max-height: 150%;
    }
    .spancorreo{
        display: inline-table ;
        max-width: 200px;
        height: auto;
        overflow: hidden;
        white-space: revert !important;
        text-overflow: ellipsis;
        overflow-wrap: break-word;
    }

/* LISTAS MOVIBLES */


@media only screen and (max-width: 1200px) {
    .cont_m {
        width: 250px;
    }
}

@media only screen and (max-width: 600px) {
    .truncate-special{    
        width: 150px;
    }

    .modal-responsive{
        top: 7% !important;
        width: 100% !important;
        height: 90% !important;
        max-height: 100% !important;
    }
}

@media only screen and (max-width: 400px) {
    .cont_m {
        width: 100px;
    }
    .correo_enviado table.centered thead tr th,
    .correo_enviado table.centered tbody tr td {
        font-size: 0.9rem;
    }
    .pagination_cont .pagination {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(30px, 54px));
    }
    .tittle-note {
        line-height: 35px;
        border-radius: inherit;
    }
}

@media only screen and (min-width: 993px) {
    .container.manual {
        width: 86%;
    }
}

@media only screen and (max-width: 993px) {
    #modal_manual {
        width: 80% !important;
    }

    .lista {
        padding: 10px 0px;
    }
}









  
  /* CARDS */
  
  .report-container .card .btn{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-right: 10px;
    }
    .report-container .card .btn i{
        margin-left: 5px;
    }
    .report-container .card {
        padding: 20px;
        min-height: 200px;
        display: grid;
        grid-template-rows: 20px 50px 1fr 50px;
        border-radius: 10px;
        box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25);
        transition: all 0.2s;
        overflow: hidden;
    }
    
    .report-container .card h3{
        margin: 0 !important;
    }

    .report-container .card:hover {
        transform: scale(1.01);
        box-shadow: rgb(0 170 255) 0px 0px 0px 2px !important;
    }
    
    .report-container .card__link,
    .report-container .card__exit,
    .report-container .card__icon {
        position: relative;
        text-decoration: none;
        color: rgba(0, 0, 0, 0.9);
    }
    
    .report-container .card__link::after {
        position: absolute;
        top: 18px;
        left: 0;
        content: "";
        width: 0%;
        height: 3px;
        background-color: rgba(255, 255, 255, 0.6);
        transition: all 0.5s;
    }
    
    .report-container .card__link:hover::after {
        width: 100%;
    }
    
    .report-container .card__exit {
        grid-row: 1/2;
        justify-self: end;
    }
    
    .report-container .card__icon {
        grid-row: 2/3;
        font-size: 30px;
    }
    
    .report-container .card__title {
        grid-row: 3/4;
        font-weight: 400;
        color: #000000;
    }
    
    .report-container .card__apply {
        grid-row: 4/5;
        align-self: center;
        display: flex;
        justify-content: center;
    }
    
    /* CARD BACKGROUNDS */
    
    .report-container .card-1 {
        /*background: radial-gradient(#1fe4f5, #3fbafe);*/
    }
    
    .body-blog{
        overflow: hidden;
    }

    .observacion-bit{
        font-size: 0.9rem;
        max-width: 201px;
    }

    p:has(img.margin-left){
        display: flex;
        justify-content: flex-start;
    }

    p:has(img.margin-center){
        display: flex;
        justify-content: center;
    }

    p:has(img.margin-right){
        display: flex;
        justify-content: end;
    }


    .option_blog{
        background: #00aeff;
        padding: 0 8px;
        margin: 0 4px;
    }

    .option_blog:hover{
        background-color: rgb(95 202 255);
    }

    .option_blog.delete_blog{
        background: rgb(255 0 0);
    }

    .option_blog i{
        margin: 0;
    }

    .preview-container{
        padding: 50px 0;
    }
    
    .preview-container .collapsible{
        border: 0;
    }
    
    .preview-container .card-panel{
        margin: 0;
    }
    
    .preview-container.exce .card-panel{
        border-bottom: 1px solid rgb(217 217 217);
    }
    
    .preview-container .intermedio{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .preview-container .collapsible-body .cont-blog{
        background: white;
        padding: 20px;
        margin: 0;
    }

    .preview-container:not(.exce) .btn{
        background: #00aeff;
    }


    .preview-container .collapsible{
        border: 0;
    }

    .preview-container .card-panel{
        margin: 0;
    }

    .preview-container .collapsible-body{
        padding: 0 2rem;
    }

    .preview-container .collapsible-header{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .preview-container .collapsible-header.flex-end{
        align-items: flex-end;
    }

    .preview-container .collapsible-header i:not(.excep) {
        font-size: 2.2rem;
        width: auto;
    }

    .preview-container .intermedio{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .preview-container .collapsible-body .cont-blog{
        background: white;
        padding: 20px;
        margin: 0;
    }


    .preview-container h6{
        font-size: 1.3rem;
    }

    .preview-container .collapsible-body .cont-blog h2 {
        font-size: 3rem;
        line-height: 110%;
        margin: 1.4rem 0 1.424rem 0;
    }

    .preview-container .collapsible-body .cont-blog h4 {
        font-size: 2rem;
        line-height: 110%;
        margin: 0.9rem 0 0.912rem 0;
    }

    .preview-container .collapsible-body .cont-blog p:has(img){
        padding: 10px;
    }

    .admin-tip-color{
        margin: 0 auto;
        width: auto;
    }

    .admin-tip-color:not(.tip_admin){
        color: #818181;
    }

    .admin-tip-color i.material-icons{
        margin-right: 10px;
        font-size: 2.5rem;
        position: relative;

        display: flex;
        align-items: center;
        justify-content: center;
    }

    .admin-tip-color:not(.tip_admin) i.material-icons::after{
        content: '';
        position: absolute;
        width: 4px;
        height: 100%;
        transform: rotate(45deg);
        transform-origin: 50% 50%;
        background: #818181;
    }

    .col.s12.info-pagos-mark{
        background: #dfdfdf;
        color: #3f3f3f;
        padding-bottom: 12px;
        padding-top: 12px;
        margin: 0;
    }

    .col.s12.info-pagos-mark .sen-inf{
        color: #3f3f3fc5;
        font-style: italic;
        margin-left: 4px;
    }

    .fecha-antes-prorroga{
        margin-top: 8px;
        font-size: 0.8rem;
        color: #717171bd;
    }


    .header-sticky thead tr{
        position: sticky;
        top: 69px;
        background: white;
        z-index: 100;
        box-shadow: inset 0 -7px 0px -3px rgb(248 248 248);
    }

    .header-sticky.top-s-0 thead tr{
        top: 0px;
    }

    .header-sticky.top-s--28 thead tr{
        top: -28px;
    }

    .header-sticky.top-s-134 thead tr{
        top: 134px;
    }






    .service-info{
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4, minmax(min(300px, 100%), 1fr));
        gap: 40px;
        padding: 40px;
        background: whitesmoke;
    }

    .service-info .service-card{
        width: 100%;
        height: auto;
        background: white;
        border: 2px solid transparent;

        box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
        
        display: grid;
        grid-template-rows: 0.5fr 0.5fr 1fr 0.5fr;
        padding: 20px;
        gap: 0px;
        cursor: pointer;
    }

    .service-info .service-card:hover{
        border: 2px solid var(--bk-color, blueviolet);
    }

    .service-info .service-card .a-cont{
        width: 100%;
        height: 100%;
        display: grid;

        display: flex;
        align-items: center;
        justify-content: center;
    }

    .service-info .service-card .a-cont .img-color-contain{
        margin: 0;
        /*background: var(--bk-color, blueviolet);*/
        border-radius: 4px;
        /*border: 2px solid rgba(0, 0, 0, 0.2);*/
        width: 80px;
        aspect-ratio: 1 / 1;

        display: flex;
        align-items: center;
        justify-content: center;
    }

    .service-info .service-card .a-cont .img-color-contain img{
        width: 100%;
        aspect-ratio: 1 / 1;
    }

    .service-info .service-card .info-cont{

    }

    .service-info .service-card .info-cont .title-c{
        margin-bottom: 25px;
    }

    .service-info .service-card .info-cont p{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .service-info .service-card .compl .oth{
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .service-info .service-card .estad{
        padding: 5px 10px;
        background: var(--bk-c, #00acff);
        color: white;
        border-radius: 2px;
    }




    .service-info-v2{
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, minmax(min(300px, 100%), 1fr));
        gap: 40px;
        padding: 40px;
        background: whitesmoke;
    }

    .service-info-v2 .service-card{
        width: 100%;
        height: auto;
        padding: 0;
        --r-border: 20px;
        
        display: grid;
        grid-template-rows: 1fr;
        grid-template-columns: 4px 1fr 0.7fr;
        cursor: pointer;
        position: relative;
    }

    .service-info-v2 .service-card .color-sen{
        background: var(--bk-color, blueviolet);
        height: 100%;
        box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.1);
        border-radius: var(--r-border) 0 0 var(--r-border);
    }

    .service-info-v2 .service-card .info-c{
        padding: 20px;
        background: white;
        box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.1);
        border-radius: 0 var(--r-border) var(--r-border) 0;
    }

    .service-info-v2 .service-card .img-cont{
        background: white;
        text-align: center;
        height: 55%;
        margin-top: 30px;
        box-shadow: 6px 0 15px -3px rgba(0, 0, 0, 0.1);
        border-radius: 0 var(--r-border) var(--r-border) 0;
    }

    .service-info-v2 .service-card .img-cont img{
        width: 80px;
    }

    .service-info-v2 .service-card .estad{
        padding: 5px 10px;
        background: var(--bk-c, #00acff);
        color: white;
        border-radius: 2px;
        width: 80%;
        margin: auto;
    }





    .service-info-v3{
        width: 100%;
        display: grid;
        /*grid-template-columns: repeat(4, minmax(min(300px, 100%), 1fr));*/
        grid-template-columns: repeat(4, minmax(300px, 1fr));

        gap: 40px;
        padding: 40px;
        background: whitesmoke;
        justify-items: center;
    }

    .service-info-v3 .service-card{
        width: 100%;
        max-width: 400px;
        height: auto;
        background: white;
        border: 2px solid var(--border-color);

        box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
        
        display: grid;
        grid-template-rows: 120px 120px 1fr;
        gap: 0px;
        cursor: pointer;

        --border-color:#e1e5e4;
    }

    .service-info-v3 .service-card:hover{
        border: 2px solid var(--bk-color);
        box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.1), 0 0 30px -20px var(--bk-color);
    }

    .service-info-v3 .service-card .img-cont{
        position: relative;
        width: 100%;
        height: 100%;
        border-bottom: 2px solid var(--border-color);
    }

    .service-info-v3 .service-card .img-cont .title-c{
        position: relative;
        top: 50%;
    }

    .service-info-v3 .service-card .img-cont .title-c h6{
        width: 80%;
        margin: auto;
    }

    .service-info-v3 .service-card .img-cont figure.img-color-contain{
        margin: 0;
        position: absolute;
        top: -50px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .service-info-v3 .service-card .img-cont figure.img-color-contain .circle-ob{
        width: 100px;
        border: 2px solid var(--border-color);
        border-radius: 100%;
        aspect-ratio: 1 / 1;
        overflow: hidden;

        display: flex;
        align-items: center;
        justify-content: center;
    }

    .service-info-v3 .service-card .img-cont figure.img-color-contain .circle-ob img{
        width: 100%;
        height: 100%;
    }

    .service-info-v3 .service-card .info-c{
    }

    .service-info-v3 .service-card .info-c .compl{
        display: grid;
        grid-template-columns: 1fr 1fr;
        background: #f8f8f8;
        border-top: 2px solid var(--border-color);

        align-items: center;
        justify-items: center;
        height: 38%;
        text-align: center;
    }

    .service-info-v3 .service-card .info-c .compl.one{
        grid-template-columns: 1fr;
    }

    .service-info-v3 .service-card .info-c .compl .estad{
        background: var(--bk-c, #00acff);
        color: white;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 0px;
    }

    .service-info-v3 .service-card .info-c .info-cont{
        padding: 10px 20px;
    }
    
    .service-info-v3 .service-card .info-c .info-cont p{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-block-start: 0.7em;
        margin-block-end: 0.7em;
    }

    .service-info-v3 .service-card .color-sen{
        /*background: linear-gradient(0deg, rgba(0, 170, 255, 0.7), rgba(0, 170, 255, 0.4));*/
        border-bottom: 2px solid var(--border-color);
        position: relative;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        overflow: hidden;
    }

    .img-efect-contain{
        --wd:80px;
        --opacity:0.6;
        --rot: 0deg;

        width: var(--wd);
        aspect-ratio: 1 / 1;

        /*
        position: absolute;
        top: 5px;*/
    }

    .img-efect-contain img{
        width: var(--wd);
        transform: rotate(var(--rot));
        aspect-ratio: 1 / 1;
        clip-path: circle(47% at 50% 49%);
        filter: saturate(0.8) opacity(var(--opacity)) grayscale(0.1);
        
        animation: caer 2s infinite ease;
    }

    @keyframes caer{
        0%{
            top: 0;
        }
        100%{
            top: 100%;
        }
    }
    
    @media (max-width: 1700px) {
        .service-info-v3{
            grid-template-columns: repeat(3, minmax(300px, 1fr));
        }
    }
    
    @media (max-width: 1200px) {
        .service-info-v3{
            grid-template-columns: repeat(2, minmax(300px, 1fr));
        }
    }

    @media (max-width: 900px) {
        .service-info-v3{
            grid-template-columns: repeat(1, minmax(300px, 1fr));
        }
    }



.checkbox-blogs{

}

.checkbox-blogs [type="checkbox"]:checked+span:not(.lever):before {
    border-right: 2px solid #00aaff;
    border-bottom: 2px solid #00aaff;
}
.checkbox-blogs [type="checkbox"]+span:not(.lever) {
    text-transform: capitalize;
}

.Notas{
    margin: 2rem;
}

.Notas span{
    background: #00aaff;
    padding: 8px 15px;
    color: white;
    margin: 1rem;
}

#modal_validacion{
    top: 23% !important;
    height: 54%;
    width: min(850px, 50%);
}

#conten_info{
    padding: 0;
    height: auto !important;
    padding-bottom: 50px;
}

#conten_info .notific-alert{
    width: 100%;
    padding: 20px 0px;
    color: rgb(255, 43, 36);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-bottom: 3px solid rgb(255, 43, 36);
}

#conten_info .notific-alert i.material-icons{
    font-size: 9rem;
}

#conten_info .collection{
    margin: 0;
}

#conten_info .collection .collection-item{
    padding: 10px 20px !important;
}

#conten_info .collection .item-estado, #conten_info .collection .no-padding-item{
    padding: 0 !important;
}

#conten_info .collection .info-pagos-mark{
    background: #dfdfdf;
    color: #3f3f3f;
    padding-bottom: 12px;
    padding-top: 12px;
    margin: 0;
}

#conten_info .collection .item-estado .info-pagos-mark{
    margin: 0;
    padding: 10px 20px;
}


@media (max-width: 900px) {
    #modal_validacion{
        margin: 0;
        width: 100%;
        top: 15% !important;
        height: 70%;
    }
}


.askcont [type="checkbox"]:not(:checked):disabled+span:not(.lever):before {
    border: none;
    background-color: rgba(0,0,0,0.42);
    opacity: 0;
}

#table_acty .badge, #contenido_m .badge{
    font-weight: 300;
    font-size: 0.8rem;
    color: #fff;
    background-color: #00aaff;
    border-radius: 2px;
    margin-top: 6px;
}

#contenido_m .flex-info{
    display: flex;
    justify-content: space-between;
}

#contenido_m .flex-info p{
    margin: 0 !important;
}

#contenido_m .flex-info.no-margin{
    margin: 0;
}

.pages-cont p.no-margin{
    margin: 0;
}

.text-dismiss{
    color: rgb(67, 67, 67);
    font-size: 0.8rem;
}

.text-min{
    width: 400px;
}

.margin-alg{
    margin: 20px 0;
}

.sidenav li>a {
    padding: 0 18px !important;
}

.sidenav li>a.padding-tab{
    padding-left: 60px !important;
}

.padding-tab-second .submenus>a{
    padding-left: 80px !important;
    font-size: 0.88rem;
}

.sidenav li>a>i, .sidenav li>a>[class^="mdi-"], .sidenav li>a li>a>[class*="mdi-"], .sidenav li>a>i.material-icons {
    margin: 0 20px 0 0 !important;
}

.btn-flot-whats{
    position: fixed;
    right: 45px;
    top: 84px;
    padding-top: 15px;
    margin-bottom: 0;
    z-index: 997;
}

.ck.ck-sticky-panel__content{
    top: 70px !important;
}

.miniatura-blog{
    margin: 0 auto;
    width: min(100%, 400px);
    aspect-ratio: 379 / 214;
    border-radius: 0.5rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: brightness(0.95);
    background: white;
}

.miniatura-blog img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ck-content h1{
    line-height: 70%;
}

.ck-content h1 {
    font-size: 3rem;
}

.ck-content h2 {
    font-size: 2.56rem;
}

.ck-content h3 {
    font-size: 2rem;
}

.ck-content h4 {
    font-size: 1.80rem;
}

.ck-content h5 {
    font-size: 1.56rem;
}

.ck-content h6 {
    font-size: 1.16rem;
}

.checkbox-trigger-options, .all-acces-edit{
    display: flex;
    align-items: center;
}

.checkbox-t-options{
    background-color: white;
    border: 2px solid #c5c5c5;
    aspect-ratio: 1 / 1;
    width: 25px;
    margin: 10px;
    border-radius: 3px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.checkbox-t-options i.material-icons{
    display: none;
    color: white;
    font-size: 1.2rem;
}

.checkbox-t-options.state-1{
    background-color: #00aaff;
    border: 2px solid #00aaff;
}

.checkbox-t-options.state-1 i.ch.material-icons{
    display: block;
}

.checkbox-t-options.state-2{
    background-color: #03d100;
    border: 2px solid #03d100;
}

.checkbox-t-options.state-2 i.cn.material-icons{
    display: block;
}

.breadcrumb-carpet{
    display: flex;
    align-items: center;
}

.breadcrumb-carpet span{
    display: flex;
    align-items: center;
}

.breadcrumb-carpet .breadcrumb:before {
    color: #00aaff;
}

.select2-container--default .select2-selection--single{
    background-color: rgba(255, 255, 255, 0.9);
    padding: 5px;
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    height: 3rem;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 0 10px;
    width: calc(100% - 22px);
}

#modal_producto_asignado_status {
    top: 5% !important;
    min-height: 90% !important;
    width: 62% !important;
}

.datepicker-modal{
    min-height: 350px;
}

.modal.modal-fixed-footer .modal-content{
    height: 100% !important;
}

#factura_hasta{
    margin-bottom: 0 !important;
}

.card-qr{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}

.cont-qr{
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 10px;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.card-qr img{
    aspect-ratio: 1 / 1;
    max-width: 200px;
    width: 100%;
}

.card-qr p{
    font-weight: 500;
}



.form-contain{
    width: 100%;
    min-height: 100vh;
    background: #00aaff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
}

.form-contain .c{
    padding: 40px 10px;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.1);
    border-radius: 0.5rem;
    max-width: 600px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.form-contain .c h1{
    font-size: 3rem;
    text-align: center;
    margin: 0;
}

.form-contain .row{
    margin: 0;
}

.cont-signature{
    display: block;
    width: 100%;
    aspect-ratio: 1 / .4;
    background: #e0e0e0;
    border-radius: 0.5rem;
    border: 2px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
}

.perfil-img{
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #e0e0e0;
    border-radius: 100%;
    border: 2px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin: 0;
}

.perfil-img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.biomeric-sg{
    position: relative;
}

.biomeric-sg::before{
    content: '';
    position: absolute;
    bottom: 20%;
    left: 10%;
    width: 80%;
    height: 4px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

.biomeric-sg .canva-signature{
    width: 100%;
    height: 100%;
}

.biomeric-sg #tracker{
    position: absolute;
    width: 4px;
    left: 10px;
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    background: rgb(255, 0, 0);
    pointer-events: none;
}

.per-large{
    font-size: 10rem;
    color: #03ca00;
}