/* ////////////////////////////////////////////////////////////////////////
TOOLTIP para os vários botões
//////////////////////////////////////////////////////////////////////// */

.tooltipfiltros {
    width:290px;
    top:36px;
    left:89%;
    transform:translate(-80%, 0);
    padding:10px 12px;
    color:#444444;
    background-color:#FFFFE0;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    border:1px solid #DCA;
    display:none;
}

.tooltipfiltros {
    display:block;
}


.tooltipfiltros .seta {
    position:absolute;
    bottom:100%;
    left:80%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}

.tooltipfiltros .seta::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,50%) rotate(45deg);
    background-color:#FFFFE0;
    border:1px solid #DCA;
}

/* /////////////////////////////////////////////////////////////// */

.tooltipmarchas {
    width:260px;
    top:160px;
    left:195px;
    transform:translate(-80%, 0);
    padding:10px 12px;
    color:#444444;
    background-color:#FFFFE0;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    border:1px solid #DCA;
    display:none;
}


.tooltipmarchas {
    display:block;
}

.tooltipmarchas .seta {
    position:absolute;
    bottom:100%;
    left:14%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}

.tooltipmarchas .seta::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,50%) rotate(45deg);
    background-color:#FFFFE0;
    border:1px solid #DCA;
}

/* /////////////////////////////////////////////////////////////// */


.titulotooltipfiltros {
    top:10px;
    bottom:2px;
    color:#000000;
    font-weight: bold;
    font-size:16px;
    font-family: RobotoCondensed;
}

.opcaotooltipfiltros {
    color:#000000;
    font-weight: normal;
    font-size:10px;
    font-family: RobotoCondensed;
    margin-left: 8px;
    line-height: 1.15em;
    height:20px;
    padding-top:4px;
}


.ajudabotaofiltros {
  top: 0;
  left: 0; 
  width: 24px;
  display:inline-block;
  padding: 5px 0 5px 0px;
  margin-left: 0px;
  vertical-align: middle;
  text-align: center;
  outline: 0;
  font-size:10px;
  border-radius: 3px;
  /*height: 2em;*/
  /*background-size: 18px;*/
  /*margin-top: 0px;*/
  /*line-height: 2em;*/
}






.titulotooltipmarchas {
    margin-left: 8px;
    bottom:2px;
    color:#000000;
    font-weight: bold;
    font-size:14px;
    font-family: RobotoCondensed;
}

.opcaotooltipmarchas {
    color:#000000;
    font-weight: normal;
    font-size:10px;
    font-family: RobotoCondensed;
    margin-left: 5px;
    vertical-align: middle;
}


.ajudaespeciais {
  height: 100px;
}


.botaofiltros {
  top: 0px;
  left: 0; 
  width: 36px;
  display:inline-block;
  padding: 8px 0px 8px 0px;
  margin-left: 5px;
  vertical-align: middle;
  text-align: center;
  outline: 0;
  border-radius: 4px;
  /*height: 28px;*/
  /*position: relative;*/
  /*line-height: 28px;*/
  /*background-size: 18px;*/
}









.filtro {
display:none;
}
 
.filtro + .filtroverde, .filtro + .filtroazul, .filtro + .filtrolaranja
{
top: 0;
left: 0; 
width: 2.5em;
height: 2em;
display:inline-block;
padding: 0 0 0 0px;
margin-left: 5px;
line-height: 2em;
text-align: center;
outline: 0;
position: relative;
cursor: pointer;
border-radius: 4px;
background: #ccc no-repeat;
background-size: 18px;
background-position: center;
color: #fff;
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}



.filtro:checked + .filtroverde
{
background: #7abf7a no-repeat;  
top: 0;
left: 0; 
width: 2.5em;
height: 2em;
display:inline-block;
padding: 0 0 0 0px;
background-size: 18px;
background-position: center;
}


.filtro:checked + .filtrolaranja
{
background: #f7ae39 no-repeat;
top: 0;
left: 0; 
width: 2.5em;
height: 2em;
display:inline-block;
padding: 0 0 0 0px;
background-size: 18px;
background-position: center;
}


.filtro:checked + .filtroazul
{
background: #79bddb no-repeat;
top: 0;
left: 0; 
width: 2.5em;
height: 2em;
display:inline-block;
padding: 0 0 0 0px;
background-size: 18px;
background-position: center;
}


.tgl {
  display: none;
}


ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tg-list {
  text-align: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.tg-list-item {
  margin: 0 2em;
}


.tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 2.5em;
  height: 2em;
  position: relative;
  cursor: pointer;
  border-radius: 4px;
  background: #ccc;
  background-repeat: no-repeat;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}



.tgl-flip + .tgl-btn:after {
  display: inline-block;
  width: 100%;
  position: absolute;
  line-height: 2em;
  font-weight: bold;
  color: #fff;
  top: 0;
  left: 0;  
  text-align: center;
  background-repeat: no-repeat;
  font-family: "Font Awesome 5 Free";
  content: attr(data-background-icon);
}


.tgl-flip:checked + .tgl-btn:after {
  outline: 0;
  display: block;
  width: 2.5em;
  height: 2em;
  position: relative;
  cursor: pointer;
  border-radius: 4px;
  background: #7abf7a;
  
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}





.tgl + .tgl-btnA {
  outline: 0;
  display: block;
  width: 2.5em;
  height: 2em;
  position: relative;
  cursor: pointer;
  border-radius: 4px;
  background: #ccc;
  background-repeat: no-repeat;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}



.tgl-flip + .tgl-btnA:after {
  display: inline-block;
  width: 100%;
  position: absolute;
  line-height: 2em;
  font-weight: bold;
  color: #fff;
  top: 0;
  left: 0;  
  text-align: center;
  background-repeat: no-repeat;
  font-family: "Font Awesome 5 Free";
  content: attr(data-background-icon);
}


.tgl-flip:checked + .tgl-btnA:after {
  outline: 0;
  display: block;
  width: 2.5em;
  height: 2em;
  position: relative;
  cursor: pointer;
  border-radius: 4px;
  background: #79bddb;
  
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}