/* Minification failed. Returning unminified contents. (288,15): run-time error CSS1030: Expected identifier, found ',' (288,26): run-time error CSS1031: Expected selector, found ')' (288,26): run-time error CSS1025: Expected comma or open brace, found ')' (7359,1): run-time error CSS1019: Unexpected token, found '}' (8128,24): run-time error CSS1030: Expected identifier, found '.' (8128,70): run-time error CSS1031: Expected selector, found ')' (8128,70): run-time error CSS1025: Expected comma or open brace, found ')' */ @charset "UTF-8"; @font-face { font-family: 'entypo'; font-style: normal; font-weight: normal; src: url('entypo.eot'); src: url('entypo.eot?#iefix') format('eot'), url('entypo.woff') format('woff'), url('entypo.ttf') format('truetype'), url('entypo.svg#entypo') format('svg'); } .entypo-note:before{content:"\266a"}.entypo-note-beamed:before{content:"\266b"}.entypo-music:before{content:"\1f3b5"}.entypo-search:before{content:"\1f50d"}.entypo-flashlight:before{content:"\1f526"}.entypo-mail:before{content:"\2709"}.entypo-heart:before{content:"\2665"}.entypo-heart-empty:before{content:"\2661"}.entypo-star:before{content:"\2605"}.entypo-star-empty:before{content:"\2606"}.entypo-user:before{content:"\1f464"}.entypo-users:before{content:"\1f465"}.entypo-user-add:before{content:"\e700"}.entypo-video:before{content:"\1f3ac"}.entypo-picture:before{content:"\1f304"}.entypo-camera:before{content:"\1f4f7"}.entypo-layout:before{content:"\268f"}.entypo-menu:before{content:"\2630"}.entypo-check:before{content:"\2713"}.entypo-cancel:before{content:"\2715"}.entypo-cancel-circled:before{content:"\2716"}.entypo-cancel-squared:before{content:"\274e"}.entypo-plus:before{content:"\2b"}.entypo-plus-circled:before{content:"\2795"}.entypo-plus-squared:before{content:"\229e"}.entypo-minus:before{content:"\2d"}.entypo-minus-circled:before{content:"\2796"}.entypo-minus-squared:before{content:"\229f"}.entypo-help:before{content:"\2753"}.entypo-help-circled:before{content:"\e704"}.entypo-info:before{content:"\2139"}.entypo-info-circled:before{content:"\e705"}.entypo-back:before{content:"\1f519"}.entypo-home:before{content:"\2302"}.entypo-link:before{content:"\1f517"}.entypo-attach:before{content:"\1f4ce"}.entypo-lock:before{content:"\1f512"}.entypo-lock-open:before{content:"\1f513"}.entypo-eye:before{content:"\e70a"}.entypo-tag:before{content:"\e70c"}.entypo-bookmark:before{content:"\1f516"}.entypo-bookmarks:before{content:"\1f4d1"}.entypo-flag:before{content:"\2691"}.entypo-thumbs-up:before{content:"\1f44d"}.entypo-thumbs-down:before{content:"\1f44e"}.entypo-download:before{content:"\1f4e5"}.entypo-upload:before{content:"\1f4e4"}.entypo-upload-cloud:before{content:"\e711"}.entypo-reply:before{content:"\e712"}.entypo-reply-all:before{content:"\e713"}.entypo-forward:before{content:"\27a6"}.entypo-quote:before{content:"\275e"}.entypo-code:before{content:"\e714"}.entypo-export:before{content:"\e715"}.entypo-pencil:before{content:"\270e"}.entypo-feather:before{content:"\2712"}.entypo-print:before{content:"\e716"}.entypo-retweet:before{content:"\e717"}.entypo-keyboard:before{content:"\2328"}.entypo-comment:before{content:"\e718"}.entypo-chat:before{content:"\e720"}.entypo-bell:before{content:"\1f514"}.entypo-attention:before{content:"\26a0"}.entypo-alert:before{content:"\1f4a5'"}.entypo-vcard:before{content:"\e722"}.entypo-address:before{content:"\e723"}.entypo-location:before{content:"\e724"}.entypo-map:before{content:"\e727"}.entypo-direction:before{content:"\27a2"}.entypo-compass:before{content:"\e728"}.entypo-cup:before{content:"\2615"}.entypo-trash:before{content:"\e729"}.entypo-doc:before{content:"\e730"}.entypo-docs:before{content:"\e736"}.entypo-doc-landscape:before{content:"\e737"}.entypo-doc-text:before{content:"\1f4c4"}.entypo-doc-text-inv:before{content:"\e731"}.entypo-newspaper:before{content:"\1f4f0"}.entypo-book-open:before{content:"\1f4d6"}.entypo-book:before{content:"\1f4d5"}.entypo-folder:before{content:"\1f4c1"}.entypo-archive:before{content:"\e738"}.entypo-box:before{content:"\1f4e6"}.entypo-rss:before{content:"\e73a"}.entypo-phone:before{content:"\1f4dE"}.entypo-cog:before{content:"\2699"}.entypo-tools:before{content:"\2692"}.entypo-share:before{content:"\e73c"}.entypo-shareable:before{content:"\e73e"}.entypo-basket:before{content:"\e73d"}.entypo-bag:before{content:"\1f45c'"}.entypo-calendar:before{content:"\1f4c5"}.entypo-login:before{content:"\e740"}.entypo-logout:before{content:"\e741"}.entypo-mic:before{content:"\1f3a4"}.entypo-mute:before{content:"\1f507"}.entypo-sound:before{content:"\1f50a"}.entypo-volume:before{content:"\e742"}.entypo-clock:before{content:"\1f554"}.entypo-hourglass:before{content:"\23f3"}.entypo-lamp:before{content:"\1f4a1"}.entypo-light-down:before{content:"\1f505"}.entypo-light-up:before{content:"\1f506"}.entypo-adjust:before{content:"\25d1"}.entypo-block:before{content:"\1f6ab"}.entypo-resize-full:before{content:"\e744"}.entypo-resize-small:before{content:"\e746"}.entypo-popup:before{content:"\e74c"}.entypo-publish:before{content:"\e74d"}.entypo-window:before{content:"\e74e"}.entypo-arrow-combo:before{content:"\e74f"}.entypo-down-circled:before{content:"\e758"}.entypo-left-circled:before{content:"\e759"}.entypo-right-circled:before{content:"\e75a"}.entypo-up-circled:before{content:"\e75b"}.entypo-down-open:before{content:"\e75c"}.entypo-left-open:before{content:"\e75d"}.entypo-right-open:before{content:"\e75e"}.entypo-up-open:before{content:"\e75f"}.entypo-down-open-mini:before{content:"\e760"}.entypo-left-open-mini:before{content:"\e761"}.entypo-right-open-mini:before{content:"\e762"}.entypo-up-open-mini:before{content:"\e763"}.entypo-down-open-big:before{content:"\e764"}.entypo-left-open-big:before{content:"\e765"}.entypo-right-open-big:before{content:"\e766"}.entypo-up-open-big:before{content:"\e767"}.entypo-down:before{content:"\2b07"}.entypo-left:before{content:"\2b05"}.entypo-right:before{content:"\27a1"}.entypo-up:before{content:"\2b06"}.entypo-down-dir:before{content:"\25be"}.entypo-left-dir:before{content:"\25c2"}.entypo-right-dir:before{content:"\25b8"}.entypo-up-dir:before{content:"\25b4"}.entypo-down-bold:before{content:"\e4b0"}.entypo-left-bold:before{content:"\e4ad"}.entypo-right-bold:before{content:"\e4ae"}.entypo-up-bold:before{content:"\e4af"}.entypo-down-thin:before{content:"\2193"}.entypo-left-thin:before{content:"\2190"}.entypo-right-thin:before{content:"\2192"}.entypo-up-thin:before{content:"\2191"}.entypo-ccw:before{content:"\27f2"}.entypo-cw:before{content:"\27f3"}.entypo-arrows-ccw:before{content:"\1f504"}.entypo-level-down:before{content:"\21b3"}.entypo-level-up:before{content:"\21b0"}.entypo-shuffle:before{content:"\1f500"}.entypo-loop:before{content:"\1f501"}.entypo-switch:before{content:"\21c6"}.entypo-play:before{content:"\25b6"}.entypo-stop:before{content:"\25a0"}.entypo-pause:before{content:"\2389"}.entypo-record:before{content:"\26ab"}.entypo-to-end:before{content:"\23ed"}.entypo-to-start:before{content:"\23ee"}.entypo-fast-forward:before{content:"\23e9"}.entypo-fast-backward:before{content:"\23ea"}.entypo-progress-0:before{content:"\e768"}.entypo-progress-1:before{content:"\e769"}.entypo-progress-2:before{content:"\e76a"}.entypo-progress-3:before{content:"\e76b"}.entypo-target:before{content:"\1f3af"}.entypo-palette:before{content:"\1f3a8"}.entypo-list:before{content:"\e005"}.entypo-list-add:before{content:"\e003"}.entypo-signal:before{content:"\1f4f6"}.entypo-trophy:before{content:"\1f3c6"}.entypo-battery:before{content:"\1f50b"}.entypo-back-in-time:before{content:"\e771"}.entypo-monitor:before{content:"\1f4bb"}.entypo-mobile:before{content:"\1f4f1"}.entypo-network:before{content:"\e776"}.entypo-cd:before{content:"\1f4bf"}.entypo-inbox:before{content:"\e777"}.entypo-install:before{content:"\e778"}.entypo-globe:before{content:"\1f30e"}.entypo-cloud:before{content:"\2601"}.entypo-cloud-thunder:before{content:"\26c8"}.entypo-flash:before{content:"\26a1"}.entypo-moon:before{content:"\263d"}.entypo-flight:before{content:"\2708"}.entypo-paper-plane:before{content:"\e79b"}.entypo-leaf:before{content:"\1f342"}.entypo-lifebuoy:before{content:"\e788"}.entypo-mouse:before{content:"\e789"}.entypo-briefcase:before{content:"\1f4bc"}.entypo-suitcase:before{content:"\e78e"}.entypo-dot:before{content:"\e78b"}.entypo-dot-2:before{content:"\e78c"}.entypo-dot-3:before{content:"\e78d"}.entypo-brush:before{content:"\e79a"}.entypo-magnet:before{content:"\e7a1"}.entypo-infinity:before{content:"\221e"}.entypo-erase:before{content:"\232b"}.entypo-chart-pie:before{content:"\e751"}.entypo-chart-line:before{content:"\1f4c8"}.entypo-chart-bar:before{content:"\1f4ca"}.entypo-chart-area:before{content:"\1f53e"}.entypo-tape:before{content:"\2707"}.entypo-graduation-cap:before{content:"\1f393"}.entypo-language:before{content:"\e752"}.entypo-ticket:before{content:"\1f3ab"}.entypo-water:before{content:"\1f4a6"}.entypo-droplet:before{content:"\1f4a7"}.entypo-air:before{content:"\e753"}.entypo-credit-card:before{content:"\1f4b3"}.entypo-floppy:before{content:"\1f4be"}.entypo-clipboard:before{content:"\1f4cb"}.entypo-megaphone:before{content:"\1f4e3"}.entypo-database:before{content:"\e754"}.entypo-drive:before{content:"\e755"}.entypo-bucket:before{content:"\e756"}.entypo-thermometer:before{content:"\e757"}.entypo-key:before{content:"\1f511"}.entypo-flow-cascade:before{content:"\e790"}.entypo-flow-branch:before{content:"\e791"}.entypo-flow-tree:before{content:"\e792"}.entypo-flow-line:before{content:"\e793"}.entypo-flow-parallel:before{content:"\e794"}.entypo-rocket:before{content:"\1f680"}.entypo-gauge:before{content:"\e7a2"}.entypo-traffic-cone:before{content:"\e7a3"}.entypo-cc:before{content:"\e7a5"}.entypo-cc-by:before{content:"\e7a6"}.entypo-cc-nc:before{content:"\e7a7"}.entypo-cc-nc-eu:before{content:"\e7a8"}.entypo-cc-nc-jp:before{content:"\e7a9"}.entypo-cc-sa:before{content:"\e7aa"}.entypo-cc-nd:before{content:"\e7ab"}.entypo-cc-pd:before{content:"\e7ac"}.entypo-cc-zero:before{content:"\e7ad"}.entypo-cc-share:before{content:"\e7ae"}.entypo-cc-remix:before{content:"\e7af"}.entypo-github:before{content:"\f300"}.entypo-github-circled:before{content:"\f301"}.entypo-flickr:before{content:"\f303"}.entypo-flickr-circled:before{content:"\f304"}.entypo-vimeo:before{content:"\f306"}.entypo-vimeo-circled:before{content:"\f307"}.entypo-twitter:before{content:"\f309"}.entypo-twitter-circled:before{content:"\f30a"}.entypo-facebook:before{content:"\f30c"}.entypo-facebook-circled:before{content:"\f30d"}.entypo-facebook-squared:before{content:"\f30e"}.entypo-gplus:before{content:"\f30f"}.entypo-gplus-circled:before{content:"\f310"}.entypo-pinterest:before{content:"\f312"}.entypo-pinterest-circled:before{content:"\f313"}.entypo-tumblr:before{content:"\f315"}.entypo-tumblr-circled:before{content:"\f316"}.entypo-linkedin:before{content:"\f318"}.entypo-linkedin-circled:before{content:"\f319"}.entypo-dribbble:before{content:"\f31b"}.entypo-dribbble-circled:before{content:"\f31c"}.entypo-stumbleupon:before{content:"\f31e"}.entypo-stumbleupon-circled:before{content:"\f31f"}.entypo-lastfm:before{content:"\f321"}.entypo-lastfm-circled:before{content:"\f322"}.entypo-rdio:before{content:"\f324"}.entypo-rdio-circled:before{content:"\f325"}.entypo-spotify:before{content:"\f327"}.entypo-spotify-circled:before{content:"\f328"}.entypo-qq:before{content:"\f32a"}.entypo-instagrem:before{content:"\f32d"}.entypo-dropbox:before{content:"\f330"}.entypo-evernote:before{content:"\f333"}.entypo-flattr:before{content:"\f336"}.entypo-skype:before{content:"\f339"}.entypo-skype-circled:before{content:"\f33a"}.entypo-renren:before{content:"\f33c"}.entypo-sina-weibo:before{content:"\f33f"}.entypo-paypal:before{content:"\f342"}.entypo-picasa:before{content:"\f345"}.entypo-soundcloud:before{content:"\f348"}.entypo-mixi:before{content:"\f34b"}.entypo-behance:before{content:"\f34e"}.entypo-google-circles:before{content:"\f351"}.entypo-vkontakte:before{content:"\f354"}.entypo-smashing:before{content:"\f357"}.entypo-sweden:before{content:"\f601"}.entypo-db-shape:before{content:"\f600"}.entypo-logo-db:before{content:"\f603"} @font-face { font-family: 'acs-icon'; src:url('fonts/acs-icon.eot?j107oj'); src:url('fonts/acs-icon.eot?#iefixj107oj') format('embedded-opentype'), url('fonts/acs-icon.woff?j107oj') format('woff'), url('fonts/acs-icon.ttf?j107oj') format('truetype'), url('fonts/acs-icon.svg?j107oj#acs-icon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'acs-icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:not(.icondd), [class*=" icon-"]:not(.icondd) { line-height: 0; } .icon-lupa:before { content: "\e600"; } .entypo-gauge:before{ content: "\e7a2" } .icon-desassociar:before { content: "\e601"; } .icon-adicionar-widget:before { content: "\e602"; } .icon-configurar-gateway:before { content: "\e603"; } .icon-configurar-ponto:before { content: "\e604"; } .icon-incluir:before { content: "\e605"; } .icon-pause:before { content: "\e606"; } .icon-camera:before { content: "\e607"; } .icon-globo-localizacao:before { content: "\e608"; } .icon-associado:before { content: "\e609"; } .icon-pausado:before { content: "\e60a"; } .icon-mudar-associacao:before { content: "\e60b"; } .icon-lupa2:before { content: "\e60c"; } .icon-desassociar2:before { content: "\e60d"; } .icon-lixeira:before { content: "\e60e"; } .icon-adicionar-redondo:before { content: "\e60f"; } .icon-subtrair-redondo:before { content: "\e610"; } .icon-deletar-redondo:before { content: "\e611"; cursor: pointer; font-size: 15px; } .icon-adicionar-simples:before { content: url('fonts/svg/icon/icon_expand_more.svg'); } .icon-deletar-simples:before { content: "\e613"; } .icon-subtrair-simples:before { content: url('fonts/svg/icon/icon_expand_less.svg'); } .icon-seta-esquerda:before { content: "\e615"; } .icon-seta-direita:before { content: "\e616"; } .icon-seta-cima:before { content: "\e617"; } .icon-seta-baixo:before { content: "\e618"; } .icon-entrada-digital:before { content: "\e619"; } .icon-metro-quadrado:before { content: "\e61a"; } .icon-tarifas:before { content: "\e61b"; } .icon-mais-pontos:before { content: "\e61c"; } .icon-widget_destino:before { content: "\e61d"; } .icon-usurario:before { content: "\e61e"; } .icon-usuarios:before { content: "\e61f"; } .icon-termometro-widget:before { content: "\e620"; } .icon-seta-expandir:before { content: "\e621"; } .icon-saida-digital:before { content: "\e622"; } .icon-relatorios:before { content: "\e623"; } .icon-refresh:before { content: "\e624"; } .icon-rateio-consumo:before { content: "\e625"; } .icon-rateio-componentes:before { content: "\e626"; } .icon-pontos_virtuais:before { content: "\e627"; } .icon-pontos:before { content: "\e628"; } .icon-periodo:before { content: "\e629"; } .icon-grupos:before { content: "\e62a"; } .icon-grupo_pontos:before { content: "\e62b"; } .icon-grupo_email:before { content: "\e62c"; } .icon-graficos-linhas:before { content: "\e62d"; } .icon-graficos:before { content: "\e62e"; } .icon-financeiro:before { content: "\e62f"; } .icon-filtro-temperatura:before { content: "\e630"; } .icon-filtro-energia:before { content: "\e631"; } .icon-filtro-agua:before { content: "\e632"; } .icon-filtro:before { content: "\e633"; } .icon-feed-noticias:before { content: "\e634"; } .icon-fechar:before { content: "\e635"; } .icon-fatura-simulada:before { content: "\e636"; } .icon-estrela-vazia:before { content: "\e637"; } .icon-estrela-cheia:before { content: "\e638"; } .icon-esquerda2:before { content: "\e639"; } .icon-esquerda1:before { content: "\e63a"; } .icon-erro:before { content: "\e63b"; } .icon-empresas:before { content: "\e63c"; } .icon-editar:before { content: "\e63d"; cursor: pointer; } .icon-direita2:before { content: "\e63e"; } .icon-direita1:before { content: "\e63f"; } .icon-detalhes:before { content: "\e640"; } .icon-deletar:before { content: "\e641"; } .icon-dashboard:before { content: "\e642"; } .icon-configuracoes:before { content: "\e643"; } .icon-configuracao:before { content: "\e644"; } .icon-comparar-faturas:before { content: "\e645"; } .icon-chave:before { content: "\e646"; } .icon-camera2:before { content: "\e647"; } .icon-calendario:before { content: "\e648"; } .icon-alarme:before { content: "\e649"; } .icon-admin:before { content: "\e64a"; } .icon-admgateways:before { content: "\e64b"; } .icon-adicionar-colunas:before { content: "\e64c"; } .icon-export-excel:before { content: "\e64c"; } .icon-abservacao:before { content: "\e64d"; } .icon-lista-pontos:before { content: "\e602"; } body{color:#0C2B4B;scrollbar-base-color:#1abc9c;scrollbar-3dlight-color:#1abc9c;scrollbar-highlight-color:#eaeaea;scrollbar-track-color:#eaeaea;scrollbar-arrow-color:#1abc9c;scrollbar-shadow-color:#1abc9c;scrollbar-dark-shadow-color:#1abc9c;} a:not(#sgtLink,#txtfooter){cursor:pointer;} .row{margin:0;} .wbm-head{background-color:#0C2B4B;width:100%;} .wbm-head nav{margin-left:100px;margin-right:100px;} .wbm-container{padding-left:0px;padding-right:0px;width:100%;} .header-mobile{display:none;} /* Header Itens */ #wbm-menu-favoritos{float:left;margin-bottom:3px;} #wbm-menu-favoritos a{font-size:14px;color:#fff;} #wbm-menu-favoritos .star{image-rendering:auto;height:20px;} #wbm-menu-login{float:right;padding:0 25px;} #wbm-menu-login .feed{position:relative;} #wbm-menu-login .feed .icon-feed-noticias{font-size:19px;margin:0 16px 0 5px;vertical-align:middle;color:white;} #wbm-menu-login .feed .contador{border:1px solid #0C2B4B;background-color:white;border-color:#464646;border-radius:50%;position:absolute;font-size:10px;padding:0 2px;right:7px;top:3px;} #wbm-menu-login a{font-size:12px;color:#fff;} #wbm-menu-login .idioma{position:absolute;right:102px;top:-1px;} #wbm-menu-login .idioma .dropdown-menu{min-width:53px;left:-14px;} #wbm-menu-login .idioma.open > .dropdown-menu{margin-top:0px !important;} #wbm-menu-login .bem-vindo{font-size:14px;color:#fff;} #wbm-menu-login .bem-vindo .bold{font-weight:bold;} .wbm-config{overflow-x:auto;overflow-y:hidden;background-color:#b3d4ce;padding-bottom:4px;position:absolute;display:none;width:100%;} .wbm-config .left{padding:10px 10px 0 10px;} .wbm-config .left.favoritos{display:inline-flex;min-width:100%;height:65px;} .wbm-config .left.favoritos .icon,.wbm-config .left.favoritos .descricao{position:relative;text-align:center;width:100px;} .wbm-config .left.favoritos .icon{padding-top:5px;font-size:30px;height:50px;top:-10px;} .wbm-config .left.favoritos .descricao{padding-bottom:5px;line-height:14px;font-weight:800;font-size:11px;height:32px;top:-22px;} .wbm-config .left.favoritos .favorito:hover .icon-deletar-redondo{display:block;} .wbm-config .left.favoritos .favorito{cursor:pointer;} .wbm-config .left.favoritos .favorito:hover .icon,.wbm-config .left.favoritos .favorito:hover .descricao{background-color:#D4F8F2;} .wbm-config .left.favoritos .icon-deletar-redondo{display:none;position:relative;font-size:18px;color:red;left:35px;top:-32px;} .wbm-config .left .logo{border-right:1px solid #419485;padding-right:10px;margin-left:100px;float:left;} .wbm-config .left .logo h1{font-family:Arial,Verdana,sans-serif;font-size:36px;color:#419485;margin:0;} .wbm-config .left .head h1{color:#fff;} .wbm-config .left .slogan{float:left;padding-top:10px;padding-bottom:5px;margin-left:7px;} .wbm-config .left .slogan h2{font-family:Arial,Verdana,sans-serif;font-size:14px;color:#419485;margin:0;} .wbm-config .left .head h2{color:#fff;} .wbm-config .left .slogan h3{font-family:Arial,Verdana,sans-serif;line-height:30px;font-size:12px;color:#419485;margin:0;} .wbm-config .left .head h3{color:#fff;} .wbm-head-logo{background-color:#dadada;display:block;} .wbm-head-logo .right{margin-right:107px;float:right;} .wbm-head-logo .right .modo { font-family: Arial,Verdana,sans-serif; vertical-align: middle; color: #0C2B4B; } .wbm-head-logo .cor-gateways{color:#E5A373;} .wbm-head-logo .cor-operacao{color:#419485;} .wbm-head-logo .menuTotal .cor-operacao, .wbm-head-logo .menuAtual .cor-operacao, .wbm-head-logo .menuTotal .cor-gateways, .wbm-head-logo .menuAtual .cor-gateways, .wbm-head-logo .right .modo .admin{font-weight:700;cursor:pointer;} .wbm-head-logo .menuTotal .cor-operacao.off, .wbm-head-logo .menuTotal .cor-gateways.off, .wbm-head-logo .menuTotal .admin.off{cursor:default;} .wbm-head-logo .right .modo .icon-admin, .wbm-head-logo .right .modo .icon-configurar-gateway{position:relative;font-size:30px;top:7px;} #wbm-header-tab{padding-top:95px;margin-left:100px;margin-right:100px;} #wbm-header-tab .nav-topo .nav-desktop{padding-left:0;margin-bottom:0;} #wbm-header-tab .nav-topo .nav-desktop li{border-radius:6px 6px 0 0;display:inline-block;padding-top:5px;width:12%;height:65px;} #wbm-header-tab .nav-topo .nav-desktop li a{font-size:14px;} #wbm-header-tab .nav-topo .nav-desktop .icon{font-size:34px;color:#419485;} #wbm-header-tab .nav-topo .nav-desktop li span{display:block;text-align:center;} #wbm-header-tab .nav-topo .nav-desktop li:hover{background-color:#1abc9c;border-color:#1abc9c;} #wbm-header-tab .nav-topo .nav-desktop li:hover span, #wbm-header-tab .nav-topo .nav-desktop li:hover a, #wbm-header-tab .nav-topo .nav-desktop li.active a, #wbm-header-tab .nav-topo .nav-desktop li.active .icon{color:white;} #wbm-header-tab .nav-topo .nav-desktop li.active{background-color:#419485;} #wbm-header-tab .nav-topo .nav-desktop li.disabled:hover, li#dashboardMenu.disabled{background:none;} #wbm-header-tab .nav-topo .nav-desktop .disabled .icon{color:#AAAAAA;} #wbm-header-tab .nav-topo .nav-desktop li.disabled span.link{color:#AAAAAA;} #wbm-header-tab .nav-topo .nav-desktop li.disabled a{cursor:default;} #wbm-header-tab .nav-mobile{display:none;} #wbm-header-tab .nav-mobile .btn{text-align:left;width:100%;} #wbm-header-tab .nav-mobile .btn .caret{position:absolute;margin-top:-3px;right:16px;top:50%;} .tooltip-inner{background-color:#1abc9c;} .tooltip.bottom .tooltip-arrow, .tooltip.top .tooltip-arrow{border-bottom-color:#1abc9c;border-top-color:#1abc9c;} .dropdown-inverse{background-color:#419485;} .dropdown-inverse li > a:hover{background-color:#1abc9c;color:#ffffff;} .dropdown-arrow-inverse{display:none;} .dropdown-menu{overflow-y:hidden;width:100%;} .open > .dropdown-menu{margin-top:5px!important;} .margin-top{margin-top:40px;} .tooltip-inner{width:100%;} .modal-header{border-top-left-radius:10px;border-top-right-radius:10px;background-color:#419485;color:white;} .modal-content{border-top-left-radius:15px;border-top-right-radius:15px;} /* Componente DatePicker */ .ui-widget-content{border:2px solid #1abc9c;font-size:12px;color:#419485;width:244px;} .ui-widget-header .ui-icon{background-image: url(jquery/images/ui-icons_acs_256x240.png);} #calendario .btn-default{border-bottom-right-radius:4px;border-top-right-radius:4px;background-color:#CACACA;font-weight:600;color:#656565;} #calendario .btn-default:hover{border-color:#1abc9c;background-color:#cacfd2;} #calendario .btn-default .icon{font-size:1.33em;vertical-align:-20%;line-height:.75em;} #calendario .btn{padding: 5px 15px;} /* Componente DatePicker */ .submenu .row .icon{font-size:1.83em;color:white;float:right;} .submenu .row .btn .icon{font-size:1.33em;vertical-align:-20%;line-height:.75em;color:#656565;} .submenu .form-control{max-width:31%;height:36px;} .submenu .form-control.nav{max-width:113px;} .submenu .calendario.input-group{max-width:170px;float:right;margin-right:20px;} .submenu .calendario.input-group input{} .submenu .calendario.input-group button{margin-left:-5px;padding:11px 15px 10px;} .submenu .btn .filter-option{top:7px;} #wbm-header-tab .info{font-size: 12px;color:#BABABA;float:right;padding:2px 0 2px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%;} .info .glyphicon-folder-close{margin-right:3px;} #wbm-header-tab #leftInfo{float:left;} #wbm-container{margin:0 auto 95px;width:1200px;} ::-webkit-scrollbar{width:8px; height: 8px;} ::-webkit-scrollbar-track { scrollbar-base-color: #eaeaea; background-color: transparent; } footer { background-color: #0C2B4B; position: fixed; bottom: 0; display:block; height: 32px; width: 100%; z-index: 1; padding: 8px 16px 8px; } footer a { font-size: 12px; float: right; color: #C5CED5; margin-top: 1px; } footer .version{font-size:11px;color:#fff;margin:2px 0 0 5px;} .well-custom{background-color:#F5F5F5;border:1px solid #E3E3E3;border-radius:4px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.05) inset;margin-bottom:20px;min-height:20px;padding:5px 5px 5px 10px;} .well-custom #form-empresa-01 .radio-inline{cursor:pointer;font-size:12px;font-weight:normal;} .modal-header{background-color:#1abc9c;} .modal-title {color: #434343;font-size:14px;font-weight: 600;} #themeText{color:#1ABC9C;} .themeText{color: #1ABC9C;} .warnning{font-weight:bold;background-color:rgba(254, 244, 246, 1);border:solid 2px red;color:#666;} .warnning[placeholder]{font-weight:bold;background-color:rgba(254, 244, 246, 1);border:solid 2px red;color:#666;} .ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:90vw;} .noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .selectable{-webkit-touch-callout:initial;-webkit-user-select:initial;-khtml-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:initial;} /*#wbm-container .page-header-custom{padding-bottom:14px;border-bottom:1px solid #E7E9EC;margin:20px 0px 30px;}*/ #wbm-container .page-header-custom{padding-bottom:0px;border-bottom:1px solid gray;margin:20px 0px 30px;} /* Subtipos */ #divEdit table .img-filtro-gas, #divEdit table .img-filtro-reservatorio{margin-right:2px;} .icon-map:before { content: url('fonts/svg/icon/icon_map.svg'); } .icon-calendar-view-day:before { content: url('fonts/svg/icon/calendar_view_day.svg'); } .icon-bar-chart:before { content: url('fonts/svg/icon/bar_chart.svg'); } .icon-library-books:before { /*content: "\e623";*/ content: url('fonts/svg/icon/library_books.svg'); } .icon-alarm:before { content: url(fonts/svg/icon/alarm.svg); } .icon-monetization-on:before { /*content: "\e62f";*/ content: url('fonts/svg/icon/monetization_on.svg'); } .icon-settings:before { content: url(fonts/svg/icon/settings.svg); } .icon-filter-alt:before { content: url('fonts/svg/icon/icon_filter_alt.svg') } .icon-mode-comment:before { content: url('fonts/svg/icon/icon_mode_comment.svg') } .icon-engineering:before { content: url('fonts/svg/icon/icon_engineering.svg') } /*.icon-router:before { content: url('fonts/svg/icon/router.svg'); }*/ .icon-arrow-back:before { content: url('fonts/svg/icon/icon_arrow_back.svg'); } .icon-list { font-size: 18px !important; vertical-align: sub; } .filter-icon { Border-left: 0px white solid; Border-right: 0px white solid; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px !important; } .icon-router { font-size: 18px !important; vertical-align: middle; } .icon-back { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px !important; } html { color: #000; background: #FFF; overflow-x: hidden; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0 } table { border-collapse: collapse; border-spacing: 0 } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal } ol, ul { list-style: none } caption, th { text-align: left } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal } q:before, q:after { content: '' } abbr, acronym { border: 0; font-variant: normal } sup { vertical-align: text-top } sub { vertical-align: text-bottom } input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit } input, textarea, select { *font-size: 100% } p.flag_portuguese { background-image: url(../images/footer/BR.svg); height: 16px; width: 16px; margin-top: -1px; display: block; cursor: pointer; } p.flag_english { background-image: url(../images/footer/EN.svg); height: 16px; width: 16px; margin-top: -1px; display: block; cursor: pointer; } p.flag_espanish { background-image: url(../images/footer/ES.svg); height: 16px; width: 16px; margin-top: -1px; display: block; cursor: pointer; } span#suggestionLink:hover { color: white !important; } a#sgtLink { z-index: -1; position: relative; left: 40px; bottom: 44px; width: 20px; height: 20px; } legend { color: #000 } #yui3-css-stamp.cssreset { display: none } [class*="entypo-"]:before { font-family: 'entypo', sans-serif; margin-left: 3px; } #header-of-all * { font-family: "Lato", Myriad, Arial, sans-serif; } .wrapper { width: 1200px; margin: 0 auto; } .posrel { position: relative } .ftr { float: right } .ftl { float: left } .textBoxFotter { display: flex; margin-left: 5px; align-items: center; margin: 0 16px 0 16px; } .textBoxMarginCenter { font-size: 14px; margin-left: 5px; transform: translateY(2px); } .labelTextBox { font-size: 14px; transform: translateY(2px); } .bld { font-weight: 700; } .blk { display: block; } .tools i { cursor: pointer; } #overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 10000; background: #464646; opacity: 0.5; } #overlay img { position: fixed; top: 50%; left: 50%; margin: -33px 0 0 -33px; } .loader-dash { position: relative; top: 50%; left: 50%; margin: -33px 0 0 -33px; } .icon:before, .icon:after { font-family: 'acs-icon'; font-style: normal; } .first-icon:before, .first-icon:after, .second-icon:before, .second-icon:after { font-family: "Flat-UI-Icons"; } .glyphicon:before, .glyphicon:after { font-family: 'Glyphicons Halflings'; } .hidden { visibility: hidden; display: none } .fa:before, .fa:after, .fa, .fa.icon { /*font: normal normal normal 14px/1 'FontAwesome';*/ font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-weight: bold; font-stretch: normal; font-size: 14px; line-height: 1; font-family: "Font Awesome 5 Free"; } .wi:before, .wi:after, .wi, .wi.icon { font: normal normal normal 18px/1 'weathericons'; } .wi.wi-sign-in { -moz-transform: rotateY(180deg); -ms-transform: rotate(180deg); -o-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .wi.wi-sign-in span { -moz-transform: rotateY(180deg); -ms-transform: rotate(180deg); -o-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); display: block; float: left; margin-top: 3px; text-align: center; margin-left: 10px; } .color-default { color: #1abc9c; } .modal { overflow: auto; overflow-y: auto; } .upper { text-transform: uppercase; } /****************** ** Header of All ** ******************/ body { margin-top: 116px; background: transparent; } i.material-symbols-outlined { font-family: 'Material Symbols Outlined' !important; } i.font-size-icon { font-size: 18px !important; } #tabela-normal-users .tools a:hover span, #tabela-normal-users .tools a:hover i, i.material-symbols-outlined:hover { color: #007ACD !important; } #header-of-all { background: #ffffff; color: #000; position: fixed; z-index: 60; width: 100%; top: 0; } #header-of-all .opts { width: 100%; height: 32px !important; padding: 8px 16px 5px; background: #0C2B4B; clear: both; } #header-of-all .opts a { text-decoration: none; color: #ccc; line-height: 14px; margin-right: 10px; } #header-of-all .opts a.m-light:hover { text-shadow: 0px 0px 9px #FFF; } #header-of-all .opts div.m-light:hover { text-shadow: 0px 0px 9px #FFF; } #header-of-all .opts span.user-name { text-decoration: none; color: #ccc; line-height: 18px; } #header-of-all .opts span.user-name:hover { text-shadow: 0px 0px 9px #FFF; } #header-of-all .opts .favorite { position: relative; } #header-of-all .opts .favorite .fav-t:hover { cursor: pointer; } #header-of-all .opts .favorite .fav-t em { } #header-of-all .opts .favorite .fav-t span { padding-left: 5px; display: block; float: left; text-decoration: none; font-size: 14px; margin-top: 2px; } #header-of-all .opts .favorite .fav-t em:before { font-size: 18px; } #header-of-all .opts .favorite .fav-t em.fl:before { content: "\e638"; } #header-of-all .opts form { display: block; position: relative; margin-top: -7px; transform: translateX(-6px); } #header-of-all .opts form.mobile-s { display: none; } #header-of-all .opts form:hover { cursor: pointer; } #header-of-all .opts form em { position: absolute; } #header-of-all .opts form em:hover { text-shadow: 0px 0px 9px #FFF; } #header-of-all .opts form em.open:before { color: #C5CED5; font-size: 18px; padding: 1px 1px 5px; background: #0C2B4B; } #header-of-all .opts form em.limp { right: 3px; top: 5px; } #header-of-all .opts form em.limp:before { content: "\e613"; color: #0C2B4B; font-size: 15px; } #header-of-all .opts form em.busc { left: 1px; right: initial; top: 4px; } #header-of-all .opts form em.busc:before { content: "\e60c"; color: #C5CED5; font-size: 15px; display: flex; margin-top: -32px; } #header-of-all .opts .search { padding-left: 20px; width: 20px; height: 20px; border: 0 none; font-size: 12.5px; color: #0C2B4B !important; background: none; margin-top: 7px; } #header-of-all .opts .search:focus { border: none; outline: none; } #btnRefresh { position: relative; cursor: pointer; font-size: 16px; min-width: 28px; bottom: 1px; } #btnRefresh:hover { text-shadow: 0px 0px 9px #FFF; } #btnRefresh .fa-times { position: relative; color: #C5CED5; width: 14px; bottom: 9px; right: 2px; } #btnRefresh .fa-times:before { font-size: 14px !important; } #btnRefresh .fa-check { position: relative; font-size: 12px; color: #C5CED5; bottom: 9px; right: 5px; } #alarms tbody tr td section.fa.img-filtro-reservatorio { margin-left: 5px; margin-right: 4px; vertical-align: text-top; } #alarms tbody tr td section.fa.img-filtro-gas { margin-left: 5px; margin-right: 6px; vertical-align: text-top; } #alarms tbody tr td section.icon.icon-configuracao { margin-left: 3px; margin-right: 4px; vertical-align: text-top; } footer .flag-lang { width: 16px; height: 16px; display: block; margin: 2px 4px 0 16px; } footer .flag-lang img { border-radius: 10px; float: left; margin-top: -2px; } footer .flag-lang img:hover { cursor: pointer; } footer .flag-lang ul { display: none; position: relative; z-index: 80; padding: 10px 5px; background: #0C2B4B; width: 130px; bottom: 132px; left: -109px; list-style: none; } footer .flag-lang ul li { margin-bottom: 15px; clear: both; height: 16px; } footer .flag-lang ul li:last-child { margin-bottom: 0; } footer .flag-lang ul li span { color: #FFF; font-size: 12px; float: left; width: 90px; text-align: right; margin-right: 14px; line-height: 16px; } #header-of-all .opts .user-name { color: #CCCCCC; float: left; font-size: 12px; margin-top: -1px; margin-right: 2px; display: block; cursor: pointer; } #header-of-all .opts .news-i { position: relative; } #header-of-all .opts .news-i:before { font-size: 22px; margin: 0 15px; display: block; position: relative; z-index: 11; } #header-of-all .opts .news-i span { width: 11px; height: 10px; padding: 0px 0; transform: translateX(9px); border-radius: 9px; display: block; font-size: 10px; z-index: 12; position: absolute; top: 0; border: 2px solid #9dadb8; right: 7px; text-align: center; line-height: 13px; color: darkred; } #header-of-all .opts .news-i span { animation: blink 1s step-end infinite; -webkit-animation: blink 1s step-end infinite; -moz-animation: blink 1s step-end infinite; } #header-of-all .opts .news-i span.followEnergy_green { animation: blink-followEnergy_green 1s step-end infinite; -webkit-animation: blink-followEnergy_green 1s step-end infinite; -moz-animation: blink-followEnergy_green 1s step-end infinite; } #header-of-all .opts .news-i span.desktop_darkred { animation: blink-desktop_darkred 1s step-end infinite; -webkit-animation: blink-desktop_darkred 1s step-end infinite; -moz-animation: blink-desktop_darkred 1s step-end infinite; } #header-of-all .opts .news-i span.wine { animation: blink-wine 1s step-end infinite; -webkit-animation: blink-wine 1s step-end infinite; -moz-animation: blink-wine 1s step-end infinite; } #header-of-all .opts .news-i span.blue_plus { animation: blink-blue_plus 1s step-end infinite; -webkit-animation: blink-blue_plus 1s step-end infinite; -moz-animation: blink-blue_plus 1s step-end infinite; } #header-of-all .opts .news-i span.light_blue { animation: blink-light_blue 1s step-end infinite; -webkit-animation: blink-light_blue 1s step-end infinite; -moz-animation: blink-light_blue 1s step-end infinite; } #header-of-all .opts .news-i span.green_blue { animation: blink-green_blue 1s step-end infinite; -webkit-animation: blink-green_blue 1s step-end infinite; -moz-animation: blink-green_blue 1s step-end infinite; } #header-of-all .opts .news-i span.light_purple { animation: blink-light_purple 1s step-end infinite; -webkit-animation: blink-light_purple 1s step-end infinite; -moz-animation: blink-light_purple 1s step-end infinite; } #header-of-all .opts .icon-usurario span { width: 16px; height: 16px; padding: 2px 0; background: #26B854; border: 1px solid #464646; border-radius: 9px; display: block; font-size: 8px; z-index: 12; position: relative; top: -20px; left: 8px; text-align: center; line-height: 12px; color: #FFF; animation: blinkUser 1s step-end infinite; -webkit-animation: blinkUser 1s step-end infinite; -moz-animation: blinkUser 1s step-end infinite; } @-webkit-keyframes blinkUser { 0% { background-color: #26B854; } 50% { background-color: #216737; } } @keyframes blinkUser { 0% { background-color: #26B854; } 50% { background-color: #216737; } } @-webkit-keyframes blink { 0% { background: #0C2B4B; } 50% { background: linear-gradient( 135deg, #00aaff 0%, #23d2b5 100%); } } @keyframes blink { 0% { background: transparent; border: none; } 50% { background: linear-gradient( 135deg, #00aaff 0%, #23d2b5 100%); border: 2px solid #9dadb8; } } @-webkit-keyframes blink-followEnergy_green { 0% { background-color: #1abc9c; } 50% { background-color: #DCDCDC; } } @keyframes blink-followEnergy_green { 0% { background-color: #1abc9c; } 50% { background-color: #DCDCDC; } } @-webkit-keyframes blink-desktop_darkred { 0% { background-color: #ED1B24; } 50% { background-color: #DCDCDC; } } @keyframes blink-desktop_darkred { 0% { background-color: #ED1B24; } 50% { background-color: #DCDCDC; } } @-webkit-keyframes blink-wine { 0% { background-color: #9B3422; } 50% { background-color: #DCDCDC; } } @keyframes blink-wine { 0% { background-color: #9B3422; } 50% { background-color: #DCDCDC; } } @-webkit-keyframes blink-blue_plus { 0% { background-color: #0077F9; } 50% { background-color: #DCDCDC; } } @keyframes blink-blue_plus { 0% { background-color: #0077F9; } 50% { background-color: #DCDCDC; } } @-webkit-keyframes blink-light_blue { 0% { background-color: #304B7A; } 50% { background-color: #DCDCDC; } } @keyframes blink-light_blue { 0% { background-color: #304B7A; } 50% { background-color: #DCDCDC; } } @-webkit-keyframes blink-green_blue { 0% { background-color: #00728c; } 50% { background-color: #DCDCDC; } } @keyframes blink-green_blue { 0% { background-color: #00728c; } 50% { background-color: #DCDCDC; } } @-webkit-keyframes blink-light_purple { 0% { background-color: #7485F6; } 50% { background-color: #DCDCDC; } } @keyframes blink-light_purple { 0% { background-color: #7485F6; } 50% { background-color: #DCDCDC; } } @-webkit-keyframes blinkAlarme { 0% { background-color: #F0BA00; } 50% { background-color: #ED1C24; } } @keyframes blinkAlarme { 0% { background-color: #F0BA00; } 50% { background-color: #ED1C24; } } #alarms_wrapper #alarms > tbody > tr > td.alarme-grandeza-semcomunicacaocomservidor.blink_alarme { animation: blinkSemComunicacaoServidor 1s step-end infinite; -webkit-animation: blinkSemComunicacaoServidor 1s step-end infinite; -moz-animation: blinkSemComunicacaoServidor 1s step-end infinite; } #alarms_wrapper #alarms > tbody > tr > td.alarme-grandeza-falhadeleituranogateway.blink_alarme { animation: blinkFalhaLeitura 1s step-end infinite; -webkit-animation: blinkFalhaLeitura 1s step-end infinite; -moz-animation: blinkFalhaLeitura 1s step-end infinite; } #alarms_wrapper #alarms > tbody > tr > td.alarme-grandeza-outros.blink_alarme { animation: blinkOutros 1s step-end infinite; -webkit-animation: blinkOutros 1s step-end infinite; -moz-animation: blinkOutros 1s step-end infinite; } @-webkit-keyframes blinkSemComunicacaoServidor { 0% { background: #F0BA00; } 50% { background: white; } } @keyframes blinkSemComunicacaoServidor { 0% { background: #F0BA00; } 50% { background: white; } } @-webkit-keyframes blinkFeed { 0% { color: #9dadb8; } 50% { color: #CCC; } } @keyframes blinkFeed { 0% { color: #9dadb8; } 50% { color: #CCC; } } @-webkit-keyframes blinkFeed-followEnergy_green { 0% { color: #1abc9c; } 50% { color: #CCC; } } @keyframes blinkFeed-followEnergy_green { 0% { color: #1abc9c; } 50% { color: #CCC; } } @-webkit-keyframes blinkFeed-desktop_darkred { 0% { color: #ED1B24; } 50% { color: #CCC; } } @keyframes blinkFeed-desktop_darkred { 0% { color: #ED1B24; } 50% { color: #CCC; } } @-webkit-keyframes blinkFeed-wine { 0% { color: #9B3422; } 50% { color: #CCC; } } @keyframes blinkFeed-wine { 0% { color: #9B3422; } 50% { color: #CCC; } } @-webkit-keyframes blinkFeed-blue_plus { 0% { color: #0077F9; } 50% { color: #CCC; } } @keyframes blinkFeed-blue_plus { 0% { color: #0077F9; } 50% { color: #CCC; } } @-webkit-keyframes blinkFeed-light_blue { 0% { color: #304B7A; } 50% { color: #CCC; } } @keyframes blinkFeed-light_blue { 0% { color: #304B7A; } 50% { color: #CCC; } } @-webkit-keyframes blinkFeed-green_blue { 0% { color: #00728c; } 50% { color: #CCC; } } @keyframes blinkFeed-green_blue { 0% { color: #00728c; } 50% { color: #CCC; } } @-webkit-keyframes blinkFeed-light_purple { 0% { color: #7485F6; } 50% { color: #CCC; } } @keyframes blinkFeed-light_purple { 0% { color: #7485F6; } 50% { color: #CCC; } } #tbDefAlarms thead tr th.alarme-grandeza-semcomunicacaocomservidor { animation: blinkSemComunicacaoServidor 1s step-end infinite; -webkit-animation: blinkSemComunicacaoServidor 1s step-end infinite; -moz-animation: blinkSemComunicacaoServidor 1s step-end infinite; } @-webkit-keyframes blinkFalhaLeitura { 0% { background: #A349A4; } 50% { background: white; } } @keyframes blinkFalhaLeitura { 0% { background: #A349A4; } 50% { background: white; } } #tbDefAlarms thead tr th.alarme-grandeza-falhadeleituranogateway { animation: blinkFalhaLeitura 1s step-end infinite; -webkit-animation: blinkFalhaLeitura 1s step-end infinite; -moz-animation: blinkFalhaLeitura 1s step-end infinite; } @-webkit-keyframes blinkOutros { 0% { background: #ED1C24; } 50% { background: white; } } @keyframes blinkOutros { 0% { background: #ED1C24; } 50% { background: white; } } #tbDefAlarms thead tr th.alarme-grandeza-outros { animation: blinkOutros 1s step-end infinite; -webkit-animation: blinkOutros 1s step-end infinite; -moz-animation: blinkOutros 1s step-end infinite; } #header-of-all .opts .quit { font-size: 14px; margin-top: 2px; } #header-of-all .opts .change-passwd { } #header-of-all .opts .change-passwd span { } #header-of-all .opts .change-passwd:before { content: "\e646"; margin: 0 15px 0 15px; display: block; } #header-of-all .opts .username { font-size: 14px; margin-top: 1px; margin-right: 20px; } #header-of-all .opts .username .icon-usurario { font-size: 18px; vertical-align: -19%; margin-right: 5px; } #header-of-all #userMode.most { display: block; } #header-of-all #userMode { background: #0C2B4B; position: absolute; right: 0px; z-index: 11; top: 29px; padding: 5px 10px; width: 210px; display: none; } #header-of-all .navMenu-ul { list-style-type: none; padding: 0; margin: 0; background-color: #173A5E; width: 250px; } #header-of-all .navMenu-ul li { display: flex; align-items: center; } #header-of-all .navMenu-ul li:not(.navMenu-divider) { height: 40px; } #header-of-all .navMenu-ul li div { width: 100%; display: flex; align-items: center; padding: 4px; } #header-of-all .navMenu-ul li div a { color: #fff; text-decoration: none; display: flex; align-items: center; width: 100%; } #header-of-all .navMenu-ul li:hover { background-color: #1A4A72; } #header-of-all .navMenu-ul li div a i, #header-of-all .navMenu-ul li div a svg { margin-right: 10px; margin-left: 0px !important; width: 24px; fill: white; } #header-of-all .navMenu-divider { height: 1px; background-color: #ccc; margin: 10px 0; width: 100%; } #header-of-all #userMode li { } #header-of-all #userMode li a { font-size: 14px; font-weight: 400; } #header-of-all #userMode li .m-highlight { margin-left: 5px; font-size: 14px; margin-top: 0px; color: #CCC; cursor: pointer; } #header-of-all #userMode li a.m-divisory { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; height: 45px; } #header-of-all #userMode li a.m-username2 { font-size: 9px; visibility: hidden; } #header-of-all #userMode li a.m-resolution { font-size: 9px; text-align: center; } #header-of-all .m-top-interaction { margin-right: 10px; } /*inbox feeds*/ #tutorials-md { position: absolute; top: 29px; right: 10px; width: 350px; max-height: 600px; background: #0C2B4B; z-index: 77; font-size: 14px; color: #cccccc; display: none; } #tutorials-md li { background-color: rgba(124, 124, 124, 0.4); } #tutorials-md li#santanderHelp:hover { /*background-color: rgba(230, 230, 230 , 0.4);*/ text-shadow: 0px 0px 9px #FFF; } #tutorials-md li#tutoHelp:hover { /*background-color: rgba(230, 230, 230 , 0.4);*/ text-shadow: 0px 0px 9px #FFF; } #feeds-md { position: absolute; top: 29px; right: 0px; width: 450px; max-height: 600px; background: #0C2B4B; color: #0C2B4B; z-index: 77; display: none; border-right-width: 5px; border-right-style: solid; } #feeds-md .pointbox { position: absolute; top: -19px; right: 80px; } #feeds-md .pointbox:after { border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 20px solid #2C2C2C; height: 0; display: block; content: ""; } #feeds-md a.ced { font-size: 14px; font-weight: 400; color: #BABABA; width: 33%; } #feeds-md a.ced.actived { color: #FFF; } #feeds-md a.ced.inb { margin-left: 5px; } #feeds-md a.ced.inb:before { font-size: 18px; margin-right: 4px; vertical-align: -12%; } #feeds-md .inbox li.hasAnimation i.fa-envelope { animation: blinkFeed 1s step-end infinite; -webkit-animation: blinkFeed 1s step-end infinite; -moz-animation: blinkFeed 1s step-end infinite; } #feeds-md .inbox li.hasAnimation.followEnergy_green i.fa-envelope { animation: blinkFeed-followEnergy_green 1s step-end infinite; -webkit-animation: blinkFeed-followEnergy_green 1s step-end infinite; -moz-animation: blinkFeed-followEnergy_green 1s step-end infinite; } #feeds-md .inbox li.hasAnimation.desktop_darkred i.fa-envelope { animation: blinkFeed-desktop_darkred 1s step-end infinite; -webkit-animation: blinkFeed-desktop_darkred 1s step-end infinite; -moz-animation: blinkFeed-desktop_darkred 1s step-end infinite; } #feeds-md .inbox li.hasAnimation.wine i.fa-envelope { animation: blinkFeed-wine 1s step-end infinite; -webkit-animation: blinkFeed-wine 1s step-end infinite; -moz-animation: blinkFeed-wine 1s step-end infinite; } #feeds-md .inbox li.hasAnimation.blue_plus i.fa-envelope { animation: blinkFeed-blue_plus 1s step-end infinite; -webkit-animation: blinkFeed-blue_plus 1s step-end infinite; -moz-animation: blinkFeed-blue_plus 1s step-end infinite; } #feeds-md .inbox li.hasAnimation.light_blue i.fa-envelope { animation: blinkFeed-light_blue 1s step-end infinite; -webkit-animation: blinkFeed-light_blue 1s step-end infinite; -moz-animation: blinkFeed-light_blue 1s step-end infinite; } #feeds-md .inbox li.hasAnimation.green_blue i.fa-envelope { animation: blinkFeed-green_blue 1s step-end infinite; -webkit-animation: blinkFeed-green_blue 1s step-end infinite; -moz-animation: blinkFeed-green_blue 1s step-end infinite; } #feeds-md .inbox li.hasAnimation.light_purple i.fa-envelope { animation: blinkFeed-light_purple 1s step-end infinite; -webkit-animation: blinkFeed-light_purple 1s step-end infinite; -moz-animation: blinkFeed-light_purple 1s step-end infinite; } #feeds-md a.ced.inb:before, #feeds-md a.ced.arq:before, #feeds-md a.ced.lix:before { color: #CCC; } #feeds-md a.ced.inb.actived:before, #feeds-md a.ced.arq.actived:before, #feeds-md a.ced.lix.actived:before, #feeds-md .inbox li .fa-envelope-open, #feeds-md .inbox li .icon-lixeira { color: #C5CED5; } #FeedModalView .modal-footer button.btn.btn-default.btn-garbage i.icon-lixeira, #FeedModalView .modal-footer button.btn.btn-default.btn-print i.fa-print, #FeedModalView .modal-footer button.btn.btn-default.btn-inbox i.fa-envelope, #FeedModalView .modal-footer button.btn.btn-default.btn-file i.fa-envelope-open, #FeedModalView .modal-footer button.btn.btn-default.btn-delete i.fa-times { color: #C5CED5; } #feeds-md .black .btn-close.fa-times { border-color: #CCC; background-color: #CCC; } #feeds-md .inbox li .fa-envelope-open.followEnergy_green:before, #feeds-md .inbox li .icon-lixeira.followEnergy_green:before, #FeedModalView .modal-footer button.btn.btn-default.btn-garbage.followEnergy_green i.icon-lixeira, #FeedModalView .modal-footer button.btn.btn-default.btn-print.followEnergy_green i.fa-print, #FeedModalView .modal-footer button.btn.btn-default.btn-inbox.followEnergy_green i.fa-envelope, #FeedModalView .modal-footer button.btn.btn-default.btn-file.followEnergy_green i.fa-envelope-open, #FeedModalView .modal-footer button.btn.btn-default.btn-delete.followEnergy_green i.fa-times { color: #1ABC9C; } #feeds-md a.ced.inb.actived.followEnergy_green:before, #feeds-md a.ced.arq.actived.followEnergy_green:before, #feeds-md a.ced.lix.actived.followEnergy_green:before { color: #1ABC9C; } #feeds-md a.ced.inb.followEnergy_green:before, #feeds-md a.ced.arq.followEnergy_green:before, #feeds-md a.ced.lix.followEnergy_green:before { color: #CCC; } #feeds-md .black .btn-close.fa-times.followEnergy_green { border-color: #79ecd5; background-color: #79ecd5; } #feeds-md .inbox li .fa-envelope-open.desktop_darkred:before, #feeds-md .inbox li .icon-lixeira.desktop_darkred:before, #FeedModalView .modal-footer button.btn.btn-default.btn-garbage.desktop_darkred i.icon-lixeira, #FeedModalView .modal-footer button.btn.btn-default.btn-print.desktop_darkred i.fa-print, #FeedModalView .modal-footer button.btn.btn-default.btn-inbox.desktop_darkred i.fa-envelope, #FeedModalView .modal-footer button.btn.btn-default.btn-file.desktop_darkred i.fa-envelope-open, #FeedModalView .modal-footer button.btn.btn-default.btn-delete.desktop_darkred i.fa-times { color: #ED1B24; } #feeds-md a.ced.inb.actived.desktop_darkred:before, #feeds-md a.ced.arq.actived.desktop_darkred:before, #feeds-md a.ced.lix.actived.desktop_darkred:before { color: #ED1B24; } #feeds-md a.ced.inb.desktop_darkred:before, #feeds-md a.ced.arq.desktop_darkred:before, #feeds-md a.ced.lix.desktop_darkred:before { color: #CCC; } #feeds-md .black .btn-close.fa-times.desktop_darkred { border-color: #f79b9f; background-color: #f79b9f; } #feeds-md .inbox li .fa-envelope-open.wine:before, #feeds-md .inbox li .icon-lixeira.wine:before, #FeedModalView .modal-footer button.btn.btn-default.btn-garbage.wine i.icon-lixeira, #FeedModalView .modal-footer button.btn.btn-default.btn-print.wine i.fa-print, #FeedModalView .modal-footer button.btn.btn-default.btn-inbox.wine i.fa-envelope, #FeedModalView .modal-footer button.btn.btn-default.btn-file.wine i.fa-envelope-open, #FeedModalView .modal-footer button.btn.btn-default.btn-delete.wine i.fa-times { color: #9B3422; } #feeds-md a.ced.inb.actived.wine:before, #feeds-md a.ced.arq.actived.wine:before, #feeds-md a.ced.lix.actived.wine:before { color: #9B3422; } #feeds-md a.ced.inb.wine:before, #feeds-md a.ced.arq.wine:before, #feeds-md a.ced.lix.wine:before { color: #CCC; } #feeds-md .black .btn-close.fa-times.wine { border-color: #e69d91; background-color: #e69d91; } #feeds-md .inbox li .fa-envelope-open.blue_plus:before, #feeds-md .inbox li .icon-lixeira.blue_plus:before, #FeedModalView .modal-footer button.btn.btn-default.btn-garbage.blue_plus i.icon-lixeira, #FeedModalView .modal-footer button.btn.btn-default.btn-print.blue_plus i.fa-print, #FeedModalView .modal-footer button.btn.btn-default.btn-inbox.blue_plus i.fa-envelope, #FeedModalView .modal-footer button.btn.btn-default.btn-file.blue_plus i.fa-envelope-open, #FeedModalView .modal-footer button.btn.btn-default.btn-delete.blue_plus i.fa-times { color: #0077F9; } #feeds-md a.ced.inb.actived.blue_plus:before, #feeds-md a.ced.arq.actived.blue_plus:before, #feeds-md a.ced.lix.actived.blue_plus:before { color: #0077F9; } #feeds-md a.ced.inb.blue_plus:before, #feeds-md a.ced.arq.blue_plus:before, #feeds-md a.ced.lix.blue_plus:before { color: #CCC; } #feeds-md .black .btn-close.fa-times.blue_plus { border-color: #7dbbff; background-color: #7dbbff; } #feeds-md .inbox li .fa-envelope-open.light_blue:before, #feeds-md .inbox li .icon-lixeira.light_blue:before, #FeedModalView .modal-footer button.btn.btn-default.btn-garbage.light_blue i.icon-lixeira, #FeedModalView .modal-footer button.btn.btn-default.btn-print.light_blue i.fa-print, #FeedModalView .modal-footer button.btn.btn-default.btn-inbox.light_blue i.fa-envelope, #FeedModalView .modal-footer button.btn.btn-default.btn-file.light_blue i.fa-envelope-open, #FeedModalView .modal-footer button.btn.btn-default.btn-delete.light_blue i.fa-times { color: #304B7A; } #feeds-md a.ced.inb.actived.light_blue:before, #feeds-md a.ced.arq.actived.light_blue:before, #feeds-md a.ced.lix.actived.light_blue:before { color: #304B7A; } #feeds-md a.ced.inb.light_blue:before, #feeds-md a.ced.arq.light_blue:before, #feeds-md a.ced.lix.light_blue:before { color: #CCC; } #feeds-md .black .btn-close.fa-times.light_blue { border-color: #7897c9; background-color: #7897c9; } #feeds-md .inbox li .fa-envelope-open.green_blue:before, #feeds-md .inbox li .icon-lixeira.green_blue:before, #FeedModalView .modal-footer button.btn.btn-default.btn-garbage.green_blue i.icon-lixeira, #FeedModalView .modal-footer button.btn.btn-default.btn-print.green_blue i.fa-print, #FeedModalView .modal-footer button.btn.btn-default.btn-inbox.green_blue i.fa-envelope, #FeedModalView .modal-footer button.btn.btn-default.btn-file.green_blue i.fa-envelope-open, #FeedModalView .modal-footer button.btn.btn-default.btn-delete.green_blue i.fa-times { color: #00728C; } #feeds-md a.ced.inb.actived.green_blue:before, #feeds-md a.ced.arq.actived.green_blue:before, #feeds-md a.ced.lix.actived.green_blue:before { color: #00728C; } #feeds-md a.ced.inb.green_blue:before, #feeds-md a.ced.arq.green_blue:before, #feeds-md a.ced.lix.green_blue:before { color: #CCC; } #feeds-md .black .btn-close.fa-times.green_blue { border-color: #9dbec4; background-color: #9dbec4; } #feeds-md .inbox li .fa-envelope-open.light_purple:before, #feeds-md .inbox li .icon-lixeira.light_purple:before, #FeedModalView .modal-footer button.btn.btn-default.btn-garbage.light_purple i.icon-lixeira, #FeedModalView .modal-footer button.btn.btn-default.btn-print.light_purple i.fa-print, #FeedModalView .modal-footer button.btn.btn-default.btn-inbox.light_purple i.fa-envelope, #FeedModalView .modal-footer button.btn.btn-default.btn-file.light_purple i.fa-envelope-open, #FeedModalView .modal-footer button.btn.btn-default.btn-delete.light_purple i.fa-times { color: #7485F6; } #feeds-md a.ced.inb.actived.light_purple:before, #feeds-md a.ced.arq.actived.light_purple:before, #feeds-md a.ced.lix.actived.light_purple:before { color: #7485F6; } #feeds-md a.ced.inb.light_purple:before, #feeds-md a.ced.arq.light_purple:before, #feeds-md a.ced.lix.light_purple:before { color: #CCC; } #feeds-md .black .btn-close.fa-times.light_purple { border-color: #d5ddf7; background-color: #d5ddf7; } #feeds-md a.ced.arq { text-align: center; vertical-align: middle; } #feeds-md a.ced.arq:before { font-size: 16px; margin-right: 4px; vertical-align: -5%; } #feeds-md a.ced.lix, #FeedModalView .modal-footer button.btn.btn-default.btn-garbage { text-align: right; } #feeds-md a.ced.lix:before { font-size: 18px; margin-right: 4px; vertical-align: -12%; } #feeds-md .int-ovf { max-height: 420px; overflow-y: scroll; overflow-x: hidden; } #feeds-md .inbox li { width: 330px; margin: 0 10px; height: 32px; margin-bottom: 1px; background: #0C2B4B; padding: 4px 0; } #feeds-md .inbox li:hover .icon-lixeira { opacity: 1 } #feeds-md .inbox li .fa-envelope-open { margin: 0 10px 0 5px; vertical-align: top; } #feeds-md .inbox li .icon-grupo_email, #feeds-md .inbox li .fa-envelope { margin: 0 10px 0 5px; vertical-align: top; } #feeds-md .inbox li .icon-grupo_email.ftr, #feeds-md .inbox li .fa-envelope.ftr { padding-top: 1px; } #feeds-md .inbox li .tit-feed { vertical-align: 19%; font-size: 14px; font-weight: 700; } #feeds-md .inbox li .tit-feed .timeof { font-size: 10px; font-weight: 400; } #feeds-md .inbox li .tit-feed .feed-title { width: 18em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; vertical-align: text-bottom; } #feeds-md .inbox li .tit-feed .timeof:before { content: " - "; } #feeds-md .inbox li .icon-lixeira { margin-right: 5px; margin-left: 3px; padding-top: 1px; /*opacity: 0; display: none;*/ } #feeds-md .inbox li .icon-lixeira span { display: none; } #feeds-md .inbox li.viewed { background: #0C2B4B; } #feeds-md .inbox li.viewed .icon-grupo_email:before, #feeds-md .inbox li.viewed.archive .icon-grupo_email.ftr:before { /*content: url(../images/open-letter-feeds.png);*/ } #feeds-md .inbox li.viewed .tit-feed { font-weight: 200; } .multislc { font-family: "Lato", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; line-height: 1.4; color: #8B8B8B; } #header-of-all .c-logo { image-rendering: auto; max-height: 65px; max-width: 250px; margin: 5px; margin-top: 8px; } @media (max-width: 1077px) { #header-of-all .c-logo { image-rendering: auto; max-height: 38px; max-width: 250px; margin: 5px; margin-top: 8px; } } #header-of-all .mode-sel { position: relative; z-index: 21; height: 20px; line-height: 16px; } #header-of-all .mode-sel .atual-mode { overflow: hidden; display: block; height: 18px; } #header-of-all .mode-sel .atual-mode span.titulo-mode { display: block; margin: 0px 3px 0px; font-size: 14px; } #header-of-all .mode-sel .atual-mode, #header-of-all .mode-sel .atual-mode .icon:after { content: "\e64a"; font-size: 28px; color: #C5CED5; } #header-of-all .mode-sel .atual-mode:hover { text-shadow: 0 0 9px #FFF; } /*changeModeMenu*/ #changeMode { display: none; position: absolute; width: 125px; padding: 3px 0 3px 0; right: 0; background: #0C2B4B; top: 29px; z-index: 62; } #changeMode li { color: #FFF; text-align: right; font-size: 14px; padding-right: 8px; } #changeMode li:last-child { margin-bottom: 0; border-top: 1px solid #ccc; } #changeMode li:hover { cursor: pointer; } #changeMode .admin { padding-bottom: 2px; } #changeMode .admin .fa-play { padding-right: 10px; } #changeMode .admin .fa-play:before { font-size: 10px; } #changeMode .cor-operacao { padding-top: 2px; } #changeMode .cor-operacao .fa-play { padding-right: 23px; } #changeMode .cor-operacao .fa-play:before { font-size: 10px; } /*menu*/ #header-of-all .menu-a { height: 84px; clear: both; padding-top: 7px; padding-bottom: 16px; } .icon-top-menu { font-family: 'Material Symbols Outlined' !important; display: inline-block; width: 100%; } #menu a { padding-top: 0.9em !important; } .span-menu { text-transform: capitalize; font-size: 14px; } #header-of-all .menu-a #menu { position: relative; height: 70px; -moz-box-shadow: 0 -1px 7px 0 rgba(50, 50, 50, 0.25); } #header-of-all .menu-a #menu.adm { width: 800px; } #header-of-all .menu-a #menu.prg { width: 800px; } #header-of-all .menu-a #menu.gtw { width: 100px; } #header-of-all .menu-a #menu:before { display: none; } #header-of-all .menu-a #menu a.m-dash:before { content: "\e642"; } #header-of-all .menu-a #menu a.m-pont:before { content: "\e62b"; } #header-of-all .menu-a #menu a.m-deta:before { content: "\e640"; } #header-of-all .menu-a #menu a.m-graf:before { content: "\e62e"; } #header-of-all .menu-a #menu a.m-rela:before { content: "\e623"; } #header-of-all .menu-a #menu a.m-alar:before { content: "\e649"; } #header-of-all .menu-a #menu a.m-fina:before { content: "\e62f"; } #header-of-all .menu-a #menu a.m-conf:before { content: "\e643"; } #header-of-all .menu-a #menu a:before { display: block; font-size: 32px; height: 28px; margin-top: 10px; } #header-of-all .menu-a #menu a { display: block; font-size: 11px; text-decoration: none; text-transform: uppercase; max-height: 75px; width: 100px; height: 70px; float: left; font-weight: 400; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #DDD; padding: 20px 0px 16px 0px !important; line-height: 20px; cursor: pointer; transition: 0s; } #header-of-all .menu-a #menu a#menu_schgtw_inputs { border-right: none; } #header-of-all .menu-a #menu a#menu_schgtw_inputs > div.menu_schgtw_inputs_transform { transform: rotateY(180deg); } #header-of-all .menu-a #menu a#menu_schgtw_inputs.active > div.menu_schgtw_inputs_transform { } #header-of-all .menu-a #menu a.fa:before { margin-bottom: 3px; margin-top: 7px; font-size: 28px; } #header-of-all .menu-a #menu a:first-child { border-left: 0 none; } #header-of-all .menu-a #menu a:last-child { border-right: 0 none; } #header-of-all .menu-a #menu a.m-light:hover { color: #000; border-bottom: 2px solid #007ACD; border-bottom-color: #007ACD; } #header-of-all .menu-a #menu a.active { background: #F3F5F6; color: #1abc9c; cursor: default; max-height: 70px; height: 75px; border-bottom: 2px solid #007ACD; border-bottom-color: #007ACD; font-weight: bold; } #header-of-all .menu-a #menu a.active.act-mobile-actual { border-bottom: 2px solid #007ACD; color: #007ACD; background: #F3F5F6; } #header-of-all .menu-a #menu a.active:hover { color: #1abc9c; padding: 5px 0 8px; cursor: pointer; } #header-of-all .menu-a #menu a.disabled { color: #ddd !important; cursor: default; } #header-of-all .menu-a #menu a.disabled:hover { color: #ddd !important; cursor: default; background: #1abc9c; border-right-color: #DDD; } /*menu admin*/ #header-of-all #menu.adm a:not(.active) { background: #fff !important; color: #435C6E !important; font-size: 10px; transition: 0s; } div.tools.pull-right.ftr.AlarmConfiguration i.icon-deletar-redondo { display: block; margin-top: 13px; } div.tools.pull-right.ftr.AlarmConfiguration i.icon.icon-editar { display: block; margin-top: 16px; margin-right: -16px; } #header-of-all #menu.adm a.m-empr:before { content: "\e63c"; } #header-of-all #menu.adm a.m-usur:before { content: "\e61f"; } #header-of-all #menu.adm a.m-grup:before { content: "\e62b"; } #header-of-all #menu.adm a.m-grma:before { content: "\e62c"; } #header-of-all #menu.adm a.m-admg:before { content: "\e603"; } #header-of-all #menu.adm a.m-tou:before { content: "\e629"; } #header-of-all #menu.adm a.m-ptsv:before { content: "\e627"; } #header-of-all #menu.adm a.m-tarf:before { content: "\e61b"; } #header-of-all #menu.adm a:hover { color: #007ACD; border-bottom: 2px solid #007ACD; border-bottom-color: #007ACD; font-weight: bold; } #header-of-all #menu.adm a:hover i.icon-top-menu { color: #007ACD; } #header-of-all #menu.adm a:hover span { color: #435C6E; } #header-of-all #menu.adm a.active:hover, #header-of-all #menu.adm a.active { border: none; border-bottom: 2px solid #007ACD; max-height: 70px; color: #007ACD; } #header-of-all #menu.adm a.active span { color: #435C6E; } #menu .ic-mn { display: none; } .input-group-addon { padding: 0 12px; } .icon-lupa { cursor: pointer; } .icon-lupa:hover { cursor: pointer; color: #1abc9c; } .export-icon:before { background: #FFF; border-radius: 0 7px 0 0; font-size: 16.5px; } .virtual-icon { font-size: 10px; vertical-align: 80%; margin-right: -12px; margin-left: 4px; } .virtual-icon-meter-selected { position: relative; vertical-align: 70%; left: 15px; top: 2px; font-size: 10px; } #subMenu .external:after { font-family: monospace; position: relative; font-size: 9px; content: 'e'; left: -20px; top: -10px; color: grey; } #subMenu .virtual:after { font-family: monospace; position: relative; font-size: 9px; content: 'v'; left: -14px; top: -10px; color: grey; } #subMenu .virtual.icon-filtro-temperatura:after, #subMenu .external.icon-filtro-temperatura:after { left: -18px; top: -12px; } #subMenu .virtual.img-filtro-reservatorio:after { content: "ʌ"; left: 1px; top: 0px; } #subMenu .virtual.img-filtro-agua:after, #subMenu .external.img-filtro-agua:after { left: -17px; top: -13px; } #subMenu .virtual.img-filtro-gas:after, #subMenu .external.img-filtro-gas:after { left: -12px; } #subMenu .virtual.fa-sign-out-alt:after { left: -17px; } #subMenu .virtual.fa-sign-in-alt:after { left: 0; } .info-icon:before { background: #FFF; border-radius: 0 6px 0 0; padding: 0 4px; border: 1px solid grey; margin-right: 5px; font-size: 15.4px; margin-top: 0.6px; } #subheader { background: #EEE; border-bottom: 1px solid #1abc9c; } #subheader .select-block { margin: 0; } #subheader .submenu, #subheader .subOptions { background: #EEE; min-height: 36px; padding: 2px 5px; clear: both; } #subheader .submenu { background: #DDD; } #subheader .subOptions.two-line { height: 72px; } #adm-view #subheader { border-bottom: 1px solid #464646; } .submenu { height: 38px; margin: 0 auto; width: 1200px; } .btns .btn-block, .btns .search { float: right; width: 36px; height: 36px; margin: 0 5px 0 0; padding: 0; } #MainGrplst_msdd .ddChild .icon-grupo_pontos { margin-right: 8px; color: #8B8B8B; } #exportTPDF, #exportToExcell, #exportMetersToWorkbook, #usersLogExportToWorkbook, #onlineUsersExportToWorkbook, #hitsByPageExportToWorkbook, #hitsByUserExportToWorkbook, #exportGtwAdmToWorkbook, #exportToWorkbook { background-repeat: no-repeat; background-position: center; background-size: contain; height: 22px; width: 19px; } #exportTPDF { background-image: url("../images/icons/png/icon-pdf.png"); margin-left: -25px; position: absolute; margin-top: 6px !important; } #style-tabela-acs .table-ahx > .ftr > #exportTPDF { margin-top: 2px !important; } #exportMetersToWorkbook, #exportToExcell, #usersLogExportToWorkbook, #onlineUsersExportToWorkbook, #hitsByPageExportToWorkbook, #hitsByUserExportToWorkbook, #exportGtwAdmToWorkbook, #exportToWorkbook { background-image: url("../images/icons/svg/Download.svg"); } #subheader .subOptions input#FP, #subheader .subOptions input#searchText { width: 55px; height: 32px; border: 1px solid #c3c3c3; margin-right: 5px; } #subheader .subOptions input#searchText { width: 180px; } #subheader .subOptions button.btn, .calendar-new-ent button.btn { margin-right: 5px; width: 32px; height: 32px; color: #ACACAC; padding: 0; background: transparent; } div > span > section.meterType.icon-filtro-agua { margin-left: -10px; padding: 0px 4px; display: flex !important; align-items: center; } td > div > div > table > tbody > tr > td > section.meterType.icon-filtro-agua::before { margin-left: 6px !important; } td > div > div > table > tbody > tr > td > section.meterType.icon-filtro-temperatura::before { margin-left: 6px !important; } td > div > div > table > tbody > tr > td > section.meterType.fas.fa-solar-panel::before { margin-left: 0px !important; } td > div > div > table > tbody > tr > td > section.meterType.fas.fa-sign-out-alt::before { margin-left: 6px !important; } td > div > div > table > tbody > tr > td > section.meterType.fas.fa-sign-in-alt::before { margin-left: -3px !important; margin-right: 6px !important; } .hdr { cursor:move; } section.hdr.panel-heading > span.fa.fas.fa-sign-out-alt::before { margin-left: -8px; } #subheader .submenu button.btn:not(#btnSaveParamsBlackList) { margin-right: 5px; width: 32px; height: 32px; color: #464646; padding: 0; background: transparent; } #subheader .submenu button.btn:before { color: #464646; font-size: 24px; vertical-align: 5%; } #subheader .submenu button.btn.filtros { display: none; } #subheader .submenu button.btn.selected, #subheader .submenu button.btn.selected:hover, #subheader .subOptions button.btn.selected, #subheader .subOptions button.btn.selected:hover { background: #535362 } #subheader .subOptions button.btn:before { color: #ACACAC; font-size: 24px; vertical-align: 5%; } #subheader .subOptions button.btn:hover { background: rgba(0, 0, 0, 0.1); } .calendar-new-ent input.form-control, #subheader #dtStart.form-control, #subheader #dtStart_2.form-control, #subheader #dtEnd.form-control, #subheader #startDate.form-control, #subheader .form-control.input-date, #subheader #endDate.form-control { height: 33px; width: 98px; float: left; border-color: #DDDDDD; border-radius: 0 0 0 0; } .calendar-new-ent #idtStart, .calendar-new-ent #idtStart-2, .calendar-new-ent #idtStart-3, .calendar-new-ent #idtEnd, .calendar-new-ent #idtEnd-2, .calendar-new-ent #idtEnd-3, .calendar-new-ent #buttonStartDate, .calendar-new-ent #buttonEndDate, #subheader #idtStart, #subheader #idtEnd, #subheader #buttonStartDate, #subheader #buttonEndDate { float: left; margin-left: -3px; height: 33px; border-radius: 0 3px 3px 0; background: #DDD; } .calendar-new-ent #buttonStartDate:before, .calendar-new-ent #buttonEndDate:before, .calendar-new-ent #idtStart:before, .calendar-new-ent #idtEnd:before #subheader #buttonStartDate:before, #subheader #buttonEndDate:before, #subheader #idtStart:before, #subheader #idtEnd:before, .calendar-new-ent button.btn:before { font-size: 18px; } #dtStartHour-3, #dtEndHour-3, #dtStartHour-2, #dtEndHour-2 { width: 100px } #divFatura #dtStartHour-3, #divFatura #dtEndHour-3, #divFatura #dtStartHour-2, #divFatura #dtEndHour-2 { width: 70px; height: 23px; border-radius: 0; } #divFatura .calendar-new-ent input.form-control { height: 23px; border-radius: 0; line-height: 24px; } #divFatura .calendar-new-ent #idtStart-3, .calendar-new-ent #idtEnd-3 { height: 23px; } #subheader #btnRefMeters span { margin-left: -10px; } #subheader .subOptions button.btn.fwbtns:before, #subheader .subOptions button.btn.fwbtns:before, #subheader .subOptions button.btn.rwbtns:before, #subheader .subOptions button.btn.rwbtns:before { font-size: 20px; vertical-align: -5px; } #subheader .subOptions button.btn.fa-caret-left:before, #subheader .subOptions button.btn.fa-caret-right:before { font-size: 28px; } #subheader .subOptions button.btn.filtros { display: none; } #subheader .groupname { font-size: 12px; color: #999; font-family: "Myriad Pro", Myriad, Arial, sans-serif; margin: 11px 10px 0 0; } #subheader .groupname:before { vertical-align: -5%; } #subheader .groupname.only-details { margin-top: 2px; } #subheader .gtInfo { font-size: 10px; color: #999; clear: both; } #subheader .label { color: #ACACAC; margin-top: 6px; padding-left: 2px; } #subheader input[type="radio"] { margin-top: 10px; } #subheader .color-default { margin: 5px 10px; } #subheader .tabs { margin-top: 10px; margin-right: 5px; } #subheader .tabs.tabs-cfg-group { margin-top: 5px; } #subheader .tabs a { width: auto; min-width: 130px; border-radius: 4px 4px 0 0; padding: 14px 0px 12px 0px !important; margin-right: 2px; display: flex; text-align: center; height: 30px; border: 1px solid #EEE; background: #EEE; font-family: "Myriad Pro", Myriad, Arial, sans-serif; font-size: 14px; color: #777 !important; cursor: pointer; } #subheader .tabs a.abrt, #subheader .tabs a[disabled] { background: #DDD !important; border-bottom-color: #DDD; } #subheader .tabs a:before { margin-left: 0; font-size: 16px; margin-right: 4px; } .label-opts { color: #ACACAC; margin: -2px 10px 0; } button.sbm-btn-pd { padding: 5px 15px; margin-left: 10px; } #tabela-normal-users #tbGrupos > thead > tr > th { border: 0; } #divCompare .label { color: #ACACAC; margin-top: 6px; padding-left: 2px; } /*Pontos adiantados/atrasados*/ .alarme-grandeza-pontoadiantado { background: #BD5A21 !important; } .alarme-grandeza-pontoatrasado { background: #3C8CDE !important; } /*Alarmes*/ .alarme-grandeza-semcomunicacaocomservidor { background: #F2C665 !important; } .alarme-grandeza-falhadeleituranogateway { background: #6D4797 !important; } .alarme-grandeza-outros { background: #F34E46 !important; } .alarme-grandeza-semcomunicacaocomservidor-forecolor { background: #F2C665 !important; } .alarme-grandeza-falhadeleituranogateway-forecolor { background: #6D4797 !important; } .alarme-grandeza-outros-forecolor { color: #F34E46 !important; } /* Listing New Options */ .list-group-item { padding: 1px 6px 40px; border: 0 none; } div#items-configuracao { height: 65vh; margin-top: -21px; overflow: scroll; border: 1px solid #f3f5f6; } .metercfg.list-group-item { padding-top: 0px !important; } #tabela-normal-users .header-selected .itemName { color: #1abc9c; font-size: 14px; font-weight: bold; } #tabela-normal-users .header-selected .itemName:before { font-size: 20px; margin-right: 4px; font-weight: 600; font-weight: 400; } .point-table { padding-right: 10px; width: 500px; } .point-table .fa-bolt, .point-table .fa-solar-panel, .point-table .fa-compress, .point-table .fa-sign-in-alt, .point-table .fa-sign-out-alt, .point-table .icon-filtro-oleo { margin-left: 5px; vertical-align: 20%; } .point-table .fa-compress { margin-left: 14px !important; } .point-table .img-filtro-gas { margin-left: 15px; vertical-align: 20%; margin-right: 3px; } .point-table .icon-filtro-oleo { margin-left: 13px; vertical-align: 20%; margin-right: 3px; } /* */ .point-table .fa-bolt { margin-right: 5px; margin-left: 10px; padding: 0px 0px 0px 6px; } .point-table .fa-solar-panel { margin-right: 0px; } .point-table .img-filtro-reservatorio { margin-left: 10px; vertical-align: 20%; margin-right: 3px; } .point-table .icon:before { font-size: 18px; vertical-align: 30%; } .point-table .fa:before { font-size: 18px; } .sepa-table .fa:before { font-size: 5px; } #tabela-filtros-users .btn-group .btn-nav-ponto.icon-filtro-energia:before, .point-table .icon-filtro-energia:before { color: #ECB100; } .icon-filtro-energia:before { color: #ECB100; } table .icon-filtro-energia:before { color: #ECB100; } table .fa-sign-in-alt:before, #tabela-filtros-users .btn-group .btn-nav-ponto.fa-sign-in-alt:before, .point-table .fa-sign-in-alt:before { color: #8C65B7; } .fa-sign-in-alt { color: #DA6AFF; } #header-of-all .menu-a #menu a.fa-sign-out-alt, #header-of-all .menu-a #menu a.fa-sign-in-alt { color: #ddd; } .fa-bolt:before { color: #FFAA1E; } .fa-solar-panel:before { color: #FF8C47; } .fa-solar-panel:before:not(.fadd) { margin-left: 12px; } .fa-compress:before { color: #0A6361; } section.meterType.fas.fa-compress { background-image: url(/images/icons/svg/pressure.svg) !important; width: 16px; height: 16px; transform: translateY(4px); } .fa-compress:before:not(.fadd) { margin-left: 8px; } #header-of-all .menu-a #menu a.fa-sign-out-alt, #header-of-all .menu-a #menu a.fa-sign-in-alt { color: #ddd; } table .fa-sign-out-alt:before, #tabela-filtros-users .btn-group .btn-nav-ponto.fa-sign-out-alt:before, .point-table .fa-sign-out-alt:before { color: #4D9955; } .fa-sign-out-alt { color: #2CC963; } table .icon-filtro-temperatura:before, #tabela-filtros-users .btn-group .btn-nav-ponto.icon-filtro-temperatura:before, .point-table .icon-filtro-temperatura:before { color: #AA2424; margin-left: 12px; } .icon-filtro-temperatura:before { color: #AA2424; } .icon-filtro-temperatura.setpoint-cfg:before { margin: 0; font-size: 16px; } table .icon-filtro-agua:before, #tabela-filtros-users .btn-group .btn-nav-ponto.icon-filtro-agua:before, .point-table .icon-filtro-agua:before { color: #007ACD; margin-left: 12px; } .icon-filtro-agua:before { color: #007ACD; } #style-tabela-acs #sel-point-tb > tbody > tr > td .second-line { display: none; } /*Cfg do ponto*/ .config-view .list-group-item .well-sm.well, #frmParent { background: #DDD } .input_term_edit_cmds a { color: lightgray } #info div div div .ddcommon.borderRadius, #info div div div .ddcommon.borderRadius .ddTitle.borderRadiusTp, #general div div div .ddcommon.borderRadius, #general div div div .ddcommon.borderRadius .ddTitle.borderRadiusTp, #contratos div div div .ddcommon.borderRadius, #contratos div div div .ddcommon.borderRadius .ddTitle.borderRadiusTp { background: white } #contratos a.icon-esquerda2, #contratos a.icon-esquerda1, #contratos a.icon-direita1, #contratos a.icon-direita2 { color: #f5f5f5 } #reports div table tbody tr td { padding: 0 } #reports div table tbody tr td div.well-custom { background-color: #ddd; border: 1px solid #ddd; } /* MODAL EDIT/ADD - Dashboard*/ #block .addNew { padding: 0; float: left; position: relative; } #block .addNew:hover { background: rgba(117, 152, 179, 0.16); cursor: pointer; } .flag_blok { bottom: 138px; } .newDashwidgetPanel { border-radius: 8px; background: rgba(117, 152, 179, 0.08); } #block .dashwidget { width: 280px; height: 280px; float: left; /* margin-right: 36px !important; */ /* margin-top: 36px; */ position: relative; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; -webkit-animation-name: move; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-timing-function: linear; } #block .dashwidget small:before { font-family: 'acs-icon'; font-style: normal; } #block .dashwidget small.fa:before { font: normal normal normal 14px/1 'FontAwesome'; } #block .dashwidget.loading { background-color: rgba(117, 152, 179, 0.17); display: flex; width: 280px; height: 280px; max-width: 280px; max-height: 280px; border-radius: 8px; justify-content: center; align-items: center; align-content: center; position: relative; background: linear-gradient(100deg, rgba(117, 152, 179, 0.1) 25%, rgba(117, 152, 179, 0.3) 50%, rgba(117, 152, 179, 0.1) 75%); background-size: 200% 100%; animation: loading 1.5s infinite; } @keyframes loading { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } #block .dashwidget.addNew { height: 280px; } .modal #tabela-normal-users tr { height: 28px; } #divEdit .table-bordered > tbody > tr > td .row.txtboGroup, #divEdit .table-bordered > tbody > tr > td .row.txtboMeter, #divEdit .table-bordered > tbody > tr > td .row.txtboAll, #divEdit .table-bordered > tbody > tr > td .row.txtboMeter { margin-right: 10px; padding-left: 5px; margin-top: 5px; } /* Error Widget */ #block .errorLoad { border: 1px dashed #FF9999; padding: 0; float: left; position: relative; margin: 0; } #block .errorLoad:hover { background: transparent; cursor: default; } #block .errorLoad span { position: absolute; top: 55%; left: 50%; margin: -43px 0 0 -36.5px; } #block .errorLoad span:before { color: #FF9999; font-size: 40px; text-align: center; margin: 0 auto 5px; display: block; } #block .errorLoad em { text-align: center; font-size: 16px; margin-top: 10px; color: #FF9999; text-transform: uppercase; display: block; } #block .errorLoad span a { color: #FF9999; text-transform: uppercase; text-align: center; display: block; padding: 7px 10px 3px; margin-bottom: 5px; background: #eee; border-radius: 3px; border: 1px solid #FF9999; font-family: "Myriad Pro", Myriad, Arial, sans-serif; } #block .errorLoad span a:hover { color: #FF2626; } #block .dashwidget:nth-child(4n+4) { margin-right: 0; } #block { padding-left: 10px; margin-top: -10px; } #block .dashwidget .edit { visibility: hidden; display: none; } #block .dashwidget .panel-default { position: relative; /* -webkit-box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.5); */ -moz-box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.5); /* box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.5); */ background: #FFF; border-radius: 8px; } #block .dashwidget .panel-default.nochart .panel-heading, #block .dashwidget .panel-default.nochart .panel-body-card, #block .dashwidget .panel-default.onlychart .panel-body-card, #block .dashwidget .panel-default.nochart .panel-footer, #block .dashwidget .panel-default.onlychart .panel-footer { background: transparent; border: 0 none; } #block .dashwidget .panel-default.onlychart { height: 280px; } #block .dashwidget .panel-default.nochart.wd-energy, #block .dashwidget .panel-default.nochart.wd-energy.statistic { background: url(../images/energia-cut.jpg) no-repeat; } #block .dashwidget .panel-default.nochart.wd-energy .panel-body-card .panel-info .single { padding: 0; margin-left: 20px; padding-top: 60px; } #block .dashwidget .panel-default.nochart.wd-energy.statistic .panel-body-card .panel-info .single { padding: 0; margin-left: 20px; } #block .dashwidget .panel-default.nochart.wd-energy .panel-body-card .panel-info .info, #block .dashwidget .panel-default.nochart.wd-energy.statistic .panel-body-card .panel-info .info { text-align: left; } #block .dashwidget .panel-default.nochart.wd-water, #block .dashwidget .panel-default.nochart.wd-water.statistic { background: url(../images/water-cut.jpg) no-repeat; } #block .dashwidget .panel-default.nochart.wd-water .panel-body-card .panel-info .single, #block .dashwidget .panel-default.nochart.wd-water.statistic .panel-body-card .panel-info .single { padding: 0; } #block .dashwidget .panel-default.nochart.wd-water .panel-body-card .panel-info .info, #block .dashwidget .panel-default.nochart.wd-water.statistic .panel-body-card .panel-info .info { text-align: right; margin-right: 10px; } #block .dashwidget .panel-default.nochart.wd-temp, #block .dashwidget .panel-default.nochart.wd-temp.statistic { background: url(../images/temp-cut.jpg) no-repeat; } #block .dashwidget .panel-default.nochart.wd-temp .panel-body-card .panel-info .single, #block .dashwidget .panel-default.nochart.wd-temp.statistic .panel-body-card .panel-info .single { padding: 0; } #block .dashwidget .panel-default.nochart.wd-temp .panel-body-card .panel-info .info, #block .dashwidget .panel-default.nochart.wd-temp.statistic .panel-body-card .panel-info .info { text-align: right; margin-right: 10px; } #block .dashwidget .panel-default.nochart.wd-digital, /*#block .dashwidget .panel-default.nochart.wd-digital.statistic { background: url(../images/digital-cut.jpg) no-repeat; }*/ #block .dashwidget .panel-default.nochart.wd-digital .panel-body-card .panel-info .single, #block .dashwidget .panel-default.nochart.wd-digital.statistic .panel-body-card .panel-info .single { padding: 0; } #block .dashwidget .panel-default.statistic .panel-body-card .panel-info .single { padding: 0; } #block .dashwidget .panel-default.statistic .panel-body-card .panel-info .info { text-align: right; margin-right: 10px; } #block .dashwidget .panel-default.statistic .fa-arrow-up { color: green; } #block .dashwidget .panel-default.statistic .fa-arrow-down { color: red; } #block .dashwidget .panel-default.statistic .fa-arrows-h { color: blue; } #block .dashwidget .panel-default.statistic .fa-clock-o:before { font-size: 25px; } #block .dashwidget .panel-default.statistic .actual-value { font-size: 30px; } #block .dashwidget .panel-default.statistic small.last-time-date { display: block; margin: 0; margin-top: -15px; font-size: 12px; } #block .dashwidget .panel-default .btf { display: block; width: 35px; height: 35px; border-radius: 30px; padding: 7px 8px 5px; background: #464646; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; visibility: hidden; opacity: 0.3; position: absolute; bottom: 3px; left: 3px; -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear; -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear; -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear; transition: visibility 0s linear 0.3s, opacity 0.3s linear; } #block .dashwidget .panel-default .btf:before { font-size: 20px; color: #EEE; } #block .dashwidget .panel-default .btf.icon-editar, #block .dashwidget .panel-default .btf.go-graph, #block .dashwidget .panel-default .btf.dele { z-index: 1; display: flex; align-items: center; } #block .dashwidget .panel-default .btf.dele { border: 0 none; left: 40px; } #block .dashwidget .panel-default .btf.go-graph, #block .dashwidget .panel-default .btf.go-home { border: 0 none; right: 169px; left: inherit; } #block .dashwidget .panel-default .placeValue { height: 185px; } #block .dashwidget .panel-default .placeValue .totalizer { padding-top: 30%; white-space: nowrap; position: absolute; line-height: 1px; text-align: center; } #block .dashwidget .panel-default .placeValue:hover .btf, #block .dashwidget .panel-default .img-wd:hover .btf, #block .dashwidget .panel-default .small-value:hover .btf { visibility: visible; opacity: 0.5; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; } #block .dashwidget .panel-default .placeValue .btf:hover, #block .dashwidget .panel-default .img-wd .btf:hover { opacity: 1; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; } #block .dashwidget .panel-default.nochart progress[value], #block .dashwidget .panel-default.onlychart progress[value], #block .dashwidget .panel-default.onlychart progress[value] { -webkit-appearance: none; appearance: none; height: 3px; width: 279px; padding: 0; margin: 0; background-color: transparent; display: block; } #block .dashwidget .panel-default.nochart progress[value]::-webkit-progress-bar, #block .dashwidget .panel-default.onlychart progress[value]::-webkit-progress-bar { background-color: transparent; } #block .dashwidget .panel-default.nochart progress[value]::-webkit-progress-value, #block .dashwidget .panel-default.onlychart progress[value]::-webkit-progress-value { background-color: #ECECEC } #block .dashwidget .panel-default.nochart section.hdr, #block .dashwidget .panel-default.onlychart section.hdr { padding: 6px; min-height: 32px; border-radius: 8px 8px 0px 0px; } #block .dashwidget .panel-default.nochart .hdr .title, #block .dashwidget .panel-default.onlychart .hdr .title { font-size: 1.1rem; float: left; font-weight: bold; margin-top: 1px; max-width: 225px; } #block .dashwidget .panel-default.nochart .hdr .title.twolines, #block .dashwidget .panel-default.onlychart .hdr .title.twolines { margin-top: 0px; max-height: 22px; line-height: 1; text-overflow: ellipsis; overflow: hidden; width: 220px; align-items: center; display: flex; justify-content: flex-start; } #block .dashwidget .panel-default.nochart { background: #FFF; height: 280px; } #block .dashwidget .panel-default.nochart .hdr { padding: 6px; min-height: 32px; } #block .dashwidget .panel-default.onlychart .hdr .icon, #block .dashwidget .panel-default.onlychart .hdr .fa, #block .dashwidget .panel-default.nochart .hdr .icon, #block .dashwidget .panel-default.nochart .hdr .fa { float: left; margin-right: 5px; margin-top: 3px; } #block .dashwidget .panel-default.nochart .hdr .fas { float: left; margin-right: 5px; margin-top: 3px; } #block .dashwidget .panel-default.nochart .hdr .icon:before { font-size: 16px; margin-top: 8px; } #block .dashwidget .panel-default.onlychart .hdr .icon-pontos, #block .dashwidget .panel-default.onlychart .hdr .icon-grupo_pontos, #block .dashwidget .panel-default.nochart .hdr .icon-pontos, #block .dashwidget .panel-default.nochart .hdr .icon-grupo_pontos { float: right; cursor: pointer; margin-top: 8px; } #block .dashwidget .panel-default.nochart .hdr .icon-pontos:before, #block .dashwidget .panel-default.nochart .hdr .icon-grupo_pontos:before { font-size: 16px; display: flex; } #block .dashwidget .panel-default.nochart .hdr .img-filtro-reservatorio, #block .dashwidget .panel-default.onlychart .hdr .img-filtro-reservatorio { margin-top: 3px; } #block .dashwidget .panel-default.nochart .big-value, #block .dashwidget .panel-default.onlychart .big-value { height: 60px; width: 100%; font-size: 28px; text-align: right; padding: 0 10px; position: relative; } #block .dashwidget .panel-default.onlychart .big-value { padding: 0 3px; } #block .dashwidget .panel-default.onlychart .big-value { text-align: left; font-size: 14px; } #block .dashwidget .panel-default.nochart .big-value .princp, #block .dashwidget .panel-default.onlychart .big-value .princp { display: block; padding-top: 7px; font-weight: 700; } #block .dashwidget .panel-default.onlychart .big-value .princp .charttopic { position: absolute; text-align: center; color: #666666; bottom: -17px; width: 270px; background-color: #FFF; margin-left: 2px; text-transform: uppercase; font-size: 10px; font-weight: 600; } #block .dashwidget .panel-default.onlychart .big-value .princp { padding-top: 16px; } #block .dashwidget .panel-default.onlychart .big-value .tou-unit, #block .dashwidget .panel-default.onlychart .big-value .extra-unit { font-weight: bold; } #block .dashwidget .panel-default.nochart .big-value .princp .unit, #block .dashwidget .panel-default.only .big-value .princp .unit { font-family: "Myriad Pro", Myriad, Arial, sans-serif; font-size: 70%; } #block .dashwidget .panel-default.nochart .big-value .princp:before { vertical-align: -13%; vertical-align: -10%; } #block .dashwidget .panel-default.nochart .big-value .second { font-family: "Myriad Pro", Myriad, Arial, sans-serif; float: left; padding-top: 6px; } #block .dashwidget .panel-default.nochart .big-value .category { width: 25px; float: left; font-size: 14px; margin-top: 14px; text-align: center; color: white; margin-left: -2px; margin-right: 5px; } #block .dashwidget .panel-default.nochart.wd-invoice-new .big-value .second.icon-erro, #block .dashwidget .panel-default.nochart.wd-invoice-projection .big-value .second.icon-erro, #block .dashwidget .panel-default.nochart.wd-wastefulConsumption-new .big-value .second.icon-erro { float: left; padding-top: 15px; color: red; } #block .dashwidget .panel-default.nochart.wd-wastefulConsumption-new .big-value .second { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 24px; font-weight: bold; } #block .dashwidget .panel-default.nochart .big-value .period, #block .dashwidget .panel-default.onlychart .big-value .period { display: block; /* font-size: 12px; */ position: absolute; /* right: 3px; */ color: #60798B; /* top: -2px; */ } #block .dashwidget .panel-default.nochart .big-value .last-time-date, #block .dashwidget .panel-default.onlychart .big-value .last-time-date { display: block; font-size: 10px; text-align: left; left: 2px; color: #60798B; position: absolute; width: 120px; font-weight: 700; } #block .dashwidget .panel-default.nochart .big-value .tou-unit, #block .dashwidget .panel-default.onlychart .big-value .tou-unit { position: absolute; bottom: -3px; left: 4px; font-size: 14px; } #block .dashwidget .panel-default.nochart .big-value .extra-unit, #block .dashwidget .panel-default.onlychart .big-value .extra-unit { position: absolute; bottom: 6px; right: 7px; font-size: 12px; } #block .dashwidget .panel-default.nochart.wd-invoice-new .big-value .extra-unit, #block .dashwidget .panel-default.nochart.wd-invoice-projection .big-value .extra-unit, #block .dashwidget .panel-default.nochart.wd-wastefulConsumption-new .big-value .extra-unit { position: absolute; bottom: 4px; right: 7px; font-size: 12px; text-transform: uppercase; color: #999999; } #block .dashwidget .panel-default.nochart.wd-invoice-new .big-value .indicator-unit, #block .dashwidget .panel-default.nochart.wd-invoice-projection .big-value .indicator-unit { position: absolute; bottom: 0px; right: 6px; font-size: 18px; text-transform: uppercase; } #block .dashwidget .panel-default.nochart.alm .big-value .extra-unit { position: absolute; bottom: -3px; right: 6px; font-size: 12px; text-transform: lowercase; } #block .dashwidget .panel-default.nochart.wd-wastefulConsumption-new .big-value .indicator-unit { position: absolute; bottom: 15px; left: 70px; font-size: 26px; text-transform: uppercase; } #block .dashwidget .panel-default.nochart .big-value .tou-unit { font-weight: bold; font-size: 14px; bottom: 17px; } #block .dashwidget .panel-default.nochart.wd-projcon .big-value .tou-unit { font-weight: normal; font-size: 10px; text-transform: uppercase; bottom: 6px; } #block .dashwidget .panel-default.nochart.wd-projcon .big-value .extraTou { bottom: 17px; } #block .dashwidget .panel-default.onlychart .big-value .extra-unit { font-size: 20px; bottom: inherit; right: 7px; top: 17px; } #block .dashwidget .panel-default.onlychart .big-value .tou-unit { bottom: inherit; top: 19px; } #block .dashwidget .panel-default.nochart .img-wd { width: 100%; height: 20px; float: left; } #block .dashwidget .panel-default.onlychart .small-value { display: flex; justify-content: center; align-items: flex-start; min-width: 276px; padding: 0px 8px; height: 45px; font-size: 12px; padding: 3px; color: #60798B; } #block .dashwidget .panel-default.nochart .small-value { width: 278px; height: 45px; font-size: 12px; float: left; color: #999; } #block .dashwidget .panel-default.nochart .small-value section { width: 33%; float: left; text-align: center; } #block .dashwidget .panel-default.nochart.wd-projcon .small-value section { width: 24.9%; float: left; text-align: center; } #block .dashwidget .panel-default.nochart.kpiMode .small-value section { width: 49%; } #block .dashwidget .panel-default.nochart .small-value section small, #block .dashwidget .panel-default.nochart .small-value section div { line-height: 12px; font-weight: 700; white-space: nowrap; } #block .dashwidget .panel-default.nochart.alm .small-value section small { vertical-align: top; } #block .dashwidget .panel-default.nochart.wd-kpi-new .small-value section small { font-size: 100%; line-height: 16px } #block .dashwidget .panel-default.nochart.wd-kpi-new .small-value section small.category { color: white; font-size: 10px; float: left; width: 15px; text-align: center; margin-right: 5px; line-height: 1.5 } #block .dashwidget .panel-default.nochart.wd-kpi-new .small-value section small.position { float: left; width: 35px; border-right: 1px solid #999; line-height: 1.1; } #block .dashwidget .panel-default.nochart.wd-kpi-new .small-value section small.value { margin-left: 60px; } #block .dashwidget .panel-default.nochart .small-value section:first-child { text-align: left; } #block .dashwidget .panel-default.nochart .small-value section:last-child { text-align: right; } #block .dashwidget .panel-default.wd-wastefulConsumption-new .small-value section { width: 50%; } #block .dashwidget .panel-default.wd-wastefulConsumption-new .small-value { height: 25px; } #block .dashwidget .panel-default.wd-wastefulConsumption-new section.charttopic { text-align: center; color: #979090; height: 20px; float: left; margin-left: 2px; padding: 2px; width: 270px; background-color: #FFF; margin-top: 6px; text-transform: uppercase; font-size: 10px; font-weight: 600; } #block .dashwidget .panel-default.nochart .graph-value { width: 93%; height: 125px; float: right; margin-right: 9px; /*margin-left: 15px;*/ margin-top: 6px; /*border-color: #FFF; border-width: 2px; border-style: solid;*/ /*background-color: #DADADA;*/ } #block .dashwidget .panel-default.onlychart .graph-value { border-color: #FFF; border-width: 2px; border-style: solid; margin: 5px; height: 155px; margin-top: 23px; background-color: #DADADA; } #block .dashwidget .panel-default.nochart .graph-valueInvoice { width: 96%; height: 125px; float: right; margin-right: 9px; margin-top: 9px; border-color: #FFF; border-width: 2px; border-style: solid; background-color: #DADADA; } #block .dashwidget .panel-default.nochart .graph-valueInvoiceProjection { width: 100%; height: 125px; float: right; margin-right: 6px; margin-top: 9px; border-color: #FFF; border-width: 2px; border-style: solid; background-color: #DADADA; } #block .dashwidget .panel-default.nochart.wd-wastefulConsumption-new .graph-valueInvoice { margin-top: 4px; } #block .dashwidget .panel-default.wd-water-new .placeValue .totalizer, #block .dashwidget .panel-default.nochart.wd-water-new .big-value, #block .dashwidget .panel-default.onlychart.wd-water-new .big-value { color: #1A95FF !important; } #block .dashwidget .panel-default.nochart.wd-water-new .hdr, #block .dashwidget .panel-default.onlychart.wd-water-new .hdr { background-color: rgba(26, 149, 255, 1); } #block .dashwidget .panel-default.nochart.wd-water-new progress[value], #block .dashwidget .panel-default.onlychart.wd-water-new progress[value] { background-color: #1A95FF } #block .dashwidget .panel-default.nochart.wd-water-new progress[value], #block .dashwidget .panel-default.onlychart.wd-water-new progress[value] { border: 1px solid #1A95FF; border-left: none; border-right: none; border-top-width: 1px; } #block small.wd-water-new { color: #1A95FF !important; font-weight: bold } #block .dashwidget .panel-default.wd-water-new .hdr .icon { margin-top: 2px; } .widget-area { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 32px; } span#widgetIcon.wi.wi-Humidity { margin-left: -6px; margin-top: -3px; } span#widgetIcon.fa.img-filtro-gas { margin-top: -2px !important; margin-left: 6px; } span#widgetIcon.fas.fa-compress { margin-left: -1px; margin-top: 0px !important; } span#widgetIcon.wi.wi-cloud { margin-left: -1px; margin-top: -3px; } span#widgetIcon.fas.fa-solar-panel { margin-left: -2px; margin-top: -1px !important; } #block .dashwidget .panel-default.wd-water-new { /* -webkit-box-shadow: 0 0 10px 0 rgba(26, 149, 255, 0.6);*/ -moz-box-shadow: 0 0 10px 0 rgba(26, 149, 255, 0.6); } #block .dashwidget .panel-default.wd-gas-new .placeValue .totalizer, #block .dashwidget .panel-default.nochart.wd-gas-new .big-value, #block .dashwidget .panel-default.onlychart.wd-gas-new .big-value { color: rgba(132, 91, 255, 1) !important; } #block .dashwidget .panel-default.nochart.wd-gas-new .hdr, #block .dashwidget .panel-default.onlychart.wd-gas-new .hdr { background-color: rgba(132, 91, 255, 1); } #block .dashwidget .panel-default.nochart.wd-gas-new progress[value], #block .dashwidget .panel-default.onlychart.wd-gas-new progress[value] { background-color: rgba(132, 91, 255, 1) } #block .dashwidget .panel-default.nochart.wd-gas-new progress[value], #block .dashwidget .panel-default.onlychart.wd-gas-new progress[value] { border: 1px solid rgba(132, 91, 255, 1); border-left: none; border-right: none; border-top-width: 1px; } #block small.wd-gas-new { color: rgba(132, 91, 255, 1) !important; font-weight: bold } #block .dashwidget .panel-default.wd-gas-new .hdr .icon { margin-top: 0; } #block .dashwidget .panel-default.wd-gas-new { -moz-box-shadow: 0 0 10px 0 rgba(132, 91, 255, 0.6); } .alm-icon { background: url(../images/icons/png/alm_icon.png) !important; background-repeat: no-repeat; background-position: center; width: 16px; height: 18px; background-size: contain; display: inline-flex; } #block .dashwidget .panel-default.wd-temp-new .placeValue .totalizer, #block .dashwidget .panel-default.nochart.wd-temp-new .big-value, #block .dashwidget .panel-default.nochart.wd-temp-new .small-value section small .fa, #block .dashwidget .panel-default.onlychart.wd-temp-new .big-value { color: rgb(187, 51, 47) !important; } #block .dashwidget .panel-default.nochart.wd-temp-new .hdr, #block .dashwidget .panel-default.onlychart.wd-temp-new .hdr { background-color: rgba(187, 51, 47, 1); } #block .dashwidget .panel-default.nochart.wd-temp-new progress[value], #block .dashwidget .panel-default.onlychart.wd-temp-new progress[value] { background-color: rgb(187, 51, 47) } #block .dashwidget .panel-default.nochart.wd-temp-new progress[value], #block .dashwidget .panel-default.onlychart.wd-temp-new progress[value] { border: 1px solid rgb(187, 51, 47); border-left: none; border-right: none; border-top-width: 1px; } #block small.wd-temp-new { color: rgb(187, 51, 47) !important; font-weight: bold } #block .dashwidget .panel-default.wd-temp-new .hdr .icon { margin-top: 0; } #block .dashwidget .panel-default.wd-temp-new { -moz-box-shadow: 0 0 10px 0 rgba(187, 51, 47, 0.6); } #block .dashwidget .panel-default.nochart.wd-co2-new progress[value], #block .dashwidget .panel-default.onlychart.wd-co2-new progress[value] { background-color: rgb(77, 77, 77) } #block .dashwidget .panel-default.nochart.wd-co2-new progress[value], #block .dashwidget .panel-default.onlychart.wd-co2-new progress[value] { border: 1px solid rgb(77, 77, 77); border-left: none; border-right: none; border-top-width: 1px; } #block small.wd-co2-new { color: rgb(77, 77, 77) !important; font-weight: bold } #block .dashwidget .panel-default.wd-co2-new .hdr .icon { margin-top: 0; } #block .dashwidget .panel-default.nochart.wd-co2-new .hdr, #block .dashwidget .panel-default.onlychart.wd-co2-new .hdr { background-color: rgb(77, 77, 77); color: white; } #block .dashwidget .panel-default.wd-co2-new { -moz-box-shadow: 0 0 10px 0 rgba(77, 77, 77, 0.6); } #block .dashwidget .panel-default.wd-co2-new .placeValue .totalizer, #block .dashwidget .panel-default.nochart.wd-co2-new .big-value, #block .dashwidget .panel-default.onlychart.wd-co2-new .big-value { color: #4d4D4D !important; } #block .dashwidget .panel-default.nochart.wd-humidit-new progress[value], #block .dashwidget .panel-default.onlychart.wd-humidit-new progress[value] { background-color: rgb(10, 100, 193) } #block .dashwidget .panel-default.nochart.wd-humidit-new progress[value], #block .dashwidget .panel-default.onlychart.wd-humidit-new progress[value] { border: 1px solid rgb(10, 100, 193); border-left: none; border-right: none; border-top-width: 1px; } #block small.wd-humidit-new { color: rgb(10, 100, 193) !important; font-weight: bold } #block .dashwidget .panel-default.wd-humidit-new .hdr .icon { margin-top: 0; } #block .dashwidget .panel-default.nochart.wd-humidit-new .hdr, #block .dashwidget .panel-default.onlychart.wd-humidit-new .hdr { background-color: rgb(10, 100, 193); color: white; } #block .dashwidget .panel-default.wd-humidit-new { -moz-box-shadow: 0 0 10px 0 rgba(10, 100, 193, 0.6); } #block .dashwidget .panel-default.wd-humidit-new .placeValue .totalizer, #block .dashwidget .panel-default.nochart.wd-humidit-new .big-value, #block .dashwidget .panel-default.onlychart.wd-humidit-new .big-value { color: #0a64c1 !important; } #block .dashwidget .panel-default.wd-humidit-new .placeValue .totalizer, #block .dashwidget .panel-default.nochart.wd-humidit-new .big-value, #block .dashwidget .panel-default.nochart.wd-humidit-new .small-value section small .fa, #block .dashwidget .panel-default.onlychart.wd-humidit-new .big-value { color: #0a64c1 !important; } #block .dashwidget .panel-default.wd-oleo-new .placeValue .totalizer, #block .dashwidget .panel-default.nochart.wd-oleo-new .big-value, #block .dashwidget .panel-default.onlychart.wd-oleo-new .big-value { color: #A77502 !important; } #block .dashwidget .panel-default.nochart.wd-oleo-new .hdr, #block .dashwidget .panel-default.onlychart.wd-oleo-new .hdr { background-color: rgba(167, 117, 2, 1); } #block .dashwidget .panel-default.nochart.wd-oleo-new progress[value], #block .dashwidget .panel-default.onlychart.wd-oleo-new progress[value] { background-color: #A77502; } #block .dashwidget .panel-default.nochart.wd-oleo-new progress[value], #block .dashwidget .panel-default.onlychart.wd-oleo-new progress[value] { border: 1px solid #A77502; border-left: none; border-right: none; border-top-width: 1px; } #block small.wd-oleo-new { color: #A77502 !important; font-weight: bold } #block .dashwidget .panel-default.wd-oleo-new { -moz-box-shadow: 0 0 10px 0 rgba(127, 117, 2, 1); } #block .dashwidget .panel-default.wd-config-new .placeValue .totalizer, #block .dashwidget .panel-default.nochart.wd-config-new .big-value, #block .dashwidget .panel-default.onlychart.wd-config-new .big-value { color: #8B8B8B !important; } #block .dashwidget .panel-default.nochart.wd-config-new .hdr, #block .dashwidget .panel-default.onlychart.wd-config-new .hdr { background-color: #8B8B8B; } #block .dashwidget .panel-default.nochart.wd-config-new progress[value], #block .dashwidget .panel-default.onlychart.wd-config-new progress[value] { background-color: #8B8B8B; } #block .dashwidget .panel-default.nochart.wd-config-new progress[value], #block .dashwidget .panel-default.onlychart.wd-config-new progress[value] { border: 1px solid #8B8B8B; border-left: none; border-right: none; border-top-width: 1px; } #block small.wd-config-new { /*color: #F10000 !important;*/ color: #8B8B8B !important; font-weight: bold } #block .dashwidget .panel-default.wd-config-new { /*-webkit-box-shadow: 0 0 10px 0 rgba(241, 0, 0, 0.6); -moz-box-shadow: 0 0 10px 0 rgba(241, 0, 0, 0.6); box-shadow: 0 0 10px 0 rgba(241, 0, 0, 0.6);*/ -webkit-box-shadow: #8B8B8B; -moz-box-shadow: #8B8B8B; box-shadow: #8B8B8B; } #block .dashwidget .panel-default.wd-projcon .placeValue .totalizer, #block .dashwidget .panel-default.nochart.wd-projcon .big-value, #block .dashwidget .panel-default.onlychart.wd-projcon .big-value { color: #999 !important; } #block small.wd-projcon { color: rgb(112, 130, 170) !important; font-weight: bold; } #block .dashwidget .panel-default.nochart.wd-projcon .hdr, #block .dashwidget .panel-default.onlychart.wd-projcon .hdr { background-color: rgb(112, 130, 170); color: #FFF; } #block .dashwidget .panel-default.nochart.wd-projcon progress[value], #block .dashwidget .panel-default.onlychart.wd-projcon progress[value] { background-color: rgb(112, 130, 170) } #block .dashwidget .panel-default.nochart.wd-projcon progress[value], #block .dashwidget .panel-default.onlychart.wd-projcon progress[value] { border: 1px solid rgb(112, 130, 170); border-left: none; border-right: none; border-top-width: 1px; } #block .dashwidget .panel-default.nochart.wd-projcon .big-value .princp, .wd-projcon .big-value .refmonth { color: rgb(112, 130, 170) !important; } .wd-projcon .big-value .refmonth { font-weight: bolder; } /*Itens em branco agora no Dashboard*/ #block .dashwidget .panel-default.nochart.wd-kpi-new .hdr .title, #block .dashwidget .panel-default.nochart.wd-temp-new .hdr .title, #block .dashwidget .panel-default.nochart.wd-energy-new .hdr .title, #block .dashwidget .panel-default.nochart.wd-config-new .hdr .title, #block .dashwidget .panel-default.nochart.wd-alarms-new .hdr .title, #block .dashwidget .panel-default.nochart.wd-advdelmtrs-new .hdr .title, #block .dashwidget .panel-default.nochart.wd-invoice-new .hdr .title, #block .dashwidget .panel-default.nochart.wd-invoice-projection .hdr .title, #block .dashwidget .panel-default.nochart.wd-wastefulConsumption-new .hdr .title, #block .dashwidget .panel-default.nochart.wd-digital-in-new .hdr .title, #block .dashwidget .panel-default.nochart.wd-digital-out-new .hdr .title, #block .dashwidget .panel-default.nochart.wd-pressao-new .hdr .title, #block .dashwidget .panel-default.nochart.wd-reservatorio-new .hdr .title, #block .dashwidget .panel-default.nochart.wd-water-new .hdr .title, #block .dashwidget .panel-default.nochart.wd-water-new .hdr .icon:before, #block .dashwidget .panel-default.nochart.wd-water-new .hdr .icon-pontos:before, #block .dashwidget .panel-default.nochart.wd-water-new .hdr .icon-grupo_pontos:before, #block .dashwidget .panel-default.onlychart.wd-water-new .hdr .icon:before, #block .dashwidget .panel-default.onlychart.wd-water-new .hdr .icon-pontos:before, #block .dashwidget .panel-default.onlychart.wd-water-new .hdr .icon-grupo_pontos:before, #block .dashwidget .panel-default.nochart.wd-gas-new .hdr .title, #block .dashwidget .panel-default.nochart.wd-gas-new .hdr .fa:before, #block .dashwidget .panel-default.nochart.wd-gas-new .hdr .fas:before, #block .dashwidget .panel-default.nochart.wd-gas-new .hdr .icon-pontos:before, #block .dashwidget .panel-default.nochart.wd-gas-new .hdr .icon-grupo_pontos:before, #block .dashwidget .panel-default.onlychart.wd-gas-new .hdr .fa:before, #block .dashwidget .panel-default.onlychart.wd-gas-new .hdr .fas:before, #block .dashwidget .panel-default.onlychart.wd-gas-new .hdr .icon-pontos:before, #block .dashwidget .panel-default.onlychart.wd-gas-new .hdr .icon-grupo_pontos:before, #block .dashwidget .panel-default.nochart.wd-temp-new .hdr .icon:before, #block .dashwidget .panel-default.nochart.wd-temp-new .hdr .icon-pontos:before, #block .dashwidget .panel-default.nochart.wd-temp-new .hdr .icon-grupo_pontos:before, #block .dashwidget .panel-default.onlychart.wd-temp-new .hdr .icon:before, #block .dashwidget .panel-default.onlychart.wd-temp-new .hdr .icon-pontos:before, #block .dashwidget .panel-default.onlychart.wd-temp-new .hdr .icon-grupo_pontos:before, #block .dashwidget .panel-default.nochart.wd-config-new .hdr .icon:before, #block .dashwidget .panel-default.nochart.wd-config-new .hdr .icon-pontos:before, #block .dashwidget .panel-default.nochart.wd-config-new .hdr .icon-grupo_pontos:before, #block .dashwidget .panel-default.onlychart.wd-config-new .hdr .icon:before, #block .dashwidget .panel-default.onlychart.wd-config-new .hdr .icon-pontos:before, #block .dashwidget .panel-default.onlychart.wd-config-new .hdr .icon-grupo_pontos:before, #block .dashwidget .panel-default.nochart.wd-energy-new .hdr .fa:before, #block .dashwidget .panel-default.nochart.wd-energy-new .hdr .fas:before, #block .dashwidget .panel-default.nochart.wd-energy-new .hdr .icon-pontos:before, #block .dashwidget .panel-default.nochart.wd-energy-new .hdr .icon-grupo_pontos:before, #block .dashwidget .panel-default.onlychart.wd-energy-new .hdr .fa:before, #block .dashwidget .panel-default.onlychart.wd-energy-new .hdr .fas:before, #block .dashwidget .panel-default.onlychart.wd-energy-new .hdr .icon-pontos:before, #block .dashwidget .panel-default.onlychart.wd-energy-new .hdr .icon-grupo_pontos:before, #block .dashwidget .panel-default.nochart.wd-digital-out-new .hdr .fa:before, #block .dashwidget .panel-default.nochart.wd-digital-out-new .hdr .fas:before, #block .dashwidget .panel-default.nochart.wd-digital-out-new .hdr .icon-pontos:before, #block .dashwidget .panel-default.nochart.wd-digital-out-new .hdr .icon-grupo_pontos:before, #block .dashwidget .panel-default.onlychart.wd-digital-out-new .hdr .fa:before, #block .dashwidget .panel-default.onlychart.wd-digital-out-new .hdr .fas:before, #block .dashwidget .panel-default.onlychart.wd-digital-out-new .hdr .icon-pontos:before, #block .dashwidget .panel-default.onlychart.wd-digital-out-new .hdr .icon-grupo_pontos:before, #block .dashwidget .panel-default.nochart.wd-pressao-new .hdr .fa:before, #block .dashwidget .panel-default.nochart.wd-pressao-new .hdr .fas:before, #block .dashwidget .panel-default.nochart.wd-pressao-new .hdr .icon-pontos:before, #block .dashwidget .panel-default.nochart.wd-pressao-new .hdr .icon-grupo_pontos:before, #block .dashwidget .panel-default.onlychart.wd-pressao-new .hdr .fa:before, #block .dashwidget .panel-default.onlychart.wd-pressao-new .hdr .fas:before, #block .dashwidget .panel-default.onlychart.wd-pressao-new .hdr .icon-pontos:before, #block .dashwidget .panel-default.onlychart.wd-pressao-new .hdr .icon-grupo_pontos:before, #block .dashwidget .panel-default.nochart.wd-kpi-new .hdr .fa:before, #block .dashwidget .panel-default.nochart.wd-kpi-new .hdr .fas:before, #block .dashwidget .panel-default.nochart.wd-kpi-new .hdr .icon-pontos:before, #block .dashwidget .panel-default.nochart.wd-kpi-new .hdr .icon-grupo_pontos:before, #block .dashwidget .panel-default.nochart.wd-invoice-new .hdr .fa:before, #block .dashwidget .panel-default.nochart.wd-invoice-new .hdr .fas:before, #block .dashwidget .panel-default.nochart.wd-invoice-new .hdr .icon:before, #block .dashwidget .panel-default.nochart.wd-invoice-new .hdr .icon-pontos:before, #block .dashwidget .panel-default.nochart.wd-invoice-new .hdr .icon-grupo_pontos:before, #block .dashwidget .panel-default.nochart.wd-invoice-projection .hdr .fa:before, #block .dashwidget .panel-default.nochart.wd-invoice-projection .hdr .fas:before, #block .dashwidget .panel-default.nochart.wd-invoice-projection .hdr .icon:before, #block .dashwidget .panel-default.nochart.wd-invoice-projection .hdr .icon-pontos:before, #block .dashwidget .panel-default.nochart.wd-invoice-projection .hdr .icon-grupo_pontos:before, #block .dashwidget .panel-default.nochart.wd-wastefulConsumption-new .hdr .fa:before, #block .dashwidget .panel-default.nochart.wd-wastefulConsumption-new .hdr .fas:before, #block .dashwidget .panel-default.nochart.wd-wastefulConsumption-new .hdr .icon:before, #block .dashwidget .panel-default.nochart.wd-wastefulConsumption-new .hdr .icon-pontos:before, #block .dashwidget .panel-default.nochart.wd-wastefulConsumption-new .hdr .icon-grupo_pontos:before, #block .dashwidget .panel-default.nochart.wd-alarms-new .hdr .fa:before, #block .dashwidget .panel-default.nochart.wd-alarms-new .hdr .fas:before, #block .dashwidget .panel-default.nochart.wd-alarms-new .hdr .icon:before, #block .dashwidget .panel-default.nochart.wd-alarms-new .hdr .icon-pontos:before, #block .dashwidget .panel-default.nochart.wd-alarms-new .hdr .icon-grupo_pontos:before, #block .dashwidget .panel-default.nochart .hdr .icon:before, #block .dashwidget .panel-default.nochart.wd-advdelmtrs-new .hdr .fa:before, #block .dashwidget .panel-default.nochart.wd-advdelmtrs-new .hdr .fas:before, #block .dashwidget .panel-default.nochart.wd-advdelmtrs-new .hdr .icon:before, #block .dashwidget .panel-default.nochart.wd-advdelmtrs-new .hdr .icon-pontos:before, #block .dashwidget .panel-default.nochart.wd-advdelmtrs-new .hdr .icon-grupo_pontos:before, #block .dashwidget .panel-default.nochart.wd-digital-in-new .hdr .fa:before, #block .dashwidget .panel-default.nochart.wd-digital-in-new .hdr .fas:before, #block .dashwidget .panel-default.nochart.wd-digital-in-new .hdr .icon-pontos:before, #block .dashwidget .panel-default.nochart.wd-digital-in-new .hdr .icon-grupo_pontos:before, #block .dashwidget .panel-default.onlychart.wd-digital-in-new .hdr .fa:before, #block .dashwidget .panel-default.onlychart.wd-digital-in-new .hdr .icon-pontos:before, #block .dashwidget .panel-default.onlychart.wd-digital-in-new .hdr .icon-grupo_pontos:before, #block .dashwidget .panel-default.nochart.wd-reservatorio-new .hdr .fa:before, #block .dashwidget .panel-default.nochart.wd-reservatorio-new .hdr .icon-pontos:before, #block .dashwidget .panel-default.nochart.wd-reservatorio-new .hdr .icon-grupo_pontos:before, #block .dashwidget .panel-default.onlychart.wd-reservatorio-new .hdr .fa:before, #block .dashwidget .panel-default.onlychart.wd-reservatorio-new .hdr .fas:before, #block .dashwidget .panel-default.onlychart.wd-reservatorio-new .hdr .icon-pontos:before, #block .dashwidget .panel-default.onlychart.wd-reservatorio-new .hdr .icon-grupo_pontos:before { color: white !important; } #block .dashwidget .panel-default.nochart.wd-advdelmtrs-new section.graph-value table tbody tr td.status-box { border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; } #block .dashwidget .panel-default.nochart.wd-advdelmtrs-new section.graph-value table tbody tr td.status-box.alarme-none { background-color: #FFFFFF; } #block .dashwidget .panel-default.wd-reservatorio-new .placeValue .totalizer, #block .dashwidget .panel-default.nochart.wd-reservatorio-new .big-value, #block .dashwidget .panel-default.nochart.wd-reservatorio-new .small-value section small .fa, #block .dashwidget .panel-default.onlychart.wd-reservatorio-new .big-value { color: #3E8BC7 !important; } #block .dashwidget .panel-default.nochart.wd-reservatorio-new .hdr, #block .dashwidget .panel-default.onlychart.wd-reservatorio-new .hdr { background-color: #3E8BC7; } #block .dashwidget .panel-default.nochart.wd-reservatorio-new .img-wd { height: 125px; margin-top: 9px; } #block .dashwidget .panel-default.nochart.wd-reservatorio-new .img-wd .regua { position: relative; background: url(../images/regua-nivel-agua.png?v=5); height: 125px; z-index: 1; } #block .dashwidget .panel-default.nochart.wd-reservatorio-new .img-wd .agua-anim .info { position: relative; font-family: monospace; font-size: 11px; line-height: 1.15; color: white; top: 12px; left: 34px; width: 49px; text-align: right; text-transform: uppercase; } #block .dashwidget .panel-default.nochart.wd-reservatorio-new progress[value], #block .dashwidget .panel-default.onlychart.wd-reservatorio-new progress[value] { background-color: #3E8BC7 } #block .dashwidget .panel-default.nochart.wd-reservatorio-new progress[value], #block .dashwidget .panel-default.onlychart.wd-reservatorio-new progress[value] { border: 1px solid #3E8BC7; border-left: none; border-right: none; border-top-width: 1px; } #block small.wd-reservatorio-new { color: #3E8BC7 !important; font-weight: bold } #block .dashwidget .panel-default.wd-energy-new .placeValue .totalizer, #block .dashwidget .panel-default.nochart.wd-energy-new .big-value, #block .dashwidget .panel-default.onlychart.wd-energy-new .big-value { color: #E28D00 !important; } #block .dashwidget .panel-default.nochart.wd-energy-new .hdr, #block .dashwidget .panel-default.onlychart.wd-energy-new .hdr { background-color: #E28D00; } #block .dashwidget .panel .hdr { width: 280px; } #block .dashwidget .panel-default.nochart.wd-energy-new progress[value], #block .dashwidget .panel-default.onlychart.wd-energy-new progress[value] { background-color: #E28D00; } #block .dashwidget .panel-default.nochart.wd-energy-new progress[value], #block .dashwidget .panel-default.onlychart.wd-energy-new progress[value] { border: 1px solid #E28D00; border-left: none; border-right: none; border-top-width: 1px; } #block small.wd-energy-new { color: #FFAA1E !important; font-weight: bold } /*#block .dashwidget .panel-default.wd-energy-new { -webkit-box-shadow: 0 0 10px 0 rgba(226, 141, 0, 0.6); -moz-box-shadow: 0 0 10px 0 rgba(226, 141, 0, 0.6); box-shadow: 0 0 10px 0 #9E9E9E; } */ #block .dashwidget .panel-default.wd-digital-in-new .placeValue .totalizer, #block .dashwidget .panel-default.nochart.wd-digital-in-new .big-value, #block .dashwidget .panel-default.onlychart.wd-digital-in-new .big-value { color: #DA6AFF !important; } #block .dashwidget .panel-default.nochart.wd-digital-in-new .hdr, #block .dashwidget .panel-default.onlychart.wd-digital-in-new .hdr { background-color: rgba(218, 106, 255, 1); } #block .dashwidget .panel-default.nochart.wd-digital-in-new .img-wd { background: url(../images/sprites/spritesheet.png) no-repeat center center; background-position: -2px -869px; } #block .dashwidget .panel-default.nochart.wd-digital-in-new progress[value], #block .dashwidget .panel-default.onlychart.wd-digital-in-new progress[value] { background-color: #DA6AFF; } #block .dashwidget .panel-default.nochart.wd-digital-in-new progress[value], #block .dashwidget .panel-default.onlychart.wd-digital-in-new progress[value] { border: 1px solid #DA6AFF; border-left: none; border-right: none; border-top-width: 1px; } #block small.wd-digital-in-new { color: #DA6AFF !important; font-weight: bold } #block .dashwidget .panel-default.wd-digital-in-new { -moz-box-shadow: 0 0 10px 0 rgba(218, 106, 255, 0.6); } #block .dashwidget .panel-default.wd-digital-out-new .placeValue .totalizer, #block .dashwidget .panel-default.nochart.wd-digital-out-new .big-value, #block .dashwidget .panel-default.onlychart.wd-digital-out-new .big-value { color: #1AAE4E !important; } #block .dashwidget .panel-default.nochart.wd-digital-out-new .hdr, #block .dashwidget .panel-default.onlychart.wd-digital-out-new .hdr { background-color: rgba(44, 201, 99, 1); } #block .dashwidget .panel-default.nochart.wd-digital-out-new progress[value], #block .dashwidget .panel-default.onlychart.wd-digital-out-new progress[value] { background-color: #2CC963 } #block .dashwidget .panel-default.nochart.wd-digital-out-new progress[value], #block .dashwidget .panel-default.onlychart.wd-digital-out-new progress[value] { border: 1px solid #2CC963; border-left: none; border-right: none; border-top-width: 1px; } #block small.wd-digital-out-new { color: #2CC963 !important; font-weight: bold } #block .dashwidget .panel-default.wd-digital-out-new { -moz-box-shadow: 0 0 10px 0 rgba(26, 174, 78, 0.6); } #block .dashwidget .panel-default.wd-pressao-new .placeValue .totalizer, #block .dashwidget .panel-default.nochart.wd-pressao-new .big-value, #block .dashwidget .panel-default.onlychart.wd-pressao-new .big-value { color: rgba(0, 128, 128, 1) !important; } #block .dashwidget .panel-default.wd-pressao-new .placeValue .totalizer, #block .dashwidget .panel-default.nochart.wd-pressao-new .big-value, #block .dashwidget .panel-default.nochart.wd-pressao-new .small-value section small .fa, #block .dashwidget .panel-default.onlychart.wd-pressao-new .big-value { color: rgba(0, 128, 128, 1) !important; } #block .dashwidget .panel-default.nochart.wd-pressao-new .hdr, #block .dashwidget .panel-default.onlychart.wd-pressao-new .hdr { background-color: rgba(0, 128, 128, 1); } #block .dashwidget .panel-default.nochart.wd-pressao-new progress[value], #block .dashwidget .panel-default.onlychart.wd-pressao-new progress[value] { background-color: #008080; } #block .dashwidget .panel-default.nochart.wd-pressao-new progress[value], #block .dashwidget .panel-default.onlychart.wd-pressao-new progress[value] { border: 1px solid #008080; border-left: none; border-right: none; border-top-width: 1px; } #block small.wd-pressao-new { color: #008080 !important; font-weight: bold } #block .dashwidget .panel-default.wd-pressao-new { -webkit-box-shadow: 0 0 10px 0 rgba(0, 128, 128, 1); -moz-box-shadow: 0 0 10px 0 rgba(0, 128, 128, 1); box-shadow: 0 0 10px 0 #9E9E9E; } #block .dashwidget .panel-default.nochart.wd-water.statistic { background: url(../images/water-cut.jpg) no-repeat; } #block .dashwidget .panel-default.nochart.wd-water .panel-body-card .panel-info .single, #block .dashwidget .panel-default.nochart.wd-water.statistic .panel-body-card .panel-info .single { padding: 0; } #kpi-table tbody tr td .fa.fa-bolt { margin-left: 2px; } #kpi-table tbody tr td .fa.fa-solar-panel:before { color: #FF8C47 !important; margin-left: 2px; } #block .dashwidget .panel-default.nochart.wd-water .panel-body-card .panel-info .info, #block .dashwidget .panel-default.nochart.wd-water.statistic .panel-body-card .panel-info .info { text-align: right; margin-right: 10px; } #block .dashwidget .panel-default.nochart.wd-wastefulConsumption-new .big-value { color: #FF0000 !important; } #block .dashwidget .panel-default.nochart.wd-wastefulConsumption-new .second { color: #FF0000 !important; } #block .dashwidget .panel-default.nochart.wd-wastefulConsumption-new .hdr { background-color: rgba(255, 0, 0, 1); } #block .dashwidget .panel-default.nochart.wd-wastefulConsumption-new .small-value small.wd-wastefulConsumption-new { color: #FF0000; } #block .dashwidget .panel-default.nochart.wd-advdelmtrs-new .big-value, #block .dashwidget .panel-default.nochart.wd-kpi-new .big-value, #block .dashwidget .panel-default.nochart.wd-invoice-new .big-value, #block .dashwidget .panel-default.nochart.wd-invoice-projection .big-value, #block .dashwidget .panel-default.nochart.wd-alarms-new .big-value, #block .fa { color: #808080 !important; } #block .dashwidget .panel-default.nochart.wd-advdelmtrs-new .hdr, #block .dashwidget .panel-default.nochart.wd-alarms-new .hdr, #block .dashwidget .panel-default.nochart.wd-kpi-new .hdr, #block .dashwidget .panel-default.nochart.wd-invoice-new .hdr, #block .dashwidget .panel-default.nochart.wd-invoice-projection .hdr { background-color: rgba(128, 128, 128, 1); } #block .dashwidget .panel-default.nochart.wd-advdelmtrs-new progress[value], #block .dashwidget .panel-default.nochart.wd-kpi-new progress[value], #block .dashwidget .panel-default.nochart.wd-invoice-new progress[value], #block .dashwidget .panel-default.nochart.wd-invoice-projection progress[value], #block .dashwidget .panel-default.nochart.wd-alarms-new progress[value] { background-color: #808080 } #block .dashwidget .panel-default.nochart.wd-advdelmtrs-new progress[value], #block .dashwidget .panel-default.nochart.wd-kpi-new progress[value], #block .dashwidget .panel-default.nochart.wd-invoice-new progress[value], #block .dashwidget .panel-default.nochart.wd-invoice-projection progress[value], #block .dashwidget .panel-default.nochart.wd-alarms-new progress[value] { border: 1px solid #808080; border-left: none; border-right: none; border-top-width: 1px; } #block .dashwidget .panel-default.nochart.wd-wastefulConsumption-new progress[value] { background-color: #FF0000; } #block .dashwidget .panel-default.nochart.wd-wastefulConsumption-new progress[value] { border: 1px solid #FF0000; border-left: none; border-right: none; border-top-width: 1px; } .wd-water-new progress::-moz-progress-bar { background-color: #1A95FF; } .wd-temp-new progress::-moz-progress-bar, .wd-config-new progress::-moz-progress-bar { /* background-color: #F10000;*/ background-color: #8B8B8B; } .wd-energy-new progress::-moz-progress-bar { background-color: #FFAA1E; } .wd-digital-in-new progress::-moz-progress-bar { background-color: #DA6AFF; } .wd-digital-out-new progress::-moz-progress-bar { background-color: #2CC963; } .wd-alarms-new progress::-moz-progress-bar, .wd-advdelmtrs-new progress::-moz-progress-bar, .wd-kpi-new progress::-moz-progress-bar, .wd-invoice-new progress::-moz-progress-bar, .wd-invoice-projection progress::-moz-progress-bar { background-color: #808080; } .wd-invoice-new progress::-moz-progress-bar, .wd-invoice-projection progress::-moz-progress-bar { background-color: #808080; } #block .dashwidget .panel-default.nochart.wd-alarms-new .big-value .alarm-card, #block .dashwidget .panel-default.nochart.wd-advdelmtrs-new .big-value .alarm-card { color: white; margin-top: 2px; margin-bottom: 2px; margin-right: 1.5%; float: left; width: 47px; height: 45px; margin-top: 14px; } #block .dashwidget .panel-default.nochart.wd-alarms-new .big-value #cards .text1, #block .dashwidget .panel-default.nochart.wd-advdelmtrs-new .big-value #cards .text1 { font-size: 37%; line-height: 1.3; } #block .dashwidget .panel-default.nochart.wd-alarms-new .big-value #cards .text2, #block .dashwidget .panel-default.nochart.wd-advdelmtrs-new .big-value #cards .text2 { font-size: 22px; margin-top: -2px; -ms-text-overflow: ellipsis; border-top: 1px solid white; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: block; overflow: hidden; white-space: pre-wrap; } #block .dashwidget .panel-default.nochart.wd-alarms-new .big-value #cards .text3, #block .dashwidget .panel-default.nochart.wd-advdelmtrs-new .big-value #cards .text3 { font-size: 8px; padding-top: 1px; padding-bottom: 1px; border-top: 1px solid white; letter-spacing: 2px; } #block .dashwidget .panel-default.nochart.wd-alarms-new .big-value #cards li span, #block .dashwidget .panel-default.nochart.wd-advdelmtrs-new .big-value #cards li span { display: -webkit-box; display: list-item; text-align: center; } #block .dashwidget .panel-default.nochart.wd-alarms-new .big-value .princp, #block .dashwidget .panel-default.nochart.wd-advdelmtrs-new .big-value .princp { padding-top: 18px; } #block .dashwidget .panel-default.nochart.wd-alarms-new .big-value .extra-unit, #block .dashwidget .panel-default.nochart.wd-advdelmtrs-new .big-value .extra-unit { bottom: -5px; } #block .dashwidget .panel-default.nochart.wd-alarms-new .small-value small.wd-alarms-new .fa-bell:before, #block .dashwidget .panel-default.nochart.wd-advdelmtrs-new .small-value small.wd-advdelmtrs-new .fa-bell:before, #block .dashwidget .panel-default.nochart.wd-projcon .big-value small.extra-unit i.fa-bell:before { font-size: 10px; vertical-align: 2px; } #addWidgetNew #lboGroup, #addWidgetNew #lboMeter { float: left; width: 250px; } #addWidgetNew #lboGroup input, #addWidgetNew #lboMeter input { display: none; visibility: hidden; } #addWidgetNew .tplf { clear: both; } #addWidgetNew .search-md, #tbReplaceGateways .search-md { position: relative; } #addWidgetNew .search-md input, #tbReplaceGateways .search-md input { float: left; width: 89%; } #addWidgetNew .search-md span, #tbReplaceGateways .search-md span { float: right; width: 32px; margin-left: -10px; height: 32px; padding: 10px; display: flex; align-items: center; } #addWidgetNew #tabela-normal-users { position: absolute; z-index: 1; top: 95px; width: 43%; } #addWidgetNew .group-ct { clear: both; } #addWidgetNew .form-group { width: 50%; float: left; } #addWidgetNew .form-group label { float: left; margin-right: 10px; } #addWidgetNew .form-group .colorPicker-picker { float: left; margin: 10px 0 0 15px; } #addWidgetNew .modal-footer { clear: both; } #addWidgetNew .modal-footer button { float: left; width: 90px; } #addWidgetNew .icon-seta-baixo.pull-right { margin-top: 7px; } .warnning { border: 2px solid red; } #addWidgetNew .tabela-grupo-pontos.main { margin-left: -2px; margin-top: 29px; width: 306px; height: 0px; } #addWidgetNew .tabela-grupo-pontos.main .meterType.icon-filtro-temperatura, #addWidgetNew .tabela-grupo-pontos.main .meterType.icon-filtro-agua, #addWidgetNew .tabela-grupo-pontos.main .meterType.fa-sign-in-alt, #addWidgetNew .tabela-grupo-pontos.main .meterType.fa-sign-out-alt { margin-left: -4px; } /* * CHARTS */ .hdr.panel-heading span.icon.icon.icon-filtro-agua { padding: 8px 2px 0px 0px; } section.meterType.icon-filtro-temperatura { display: initial; align-items: center } span.icon.icon.icon-filtro-temperatura { padding: 8px 0px 0px 0px; } #opr-view.chart-view .scrollSubOptions { overflow-y: hidden; } #opr-view.chart-view .subOptions { min-width: 920px; } #opr-view.chart-view .subOptions .btns1 .btns button { padding: 10px 12px; } #wbm-container { clear: both; position: relative; max-height: 62vh; padding-bottom: 0; /* 0 para lembrar que o padrão de telas grandes é (>= 1980px) */ } /* 1440px até 1979px */ @media (max-width: 1979px) { #wbm-container { padding-bottom: 40px; } } /* 860px até 1439px */ @media (max-width: 1439px) { #wbm-container { padding-bottom: 48px; } } /* menor que 860px */ @media (max-width: 859px) { #wbm-container { padding-bottom: 56px; } } .chart-ft-b, .chart-ft-a { width: 49%; background: #eee; margin-right: 22px; margin-bottom: 22px; } .chart-ft-a { width: 100%; } .chart-ft-b:nth-child(2n+2) { margin-right: 0; } .chart-ft-b .tx-ti, .chart-ft-a .tx-ti { display: block; text-align: left; color: #828282; font-size: 14px; background: #E6E6E6; padding-left: 10px; text-transform: uppercase; } .chart-ft-b .charts-blocs-i, .chart-ft-a .charts-blocs-i { width: 100%; height: 270px; } /*Fovoritos*/ #favorite-a { width: 265px; background: #0C2B4B; position: fixed; top: 0; left: -265px; height: 700px; z-index: 99; } #favorite-a ul { overflow: auto; overflow-x: hidden; clear: both; height: 700px; } #favorite-a .favorite { margin: 10px 15px 0 0; position: relative; width: 100%; height: 100%; } #favorite-a .favorite .fav-t:hover { cursor: pointer; } #favorite-a .favorite .fav-t em { margin: -2px 0 0 10px } #favorite-a .favorite .fav-t span { padding-left: 5px; display: block; float: left; text-decoration: none; color: #fff; font-size: 16px; } #favorite-a .favorite .fav-t em:before { content: "\e637"; font-size: 16px; color: #FFF; } #favorite-a .favorite .fav-cls em:before { content: "\e611"; font-size: 16px; margin-right: 7px; color: #FFF; } #favorite-a .favorite .fav-cls span { text-indent: -9999px; display: block; } #favorite-a .favorite #fav { color: #FFF; border: 1px dashed #FFF; clear: both; margin: 0 10px 5px; height: 30px; font-family: "Myriad Pro", Myriad, Arial, sans-serif; cursor: pointer; font-size: 14px; text-align: center; padding-top: 6px; } #favorite-a .favorite #fav.followEnergy_green { color: #1abc9c; border: 1px dashed #1abc9c; } #favorite-a .favorite #fav.desktop_darkred { color: #ED1B24; border: 1px dashed #ED1B24; } #favorite-a .favorite #fav.wine { color: #9B3422; border: 1px dashed #9B3422; } #favorite-a .favorite #fav.blue_plus { color: #0077F9; border: 1px dashed #0077F9; } #favorite-a .favorite #fav.light_blue { color: #304B7A; border: 1px dashed #304B7A; } #favorite-a .favorite #fav.green_blue { color: #00728c; border: 1px dashed #00728c; } #favorite-a .favorite #fav.light_purple { color: #7485F6; border: 1px dashed #7485F6; } #favorite-a .favorite #fav:before { font-size: 14px; margin-right: 5px; } #favorite-a .favorite #fav:hover { background: #555; } #favorite-a .favorite ul .favorito-i { color: #FFF; height: 30px; cursor: pointer; clear: both; } #favorite-a .favorite ul .favorito-i:hover { background: #555555; } #favorite-a .favorite ul .favorito-i .icon { float: left; margin: 0 5px 0 5px; } #favorite-a .favorite ul .favorito-i .dashIcon { float: left; margin: 8px 10px 0px 3px; font-size: 10px; line-height: 1.2; } #favorite-a .favorite ul .favorito-i .dashIcon .entypo-gauge:before { margin-left: 3px; } #favorite-a .favorite ul .favorito-i .icon:before { font-size: 12px; vertical-align: -29%; } #favorite-a .favorite ul .favorito-i .dashIcon .divisor { font-size: 16px; position: relative; margin-top: -16px; font-weight: 100; left: 15px; } #favorite-a .favorite ul .favorito-i .icon .divisor, #favorite-a .favorite ul .favorito-i .fa .divisor { position: relative; margin-top: -18px; font-weight: 100; left: 15px; } #favorite-a .favorite ul .favorito-i .fa { float: left; margin: 0px 7px 0 10px; } #favorite-a .favorite ul .favorito-i .fa.fa-bell { margin: 0 5px 0 5px; } #favorite-a .favorite ul .favorito-i .fa.img-filtro-reservatorio { margin: 9px 2px 0 7px; } #favorite-a .favorite ul .favorito-i .fa:before { font-size: 12px; vertical-align: -29%; } #favorite-a .favorite ul .favorito-i .descricao { float: left; margin-top: 2px; font-size: 14px; width: 150px; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } #favorite-a .favorite ul .favorito-i .icon-subtrair-redondo { float: right; display: none; } #favorite-a .favorite ul .favorito-i .icon-subtrair-redondo:before { font-size: 13px; vertical-align: -30%; margin-right: 10px; } #favorite-a .favorite ul .favorito-i .icon-editar { float: right; color: white; display: none; } #favorite-a .favorite ul .favorito-i .icon-editar:before { font-size: 13px; vertical-align: -30%; margin-right: 10px; } #favorite-a .favorite ul .favorito-i:hover > .icon-editar, #favorite-a .favorite ul .favorito-i:hover > .icon-subtrair-redondo { display: block; } #favorite-a .favorite ul .favorito-i .fa.fa-bolt { margin: 3px 7px 0px 10px; } #favorite-a .favorite ul .favorito-i .fa.solar-panel { margin: 3px 7px 0px 10px; } #favorite-a .favorite ul .favorito-i .fa.fa-gears, #favorite-a .favorite ul .favorito-i .fa.fa-bell { margin: 3px 5px 0 5px; } #favorite-a .favorite ul .favorito-i .fa.fa-gears .divisor { font-size: 19px; margin-top: -16px; left: 16px; } #favorite-a .favorite ul .favorito-i .fa.fa-bell .divisor { font-size: 19px; margin-top: -17px; left: 13px; } #favorite-a .favorite ul .favorito-i .icon-pontos .divisor { left: 13px } #modalFavorites .modal-header { padding: 7px 10px 0 5px; } .modal-header .close { color: black; opacity: .5; } .modal-header .close:hover { opacity: .8; } .form-control { height: 32px; border-width: 1px; padding: 0 0 0 3px; } /* select */ .select-style { border: 1px solid #DDDDDD; height: 33px; border-radius: 0px; overflow: hidden; background: #fafafa url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeBAMAAADN62OsAAAAKlBMVEXDw8PEytfIytfT5v/XysTXysjZzMTb09no+ejo+///5tP/++j/++z////jx6YcAAAARUlEQVR4Xs3RMQ0AIBADQAyw8xKQgQYMgLB3gQbwAF8vjPAjISF0u6VpUgOVc9pv2T1GXJTMhRZRXeCNkkhVNX64+eaFCeT7Uof0Xn6TAAAAAElFTkSuQmCC') /*../images/dropdown-icon.png*/ no-repeat 98% 50%; } select::-ms-expand { display: none; } .select-style select { font-family: "Lato", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.467; padding: 5px 8px; width: 100%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; } .select-style select:focus { outline: none; } .select2-container--default .select2-selection--multiple { height: 38px; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 24px !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-top: 3px !important; } .text-center { text-align: center; } /*Alert Danger Style*/ .alert-danger { padding: 5px 10px; border: 0; border-radius: 0; margin-bottom: 8px; background-color: rgba(242, 222, 222, .55); } .alert-danger ul li { font-size: 14px; margin-bottom: 3px; } .alert-danger ul li span { font-size: 16px; margin-right: 3.5px; } .tooltip.alertOnTableRowTitleTooltip .tooltip-inner { background-color: rgb(242, 222, 222); color: #a94442; } .alertList { opacity: .5; } .alertListVisible { opacity: 1; -moz-transition: opacity 1.3s; -o-transition: opacity 1.3s; -webkit-transition: opacity 1.3s; transition: opacity 1.3s; } .alertOnTableRowTitle { opacity: 0; } .alertOnTableRowTitleVisible { opacity: 1; -moz-transition: opacity 1.5s; -o-transition: opacity 1.5s; -webkit-transition: opacity 1.5s; transition: opacity 1.5s; } .tooltip.alertOnTableRowTitleTooltip .tooltip-arrow { border-bottom-color: rgb(242, 222, 222); } .tableCategory { background-color: #DDD !important; height: 30px !important; } .tableCategory .row { color: #464646 !important; font-weight: bold !important; } /*Email group selection*/ #EmailSelectionModal table tbody tr, #MetersSelectionModal table tbody tr, #MobileSelectionModal table tbody tr { width: 805px; } #EmailSelectionModal table tbody tr td:nth-child(1), #MetersSelectionModal table tbody tr td:nth-child(1), #MobileSelectionModal table tbody tr td:nth-child(1) { width: 805px; border-right-style: none; } #EmailSelectionModal .checkbox, #MetersSelectionModal .checkbox, #MobileSelectionModal .checkbox { margin-left: 10px; } #EmailSelectionModal #tblSearchedItemsCount, #MetersSelectionModal #tblSearchedItemsCount, #MobileSelectionModal #tblMobileSearchedItemsCount { margin-left: 10px; } #EmailSelectionModal #tblSearchedItemsCount:before, #MetersSelectionModal #tblSearchedItemsCount:before, #MobileSelectionModal #tblMobileSearchedItemsCount:before { content: "("; } #EmailSelectionModal #tblSearchedItemsCount:after, #MetersSelectionModal #tblSearchedItemsCount:after, #MobileSelectionModal #tblMobileSearchedItemsCount:after { content: ")"; } #EmailSelectionModal #tblSelectedItemsCount, #MetersSelectionModal #tblSelectedItemsCount, #MobileSelectionModal #tblMobileSelectedItemsCount { margin-left: 10px; } #EmailSelectionModal #tblSelectedItemsCount:before, #MetersSelectionModal #tblSelectedItemsCount:before, #MobileSelectionModal #tblMobileSelectedItemsCount:before { content: "("; } #EmailSelectionModal #tblSelectedItemsCount:after, #MetersSelectionModal #tblSelectedItemsCount:after, #MobileSelectionModal #tblMobileSelectedItemsCount:after { content: ")"; } #FeedModalView .modal-header .close { opacity: 0.5; color: #FFF; font-weight: 100; } #emptyMessage { background-color: #DDD; border-radius: 15px; padding: 15px 15px; line-height: 1.5; font-size: 14px; margin: 0 auto; margin-top: 30px; width: 205px; text-align: center; color: #8B8B8B; /*-webkit-transition:opacity 1s ease-in-out 5s;-moz-transition:opacity 1s ease-in-out 5s;-ms-transition:opacity 1s ease-in-out 5s;-o-transition:opacity 1s ease-in-out 5s;transition:opacity 1s ease-in-out 5s;*/ opacity: 1; } #emptyMessage.out { } #emptyMessage .fa-exclamation-triangle:before { font-size: 30px; } #emptyMessage.gerando { width: 177px; } #EmailSelectionModal table tbody tr { width: 805px; } #EmailSelectionModal table tbody tr td:nth-child(1) { width: 805px; border-right-style: none; } #EmailSelectionModal .checkbox { margin-left: 10px; } #EmailSelectionModal #tblSearchedItemsCount { margin-left: 10px; } #EmailSelectionModal #tblSearchedItemsCount:before { content: "("; } #EmailSelectionModal #tblSearchedItemsCount:after { content: ")"; } #EmailSelectionModal #tblSelectedItemsCount { margin-left: 10px; } #EmailSelectionModal #tblSelectedItemsCount:before { content: "("; } #EmailSelectionModal #tblSelectedItemsCount:after { content: ")"; } #FeedModalView .modal-header .close { opacity: 0.5; color: black; font-weight: 100; } #emptyMessage { background-color: #DDD; border-radius: 15px; padding: 15px 15px; line-height: 1.5; font-size: 14px; margin: 0 auto; margin-top: 30px; width: 205px; text-align: center; color: #8B8B8B; -webkit-transition: opacity 1s ease-in-out 5s; -moz-transition: opacity 1s ease-in-out 5s; -ms-transition: opacity 1s ease-in-out 5s; -o-transition: opacity 1s ease-in-out 5s; transition: opacity 1s ease-in-out 5s; opacity: 1; } #emptyMessage.out { filter: alpha(opacity=0); opacity: 0; } #emptyMessage .fa-exclamation-triangle:before { font-size: 30px; } #emptyMessage.gerando { width: 177px; } /* Novos subtipos icones */ .meterType { display: -webkit-inline-box; display: -moz-inline-box; display: inline-block; } .icon-filtro-oleo:before { content: "\e632"; color: #A4853E; } .icon-filtro-oleo:before:not(.icondd) { margin-left: 12px; } .wi-Humidity:before { content: "\f07a"; color: #005AA0; } .wi-Humidity:before:not(.dd) { margin-left: 12px; } .wi-cloud:before { content: "\f041"; color: #607A8C; } .wi-cloud:before:not(.dd) { margin-left: 9px; margin-right: -5px; } .fa-paper-plane:before { content: "\f1d8"; color: #6983a0; font-size: 16pt; } .img-filtro-gas:before { content: "\f06d"; color: #825CFE; } .img-filtro-reservatorio, .tabs .img-filtro-reservatorio span { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .tabs .img-filtro-reservatorio span { margin-left: 10px; margin-top: 2px; float: left; } .img-filtro-reservatorio:before { color: #3C8CDE; content: "\f160"; } .img-filtro-reservatorio:before:not(.fadd) { margin-left: 10px; } .filtros .img-icon-filtro-pontos { width: 15px; height: 23px; padding-top: 8px; } .filtros .activate .img-icon-filtro-pontos { width: 16px; height: 25px; } .filtros .img-icon-filtro-pontos:before { padding: 4px; } .filtros .activate .img-icon-filtro-pontos:before { background-color: rgb(189, 189, 189); } /*Relatorio KPI Bars*/ #parameterTitle { margin-left: 10px; } .select-style { width: 215px; } /** Eficiência energética */ .ene-bars { height: 20px; display: block; text-align: right; font-size: 14px; color: #FFF; float: left; } .ene-bars:before { margin-right: 5px; display: block; display: inline-block; margin-top: 3px; } .ene-bars:after { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 14px solid transparent; height: 0; display: block; content: ""; float: right; margin-right: -15px; } .ene-bars.let-a { background: #017C35; width: 0; -webkit-transition: width .3s; -moz-transition: width .3s; -o-transition: width .3s; transition: width .3s; } .ene-bars.let-a:before { content: "A"; } .ene-bars.let-a:after, .graph-value .ene-bars.let-a:after { border-left-color: #017C35; } .ene-bars.let-b { background: #05AA34; width: 0; -webkit-transition: width .4s; -moz-transition: width .4s; -o-transition: width .4s; transition: width .4s; } .ene-bars.let-b:before { content: "B"; } .ene-bars.let-b:after, .graph-value .ene-bars.let-b:after { border-left-color: #05AA34; } .ene-bars.let-c { background: #99D013; width: 0; -webkit-transition: width .4s; -moz-transition: width .4s; -o-transition: width .4s; transition: width .4s; } .ene-bars.let-c:before { content: "C"; } .ene-bars.let-c:after, .graph-value .ene-bars.let-c:after { border-left-color: #99D013; } .ene-bars.let-d { background: #D5CF00; width: 0; -webkit-transition: width .5s; -moz-transition: width .5s; -o-transition: width .5s; transition: width .5s; } .ene-bars.let-d:before { content: "D"; } .ene-bars.let-d:after, .graph-value .ene-bars.let-d:after { border-left-color: #D5CF00; } .ene-bars.let-e { background: #F1AF03; width: 0; -webkit-transition: width .6s; -moz-transition: width .6s; -o-transition: width .6s; transition: width .6s; } .ene-bars.let-e:before { content: "E"; } .ene-bars.let-e:after, .graph-value .ene-bars.let-e:after { border-left-color: #F1AF03; } .ene-bars.let-f { background: #E5650A; width: 0; -webkit-transition: width .7s; -moz-transition: width .7s; -o-transition: width .7s; transition: width .7s; } .ene-bars.let-f:before { content: "F"; } .ene-bars.let-f:after, .graph-value .ene-bars.let-f:after { border-left-color: #E5650A; } .ene-bars.let-g { background: #DD2918; width: 0; -webkit-transition: width .8s; -moz-transition: width .8s; -o-transition: width .8s; transition: width .8s; } .ene-bars.let-g:before { content: "G"; } .ene-bars.let-g:after, .graph-value .ene-bars.let-g:after { border-left-color: #DD2918; } .ene-bars.let-h { background: grey; width: 0; -webkit-transition: width .8s; -moz-transition: width .8s; -o-transition: width .8s; transition: width .8s; } /*.ene-bars.let-h:before {content:"-";}*/ .ene-bars.let-h:after { border-left-color: grey; } small.let-a { color: #017C35; } small.let-b { color: #05AA34; } small.let-c { color: #99D013; } small.let-d { color: #D5CF00; } small.let-e { color: #F1AF03; } small.let-f { color: #E5650A; } small.let-g { color: #DD2918; } .indice_kpi.let-a { background: #017C35; } .indice_kpi.let-b { background: #05AA34; } .indice_kpi.let-c { background: #99D013; } .indice_kpi.let-d { background: #D5CF00; } .indice_kpi.let-e { background: #F1AF03; } .indice_kpi.let-f { background: #E5650A; } .indice_kpi.let-g { background: #DD2918; } .graph-value .bar-list { overflow: hidden; float: left; width: 110px; padding-top: 10px; } .graph-value .bar-list li { clear: both; } .graph-value .perc-b { float: left; font-size: 9px; margin-right: 3px; width: 28px; text-align: right; color: #666666; } .graph-value .ene-bars { height: 14px; display: block; font-size: 8px; } .graph-value .ene-bars:after { border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid transparent; margin-right: -10px; } .graph-value .ene-bars:before { margin: 1px 0 0 0; } .graph-value .icon-scale { width: 15px; height: 119px; float: left; position: relative; margin-top: 15px; } .graph-value .icon-scale.frt { border: 1px solid #FFF; padding-left: 3px; margin-top: 1px; } .graph-value .icon-scale span { display: block; position: absolute; font-size: 14px; } .unselectedMeterRow { opacity: .3; } .meterSelected { opacity: 0; } #tabela-normal-users > thead > tr > th { border-right: 1px solid white !important; } #tabela-normal-users > thead > tr > th:last-child { border-right: none !important; } /*#style-tabela-acs label.descEstadoDigital { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; border-radius: 10px; background: #FF0000; text-align: center; font-size: 10px; color: #ECECEC; height: 12px; width: 12px; }*/ #style-tabela-acs label.first-qty.ftr { min-width: 80px; } /* * Only to Firefox * */ @-moz-document url-prefix() { } .modal-body { padding: 0; } #noty_center_layout_container li { background: #1abc9c; border: 0 !important; color: white !important; } ul#noty_bottomCenter_layout_container { list-style: none; margin: 0 auto; display: table; max-width: 300px; width: 100%; } ul#noty_bottomCenter_layout_container li { border: none !important; background: linear-gradient( 135deg, #00aaff 0%, #23d2b5 100%) !important; height: 43px; max-width: 300px; position: relative; animation: progress 5s; } ul#noty_bottomCenter_layout_container li .noty_message { font-weight: 600; height: 40px; border-radius: 3px; background: #0C2B4B !important; color: white; position: fixed !important; width: 300px !important; } @keyframes progress { 0% { width: 100%; } 99% { width: 0; } } #noty_center_layout_container .noty_message { font-size: 14px !important; text-align: left !important; font-weight: 600; } #noty_center_layout_container .noty_buttons .btn { padding: 5px 15px; margin: 5px 5px 5px 10px; font-size: 14px !important; } footer .version.clock { display: none; } footer .version { display: block; } footer .progress { background: #0C2B4B; position: absolute; transform: translateY(-7px); margin-left: -16px; margin-bottom: 0; bottom: 25px; border-radius: 0px; height: 6px; width: 100%; } footer .progress .progress-bar { background: #005AA0; } #MainMeterpointslst_msdd, #MainGrplst_msdd { width: 113% !important; max-width: 84vw; } #block .dashwidget .panel-default.nochart .big-value .period, #block .dashwidget .panel-default.onlychart .big-value .period { font-size: 10px; font-weight: 700; text-transform: uppercase; right: 7px; top: 0; } #block .dashwidget .panel-default.nochart .big-value .princp, #block .dashwidget .wd-kpi-new.nochart .big-value .second { font-size: 16px; font-weight: bold; padding: 15px 0px 6px; } #block .dashwidget .panel-default.onlychart .big-value .extra-unit, #block .dashwidget .panel-default.nochart .big-value .princp .unit { font-size: 16px; font-weight: bold; } #block .dashwidget .panel-default.nochart .big-value { padding: 0 6px; } #block .dashwidget .panel-default.onlychart.hasAlarm .big-value .extra-unit, #block .dashwidget .panel-default.nochart.hasAlarm .big-value .princp .unit { right: 48px; } /* * Media Queries * */ /*Kiosk mode MQ*/ .div.div-titulo div.fas.fa-sign-out-alt.icon-titulo { margin-left: 8px; } /* #top-mode-kiosk { width: 100%; height: 80px; top: -100px; display: none; position: relative; background: #2C2C2C; border-bottom-style: solid; border-bottom-width: 2px; border-color: #1abc9c; } */ #mode-kiosk-ativ #top-mode-kiosk .wrapper { background: transparent !important; color: #435C6E; } .c-logo-kiosk { height: 31.164px; } .kioskLtsPanel { display: flex; align-items: baseline; gap: 16px; color: #60798B; } .kioskLst { cursor: pointer; width: 10.77px; height: 10.77px; color: #60798B; font-size: 10px; vertical-align: 4.5px; } #wrapperDashToolsKioskLeft { display: flex; align-items: center; gap: 16px; } .kioskPanelName { color: #60798B; text-align: center; font-feature-settings: 'liga' off, 'clig' off; font-family: Lato; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; /* 142.857% */ } #mode-kiosk-ativ #top-mode-kiosk { display: flex; width: 100%; padding: 20px 32px; justify-content: space-between; align-items: center; align-content: center; row-gap: 10px; flex-wrap: wrap; background: rgb(35, 45, 53); } #top-mode-kiosk .bt-sair { color: #CCC; margin-right: 10px; } #mode-kiosk-ativ #top-mode-kiosk .powerT { margin-left: 10px; font-size: 13px; color: white; text-transform: uppercase; } #mode-kiosk-ativ #top-mode-kiosk .fa-sign-out-alt { color: white; } #mode-kiosk-ativ #block .dashwidget.addNew { display: none; } #mode-kiosk-ativ footer a { margin-right: 10px; } #mode-kiosk-ativ #wbm-container { margin: 0 auto 10px; } #mode-kiosk-ativ footer .version { display: none; } #mode-kiosk-ativ footer .version.clock { display: block; } #mode-kiosk-ativ #wbm-container .list-group-item { padding-left: 0 !important; } #header-of-all .menu-a #menu a#close { display: none; } #menu_schgtw_count { width: 15px; height: 15px; padding: 2px 0; background: #ff8000; border: 1px solid #DDD; border-radius: 9px; font-size: 9px; position: absolute; top: 3px; right: 43px; text-align: center; line-height: 11px; color: white; } @media screen and (max-width: 1920px) { #mode-kiosk-ativ #top-mode-kiosk .wrapper { height: 40px; background: #1abc9c; } #mode-kiosk-ativ #wbm-container { top: 60px; } #mode-kiosk-ativ #block .dashwidget { zoom: 100%; /* margin: 25px 3% 25px 2%; */ } #mode-kiosk-ativ #block .dashwidget.errorLoad { zoom: 100%; margin: 0px 20px 15px 0; } #mode-kiosk-ativ #block .dashwidget .panel-default.nochart .big-value .princp.icon-seta-direita { padding-top: 15px; } #mode-kiosk-ativ footer .flag-lang { display: none; } .hprMenuBtns { width: 7%; height: 150px; float: left; /*border:solid 1px green;*/ } .hprMenuSpacer { width: 24%; height: 150px; float: left; /*border:solid 1px green;*/ } .hptPontosEsq { width: 65.5%; height: 250px; float: left; margin-top: 48px; /*border:solid 1px purple;*/ } .hptPontosDir { width: 25%; height: 350px; float: left; /*border:solid 1px purple;*/ } .hptPontosEsqInteno { width: 460px; height: 110px; background-image: url('/../images/helpers/helperPontos1.png'); background-repeat: no-repeat; margin-left: 355px; } } @media screen and (max-width: 1440px) { #mode-kiosk-ativ #block .dashwidget { /* margin: 25px 2.5% 25px 2%; */ } .hprMenuBtns { width: 10.5%; height: 150px; float: left; } .hprMenuSpacer { width: 15%; height: 150px; float: left; } .hptPontosEsq { width: 71%; height: 250px; float: left; margin-top: 20px; } .hptPontosDir { width: 25%; height: 350px; float: left; margin-top: -30px; margin-left: 29px; } .hptPontosEsqInteno { width: 460px; height: 110px; background-image: url('/../images/helpers/helperPontos1.png'); background-repeat: no-repeat; margin-left: 30px; } } #style-tabela-acs .table-usr [type="checkbox"] { margin: 4px 8px 0 !important; } /* @media screen and (max-width: 1376px) { #mode-kiosk-ativ #block .dashwidget { margin: 25px 1% 25px 1.7%; } } @media screen and (max-width: 1266px) { #mode-kiosk-ativ #block .dashwidget { margin: 25px 5% 25px 5%; } } */ /*------*/ @media screen and (min-width: 1450px) and (max-width: 1680px) { .wrp { width: 1430px; } .hprMenuBtns { width: 8.5%; height: 150px; float: left; } .hprMenuSpacer { width: 20%; height: 150px; float: left; } .hptPontosEsq { width: 68%; height: 250px; float: left; margin-top: 48px; } .hptPontosDir { width: 25%; height: 350px; float: left; } .hptPontosEsqInteno { width: 460px; height: 110px; background-image: url('/../images/helpers/helperPontos1.png'); background-repeat: no-repeat; margin-left: 18%; } } @media screen and (min-width: 1210px) and (max-width: 1366px) { .wrp { width: 1190px; } .hprMenuBtns { width: 10.5%; height: 150px; float: left; } .hprMenuSpacer { width: 15%; height: 150px; float: left; } .hptPontosEsq { width: 70%; height: 250px; float: left; margin-top: 48px; border: solid 1px blue; } .hptPontosDir { width: 25%; height: 350px; float: left; border: solid 1px blue; } .hptPontosEsqInteno { width: 460px; height: 110px; background-image: url('/../images/helpers/helperPontos1.png'); background-repeat: no-repeat; margin-left: 20px; } } /* Portrait tablet to landscape and desktop */ @media screen and (max-width: 1200px) { #header-of-all .menu-a { width: 100%; } #header-of-all .menu-a #menu { margin-right: 4px; } #subheader { margin-left: 0 !important; left: 0 !important; } .wrapper, #wbm-container, .submenu { width: 100%; } .hprMenuBtns { width: 12%; height: 150px; float: left; /*border:solid 1px blue;*/ } .hprMenuSpacer { width: 7%; height: 150px; float: left; /*border:solid 1px blue;*/ } } @media screen and (max-width: 1091px) { #mode-kiosk-ativ #block .dashwidget { /* margin: 25px 3% 25px 3%; */ } #header-of-all .menu-a #menu.adm { /*width: 747px;*/ width: 820px; } #menu a { font-size: 9px; display: block; width: 91px; } #header-of-all #menu.adm a.m-grup, #header-of-all #menu.adm a.m-grma, #header-of-all #menu.adm a.m-admg { line-height: 10px; } } @media screen and (max-width: 1025px) { #opr-view #header-of-all .menu-a #menu { } /*#adm-view #header-of-all .menu-a #menu{width:720px!important;}*/ #header-of-all .menu-a #menu a { font-size: 9px; width: 91px; display: block; } .open-menu-mobile { display: none; } #subheader .tabs a { width: 122px; } .chart-ft-b { width: 48%; } #header-of-all .menu-a #menu.prg { width: auto; } #header-of-all #menu.adm a.m-grup, #header-of-all #menu.adm a.m-grma, #header-of-all #menu.adm a.m-admg { line-height: 20px; } .hptPontosEsq { width: 71%; height: 250px; float: left; margin-top: 48px; /*border:solid 1px orange;*/ } .hptPontosDir { width: 25%; height: 350px; float: left; /*border:solid 1px orange;*/ } .hptPontosEsqInteno { width: 460px; height: 110px; background-image: url('/../images/helpers/helperPontos1.png'); background-repeat: no-repeat; margin-left: 0px; } } @media screen and (max-width: 940px) { #opr-view #header-of-all .menu-a #menu { } #header-of-all .menu-a #menu a { font-size: 9px; width: 80px; display: block; } .open-menu-mobile { display: none; } #subheader .tabs a { width: 122px; } .wrapper, #wbm-container, .submenu { } .chart-ft-b { width: 48%; } #header-of-all .menu-a #menu.prg { width: auto; } .hprMenuBtns { width: 12%; height: 150px; float: left; /*border:solid 1px red;*/ } .hptPontosEsq { width: 71%; height: 250px; float: left; margin-top: 48px; /*border:solid 1px orange;*/ } .hptPontosDir { width: 25%; height: 350px; float: left; /*border:solid 1px orange;*/ display: none; } .hptPontosEsqInteno { width: 460px; height: 110px; background-image: url('/../images/helpers/helperPontos1.png'); background-repeat: no-repeat; margin-left: 0px; } #helperBtn { display: none; } } @media screen and (max-width: 840px) { /*Versãp mobile*/ #header-of-all .c-logo { image-rendering: auto; max-height: 28px; max-width: 250px; margin: 5px; margin-top: 8px; } #menu_schgtw_inputs { transform: none; } #header-of-all .menu-a #menu a#menu_schgtw_inputs > div.menu_schgtw_inputs_transform { transform: none !important; } .fa-sign-in-alt:before { transform: scaleX(-1) !important; } #header-of-all .open-menu-mobile { display: block; position: absolute; right: 15px; top: 41px; color: #ddd; border-left: 1px solid; padding-left: 10px; } #header-of-all .opts .favorite .fav-t span, footer a.beta { display: none; } #header-of-all .opts { color: #CCCCCC; float: left; font-size: 13px; margin-top: -2px; margin-right: 2px; } #feeds-md .int-ovf { max-height: 300px; } /*table implementions*/ #tabela-normal-users #sel-point-tb .thead-full-points th.last-measure-table, #tabela-normal-users #sel-point-tb .thead-full-points th.sepa-table, #tabela-normal-users #sel-point-tb .thead-full-points th.second-measure-table, #tabela-normal-users #sel-point-tb .thead-full-points th.time-table, #tabela-normal-users #sel-point-tb .thead-full-points th.alarm-status-table, #style-tabela-acs #sel-point-tb > tbody > tr > td.alarm-status-table, #style-tabela-acs #sel-point-tb > tbody > tr > td.last-measure-table, #style-tabela-acs #sel-point-tb > tbody > tr > td.sepa-table, #style-tabela-acs #sel-point-tb > tbody > tr > td.second-measure-table, #style-tabela-acs #sel-point-tb > tbody > tr > td.time-table, #tabela-normal-users .tools a.tls-fin, #tabela-normal-users .tools a.tls-alm, #tabela-normal-users .tools a.tls-rel, #tabela-normal-users .tools a.tls-graf { display: none; } #style-tabela-acs #sel-point-tb > tbody > tr > td .second-line { display: block; } /*Chart mobile implementions*/ #subheader { border-top: 3px solid white !important; } #subheader .submenu button.btn.filtros:before { color: white; font-size: 15px; vertical-align: -4px; } #subheader .submenu button.btn { background: #1abc9c; color: white; width: 25px; height: 22px; font-size: 12px; font-weight: 700; margin-right: 4px; float: right; margin-top: 4px; } #subheader .submenu button.btn { background: #ACACAC; } #subheader .submenu button.icon-grupo_email.ftr { margin-right: 10px; } #subheader .subOptions .ftr .btnSearch { background: #ACACAC; position: relative; margin-left: 10px; color: white; } #style-tabela-acs .table > thead > tr > th, #style-tabela-acs .table > thead > tr > td { padding: 0 0 0 5px !important; } .cssmenu .first-l, #cssmenu .first-l { display: block; } #MainMeterpointslst_msdd { width: 113% !important; max-width: 84vw; } #subheader .groupname { display: none; } #subheader .subOptions.filterEnabled #btnRefQuantities { display: block !important; } #subheader .subOptions.filterEnabled #btnPeriod { display: block; border-radius: 0; height: 27px; width: 27px; padding-right: 1px; margin-top: 1px; } #subheader .groupname.filterEnabled { display: inline-block; } #subheader .submenu { padding: 2.7px 0; } #tabela-normal-users .header-selected .tools .icon { display: none !important; } #tabela-normal-users .header-selected .itemName:before { vertical-align: -13%; } #addWidgetNew .table-bordered.datatable.edit.new > tbody > tr > td:first-child { width: 210px; } #addWidgetNew #groupEdit1 #tabela-normal-users { top: 67px; width: 53%; } #addWidgetNew .tabela-grupo-pontos.main { width: 354px; } .medicao-energia .point-table .fa-bolt { vertical-align: -6px; } .medicao-energia .point-table .fa-solar-panel { vertical-align: -6px; } #tabela-normal-users .tabela-pontos tr td .descricao-ponto { padding-top: 0 !important; vertical-align: top; line-height: 1.25; } #tabela-normal-users .tabela-pontos .medicao-energia .virtual-icon { vertical-align: 5px; } #header-of-all .menu-a #menu.mobi-opn a#close { display: none !important; padding: 7px 0; height: 30px; } #header-of-all .menu-a #menu a.fa-play:before { font-size: 15px; float: none; height: 15px; margin: 0; transform: rotate(25deg); } #header-of-all .menu-a #menu a.fa-times:before { color: white; font-size: 14px; float: none; } #subheader .subOptions .ftr { width: initial; } #tabela-normal-users tbody tr td .second-line .tools { margin-top: -14px; height: 0; } #divEdit .datatable tbody tr td .row.mobilefix { position: absolute; } #menu_schgtw_count { position: static; margin-right: -23px; float: right; margin-top: -12px; } } @media screen and (max-width: 805px) { body { margin-top: 85px; } .item-menu { display: flex !important; align-items: center; gap: 8px; padding: 0 16px; } .tog.active div .span-menu { color: #FFF !important; } #header-of-all .c-logo { max-height: 38px; width: auto; } #header-of-all .menu-a { height: 50px; padding-left: 5px; } #header-of-all .menu-a #menu { box-shadow: none; width: 149px !important; height: 50px; margin: 0; } #header-of-all .menu-a #menu.mobi-opn { padding-top: 50px; } #header-of-all .menu-a #menu a { font-size: 10px; display: none; width: 160px; height: 50px; padding: 16px 20px 15px 0; border-bottom: 1px solid #eaeaea; color: #FFFFFF; display: flex; align-items: center; gap: 10px; } .material-symbols-outlined.icon-top-menu { width: 24px; margin-left: 10px; pointer-events: none !important; } #header-of-all .menu-a { padding-top: 0px; } #header-of-all .menu-a #menu a.active { height: 50px; border-bottom: 0; color: #FFF; display: flex !important; align-items: center; gap: 10px; position: absolute; top: 0px; } .tog:not(.active) { visibility: hidden; } #header-of-all .menu-a #menu a.disabled { background: #3EA28E !important; color: #3C8678 !important; } #header-of-all .menu-a #menu a.fa:before, #header-of-all .menu-a #menu a:before { margin: 0; margin-top: 0; float: right; } #header-of-all .menu-a #menu a.active:hover { color: #FFF !important; border-bottom: 1px solid #FFF !important; } #header-of-all #menu.adm a.active span { color: #FFF; } #header-of-all #menu.adm a:hover { border-bottom: 1px solid #EAEAEA; } #header-of-all #menu.adm a.active:hover i.icon-top-menu { color: #FFF; } #header-of-all #menu.adm a:not(.active):hover i.icon-top-menu { color: #435C6E; } #header-of-all #menu.adm a:not(.active):hover span.span-menu { color: #435C6E; font-weight: normal; } #header-of-all .menu-a #menu a.active:hover span.span-menu { color: #FFF !important; } #header-of-all .menu-a #menu a#dashboardMenu:before { margin-top: -6px; } #header-of-all .menu-a #menu a#alarmesMenu:before { margin-top: -4px; } #header-of-all .menu-a #menu a#financeiroMenu:before { margin-top: -2px; } #header-of-all .menu-a #menu a#cfgMenu:before { margin-top: -5px; } #opr-view #header-of-all .menu-a #menu a:hover { border-bottom: 1px solid #eaeaea !important; } #header-of-all .menu-a #menu.mobi-opn a.active { position: absolute; /*background:#DDD;color:#1abc9c;pointer-events:none;*/ top: 0; } #header-of-all .menu-a #menu.mobi-opn a.active:hover { /*background:#DDD;color:#000;*/ padding: 16px 20px 15px 0; } #header-of-all #userMode { background: #0C2B4B; height: 132px; position: absolute; right: 126px; z-index: 11; top: 29px; width: 164px; padding: 5px 10px; display: none; } #header-of-all #userMode li a.m-username2 { font-size: 9px; visibility: visible; } .wrapper { border-bottom-color: #FFFFFF; border-bottom-style: solid; border-bottom-width: 1px; } #menu a#close { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; width: 75px !important; margin-left: 45px; } #header-of-all .menu-a #menu a.fa#close:before { float: initial; width: 75px; } #detalhe-ponto div.col-tbl4, .chart-ft-b { width: 100%; } #tabela-normal-users #tbGrupos td:last-child { width: 40px; } #tabela-normal-users #tbGrupos td .itemName { display: inline-block; vertical-align: bottom; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #tabela-normal-users #tbGrupos #subTR .itemName { width: 119px; } #tabela-normal-users #tbGrupos td .tools a, #suggestionLink, #betaTestTxt { /*display: none;*/ float: left; margin-left: 50px; } #lstVersionFooter { display: none; } #tabela-normal-users #tbGrupos td .tools a:first-child { display: block; } #tabela-normal-users .header-selected { padding: 0 0 1px 4px !important; } #tabela-normal-users .header-selected .itemName { display: inline-block; max-width: 253px; vertical-align: sub; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 1.1; } #style-tabela-acs .table > thead > tr > th, #style-tabela-acs .table > thead > tr > td { padding: 4px 3px 2px 5px !important; } .modal-dialog { width: auto; margin: 30px 5px; } #groupEdit0 .col-md-12, #groupEdit1 .col-md-12 { margin-top: 10px; line-height: 1.4; } #addWidgetNew .search-md input { width: 87.8%; } #addWidgetNew .kind-widg-md, #addWidgetNew .kind-md, #addWidgetNew .perd-md, #addWidgetNew .qty-md { width: 100%; } #addWidgetNew .body-color { width: 55%; } #addWidgetNew .text-color { width: 45%; } #addWidgetNew #lboGroup { width: 100px; } #addWidgetNew #lboMeter { width: 150px; padding-right: 0; } #addWidgetNew #groupEdit1 #tabela-normal-users { top: 136px; width: 89.2%; } #addWidgetNew #groupEdit1.alarmes #tabela-normal-users { top: 104px; } #addWidgetNew .search-md { margin-bottom: 60px; } #addWidgetNew #groupEdit0 label.col-md-8.info.info { margin-left: 23px; font-size: 11px; } #addWidgetNew #groupEdit0 label.col-md-4 { line-height: 1; } #addWidgetNew #groupEdit1 #tabela-normal-users .header-selected { padding: 0; font-size: 12px; } #addWidgetNew #groupEdit1 .search-md { margin-bottom: 60px; } #block .dashwidget.addNew { margin-bottom: 40px; } #subheader { top: 77px !important; } #subheader .subOptions button.btn.filtros { background: #ACACAC; margin-top: 4px; color: white; float: right; display: block; } #tabela-normal-users #tbGrupos th:nth-child(2).status-box { display: table-cell; } #powerInfo .elementos { overflow: auto; } #powerInfo .elementos .row.form-group { min-width: 1114px; } #powerInfo .elementos div.col-tbl4 { width: 864px; } #addWidgetNew .modal-dialog { width: 600px; margin: 30px auto; } #addWidgetNew #groupEdit1 #tabela-normal-users { top: 67px; width: 35%; } #tabela-normal-users tbody tr:hover td .second-line .tools, #tabela-normal-users tbody tr.tr-active td .second-line .tools { display: none; } .hprMenuBtns { width: 11%; height: 150px; float: left; border: solid 1px black; display: none; } .hptPontosEsq { width: 73%; height: 250px; float: left; margin-top: 48px; } .hptPontosDir { width: 25%; height: 350px; float: left; } } } @media screen and (max-width: 1091px) { body#adm-view #header-of-all .c-logo { max-width: 185px; } #helperBtn { display: none; } } @media screen and (min-width: 810px) and (max-width: 915px) { #adm-view #header-of-all .c-logo { width: calc(100% - 740px); margin: 5px 0 0 5px; } #header-of-all .menu-a #menu a.m-grup { line-height: 12px; } } @media screen and (max-width: 800px) { #subheader .submenu button.btn.filtros { right: -25px; } #subheader .subOptions .ftr { margin-top: 0px; width: initial; } #helperBtn { display: none; } } @media screen and (max-width: 605px) { #tabela-normal-users #sel-point-tb .thead-full-points th.nonono-table, #style-tabela-acs #sel-point-tb > tbody > tr > td.nonono-table, #tabela-normal-users #sel-point-tb .thead-full-points th.coment-table, #style-tabela-acs #sel-point-tb > tbody > tr > td.coment-table { display: none } #tabela-normal-users #tbGrupos th:nth-child(2), #tabela-normal-users #tbGrupos td:nth-child(2), #exportTPDF, #exportMetersToWorkbook, #exportGtwAdmToWorkbook, #exportToWorkbook { display: none; } #tabela-normal-users tbody tr:hover td .second-line .tools, #tabela-normal-users tbody tr.tr-active td .second-line .tools { display: inherit; } #subMenu .dd .ddChild { width: 100vw !important; } #subheader .subOptions .ftr { margin-top: 0px; width: initial; } } @media screen and (max-width: 422px) { #header-of-all .open-menu-mobile { display: block; position: absolute; right: 15px; font: normal normal normal 24px/1 'FontAwesome'; top: 41px; color: #ddd; border-left: 1px solid; padding-left: 10px; } #header-of-all .opts .favorite .fav-t span { display: none; } #header-of-all .m-top-interaction { display: block; } #header-of-all .opts a.m-light { display: none; } #detalhe-ponto div.col-tbl4 { width: 67%; } #addWidgetNew .modal-dialog { width: 98%; } #addWidgetNew #groupEdit1 #tabela-normal-users { top: 100px; left: 94px; width: 65%; } #addWidgetNew .tabela-grupo-pontos.main { margin-left: -7px; margin-top: 32px; width: 292px; } #subheader .subOptions .ftr { margin-top: 0px; width: initial; } } @media screen and (max-width: 400px) { body { margin-top: 80px } #header-of-all .open-menu-mobile { display: block; position: absolute; right: 15px; font: normal normal normal 24px/1 'FontAwesome'; top: 40px; color: #ddd; border-left: 1px solid; padding-left: 10px; } #header-of-all .opts .favorite .fav-t span { display: none; } #header-of-all .opts { height: 28px; } #feeds-md .int-ovf { max-height: 300px; } #addWidgetNew .modal-dialog { width: 98%; } #addWidgetNew .table-bordered.datatable.edit.new > tbody > tr > td:first-child { width: auto; } #addWidgetNew #groupEdit1 #tabela-normal-users { top: 78px; width: 56%; } #addWidgetNew .tabela-grupo-pontos.main { width: 306px; } .filtros .img-icon-filtro-pontos { padding-top: 7px; } #subheader .subOptions .ftr { margin-top: 0px; width: initial; } } @media screen and (min-width: 376px) and (max-width: 421px) { /*iphone6*/ #detalhe-ponto div.col-tbl4 { width: 74%; } #subheader .submenu button.btn.filtros { right: -30px; } #subheader .subOptions .ftr { margin-top: 0px; width: initial; } } @media screen and (max-width: 376px) { #header-of-all .open-menu-mobile { display: block; position: absolute; right: 15px; font: normal normal normal 24px/1 'FontAwesome'; top: 41px; color: #ddd; border-left: 1px solid; padding-left: 10px; } #header-of-all .opts .favorite .fav-t span { display: none; } #header-of-all .m-top-interaction { display: block; } #detalhe-ponto div.col-tbl4 { width: 67%; } #feeds-md { width: 340px; } #addWidgetNew .modal-dialog { width: 98%; } #addWidgetNew #groupEdit1 #tabela-normal-users { top: 118px; left: 89px; width: 60.2%; } #addWidgetNew .tabela-grupo-pontos.main { width: 278px; } #tableOptions .item:first-child { margin-bottom: 15px; } #tableOptions .item:nth-child(4) { position: absolute; top: 25px; left: 10px; } } @media screen and (max-width: 360px) { #detalhe-ponto div.col-tbl4 { width: 74%; } #subheader .submenu button.btn.filtros { right: -10px; top: 0px; } } @media screen and (max-width: 324px) { #subheader .submenu button.btn.filtros { right: -10px; } .cssmenu, #cssmenu { position: absolute !important; right: 20px; } #header-of-all .open-menu-mobile { display: block; position: absolute; right: 15px; font: normal normal normal 24px/1 'FontAwesome'; top: 41px; color: #ddd; border-left: 1px solid; padding-left: 10px; } #header-of-all .opts .favorite .fav-t span { display: none; } #header-of-all .opts .favorite .fav-t span { display: none; } #header-of-all .m-top-interaction { display: block; } #feeds-md { width: 320px; right: 0; } #feeds-md .inbox li { width: 300px; } /*Lista de pontos implementions*/ #tabela-normal-users .tabela-pontos tr td .icon-filtro-agua, #tabela-normal-users .tabela-pontos tr td .icon-filtro-energia, #tabela-normal-users .tabela-pontos tr td .icon-filtro-temperatura, #tabela-normal-users .tabela-pontos tr td .icon-entrada-digital, #tabela-normal-users .tabela-pontos tr td .icon-saida-digital { display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; } #tabela-normal-users .header-selected .itemName { max-width: 245px; } #mode-kiosk-ativ .wrapper.menu-a img { left: 40% !important; } #addWidgetNew .modal-dialog { width: 98%; } #addWidgetNew #groupEdit1 #tabela-normal-users { width: 57.2%; } #addWidgetNew .tabela-grupo-pontos.main { width: 213px; } #subheader .submenu button.icon-grupo_email.ftr { margin-right: 40px; } } /*CSS Marcos*/ .widget-form-field { display: -webkit-box; display: -moz-box; display: -ms-flexbox; padding: 0 0 0 7px; height: 29px; } #alarmsQuantities { padding-bottom: 10px; padding-top: 10px; } #alarmsQuantities li { padding-left: 8px; clear: left; } #boAlmQuant { margin-top: -4px; margin-left: -11px; margin-right: 20px; } .row-fix { float: left; } #header-fixed { position: fixed; top: 0px; display: none; background-color: white; } #kpi-table { color: #eaeaea; overflow-x: hidden; } .btn-autoScroll-kpi { background-image: url("../images/icons/png/scroll_icon.png"); } .ico-building { /*background-image: url("../images/icons/png/ico_building.png") !important;background-repeat:no-repeat !important;background-position:90% 15px !important;*/ } /* CSS Marcos*/ #mode-kiosk-ativ .wrapper.menu-a img { height: 48px; position: absolute; left: 48%; top: 8px; } a.btf.icon.icon-graficos.go-graph { } .chart-ft-b.ftl { } section.big-value { } ul { } i#signPercentage.ftr.fa.fa-play.fa-rotate-90.green { color: #22B14C !important; } i#signPercentage.ftr.fa.fa-play.fa-rotate-270.red { color: #ED1C24 !important; } .panel ::-webkit-scrollbar { width: 4px; -webkit-animation-direction: alternate; /* Chrome, Safari, Opera */ animation-direction: alternate; } .dataTables_scroll { -webkit-animation-direction: alternate; margin-top: 8px; /* Chrome, Safari, Opera */ animation-direction: alternate; } .fas { font-size: 16px; margin-left: 4px; } #relatedPontosTable #kin.fas { margin-right: 6px; } .fas.fa-sign-in-alt { color: #DA6AFF; transform: rotateY(180deg); margin-left: 14px; font-size: 15px; margin-right: 2px; } .fas.fa-solar-panel { font-size: 13px; } .fas.fa-sign-out-alt { color: #4D9955 !important; margin-left: 14px; } .fas.img-filtro-reservatorio { font-size: 15px; margin-left: 3px; } .fa, .far, .fas { font-family: "Font Awesome 5 Free" !important; } #alarmesMenu, #phonesMenu, #cfgMenu, #menu_schgtw_meters, #menu_schgtw_analog, #menu_schgtw_outputs, #menu_schgtw_inputs, #menu_schgtw_inputs, #menu_schgtw_timetable { font-family: "Font Awesome 5 Free"; margin-left: 0px; } .fas.fa-play, .fas.fa-link { font-family: "Font Awesome 5 Free" !important; } .icon.fas.img-filtro-reservatorio:before, .icon.fas.img-filtro-gas:before { font-family: "Font Awesome 5 Free" !important; } span#widgetIcon.fas.fa-bolt { margin-top: -3px !important; } span#widgetIcon.fas.fa-sign-in-alt { margin-right: 5px !important; margin-top: -1px !important; margin-left: -2px; } span#widgetIcon.icon.icon-filtro-temperatura { margin-top: -4px !important; } span#widgetIcon.fas.fa-sign-out-alt { margin-right: 5px; margin-top: -1px !important; margin-left: 2px; } #cmdType, #cmdType:before { } #widgetIcon, #widgetIcon:before { color: white !important; float: left; margin-right: 6px; height: 18px; margin-top: 5px; } .newIconsAdd { margin-top: -8px; } .link.fas.fa-bolt { margin-top: 10px; margin-left: -3px; } .fas.fa-building { font-size: 18px; } .icon.fas.fa-bolt:before { font-family: "Font Awesome 5 Free" !important; } .icon.fas.fa-sign-out-alt:before { color: #2CC963; font-family: "Font Awesome 5 Free" !important; } .icon.fas.fa-sign-in-alt:before { color: #DA6AFF; display: inline-block; transform: rotateY(180deg); font-family: "Font Awesome 5 Free" !important; } .icon.fas.fa-sign-in-alt { transform: none; } .icon.icon.icon-configuracao:before { font-family: acs-icon !important; margin-left: 12px; color: #81475f; } .icon-tariffs.icon.icon-configuracao:before { margin-left: 4px; color: #464646; } .icon-adicionar-redondo-tariffs { margin-right: 0px; margin-top: 4px; } .icon.fas.fa-compress:before { font-family: "Font Awesome 5 Free" !important; } .icon.fas.fa-solar-panel:before { font-family: "Font Awesome 5 Free" !important; } .mdc-form-field { display: flex; align-items: center; gap: 8px; } .MessageNoPoints { position: inherit; text-align: center; background: white !important; } .MessageNoPoints p { color: #435C6E; margin-top: 16px; font-size: 16px; line-height: 20px; } .MessageNoPoints span { font-size: 60px; color: #435C6E; } .jcontent-center { justify-content: center; } .ajustList { float: right; background-color: #ddd !important; padding: 14px 0px 0px 30px !important; } .ajustGrafList { float: left; margin-top: -5px !important; margin-right: -12px !important; padding: 0px 0px 0px 16px !important; } a.icon.ftr#gatewayListTab span { margin-top: 4px; } a#gatewayListTab, a#gatewayAssociationTab, a#gsm { justify-content: center; align-items: center; } button#popupFilters.notInReportPDF { margin-left: -8px; } button#popupFilters.notInReportPDF::before { margin-left: 0px; } div.list-group-item div#faturas-energia { margin-top: -10px; } section#subheader.energyBill-sh div.row.subOptions { height: 48px; } tbody tr.even span.icon.icon-fatura-simulada { margin-top: 16px !important; } tbody tr.odd span.icon.icon-fatura-simulada { margin-top: 16px !important; } .wi:not(.dd) { margin-left: 11px; margin-right: 4px; width: 16px; text-align: center; } .fadd { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 5 Free"; font-weight: bold; } .icondd { float: left; } .icondd:before, .icondd:after { font-family: 'acs-icon'; font-style: normal; } .wi.dd { border: 0px; background-color: transparent; } .wi.dd, .fadd, .icondd, .equipmentSvg { text-align: center; width: 50px; } .wi.dd:before, .fadd:before, .icondd:before, .equipmentSvg:before { } .fadd.fa-sign-out-alt:before { color: #4D9955; margin-left: 4px; } .fadd.fa-sign-in-alt { -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); margin-left: 1px; margin-right: -1px; } .fadd:after, .icondd:after, .wi.dd:after, .equipmentSvg:after { color: #007ACD !important; } .fadd.fa-bolt.virtual:after, .fadd.img-filtro-gas.virtual:after, .icondd.icon-filtro-agua.virtual:after, .icondd.icon-filtro-temperatura.virtual:after, .icondd.icon-filtro-oleo.virtual:after, .icondd.icon-filtro-agua.virtual:after, .wi.dd.wi-Humidity.virtual:after, .fadd.img-filtro-gas.virtual:after, .fadd.fa-bolt.external:after, .fadd.img-filtro-gas.external:after, .icondd.icon-filtro-agua.external:after, .icondd.icon-filtro-temperatura.external:after, .icondd.icon-filtro-oleo.external:after, .icondd.icon-filtro-agua.external:after, .wi.dd.wi-Humidity.external:after, .fadd.img-filtro-gas.external:after { left: -18px !important; } .fadd.fa-sign-in-alt.virtual:after, .icondd.icon-configuracao.virtual:after, .icondd.icon-configuracao.virtual:after, .fadd.fa-compress.virtual:after, .wi.dd.wi-cloud.virtual:after, .fadd.fa-sign-in-alt.external:after, .icondd.icon-configuracao.external:after, .icondd.icon-configuracao.external:after, .fadd.fa-compress.external:after, .wi.dd.wi-cloud.external:after { left: -22px !important; } .fadd.fa-sign-out-alt.virtual:after, .fadd.fa-sign-out-alt.external:after { left: -24px !important; } .fadd.fa-solar-panel.virtual:after, .fadd.fa-solar-panel.external:after { left: -28px !important; } .fadd.img-filtro-reservatorio.virtual:after, .fadd.img-filtro-reservatorio.external:after { left: 2px !important; } .fadd.img-filtro-reservatorio:before { position: relative !important; left: 5px !important; } .fadd.fa-sign-in-alt.virtual, .fadd.fa-sign-in-alt.external { margin-left: -4px; } .equipmentSvg:after { left: -10px !important; } .dd .ddChild li:has(div.fadd, div.icondd, div.wi.dd, div.equipmentSvg) { padding-left: 0px !important; } .equipmentSvg { background-image: url(/images/icons/svg/electrical-outlet.svg); float: left; background-position: center; background-repeat: no-repeat; height: 100%; } .table-configuration-prg { margin: 0 !important; } .flex { display: flex; } .flex-auto { flex: auto; } .text-nowrap, .buscaMedidor .row { text-wrap: nowrap; } @media screen and (max-width: 840px) { #subheader .submenu, #subheader .subOptions { min-height: 39px; } } #engie-products-i { text-decoration: none; color: #ccc; line-height: 18px; } #engie-products-i:hover svg path { stroke: #007ACD; } .engie-products { font-size: 14px; color: #171d21; display: flex; gap: 24px; flex-direction: column; height: fit-content; min-width: fit-content; max-width: fit-content; } .engie-products .title { color: #60798B; } .engie-products strong img { height: 14px; } .engie-products li { align-items: center; display: flex; flex: 1; height: 64px; max-width: 336px; } .engie-products li:hover { background-color: #EBEEF1; box-shadow: 2px 0 0 0 #007ACD inset } .engie-products li a { align-items: center; display: flex; gap: 24px; flex: 1; padding: 12px 24px; flex: 1; height: 100%; width: 100%; align-content: center; margin: 0 11px !important; color: #171d21 !important; } .engie-products li img { height: 40px; } .engie-products #divider { border-top: solid 1px #CCD4DA; margin: 8px 0; } .engie-panel #goToPortal { flex: 1; display: flex; color: #007ACD; border: solid 1px #007ACD; font-size: 12px; max-height: fit-content; margin: 0 24px; } .engie-panel #goToPortal:hover { background-color: #E7EEFC; } .engie-panel #goToPortal:active { background-color: #C0D4F9; } .engie-panel #goToPortal:hover * { color: #0D4D81 !important; } .engie-panel #goToPortal a { padding: 7px 28px; width: 100%; flex: 1; display: flex; justify-content: center; align-items: center; gap: 8px; color: #007ACD !important; margin: 0 !important; } .engie-panel { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999999999 !important; display: none; } .engie-panel__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.35); display: none; } .engie-panel__container { position: absolute; top: 0; right: -660px; width: 660px; max-width: 100%; height: 100%; background: #FFFFFF; box-shadow: -4px 0 12px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; max-height: 100%; } .engie-panel__container .material-symbols-outlined:hover { color: inherit !important; } .engie-panel__header { display: flex; align-items: center; justify-content: space-between; padding: 16px 24px; border-bottom: 1px solid #ebeef1; } .engie-panel__title { font-size: 14px; font-weight: 700; color: #007acd; } .engie-panel__close { border: none; background: transparent; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 24px; height: 28px; width: 28px; color: #60798b; } .engie-panel__close:hover { background-color: #EBEEF1; } .engie-panel__body { padding-bottom: 12px; position: static !important; top: auto !important; right: auto !important; box-shadow: none !important; width: 100% !important; height: 100% !important; display: flex !important; flex-direction: column !important; justify-content: space-between; gap: 24px; max-height: 100%; min-height: 0; } .engie-panel-products-solutions { display: flex; flex-wrap: wrap; gap: 24px; justify-content: space-between; overflow-y: auto; overflow-x: hidden; padding: 24px; padding-bottom: 0; max-height: 100%; min-height: 0; } .menu-summary { list-style: none; display: flex; align-items: center; gap: 4px; cursor: pointer; border-top: 1px solid #ccd4da; justify-content: space-between; padding: 4px 8px; font-size: 12px; color: #60798b; font-weight: 700; } .menu-summary:hover { background-color: #EBEEF1; } .menu-summary::-webkit-details-marker { display: none; } .menu-details[open] .menu-icon { transform: rotate(180deg); } .engie-products__name { display: flex; align-items: center; gap: 24px; } .engie-badge-available { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 17px; border-radius: 45%; background-color: rgba(13, 155, 22, .12); cursor: default; flex-shrink: 0; z-index: 100; color: #004d1c; font-size: 11px; line-height: 1; color: #004d1c; cursor: pointer; } .engie-badge-available .material-symbols-outlined { font-size: 10px; line-height: 1; font-weight: 500; } .engie-badge-available::after { content: attr(data-tooltip); position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); padding: 6px 10px; background-color: #232d35; color: #ffffff; font-size: 13px; line-height: 1.6; white-space: normal; text-align: center; display: inline-block; min-width: 190px; max-width: 360px; box-sizing: border-box; opacity: 0; visibility: hidden; transition: opacity 0.15s ease-out, transform 0.15s ease-out; z-index: 10000; } .engie-badge-available::before { content: ""; position: absolute; bottom: calc(100% - 2px); left: 50%; transform: translateX(-50%) rotate(180deg); border-width: 6px; border-style: solid; border-color: transparent transparent #232d35 transparent; opacity: 0; visibility: hidden; transition: opacity 0.15s ease-out; z-index: 10000; } .engie-badge-available:hover::after, .engie-badge-available:hover::before { opacity: 1; visibility: visible; } html.no-scroll, body.no-scroll { overflow: hidden !important; height: 100%; }