/* open-sans-300 - latin_latin-ext */ @font-face { font-display: swap; font-family: "Open Sans"; font-style: normal; font-weight: 300; src: url("./../fonts/open-sans-v40-latin_latin-ext-300.woff2") format("woff2"); } /* open-sans-300italic - latin_latin-ext */ @font-face { font-display: swap; font-family: "Open Sans"; font-style: italic; font-weight: 300; src: url("./../fonts/open-sans-v40-latin_latin-ext-300italic.woff2") format("woff2"); } /* open-sans-regular - latin_latin-ext */ @font-face { font-display: swap; font-family: "Open Sans"; font-style: normal; font-weight: 400; src: url("./../fonts/open-sans-v40-latin_latin-ext-regular.woff2") format("woff2"); } /* open-sans-italic - latin_latin-ext */ @font-face { font-display: swap; font-family: "Open Sans"; font-style: italic; font-weight: 400; src: url("./../fonts/open-sans-v40-latin_latin-ext-italic.woff2") format("woff2"); } /* open-sans-500 - latin_latin-ext */ @font-face { font-display: swap; font-family: "Open Sans"; font-style: normal; font-weight: 500; src: url("./../fonts/open-sans-v40-latin_latin-ext-500.woff2") format("woff2"); } /* open-sans-500italic - latin_latin-ext */ @font-face { font-display: swap; font-family: "Open Sans"; font-style: italic; font-weight: 500; src: url("./../fonts/open-sans-v40-latin_latin-ext-500italic.woff2") format("woff2"); } /* open-sans-600 - latin_latin-ext */ @font-face { font-display: swap; font-family: "Open Sans"; font-style: normal; font-weight: 600; src: url("./../fonts/open-sans-v40-latin_latin-ext-600.woff2") format("woff2"); } /* open-sans-600italic - latin_latin-ext */ @font-face { font-display: swap; font-family: "Open Sans"; font-style: italic; font-weight: 600; src: url("./../fonts/open-sans-v40-latin_latin-ext-600italic.woff2") format("woff2"); } /* open-sans-700 - latin_latin-ext */ @font-face { font-display: swap; font-family: "Open Sans"; font-style: normal; font-weight: 700; src: url("./../fonts/open-sans-v40-latin_latin-ext-700.woff2") format("woff2"); } /* open-sans-700italic - latin_latin-ext */ @font-face { font-display: swap; font-family: "Open Sans"; font-style: italic; font-weight: 700; src: url("./../fonts/open-sans-v40-latin_latin-ext-700italic.woff2") format("woff2"); } /* open-sans-800 - latin_latin-ext */ @font-face { font-display: swap; font-family: "Open Sans"; font-style: normal; font-weight: 800; src: url("./../fonts/open-sans-v40-latin_latin-ext-800.woff2") format("woff2"); } /* open-sans-800italic - latin_latin-ext */ @font-face { font-display: swap; font-family: "Open Sans"; font-style: italic; font-weight: 800; src: url("./../fonts/open-sans-v40-latin_latin-ext-800italic.woff2") format("woff2"); } :root { /* body */ --body-font-family: "Open Sans"; --body-font-size: 12px; --body-font-weight: 400; --body-line-height: 1.5; /* colors */ --header: #e2e8f0; --header-color: #2a2a2a; --container-color: #f8fafc; --font-light: #ffffff; --font-dark: #2a2a2a; --background-color: #fefeff; --border-color: #d6d8d6; --border: 1px solid var(--border-color); --grid-header: #e3e3ee; --grid-row: #fefefe; --grid-row-bg: #fcfcfc; --card-header: #e2e8f0; --icon-color: #444444; --color-warning: #fdee00; --color-error: #f08080; --color-error-hover: #f29191; --color-success: #7bc57b; --color-success-hover: #8fce8f; --text-shadow-light: 1px 1px 2px #555555; --text-shadow-dark: 1px 1px 2px #fafafa; --header-1: #ddddeb; --header-2: #e1e1ed; --header-3: #e5e5ef; --header-4: #e8e8f1; --header-5: #ececf4; --header-6: #f0f0f6; --header-7: #f3f3f8; --header-8: #f7f7fa; --header-9: #fbfbfc; --gray-100: #f8f9fa; --gray-200: #e9ecef; --gray-300: #dee2e6; --gray-400: #ced4da; --gray-500: #adb5bd; --gray-600: #6c757d; --gray-700: #495057; --gray-800: #343a40; --gray-900: #212529; --gray-label: #848d94; --card-header-1: #ddddeb; --card-header-2: #e1e1ed; --card-header-3: #e5e5ef; --card-header-4: #e8e8f1; --card-header-5: #ececf4; --card-header-6: #f0f0f6; --card-header-7: #f3f3f8; --card-header-8: #f7f7fa; --card-header-9: #fbfbfc; --primary: #405189; --secondary: #3577f1; --success: #0ab39c; --info: #299cdb; --warning: #f7b84b; --danger: #f06548; --light: #f3f6f9; --dark: #212529; --primary-text-emphasis: #364574; --secondary-text-emphasis: #2d65cd; --success-text-emphasis: #099885; --info-text-emphasis: #2385ba; --warning-text-emphasis: #d29c40; --danger-text-emphasis: #cc563d; --light-text-emphasis: #ced4da; --dark-text-emphasis: #343a40; --primary-bg-subtle: #e2e5ed; --secondary-bg-subtle: #e1ebfd; --success-bg-subtle: #daf4f0; --success-bg-soft: #f3fbfa; --info-bg-subtle: #dff0fa; --info-bg-soft: #f6fbfe; --warning-bg-subtle: #fef4e4; --warning-bg-soft: #fef5e7; --danger-bg-subtle: #fde8e4; --danger-bg-soft: #fef3f1; --light-bg-subtle: #f9fbfc; --dark-bg-subtle: #e9ebec; --primary-border-subtle: #b3b9d0; --secondary-border-subtle: #aec9f9; --success-border-subtle: #9de1d7; --info-border-subtle: #a9d7f1; --warning-border-subtle: #fce3b7; --danger-border-subtle: #f9c1b6; --light-border-subtle: #eff2f7; --dark-border-subtle: #adb5bd; /* border */ --border-color: #d6d8d6; --border: 1px solid var(--border-color); --border-2: 2px solid var(--border-color); --border-grid: 1px solid #efefef; /* button */ --btn-bg: var(--primary); --btn-color: #ffffff; --btn-font-size: 12px; --btn-font-weight: 500; --btn-line-height: 1.5; --btn-font-family: var(--body-font-family); --btn-padding-y: 4px; --btn-padding-x: 8px; --btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --btn-min-width: 48px; /* border */ --btn-border-width: 1px; --btn-border-color: #405189; --btn-border-radius: 3.2px; /* hover */ --btn-hover-border-color: #33416e; --btn-hover-bg: #364574; --btn-hover-color: #ffffff; /* active */ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-active-bg: #364574; --btn-active-border-color: #364574; /* disabled */ --btn-disabled-color: #ffffff; --btn-disabled-bg: #405189; --btn-disabled-border-color: #405189; } *, *::before, *::after { box-sizing: border-box; } body { margin: 0; padding: 0; margin: 0; clear: both; background-color: var(--background-color); font-family: var(--body-font-family); font-size: var(--body-font-size); font-weight: var(--body-font-weight); line-height: var(--body-line-height); color: var(--font-dark); text-align: var(--bs-body-text-align); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a, a:visited { text-decoration: none; } a:-webkit-any-link { color: unset; } a:-webkit-any-link > i{ pointer-events: none; } dl { margin: 0px; } dl dd { margin: 0px; } dl dt { margin-top: 5px; } button { cursor: pointer; outline: -webkit-focus-ring-color none 0px !important; } button:focus { outline: -webkit-focus-ring-color none 0px !important; } select { height: 24px !important; } select option { text-transform: none; font-size: 12px; font-weight: normal; display: block; white-space: pre; min-height: 1.2em; padding: 0px 2px 1px; background-color: #ffffff; } div:disabled, div.disabled{ pointer-events: none; opacity: 0.64; } fieldset legend { letter-spacing: 0.25px !important; color: #555555 !important; font-weight: 600; font-size: 11px !important; padding: 0px !important; text-transform: uppercase !important; height: 0px; margin-bottom: 24px; margin-top: 4px; margin-left: 4px; } fieldset legend:first-of-type { position: relative; top: 4px; } fieldset p { letter-spacing: 0.25px !important; color: #555555 !important; font-weight: 600; font-size: 11px !important; padding: 4px !important; margin: 0px !important; text-transform: uppercase !important; } fieldset p label { letter-spacing: 0.25px !important; color: #555555 !important; font-weight: 600 !important; font-size: 11px !important; padding: 4px !important; margin: 0px !important; text-transform: uppercase !important; } fieldset p label::before { font-weight: 500 !important; } fieldset ul { padding: 2px 8px !important; } /* body */ #bodycontent { margin: 0; clear: both; } #bodycontent.toolbar-buttons { height: calc(100% - 16px); } .index-body { overflow: hidden; border: 0; height: 100vh; } .body-container { display: flex; flex-flow: column; height: 100%; } .frame-body { padding: 4px; background-color: var(--header-9); height: 100%; } *:has(> .q-modal.block:not(.DIVHIDE)) { overflow: hidden !important; } /* frame */ #framePrincipal { width: 100%; flex: 1; } /* alertas e modais */ .q-modal { position: absolute; left: 0; top: 0; width: 100vw; height: 100vh; visibility: visible; z-index: 0; } .q-modal::before { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.15); -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); } .q-modal.block::before { content: ""; } .q-modal .q-modal-content { display: flex; flex-flow: column; position: absolute; visibility: visible; z-index: 0; max-height: 90vh; background-color: rgba(240, 241, 240, 1); background-color: var(--background-color); box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2); border-radius: 4px; } .q-modal-body { display: flex; flex-flow: column; min-height: 100px; min-width: 480px; height: 100%; width: 100%; padding: 8px; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; background-color: rgba(235, 235, 235, 1); background-color: var(--background-color); border-radius: 0 0 3px 3px; } .q-spinner { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; flex: 1; cursor: default; } .q-spinner .fa-spinner { animation: fa-spin 2s infinite cubic-bezier(0.68, -0.55, 0.27, 1.55); width: 16px !important; font-size: 16px !important; height: 16px !important; cursor: default; } .q-spinner .q-spinner-text { font-size: 14px; cursor: default; } .q-modal-header { height: 42px; display: flex; padding: 4px; box-sizing: border-box; background-color: rgba(195, 222, 236, 1); background-color: var(--footer-color); color: rgba(0, 0, 0, 0.74); color: var(--text-footer-color); /* text-shadow: var(--text-footer-shadow); */ border-radius: 3px 3px 0 0; align-items: center; } .q-modal-title { font-size: 16px; font-style: normal; font-weight: 600; cursor: default; letter-spacing: 0.15px; flex: 1; display: flex; align-items: center; line-height: 1; padding-left: 8px; } .q-modal-title.ui-draggable-handle { cursor: move; } .q-modal-close { display: flex; position: relative; align-items: center; justify-content: center; height: 32px; width: 32px; cursor: pointer; color: rgba(0, 0, 0, 0.64) !important; border-radius: 4px; } .q-modal-close:hover { background-color: rgba(255, 255, 255, 0.2); } .q-modal-close i.fas { color: var(--text-footer-color) !important; } .q-alert .q-modal-body { min-width: unset; } .q-alert-body { display: flex; flex-flow: row !important; align-items: start; gap: 8px; } .q-alert-icon { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; } .q-alert-icon i { font-size: 48px !important; width: 42px !important; height: 42px !important; cursor: default !important; color: var(--footer-color) !important; border-radius: 50%; } .q-alert-text { font-size: 14px; color: rgba(0, 0, 0, 0.84); flex: 1; height: 100%; padding: 8px; align-self: center; } .q-alert-buttons { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 8px 0px; } .q-alert-buttons .BUTTONMD { margin: 0; padding: 4px 8px !important; font-size: 12px; color: var(--font-dark); border-radius: 4px; min-width: 80px; border: 1px solid rgb(180, 180, 180); } .q-alert-icon i.alert-error { color: rgb(255, 132, 132) !important; } .q-alert-icon i.alert-exclamation { color: #ecec13 !important; background-color: var(--icon-color); } .q-alert-icon i.alert-confirm { color: rgb(132, 180, 132) !important; } .ALERTCONTENT { background: #fff; border: #a5acb2 1px solid; color: #267ddc; margin: 2%; width: 96%; padding: 5px; } .ALERTCONTENTMD { background-color: rgba(240, 241, 240, 1) !important; background-color: var(--background-color) !important; border: #a5acb2 1px solid; margin: 2%; width: 96%; padding: 5px; } .highlight { background-color: #ef0fff; color: #ffffff; } .ALERTERROR { font-size: 10px; font-weight: bold; background: #ffe0e0; border: 1px solid #ff7a7a; padding: 3px 5px; } .WINDOWCONTENT, .WINDOWHEADER { border: 1px solid #666; /*word-break: break-all;*/ } .DIVALERT .WINDOWCONTENT { word-break: normal; } .WINDOWHEADER, .WINDOWCONTENT { background: #eaeeef; } .WINDOWHEADERMD { background-color: rgba(195, 222, 236, 1); background-color: var(--footer-color); color: rgba(0, 0, 0, 0.74) !important; color: var(--text-footer-color) !important; text-shadow: var(--text-footer-shadow); } .WINDOWHEADERMD i { color: rgba(0, 0, 0, 0.74) !important; color: var(--text-color) !important; text-shadow: var(--text-shadow); } .WINDOWCONTENTBORDERMD { display: block; position: relative; min-height: 100px; height: 100%; max-height: 90vh; width: 100%; padding: 8px; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; background-color: rgba(235, 235, 235, 1); background-color: var(--container-color); } .WINDOWCONTENTBORDERMD .divscroll { height: 250px; overflow: auto; } .WINDOWCONTENTMD { padding: 4px !important; margin: 0px !important; width: 100%; height: 100%; box-sizing: border-box; background-color: rgba(235, 235, 235, 1); background-color: var(--container-color); } .WINDOWCONTENT { border-top: 0; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; } .WINDOWCLOSE { margin-right: 6px; margin-top: -14px; _margin-top: -10px; position: relative; cursor: pointer; } .WINDOWFOOTER, .ALERTFOOTER { background: #eaeeef; padding: 0; } .WINDOWFOOTERMD, .ALERTFOOTERMD { /*background: #D2D2D2;*/ padding: 0; height: 10px; display: none; background-color: rgba(240, 241, 240, 1); background-color: var(--background-color); } .WINDOWFOOTER { height: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; } .WINDOWHEADER { background: url("../images/window/windowheader.gif") repeat-x; border-bottom: 0; cursor: move; padding-top: 5px; padding-bottom: 5px; border-top-right-radius: 7px; border-top-left-radius: 7px; } .WINDOWICON { margin-left: 6px; } .WINDOWSIDE { width: 5px; display: none; } .WINDOWTITLE { font-weight: bold; padding-left: 5px; color: #444; font-size: 9px; } .WINDOWTITLEMD { font-size: 16px; font-style: normal; font-weight: 600; cursor: move; letter-spacing: 0.15px; flex: 1; display: flex; align-items: center; padding-left: 8px; } .btnCloseWindow { display: flex; align-items: center; justify-content: center; width: 26px; cursor: pointer; color: var(--text-color) !important; text-shadow: var(--text-shadow); border-radius: 4px; } .btnCloseWindow:hover { background-color: rgba(255, 255, 255, 0.2); } .btnCloseWindow:hover i.fas { opacity: 0.9; } /** * Basic menu. **/ .basicMenuContainer { position: relative; } .basicMenuCaption { font-size: 12px !important; font-weight: 500 !important; margin: 0px !important; background-color: var(--light) !important; border: var(--border); border-radius: 4px; display: flex; padding: 4px 8px 4px 12px; gap: 12px; letter-spacing: 0.25px; cursor: pointer; width: max-content; } .basicMenuCaption .captionImage { display: none; } .basicMenu { background: var(--grid-row); border: var(--border); list-style: none; position: absolute; z-index: 100; border-radius: 4px; padding: 4px !important; margin: 0; display: flex; flex-direction: column; margin-top: -1px; opacity: 0; top: -3000px; transition: 0.15s opacity ease-in-out; } .basicMenu:before { content: ""; position: absolute; width: calc(100% + 32px); height: calc(100% + 32px); z-index: -1; left: -16px; top: -16px; } .basicMenuContainer > .basicMenu:before { height: calc(100% + 16px); top: 0px; } #contextMenu_container.basicMenuContainer > .basicMenu:before { top: -16px; height: calc(100% + 32px); } .basicMenuCaption:hover ~ ul.basicMenu, ul.basicMenu li:not(.optDisabled):hover > ul.basicMenu, ul.basicMenu:hover, .split-button-drop.trigger-hover:hover ul.basicMenu, .split-button-drop.show ul.basicMenu{ top: unset; opacity: 1; } ul.basicMenu li:not(.optDisabled):hover > ul.basicMenu { top: -4px; position: absolute; left: 100%; } ul.basicMenu li { display: flex; align-items: center; padding: 3px 0px; position: relative; cursor: pointer; border-radius: 4px; } ul.basicMenu li.separator { pointer-events: none; padding: 0; border-top: var(--border); margin: 6px 0px; height: 0px; } ul.basicMenu li:not(.optDisabled):hover { background-color: var(--gray-100) !important; } ul.basicMenu li .optionImg { display: none; } ul.basicMenu li .optionCaption { font-size: 12px !important; line-height: 18px !important; letter-spacing: 0.25px !important; color: var(--font-dark); padding: 0 8px; flex: 1; white-space: nowrap; font-weight: 500; } .basicMenuCaption > * { pointer-events: none; } ul.basicMenu li .optionSubMenu { /* height: 16px; */ /* width: 16px; */ } ul.basicmenu li.optDisabled { cursor: default; } .basicMenuContainer.menu-right ul.basicMenu { right: 0; } .basicMenuContainer.menu-up ul.basicMenu { bottom: 0; } .split-menu ul.basicMenu li .optionCaption { padding: 0 8px; } #contextMenu_container ul.basicMenu { top: 12px; left: -4px; } li.optDisabled .optionCaption { color: #cccccc !important; } /** * Button. **/ .BUTTONMD { font-weight: 500; text-transform: uppercase; color: var(--text-color); text-shadow: var(--text-shadow); border: var(--border); border-radius: 3px; padding: 0px 6px !important; margin-left: 2px; width: unset !important; background-color: rgba(235, 235, 235, 1); background-color: var(--main-color); min-height: 24px; font-size: var(--btn-font-size); } .BUTTONMD:hover { /* background-color: rgba(227, 229, 227, 1); */ background-color: var(--main-color-1) !important; box-shadow: 1px 1px 4px -3px black; } .BUTTONMD:disabled { background: #fafafa !important; cursor: auto; /* border-color: #999999; */ text-shadow: none; } .button-content { display: flex; gap: 4px; margin: 0 2px; align-items: center; justify-content: center; } .button-content .button-append-slot { display: inline-flex; align-items: center; justify-content: center; font-style: italic; } .button-content .button-append-slot:empty { display: none; } .BUTTONMD i { color: var(--text-color) !important; } .BUTTONMD i:before { font-size: 12px !important; } .BUTTONMD .button-text { font-style: normal !important; font-weight: 500 !important; font-size: 10px !important; line-height: 16px !important; letter-spacing: 0.36px !important; text-transform: uppercase !important; text-align: center; } .BUTTONMD:disabled .button-text { color: #999999 !important; } .buttonicon { text-shadow: none; width: 24px !important; } .buttonicon i { color: var(--icon-color) !important; } .button-bs { width: max-content !important; display: inline-block; padding: var(--btn-padding-y) var(--btn-padding-x); font-size: var(--btn-font-size); font-weight: var(--btn-font-weight); line-height: var(--btn-line-height); font-family: var(--btn-font-family); color: var(--btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: var(--btn-border-width) solid var(--btn-border-color); border-radius: var(--btn-border-radius); background-color: var(--btn-bg); min-width: var(--btn-min-width); /* transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; */ } .button-bs.button-lg { --btn-padding-y: 8; --btn-padding-x: 12; --btn-font-size: 14; --btn-border-radius: 4px; } .button-bs .button-text { white-space: nowrap; } .button-bs .button-caption { } .button-bs i { color: var(--btn-color) !important; /* transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; */ /* animation-timing-function: ease-in-out; */ } .min-w-0 { min-width: 0 !important; } .button-bs.min-w-0 { padding: 0; } .button-bs.square { min-width: unset; width: 28px !important; height: 28px; padding: 0; } .button-bs:not(:disabled):hover, .button-bs:not(:disabled):hover i { color: var(--btn-hover-color) !important; background-color: var(--btn-hover-bg) !important; border-color: var(--btn-hover-border-color) !important; } .button-bs .button-content { justify-content: space-around; } .button-bs.buttonicon { min-width: unset; width: 28px !important; height: 28px; padding: 0 !important; } .button-bs.btn-xs { padding: 2px 4px; height: max-content; } .button-bs.buttonicon.btn-xs { width: 24px !important; height: 24px !important; } .button-bs.btn-xs i { font-size: 12px !important; } .button-bs.btn-lg { padding: 8px 12px; } .button-bs.btn-lg .button-content { gap: 8px; } .button-bs.btn-lg .button-text{ font-size: 14px; line-height: 18px; font-weight: 600; } .button-label { position: relative; padding-left: 32px; } .button-label .label-icon { position: absolute !important; width: 26px !important; left: -1; top: -1; bottom: -1; background-color: rgba(255, 255, 255, 0.1); font-size: 13px !important; color: var(--btn-color) !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .button-primary { --btn-bg: var(--primary); --btn-border-color: var(--primary); --btn-hover-bg: var(--primary-text-emphasis); --btn-hover-border-color: var(--primary-text-emphasis); --btn-focus-shadow-rgb: var(--primary-rgb); --btn-active-bg: #364574; --btn-active-border-color: #364574; } .button-theme { --btn-bg: var(--main-color-2); --btn-border-color: var(--main-color-2); --btn-hover-bg: var(--main-color); --btn-hover-border-color: var(--main-color); --btn-focus-shadow-rgb: var(--secondary-rgb); --btn-active-bg: var(--main-color); --btn-active-border-color: var(--main-color); } .button-outline-primary { --btn-color: var(--primary); --btn-bg: transparent; --btn-border-color: var(--primary); --btn-hover-bg: var(--primary); --btn-hover-border-color: var(--primary); --btn-focus-shadow-rgb: var(--primary-rgb); --btn-active-bg: var(--primary); --btn-active-border-color: var(--primary); } .button-soft-primary { --btn-color: var(--primary); --btn-bg: var(--primary-bg-subtle); --btn-border-color: var(--primary); --btn-hover-bg: var(--primary); --btn-hover-border-color: transparent; --btn-focus-shadow-rgb: var(--primary-rgb); --btn-active-bg: var(--primary); --btn-active-border-color: transparent; } .button-ghost-primary { --btn-color: var(--primary); --btn-bg: transparent; --btn-border-color: transparent; --btn-hover-color: var(--primary); --btn-hover-bg: var(--primary-bg-subtle); --btn-hover-border-color: transparent; --btn-focus-shadow-rgb: var(--primary-rgb); --btn-active-color: var(--primary); --btn-active-bg: var(--primary-bg-subtle); --btn-active-border-color: transparent; } .button-secondary { --btn-bg: var(--secondary); --btn-border-color: var(--secondary); --btn-hover-bg: var(--secondary-text-emphasis); --btn-hover-border-color: var(--secondary-text-emphasis); --btn-focus-shadow-rgb: var(--secondary-rgb); --btn-active-bg: var(--secondary-text-emphasis); --btn-active-border-color: var(--secondary-text-emphasis); } .button-outline-secondary { --btn-color: var(--secondary); --btn-bg: transparent; --btn-border-color: var(--secondary); --btn-hover-bg: var(--secondary); --btn-hover-border-color: var(--secondary); --btn-focus-shadow-rgb: var(--secondary-rgb); --btn-active-bg: var(--secondary); --btn-active-border-color: var(--secondary); } .button-soft-secondary { --btn-color: var(--secondary); --btn-bg: var(--secondary-bg-subtle); --btn-border-color: transparent; --btn-hover-bg: var(--secondary); --btn-hover-border-color: transparent; --btn-focus-shadow-rgb: var(--secondary-rgb); --btn-active-bg: var(--secondary); --btn-active-border-color: transparent; } .button-ghost-secondary { --btn-color: var(--secondary); --btn-bg: transparent; --btn-border-color: transparent; --btn-hover-color: var(--secondary); --btn-hover-bg: var(--secondary-bg-subtle); --btn-hover-border-color: transparent; --btn-focus-shadow-rgb: var(--secondary-rgb); --btn-active-color: var(--secondary); --btn-active-bg: var(--secondary-bg-subtle); --btn-active-border-color: transparent; } .button-success { --btn-bg: var(--success); --btn-border-color: var(--success); --btn-hover-bg: var(--success-text-emphasis); --btn-hover-border-color: var(--success-text-emphasis); --btn-focus-shadow-rgb: var(--success-rgb); --btn-active-bg: var(--success-text-emphasis); --btn-active-border-color: var(--success-text-emphasis); } .button-outline-success { --btn-color: var(--success); --btn-bg: transparent; --btn-border-color: var(--success); --btn-hover-bg: var(--success); --btn-hover-border-color: var(--success); --btn-focus-shadow-rgb: var(--success-rgb); --btn-active-bg: var(--success); --btn-active-border-color: var(--success); } .button-soft-success { --btn-color: var(--success); --btn-bg: var(--success-bg-subtle); --btn-border-color: transparent; --btn-hover-bg: var(--success); --btn-hover-border-color: transparent; --btn-focus-shadow-rgb: var(--success-rgb); --btn-active-bg: var(--success); --btn-active-border-color: transparent; } .button-ghost-success { --btn-color: var(--success); --btn-bg: transparent; --btn-border-color: transparent; --btn-hover-color: var(--success); --btn-hover-bg: var(--success-bg-subtle); --btn-hover-border-color: transparent; --btn-focus-shadow-rgb: var(--success-rgb); --btn-active-color: var(--success); --btn-active-bg: var(--success-bg-subtle); --btn-active-border-color: transparent; } .button-info { --btn-bg: var(--info); --btn-border-color: var(--info); --btn-hover-bg: var(--info-text-emphasis); --btn-hover-border-color: var(--info-text-emphasis); --btn-focus-shadow-rgb: var(--info-rgb); --btn-active-bg: var(--info-text-emphasis); --btn-active-border-color: var(--info-text-emphasis); } .button-outline-info { --btn-color: var(--info); --btn-bg: transparent; --btn-border-color: var(--info); --btn-hover-bg: var(--info); --btn-hover-border-color: var(--info); --btn-focus-shadow-rgb: var(--info-rgb); --btn-active-bg: var(--info); --btn-active-border-color: var(--info); } .button-soft-info { --btn-color: var(--info); --btn-bg: var(--info-bg-subtle); --btn-border-color: transparent; --btn-hover-bg: var(--info); --btn-hover-border-color: transparent; --btn-focus-shadow-rgb: var(--info-rgb); --btn-active-bg: var(--info); --btn-active-border-color: transparent; } .button-ghost-info { --btn-color: var(--info); --btn-bg: transparent; --btn-border-color: transparent; --btn-hover-color: var(--info); --btn-hover-bg: var(--info-bg-subtle); --btn-hover-border-color: transparent; --btn-focus-shadow-rgb: var(--info-rgb); --btn-active-color: var(--info); --btn-active-bg: var(--info-bg-subtle); --btn-active-border-color: transparent; } .button-warning { --btn-bg: var(--warning); --btn-border-color: var(--warning); --btn-hover-bg: var(--warning-text-emphasis); --btn-hover-border-color: var(--warning-text-emphasis); --btn-focus-shadow-rgb: var(--warning-rgb); --btn-active-bg: var(--warning-text-emphasis); --btn-active-border-color: var(--warning-text-emphasis); } .button-outline-warning { --btn-color: var(--warning); --btn-bg: transparent; --btn-border-color: var(--warning); --btn-hover-bg: var(--warning); --btn-hover-border-color: var(--warning); --btn-focus-shadow-rgb: var(--warning-rgb); --btn-active-bg: var(--warning); --btn-active-border-color: var(--warning); } .button-soft-warning { --btn-color: var(--warning); --btn-bg: var(--warning-bg-subtle); --btn-border-color: transparent; --btn-hover-bg: var(--warning); --btn-hover-border-color: transparent; --btn-focus-shadow-rgb: var(--warning-rgb); --btn-active-bg: var(--warning); --btn-active-border-color: transparent; } .button-ghost-warning { --btn-color: var(--warning); --btn-bg: transparent; --btn-border-color: transparent; --btn-hover-color: var(--warning); --btn-hover-bg: var(--warning-bg-subtle); --btn-hover-border-color: transparent; --btn-focus-shadow-rgb: var(--warning-rgb); --btn-active-color: var(--warning); --btn-active-bg: var(--warning-bg-subtle); --btn-active-border-color: transparent; } .button-danger { --btn-bg: var(--danger); --btn-border-color: var(--danger); --btn-hover-bg: var(--danger-text-emphasis); --btn-hover-border-color: var(--danger-text-emphasis); --btn-focus-shadow-rgb: var(--danger-rgb); --btn-active-bg: var(--danger-text-emphasis); --btn-active-border-color: var(--danger-text-emphasis); } .button-outline-danger { --btn-color: var(--danger); --btn-bg: transparent; --btn-border-color: var(--danger); --btn-hover-bg: var(--danger); --btn-hover-border-color: var(--danger); --btn-focus-shadow-rgb: var(--danger-rgb); --btn-active-bg: var(--danger); --btn-active-border-color: var(--danger); } .button-soft-danger { --btn-color: var(--danger); --btn-bg: var(--danger-bg-subtle); --btn-border-color: transparent; --btn-hover-bg: var(--danger); --btn-hover-border-color: transparent; --btn-focus-shadow-rgb: var(--danger-rgb); --btn-active-bg: var(--danger); --btn-active-border-color: transparent; } .button-ghost-danger { --btn-color: var(--danger); --btn-bg: transparent; --btn-border-color: transparent; --btn-hover-color: var(--danger); --btn-hover-bg: var(--danger-bg-subtle); --btn-hover-border-color: transparent; --btn-focus-shadow-rgb: var(--danger-rgb); --btn-active-color: var(--danger); --btn-active-bg: var(--danger-bg-subtle); --btn-active-border-color: transparent; } .button-light { --btn-bg: var(--light); --btn-border-color: var(--light); --btn-hover-bg: var(--light-text-emphasis); --btn-hover-border-color: var(--light-text-emphasis); --btn-focus-shadow-rgb: var(--light-rgb); --btn-active-bg: var(--light-text-emphasis); --btn-active-border-color: var(--light-text-emphasis); --btn-color: var(--light); } .button-outline-light { --btn-color: var(--light); --btn-bg: transparent; --btn-border-color: var(--light); --btn-hover-bg: var(--light); --btn-hover-border-color: var(--light); --btn-focus-shadow-rgb: var(--light-rgb); --btn-active-bg: var(--light); --btn-active-border-color: var(--light); } .button-soft-light { --btn-color: var(--light); --btn-bg: var(--light-bg-subtle); --btn-border-color: transparent; --btn-hover-bg: var(--light); --btn-hover-border-color: transparent; --btn-focus-shadow-rgb: var(--light-rgb); --btn-active-bg: var(--light); --btn-active-border-color: transparent; } .button-ghost-light { --btn-color: var(--light); --btn-bg: transparent; --btn-border-color: transparent; --btn-hover-color: var(--light); --btn-hover-bg: var(--light-bg-subtle); --btn-hover-border-color: transparent; --btn-focus-shadow-rgb: var(--light-rgb); --btn-active-color: var(--light); --btn-active-bg: var(--light-bg-subtle); --btn-active-border-color: transparent; } .button-dark { --btn-bg: var(--dark); --btn-border-color: var(--dark); --btn-hover-bg: var(--dark-text-emphasis); --btn-hover-border-color: var(--dark-text-emphasis); --btn-focus-shadow-rgb: var(--dark-rgb); --btn-active-bg: var(--dark-text-emphasis); --btn-active-border-color: var(--dark-text-emphasis); } .button-outline-dark { --btn-color: var(--dark); --btn-bg: transparent; --btn-border-color: var(--dark); --btn-hover-bg: var(--dark); --btn-hover-border-color: var(--dark); --btn-focus-shadow-rgb: var(--dark-rgb); --btn-active-bg: var(--dark); --btn-active-border-color: var(--dark); } .button-soft-dark { --btn-color: var(--dark); --btn-bg: var(--dark-bg-subtle); --btn-border-color: transparent; --btn-hover-bg: var(--dark); --btn-hover-border-color: transparent; --btn-focus-shadow-rgb: var(--dark-rgb); --btn-active-bg: var(--dark); --btn-active-border-color: transparent; } .button-ghost-dark { --btn-color: var(--dark); --btn-bg: transparent; --btn-border-color: transparent; --btn-hover-color: var(--dark); --btn-hover-bg: var(--dark-bg-subtle); --btn-hover-border-color: transparent; --btn-focus-shadow-rgb: var(--dark-rgb); --btn-active-color: var(--dark); --btn-active-bg: var(--dark-bg-subtle); --btn-active-border-color: transparent; } .BUTTON:not(.calendar):not(.button), .BUTTONORDER { border: 1px solid #bbb; border-right: 1px solid #777; border-bottom: 1px solid #555; background-position: 0 18px; border-radius: 3px; background-repeat: repeat-x; } .BUTTONORDER, .BUTTONORDEROVER { text-align: center; font-size: 10px; font-weight: bold; padding: 2px !important; word-break: keep-all; vertical-align: middle !important; width: 24px !important; height: 24px !important; border: 1px solid rgba(0, 0, 0, 0.38) !important; border-radius: 3px !important; background-color: rgba(235, 235, 235, 1); background-color: var(--container-color); margin: 0px 2px 0px 0px !important; } #multipleSelectGrid .BUTTONORDER, #multipleSelectGrid .BUTTONORDEROVER { margin: 1px -2px; } a.gridLink:hover { text-decoration: underline; } /* helpers */ .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .BOLD { font-weight: 600 !important; } #copyright { font-weight: bold; text-align: center; } .CLEAR { clear: both; } .line-clamp-1 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .line-clamp-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .line-clamp-3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .line-clamp-4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .line-height-12 { line-height: 12px; } .line-height-13 { line-height: 13px; } .line-height-14 { line-height: 14px; } .line-height-15 { line-height: 15px; } .line-height-16 { line-height: 16px; } .line-height-17 { line-height: 17px; } .line-height-18 { line-height: 18px; } .flex { display: flex !important; } .flex-col { display: flex; flex-flow: column !important;; } .flex-row { display: flex; flex-flow: row !important; } .flex-wrap { flex-wrap: wrap !important; } .sticky-top { position: sticky !important; top: 0px; z-index: 1; } .sticky-top-left { position: sticky !important; top: 0px; left: 0px; z-index: 1; } .zindex-0 { z-index: 0 !important; } .zindex-1 { z-index: 1 !important; } .zindex-2 { z-index: 2 !important; } .align-start { align-items: start !important; } .align-center { align-items: center !important; } .align-baseline { align-items: baseline !important; } .align-end { align-items: end !important; } .justify-start { justify-content: start !important; } .justify-center { justify-content: center !important; } .justify-end { justify-content: end !important; } .justify-between { justify-content: space-between !important; } .justify-evenly { justify-content: space-evenly !important; } .justify-around { justify-content: space-around !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-justify { text-align: justify !important; } .text-center { text-align: center !important; } .flex-0 { flex: 0; } .flex-5 { flex: 0.05; } .flex-10 { flex: 0.1; } .flex-15 { flex: 0.15; } .flex-20 { flex: 0.2; } .flex-25 { flex: 0.25; } .flex-30 { flex: 0.3; } .flex-33 { flex: calc(1/3); } .flex-35 { flex: 0.35; } .flex-40 { flex: 0.4; } .flex-45 { flex: 0.45; } .flex-50 { flex: 0.5; } .flex-55 { flex: 0.55; } .flex-60 { flex: 0.6; } .flex-65 { flex: 0.65; } .flex-66 { flex: calc(2/3); } .flex-70 { flex: 0.7; } .flex-75 { flex: 0.75; } .flex-80 { flex: .8; } .flex-85 { flex: 0.85; } .flex-90 { flex: .9; } .flex-95 { flex: 0.95; } .flex-100 { flex: 1; } .h-full { height: 100% !important; } .w-full { width: 100% !important; } .border-transparent { --border-color: transparent !important; } .border-0 { border: none !important; } .border { border: var(--border) !important; } .border-2 { border: var(--border-2) !important; } .border-top-0 { border-top: none !important; } .border-bottom-0 { border-bottom: none !important; } .border-left-0 { border-left: none !important; } .border-right-0 { border-right: none !important; } .border-x-0 { border-left: 0 !important; border-right: 0 !important; } .border-y-0 { border-top: 0 !important; border-bottom: 0 !important; } .border-top { border-top: var(--border) !important; } .border-bottom { border-bottom: var(--border) !important; } .border-y { border-top: var(--border) !important; border-bottom: var(--border) !important; } .border-left { border-left: var(--border) !important; } .border-right { border-right: var(--border) !important; } .border-x { border-left: var(--border) !important; border-right: var(--border) !important; } .border-top-2 { border-top: var(--border-2) !important; } .border-bottom-2 { border-bottom: var(--border-2) !important; } .border-y-2 { border-top: var(--border-2) !important; border-bottom: var(--border-2) !important; } .border-left-2 { border-left: var(--border-2) !important; } .border-right-2 { border-right: var(--border-2) !important; } .border-x-2 { border-left: var(--border-2) !important; border-right: var(--border-2) !important; } .border-black { border-color: var(--font-dark) !important; } .margin-0 { margin: 0px !important; } .margin-1 { margin: 1px !important; } .margin-2 { margin: 2px !important; } .margin-4 { margin: 4px !important; } .margin-8 { margin: 8px !important; } .margin-16 { margin: 16px !important; } .margin-auto { margin: auto !important; } .margin-left-auto { margin-left: auto !important; } .margin-left-0 { margin-left: 0px !important; } .margin-left-1 { margin-left: 1px !important; } .margin-left-2 { margin-left: 2px !important; } .margin-left-4 { margin-left: 4px !important; } .margin-left-8 { margin-left: 8px !important; } .margin-left-16 { margin-left: 16px !important; } .margin-right-auto { margin-right: auto !important; } .margin-right-0 { margin-right: 0px !important; } .margin-right-1 { margin-right: 0px !important; } .margin-right-2 { margin-right: 2px !important; } .margin-right-4 { margin-right: 4px !important; } .margin-right-8 { margin-right: 8px !important; } .margin-right-16 { margin-right: 16px !important; } .margin-top-auto { margin-top: auto !important; } .margin-top-0 { margin-top: 0px !important; } .margin-top-1 { margin-top: 1px !important; } .margin-top-2 { margin-top: 2px !important; } .margin-top-4 { margin-top: 4px !important; } .margin-top-8 { margin-top: 8px !important; } .margin-top-16 { margin-top: 16px !important; } .margin-bottom-auto { margin-bottom: auto !important; } .margin-bottom-0 { margin-bottom: 0px !important; } .margin-bottom-1 { margin-bottom: 1px !important; } .margin-bottom-2 { margin-bottom: 2px !important; } .margin-bottom-4 { margin-bottom: 4px !important; } .margin-bottom-8 { margin-bottom: 8px !important; } .margin-bottom-16 { margin-bottom: 16px !important; } .margin-x-0 { margin-left: 0px !important; margin-right: 0px !important; } .margin-x-1 { margin-left: 1px !important; margin-right: 1px !important; } .margin-x-2 { margin-left: 2px !important; margin-right: 2px !important; } .margin-x-4 { margin-left: 4px !important; margin-right: 4px !important; } .margin-x-8 { margin-left: 8px !important; margin-right: 8px !important; } .margin-x-16 { margin-left: 16px !important; margin-right: 16px !important; } .margin-x-32 { margin-left: 32px !important; margin-right: 32px !important; } .margin-x-auto { margin-left: auto !important; margin-right: auto !important; } .margin-y-1 { margin-top: 1px !important; margin-bottom: 1px !important; } .margin-y-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .margin-y-2 { margin-top: 2px !important; margin-bottom: 2px !important; } .margin-y-4 { margin-top: 4px !important; margin-bottom: 4px !important; } .margin-y-8 { margin-top: 8px !important; margin-bottom: 8px !important; } .margin-y-16 { margin-top: 16px !important; margin-bottom: 16px !important; } .margin-y-32 { margin-top: 32px !important; margin-bottom: 32px !important; } .margin-y-auto { margin-top: auto !important; margin-bottom: auto !important; } .fw-400 { font-weight:400 !important; } .fw-500 { font-weight:500 !important; } .fw-600 { font-weight:600 !important; } .fw-700 { font-weight:700 !important; } .fs-10 { font-size: 10px !important; } .fs-11 { font-size: 11px !important; } .fs-12 { font-size: 12px !important; } .fs-13 { font-size: 13px !important; } .fs-14 { font-size: 14px !important; } .fs-15 { font-size: 15px !important; } .fs-16 { font-size: 16px !important; } .radius-0 { border-radius: 0px !important; } .radius-2 { border-radius: 2px !important; } .radius-3 { border-radius: 3px !important; } .radius-4 { border-radius: 4px !important; } .radius-8 { border-radius: 8px !important; } .radius-top-0 { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; } .radius-top-3 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } .radius-top-4 { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; } .radius-bottom-0 { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .radius-bottom-3 { border-bottom-left-radius: 3px !important; border-bottom-right-radius: 3px !important; } .radius-bottom-4 { border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important; } .radius-bottom-left-0 { border-bottom-left-radius: 0px !important; } .radius-bottom-left-3 { border-bottom-left-radius: 3px !important; } .radius-bottom-left-4 { border-bottom-left-radius: 4px !important; } .radius-bottom-right-0 { border-bottom-right-radius: 0px !important; } .radius-bottom-right-3 { border-bottom-right-radius: 3px !important; } .radius-bottom-right-4 { border-bottom-right-radius: 4px !important; } .radius-left-0 { border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; } .radius-left-3 { border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important; } .radius-right-0 { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .radius-right-3 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } .padding-0 { padding: 0px !important; } .padding-3 { padding: 3px !important; } .padding-2 { padding: 2px !important; } .padding-4 { padding: 4px !important; } .padding-6 { padding: 6px !important; } .padding-8 { padding: 8px !important; } .padding-12 { padding: 12px !important; } .padding-16 { padding: 16px !important; } .padding-20 { padding: 20px !important; } .padding-32 { padding: 32px !important; } .padding-x-0 { padding-left: 0px !important; padding-right: 0px !important; } .padding-x-2 { padding-left: 2px !important; padding-right: 2px !important; } .padding-x-3 { padding-left: 3px !important; padding-right: 3px !important; } .padding-x-4 { padding-left: 4px !important; padding-right: 4px !important; } .padding-x-6 { padding-left: 6px !important; padding-right: 6px !important; } .padding-x-8 { padding-left: 8px !important; padding-right: 8px !important; } .padding-x-12 { padding-left: 12px !important; padding-right: 12px !important; } .padding-x-16 { padding-left: 16px !important; padding-right: 16px !important; } .padding-x-20 { padding-left: 20px !important; padding-right: 20px !important; } .padding-x-24 { padding-left: 24px !important; padding-right: 24px !important; } .padding-x-32 { padding-left: 32px !important; padding-right: 32px !important; } .padding-left-0 { padding-left: 0px !important; } .padding-left-2 { padding-left: 2px !important; } .padding-left-3 { padding-left: 3px !important; } .padding-left-4 { padding-left: 4px !important; } .padding-left-6 { padding-left: 6px !important; } .padding-left-8 { padding-left: 8px !important; } .padding-left-12 { padding-left: 12px !important; } .padding-left-16 { padding-left: 16px !important; } .padding-left-20 { padding-left: 20px !important; } .padding-left-32 { padding-left: 32px !important; } .padding-right-0 { padding-right: 0px !important; } .padding-right-2 { padding-right: 2px !important; } .padding-right-3 { padding-right: 3px !important; } .padding-right-4 { padding-right: 4px !important; } .padding-right-6 { padding-right: 6px !important; } .padding-right-8 { padding-right: 8px !important; } .padding-right-12 { padding-right: 12px !important; } .padding-right-16 { padding-right: 16px !important; } .padding-right-20 { padding-right: 20px !important; } .padding-right-24 { padding-right: 24px !important; } .padding-right-32 { padding-right: 32px !important; } .padding-y-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .padding-y-2 { padding-top: 2px !important; padding-bottom: 2px !important; } .padding-y-3 { padding-top: 3px !important; padding-bottom: 3px !important; } .padding-y-4 { padding-top: 4px !important; padding-bottom: 4px !important; } .padding-y-6 { padding-top: 6px !important; padding-bottom: 6px !important; } .padding-y-8 { padding-top: 8px !important; padding-bottom: 8px !important; } .padding-y-12 { padding-top: 12px !important; padding-bottom: 12px !important; } .padding-y-16 { padding-top: 16px !important; padding-bottom: 16px !important; } .padding-y-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .padding-y-32 { padding-top: 32px !important; padding-bottom: 32px !important; } .padding-top-0 { padding-top: 0px !important; } .padding-top-1 { padding-top: 1px !important; } .padding-top-2 { padding-top: 2px !important; } .padding-top-3 { padding-top: 3px !important; } .padding-top-4 { padding-top: 4px !important; } .padding-top-8 { padding-top: 8px !important; } .padding-top-12 { padding-top: 12px !important; } .padding-top-16 { padding-top: 16px !important; } .padding-top-20 { padding-top: 20px !important; } .padding-top-32 { padding-top: 32px !important; } .padding-bottom-0 { padding-bottom: 0px !important; } .padding-bottom-2 { padding-bottom: 2px !important; } .padding-bottom-3 { padding-bottom: 3px !important; } .padding-bottom-4 { padding-bottom: 4px !important; } .padding-bottom-8 { padding-bottom: 8px !important; } .padding-bottom-12 { padding-bottom: 12px !important; } .padding-bottom-16 { padding-bottom: 16px !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .padding-bottom-32 { padding-bottom: 32px !important; } .gap-0 { gap: 0px !important; } .gap-1 { gap: 1px !important; } .gap-2 { gap: 2px !important; } .gap-4 { gap: 4px !important; } .gap-8 { gap: 8px !important; } .gap-16 { gap: 16px !important; } .font-weight-400 { font-weight: 400 !important; } .font-weight-500 { font-weight: 500 !important; } .font-weight-600 { font-weight: 600 !important; } .font-weight-700 { font-weight: 700 !important; } .font-size-10 { font-size: 10px !important; } .font-size-11 { font-size: 11px !important; } .font-size-12 { font-size: 12px !important; } .font-size-13 { font-size: 13px !important; } .font-size-14 { font-size: 14px !important; } .font-size-15 { font-size: 15px !important; } .font-size-16 { font-size: 16px !important; } .font-size-18 { font-size: 18px !important; } .font-size-20 { font-size: 20px !important; } .empty-hidden:empty { display: none; } .empty-opacity-0:empty { opacity: 0; } .opacity-0 { opacity: 0; } .opacity-10 { opacity: .1; } .opacity-20 { opacity: .2; } .opacity-30 { opacity: .3; } .opacity-40 { opacity: .4; } .opacity-50 { opacity: .5; } .opacity-60 { opacity: .6; } .opacity-70 { opacity: .7; } .opacity-80 { opacity: .8; } .opacity-90 { opacity: .9; } .opacity-100 { opacity: 1; } .hover-opacity-100:hover { opacity: 1; } .bg-danger { background-color: var(--danger-bg-subtle) !important; } .bg-success { background-color: var(--success-bg-subtle) !important; } .bg-error { background-color: var(--danger-bg-subtle) !important; } .bg-info { background-color: var(--info-bg-subtle) !important; } .bg-info-soft { background-color: var(--info-bg-soft); } .bg-warning { background-color: var(--warning-bg-subtle) !important; } .bg-warning-soft { background-color: var(--warning-bg-soft) !important; } .bg-container { background-color: var(--container-color) !important; } .bg-background { background-color: var(--background-color) !important; } .bg-transparent { background-color: transparent !important; } .bg-white { background-color: #ffffff !important; } .bg-black { background-color: #000000 !important; } .bg-header { background-color: var(--header) !important; } .bg-header-1 { background-color: var(--header-1) !important; } .bg-header-2 { background-color: var(--header-2) !important; } .bg-header-3 { background-color: var(--header-3) !important; } .bg-header-4 { background-color: var(--header-4) !important; } .bg-header-5 { background-color: var(--header-5) !important; } .bg-header-6 { background-color: var(--header-6) !important; } .bg-header-7 { background-color: var(--header-7) !important; } .bg-header-8 { background-color: var(--header-8) !important; } .bg-header-9 { background-color: var(--header-9) !important; } .bg-card-header { background-color: var(--card-header) !important; } .text-gray-1{ color: var(--gray-100) !important; } .text-gray-2{ color: var(--gray-200) !important; } .text-gray-3{ color: var(--gray-300) !important; } .text-gray-4{ color: var(--gray-400) !important; } .text-gray-5{ color: var(--gray-500) !important; } .text-gray-6{ color: var(--gray-600) !important; } .text-gray-7{ color: var(--gray-700) !important; } .text-gray-8{ color: var(--gray-800) !important; } .text-gray-9{ color: var(--gray-900) !important; } .striped > *:nth-child(odd) { background-color: var(--grid-row); } .striped > *:nth-child(even) { background-color: var(--grid-row-bg); } .striped > *:nth-child(odd):hover, .striped > *:nth-child(even):hover { background-color: var(--main-color-9); } .striped > .selected { background-color: var(--main-color-7) !important; } .striped .selector { opacity: 0; transition: .2s all ease-in-out; } .striped > div:hover .selector { opacity: .25; } .striped > div.selected .selector { opacity: .75; } .DIVAUXILIAR { background: #f6f6f6; border: 2px outset; display: block; height: 450px; margin: 10px; position: absolute; visibility: visible; width: 535px; z-index: 0; } .DIVAUXWINDOW { display: flex; flex-flow: column; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); visibility: visible; z-index: 0; background-color: rgba(240, 241, 240, 1); background-color: var(--background-color); box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2); } .DIVDESABILITATELA { background: rgba(0, 0, 0, 0.1); display: block; position: absolute; height: 120% !important; width: 100% !important; left: 0px !important; top: 0px; visibility: visible; z-index: 0; } .DIVHIDE { display: none !important; visibility: hidden; } .divScroll { /* height: 250px; */ overflow: auto; /* padding-left: 2px; */ } .divScroll1 { height: 250px; overflow: auto; /* padding-left: 2px; */ } .divScroll1 .DIVCONTEUDOTOPO { margin: 0px; border: 0px; padding: 0px; } .DIVSCROLLX { overflow-x: auto; } .DIVSCROLLY { overflow-y: auto; } .divScrollImg { bottom: 0; left: 0; top: 0; right: 0; margin: 0; overflow: scroll; position: relative; } .DIVSHOW { display: ''; visibility: visible; } .HMIDDLE { text-align: center; } .LEFT { float: left; } .PADDINGBOTTOM { padding-bottom: 5px; } .PADDINGLEFT, .PADDINGLEFTTOP { padding-left: 5px; } .PADDINGRIGHT { padding-right: 5px; } .PADDINGTOP { padding-top: 5px; } .POINTER, .POINTER label { cursor: pointer !important; } .pointer-none { pointer-events: none; } .cursor-default { cursor: default !important; } .MARGINBOTTOM { margin-bottom: 20px; } .RIGHT { float: right; } .VMIDDLE { vertical-align: middle; } .LIGHTTITLE { font-weight: bold; color: rgba(0, 0, 0, 0.54); } .LIGHTTEXT { font-style: italic; color: rgba(0, 0, 0, 0.54); } .LISTTITLE { font-weight: bold; color: #444; font-size: 10px; } /** * Fieldset. **/ .FIELDSET { border: 0px !important; margin: 0px !important; padding: 8px !important; /* box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.14), 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 0px 1px rgba(0, 0, 0, 0.2); */ /* background: rgba(235, 235, 235, 1); */ background: var(--container-color); } /** * Font. **/ .fontInstruction { color: #f00; font-size: 10px; font-style: italic; } /** * Form. **/ .formTitle { background: #eef4ff; border-top: 3px solid #0099ff; color: #6d717a; font-size: 9pt; font-weight: bold; margin-bottom: 5px; margin-top: 5px; } /* Grid */ .COLORDESC { color: #555555; font-size: 12px; } .GRIDCOLORVALUE { position: relative; width: 16px; height: 16px; } .GRIDCOLORVALUECOLOR { position: absolute; top: 3px; left: 3px; width: 10px; height: 10px; _height: 9px; } .GRIDCOLORVALUEIMG { position: absolute; top: 0; left: 0; } .GRIDHEADER-WRAPPER { background: var(--card-header); height: 28px; /* position: sticky; top: 0; z-index: 1; */ } .GRIDHEADER, .HEADER { font-size: 13px; text-align: center; /* border-right: var(--border); */ font-weight: 600; /* text-transform: uppercase; */ /* letter-spacing: 0.25px; */ height: 28px; min-width: 28px; /* border-top: var(--border); */ } .GRIDHEADER img { margin-left: 6px; margin-top: -4px; } .GRIDICON { /* margin-left: 1px; margin-right: 1px; */ } .gridLabel { color: rgb(0 0 0 / 0.75); font-size: 12px; /* font-style: italic; */ } .GRIDTOOLBAR { margin: 0px; float: left; clear: both; line-height: 22px; } .GRIDTOOLBAR .button { white-space: nowrap; } /** * Grid text. **/ #divArrow { background: url("../images/general/min_horizontal.gif") repeat-y center center; cursor: pointer; height: 422px; margin-top: 60px; } #divBar { float: left; width: 14px; height: 560px; background: #eee; border: 1px solid #aaa; } #divBcPath { border: none; height: 13px; _height: 26px; font-size: 10px; padding: 1px; margin-bottom: 20px; _margin-bottom: 10px; } #divSubPastas { white-space: nowrap; } #divSupListagem { height: 487px; } .FIELDSETCLEAN, .FIELDSETCLEANTREE { background: #f9f9f9; border: #a5acb2 1px solid; color: #267ddc; margin: 5px; padding: 5px; } .FIELDSETCLEANTREE { background: #fff; } .GRIDTEXTPAGE { float: left; margin-left: 1px; margin-right: 5px; } #hiddeColumn { width: 280px; float: left; } .LINEPARTONE a { padding: 0px 0px 5px 4px; text-decoration: none !important; color: #555555 !important; font-weight: 600; } .LINEPARTTWO a { padding: 0px 0px 5px 4px; text-decoration: none !important; color: #555555 !important; } .LINEICONS { padding: 0px 0px 5px 10px; } /** * Image combo. **/ .IMAGECOMBO { float: left; margin-top: 1px; cursor: pointer; outline: -webkit-focus-ring-color none 0px !important; background-color: rgb(255 255 255 / 20%); border: 1px solid rgba(0, 0, 0, 0.38); color: #444; font-style: normal; font-weight: normal; font-size: 12px; line-height: 20px; border-radius: 4px; letter-spacing: 0.15px; margin: 2px 2px 0px 2px; height: 24px; } .IMAGECOMBOARROW { width: 15px; text-align: center; } .IMAGECOMBOIMAGE { padding: 1px 3px; } .IMAGECOMBOVALUE { padding-left: 5px; } /** * Input. **/ .popover { z-index: 10000 !important; } .INPUT { outline: -webkit-focus-ring-color none 0px !important; background-color: #ffffff; border: 1px solid #dee2e6; color: #212529; font-style: normal; font-weight: normal; font-size: 12px; border-radius: 4px; letter-spacing: 0.15px; min-height: 24px; box-sizing: border-box; margin: 2px; padding: 2px 8px; } .INPUT.HEADER_SEARCH { border: 1px solid var(--text-color); box-sizing: border-box; height: 32px; padding: 9px 0 9px 13px; } .INPUT.HEADER_SEARCH_SELECT { border: 1px solid var(--text-color); box-sizing: border-box; height: 32px !important; padding: 6px 0 6px 13px; } .md-icon16Search { font-size: 16px !important; align-items: center !important; text-align: center !important; letter-spacing: 1.5px !important; color: rgba(0, 0, 0, 0.38) !important; } .md-icon16 { font-size: 16px !important; align-items: center !important; text-align: center !important; letter-spacing: 1.5px !important; color: rgba(0, 0, 0, 0.74); vertical-align: middle !important; } .md-icon24 { font-size: 24px !important; align-items: center !important; text-align: center !important; letter-spacing: 1.5px !important; color: rgba(0, 0, 0, 0.74) !important; } .BTNMD { width: 48px !important; height: 48px !important; border: 0 !important; background-color: transparent !important; background: none !important; margin: 0px !important; } .BTNMD36 { width: 36px !important; height: 36px !important; border: 0 !important; background-color: transparent !important; background: none !important; margin: 0px !important; } .BTNMD24 { width: 24px !important; height: 24px !important; border: 1px solid rgba(0, 0, 0, 0.38) !important; border-radius: 3px !important; background-color: rgba(235, 235, 235, 1); background-color: var(--container-color); margin: 0px 0px 0px 2px !important; padding: 0px; } .BTNMD24:hover { background: rgba(227, 229, 227, 1); background: var(--header-3) !important; } .BTNMD16 { width: 16px !important; height: 16px !important; border: 0 !important; background-color: transparent !important; background: none !important; margin: 0px !important; } /** * Label. **/ .COLORLABEL, .DIVCOLORLABEL, .LIGHTLABEL, .LINKMENU { color: #444; font-size: 12px; } .LIGHTLABEL { /*color: #fff;*/ } .HIGHLIGHTLABEL { font-weight: bold; text-decoration: underline; } .DIVLABEL { /* height: 18px; */ text-align: right; font-style: normal; font-weight: normal; font-size: 12px; /* line-height: 20px; */ letter-spacing: 0.15px; font-feature-settings: "zero" on; color: rgba(0, 0, 0, 0.74); } /** * Login. **/ /** * Menu. **/ #linkPortal, #logout { text-align: center; padding: 5px 5px 5px 0; border-left: 0px; } #logout { margin-bottom: 1px; } .item1 { background: transparent; border: 0; cursor: default; margin: 1px; padding: 0; width: 100%; display: block; } .item2 { background: #ffebcc url("../images/menu/bgmenu.gif") repeat-x; border: solid 1px #f90; cursor: pointer; margin: 0; padding: 0; width: 100%; display: block; } .submenu { background: #fff; border: solid 1px #8a867a; height: auto; } .text1 { color: #444; /*font: normal 9px Arial;*/ padding: 3px 5px 3px 3px; text-indent: 10px; width: 100%; } .text2 { color: #444; font: normal 9px Arial; padding: 3px 5px 3px 3px; text-indent: 10px; width: 100%; } .topsubmenu { } .topitem1 { border: 0; margin: 1px; width: 100%; } .topitem2 { background: #ffebcc url("../images/menu/bgmenu.gif") repeat-x; border: solid 1px #f90; margin: 0; cursor: pointer; width: 100%; } .toptext1 { color: #444; font: bold 9px Arial, sans-serif; padding: 3px; height: 24px; } .toptext2 { color: #444; font: bold 9px Arial, sans-serif; padding: 3px; } /** * Messages and alerts. **/ .loading-content { display: flex; align-items: center; justify-content: center; padding: 4px 8px; background: #fff; border-radius: 4px; border: var(--border); position: fixed; right: 4px; top: 4px; animation: loading-blink .3s; flex-flow: column; } .loading-content.more-content{ width: 280px !important; aspect-ratio: unset !important; /* padding: 8px; */ } .loading-content.more-content .loading-caption{ display: flex !important; } .leaving .loading-content { animation: none; opacity: 0; top: -80; transition: all .3s ease-in-out; } .block .loading-content { left: 50%; top: 50%; transform: translate(-50%, -50%); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); animation-duration: 0.3s; width: max-content; min-width: 120px; aspect-ratio: 3; animation-name: loading-block; padding: 16px; justify-content: space-evenly; gap: 8px; } div:not(.block) .loading-content .la-ball-scale-multiple, .block .loading-caption { display: none; } .loading-info { display: flex; font-size: 14px; font-weight: 500; align-items: center; justify-content: center; position: relative; flex-flow: column; } .loading-info .loading-caption { animation: loading-blink 2s 0s linear infinite; } .loading-info .loading-caption.flex { animation: none; /* white-space: nowrap; */ padding: 0 16px; } #divLoading.block .loading-info { flex-flow: column; gap: 4px; } .BOX { border: 1px solid #f6f6f6; background: #f6f6f6; } .BOXACTIVE { border: 1px solid #435f96; background: #eef3fa; } .OBRIGATORIOGMS { color: #444; font-size: 9px; font-weight: bold; } .BOXOPCAOACTIVE { background: #fee; border: 1px solid #ff8e8e; color: #444; font-size: 9px; padding: 1px; } .ERRO, .MENSAGEM { padding: 0.75rem 1.25rem; border: 1px solid; text-align: center; margin-bottom: 1rem; border-radius: 0.25rem; font-size: 1rem; font-weight: 400; line-height: 1.5; transition: opacity 0.15s linear; margin: 24px 48px; } .ERRO { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .MENSAGEM { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .DIVALERT { display: block; position: absolute; visibility: visible; z-index: 0; } /** * Multicompany. **/ /* #btnCompany, #divCompany { background: #cdcdcd; } #btnMultiCompany, #divMultiCompany { background: #cdcdcd; } #divCompany, #divMultiCompany { padding: 5px; } #btnCompany, #btnMultiCompany { border-radius: 0 0 4px 4px; border: none; } #imgBtnCdCompany, #imgBtnCdMultiCompany { padding-right: 5px; display: none; } #btnMultiCompany .jquery-corner{ display: none; } */ /** * Portal. **/ .marqueeTicker { color: #f90; font-size: 12px; font-weight: bold; margin-top: -5px; _margin-top: -3px; } #divAlertaPortal, #divInterrupcoes { background: #ffebcc url("../images/menu/bgmenu.gif") repeat-x; border: 1px solid #f90; color: #f90; font-size: 9px; font-weight: bold; padding: 2px 3px; margin: 0 10px; } #portalSolicitante #divAlertaPortal { padding: 0; } #divAlertaPortal a { color: #f90; font-weight: bold; text-decoration: none; font-size: 9px; } #divAlertaPortal a:hover { text-decoration: underline; } #divAlertaPortal a:visited { color: #999; text-decoration: underline; } #alertArea { padding-right: 50px; _padding-right: 40px; } /** * Select. **/ .OPTIONDISABLED { font-style: italic; color: #ccc; } /** * Select tree. **/ #selectTreeOptions { text-align: left; margin-bottom: 5px; } /** * Solicitante. **/ #blocoAberturaChamado { width: 92%; _width: 100%; } #divSearchIncident { margin-top: 2px; _width: 100%; } #divAberturaChamado, #divListagemChamado { height: 100%; } #divGridIncident { height: 209px; _height: 189px; } #portalSolicitante { background: #fff; border: 1px solid #ccc; padding: 10px; margin: 0; _width: 100%; border-radius: 10px; } #portalSolicitante #alertArea { padding-right: 0; } #portalSolicitante #logout { } #portalSolicitante #divAlertaPortal, #portalSolicitante #divInterrupcoes { margin: 0; } #portalSolicitante .FIELDSET { background: #edefef url("../images/general/bgsolicitante.gif") repeat-x; border: 1px solid #ccc; } #portalSolicitante .DIVCONTEUDOTOPO { background: transparent; border: 0; margin-bottom: 5px; } #portalSolicitante .TITLETOPO { background: transparent; color: #666; font-size: 11px; font-weight: bold; padding: 0 0 2px; border-bottom: 0 solid #f90; } #portalSolicitante .TITLETOPO a { color: #8cb3d9; text-decoration: underline; } #portalSolicitante .TITLETOPO .INPUT { font-weight: normal; } #solicitanteLeft { border-right: 1px solid #ddd; padding-right: 10px; } #solicitanteLeft, #solicitanteLeft #menu, #imgSolicitante { width: 160px; } #imgSolicitante { height: 80px; overflow: auto; } #solicitanteRight { border-top: 0 solid #f90; padding: 10px 0 0 20px; } .DIVFERRAMENTADESC { width: 100%; height: 50px; overflow-y: auto; } .DIVFERRAMENTASCONTENT { height: 65px; } #divLinksPersonalizados { padding-top: 3px; } .LINKMENU:hover { text-decoration: underline; } .LINKSOLICITANTE { padding: 2px 0 2px 5px; } .LINKSOLICITANTE a { color: #369; font-size: 11px; font-style: italic; font-weight: bold; text-decoration: underline; } .LINKSOLICITANTE a:hover { color: #333; } /** * Table. **/ .BGAGRUPAMENTO { background: #f8f8f8; } .BGCOLORMENUPRINCIPAL { background: #cf0; } .BORDERLISTAGEM { border-width: 2px; width: 100%; } .DIVCONTEUDOTOPO { margin: 0px 0px 20px 0px; border: var(--border); /* border: 1px solid var(--header); */ padding: 4px !important; background: rgba(235, 235, 235, 1); background: var(--container-color); border-spacing: 0px; } .DIVTITLETOPO { border: 0px; clear: both; border: 0px; clear: both; padding: 0px !important; width: 100%; margin: 0px !important; border-spacing: 0px; } .ROW { background: var(--grid-row); height: 24px; /* box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 0px inset, rgba(0, 0, 0, 0.2) 0px 1px 0px,rgba(0,0,0, 0.2) 1px 0px 0px inset, rgba(0, 0, 0, 0.2) 1px 0px 0px; */ } .ROWBG { background: var(--grid-row-bg) !important; } .ROW td { border: none; min-height: 24px; padding: 6px 8px; border-left: var(--border-grid); overflow-wrap: break-word; border-top: var(--border-grid); line-height: 14px; font-weight: 500; } .tableGrid.border-0 .ROW td { border-left: none; } .tableGrid.border-0 tr:first-of-type td { border-top: none; } .ROW td .COLORDESC, .table-wrap .ROW td { word-break: break-all; } .TBCONTENT { clear: both; } .TITLETOPO { background: rgba(214, 216, 214, 1); /* background: var(--header); */ background-color: var(--card-header); color: var(--font-dark); height: 24px; line-height: 24px !important; font-feature-settings: "zero" on; font-size: 13px; padding: 0px 8px; font-weight: 600; letter-spacing: 0.25px; border: var(--border); border-bottom: none; } /** * Tabs. **/ .FUNDOABA { margin: 0px !important; /* padding: 4px !important; */ border: var(--border); /* border: 1px solid var(--header); */ border-spacing: 0px; } .ABANORMAL, .ABAACTIVE { cursor: pointer; padding-left: 8px; padding-right: 8px; height: 28px; text-align: center; /* text-transform: uppercase; */ font-feature-settings: "zero" on; font-weight: 500; font-size: 13px; line-height: 28px; letter-spacing: .15 !important; color: var(--font-dark); white-space: nowrap; position: relative; } .VERTICAL .ABANORMAL, .VERTICAL .ABAACTIVE { text-align: left; display: flex; align-items: center; gap: 4px; box-sizing: border-box; padding: 0 1rem; } .VERTICAL .ABANORMAL:hover { color: rgba(85, 85, 85, 1) !important; background-color: rgba(225, 225, 225, 1); } .ABAACTIVE { text-shadow: 0px 0px 1px #64748b; } .ABANORMAL:not(.ABADISABLED):hover:after, .ABAACTIVE:after{ content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; } .ABANORMAL:not(.ABADISABLED):hover:after { background-color: #a6b0bf; } .ABAACTIVE:after{ background-color: #64748b; } .VERTICAL .ABAACTIVE { box-shadow: inset 3px 0px 0 rgba(79, 94, 102, 1) !important; color: rgba(79, 94, 102, 1) !important; background-color: rgba(225, 225, 225, 1); } .ABADISABLED, .ABADISABLED:hover { cursor: default; color: rgba(85, 85, 85, 0.54) !important; } .elevation6 { /* box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2); */ } .elevation4 { /* box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 1px rgba(0, 0, 0, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.12); */ } .elevation2 { /* box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2); */ } .caption { font-style: normal !important; font-weight: normal !important; font-size: 12px !important; line-height: 16px !important; display: flex !important; align-items: center !important; letter-spacing: 0.4px !important; font-feature-settings: "zero" on !important; color: rgba(0, 0, 0, 0.74) !important; } .tdAbaXml { padding-right: 1px; } .tableGrid { float: left; clear: both; border-spacing: 0px 0px; } .FUNDOABA table { margin: 0px; border-spacing: 0px !important; border-collapse: separate !important; } .tablePanel { float: left; clear: both; } /** * Gráficos. */ .ganttChartContainer { width: 778px; height: 360px; overflow: auto; text-align: center; } .ganttChartLegend { height: 20px; line-height: 20px; } .chartLegendList { list-style: none; margin: 0px; padding: 0px; } .chartLegendList li { float: left; margin-right: 5px; } .chartLegendList li div { border: 1px solid black; width: 20px; height: 20px; } /** * Painel collapse */ .COLLAPSEOPEN2, .COLLAPSECLOSE2 { color: #369; font-size: 11px; font-weight: bold; cursor: pointer; border-bottom: 1px solid #ccc; background: #edefef url("../images/general/bgsolicitante.gif") repeat-x; padding: 5px; margin-top: 5px; } .COLLAPSEOPEN, .COLLAPSECLOSE { font-size: 11px; cursor: pointer; border: 0px solid #ccc; background-color: rgba(227, 229, 227, 1); background-color: var(--header-3); letter-spacing: 0.5px; font-weight: 500; padding: 5px; margin-top: 5px; } .margin-0 > .COLLAPSEOPEN, .margin-0 > .COLLAPSECLOSE, .margin-0 > .COLLAPSED { margin: 0 !important; } .border-x-0 > .COLLAPSEOPEN, .border-x-0 > .COLLAPSECLOSE, .border-x-0 > .COLLAPSED { border: 0 !important; } .border-x-0 > .COLLAPSEOPEN, .border-x-0 > .COLLAPSECLOSE { border-top: var(--border) !important; border-bottom: var(--border) !important; } #divPesquisaDocumento .COLLAPSEOPEN2, #divPesquisaDocumento .COLLAPSECLOSE2 { color: #666; font-size: 12px; font-weight: 700; cursor: pointer; border: 0px solid #ddd; background: transparent; margin-top: 5px; border-radius: 3px; } .COLLAPSEOPEN2 span { background: url("../images/general/arrow_down.gif") no-repeat left center; } .COLLAPSECLOSE2 span { background: url("../images/general/arrow_right.gif") no-repeat left center; } .COLLAPSED2 { font-size: 11px; border-bottom: 0px solid #ccc; border-top: none; padding: 5px; margin-bottom: 3px; } #divPesquisaDocumento .COLLAPSEOPEN, #divPesquisaDocumento .COLLAPSECLOSE { color: #666; font-size: 12px; font-weight: 700; cursor: pointer; border: 1px solid #ddd; background: transparent; padding: 10px; margin-top: 5px; border-radius: 3px; } .COLORLABEL { letter-spacing: 0.25px; } #divDocumento .ROW td .COLORLABEL { font-size: 12px; } #divPesquisaDocumento .COLLAPSED { font-size: 11px; border: none; padding: 5px; margin-bottom: 3px; } .COLLAPSEOPEN, .COLLAPSECLOSE { cursor: pointer; border: 1px solid #ccc; background-color: rgba(227, 229, 227, 1); background-color: var(--card-header); padding: 4px; /* height: 16px; */ font-feature-settings: "zero" on; font-size: 13px; line-height: 16px; /* padding-left: 8px; */ font-weight: 600; color: #555555; letter-spacing: 0.15px; /* text-transform: uppercase; */ margin: 4px 4px 0px 4px; } .COLLAPSECLOSE.DISABLED { cursor: default; } .COLLAPSECLOSE.DISABLED *, .COLLAPSECLOSE.DISABLED i.arrow::before { cursor: default !important; color: #969696; } .COLLAPSEOPEN i.arrow::before { content: "\f0d7"; } .COLLAPSECLOSE i.arrow::before { content: "\f0da"; } .COLLAPSED { border: 1px solid #ccc; border-top: none; padding: 4px; margin: 4px; margin-top: 0; background-color: rgba(235, 235, 235, 1); background-color: var(--container-color); } #dsmensagemlogin .COLLAPSEOPEN, #dsmensagemlogin .COLLAPSECLOSE, #dsmensagemlogin .COLLAPSED { background: transparent; border: transparent; } #dsmensagemlogin .COLLAPSEOPEN, #dsmensagemlogin .COLLAPSECLOSE { color: #aaa; font-size: 11px; } /** * Tooltip */ #tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 0.85; } #tooltip h3, #tooltip div { margin: 0; } .IMGFLAGLOGIN { height: 20px; width: 32px; border: 3px solid #f6f6f6; } .IMGFLAGLOGINSELECTED { height: 20px; width: 32px; border: 3px solid #495f9b; } .TDLINKSERVICE { padding-bottom: 10px; } #divLoginContainer .INPUT { border: none; border-radius: 4px 4px 0px 0px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; letter-spacing: 0.15px; color: rgba(0, 0, 0, 0.74); background-color: #e2e2e2 !important; height: 44px !important; margin: 2px; width: calc(100% - 48px); } #divLoginContainer .INPUT:focus { box-shadow: none; } #divLoginContainer .input-container { } #divLoginContainer .icon { } #divLoginContainer .table-login { padding: 0px 48px 0px 48px; display: table !important; } #divLoginContainer .login-senha { cursor: pointer; } #divLoginContainer #trEsqueciSenha a { font-size: 14px; color: rgba(0, 0, 0, 0.84); text-decoration: none; } #divLoginContainer #trEsqueciSenha a:hover { text-decoration: underline; } #divLoginContainer .login-label { text-transform: uppercase; font-weight: 600; font-size: 14px; color: rgba(0, 0, 0, 0.84); letter-spacing: 0.5; text-align: center; } #divLoginContainer select option { } #divInfo { position: absolute; bottom: 0; padding: 4px; display: grid; width: calc(100% - 8px); } #divInfo span { font-size: 10px; color: rgba(0, 0, 0, 0.64); } #tdRefinamentoBc { width: 30%; } #fieldAssitenteBc { height: 320px; padding-left: 20px; } .TDFILTERASSITENTEBC { text-align: center; } #portalSolicitante #divDocumento { height: 276px; } .WINDOWCONTENTBORDER { background: #ffffff; border: 1px solid #a4a4a5; border-radius: 5px; } .ABABOTTOM { margin-top: -1px; border-left: 1px solid; border-right: 1px solid; border-top: 1px solid; border-color: #9a9a9a; height: 7px; font-size: 1px; border-top-right-radius: 5px; background: #eaeeef; } .RADIUSTOPLEFT { border-top-left-radius: 5px; } .RADIUSTOPRIGHT { border-top-right-radius: 5px; } /** * STYLE para o formulário de requisições */ .COMPONENT { cursor: pointer; white-space: nowrap; padding: 2px; display: block; position: relative; } .TABLE_QFORM { border: 1px dashed #ccc; border-collapse: collapse; } .TABLE_QFORM:not(:has(.TABLE_QFORM:hover)):hover { box-shadow: 0px 0px 0 2px #FC0; } .TABLE_QFORM td:not(:has(*)):not(.DIVCOLORLABEL):not([id]):hover{ background-color: #efe; } div.component:not(:has(div.component:hover)):hover { background-color: var(--warning-border-subtle); } .DIV_QFORM { /* border: 1px solid #ddd; */ background: #fff; min-height: 300px; /* height: 300px; */ height: auto; padding: 2px; } .DROPPABLE { background: #cfffb3; border: 1px solid #9a9a9a; } .IMGLIBRARY { float: left; margin: 5px; width: 150px; height: 150px; } .IMGLIBRARYCONTENT { background: #fff; padding: 5px; border: 1px solid #9a9a9a; } .IMGLABEL { color: #444444; font-size: 9px; } #divPrincipal .BUTTON, #divPrincipal .BUTTONOVER, .TABLE_QFORM .BUTTON, .TABLE_QFORM .BUTTONOVER { margin: 0; } /**************************************/ .marqueeTicker { color: #369; font-size: 12px; font-weight: bold; margin-top: -5px; _margin-top: -3px; } .DIVCONTEUDODESTAQUE { box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2); padding: 4px; margin: 4px; color: rgba(0, 0, 0, 0.74) !important; } /**************************************/ /* QGRID */ .NODESHOW { /* background: url('../../../images/default/general/nodeshow.png') no-repeat right center transparent; */ cursor: pointer; } .NODEHIDE { /* background: url('../../../images/default/general/nodeshide.png') no-repeat right center transparent; */ cursor: pointer; } .FIRSTNODE { /* background: url('../../../images/default/general/firstnode.png') no-repeat right center transparent; */ } .VERTICALNODE { /* background: url('../../../images/default/general/verticalnode.png') repeat-y right center transparent; */ } .LASTNODE { /* background: url('../../../images/default/general/lastnode.png') no-repeat right center transparent; */ /* width:20px; */ } .calendar { border-radius: 10px; } .TITLETOPOGREEN { background: #333 url("../images/general/bgtitlegreen.gif"); } .TITLETOPOORANGE { background: #333 url("../images/general/bgtitleorange.gif"); } .facebook_button { display: inline-block; background: #627aac url("../../../images/default/general/facebook_small.png") left no-repeat; border-top: 1px solid #29447e; border-right: 1px solid #29447e; border-bottom: 1px solid #1a356e; border-left: none; height: 22px; padding-right: 7px; padding-left: 29px; font-weight: bold; font-size: 10px; color: white; text-decoration: none; line-height: 18px; cursor: pointer; } #toast-container { max-width: 30vw; } #toast-container .toast-message { font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.25; } #toast-container > div { padding: 0.75rem 1.25rem; border: 1px solid; text-align: center; border-radius: 0.25rem; font-size: 1rem; font-weight: 400; line-height: 1.5; width: unset !important; margin: 0; } #toast-container > div:hover { -moz-box-shadow: 0 0 12px #999; -webkit-box-shadow: 0 0 12px #999; box-shadow: 0 0 12px #999; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer; } #toast-container > .toast-info, #toast-container > .toast-error, #toast-container > .toast-success, #toast-container > .toast-warning { background-image: none !important; width: 100%; color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .SUBTITLE1 { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; display: flex; align-items: center; letter-spacing: 0.15px; font-feature-settings: "zero" on; color: rgba(0, 0, 0, 0.74); } .OVERLINE { font-style: normal; font-weight: 500; font-size: 10px; line-height: 16px; /* or 160% */ letter-spacing: 1.5px; text-transform: uppercase; font-feature-settings: "zero" on; /* On Primary / Medium Emphasis */ color: rgba(0, 0, 0, 0.74); } .QMenu-item-sup-active, .QMenu-item-sup-initial-active { background: #00e5ff !important; border: 1px solid #00e5ff !important; } .QMenu-item-wrapper { border-top: 1px solid #00e5ff !important; } .QMenu-submenu .QMenu-item-wrapper { border-top: 1px solid #e2e2e2 !important; } .QMenu-submenu .QMenu-item { background: #e2e2e2 !important; } .QMenu-submenu .QMenu-item { background: #e2e2e2 !important; } .QMenu-submenu-arrow-active { background: #c8c8c8 !important; border: 1px solid #c8c8c8 !important; } .QMenu-submenu-arrow-active .QMenu-item-active-arrow { background: #c8c8c8 !important; border: 0px !important; font-style: normal !important; font-weight: normal !important; font-size: 12px !important; line-height: 16px !important; text-transform: none !important; display: flex !important; align-items: center !important; letter-spacing: 0.4px !important; width: 300px !important; color: #000000 !important; } .QMenu-submenu-container { background: #e2e2e2 !important; width: fit-content !important; border: 1px solid #c8c8c8; } .QMenu-item-active { background: #c8c8c8 !important; width: 300px !important; border: 0px !important; font-style: normal !important; font-weight: normal !important; font-size: 12px !important; line-height: 16px !important; text-transform: none !important; display: flex !important; align-items: center !important; letter-spacing: 0.4px !important; color: #000000 !important; } .QMenu-item { width: 300px !important; border: 0px !important; font-style: normal !important; font-weight: normal !important; font-size: 12px !important; line-height: 16px !important; text-transform: none !important; display: flex !important; align-items: center !important; letter-spacing: 0.4px !important; color: #000000 !important; } #qmenu-search-icon { color: rgba(0, 0, 0, 0.74) !important; color: var(--text-color) !important; text-shadow: var(--text-shadow); } #QMenu-Principal { margin-left: 20px !important; } .tmenu i { color: rgba(0, 0, 0, 0.74) !important; color: var(--text-color) !important; text-shadow: var(--text-shadow); } .tsearch i { color: rgba(0, 0, 0, 0.74) !important; color: var(--text-color) !important; text-shadow: var(--text-shadow); } .tlogo svg { } .tmenu .dropbtn { /*background-color: #E2E2E2; color: white; padding: 16px; font-size: 16px;*/ border: none; cursor: pointer; } #menuDropdown span:not(.button-text) { display: none; } /* Dropdown button on hover & focus */ .tmenu .dropbtn:hover, .tmenu .dropbtn:focus { background-color: #2980b9; } /* The container
- needed to position the dropdown content */ .tmenu .dropdown { position: relative; display: inline-block; } /* Dropdown Content (Hidden by Default) */ .dropdown-content { display: none; position: absolute; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); z-index: 10000; overflow: auto; right: 0; border-radius: 3px; background-color: #ffffff; padding: 5px 0px; width: max-content; border-radius: 5px !important; } /* Links inside the dropdown */ .dropdown-content a { text-decoration: none; display: block; border: 0px !important; font-style: normal !important; line-height: 16px !important; text-transform: uppercase !important; display: flex !important; align-items: center !important; color: #555555 !important; font-size: 11px !important; padding: 6px 16px 6px 16px; font-weight: 600; letter-spacing: 0.25 !important; } /* Change color of dropdown links on hover */ .dropdown-content a:hover { background-color: var(--main-color-9); padding: 6px 16px 6px 16px; text-decoration: none; } /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */ .show { display: block; } .material-icons { font-weight: 900 !important; } .fa-12 { width: 12px !important; font-size: 12px !important; height: 12px !important; } .fa-16 { width: 16px !important; font-size: 14px !important; height: 16px !important; } .fa-16-real { width: 16px !important; font-size: 16px !important; height: 16px !important; } .fa-24 { width: 24px !important; font-size: 24px !important; height: 24px !important; } .fa-28 { width: 28px !important; font-size: 28px !important; height: 28px !important; } .fa-32 { width: 32px !important; font-size: 32px !important; height: 32px !important; } .fa-20 { width: 20px !important; font-size: 20px !important; height: 20px !important; } .fa-64 { width: 64px !important; font-size: 64px !important; height: 64px !important; } .fa-96 { width: 96px !important; font-size: 96px !important; height: 96px !important; } .fa, .far, .fas { color: var(--icon-color) !important; cursor: pointer !important; /* position: relative !important; */ display: inline-flex; align-items: center; justify-content: center; } .fa.cursor-default, .far.cursor-default, .fas.cursor-default { cursor: default !important; } .fa::before, .far::before, .fas::before { /* position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); */ } .compact.tableGrid td.GRIDHEADER { padding: 2px !important; } .tableGrid tr td.td-icon .CHECKWRAP { justify-content: center; } .fabBloco { position: fixed; bottom: 16px; right: 16px; z-index: 2; } .fabBloco button { cursor: pointer; width: 48px; height: 48px; background-color: rgba(221, 240, 244, 1) !important; background-color: var(--main-color) !important; color: rgba(0, 0, 0, 0.74) !important; color: var(--text-color) !important; text-shadow: var(--text-shadow); border: none; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.14), 0px 4px 5px rgba(0, 0, 0, 0.14); border-radius: 48px; font-weight: 600; font-size: 10px; line-height: 16px; text-align: center; letter-spacing: 0.25px; text-transform: uppercase; font-feature-settings: "zero" on; vertical-align: text-bottom; padding: 0px 4px; -webkit-transition: 0.2s ease-out; -moz-transition: 0.2s ease-out; transition: 0.2s ease-out; } .fabBloco button:hover { background-color: rgba(195, 222, 236, 1) !important; background-color: var(--footer-color) !important; color: var(--text-footer-color) !important; text-shadow: var(--text-footer-shadow); box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2); } .fabBloco button.main { position: absolute; width: 128px; border-radius: 32px; right: 0; bottom: 0; z-index: 20; font-size: 12px; font-weight: 700; } .fabBloco button.main:active, .fabBloco button.main:focus { outline: none; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5); } .ABA_TABLE { display: flex; min-height: 28px; /* background-color: rgba(220,220,220,1); */ background-color: var(--card-header); border: var(--border); border-bottom: none; flex-wrap: wrap; gap: 4px; border-radius: 3px 3px 0px 0px; } .ABA_TABLE.VERTICAL { display: flex; flex-flow: column; width: max-content; padding: 8px 0; } #aba_tabela { display: table; width: auto; table-layout: auto; } /*calendario */ .calendar { font-size: 13px !important; border: 0px !important; } .calendar table { font-size: 14px !important; box-shadow: 1px 2px 4px 0.5px rgba(0, 0, 0, 0.22), 1px 2px 4px 0.5px transparent; } .calendar thead .title { /* border: 1px solid !important; */ } .calendar thead .active { padding: 1px 0px 0px 1px !important; } .calendar tbody .day { text-align: center !important; } .calendar tbody .rowhilite td { background: ButtonFace !important; color: ButtonText !important; } .calendar tbody td.weekend { color: #000 !important; opacity: 0.5 !important; font-style: italic !important; } .calendar thead .weekend { color: ButtonText !important; /* font-style: italic !important; */ } .combo .hilite { background: ButtonFace !important; color: ButtonText !important; } .calendar tfoot .ttip { font-size: 12px !important; } .DATECALENDAR { margin: 0px !important; text-align: center; } #bodyfooter { background-color: rgba(195, 222, 236, 1); color: rgba(0, 0, 0, 0.74); background-color: var(--footer-color); color: var(--text-footer-color); text-shadow: var(--text-footer-shadow); height: 16px; position: fixed !important; bottom: 0px !important; z-index: 2; left: 0; width: 100%; display: flex; font-size: 11px; } #bodyfooterdata { } .fa, .fas, .far, .fal, .fad, .fab { /* cursor: pointer !important; */ } #toolbarslider { /* padding: 0 16px; */ } .NOPADDING { padding: 0px !important; } optgroup { font-weight: 500; letter-spacing: 0.5px; font-size: 13px; } #divGaugeCriticidade { vertical-align: text-top; } .selectedTreeRow { font-size: 11px !important; text-transform: uppercase !important; background-color: #d6d8d6 !important; color: unset !important; letter-spacing: 0.25px; } .standartTreeRow { font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 0.25px; } .standartTreeImage { /* display: none !important; */ } #txtGerenciamentoContas { color: unset !important; font-weight: 500 !important; font-size: 12px !important ; } label { /* font-weight: 500 !important; */ } #tipDiv { background: inherit; } #ferramenta_portal { display: none !important; } #btnViewScript { font-size: 16px !important; align-items: center !important; text-align: center !important; letter-spacing: 1.5px !important; color: rgba(0, 0, 0, 0.74); vertical-align: middle !important; width: 24px !important; height: 24px !important; border: 1px solid rgba(0, 0, 0, 0.38) !important; border-radius: 3px !important; background-color: rgba(235, 235, 235, 1); background-color: var(--container-color); margin: 0px 0px 0px 2px !important; padding: 4px 0px 0px 1px; font-weight: 900 !important; } #btnViewScript:hover { background-color: rgba(227, 229, 227, 1); background-color: var(--header-3); } .formato1 { background: url("../images/general/block1.png") repeat-x; height: 32px !important; width: 32px !important; display: block; padding: 0px !important; margin: 1px; } .formato2 { background: url("../images/general/block3.png") repeat-x; height: 32px !important; width: 32px !important; display: block; padding: 0px !important; margin: 1px; } .formato3 { background: url("../images/general/block2.png") repeat-x; height: 32px !important; width: 32px !important; display: block; padding: 0px !important; margin: 1px; } .formato4 { background: url("../images/general/block4.png") repeat-x; height: 32px !important; width: 32px !important; display: block; padding: 0px !important; margin: 1px; } .formato-select { border: 1px solid rgba(195, 222, 236, 1) !important; border: 1px solid var(--footer-color) !important; } .CENTER, .CENTER::after, .CENTER::before { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); } .COLORLABEL .fa-circle, .fa-square { -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: rgba(0, 0, 0, 0.74); } .nice-scroll { /* overflow: auto; */ /* height: calc(100vh - 224px); */ /* border: var(--border); */ /* border: 1px solid var(--header); */ /* background: rgba(235, 235, 235, 1); */ /* background: var(--container-color); */ /* scrollbar-width: 8px; */ } ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-corner { background-color: #eaeaea; } ::-webkit-scrollbar-thumb { background: #a5b3c0; } ::-webkit-scrollbar-thumb:hover { background: #c3ccd5; } ::-webkit-scrollbar-track { background-color: #eaeaea; } #idchamado { box-sizing: border-box; } #dados-abertura { border: 0px !important; box-shadow: none !important; } .popover { max-width: unset !important; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2) !important; background-color: #ffffff !important; padding: 0px !important; border-radius: 5px !important; } .popover-title { font-weight: 500 !important; font-size: 13px !important; color: var(--text-footer-color); text-shadow: var(--text-footer-shadow); border: none !important; text-align: left !important; background-color: rgba(195, 222, 236, 1) !important; background-color: var(--footer-color) !important; letter-spacing: 0.25px; margin: 0; padding: 4px 8px; border-radius: 2px 2px 0px 0px !important; } .popover-content { padding: 12px 16px !important; } #btnanexosChamado { margin: 0px !important; line-height: 19px !important; } .popover-content span { color: #555555 !important; font-weight: 600; text-transform: uppercase; font-size: 12px; } /* .fav-path { max-width: 320px; display: block; font-size: 11px; text-transform: uppercase; letter-spacing: 0.2; font-weight: 600; margin: 0px 8px 4px 8px; color: rgba(0, 0, 0, 0.64) !important; } */ .popover .arrow { top: 80px !important; margin-top: 0px !important; display: none !important; } #list-items li { list-style: none; } .label-resp { text-transform: uppercase; font-size: 11px; color: rgba(0, 0, 0, 0.84); } .tag { border-radius: 3px !important; font-style: normal !important; font-weight: 500 !important; font-size: 12px !important; line-height: 10px !important; display: flex !important; align-items: center !important; text-align: center !important; text-transform: uppercase !important; width: max-content !important; height: 24px !important; letter-spacing: 0.75 !important; padding: 0px 8px !important; margin: 2px !important; color: rgba(255, 255, 255, 1) !important; float: left !important; cursor: pointer; overflow-wrap: anywhere; } .tagarea { display: block; } #tagSuggestion { position: absolute; display: grid; list-style: none; text-transform: uppercase; color: #444; font-style: normal; font-weight: normal; font-size: 12px; line-height: 20px; letter-spacing: 0.15px; width: 204px; border: 1px solid rgba(0, 0, 0, 0.38); background: rgba(240, 241, 240, 1); background: var(--background-color); max-height: 140px; overflow-y: auto; margin: -1px 0px 0px 2px !important; padding: 4px 2px !important; border-radius: 0px 0px 3px 3px; z-index: 3; } #tagSuggestion li { padding: 0px 8px; } #tagSuggestion .tag { width: calc(100% - 20px) !important; } #tagSuggestion .tag:hover { color: rgba(255, 255, 255, 0.8) !important; } .fancyradio { position: absolute; left: -9999px; width: 0; height: 0; } .fancyradio + label { position: relative; display: inline-block; font-size: 10px; letter-spacing: 0.25px; font-weight: 600 !important; margin: 0 auto; text-align: center; border-radius: 4px; overflow: hidden; cursor: pointer; text-transform: uppercase; -webkit-transition: all 100ms linear; transition: all 100ms linear; height: 24px; padding: 3px 8px 0px 8px; border: 1px solid rgba(0, 0, 0, 0.2); box-sizing: border-box; } .fancyfirst + label { border-radius: 4px 0px 0px 4px; } .fancymid + label { border-radius: 0px; border-width: 1px 1px 1px 0px; } .fancylast + label { border-width: 1px 1px 1px 0px; border-radius: 0px 4px 4px 0px; } .fancyfirst-v + label { width: 100%; border-radius: 4px 4px 0px 0px; } .fancymid-v + label { width: 100%; border-radius: 0px; border-width: 0px 1px 1px 1px; } .fancylast-v + label { width: 100%; border-width: 0px 1px 1px 1px; border-radius: 0px 0px 4px 4px; } .fancyradio:not(:checked) + label { background-color: transparent; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } .fancyradio:checked + label { background-color: rgba(195, 222, 236, 1); background-color: var(--footer-color); color: rgba(0, 0, 0, 0.74); color: var(--text-footer-color); text-shadow: var(--text-footer-shadow); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } .fancyfirst-v:not(:checked) + label, .fancymid-v:not(:checked) + label, .fancylast-v:not(:checked) + label { background-color: transparent; box-shadow: 1px 0px 2px 0 rgba(0, 0, 0, 0.2); } .fancyfirst-v:checked + label, .fancymid-v:checked + label, .fancylast-v:checked + label { background-color: rgba(195, 222, 236, 1); background-color: var(--footer-color); color: rgba(0, 0, 0, 0.74); color: var(--text-footer-color); text-shadow: var(--text-footer-shadow); box-shadow: 2px 0px 4px 0 rgba(0, 0, 0, 0.1); } .fancyradio:disabled + label { color: rgba(0, 0, 0, 0.44) !important; cursor: default; } .fancyradio:not(:checked):not(:disabled) + label:hover { box-shadow: inset 4px 4px 8px -8px #555555; } #empresapesquisainfo { border: 0px; background-color: transparent; margin: 0px; } #empresapesquisainfo:disabled { pointer-events: none; opacity: 1; } #accordion-resizer { width: 225px !important; } #menubar { width: 218px !important; } div.jGrowl div.jGrowl-notification { border: 0 !important; font-family: var(--body-font-family) !important; border-radius: 4px !important; margin: 0 !important; padding: 12px 16px !important; width: max-content !important; position: relative; min-width: 240px; color: var(--info-text-emphasis) !important; background: var(--info-bg-subtle) !important; border: 1px solid var(--info-border-subtle) !important; } div.jGrowl div.jGrowl-notification.success { color: var(--success-text-emphasis) !important; background: var(--success-bg-subtle) !important; border-color: var(--success-border-subtle) !important; } div.jGrowl div.jGrowl-notification.success div.close i { color: var(--success) !important; } div.jGrowl div.jGrowl-notification.danger { color: var(--danger-text-emphasis) !important; background: var(--danger-bg-subtle) !important; border-color: var(--danger-border-subtle) !important; } div.jGrowl div.jGrowl-notification.danger div.close i { color: var(--danger) !important; } #jgrowl-notifications.jgrowl-notifications.jGrowl { padding: 0; left: 50%; transform: translateX(-50%); top: 8px; display: flex; flex-flow: column; gap: 4px; } div.jGrowl div.jGrowl-notification .message { font-size: 16px; display: flex; width: 100%; justify-content: start; align-items: center; font-weight: 500; padding-right: 32px; gap: 10px; } div.jGrowl div.jGrowl-notification div.header { display: none; } div.jGrowl div.jGrowl-notification div.close { position: absolute; right: 16px; top: 50%; transform: translatey(-50%); width: 16px !important; height: 16px !important; background: transparent !important; color: var(--info) !important; } div.jGrowl div.jGrowl-notification div.close i { color: var(--info) !important; } .notificator { display: none; top: 0px !important; bottom: unset !important; width: 160px !important; right: 8px !important; left: unset !important; } .notificator-opener { padding: 0px !important; display: flex; align-items: center; justify-content: space-between; gap: 4px; width: 100%; flex: 0; } .notificator-box { background: var(--success-text-emphasis) !important; color: var(--success-bg-subtle) !important; border: var(--success-bg-subtle) !important; /* border-radius: 4px 4px 0px 0px; */ height: 100%; /* padding: 8px 16px; */ display: flex !important; align-items: end; justify-content: space-between; gap: 4px; border-radius: 0 0 4px 4px; padding: 4px 8px; opacity: .75; width: 100%; } .notificator-messages { display: flex; } div.jGrowl-notification, .notificator-messages, .notificator-opener label { font-size: 13px !important; font-weight: 600 !important; padding: 0 !important; flex: 1; width: 140px; } .notificator-opener i { color: var(--font-light) !important; /* width: 32px !important; */ /* height: 32px !important; */ /* position: absolute !important; */ /* right: 8px; */ /* top: 0px; */ } #divSelectTree { /* z-index:9999 !important ; */ } .select2-container .select2-choice { height: 18px !important; padding-top: 2px !important; } /* Timeline */ #timeline-content { margin-top: 8px; margin-bottom: 8px; text-align: center; } #timeline-content h1, h2, h3 { letter-spacing: 0.5px; font-size: 16px; text-align: left; padding-left: 8px; } .timeline { border-left: 4px solid rgba(195, 222, 236, 1); border-left: 4px solid var(--footer-color); border-bottom-right-radius: 4px; border-top-right-radius: 4px; color: rgba(0, 0, 0, 0.84); margin: 0px 16px 0px 160px; letter-spacing: 0.5px; position: relative; line-height: 1.4em; font-size: 1.03em; padding: 50px; list-style: none; text-align: left; font-weight: 100; } .timeline p, .event:before, .comment:before { letter-spacing: 0.25px !important; color: #555555 !important; font-size: 11px !important; font-weight: 500 !important; padding: 4px 8px !important; text-transform: none !important; } .timeline a { letter-spacing: 0.25px !important; color: rgba(0, 0, 0, 0.74) !important; font-weight: 600; font-size: 10px !important; text-transform: uppercase !important; padding-left: 8px; } .timeline .event, .timeline .comment { /* border-bottom: 1px dashed rgba(255,255,255, 0.84); */ padding: 4px; margin-bottom: 8px; position: relative; margin-left: 8px; background: rgba(240, 241, 240, 1); background: var(--background-color); } .timeline .event:last-of-type, .timeline .comment:last-of-type { padding-bottom: 0; margin-bottom: 0; border: none; } .timeline .event:before, .event:after, .timeline .comment:before, .comment:after { position: absolute; display: block; top: 0; } .timeline .event:before, .timeline .comment:before { left: -156px; color: rgba(0, 0, 0, 0.84); content: attr(data-date); text-align: right; font-size: 0.9em; min-width: 120px; padding: 0px !important; margin-top: -4px !important; } .timeline .event:after { box-shadow: 0 0 0 4px var(--footer-color); left: -24px; background: rgba(240, 241, 240, 1); background: var(--background-color); border-radius: 50%; height: 11px; width: 11px; content: ""; top: 2px; } .timeline .comment:after { box-shadow: 0 0 0 4px var(--footer-color); left: -24px; background: rgba(240, 241, 240, 1); background: var(--footer-color); border-radius: 50%; height: 11px; width: 11px; content: ""; top: 2px; } .timeline .comment-child { margin-left: 30px; } .timeline .comment-child:after { left: -46px; } .timeline .comment-child:before { left: -178px; } #expand::after { font-family: "Font Awesome 5 Free"; display: inline-block; content: "\f002"; font-size: 10px; margin-left: 4px; } .fill { width: 100% !important; height: 100% !important; } td > * { vertical-align: middle !important; } td div > * { vertical-align: middle !important; } #divDatasAtendimento, #divEtapas { display: flex; align-items: center; } #divDatasAtendimento div { display: inline-block; /* min-width: 132px; */ } #divDatasAtendimento label { font-weight: 600 !important; font-size: 12px; letter-spacing: 0.35px; display: inline-block; min-width: 132px; color: rgba(0, 0, 0, 1); } div #label_situacao, #divEtapas label { font-weight: 600 !important; font-size: 12px; letter-spacing: 0.35px; color: rgba(0, 0, 0, 1); } #divDatasAtendimento span { font-weight: 500; font-size: 12px; letter-spacing: 0.25px; } #divBarraSuperior { display: flex; padding-bottom: 4px; gap: 4px; align-items: center; } #divCodDesc { display: grid; min-height: 24px; grid-auto-flow: column; grid-column-gap: 4px; grid-auto-columns: max-content; } #divCodDesc > * { vertical-align: middle !important; } .centeritems { display: grid; grid-auto-flow: column; grid-column-gap: 4px; grid-auto-columns: max-content; } .centeritems > * { vertical-align: middle !important; } /* Dropdown Button */ .button-bs.split-button-main.btn-xs { padding: 3px 4px; } .split-button-main { margin: 0; } /* The container
- needed to position the dropdown content */ .split-button-drop { position: relative; display: inline-block; } /* Dropdown Content (Hidden by Default) */ .split-button-drop-content { display: none; position: absolute; left: 0; background-color: var(--background-color); width: max-content; min-width: calc(100% + 8px); z-index: 2; border-radius: 4px; padding: 4px; border: var(--border); gap: 2px; font-size: var(--body-font-size); min-width: 120px; max-width: 420px; overflow-y: auto; } .split-button-separator{ padding-top: 2px; margin-bottom: 2px; border-bottom: var(--border); display: none; } .split-button-option.separator-after + .split-button-separator { display: block; } .split-button-drop.template-expanded .split-button-separator:not(:last-of-type) { display: block; } .menu-right .split-button-drop-content { left: unset; right: 0; } .menu-up .split-button-drop-content { top: unset; bottom: 0; } .split-button-option { /* min-height: 16px; */ height: 100%; cursor: pointer; text-wrap: pretty; display: flex; align-items: center; gap: 8px; padding: 6px 8px; } .split-button-drop.template-expanded .split-button-option { flex-flow: column; border-radius: 2px; align-items: start; gap: 0; padding: 0; } .split-button-option-header { display: flex; gap: 8px; width: 100%; } .template-expanded .split-button-option-header { align-items: center; justify-items: start; padding: 8px; background-color: rgba(41, 156, 219, .1); } .split-button-option-image { display: flex; height: 24px; min-width: 32px; background-size: contain; background-repeat: no-repeat; background-position: center; place-self: start; } .split-button-option-icon { width: 16px !important; height: 16px !important; font-size: 14px !important; } .template-expanded .split-button-option-icon, .btn-lg .split-button-option-icon { font-size: 16px !important; } .split-button-option-text { font-weight: 500; color: var(--gray-700); flex: 1; line-height: 15px; font-size: 13px; text-align: start; order: 1; } .template-expanded .split-button-option-text, .btn-lg .split-button-option-text { line-height: 16px; font-size: 14px; } .split-button-option-append { font-weight: 500; color: var(--gray-700); order: 3; } .split-button-option-info { display: flex; width: 100%; padding: 3px 4px; font-weight: 500; color: var(--gray-700); font-size: 13px; background-color: rgba(247, 184, 75, .1); height: 100%; } .split-button-option-info:empty { display: none; } .split-button-option-body { padding: 4px 12px; color: var(--gray-600); overflow-y: auto !important; font-size: 13px; height: 100%; width: 100%; } .split-button-option-body:empty { display: none; } /* Change color of dropdown links on hover */ .split-button-drop-content > div:hover { background-color: var(--light); } /* Show the dropdown menu on hover */ .split-button-drop.trigger-hover:hover .split-button-drop-content, .split-button-drop.show .split-button-drop-content{ display: flex; flex-flow: column; } .split-button-drop.trigger-hover:hover .split-button-drop-content::before, .split-button-drop.show .split-button-drop-content::before{ content: ""; position: absolute; left: 0px; top: 0px; width: calc(100%); height: calc(100%); z-index: -1; } .split-button-drop.menu-right.trigger-hover:hover .split-button-drop-content::before, .split-button-drop.menu-right.show .split-button-drop-content::before { left: -16px; } .split-button-drop.show .split-button-main { --btn-bg: var(--btn-hover-bg); --btn-color: var(--btn-hover-color) !important; } .split-button-drop .btn-xs .button-text:first-child { margin-left: 6px; } .split-button-drop.menu-right .split-button-drop-content { left: unset; right: 0; } .split-button-drop.menu-up .split-button-drop-content { top: unset; bottom: 100%; } .split-button-drop.menu-up.trigger-hover:hover .split-button-main, .split-button-drop.menu-up.show .split-button-main { border-top-left-radius: var(--btn-border-radius); border-top-right-radius: var(--btn-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .split-button-drop.menu-up.trigger-hover:hover .split-button-main, .split-button-drop.menu-up.show .split-button-main { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: var(--btn-border-radius); border-bottom-right-radius: var(--btn-border-radius); } .split-button-drop.trigger-hover:hover .split-button-drop-content, .split-button-drop.show .split-button-drop-content { border-top-left-radius: 0; border-top-right-radius: var(--btn-border-radius); border-bottom-left-radius: var(--btn-border-radius); border-bottom-right-radius: var(--btn-border-radius); } .split-button-drop.trigger-hover.menu-right:hover .split-button-drop-content, .split-button-drop.menu-right.show .split-button-drop-content { border-top-left-radius: var(--btn-border-radius); border-top-right-radius: 0; border-bottom-left-radius: var(--btn-border-radius); border-bottom-right-radius: var(--btn-border-radius); } .split-button-drop.menu-up.trigger-hover:hover .split-button-drop-content, .split-button-drop.menu-up.show .split-button-drop-content { border-top-right-radius: var(--btn-border-radius); border-top-left-radius: var(--btn-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: var(--btn-border-radius); } .split-button-drop.menu-up.menu-right.trigger-hover:hover .split-button-drop-content, .split-button-drop.menu-up.menu-right.show .split-button-drop-content { border-top-right-radius: var(--btn-border-radius); border-top-left-radius: var(--btn-border-radius); border-bottom-left-radius: var(--btn-border-radius); border-bottom-right-radius: 0; } .split-button-drop.menu-right.trigger-hover:hover .split-button-drop-content::before, .split-button-drop.menu-right.show .split-button-drop-content::before { right: 0px; left: unset; } button:disabled, button.button-bs:disabled { color: light-dark(rgba(16, 16, 16, 0.3), rgba(255, 255, 255, 0.3)) !important; border-color: transparent!important; cursor: default !important; } button:disabled i, button.button-bs:disabled i { color: rgba(0, 0, 0, 0.44) !important; cursor: default !important; } .GRIDTITLE { font-size: 16px; font-weight: 600; color: var(--font-dark); } #gridcount { font-size: 12px; font-weight: 600; color: var(--font-dark); text-transform: uppercase; } .separator { height: 8px; width: 100%; } .section-title-ws { display: flex; align-items: center; justify-content: center; letter-spacing: 0.25px !important; font-weight: 600; font-size: 11px; padding: 4px !important; margin: 0px !important; text-transform: uppercase !important; color: rgba(0, 0, 0, 0.74) !important; color: var(--text-footer-color) !important; text-shadow: var(--text-footer-shadow); background-color: rgba(195, 222, 236, 1); background-color: var(--footer-color); border-bottom: 1px solid rgba(0, 0, 0, 0.74); border-bottom: 1px solid var(--text-color); } .temaflexcores label { text-transform: none !important; text-align: left; padding-left: 0px !important; font-weight: 500 !important; margin-left: 5px !important; text-align: left; font-style: normal; font-weight: normal; font-size: 12px; letter-spacing: 0.15px; font-feature-settings: "zero" on; color: rgba(0, 0, 0, 0.74); } .list-item-limit { background-color: rgba(253, 93, 93, 0.12) !important; border-color: rgba(253, 93, 93, 0.12); box-shadow: 0px 0px 6px 1px rgba(255, 0, 0, 0.44); } .mask { position: relative; overflow: hidden; display: flex; /* display: block; */ /* width: 200; */ /* height: 100; */ /* margin: 20px; */ justify-content: center; } .mask-legend { position: absolute !important; top: 100%; left: 50%; transform: translate(-50%, -100%); z-index: 3; font-size: 20px !important; padding: 0px !important; } .mask-title { text-align: center; width: 100%; font-size: 12px; padding-bottom: 6px; font-weight: 600; } .semi-circle { position: relative; display: block; width: 100%; height: 100%; background: linear-gradient(to left, var(--footer-color) 0%, var(--main-color) 100%); border-radius: 50% 50% 50% 50% / 100% 100% 0% 0%; } .semi-circle::before { content: ""; position: absolute; bottom: 0; left: 50%; z-index: 2; display: block; width: calc(100% - 70px); height: calc(100% - 35px); background: rgba(235, 235, 235, 1); background: var(--container-color); border-radius: 50% 50% 50% 50% / 100% 100% 0% 0%; transform: translate(-50%) !important; } .semi-circle--mask { position: absolute; top: 0; left: 0; width: 100%; height: 200%; background: transparent; /* transform: rotate(120deg) translate3d(0,0,0); */ transform-origin: center center; backface-visibility: hidden; transition: all 0.3s ease-in-out; } .semi-circle--mask::before { content: ""; position: absolute; top: 0; left: 0%; z-index: 2; display: block; width: calc(100% + 2px); height: calc(50% + 2px); margin: -1px 0 0 -1px; background: #f2f2f2; border-radius: 50% 50% 50% 50% / 100% 100% 0% 0%; } .info-card { border: 1px solid rgba(0, 0, 0, 0.38); width: 144px; height: 72px; position: relative; box-shadow: 1px 1px 1px 0px rgb(0 0 0 / 20%); padding: 4px; box-sizing: border-box; } .info-card .title { font-size: 10px; font-weight: 600; line-height: 14px; text-align: center; text-transform: uppercase; } .info-card .value { font-size: 32px; line-height: 48px; text-align: center; } .pagetitle { text-transform: uppercase; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.84); margin-left: 8px; } #usuarioAtual { cursor: default; display: none; } .table-flow { width: 100%; font-size: 12px; border-collapse: collapse; background-color: #ffffff; /* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); */ border: var(--border); } .table-flow.margin-5 { margin: 5px; } .table-flow.margin-10 { margin: 10px auto; } .table-flow.margin-20 { margin: 20px auto; } .table-flow tr:first-child { border-bottom: var(--border); } .table-flow tr:not(first-child):hover { background-color: var(--main-color-9) !important; } .table-flow tr:nth-child(even) { background-color: var(--grid-row-bg); } .table-flow th { padding: 10px; background-color: var(--grid-header); font-weight: bold; text-align: left; } .table-flow td { padding: 10px; text-align: center; } .disableCanal { pointer-events: none; } .divCdAcompanhamento { margin: 0 0 0 -83px; } .table-legend, .label-legend label { font-size: 14px; color: rgba(0, 0, 0, 0.74); font-weight: 600 !important; height: 2rem; padding: 0 0.5rem; margin: 0 0.5rem; border-bottom: 2px solid rgb(0 0 0 / 23%); margin-bottom: 0.5rem; display: block; box-sizing: border-box; line-height: 2rem; } .label-legend label:before { font-weight: 500 !important; } .fa-loading { animation: fa-spin 2s infinite cubic-bezier(0.68, -0.55, 0.27, 1.55); pointer-events: none !important; } #teste-conexao .fa-circle { -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: rgba(0, 0, 0, 0.74); color: green !important; } #teste-conexao .fa-circle.error { color: red !important; } ::-webkit-file-upload-button { height: 24px; } .qTagInputCheck { width: 33%; max-width: 33%; } .qTagInputCheck .CHECKWRAP { white-space: none !important; } .field-area { padding: 8px; background: var(--container-color); display: flex; flex-flow: column; gap: 8px; border: var(--border); } .field-area > legend, .field-area > p { letter-spacing: 0.25px !important; color: #555555 !important; font-weight: 700; font-size: 11px !important; text-transform: uppercase !important; margin: 0; padding: 0; border: 0; } .FUNDOABA .field-area { border: none; } .field-area + .field-area { border-top: var(--border) !important; } .quali-loading { animation: fa-spin 2s infinite cubic-bezier(0.68, -0.55, 0.27, 1.55); } #divLoadingTimer { font-size: 12px; font-weight: 500; height: 100%; position: relative; /* line-height: 21px; */ letter-spacing: .5px; /* text-align: end; */ /* width: 100%; */ } .loading-block { display: flex; gap: 8px; align-items: center; font-size: 14px; font-weight: 600; color: rgba(0, 0, 0, 0.64); justify-content: center; height: 100%; } .filepond-container, .filepond--list-scroller, .filepond--drop-label, .filepond--root { height: 80px !important; margin: 0 !important; } .filepond--panel-root { border-radius: 4px !important; background-color: #fafafa !important; } .filepond--list-scroller { transform: none !important; z-index: 3; cursor: pointer; border-radius: 4px; border: 1px solid #bdbdbd; /* background: #fafafa; */ } .filepond--list-scroller:hover, .filepond--panel-root:hover { box-shadow: inset 0 1px 12px 1px rgb(0 0 0 / 0.03), inset 0 1px 12px 1px rgb(0 0 0 / 0.03); } .filepond--drop-label.filepond--drop-label label { font-size: 16px !important; color: rgba(0, 0, 0, 0.64); } .filepond--label-action { text-decoration: none !important; -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; -webkit-text-decoration-color: #a7a4a4; text-decoration-color: #a7a4a4; cursor: default; } .info-qrcode { display: flex; flex-flow: column; font-size: 16px; gap: 4px; margin-left: 4px; } .info-qrcode .line { padding: 4px 8px; border-radius: 4px; cursor: default; } .info-qrcode .line:hover { background-color: #fbfbfb; } .mce-container-body input:not(.mce-abs-layout-item) { width: -webkit-fill-available !important; } .page-content { display: flex; flex: 1; overflow: auto; } .q-sidebar-wrapper { display: flex; overflow: auto; position: sticky; top: 0; } .q-sidebar-content-wrapper { display: flex; flex-flow: column; flex: 1; height: 100%; position: relative; } .q-sidebar-content-wrapper > * { padding: 8px; } .q-sidebar-content-wrapper::after { content: ""; padding: 4px 0px; background: inherit; } .q-sidebar-content{ width: 100%; background: inherit; } .q-sidebar { list-style: none; margin: 0; padding: 0px; background-color: var(--background-color); font-size: 12px; color: var(--font-dark); text-shadow: var(--text-shadow-dark); width: 100%; } .q-sidebar > li { position: relative; margin: 0; padding: 0; border-bottom: var(--border); } .q-sidebar li > a .fa, .q-sidebar li > a .far, .q-sidebar li > a .fas { width: 20px !important; font-size: 12px !important; } .q-sidebar li > a .fas.fa-angle-right { font-size: 14px; } .q-sidebar li > a:hover { background: var(--header-7); } .q-sidebar li.active > a { border-left-color: var(--footer-color); background-color: var(--header-5); } .q-sidebar > li > .treeview-menu { padding: 4px; } .q-sidebar > li .label, .q-sidebar > li .badge { display: flex; align-items: center; justify-content: center; width: 20px; } .q-sidebar li.menu-header { padding: 12px 16px; font-size: 16px; background: var(--header); font-weight: 600; border-bottom: 2px solid var(--background-color); } .q-sidebar > li > a .fa-angle-right { display: flex; align-items: center; justify-content: center; } .q-sidebar > li.open > a .fa-angle-right { transform: rotate(90deg); } .q-sidebar li.open > .treeview-menu { display: block; } .q-sidebar a { } .q-sidebar .treeview-menu { display: none; list-style: none; padding: 0; margin: 0; padding: 8px; } .q-sidebar .treeview-menu .treeview-menu { padding-left: 20px; } .q-sidebar .treeview-menu > li { margin: 0; /* border-bottom: var(--border); */ /* padding-left: 8px; */ } .q-sidebar li > a { padding: 4px 8px; font-size: 13px; font-weight: 500; display: flex; align-items: center; justify-content: center; line-height: 1.5; border-left: 3px solid transparent; border-bottom: 1px solid transparent; color: var(--font-dark); text-shadow: var(--text-shadow-dark); min-height: 32px; } .q-sidebar .treeview-menu > li > a .fa, .q-sidebar .treeview-menu > li > a .far, .q-sidebar .treeview-menu > li > a .fas { width: 20px; } .q-sidebar > li > a .fa-angle-right, .q-sidebar > li > a .fa-angle-down { width: auto; } .q-sidebar .treeview-menu > li:hover > a, .q-sidebar .treeview-menu > li.active > a { /* color: #216e9b; */ /* border-radius: 4px; */ } .q-sidebar .treeview-menu > li.active > a { /* background-color: var(--header-5); */ } .q-sidebar .pull-right { float: right !important; } .q-sidebar > li > a > span:first-of-type, .q-sidebar .treeview-menu > li > a > span:first-of-type { flex: 1; } .q-sidebar > li > a .fas.fa-caret-right { opacity: 0; transition: opacity 200ms ease-in-out; } .q-sidebar > li > a:hover .fas.fa-caret-right { opacity: 1; } .q-sidebar li.treeview.open { } .q-sidebar .treeview-menu > li > a { } .q-sidebar > li.open > a { border-bottom: var(--border); } .q-sidebar > li:last-of-type, .q-sidebar .treeview-menu > li:last-of-type { border-bottom-color: transparent; } .q-sidebar .treeview-menu > li > a { min-height: 28px; } mark { background-color: var(--info-border-subtle); border-radius: 2px; } .ROW td mark { position: relative; top: -1px; } input.grid-search { height: 28px; margin: 0; font-size: 13px; line-height: 100%; padding: 2px 10px; min-width: 192px; max-width: 420px; width: 100%; } .check-icon { cursor: default !important; } .check-icon.transparent { visibility: hidden; } .check-icon.off { color: #000 !important; opacity: 0.25; } .check-icon.green.fa-check { color: #008000 !important; } .check-icon.red.fa-check { color: #f67c7c !important; } .q-section { display: flex; flex-flow: column; margin: 4px; } .q-section.no-header { margin-top: 0; } .q-section .section-header { border: 1px solid #ccc; background-color: var(--header-3); padding: 4px; height: 16px; font-size: 11px; line-height: 16px; padding-left: 8px; font-weight: 600; color: #555555; letter-spacing: 0.5px; text-transform: uppercase; } .q-section .section-body { display: flex; flex-flow: column; border: 1px solid #ccc; border-top: none; padding: 8px; background-color: var(--container-color); } .tableGrid td.GRIDHEADER { padding: 8px 4px; border-bottom: var(--border); } .ROW:not(.ROW-SECOND-LINE):hover, .ROWBG:not(.ROW-SECOND-LINE):hover { background-color: #f0f9ff !important; } .ROW.ROW-SECOND-LINE td { padding: 8px; /* border-top: var(--border); */ /* border-bottom: var(--border); */ } .tableGrid:not(.border-0) tr:first-of-type td { border-top: var(--border) !important; } .tableGrid:not(.border-0) tr td:first-of-type { border-left: var(--border) !important; } .tableGrid:not(.border-0) tr td:last-of-type { border-right: var(--border) !important; } .tableGrid:not(.border-0) tr:last-of-type td { border-bottom: var(--border) !important; } .tableGrid:not(.border-0) tr:not(.ROW-SECOND-LINE, .FIRST-ROW) td { border-top: var(--border); } .tableGrid tr td.td-icon { padding: 4px !important; width: 1%; } .tableGrid tr.ROW td.td-icon:has([onclick]) { opacity: .8; } .tableGrid tr.ROW td.td-icon:has([onclick]:hover) { opacity: 1; } .page-title { font-size: 18px; font-weight: 600; color: var(--font-dark); white-space: nowrap; } .page-title-area { padding: 6px 8px 10px 8px; /* background-color: var(--header); */ display: flex; align-items: center; justify-content: space-between; } #bodycontent.toolbar-buttons .page-title-area { padding-top: 0px !important; } .div-table { display: flex; flex-flow: column; gap: 4px; color: var(--font-dark); box-sizing: border-box; } .div-table.div-card { border-radius: 4px; border: var(--border); background-color: #ffffff; } .div-row { display: flex; flex-flow: row; gap: 4px; align-items: center; width: 100%; box-sizing: border-box; } .div-button-row { display: flex; flex-flow: row; gap: 4px; align-items: center; justify-content: center; width: 100%; } .div-card { position: relative; display: flex; flex-flow: column; min-width: 0; color: var(--font-dark); word-wrap: break-word; background-color: var(--background-color); background-clip: border-box; border: var(--border); border-radius: 4px; } .div-card .div-card-title { padding: 6px 12px; margin-bottom: 0; color: var(--font-dark); background-color: var(--header-9); border-top: var(--border); border-bottom: var(--border); font-size: 14px; font-weight: 500; letter-spacing: .25px; text-shadow: var(--text-shadow-dark); } .div-card .div-card-title:first-child { border-top: none; border-radius: 3px 3px 0 0; } .div-card:not(.radius-0) .div-card-title:first-child { border-radius: 3px 3px 0 0; } .div-card .div-card-body { padding: 8px; background-color: inherit; display: flex; flex-flow: column; } .div-card .div-card-body:last-of-type { flex: 1; } .div-card:not(.radius-0) .div-card-body:last-of-type { border-radius: 0 0 3px 3px; } .div-card .div-card-header { font-size: 14px; font-weight: 600; margin: 4px 0; width: 100%; background-color: var(--header-7); padding: 6px 12px; border-bottom: var(--border); border-top: var(--border); } .div-card-body > .div-card-header { border: var(--border); } .div-card > .div-card-header:first-of-type { margin-top: 0; border-top: 0; } .div-card:not(.radius-0) > .div-card-header:first-of-type { border-radius: 3px 3px 0px 0px; } .div-card > .div-row { padding-left: 8px; padding-right: 8px; } .div-card > .div-row:first-of-type { padding-top: 4px; } .div-card > .div-row:last-of-type { padding-bottom: 8px; } .div-row.new-item { border-radius: 4px; background-color: #b8e0b8; } .div-row.deleted-item { border-radius: 4px; background-color: #fad1d1; } .div-col { display: flex; align-items: center; box-sizing: border-box; gap: 4px; } .div-label { text-align: end; font-weight: 500; padding-right: 4px; font-size: 12px; display: block; } .text-align-start { text-align: start !important; } .text-align-end { text-align: end !important; } .text-align-center { text-align: center !important; } .div-label.required { gap: 2px; } .div-label.required::after { content: "*"; color: red; } .div-title-1 { padding: 8px 16px; font-size: 16px; font-weight: 600; letter-spacing: .15px; text-shadow: var(--text-shadow-dark); color: var(--font-dark); border-bottom: var(--border); border-width: 2px; } .div-card .div-title-1 { background-color: var(--header-5); border-radius: 4px 4px 0px 0px; } .div-title-3 { padding: 4px 8px; border-radius: 0; margin-bottom: 4px; /* border-top: var(--border); */ /* border-bottom: var(--border); */ font-size: 14px; font-weight: 600; letter-spacing: .15px; text-shadow: var(--text-shadow-dark); color: var(--font-dark); /* background-color: var(--background-color); */ } .div-title-2 { padding: 4px 8px; border-radius: 4px; margin: 4px 0; font-size: 13px; font-weight: 600; letter-spacing: .25px; text-shadow: var(--text-shadow-dark); color: var(--font-dark); border-bottom-left-radius: 0; border-bottom-right-radius: 0; /* line-height: 23px; */ min-height: 36px; display: flex; align-items: center; } .div-card .div-title-2 { padding: 6px 12px; border-radius: 0; background-color: var(--header-7); margin: 8px 0px; border-top: var(--border); border-bottom: var(--border); } .div-title-2:first-of-type { margin: 0; border-top: 0; } *:not(.radius-0) > .div-title-2:first-of-type{ border-radius: 3px 3px 0 0; } .div-col .input-bs, .div-col .multiple-select, .div-col .field-required-wrapper { margin: 0 !important; } .div-table .div-col > .field-area, .div-table .div-col > div:has(> .tableGrid){ width: 100%; } .hover-bg-header-5:hover { background: var(--header-5); } .hover-bg-header-6:hover { background: var(--header-6); } .hover-bg-header-7:hover { background: var(--header-7); } .hover-bg-header-8:hover { background: var(--header-8); } .hover-bg-header-9:hover { background: var(--header-9); } .hover-underline:hover { text-decoration: underline; } .button-bs.selected { --btn-bg: var(--btn-hover-bg); --btn-color: var(--primary-bg-subtle); } .frame-body form { margin: 0; } #bodyToolbarButtons { display: flex; position: relative; gap: 4px; width: max-content; /* left: 50%; transform: translateX(-50%); */ top: -4px; height: 16px; z-index: 1; } #bodyToolbarButtons:empty { display: none; } #bodyToolbar { position: absolute; width: 100%; top: 1px; left: 0; } #bodyToolbarButtons button { width: 30px !important; border-radius: 4px; /* transition: all 0.2s ease-in-out; */ padding: 4px; min-width: 0; position: relative; display: none; } #bodyToolbarButtons .button-content { justify-content: end; position: relative; } #bodyToolbarButtons:hover button { width: unset !important; padding: 4px 8px; display: flex; } #bodyToolbarButtons .button-text { opacity: 0; order: 0; flex: 1; white-space: nowrap; pointer-events: none; } #bodyToolbarButtons:hover .button-text { /* transition: all 0.2s ease-in-out; */ /* transition-delay: 0.1s; */ opacity: 1; } #bodyToolbarButtons:hover { /* background-color: transparent; */ } #bodyToolbarButtons .bodyToolbarButton { font-size: 10px; font-weight: 600; line-height: 14px; cursor: pointer; padding: 0px 8px 2px 8px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: rgba(0, 0, 0, 0.05); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } #bodyToolbarButtons:hover #toolbarButtons { display: flex; } #bodyToolbarButtons:hover #toolbarButtonsCaption { display: none; } #toolbarButtonsCaption { font-size: 10px; font-weight: 600; line-height: 14px; } #bodyToolbarButtons button i { min-width: 16px; order: 1; } td.group-image { padding: 0; width: 24px; border-left: none; } td.group-image i { font-size: 13px !important; margin: auto; width: 100%; color: var(--info) !important; } .ROW-GROUP-LABEL-CATEGORY { font-weight: 600; color: var(--info-text-emphasis); padding: 2px 8px; background-color: var(--dark-bg-subtle); border-radius: 4px; } .ROW-GROUP-LABEL-CATEGORY:empty { display: none; } .ROW-GROUP-LABEL { font-size: 12px; font-weight: 500; height: 28px; display: flex; align-items: center; gap: 8px; } .ROW-GROUP-LABEL-COUNT { font-size: 10px; font-weight: 600; border-radius: 16px; background: var(--info-bg-subtle); border: 1px solid var(--info-border-subtle); color: var(--info-text-emphasis); padding: 0px 6px 1px; display: flex; align-items: center; justify-content: center; height: 17px; letter-spacing: .75px; position: relative; } .ROW-GROUP-LABEL-COUNT i.fas { display:none !important; font-size: 7px !important; width: 8px !important; padding-left: 4px; padding-top: 1px; color: var(--info) !important; } .filter .ROW-GROUP-LABEL-COUNT i.fas { display: flex !important; } .ROW.ROW-GROUP td { padding: 0 8px !important; } .ROW.ROW-GROUP:not(:first-child) td { /* border-top: var(--border-grid); */ } .ROW-GROUP.LAST-GROUP:not(.OPEN) td { border-bottom: var(--border); } .ROW.ROW-GROUP.OPEN td { background-color: var(--light-bg-subtle); } .ROW.ROW-GROUP td:not(:first-child) { border-left: none; } .ROW.ROW-GROUP > td.group-image > i, td.GRIDHEADER.group-image > i { color: var(--info) !important; } tr.OPEN > td.group-image > i{ color: var(--info-border-subtle) !important; } tr > td.group-image > i::before { content: "\f054"; } tr.OPEN > td.group-image > i::before { content: "\f078"; } tr.DIVSHOW { display: table-row !important; } tr.DIVSHOW > td.group-image { pointer-events: none; } tr.DIVSHOW > td.group-image i { color: var(--info-border-subtle) !important; } tr.DIVSHOW > td.group-image i::before { content: "\f078"; } .input-bs { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; margin: 0; font-family: inherit; scroll-margin-top: 80px; scroll-margin-bottom: 100px; padding: 4px 8px; font-size: 12px; font-weight: 400; line-height: 1.5; color: #212529; appearance: none; background-color: #ffffff; background-clip: padding-box; border: var(--border); border-radius: 4px; transition: none; outline: 0; margin: 2px; min-height: 28px; /* border-left: 4px solid transparent; */ } .input-bs:disabled, input.input-bs:read-only, textarea:read-only { background-color: #fdfdfd; color: #545454; cursor: default; } select.input-bs { padding-right: 24px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 4px center; background-size: 16px 12px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; box-shadow: none; } .q-modal-content.animate, .simplepicker-date-picker.animate { opacity: 1; transform: scale(1); } .q-modal-content, .simplepicker-date-picker { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-duration: 0.15s; transition-property: opacity, transform; opacity: 0; transform: scale(0.6); } #divAddContaSmtp { width: 850px !important; /*height: 450px !important;*/ } #divAcompanhamentoTicket { top: 55px !important; } .multiple-select { display: inline-flex; border: var(--border); width: max-content; border-radius: 4px; margin: 2px; } .multiple-select > *:not(.field-required-wrapper), .multiple-select .button-bs, .multiple-select > .ms-item > *, .multiple-select > .field-required-wrapper > * { border-radius: 0; border: none !important; border-right: var(--border) !important; margin: 0 !important; } .multiple-select > .field-required-wrapper > * { border-radius: 3px 0 0 3px !important; } .multiple-select > *:not(textarea), .multiple-select .button-bs{ height: 28px; } .multiple-select > :first-child, .multiple-select > :first-child label.button-bs { border-radius: 3px 0px 0px 3px !important; } .multiple-select > :last-child, .multiple-select > :last-child label, .multiple-select > .button-bs:last-of-type:not(:first-child), .multiple-select > .ms-item > * { border-radius: 0px 3px 3px 0px; border-right: none !important; } .multiple-select > .ms-item:empty { display: none; } .multiple-select > *:only-child, .multiple-select > *:only-child label.button-bs { width: 100% !important; border-radius: 3px !important; } .multiple-select .buttonicon { --btn-color: #777777; --btn-bg: var(--header-9); --btn-border-color: var(--border-color); --btn-hover-bg: var(--header-6); --btn-hover-border-color: var(--border-color); --btn-focus-shadow-rgb: var(--info-rgb); --btn-active-bg: var(--header-6); --btn-active-border-color: var(--border-color); --btn-hover-color: #555555; min-width: 32px !important; width: 32px !important; min-height: 28px; max-height: 32px; } .filepond--drip-blob, .filepond--drop-label { will-change: unset !important; } /* loader */ .la-ball-scale-multiple, .la-ball-scale-multiple > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-scale-multiple { display: block; font-size: 0; color: #fff; } .la-ball-scale-multiple.la-dark { color: #333; } .la-ball-scale-multiple > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-scale-multiple { width: 32px; height: 32px; } .la-ball-scale-multiple > div { position: absolute; top: 0; left: 0; width: 32px; height: 32px; border-radius: 100%; opacity: 0; -webkit-animation: ball-scale-multiple 1s 0s linear infinite; -moz-animation: ball-scale-multiple 1s 0s linear infinite; -o-animation: ball-scale-multiple 1s 0s linear infinite; animation: ball-scale-multiple 1s 0s linear infinite; } .la-ball-scale-multiple > div:nth-child(2) { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s; } .la-ball-scale-multiple > div:nth-child(3) { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s; } .la-ball-scale-multiple.la-sm { width: 16px; height: 16px; } .la-ball-scale-multiple.la-sm > div { width: 16px; height: 16px; } .la-ball-scale-multiple.la-2x { width: 64px; height: 64px; } .la-ball-scale-multiple.la-2x > div { width: 64px; height: 64px; } .la-ball-scale-multiple.la-3x { width: 96px; height: 96px; } .la-ball-scale-multiple.la-3x > div { width: 96px; height: 96px; } /* * Gerenciamento do posicionamento */ .position-absolute{ position: absolute !important; } .position-relative{ position: relative !important; } .position-fixed{ position: fixed !important; } .position-static{ position: static !important; } .position-sticky{ position: sticky !important; } .top-0 { top: 0; } .top-1 { top: 0.5rem; } .top-2 { top: 1rem; } .top-3 { top: 1.5rem; } .top-4 { top: 2.0rem; } .top-5 { top: 4.0rem; } .right-0 { right: 0; } .right-1 { right: 0.5rem; } .right-2 { right: 1rem; } .right-3 { right: 1.5rem; } .right-4 { right: 2.0rem; } .right-5 { right: 4.0rem; } .bottom-0 { bottom: 0; } .bottom-1 { bottom: 0.5rem; } .bottom-2 { bottom: 1rem; } .bottom-3 { bottom: 1.5rem; } .bottom-4 { bottom: 2.0rem; } .bottom-5 { bottom: 4.0rem; } .left-0 { left: 0; } .left-1 { left: 0.5rem; } .left-2 { left: 1rem; } .left-3 { left: 1.5rem; } .left-4 { left: 2.0rem; } .left-5 { left: 4.0rem; } /* * Animation */ @-webkit-keyframes ball-scale-multiple { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 5% { opacity: .75; } 100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes ball-scale-multiple { 0% { opacity: 0; -moz-transform: scale(0); transform: scale(0); } 5% { opacity: .75; } 100% { opacity: 0; -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes ball-scale-multiple { 0% { opacity: 0; -o-transform: scale(0); transform: scale(0); } 5% { opacity: .75; } 100% { opacity: 0; -o-transform: scale(1); transform: scale(1); } } @keyframes ball-scale-multiple { 0% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 5% { opacity: .75; } 100% { opacity: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes loading-block { 0% { opacity: 0; transform: translateY(-50%) translateX(-50%) scale(0.6); } 100% { opacity: 1; transform: translateY(-50%) translateX(-50%) translateZ(0) scale(1); } } @keyframes loading-blink { 0%, 100% { opacity: .3 } 50% { opacity: 1 } } @keyframes overload { 25% { transform: translateX(2px); } 50% { transform: rotate(-1deg); } 75% { transform: translateX(1px); } } @media screen and (max-height: 768px) { .q-modal-header { padding: 0; height: 28px; } .q-modal-header .q-modal-close { height: 20px; width: 20px; margin-right: 4px; } .q-modal-header .q-modal-close i { font-size: 13px !important; } .q-modal-title { font-size: 11px; text-transform: uppercase; font-weight: 600; padding-left: 12px; /* height: 26px; */ } .page-title-area { padding: 6px; } ul.basicMenu li { padding: 1px 0px; } } @media screen and (max-width: 900px) { .hide-w900 { display: none !important; } } @media screen and (max-width: 768px) { .DIVAUXWINDOW { width: 724px !important; } .divCdAcompanhamento { margin: 0px 0px 0px -64px; } .hide-w768 { display: none !important; } } @media screen and (max-height: 600px) { .DIVCONTEUDOMULTIPLESELECT { width: 248px !important; } .DIVGRIDCODDESCFIELD { width: 542px !important; } } @media screen and (max-width: 1366px) { .resizeWindow { width: 926px !important; } } @media screen and (max-width: 1280px) { .resizeWindow { width: 881px !important; } } .RADIOWRAP, .CHECKWRAP { white-space: nowrap; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; letter-spacing: 0.15px; font-feature-settings: "zero" on; color: rgba(0, 0, 0, 0.74); display: flex; align-items: center; } .RADIOWRAP input[type="radio"].with-font { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .RADIOWRAP input[type="radio"].with-font ~ label:before { font-family: "Font Awesome 5 Free"; display: inline-block; content: "\f111"; font-size: 16px; position: absolute; left: 0; } .RADIOWRAP input[type="radio"].with-font:checked ~ label:before { font-family: "Font Awesome 5 Free"; content: "\f192"; /* margin-right: 4px; */ display: inline-block; font-size: 16px; position: absolute; left: 0; } /*CHECKBOX*/ .CHECKWRAP input[type="checkbox"].with-font { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: fixed; width: 1px; position: relative; } .CHECKWRAP input[type="checkbox"].with-font[disabled] ~ label { color: rgba(118, 118, 118, 0.88); } .CHECKWRAP input[type="checkbox"].with-font[disabled] ~ label:before { color: rgba(118, 118, 118, 0.3); } .CHECKWRAP input[type="checkbox"].with-font ~ label:before { font-family: "Font Awesome 5 Free"; display: inline-block; content: "\f0c8"; font-size: 16px; position: absolute; left: 0; } .CHECKWRAP input[type="checkbox"].with-font:checked ~ label:before { font-family: "Font Awesome 5 Free"; content: "\f14a"; font-size: 16px; background-color: var(--success-border-subtle); } .CHECKWRAP label, .RADIOWRAP label { display: flex; align-items: center; padding-left: 20px; position: relative; line-height: 14px; min-width: 16px; } .CHECKWRAP label:empty, .RADIOWRAP label:empty { padding: 0; } .form-check { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; } .form-check .form-check-input { display: block !important; margin: 0; } .form-check-reverse { padding-right: 24px; padding-left: 0; text-align: right; } .form-check-reverse .form-check-input { float: right; margin-right: -24px; margin-left: 0; } .form-check-input { --form-check-bg: var(--background-color); flex-shrink: 0; width: 14px; height: 14px; vertical-align: top; appearance: none; background-color: var(--form-check-bg); background-image: var(--form-check-bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid #777777; } .form-check-input[type=checkbox] { border-radius: 4px; } .form-check-input[type="radio"] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: var(--success-border-subtle); outline: 0; box-shadow: 0 0 2px 0px rgb(10 179 156 / 25%); } .form-check-input:checked { background-color: var(--success); border-color: var(--success); } .form-check-input:checked[type="checkbox"] { --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type="radio"] { --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type="checkbox"]:indeterminate { background-color: #0d6efd; border-color: #0d6efd; --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; filter: none; opacity: .5; } .form-check-input[disabled] ~ label, .form-check-input:disabled ~ label{ cursor: default; opacity: .5; } .form-check-input ~ label { color: var(--font-dark); cursor: default; line-height: 20px; font-size: 12px; display: inline-flex; white-space: break-spaces; } .form-check-input ~ label:empty { display: none; } .form-check-inline { display: inline-block; margin-right: 16px; } .form-check-help { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; cursor: pointer; } .form-check-help > i.fas, .form-check-help > i.far { font-size: 16px; color: var(--info-text-emphasis) !important; opacity: .7; } .form-check-help:hover > i.fas, .form-check-help:hover > i.far { opacity: 1; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check[disabled] + .button-bs, .btn-check:disabled + .button-bs{ pointer-events: none; filter: none; opacity: .65; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input[role=switch] { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); width: 2em; margin-left: -2.5em; background-image: var(--bs-form-switch-bg); background-position: left center; border-radius: 2em; transition: background-position .15s ease-in-out; } .form-switch .form-check-input[role=switch]:checked { background-position: right center; --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .form-switch.form-check-reverse .form-check-input[role=switch] { margin-right: -2.5em; margin-left: 0; } .btn-check:checked+.button-bs, .button-bs.active, .button-bs.show, .button-bs:first-child:active, :not(.btn-check)+.button-bs:active:not(:disabled) { color: var(--btn-hover-color); background-color: var(--btn-active-bg); border-color: var(--btn-active-border-color); } .btn-check+.button-bs:hover { color: var(--btn-color); background-color: var(--btn-bg); border-color: var(--btn-border-color); } .form-check label.button-bs { min-width: unset; } .btn-check:checked+.button-bs i, .button-bs.active i, .button-bs.show i, .button-bs:first-child:active i, :not(.btn-check)+.button-bs:active i { color: var(--btn-hover-color) !important; } .relative { position: relative; } .absolute { position: absolute; } .sticky-bottom { position: sticky; bottom: 0; } .sticky-top { position: sticky; top: 0; } .input-search { position: relative; } .input-search .input-clear { position: absolute; width: 26px; height: calc(100% - 2px); right: 1px; top: 1px; display: flex; align-items: center; justify-content: center; } .input-search:has(input:placeholder-shown) .input-clear { display: none; } .input-search .input-clear i{ width: 20px; height: 20px; border-radius: 50%; cursor: pointer; color: var(--danger-bg-subtle) !important; } .input-search .input-clear:hover i{ background-color: var(--header-9); color: var(--danger-border-subtle) !important; } .treeview-container { display: flex; flex-flow: column; flex: 1; width: 100%; height: 100%; } .q-treeview-wrapper { display: flex; flex-flow: column; align-items: start; justify-content: start; background-color: var(--background-color); border: var(--border); width: 100%; height: 100%; } .q-treeview-wrapper > * { width: 100%; padding: 8px; background-color: inherit; border-bottom: var(--border); } .q-treeview-wrapper > *:last-child { border-bottom: none; } .q-treeview-title { padding: 6px 8px; font-weight: 500; font-size: 14px; line-height: 23px; background-color: var(--header-7); letter-spacing: .25px; text-shadow: var(--text-shadow-dark); color: var(--font-dark); } .q-treeview-title:empty { display: none; } .q-treeview-items { display: flex; flex-flow: column; gap: 1px; flex: 1; overflow-y: auto; } .q-treeview-toolbar { display: flex; flex-flow: row; gap: 8px; align-items: center; justify-content: start; background-color: var(--header-9); border-bottom: var(--border); } .q-treeview-toolbar:empty { display: none; } .q-treeview-leaf { display: flex; flex-flow: column; background-color: inherit; gap: 1px; } .q-treeview-leaf .q-treeview-item { display: flex; align-items: center; gap: 4px; width: 100%; height: 24px; position: relative; background-color: inherit; /* padding: 0 4px; */ cursor: pointer; } .q-treeview-leaf.selected { background-color: unset !important; } .selectable .q-treeview-leaf .q-treeview-item{ padding: 0; cursor: default; } .readonly .q-treeview-leaf .q-treeview-item, .readonly .q-treeview-leaf .item-label { cursor: default; } .q-treeview-leaf .item-colapse { /* display: none; */ width: 20px; height: 20px; align-items: center; justify-content: center; cursor: default !important; } .q-treeview-items > .q-treeview-leaf > .q-treeview-item .item-colapse, .q-treeview-leaf[data-haschildren="1"] > .q-treeview-item .item-colapse { display: flex; } .q-treeview-leaf .q-treeview-branch { display: none; flex-flow: column; width: 100%; position: relative; padding-left: 16px; background-color: inherit; gap: 1px; } .q-treeview-leaf.open > .q-treeview-branch { display: flex; } .q-treeview-item .form-check { height: 100%; display: flex; align-items: center; } .q-treeview-leaf[data-haschildren="1"] > .q-treeview-item .item-colapse { background-color: inherit; cursor: pointer !important; border-radius: 4px; z-index: 1; } .q-treeview-leaf[data-haschildren="1"] > .q-treeview-item .item-colapse::before { font-size: 12px; color: var(--info-border-subtle) !important; content: "\f054"; transition: all .25s ease-in-out; } .q-treeview-leaf[data-haschildren="1"].open > .q-treeview-item .item-colapse::before { color: var(--info) !important; transform: rotateZ(90deg); } .q-treeview-leaf[data-haschildren="1"] > .q-treeview-item .item-colapse:hover::before { color: var(--info) !important; } .q-treeview-branch::before { position: absolute; height: calc(100% - 12px); left: 10px; } .q-treeview-branch .q-treeview-item::before { position: absolute; width: 24px; height: 24px; left: -10px; border-bottom: 1px dashed rgb(204, 204, 204); top: -50%; } .q-treeview-item .item-check:empty { display: none; } .q-treeview-item .item-check input { z-index: 1; } .q-treeview-item .item-selector { opacity: 0; transition: .2s all ease-in-out; } .q-treeview-item:hover > .item-selector { opacity: .25; } .selected > .q-treeview-item > .item-selector { opacity: .75; } .q-treeview-branch::before { position: absolute; height: calc(100% - 12px); left: 10px; border-left: 1px dashed #cccccc; z-index: 0; } .q-treeview-leaf.open:last-of-type > .q-treeview-branch::after { content: ""; position: absolute; height: calc(100%); width: 24px; left: -24px; background-color: inherit; top: -11px; } .q-treeview-item .item-label{ display: flex; align-items: center; letter-spacing: .2px; white-space: pre; cursor: pointer; font-weight: 500; position: relative; } .q-treeview-leaf > .q-treeview-item { position: relative; } .q-treeview-leaf > .q-treeview-item:hover > .item-label::after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: var(--info-bg-soft); border-radius: 3px; z-index: -1; } .q-treeview-leaf > .q-treeview-item:hover > .item-label { position: relative; z-index: 1; } .q-treeview-leaf[data-haschildren="1"] > .q-treeview-item:hover > .item-label:after { left: -4px; width: calc(100% + 8px) } .q-treeview-leaf.selected > .q-treeview-item > .item-label::after, .q-treeview-leaf:has(.selected) > .q-treeview-item > .item-label:after { content: ""; position: absolute; left: -8px; top: -2px; width: calc(100% + 16px); height: calc(100% + 4px); background-color: var(--info-bg-subtle); border-radius: 3px; } .q-treeview-leaf[data-haschildren="1"]:has(.selected) > .q-treeview-item > .item-label:after { left: -4px; width: calc(100% + 8px) } .item-label > div { z-index: 1; } .selectable .q-treeview-item .item-label { padding: 0; cursor: default; } .q-treeview-leaf:has(.selected) > .q-treeview-item > .item-label, .selected > .q-treeview-item .item-label { font-weight: 600; letter-spacing: 0px; } .q-treeview-leaf.opening * { user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .q-treeview-item .item-icon { cursor: default !important; pointer-events: none; width: 16px !important; height: 16px !important; font-size: 14px !important; } .div-breadcrumb { display: flex; font-size: 14px; cursor: default; align-items: center; } .breadcrumb-step { cursor: default; border: 1px solid transparent; border-radius: 4px; white-space: nowrap; } .breadcrumb-step:last-child { font-weight: 600; } .breadcrumb-step.breadcrumb-action { padding: 0px 8px; } .breadcrumb-step.breadcrumb-action:not(:last-child) { cursor: pointer; text-decoration: underline; } .breadcrumb-step.breadcrumb-action:hover:not(:last-child) { background-color: var(--header-9); border-color: var(--border-color); } .div-breadcrumb i.breadcrumb-separator { cursor: default !important; } .div-scroll-y { display: flex; flex-flow: column; height: 100%; } .div-scroll-y .scroll { display: flex; flex-flow: column; flex: 1; overflow-y: auto; overflow-x: hidden; } .aba-wrapper { display: flex; flex-flow: column; flex: 1; border: var(--border); border-radius: 3px; } .aba-wrapper .ABA_TABLE{ border: none; border-bottom: var(--border); } .aba-wrapper.radius-0 .ABA_TABLE { border-radius: 0; } .aba-wrapper .aba-content-wrapper { display: flex; flex-flow: column; flex: 1; border-radius: 0 0 2px 2px; } .aba-wrapper.radius-0 .aba-content-wrapper { border-radius: 0; } .aba-content-wrapper .aba-content { display: flex; flex-flow: column; flex: 1; border-radius: 0px 0px 2px 2px; } .div-colapse { display: flex; flex-flow: column; width: 100%; border: var(--border); } .div-colapse > .div-colapse-title { margin: 0 !important; display: flex; align-items: center; gap: 4px; cursor: pointer; border: none; padding: 4px 8px; min-height: 32px; font-size: 13px; color: var(--dark-text-emphasis); } .div-colapse:not(.open) > .div-colapse-title { border-bottom-color: transparent; } .div-colapse > .div-colapse-title i.arrow::before { font-size: 12px; color: var(--info-border-subtle) !important; content: "\f054"; transition: all .25s ease-in-out; } .div-colapse.open > .div-colapse-title i.arrow::before { color: var(--info) !important; transform: rotateZ(90deg); } .div-colapse:not(.border-0) > .div-colapse-content { border-top: var(--border); } .div-colapse-dropdown { position: relative; border: none; } .div-colapse-dropdown.div-colapse > .div-colapse-title { border-top-left-radius: 4px; border-top-right-radius: 4px; border: var(--border); min-height: 28px; padding: 0 8px; } .div-colapse-dropdown.div-colapse:not(.open) > .div-colapse-title { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .div-colapse-dropdown.div-colapse > .div-colapse-content { position: absolute; top: calc(100% - 1px); border: var(--border); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; width: 100%; } .div-colapse-dropdown.div-colapse:not(.open) > .div-colapse-content { display: none; } .div-colapse-dropdown.div-colapse > .div-colapse-content::before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: var(--background-color); opacity: .9; z-index: -1; } .div-colapse-dropdown.div-colapse > .div-colapse-content *:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .div-colapse.big-colapse > .div-colapse-title { font-size: 16px; font-weight: 500; border: none; background-color: transparent; background-color: var(--light); padding: 8px 12px; border-radius: 0; gap: 8px; border-top: 1px solid var(--light-text-emphasis); border-bottom: 1px solid var(--light-text-emphasis); } .div-colapse.big-colapse > .div-colapse-content { /* background-color: var(--light-bg-subtle); */ border-bottom: 1px solid transparent; } .big-colapse > .div-colapse-title i.fa-16.arrow:before { font-size: 16px !important; } .div-colapse.big-colapse.open > .div-colapse-title { border-bottom: 1px solid var(--gray-200); } .select2-container { /* margin: 2px !important; */ /* padding: 1px 2px !important; */ display: flex !important; align-items: center !important; /* padding-right: 4px !important; */ } .select2-drop { border-radius: 4px !important; } .select2-drop-active { border: 1px solid #aaa !important; } .select2-search input { min-height: 24px !important; padding-left: 4px !important; font-family: var(--body-font-family) !important; font-size: 12px !important; border-radius: 4px !important; background: url('../../../../../css/layout/img/select2.png') no-repeat auto !important; color: #444 !important; font-style: normal !important; font-weight: normal !important; } .select2-results { padding: 0 !important; margin: 4px !important; border-radius: 0 0 4px 4px !important; } .select2-results li { display: flex !important; font-size: 12px !important; min-height: 22px !important; text-transform: none !important; font-weight: normal !important; white-space: pre !important; cursor: pointer !important; align-items: center !important; border-radius: 3px !important; } .select2-results .select2-result-label { padding: unset !important; margin: auto 4px !important; min-height: unset !important; } .select2-container .select2-choice { height: max-content !important; padding: 0 !important; display: flex !important; border: none !important; border-radius: 4px !important; line-height: unset !important; background-color: transparent !important; box-shadow: none !important; align-items: center !important; margin: auto 0 !important; flex: 1; min-height: 16px !important; } .select2-container .select2-choice > .select2-chosen { margin: 0 18px 0 2px !important; width: 100% !important; height: 100% !important; } .select2-container .icon-img, .select2-container .select2-arrow { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-size: contain; height: 16px !important; width: 13px !important; background-repeat: no-repeat; background-position: center center; opacity: .8; transition: all .3s ease-in-out; transform: rotate(0deg); position: relative !important; display: flex !important; top: 0px !important; } .select2-dropdown-open.select2-container .icon-img{ transition: all .3s ease-in-out; transform: rotate(180deg); } .select2-container .select2-choice .select2-arrow b { display: none !important; } .image-combo-wrapper { position: relative; width: max-content; } .image-combo-wrapper .image-combo-options { position: absolute; display: none; } .image-combo-wrapper.open:has(div:hover) .image-combo-options { display: unset; } .image-combo-option { padding: 0 8px; text-align: center; background-color: #fff; cursor: pointer; height: 32px; border: none !important; } .image-combo-option:hover { background-color: var(--header-7); } .flex:has(.image-combo-wrapper .input-bs img) button { opacity: 1; } .canvas-empty { display: flex; align-items: center; justify-content: center; padding: 8px 0; font-weight: 500; margin: 8px 0; background-color: var(--light-border-subtle); } .italic { font-style: italic; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; } .select-none { user-select: none; } .border-dashed { border-style: dashed !important; } .td-link { /* text-decoration: underline; */ cursor: pointer; padding-right: 20px !important; position: relative; white-space: nowrap; } .td-link:hover { background-color: var(--info-bg-subtle); } .td-link::after { font-family: "Font Awesome 5 Free"; content: "\f35d"; font-size: 10px; color: var(--info-border-subtle); font-weight: 900; position: absolute; width: 14px; right: 3px; top: 50%; transform: translateY(-50%); } .td-link:hover::after { color: var(--info); } .gap-4 > li { margin-top: 4px; margin-bottom: 4px; } .ui-draggable-handle { cursor: all-scroll; } .mxButton .buttonicon { --btn-bg: var(--background-color); } .vr { display: inline-block; align-self: stretch; width: 1px; min-height: 1em; background-color: currentcolor; opacity: .25; } .margin-0 > .multiple-select { margin: 0px; } .multiple-select.margin-0 > .buttonicon { height: unset; } .multiple-select.margin-0 .form-check i { height: 100% !important; } .multiple-select > .form-check { border: none !important; } .text-primary { color: var(--primary) !important; } .text-danger { color: var(--danger) !important; } .option-icon { display: flex !important; width: 16px; height: 16px; background-position: center center; background-repeat: no-repeat; background-size: contain; } .box-kpi { display: flex; flex-flow: column; align-items: center; justify-content: center; padding: 16px; font-size: 16px; font-weight: 600; gap: 4px; border-radius: 4px; border: 1px solid var(--primary-bg-subtle); background-color: var(--header-7); color: var(--primary); max-width: 240px; flex: .2; } .w-20 { width: 20px !important; } .flex-col hr { width: 100%; } .no-wrap { white-space: nowrap; } .aba-content-info { font-weight: 500; font-size: 13px; padding: 6px 8px; border: var(--border); background-color: var(--warning-bg-soft); } .aba-content-info.no-padding { border: none; border-bottom: var(--border); } .img-etapa { height: 42px; aspect-ratio: 3 / 2; background-repeat: no-repeat; background-position: center; background-size: contain; opacity: .7; } .img-etapa.img-64 { height: 64px; background-position: center; } .read-only .multiple-select { border-color: transparent; } .read-only input.input-bs { border-color: transparent !important; background-color: rgba(0,0,0,.03); border: none !important; } .inherit-fs * { font-size: inherit !important; } .read-only .multiple-select input.input-bs:first-of-type { background-color: rgba(0,0,0,.05); } .underline { text-decoration: underline !important; } .input-bs.read-only, .div-read-only { border-color: #0000000d; background-color: #ffffffb3; background-image: none; color: var(--font-dark); opacity: 1; pointer-events: none; user-select: auto; } .div-read-only { width: fit-content; white-space: wrap; } .grid-toolbar { display: flex; background-color: inherit; align-items: start; gap: 8px; } .grid-title-area { display: flex; gap: 8px; align-items: baseline; background-color: inherit; } .grid-title-area > .grid-title { font-size: 16px; font-weight: 600; color: var(--font-dark); } .grid-title-area > .grid-count { font-size: 13px; font-weight: 500; font-style: italic; } .grid-toolbar > .grid-toolbar-buttons { display: flex; align-items: flex-end; gap: 4px; } .grid-toolbar > .grid-groups { display: flex; flex: 1; height: 100%; } .grid-toolbar .grid-dropgroups { display: flex; background: var(--header-7); padding: 1px 0; align-items: center; border-radius: 4px; gap: 4px; /* border: 1px dashed var(--info); */ min-height: 28px; margin: 0; height: 100%; flex-wrap: wrap; } .grid-group { display: flex; height: 26px; align-items: center; border-radius: 4px; float: left; } .grid-group-label { display: flex; align-items: center; height: 100%; background-color: var(--info); padding: 0px 8px; border-radius: 3px 0 0 3px; color: var(--btn-color); cursor: all-scroll; user-select: none; font-size: 13px; font-weight: 500; letter-spacing: .2px; line-height: 100%; } .grid-group-icon { height: 100%; background-color: var(--info); border-radius: 0px 3px 3px 0; opacity: .8; color: var(--btn-color) !important; padding: 0 8px; font-size: 12px !important; } .grid-group-icon:hover { color: var(--danger-bg-subtle) !important; } .grid-dropmessage { font-size: 13px; font-weight: 500; padding: 0 8px; font-style: italic; pointer-events: none; user-select: none; } .qf-area.left.closed, .qf-area.right.closed { width: 32px !important; } .qf-area.closed .qf-area-body > * { display: none !important; } .qf-area.left, .qf-area.right { width: 320px; flex-flow: column; } .closed #collapse-text { position: absolute; display: flex; height: max-content; writing-mode: vertical-lr; top: 42px; pointer-events: none; line-height: 100%; } .qf-area-header { height: 32px; position: relative; display: flex; justify-content: space-between; align-items: center; cursor: default !important; background-color: var(--header-7); border-bottom: var(--border); padding: 4px 8px; font-size: 14px; font-weight: 500; } .qf-area-body { display: flex; flex-flow: column; background-color: inherit; overflow-y: auto; overflow-x: hidden; flex: 1; } .qf-area.closed .qf-area-body { background-color: var(--header-7); } .qf-toggle-area { width: 16px !important; height: 16px !important; font-size: 14px !important; } .qf-area-wrapper { display: flex; border-radius: 4px; } .qf-area-wrapper > * { border: var(--border); border-left: none; } .qf-area-wrapper.border-0 > * { border: none; border-right: var(--border); } .qf-area-wrapper:not(.border-0) > *:first-child { border-left: var(--border); } .left .qf-toggle-area { margin-left: auto; } .left .qf-toggle-area::before { content: "\f100"; } .right .qf-toggle-area::before { content: "\f101"; } .closed .qf-toggle-area { transform: rotateZ(180deg); } .qf-area { display: flex; flex-flow: column; } .div-modelo { padding: 0 8px 8px 8px; height: calc(100vh - 270px); } .ql-toolbar.ql-snow { background-color: var(--background-color); } .qf-area-wrapper:not(.radius-0) > *:first-child { border-radius: 3px 0px 0px 3px; } .qf-area-wrapper:not(.radius-0) > *:first-child > *:first-child { border-top-left-radius: 3px; } .qf-area-wrapper:not(.radius-0) > *:first-child > *:last-child { border-bottom-left-radius: 3px; } .qf-area-wrapper:not(.radius-0) > *:last-child { border-radius: 0px 3px 3px 0px; } .qf-area-wrapper:not(.radius-0) > *:last-child > *:first-child { border-top-right-radius: 3px; } .qf-area-wrapper:not(.radius-0) > *:last-child > *:last-child { border-bottom-right-radius: 3px; } .table-component { display: flex; padding: 4px 8px; gap: 8px; border-radius: 3px; font-weight: 500; margin: 2px 0; width: 50%; } .component:hover { background-color: var(--warning-border-subtle); } .table-component .component-image { background-position: center; background-repeat: no-repeat; background-size: contain; width: 16px; } .component-highlight { position: relative; } .component-highlight > td::before { content: ''; position: absolute; width: calc(100% + 8px); height: calc(100% + 8px); top: -4px; left: -4px; background-color: var(--success); opacity: .1; border-radius: 3px; pointer-events: none; } .component-highlight.applied > td::before { background-color: var(--info); } #log-rule:hover .log-rule-condition { background-color: var(--success-bg-subtle); } #log-rule:hover .log-rule-applied { background-color: var(--info-bg-subtle); } .log-rule-condition, .log-rule-applied { cursor: default; } #ticker-container { position: relative; align-self: start; } .standarttreerow > span[data-inactive=Y] { color: var(--gray-600); text-decoration: line-through; text-decoration-color: var(--primary-border-subtle); padding-left: 20px !important; } .standarttreerow > span[data-inactive=Y]:before { content: "\f6e2"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; margin-left: -14px; margin-top: 1px; font-size: 12px; color: var(--primary-border-subtle); } .info-instrucao { display: flex; align-items: baseline; gap: 4px; position: relative; } .info-instrucao-icon { display: flex; align-items: center; justify-content: center; background-color: var(--info-border-subtle); border-radius: 4px 0 0 4px; font-size: 10px !important; width: 24px !important; height: 24px !important; color: var(--info) !important; cursor: default !important; } .info-instrucao-icon:before { content: "\f129"; font-family: "Font Awesome 5 Free"; font-weight: 900; } .info-instrucao-text { font-weight: 500; color: var(--gray-600); font-style: italic; font-size: 12px; padding: 2px 8px; border-radius: 3px; background-color: var(--info-bg-soft); display: flex; gap: 8px; align-items: center; } .info-instrucao-text > i { color: var(--gray-500) !important; } .info-instrucao.info-confidencial { background-color: var(--warning-bg-soft); padding: 3px 6px; } .info-confidencial > .info-instrucao-icon { background-color: var(--warning); color: var(--danger-text-emphasis) !important; display: none !important; } .info-confidencial > .info-instrucao-icon:before { content: "\f05e"; } .info-confidencial .info-instrucao-text { color: var(--warning-text-emphasis); border-radius: 4px; } .shadow { box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px; } .field-required.input-bs { margin: 0; } .field-required-wrapper:has( > .field-required.input-bs) { margin: 2px; } .multiple-select > .field-required-wrapper { margin: 0px !important; /* border-radius: 8px !important; */ } td > .field-required-wrapper { width: max-content; } .field-required[type=checkbox] { margin-left: 8px !important; } *:has( > .field-required)::after{ /* content: ""; */ position: absolute; height: 100%; width: 4px; background-color: var(--danger); left: 0px; top: 0px; border-radius: 4px 0px 0px 4px; } .label-required { display: none; } .field-required-wrapper { position: relative; width: 100%; display: inline-flex; background-color: transparent; } .field-required-wrapper:has(.field-required)::after{ content: ""; position: absolute; height: 100%; width: 4px; background-color: var(--danger); left: 0px; top: 0px; border-radius: 4px 0px 0px 4px; } .multiple-select .field-required-wrapper::after{ left: -1px; top: -1px; height: calc(100% + 2px); } .field-required-wrapper:has( input.field-required[type='checkbox' i]:checked)::after, .field-required-wrapper:has( > input[type='text' i].field-required:not(.required-empty))::after, .field-required-wrapper:has( > input[type='number' i].field-required:not(.required-empty))::after, .field-required-wrapper:has( > input[type='float' i].field-required:not(.required-empty))::after, .field-required-wrapper:has( > input[type='password' i].field-required:not(.required-empty))::after, .field-required-wrapper:has( > input[type='color' i].field-required:not(.required-empty))::after, .field-required-wrapper:has( > input[type='date' i].field-required:not(.required-empty))::after, .field-required-wrapper:has( > input[type='time' i].field-required:not(.required-empty))::after, .field-required-wrapper:has( > select.field-required:not(.required-empty))::after, .field-required-wrapper:has( > textarea.field-required:not(.required-empty))::after { background-color: var(--success); } .button-caption { display: inline-flex; font-size: 12px; font-weight: 500; margin-left: 8px; } .flex.flex-wrap.wrap-2 > * { width: calc(50% - 2px); } .flex.flex-wrap.wrap-3 > * { width: calc(33% - 2px); } .flex.flex-wrap.wrap-4 > * { width: calc(25% - 2px); } .div-colapse.no-header > .div-colapse-title, .div-colapse.no-header > .div-colapse-content > .border-bottom{ display: none; } .div-colapse.no-header > .div-colapse-content { margin: 8px 0 4px 0; } .ignore-click { cursor: default; } .div-row:has(> .div-col textarea) > .div-label, .div-row:has(> .div-col textarea) .buttonicon { align-self: start; margin-top: 2px; } .multiple-select.compact { margin: 0px; } .multiple-select.compact .buttonicon { min-height: unset !important; height: 22px !important; font-size: 12px !important; min-width: unset !important; width: 28px !important;} .multiple-select.compact i.fa-16 { font-size: 12px !important; } .multiple-select.compact > *:not(textarea), .multiple-select.compact .button-bs { height: 22px; font-size: 11px; } input.info-confidencial { pointer-events: none; user-select: none; background-color: var(--gray-100) !important; } input.info-confidencial::placeholder { color: var(--gray-600) !important; font-weight: 500; font-style: italic; text-transform: uppercase; } .multiple-select > .prepend-icon { display: flex; align-items: center; justify-content: center; background-color: var(--btn-bg); color: var(--btn-color); } .prepend-icon i { color: var(--btn-color) !important; cursor: default !important; } .div-link { cursor: pointer; position: relative; /* padding-left: 8px !important; */ /* padding-right: 24px !important; */ } .div-link:hover { background-color: var(--info-bg-subtle); position: relative; } .div-link::after { font-family: "Font Awesome 5 Free"; content: "\f35d"; font-size: 10px; color: var(--info-border-subtle); font-weight: 900; position: absolute; width: 14px; right: 3px; top: 50%; transform: translateY(-50%); } .div-link:hover::after { color: var(--info); } .multiple-select:has(.input-bs.div-link):hover { background-color: var(--info-bg-subtle) !important; cursor: pointer; letter-spacing: 0px; } .div-link:not(.input-bs) { padding-left: 8px !important; padding-right: 24px !important; } .div-link:not(.input-bs):hover { border-radius: 3px; } .multiple-select:has(.input-bs.div-link) { position: relative; } .multiple-select:has(.input-bs.div-link):hover .input-bs.div-link { background-color: var(--info-bg-subtle); cursor: pointer; } .multiple-select.border-0 * { border: none !important; } .align-self-baseline { align-self: baseline; } #fieldtags .tag > i { margin-left: 4px; color: #ffffff !important; font-size: 12px !important; width: 16px !important; } #divContentdivAddLinhas .div-infoadicional-wrapper { border: var(--border); margin: 0 !important; padding: 8px; background-color: var(--background-color); } .text-success { color: var(--success) !important; } .text-info { color: var(--info) !important; } .text-warning { color: var(--warning) !important; } .text-secondary { color: var(--secondary) !important; } .tag-chamado { font-size: 11px !important; cursor: default; gap: 6px; font-weight: 600 !important; color: var(--gray-200) !important; /* text-transform: none !important; */ height: 22px !important; letter-spacing: .25 !important; padding: 0 8px !important; border-radius: 2px !important; margin: 0 2px 2px 0 !important; } .tag-chamado i { width: unset !important; color: var(--gray-100) !important; } .rotate-90 { transform: rotate(90deg); } .field-required-wrapper:has(.CodeMirror) { width: 100%; display: flex; } .field-required-wrapper .CodeMirror.cm-s-default { flex: 1; } .text-danger-strong { color: var(--danger-text-emphasis) !important; } .text-warning-strong { color: var(--warning-text-emphasis) !important; } #divContentdivCompanyChange #cdcompany.input-bs { margin: 0; } .div-infoadicional-wrapper{ display: flex; flex-flow: column; gap: 4px; margin: 12px 0 !important; } .div-infoadicional-wrapper.two-columns { flex-flow: row; flex-wrap: wrap; justify-content: center; } .div-infoadicional{ display: flex; gap: 8px; align-items: start; } .div-infoadicional-wrapper.two-columns .div-infoadicional{ flex-basis: 40%; margin-left: 64px; } .div-infoadicional:has(.info-instrucao) > .div-info-label { min-height: unset; } .div-infoadicional > .div-info-label { font-size: 13px; font-weight: 500; line-height: 14px; min-height: 28px; flex: .2; min-width: 240px; white-space: pre-wrap; text-align: end; width: 100%; align-content: center; } .div-infoadicional .input-bs { margin: 0; } .div-infoadicional .field-required-wrapper, .div-infoadicional .multiple-select{ margin: 0 !important; } .div-info-field { flex: .8; display: flex; align-items: start; gap: 4px; } .div-infoadicional .multiple-select > *:not(textarea), .div-infoadicional .multiple-select > .field-required-wrapper > *:not(textarea), .div-infoadicional .multiple-select .button-bs { height: 26px; min-height: 26px; } .radio-help { margin-left: 16px; flex-basis: 100%; } .form-check:has(.radio-help) { flex-wrap: wrap; gap: 0; } .form-check:has(.radio-help) > label { margin-left: 4px; } .radio-help-text { width: max-content; background-color: var(--warning-bg-subtle); padding: 4px 8px; border-radius: 3px; color: var(--gray-700); line-height: 12px; font-style: italic; } .q-modal-body:has(.no-padding) { overflow: hidden; padding: 0; } .input-bs.DATEFIELD { width: 84px; } .input-bs.HOURFIELD { width: 48px; margin-left:4px; }