/* 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(--texgg);} /* font-size: inherit; */ .botgoff:hover {background-color: red; color: white; cursor: pointer; border: 2px solid lime;} .botgon {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);} .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(--texgg);} /* 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(--texgg);} .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(--texgg);} /* font-size: inherit; */ .botsmoff:hover {background-color: red; color: white; cursor: pointer; border: 2px solid lime;} .botsmon {background-color:brown; font-size:0.9em; font-weight: bold; color: white; text-align: left; border: 2px solid var(--texgg);} .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: 2px 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: gold; } /* 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(--texgg); 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: gold; } /* 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(--texgg); 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: gold; } /* 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(--texgg); 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: gold; } /* 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(--texgg); 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: gold; } /* 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(--texgg); 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: gold; } /* 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(--texgg); 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: gold; } /* font-size: 0.75em; */ .botsTPon {background-color:#FF6600; margin-top: 0.4em; border-radius: 3px; border: solid 2px var(--texgg); 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 */ .fec {background-color: var(--texgg); /* margin-left: auto; margin-right: auto;*/ border: solid 1px; border-color: var(--texgg); /*border-style: outset; width: auto; border-radius: 5px;*/ font-size:0.8em; color: red; 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: red;} .fec:after {background-color: white; margin-left: 0.3em; content: "▲"; border-radius: 1em; font-size: 1em; color: red;} .fec: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: gold; } .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*/ /* 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); } /* 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(--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; } /* */ .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; } .abe {background: var(--fundo); text-indent: 0; text-align: left; color: var(--texn);} /* 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 */