/* A B R E PAINEL xxxxxxxxxxxxxxxxxxxxxxxxx */ .abrp {background-color: var(--fundo4); font-size:0.9em; color: var(--texn); font-weight: bold; text-align: left; border-style: outset; transition: 0.3s;} .abrp::after {margin-left: 0.3em; background-color: white; border-radius: 0.5em; color:white;} .abro {max-height: 0; overflow: hidden; transition: max-height 0.3s ease; display: block;} /* Painel escondido */ /* painel visível quando o botão está activo - ou usar JS para calcular o scrollHeight*/ .abrp.on + .abro {max-height: 500px;} /*Estado “activo” comum (independente do tema) */ .ger {background-color: var(--fundo4); font-size:0.9em; color: var(--texn); font-weight: bold; text-align: left; border-style: outset;border: 2px solid lime; border-radius: 0.7em; margin-top: 0.5em; } .ger:before {content:'► '; margin-left: 0.1em;color: var(--texg2); font-size:0.9em;} .ger::after {content: ''; margin-right: 0.5em;} .ger.on {background-color: brown; border-radius: 0em; border: 2px solid var(--texg2); margin-top: 0.5em; color: white; } .ger.on:before{background-color: white; border-radius: 1em; content: '▼'; margin-right: 0.3em; font-size: 0.9em; color: red} .ger.on:after {background-color: white; border-radius: 1em; content: "▲"; margin-left: 0.3em; font-size: 1em; color: rgb(0, 218, 0);} .ger:hover {background-color: red; cursor: pointer; border: 2px solid var(--texg2);} .MM {background-color: var(--fundo4); border-radius: 1em; border: 2px solid lime; color: white; padding: 0 0.1em 0 0.1em;} .MM::before {background-color: white; border-radius: 1em; content: '►'; color: rgb(211, 179, 0); font-size:1.1em; margin-right: 0.2em;} .MM::after {background-color: white; border-radius: 1em; content: "\2795"; color: red; margin-left: 0.3em; } .MM.on {background-color: brown; border-radius: 0em; border: 2px solid var(--texg2); color: white; } .MM.on:before {background-color: white; border-radius: 1em; content: '▼'; color: red; margin-right: 0.1em; font-size: 1.1em;} .MM.on:after {background-color: white; border-radius: 1em; content: "\2796"; color: white; } .MM.on:before {background-color: white; border-radius: 1em; content: "▼"; color: red; margin-right: 0.3em;} .MM.on:after {background-color: white; border-radius: 1em; content: "\2796"; margin-left: 0.3em;color: #01f06c;} .MM:hover {background-color: red; cursor: pointer; border: 2px solid var(--texg2);} .go {background-color: gray; border-radius: 1em; border: 2px solid lime; color: white; padding: 0 0.1em 0 0.1em;} .go::before {content: ''; color: rgb(211, 179, 0); font-size:1.1em; margin-right: 0.4em;} .go::after {background-color: white; border-radius: 1em; content: "\2795"; color: red; margin-left: 0.3em; } .go:hover {background-color: red; cursor: pointer; border: 2px solid var(--texg2);} /* .abrp.ger {border: 2px solid lime; border-radius: 0.7em; margin-top: 0.5em; } .abrp.ger:before {content: '► '; font-size:0.9em; color: var(--texg2);} .abrp.ger.on {border: 2px solid var(--texg2); border-radius: 0em; margin-top: 0.5em; background-color: brown; color: white; } .abrp.ger.on:before {content: '▼'; background-color: white; border-radius: 0.5em; margin-right: 0.3em; font-size: 0.9em; color: red} .abrp.ger.on:after {background-color: white; content: "▲"; margin-left: 0.3em; border-radius: 1em; font-size: 1em; color: rgb(0, 218, 0);} .abrp.ger:hover {background-color: red; cursor: pointer; border: 2px solid var(--texg2);} .abrp.MM {border: 2px solid lime; border-radius: 0.7em; padding: 0 0.1em 0 0.4em;} .abrp.MM::before {content: '►'; font-size:0.9em; margin-right: 0.2em; font-size: 0.9em; color: var(--texg2);} .abrp.MM::after {content: "\02795"; color: inherit;} .abrp.MM.on {border: 2px solid var(--texg2); border-radius: 0em; background-color: brown; color: white; } .abrp.MM.on:before {content: '▼'; background-color: white; border-radius: 0.5em; margin-right: 0.2em; font-size: 0.9em; color: red;} .abrp.MM.on:after {content: "\2796"; color: white; } .abrp.MM:hover {background-color: red; cursor: pointer; border: 2px solid var(--texg2);} */ .MM1off {background-color: var(--fundo4); font-size:0.9em; color: var(--texn); font-weight: bold; text-align: left; border-style: outset;border: 2px solid lime; border-radius: 0.7em; padding: 0 0.1em 0 0.4em;} .MM1off::before {content: '►'; font-size:0.9em; margin-right: 0.2em; font-size: 0.9em; color: var(--texg2);} .MM1off::after {margin-left: 0.3em; background-color: white; border-radius: 0.5em; color:white; content: "\02795"; color: inherit;} .MM1on {border: 2px solid var(--texg2); border-radius: 0em; background-color: brown; color: white; } .MM1on:before {content: '▼'; background-color: white; border-radius: 0.5em; margin-right: 0.2em; font-size: 0.9em; color: red;} .MM1on:after {margin-left: 0.3em; background-color: white; border-radius: 0.5em; color:white; content: "\2796"; color: white; } .MM1off:hover {background-color: red; cursor: pointer; border: 2px solid var(--texg2);} /* ABRE PAINEL xxxxxxxxxxxxxxxxxxxxxxxxx */ /* BOTÃO Geral xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ .botgoff {background-color: var(--fundo4); 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; } .botgoff:before {width:2em; content: '► '; color: var(--texg2);} /* font-size: inherit; */ .botgoff:hover {background-color: red; color: white; cursor: pointer; border: 2px solid lime;} .botgon {background-color: var(--mar); font-size:0.90em; font-weight: bold; color: white; text-align: left; margin-top: 0.5em; display: block; border: 2px solid gold; } /*var(--texg2);}*/ .botgon:before {background-color: white; content: "▼"; margin-right: 0.3em; border-radius: 1em; font-size: 1em; color: red;} .botgon:after {background-color: white; content: "▲"; margin-left: 0.3em; border-radius: 1em; font-size: 1em; color: #01f06c;} .botgon:hover {background-color: red; color: white; cursor: pointer; border: 2px solid lime;} /* font-size:0.93em; */ /* BOTÃO Geral Centrado xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ .botgcoff {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; } .botgcoff:before {width:2em; content: '► '; color: var(--texg2);} /* font-size: inherit; */ .botgcoff:hover {cursor: pointer; background-color: orangered; color: white; } /* font-size:0.93em; */ .botgcon {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(--texg2);} .botgcon:before {background-color: white; margin-right: 0.3em; content: "▼"; border-radius: 1em; font-size: 1.2em; color: red;} .botgcon:after {background-color: white; margin-left: 0.3em; content: "▲"; border-radius: 1em; font-size: 1.2em; color: #01f06c;} .botgcon:hover {cursor: pointer; background-color: orangered; color: white; } /* font-size:0.93em; */ /* BOTÃO Geral sem margem xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ .botsmoff {background-color: var(--fundo4); padding: 0 0.5em 0 0.5em; /* margin-top: 0.5em;*/ font-size:0.90em; color: var(--texn); font-weight: bold; text-align: left; border: 1px solid var(--texn); border-radius: 0.5em; border-style: outset; } .botsmoff:before {width:2em; content: '► '; color: var(--texg2);} /* font-size: inherit; */ .botsmoff:hover {background-color: red; color: white; cursor: pointer; border: 1px solid lime;} .botsmon {background-color:brown; font-size:0.9em; font-weight: bold; color: white; text-align: left; border: 2px solid var(--texg2);} .botsmon:before {background-color: white; content: "▼"; margin-right: 0.3em; border-radius: 1em; font-size: 0.8em; color: red;} .botsmon:after {background-color: white; content: "▲"; margin-left: 0.3em; border-radius: 1em; font-size: 0.8em; color: #01f06c;} .botsmon:hover {background-color: red; color: white; cursor: pointer; border: 1px solid lime;} /* font-size:0.93em; */ .smar {background-color: var(--fundo4); padding: 0 0.5em 0 0.5em; /* margin-top: 0.5em;*/ font-size:0.90em; color: var(--texn); font-weight: bold; text-align: left; border: 1px solid var(--texn); border-radius: 0.5em; border-style: outset; } .smar:before {width:2em; content: '► '; color: var(--texg2);} /* font-size: inherit; */ .smarf:hover {background-color: red; color: white; cursor: pointer; border: 1px solid lime;} .smar.on {background-color: brown; font-size:0.9em; font-weight: bold; color: white; text-align: left; border: 2px solid var(--texg2);} .smar.on:before {background-color: white; content: "▼"; margin-right: 0.3em; border-radius: 1em; font-size: 0.8em; color: red;} .smar.on:after {background-color: white; content: "▲"; margin-left: 0.3em; border-radius: 1em; font-size: 0.8em; color: #01f06c;} .smar.on:hover {background-color: red; color: white; cursor: pointer; border: 1px solid lime;} /* font-size:0.93em; */ /* BOTÃO small xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ .botsoff {background-color: var(--fundo3); margin-top: 0.4em; cursor: pointer; font-size:0.75em; color: var(--texcy); border: 1px solid var(--texn); border-radius: 0.5em; border-style: outset;} .botsoff:before {content: '► '; color: var(--texg2); } /* font-size: 0.75em; */ .botsoff:hover {background-color: red; color: white; cursor: pointer; border: 1px solid lime;} .botson {background-color: rgb(168, 156, 85); margin-top: 0.4em; border-radius: 3px; border: solid 2px var(--texg2); font-size:0.75em; text-align: left; color: black; } /* maroon; */ .botson:before {background-color: white; margin-right: 0.1em; content: "▼"; border-radius: 1em; font-size: 1em; color: red;} .botson:after {background-color: white; margin-left: 0.1em; content: "▲"; border-radius: 1em; font-size: 1em; color: #01f06c;} /* BOTÃO small centrado xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ .botscoff {background-color: var(--fundo3); margin-top: 0.4em; cursor: pointer; font-size:0.75em; color: var(--texcy); border: 1px solid var(--texn); border-radius: 0.5em; border-style: outset;} .botscoff:before {content: '► '; color: var(--texg2); } /* font-size: 0.75em; */ .botscoff:hover {background-color: red; color: white; cursor: pointer; border: 1px solid lime;} .botscon {background-color: rgb(168, 156, 85); margin-top: 0.4em; border-radius: 3px; border: solid 2px var(--texg2); margin-left: auto; margin-right: auto; font-size:0.75em; text-align: left; color: black;} /* maroon; */ .botscon:before {background-color: white; margin-right: 0.1em; content: "▼"; border-radius: 1em; font-size: 1em; color: red;} .botscon:after {background-color: white; margin-left: 0.1em; content: "▲"; border-radius: 1em; font-size: 1em; color: #01f06c;} /* BOTÃO small Brown xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ .botsMoff {background-color:brown; margin-top: 0.4em; cursor: pointer; font-size:0.75em; color: white; border-radius: 0.5em; border-style: outset; border: 1px solid var(--texn); } .botsMoff:before {content: '► '; color: var(--texg2); } /* font-size: 0.75em; */ .botsMoff:hover {cursor: pointer; background-color: orangered; color: white; } /* font-size:0.93em; */ .botsMon {background-color:brown; margin-top: 0.4em; border-radius: 3px; border: solid 2px var(--texg2); font-size:0.75em; text-align: left; color: white; } /* maroon; */ .botsMon:before {background-color: white; margin-right: 0.3em; content: "▼"; border-radius: 1em; font-size: 1em; color: red;} .botsMon:after {background-color: white; margin-left: 0.3em; content: "▲"; border-radius: 1em; font-size: 1em; color: #01f06c;} .botsMon:hover {cursor: pointer; background-color: orangered; color: white; } /* font-size:0.93em; */ /* BOTÃO small TA xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ .botsTAoff {background-color:#c800c8; margin-top: 0.4em; cursor: pointer; font-size:0.75em; color: white; border-radius: 0.5em; border-style: outset; border: 1px solid var(--texn); } .botsTAoff:before {content: '► '; color: var(--texg2); } /* font-size: 0.75em; */ .botsTAoff:hover {cursor: pointer; background-color: orangered; color: white; } /* font-size:0.93em; */ .botsTAon {background-color:#c800c8; margin-top: 0.4em; border-radius: 3px; border: solid 2px var(--texg2); font-size:0.75em; text-align: left; color: white; } /* maroon; */ .botsTAon:before {background-color: white; margin-right: 0.3em; content: "▼"; border-radius: 1em; font-size: 1em; color: red;} .botsTAon:after {background-color: white; margin-left: 0.3em; content: "▲"; border-radius: 1em; font-size: 1em; color: #01f06c;} .botsTAon:hover {cursor: pointer; background-color: orangered; color: white; } /* font-size:0.93em; */ /* BOTÃO small TN xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ .botsTNoff {background-color:#00CCFF; margin-top: 0.4em; cursor: pointer; font-size:0.75em; color: white; border-radius: 0.5em; border-style: outset; border: 1px solid var(--texn); } .botsTNoff:before {content: '► '; color: var(--texg2); } /* font-size: 0.75em; */ .botsTNoff:hover {cursor: pointer; background-color: orangered; color: white; } /* font-size:0.93em; */ .botsTNon {background-color:#00CCFF; margin-top: 0.4em; border-radius: 3px; border: solid 2px var(--texg2); font-size:0.75em; text-align: left; color: white; } /* maroon; */ .botsTNon:before {background-color: white; margin-right: 0.3em; content: "▼"; border-radius: 1em; font-size: 1em; color: red;} .botsTNon:after {background-color: white; margin-left: 0.3em; content: "▲"; border-radius: 1em; font-size: 1em; color: #01f06c;} .botsTNon:hover {cursor: pointer; background-color: orangered; color: white; } /* font-size:0.93em; */ /* BOTÃO small TC xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ .botsTCoff {background-color: green; margin-top: 0.4em; cursor: pointer; font-size:0.75em; color: white; border-radius: 0.5em; border-style: outset; border: 1px solid var(--texn); } .botsTCoff:before {content: '► '; color: var(--texg2); } /* font-size: 0.75em; */ .botsTCoff:hover {cursor: pointer; background-color: orangered; color: white; } /* font-size:0.93em; */ .botsTCon {background-color:green; margin-top: 0.4em; border-radius: 3px; border: solid 2px var(--texg2); font-size:0.75em; text-align: left; color: white; } /* maroon; */ .botsTCon:before {background-color: white; margin-right: 0.3em; content: "▼"; border-radius: 1em; font-size: 1em; color: red;} .botsTCon:after {background-color: white; margin-left: 0.3em; content: "▲"; border-radius: 1em; font-size: 1em; color: #01f06c;} .botsTCon:hover {cursor: pointer; background-color: orangered; color: white; } /* font-size:0.93em; */ /* BOTÃO small TP xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ .botsTPoff {background-color: #FF6600; margin-top: 0.4em; cursor: pointer; font-size:0.75em; color: white; border-radius: 0.5em; border-style: outset; border: 1px solid var(--texn); } .botsTPoff:before {content: '► '; color: var(--texg2); } /* font-size: 0.75em; */ .botsTPon {background-color:#FF6600; margin-top: 0.4em; border-radius: 3px; border: solid 2px var(--texg2); font-size:0.75em; text-align: left; color: white; } /* maroon; */ .botsTPon:before {background-color: white; margin-right: 0.3em; content: "▼"; border-radius: 1em; font-size: 1em; color: red;} .botsTPon:after {background-color: white; margin-left: 0.3em; content: "▲"; border-radius: 1em; font-size: 1em; color: #01f06c;} /* BOTÃO small xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ /* FECHA xxxxxxxxxxxxxxxxxxxxxxxxx */ .fel {background-color: var(--mar); border: solid 2px var(--texgg); font-size:0.8em; color: white; font-weight:bold; padding: 0 0.4em 0 0.4em; } .fel:before {background-color: white; margin-right: 0.3em; content: "▲"; border-radius: 1em; font-size: 1em; color: rgb(0, 218, 0);} .fel:after {background-color: white; margin-left: 0.3em; content: "▲"; border-radius: 1em; font-size: 1em; color: rgb(0, 218, 0);} .fel:hover {background: orangered; cursor: pointer; color: white; border: 2px solid lime;} .fec {background-color: var(--mar); display: block; margin: 0 auto; /* margin-left: auto; margin-right: auto;*/ border: solid 2px var(--texgg); /*border-style: outset; width: auto; border-radius: 5px;*/ font-size:0.8em; color: white; font-weight:bold; padding: 0 0.4em 0 0.4em; } /*text-align:center; */ .fec:before {background-color: white; margin-right: 0.3em; content: "▲"; border-radius: 1em; font-size: 1em; color: rgb(0, 218, 0);} .fec:after {background-color: white; margin-left: 0.3em; content: "▲"; border-radius: 1em; font-size: 1em; color: rgb(0, 218, 0);} .fec:hover {background: orangered; cursor: pointer; color: white; border: 2px solid lime;} .feg {background-color: rgb(0, 187, 0); width:100%; content: 'XXXXXXXXXXX'; /* margin-left: auto; margin-right: auto;*/ font-size:0.8em; color: white; font-weight:bold; padding: 0 0.4em 0 0.4em; } /*text-align:center; */ .feg:before{background-color: white; margin-right: 0.6em; content: "▲"; border-radius: 1em; font-size: 1em; color: rgb(0, 218, 0);} .feg:after {background-color: white; margin-left: 0.6em; content: "▲"; border-radius: 1em; font-size: 1em; color: rgb(0, 218, 0);} .feg:hover {cursor: pointer; background: orangered; color: white; border: 2px solid lime;} /* FECHA xxxxxxxxxxxxxxxxxxxxxxxxx */ /* Botão VER xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ .btlboff {background: var(--texn); color:var(--fundo); font-size:0.85em; border: 2pt solid lime; border-radius: 0.7em; border-style: outset; white-space: nowrap; } .btlboff:before {content: '►'; color: var(--texg2); } .btlboff:after {content: ' +'; color: red; font-weight:bold; } .btlboff:hover {background-color: orange; } .btlbon {background: var(--texn); color:var(--fundo); font-size:0.85em; border: 2pt solid orangered; border-style: outset; white-space: nowrap; } .btlbon:before {content: "▼ "; color: red; } .btlbon:after {content: ' -'; color: red; font-weight:bold; } .btlbon:hover {background-color: orange; } /* Botão VER xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ /* Botão VER Mais Menos xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ .MMoff {background-color: var(--fundo4); font-size:0.9em; color: var(--texn); font-weight: bold; border: 2px solid var(--texg2); border-radius: 0.5em; border-style: outset; padding: 0 0.2em 0 0.2em;} .MMoff:before {content: '► Ver ✚'; font-size:0.9em; color: var(--texn); font-weight: bold;} .MMoff:hover::before {background-color: red; font-size:0.9em; color: var(--texn); font-weight: bold; cursor: pointer; content: '► Ver ✚'; } .MMoff:hover {background-color: red; font-size:0.9em; color: var(--texn); font-weight: bold; cursor: pointer; border: 2px solid lime;} .MMon {background-color: brown; font-size:0.9em; color: var(--texn); font-weight: bold; border: 2px solid var(--texg2);} .MMon:before {background-color: white; content: "▼"; border-radius: 1em; font-size: 0.9em; color: red;} .MMon:after {content: "Ver \2796"; margin-left: 0.3em; font-size:0.9em; font-weight: bold; color: white;} .MMon:hover {background-color: red; color: white; cursor: pointer; border: 2px solid lime;} .MMon:hover::after {content: "Ver \2796"; margin-left: 0.3em; font-size:0.9em; color: var(--texn); font-weight: bold; color: white; } .MMoff {background-color: var(--fundo4); font-size:0.9em; color: var(--texn); font-weight: bold; text-align: left; border: 2px solid var(--texg2); border-radius: 0.5em; border-style: outset; padding: 0 0.2em 0 0.2em;} .MMoff .parte1 {content: '► '; color: var(--texg2)} .MMoff .parte2 {content: 'Ver ✚'; color: var(--texn);} .MMoff .parte1:before {content: '► '; color: var(--texg2)} .MMoff .parte2:before {content: 'Ver ✚'; color: var(--texn);} .MMoff.parte1:hover::before {background-color: red; font-size:0.9em; color: var(--texn); font-weight: bold; cursor: pointer; } .MMoff.parte2:hover::before {background-color: red; font-size:0.9em; color: var(--texn); font-weight: bold; cursor: pointer; } .MMoff:hover {background-color: red; color: var(--texn); cursor: pointer; border: 2px solid lime;} .MMon {background-color: brown; border: 2px solid var(--texg2);} .MMon .parte1 {content: '▼ '; color: var(--texg2)} .MMon .parte2 {content: 'Ver ▬'; color: var(--texn);} .MMon.parte1:hover::before {background-color: red; font-size:0.9em; color: var(--texn); font-weight: bold; cursor: pointer; } .MMon.parte2:hover::before {background-color: red; font-size:0.9em; color: var(--texn); font-weight: bold; cursor: pointer; } .MMon:before {background-color: white; border-radius: 1em; font-size: 0.9em; color: red;} .MMon:after { margin-left: 0.3em; font-size:0.9em; font-weight: bold; color: white;} .MMon:hover {background-color: red; color: white; cursor: pointer; border: 2px solid lime;} /* font-size:0.93em; */ .MMon:hover::after {content: "Ver ▬"; color: white; } .fMM {background-color: var(--fuglo); display: flex; justify-content: center; content: '► '; } /* Accordion xxxxxxxxxxxxxxxxxxxxxxxxx */ .acor {background-color: var(--fundo4); font-size:0.9em; color: var(--texn); font-weight: bold; text-align: left; border-style: outset; transition: 0.3s;} .acor::after {margin-left: 0.3em; background-color: white; border-radius: 0.5em; color:white;} .abe2 {max-height: 0; overflow: hidden; transition: max-height 0.3s ease; display: block;} .abe3 {max-height: 0; overflow: hidden; transition: max-height 0.3s ease; display: block;} /*.abro {max-height: 0; overflow: hidden; transition: max-height 0.3s ease; display: block;} /* Painel escondido */ /* painel visível quando o botão está activo - ou usar JS para calcular o scrollHeight*/ .acor.on + .abro {max-height: 500px;} /*Estado “activo” comum (independente do tema) */ .acor.ger {border: 2px solid lime; border-radius: 0.7em; margin-top: 0.5em; } .acor.ger:before {content: '► '; font-size:0.9em; color: var(--texg2);} .acor.ger.on {border: 2px solid var(--texg2); border-radius: 0em; margin-top: 0.5em; background-color: brown; color: white; } .acor.ger.on:before {content: '▼'; background-color: white; border-radius: 0.5em; margin-right: 0.3em; font-size: 0.9em; color: red} .acor.ger.on:after {background-color: white; content: "▲"; margin-left: 0.3em; border-radius: 1em; font-size: 1em; color: rgb(0, 218, 0);} .acor.ger:hover {background-color: red; cursor: pointer; border: 2px solid var(--texg2);} .acor.MM {border: 2px solid lime; border-radius: 0.7em; padding: 0 0.1em 0 0.4em;} .acor.MM::before {content: '►'; font-size:0.9em; margin-right: 0.2em; font-size: 0.9em; color: var(--texg2);} .acor.MM::after {content: "\02795"; color: inherit;} .acor.MM.on {border: 2px solid var(--texg2); border-radius: 0em; background-color: brown; color: white; } .acor.MM.on:before {content: '▼'; background-color: white; border-radius: 0.5em; margin-right: 0.2em; font-size: 0.9em; color: red;} .acor.MM.on:after {content: "\2796"; color: white; } .acor.MM:hover {background-color: red; cursor: pointer; border: 2px solid var(--texg2);} .MM1off {background-color: var(--fundo4); font-size:0.9em; color: var(--texn); font-weight: bold; text-align: left; border-style: outset;border: 2px solid lime; border-radius: 0.7em; padding: 0 0.1em 0 0.4em;} .MM1off::before {content: '►'; font-size:0.9em; margin-right: 0.2em; font-size: 0.9em; color: var(--texg2);} .MM1off::after {margin-left: 0.3em; background-color: white; border-radius: 0.5em; color:white; content: "\02795"; color: inherit;} .MM1on {border: 2px solid var(--texg2); border-radius: 0em; background-color: brown; color: white; } .MM1on:before {content: '▼'; background-color: white; border-radius: 0.5em; margin-right: 0.2em; font-size: 0.9em; color: red;} .MM1on:after {margin-left: 0.3em; background-color: white; border-radius: 0.5em; color:white; content: "\2796"; color: white; } .MM1off:hover {background-color: red; cursor: pointer; border: 2px solid var(--texg2);} .MMgo {background-color: var(--fundo4); font-size:0.9em; color: var(--texn); font-weight: bold; text-align: left; border-style: outset; border: 2px solid lime; border-radius: 0.7em; padding: 0 0.1em 0 0.4em;} .MMgo::before {content: '►'; font-size:0.9em; color: var(--texg2);} .MMgo::after {margin-left: 0.3em; background-color: white; border-radius: 0.5em; color:white; content: "\02795"; color: inherit;} .MMgo:hover {background-color: red; cursor: pointer; border: 2px solid var(--texg2);} /* Accordion xxxxxxxxxxxxxxxxxxxxxxxxx */ /* CAIXA xxxxxxxxxxxxxxxxxxxxxxxxx */ .cxn {max-height: 0; overflow: hidden; transition: max-height 0.5s ease, opacity 0.4s ease; pointer-events: none;} .cxn.on {max-height: 1500px; /* maior que o conteúdo esperado */ color: var(--texn); pointer-events: auto;} /*.cxn {opacity: 0; pointer-events: none; transition: opacity 0.4s ease;} .cxn.on {opacity: 1; pointer-events: auto;}*/ /* ABERTO xxxxxxxxxxxxxxxxxxxxxxxxx */ .abe {background: var(--fundo); text-indent: 0; text-align: left; color: var(--texn);} .abe1 {background: var(--fundo); text-indent: 0; text-align: left; color: var(--texn);} .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; } .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); } /* sem borda */ .abertoG2 {background: var(--fundo2); text-align: left; color: var(--texn); border: solid 2px gold; padding-left: 0.3em;/* text-indent: 0px ;*/ } .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; */ .aberto4 {background: var(--fundo); text-align: left; color: var(--texn); border: solid 2px gold; } .abertoDom {background: var(--aberto); padding: 0px 0px 0px 3px; text-align: left; color: var(--texn); border-left: solid 2px var(--texg2); margin-bottom: 5px; } /* */ .abertoDom2 {background: var(--aberto); padding: 0px 0px 0px 3px; text-align: left; color: var(--texn); border-left: solid 2px var(--texg2); margin-bottom: 5px; } /* */ /* 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: '►'; 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(--texg2); 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(--texg2); 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(--texg2); font-size:0.90em; text-align: left; color: maroon; } /* */ .accordion2.active:before {content: "▼"; color: var(--texr); font-size: 1.2em;} .accordion2:before {content: '►'; 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 */ /* TRIBO XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* ABRE FECHA HP */ .inactivoHP {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; */ .inactivoHP:before {content: '► Ver mais..'; color: var(--texg); font-size: 1em; } /*.inactivo:after {content: '- Abrir '; color: var(--texli); font-weight:bold; } /* font-size: 1.2em; */ .inactivoHP: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; */ .activoHP {background-color:brown; width: auto; font-size:0.8em; text-align: left; color: white; border: 2px solid var(--texgg); } /* maroon; */ .activoHP:before {background-color: white; content: "▼"; color: red; font-size: 1em; } .activoHP:before {content: "▼"; color: var(--texr); } /* font-size: 1.2em; */ .activoHP:after {content: "..Ver menos ▲"; color:lime; } /* color:#01f06c; */ .activoHP:after:hover {content: "..Ver menos ▲"; border: 2px solid var(--texn); color:cyan; font-size: 1.2em;} /* color:#01f06c; */ .activoHP:hover {cursor: pointer; background:red; border: 2px solid var(--texn); color: black; } /* font-size:0.93em; */ .abertoHP {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; */ .fechaHP {background-color: var(--texgg); cursor: pointer; border-style: none; display: inline; padding: 0px 6px 0px 6px;} /* TRIBO XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ .Menuoff {background-color: var(--fundo); width: 95%; cursor: pointer; font-size:1.0em; margin-top: 0.5em; /*margin-left: 0.5em; */ border: 1pt solid var(--texr); border-radius: 0.5em; border-style: outset; text-align: left; } .Menuoff:before {content: url(/I/0/b/abre.svg); color: var(--texgg); font-size: 1.2em; } /*.inactivo:after {content: '- Abrir '; color: var(--texli); font-weight:bold; } /* font-size: 1.2em; */ .Menuoff:hover { background-color: orangered; color: black; } .Menuon {background-color: maroon; width: 95%; cursor: pointer; font-size:1.0em; margin-top: 0.5em; /* margin-left: 0.5em;*/ border: 2pt solid gold; border-style: outset; text-align: left;} .Menuon:before {background-color: white; content: "▼"; margin-right: 0.3em; border-radius: 1em; font-size: 1em; color: red;} .Menuon:after {background-color: white; content: "▲"; margin-left: 0.6em; border-radius: 1em; font-size: 1em; color: #01f06c;} .Menuon:hover { background-color: orangered; 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(/I/0/b/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; } .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(/I/0/b/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(/I/0/b/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; }