*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);

body {
    width: 100%;
    height: 100vh;
    font: normal 10pt;
    background: #ffffff;
    background-color: #ffffff;
    font-family: 'Roboto Condensed';
  }


.fundo_cinza_site
{
    background-color:#5a6f73 ;
}




.rpi_link {
    font: bold 13pt;
    color: black;
    background-color: #F5bb47;
    text-decoration: none;

}

.rpi_link:link {
  color: black;

}

.rpi_link:visited {
  color: black;

}

.rpi_link:hover {
  background-color: white;
  color: black;

}

.rpi_link:active {
  color: black;

}

.rpi_link:focus {
  color: black;

}


container {
    font: normal 10pt;
    font-family: 'Roboto Condensed';  }

  
.popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 900px;
  max-height: 600px;
  width: auto;
  height: auto;
  padding: 2%;
  border: solid 5px #4c4d4f;
  background: white;
  display: none;
  z-index: 99;
  object-fit: contain;
}


.zoom {
    z-index: 190;
    transition: transform .2s;
    /* Animation */
    margin: 0 auto;
    height: 90px;
    max-width: 300px;
/*    
    width: expression(this.width > 300 ? 300: true) ;
*/
}

.zoom:hover {
    transform: scale(2);
    /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    z-index: 190;
}


.divlogofundo {
  background-image: url("./img/smartpi_logo.png");
}


.navbar-brand {
    display: inline-block;
    padding-top: 0 rem;
    padding-bottom: 10 rem;
    margin-right: 1 rem ;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}





.help {
  position: relative;
  border-bottom: 1px dotted black;
}

.help .helpimg {
  visibility: hidden;
  width: 600px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.help:hover .helpimg {
  visibility: visible;
}

.icone-vermelho {
  fill: red;
  background: white ;
}

.icone-verde {
  fill: green;
  background: red;}

.icone-branco {
  fill: white;
  background: yellow;}



.nav_tabs {
  width: 90%;
  height: 90%;
  margin: 0px 50px auto;
  /*
          background-color: #fff;
*/
  position: relative;
}

.nav_tabs ul {
  list-style: none;
}

.nav_tabs ul li {
  float: left;
}

.tab_label {
  display: block;
  width: 180px;
  background-color: #363b48;
  padding: 15px;
  font-size: 15px;
  color: #fff;
  cursor: pointer;
  text-align: center;
}


.nav_tabs .rd_tab {
  display: none;
  position: absolute;
}

.nav_tabs .rd_tab:checked~label {
  background-color: #f5c10a;
  color: #706f6f;
}

.tab-content {
  border-top: solid 5px #ffffff;
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;

}


.tab-content-edicao {
  border-top: solid 5px #ffffff;
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;

}


.rd_tab:checked~.tab-content {
  display: block;
}

.tab-content h2 {
  padding: 10px;
  color: #ffffff;
}

.tab-content article {
  padding: 10px;
  color: #555;
}


.fundo-cad-com {
  top: 30px;
  position: relative;
  margin: 5px;
  height: 75%;
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  font-size: 14px;
}

.img-cad-com {
  width: 30%;
  height: 100%;
  padding: 0px;
  min-width: 400px;
}

.form-cad-com {
  font-size: 12px;
  width: 45%;
  height: 100%;
  padding: 0px;
  min-width: 400px;
}

.texto-vertical--- {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  transform: rotate(90deg);
}


.vermelho-svg {
  fill : #ff1100 ;
  filter: invert(19%) sepia(80%) saturate(4894%) hue-rotate(357deg) brightness(97%) contrast(114%);
}

.amarelo-svg {
  fill: #ffd000;
  filter: invert(84%) sepia(16%) saturate(3322%) hue-rotate(353deg) brightness(106%) contrast(112%);
}

.verde-svg {
  fill: #2be954;
  fill: #106b24;
  filter: invert(70%) sepia(37%) saturate(926%) hue-rotate(77deg) brightness(97%) contrast(98%);
  filter: invert(25%) sepia(87%) saturate(742%) hue-rotate(90deg) brightness(98%) contrast(88%);
}

div #duascolunas ul {
  display: grid;
  grid-template-columns: repeat(3, auto);
  grid-template-rows: repeat(8, auto);
  grid-auto-flow: column;
}


a:link {
  text-decoration: none
}

a:visited {
  text-decoration: none
}

a:hover {
  text-decoration: none
}

a:active {
  text-decoration: none
}