/*Write your custom css in this file.*/ audio { width: 190px; height: 30px; } /* Exemplo de tentativa de esconder o botão de volume/mute (não garantido que funcione em todos os navegadores) */ audio::-webkit-media-controls-mute-button, audio::-webkit-media-controls-volume-slider { display: none !important; } #signature canvas { border: 3px solid red !important; /* Define a espessura e a cor da borda */ } /* MAIL BOX */ .box-content-mailbox{ display: block !important; float: left !important; } .hidden{ display: none !important; } /* ===== Help Widget (floating "?" button + offcanvas) ===== */ .help-widget-fab { position: fixed; bottom: 24px; right: 24px; z-index: 4400; width: 48px; height: 48px; border-radius: 50%; border: none; background: #4c6ef5; color: #fff; box-shadow: 0 4px 12px rgba(76, 110, 245, 0.4); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: transform 0.2s, box-shadow 0.2s; } .help-widget-fab:hover { transform: scale(1.08); box-shadow: 0 6px 16px rgba(76, 110, 245, 0.5); } .help-widget-fab svg { width: 22px; height: 22px; } #helpWidgetPanel .offcanvas-body { display: flex; flex-direction: column; overflow: hidden; } #helpWidgetPanel .help-widget-content { flex: 1; overflow-y: auto; } #helpWidgetPanel .offcanvas-footer { background: #f8f9fa; } /* Search */ #helpWidgetPanel .input-group { position: relative; } #helpWidgetPanel .help-widget-spinner { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); z-index: 5; } #help-widget-search-results { position: absolute; left: 0; right: 0; max-height: 280px; overflow-y: auto; z-index: 10; border-radius: 0 0 6px 6px; } /* Article body inside widget */ .help-widget-article-body { font-size: 0.9rem; line-height: 1.6; word-wrap: break-word; overflow-wrap: break-word; } .help-widget-article-body img { max-width: 100%; height: auto; } .help-widget-article-body table { max-width: 100%; overflow-x: auto; display: block; } /* Category/article list items */ #helpWidgetPanel .list-group-item { border-left: none; border-right: none; padding: 10px 16px; font-size: 0.9rem; } #helpWidgetPanel .list-group-item:first-child { border-top: none; } /* When chat icon exists, help FAB stays above it. When no chat, drop down */ .init-chat-icon ~ .help-widget-fab { bottom: 80px; } /* ===== Draggable Help FAB ===== */ .help-widget-fab { user-select: none; -webkit-user-select: none; touch-action: none; } /* ===== Driver.js Tour Customization ===== */ .phi-tour-popover { max-width: 380px !important; } .phi-tour-popover .driver-popover-title { font-size: 16px !important; font-weight: 600 !important; color: #333 !important; } .phi-tour-popover .driver-popover-description { font-size: 13px !important; line-height: 1.5 !important; color: #555 !important; } .phi-tour-popover .driver-popover-navigation-btns { gap: 8px; } .phi-tour-popover .driver-popover-next-btn, .phi-tour-popover .driver-popover-done-btn { background: #4c6ef5 !important; color: #fff !important; border: none !important; padding: 6px 16px !important; border-radius: 6px !important; font-size: 13px !important; text-shadow: none !important; } .phi-tour-popover .driver-popover-next-btn:hover, .phi-tour-popover .driver-popover-done-btn:hover { background: #3b5bdb !important; } .phi-tour-popover .driver-popover-prev-btn { background: transparent !important; color: #666 !important; border: 1px solid #dee2e6 !important; padding: 6px 16px !important; border-radius: 6px !important; font-size: 13px !important; text-shadow: none !important; } .phi-tour-popover .driver-popover-close-btn { color: #999 !important; } .phi-tour-popover .driver-popover-progress-text { font-size: 11px !important; color: #999 !important; } /* Tour prompt (auto-start) */ .phi-tour-prompt .driver-popover-title { font-size: 18px !important; } .phi-tour-prompt .driver-popover-description { font-size: 14px !important; } /* ===== HR: árvore de equipes/sub-equipes (hr_teams) ===== */ .hr-tree-wrap ul { list-style: none; margin: 0; padding-left: 0; } .hr-tree-wrap .hr-tree-children { padding-left: 22px; border-left: 1px dashed #d8dde6; margin-left: 9px; } .hr-tree-row { padding: 5px 8px; border-radius: 6px; } .hr-tree-row:hover { background: #f5f6fa; } .hr-tree-row:hover .hr-tree-actions { visibility: visible; } .hr-tree-actions { visibility: hidden; white-space: nowrap; } .hr-tree-actions a { color: #6c757d; margin-left: 3px; } .hr-tree-actions a:hover { color: #0d6efd; } .hr-tree-toggle { display: inline-block; width: 18px; text-align: center; cursor: pointer; color: #8a94a6; } .hr-tree-toggle.collapsed [data-feather] { transform: rotate(-90deg); } /* ===== HR: overrides do jsTree na Estrutura (departments) ===== */ #dept-tree-view { background: #fafbfc; border-radius: 6px; } #dept-tree-view .jstree-default .jstree-node { margin-left: 10px; } #dept-tree-view .jstree-default .jstree-anchor { font-size: 13px; padding: 3px 6px; line-height: 1.6; } #dept-tree-view .jstree-default .jstree-anchor .badge { font-size: 10px; } #dept-tree-view .jstree-default .jstree-anchor:hover { background: rgba(0,0,0,.04); } /* ===== Fix scroll duplo (phantom body scroll) ===== O scroller real da página é .scrollable-page (PerfectScrollbar com altura fixa = viewport - 65px, definida em general_helper.js::setPageScrollable). O NÃO deve rolar — o style.scss fonte define `html, body { overflow: hidden }`, mas no app.all.css compilado essas duas linhas estão comentadas. Sem elas o body rola ~65px (a .page-container tem height:100% + margin-top:65px = 100%+65px, estourando o body pela altura do topbar), criando um segundo scrollbar que vai a uma distância diferente do interno. Restauramos aqui (custom-style.css carrega por último e não é mesclado, então sobrevive a recompilações do app.all.css). Mobile (<=640px) é sobrescrito p/ overflow:initial em runtime pelo setPageScrollable, então isto vale só p/ desktop. */ html, body { overflow: hidden; } .tree-icon { width: 16px; height: 16px; vertical-align: middle; margin-right: 4px; } /* Select2 dentro de
precisa REALMENTE travar. O