:root { --primary-color: #0047bb; --menu-color: #000000; --title-color: #000000; --icon-color: #000000; } .card-primary, .bg-primary, .text-bg-primary { --lte-card-variant-bg: var(--primary-color); --lte-card-variant-bg-rgb: 13, 110, 253; --lte-card-variant-color: #fff; --lte-card-variant-color-rgb: 255, 255, 255; } .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: var(--primary-color); --bs-btn-border-color: var(--primary-color); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: rgb(0, 71, 187, 0.9); --bs-btn-hover-border-color: rgb(0, 71, 187, 202.4); --bs-btn-focus-shadow-rgb: 49, 132, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: rgb(0, 71, 187, 202.4); --bs-btn-active-border-color: rgb(9.75, 82.5, 189.75); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--primary-color); --bs-btn-disabled-border-color: var(--primary-color); } .pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; --bs-pagination-font-size: 1rem; --bs-pagination-color: #000; --bs-pagination-bg: var(--bs-body-bg); --bs-pagination-border-width: var(--bs-border-width); --bs-pagination-border-color: var(--bs-border-color); --bs-pagination-border-radius: var(--bs-border-radius); --bs-pagination-hover-color: #000; --bs-pagination-hover-bg: var(--bs-tertiary-bg); --bs-pagination-hover-border-color: var(--bs-border-color); --bs-pagination-focus-color: #fff; --bs-pagination-focus-bg: var(--bs-secondary-bg); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25); --bs-pagination-active-color: #fff; --bs-pagination-active-bg: var(--primary-color); --bs-pagination-active-border-color: var(--primary-color); --bs-pagination-disabled-color: var(--bs-secondary-color); --bs-pagination-disabled-bg: var(--bs-secondary-bg); --bs-pagination-disabled-border-color: var(--bs-border-color); list-style: none; } /* Tema personalizado "sistema" */ [data-bs-theme="sistema"] { --bs-blue: #000000; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 0, 71, 187; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text-emphasis: rgb(5.2, 44, 101.2); --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50); --bs-success-text-emphasis: rgb(10, 54, 33.6); --bs-info-text-emphasis: rgb(5.2, 80.8, 96); --bs-warning-text-emphasis: rgb(102, 77.2, 2.8); --bs-danger-text-emphasis: rgb(88, 21.2, 27.6); --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: rgb(206.6, 226, 254.6); --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229); --bs-success-bg-subtle: rgb(209, 231, 220.8); --bs-info-bg-subtle: rgb(206.6, 244.4, 252); --bs-warning-bg-subtle: rgb(255, 242.6, 205.4); --bs-danger-bg-subtle: rgb(248, 214.6, 217.8); --bs-light-bg-subtle: rgb(251.5, 252, 252.5); --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: rgb(158.2, 197, 254.2); --bs-secondary-border-subtle: rgb(196.2, 199.8, 203); --bs-success-border-subtle: rgb(163, 207, 186.6); --bs-info-border-subtle: rgb(158.2, 233.8, 249); --bs-warning-border-subtle: rgb(255, 230.2, 155.8); --bs-danger-border-subtle: rgb(241, 174.2, 180.6); --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 16px; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #000000; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg: #fff; --bs-body-bg-rgb: 0, 71, 187; --bs-navbar-color: #fff; --bs-nav-link-color: #fff; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 255, 255,255; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: var(--menu-color); --bs-secondary-bg-rgb: 0, 71, 187; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13, 110, 253; --bs-link-decoration: underline; --bs-link-hover-color: rgb(10.4, 88, 202.4); --bs-link-hover-color-rgb: 10, 88, 202; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: rgb(255, 242.6, 205.4); --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(13, 110, 253, 0.25); --bs-form-valid-color: #198754; --bs-form-valid-border-color: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545; --bs-bg-opacity: 2; #saldo-topo .spinner-border{ color:#fff } .app-main{ background: #E1E7EE} .bg-body-secondary{ background: var(--primary-color) !important; } .btn-primary { background: var(--primary-color) !important; border-color: var(--primary-color)} .page-link.disabled, .disabled > .page-link { background-color: #ccc; border-color:#ccc; } } [data-bs-theme="light"] { .bg-body-secondary{ background: var(--primary-color) !important; } } [data-bs-theme="dark"] { .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #000; --bs-btn-border-color: #999; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: rgb(11.05, 93.5, 215.05); --bs-btn-hover-border-color: rgb(10.4, 88, 202.4); --bs-btn-focus-shadow-rgb: 49, 132, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: rgb(10.4, 88, 202.4); --bs-btn-active-border-color: rgb(9.75, 82.5, 189.75); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #000; --bs-btn-disabled-border-color: #000; } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(0,0,0, var(--bs-bg-opacity)) !important; } } .btn { text-transform: uppercase; } .login-box, .register-box { width: 100%; max-width: 400px; } .required label::after { content: " *"; color: red; font-size: 18px; } .toggle-password { cursor: pointer; } #saldo-topo .spinner-border{ color: var(--bs-secondary-color) } @media (max-width: 1280px) { body .app-content{ font-size: 14px !important} } .page-link { margin-right: 5px;} .modal { backdrop-filter: blur(2px); } .modal-backdrop.show { opacity: .5 !important; } /* h1, h2, h3, h4, h5 { color: var(--title-color) !important; } h3#titlePage { color: var(--title-color) !important; }*/ i[class^='fa'] { color: var(--icon-color) !important; } .sidebar-brand { border-bottom: none; } .app-main .card-icon { text-align: center; font-size: 85px; color: rgba(252, 1, 1, 0.5); } /* Tema claro */ .sidebar-light { background-color: #999; /* cinza claro */ color: #212529 !important; } /* Tema escuro */ .sidebar-dark { background-color: #343A40; /* quase preto */ color: #f1f1f1; } /* Tema azul */ .sidebar-blue { background-color: #0047bb; /* azul escuro */ color: #e0e1dd; } .sidebar-brand .brand-link .brand-image { max-height: 43px; } .sidebar-collapse .sidebar-brand .brand-link .brand-image { max-height: 43px; width: 100%; } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { animation: spinner-border .75s linear infinite !important; } /* Ajuste para aceitar logomarcas maiores sem cortar */ .brand-link { display: flex; align-items: center; justify-content: center; padding-top: 1rem; padding-bottom: 1rem; } .brand-image.custom-brand-image { height: auto; /* Permite altura maior sem distorcer */ max-height: 100px; /* Pode ajustar conforme necessário */ width: auto; object-fit: contain; } .badge a{ font-style: normal;} .avatar-header { border-radius: 50%; background: #0047bb; /* cor de fundo (azul bootstrap) */ color: #fff; font-weight: 600; align-items: center; justify-content: center; text-transform: uppercase; box-shadow: 0 2px 6px rgba(0,0,0,0.2); } .avatar-initials { width: 80px; height: 80px; font-size: 32px; display: flex; margin: 0 auto; /* centraliza */ } .avatar-initials-mini { width: 30px; height: 30px; font-size: 15px; display: inline-flex; /* mantém na mesma linha */ } @media (max-width: 1000px) { .modal-dialog { max-width: 98%; } } #resultModal .modal-dialog.modal-xl { margin-top: 75px; } @media (max-width: 1000px) { div.modal-header-float{ align-items: center; justify-content: center; } } .form-control:disabled,.form-select:disabled { background-color: #eee} .titleSystem{ background: var(--primary-color); color:#fff; border-radius: 5px; padding: 5px 8px; margin-bottom:0}