/* ROOT [VARIÁVEIS]- START */ :root { /*module colors - Default*/ --cl-admin: #1172B9; --cl-itsm: #FF8C00; --cl-estoque: #B646EA; --cl-ponto: #45BB2E; --cl-km: #03A0F9; --cl-relatorio: #887F5D; /* gray colors */ --gray-1: #FFFFFF; --gray-2: #EFEFEF; --gray-3: #E4E4E4; --gray-4: #C8C8C8; --gray-5: #909090; --gray-6: #585858; --gray-7: #2F2F2F; --gray-8: #202020; --gray-9: #000000; /* semantic colors */ --cl-sucess: #05DD01; --cl-sucess10: #E6FCE6; --cl-info: #4BBEFF; --cl-info10: #EDF9FF; --cl-warning: #f9c403; --cl-warning10: #FEFAE6; --cl-warning: #ffc800; --cl-warning10: #fbe9c4; --cl-disable: var(--gray-3); --cl-disable10: #F2F2F1; --cl-percent1: #0098FF; --cl-percent2: #15DF11; --cl-percent3: #FFCC00; --cl-percent4: #FFA500; --cl-percent5: #FF6161; --cl-opaco: var(--gray-4); /* assets */ --hr: rgb(137 137 137 / 50%); } /* ROOT [VARIÁVEIS] - END */ /* COLORS SCHEMES - START*/ /*light theme*/ html[data-theme="light"] { --filter-invert: invert(0); --bg-primary: var(--gray-1); --bg-secondary: var(--gray-2); --bg-secondary: #f4f5f7; --txt-primary: var(--gray-8); --txt-secondary: var(--gray-6); --brd-primary: var(--gray-3); --brd-secondary: var(--gray-4); --txt-destaque: var(--gray-1); --txt-destaque-inverso: var(--gray-1); --bg-destaque: var(--gray-9); --bg-destaque-inverso: var(--gray-7); --cl-invert: var(--filter-invert); --cl-error: #FF1A1A; --cl-error10: #FFEAEE; --cl-error10: #fccdcd; --cl-statusNovo: #909090; --cl-statusVisualizado: #F8961E; --cl-statusAguardando: #F3722C; --cl-statusAceito: #F9C74F; --cl-statusDeslocamento: #1172B9; --cl-statusNoLocal: #5AA9E6; --cl-statusAtendimento: #3A9278; --cl-statusCancelado: var(--cl-error); --cl-statusFechado: #3bab01; --cl-statusFechadoTecnico: #90BE6D; --cl-statusFinalizado: #90BE6D; --cl-statusNovo10: #c2c2c2; --cl-statusVisualizado10: #fbc888; --cl-statusAguardando10: #f8b18b; --cl-statusAceito10: #fce5b0; --cl-statusDeslocamento10: #44a7ee; --cl-statusNoLocal10: #b8daf4; --cl-statusAtendimento10: #6dc5ab; --cl-statusCancelado10: #ff8585; --cl-statusFechado10: #6afe20; --cl-statusFechadoTecnico10: #c9dfb9; --cl-statusFinalizado10: #6afe20; --brd-transparent: #ffffffd1; --bg-main: #e7e7e7; --bg-row: #FFFFFF; --hover: #fbfbfb; --hover2: hsl(0deg 0% 98.57%); --item-selected: var(--gray-7); --bg-resumo: #fff; --txt-resumo: #b646ea; --fw-regular: 500; --fw-bold: 600; } /*dark theme*/ html[data-theme="dark"] { --filter-invert: invert(1); --bg-primary: var(--gray-7); --bg-secondary: var(--gray-9); --txt-primary: var(--gray-1); --txt-secondary: var(--gray-3); --brd-primary: var(--gray-6); --brd-secondary: var(--gray-5); --txt-destaque: var(--gray-1); --txt-destaque-inverso: var(--gray-9); --bg-destaque: var(--gray-8); --bg-destaque-inverso: var(--gray-1); --cl-invert: var(--filter-invert); --cl-error: #ff6060; --cl-error10: #FFEAEE; --cl-statusNovo: #909090; --cl-statusVisualizado: #F8961E; --cl-statusAguardando: #F3722C; --cl-statusAceito: #F9C74F; --cl-statusDeslocamento: #1172B9; --cl-statusNoLocal: #5AA9E6; --cl-statusAtendimento: #3A9278; --cl-statusCancelado: var(--cl-error); --cl-statusFechado: #3bab01; --cl-statusFechadoTecnico: #90BE6D; --cl-statusFinalizado: #90BE6D; --brd-transparent: #87878742; --bg-main: #1a1a1a; --bg-row: var(--bg-primary); --hover: hsl(0deg 0% 50.54% / 6%); --hover2: hsl(0deg 0% 0% / 51%); --item-selected: var(--gray-2); --bg-resumo: #787878; --txt-resumo: #b646ea; --hover: hsl(0deg 0% 50.54% / 20%); --fw-regular: 400; --fw-bold: 500; } /* COLORS SCHEMES - END*/ /* HTML - START */ html { font-size: 62.5%; /*10px - Default font size is 16px */ /* font-family: Inter, "sans-serif", OpenSans, "system-ui";*/ /* letter-spacing: .01em;*/ /* font-weight: var(--fw-regular);*/ } h1, h2, h3, h4, h5, p, span, label, a, td, button, input { font-weight: var(--fw-regular) !important; /*color: var(--txt-primary);*/ } .hr-vertical { width: 2px; background-color: var(--brd-secondary); } .red { color: red !important; } .itsm { color: var(--cl-itsm); } .estoque { color: var(--cl-estoque); } .info { color: var(--cl-sucess); } .error { color: var(--cl-error); } .warning { color: var(--cl-warning); } .cl-percent1 { color: var(--cl-percent1); } .cl-percent2 { color: var(--cl-percent2); } .cl-percent3 { color: var(--cl-percent3); } .cl-percent4 { color: var(--cl-percent4); } .cl-percent5 { color: var(--cl-percent5); } .cl-opaco { color: var(--cl-opaco); } .over-x { overflow-x: auto; } .over-y { overflow-y: auto; } .text-center { font-size: 1.2rem; } .flex { display: flex; align-items: center; justify-content: center; gap: 10px; } .flex-column { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; } .flex-row-spaced { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; } .flex-column-spaced { display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 10px; } .full-textarea { width: 100%; height: 10%; padding: 10px; border: solid 1px var(--brd-primary); border-radius: 4px; } /*BODY*/ body { display: flex; overflow: hidden; font-size: 1rem; /*10px*/ transition: zoom .3s ease; } .main { min-height: unset; } hr { margin: 1rem 0 1rem; color: var(--hr); opacity: .25; } *.no-display { display: none !important; } *.desabilitado { opacity: .5; } *.desabilitado:hover { background-color: transparent !important; } /* VIEW_LOGIN - START*/ #logo-svg { display: block; } .container-page { height: 100%; } .l-black { fill: var(--gray-7); } .l-color { fill: var(--cl-destaque); } .container-center { display: flex !important; flex-direction: column; justify-content: center; align-items: center; z-index: 1; width: 100vw; height: 100vh; background-color: white !important; background: linear-gradient(45deg, #ff8c0024 10%, #b646ea0f 30%, #45bb2e2e 60%, #03a0f933 100%); transition: .6s; } .container-form { position: relative; margin: 10px auto 0 auto; width: calc(100% - 40px); max-width: 440px; min-width: 320px; min-height: 320px; max-height: 320px; padding: 44px; overflow: hidden; background-color: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.2); } .form-title { display: flex; justify-content: flex-start; align-items: center; width: 40%; height: 100%; border-right: solid 2px var(--brd-primary); overflow: hidden; } .form-login h1 { font-size: 1.5rem; font-weight: bold; color: var(--txt-primary); } .form-login p { margin-bottom: 20px; font-size: 1rem; line-height: 1.4rem; color: var(--txt-secondary); } .form-login { display: flex; flex-direction: column; justify-content: space-between; position: absolute; top: 44px; right: 44px; min-height: 210px; max-height: 210px; } .form-login form { display: flex; flex-direction: column; justify-content: flex-end; } .form-title .logo-svg svg { width: 120px; height: 50px; } .btn-login { width: 100%; margin-top: 20px; padding: 4px 8px; font-size: 1.125rem; font-weight: 500; color: var(--gray-1); background: #141414; border-radius: 25px; border-width: 1px; transition: 0.4s; } .btn-login:hover { color: var(--gray-1); background: #292929 !important; outline: none !important; } .link-hover a { display: block; margin-top: 5px; font-size: 1rem; text-align: right; text-decoration: none; color: gray !important; } .link-hover a:hover { color: #323232 !important; } label[for="txtCodigoTwoFactor"] { top: unset !important; } .container-modulos { display: flex; flex-direction: column; justify-content: center; align-items: flex-end; z-index: 10; gap: 5px; width: 80%; height: 200px; margin: 0 auto; border-radius: 4px; } .modulo { display: flex; align-items: center; justify-content: center; position: relative; width: 100%; height: 30px; background-color: white; border: 1px solid var(--brd-primary); border-radius: 25rem; } .modulo a { display: flex; justify-content: center; width: 100%; line-height: 30px; font-size: 1rem; color: var(--txt-primary); } .modulo:hover { background-color: #323232; } .modulo:hover a { color: white; text-decoration: none; } /* VIEW_LOGIN - END*/ #splash-screen { position: relative; display: flex; justify-content: center; align-items: center; width: 400px; height: 140px; } #splash-screen img { width: 100%; filter: opacity(0.3) invert(.5); animation: welcome ease-in-out 1.2s; } .subtitle-page { position: absolute; right: 10px; bottom: 0px; font-size: 20px; font-weight: 600; color: var(--txt-secondary); opacity: 0.2; } .form-footer { position: absolute; bottom: -40px; left: 15%; } .form-footer a { display: block; color: var(--txt-secondary); font-size: 1rem; line-height: 1.2rem; text-align: center; text-decoration: none; opacity: .5; } .form-footer a:hover { color: var(--txt-primary); opacity: 1; text-decoration: none; } .form-footer .btn-secondary { height: 26px; border-radius: 25px; transition: .6s; display: flex; align-items: center; justify-content: center; border: 1px solid var(--cl-destaque) !important; } .form-footer .btn-secondary:hover { background-color: var(--gray-2); border: 1px solid var(--gray-600) !important; } /*SIDEBAR - INICIO*/ .sidebar { position: relative; display: flex; justify-content: space-between; flex-direction: column; align-items: center; max-width: 60px; min-width: 60px; padding: 1rem; background-color: var(--bg-primary); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px; transition: .6s; } .sidebar-link, a.sidebar-link { max-height: 50px; width: inherit; padding: .875rem; } .sidebar-link:hover { text-decoration: none; background-color: #81818108; color: var(--txt-secondary); } .sidebar-link span { display: none; } .sidebar-item .btn-danger { height: 14px; width: 14px; color: var(--txt-destaque); border: none; margin-right: 20px; padding: 5px; } .sidebar-item .btn-danger:hover { background-color: red !important; color: white !important; } .sidebar-item .btn-danger i { font-size: 8px; } .sidebar-item.list.actived { background-color: var(--bg-secondary); } .sidebar-toggle { display: none; } .sidebar-brand { position: absolute; top: 5px; display: flex; justify-content: center; height: 60px; width: 100%; } .sidebar-brand .logo-mini svg { height: 40px; width: 40px; margin: 0; } .sidebar-brand svg path:first-child { fill: var(--txt-primary) !important; } .sidebar .sidebar-brand a svg path { fill: var(--txt-primary) !important; } .sidebar.colored .sidebar-brand svg path { fill: white !important; } .sidebar.dark.colored .sidebar-brand svg path, .sidebar.colored.dark .sidebar-brand svg path { fill: var(--gray-8) !important; } .sidebar.dark img { filter: drop-shadow(-1px -1px 1px #f5f5f5a6) drop-shadow(1px 1px 1px #f5f5f5a6); } .sidebar-brand:hover { color: #fff; text-decoration: none; transition: 0.9s; } .sidebar-brand img { height: 40px; } .sidebar-brand .logo-sidebar { display: none; } .logo-sidebar svg { height: 50px; width: 200px; filter: invert(1); } .sidebar-brand .logo-mini { display: block; } .sidebar-links { height: calc(100% - 120px); width: 100%; margin-top: 65px; margin-bottom: 80px; } .sidebar-links ul { padding: 0rem; } .sidebar-links ul li { position: relative; display: flex; align-items: center; height: 50px; width: 100%; list-style: none; margin-bottom: 0px; } .sidebar-links ul li:hover { background-color: var(--bg-secondary); } .sidebar-links ul li > svg { height: 14px; color: var(--txt-secondary); margin-right: 3px; } .sidebar-links hr { width: 100%; color: hsl(0deg 0% 0% / 29%); opacity: 0.8; } .sidebar-link i, .sidebar-link svg, a.sidebar-link i, a.sidebar-link svg { height: 20px; color: inherit; } .sidebar-item:hover { width: 100%; color: rgb(47 49 67 / 64%); transition: .2s ease-in-out; text-align: left; } .sidebar-item.list2 a svg:last-child { color: var(--cl-admin) !important; font-size: 20px !important; margin-right: 0; transform: rotate(0deg); transition: .6s; } .sublist .sidebar-item.list2 a svg:last-child { color: var(--cl-admin) !important; margin-right: 8px; transform: rotate(0deg); transition: .6s; } .sidebar-item.list2 svg:last-child { transform: rotate(0deg); } .sidebar-item.list .lucide.lucide-chevron-down, .sidebar-item.list .lucide.lucide-chevron-down { transition: .6s; } .sidebar-item.list.actived .lucide.lucide-chevron-down, .sidebar-item.list2.actived .lucide.lucide-chevron-down { transform: rotate(180deg); } .sublist .sidebar-item { margin: 0 auto; padding: 0 0 0 0px; } .sublist .sidebar-item:hover { background-color: #0000000d; } .sublist .sidebar-item:hover a span { font-weight: 500; opacity: .9; } .sublist-submenu .sidebar-item:hover .sidebar-link { background-color: var(--bg-primary); margin-left: 4px; } .sidebar-link:hover i, .sidebar-link:hover svg { color: var(--txt-primary); } .sidebar-item:hover .sublist { margin-top: -10px; } .sublist li a svg, .sublist li a i { color: rgb(47 49 67 / 64%); } .sublist-submenu li a svg, .sublist-submenu li a i { color: rgb(47 49 67 / 64%); } .container-user-menu { height: 100%; display: flex; align-items: center; background-color: transparent; border-radius: 6px; } .container-user-menu .photo-inline { height: 40px; width: 40px; margin-right: 10px; margin-bottom: -7px; border-radius: 4px; background-color: var(--bg-secondary); } .sidebar-menu-user { height: 60px; width: 90%; margin-top: 20px; position: absolute; bottom: 5px; } .sidebar-menu-user ul { padding: 0; } .sidebar-menu-user ul li { list-style-type: none; } .nav-link { width: 100%; display: flex; align-items: center; } .container-menu-user { margin-left: 6px; width: 80%; } .container-menu-user span { font-size: 1.2rem; line-height: 1.4rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 20ch; color: var(--txt-primary); } .container-menu-user .card-user-email, .container-menu-user .card-user-modulo { font-size: 1rem; overflow: hidden; width: 80%; text-overflow: ellipsis; font-weight: 500; } .dropdown-toggle:after { display: none; } .list { color: #444; cursor: pointer; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; } .active .sidebar-link { color: mediumpurple; font-weight: bold; } .sublist { background-color: transparent; max-height: 0; overflow-y: auto; overflow-x: hidden; transition: max-height 0.6s ease-in-out; margin-right: -12px; } .sublist .sidebar-item { height: 40px; background-color: #7f7f7f0f; } .sublist li a svg { width: 20px; } .sublist-submenu { background-color: var(--bg-primary); max-height: 0; overflow: hidden; transition: max-height 0.6s ease-in-out; } .sublist-submenu .sidebar-item { height: 40px; background-color: var(--bg-primary); } .sublist-submenu li a svg { width: 20px; } #configuracaoList .sublist { min-height: 400px !important; } .menu-user { position: absolute; bottom: 10px; min-width: 260px; max-width: 260px; color: white; } .menu-user ul li { color: rgb(47 49 67 / 64%); list-style: none; } .menu-user ul li a { color: rgb(47 49 67 / 64%); } .card-user-nome, .card-user-email, .card-user-modulo { display: none; } .card-user-nome { font-size: 1rem; font-weight: bold; color: var(--cl-txt); margin-bottom: 4px; } .card-user-modulo { font-size: 0.675rem; color: var(--cl-destaque); } .card-user-email { font-size: 0.675rem } .avatar { height: 40px; width: 40px; min-width: 40px; outline: 4px solid #c1c1c147; margin-bottom: 0px; margin-top: 0px; margin-left: 7px !important; border: 2px solid var(--bg-secondary); } .dropdown-item a { text-decoration: none; color: var(--txt-primary); } .btn-modulo { display: flex; flex-direction: column; transition: ease-in-out 2s !important; } .list-modulo { display: none; color: #606062 !important; position: relative; } .list-modulo a { width: 100%; color: var(--txt-primary); padding: 5px; text-decoration: none; transition: ease-out .4s; } .list-modulo a:hover { background-color: var(--bg-secondary); border-radius: .6rem; font-weight: 500; } .dropdown-item:hover { transition: ease-in-out .4s !important; background-color: var(--bg-primary); color: inherit; } .btn-modulo:hover .list-modulo { display: flex; flex-direction: column; height: auto; width: 100%; color: inherit; transition: ease-in .4s; } .btn-modulo.exibir:hover svg { transform: rotate(180deg); } .panel { display: flex; flex-direction: column; padding: 0 18px; background-color: transparent; max-height: 0; overflow: hidden; transition: 1s ease-in-out; } .theme-button { height: 20px; width: 100%; display: flex; background-color: #f2f2f2; border-bottom: 1px solid #d6d6d6; align-items: center; justify-content: flex-end; } .theme-button p { margin: 0 auto; color: var(--gray-5); font-size: 1rem; } .theme-button button { height: 40px; width: 20px; margin: 10px; padding: 10px; background-color: var(--cl-darker); border: 1px solid var(--cl-dark); color: var(--gray-1); } .theme-toggle { height: 3px; width: 40px; background-color: #444444 !important; border-radius: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; cursor: pointer; transition: .4s; } .theme-toggle::after { height: 12px; width: 12px; display: block; content: ""; position: absolute; left: 4px; top: -4px; background-color: #fcc100; border-radius: 50%; border: 0px solid #fcc100; transition: 0.6s; } input[name=toggle-dark]:checked + .theme-toggle { background-color: #444444 !important; } input[name=toggle-dark]:checked + .theme-toggle:after { left: calc(100% - 16px); background-color: transparent; background-color: black; border-right-width: 3px; border-right-color: #FFF; } .theme-toggle:hover { height: 20px; margin-top: -6px; box-shadow: inset 1px 1px 3px #00000075, inset -1px -1px 3px #00000075; } .theme-toggle:hover.theme-toggle:after { content: ""; position: absolute; left: 4px; top: 4px; display: block; height: 12px; width: 12px; } #toggle-dark { position: absolute; cursor: pointer; opacity: 0; } #btn-sidebar-open { display: none; z-index: 777; } .btn-sidebar-open { position: absolute; right: 20px; bottom: 30px; display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; font-size: 18px; background-color: var(--bg-main); color: white; padding: .5rem 1rem; cursor: pointer; z-index: 1; background-color: var(--cl-destaque) !important; border-radius: 50%; box-shadow: 0px 3px 5px #000000f7; } .btn-sidebar-open:hover { background-color: var(--cl-dark); } .sidebar-link, a.sidebar-link { padding: 1.2rem; color: var(--txt-secondary); } #message-box { position: absolute; height: 40px; width: 90%; bottom: 80px; border-radius: 6px; background-color: var(--bg-primary); color: white; } #message-box p { position: absolute; bottom: 0; left: 46px; display: none; font-size: 1rem; color: var(--gray-5); } #message-box #qtdNotificacoes { position: absolute; bottom: 32px; right: 6px; display: flex; justify-content: center; align-items: center; height: 16px; width: 16px; border-radius: 50%; background-color: red; font-size: .875rem; font-weight: bold; transition: .6s; } #message-box::before { font-family: 'Material Symbols Outlined'; content: "\e7f4" !important; display: inline-block; vertical-align: middle; color: grey; font-size: 2.4rem; margin-bottom: 1.5rem; margin-left: 15px; margin-top: 2px; } /*SIDEBAR:HOVER - INICIO*/ .sidebar:hover { min-width: 240px; max-width: 240px; transition: ease-out .6s; } .sidebar.hovered { min-width: 240px; max-width: 240px; } .sidebar.colored:hover, .sidebar.colored.hovered { background-color: var(--bg-primary); } .sidebar.colored { background-color: var(--cl-destaque); } .sidebar:hover .sidebar-links hr, .sidebar.hovered .sidebar-links hr { color: var(--brd-secondary); } .sidebar:hover .sidebar-link-sub, .sidebar.hovered .sidebar-link-sub { width: 12em; color: var(--cl-std); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sidebar:hover .sidebar-brand, .sidebar.hovered .sidebar-brand { height: 80px; width: 100%; display: flex; justify-content: center; transition: .6s; } .sidebar:hover .sidebar-brand img, .sidebar.hovered .sidebar-brand img { height: 5rem; } .sidebar:hover .sidebar-links, .sidebar.hovered .sidebar-links { height: calc(100% - 120px); width: 100%; overflow-y: auto; overflow-x: hidden; } .sidebar.colored .sidebar-link svg { color: var(--bg-primary); } .sidebar.colored:hover .sidebar-link svg { color: var(--txt-primary) !important; } .sidebar.colored:hover .sidebar-link:hover svg { color: var(--cl-destaque) !important; } .sidebar:hover .sidebar-link span, .sidebar.hovered .sidebar-link span { display: inline-block; } .sidebar:hover a.sidebar-link svg { height: 20px; color: var(--iconSVG); } .sidebar.hovered a.sidebar-link svg { color: var(--txt-primary); } .sidebar:hover .sidebar-link-sub, .sidebar.hovered .sidebar-link-sub { width: 13em; font-size: 1rem; color: var(--txt-primary); font-weight: 400; overflow: hidden; text-overflow: ellipsis; } .sidebar:hover .sublist a.sidebar-link svg, .sidebar.hovered .sublist a.sidebar-link svg { height: 14px; color: var(--txt-primary); } .sidebar:hover .container-user-menu, .sidebar.hovered .container-user-menu { width: 100%; display: flex; align-items: center; background-color: var(--bg-secondary); padding: 6px 0px; border-radius: 6px; justify-content: space-between; } .sidebar:hover .card-user-nome, .sidebar:hover .card-user-email, .sidebar:hover .card-user-modulo, .sidebar.hovered .card-user-nome, .sidebar.hovered .card-user-email, .sidebar.hovered .card-user-modulo { display: block; } .sidebar:hover .logo-sidebar, .sidebar.hovered .logo-sidebar { display: block; } .sidebar:hover .logo-mini, .sidebar:hover .sidebar-brand p, .sidebar.hovered .logo-mini, .sidebar.hovered .sidebar-brand p { display: none; } .sidebar:hover .dropdown-toggle:after, .sidebar.hovered .dropdown-toggle:after { display: block; position: absolute; bottom: 28px; right: 10px; } .sidebar:hover .theme-button { bottom: 10px; } .sidebar:hover .theme-toggle { bottom: 12px; } .sidebar:hover .list.active { background-color: var(--bg-primary); } .sidebar:hover .list.active .sidebar-link-sub svg { stroke-width: 2rem; } .sidebar:hover .list.active .sidebar-link-sub { font-size: 1rem; font-weight: bold; } .sidebar:hover .list2.active .sidebar-link-sub { font-size: 1rem; font-weight: bold; } .sidebar:hover #message-box p, .sidebar.hovered #message-box p { display: block; } .sidebar:hover #message-box #qtdNotificacoes, .sidebar.hovered #message-box #qtdNotificacoes { height: 24px; width: 24px; bottom: 8px; } .sidebar .lucide { stroke-width: .15rem; } /*SIDEBAR:HOVER - FIM*/ #contratosList > .sidebar-item { background: var(--bg-secondary); } #contratosList > .sidebar-item a { padding-left: 25px; } #consultarList > .sidebar-item { background: var(--bg-primary); } .sidebar-item.list2 a > div, .sublist-submenu .sidebar-link, .sublist .sublist .sidebar-item .sidebar-link { display: flex; } .sidebar-item.form-switch { display: flex; align-items: flex-start; position: relative; background-color: inherit; overflow: hidden; border-radius: unset; } .sidebar-item.form-switch .form-check-input { right: 2px; left: unset; height: 14px; } .sidebar-item.form-switch a { position: relative; } .sidebar:hover .sidebar-menu-user, .sidebar.hovered .sidebar-menu-user { margin-bottom: 8px; } /*MAIN*/ main { overflow-y: scroll; scroll-snap-type: y mandatory; background-color: var(--bg-main); } .content { height: 100vh; width: 100%; padding: 1.5rem 2.5rem 1.5rem; overflow: auto; } .logo-main { position: absolute; bottom: 20px; right: 40px; width: 10%; opacity: .1; filter: grayscale(1); } .btn-title p { line-height: 24px; visibility: hidden; margin: 0; transition: 0s; } .btn-title:hover { width: 104%; transition: 0.6s !important; } .btn-title:hover p { transition: 0s; visibility: visible; } .dropdown-item { font-size: 1.2rem; display: flex; align-items: center; color: var(--txt-primary); } .dropdown-item svg { width: 16px; margin-right: 10px; color: gray; } /*CARD*/ .card { background-color: transparent; box-shadow: none; margin-bottom: 0px; padding-right: 0; height: inherit; } .container-cards { margin-top: 20px; } .card-flex { display: flex; flex-wrap: wrap; gap: 1rem; } .card-form-inputs { flex-grow: 1; } .card-form-visualization { position: relative; display: flex; justify-content: center; align-items: center; padding: 20px 15px; border-radius: .6rem; flex-grow: 1; background-color: var(--bg-primary); overflow: auto; height: auto; max-height: 85vh; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 4px; } #divComRegistros { border: none; background-color: unset; height: 30px; padding: 5px 0 5px 0; margin-top: -10px; } .card-form-visualization div:not(:first-child) { margin-top: 5px; margin: 1rem 0; border-radius: 6px; } .card-form-visualization h1 { font-size: 1.2rem; font-weight: bold; color: var(--txt-primary); } .card-form-visualization > div > h1 { margin-bottom: 20px; } .card-form-visualization h2 { display: flex; align-items: flex-end; margin-bottom: 5px; font-size: 1rem; font-weight: bold; color: var(--txt-secondary); } .card-form-visualization h2 .lucide { height: 16px; width: 16px; margin-right: 5px; stroke: var(--txt-secondary); } .card-form-visualization p { font-size: 1rem; color: #495057; margin-bottom: 1px; } #divSemRegistros { display: flex; flex-direction: column; position: absolute; top: 45%; left: 20%; width: 60%; text-align: center; line-height: 1.5rem; color: var(--txt-secondary); margin: 0 auto; } #divSemRegistros::before { content: "\f4c9" !important; font-family: 'Material Symbols Outlined'; display: inline-block; vertical-align: middle; color: var(--brd-primary); font-size: 3rem; margin-bottom: 1.5rem; } .scale-up-top { animation: scale-up-top 0.4s; } @keyframes scale-up-top { 0% { transform: scale(.5); transform-origin: center top } 100% { transform: scale(1); transform-origin: center top } } #divContrato > div, #divSite > div, #divEquipamento > div, #divParque > div, #divNumeroChamado > div, #divClassificacaoChamado > div, #divAtividade > div, #divGrupoSolucionador > div, #divDescricao > div, #divUsuarioCampo > div, #divLimiteAtendimento > div { display: flex; flex-direction: column; position: relative; background-color: var(--bg-secondary); margin: 0 auto; border-radius: 4px; margin-bottom: 5px; padding: 10px 5px; animation: scale-up-top 0.4s; } #divContrato > div > div, #divSite > div > div, #divEquipamento > div > div, #divParque > div > div, #divNumeroChamado > div > div, #divClassificacaoChamado > div > div, #divGrupoSolucionador > div > div { display: flex; flex: 1; margin: 5px 0px 0px; } #divContrato > div p, #divSite > div p, #divParque > div p, #divEquipamento > div p, #divNumeroChamado > div p, #divGrupoSolucionador > div p { display: flex; flex-direction: column; flex: 1; padding: 0px 6px; margin-bottom: unset; color: var(--txt-secondary); border-right: solid 1px var(--brd-secondary); } #divContrato > div p span:first-child, #divSite > div p span:first-child, #divParque > div p span:first-child, #divEquipamento > div p span:first-child, #divNumeroChamado > div p span:first-child, #divGrupoSolucionador > div p span:first-child { font-size: .875rem; } #divContrato p:last-child, #divSite p:last-child, #divParque p:last-child, #divEquipamento p:last-child, #divNumeroChamado p:last-child, #divGrupoSolucionador p:last-child { border-right: unset; } #divSite .btn-editar-chamado { position: absolute; top: 8px; right: 8px; display: none; background-color: var(--cl-destaque); padding: 5px; border-radius: 50%; cursor: pointer; } #divSite .btn-editar-chamado:hover { background-color: var(--gray-5); } #divSite .btn-editar-chamado svg { height: 14px; width: 14px; stroke: white; } #txtContratoNome, #txtSiteNome, txtNumeroChamado, #txtGrupoSolucionador { margin: 0px 0px 0px 5px; } .card-header { position: sticky; top: -15px; display: flex; justify-content: space-between; align-items: center; background-color: var(--bg-main); padding: 0 0 10px; z-index: 99; border-bottom: solid 1px var(--gray-4); } .card-title { display: flex; position: relative; align-items: center; color: var(--txt-primary); margin-bottom: 0px; } .title-double { display: flex; flex-direction: column; align-items: flex-start; } .title-double h3 { margin-bottom: 0px; color: var(--txt-primary); } .icon-header { display: flex; justify-content: center; align-items: center; margin-right: 10px; } .icon-header svg { height: 2.2rem; stroke-width: .225rem; color: var(--txt-primary); } .card-title h1 { display: flex; align-items: flex-start; margin-bottom: -1px; font-weight: var(--fw-bold) !important; color: var(--txt-primary); font-size: 2.2rem; flex-direction: column; } .card-title i { font-size: 150%; color: var(--bs-gray-800); margin-right: 10px; } .card-btn { display: flex; align-items: center; justify-content: center; position: relative; left: 0px; height: 30px; width: 30px; border-radius: 50%; text-decoration: none; cursor: pointer; padding: 0px; outline: none; border: solid 1px var(--brd-primary); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 4px; margin-left: 10px; } .btn-page { position: relative; left: 0px; height: 100%; width: 100%; border-radius: 50%; background: var(--bg-primary); box-shadow: inset 1px 1px 3px #00000036, inset -1px -1px 3px #0000002b; transition: ease-out 0.4s; stroke: var(--txt-primary); } .btn-page.ativo { background-color: var(--cl-destaque); } .btn-page.ativo svg { color: white; } .btn-page > svg, svg.btn-page { width: 100%; height: 100%; padding: 6px; color: var(--txt-primary); } .btn-page:hover { stroke: var(--txt-destaque); fill: var(--txt-destaque); background-color: var(--bg-destaque); } .btn-page::before { content: ""; display: block; width: 30px; height: 30px; position: absolute; top: 0px; right: 0px; bottom: 0px; margin: auto; text-align: center; border-radius: 50%; line-height: 20em; left: 0em; transition: box-shadow 0.5s ease-out; z-index: -1; } .btn-page:hover { background: transparent; } .btn-page:hover { background: var(--cl-destaque); } .btn-page:hover .lucide { background: transparent; } .btn-page, .dropdown { cursor: pointer; color: var(--bg-primary); stroke: var(--txt-primary); fill: var(--bg-primary); border-radius: 50%; font-size: .875rem; } .dropdown a { color: var(--txt-primary); } .btn-page svg:hover { fill: var(--bg-primary); stroke: var(--bg-primary); } .btn-page svg:hover { color: var(--gray-7); fill: var(--bg-primary); cursor: pointer; } .btn-page.lucide svg { width: 100%; height: 100%; color: var(--txt-primary); padding: 5px; border-radius: 50%; } .bookmark-plus svg { fill: var(--txt-primary); stroke: var(--txt-primary); background-color: var(--bg-primary); border-radius: 50%; } .lucide-bookmark-plus line { display: none; } .lucide-bookmark-plus:hover line { display: block; stroke: white; } .card-body { height: 90vh !important; background: var(--bg-primary); border-radius: .5rem; padding: 1rem; margin-top: 20px; transition: 1s; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 4px; } .card-body table { width: 100% !important; font-size: 1em; border-top: solid 1px var(--bg-secondary); overflow: hidden; } .card-summary { width: 100%; height: 30px; display: flex; justify-content: left; align-items: center; gap: 5px; position: relative; border-radius: 4px; margin-top: 15px; box-shadow: inset rgba(0, 0, 0, 0.2) -2px 1px 4px; padding: 2px 6px; border: solid 1px var(--bg-primary); background-color: var(--cl-destaque10); display: none; /*VERIFICAR*/ } .rotate-horizontal-center2 { animation: rotate-horizontal-center 0.4s } @keyframes rotate-horizontal-center { 0% { transform: rotateX(0) } 100% { transform: rotateX(-360deg) } } .rotate-horizontal-center3 { animation: rotate-horizontal-center .6s; animation-delay: 1.2s; } @keyframes rotate-horizontal-center { 0% { transform: rotateX(0) } 100% { transform: rotateX(-360deg) } } .card-summary svg { height: 16px; position: absolute; right: 16px; color: var(--txt-primary); opacity: .2; } .card-summary p { height: 18px; position: absolute; top: 6px; right: 10px; border: solid 1px var(--cl-destaque); color: var(--cl-destaque); padding: 2px 6px; border-radius: 2px; opacity: .4; line-height: 12px; } .card-summary span { display: flex; justify-content: center; align-items: center; height: 80%; line-height: 20px; padding: 0 10px; font-size: 1rem; font-weight: 500; border-right: solid 1px var(--bg-primary); color: var(--cl-destaque); } .card-summary span:last-child { border-right: none; } .card-tab { display: flex; flex-direction: column; height: calc(100% - 200px); border-radius: .6rem; padding: 0; background-color: transparent; margin-top: 20px; } .card-info { display: flex; flex-direction: column; gap: 10px; position: relative; height: calc(100% - 32px) !important; width: 360px; min-width: 300px; max-width: 25%; padding: 0; margin-top: 30px; margin-right: 14px; border-radius: 4px; } .card-info-header { position: sticky; top: -10px; display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; height: 40px; background-color: var(--bg-primary); padding: 0px 6px 0px 6px; z-index: 10; } .card-info-header .card-title { font-size: 1rem; font-weight: bold; color: var(--cl-destaque); } .card-info-header .card-actions svg { color: var(--gray-5); } .card-tab form { margin-bottom: 0px; } .card-info .dropdown-item { color: var(--cl-txt); } .card-info .dropdown-item:hover { background-color: var(--gray-200); } #imgPreview { height: 100%; width: 100%; border: 2px solid var(--input-brd); object-fit: cover; } #tbl_index_central_atendimento thead > tr > th:nth-child(1):after, #tbl_index_central_atendimento thead > tr > th:nth-child(2):after, #tbl_index_central_atendimento thead > tr > th:nth-child(3):after, #tbl_index_central_atendimento thead > tr > th:nth-child(4):after, #tbl_index_central_atendimento thead > tr > th:nth-child(1):before, #tbl_index_central_atendimento thead > tr > th:nth-child(2):before, #tbl_index_central_atendimento thead > tr > th:nth-child(3):before, #tbl_index_central_atendimento thead > tr > th:nth-child(4):before { display: none; } table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before { font-size: 1.2em; color: var(--txt-primary); } table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_desc_disabled:after { top: 50%; right: 2px; } table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc_disabled:before { bottom: 50%; right: 2px; } /*STATUSBAR - STATUS CHAMADO*/ #isAgendado span, #isSolicitacaoPeca span { padding: 0px; } .page-summary { display: flex; justify-content: left; align-items: center; position: relative; width: 100%; border-radius: 4px; margin-top: 10px; padding: 5px 0px; background-color: var(--bg-resumo); border: solid 1px var(--brd-transparent); box-shadow: inset rgba(0, 0, 0, 0.2) -2px 1px 4px; } .page-summary-item { display: flex; } .page-summary-item span { display: flex; justify-content: center; align-items: center; height: 80%; line-height: 20px; padding: 0 10px; font-size: 1rem; font-weight: 500; border-right: solid 1px var(--brd-secondary); color: var(--txt-primary); } .page-summary span:last-child { border-right: none; } .page-summary-item-model { border-right: solid 2px var(--brd-secondary); padding-right: 10px; } .page-summary-item-status { display: flex; align-items: center; position: relative; height: 20px; flex: 1; overflow: hidden; padding-left: 10px; z-index: 1; } .page-summary-item-sla { padding: 0 10px; padding-left: 10px; } .page-summary-item-status #isCritica, .page-summary-item-status #isAgendado, .page-summary-item-status #isSolicitacaoPeca, .page-summary-item-status #isOrcamento { display: flex; justify-content: center; align-items: center; width: auto; height: 20px; color: var(--cl-destaque); border-right: 1px solid var(--bg-primary); padding: 0 5px; } .page-summary-item-status #isCritica div, .page-summary-item-status #isAgendado div, .page-summary-item-status #isSolicitacaoPeca div, .page-summary-item-status #isOrcamento div { display: flex; justify-content: center; align-items: center; gap: 5px; height: inherit; color: white; border-radius: 4px; font-size: 1rem; } .page-summary-item-status #isOrcamento p { margin: 0; } .page-summary-item-status #isOrcamento svg { height: 14px; color: white; } .page-summary svg { color: var(--txt-primary); } .status-chamado, .status-cliente, .status-tipotask { font-size: 1rem; position: relative; width: auto; } .status-chamado { display: flex; flex: 1; } .status-chamado .status-icon-progress { display: flex; justify-content: center; align-items: center; height: 20px; float: left; overflow: hidden; border-radius: 4px 0 0 4px; } .status-chamado, .status-cliente, .status-tipotask { flex: 1; } .status-chamado-progress { height: 28.25px; position: absolute; transition: 3s; transition-delay: 1s; left: -1px; top: -1px; color: transparent; border-radius: 4px; display: none; } .status-chamado-progress-interno { position: absolute; top: 0px; left: 0px; height: 100%; transition: 3s; transition-delay: 1s; color: transparent; z-index: -1; opacity: .8; } .status-chamado-label { height: inherit; flex: 1; color: var(--txt-primary); transition: 1s; transition-delay: .5s; display: flex; font-size: 1rem; font-weight: 500; align-items: center; border-radius: 0 4px 4px 0; border-left: none; line-height: 20px; } #card-tempo { position: relative; } [data-bs-original-title="Tempo Restante"] { display: flex; align-items: center; justify-content: center; height: 22px; width: 140px; font-weight: 500; background-color: red; border-radius: 4px; background-color: #373737; flex: none; margin-top: 0 !important; text-align: center; z-index: 0; overflow: hidden; font-size: 1.2rem !important; color: white; transition: 1s; transition-delay: .5s; } [data-bs-original-title="Tempo Restante"] > #TempoExcedente { display: flex; align-items: center; justify-content: center; height: inherit; width: 180px; color: white; transition: 1s; transition-delay: .5s; font-size: 1rem; font-weight: 500; background-color: var(--gray-7); border-radius: 4px; flex: none; margin-top: 0 !important; text-align: center; z-index: 2; } [data-bs-original-title="Tempo Restante"] .status-chamado-label { color: white; width: 180px; } .status-icon-progress svg { height: 14px; stroke-width: .2rem; animation-name: scale-up-center; opacity: 0; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; z-index: 1000; opacity: 1; border: 1px solid none; border-right: none; } .status-icon { color: white !important; height: 14px; position: absolute; left: 10px; } .card-summary-item-tags #isCritica { display: flex; align-items: center; justify-content: center; height: 20px; width: 24px; background-color: var(--cl-error); font-size: 1rem; border-radius: 4px; color: white; border: 1px solid #ff0000; position: relative; border-radius: 4px; margin-left: 10px; } .card-summary-item-tags #isAgendado { display: flex; align-items: center; justify-content: flex-start; height: 22px; width: 26px; background-color: var(--bg-destaque-inverso); font-size: 1rem; color: var(--cl-destaque); border: 1px solid var(--bg-destaque-inverso); position: relative; border-radius: 4px; font-weight: 500; margin-top: 0 !important; } #isCritica svg, #isAgendado svg, #isSolicitacaoPeca svg, #isOrcamento svg { height: 14px; color: var(--cl-destaque); } #isCritica div, #isAgendado div, #isSolicitacaoPeca div, #isOrcamento div { display: flex; justify-content: center; align-items: center; height: 14px; width: 20px; margin: 0 2px; background-color: var(--cl-destaque); line-height: 20px; color: var(--cl-destaque10) !important; } #isCritica span, #isAgendado span, #isSolicitacaoPeca span, #isOrcamento span { padding: 0; } /*CORREÇÂO ERRO REDIMENSIONAMENTO TABELA VIEW CENTRAL ATENDIMENTO*/ #tbl_index_central_atendimento tbody tr td:first-child { border-radius: 4px 0px 0px 4px; } .table-permissao h1 { text-align: center; font-weight: 500; font-size: 1.2rem; position: absolute; top: 24px; z-index: 100; } .table-permissao th { color: #666c72; font-size: 1rem; } .table-permissao table { width: 100% !important; font-size: 1em; margin: 0px !important; } .table-button > div { padding: 0rem 2rem 0rem 2rem; display: grid } /*select2*/ .select2-container { width: 100% !important; background-color: var(--bg-primary); } .select2-container--bootstrap4 .select2-selection--single { line-height: 1.4; font-size: 1rem; } .select2-container--bootstrap4 .select2-selection__clear { font-size: 1.4rem; } .select2-container--bootstrap4 .select2-search--dropdown .select2-search__field { font-size: 1.2rem; } .select2-container--bootstrap4 .select2-results__option { font-size: 1rem; padding: 4px 16px; color: #cbcfd1; } .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered { line-height: 20px; color: var(--txt-secondary); font-size: 1.2rem; white-space: nowrap; white-space: pre-wrap; overflow: hidden; text-overflow: ellipsis; /*width: 80ch;*/ } .select2-container--bootstrap4.select2-container--focus .select2-selection, .select2-container--bootstrap4.select2-container--open .select2-selection { border-color: var(--input-brd); transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; background-color: var(--bg-secondary); font-weight: 500; } .select2-container--bootstrap4.select2-container--focus .select2-selection, .select2-container--bootstrap4.select2-container--open .select2-selection:focus { background: var(--input-bg); border-color: var(--cl-destaque) !important; color: var(--cl-destaque); box-shadow: none; } .select2-container--bootstrap4.select2-container--focus .select2-selection, .select2-container--bootstrap4.select2-container--open .select2-selection { background: var(--input-bg); border-color: var(--cl-destaque) !important; color: var(--cl-destaque); box-shadow: none; } .select2-container--bootstrap4 .select2-dropdown { border-color: #007d93a3; box-shadow: 0px 2px 0 0.2rem rgb(0 125 147 / 25%); margin-top: -3px; } .select2-container--bootstrap4 .select2-results__option { color: var(--cl-txt) !important; } .select2-container--bootstrap4 .select2-results__option:hover { background-color: var(--cl-destaque10) !important; } .select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected] { background-color: var(--cl-destaque10); color: var(--gray-4) !important; } .select2-container--bootstrap4.select2-container--open .select2-selection .select2-selection__arrow b { border-width: 0 .45rem .45rem; } .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b { border-width: .45rem .45rem 0; margin-left: -.35rem; margin-top: -.35rem; border-color: var(--gray-3) transparent transparent; } .select2-container--bootstrap4 .select2-selection--single { height: auto; min-height: 26.5px; line-height: 1.625; padding: .2rem .7rem !important; background-color: var(--bg-primary); border-color: var(--brd-primary); border-radius: 4px !important; } .select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder { font-size: 1.2rem; color: var(--txt-primary) !important; } .select2-results__option { position: relative; } .select2-results__option span strong { position: absolute; right: 10px; font-size: .825rem; padding: 2px 5px; background-color: #595959; color: white; border-radius: .2rem; } .select2-results__option--highlighted span strong { background-color: var(--cl-destaque); } .select2-results__options > .select2-results__option:hover { background-color: unset !important; } .select2-container--bootstrap4 .select2-results__option[aria-selected=true] { background-color: var(--bg-secondary); color: var(--cl-destaque) !important; } .select2-results__options > .select2-results__option--highlighted[aria-selected] { color: var(--cl-destaque) !important; background-color: var(--bg-secondary) !important; padding: 4px 16px; display: flex; align-items: center; } .select2-container--bootstrap4 .select2-results__group { font-size: 1.1rem; } .select2-container--bootstrap4 .select2-results__group:hover { color: var(--cl-destaque) !important; } .input-group-nowrap { display: flex; flex-wrap: nowrap; align-items: stretch; width: 100%; position: relative; padding: 3px; background-color: var(--bg-secondary); } .input-group-nowrap .btn-block { height: 26.5px; width: 64px; border-color: var(--brd-primary) !important; background-color: var(--bg-primary); color: var(--txt-primary); border-radius: 0 4px 4px 0; font-size: .875rem; text-transform: uppercase; font-weight: 500; -webkit-font-smoothing: antialiased; margin-left: -4px; height: auto; padding: 0; } .input-group-nowrap .btn-block strong { font-weight: bold; font-size: 1.2rem; } .input-group-nowrap .btn-block:hover { background-color: var(--cl-destaque) !important; border-color: var(--cl-destaque) !important; color: white !important; } .input-group-nowrap .btn-block:hover strong { color: white !important; } .input-group-nowrap .btn-block:focus { background-color: var(--cl-destaque10); } .input-group-nowrap .btn-block:focus strong { color: white !important; } .item-fechamento { margin: 0 auto 10px; overflow: hidden; } .item-fechamento:last-child { border-top: dotted 1px var(--gray-400); animation: scale-up-vertical-top 0.4s; } .item-fechamento > div { border: solid 1px var(--gray-400); border-radius: 4px; overflow: hidden; } .item-fechamento tr { height: 24px; } #listaPecas hr, #divTablePeca hr { margin: .2rem 0 .6rem; } #divTableCausa, #divTableDefeito, #divTablePeca, #divTableSolucao, #divTablePecaAvulsa { margin-top: -15px; padding: 0; border-radius: .2rem; } #divTableCausa .table-striped-columns > :not(caption) > tr > :nth-child(2n), .table-striped > tbody > tr:nth-of-type(odd) > *, #divTableDefeito .table-striped-columns > :not(caption) > tr > :nth-child(2n), .table-striped > tbody > tr:nth-of-type(odd) > *, #divTablePeca .table-striped-columns > :not(caption) > tr > :nth-child(2n), .table-striped > tbody > tr:nth-of-type(odd) > *, #divTableSolucao .table-striped-columns > :not(caption) > tr > :nth-child(2n), .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-accent-bg: #0000000a; color: var(--bs-table-striped-color); } #divTableCausa table, #divTableDefeito table, #divTablePeca table, #divTableSolucao table { margin-bottom: 0px !important; background-color: var(--bg-secondary); } #divTableCausa table tbody, #divTableDefeito table tbody, #divTablePeca table tbody, #divTableSolucao table tbody { font-size: 1.2rem; } #divTableCausa table tbody td, #divTableDefeito table tbody td, #divTablePeca table tbody td, #divTableSolucao table tbody td { padding: 2px 10px !important; color: var(--gray-600); } #divTableCausa table tbody td:last-child, #divTableDefeito table tbody td:last-child, #divTablePeca table tbody td:last-child, #divTableSolucao table tbody td:last-child { width: 40px !important; } #divTableCausa .btn-danger, #divTableDefeito .btn-danger, #divTablePeca .btn-danger, #divTableSolucao .btn-danger { height: 24px; width: 24px; background-color: transparent !important; border: none; font-size: .875rem; font-weight: bold; color: #ff2a2a !important; transition: .6s; } #divTableCausa .btn-danger:hover, #divTableDefeito .btn-danger:hover, #divTablePeca .btn-danger:hover, #divTableSolucao .btn-danger:hover { background-color: red !important; color: white !important; } .advice-page { width: 100%; padding: 5px 10px; background-color: #ffe2e2; color: red; font-size: 1rem; position: relative; border-radius: .4rem; } .advice-page svg { position: absolute; top: 0; left: 0; height: 100%; width: 30px; padding: 2px; background-color: red; color: white; margin-right: 20px; border-radius: .4rem 0 0 .4rem; } .advice-page span { margin-left: 30px; } /*BREADCRUMBS - INICIO*/ .breadcrumb-nav { display: none; } .breadcrumb { margin: 0; } .breadcrumb-item { background-color: transparent; color: var(--gray-4); font-size: 1rem; } .breadcrumb-item a { color: inherit; } .breadcrumb-item.active { color: var(--gray-400); } .breadcrumb-item + .breadcrumb-item:before { color: var(--gray-400); content: var(--bs-breadcrumb-divider, ">"); } /*BREADCRUMBS - FIM*/ .inactive a { text-decoration: none !important; cursor: default !important; } .card-header nav { height: 16px; } .card-header nav ol { font-size: 1.175rem; } /*DATATABLE*/ .table.dataTable tbody td.dt-body-center { text-align: left; font-size: 1rem; } div.dataTables_processing > div:last-child > div { background: #FF8C00; } div.dataTables_processing > div:last-child > div:first-child { background-color: #FF8C00; } div.dataTables_processing > div:last-child > div:nth-child(2) { background-color: #9B02E3; } div.dataTables_processing > div:last-child > div:nth-child(3) { background-color: #45BB2E; } div.dataTables_processing > div:last-child > div:first-child { background-color: #03A0F9; } div.dataTables_processing > div { display: none; } div.dataTables_processing img { position: absolute; height: 5rem; } #divProcessing { position: fixed; display: none; height: 100%; width: 100%; inset: 0px; z-index: 9999; outline: 0px; transition: all 0.15s linear 0s; clear: both; content: " "; opacity: .4; padding-top: 50px; background: rgba(0 0 0 / 20%); } #divProcessing img { height: 6rem !important; position: absolute !important; left: 50% !important; top: 50% !important; } .tab .tab-content { height: auto; max-height: 100%; border-radius: 0px 6px 0 0; background: var(--bg-primary); box-shadow: none; padding: 1.5rem; overflow: auto; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 4px; position: relative; z-index: 1; } .tab-content.tab-single { border-radius: .6rem .6rem 0 0; } .tab-content-responsive { height: calc(100% - 90px) !important; } .nav-item { display: flex; align-items: center; margin-left: 0px; } .nav-item:first-child > .tab-content { border-radius: .6rem; background: var(--cl-sucess); } .nav-menu { height: 20px; width: 20px; background-color: var(--gray-3); padding-bottom: 8px; border-radius: 50px; display: none; } .tab-pane { padding: 0 !important; background: transparent !important; position: relative; } .table-card table { font-size: .775em !important; color: var(--gray-5); } .tab .nav-tabs .nav-link.active { color: var(--cl-destaque); padding-left: 0; background-color: white; border-radius: 4px 4px 0 0 !important; background: var(--bg-primary); padding: 6px 10px; margin-bottom: 0px; border-bottom: none; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 4px; font-weight: bold !important; } .tab .nav-tabs .nav-link:hover:not(.active) { color: var(--cl-destaque) !important; font-weight: 500; } .group-input { margin: 20px auto; background: var(--card-bg); border-bottom: solid 1px var(--brd-primary); padding-bottom: 10px; } .group-input:first-child { margin-top: 0; } .group-input:last-child { margin-bottom: 0; border-bottom: unset; padding-bottom: 0px; } .group-input-title { font-size: .95rem; } .input-check { display: flex; align-items: center; border: 1px solid var(--input-brd); border-radius: .4rem; padding: 4px 8px; } .input-check .form-check { display: flex; gap: 1rem; align-items: center; cursor: pointer; } .input-check .form-check .form-check-input { height: 20px; width: 20px; margin-top: 0; background-color: white; } .form-check-input.error:checked { background-color: var(--cl-error); border-color: var(--cl-error); } .row.input-check { margin-left: .2rem; } .text-danger { font-size: 1rem; color: red !important; line-height: 2rem; opacity: .8; } .tab { margin-bottom: 0 !important; } .card-footer { position: relative; display: flex; flex-wrap: nowrap; align-items: center; gap: 10px; min-height: 60px; justify-content: space-between !important; padding: 1.5rem; border-top: 1px solid var(--brd-primary); background: var(--bg-primary); box-shadow: rgba(0, 0, 0, 0.14) 0px 1px 2px, rgba(0, 0, 0, 0.12) 0px 0px 2px; box-shadow: rgb(0 0 0 / 2%) 0px 1px 2px, rgba(0, 0, 0, 0.12) 0px 3px 3px; z-index: 2; border-radius: 0 0 4px 4px !important; } .flex-row-reverse { flex-direction: row-reverse; } .card-footer .form-check { display: flex; align-items: center; justify-content: flex-start; height: 24px; width: auto; border: 1px solid var(--brd-primary); border-radius: 150px; cursor: pointer; padding: 0px 16px 0px 16px; transition: .6s; } .card-footer .form-check:hover { background-color: var(--cl-sucess-bg); border-color: var(--brd-secondary); } .card-footer .form-check input { height: 28px; width: 28px; border: 1px solid var(--brd-primary); border-radius: 50%; margin-left: -17px; margin-top: 0; cursor: pointer; transition: .6s; } .card-footer .form-check input:hover { background-color: var(--cl-sucess10); } .card-footer .form-check input[type=checkbox]:hover::after { content: "\e5ca" !important; font-family: 'Material Symbols Outlined'; display: inline-block; vertical-align: middle; margin-left: 4px; margin-top: -1px; font-size: 1.8rem; color: var(--cl-sucess); font-weight: bold; } .card-footer .form-check input[type=checkbox]:checked { background-color: var(--cl-sucess); display: flex; align-items: center; justify-content: center; } .card-footer .form-check input[type=checkbox]:checked:hover::after { content: none !important; } .card-footer .form-check .site-critico:hover { border-color: var(--cl-error) !important; background-color: var(--cl-error10); } .card-footer .form-check .form-check-input.site-critico:hover::after { font-family: 'Material Symbols Outlined'; content: "\e002" !important; display: inline-block; vertical-align: middle; font-size: 1.8rem; color: var(--cl-error); font-weight: bold; margin-left: 4px; margin-top: -1px; } .card-footer .form-check .site-critico:checked { background-color: var(--cl-error) !important; } .card-footer .form-check label { font-size: 1.125rem; font-weight: 500; text-align: center; margin-left: 10px; cursor: pointer; margin-bottom: 0px; } .two-factor:checked[type=checkbox] { background-image: none; } .two-factor:checked[type=checkbox]::before { font-family: 'Material Symbols Outlined'; content: "\e897" !important; display: inline-block; vertical-align: middle; font-size: 1.8rem; color: white; font-weight: bold; } .form-check .form-check-input.site-critico input[type=checkbox]:checked { background-color: var(--cl-error); } .site-critico:checked[type=checkbox] { background-image: none; } .site-critico:checked[type=checkbox]::before { font-family: 'Material Symbols Outlined'; content: "\e002" !important; display: inline-block; vertical-align: middle; font-size: 1.6rem; color: white; font-weight: 500; } .geral-permissao { display: flex; } .btn-actions { position: relative; display: flex; justify-content: flex-start; align-items: center; gap: 10px; z-index: 0; height: 100%; } .btn-actions a { font-size: 1rem; } .btn-actions button:first-child::before { font-family: 'Material Symbols Outlined'; content: "\e3c9" !important; display: inline-block; vertical-align: middle; } #btnEditarIndisponibilidade { color: var(--gray-400); } #btnEditarIndisponibilidade::before { font-family: 'Material Symbols Outlined'; content: "\e8f4" !important; display: inline-block; vertical-align: middle; font-size: 1.4rem; } #btnEditarIndisponibilidade:hover::before { color: white !important; font-weight: 400; } .btn-actions .btn.visualizar { position: absolute; left: 0px; width: 24px; height: 24px; max-width: 24px; min-width: 24px; background-color: var(--bg-secondary); border: 1px solid var(--brd-secondary) !important; color: var(--txt-primary); font-size: 1.6rem; padding: 0px; } .btn-actions .btn.visualizar::before { font-family: 'Material Symbols Outlined'; content: "\e8f4" !important; display: inline-block; vertical-align: middle; } .btn-actions .btn.provisionar { position: absolute; left: 30px; height: 24px; width: 24px; max-width: 24px; min-width: 24px; background-color: var(--gray-2); border: 1px solid var(--gray-3) !important; color: var(--gray-600); font-size: 1.6rem; padding: 0px; } .btn-actions .btn.provisionar::before { font-family: 'Material Symbols Outlined'; content: "\ea0b" !important; display: inline-block; vertical-align: middle; } button:focus:not(:focus-visible) { outline: 2px solid var(--cl-destaque50); background-color: var(--cl-destaque); border: var(--cl-destaque); } button:focus:not(:focus-visible)::before { color: white !important; } .page-link { background-color: var(--card-bg); justify-content: flex-end; gap: 10px; } /*BUTTONS*/ .btn { position: relative; display: flex; justify-content: center; align-items: center; gap: .5rem; width: auto; height: 30px; padding: 5px 15px; border: 1px solid var(--gray-5); border-radius: 50px; font-size: 1.2rem; font-weight: 500; color: var(--txt-destaque); pointer-events: inherit; text-overflow: ellipsis; user-select: inherit; vertical-align: middle; white-space: nowrap; transition: 0.6s; } .btn svg { height: 1.4rem; width: 20px; color: inherit; } .btn-primary { border: 1px solid transparent; color: var(--txt-destaque-inverso); background-color: var(--bg-destaque-inverso); } .btn-primary a { color: inherit !important; } .btn-primary:hover { background-color: var(--cl-destaque-dark) !important; outline: none !important; border: 1px solid var(--cl-destaque-dark) !important; } .btn-primary:focus { background-color: var(--cl-destaque) !important; border: 1px solid var(--cl-destaque) !important; color: white; box-shadow: 1px 1px 4px #38b9cd, -1px -1px 4px #38b9cd; } .btn-secondary { background-color: transparent; border: 1px solid var(--bg-destaque) !important; border: 1px solid var(--brd-secondary) !important; color: var(--txt-secondary); } .btn-secondary:hover { background-color: var(--cl-destaque10) !important; color: var(--cl-destaque) !important; border-color: var(--cl-destaque); } .btn-secondary-short { height: 28px; padding: 4px; border-radius: 25px; border: 1px solid var(--cl-destaque); background: inherit; display: flex; justify-content: center; align-items: center; transition: ease .4s; } .btn-secondary-short p { display: none; text-decoration: none; margin: 0; color: var(--cl-txt); font-size: 1.125rem; font-weight: 500; transition: .4s; } .btn-danger { background-color: #d9534f; border: 1px solid #d9534f !important; color: white; } .btn-danger svg { color: white; height: 14px; margin-right: 5px; stroke-width: .2rem; } .btn-secondary-footer { height: 28px; padding: 4px; border-radius: 25px; border: 1px solid var(--cl-destaque); background: inherit; display: flex; justify-content: center; align-items: center; transition: ease .4s; } .btn-secondary-footer svg { color: var(--cl-txt); height: 16px; } .btn-secondary-footer p { display: block; text-decoration: none; margin: 0; font-size: 1.125rem; font-weight: 500; color: var(--cl-txt); transition: .4s; } .btn-secondary-footer:hover { width: 100%; background-color: var(--cl-destaque); transition: .4s; text-decoration: none; } .footer-alert { display: flex; align-items: center; border: 1px solid #ff3d3d; padding: 4px 8px; border-radius: 4px; margin-right: 10px; position: relative; background-color: #fff4f4; } .footer-alert svg { color: #ff3d3d; height: 15px; margin-right: 4px; } .footer-alert .text-alert { margin: 0; padding: 0; line-height: 14px; } .btn-secondary-short:hover { width: 100%; background-color: var(--cl-destaque10); transition: .4s; text-decoration: none; } .btn-secondary-short:hover p { display: block; transition: .4s; } .btn-secondary-short svg { color: var(--cl-txt); height: 16px; } .btn-primary.icon-show svg { display: block; } .btn-secondary.icon-show svg { display: block; } .btn-newItem { display: flex; align-items: center; justify-content: center; width: auto; height: 24px; border-radius: 25px; background: inherit; background-color: var(--bg-destaque-inverso); padding: 10px; font-size: 1rem; line-height: 1rem; text-decoration: none !important; color: var(--txt-destaque-inverso); transition: .6s !important; } .btn-newItem svg { height: 12px; stroke-width: .25rem; margin-left: -8px; color: var(--txt-destaque-inverso); transition: 0.6s !important; } .btn-newItem p { margin: 0; font-size: 1.1rem; } .btn-newItem:hover { background-color: var(--cl-destaque); } .btn-newItem:hover p { display: inline-block; color: var(--txt-destaque-inverso); } .btn-ativo { display: flex; height: 15px; } .btn-ativo label { line-height: 22px; } .bg-success { color: var(--cl-sucess); background-color: transparent !important; border: 1px solid var(--cl-sucess); } .bg-danger { background-color: transparent !important; border: 1px solid var(--cl-error); color: var(--cl-error); } .bg-warning { background-color: inherit !important; color: var(--txt-secondary) !important; border: 1px solid var(--brd-secondary) !important; } .bg-warning2 { background-color: inherit !important; color: #ff9d00 !important; border: 1px solid #ff9d00 !important; } .btn-card { display: flex; justify-content: center; align-items: center; height: 20px; width: 100%; font-size: .875rem; font-weight: 500; color: var(--txt-primary); cursor: pointer; border: 1px solid var(--cl-destaque); transition: 0.6s; padding: 0px 8px; margin-top: 2px; } .btn-card:hover { background-color: var(--cl-destaque); color: white !important; border-color: var(--cl-destaque); } .input-group { display: flex; margin-bottom: 10px; } .input-group input { flex: 1; padding: 2.5px 7px; } .input-group-text { padding: 0.6rem 0.6rem; } .input-group > .form-control, .input-group > .form-floating, .input-group > .form-select { color: var(--text-main); font-size: 1.2rem; border-radius: 4px !important; } #box-mobile { position: relative; border: solid 1px var(--brd-primary); border-radius: 4px; padding: 10px 0px 0px 0px; width: 100%; } #box-mobile:hover { box-shadow: 1px 1px 4px #00000059, -1px -1px 4px #00000000; } #icon-smartphone { position: absolute; right: 10px; top: 10px; height: 20px; color: var(--txt-primary); animation: olar; animation-delay: 1s; animation-iteration-count: 1; animation-duration: .9s; opacity: .5; } .form-select { background-image: url(/img/svg/baixados.svg) !important; } .form-select[multiple], .form-select[size]:not([size="1"]) { background-image: none; padding-right: .7rem; background: var(--bg-primary); max-height: 32px; border: 1px solid var(--brd-primary); background-image: none !important; border-radius: 4px; } .form-select[multiple]::after { content: "CARREGANDO..."; position: absolute; left: 15%; top: 10px; color: var(--cl-error); font-size: .875rem; } .form-text { position: relative; color: var(--txt-primary); font-size: 100%; background-color: var(--bg-secondary); padding: .4rem 1rem; border-radius: .4rem; min-height: 27.5px; text-wrap: wrap; line-height: 2rem; } .form-text-header { font-size: 1.2rem; margin-left: 10px; margin-top: 0px; color: var(--txt-primary); background-color: #83838329; padding: 2px 8px; border-radius: 4px; border-color: var(--cl-destaque); } .form-text-alert { background-color: #ffffff99; color: #292929; } .input-add { padding: 4px 6px; border-radius: 0 .6rem .6rem 0; background-color: #ffffff; border: 1px solid #ced4da; } .input-add:hover { background-color: black; } .input-add svg { width: 18px; height: 18px; color: #323232; } .input-add:hover svg { color: white; } .log-container .form-label { display: flex; align-items: center; color: inherit; line-height: 1px; } .log-container svg { height: 12px; color: inherit; stroke-width: .25rem; } .log-container .form-label b { margin-right: 4px; color: inherit; font-weight: normal; } .btn-actions-secondary { display: flex; justify-content: flex-start; gap: 10px; } .btn-actions-secondary svg { height: 16px; color: gray; } .group-btn { display: flex; gap: 10px; flex-shrink: 0; min-width: fit-content; z-index: 1; } .group-btn i { margin-right: 1rem; } .page-item:first-child .page-link { font-size: 12px; } .page-item:last-child .page-link { font-size: 12px; } /*BADGE - START*/ .badge { display: flex; align-items: center; justify-content: center; min-width: 45px; text-transform: uppercase; padding-top: 4px; border-radius: 4px; margin: 0px 4px; } .badge.bg-secondary { color: var(--txt-secondary); background-color: transparent !important; border: solid 1px var(--brd-secondary); } .avulsa::after { content: "AVULSA"; background-color: var(--cl-destaque10) !important; color: var(--cl-destaque); padding: 2px 6px; border-radius: 4px; font-size: 0.875rem; display: inline-block; width: 48px; border: dotted 1px var(--cl-destaque); } /*BADGE - END*/ .active > .page-link, .page-link.active { display: flex; justify-content: center; align-items: center; background-color: var(--txt-primary); border-color: var(--txt-primary); border-radius: 2px; height: 22px; width: 24px; color: var(--txt-destaque-inverso); font-weight: bold; margin-top: 1px; } } .user-dados { display: flex; } .photo-section { border-left: solid 1px var(--brd-primary); padding: 0px 10px; display: flex; justify-content: space-between; align-items: center; flex-direction: column; gap: 10px; } .photo-input { position: relative; border: solid 1px var(--card-brd); background: var(--input-bg); padding: 1rem; border-radius: 50%; height: 20rem; width: 20rem; margin-top: 10px; } .btn-add-photo { position: absolute; bottom: 0px; right: 30px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: var(--bg-primary); border: 2px solid var(--cl-destaque); border-radius: 50%; padding: 0; } .btn-add-photo:hover { background-color: var(--cl-destaque-dark); border-color: white; transform: scale(1.1); } .btn-add-photo:hover .lucide { color: white; } .btn-add-photo .lucide { color: var(--cl-destaque); height: 20px; } .section-permissoes { width: 100%; padding: 10px; border-radius: 4px; background-color: var(--bg-secondary); overflow: hidden; } .box-modulos { flex: 1; display: flex; flex-direction: column; } .group-input { background-color: inherit; } .box-modulos { height: 100%; } .box-modulos .form-check { display: flex; flex-direction: row; justify-content: space-between; width: 100%; height: 30px; border-radius: 4px; box-shadow: inset 1px 1px 3px #0000001f, inset -1px -1px 3px #0000001f; padding: 5px 10px; margin: 0 0 10px 0; background-color: var(--bg-primary); } .box-modulos .form-check label { position: relative; } .box-modulos .form-check .form-check-input { height: 14px; margin-left: 0; } .box-modulos .form-check .form-check-input:hover { border: solid 1px var(--gray-5); } .box-modulos .form-check#sw-itsm .form-check-input:checked { background-color: var(--cl-itsm); border-color: var(--cl-itsm); } .box-modulos .form-check#sw-estoque .form-check-input:checked { background-color: var(--cl-estoque); border-color: var(--cl-estoque); } .box-modulos .form-check#sw-ponto .form-check-input:checked { background-color: var(--cl-ponto); border-color: var(--cl-ponto); } .box-modulos .form-check#sw-km .form-check-input:checked { background-color: var(--cl-km); border-color: var(--cl-km); } .box-modulos .form-check#sw-relatorio .form-check-input:checked { background-color: var(--cl-relatorio); border-color: var(--cl-relatorio); } .frame { position: relative; border: 1px solid var(--bg-primary); padding: 10px; height: 100%; border-radius: .4rem; overflow-y: auto; overflow-x: hidden; background: var(--bg-secondary); height: calc(95vh - 200px); } .frame-summary { height: calc(95vh - 240px); } .frame .dataTables_wrapper table thead { background-color: var(--bg-secondary); } .frame .dataTables_wrapper table thead th:first-child { width: 200px !important; } .frame .dataTables_wrapper table thead th:last-child { padding: 2px 10px !important; width: auto !important; } .frame .dataTables_wrapper table tbody td { padding: 2px 10px !important; } .frame .bar-positive { position: absolute; top: 53px; width: 96.5%; height: 1px; background-color: #00CE00; z-index: 1; } .frame .bar-positive + h1 { color: var(--cl-txt); } .frame .bar-positive + h1::before { font-family: 'Material Symbols Outlined'; content: "\e86c" !important; display: inline-block; vertical-align: middle; font-size: 2rem; margin-right: 4px; margin-top: -5px; color: #00CE00; } .frame .bar-negative + h1 { color: var(--cl-txt); } .frame .bar-negative + h1::before { font-family: 'Material Symbols Outlined'; content: "\e14b" !important; display: inline-block; vertical-align: middle; font-size: 2rem; margin-right: 4px; margin-top: -5px; color: #ff1a1a; } .frame .bar-negative { position: absolute; top: 53px; height: 1px; width: 96.5%; background-color: #FF1A1A; z-index: 1; } .btn-secondary.btn-incluir { width: 15px !important; min-width: 15px !important; border: none; padding: 15px 12px; height: auto; font-size: 1.4rem; outline: 2px solid transparent !important; border: 2px solid var(--brd-primary) !important; margin-left: -10px; color: #ff1a1a; } .btn-incluir:hover { background-color: #00CE00 !important; color: white !important; border-color: #00CE00 !important; margin-left: 0px; margin-right: -10px; } .btn-secondary.btn-excluir { width: 15px !important; min-width: 15px !important; border: none; padding: 15px 12px; height: auto; font-size: 1.4rem; outline: 2px solid transparent !important; border: 2px solid var(--brd-primary) !important; margin-right: -10px; color: #01ce01; } .btn-excluir:hover { background-color: #FF1A1A !important; color: white !important; border-color: #FF1A1A !important; margin-left: -10px; } .geral-permissao { max-width: revert; margin: 0 auto; display: flex; background-color: var(--bg-card); min-height: 300px; } /* Flex Item */ .table-permissao { flex: 8; position: relative; } .table-button { display: flex; align-items: stretch; } .table-permissao:first-child i { color: red; } .table-permissao:last-child i { color: var(--cl-sucess); } .dataTables_wrapper .row:first-child { padding: 10px 0; width: 100%; margin: 0 auto; position: sticky; top: -1px; background-color: inherit; min-height: 40px; } .dataTables_filter table thead { position: sticky; top: 40px; background-color: white; } .dataTables_length { margin-left: -5px; border: solid 1px var(--brd-primary); width: auto; width: 185px; overflow: hidden; border-radius: 25px; padding-left: 0px; } div.dataTables_wrapper div.dataTables_length select { height: inherit; border: none; padding: 0 25px 0 10px; font-size: 1.2rem; font-weight: bold; color: var(--txt-primary); border-right: solid 1px var(--brd-secondary); margin-right: 5px; cursor: pointer; transition: .6s; background-color: var(--bg-primary) !important; } div.dataTables_wrapper { position: relative; } div.dataTables_wrapper div.dataTables_filter input { border-radius: 20px; font-size: 1.1rem; border: 1px solid var(--brd-primary); padding: 2px 10px 2px 30px; } div.dataTables_wrapper div.dataTables_filter input:hover { background-color: var(--bg-primary); box-shadow: none; } div.dataTables_wrapper div.dataTables_length select:hover { background-color: var(--bg-secondary) !important; color: var(--cl-destaque); } div.dataTables_wrapper div.dataTables_length label { font-size: 1rem; color: var(--txt-primary); height: 24px; } div.dataTables_wrapper div.dataTables_length select:focus { outline: solid 1px var(--cl-destaque); } .dataTables_wrapper table thead { position: sticky; top: -11px; background-color: var(--bg-primary) !important; z-index: 1; } table.dataTable.table-striped > tbody > tr.odd > * { box-shadow: inset 0 0 0 9999px rgb(147 147 147 / 5%); font-size: 1rem; color: var(--txt-secondary); } table.dataTable.table-striped > tbody > tr.even > * { font-size: 1rem; color: var(--txt-secondary); } div.dataTables_wrapper div.dataTables_info { font-size: 1.2rem; padding-top: 0; } .page-item:not(.active) .page-link { font-size: 1rem; background-color: var(--bg-primary); border: 1px solid var(--bg-secondary); color: var(--txt-primary); } .page-item:not(.active) .page-link:hover { color: var(--cl-destaque); } .page-link:hover { background-color: var(--cl-destaque); border-color: var(--cl-destaque); color: #323232; } .dataTables_wrapper > div:nth-child(2) { height: calc(100% - 100px); overflow: auto; padding-left: 5px; margin-right: -2px; } .dataTables_wrapper div:nth-child(3) { position: absolute; width: 100%; background-color: var(--bg-primary); display: flex; align-items: center; padding: 4px 0px 0px 0px; bottom: -40px; margin: 0 auto; } .table-permissao .dataTables_wrapper div:nth-child(3) { width: 100%; border-radius: 4px; display: flex; align-items: center; padding: 2px; bottom: -42px; margin: 0 auto; border: 1px solid var(--bg-primary); background-color: var(--bg-primary); } .dataTables_wrapper.no-footer input[type="search"] { border-radius: 20px; font-size: 1.1rem; padding: 2px 10px 2px 30px; border: 1px solid var(--brd-secondary); border-radius: 25px; background-color: var(--bg-primary); } .dataTables_wrapper.no-footer .dataTables_filter { height: 40px; } div.dataTables_wrapper div.dataTables_info { font-size: 1rem; padding-top: 0; margin-left: 0px; color: var(--txt-secondary); } div.dataTables_wrapper div.dataTables_paginate { margin-right: -8px; } div.dataTables_processing { margin-left: -150px; } .active:hover > .page-link { background-color: #323232; border-radius: 2px; color: #ffffff; } .form-control-sm { padding: .15rem .5rem .15rem 3rem; } input[type='search'] { background-image: url(../img/search-16px.png); background-position: 8px 4px; background-repeat: no-repeat; } input[type='search'] { background-image: url(../img/search-16px.png); background-position: 8px 4px; background-repeat: no-repeat; padding-left: 30px; /* espaço pra não sobrepor a lupa */ } .input-destaque { padding-right: 40px !important; /* já tem */ padding-left: 30px !important; /* mantém mesmo espaço da lupa */ max-width: 300px !important; transition: max-width 0.6s ease, padding-right 0.6s ease; } .input-wrapper { position: relative; display: inline-block; } .input-wrapper::before { content: ''; background-image: url(../img/search-16px.png); background-size: 16px 16px; background-repeat: no-repeat; position: absolute; left: 8px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; pointer-events: none; /* evita bloquear clique no input */ opacity: 0.6; } .input-wrapper input[type='search'] { padding-left: 30px; /* espaço pra lupa */ } .input-wrapper input.input-destaque { padding-right: 40px !important; padding-left: 30px !important; /* mantém espaço da lupa */ max-width: 300px !important; transition: max-width 0.6s ease, padding-right 0.6s ease; } .fa-add:before, .fa-plus:before { content: "\+"; margin-right: 5px; font-size: 1rem; } .sidebar-item.active .sidebar-link:hover i, .sidebar-item.active .sidebar-link:hover svg, .sidebar-item.active > .sidebar-link i, .sidebar-item.active > .sidebar-link svg { color: #323232; stroke-width: 2px; } .tab .nav-tabs .nav-link { color: var(--txt-secondary); font-size: 1rem; padding: 6px 10px 6px 10px; background-color: var(--bg-secondary); margin-left: 2px; border-radius: 4px 4px 0 0; } .tab .nav-tabs .nav-item:first-child { margin-left: -2px; } .table tbody, .table td, .table tfoot, .table th, .table thead, .table tr { border-color: transparent; font-size: 1rem; font-weight: 500; color: var(--txt-primary); padding: 0px 4px !important; overflow: hidden; } table.dataTable > thead { position: sticky; top: 0; background-color: var(--bg-primary); z-index: 2; } table.dataTable > thead > tr { background-color: var(--bg-secondary); height: 30px; vertical-align: middle; border-radius: 0px; overflow: hidden; } table.dataTable > thead > tr > th:hover { background-color: var(--cl-destaque10); } table.dataTable > tbody > tr { background-color: var(--bg-row); height: 30px; position: relative; } table.dataTable > tbody > tr > td { height: inherit; } table.dataTable > thead > tr > th:first-child { border-radius: 0px !important; padding-left: 14px !important; } table.dataTable > tbody > tr > td:first-child { border-radius: 4px 0 0 4px !important; padding-left: 14px !important; } table.dataTable > thead > tr > th:last-child { border-radius: 0px !important; } table.dataTable > tbody > tr > td:last-child { border-radius: 0px 4px 4px 0px !important; } table.dataTable > thead > tr > .th-nohover:hover, table.dataTable > thead > tr > .th-nohover:hover { background-color: transparent; } /*ICONS*/ .lucide { color: var(--cl-destaque); stroke-width: .2rem; } .lucide-icon:hover { fill: var(--cl-destaque); } .form-control { font-size: 1.2rem; background-color: var(--bg-primary); border: 1px solid var(--brd-primary); color: var(--txt-primary) !important; border-radius: .4rem; } .form-control.readonly { background-color: var(--bg-secondary) !important; border: solid 1px var(--bg-secondary) !important; cursor: default; font-size: 1rem; } .form-control.readonly:hover, .form-control.readonly:focus { background-color: var(--bg-secondary) !important; border: solid 1px var(--bg-secondary) !important; cursor: default; } .form-control:hover, .select2-container--bootstrap4 .select2-selection--single:hover { border-color: var(--brd-secondary); } .form-control:disabled { background-color: var(--bg-secondary); } .form-control:disabled:hover { border-color: var(--brd-primary); } table.dataTable > tbody > .odd:hover, table.dataTable > tbody > .even:hover { border-radius: 10px !important; color: var(--txt-primary); transition: .6s; background-color: var(--hover); } table.dataTable > tbody > .odd:hover td:first-child::before, table.dataTable > tbody > .even:hover td:first-child::before { content: " "; background-color: var(--cl-destaque); width: 4px; height: 100%; display: inline-block; /* Adicione esta linha para garantir que o pseudo-elemento seja exibido corretamente */ position: absolute; top: 0; left: 0px; border-radius: 4px 0 0 4px; } table.dataTable > tbody > .odd:hover .btn-icon:before, table.dataTable > tbody > .even:hover .btn-icon:before { color: var(--cl-destaque) !important; font-weight: bold; } table.dataTable > tbody > .odd:hover .td-percentualSla, table.dataTable > tbody > .even:hover .td-percentualSla { font-weight: bold; font-size: 1rem !important; } .table-striped-columns > :not(caption) > tr > :nth-child(2n), .table-striped > tbody > tr:nth-of-type(odd) > * { color: inherit; } /* Cor de fundo do autocomplete */ input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset; } /* Cor do texto do autocomplete */ input:-webkit-autofill { -webkit-text-fill-color: var(--autofill-txt) !important; -webkit-text-fill-color: var(--cl-destaque) !important; -webkit-box-shadow: 0 0 0 30px var(--autofill-bg) inset; } .form-control:focus { border-color: #d8d8d9; box-shadow: 0 0 0 0.2rem rgb(114 114 114 / 15%); background: var(--input-bg); border-color: var(--cl-destaque) !important; color: var(--txt-primary); box-shadow: none; } .form-switch { position: relative; display: flex; flex-direction: column; align-items: flex-start; width: 120px; padding-left: 2.5em; border-radius: 50px; height: 22px; background-color: var(--bg-primary); overflow: hidden; } .form-switch img { position: absolute; width: 18px; right: 4px; top: 4px; display: none; } .form-switch label { position: absolute; top: 3px; font-size: 1rem; font-weight: 500; margin-left: 5px; color: var(--txt-secondary); } .form-switch .form-check-input { height: 14px; width: 24px; cursor: pointer; background-color: #ffffff1c; border-color: var(--brd-primary); } .form-switch form-check-input { background-color: red; } .form-switch .form-check-input:checked { background-color: var(--cl-destaque); border: 1px solid var(--cl-destaque); } .form-switch-menu { display: flex; align-items: flex-start; position: relative; overflow: hidden; width: 100%; padding: 5px 15px; justify-content: space-between; } .form-switch-menu:hover { outline: 1px solid rgb(235 237 236 / 46%) !important; } .form-switch-menu img { position: absolute; width: 18px; right: 4px; top: 4px; display: none; } .form-switch-menu label { font-size: 1.1rem; cursor: pointer; } .form-switch-menu .form-check-input { cursor: pointer; background-color: transparent; border-color: var(--gray-4); background-image: radial-gradient(var(--gray-4) 40%, transparent 50%); background-size: 13px 13px; width: 2.4em; background-position: 0; border-radius: 2em; height: 1.1rem; } .form-switch-menu .form-check-input:checked { background-color: var(--cl-destaque) !important; background-image: radial-gradient(var(--gray-1) 40%, transparent 50%); background-position: 100%; border: 1px solid var(--switch-brd) !important; } .group-input-title { font-size: 1rem; font-weight: 500; color: var(--cl-destaque50); } .lead { font-size: 1.2rem; font-weight: 300; } .form-label { margin-bottom: 3px; font-size: .875rem; font-weight: 500; color: var(--txt-secondary); opacity: .75; } .form-control-lg { font-size: 1.2rem; } .form-control option { background-color: var(--bg-secondary); } .form-control option:hover { background-color: red !important; } /*FOOTER*/ footer { height: 50px; padding-top: 11px; display: none; } footer p { font-size: 0.775rem; } .select2-search__field [type="search"] { color: red !important; background: orange !important; } .badge-input, .select2-selection__choice { background-color: var(--gray-2) !important; padding: 4px !important; color: var(--gray-5) !important; border-radius: 3px !important; margin: 0 0px 0 0 !important; width: 100px; display: flex; border-color: var(--gray-3) !important; } .badge-input, .select2-selection__choice:hover { background-color: var(--gray-200) !important; color: var(--gray-7) !important; } .badge-input, .select2-selection__choice:hover span { color: var(--gray-1) !important; } .select2-selection__choice span { margin-right: 5px !important; width: 10px; margin-left: 5px; top: 2px; margin-top: 1px; color: var(--txt-secondary) !important; font-size: 1.8rem; font-weight: normal !important; } .select2-selection__choice:hover span { color: var(--txt-primary) !important; } .select2-selection__choice span:hover { color: var(--cl-error) !important; } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered { color: var(--text-main); font-size: 1.2rem; padding: .3rem .7rem; } .select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field { color: var(--cl-txt) !important; opacity: 1 !important; } /*DATERANGEPICKER*/ .daterangepicker { box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.4); background-color: var(--bg-secondary); border: none; } .daterangepicker:after { border-bottom: 6px solid var(--bg-secondary); } .daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date { background-color: var(--bg-secondary); color: #adb5bd; } .daterangepicker:before { display: none; } .daterangepicker .drp-calendar.single .calendar-table { background-color: inherit; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 1.2rem; border: none; font-weight: bold; background-color: var(--bg-secondary); color: var(--txt-primary); } .daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date { color: #d2d2d2; } .daterangepicker .drp-buttons { display: flex !important; justify-content: space-around; } .daterangepicker .drp-buttons .btn.btn-default { color: var(--txt-secondary); height: 2.6rem; font-size: 1.125rem; } .daterangepicker .drp-buttons .btn.btn-default:hover { color: var(--cl-destaque); background-color: var(--cl-destaque10); } .daterangepicker .drp-buttons .btn.btn-primary { border-radius: 50px; font-size: 1.125rem; outline: 2px solid transparent !important; font-weight: bold; padding: 2px 12px; min-width: 10rem; height: 2.6rem; border: none !important; color: var(--txt-destaque) !important; transition: 0.4s; } .daterangepicker .drp-buttons .btn.btn-primary:hover { background-color: #0175b6 !important; } .daterangepicker .calendar-table td, .daterangepicker .calendar-table th { border: 1px solid transparent; border-radius: 50px; cursor: pointer; font-size: 1rem; height: 20px; line-height: 14px; text-align: center; white-space: nowrap; width: 28px; color: var(--txt-secondary); } .daterangepicker .calendar-table table { border-collapse: separate !important; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: var(--bg-primary); border-radius: 50px !important; border-color: var(--cl-destaque) !important; font-weight: bold; color: var(--txt-secondary); } .daterangepicker:after { filter: drop-shadow(0px -1px 1px #00000036); } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: var(--cl-destaque) !important; color: var(--gray-1); } .daterangepicker table .prev, .daterangepicker table .next { background-color: var(--bg-primary); color: white; } .daterangepicker table .prev span, .daterangepicker table .next span { border-color: var(--txt-primary) !important; } /*TOOLTIP - START*/ .badge-tooltip { display: flex; align-items: center; justify-content: center; width: 14px; height: 14px; background-color: inherit; border: 1px solid var(--gray-5); border-radius: 50%; font-size: .875rem; font-family: 'Font Awesome 6 Free'; font-weight: bold; color: var(--gray-5); float: right; margin-left: 10px; } .badge-tooltip:hover { background-color: var(--gray-6); color: white; } .tooltip-inner { background-color: var(--bg-destaque); opacity: 1 !important; border-radius: 6px; padding: 5px 10px; } .tooltip.show { opacity: 1 !important; } .tooltip-span { position: absolute; font-size: 1rem; color: white; border-radius: 50%; width: 16px !important; height: 16px; padding: 2px 1px 1px 6px; margin-left: 10px; } .tooltip { opacity: 1 !important; font-size: .875rem; width: auto; height: auto; cursor: pointer; position: relative; } data-bs-toggle { border: 2px solid orange !important; } /*TOOLTIP - END*/ /*MODAL*/ .modal-dialog { border-radius: 1rem; background: transparent; } .modal-content { border-radius: 1rem; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; background-color: var(--bg-primary); max-height: 75vh; padding: 10px 20px; } .modal-header { display: flex; justify-content: center; background-color: inherit; border: none; margin-bottom: 20px; } .modal-header-title { display: flex; flex-direction: column; align-items: center; margin-top: 0rem; width: 100%; padding: 5px 15px; } .modal-header-title p { color: var(--txt-secondary); } .modal-header-title .lucide { height: 40px; width: 40px; margin-right: 10px; stroke-width: 2px; color: var(--cl-destaque); padding: 6px; border-radius: 6px; } .modal-header h5 { font-weight: bold; font-size: 1.6rem; color: var(--txt-primary); } .modal-subtitle { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; width: 100%; color: var(--txt-primary); background-color: var(--bg-secondary); border: solid 1px var(--brd-secondary); margin-top: 20px; margin-bottom: -25px; padding: 5px 10px; border-radius: 4px; margin-bottom: -10px; gap: 5px; } .modal-subtitle p { font-size: 1rem; color: var(--cl-destaque); } .modal-subtitle h4:first-child { font-weight: 500; font-size: 1.2rem; color: var(--txt-primary); } .modal-subtitle h4:last-child { font-size: 1rem; color: var(--txt-secondary); margin-top: -5px; margin-bottom: 0px; } .modal-header > .close { position: absolute; right: 20px; top: 10px; background-color: transparent; border: none; color: var(--txt-secondary); font-size: 30px; text-decoration: none; } .modal-header > .close:hover { color: var(--txt-primary); } .modal-body { background-color: inherit; padding: 0px; /*padding: 0 20px 20px 20px;*/ overflow: auto; color: var(--txt-primary); overflow-x: hidden; } .modal-body div:nth-child(1) { /* border: none !important;*/ } .modal-body .tab-content { padding: 10px 0px !important; border: none !important; } .modal-body div:nth-child(2) .nav-link { background-color: var(--bg-primary); border: none; color: var(--txt-primary); } .modal-body #divTablePeca .qtd-peca-inserida { font-weight: 600 !important; margin: 0 10px 0 5px; } .modal-body #divTablePeca .qtd-peca-inserida::before { content: "QTD: "; } .modal-body #divTablePeca h3 { display: inline-block; font-weight: 600 !important; color: var(--txt-primary); font-size: 1rem; margin-bottom: 0px !important; margin-top: 6px; } .modal-body #listaPecas h3, .modal-body #divTablePecaAvulsa h3 { font-size: 1rem; font-weight: 600 !important; color: var(--txt-primary); margin-bottom: 0px !important; } .modal-body #divTablePeca div, .modal-body #listaPecas div, .modal-body #divTablePecaAvulsa div { background-color: var(--bg-secondary) !important; padding: 6px; border-radius: 6px; } .modal-body #divTablePeca .card { height: auto; } .modal-body #divTablePeca div div, .modal-body #listaPecas div div, .modal-body #divTablePecaAvulsa div div { padding: 0px; } .modal-body #divTablePeca .btn-group, .modal-body #divTablePecaAvulsa .btn-group { position: absolute; bottom: 4px; right: 10px; } .modal-body #listaPecas .btn-group { position: absolute; bottom: 0px; right: 10px; } .modal-body #divTablePeca button.btn-sm.btn-outline-secondary, .modal-body #listaPecas button.btn-sm.btn-outline-secondary, .modal-body #divTablePecaAvulsa button.btn-sm.btn-outline-secondary { height: 20px !important; width: 20px !important; padding: 4px; margin: 0 2px; background-color: var(--bg-destaque-inverso); border-radius: 50px !important; } .modal-body #divTablePeca .btn-excluirCard, .modal-body #listaPecas .btn-excluirCard, .modal-body #divTablePecaAvulsa .btn-excluirCard { position: absolute; right: 6px; top: 4px; z-index: 1; width: 20px; height: 20px; padding: 0px; color: var(--txt-primary); border: none; } .modal-body #divTablePeca .btn-informarNumSerie, .modal-body #listaPecas .btn-informarNumSerie, .modal-body #listaPecas .btn-informar-dados-peca { background-color: var(--bg-destaque-inverso); font-size: .875rem; padding: 0px 10px; height: 18px; margin-top: 0px; color: var(--txt-destaque-inverso); } .modal-body #divTablePeca .btn-observacao { background-color: var(--bg-primary); height: 18px; color: var(--txt-primary); font-size: .875rem; border: solid 1px var(--brd-secondary); margin-left: 5px; } .modal-body #divTablePeca .btn-informar-dados-peca { position: absolute; top: 5px; right: 30px; background-color: var(--bg-primary); height: 18px; color: var(--txt-primary); font-size: .875rem; margin-left: 5px; width: 18px; padding: 0px; font-size: 16px; } .modal-body .nav-tabs .nav-item { flex: 1; overflow: hidden; z-index: 1; } .modal-body .nav-tabs .nav-item .nav-link { background-color: var(--bg-primary); } .modal-body .nav-tabs .nav-item .nav-link.active { background-color: var(--bg-secondary); border-radius: 4px 4px 0 0; color: var(--txt-primary); } .peca-acao { display: flex; justify-content: space-between; width: 100%; } .peca-acao h3 { font-weight: bold !important; } #divTablePeca p, #divTablePeca strong { color: var(--txt-primary) !important; margin-bottom: 0px !important; } .qtd-estoque { background-color: var(--hover); padding: 0px 10px; border-radius: 4px; color: var(--txt-secondary); width: 100px; margin-bottom: -20px; float: right; margin-top: -15px; } .number-input-container { display: flex; } .number-input-container label { } .number-input-container .number { width: 40px; border: solid 1px var(--brd-secondary); margin: 0 2px; text-align: center; font-weight: 600; font-size: 1.2rem; height: 18px; } .number-input-container .number-input-button { display: flex; justify-content: center; align-items: center; height: 18px; width: 18px; background-color: var(--bg-primary); border: solid 1px var(--brd-secondary); border-radius: 4px; font-weight: bold; font-size: 1rem; transition: .6s; color: var(--txt-primary); } .number-input-container .number-input-button:hover { background-color: var(--cl-destaque10); } .number-input-container .number-input-button:first-child { border-radius: 10px 0 0 10px; } .number-input-container .number-input-button:last-child { border-radius: 0 10px 10px 0; } .fa-trash { transition: .6s; } .fa-trash:hover { color: red; } .modal-body-center { background-color: inherit; text-align: center; font-size: 1.2rem; margin: -10px auto 20px; color: var(--txt-secondary); } .modal-body .btn-choice-container { display: flex; justify-content: space-evenly; flex-direction: column; gap: 10px; } .modal-body .btn-choice-container .ac-alterar, .modal-body .btn-choice-container .ac-excluir { display: flex; justify-content: flex-start; align-items: center; background-color: var(--gray-200) !important; color: var(--gray-600); height: 40px; line-height: 20px; border: 1px solid var(--gray-4); border-radius: 4px; font-size: 1.2rem; } .modal-body .btn-choice-container .ac-alterar:hover, .modal-body .btn-choice-container .ac-excluir:hover { background-color: var(--gray-3) !important; } .modal-body .btn-choice-container .ac-alterar.ativo { display: flex; justify-content: flex-start; align-content: center; align-items: center; background-color: var(--cl-destaque10) !important; color: var(--cl-destaque); height: 40px; line-height: 20px; border-radius: 3px; font-size: 1.2rem; border-color: var(--cl-destaque); font-weight: 500; } .modal-body .btn-choice-container .ac-excluir.ativo { display: flex; justify-content: flex-start; align-content: center; align-items: center; background-color: var(--cl-destaque10) !important; color: var(--cl-destaque); height: 40px; line-height: 20px; border-radius: 3px; font-size: 1.2rem; border-color: var(--cl-destaque); font-weight: 500; } .modal-body .btn-choice-container .panel { display: block; border: 1px solid #f1f1f1; background-color: #f1f1f1; margin-top: -6px; transition: .6s; } .modal-body .btn-choice-container .btn-primary { background-color: var(--gray-200); color: var(--gray-5); height: 100px; width: auto; border-radius: 6px; display: flex; flex-direction: column; } .modal-body .btn-choice-container .btn-primary svg { color: var(--gray-600); display: block; margin-bottom: 20px; margin: 0 5px 0 0px; } .modal-body .btn-choice-container .ac-alterar svg, .modal-body .btn-choice-container .ac-excluir svg { color: var(--cl-destaque); height: 18px; margin: 0 5px 0 5px; } #ac-excluir .panel { background-color: #ffe2e2 !important; } .text-alert { width: 100%; padding: 5px 10px; color: red; font-size: 1.2rem; position: relative; border-radius: .4rem; margin-top: 10px; } .text-alert strong { color: red; } .modal-footer #btn-edit, .modal-footer #btn-delete { display: none; } .modal-footer { background-color: inherit; border-top: 1px solid var(--bg-secondary); padding: 10px 10px 0px 10px !important; } .modal-footer button { background-color: var(--bg-destaque-inverso); border: none; min-width: 100px; } .modal-footer .btn-secondary { background-color: var(--bg-primary); color: var(--txt-primary) !important; } .modal-body .dataTables_wrapper { border: solid 1px var(--gray-200); padding: 10px; height: 100% !important; border-radius: 4px; } .modal-body .dataTables_wrapper > div:nth-child(2) { overflow: unset !important; } .modal-body .dataTables_wrapper > div:nth-child(3) { background-color: transparent !important; margin-left: unset !important; } .modal-top { width: 50%; margin: 0px auto; position: absolute !important; top: 0px; left: 25%; right: 50%; display: block; } /*Barra de rolagem*/ /* Works on Firefox */ * { scrollbar-width: thin; } .sidebar-links { scrollbar-color: #00000033 #efefef00; overflow: hidden; } /* Works on Chrome, Edge, and Safari */ *::-webkit-scrollbar { width: 1px; } *::-webkit-scrollbar-track { background: transparent; } *::-webkit-scrollbar-thumb { background-color: var(--gray-2); border-radius: 20px; border: 1px solid var(--gray-4); } .sidebar-link::-webkit-scrollbar { width: 0px; } .sidebar:hover .sidebar-links::-webkit-scrollbar { width: 0px; } .sidebar-link::-webkit-scrollbar-track { background: var(--sidebar); } .sidebar:hover .sidebar-links::-webkit-scrollbar-track { background: var(--sidebar); } .sidebar-link::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 20px; border: 3px solid transparent; } .sidebar:hover .sidebar-links::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 20px; border: 3px solid transparent; } .sidebar-links::-webkit-scrollbar-thumb { background-color: var(--sidebar) !important; border-radius: 20px; border: 3px solid transparent; } /*painel Theme Builder*/ .settings-panel { display: none; } .icon-support { position: absolute; } .dataTableButtons { position: absolute; right: 190px; margin-top: 10px; display: flex; justify-content: flex-end; z-index: 1; transition: .4s; } .push-buttons { right: 240px; } .dataTableButtons2 { position: sticky; top: 24px; display: flex; justify-content: center; z-index: 1; height: 0px; margin: 0 auto; width: 100%; align-items: center; gap: 10px; } .dataTableButtons2 .form-switch { padding: 1rem 1rem 1rem 3rem; display: flex; flex-direction: row; align-items: center; position: relative; width: auto; border-radius: 50px; height: 24px; cursor: pointer; background-color: var(--gray-200); overflow: hidden; } .dataTableButtons2 .form-switch label { position: relative; font-size: 1rem; left: 0px; height: 20px; color: var(--cl-txt-secondary); } .dataTableButtons2 .btn-select { font-size: 1rem; } /*WONDER BUTTON (Gradient)*/ .gradient-border { position: relative; border-radius: 25px; } .gradient-border:after { content: ''; position: absolute; top: -1px; left: -1px; height: 24px; width: 122px; background: linear-gradient(60deg, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82, #2C2C2C, #2C2C2C, #2C2C2C, #2C2C2C, #2C2C2C); border-radius: 25px; z-index: -1; background-size: 300% 300%; opacity: .8; } .gradient-border:hover { background: var(--gray-6); animation: animatedgradient 3s ease alternate infinite; } .gradient-border:hover:after { display: block; animation: animatedgradient 3s ease alternate infinite; } /*TESTES REDESIGN Modal Alerts*/ /*.notyf { align-items: center !important; box-sizing: border-box; color: #fff; display: flex; flex-direction: column; height: 100%; justify-content: center !important; left: 0; padding: 20px; pointer-events: none; position: fixed; top: 0; width: 100%; z-index: 9999; border-radius: 20px !important; } .notyf__wrapper { padding: 20px !important; height: 160px !important; width: auto !important; display: flex !important; flex-direction: column !important; } .notyf__ripple { background-color: transparent !important; box-shadow: none !important; } .notyf__toast { background-color: transparent !important; box-shadow: none !important; } .notyf-announcer { border: 6px solid black !important; } .notyf__toast--upper.notyf__toast--success .notyf__wrapper { background-color: green !important; } .notyf__toast--upper .notyf__wrapper { background-color: red !important; } .notyf__icon--error { position: absolute; top: 0; } .notyf__message { margin-top: 40px; } */ /*TESTES REDESIGN switch button*/ .form-check:checked { background-color: white; border-color: #02d153; left: 130px; transition: .6s; } /*MAPA GOOGLE*/ #map { border: 1px solid var(--border-input); border-radius: .4rem; } #mapAlteracaoEnderecoOrdem { position: relative; display: flex; justify-content: center; align-items: center; min-height: 180px !important; height: 180px !important; border: 1px solid var(--border-input); border-radius: .4rem; } .container-map-btns { position: absolute; top: 1rem; right: 1rem; height: 40px; width: 40px; display: flex; flex-direction: column; gap: 10px; direction: rtl; z-index: 1000; } .container-map-btns .btn-secondary-short { width: 36px; height: 32px; padding: 4px; border-radius: 50px; border: none; background-color: var(--bg-primary); transition: ease .4s; box-shadow: rgba(0, 0, 0, 0.55) 0px 5px 5px; } .container-map-btns .btn-secondary-short.caption { width: 36px; height: 32px; padding: 4px; border-radius: 50px; border: none; background-color: var(--cl-info); display: flex; justify-content: center; align-items: center; transition: ease .6s; box-shadow: rgba(0, 0, 0, 0.55) 0px 5px 5px; } .container-list-tecnicos { position: absolute; top: 40px; left: 10px; z-index: 9999; width: 260px; background-color: var(--bg-primary); border-radius: 6px; height: 93%; overflow: auto; padding: 10px; } #modalLegendasMapa .modal-content .modal-body { display: flex; flex-direction: column; } #modalLegendasMapa .modal-body .caption-group { display: flex; flex-direction: column; gap: 0rem 1rem; margin-top: 2rem; } #modalLegendasMapa .modal-body .caption-group h3 { font-size: 1rem; width: 100%; padding: 0 10px 0 0; } #modalLegendasMapa .modal-body .caption-group div { display: flex; } #modalLegendasMapa .modal-body .caption-group div { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; width: 100%; border: 1px solid var(--gray-200); border-collapse: collapse; justify-content: space-evenly; padding: .6rem .5rem .2rem .5rem; min-width: 70px; } #modalLegendasMapa .modal-body .caption-group div:last-child { margin-bottom: 0rem; } #modalLegendasMapa .modal-body .caption-group img { height: 30px; } #modalLegendasMapa .modal-body .caption-group span { font-size: .875rem; text-align: center; color: var(--gray-5); left: 2.4rem; } .container-map-btns .btn-secondary-short svg { color: var(--txt-primary); height: 20px; } .container-map-btns div:first-child .btn-secondary-short:hover { width: 200px; } .container-map-btns div:nth-child(2) .btn-secondary-short:hover { width: 260px; } .container-map-btns .btn-secondary-short:hover p { color: var(--txt-primary); } .container-map-btns .btn-secondary-short:hover svg { display: none; } .container-map-btns .btn-secondary-short.caption:hover svg { display: block; color: white; } .container-map-btns .btn-secondary-short.caption:hover { border-color: #0081e1; background-color: #0081e1; } .gm-style-mtc-bbw { background-color: transparent !important; border-radius: .4rem; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4) !important; } .gm-style-mtc button { background-color: var(--gray-2) !important; color: var(--gray-5) !important; font-size: 1.2rem !important; height: 30px !important; } .gm-style-mtc-bbw .gm-style-mtc:first-child button { border-radius: .4rem 0 0 .4rem !important; } .gm-style-mtc-bbw .gm-style-mtc:last-child button { border-radius: 0 .4rem .4rem 0 !important; } .gmnoprint .gm-style-mtc /*Satelite<>Mapa*/ { display: none; } .gmnoprint .gm-svpc /*Street view*/ { display: none; } .gmnoprint div /*zoom control*/ { display: none; } .gm-control-active.gm-fullscreen-control /*full screen*/ { display: none; } .gmnoprint div button img { height: 14px !important; width: 14px !important; } .gm-style .gm-style-iw-tc::after { height: 8px !important; top: -2px !important; width: 25px !important; animation: olar; animation-iteration-count: 1; animation-duration: .9s; box-shadow: 1px 4px 3px #0000006e; } .gm-style-iw.gm-style-iw-c { padding: 1rem; border-radius: .6rem; padding-top: 10px !important; } .gm-style-iw-chr { display: flex; position: absolute; z-index: 100000; justify-content: flex-end; width: 100%; } .gm-style-iw-chr button { width: 20px !important; height: 20px !important; cursor: pointer; opacity: .4; margin-right: 15px !important; margin-top: 0px !important; } .gm-style-iw-chr button span { width: 14px !important; margin-top: 0px !important; } .gm-style-iw.gm-style-iw-c .gm-ui-hover-effect { top: -4px !important; right: 4px !important; } .gm-ui-hover-effect span { height: 12px !important; background-repeat: no-repeat !important; margin-top: 18px !important; margin-right: 0px !important; margin-left: 6px !important; margin-bottom: 0 !important; } .iw_title { font-size: 1rem; font-weight: 500; margin-bottom: -2px; } .iw_title a { font-size: 1rem; font-weight: 500; margin-bottom: -2px; color: var(--gray-5); } .iw_title a:hover { color: var(--cl-txt); text-decoration: none; cursor: default; } /*Lista Tasks*/ .container-list-tasks, .container-list-pecas { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; border-radius: 6px; overflow-y: auto; gap: 10px; } .container-list-pecas { gap: 0px; } .list-tasks-item { background-color: var(--bg-secondary); width: 100%; height: auto; border-radius: 4px; margin: 2px 0; font-size: 1rem; padding: 10px; transition: ease-in-out .4s; position: relative; } .list-tasks-item .-ordemServico { font-size: 1.2rem; font-weight: bold; color: var(--txt-primary); } .list-tasks-item .-nomeTecnico { font-size: 1rem; margin: 0 !important; display: inline-block; color: var(--txt-secondary); } .list-tasks-item .-dataFechamento { font-size: 1rem; color: var(--txt-secondary); position: absolute; top: 54px; right: 12px; } .list-tasks-item .-taskAtual { font-size: .725rem; color: var(--cl-destaque); background-color: var(--cl-destaque10); padding: 2px 8px; border-radius: 4px; border: 1px solid var(--cl-destaque); display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; width: 94px; margin-top: -1px; font-weight: 500; margin-left: 5px; } .list-pecas-item { height: auto; border-radius: 4px; margin: 0px 0 20px; font-size: 1rem; padding: 10px 10px 5px 10px; position: relative; /*border: solid 1px var(--bg-secondary);*/ transition: ease-in-out.4s; background-color: var(--bg-secondary); } .list-pecas-no-item { width: 100%; height: 100%; border-radius: 4px; margin: 2px 0; font-size: 1rem; padding: 15px; transition: ease-in-out .4s; position: relative; display: flex; justify-content: center; align-items: center; } .list-pecas-item .-pecaItem { font-size: 1.4rem; font-weight: bold; display: inline-block; } .-semPendencia { font-size: 1.2rem; color: var(--cl-destaque); } .-semPeca { font-size: 1.2rem; color: var(--cl-destaque); } .list-pecas-item .-solicitacao, .list-pecas-item .-usuarioCriacao, .list-pecas-item .-dataCriacao, .list-pecas-item .-liberacao, .list-pecas-item .-usuarioLiberacao, .list-pecas-item .-dataLiberacao { font-size: 1rem; margin: 0 !important; font-weight: bold; line-height: 20px; color: var(--txt-secondary); } .list-pecas-item .-numeroTask { color: var(--txt-primary); font-weight: bold !important; font-size: 1.2rem; margin: 5px 0 5px; } .list-pecas-item .-solicitacao span, .list-pecas-item .-usuarioCriacao span, .list-pecas-item .-dataCriacao span, .list-pecas-item .-liberacao span, .list-pecas-item .-usuarioLiberacao span, .list-pecas-item .-dataLiberacao span { font-weight: normal; } .list-pecas-item .-badgeTempo { display: flex; align-items: center; font-size: .875rem; color: var(--cl-destaque); background-color: var(--cl-destaque10); padding: 0px 8px; border-radius: 3px; border: 1px solid var(--cl-destaque); } .list-pecas-item .-badgeTempo span:first-child { font-size: 1.4rem; color: var(--cl-destaque); font-weight: 500; margin-right: 8px; } .list-pecas-item .-badgeTempo span:last-child { font-size: 1rem; color: var(--cl-destaque); font-weight: 500; margin-right: 4px; } .container-title { font-size: .875rem; font-weight: 500; color: var(--cl-destaque); margin-top: 10px; margin-bottom: 2px; } .container-dados-fechamento, .container-dados-solicitacao { display: flex; flex-direction: column; border-radius: 4px; } .container-chamado { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1rem; flex-wrap: nowrap; margin-bottom: 5px; } .container-dados-solicitacao hr { margin: .5rem 0 1rem; } .container-chamado-data, .container-chamado-data-pecas { padding: 0px 8px; border-radius: 4px; background-color: #7e7e7e12; flex: 1; position: relative; min-height: 30px; } .container-chamado-data.-user { width: auto; flex: 0; min-width: 200px; } .container-chamado-data.-user .data { overflow: hidden; white-space: nowrap; width: 194px; text-overflow: ellipsis; } .container-chamado-data.-data { width: auto; flex: 0; min-width: 110px; } .container-chamado-data span { font-size: 16px; position: absolute; right: 6px; top: 5px; color: var(--txt-primary); opacity: .8; } .container-chamado-data thead { display: none; } .container-chamado-data table { margin-bottom: 0px; } .container-chamado-data table tbody, .container-chamado-data-pecas table tbody { border: none !important; } .container-chamado-data-pecas thead th { font-size: .875rem; } .container-chamado-data-pecas table { margin-bottom: 0px; } .container-chamado-data-pecas table tbody, .container-chamado-data-pecas table tr td, .container-chamado-data-pecas table tr th { border-color: transparent !important; } .container-chamado-data-pecas table tr td { margin: 0px; padding: 0px !important; padding-left: 4px !important; } .container-chamado-data td { border: none; padding: 0px !important; padding-right: 2px !important } .container-dados-peca { display: flex; justify-content: flex-start; flex-direction: column; margin-top: 10px; flex-wrap: wrap; } .container-peca-solicitacao { padding: 4px; border-radius: 4px; background-color: #7e7e7e12; flex: 1; position: relative; width: 100%; } .container-peca-solicitacao::after { font-family: 'Material Symbols Outlined'; color: var(--txt-primary); content: "\e87f"; display: flex; justify-content: center; align-items: center; top: 40%; position: absolute; right: 10px; font-size: 2rem; opacity: .1; } .container-peca-liberacao { padding: 4px; border-radius: 4px; background-color: #7e7e7e12; flex: 1; position: relative; width: 100%; margin-top: 10px; } .container-peca-liberacao::after { font-family: 'Material Symbols Outlined'; color: var(--txt-primary); content: "\f3cb"; display: flex; justify-content: center; align-items: center; top: 40%; position: absolute; right: 10px; font-size: 2rem; opacity: .1; } .list-tasks-item .title, .container-chamado-data .title { font-size: .875rem; color: var(--txt-secondary); font-weight: 500; margin: 4px 0 2px; } .list-tasks-item .data, .container-chamado-data .data { color: var(--txt-primary); } .list-tasks-item .-observacao { padding: 4px; border-radius: 4px; background-color: #7e7e7e12; flex: 1; margin-top: 5px; color: var(--txt-primary); font-weight: 500; } .list-tasks-item .--descricao { font-size: .875rem; color: var(--txt-secondary); margin-bottom: 2px; } .list-tasks-item .-observacao p { font-size: 1rem; display: flex; align-items: center; justify-content: flex-start; } .list-tasks-item .-observacao p span { font-size: 14px; margin-right: 6px; } .list-tasks-item .-observacao svg { height: 14px; color: #45a0b0; } /*timeline*/ .timeline:before { background: #9090907a; height: calc(100% - 5px); } .timeline-item { margin-top: -4px; margin-bottom: 20px; padding: 4px 8px; transition: .6s; position: relative; } .timeline-item:hover { background-color: #81818121; border-radius: 4px; } .timeline-item:hover .btn-edit-nota { display: flex; } .timeline-item:hover::before { transform: scale(1.2); } .timeline-item:before { font-family: 'Material Symbols Outlined'; content: "\E838"; height: 20px; width: 20px; border: none !important; border-radius: 50%; font-size: 1.4rem; background-color: var(--bg-primary); display: flex; justify-content: center; align-items: center; position: absolute; top: 3px; left: -20px; color: var(--txt-primary); } .timeline-item:first-child::before { color: var(--txt-primary); content: "\E838"; border-color: #909090; } .timeline-item.status-id-1::before { /*TRIAGEM*/ font-family: 'Material Symbols Outlined'; color: var(--txt-primary); content: "\e8b8"; background-color: var(--bg-primary); display: flex; justify-content: center; align-items: center; height: 36px; width: 36px; top: 1px; position: absolute; left: -17px; border-color: #909090; } .timeline-item.status-id-2::before { /*NOVO CHAMADO*/ color: var(--txt-primary); content: "\E838"; top: 3px; left: -18px; border-color: #909090; } .timeline-item.status-id-3::before { /*PROVISIONADO / AGUARDA ACEITE*/ color: #F3722C; content: "\e8b5"; border-color: #F3722C; } .timeline-item.status-id-4::before { /*VISUALIZADO*/ color: #F8961E; content: "\e8f4"; border-color: #F8961E; } .timeline-item.status-id-5::before { /*ACEITO*/ color: #F9C74F; content: "\e8dc"; border-color: #F9C74F; } .timeline-item.status-id-6::before { /*EM DESLOCAMENTO*/ color: #1172B9; content: "\e531"; border-color: #1172B9; } .timeline-item.status-id-7::before { /*NO LOCAL*/ color: #5AA9E6; content: "\e177"; border-color: #5AA9E6; } .timeline-item.status-id-8::before { /*EM ATENDIMENTO*/ color: #3A9278; content: "\ea0b"; border-color: #3A9278; } .timeline-item.status-id-9::before { /*FINALIZADO*/ content: "\e8dc"; color: #90BE6D; border-color: #90BE6D; } .timeline-item.status-id-10::before { content: "\e877"; color: #3bab01; } .timeline-item.status-id-11::before { content: "\e14b"; color: var(--cl-error); } .timeline-item.nota { margin-left: 15px; position: relative; } .timeline-item.nota::before { border: none; border-radius: 50%; font-family: 'Material Symbols Outlined'; color: var(--txt-secondary) !important; left: 4px; content: "\E032" !important; background-color: var(--bg-primary); height: 16px; width: 16px; display: flex; justify-content: center; align-items: center; line-height: 16px; margin-top: 1px; margin-left: -1px; position: absolute; left: -31px; } .timeline-item.task { margin-left: 10px; } .timeline-item.task::before { border: none; border-radius: 50%; font-family: 'Material Symbols Outlined'; color: var(--txt-secondary) !important; left: 4px; content: "\e6b1" !important; background-color: var(--bg-primary); height: 16px; width: 16px; display: flex; justify-content: center; align-items: center; line-height: 16px; margin-top: 1px; margin-left: -1px; } .timeline-item-atualizacoes.nota::before { border: none; border-radius: 50%; font-family: 'Material Symbols Outlined'; color: var(--txt-secondary) !important; left: 4px; content: "\E923" !important; background-color: var(--bg-primary); height: 20px; width: 20px; display: flex; justify-content: center; align-items: center; line-height: 16px; margin-top: 1px; margin-left: -1px; font-size: 1.4rem; position: absolute; left: -33px; } .timeline-item strong { font-size: 1rem; color: var(--txt-primary); } .timeline-item span { font-size: 0.825rem; color: #858585 !important; } .timeline-item-atualizacoes strong, .timeline-item-nota-header strong { color: var(--txt-primary); } .timeline-item p { font-size: 1rem; margin-top: 0px; margin-bottom: 0px; color: var(--txt-secondary); } .timeline-item .btn-primary { width: 20px !important; max-width: 20px !important; } .timeline-item .btn-edit-nota { background-color: var(--bg-destaque-inverso); width: 40px; height: 14px; flex: 0 !important; color: var(--txt-destaque-inverso); font-size: .875rem; padding: 2px 4px; border: none; float: right; display: none; position: absolute; bottom: 5px; right: 5px; } .timeline-item .btn-edit-nota:hover { background-color: var(--gray-7); color: white !important; } .timeline-item-acao.status-id-2:before { border: none; border-radius: 50%; font-family: 'Material Symbols Outlined'; color: var(--txt-secondary) !important; content: "\f053" !important; background-color: var(--bg-primary); height: 22px; width: 22px; display: flex; justify-content: center; align-items: center; line-height: 20px; margin-top: 1px; margin-left: -1px; font-size: 2rem; position: absolute; left: -19px; top: -1px; opacity: .6; } .timeline-item-acao.status-id-2:after { border: none; border-radius: 50%; font-family: 'Material Symbols Outlined'; color: var(--txt-primary) !important; content: "\e838" !important; background-color: var(--bg-primary); height: 8px; width: 8px; display: flex; justify-content: center; align-items: center; line-height: 16px; margin-top: 1px; margin-left: -1px; font-size: 1rem; position: absolute; left: -12px; top: 6px; z-index: 1; } .timeline-item.task strong { content: "NOVA TASK" !important; } .timelineDiv { border: solid 1px var(--brd-primary); position: relative; height: 20px; width: 20px; font-size: 10px; border-radius: 4px; background-color: #45bb2e; color: white; padding: 0px 8px; border-radius: 50%; } .timelineDiv.highlighted { outline: solid 4px hwb(110deg 18% 27% / 27%); } .timelineDiv:nth-child(1) .timelineStatus::after { /*ABERTURA*/ font-family: 'Material Symbols Outlined'; color: inherit; content: "\E838" !important; background-color: inherit; line-height: 16px; font-size: 1.4rem; position: absolute; left: -10px; top: -6px; width: 20px; height: 20px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: var(--txt-primary); } .timelineDiv:nth-child(1) .timelineStatus:before { /*ABERTURA*/ color: inherit; content: "Abertura do Chamado" !important; background-color: inherit; line-height: 10px; font-size: 9px; position: absolute; left: -55px; top: 16px; width: 120px; height: 14px; border-radius: 4px; justify-content: center; align-items: center; background-color: var(--gray-5); display: none; } .timelineDiv:nth-child(1):hover .timelineStatus:before { display: flex; } .timelineDiv:nth-child(2) .timelineStatus::after { /*AGUARDANDO*/ font-family: 'Material Symbols Outlined'; color: inherit; content: "\E923" !important; background-color: inherit; font-size: 14px; position: absolute; left: -10px; top: -6px; width: 20px; height: 20px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: var(--gray-5); } .timelineDiv:nth-child(2) .timelineStatus:before { /*AGUARDANDO*/ color: inherit; content: "Técnico Aguardando"; background-color: inherit; line-height: 10px; font-size: 9px; position: absolute; left: -55px; top: 16px; width: 120px; height: 14px; border-radius: 4px; justify-content: center; align-items: center; background-color: var(--gray-5); display: none; } .timelineDiv:nth-child(2):hover .timelineStatus:before { display: flex; } .timelineDiv:nth-child(3) .timelineStatus::after { /*VISUALIZADO*/ font-family: 'Material Symbols Outlined'; content: "\E8F4" !important; background-color: inherit; font-size: 12px; position: absolute; left: -10px; top: -6px; width: 20px; height: 20px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-weight: lighter; color: var(--gray-5); } .timelineDiv:nth-child(3) .timelineStatus:before { /*VISUALIZADO*/ color: inherit; content: "Visualizado pelo Técnico"; background-color: inherit; line-height: 10px; font-size: 9px; position: absolute; left: -55px; top: 16px; width: 130px; height: 14px; border-radius: 4px; justify-content: center; align-items: center; background-color: var(--gray-5); display: none; } .timelineDiv:nth-child(3):hover .timelineStatus:before { display: flex; } .timelineDiv:nth-child(4) .timelineStatus::after { /*ACEITO*/ font-family: 'Material Symbols Outlined'; content: "\E8DC" !important; background-color: inherit; font-size: 12px; position: absolute; left: -10px; top: -6px; width: 20px; height: 20px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: var(--gray-5); } .timelineDiv:nth-child(4) .timelineStatus:before { /*ACEITO*/ color: inherit; content: "Técnico Aceitou o Chamado"; background-color: inherit; line-height: 10px; font-size: 9px; position: absolute; left: -55px; top: 16px; width: 140px; height: 14px; border-radius: 4px; justify-content: center; align-items: center; background-color: var(--gray-5); display: none; background-color: var(--bg-primary); } .timelineDiv:nth-child(4):hover .timelineStatus:before { display: flex; } .timelineDiv:nth-child(5) .timelineStatus::after { /*EM DESLOCAMENTO*/ font-family: 'Material Symbols Outlined'; color: inherit; content: "\E531" !important; background-color: inherit; font-size: 13px; position: absolute; left: -10px; top: -6px; width: 20px; height: 20px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: var(--gray-5); } .timelineDiv:nth-child(5) .timelineStatus:before { /*EM DESLOCAMENTO*/ color: inherit; content: "Técnico em Deslocamento"; background-color: inherit; line-height: 10px; font-size: 9px; position: absolute; left: -55px; top: 16px; width: 140px; height: 14px; border-radius: 4px; justify-content: center; align-items: center; background-color: var(--gray-5); display: none; } .timelineDiv:nth-child(5):hover .timelineStatus:before { display: flex; } .timelineDiv:nth-child(6) .timelineStatus::after { /*NO LOCAL*/ font-family: 'Material Symbols Outlined'; color: inherit; content: "\E55E" !important; background-color: inherit; font-size: 12px; position: absolute; left: -10px; top: -6px; width: 20px; height: 20px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: var(--gray-5); } .timelineDiv:nth-child(6) .timelineStatus:before { /*NO LOCAL*/ color: inherit; content: "Técnico no Local"; background-color: inherit; line-height: 10px; font-size: 9px; position: absolute; left: -55px; top: 16px; width: 140px; height: 14px; border-radius: 4px; justify-content: center; align-items: center; background-color: var(--gray-5); display: none; } .timelineDiv:nth-child(6):hover .timelineStatus:before { display: flex; } .timelineDiv:nth-child(7) .timelineStatus::after { /*EM ATENDIMENTO*/ font-family: 'Material Symbols Outlined'; color: inherit; content: "\EA0B" !important; background-color: inherit; font-size: 12px; position: absolute; left: -10px; top: -6px; width: 20px; height: 20px; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .timelineDiv:nth-child(7) .timelineStatus:before { /*EM ATENDIMENTO*/ color: inherit; content: "Técnico em Atendimento"; background-color: inherit; line-height: 10px; font-size: 9px; position: absolute; left: -55px; top: 16px; width: 140px; height: 14px; border-radius: 4px; justify-content: center; align-items: center; background-color: var(--gray-5); display: none; } .timelineDiv:nth-child(7):hover .timelineStatus:before { display: flex; } .disable-after::before { content: none !important; } .timelineDivNull { border: solid 1px var(--gray-400); position: relative; height: 20px; width: auto; width: 20px; font-size: 10px; border-radius: 4px; background-color: var(--gray-200); color: var(--gray-400); padding: 0px 0px; border-radius: 50%; } .timelineData { position: absolute; left: -15px; font-size: 9px; font-weight: 500; opacity: 0; transition: .9s ease; } .timelineHorario { position: absolute; left: -1px; font-size: 9px; font-weight: 500; opacity: 0; transition: .9s ease; } .timelineStatus { position: absolute; left: 9px; top: 5px; line-height: 0px; background-color: var(--bg-primary); } .timelineDescricao { position: absolute; left: 0px; top: -9px; display: inline-block; color: var(--txt-secondary); line-height: 0px; text-wrap: nowrap; font-size: 8px; transition: .6s; font-weight: 500; } .timelineDiv:nth-child(1) .timelineDescricao { /*ABERTURA*/ left: -10px; } .timelineDiv:nth-child(2) .timelineDescricao { /*AGUARDA ACEITE*/ left: -18px; } .timelineDiv:nth-child(3) .timelineDescricao { /*VISUALIZADO*/ left: -37px; } .timelineDiv:nth-child(4) .timelineDescricao { /*ACEITO*/ left: -4px; } .timelineDiv:nth-child(5) .timelineDescricao { /*DESLOCAMENTO*/ left: -24px; } .timelineDiv:nth-child(6) .timelineDescricao { /*NO LOCAL*/ left: -9px; } .timelineDiv:nth-child(7) .timelineDescricao { /*EM ATENDIMENTO*/ left: -24px; } .timelineStatus.emAtendimento::after { } .btn-plus-nav { display: none; background-color: var(--cl-destaque); height: 14px; width: 14px; border-radius: 25px; padding: 1px 1px; font-size: 1.125rem; font-weight: 500; z-index: 1; transition: 0.4s; margin-left: 6px; margin-top: 1px; } .form-text:hover .btn-edit-text { opacity: 1 } .btn-edit-text { position: absolute; right: 6px; display: flex; justify-content: center; align-items: center; height: 20px; width: 20px; border-radius: 25px; padding: 1px 1px; font-size: 1.125rem; font-weight: 500; z-index: 1; transition: 0.4s; margin-left: 6px; margin-top: -20px; background-color: #ffffff; transition: .4s; border: 1px solid var(--cl-destaque); } .btn-edit-text svg { color: #ffffff; stroke-width: .25rem; height: 16px !important; width: 16px !important; cursor: pointer; padding: 2px; border-radius: 50px; color: #ff8c00; } .btn-edit-text:hover { background-color: var(--cl-destaque); } .btn-edit-text:hover svg { color: #ffdbae !important; } .btn-plus-nav svg { color: white; stroke-width: .6rem; height: 8px !important; width: 8px !important; } .btn-plus-nav:hover { background-color: var(--gray-5); } .nav-link.active .btn-plus-nav { display: flex; height: 12px; width: 12px; justify-content: center; align-items: center; } .btn-icon { display: flex; justify-content: center; align-items: center; height: 28px; width: 28px; border-radius: 25px; font-size: 1.125rem; font-weight: 500; z-index: 1; transition: 0.6s; border-color: var(--gray-4); } .btn-icon svg { color: var(--gray-5); } .btn-icon:hover { background-color: white; box-shadow: 1px 1px 4px black, -1px -1px 4px black; } .btn-icon:hover svg { color: var(--cl-destaque); } #btn-visualizarChamado::before, #RedirectRat::before { font-family: 'Material Symbols Outlined'; content: "\f1e1" !important; font-size: 1.4rem; color: var(--txt-secondary); position: relative; } #btn-previewChamado::before { font-family: 'Material Symbols Outlined'; content: "\e8f4" !important; font-size: 1.4rem; color: var(--txt-secondary); } #btn-editarContrato::before { font-family: 'Material Symbols Outlined'; content: "\e3c9" !important; font-size: 1.4rem; color: var(--txt-secondary); } .btn-icon:hover::before { color: white !important; } #btn-excluirContrato::before { font-family: 'Material Symbols Outlined'; content: "\e872" !important; font-size: 1.4rem; color: var(--cl-error); } .btn-icon:hover { background-color: var(--cl-destaque) !important; box-shadow: none; } #btn-visualizarChamado:hover::before, #btn-previewChamado:hover::before { color: white !important; } /*button copiar texto para a area de transferencia*/ .btn-copy-text { cursor: pointer; border-radius: 25px; padding: 10px; width: 20px; height: 20px; position: absolute; top: 0; right: 0; } .form-text:hover .btn-copy-text { background: yellow; } .form-text .btn-copy-text svg { opacity: 1; width: 2rem; height: 2rem; } .form-text:hover .btn-copy-text svg { opacity: 1; } /*carousel imagens*/ #imageCarousel { position: relative; } .carousel { position: relative; display: flex; justify-content: center; height: 100%; } .carousel-indicators { bottom: 35px; } .carousel-indicators [data-bs-target] { filter: brightness(0.8); } .carousel-control-prev-icon, .carousel-control-next-icon { filter: invert(.5); } .carousel-inner { width: 100%; position: relative; } .carousel-item img { height: 100%; object-fit: contain; width: 100%; } .carousel-control-next, .carousel-control-prev { width: 10%; } .carousel-control-next:hover, .carousel-control-prev:hover { background-color: #343a4017; } .btn-group-carousel { position: absolute; left: 50%; bottom: 0px; display: flex; align-items: center; justify-content: space-between; background-color: var(--gray-1); box-shadow: 1px 1px 4px #00000073; border-radius: 4px; color: var(--gray-5); cursor: pointer; transition: .6s; border-radius: 25px; overflow: hidden; width: auto; margin: 0 auto; transform: translate(-50%, -50%); border: solid 1px var(--gray-3); } .btn-group-carousel svg { color: inherit; cursor: pointer; height: 60%; } .btn-group-carousel label, .btn-group-carousel div { display: flex; justify-content: space-around; align-items: center; height: 30px; padding: 2px; background-color: inherit; cursor: pointer; } .btn-group-carousel div:hover, .btn-group-carousel a:hover { border: none; outline: none; background: var(--cl-destaque10); } .btn-group-carousel div:hover span, .btn-group-carousel a:hover span { color: white; } .btn-group-carousel div { border-left: 1px solid var(--gray-200); justify-content: center; align-items: center; } .btn-group-carousel div:last-child { border-left: none; justify-content: center; align-items: center; } .btn-group-carousel div:hover svg { color: var(--cl-destaque); } .btn-group-carousel div:last-child:hover svg { color: var(--cl-error); } /*tooltip*/ span.tooltip span { position: absolute; text-align: center; visibility: hidden; background-color: #000; color: #FFF; padding: 4px 8px; box-shadow: 0px 2px 3px #1a1a1a69; } span.tooltip span:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-top: 8px solid #000; border-right: 8px solid transparent; border-left: 8px solid transparent; } span:hover.tooltip span { visibility: visible; opacity: 0.9; bottom: 24px; border-radius: .3rem; z-index: 999; } .container-btn-flex { display: flex; justify-content: center; align-items: center; padding: 4px 2px; color: white; } .container-btn-flex .dropdown { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; padding: 5px; transition: .4s; cursor: pointer; } .select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field { cursor: pointer; } /*SELECT2 - HORIZONTAL DIRECTION*/ .select2-selection--multiple { border: none !important; padding: 0 !important; box-shadow: none !important; border-radius: 6px !important; background-color: transparent !important; } .select2-selection__rendered { padding: 0 !important; } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered { display: flex; justify-content: flex-start; flex-direction: row-reverse; gap: 2px; min-height: 26.5px; height: auto; color: var(--text-main); background-color: var(--card-bg); font-size: 1.2rem; border-radius: 4px; padding: 0px !important; } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered li { border-bottom: none; padding: unset; padding-left: 10px; } .selection:focus .select2-selection__rendered { border-bottom: none; box-shadow: 0px -1px 0 0.2rem rgb(0 125 147 / 25%) !important; } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered li { display: flex; align-items: center; justify-content: flex-start; /*width: auto;*/ min-width: 200px; max-width: 100%; height: 26.5px; background-color: #d9d9d980 !important; color: var(--txt-primary) !important; font-size: 1rem; font-size: 1.2rem; } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice { height: 27px; font-size: 1.2rem; flex: 1; display: flex; align-items: center; background-color: var(--input-bg) !important; border: 1px solid var(--input-brd) !important; border-color: var(--input-brd) !important; } .select2-container .select2-search { display: flex; justify-content: flex-start; align-items: center; position: relative; width: 100%; padding: 8px; background-color: var(--bg-primary); border: solid 1px var(--brd-primary) !important; border-radius: 4px; } .select2-search__field::placeholder { color: var(--txt-primary) !important; } .select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected]:after { font-family: 'Material Symbols Outlined'; content: "\e145"; margin-right: 10px; font-size: 2rem; color: var(--txt-primary) !important; position: absolute; right: 0px; font-size: 1rem; } .select2-selection .select2-selection__rendered li:nth-last-child(-n+1) { background-color: var(--bg-primary) !important; border-color: var(--brd-primary) !important; font-size: 1rem; } .select2-container .select2-search:after { font-family: 'Material Symbols Outlined'; content: "\e8b6"; margin-right: 10px; font-size: 1.6rem; color: var(--cl-destaque) !important; padding-right: 20px; position: absolute; right: -15px; } .select2-container .select2-search input[type='search'] { width: 100% !important; background-image: none; color: var(--txt-secondary) !important; border-radius: 50px; padding-left: 10px; background-color: var(--bg-secondary); border-color: var(--brd-primary); } .select2-container .select2-search--inline:hover::after { color: var(--gray-4) !important; } .select2-container--bootstrap4 .select2-results > .select2-results__options { background-color: var(--bg-primary); color: var(--txt-primary); } .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow { bottom: 0; position: absolute; right: 1rem; top: .4rem; width: .5rem; } /*SELECT2 - VERTICAL DIRECTION*/ .filters-container .filter-item .select2.select2-container--focus span { padding-left: 0px !important; } .filters-container .filter-item .select2.select2-container--focus span { padding-left: 0px !important; } .filters-container .filter-item .select2.select2-container--open { height: 26px !important; } .filters-container .filter-item .selection .select2-selection__clear { display: flex; justify-content: flex-end; margin-right: 3px; color: var(--cl-destaque50); } .filters-container .filter-item .selection .select2-selection__clear:hover { color: var(--cl-destaque); } .filters-container .filter-item .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered li { min-width: min-content; border: none !important; } .filters-container .filter-item .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered { color: var(--txt-primary); font-size: 1.2rem; display: flex; flex-wrap: nowrap; flex-direction: row-reverse; padding: 4px 4px 4px 30px !important; border-radius: .4rem !important; border: 1px solid var(--brd-primary); overflow: hidden; } .filters-container .filter-item .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered:hover { border-color: var(--cl-destaque); } .filters-container .filter-item .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice { height: 22px; font-size: .975rem; flex: 1; display: flex; align-items: center; border-color: var(--brd-primary) !important; background-color: var(--bg-primary) !important; } .filters-container .filter-item .select2-container .select2-search { border: 1px solid var(--brd-primary); border-radius: .3rem; display: flex; justify-content: flex-start; align-items: center; min-width: 120px !important; padding: 3px 6px; height: 22px; flex: 1; margin-right: 5px; position: relative; } .filters-container .filter-item svg { color: var(--txt-secondary); } .filters-container .filter-item .select2-container .select2-search:hover { border: 1px solid var(--brd-primary) !important; } .filters-container .filter-item .select2-container .select2-search:hover { border: 1px solid var(--brd-primary) !important; } .filters-container .filter-item .select2-container .select2-search:after { content: "" !important; } .filters-container .filter-item .select2-container .select2-search:hover:after { font-family: 'Material Symbols Outlined'; content: "\e8b6" !important; margin-right: 5px !important; font-size: 1.4rem !important; color: var(--txt-primary) !important; padding-right: 20px; position: absolute; right: -20px; } .select2-container--bootstrap4 .select2-dropdown { border: 1px solid var(--brd-primary) !important; border-radius: 0 0 .4rem .4rem !important; margin-top: 0px; background-color: var(--bg-primary); color: var(--txt-primary); box-shadow: 0px 2px 0 0rem rgb(0 0 0 / 6%); z-index: 10000; } .select2-dropdown, .select2-results { background: inherit; } .filters-container .filter-item .select2-selection__rendered:has(li:nth-child(2)) { border-radius: 6px; background-color: var(--bg-secondary); border: 1px solid var(--txt-primary) !important; /*box-shadow: 1px 1px 3px #0000006b, -1px -1px 3px #00000029;*/ } .filters-container .filter-item:has(li:nth-child(2)) svg { color: var(--cl-destaque); stroke-width: .275rem; } .filters-container .filter-item .select2-selection__choice span { margin-top: 0px; } .filters-container .filter-item .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove { font-size: 1.4rem; color: var(--txt-primary); } .filters-container .filter-ite .select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field { position: absolute; left: 10px; } .timeline-item-nota-header { display: flex; align-items: center; justify-content: space-between; } .timeline-item-nota-header span { flex: 1 } .form-control.select2-colum .select2 { background-color: blueviolet !important; border: 1px solid green; } .form-control.select2-column .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered { display: flex; flex-wrap: wrap-reverse; flex-direction: column-reverse; align-content: stretch; color: var(--txt-primary); font-size: 1.2rem; padding: .3rem .7rem; } .form-control.select2-column .select2 .selection .select2-selection--multiple .select2-selection__choice { width: 100%; margin: 0%; } .btn-reload { position: absolute; top: 10px; right: 20px; display: flex; justify-content: center; align-items: center; height: 34px; width: 34px; padding: 4px; border-radius: 50px; background-color: var(--bg-primary); border: 4px solid #efefef; box-shadow: rgba(0, 0, 0, 0.55) 0px 5px 5px; z-index: 1; transition: ease .4s; } .btn-reload svg { color: var(--txt-primary); } .btn-reload:hover { background-color: #43a531; transform: rotate(360deg); box-shadow: none; border-color: whitesmoke; } .btn-reload:hover svg { color: white; } .flex-center { display: flex; flex-direction: column; justify-content: center; align-items: center; } .rotate { animation-name: rotate360; animation-duration: 1s; animation-iteration-count: infinite; } .search-container { display: flex; justify-content: space-between; background-color: var(--bg-primary); border-radius: .6rem; position: relative; border: solid 2px transparent; transition: .6s; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 4px; } .search-container:hover { border: solid 2px var(--cl-destaque); } .search-container input { border-radius: .6rem; padding-left: 40px; font-size: 1.2rem !important; } .search-container svg { position: absolute !important; top: 12px; right: 10px; height: 16px; color: var(--gray-3); } .search-container button { display: flex; align-items: center; height: 40px; background-color: var(--bg-secondary); border-color: var(--brd-secondary) !important; color: var(--txt-primary) !important; width: 10%; min-width: 160px; } .search-container button:hover, .search-container button:focus { background-color: var(--bg-destaque-inverso) !important; color: white !important; } .search-container #btnPesquisa { width: 100px; min-width: 100px; max-width: 100px; background-color: var(--bg-secondary); border-color: var(--brd-secondary) !important; color: var(--txt-primary) !important; display: flex; justify-content: center; align-items: center; border-radius: 0 .6rem .6rem 0; transition: .6s; background-color: var(--bg-destaque); color: var(--txt-destaque) !important; } .search-container #btnPesquisa:hover { background-color: var(--cl-destaque) !important; } .choice-file-container { border: 1px solid var(--bg-secondary); border-radius: 4px; justify-content: flex-start; align-items: center; display: flex !important; flex-direction: column; width: 320px; min-width: 320px; max-width: 320px; height: 100%; background-color: var(--bg-secondary); } .documentos-container { border: 1px solid var(--bg-secondary); border-radius: 4px; justify-content: flex-start; align-items: center; display: flex !important; flex-direction: column; height: 100%; background-color: var(--bg-secondary); } .documentos-container table { font-size: 1rem; } .bg-dark { border: 1px solid #293042; } .choice-file-container div.dataTables_wrapper { position: relative; width: 100%; height: 100%; } .choice-file-container .row { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .choice-file-container .row:first-child { display: none !important; } .choice-file-container .row dt-row { overflow-y: auto; } .choice-file-container .row.dt-row div td { margin-right: 20px; } .choice-file-container .row.dt-row div td::after { font-family: 'Material Symbols Outlined'; content: "\e873"; margin-right: 10px; color: var(--cl-destaque) !important; position: absolute; left: 10px; font-size: 1.6rem; font-weight: 400 !important; line-height: 14px; } .choice-file-container .row.dt-row div table thead tr th { padding-left: 0px !important; } .choice-file-container .row.dt-row div table tbody tr td { width: 94%; padding-left: 30px !important; display: flex; align-items: center; color: var(--cl-destaque); } .choice-file-container .row:last-child { position: absolute; bottom: 10px; display: none; } .choice-file-container .dataTables_wrapper .row:first-child { position: sticky; top: -1px; background-color: white; display: flex; flex-direction: column; padding: 10px 0; border-bottom: 1px solid #dee6ed; width: 100%; margin: 0 auto; } .choice-file-container .active > .page-link, .page-link.active { display: flex; justify-content: center; align-items: center; height: 28px; width: 24px; background-color: #45a0b0; border-color: #45a0b0; border-radius: 4px; color: white; font-weight: bold; } .pdf-reader-container { display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid var(--brd-primary); border-radius: 4px; } .select-file { width: 100%; border: 2px solid var(--cl-destaque50); border-radius: 4px; background-color: var(--cl-destaque10); margin: 0px auto -10px; color: var(--cl-destaque50); font-size: 1.2rem; font-weight: 500; cursor: pointer; } .dropdown .dropdown-menu.show { margin-top: 5px; border-radius: .5rem; box-shadow: 1px 1px 4px #0000004a !important; background-color: var(--bg-secondary); color: var(--txt-primary); transition: max-height 4s ease-out; min-height: 30px; z-index: 10000; } .input-disclaimer { position: relative; display: flex; padding: 10px; width: calc(100% - 24px); margin: 0 auto; border-radius: 6px; background-color: #fff3d1; margin-top: -6px; padding-top: 1rem; color: #ff8c00; } .input-disclaimer p { font-size: 1.1rem; margin-bottom: 1rem; color: inherit; } .input-disclaimer strong { color: inherit; font-weight: 600; } .input-disclaimer p svg { color: var(--cl-destaque); padding: 1px; margin-bottom: 2px; margin-right: 4px; } .icon-disclaimer { width: 20px; display: flex; justify-items: center; align-items: center; margin-right: 1.5rem; margin-left: .5rem; } .text-disclaimer { width: 100%; } .text-disclaimer .icon-paragraph svg { height: 14px; } .icon-block { background-color: transparent; } .input-disclaimer:hover p svg { animation: jello-horizontal .9s linear both; } #sla-calendar { height: 140px; padding: 1rem; border: 1px solid var(--brd-secondary); background-color: var(--bg-secondary); border-radius: 6px; margin: 0 auto; font-size: 1rem; } .box-checklist { padding: .5rem 1rem; border: 1px solid var(--brd-primary); background-color: var(--bg-secondary); border-radius: 6px; /* margin: 5px auto;*/ font-size: 1rem; } .box-checklist.inactive { border-color: var(--brd-primary); background-color: var(--bg-primary); color: var(--gray-400); } .box-checklist .group-input-title { font-size: 1.4rem; font-weight: 500; margin-bottom: 15px; } .form-check-input, .box-checklist .form-check-input { height: 16px; width: 16px; background-color: var(--bg-primary); border-color: var(--brd-primary); margin-bottom: 2px; border-radius: 4px; } .form-check-input:checked, .box-checklist .form-check-input:checked { background-color: #53c50f; border-color: #d8d8d9; } .form-check-input .form-label, .box-checklist .form-label { margin-left: 10px; font-size: 1rem; font-weight: 500; line-height: 20px; color: var(--txt-primary); margin-bottom: 0; } #divPendencias { width: 100%; display: flex; gap: 10px; border-top: dotted 1px var(--brd-primary); padding-top: 15px; display: none; justify-content: space-between; } #divPendencias-edit { display: flex; gap: 10px; justify-content: space-between; align-items: flex-end; } #divIsInformarSerie { } #divIsOrcamento { border-left: solid 1px var(--brd-primary); } #divIsInformarSerie { display: flex; justify-content: space-between; gap: 10px; padding-left: 10px; border-left: solid 1px var(--brd-primary); flex: 3; } #divTipoTask { flex: 1; } /* #divTipoTask:focus > .select2-container, #divTipoTask:active > .select2-container, #divTipoTask:target > .select2-container { background-color: red; }*/ #divTipoTask h3, #divIsOrcamento h3 { font-size: 1rem; color: var(--txt-primary); } #divIsPendenciaOrcamento, #divIsHabilitaSerie, #divIsSolicitacaoPeca, #divIsHabilitaPecaEstoque, #divIsHabilitaSerieDefeito { border: solid 1px var(--brd-primary); padding: 1px 6px; border-radius: 4px; flex: 1; background-color: var(--bg-primary); } #divIsOrcamento input, #divIsSolicitacaoPeca input, #divIsHabilitaSerie input, #divIsHabilitaPecaEstoque input, #divIsHabilitaSerieDefeito input{ margin-left: 0px; } #divIsOrcamento svg, #divIsSolicitacaoPeca svg, #divIsHabilitaSerie svg, #divIsHabilitaPecaEstoque svg, #divIsHabilitaSerieDefeito svg { height: 14px; } #sla-calendar .flex-row-spaced div { flex: 1; } .title-sla-calendar { font-size: 1rem; flex-grow: 2; } .title-sla-calendar h3 { font-size: 1.2rem !important; font-weight: bold; } .title-sla-calendar span { color: var(--gray-4) !important; margin-top: -5px !important; position: absolute; } #sla-calendar .form-check { display: flex !important; align-items: center; justify-content: flex-start; padding-left: 2rem; } #sla-calendar .form-check-input { height: 20px; width: 20px; border-color: var(--cl-destaque50); border-radius: 10px; margin-bottom: 2px; cursor: pointer; } #sla-calendar .form-check-input:checked { background-color: var(--cl-destaque); border-color: var(--brd-secondary); border-radius: 10px; } #sla-calendar .form-check-label { font-size: 1rem; font-weight: 500; line-height: 14px; margin-left: 5px; margin-top: 3px; } #sla-calendar .form-control:disabled { background-color: var(--bg-secondary); } .mb-3 { position: relative; } /*Correção para os textos de alertas (Campo Obrigatório) nos inputs datalist view Cadastrar Regral SLA (TO DO)*/ #Tipo-error { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; position: absolute; top: 44px; font-size: 0.875rem; text-align: left; left: 0; } #txtContratoId-error { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; position: absolute; top: 44px; font-size: 0.875rem; text-align: left; display: block; } #txtSlaTempoId-error { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; position: absolute; top: 44px; font-size: 0.875rem; text-align: left; left: 12px; } .input-group-addon { position: absolute; right: 5px; top: 6px; } .input-group-addon svg { color: var(--gray-400); height: 15px; } [class^="card-advice"] { padding: 6px; border-radius: 4px; margin-top: 15px; display: flex; justify-content: space-between; align-items: center; background-color: var(--bg-primary); border: solid 1px var(--cl-warning); flex-wrap: wrap; display: none; position: relative; color: var(--cl-warning); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 4px; } [class^="card-advice"] svg { display: inline-block; color: inherit; stroke-width: 2px; height: 20px; bottom: 6px; } .card-advice p, .card-advice-2 p, .card-advice-3 p { display: inline-block; font-size: 1.1rem; margin-bottom: 0; color: var(--txt-primary); } .card-advice p strong, .card-advice-2 p strong, .card-advice-3 p strong { font-weight: 500; color: inherit; border: solid 1px var(--txt-primary); padding: 1px 8px; border-radius: 10px; margin: 0px 2px; font-size: .925rem; } .card-advice span, .card-advice-2 span, .card-advice-3 span { background-color: var(--bg-primary); color: var(--txt-primary); padding: 1px 12px; border-radius: 3px; font-size: 1rem; cursor: pointer; border: 1px solid var(--brd-secondary); } .card-advice span:last-child, .card-advice-2 span:last-child, .card-advice-3 span:last-child { background-color: var(--cl-warning); color: var(--gray-9); padding: 1px 12px; border-radius: 3px; font-size: 1rem; cursor: pointer; margin-left: 10px; border-color: transparent; } .card-advice span:hover, .card-advice-2 span:hover, .card-advice-3 span:hover { background-color: var(--gray-9); color: white; } .card-advice span:last-child:hover, .card-advice-2 span:last-child:hover, .card-advice-3 span:last-child:hover { background-color: var(--gray-9); } #btnFavoritar { z-index: 100000; } .nav-tabs { margin-bottom: -1px; } .menu-tab { position: absolute; top: 110px; right: 20px; width: 160px; height: 200px; background-color: var(--gray-200); border-radius: 6px; box-shadow: 0px 1px 4px black; z-index: 1; display: none; } .d-flex-spaced { display: flex !important; justify-content: space-between; } .verdadeiro { color: green; font-weight: bold; } /* ---------------------------------------------- SLA ProgressaBar Central de Atendimento - START ---------------------------------------------- */ .tempoStatus { width: 50px; height: 10px; background-color: var(--bg-primary); border-radius: 2px; position: relative; transition: .6s; opacity: 0; animation: scale-down-horizontal-left 1.2s; animation-delay: 1s; animation-fill-mode: forwards; } .tempoBarra { width: inherit; height: inherit; background-color: var(--bg-secondary); border-radius: 2px; position: absolute; left: 0; } .tempoSLA1 { background-color: #0098ff; height: inherit; border-radius: 2px; position: absolute; left: 0; top: 0; animation: 1s ease .6s tempo1 forwards; opacity: 0; } .tempoSLA2 { position: absolute; left: 0; top: 0; background-color: var(--cl-sucess); height: inherit; border-radius: 2px; animation: 1.4s ease .6s tempo2 forwards; opacity: 0; } .tempoSLA3 { position: absolute; left: 0; top: 0; background-color: #ffdd00; height: inherit; border-radius: 2px; animation: 1.6s ease .6s tempo3 forwards; opacity: 0; } .tempoSLA4 { position: absolute; left: 0; top: 0; background-color: orange; height: inherit; border-radius: 2px; animation: 1.6s ease .6s tempo4 forwards; opacity: 0; } .tempoSLA5 { background-color: #ff3d3d; height: inherit; border-radius: 2px; position: absolute; left: 0; top: 0; animation: 2s ease .6s tempo5 forwards; opacity: 0; } @keyframes tempo1 { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes tempo2 { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes tempo3 { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes tempo4 { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes tempo5 { 0% { opacity: 0; } 100% { opacity: 1; } } /*MEDIA QUERIES*/ @media (min-width: 1px) and (max-width: 991.98px) { INDEX #logo-header { height: 16rem; width: 100%; display: block; position: absolute; top: 10px; padding: 30px 0 0 0; background: linear-gradient(180deg, #000000 40%, #00000000 100%); } #logo-header svg, #logo-header img { width: 120px; } .form-login { height: auto; } /*SIDEBAR*/ body:not([data-sidebar-position=right]) .sidebar { margin-left: 0px; display: none; } #btn-sidebar-open { display: flex; } .sidebar-brand { width: 0px; } .sidebar-link, a.sidebar-link { padding: .625rem 1rem; } .sidebar-link:hover { margin-left: -12px; } .user-dados { flex-direction: column-reverse; } .dataTableButtons { display: none; } } @media (max-width: 720px) { .chamados-a-vencer > div { border-right: none; border-bottom: 1px solid #ced4da; } .dataTableButtons2 { display: none; } div.dataTables_wrapper { height: calc(100% - 110px); } .dataTables_wrapper div:nth-child(3) { position: fixed; bottom: 26px; width: 88%; } } /*correção label error [campo obrigatorio]*/ label.error { font-size: .875rem; color: var(--cl-error); background-color: unset; padding: 0; margin-top: 2px; } .char-invisible { visibility: hidden; } #inserirDocumento { position: absolute; bottom: 18px; right: 20px; display: flex; justify-content: center; align-items: center; background-color: inherit; font-size: 1rem; font-weight: 500; border-radius: 25px; color: var(--cl-destaque); height: 30px; padding: 8px; cursor: pointer; border: 1px solid var(--cl-destaque); transition: 0.6s; box-shadow: 1px 0px 2px #0000004a; } #inserirDocumento:hover { background-color: var(--cl-destaque); color: white; } .btn-row { background-color: #434343; width: 100px; font-size: .875rem; min-width: unset; height: 18px; border-color: transparent !important; float: right; } #smartwizard-validation { margin-bottom: 0; } #smartwizard-validation .tab-content, #formSolicitarPeca .tab-content { border: solid 1px var(--brd-primary); border-radius: 4px; padding: 15px 10px 5px 10px !important; width: 95%; margin: 10px auto 20px; box-shadow: inset rgba(0, 0, 0, 0.2) 0px 0px 4px; } #smartwizard-validation .tab-content-internal { padding: 0px !important; box-shadow: none; background-color: var(--bg-secondary); margin: 0px; width: 100%; } #smartwizard-validation .tab-content-internal .item-fechamento { margin: 0px 0px 5px 0px !important; padding: 0px 5px !important; overflow: unset; border-radius: 0 0 4px 4px; background-color: var(--bg-secondary); } #smartwizard-validation .tab-content-internal .input-group-nowrap { padding: 4px 0px !important; } .sw-theme-dots > .nav .nav-link:after { border-radius: 50%; height: 12px; top: -25px; width: 12px; z-index: 99; } .sw-theme-dots > .nav .nav-link:before { background: #f5f5f5; border: none; border-radius: 50%; color: #428bca; height: 22px; text-decoration: none; top: -30px; width: 22px; z-index: 98; } .sw-theme-dots > .nav .nav-link small { font-size: 84%; font-weight: 500; } .sw-theme-dots > .nav { margin-bottom: 10px; position: relative; width: 90%; margin: 0 auto; } .sw-theme-dots > .nav:before { content: " "; background-color: var(--gray-200); border-radius: 3px; height: 5px; left: 0; position: absolute; top: 18px; width: 100%; z-index: 1; } .sw-theme-dots > .nav .nav-link.inactive.done:after { background-color: var(--cl-destaque); } .sw-theme-dots > .nav .nav-link.done:before { background-color: transparent; } .sw-theme-dots > .nav .nav-link.done { color: var(--gray-3); cursor: pointer; } .sw-theme-dots > .nav .nav-link.active:after { background-color: var(--cl-destaque) !important; } .sw-theme-dots > .nav .nav-link.active:before { background-color: var(--cl-destaque10); border: solid 1px var(--cl-destaque); } .sw-theme-dots > .nav .nav-link.active { color: var(--cl-destaque) !important; cursor: pointer; } .sw-theme-dots > .nav .nav-link.inactive:after { background-color: var(--bg-primary); } .sw-theme-dots .toolbar > .btn { background-color: var(--cl-destaque); border: 1px solid var(--cl-destaque); border-radius: .25rem; color: #fff; font-weight: 400; padding: .375rem .75rem; } .card-welcome { background-color: white; height: 50% !important; width: 50% !important; border-radius: 10px; box-shadow: 0px 1px 10px #00000040; overflow: hidden; } .card-welcome .card-body { background: var(--bg-card); border-radius: .5rem; padding: 0; transition: 1s; border: none; margin-top: 0px; } .card-welcome .carousel { height: 100%; } .card-welcome .carousel img { object-fit: unset; } .card-welcome .carousel p { color: #8f8f8f; } .form-control::placeholder, .select2-selection__placeholder, .select2-search__field { color: var(--txt-secondary) !important; } .select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field { opacity: .4; } .log-container { display: flex; justify-content: space-between; align-items: center; padding: .6rem .8rem; background-color: var(--bg-primary); width: 100%; border-radius: 4px; bottom: 10px; color: var(--txt-secondary); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 4px; margin-top: 10px; } .table-card .dataTables_wrapper div:nth-child(3) { position: absolute; width: 100%; background-color: var(--bg-secondary); display: flex; align-items: center; bottom: -6px; margin: 0px auto; } .table-card .dataTables_wrapper > div:nth-child(2) { height: calc(100vh - 360px); overflow: auto; } #dataLucidePanelRight path { stroke: var(--cl-destaque); stroke-width: 10px; transform: scale(.6) translate(14px, 8px); stroke-linecap: square; } #checkDocumentoPadrao { display: block; height: 26.5px; width: 100%; margin-top: 0px; border-color: var(--brd-primary); border-radius: 4px; background-color: var(--cl-destaque10); cursor: pointer; } #checkDocumentoPadrao:hover { border-color: #1172b9; } #checkDocumentoPadrao:checked { background-color: var(--cl-destaque); border-color: var(--cl-destaque); } #checkDocumentoPadrao:checked[type=checkbox] { background-image: unset; background-color: var(--cl-destaque); color: white; } #checkDocumentoPadrao::before { content: "NÃO"; font-weight: 500; text-align: center; display: flex; align-items: center; justify-content: center; line-height: 26.5px; } #checkDocumentoPadrao:checked[type=checkbox]::before { content: "SIM"; font-weight: 500; text-align: center; display: flex; align-items: center; justify-content: center; line-height: 26.5px; } .menu-tabs { display: flex; width: 160px; position: absolute; top: 110px; right: 40px; height: auto; display: flex; flex-wrap: wrap; padding: 10px; border-radius: 6px; background-color: var(--gray-3) !important; font-size: 1.1rem; } .status-id-10 { border-bottom: 1px solid var(--gray-3); } .modal .form-check { background-color: var(--bg-primary); color: var(--cl-txt); padding: 4px 12px; border-radius: 6px; } .modal .form-check .form-check-input { margin-left: 0px; } .modal .form-check .form-check-input:checked { background-color: var(--cl-destaque); } .modal .form-check .form-label { margin-left: 10px; color: var(--gray-5); } #modalSelecionarCampos .form-check { width: 100%; display: flex; justify-content: center; align-items: flex-start; border-radius: 50px; flex: 1; background-color: var(--bg-secondary); height: auto; } #modalSelecionarCampos .form-check-label { margin-left: 30px; margin-top: 1px; } #modalSelecionarCampos .form-check-input { left: 4px; } .calls-container .dataTableButtons2 .form-switch { padding: 1rem 1rem 1rem 3rem; display: flex; flex-direction: row; align-items: center; position: relative; width: auto; border-radius: 50px; height: 24px; cursor: pointer; background-color: var(--card-bg); overflow: hidden; border: 1px solid var(--card-brd); margin-bottom: 2px; } .nova-cor { color: yellow; } .table.dataTable td.reorder { text-align: left; border-right: 1px solid #d3d3d3; border-radius: 2px; display: flex; justify-content: flex-start; align-items: center; position: relative; } .table.dataTable td.reorder::after { content: "ARRASTE E SOLTE" !important; display: inline-block; vertical-align: middle; font-size: .75rem; right: 4px; position: absolute; border: 1px solid #dbdbdb; padding: 2px 4px 2px 4px; border-radius: 4px; background-color: #ffffff6e; } .table.dataTable td.reorder:after:hover { background-color: var(--cl-destaque10); } #no-favorites { position: absolute; font-size: .825rem; color: #43757f; bottom: -14px; left: 10px; display: none; } .emConstrucao { font-size: .625rem; color: red; padding: 1px 3px; border: 1px solid red; position: absolute; right: 44px; } a { text-decoration: none; color: var(--link); } a:hover { text-decoration: underline; color: var(--cl-destaque50); } a:hover { text-decoration: underline; color: var(--cl-destaque50); } /*Código da Autentição de Dois Fatores - Esconder Setas dos Inputs Tipo Número*/ /* Chrome, Safari, Edge, Opera */ .form-control-2fa::-webkit-outer-spin-button, .form-control-2fa::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ .form-control-2fa { -moz-appearance: textfield; } .btn-danger:hover { background-color: red !important; color: white !important; border-color: red; } .gm-style .gm-style-iw-d { overflow: unset; } pre { font-family: 'Poppins'; font-size: 1rem !important; line-height: 2.2rem; } /* RELATORIOS*/ #relatorioItens { display: flex; align-items: flex-start; flex-wrap: wrap; border: 1px solid var(--brd-primary); border-radius: 6px; background-color: var(--bg-secondary); padding: 10px; font-size: 1rem; } #relatorioItens li { border: 1px solid var(--brd-primary); font-size: .875rem; list-style-type: none; padding: 0px 4px; background-color: var(--bg-primary); color: var(--gray-5); min-height: 24px; max-height: 24px; overflow: hidden; line-height: 24px; font-weight: 500; border-collapse: collapse; } #section-filtros, .filters { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; flex-direction: column; margin-top: 20px; border: 1px solid var(--brd-primary); padding: 10px; border-radius: 6px; } #section-filtros { background-color: var(--bg-primary); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 4px; } .filters h1 { font-size: 1.2rem; font-weight: bold; margin-bottom: 10px; color: var(--cl-destaque); } .title-section, #section-filtros h1, .filters h1 { font-size: 1.2rem; font-weight: bold; margin-bottom: 10px; color: var(--gray-5); } .filters > div, #section-filtros > div { flex: 1; } .filters .filters-container, #section-filtros .filters-container { display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-end; flex-direction: row; } .filters .filters-container .filter-item, #section-filtros .filters-container .filter-item { display: flex; flex-direction: column; flex: 1; position: relative; margin-bottom: 10px; } .filters .filters-container .filter-item label.error, #section-filtros .filters-container .filter-item label.error { position: absolute; bottom: -18px; color: var(--cl-error); font-size: 1rem; } .filters .filters-container .filter-header, #section-filtros .filters-container .filter-header { display: flex; } .filters .filters-container .filter-header h2, #section-filtros .filters-container .filter-header h2 { font-size: 1rem; font-weight: 500; color: var(--txt-secondary); } .filters .filters-container-body, #section-filtros .filters-container-body { padding: 0; border: none; background-color: unset; } .filters .filters-container .filter-body, #section-filtros .filters-container .filter-body { position: relative; } .filters .filters-container .filter-body svg, #section-filtros .filters-container .filter-body svg { height: 14px; position: absolute; top: 8px; z-index: 1; } .filters .filters-container .filter-body ul, #section-filtros .filters-container .filter-body ul { padding-left: 20px !important; } #divTabelaRelatorio { height: calc(100% - 20px); font-size: 1rem; background-color: var(--bg-secondary); border-radius: 4px; padding: 6px; overflow: auto; } .filters .title-section, #section-filtros .title-section { font-size: 1rem; min-height: 23.5px; margin-bottom: -8px; } .filters .select2-selection--single, #section-filtros .select2-selection--single { height: 32px; width: auto; min-width: 140px; padding-left: 25px; display: flex; align-items: center; } .filters .filters-container .filter-item .selection .select2-selection__clear { display: none; } #txtDataRange_F005, #txtDataRange_F006 { min-width: 400px !important; padding-left: 30px; } #txtObs_F005 { height: 32px; } #divTabelaRelatorio table { font-size: inherit; background-color: inherit; border-radius: 6px !important; margin-bottom: 0px; } #divTabelaRelatorio .table-striped > thead > tr:nth-of-type(odd) > * { font-size: 1rem; } #divTabelaRelatorio .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-accent-bg: inherit; } #divTabelaRelatorio .table-striped > tbody > tr:nth-of-type(odd):last-child { border-radius: 6px; } #divTabelaRelatorio .table-striped > thead tr th:nth-child(2) { min-width: 120px; } #divTabelaRelatorio .table-striped > thead tr th:nth-child(4) { min-width: 180px; } #divTabelaRelatorio .table-striped > thead tr th:nth-child(5) { min-width: 10px; } #lista-relatorios { border-radius: 6px; display: block; height: 300px; overflow: hidden; background: var(--bg-primary); padding: 1.5rem; margin-top: 10px; } #lista-relatorios h1 { font-size: 1.2rem; font-weight: bold; margin-bottom: 10px; color: var(--txt-primary); } .btn-download, .btn-reprocessar { height: 24px; width: 24px; max-width: 24px; min-width: 24px; background-color: var(--gray-1); border: 1px solid var(--cl-destaque) !important; color: var(--cl-destaque); font-size: 1.6rem; padding: 0px 0px 0px 5px; } .btn-download:hover { background-color: var(--cl-destaque); border: 1px solid var(--gray-3) !important; color: var(--gray-1); } .btn-download::before { font-family: 'Material Symbols Outlined'; content: "\f090" !important; display: inline-block; vertical-align: middle; } .btn-reprocessar i { margin-right: 5px; margin-top: 1px; } .btn-reprocessar i:before { font-size: 1.1rem; } .texto-alerta { background-color: red; color: white; } .texto-alerta a { color: white; text-decoration: underline; } .switch-th-vertical { width: 0px !important; padding: 0 1px !important; } th .form-switch { height: 16px; cursor: pointer; background-color: transparent; width: 10px; position: absolute; top: 0px; transition: .6s; z-index: 1; border-radius: 0px; width: 100% } th .form-switch:hover { outline: none !important; } th .form-switch .form-check-input { width: 30px; height: 10px; border-bottom-color: var(--brd-primary); background-color: var(--bg-secondary); background-color: #ffffff70; left: unset; right: 0px; border-radius: 0; margin-top: 0px; } th .form-switch .form-check-input:hover { background-color: var(--bg-primary); } th .form-switch .form-check-input:checked { background-color: var(--bg-destaque) !important; background-position: 70%; } .switch-summary { position: absolute; width: 30px !important; height: 16px; top: 4px; right: 4px; background-color: white; padding-left: 0; display: none; } .input-summary { left: 50px !important; bottom: 0 !important; height: 16px; width: 30px !important; margin-left: 0em; background-color: white; } table.dataTable.table-striped > tbody > tr.odd.selected > *, table.dataTable.table-striped > tbody > tr.even.selected > * { box-shadow: inset 0 0 0 9999px var(--cl-destaque); color: white; } #tbl_index_central_atendimento thead tr th:nth-child(1) { text-align: center !important; } #tbl_index_central_atendimento tr, #tbl_index_fila_chamados tr { cursor: default !important; overflow: hidden; } table tr .btn-icon { border: none !important; height: 100%; width: 100%; border-radius: 0px; } table tr:hover .btn-icon::before { color: var(--cl-destaque); } /*View Heldesk*/ .chamados-a-vencer #hdd1:before { height: 4px; position: absolute; top: 20px; left: 10px; content: "1 dia"; color: var(--gray-5); font-weight: bold; font-size: .9rem; } .chamados-a-vencer #hdd2:before { height: 4px; position: absolute; top: 20px; left: 10px; content: "2 dias"; color: var(--gray-5); font-weight: bold; font-size: .9rem; } .chamados-a-vencer #hdd3:before { height: 4px; position: absolute; top: 20px; left: 10px; content: "3 dias"; color: var(--gray-5); font-weight: bold; font-size: .9rem; } .chamados-a-vencer #hdd4:before { height: 4px; position: absolute; top: 20px; left: 10px; content: "Mais que 3 dias"; color: var(--gray-5); font-weight: bold; font-size: .9rem; } #hdd1 > div:first-child, #hdd2 > div:first-child, #hdd3 > div:first-child, #hdd4 > div:first-child { position: absolute; top: 4px; left: 10px; font-weight: 500; font-size: 1rem; color: var(--gray-5); } #listaNotasHistorico { width: 100%; margin-top: 1rem; } #listaNotasHistorico h2 { font-size: 1rem; font-weight: bold; } #listaNotasHistorico ul { border: 1px solid var(--input-brd); border-radius: 6px; padding-left: 0; overflow: auto; max-height: 200px; border-collapse: collapse; } #listaNotasHistorico ul li { font-size: 1rem; list-style: none; padding: 4px; border-bottom: 1px solid var(--input-brd); } #listaNotasHistorico ul li:last-child { border-bottom: none; } .btn-td-log { height: 20px; background-color: #f7f7f729; min-width: unset; border-radius: 4px; padding: 0px 10px; font-size: .875rem; border-color: #959595 !important; color: var(--gray-5); margin-top: 0px !important; } .btn-td-log::before { font-family: 'Material Symbols Outlined'; content: "\e873" !important; display: inline-block; font-size: 1.2rem; margin-right: 4px; } .btn-td-log:hover { background-color: white !important; color: var(--cl-destaque) !important; } #divHistoricoNota h2 { font-size: 1.2rem; color: var(--txt-primary); } #divHistoricoNota .card::before { font-family: 'Material Symbols Outlined'; content: "\e8f5" !important; display: inline-block; font-size: 2rem; margin-right: 4px; position: absolute; right: 10px; top: 10px; color: var(--cl-error); } #divHistoricoNota .card::after { content: "Técnico não pode visualizar"; display: inline-block; font-size: .875rem; margin-right: 4px; position: absolute; right: 35px; top: 18px; color: white; background-color: var(--gray-5); padding: 1px 8px; border-radius: 4px; display: none; } #divHistoricoNota .card.tecnico-visualiza::before { font-family: 'Material Symbols Outlined'; content: "\e8f4" !important; display: inline-block; font-size: 2rem; margin-right: 4px; position: absolute; right: 10px; top: 10px; color: #04c700; } #divHistoricoNota .card:hover::after, #divHistoricoNota .card.tecnico-visualiza:hover::after { display: block; } #divHistoricoNota .card.tecnico-visualiza::after { content: "Técnico pode visualizar"; display: none; } #divHistoricoNota ul { margin: 0; padding: 0; list-style: none; } #divHistoricoNota ul .card .card-body { box-shadow: none !important; font-size: 1.2rem; margin: 5px 0; height: auto !important; } #divHistoricoNota ul .card .card-body li:nth-child(1) { font-size: 1.2rem; margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px var(--gray-200); } #divHistoricoNota ul .card .card-body li:nth-child(2) { display: none; } #divHistoricoNota ul .card .card-body li:nth-child(3) { font-size: 1rem; } #divHistoricoNota ul .card .card-body li:nth-child(4) { font-size: 1rem; } #list-notifications > div { margin: 4px 0; background-color: var(--bg-secondary); width: 100%; height: auto; border: 1px solid var(--brd-primary); border-radius: 4px; font-size: 1rem; padding: 10px; transition: ease-in-out .4s; position: relative; } #list-notifications .-divisao { font-size: 1rem; margin-top: 10px; width: 100%; border-top: 1px solid #d8d8d9; padding: .5rem 1rem; position: relative; height: auto; } #list-notifications .-divisao.-notificacao { border-top: unset; margin-top: -10px; padding-bottom: unset; } #list-notifications .-divisao.-notificacao .-header::before { font-family: 'Material Symbols Outlined'; content: "\e15e" !important; display: inline-block; font-size: 1.4rem; margin-right: 4px; transform: rotateY(180deg); color: var(--cl-sucess); } #list-notifications .-divisao.-resposta .-header::before { font-family: 'Material Symbols Outlined'; content: "\e15e" !important; display: inline-block; font-size: 1.4rem; margin-right: 4px; color: var(--cl-error); } #list-notifications .-divisao .-item { font-size: 1rem; margin: 0 !important; font-weight: bold; line-height: 20px; } #list-notifications .-divisao .-header { display: flex; align-items: center; color: var(--txt-secondary); font-size: 1rem; font-weight: 500; } #list-notifications .-divisao .-item.-responsavel { position: absolute; right: 1rem; top: 1rem; display: flex; flex-direction: column; align-items: flex-end; font-size: 1rem; margin: 0 !important; font-weight: 500; line-height: 20px; } #list-notifications .-divisao .-item-data { position: absolute; right: 1rem; top: 1rem; display: flex; flex-direction: column; align-items: flex-end; font-size: 1rem; margin: 0 !important; font-weight: bold; line-height: 20px; } #list-notifications .-divisao .-item.-mensagem { font-weight: normal; margin-top: 5px !important; color: var(--txt-secondary); } #list-notifications .-divisao .-item span, #list-notifications .-divisao .-item-data span { font-weight: normal; margin-top: -5px; } /*select2 visivel*/ .gm-style-cc { display: none; } #auxiliar-total { height: 48px; font-weight: bold; display: flex; font-size: 2rem; flex-direction: column; justify-content: space-around; text-align: right; border: 1px solid var(--gray-3); padding: .6rem; border-radius: .4rem 0 0 .4rem; flex: 1; position: relative; color: var(--gray-5); align-items: flex-start; } #auxiliar-sem-vinculo { height: 48px; font-weight: bold; display: flex; font-size: 2rem; flex-direction: column; justify-content: space-around; text-align: right; border: 1px solid var(--gray-3); padding: .6rem; border-radius: .0rem; flex: 1; position: relative; color: var(--gray-5); align-items: flex-start; } #auxiliar-vencidos { height: 48px; font-weight: bold; display: flex; font-size: 2rem; flex-direction: column; justify-content: space-around; text-align: right; border: 1px solid var(--gray-3); padding: .6rem; border-radius: 0 .4rem .4rem 0; flex: 1; position: relative; color: red; align-items: flex-start; } #auxiliar-total::before { font-family: 'Material Symbols Outlined'; content: "\e9ef" !important; display: inline-block; font-size: 1.4rem; margin-right: 4px; color: var(--gray-4); position: absolute; right: .5rem; top: 0rem; opacity: .8; font-weight: 200; } #auxiliar-sem-vinculo::before { font-family: 'Material Symbols Outlined'; content: "\e16f" !important; display: inline-block; font-size: 1.4rem; margin-right: 4px; color: var(--gray-4); position: absolute; right: .5rem; top: 0rem; opacity: .8; font-weight: 200; } #auxiliar-vencidos::before { font-family: 'Material Symbols Outlined'; content: "\e99a" !important; display: inline-block; font-size: 1.4rem; margin-right: 4px; color: red; position: absolute; right: .5rem; top: 0rem; opacity: .8; font-weight: 200; } #map-logo { position: absolute; bottom: 1rem; right: 1rem; display: none; } #map-logo img { height: 40px; filter: drop-shadow(1px 1px 3px white) drop-shadow(-1px -1px 3px white); } /*TOOLTIP MAPA - START*/ .custom-tooltip { width: auto; min-width: 260px; max-width: 400px; position: relative; /*background-color: #fff;*/ padding: .4rem; font-family: Arial, sans-serif; font-size: 14px; animation: unset; cursor: pointer; transition: .6s; padding: 4px 8px; } .custom-tooltip .ordemAtual { width: 100%; display: block; position: relative; margin-top: 20px; border-bottom: 1px solid var(--gray-3); padding-bottom: 4px; } .custom-tooltip .ordemMesmoSite { position: relative; display: block; width: 100%; margin-top: .5rem; margin-top: 20px; } .custom-tooltip .classificacaoChamado { position: absolute; top: 0rem; right: 0; display: flex; justify-content: center; min-width: 30px; background-color: var(--gray-200); padding: 1px 6px; border-radius: 4px; font-weight: 500; color: var(--gray-4); font-size: .775rem; text-transform: uppercase; } .custom-tooltip .btn-modal { position: absolute; top: 0; } .custom-tooltip .info { font-size: .875rem; color: var(--cl-destaque); margin-top: .7rem; display: flex; justify-content: center; opacity: .7; } .custom-tooltip .info-left { font-size: .875rem; color: var(--gray-4); opacity: .7; } .custom-tooltip details { border: none; margin-top: 1rem; max-height: 10rem; overflow: auto; } .custom-tooltip summary { background-color: inherit; border: none !important; outline: none !important; padding: 0; } .custom-tooltip:hover { background-color: var(--cl-destaque10); border-radius: 4px; } .site-head { display: flex; flex-direction: column; position: sticky; height: 30px; transition: .6s; } .site-chamados { max-height: 12rem; overflow: auto; } .custom-tooltip:hover .site-card { background-color: var(--cl-destaque10); top: -4px; z-index: 1; } .site-card div:last-child { display: flex; flex-direction: column; } .site-card img { height: 85%; margin-right: 5px; opacity: .5; } .site-name { display: block; font-family: Poppins; font-size: 1.1rem; font-weight: bold; color: var(--cl-destaque); line-height: 1.4rem; width: 100%; flex: 1; border-radius: 2px; cursor: pointer; } .site-endereco { font-family: Poppins; font-size: 1rem; color: var(--gray-4); line-height: 1.2rem; margin-top: 2px; } .ordens-servico { display: flex; flex-wrap: wrap; font-family: Poppins; font-size: 1rem; color: var(--gray-5); } /*TOOLTIP MAPA - END*/ .card-table { position: relative; width: 200px; min-width: 240px; max-width: 300px; border: 1px solid var(--gray-3); border-radius: 4px; padding: 8px 4px; height: 50px; flex: 1; } .card-table .card-header { position: absolute; top: 5px; right: 10px; padding: 0; border: none; } .card-table .card-header svg { height: 1.2rem; } .card-table .card-body { position: absolute; bottom: 0px; left: 10px; display: block; margin: 0; padding: 0; height: auto !important; border: none; } .card-table .card-body h5 { font-size: 1rem; font-weight: bold; } #mudarVisualizacao:hover { color: var(--cl-destaque); background: var(--cl-destaque10); } .dropdown-menu a { font-size: 1.1rem; height: 100%; width: 100%; cursor: pointer; color: inherit; } .dropdown-menu a:hover { text-decoration: none; color: var(--cl-destaque); } .dropdown-menu a:hover svg { color: var(--cl-destaque); } /*nav-tabs*/ .dropdown.responsivetabs-more a { color: var(--gray-4); font-size: 2rem; line-height: 2rem; text-decoration: none; } .dropdown.responsivetabs-more a:hover { color: var(--cl-admin); } .dropdown.responsivetabs-more:hover ul { display: block; } /*View Monitoração Field*/ .containerTeste { gap: 0px; } .containerTeste > span { font-weight: bold; font-size: .875rem; margin-bottom: 10px; display: block; color: var(--gray-5); } .container-itens { height: .2rem; width: calc(100% - 400px); position: relative; display: flex; margin-left: 26px; position: relative; margin-top: -10px; display: flex; justify-content: space-between; align-items: center; gap: 10px; } .container-itens::before { content: " "; display: inline-block; font-size: 1.6rem; font-weight: 200; position: absolute; line-height: 1rem; margin-left: 0px; color: var(--gray-5); width: 100%; border: solid 1px var(--gray-3); } .divChamados .mensagem-vencidos { width: 100%; text-align: center; color: var(--gray-400); position: absolute; top: 15px; font-size: 10px; } .divChamados .timelineTecnico { height: 0px; width: calc(100% - 280px); display: flex; align-items: flex-start; align-content: center; justify-content: space-between; gap: 10px; font-size: .875rem; margin-left: 40px; margin-top: 10px; margin-bottom: -10px; margin-left: 160px; } .divChamados .timelineTecnico span { height: 16px; width: 14.28%; position: relative; text-align: left; text-wrap: nowrap; } .divChamados .timelineTecnico span:nth-child(2) { padding-left: 28px; } .divChamados .timelineTecnico span:nth-child(3) { padding-left: 60px; } .divChamados .timelineTecnico span:nth-child(4) { padding-left: 100px; } .divChamados .timelineTecnico span:nth-child(5) { padding-left: 110px; } .divChamados .timelineTecnico span:nth-child(6) { padding-left: 150px; } .divChamados .timelineTecnico span:nth-child(7) { padding-left: 170px; } #timeline span p { position: absolute; margin: 0; left: -12px; } .divTecnico { margin: 8px auto; border-radius: 4px; position: relative; z-index: 1000; border: solid 1px var(--brd-primary); overflow: hidden; } .divTecnico:hover { background-color: var(--bg-secondary); border: solid 1px var(--brd-primary); } .divResumo { border: 1px solid var(--brd-primary); padding: 4px 8px; border-radius: 4px; cursor: pointer; font-size: 1rem; color: var(--txt-primary); display: flex; justify-content: flex-start; gap: 10px; position: relative; z-index: -1; } .divResumo:hover { background-color: var(--bg-secondary) !important; } .divSemRegistro { position: absolute; font-size: 16px; top: 70px; color: var(--cl-error); width: 100%; text-align: center; } .card-item { padding: 2px 6px; font-size: 1rem; } .card-item.nomeTecnico { width: 30ch; color: var(--txt-primary); font-weight: 500; font-size: 10px; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .card-item.nomeSite { margin-left: 0; margin-bottom: 15px; padding: 0; color: var(--txt-primary); font-size: 1rem; font-weight: 500; } .card-item.nomeSite::before { height: 14px; width: 14px; content: ''; display: inline-block; background: url('data:image/svg+xml;utf8,') no-repeat center center; margin-right: 4px; margin-bottom: -2px; margin-top: 10px; opacity: .5; filter: var(--cl-invert); } .divChamado .numChamado::before { font-family: 'Material Symbols Outlined'; content: "\e638" !important; display: inline-block; font-size: 12px; color: inherit; font-weight: 200; margin-right: 4px; margin-bottom: 1px; opacity: .7; } .card-item.qtOS { border: 1px solid var(--brd-primary); border-radius: 4px 0 0 4px; margin-right: -7px; width: 100px; } .card-item.qtOSVinculadas { border: 1px solid var(--brd-primary); border-radius: 0px; margin-right: -11px; display: flex; line-height: 1.4rem; display: none; } .card-item.qtOSAceitas { width: 40px; border: 1px solid var(--brd-primary); border-radius: 0 4px 4px 0; color: #45bb2e; display: flex; line-height: 1.4rem; } .qtOSAceitas.zero { color: var(--gray-4); } .card-item.qtOSAceitas::before { font-family: 'Material Symbols Outlined'; content: "\e8dc" !important; display: inline-block; font-size: 1.2rem; color: inherit; font-weight: 200; margin-right: 4px; } .card-item.qtSites { width: 80px; border: 1px solid var(--brd-primary); border-radius: 0 4px 4px 0; margin-left: -4px; } .card-item.qtSites::before { content: ''; height: 14px; width: 14px; display: inline-block; background: url('data:image/svg+xml;utf8,') no-repeat center center; margin-right: 4px; margin-bottom: -3px; opacity: .4; filter: var(--cl-invert); } .card-item.statusAtual { color: white; position: absolute; right: 164px; background-color: #45bb2e; border-radius: 4px; font-size: .875rem; margin-top: 1px; display: none; } .card-item.statusAtual { border-radius: 4px; font-size: .875rem; margin-top: 1px; display: flex; } .card-item.statusDescricao { width: 80px; border: solid 1px var(--brd-primary); border-radius: 4px 4px; position: absolute; right: 220px; display: flex; align-items: center; justify-content: space-evenly; color: var(--cl-error); font-weight: 600; font-size: 9px; line-height: 16px; margin: 1px; } .card-item.statusDescricao.ativo { color: #45bb2e; font-weight: 600; font-size: 9px; border-color: #45bb2e; } .card-item.statusDescricao.ocioso { color: var(--cl-error); font-weight: 600; font-size: 9px; border-color: var(--cl-error); } .card-item.statusDescricao.livre { color: #3581d1; font-weight: 600; font-size: 9px; border-color: #3581d1; } .card-item.statusDescricao.indisponivel { color: var(--txt-primary); font-weight: 600; font-size: 9px; border-color: var(--txt-primary); } .card-item.statusTempo { width: 200px; border: 1px solid var(--brd-primary); border-radius: 4px 4px; position: absolute; right: 10px; display: flex; align-items: start; justify-content: flex-start; line-height: 16px; margin: 1px; } .card-item.statusTempo span { margin-left: 5px; } .card-item.statusTempo::before { font-family: 'Material Symbols Outlined'; content: "\e8b5" !important; display: inline-block; font-size: 1.2rem; color: inherit; font-weight: 200; margin-right: 4px; } .divChamados { border: 1px solid var(--brd-secondary); display: none; padding: 16px 8px 8px 8px; border-radius: 0 0 4px 4px; } .textBold { font-weight: 600; } .divSite { margin-bottom: 10px; border: solid 1px var(--brd-secondary); border-radius: 4px; padding: 4px 8px; overflow: hidden; position: relative; } .divSite:last-child { margin-bottom: 0px !important; } .divChamado { position: relative; display: flex; justify-content: space-between; align-items: center; height: 30px; margin-bottom: 20px; transition: ease-in-out .6s; } .divChamado:last-child { margin-bottom: 0px; } .divSite:last-child .divChamado:last-child { margin-bottom: 4px; padding-top: 4px; padding-bottom: 4px; } .divSite:hover { background-color: var(--bg-secondary); } .divSite:hover .timelineDescricao { top: -35px; } .divSite:hover .timelineHorario { top: -16px; opacity: 1; } .divSite:hover .timelineData { top: -28px; opacity: 1; } .divSite:hover .divChamado { height: 60px; } .divSite:hover .divSLA:before { animation: shake-left-right 1.8s linear both; animation-iteration-count: infinite; } .divSLA { height: 22px; width: 120px; border-radius: 4px; padding: 0px 8px; font-size: 10px; display: flex; justify-content: center; align-items: center; background-color: var(--gray-5); color: white; margin-top: -10px; position: relative; padding-left: 20px; } .divSLA:before { font-size: 1.2rem; font-weight: 200; font-family: 'Material Symbols Outlined'; content: "\e88b" !important; display: inline-block; color: white; position: absolute; left: 5px; } .divSLA:after { content: "TEMPO SLA"; position: absolute; top: -14px; width: 100%; border-radius: 4px 4px 0 0; text-align: center; font-size: 8px; font-weight: 500; color: var(--gray-5); } .divSLA.sla-vencido { background-color: var(--cl-error); } .divSLA.sla-hoje { background-color: orangered; } .divSLA.sla-noprazo { background-color: var(--gray-5); } .divReprocessado::after { font-family: 'Material Symbols Outlined'; content: "\f053" !important; display: inline-block; font-size: 1.6rem; font-weight: 200; margin-right: 0px; margin-top: -12px; margin-right: 0px; color: var(--cl-error); animation: rotate-center2 1.5s alternate-reverse; } .divAgendado { } .divAgendado::after { font-family: 'Material Symbols Outlined'; content: "\e614" !important; display: inline-block; font-size: 1.6rem; font-weight: 200; margin-top: -13px; color: var(--cl-info); animation: shake-left-right 1.8s linear both; } .divAgendado:hover .dataAgendamento { display: block; } .dataAgendamento { color: #4bbeff; position: absolute; top: 0px; font-size: 9px; left: 120px; display: none; } .itemChamado { width: 100%; } .numChamado { height: 1px; width: 100px; font-size: 1rem; margin-right: 1rem; margin-bottom: 10px; line-height: 1rem; display: flex; align-items: center; justify-content: flex-start; color: var(--txt-primary); } .numChamado:hover { color: var(--txt-primary); } .numChamado:hover::after { font-family: 'Material Symbols Outlined'; content: "\e89e" !important; display: inline-block; font-size: 1.4rem; font-weight: 200; margin-left: 5px; color: var(--txt-primary); } .itemAtivo.iconeInativo { background-color: var(--bg-primary); position: relative; } .itemAtivo.iconeAtivo { background-color: #45bb2e; position: relative; } .itemOcioso.iconeInativo { background-color: var(--bg-primary); position: relative; } .itemOcioso.iconeAtivo { background-color: var(--bg-primary); position: relative; } .itemAtivo.iconeAtivo .tooltipInicio { height: 16px; width: 16px; background-color: #45bb2e; color: white; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1rem; margin-top: -7px; border: 1px solid #45bb2e; border-radius: 50%; transition: .6s; position: absolute; right: 0; display: none; } .itemAtivo.iconeInativo .tooltipHorario { height: 16px; width: 16px; background-color: var(--gray-200); color: var(--gray-4); display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1rem; margin-top: -7px; border: 1px solid var(--gray-4); border-radius: 50%; transition: .6s; position: absolute; right: 0; } .itemAtivo.iconeAtivo .tooltipTexto { height: 16px; width: 16px; background-color: #45bb2e; color: white; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1rem; margin-top: -7px; border: 1px solid #45bb2e; border-radius: 50%; transition: .6s; position: absolute; right: 0px; z-index: 1; } .itemAtivo.iconeInativo .tooltipTexto { height: 16px; width: 16px; background-color: var(--gray-200); color: var(--gray-4); display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1rem; margin-top: -7px; border: 1px solid var(--gray-4); border-radius: 50%; transition: .6s; position: absolute; right: 0; display: none; } .itemOcioso.iconeAtivo .tooltipHorario, .itemOcioso.iconeInativo .tooltipHorario, .itemAtivo.iconeAtivo .tooltipHorario, .itemAtivo.iconeInativo .tooltipHorario { display: none; } .itemOcioso.iconeAtivo .tooltipTexto { height: 16px; width: 16px; background-color: #45bb2e; color: white; display: flex; align-items: center; justify-content: center; font-weight: bold; border-radius: 50%; font-size: 1rem; margin-top: -7px; border: 1px solid #45bb2e; transition: ease-in-out .4s; position: absolute; right: 0px; z-index: 1; } .itemOcioso.iconeAtivo:last-child .tooltipTexto { background-color: var(--gray-4); border: 1px solid var(--gray-4); } .itemOcioso.iconeInativo .tooltipTexto { height: 16px; width: 16px; background-color: var(--gray-200); color: var(--gray-4); display: flex; align-items: center; justify-content: center; font-weight: bold; border-radius: 50%; font-size: 1rem; margin-top: -7px; border: 1px solid var(--gray-4); transition: ease-in-out .4s; position: absolute; right: 0px; z-index: 1; } .itemAtivo.iconeAtivo .tooltipTexto:hover::after, .itemAtivo.iconeInativo .tooltipTexto:hover::after, .itemOcioso.iconeAtivo .tooltipTexto:hover::after, .itemOcioso.iconeInativo .tooltipTexto:hover::after { display: block; } .itemAtivo.iconeAtivo:hover span, .itemAtivo.iconeInativo:hover span, .itemOcioso.iconeAtivo:hover span, .itemOcioso.iconeInativo:hover span { z-index: 1000; } .tooltipTexto:hover .tooltipHorario { display: block !important; background-color: var(--gray-5); position: absolute; bottom: 16px !important; font-size: .875rem !important; color: white; padding: 3px 6px !important; border: 1px solid var(--gray-200); border-radius: 4px; width: max-content; font-weight: normal !important; line-height: .875rem; } .iconeInativo [data-status="VISUALIZADO PELO TÉCNICO"]::before { font-family: 'Material Symbols Outlined'; content: "\e8f4" !important; display: inline-block; font-size: 1rem; color: inherit; font-weight: 200; } .iconeInativo [data-status="ACEITO"]::before { font-family: 'Material Symbols Outlined'; content: "\e8dc" !important; display: inline-block; font-size: 1rem; color: inherit; font-weight: 200; } .iconeAtivo [data-status="EM DESLOCAMENTO"]::before { font-family: 'Material Symbols Outlined'; content: "\e531" !important; display: inline-block; font-size: 1rem; color: inherit; font-weight: 200; } .iconeAtivo [data-status="EM ATENDIMENTO"]::before { font-family: 'Material Symbols Outlined'; content: "\ea0b" !important; display: inline-block; font-size: 1rem; color: inherit; font-weight: 200; } .iconeAtivo [data-status="NO LOCAL"]::before { font-family: 'Material Symbols Outlined'; content: "\e0c8" !important; display: inline-block; font-size: 1rem; color: inherit; font-weight: 200; } .iconeAtivo [data-status="FECHADO"]::before { font-family: 'Material Symbols Outlined'; content: "\e5ca" !important; display: inline-block; font-size: 1rem; color: inherit; font-weight: 200; } .iconeAtivo [data-status="FECHADO PELO TÉCNICO"]::before { font-family: 'Material Symbols Outlined'; content: "\e5ca" !important; display: inline-block; font-size: 1rem; color: inherit; font-weight: 200; } .iconeAtivo [data-status="ATUALMENTE"]::before { font-family: 'Material Symbols Outlined'; content: "\e5e1" !important; display: inline-block; font-size: 1rem; color: inherit; font-weight: 200; } table.dataTable { width: 100% !important; border-collapse: unset !important; clear: both; margin-bottom: unset !important; margin-top: unset !important; max-width: none !important; border-spacing: 2px 4px; border-spacing: 2px; background-color: var(--bg-secondary); border-radius: 4px; padding: 2px; /*padding: 0px 4px 1px 4px;*/ /*box-shadow: inset 1px 1px 3px #0000001f, inset -1px -1px 3px #0000001f;*/ } .disclaimer-modal { width: 96%; position: absolute; left: 0; margin-left: 12px; bottom: -39px; background-color: #dd0000; color: white; font-size: 1rem; border-radius: 4px; padding: 5px 10px; text-align: center; font-weight: 500; } .disclaimer-modal::before { font-family: 'Material Symbols Outlined'; content: "\e000" !important; display: inline-block; font-size: 1.6rem; color: inherit; font-weight: 200; position: absolute; left: 10px; } .highlight { border: 1px solid #e43333; background-color: #fff5f5; } .select-tooshort, .select-searching { color: var(--txt-primary); padding: 4px 8px; border-radius: 2px; font-size: 1rem; } .select-noresults { color: var(--cl-error); padding: 5px 20px; border-radius: 2px; font-size: 1rem; font-weight: 500; } .select-noresults::before { font-family: 'Material Symbols Outlined'; content: "\e811" !important; position: absolute; left: 15px; top: 3px; display: inline-block; font-size: 1.6rem; color: inherit; font-weight: 200; } .visible-cell { display: table-cell !important; } /*Esconder pequeno ícone azul de adição, inserido pelo bootstrap, nas tabelas, ao redimensionar a tela para resoluções menores*/ table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before { display: none; } .list-modulo { max-height: 0; overflow: hidden; transition: max-height 0.6s ease-out; } .info-icon { color: var(--gray-4); cursor: pointer; } .info-icon svg { height: 14px; } .info-icon:hover svg { height: 16px; stroke: var(--gray-1); fill: var(--gray-5); } #relatorioItens { counter-reset: item; /* Inicializa o contador */ color: var(--txt-primary); } #relatorioItens li { counter-increment: item; /* Incrementa o contador para cada li */ list-style: none; /* Remove o estilo padrão da lista */ } #relatorioItens li::before { height: 16px; width: 16px; content: counter(item); font-weight: bold; margin-right: 8px; background-color: var(--cl-destaque10); padding: 0px 4px; color: var(--cl-destaque); border: 1px solid var(--cl-destaque); border-radius: 3px; } #btnPesquisarUsuario { margin-top: 15px; border-radius: 0 4px 4px 0; height: 26px; color: var(--cl-destaque); margin-left: -13px; font-size: 1rem; border-color: var(--brd-primary); font-weight: bold; background-color: var(--cl-destaque10); } #btnPesquisarUsuario:hover { background-color: var(--cl-destaque); color: var(--txt-destaque); } .btn-microsoft { position: absolute; bottom: 45%; right: 10%; color: white; background-color: #0d6efd; padding: 2rem; border: unset; margin-top: 10px; background: inherit; color: var(--txt-primary); border: solid 1px var(--brd-primary); } .btn-microsoft:hover { background: var(--bg-primary); background-color: var(--bg-destaque-inverso); color: var(--txt-primary); color: var(--txt-destaque-inverso); } .btn-microsoft i { height: 12px; } #dados-descricao:hover pre { border: solid 1px var(--gray-400); } #dados-descricao:hover #btnExpandir, #dados-descricao:hover #copyButton { border: solid 1px var(--bg-destaque); color: var(--txt-destaque-inverso); display: block; } #btnExpandir { position: absolute; top: 30px; z-index: 1; background-color: var(--bg-destaque-inverso); color: var(--txt-destaque-inverso); font-size: 1rem; padding: 2px 8px; width: auto; border-radius: 25px; right: 30px; display: none; cursor: pointer; } #copyButton { position: absolute; top: 30px; right: 100px; display: none; background-color: var(--bg-destaque-inverso); color: var(--txt-destaque-inverso); font-size: 1rem; padding: 2px 8px; width: auto; border-radius: 25px; z-index: 1; cursor: pointer; } #btnExpandir:hover, #copyButton:hover { background-color: var(--bg-destaque-inverso); border-color: var(--bg-destaque-inverso); } #zoom1 { position: absolute; top: 10px; right: 140px; } #zoom2 { position: absolute; top: 10px; right: 90px; } #zoom3 { position: absolute; top: 10px; right: 40px; } .zoom-control { display: flex; margin-left: 10px; } .zoom-control .card-btn { margin-left: unset; } .zoom-control .card-btn svg { stroke: var(--txt-primary); } .zoom-control .card-btn:first-child { border-radius: 15px 0 0 15px; } .zoom-control .card-btn:last-child { border-radius: 0 15px 15px 0; } #zoom-in { display: flex; justify-content: center; align-items: center; height: 95%; width: 95%; padding: 0px; margin-right: -2px; background-color: var(--bg-primary); border-radius: 15px 0 0 15px; border: none; } #zoom-out { display: flex; justify-content: center; align-items: center; height: 95%; width: 95%; padding: 0px; background-color: var(--bg-primary); border-radius: 0 15px 15px 0; border: none; } #zoom-in:focus, #zoom-out:focus { background: transparent; } #zoom-in:focus svg, #zoom-out:focus svg { color: var(--cl-destaque); } #zoom-in svg, #zoom-out svg { height: 12px; stroke-width: .275rem; } #zoom-in:hover, #zoom-out:hover { background-color: var(--cl-destaque); } #zoom-in:hover svg, #zoom-out:hover svg { stroke: var(--bg-secondary); } #zoom-in.actived-zoom, #zoom-out.actived-zoom { background-color: var(--cl-destaque); } #zoom-in.actived-zoom svg, #zoom-out.actived-zoom svg { stroke: var(--bg-primary); } button.active { background-color: var(--cl-destaque); } button.active svg { color: var(--gray-1); } table td:first-child { border-left: solid 1px var(--gray-200); } table td:last-child { border-right: solid 1px var(--gray-200); border-radius: 0px 4px 4px 0px !important; padding: 0px !important; overflow: hidden; } .carousel-item img { max-width: 100%; transition: transform 0.3s ease; } .buttons { text-align: center; margin-top: 20px; } .form-control:disabled { background-color: var(--bg-primary); cursor: not-allowed; } .table-modal { border: solid 1px var(--brd-primary); border-radius: 4px; border-collapse: collapse; } .table-modal-item { border-bottom: solid 1px var(--brd-primary); padding: 2px 6px; } .table-modal-item.none { color: var(--cl-error); } .table-modal-item:last-child { border-bottom: none; } #tbl_carrega_documentos_wrapper { height: auto !important; } #tbl_carrega_documentos_wrapper > div:nth-child(2) { height: auto; min-height: 300px; } /*KA10*/ .btn-kaio { position: absolute; left: -40px; top: -40px; z-index: 888; height: none; background-color: transparent; border: none; z-index: 999999999999999999999; } .btn-kaio:focus { background-color: transparent !important; border: none !important; } .btn-kaio img { height: 80px; transition: .6s; animation-name: kaio-up; } .btn-kaio svg { height: 100px; width: 100px; transition: .6s; animation-name: kaio-up; } .kaio-up { animation: scale-up-bottom 0.4s; animation-delay: 5s; } @keyframes kaio-up { 0% { transform: scale(.1); transform-origin: center bottom } 100% { transform: scale(1); transform-origin: center bottom } } .btn-kaio:hover img { filter: drop-shadow(1px 1px 4px #00000059); } .modal-kaio .modal-content { position: relative; overflow: visible; } .modal-kaio .modal-header { margin-top: 0px; padding: 20px 10px 20px 40px; margin-bottom: 0px; display: flex; justify-content: left; border-radius: 10px 10px 0 0; } .modal-kaio .modal-header .btn-close { position: absolute; right: 20px; top: 20px; } .modal-kaio .modal-title { margin-top: -5px; margin-left: 10px; margin-right: 30px; padding: 2px 20px; position: relative; background-color: var(--bg-destaque-inverso); font-size: 1.3em; border-radius: 6px; color: var(--txt-destaque-inverso); line-height: 22px; } .modal-kaio .modal-title::before { height: 0; width: 0; content: ''; position: absolute; top: .42rem; border: .8rem solid transparent; border-top: none; border-left-color: var(--brd-secondary); transform: rotate(-45deg); left: -.45rem; border-top: none; border-left-color: var(--bg-destaque-inverso); } .modal-kaio .modal-body { padding-top: 0px; padding-bottom: 0px; } .modal-kaio .modal-body p { font-size: 1.2rem; margin-bottom: 20px !important; } .modal-kaio .modal-body a { font-size: 1.1rem; /* margin-left: -10px; margin-top: 10px;*/ } .modal-kaio .modal-body .img-animated { position: relative; display: flex; justify-content: center; align-items: center; } .modal-kaio .modal-body button { position: absolute; top: 80px; left: 100px; width: 60%; } .modal-kaio .modal-body button svg { height: 100%; width: 100%; } .modal-kaio.kaio-top .modal-body { overflow: unset; } .modal-kaio.kaio-top .modal-body button { position: absolute; top: -90px; left: -180px; width: 60%; z-index: 999; } .modal-kaio.kaio-top .modal-body button svg { height: 40%; width: 40%; } .modal-kaio .modal-body img { width: 100%; margin-bottom: 20px; } .modal-kaio .modal-body .carousel-inner { width: 90%; margin-bottom: 20px; } .modal-kaio .modal-body .carousel-control-prev, .modal-kaio .modal-body .carousel-control-next { background-color: var(--bg-primary); opacity: 1; width: 5%; } .modal-kaio strong { font-weight: bold; color: var(--txt-primary); } .modal-kaio .modal-footer { border-radius: 0 0px 10px 10px; } .modal-kaio .card { padding-bottom: 20px; } .modal-kaio .card-header { position: relative; top: unset; margin-bottom: -10px; padding: 0px 10px; border: none; } .modal-kaio .card-header h5 { font-size: 1rem } .modal-kaio .card-body { height: auto !important; padding: 0px; margin-top: 0px; border-radius: 2px; box-shadow: none; } .modal-kaio .modal-example { background-color: var(--bg-secondary) !important; margin-top: 10px; padding: 10px; border-radius: 0 0 4px 4px; } .modal-kaio .modal-example p { background-color: inherit !important; } .link-kaio { color: var(--cl-destaque); display: inline-block; padding-left: 10px; } .link-kaio:hover { font-weight: bold; color: var(--cl-destaque); } .star-1 { animation: star-1 1.2s; animation-iteration-count: 1; } .star-2 { animation: star 1.8s; } .star-3 { animation: star .8s; } .star-4 { animation: star 1.2s; } .star-5 { animation: star 1s; } .star-6 { animation: star .7s; } .star-7 { animation: star-2 1s; } .star-8 { animation: star 1.5s; } .star-9 { animation: star-2 .9s; animation-iteration-count: 1; } @keyframes star { 0% { transform: scale(.2); } 100% { transform: scale(1); } } @keyframes star-1 { 0% { transform: scaleY(.2); } 100% { transform: scaleY(1); } } @keyframes star-2 { 0% { transform: scaleX(.5); } 100% { transform: scaleX(1); } } .modal-kaio .carousel-item img { height: auto; margin-bottom: 10px; border-radius: 4px; } .modal-kaio .carousel-indicators { bottom: 0px; } .modal-kaio .carousel-item-topic { font-size: 1.2rem; font-weight: bold; margin-bottom: 10px; } .text-carousel { width: 100%; margin: 0 auto; border-radius: 6px; left: 5%; } .text-carousel .modal-example { background-color: var(--autofill-bg); } .text-carousel .modal-example strong { font-weight: bold; } /*KA10*/ .btn-select-permissoes { height: 24px; background-color: var(--cl-destaque10); background: var(--bg-primary); border: solid 1px var(--brd-primary); width: 24px; border-radius: 50%; padding: 2px; color: white; position: absolute; top: 20px; right: 210px; display: flex; align-items: center; justify-content: center; background-color: var(--bg-primary); border: 1px solid var(--cl-destaque); transition: 0.4s ease-out; z-index: 2; cursor: pointer; } .btn-select-permissoes svg { height: 16px; color: var(--cl-admin); } .btn-select-permissoes p { font-size: .875rem; display: none; } .btn-select-permissoes:hover { background-color: var(--cl-admin); } .btn-select-permissoes:hover svg { color: white; } .modal-kaio .hashtag { color: var(--txt-secondary); font-style: italic; } .kaio-icon { color: var(--gray-8); height: 16px; animation: kaio-icon 4s linear infinite; animation-delay: 4s; } @keyframes kaio-icon { 0% { transform: scale(1) rotateZ(0); color: var(--gray-8); } 20% { transform: scale(1.5) rotateZ(180deg); color: var(--cl-destaque); } 40% { transform: scale(1) rotateZ(360deg); color: var(--gray-8); } 100% { transform: scale(1) rotateZ(360deg); color: var(--gray-8); } } #btn-sair { cursor: pointer; } #btn-sair:hover { color: var(--cl-error); } #btn-sair:hover svg { color: var(--cl-error); } .daterangepicker .calendar-table { background-color: var(--bg-secondary); border-color: transparent; } .daterangepicker td.in-range { background-color: var(--cl-destaque); color: var(--txt-primary); } @media (min-width: 564px) { .daterangepicker .drp-calendar.left .calendar-table { padding-right: 8px; border: none; } } .daterangepicker .drp-selected { color: var(--txt-primary); } .icon-statusPendencia { border-radius: 2px !important; color: var(--txt-destaque) !important; background-color: var(--gray-7) !important; height: 12px; width: 100% !important; display: flex; justify-content: center; align-items: center; font-size: .725rem; padding: 0 5px !important; z-index: 1; border: solid 1px var(--gray-7); outline: solid 1px var(--gray-7); margin-top: 2px; } .error-container { border: 1px solid #ddd; padding: 20px; display: inline-block; background-color: #f8d7da; color: var(--cl-error); border-radius: 5px; margin: 25%; box-shadow: 1px 1px 4px black; } .botao-gradient { background: linear-gradient(var(--bg-primary), var(--bg-primary)) padding-box, linear-gradient(to right, #ff8c00, #b646ea, #03a0f9, #45bb2e) border-box; border-radius: 50em; border: 1px solid transparent; position: relative; display: inline-flex; justify-content: center; align-items: center; font-size: 1.2em; font-weight: bold; text-decoration: none; color: var(--txt-primary); padding: 0.5em 1.5em; cursor: pointer; transition: transform 2s ease, background 3s ease; } .botao-gradient:hover { background: linear-gradient(var(--bg-primary), var(--bg-primary)) padding-box, linear-gradient(to right, #ff8c005c, #b646ea5c, #45bb2e5c, #03a0f95c) border-box; } .card-actions svg { height: 16px; width: 32px; padding: 0px 4px; background-color: #81818117; border-radius: 8px; margin-right: 10px; } .split-90 { width: 90%; } .split-80 { width: 80%; } .split-70 { width: 70%; } .split-30 { width: 30%; } .split-20 { width: 20%; } .split-10 { width: 10%; } #deviceId-btn { height: 30px; position: relative; text-align: center; padding: 0px 10px 10px 10px; cursor: pointer; } #deviceId-btn input { height: 100%; width: 100%; position: absolute; top: -3px; left: 0; opacity: 0; } #deviceId-btn .form-check-input { height: 100%; } #deviceId-btn:hover input { cursor: pointer; } #deviceId-btn .texto { height: 100%; background-color: var(--bg-secondary); border-radius: 10px; display: flex; justify-content: center; align-items: center; } #deviceId-btn:hover .texto { background-color: springgreen; cursor: pointer; z-index: 999; } .btn-primary:disabled { color: var(--gray-5); background-color: var(--gray-3); } .btn-secondary:disabled { color: var(--gray-5) !important; border-color: var(--gray-3) !important; } .step-section { position: absolute; width: 30px; height: 30px; background-color: #9b9b9b17; padding: 2px; color: black; border-radius: 50%; left: 10px; display: flex; justify-content: center; align-items: center; font-weight: bold; top: 10px; box-shadow: inset 1px 1px 3px #0000001f, inset -1px -1px 3px #0000001f; } .step-section svg { height: 16px; color: var(--txt-secondary); } .rotate-180 { transform: rotate(180deg); } .card-page { height: 100%; width: 100%; background-color: var(--bg-primary); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 4px; border-radius: .5rem; padding: 10px; } .card-title-actions { position: absolute; right: 0px; } .td-destaque { background-color: #fff !important; transition: background-color 0.3s ease; /* opcional: transição suave */ position: relative; border-radius: 4px; } .td-destaque::after { font-family: 'Material Symbols Outlined'; content: "\e8b6" !important; display: inline-block; font-size: 1.6rem; color: inherit; font-weight: 200; position: absolute; top: 4px !important; right: 4px !important; color: var(--txt-secondary) !important; opacity: .7 !important; } #btnPesquisar { border-radius: 20px; background-color: var(--bg-secondary); color: var(--txt-secondary); font-size: .775rem; border: none; position: absolute; right: 30px; top: 49px; z-index: 99999; opacity: 0; transform: translateX(10px); transition: opacity 0.3s ease, transform 0.3s ease; pointer-events: none; /* Evita cliques antes de aparecer */ } #btnPesquisarAuto, #btnPesquisarEnter { border-radius: 20px; background-color: var(--bg-secondary); color: var(--txt-secondary); font-size: .775rem; border: none; position: absolute; right: 30px; top: 39px; z-index: 99999; opacity: 0; transform: translateX(10px); transition: opacity 0.3s ease, transform 0.3s ease; pointer-events: none; /* Evita cliques antes de aparecer */ } #btnPesquisar.mostrar, #btnPesquisarEnter.mostrar { opacity: 1; transform: translateX(0); pointer-events: auto; /* Ativa cliques */ } #btnPesquisarAuto.mostrar { opacity: 1; transform: translateX(0); pointer-events: none; /* Ativa cliques */ } #btnPesquisar:hover, #btnPesquisarEnter:hover { background-color: var(--bg-destaque-inverso); color: var(--txt-destaque-inverso); } div.dataTables_wrapper div.dataTables_filter input { max-width: 160px; transition: max-width 0.6s ease, padding-right 0.6s ease; } .input-destaque { padding-right: 40px !important; max-width: 300px !important; } #alertIntegrado { width: 100%; background-color: var(--cl-warning10); border: solid 1px var(--cl-warning); padding: 4px 8px; border-radius: 4px; position: relative; padding-left: 25px; color: var(--txt-primary); opacity: 0; animation: scale-up-bottom2 0.4s; animation-delay: 1.2s; animation-duration: .4s; animation-fill-mode: forwards; margin-bottom: -30px; } #alertIntegrado::before { font-family: 'Material Symbols Outlined'; content: "\e88e" !important; display: inline-block; font-size: 1.4rem; color: inherit; font-weight: 200; position: absolute; top: 0px !important; left: 5px !important; color: var(--cl-warning) !important; opacity: 1 !important; } .dropdown-menu.show { display: block; background-color: var(--bg-secondary); color: var(--txt-secondary); } .modal-steps { } .modal-steps label { color: var(--txt-secondary); font-size: 1rem; margin-bottom: 2px; position: relative; width: 100%; } .modal-steps label > svg { color: var(--brd-secondary); position: absolute; right: 4px; top: 24px; height: 1.6rem; } .tag-avulsa { height: 16px; width: auto; padding: 0px 4px; margin: 4px 0px 0px 0px; background-color: var(--bg-primary); border: dotted 1px var(--cl-destaque); border-radius: 4px; text-align: center; color: var(--txt-primary); position: absolute; top: 2px; right: 130px; font-size: .875rem; } .card-tab-internal { padding: 8px 10px 3px 10px; display: flex; position: relative; gap: 10px; border-bottom: solid 1px var(--brd-primary); flex-direction: row; } .card-tab-internal:hover { border-left: solid 3px var(--cl-destaque); } .card-tab-internal:first-child { border-top: solid 1px var(--brd-primary); } .card-tab-internal:last-child { border-bottom: none; } .card-tab-internal:nth-child(2n+1) { background-color: var(--hover2); } .card-tab-internal h3 { font-weight: bold !important; font-size: 1rem; color: inherit; } .card-tab-internal p { font-size: 1rem; color: var(--txt-primary); } .card-tab-internal strong { font-weight: bold; color: var(--txt-primary); } .card-tab-internal .card-peca-codigo { flex: 2; color: var(--txt-primary); } .card-tab-internal .card-peca-item { display: flex; justify-content: center; align-items: center; border-radius: 4px; padding: 4px 10px; max-width: 180px; background-color: var(--bg-secondary); } .card-tab-internal .card-peca-item:last-child { margin-right: 30px; border: solid 1px var(--brd-primary); background-color: transparent; color: var(--txt-primary); } .card-tab-internal .btn-excluirCard { position: absolute; right: 0px; border: none; color: var(--txt-primary); top: 12px; } .card-tab-internal .number-input-container { position: relative; bottom: unset; right: unset; } .card-tab-internal .btn-excluirCard { z-index: 1; } .card-tab-internal .card-peca-codigo { flex: 2; display: flex; flex-direction: column; justify-content: center; color: var(--txt-primary); } .card-tab-internal .card-peca-item { flex: 1; display: flex; justify-content: center; align-items: center; gap: 10px; color: var(--txt-primary); } #content-pecas-solicitacao { height: auto; border: solid 1px var(--brd-primary); border-radius: 4px; padding: 10px 10px 0px 10px; margin-top: 10px; } #content-pecas-solicitacao h4 { color: var(--txt-primary); font-weight: 600; margin: 0 0 15px 5px; font-size: 1.2rem; } #content-pecas-historico { border-radius: 4px; } #content-pecas-historico .list-pecas-item { border: solid 1px var(--brd-primary); } #content-pecas-historico .list-pecas-item h4 { color: var(--txt-primary); font-weight: 600; } #content-pecas-historico table thead tr th, #content-pecas-historico table tbody tr td { height: 20px; } #content-pecas-historico table thead tr th:first-child, #content-pecas-historico table tbody tr td:first-child { width: 100%; max-width: 70%; min-width: 70%; } #peca-counter { background-color: var(--bg-secondary); padding: 5px 10px; border-radius: 6px; margin-bottom: 20px; height: 30px; position: relative; display: flex; align-items: center; } #peca-counter h5 { font-size: 1.2rem; font-weight: bold; margin: 0; } #peca-counter p { color: var(--txt-secondary); margin-bottom: 0; position: absolute; top: 5px; right: 7px; display: flex; padding: 1px 10px; border: solid 1px var(--brd-secondary); border-radius: 4px; gap: 5px; } #peca-counter #incluirPeca { color: var(--txt-destaque-inverso); margin-bottom: 0; position: absolute; top: 5px; right: 10px; display: flex; padding: 2px 10px; border: solid 1px var(--brd-secondary); border-radius: 4px; gap: 5px; background-color: var(--bg-destaque-inverso); } #peca-counter span { color: var(--txt-primary); font-weight: bold; } #listaPecasIndividuais { border: solid 1px var(--brd-primary); border-radius: 4px; overflow: hidden; } #addPecaIndividual { font-weight: bold; text-align: right; margin-bottom: 5px; font-size: 1.2rem; } #addPecaIndividual:hover { cursor: pointer; } #listaPecasIndividuais div { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 5px 10px; } #listaPecasIndividuais #btn-informar-serie, #listaPecasIndividuais #btn-informar-observacao { font-size: .875rem; border-radius: 4px; cursor: pointer; width: auto; padding: 4px; flex: 1; background-color: inherit; color: var(--txt-primary); border: solid 1px var(--brd-primary); } #listaPecasIndividuais #btn-informar-serie:hover, #listaPecasIndividuais #btn-informar-observacao:hover { background-color: var(--bg-destaque-inverso); color: var(--txt-destaque-inverso); } #listaPecasIndividuais .btn-delete-peca { height: 18px; font-size: .875rem; cursor: pointer; border: none; box-shadow: none; background-color: unset; border: solid 1px var(--brd-primary); border-radius: 4px; } #listaPecasIndividuais span { height: 16px; width: 16px; background-color: var(--bg-secondary); color: var(--txt-primary); border-radius: 50%; font-size: .875rem; display: flex; align-items: center; justify-content: center; } .qtd-peca-selecionada { height: 16px; width: 16px; background-color: var(--bg-primary); color: var(--txt-primary); border-radius: 50%; font-size: .875rem; display: flex; align-items: center; justify-content: center; font-size: 1rem; font-weight: bold; line-height: 1rem; box-shadow: inset rgba(0, 0, 0, 0.2) 0px 0px 2px; } .btn-inserir-dados { position: absolute; right: 30px; top: 5px; height: 18px; font-size: .875rem; } .menu-footer { display: flex; flex-wrap: nowrap; min-width: 0; flex: 1 1 auto; position: relative; } .menu-scroll-container { display: flex; flex-wrap: nowrap; min-width: 0; flex: 1 1 auto; /* Faz com que o conteúdo cresça/encolha conforme o espaço */ max-width: 100%; /* Impede que ultrapasse a largura disponível */ box-sizing: border-box; flex-wrap: wrap; } .menu-item { color: red; margin-right: 5px; border-radius: 5px; white-space: nowrap; cursor: pointer; } .dropdown-toggle { position: relative; /* Garante que o dropdown se posicione em relação ao botão */ } .dropdown-menu { position: absolute; bottom: 100%; /* Acima do botão */ left: 0; background: #ffffff; border: 1px solid #ccc; padding: 5px 0; z-index: 999; min-width: 150px; box-shadow: 0 -2px 8px rgba(0,0,0,0.15); border-radius: 5px; display: none; } .dropdown-menu .menu-item { display: block; margin: 0; background: none; color: #333; padding: 8px 12px; } .dropdown-toggle:hover .dropdown-menu { display: block; /* Exibe o dropdown ao passar o mouse */ } #more-button { background-color: transparent; border: 1px solid var(--bg-destaque) !important; color: var(--txt-secondary); height: 30px; width: auto; display: flex; justify-content: center; align-items: center; gap: .5rem; border-radius: 50px; font-size: 1.2rem; font-weight: 500; border: 1px solid var(--gray-5); position: relative; pointer-events: inherit; text-overflow: ellipsis; user-select: inherit; vertical-align: middle; white-space: nowrap; transition: 0.6s; padding: 5px 15px; background-color: var(--brd-primary); } .destaque-unidade { animation: pulseGlow .8s ease-in-out 0s infinite; position: relative; display: inline-block; box-sizing: revert-layer; padding: 4px; margin: 4px; outline: solid 2px red; outline-offset: 12px; } .destaque-unidade::after { content: ""; outline: solid 2px green; outline-offset: 20px; position: absolute; width: 40px; height: 40px; } .info-modal { background-color: var(--cl-info10); font-size: 1rem; padding: 6px 8px; margin-top: 20px; border-radius: 3px; } .info-modal svg { height: 12px; color: var(--cl-info); } .dataTables_empty { width: 99.5%; /*position: absolute;*/ background-color: var(--bg-primary) !important; margin: 0 auto; color: var(--cl-error) !important; } .leaflet-fade-anim.leaflet-map-pane.leaflet-popup { bottom: 22px !important; } .foco-marker { animation: foco-pulso 1s infinite; filter: drop-shadow(0 0 6px #ff0); z-index: 1000 !important; } .modal-status { height: 30px; background-color: var(--bg-primary); /*padding: 0px 20px;*/ display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--txt-primary); margin-bottom: 10px; width: 100%; } .modal-status strong { color: inherit; font-weight: bold; } .modal-status div { background-color: var(--bg-secondary); border-radius: 4px; padding: 4px 8px; height: 24px; flex: 1; } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: var(--bg-primary) !important; } .leaflet-popup-content { color: var(--txt-primary) !important; } .leaflet-popup-content b { color: var(--cl-destaque) !important; font-weight: bold; padding-bottom: 10px; } .container-boxes { display: flex; flex-direction: column; gap: 10px; align-items: center; justify-content: space-between; width: 100%; } .container-boxes h1 { font-size: 1.2rem; text-align: left; width: 100%; font-weight: var(--fw-bold) !important; margin-bottom: 0px; margin-top: 10px; color: var(--txt-primary); } .container-boxes .box-checklist { background-color: inherit; width: inherit; position: relative; } .container-boxes .box-checklist svg { color: var(--txt-primary); margin-left: -5px; } .container-boxes .box-checklist:hover .icon-tooltip { display: flex; } .container-boxes .box-checklist .icon-tooltip { position: absolute; right: 6px; top: 4px; height: 16px; width: 16px; border: solid 1px var(--txt-secondary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1rem; padding-top: 2px; color: var(--txt-secondary); background-color: inherit; } .container-boxes .box-checklist .icon-tooltip:hover { color: var(--txt-destaque); background-color: var(--bg-destaque); } .container-boxes .box-checklist.active { border: 1px solid var(--cl-sucess); background-color: var(--cl-sucess10); color: var(--gray-400); } .container-boxes .box-checklist.inactive { border: 1px solid var(--brd-primary); background-color: var(--bg-primary); color: var(--gray-400); } .container-boxes .box-checklist .form-check-secundary { background-color: var(--bg-primary); } .container-boxes .box-checklist label { font-weight: var(--fw-bold) !important; } .container-boxes .box-checklist p { margin-left: 12px; margin-top: -4px; color: var(--txt-primary); } #gera-pendencia-options { border-top: solid 1px var(--cl-sucess); width: 100%; margin: 10px auto 0; padding-top: 10px; display: none; } #divIsHabilitaPeca { display: flex; border-top: solid 1px var(--cl-sucess); width: 100%; margin: 10px auto 0; padding-top: 10px; gap: 10px; } .box-checklist.ativo { border: 2px solid var(--cl-sucess); background: rgba(0, 200, 0, 0.05); border-radius: 8px; } #gera-pendencia-options.flex { display: flex; border-top: solid 1px var(--cl-sucess); width: 100%; margin: 10px auto 0; padding-top: 10px; gap: 0px; } .box-checklist .form-switch-responsive { position: relative; } #tbl_pecas_nao_incluidas_wrapper { /* background-color: red;*/ } #tbl_pecas_nao_incluidas_length { position:absolute; right: 180px; display: none; } #tbl_regras tr th, #tbl_regras tr td { width: auto; min-width: auto; text-overflow: ellipsis; max-width: 30ch; white-space: normal; overflow: hidden; } #tbl_regras tr th:last-child, #tbl_regras tr td:last-child { width: 30px; max-width: 30px; min-width: 30px; text-overflow: clip; text-align: left; } #tbl_regras .btn-icon { width: 10px; }