/*# sourceMappingURL=custom.min.css.map */ .auth-one-bg { .bg-overlay { background: linear-gradient( to right, rgba(243, 116, 67, 0.8), rgba(243, 116, 67, 0.8) ) !important; opacity: 0.9; } } .profile-wid-bg { &::before { content: ""; position: absolute; background: rgba(243, 116, 67, 0.8); background: linear-gradient( to top, rgba(243, 116, 67, 0.8), rgba(243, 116, 67, 0.8) ) !important; } } p.text-min { font-size: 0.9em; color: #878a99; } /* 1. Establece el contexto de posicionamiento para el sidebar */ .app-menu.navbar-menu { /* Asegúrate de que ocupe toda la altura */ } .simplebar-offset { padding-bottom: 20px 40px; } .footer { }/* --- ESTILO BASE PARA EL MODO REPORTE --- */ /* Esta clase debe estar en tu o en un contenedor principal cuando el modo esté activo */ .report-google_doc .card-body { transition: all 0.2s ease-in-out; /* Transición suave */ } /* --- REGLA 2: HOVER PARA EL CUERPO DE LA TARJETA --- */ /* Se activa cuando el cursor está específicamente sobre el .card-body */ .report-google_doc .card-body:hover { cursor: pointer; animation: destello-body 1s ease-in-out forwards; /* Aplica la animación */ position: relative; /* Necesario para que el z-index funcione */ z-index: 1; /* Asegura que el body esté visualmente "encima" */ } /* --- REGLA 3: ANULACIÓN CON :has() --- */ /* Anula la animación del .card si el cursor está sobre su hijo .card-body */ /* --- DEFINICIÓN DE LAS ANIMACIONES --- */ .tooltip-inner { background-color: #0d6efd; /* Color primario de Bootstrap */ color: white; font-weight: 500; } .tooltip-arrow::before { border-top-color: #0d6efd !important; } /* Animación para la tarjeta completa (ej. un brillo azul) */ @keyframes destello-card { 0% { box-shadow: 0 0 0 rgba(13, 110, 253, 0); } 50% { box-shadow: 0 0 15px 5px rgba(13, 110, 253, 0.7); } 100% { box-shadow: 0 0 0 rgba(13, 110, 253, 0); } } /* Animación para el cuerpo (tu brillo naranja original) */ @keyframes destello-body { 0% { box-shadow: 0 0 0 rgba(254, 126, 11, 0); } 50% { box-shadow: 0 0 15px 5px rgba(254, 126, 11, 0.8); } 100% { box-shadow: 0 0 15px 5px rgba(254, 126, 11, 1); } } /* 2. Saca el logo del flujo y pégalo abajo */ .logo-huella-sidebar { position: absolute; bottom: 0px; /* Distancia desde el borde inferior */ left: 0; right: 0; /* O width: 100%; para que ocupe todo el ancho y se pueda centrar el contenido */ text-align: center; /* Mantiene el logo centrado */ padding:5px 0px 10px; } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0.2; } 100% { opacity: 1; } } .animation-blink { animation: blink 1.5s infinite; } /* 3. ¡IMPORTANTE! Añade espacio al final del área de scroll para que el último elemento del menú no quede oculto detrás del logo. */ #scrollbar { /* El valor debe ser un poco más que la altura de tu logo + el 'bottom' que le diste. Si tu logo mide 40px + 20px de espacio arriba y 20px de 'bottom', unos 80px de padding es un buen punto de partida. Ajústalo a tu gusto. */ } .fixed-height-title { min-height: 80px; /* Ajusta la altura a tu gusto */ display: flex; align-items: center; /* Centra el título verticalmente */ justify-content: center; /* Centra el título horizontalmente */ } .dropdown-menu.show { z-index: 10000; } .table th.sort { position: relative; padding-right: 24px; cursor: pointer; } .table .sort::before { top: 15px; } .table .sort::after { top: 9px; } .choices { margin-bottom: 0px !important; } .editform .hidden_inform { display: none; } .paginator .las { font-size: 15px; font-weight: bold; } .paginator .form-horizontal .control-label { text-align: right; } .las-disable { color: #f0f0f0; } table.paginator { border-radius: 10px; } table.paginator tr td { padding: 0px 5px; font-size: larger; border: 5px solid #fafaf9; } .form-control-static { display: block; } .mt-radio-inline { margin-top: 7px; } .fc-event { cursor: pointer; } .fc-event-title, .fc-sticky { font-weight: 500 !important; text-overflow: ellipsis; white-space: unset; } .error-message { color: red; margin-top: 5px; font-size: x-small; } .absolute { position: absolute !important; overflow: hidden; } .modal-body div:not(.choices):not(.choices__list):not(.choices__item) { margin-bottom: 10px; } #templateRow { display: none; } #preloaderCalendar { background: white; width: 100%; height: 100%; position: absolute; top: 0px; opacity: 35%; z-index: 1; } .choices__list--dropdown { z-index: 5; } .file-preview-item .card { overflow: hidden; /* Evita que el contenido se desborde */ } .file-preview-item .preview-image { max-height: 100px; /* Ajusta la altura máxima de la imagen */ width: auto; /* Mantiene la proporción */ max-width: 100%; /* Evita que exceda el ancho de la tarjeta */ object-fit: contain; /* Escala la imagen manteniendo la proporción dentro del contenedor */ margin: 0 auto; /* Centra la imagen si es más estrecha que la tarjeta */ padding-top: 10px; /* Espacio superior */ display: block; /* Necesario para el margin auto horizontal */ } .file-preview-item .preview-icon { min-height: 100px; /* Altura mínima similar a la imagen */ display: flex; align-items: center; justify-content: center; background-color: #f8f9fa; /* Un fondo ligero para el área del icono */ border-bottom: 1px solid #dee2e6; /* Separador opcional */ } .file-preview-item .preview-icon i { font-size: 3rem; /* Tamaño del icono (fa-3x ya lo hace, pero puedes ajustar aquí) */ } .file-preview-item .card-body { padding: 0.75rem; /* Ajusta el padding del cuerpo */ text-align: center; /* Centra el texto y botón */ } .file-preview-item .file-name { font-size: 0.8rem; /* Tamaño de fuente más pequeño para el nombre */ margin-bottom: 0.5rem; /* Espacio antes del botón */ white-space: nowrap; /* Evita que el nombre del archivo salte de línea */ overflow: hidden; /* Oculta el texto que desborda */ text-overflow: ellipsis; /* Añade puntos suspensivos (...) */ max-width: 100%; /* Asegura que no exceda el ancho del contenedor */ display: block; /* Para que max-width funcione bien */ } .file-preview-item .eliminar-archivo { /* Estilos adicionales para el botón si es necesario */ } .sorting:before, table.dataTable > thead .sorting_asc:before { right: 0.5rem !important; top: 12px !important; } #Show_x_notas_internas label { color: #3577f1; } #Show_x_notas_internas textarea { border-color: #3577f1; } #Show_x_notas_internas small.text-muted { color: red !important; font-weight: 500; font-size: 12px; } .filter-sticky { top: 63px; z-index: 1000; } .navbar.sticky-active .card { background-color: rgba(255, 255, 255, 0.88); transition: background-color 0.3s ease; backdrop-filter: blur(5px); /* opcional: efecto difuminado */ opacity: 1; }