/* Copyright 2014, ..., 2025 by marcelo.t.caminha@nodeluz.com */ /* Licensa Apache2.0 - http://directory.fsf.org/wiki/License:Apache2.0 */ body { font-family : "Arial"; /*font-size : 4vmin;*/ width: 100vw; height: 100vh; margin : 0px; padding : 0px; border : 0px; background-color: #ecefed; } #claroescuro { width:30px; float:right; cursor:pointer; margin:.6em; } .claro { color: #000; background-color: #e8e5e3; } .escuro { color: #fff; background-color: #000; } inputselect { caret-color: transparent; } .abaixo { position: relative; top:+14px; } .contato { font-size : 0.9em; font-family : "Arial"; color : #0d750d; } .zopt { margin : 5px 4px 5px 4px; /* top right bottom left */ } .transparente { color: #000; opacity:.0; } .intr_adir { z-index : 100; position : absolute; right : 0px; top : 0px; } #intr_btn_refresh, #intr_limit { position : relative; margin : 8px; } .fundo { background-color : #E9FEE7; /*width: 313px;*/ } .cemporcem { width: 100%; } #cabe { position : fixed; z-index:99; left: 0px; top: 0px; text-align: left; background-color : #eaffe0; width: 100%; padding : 0px 0px 0px 0px; /* top right bottom left */ overflow:hidden; white-space: nowrap; } #workcontainer { position : absolute; top : 2.5em; left: 1px; width : 99%; } .reset_login { cursor : pointer; padding : .3em; margin: 1em; } .btnonoff { z-index : 10; margin : 0em .1em .2em .2em; /* top right bottom left */ padding: .2em .1em .2em .2em; display : inline-block; cursor : pointer; border : 3px solid #089E2E; border-radius: 5px; background-color: #daefd0; } #menuonoff { height: 25px; } #tbonoff, #tranonoff { background-color : #bbb; /*width: 1.1em;*/ } #about { cursor : pointer; } #logindlg { max-width: 24em; } #loginname { font-size : .75em; } #lista_de_mapas_head { position: relative; top: +4px; max-width: 4em; max-height: 2em; font-size : .9em; } .lstmap { color: #000; background-color: #E4F3B3; text-align: left; font-weight: bold; font-family: arial,sans-serif; font-family: Courier; } #lstmap1 { max-width : 8em; font-size: 1.1em; vertical-align: text-bottom; } .zcontainer{ position : absolute; left: 1px; top: 1px; text-align: center; overflow-y :auto; background-color : #F5FFF0; white-space: normal; z-index : +1; border : 2px solid #089E2E; border-radius: 10px; } #menuonoffcontainer { position : fixed; left:.2em; z-index: +100; max-width: 35em; } #tranonoffcontainer { font-size: .7em; vertical-align: top; display : none; margin : 1px; border : 1px solid #089E2E; border-radius: 5px; left: 1px; height: 90%; } #mnuvideos, #updjswarn { width: 95%; color : #067E0E; line-height: 1.4; border-radius: 15px; border : 1px solid #089E2E; padding: .1em; /* top right bottom left */ margin : .1em; } .pubvid { display : inline-block; font-size : 1.1em; margin : .8em; padding : .8em; } .introinfo { padding:.2em; color:#087E0E; background-color:#E9FEE7; text-align:center; position : absolute; bottom: 0px; font-size : 1em; } .fiminfo { z-index: -1; position : absolute; left:10%; top: 50px; width: 80%; background-color:#E9FEE7; } .lnkmulti { line-height: 1.4; } .zh { position: relative; top:-2px; left: 8px; background-color:#DBFFCC; box-shadow: -4px 4px 5px grey; border-radius:9px; border:1px solid #43A63A; margin : 1px; padding: 1px; width: 92%; } #menu { position: relative; margin-top: 1px; margin-left : 1px; padding-left: 5px; } .pane { display : none; min-width : 310px; min-height : 310px; } .whiteSpaceNormal { /* para poder adicionar apenas na pane das interpretacoes */ white-space : normal; } .toca_dica { padding : 2px; margin : 2px; } .playdica { padding-right : 5px; } #nojs { position : absolute; padding: 10px; margin : 5%; z-index : +555; font-size : 1.5em; text-align : center; color : black; background-color : yellow; border:3px solid #009999; border-radius:15px; } .same_lin { white-space: nowrap; } .fixed { font-family: Courier; } .fundo_head { background-color : #43A63A; } .fundo_verde{ background-color : #DBFFCC; } #playvideo1, #playtopico1 { } .mp34 { background-color:#ffffff; padding:1px; margin:1px; border:1px solid #43A63A; border-radius:5px; left: 0px; bottom: 0px; position : fixed; z-index:99; } /*----------------- a janela dos desenhos + toolbox ------------*/ .zdrawin { position: relative; padding : 0px; margin: 0px; /*background-color : #ecefee;*/ } /* .zcanvas { border : .1em solid #43A63A; border-radius: 8px; } */ .ztb5_html, .ztb6_html { /*line-height: .9em;*/ border : .1em solid #43A63A; border-radius: 8px; } .ztb_pane { position: relative; vertical-align : top; /*display : none;*/ left: 0px; } .x_close { position : absolute; right: 4px; top: 4px; z-index : 2; cursor : pointer; } .timeslider { position: absolute; top: 0em; left: 0.2em; width: max-content; } .pulatempo { position : absolute; top: 0em; left: 0px; width: max-content; } #maismenos { background-color: #a7afe2; border: 1px solid black; border-radius: 5px; opacity: .95; } .logodes { position : absolute; left : 0px; /* 80vw; vmin and vmax -> do viewport*/ top: 0px; /* vai mudar no resize */ color : #003a00; font-size: .9em; z-index : +2; max-width : 420px; } #pt_step { background-color : #d8ecfa; position: relative; } .revsol_opts { position : absolute; bottom: .5em; font-size:.9em; } .rsmaismenos { opacity: .5; } .revsol_opts_esq { left : .1em; } .revsol_opts_dir { right : .1em; } .ztbrsano { width : 3em; padding-left : 2px; padding-right : 2px; } #ztbrscid { width : 11em; opacity: .5; } .sinast_opts { position: relative; top :-1px; display: inline-block; font-size : .9em; padding: 2px 3px 2px 3px; /* top right bottom left */ margin: 1px; border: 1px solid green; border-radius: 3px; background-color: #DBFFCC; } .tb_cortador { padding: 5px 5px 5px 5px; margin: 1px 2px 1px 8px; } #lstmap2 { max-width : 6em; font-size: .9em; } #btnnumesq, #btnnumdir { position: absolute; display: none; left: 4px; top: -1px; padding:0px; border: 1px solid lightblue; border-radius: 3px; margin:1px; opacity:.4; } .btcanv { padding: .1rem; margin: .1rem; width : 1.77rem;; height: 1.77rem;; } .ptbotao { width: 1.77rem; height: 1.77rem; padding: .1rem; margin: .1rem; color: black; font-size : .9rem; font-family: Courier; } .tsbotao, .pt_maismenos, .maisrapido, .maislento { width : 2.1rem; height: 2.1rem; } .ztbanimando { position: relative; top:-4px; } .escuro_bg-odd {background-color : #111;} .escuro_bg-even {background-color : #777;} .bg-odd {background-color : #ddd;} .bg-even {background-color : #ffffff;} .bg-erro {background-color : #FABCBD;} .w1 { width : 70px; background-color : #ddd; font-size : 0.9em; margin-right : 1px; } .padesq { padding-left : 10px; } .mar_top { margin-top : 5px; } .padtop { padding-top : 10px; } .pad10 { padding : 10px; } .pad3 { padding : 3px; } .margin10 { margin : 10px; } .max_w { max-width : 180px; } .mnulnk { text-align : center; } .dialogo { padding: 5px; border : 3px solid #88FF78; color : #000; background-color : #FFFFFF; } #optsmap { display : none; border : 3px solid #43A63A; border-radius: 5px; margin: 3px; text-align: center; } .botaocancel, .botaook, .botaodel { margin : 10px; } .ztbl { text-align: left; float: left; } .zintlbl { padding : 3px; border : 2px; text-align:right; color : #ffffff; background-color : #35657E; } .zintdrw { z-index : +12; left : +200px; top : +100px; position : fixed; border : 2px solid #089E2E; border-radius: 5px; background-color : #ffffff; } .zintitm { margin-top : .3em; padding : .2em; position : relative; vertical-align : middle; } .cinza_claro { background-color : #ddd; } .cinza_escuro { background-color : #aaa; } .zinline { display : inline-block; position : relative; } .w4 { width : 4em; } .w6 { width : 6em; } .vertop { vertical-align:top; } .zintval { overflow-y :auto; max-width: 20em; max-height: 3em; padding : 3px; border : 2px; text-align:left; color : #000000; background-color : #A5C5FE; } /* .ztbbotao { padding : 3px; } */ .ztbspeed { width : 110px; font-size : 1em; margin : 3px; padding : 6px; background-color : #FFFFFF; white-space: nowrap; overflow : hidden; } #zq { position : absolute; display : none; left : 6px; top : 2px; z-index : +1755; } .pointer { cursor : pointer; } #dicas { cursor : pointer; } #zinterptabs { overflow:auto; } .h3zj { vertical-align:text-top; color : #000; background-color : #DBFFCC; padding:1px; font-size : 1em; text-align: center; } .pad_left { margin-left : 10px; } .zitabsubtext{ } .small { font-size : .8em; } .small5 { font-size : .5em; } .xsmall { font-size : .6em; } .big1 { font-size : 1.1em; font-weight : bold; } .big { font-size : 1.2em; font-weight : bold; } .xbig { font-size : 1.6em; font-weight : bold; } #zicon { opacity:.8; } .zlin { margin : 8px 3px 2px 3px; /* top right bottom left */ } .zlabel { /*display : inline-block;*/ text-align : left; font-weight : bold; padding: 5px; } fieldset { margin-top : 10px; } .zfield { text-align : left; background-color : #E6FBE4; margin: 5px; } .esq { text-align: left; } .dir { text-align: right; } .aesq { text-align: left;} .acen { text-align: center; } .adir { text-align: right; float: right; } .bold { font-weight:bold; } .zjok, .zjcancel { padding: .5px 2px .5px 2px; margin-top: 1em; margin-left: 1em; margin-right: 1em; font-size : 1.1em; } ul li { z-index : +10; font-size : 0.9em; white-space: nowrap; } .block { display : block; } .zdbhead { padding: .0em .0em .0em .0em; /* top right bottom left */ margin: 3px; color: #ffffff; background-color: #067E0E; border : 1px solid #089E2E; border-radius: 5px; } .waiting { cursor: wait !important; } #zjmapas { overflow:auto; } .selsin { margin-top: 5px; color:#000; background-color:#20ED42; font-size : .8em; } .selmapsover { color:#fff; background-color:#056C15; border : 2px solid #00ff00; } .selmap { display: block; cursor:pointer; margin: 4px; border : 2px solid #00C81A; border-radius: 5px; text-align: center; } .selmapdet { cursor:pointer; border-top : 2px solid #00C81A; color:#000; background-color:#fff; } .selmapdat { color:#000; background-color: #D8FFD2; font-size : 0.8em; } .selmaplnk { font-size : 0.9em; padding: .2em; } .invisivel { display : none; } .visivel { display: block; } .zjmsghead { /*margin-top: .1em;*/ color : #fff; /* text-align: left;*/ padding: .2em .5em .2em .2em; /* top right bottom left */ background-color : #43A63A; font-weight:bold; /* margin-bottom : 5px; */ border-radius: 3px; } .zjerrhead { color : #fff; text-align: left; padding-left: .5em; background-color : #ff0000; font-weight:bold; margin-bottom : 5px; border-radius: 3px; } .tabnum { min-width: max-content; display : inline-block; border : 1px solid #43A63A; border-radius: 5px; padding: 2px; } .astros { cursor : pointer; } .astro_off { opacity:.2; } .umast { position: relative; font-family:monospace; padding: .01em; white-space:nowrap; } .tbtxt{font-family:Arial, Helvetica, sans-serif;border-collapse:collapse;border-spacing:0px;} .tbtxt td, .tbtxt th{font-size:1.2em;} .tbtxt th{font-size:1.4em;text-align:center;padding-top:0px;padding-bottom:0px;background-color:#A9CC3F;color:#fff;} .tbtxt tr.alt td{color:#000;background-color:#EAF3D3;} tr.altr{color:#e00;background-color:#EAF3D3;} #zqlogo { position : absolute; left : 80px; top : 26px; } .pqn { font-size : .6em; } #wmapas { text-align: center; } .goto { margin-top:10px; color : #1D8E1D; /* font-size : .8em; position : relative; top: +2px; */ } /* mudancas no CSS da jquery-ui */ /* .ui-widget { font-size : 0.9em; } .ui-selectmenu-button { } */ .ui-button-text-only .ui-button-text { padding: .38em 1em } .ui-selectmenu-button span.ui-selectmenu-text { padding: 0.2em 1.1em 0.2em .8em; } .ui-tabs .ui-tabs-panel { padding: .1em 0.4em; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .1em 0.4em; } .aulas { margin-top: .2em; margin-right: .3em; /*float: left;*/ } .audiotxt { /* position : relative; top: +.5em; margin-right: .7em; */ } .audioimg { margin:2px; padding:4px; /* position : relative; top: +.4em; margin-right: .7em; */ } .inlblk { display : inline-block; } .line { display : inline-block; } .creditos { color: black; font-weight: bold; font-size : .8em; padding : 5px; overflow: initial; white-space: normal; text-align: center; } .imgint { display : inline-block; background-color : #ffffff; width : 24px; height: 24px; position : relative; top: +3px; } .linhadet { text-indent: 3em; font-size : .8em; } .titleint { margin-top: .3em; margin-bottom: .1em; } .jump { cursor : pointer; } .jump_astro { padding: 2px; position : relative; left: -4px; top: -3px; } #wchartsvg { display : inline-block; left : 0px; top : 0px; } #wchartsignif { display : inline-block; vertical-align : top; background-color : #DBFFCC; } .inttopic { background-color : #ffffff; border : 3px solid #084EFF; margin : 3px; } .ui-accordion .ui-accordion-content { padding: .3em; } #getstat { display : none; } .pix { font-size: 1.2em; max-width : 500px; display : inline-block; white-space : normal; background-color : #ffffff; text-align: center; border : 2px solid #089E2E; border-radius: 12px; } #zdblog { position : fixed; display : block; font-size : .75em; left : 5em; top : 5em; height : 20%; width : 50%; background-color : #F1F3F4; overflow: auto; z-index : 1000; } .ui-dialog .ui-dialog-content { padding: .1em .2em; } .zlabelasp { display : inline-block; } .opaci_grupo { background-color : #F1F3F4; padding : 5px 5px 9px 5px; /* top right bottom left */ margin-top : 5px; border-radius: 5px; border : 1px solid #43A63A; } .orbes { background-color : #F1F3F4; border : 1px solid #43A63A; border-radius: 5px; padding: 2px; margin-top: 2px; text-align: center; } .atualizakey{ width : 30px; height : 20px; margin: 6px; } .audtop{ width : 25px; height : 20px; margin-bottom: 6px; } .ui-dialog, .ui-dialog-content { overflow: visible; } .ui-dialogue select{ position:fixed; z-index : +5555; } .ui-selectmenu-menu { position:fixed; z-index : +5555; } table { display: table; border-collapse: separate; border-spacing: 2px; border-color: #cccccc; } td, th { display: table-cell; vertical-align: inherit; } .tbtxt { font-family: Arial, Helvetica, sans-serif; border-collapse: collapse; border-spacing: 0px; } .btnbar { margin: 7px 7px 4px 7px; /* top right bottom left */ } .red { background-color:#ee0000; color:#FFFFFF; } .tb_opt_itm { padding: 1px 3px 1px 0px; /* top right bottom left */ margin : 1px; border : 1px solid green; font-size : 0.8em; border-radius: 3px; background-color : #DBFFCC; } .tran_head { margin-left:.2em; } .tran_ast_botao { border-radius: 3px; border : 1px solid black; padding: 1px; margin : 1px 1px 1px 4px; /* top right bottom left */ position:relative; top:-2px; } .tran_ast_botao img { position:relative; top:+3px; } .tran_opcoes{ left: 100px; top : 0px; padding: 2px 1px 1px 1px; /* top right bottom left */ overflow :hidden; width: 224px; } .tran_graframe { display : inline-block; overflow-x :hidden; overflow-y :hidden; z-index : +1; } #tran_grafxy { position: absolute; z-index : +2; background-color: #ddd; opacity:.5; padding: 4px; } .tran_result { display : inline-block; } .result { overflow:scroll; min-height: 300px; width: max-content; padding-right: .3em; cursor: pointer; display:block; text-align:left; font-size : .9rem; font-family:monospace; list-style-type: none; margin: 0; padding: 0; } .trfi { margin-left:.3em; } #ztmpmsg12 { z-index : 2000; max-width : 28em; background-color : yellow; color : black; padding: 5px; font-size : 1em; font-weight: bold; border-radius: 5px; border : 2px solid #333; } #intrn { min-width : 650px; font-size : .9em; } .intrntxt { position : relative; margin : 1px 2px 5px 2px; /* top right bottom left */ padding: 1px 2px 5px 2px; background-color : #83E67A; border-radius: 5px; border : 1px solid #0058C5; opacity:.8; } .intrntxt input { width : 19em; } .intr_btn_enviar { margin: .1em .2em .2em 1em; /* top right bottom left */ } .intrn { /*max-height: 500px;*/ overflow: auto; white-space : normal; } /*---------------- novo sistema de interpretacao em modo texto */ .int1casa { margin-top : 5px; border-radius: 7px; border : 1px solid #43A63A; } .int1casa_texto { overflow-y: scroll; } .headcasa { background-color : #C3FFBA; padding-bottom: 2px; } .areacasa { margin-top : 2px; } .astroscasa { margin-top : 2px; background-color : #DBFFD5; } .astrocasa { margin-top : 3px; } .notfront { border-radius: 7px; border : 1px solid #43A63A; padding: 5px; margin: 5px; width: 280px; white-space: normal; } #grafInt_container { height: 250px; max-width: 400px; } .inthlp { z-index : +550; position : fixed; font-size : .7em; border-radius: 7px; border : 1px solid #43A63A; padding: 5px; left: 25px; top: 5px; width : 300px; background-color : #fff; box-shadow: 10px 10px 5px grey; overflow-y : auto; } .vidzod { padding: 10px; margin: 10px; } .ui-selectmenu-button.ui-button { width: initial; } .lishm { width : 2em; /* a hora e o minunot como input precisa de largura */ } .w15 { width: 15em; } .zmedtxt { font-size:1.1em; border-radius: 6px; background-color : #E0EFFB; padding: 4px; margin: 4px; } .aper{ border:0px; margin:0px; padding:0px; } .trlin { padding: 4px 0px 4px 0px; /* top right bottom left */ } .ui-datepicker-trigger { position:relative; top:-75px; left:25px; } /* The container */ .container { display: block; position: relative; padding-left: 20px; margin-bottom: 2px; cursor: pointer; font-size: 15px; /* -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; */ user-select: none; } /* Hide the browser's default checkbox */ .container input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #dad7d7; } /* On mouse-over, add a grey background color */ .container:hover input ~ .checkmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .container input:checked ~ .checkmark { background-color: #2196F3; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .container input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .container .checkmark:after { left: 6px; top: 3px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; /* -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); */ transform: rotate(45deg); } .partxt { margin-top: 8px; } pre{ font-family:monospace; font-size:12px; line-height:1.3; } .indmap { width: 80%; background-color: #d7ebf9; border : 3px solid #0046d3; border-radius: 5px; cursor : pointer; } #zjabout { max-width: 30em; } .infinito { display : inline-block; position: relative; width: 200px; height: 96px; opacity:.3; } .mandala { display : inline-block; position: relative; width: 80px; left: +89px; top : -7px; } .quat { display : inline-block; position: relative; width: 49px; left: -74px; top : -24px; } .trasfrente { font-size : .99em; font-weight: normal; padding-top: .5em; } .trasfrenteNum { width : 5em; margin-right: 1em; } .calcular, #using_long_tempo { padding : 6px 4px 6px 4px; /* top right bottom left */ margin : 6px 4px 6px 4px; /* top right bottom left */ } .lds-dual-ring { display: inline-block; width: 80px; height: 80px; } .lds-dual-ring:after { content: " "; display: block; width: 48px; height: 48px; margin: 8px; border-radius: 50%; border: 6px solid #000; border-color: #f00 transparent #00f transparent; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .autosize { width: 100%; height: auto; } .grid-container { display: grid; grid-template-columns: 13em 30em 8em 8em; background-color: #2196F3; padding: 5px; vertical-align: top; } .grid-item { background-color: rgba(255, 255, 255, 0.8); border: 1px solid rgba(0, 0, 0, 0.8); padding: .5em .3em .5em .3em; /* top right bottom left */ font-size: .9em; text-align: center; } .grid-container { } .ofiwarn { padding: 3px; border : 3px solid #6ac3ff; background-color: #cae0f1; border-radius: 9px; font-size: .8em; float: right; } .ok2ofi { font-size: 1.2em; } .nopassado { opacity:.5; } .alerr { margin-top: .3em; } #alerta_err { position : fixed; z-index:999; left: 5px; top: 30px; text-align: center; max-width : 30em; max-height: 31em; background-color : #f9ff74; margin : 3px; padding : 6px; /* top right bottom left */ border : 3px solid #6ac3ff; border-radius: 9px; /*overflow:scroll;*/ } #fetchdiaswe { display : none; z-index : 100; position : absolute; top:40px; right:2px; cursor:pointer; margin:.2em .4em 0em 0em; padding:.2em .4em 0em 0em; } #onoffnumeros1 { display : block; z-index : 110; position : absolute; top:100px; right:0px; cursor:pointer; margin:.2em .4em 0em 0em; } .amarelo { background-color: yellow; } .graf_tab { padding :.3em .3em .1em .3em;"; /* top right bottom left */ } #mapdlg { font-size:1.5em; } .zodpadrao { display: inline-block; max-width: 22em; font-size:1.2em; font-weight: bold; margin:.5em; padding:.5em; } .preto { background-color : black; } #asptab1 { width: 20em; } img_inverted { -webkit-filter: invert(1); filter: invert(1); }