:root { --main-color: #015655; --medium-grey: #bfbfbf; --light-grey: #bfbfbf54; --dark-grey: #929292; --red-bg: #ff8f8f33; --green-bg: #00800021; --rz-menu-top-item-background-color: var(--main-color); --rz-menu-top-item-padding-block: 1rem; --rz-primary: var(--main-color); --rz-secondary-dark: var(--main-color); --rz-secondary: white; --rz-secondary-light: var(--light-grey); --rz-menu-background-color: var(--main-color); --rz-menu-top-item-color: white; --rz-menu-item-color: white; --rz-radio-circle-background-color: var(--main-color); --rz-radio-circle-hover-background-color: var(--medium-grey); --rz-radio-label-margin-inline: 0.5rem 1rem; --rz-menu-top-item-icon-color: white; --rz-icon-optical-size: 24; --rz-menu-top-item-hover-background-color: var(--light-grey); --rz-dropdown-item-selected-background-color: var(--medium-grey); --rz-dropdown-item-hover-background-color: var(--medium-grey); --rz-dropdown-item-selected-hover-color: var(--medium-grey); --rz-dropdown-item-selected-hover-background-color: var(--light-grey); --rz-switch-checked-background-color: var(--main-color); --rz-pager-numeric-button-selected-background-color: var(--main-color); --rz-pager-numeric-button-selected-color: white; --rz-checkbox-checked-color: var(--main-color); --rz-datepicker-calendar-today-background-color: var(--light-grey); --rz-datepicker-calendar-selected-hover-background-color: var(--main-color); --rz-datepicker-calendar-today-color: black; --rz-dialog-title-font-weight: 500; --rz-fieldset-padding: 0.5rem 1rem; --rz-fieldset-legend-font-size: 1rem; --rz-fieldset-legend-color: var(--main-color); --rz-fieldset-legend-padding-inline: 0.5rem; --rz-scrollbar-size: 12px; --rz-card-padding: 0.5rem; --rz-tabs-tab-selected-color: var(--main-color); --rz-tabs-border: none; --rz-menu-item-icon-margin-inline: 0 0.2rem; --rz-grid-detail-template-padding: 0 0 0 1.5rem; } /* Fora de produção (dev/homolog): topbar em âmbar para não confundir com produção. Ativado pelo atributo data-ambiente="nao-producao" no (definido no index.html a partir do OIDC Authority). Muda SÓ o fundo da topbar; o resto segue com --main-color. */ html[data-ambiente="nao-producao"] { --rz-menu-background-color: #E67E22; --rz-menu-top-item-background-color: #E67E22; } #app { display: flex; flex-direction: column; height: 100vh; } body { margin: 0; color: #212529; overflow: hidden; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } body:not(.rz-default-scrollbars) ::-webkit-scrollbar-thumb { background: var(--main-color); background-clip: padding-box; } main { padding: 1rem; flex-grow: 1; background: #f3f3f3; } .page { padding: 1rem; display: flex; flex-direction: column; height: 90vh; min-height: 0; } hr { border: 1px solid var(--main-color); width: 100%; } h1, h3 { color: var(--main-color); margin-block: 0; } h2 { margin-block: 0; font-size: 1.25rem; font-weight: 500; } h3.disabled { font-weight: 500; } .flex { display: flex; } .space-between { justify-content: space-between; } .space-around { justify-content: space-around; } .justify-content-center { justify-content: center; } .flex-column { display: flex; flex-direction: column; } .h50 { height: 50%; } .h100 { height: 100%; } .w100 { width: 100%; } .flex1 { flex: 1; } .flex2 { flex: 2; } .flex3 { flex: 3; } .flex5 { flex: 5; } .row-reverse { flex-direction: row-reverse; } .btn-add { margin-right: 1rem; padding: 0rem 1rem; width: 4rem; height: 2rem; } .btn-add > span { font-size: 2rem; font-weight: bold; } .padding-1 { padding: 1rem; } .margin-top-0 { margin-top: 0; } .margin-top-1 { margin-top: 1rem; } .margin-top-2 { margin-top: 2rem; } .margin-bottom-0 { margin-bottom: 0; } .margin-bottom-1 { margin-bottom: 1rem; } .margin-bottom-2 { margin-bottom: 2rem; } .margin-left-auto { margin-left: auto; } .margin-block-auto { margin-block: auto; } .margin-inline-auto { margin-inline: auto; } .margin-top-auto { margin-top: auto; } .margin-inline-0 { margin-inline: 0; } .margin-inline-05 { margin-inline: 0.5rem; } .margin-right-05 { margin-right: 0.5rem; } .flex.spaced > *:not(:last-child) { margin-right: 1rem; } .flex.spaced-05 > *:not(:last-child) { margin-right: 0.5rem; } .flex-column.v-spaced > *:not(:last-child) { margin-bottom: 2rem; } .max-height-40 { max-height: 40vh; } .max-height-80 { max-height: 80vh; } .rz-data-grid { flex: 1; overflow: auto; min-height: 0; } .rz-button { max-height: 2rem; } .rz-button-md { font-weight: normal; } .rz-radiobutton-label:hover { cursor: pointer; } .rz-cell-data > div > .rzi, .icon-big, .icon-medium { transition: color 0.3s ease; color: var(--medium-grey); } td .rzi:not(.margem-negativa-esquerda):not(.rz-chkbox-icon) { font-size: 1.5rem; } .icon-medium { font-size: 2rem; } .icon-big { font-size: 2.5rem; } .rzi.margem-negativa-esquerda { margin-left: -50px; margin-bottom: -2px; z-index: 1; } .rz-cell-data > div > .rzi:hover, .icon-big:hover, .icon-medium:hover { cursor: pointer; color: var(--main-color); } ul.rz-menu i { font-variation-settings: "FILL" 1; } .rz-dialog-titlebar-close:hover .rzi-times, .rz-dialog-side-titlebar-close:hover .rzi-times { cursor: pointer; } .rz-switch { margin-block: auto; } .rz-label { font-weight: bold; } .rz-textarea { resize: vertical; } .required:after { content: " *"; color: red; } .disabled { opacity: 0.5; pointer-events: none; } .rz-fieldset-content-wrapper, .rz-fieldset-content { height: 100%; width: 100%; } .overflow-y hr { margin-block: 0 0.25rem; } .total-fieldset { position: absolute; right: 1rem; top: 0; font-weight: bold; color: var(--main-color); background-color: #ffffff; padding-inline: 0.5rem; } .link { color: #0070d7; text-decoration: underline; } .link:hover { cursor: pointer; } .coluna-acoes { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 0.25rem; } .w10rem { width: 10rem; min-width: 10rem; flex: 0 0 10rem; } .w12rem { width: 12rem; min-width: 12rem; flex: 0 0 12rem; } .w20rem { width: 20rem; min-width: 20rem; flex: 0 0 20rem; } .align-items-center { align-items: center; } .text-align-center { text-align: center; } .cor-legenda { width: 2rem; height: 1.5rem; margin-right: 0.5rem; border: 1px solid var(--dark-grey); background-color: white; } .relatorio > .rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(even) > td { background-color: white; } .overflow-y { overflow-x: hidden; overflow-y: auto; } .btn-pendencia { animation: blink 2s infinite ease; } .vermelho-pendencia { color: red; } .main-color { color: var(--main-color); } .subtitulo { font-size: 1.1rem; color: var(--main-color); } .subtitulo hr { margin-top: 0; border: 1px solid var(--main-color); opacity: 0.7; } .help-image { width: 100%; } .relative { position: relative; } .com-borda { border: 1px solid var(--main-color); padding-inline: 0.5rem; border-radius: 0.5rem; font-size: 1.2rem; } .valor-com-borda { padding: 0.5rem; border: 1px solid var(--main-color); font-size: 1.2rem; border-radius: 0.3rem; text-align: center; } .table-borda-tds td { border: 1px solid #dadfe2; padding: 0.3rem 0.5rem; } .rz-tabview-nav > li:not(:last-child) { margin-right: 0.5rem; } .rz-tabview-panels { display: flex; flex-direction: column; flex: 1; min-height: 0; } .rz-tabview-panel { height: 100%; padding: 1.25rem 0 0 0; display: flex; flex-direction: column; min-height: 0; } .rz-tabview-nav { border-bottom: 1px solid #ccc; margin-bottom: 0; background-color: transparent; } .rz-tabview li { background-color: transparent; border: none; position: relative; color: var(--rz-text-color); cursor: pointer; transition: color 0.3s ease; } .rz-tabview-nav-item.rz-selected { color: var(--main-color); } .rz-tabview-selected::after, .rz-tabview li:not(.rz-tabview-selected):hover::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background-color: var(--main-color); } .rz-tabview li:not(.rz-tabview-selected):hover { color: var(--main-color) !important; background-color: transparent; } .rz-tabview-content { padding: 16px 0; } .rz-tabview-top > .rz-tabview-nav .rz-tabview-selected { margin-bottom: 0; } @keyframes blink { 0% { background-color: var(--main-color); } 50% { background-color: #b43434; } }