/* NOVO abr() xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ /* BOTÃO GERAL xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ .geraloff {background-color: var(--fundo3); margin-top: 0.5em; font-size:0.90em; color: var(--texn); font-weight: bold; text-align: left; border: 2px solid var(--texn); border-radius: 0.5em; border-style: outset; } .geraloff:before {width:2em; content: '► '; color: var(--texgg);} /* font-size: inherit; */ .geraloff:hover {cursor: pointer; background-color: orangered; color: white; } /* font-size:0.93em; */ .geralon {background-color:brown; font-size:0.90em; font-weight: bold; color: white; text-align: left; margin-top: 0.5em; display: block; border: 2px solid var(--texgg);} .geralon:before {background-color: white; margin-right: 0.3em; content: "▼"; border-radius: 1em; font-size: 1.2em; color: red;} .geralon:after {background-color: white; margin-left: 0.3em; content: "▲"; border-radius: 1em; font-size: 1.2em; color: #01f06c;} .geralcoff {background-color: var(--fundo3); margin-top: 0.5em; font-size:0.90em; color: var(--texn); font-weight: bold; text-align: left; border: 2px solid var(--texn); border-radius: 0.5em; border-style: outset; } .geralcoff:before {width:2em; content: '► '; color: var(--texgg);} /* font-size: inherit; */ .geralcoff:hover {cursor: pointer; background-color: orangered; color: white; } /* font-size:0.93em; */ .geralcon {background-color:brown;font-size:0.90em; font-weight: bold; color: white; margin-left: auto; margin-right: auto; margin-top: 0.5em; display: block; border: 2px solid var(--texgg);} .geralcon:before {background-color: white; margin-right: 0.3em; content: "▼"; border-radius: 1em; font-size: 1.2em; color: red;} .geralcon:after {background-color: white; margin-left: 0.3em; content: "▲"; border-radius: 1em; font-size: 1.2em; color: #01f06c;} .geralsoff {background-color: var(--fundo3); margin-top: 0.4em; cursor: pointer; font-size:0.75em; color: var(--texcy); border-radius: 0.5em; border-style: outset; border: 1px solid var(--texn); } .geralsoff:before {content: '► '; color: gold; } /* font-size: 0.75em; */ .geralson {background-color: rgb(168, 156, 85); margin-top: 0.4em; border-radius: 3px; border: solid 2px var(--texgg); font-size:0.75em; text-align: left; color: black; } /* maroon; */ .geralson:before {background-color: white; margin-right: 0.3em; content: "▼"; border-radius: 1em; font-size: 1em; color: red;} .geralson:after {background-color: white; margin-left: 0.3em; content: "▲"; border-radius: 1em; font-size: 1em; color: #01f06c;} /* abr() xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ .btlboff {background: var(--texn); color:var(--fundo); font-size:0.85em; border: 2pt solid lime; border-radius: 0.7em; border-style: outset; } .btlboff:before {content: '►'; color: gold; } .btlboff:after {content: ' +'; color: red; font-weight:bold; } .btlboff:hover {background-color: orangered; } .btlbon {background: var(--texn); color:var(--fundo); font-size:0.85em; border: 1pt solid gold; border-style: outset; } .btlbon:before {content: "▼ "; color: red; } .btlbon:after {content: ' -'; color: red; font-weight:bold; } .btlbon:hover {background-color: orangered; } /* abrIDc() - CENTRADO xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ .abrCoff {background-color: var(--fundo3); color: var(--texn); font-size:0.90em; font-weight: bold; width: auto; border: 2px solid var(--texn); border-radius: 0.5em; border-style: outset; } .abrCoff:before {content: '► '; color: var(--texgg); font-size:1em; } .abrCoff:hover {cursor: pointer; background-color: orangered; color: white; } /* font-size:0.93em; */ .abrCon {background-color:brown; font-size:0.90em; font-weight: bold; color: white; width: auto; border: 2px solid var(--texgg); border-style: outset; } .abrCon:before {background-color: white; content: "▼"; color: red; font-size: 1.2em;} .abrCon:after {background-color: white; content: "▲"; color:#01f06c; font-size: 1.2em;} /* abrIDe() - ALINHADO À ESQUERDA xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ .abrEoff {background-color: var(--fundo3); color: var(--texn); font-size:0.90em; font-weight: bold; display: block; width: auto; border: 2px solid var(--texn); border-radius: 0.5em; border-style: outset; } .abrEoff:before {content: '► '; color: var(--texgg); font-size:1em; } .abrEoff:hover {cursor: pointer; background-color: orangered; color: white; } /* font-size:0.93em; */ .abrEon {background-color:brown; font-size:0.90em; font-weight: bold; color: white; width: auto; border: 2px solid var(--texgg); border-style: outset; } .abrEon:before {background-color: white; content: "▼"; color: red; font-size: 1.2em;} .abrEon:after {background-color: white; content: "▲"; color:#01f06c; font-size: 1.2em;} .fecharCtr {background-color: var(--texgg); cursor: pointer; padding: 0000; margin-left: 0px; /* width: 100%;*/ border-style: outset; border: solid 1px; border-color: var(--texgg); /* width: auto; border-radius: 5px;*/ font-size:0.8em; color: red; font-weight:bold; padding: 0px 10px 0px 10px; } /*text-align:center; */ .fecharCtr:before {content: "▲ "; color:#01f06c; font-size: 1em;} .fecharCtr:after {content: " ▲"; color:#01f06c; font-size: 1em;} /* ABRIR E FECHAR XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* ABRE xxxxxxxxxxxxxxxxxxxxxxxxx */ .abres {background-color: var(--fundo3); cursor: pointer; width: auto; border-radius: 0.5em; border-style: outset; border: 2px solid var(--texn); font-size:0.80em; color: var(--texcy); text-align: left; } /* font-size:0.90em; */ .abrepro {background-color: var(--fundo2); width: auto; padding: 0px 5px 0px 5px; transition: 0.4s; cursor: pointer; /* border-radius: 0.5em; border: 2px solid var(--texn); */ font-size:0.85em; color: var(--texcy); font-weight:bold; text-align: left; } /* font-size:0.9em;*/ .abrirMenu {background-color: var(--fundo3); cursor: pointer; width: auto; border-radius: 0.5em; border-style: outset; border: 2px solid var(--texn); font-size:0.90em; color: var(--texcy); text-align: left; } /* font-size:0.90em; */ .abrirMenu:before {content: url(../../xb/abre.svg); color: var(--texr); font-size: 1.2em; } .abrirMenu:after {content: '- Abrir '; color: var(--texli); font-weight:bold; } /* font-size: 1.2em; */ .abrirMenu:hover {background-color: rgb(168, 156, 85); color: black; } /* font-size:0.93em; */ .cabriro {background-color: inherit ; border-style: none; padding: 0000; /* var(--fundo) */ text-align: left; font-size:1em; color: var(--texcy); font-weight: bold;} .cabriro:hover {cursor: pointer; background:red} /* INACTIVO xxxxxxxxxxxxxxxxxxxxxxxxx */ .abrEoff {background-color: var(--fundo3); color: var(--texn); font-size:0.90em; font-weight: bold; display: block; width: auto; border: 2px solid var(--texn); border-radius: 0.5em; border-style: outset; } .abrEoff:before {content: '► '; color: var(--texgg); font-size:1em; } .abrEoff:hover {cursor: pointer; background-color: orangered; color: white; } /* font-size:0.93em; */ .inactivo {background-color: var(--fundo3); font-size:0.90em; color: var(--texn); font-weight: bold; border: 2px solid var(--texn); border-radius: 0.5em; border-style: outset; text-align: left; } .inactivo:before {content: '► '; color: var(--texgg); font-size: inherit; } .inactivo:hover {cursor: pointer; background-color: orangered; color: white; } /* font-size:0.93em; */ .activo {background-color: rgb(168, 156, 85); border-radius: 3px; border: solid 2px var(--texgg); font-size:0.80em; text-align: left; color: black; } /* maroon; */ .activo:before {content: "▼"; color: red; font-size: 1.2em;} /* var(--texr); */ .activo:after {content: "▲"; color: #01f06c; font-size: 1.2em;} .inactivoL {background-color: var(--fundo3); text-align: left; font-size:0.90em; color: var(--texn); display: inline; margin-top: 1em; margin-bottom: 0.5em ;width: auto; border: 2px solid var(--texn); border-radius: 0.5em; border-style: outset; } .inactivoL:before {content: url(../../xb/abre.svg); color: var(--texgg); } /*.inactivo:after {content: '- Abrir '; color: var(--texli); font-weight:bold; } /* font-size: 1.2em; */ .inactivoL:hover { background-color: orangered; margin-top: 1em; margin-bottom: 0.5em ;width: auto; border: 2px solid var(--texgg); color: white; cursor: pointer;} .inactivoLsm {background-color: var(--fundo3); text-align: left; color: var(--texn); display: inline; width: auto; border: 2px solid var(--texn); border-radius: 0.5em; border-style: outset; } .inactivoLsm:before {content: url(../../xb/abre.svg); color: var(--texgg);font-size: 0.6em; } /*.inactivo:after {content: '- Abrir '; color: var(--texli); font-weight:bold; } /* font-size: 1.2em; */ .inactivoLsm:hover { background-color: orangered; width: auto; border: 2px solid var(--texgg); color: white; cursor: pointer;} .inactivosm {background-color: var(--fundo3); display: block; width: auto; font-size:0.90em; color: var(--texn); border: 2px solid var(--texn); border-radius: 0.5em; border-style: outset; text-align: left; } .inactivosm:before {content: url(../../xb/abre.svg); color: var(--texgg); font-size: 1.2em; } .inactivosm:hover {cursor: pointer; background-color: orangered; color: white; } /* font-size:0.93em; */ .inactivoM {background-color: var(--fundo3); width: auto; cursor: pointer; font-size:0.8em; color: var(--texk) ; border: 2px solid var(--texn); border-radius: 0.5em; border-style: outset; text-align: left; display: inline ; } /* text-align: left; */ .inactivoM:before {content: '► Ver mais..'; color: var(--texg); font-size: 1em; } /*.inactivo:after {content: '- Abrir '; color: var(--texli); font-weight:bold; } /* font-size: 1.2em; */ .inactivoM:hover {cursor: pointer; background-color: orangered; color: white; } /* font-size:0.93em; */ .inactivoI {background-color: var(--fundo3); width: auto; font-size:0.90em; color: var(--texn); border: 2px solid var(--texn); border-radius: 0.5em; border-style: outset; text-align: left; } .inactivoI:before {content: url(../../xb/abre.svg); color: var(--texgg); font-size: 1.2em; } /*.inactivo:after {content: '- Abrir '; color: var(--texli); font-weight:bold; } /* font-size: 1.2em; */ .inactivoI:hover {cursor: pointer; background-color: orangered; color: white; } /* font-size:0.93em; */ .inactivos {background-color: var(--fundo3); cursor: pointer; width: auto; border-radius: 0.5em; border-style: outset; border: 1px solid var(--texn); font-size:0.80em; color: var(--texcy); text-align: left; } /* */ .inactivos:before {content: '► '; color: var(--texr); font-size: 1em;} .inactivoMais {background-color: var(--fundo3); width: auto; cursor: pointer; font-size:0.90em; color: var(--texk) ; border: 2px solid var(--texn); border-radius: 0.5em; border-style: outset; text-align: left; } /* text-align: left; */ .inactivoMais:before {content: '► Ver mais...'; color: var(--texg); font-size: 1.2em; } /*.inactivo:after {content: '- Abrir '; color: var(--texli); font-weight:bold; } /* font-size: 1.2em; */ .inactivoMais:hover {cursor: pointer; background-color: orangered; color: white; } /* font-size:0.93em; */ /*.activo {background-color: rgb(168, 156, 85); text-align: left; font-size:0.90em; color: black; border: solid 4px var(--texgg); border-radius: 5px; } /* var(--fundo); color: maroon; */ .inactivoMenu {background-color: var(--fundo); width: 95%; cursor: pointer; font-size:1.0em; margin-top: 0.5em; margin-left: 0.5em; border: 1px solid var(--texr); border-radius: 0.5em; border-style: outset; text-align: left; } .inactivoMenu:before {content: url(../../xb/abre.svg); color: var(--texgg); font-size: 1.2em; } /*.inactivo:after {content: '- Abrir '; color: var(--texli); font-weight:bold; } /* font-size: 1.2em; */ .inactivoMenu:hover {background-color: rgb(168, 156, 85); color: black; } .inactivoctr {background-color: var(--fundo3); width: auto; font-size:0.90em; color: var(--texn); border: 2px solid var(--texn); border-radius: 0.5em; border-style: outset; text-align: left; } .inactivoctr:before {content: url(../../xb/abre.svg); color: var(--texgg); font-size: 1.2em; } /*.inactivo:after {content: '- Abrir '; color: var(--texli); font-weight:bold; } /* font-size: 1.2em; */ .inactivoctr:hover {cursor: pointer; background-color: orangered; color: white; } /* font-size:0.93em; */ .inactivosemseta{background-color: var(--fundo3); width: auto; font-size:0.90em; color: var(--texn); border: 2px solid var(--texn); border-radius: 0.5em; border-style: outset; text-align: left; } /* ACTIVO xxxxxxxxxxxxxxxxxxxxxxxxx */ .activo {background-color:brown; display: block; font-size:0.90em; font-weight: bold; color: white;} .activo:before {background-color: white; content: "▼"; color: red; font-size: 1.2em;} .activo:after {background-color: white; content: "▲"; color:#01f06c; font-size: 1.2em;} .activoL {background-color:brown; width: auto; font-size:0.90em; text-align: left; color: white; margin-top: 1em; width: auto; border: 2px solid var(--texgg); } /* maroon; */ .activoL:before {background-color: white; content: "▼"; color: red; font-size: 1.2em;} .activoL:after {background-color: white; content: "▲"; color:#01f06c; font-size: 1.2em;} .activoL:hover {cursor: pointer; background-color: orangered; color: white; } /* font-size:0.93em; */ .activoI {background-color:brown; width: auto; font-size:0.90em; text-align: left; color: white; border: 2px solid var(--texgg); } /* maroon; */ .activoI:before {background-color: white; content: "▼"; color: red; font-size: 1.2em;} .activoI:after {background-color: white; content: "▲"; color:#01f06c; font-size: 1.2em;} .activoI:hover {cursor: pointer; background-color: orangered; color: white; } /* font-size:0.93em; */ .activos {background-color: rgb(168, 156, 85); border-radius: 3px; border: solid 2px var(--texgg); font-size:0.80em; text-align: left; color: black; } /* maroon; */ .activos:before {content: "▼"; color: var(--texr); font-size: 1em;} .activos:after {content: "▲"; color:#01f06c; font-size: 1em;} .activoM {background-color:brown; width: auto; font-size:0.8em; text-align: left; color: white; border: 2px solid var(--texgg); } /* maroon; */ .activoM:before {background-color: white; content: "▼"; color: red; font-size: 1em; } .activoM:before {content: "▼"; color: var(--texr); } /* font-size: 1.2em; */ .activoM:after {content: "..Ver menos ▲"; color:lime; } /* color:#01f06c; */ .activoM:after:hover {content: "..Ver menos ▲"; border: 2px solid var(--texn); color:cyan; font-size: 1.2em;} /* color:#01f06c; */ .activoM:hover {cursor: pointer; background:red; border: 2px solid var(--texn); color: black; } /* font-size:0.93em; */ .activoMais {background-color:brown; width: auto; font-size:0.90em; text-align: left; color: white; border: 2px solid var(--texgg); } /* maroon; */ .activoMais:before {content: "▼ "; color: var(--texr); } /* font-size: 1.2em; */ .activoMais:before {background-color: white; content: "▼"; color: red; font-size: 1.2em; } /* font-size: 1.2em; */ .activoMais:after {content: "...Ver menos ▲"; color:white; } /* color:#01f06c; */ .activoMais:after:hover {content: "...Ver menos ▲"; border: 2px solid var(--texn); color:cyan; font-size: 1.2em;} /* color:#01f06c; */ .activoMais:hover {cursor: pointer; background:red; border: 2px solid var(--texn); color: black; } /* font-size:0.93em; */ .activoctr {background-color: rgb(168, 156, 85); border-radius: 3px; border: solid 2px var(--texgg); font-size:0.80em; text-align: left; color: black; } /* maroon; */ .activoctr:before {content: "▼"; color: red; font-size: 1.2em;} /* var(--texr); */ .activoctr:after {content: "▲"; color: #01f06c; font-size: 1.2em;} .activo:hover {cursor: pointer; background-color: orangered; color: white; } /* font-size:0.93em; */ .activoMenu {background-color: var(--fundo); width: 95%; cursor: pointer; font-size:1.0em; margin-top: 0.5em; margin-left: 0.5em; border: 3px solid var(--texr); border-radius: 0.5em; border-style: outset; text-align: left;} .activoMenu:before {content: "▼"; color: var(--texr); font-size: 1.2em;} .activoMenu:after {content: "▲"; color:#01f06c; font-size: 1.2em;} /* ABERTO xxxxxxxxxxxxxxxxxxxxxxxxx */ .aberto {background: var(--fundo); text-indent: 0; text-align: left; color: var(--texn); border: solid 2px gold; border-top-style: none; border-right-style: none; border-bottom-style: none; } .aberto2 {background: var(--fundo); text-indent: 0; text-align: left; color: var(--texn); border: solid 2px gold; border-top-style: none; border-right-style: none; border-bottom-style: none; } .aberto2sb {background: var(--fundo); text-indent: 0; text-align: left; color: var(--texn); } .abertoC {background: var(--fundo2); text-align: left; color: var(--texn); min-width: auto; margin-left: auto; margin-right: auto; padding: 3px 5px 5px 5px; border: solid 2px orange; } .abertoE {background: var(--fundo); text-align: left; color: var(--texn); min-width: auto; margin-left: auto; margin-right: auto; padding: 3px 5px 5px 5px; border: solid 2px orange; } .abertoG {background: var(--fundo); text-align: left; color: var(--texn); border: solid 2px gold; padding-left: 0.3em;/* text-indent: 0px ;*/ } .abertoG2 {background: var(--fundo2); text-align: left; color: var(--texn); border: solid 2px gold; padding-left: 0.3em;/* text-indent: 0px ;*/ } .abertoGs {background: var(--fundo); text-align: left; font-size:0.90em; color: var(--texn); border: solid 2px gold; padding-left: 0.3em;/* text-indent: 0px ;*/ } .abertoL {background: var(--fundo); text-align: left; color: var(--texn); margin: 0; border: solid 4px gold; border-top-style: none; border-right-style: none; border-bottom-style: none; } .abertoM {background: var(--fundo); padding-left: 0.2em; font-size:0.8em; color: var(--texn); border: solid 2px var(--texgg); margin-bottom: 5px; } /* padding: 0px 0px 0px 3px; */ .abertoI {background: var(--fundo); text-align: left; color: var(--texn); border: solid 2px gold; padding-left: 0.3em;/* text-indent: 0px ;*/ } .abertoMais {background: var(--fundo); text-indent: opx; text-align: left; color: var(--texn); border: solid 2px var(--texgg); margin-bottom: 5px; } /* padding: 0px 0px 0px 3px; */ .abertoApp {padding: 0px 10px 0px 10px; text-align: center; color: white; border: solid 4px var(--texgg); } /*margin-bottom: 5px; */ .abertos {background: var(--aberto); text-align: left; color: var(--texn); font-size:0.85em; border: solid 1px var(--texk); margin-bottom: 5px; } /* padding: 0px 0px 0px 3px; */ .abertos2 {background: var(--aberto); text-align: left; color: var(--texn); font-size:0.85em; padding: 0 0.1em 0 0.3em; border: solid 1px var(--texk); margin-bottom: 5px; } /* padding: 0px 0px 0px 3px; */ .abertopro {background: var(--fundo); text-align: left; color: var(--texn); border: solid 2px orange; margin-bottom: 5px; } /* padding: 0px 0px 0px 3px; */ .abertoMenu {background: var(--fundo); margin-bottom: 5px; text-align: left; color: var(--texn); } .abertoAuto {background: var(--fundo); max-width: 19em; text-align: left; color: var(--texn); margin-left: auto; margin-right: auto; padding: 3px 5px 5px 5px; border: solid 2px orange; } .aberto3 {background: var(--fundo3); text-align: left; color: var(--texn); border: solid 2px brown; } .abertocards {background: var(--abertoc); grid-gap: .2em; display: grid; grid-template-columns: repeat(auto-fill, minmax(7.5em,7.5em)); } .abecard {background: var(--abertoc); padding: 0px; text-indent:0px; /* background:var(--fundo3); */ align-content: center; text-align:center; font-size:0.7em; color:var(--texn); } .abertoDom {background: var(--aberto); padding: 0px 0px 0px 3px; text-align: left; color: var(--texn); border-left: solid 2px var(--texgg); margin-bottom: 5px; } /* */ .abertoDom2 {background: var(--aberto); padding: 0px 0px 0px 3px; text-align: left; color: var(--texn); border-left: solid 2px var(--texgg); margin-bottom: 5px; } /* */ .abertoDom3 {background: var(--aberto); padding: 0px 0px 0px 3px; text-align: left; color: var(--texn); border-left: solid 2px var(--texgg); margin-bottom: 5px; } /* */ .aber {background: var(--fundo); text-indent: 0; text-align: left; color: var(--texn); border: solid 2px gold; border-top-style: none; border-right-style: none; border-bottom-style: none; } .abers {background: var(--aberto); text-align: left; color: var(--texn); font-size:0.85em; border: solid 1px var(--texk); margin-bottom: 5px; } /* padding: 0px 0px 0px 3px; */ .abertoax {background: var(--aberto); text-align: left; color: var(--texn); font-size:0.85em; border: solid 1px var(--texk); margin-bottom: 5px; } /* padding: 0px 0px 0px 3px; */ /* FECHA xxxxxxxxxxxxxxxxxxxxxxxxx */ .fecha {background: brown; width: 100%; font-size:0.8em; font-weight: bold; color:white; text-align:center; } .fecha:before {background-color: white; content: "▲"; color: red; font-size: 1.2em;} .fecha:after {background-color: white; content: "▲"; color: red; font-size: 1.2em;} .fecha:hover {cursor: pointer; background: orangered; color: white; } .fechaL {background-color: var(--texgg); padding: 0px 5px 0px 5px; cursor: pointer; border-style: none; /*border: solid 1px; border-color: var(--texgg); */ font-size:0.8em; color: maroon; font-weight:bold; text-align:center; } .fechaL:before {background-color: white; content: "▲"; color: red; font-size: 0.8em;} .fechaL:after {background-color: white; content: "▲"; color: red; font-size: 0.8em;} .fechaL:hover {cursor: pointer; background:red; color: white;} .fechaL:before {content: "▲"; color: red; font-size: 0.8em;} .fechaL:after {content: "▲"; color: red; font-size: 0.8em;} .fechaM {background-color: var(--texgg); cursor: pointer; border-style: none; display: inline; padding: 0px 6px 0px 6px;} .fechaM:before {content: "▲"; color: red; font-size: 1.2em;} .fechaM:after {content: "▲"; color: red; font-size: 1.2em;} .fechaI {background-color: var(--texgg); padding: 0000; cursor: pointer; border-style: none; /*border: solid 1px; border-color: var(--texgg); */ font-size:0.8em; color: maroon; font-weight:bold; text-align:center; } .fechaI:before {background-color: white; content: "▲"; color: red; font-size: 1.2em;} .fechaI:after {background-color: white; content: "▲"; color: red; font-size: 1.2em;} .fechaI:hover {cursor: pointer; background:red; color: white;} .fechaI:before {content: "▲"; color: red; font-size: 1.2em;} .fechaI:after {content: "▲"; color: red; font-size: 1.2em;} .fechaC {background-color: var(--texgg); cursor: pointer; margin-left: auto; margin-right: auto; border-style: outset; border: solid 1px; border-color: var(--texgg); /* width: auto; border-radius: 5px;*/ font-size:0.8em; color: red; font-weight:bold; padding: 0px 10px 0px 10px; } /*text-align:center; */ .fechaC:before {content: "▲ "; color:#01f06c; font-size: 1em;} .fechaC:after {content: " ▲"; color:#01f06c; font-size: 1em;} .fechar {background-color: var(--texgg); cursor: pointer; width: 100%; padding: 0000; /* border-style: outset; border: solid 1px; border-color: var(--texgg); width: auto; border-radius: 5px;*/ font-size:0.8em; color: maroon; font-weight:bold; text-align:center; } /* padding: 0px 0px 0px 0px; */ .fechar:before{content: "▲"; color: red; font-size: 1.2em;} .fechar:after {content: "▲"; color: red; font-size: 1.2em;} .fecharauto {background-color: var(--texgg); cursor: pointer; padding: 0000; margin-left: 0px; /* width: 100%;*/ border-style: outset; border: solid 1px; border-color: var(--texgg); /* width: auto; border-radius: 5px;*/ font-size:0.8em; color: red; font-weight:bold; padding: 0px 10px 0px 10px; } /*text-align:center; */ .fecharauto:before {content: "▲ "; color:#01f06c; font-size: 1em;} .fecharauto:after {content: " ▲"; color:#01f06c; font-size: 1em;} .fecharauto:hover {cursor: pointer; background:red; color:white} .fechalinha {display: grid; grid-template-columns: 1fr auto 1fr; gap: 0.3em; color:#b90000; font-weight:bold;} .fechalinha::before, .fechalinha::after {content: ""; border-top: 1.2em solid var(--texgg); align-self: center;} /* ABRIR E FECHAR XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* IMPRENSA XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ .IMPof {background-color: var(--fundo6); margin-top: 0.5em; margin-bottom: 1em; display: inline; border: 2px solid var(--texn); border-radius: 0.5em; border-style: outset; text-align: left; font-size:0.90em; color: var(--texn); } .IMPof:before {content:url(../../xb/abre.svg) " Ver"; color: gold; font-weight: bold; } .IMPof:hover {background-color: maroon; border: 2px solid var(--texgg); color: white; cursor: pointer;} .IMPon {background-color:brown; margin-top: 0.5em; border: 2px solid var(--texgg); width: 99%; text-align: left; font-size:0.90em; color: white } .IMPon:before {background-color: white; content: "▼"; color: red; font-size: 1.2em;} .IMPon:after {background-color: white; content: "▲"; color:#01f06c; font-size: 1.2em;} .IMPon:hover {background-color: maroon; cursor: pointer; color: white; } /* font-size:0.93em; */ .fechaIMP {background-color: var(--texgg); padding: 0px 5px 0px 5px; width: 100%; margin-bottom: 2em; border-style: none; cursor: pointer; font-size:0.8em; color: maroon; font-weight:bold; text-align:center; } .fechaIMP:before{content: "▲"; color: lime; font-size: 1.2em;} .fechaIMP:after {content: "▲"; color: lime ; font-size: 1.2em;} .fechaIMP:hover {cursor: pointer; background:red; color:white} /* IMPRENSA XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* CONFigurações XXXXXXXXX */ .conf {position: fixed; height: 400px; width: 100%; bottom: 40px; z-index: 1;} /* position: fixed; */ #confon {position: fixed; bottom: 0px; left: 0px; z-index: 3; } /* */ #confon:hover {cursor: pointer; background:red} .abertoconf {position: fixed; height: 230px; width: 98%; background: var(--fundo3); text-align: left; color: var(--texn); /* padding: 0px 0px 0px 3px; margin-bottom: 0px; */ border: solid 2px var(--texk); margin-bottom: 5px; bottom: 30px; overflow-x: hidden; opacity: 0.9; z-index: 3; } #confoff { position: fixed; bottom: 0px; left: 0px;} #confoff:hover {cursor: pointer; background:red;} /* ACCORDION XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* Style the buttons that are used to open and close the accordion panel */ .accordion {background-color: var(--fundo2); width: auto; padding: 0px 5px 0px 5px; transition: 0.4s; /* */ border-radius: 0.5em; border: 2px solid var(--texn); cursor: pointer; font-size:0.9em; color: var(--texcy); font-weight:bold; text-align: left; } /* none; border-style: outset; */ .accordion:before {content: url(../../xb/abre.svg); color: var(--texr); font-size: 1.2em; } .accordion:after {content: '...'; color: var(--texr); font-size: 1.2em } .accordion:hover {background-color: rgb(168, 156, 85); color: black; } /* font-size:0.93em; */ .active {background-color: rgb(168, 156, 85); border-radius: 5px; border: solid 4px var(--texgg); font-size:0.90em; text-align: left; color: black; } /* */ .active:before {content: "▼"; color: var(--texr); font-size: 1.2em;} .active:after {content: "▲"; color:#01f06c; font-size: 1.2em;} .panel {max-height: 0; overflow: hidden; padding: 0px 0px 0px 3px; color: var(--texn); border-left: solid 4px var(--texgg); margin-bottom: 5px; transition: 0.3s ease-out;} .accordion2 {background-color: var(--fundo2); width: auto; padding: 0px 5px 0px 5px; transition: 0.4s; /* */ border-radius: 0.5em; border: 2px solid var(--texn); cursor: pointer; font-size:0.9em; color: var(--texcy); font-weight:bold; text-align: left; } /* none; border-style: outset; */ .accordion2.active {background-color: rgb(168, 156, 85); border-radius: 5px; border: solid 4px var(--texgg); font-size:0.90em; text-align: left; color: maroon; } /* */ .accordion2.active:before {content: "▼"; color: var(--texr); font-size: 1.2em;} .accordion2:before {content: url(../../xb/abre.svg); color: var(--texr); font-size: 1.2em; } .accordion2:after {content: '...'; color: var(--texr); font-size: 1.2em } .accordion2:hover {background-color: rgb(168, 156, 85); color: black; } /* font-size:0.93em; */ /* ACCORDION XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */