.pcoded-wrapper { min-height: 100vh; flex: 1; display: flex; flex-direction: column; } .pcoded-content { flex: 1; } .pcoded-submenu-header { font-size: 12px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; color: #9aa0ac; padding: 6px 20px 2px 20px; /* align text with items */ margin-top: 4px; pointer-events: none; /* not clickable */ } /* Footer base */ .footer-wrapper { background: #d9dee8; padding: 10px 20px; z-index: 1; flex-shrink: 0; } .footer-wrapper footer { transition: margin-left 0.3s ease; margin-left: 260px; /* ancho del sidebar por defecto */ } /* Sidebar colapsado (clase en ) */ body.sidebar-collapse .footer-wrapper footer { margin-left: 0 !important; } /* Vista móvil / tablet: el sidebar es overlay, sin margen */ @media (max-width: 1199.98px) { .footer-wrapper footer { margin-left: 0 !important; } /* Centrar layout del footer en móvil */ .footer-wrapper .row { justify-content: center; /* centra columnas */ text-align: center; /* centra texto */ row-gap: 12px; /* separa filas cuando se apilan */ } .footer-wrapper .col-12, .footer-wrapper .col-md-4, .footer-wrapper .col-md-5, .footer-wrapper .col-md-3, .footer-wrapper .col-md-2, .footer-wrapper .col-md-6 { text-align: center; /* asegura centrado por columna */ } .footer-wrapper .footer-text { margin: 0 auto; /* centra listas dentro de la columna */ } } /* En desktop vuelves a distribuir mejor si quieres */ @media (min-width: 1200px) { .footer-wrapper .row { justify-content: space-between; text-align: left; } .footer-wrapper .col-md-3:last-child, .footer-wrapper .col-md-2:last-child { text-align: right; /* “Build” a la derecha en desktop */ } } /* Set padding to keep content from hitting the edges */ .body-content { padding-left: 15px; padding-right: 15px; } /* Override the default bootstrap behavior where horizontal description lists will truncate terms that are too long to fit in the left column */ .dl-horizontal dt { white-space: normal; } .page-break { page-break-before: always; } /* Set width on the form input elements since they're 100% wide by default */ /*input, select, textarea { max-width: 280px; }*/ #containerTable { display: none } #loadercontainer { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); } #ProcessingOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); /* Fondo oscuro semi-transparente */ z-index: 5000; /* Superior a cualquier modal */ display: none; /* Oculto por defecto */ display: flex; /* Usar flexbox */ justify-content: center; /* Centrar horizontalmente */ align-items: center; /* Centrar verticalmente */ } .processing-content { text-align: center; padding: 20px; } .processing-content img { width: 200px; /* Ajusta el tamaño de la imagen */ height: auto; } /*Google Place Autocomplete box*/ .pac-container { z-index: 10000 !important; } hr.solid { border-top: 4px solid #999; } #ProcessingModal.modal.in { background-color: rgba(0,0,0,0.5); } .pcoded-inner-navbar img { position: fixed; bottom: 20px; left: 60px; opacity: 0.05; pointer-events: none; } /* Specific mapael css class are below * 'mapael' class is added by plugin */ .mapael .mapTooltip { position: absolute; background-color: #474c4b; border-radius: 10px; padding: 10px; z-index: 1000; max-width: 300px; display: none; color: #fff; } .mapael .map { overflow: hidden; position: center; background-color: transparent; border-radius: 5px; } .mapcontainer { display: flex; align-items: center; justify-content: center; height: 100%; /* Ajusta la altura según sea necesario */ } .map { max-width: 100%; max-height: 100%; } .dte_vendor_logo { filter: grayscale(100%); } .gray-scale { -webkit-filter: grayscale(100%); filter: grayscale(100%); } /* Chart.js */ @keyframes chartjs-render-animation { from { opacity: 0.99; } to { opacity: 1; } } .chartjs-render-monitor { animation: chartjs-render-animation 0.001s; } .chartjs-size-monitor, .chartjs-size-monitor-expand, .chartjs-size-monitor-shrink { position: absolute; direction: ltr; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1; } .chartjs-size-monitor-expand > div { position: absolute; width: 1000000px; height: 1000000px; left: 0; top: 0; } .chartjs-size-monitor-shrink > div { position: absolute; width: 200%; height: 200%; left: 0; top: 0; } #loading { /* COVER FULL PAGE */ position: fixed; top: 0; left: 0; z-index: 999; width: 100vw; height: 100vh; /* SPINNER IMAGE */ background-color: white; background-image: url("/adminty/assets/images/ajax-loader.gif"); background-position-x: 55%; background-position-y: center; background-repeat: no-repeat; /* HIDDEN BY DEFAULT */ display: none; } /* SHOW LOADING */ #loading.load { display: block; } td, th { vertical-align: middle; } /* ribbon left */ [class^=ribbon-] { position: relative; margin-bottom: 80px; top: 80px; } [class^=ribbon-]:before, [class^=ribbon-]:after { content: ""; position: absolute; } .ribbon-danger { width: 200px; height: 50px; background: #fc7777; left: -8px; } .ribbon-danger:before { height: 0; width: 0; border-bottom: 8px solid #E40505; border-left: 8px solid transparent; top: -8px; } .ribbon-danger:after { height: 0; width: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 15px solid #fc7777; right: -15px; top: 0px; } .ribbon-success { width: 200px; height: 50px; background: #2ecc71; left: -8px; } .ribbon-success:before { height: 0; width: 0; border-bottom: 8px solid #208e4e; border-left: 8px solid transparent; top: -8px; } .ribbon-success:after { height: 0; width: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 15px solid #2ecc71; right: -15px; top: 0px; } .ribbon-warning { width: 200px; height: 50px; background: #ffa461; left: -8px; } .ribbon-warning:before { height: 0; width: 0; border-bottom: 8px solid #ff7814; border-left: 8px solid transparent; top: -8px; } .ribbon-warning:after { height: 0; width: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 15px solid #ffa461; right: -15px; top: 0px; } .ribbon-info { width: 200px; height: 50px; background: #3498DB; left: -8px; } .ribbon-info:before { height: 0; width: 0; border-bottom: 8px solid #3498DB; border-left: 8px solid transparent; top: -8px; } .ribbon-info:after { height: 0; width: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 15px solid #3498DB; right: -15px; top: 0px; } .rtext { color: #fff; font: 700 18px/1 "Lato", sans-serif; text-align: center; text-transform: uppercase; padding-top: 16px; } /* ribbon top */ .onsale-section { position: absolute; top: -6px; left: 150px; } .onsale-section:after { position: absolute; content: ''; display: block; width: 0; height: 0; border-left: 90px solid transparent; border-right: 90px solid transparent; } .onsale-section.danger:after { border-top: 6px solid #fc7777; } .onsale-section.success:after { border-top: 6px solid #2ECC71; } .onsale-section.warning:after { border-top: 6px solid #ffa461; } .onsale { position: relative; display: inline-block; text-align: center; font: 700 16px/1 'Lato', sans-serif; line-height: 1; padding: 12px 8px 6px; border-top-right-radius: 8px; width: 180px; text-transform: uppercase } .onsale.danger { color: #fff; background: #fc7777; } .onsale.success { color: #fff; background: #2ECC71; } .onsale.warning { color: #fff; background: #ffa461; } .onsale:before, .onsale:after { position: absolute; content: ''; display: block; } .onsale:before { height: 7px; width: 6px; left: -6px; top: 0; } .onsale.danger:before { color: #fff; background: #fc7777; } .onsale.success:before { color: #fff; background: #2ECC71; } .onsale.warning:before { color: #fff; background: #ffa461; } .onsale:after { background: #96a0a2; height: 7px; width: 8px; border-radius: 8px 8px 0 0; left: -8px; top: 0; } /* CSS for the loading overlay and spinner */ .card-block { position: relative; } .loading-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); /* Semi-transparent background */ /* SPINNER IMAGE */ background-image: url("/adminty/assets/images/ajax-loader.gif"); background-position-x: center; background-position-y: center; background-size: 80px; background-repeat: no-repeat; z-index: 10; display: none; /* Hidden by default */ } .notes-panel { position: absolute; /* Posiciona el panel de forma absoluta */ top: 0; /* Alineación superior */ right: 0; /* Comienza fuera de la vista */ width: 300px; /* Ancho del panel */ height: 100%; /* Altura del panel */ background-color: #f8f9fa; /* Color de fondo del panel */ box-shadow: -2px 0 5px rgba(0, 0, 0, 0.3); /* Sombra para dar profundidad */ transition: right 0.3s ease; /* Transición suave */ z-index: 1000; /* Asegúrate de que esté por encima de otros elementos */ display: none; /* Hidden by default */ } /* Clase para mostrar el panel */ .notes-panel.active { right: -303px; /* Mueve el panel a la vista */ display: block; /* Hidden by default */ } body.no-scroll { overflow: hidden; /* Desactiva el scroll */ } #help-icon { position: fixed; bottom: 50px; right: 20px; width: 50px; height: 50px; font-size: 24px; z-index: 1050; cursor: pointer; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); } .popover { padding: 0 !important; /* Remove popover padding */ } .popover .popover-body { padding: 0 !important; /* Remove padding in popover body */ } [data-name="popover-content"] { display: none; } /*Cookies banner*/ .cookie-banner { position: fixed; bottom: -150px; /* Inicialmente oculto fuera de la vista */ left: 20%; width: 60%; background-color: #fff; /* Fondo blanco */ border-top: 1px solid #ccc; /* Línea superior */ box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); /* Sombra suave */ z-index: 1000; display: flex; justify-content: space-between; align-items: center; padding: 20px 40px; font-family: Arial, sans-serif; font-size: 14px; transition: bottom 0.5s ease-in-out, visibility 0.5s ease-in-out; /* Transición suave para el efecto de deslizamiento */ visibility: hidden; /* Inicialmente invisible */ } .cookie-banner.visible { bottom: 0; /* Posición visible */ visibility: visible; /* Visible cuando está activo */ } .cookie-content { flex: 1; /* Ocupa el espacio principal */ margin-right: 20px; color: #333; /* Texto en gris oscuro */ } .cookie-content p { margin: 5px 0; } .cookie-content a { text-decoration: underline; } /*Maintenance banner*/ #maintenance-banner { position: fixed; top: -100px; left: 50%; transform: translateX(-50%); width: 90%; max-width: 800px; background-color: #fcf9ecff; border: 1px solid #ffe58f; border-left: 4px solid #ffc107; border-radius: 0; padding: 16px 20px; color: #000; z-index: 1050; box-shadow: 0 4px 6px rgba(0,0,0,0.05); opacity: 0; transition: top 0.5s ease, opacity 0.5s ease; } #banner-title { color: #ffc107; } #maintenance-banner.show { top: 10px; opacity: 1; } #maintenance-banner.hidden { top: -100px; opacity: 0; } /*Maintenance Mode Alert*/ #maintenance-alert { position: fixed; /* stays above content */ left: 50%; transform: translateX(-50%); width: 50%; z-index: 1050; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Sombra para destacar */ opacity: 0; /* Completamente transparente */ transition: top 0.6s ease, opacity 0.6s ease; } #maintenance-alert.show { top: 0; /* Posición final visible */ opacity: 1; /* Completamente visible */ } #maintenance-alert.hidden { top: -100px; /* Ocultarlo fuera de la vista */ opacity: 0; /* Totalmente transparente */ } /*Maintenance Alert Message*/ #maintenance-message { border: 1px solid; border-left-style: solid; border-left-width: thick; border-color: #ffb012; background-color: #fff9f6; padding-left: 4px; border-radius: 15px; padding: 20px; color: black; } #invoiceBanner { position: fixed; /* Fijado en la parte superior */ right: 80px; width: 421px; /* Puedes ajustar el ancho */ z-index: 1000; /* Asegura que esté por encima de otros elementos */ box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Sombra para destacar */ transition: top 0.8s ease, opacity 0.8s ease, right 0.4s ease-in-out; opacity: 0; /* Totalmente transparente */ } #invoiceBanner.show { top: 65px; /* Posición final visible */ opacity: 1; /* Completamente visible */ } #invoiceBanner.hidden { top: -100px; /* Ocultarlo fuera de la vista */ opacity: 0; /* Totalmente transparente */ } /* Estilos personalizados para el modal de video */ .custom-lightbox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); display: flex; align-items: center; justify-content: center; z-index: 1000; } .custom-lightbox-content { width: 100%; /* Ajusta el ancho máximo relativo al viewport */ height: 100%; /* Mantén la proporción del contenido */ max-width: 80vw; /* Limita el ancho al tamaño del viewport */ max-height: 80vh; /* Limita la altura al tamaño del viewport */ background: #000; border-radius: 8px; overflow: hidden; position: relative; } .custom-lightbox-content video { width: 100%; height: 100%; display: block; } .custom-lightbox-caption { text-align: center; color: #fff; margin-top: 10px; } .custom-lightbox-close { position: absolute; top: 10px; right: 10px; background: none; border: none; color: #fff; font-size: 2rem; cursor: pointer; z-index: 1001; } .store-badge { width: auto; /* Ajusta el ancho */ height: auto; /* Mantén la proporción */ display: block; /* Centra dentro del contenedor */ margin: 0 auto; /* Centra horizontalmente */ max-width: 100%; /* Asegura que no desborde en pantallas pequeñas */ } @media print { body * { visibility: hidden; } #user-timeline, #user-timeline * { visibility: visible; } #user-timeline { position: absolute; top: 0; left: 0; width: 100%; height: auto; overflow: visible; } .break-avoid { break-inside: avoid; } .d-print-none { display: none !important; } .d-print-block { display: block !important; } } /* autocomplete for sources search */ .ui-autocomplete { z-index: 1060; } /* Hide the built-in loading spinner from Dynamic Web TWAIN */ .ds-dwt-loaderBar { display: none !important; } .hover-bg-success:hover { background-color: #28a745 !important; /* Verde success de Bootstrap 4 */ } .hover-text-white:hover { color: #fff !important; } /* Style for Powered by NHTSA */ #poweredByContainer { font-size: 0.9rem; /* Smaller font size */ color: #666; /* Gray color for subtlety */ margin-top: 10px; /* Space above the container */ } /* Landing Page - Mobile app */ .disabled-store-link { pointer-events: none; opacity: 0.5; cursor: not-allowed; text-decoration: none; } .disabled-badge { filter: grayscale(100%); } .main-menu { position: relative; } #adobe-dc-view { width: 100%; height: 100%; min-height: 600px; } .modal-initial-size { height: calc(100% - 56px); } .modal-fullscreen-custom { width: 100vw !important; height: 100vh !important; max-width: 100%; margin: 0; } .modal-fullscreen-custom .modal-content { height: 100vh !important; border-radius: 0; } #pdfWatermark { display: none; position: absolute; top: 30%; left: 10%; transform: rotate(-40deg); font-size: 96px; font-weight: bold; font-family: 'Times New Roman', Times, serif; color: rgba(100, 100, 100, 0.2); pointer-events: none; z-index: 10; white-space: normal; } /* Slide panel styles */ .slide-panel-overlay { position: fixed; top: 70px; right: 0; width: 100vw; /* No ocupa fondo */ height: 100vh; z-index: 1000; /*ajusta según tu layout */ pointer-events: none; /* para que no bloquee el fondo */ } .slide-panel { position: fixed; top: 70px; right: 0; height: 100vh; background: #fff; display: flex; flex-direction: column; box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2); transform: translateX(100%); transition: transform 0.3s ease-in-out; pointer-events: auto; } .slide-panel-header { flex-shrink: 0; height: 70px; } #slidePanelContent { height: calc(100vh - 80px); /* altura de pantalla menos el header */ overflow-y: auto; } .slide-panel-overlay.show .slide-panel { transform: translateX(0); } #slideLoading { /* COVER FULL PAGE */ position: fixed; top: 0; left: 0; z-index: 999; width: 100vw; height: 100vh; /* SPINNER IMAGE */ background-color: white; background-image: url("/adminty/assets/images/ajax-loader.gif"); background-position-x: 45%; background-position-y: center; background-repeat: no-repeat; /* HIDDEN BY DEFAULT */ display: none; } /* SHOW LOADING */ #slideLoading.load { display: block; } .stamp-img { object-fit: contain; } .stamp-text { pointer-events: none; } /* Floating alert centered under the top header */ #pending-ship-alert { position: fixed; /* stays above content */ left: 50%; transform: translateX(-50%); top: 65px; /* default; JS recalculates under your header */ z-index: 1049; /* above page chrome, below modals if any */ width: min(92vw, 350px); border: 1px solid #dc3545; /* red border */ background: #fff0f1; /* light red background */ border-radius: 10px; box-shadow: 0 8px 24px rgba(0,0,0,.12); overflow: hidden; } #pending-ship-alert .banner-header { cursor: pointer; padding: 10px 12px; background: #fde8ea; /* slightly darker header strip */ } #pending-ship-alert .banner-body { display: none; /* collapsed by default */ padding: 14px 16px; background: #fff3f4; /* match container bg */ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #pending-ship-alert .badge { background-color: #dc3545 !important; /* red badge */ } #pending-ship-alert a:hover { text-decoration: underline; } /* Ensure SweetAlert2 is always above Bootstrap modals */ .swal2-container { z-index: 200000 !important; /* higher than .modal (1055) and .modal-backdrop (1050) */ } .bulb-disabled { cursor: default; pointer-events: none; } .bulb-gray { color: #adb5bd; } /* gray */ .bulb-yellow { color: #f1c40f; } /* yellow */