@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap'); ::after, ::before { box-sizing: border-box; margin: 0; padding: 0; } html { margin: 0 !important; padding: 0 !important; border: 0 !important; width: 100%; height: 100%; overflow: hidden; } body { margin: 0 !important; padding: 0 !important; border: 0 !important; width: 100%; height: 100%; overflow: hidden; font-family: 'Poppins', sans-serif; } [data-bs-theme="dark"], [data-bs-theme="dark"] body { background-color: #121416; } a { text-decoration: none; } li { list-style: none; } h1 { font-weight: 600; font-size: 1.5rem; } :root { --aigle-menu-bg: #4570B4; --aigle-menu-text: #FFFFFF; --aigle-menu-submenu: #80AADC; --aigle-menu-accent: #3B7DDD; --aigle-topbar-bg: #ffffff; --aigle-topbar-text: #333333; --aigle-topbar-border: #eaeaea; --aigle-topbar-icon: #4570B4; } /* * Shell fixo na viewport — elimina qualquer faixa fantasma acima do menu/topbar * (mesmo padrão visual do PEGASUS/Ocorrências: menu colado no topo). */ .wrapper { display: flex !important; position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; inset: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; border: 0 !important; width: 100% !important; height: 100% !important; max-height: 100vh !important; max-height: 100dvh !important; align-items: stretch; /* z-index baixo: modais/backdrop do Bootstrap (1050+) ficam acima do shell */ z-index: 1; } /* Garante hierarquia correta quando o modal está no */ body > .modal-backdrop { z-index: 1050; } body > .modal { z-index: 1055; } /* Só menu + conteúdo — qualquer lixo no flex some (evita faixa no topo) */ .wrapper > :not(#sidebar):not(.main) { display: none !important; position: absolute !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; visibility: hidden !important; pointer-events: none !important; } .main { height: 100% !important; min-height: 0 !important; width: 100%; flex: 1; min-width: 0; overflow-x: hidden; overflow-y: auto; transition: all 0.35s ease-in-out; background-color: #fafbfe; position: relative; z-index: 1; margin: 0 !important; padding: 0 !important; } #sidebar { width: 70px; min-width: 70px; height: 100% !important; min-height: 0 !important; z-index: 1000; transition: width .25s ease-in-out, min-width .25s ease-in-out; display: flex !important; flex-direction: column; background-color: var(--aigle-menu-bg, #4570B4); margin: 0 !important; padding: 0 !important; align-self: stretch; position: relative; flex-shrink: 0; overflow: hidden; } /* Recolhido (só ícones): flyout em position:fixed (JS) — overflow não pode cortar */ #sidebar:not(.expand):not(.minimized), #sidebar.sidebar-icons-only { overflow: visible !important; } #sidebar:not(.expand):not(.minimized) .sidebar-nav, #sidebar.sidebar-icons-only .sidebar-nav { overflow-x: hidden; overflow-y: auto; flex: 1 1 auto; min-height: 0; scrollbar-width: thin; } /* Botão recolher menu — igual Ocorrências (visível no desktop) */ .sidebar-minimizer, #sidebar-minimize-btn.sidebar-minimizer { display: flex !important; position: fixed !important; top: 50% !important; left: 70px; right: auto; transform: translateY(-50%) translateX(-50%); width: 22px; height: 56px; border-radius: 0 11px 11px 0; border: none; background-color: #f8f9fa; box-shadow: 2px 0 6px rgba(0, 0, 0, .18); align-items: center; justify-content: center; cursor: pointer; z-index: 1100 !important; padding: 0; pointer-events: auto; transition: left .25s ease-in-out; } #sidebar.expand .sidebar-minimizer, #sidebar.expand #sidebar-minimize-btn.sidebar-minimizer { left: 260px; } #sidebar.minimized .sidebar-minimizer, #sidebar.minimized #sidebar-minimize-btn.sidebar-minimizer { left: 12px; } .sidebar-minimizer .arrow-icon { font-weight: 700; font-size: 1rem; color: var(--aigle-menu-bg, #4570B4); line-height: 1; } #sidebar.minimized { width: 12px !important; min-width: 12px !important; overflow: visible; } #sidebar.minimized > *:not(.sidebar-minimizer) { display: none !important; } #sidebar.expand { width: 260px; min-width: 260px; overflow-x: hidden; overflow-y: auto; } #toggle-btn { background-color: transparent; cursor: pointer; border: 0; padding: 0; margin: 0; line-height: 1; } #toggle-btn i { font-size: 1.5rem; color: var(--aigle-menu-text, #fff); } .sidebar-toggle-img { margin: 0; max-width: 40px; height: auto; display: block; } .sidebar-brand-img { margin: 0; padding-right: 10px; max-width: 220px; max-height: 42px; height: auto; display: block; } .sidebar-logo { margin: 0; } .sidebar-logo a { color: var(--aigle-menu-text, #FFF); font-size: 1.15rem; font-weight: 600; } #sidebar:not(.expand) .sidebar-logo, #sidebar:not(.expand) .sidebar-nav > .sidebar-item > a.sidebar-link > span, #sidebar:not(.expand) .sidebar-footer > a.sidebar-link > span { display: none; text-decoration: none; } .sidebar-nav { padding: 2rem 0; flex: 1 1 auto; } a.sidebar-link { padding: .625rem 1.625rem; color: var(--aigle-menu-text, #FFF); display: block; font-size: 0.9rem; white-space: nowrap; border-left: 3px solid transparent; } .sidebar-link i { font-size: 1.1rem; margin-right: .75rem; } a.sidebar-link:hover { background-color: rgba(255, 255, 255, .075); border-left: 3px solid var(--aigle-menu-accent, #3b7ddd); } .sidebar-item { position: relative; } /* Flyout do menu só ícones — position:fixed + classes flyout-* (js/script.js) */ #sidebar.sidebar-icons-only .sidebar-item.has-flyout > .sidebar-dropdown { display: none; position: fixed; margin: 0; padding: 0; min-width: 16rem; width: max-content; max-width: min(22rem, calc(100vw - 90px)); max-height: min(70vh, calc(100vh - 16px)); overflow-x: hidden; overflow-y: auto; z-index: 10050; list-style: none; background: transparent; box-shadow: none; } #sidebar.sidebar-icons-only .sidebar-item.has-flyout.flyout-active > .sidebar-dropdown, #sidebar.sidebar-icons-only .sidebar-item.has-flyout.flyout-open > .sidebar-dropdown { display: block !important; } #sidebar.sidebar-icons-only .sidebar-item.has-flyout > .sidebar-dropdown .sidebar-submenu-box { margin: 0; padding: 8px; border-radius: 10px; background-color: var(--aigle-menu-submenu, #80aadc); box-shadow: 0 4px 16px rgba(0, 0, 0, .25); box-sizing: border-box; min-width: 16rem; width: max-content; max-width: min(22rem, calc(100vw - 90px)); } #sidebar.sidebar-icons-only .sidebar-item.has-flyout > .sidebar-dropdown .sidebar-link, #sidebar.sidebar-icons-only .sidebar-item.has-flyout > .sidebar-dropdown .sidebar-link.abc { display: block; padding: .5rem .85rem; font-size: 0.85rem; white-space: normal; overflow-wrap: anywhere; word-break: break-word; border-left: none; border-radius: 6px; color: #fff !important; } #sidebar.sidebar-icons-only .sidebar-item.has-flyout > .sidebar-dropdown .sidebar-link span { display: inline !important; } #sidebar.sidebar-icons-only .sidebar-item.has-flyout > .sidebar-dropdown .sidebar-link:hover { background-color: rgba(255, 255, 255, .15); border-left: none; } #sidebar.expand .sidebar-link[data-bs-toggle="collapse"]::after { border: solid; border-width: 0 .075rem .075rem 0; content: ""; display: inline-block; padding: 2px; position: absolute; right: 1.5rem; top: 1.4rem; transform: rotate(-135deg); transition: all .2s ease-out; } #sidebar.expand .sidebar-link[data-bs-toggle="collapse"].collapsed::after { transform: rotate(45deg); transition: all .2s ease-out; } .sidebar-header { display: flex; align-items: center; padding: 0.65rem 0.85rem; flex-shrink: 0; margin: 0; min-height: 56px; box-sizing: border-box; } .sidebar-submenu-box { padding: 5px; background-color: var(--aigle-menu-submenu, #80aadc); margin: 10px; border-radius: 10px; } .topbar { width: 100%; margin: 0; border-radius: 0; background-color: var(--aigle-topbar-bg, #ffffff); border-bottom: 1px solid var(--aigle-topbar-border, #eaeaea); color: var(--aigle-topbar-text, #333); min-height: 56px; box-sizing: border-box; } .topbar-left, .topbar-left .fw-semibold, .topbar-user-nome, .topbar-user-toggle { color: var(--aigle-topbar-text, #333) !important; } .topbar-user-toggle .bi-person-circle { color: var(--aigle-topbar-icon, #4570B4) !important; } .topbar-user-toggle { background: transparent; border: none; padding: 0.25rem 0.5rem; box-shadow: none; } .topbar-user-toggle:hover, .topbar-user-toggle:focus, .topbar-user-toggle.show { background: rgba(0, 0, 0, 0.05); color: var(--aigle-topbar-text, #333) !important; } .topbar-user-toggle::after { margin-left: 0.15rem; vertical-align: middle; } .topbar-user-nome { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 575.98px) { .topbar-user-nome { max-width: 120px; } } .welcome-message h5 { font-size: 1rem; color: #333; margin: 0; } .user-info span { color: #333; } .user-info img { object-fit: cover; border: 2px solid #ddd; } .content { padding: 1rem; } .footer { background-color: #f8f9fa; color: #6c757d; font-size: 0.875rem; } .icone-user-topbar { width: 40px; height: 40px; font-size: 20px; background-color: #4570B4; } .abc { text-align:left; text-decoration: none; } .search-container { transition: all 0.3s ease; } .search-box { display: flex; align-items: center; border-radius: 10px; padding: 5px 10px; height: 40px; background-color: transparent; transition: background-color 0.3s ease; } #sidebar.expand .search-box { background-color: var(--aigle-menu-submenu, #80AADC); } #sidebar.expand .search-box:focus-within { background-color: var(--aigle-menu-accent, #3B7DDD); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28); } .search-icon { color: var(--aigle-menu-text, #fff); font-size: 18px; flex-shrink: 0; cursor: pointer; } .search-input, .search-box input.form-control.search-input, .search-box input.search-input { background: transparent !important; border: none !important; box-shadow: none !important; color: var(--aigle-menu-text, #fff) !important; margin-left: 8px; width: 100%; outline: none !important; font-size: 0.9rem; display: block; padding: 0 !important; height: auto !important; min-height: 0 !important; } .search-box input:-webkit-autofill, .search-box input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px transparent inset !important; -webkit-text-fill-color: var(--aigle-menu-text, #fff) !important; transition: background-color 9999s ease-out; } #sidebar:not(.expand) .search-box { justify-content: center; background-color: transparent; cursor: pointer; } #sidebar:not(.expand) .search-box:hover { background-color: rgba(255, 255, 255, .12); } #sidebar:not(.expand) .search-input { display: none; } #sidebar:not(.expand) .search-icon { margin: 0; } .search-input::placeholder { color: var(--aigle-menu-text, #fff); opacity: .75; } #sidebar .sidebar-item.menu-search-hidden { display: none !important; } .yms-card-form { border: 2px solid #8a9299; border-radius: 8px; } .yms-fieldset-wrapper { border: 1px solid #8a929994; padding: 1rem; border-radius: 8px; margin-top: 0.75rem; } .yms-form-label { font-weight: 500; } .yms-form-control { border-radius: 6px; height: 38px; } .yms-btn-cancelar { background-color: #dc3545; color: #fff; border-radius: 6px; } .yms-btn-cadastrar { background-color: #28a745; color: #fff; border-radius: 6px; } .yms-form-title i { color: #f4a300; font-size: 20px; margin-right: 6px; } .yms-btn-cancelar:hover { background-color: #bb2d3b; color: #fff; } .yms-btn-cadastrar:hover { background-color: #218838; color: #fff; } .yms-btn-home-default { background-color:#4570b4; color:white; border-color:#4570b4; } .yms-btn-home-default:hover { background-color: #34649c; color:white; border-color:#4570b4; } .card-custo { border: 1px solid #dce7f3; border-radius: 10px; } .yms-menu-section { margin-bottom: 2rem; } .yms-menu-title { font-weight: 600; font-size: 1.2rem; margin-bottom: 1rem; } .yms-menu-item { background-color: #4570b4; color: white; border-radius: 8px; padding: 1rem; text-align: center; transition: 0.3s; cursor: pointer; } .yms-menu-item:hover { background-color: #34495e; } .yms-menu-item i { font-size: 24px; display: block; margin-bottom: 0.5rem; } .yma-botao-cancelar { background-color: #d9534f; color: white; border: none; padding: 10px 30px; border-radius: 6px; } .yma-botao-cancelar:hover { background-color: #c9302c; } .yma-botao-cadastrar { background-color: #5cb85c; color: white; border: none; padding: 10px 30px; border-radius: 6px; } .yma-botao-cadastrar:hover { background-color: #449d44; } .yma-botao-deletar { background-color: #d9534f; color: white; border: none; padding: 10px 30px; border-radius: 6px; } .yma-botao-deletar:hover { background-color: #c9302c; } .yma-botao-editar { background-color: #4177b5; color: white; border: none; padding: 10px 30px; border-radius: 6px; } .yma-botao-editar:hover { background-color: #34649c; } .btn-max-w { max-width: 200px; } .yms-switch { position: relative; display: inline-block; width: 70px; height: 36px; } .yms-switch input { opacity: 0; width: 0; height: 0; } .yms-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #4CAF50; transition: .4s; border-radius: 34px; padding: 0; } .yms-slider:before { position: absolute; content: "ON"; color: white; font-size: 14px; left: 14px; top: 50%; transform: translateY(-50%); transition: .4s; } .yms-switch input:checked + .yms-slider { background-color: #4CAF50; } .yms-switch input:checked + .yms-slider:before { content: "ON"; } .yms-switch input:not(:checked) + .yms-slider { background-color: #ccc; } .yms-switch input:not(:checked) + .yms-slider:before { content: "OFF"; left: 14px; } .yms-slider:after { position: absolute; content: ""; height: 24px; width: 24px; right: 6px; top: 6px; background-color: white; border-radius: 50%; transition: .4s; } .yms-switch input:checked + .yms-slider:after { transform: translateX(0); } .yms-switch input:not(:checked) + .yms-slider:after { transform: translateX(-34px); } @media (max-width: 576px) { .yms-switch { width: 60px; height: 32px; } .yms-slider:before { font-size: 12px; left: 10px; } .yms-switch input:not(:checked) + .yms-slider:after { transform: translateX(-30px); } .yms-slider:after { height: 20px; width: 20px; top: 6px; right: 6px; } .yms-pagination .page-item.active .page-link { background-color: #f58634; border-color: #f58634; color: white; font-weight: bold; } .yms-pagination .page-link { color: #f58634; border: 1px solid #dee2e6; } .yms-pagination .page-link:hover { background-color: #ffe2cc; color: #f58634; } ul.yms-pagination .page-item.active .page-link { background-color: #ffc107; border-color: #ffc107; color: white; font-weight: bold; } ul.yms-pagination .page-link { color: #ffc107; border: 1px solid #dee2e6; transition: background-color 0.2s ease, color 0.2s ease; } ul.yms-pagination .page-link:hover { background-color: #ffeb99; color: #000; } .sidebar-link, .sidebar-link:visited, .sidebar-link:hover, .sidebar-link:active { text-decoration: none !important; color: white !important; } .yms-menu-item a { text-decoration: none !important; color: white !important; } a.sidebar-link, a.sidebar-link span, .sidebar-link.abc, .sidebar-link.abc span { text-decoration: none !important; color: white !important; } a, a:visited, a:hover, a:active { text-decoration: none !important; } .div-com-bordas-arredondadas-superior { border-top-left-radius: 15px; border-top-right-radius: 15px; } .dia-badge { display: inline-block; padding: 8px 16px; font-size: 14px; font-weight: 500; border-radius: 20px; margin: 2px; min-width: 80px; text-align: center; } .dia-ativo { background-color: #4cd964; color: white; } .dia-inativo { background-color: #a49e9e; color: white; } } .yms-table-responsive { overflow-x: auto; position: relative; } .yms-table { table-layout: auto; width: 100%; white-space: nowrap; } td.position-relative { position: relative; } .yms-table-responsive { overflow-x: visible !important; position: relative; } .yms-table { table-layout: auto; width: 100%; white-space: nowrap; } .yms-grid-default { background-color: #4570b4 !important; color: white !important; } .yms-dropdown-menu { z-index: 9999 !important; display: none; position: absolute; top: 100%; left: 0; } .dropdown-toggle.show + .yms-dropdown-menu, .yms-dropdown-menu.show { display: block !important; } .yms-menu-toggle-center { background: none; border: none; font-size: 2rem; color: white; } .yms-mobile-header-center { background-color: #497BC4; padding: 10px; } .yms-mobile-menu-center { display: none; background-color: #f8f9fa; padding: 10px; animation: fadeSlide-center 0.3s ease-in-out; } @keyframes fadeSlide-center { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .yms-menu-item-center { background: #497BC4; color: white; padding: 10px; border-radius: 6px; text-align: center; } .yms-menu-item-center i { display: block; margin-bottom: 5px; font-size: 20px; } .yms-menu-title-center { color: #497BC4; font-weight: bold; margin: 15px 0 10px; } @media (min-width: 576px) { .yms-mobile-header-center, .yms-mobile-menu-center { display: none !important; } } .page-item:first-child .page-link { border-top-left-radius: var(--bs-pagination-border-radius); border-bottom-left-radius: var(--bs-pagination-border-radius); } .active>.page-link, .page-link.active { z-index: 3; color: var(--bs-pagination-active-color); background-color: #ffc107; border-color: #ffc107; } .page-link { position: relative; display: block; padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); font-size: var(--bs-pagination-font-size); color: #ffc107; text-decoration: none; background-color: var(--bs-pagination-bg); border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .page-link:hover { z-index: 2; color: black; } /* Formulário de créditos do cliente */ .credito-form-novo .form-label { margin-bottom: 0.35rem; font-weight: 600; font-size: 0.875rem; } .credito-form-novo .form-text { margin-top: 0.35rem; font-size: 0.8rem; } .credito-form-novo .credito-secao + .credito-secao { padding-top: 0.25rem; border-top: 1px solid var(--bs-border-color); } .credito-form-novo .credito-secao-titulo { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--bs-secondary-color); margin-bottom: 0.75rem; } .credito-form-novo .competencia-grupo > [class*="col-"] { min-width: 0; } .credito-form-novo select.form-select, .credito-form-novo input.form-control, .credito-form-novo textarea.form-control { max-width: 100%; } .credito-mov-collapse-cell { background: var(--bs-tertiary-bg); padding: 0.75rem 1rem !important; }