@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import "color-default.css";

html, body {overflow-x:hidden; margin:0px;} 
body {
  background: rgb(255,202,193);
  background: linear-gradient(313deg, rgba(255,202,193,1) 0%, rgba(255,252,251,1) 70%);
  height: 100vh;
}
main {min-height: calc(100vh - (94px + 200px));}
body, p, a, input, label {font-family: "Poppins", sans-serif; color: var(--textos); font-size: 16px;}
h1, h2, h3, h4, h5, h6 {font-family: "Poppins", sans-serif; width: fit-content;}
h1 {color: var(--default); font-size: 50px; font-weight: 600;}
h2 {color: var(--default); font-size: 30px;}
h3 {color: var(--default); font-size: 22px;}
h4 {color: var(--default); font-size: 17px;}
h5 {color: var(--default); font-size: 14px;}
h6 {color: var(--default); font-size: 12px;}
a {text-decoration: none;}
a:hover {color: var(--linkHover);}
a.linktable {font-size: 12px;}
img {width: 100%;}
footer {background-color: var(--footer); padding: 0; color: var(--footerfont);}
footer .medias i {font-size: 30px; margin-right: 7px;}
footer a, footer p {color: var(--footerfont);}
footer a:hover {color: var(--footerfontHv);}
footer b {display: block; margin-bottom: 10px;}
footer .container {padding-top: 20px; padding-bottom: 20px;}
footer .container button {margin: 0 auto;}
footer p, footer b {margin-bottom: 0; font-size: 12px;}
footer img {width: 100%;}
footer .footerColumns {display: flex; justify-content: center; align-items: center;}
footer .footerColumns>div:first-child {width: 70%; padding-right: 10px;}
footer .footerColumns>div:nth-child(2) {width: 100%; padding-left: 10px; border-left: 1px solid #fff;}
p.descricao {font-size: 14px;}
th.numero, td.numero{width: 10%;}
th.acoes, td.acoes {width: 20%; text-align: center;}
th.data, td.data {width: 15%; text-align: center;}
th.datahora, td.datahora {width: 17%; text-align: center;}
th.chave {width: 40%;}
td.chave {width: 40%; text-align: justify;}
th.descritivo {width: 35%;}
td.descritivo {width: 35%; text-align: justify;}
th.nome {width: 20%;}
td.nome {width: 20%; text-align: justify;}
th.razao {width: 30%;}
td.razao {width: 30%; text-align: justify;}
th.none, td.none {display: none;}
th.situacao, td.situacao {width: 20%;}
th.observacao {width: 30%; text-align: center;}
td.observacao {width: 30%; text-align: justify;}
.boxScroll {
  padding: 2px; 
  width: 100%; 
  background: #fff; 
  overflow-y: auto;
  max-height: 700px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 40px;
}

.boxAviso {
  width: 100%;
  max-width: 800px;
  padding: 20px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #ff005a;
  color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 50px;
  display: block;
  margin: 70px auto;
}

.pg-envia .sessao-1 .container .row {height: 100vh; padding: 0;}
.pg-envia .boxAviso {background-color: #ffeb1a; font-weight: bold; margin-top: -20px;}
.pg-envia .boxAviso p {margin-bottom: 0;}
.pg-envia .sessao-1 .container a {width: 200px; margin: 0 auto; display: block;}
.menuBarr {display: none;}


/**********************style do navbar******************************/
.navbar {
  padding: 15px 50px;
  width: 100%; 
  top: 0;
  z-index: 100;
  left: 0;
  transition: all 0.5s ease;
}
.navbar-nav img {width: 20px; margin-top: -5px;}
.navbar-nav span {width: 2px; height: 70%; background-color: var(--textos); display: block; margin-top: 8px;}
.navbar-brand img {max-height: 60px; transition: all 0.2s ease-in-out;}
.navbar-collapse {align-items: flex-end; justify-items: flex-end;}
.nav-item {padding: 0 5px;}
.nav-item>a {font-family: 'Open Sans', sans-serif; color: var(--navText)!important; font-size: 17px; transition: all 0.2s ease-in-out; }
.nav-item>a:hover {color: var(--navTextHover)!important; transform: scale(1.1);}
.navTop {
  position: fixed;
  top: 0;
  z-index: 100;
  left: 0;
  width: 100%;
  padding: 5px 50px;
  background-color: var(--navTopBackContr);
}
.navbar>.container {justify-content: unset;}
.dropdown-menu {border: none; border-radius: 0;}
.navTop .dropdown-menu {border: none; border-radius: 0;}
.navTop .navbar-brand img {transform: scale(0.9);}
.dropdown-item:hover {background-color: var(--navTextBack); color: var(--navTextHover);}
.navbar h2 {padding-top: 15px; font-size: 20px;}
.navbar .midiaS {font-size: 25px; padding: 0 3px;}
.navbar .container input {padding: 10px 20px 10px 50px; border: 1px solid #eee; border-radius: 20px; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3); outline: none; width: 100%;}
.containerInput {width: 400px; position: relative; margin-left: 50px;}
.containerInput i {position: absolute; top: 10px; left: 10px; color: #ff0000; top: 14px; left: 14px; color: #ff0000; font-size: 20px;}
.containerInputBusca {width: 350px; position: relative; margin-left: 50px;}
.containerInputBusca i {position: absolute; top: 10px; left: 10px; color: #ff0000; top: 14px; left: 14px; color: #ff0000; font-size: 20px;}
.botMenu {/*display: flex; justify-content: space-between;*/ margin-top: 20px; padding-left: 0; padding-right: 0;}
.botMenu>div>div>div { background-color: #fff; padding: 15px 0 15px 35px; border-radius: 12px; -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3); background-repeat: no-repeat; background-size: auto 30px; background-position: 5px; font-size: 12px; text-align: center; cursor: pointer; text-wrap: nowrap; overflow-x: hidden;}
.botMenu>div>div>div:hover {background-color: var(--default); color: #fff;}
.boxLogado {width: 250px; background-color: #fff; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; display: flex; justify-content: center; align-items: center; -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3); position: absolute; right: 0; margin-top: -15px; padding: 10px 0;}
.boxLogado img {border-radius: 50%; width: 50px; /*margin-right: 10px;*/}
/*.boxLogado img {border-radius: 50%; width: 50px; margin-right: 10px; margin-left: 10px; max-width: 35px;}*/
.boxLogado>div:first-child {border-radius: 50%; width: 40px; height: 40px; background-color: #fff; -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3); display: flex; justify-content: center; align-items: center; margin-right: 10px;}
.boxLogado p {margin-bottom: 0; font-size: 14px;}

.navbar>.container {display: block;}

.bt-fechar div {width: auto; min-width: 200px; padding: 15px 0 15px 50px; border-bottom: 2px groove #f1f1f1; background-repeat: no-repeat; background-position: 10px; font-size: 14px; cursor: pointer; background-color: #fff; display: flex; margin-left: 1100px !important;}
.bt-fechar div:last-child {border-bottom: none;}
.botMenuRelatorio {max-width: 200px; border: 1px solid #ddd; border-radius: 12px; margin-left: 0; margin-right: auto; box-shadow: 1.5px 1.5px 5px rgba(0,0,0,0.2); background-color: white;}
.botMenuRelatorio div {width: auto; padding: 15px 0 15px 50px; border-bottom: 2px groove #f1f1f1; background-repeat: no-repeat; background-size: auto 30px; background-position: 10px; font-size: 14px; cursor: pointer; background-color: #fff; position: relative; left: 0; right: auto; float: left;} 
.botMenuRelatorio div:hover {background-color: var(--default); color: #fff;} 
.botMenuRelatorio div:last-child {border-bottom: none;}

/*menu de produtos*/
.boxCategoria {padding:0; z-index: 10; margin-bottom: 20px;}
.boxCategoria .dropdown {position: unset;}
.boxCategoria .dropdown-menu {width: 100%; padding: 20px 30px; position: absolute; z-index: -1; left:0px; display: unset; transition: all .2s ease-in-out;}
.boxCategoria .navbar-collapse {padding: 50px 15px 15px 15px; background: #fff; width: 100%;}
.boxCategoria .show {top: 62px;}
.menuopen {display: block;}

.dropfull {
  width: 100vw;
  position: absolute;
  z-index: 100;
  left: 0;
}
#menu {/*height: 150px; margin-bottom: 50px;*/}
/**********************style do navbar******************************/


/**********************loading******************************/
#loadingxx {
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: var(--loadding);
  background-image: url("../images/loading.gif");
  background-size: 90px;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
}
/**********************loading******************************/


/**********************Carousel******************************/
.sessao-carrousel {background: var(--fundoSecAlt)!important; position: relative;}
.carousel-item div {position: absolute; z-index: 10; top:0%; left: 10%; padding: 20px; height: 100%; /*background: rgba(255,255,255,.7);*/ max-width: 32%; display: flex; flex-direction: column; justify-content: center; align-items: start;}
.carousel-item div h2 {color: #000; font-family: 'Open Sans', sans-serif;}
.carousel-item div p {font-size: 20px;}
.carousel-item a {animation-name: opacidade; animation-duration: 2s; animation-delay: 1.5s; animation-timing-function: ease; opacity: 0; animation-fill-mode: forwards;}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-prev {left: -15px;}
.carousel-control-next {right: -15px;}
.busca {position: absolute; z-index: 90; width: 40%; bottom: 50px; left: 145px; transition: all 0.5s ease-out;}
.busca:hover {transform: scale(1.1);}
.busca input {border-radius: 10px 0px 0px 10px; border: none; height: 38px; width: 100%;}
.busca input:focus {box-shadow: none; border: none;}
.busca button {height: 38px;}
.busca {position: absolute;}
.busca p {margin-bottom: 5px; font-family: 'Open Sans', sans-serif; font-size: 18px;}
.busca p i {color: var(--default); cursor: pointer;}
/**********************Carousel******************************/


/**********************Animacao de opacidade******************************/
@keyframes opacidade {
    from {opacity: 0;}
    to {opacity: 1;}
}
/**********************Animacao de opacidade******************************/


/**********************Efeitos******************************/
/*risco para os titulos*/
.tracoInf::after {
  content: "";
  background-color: var(--default);
  width: 100px;
  height: 3px;
  display: block;
  margin: 15px 0 25px 0;
}

/*jarallax*/
.jarallax {
    position: relative;
}

/*frames para fotos*/
.photosFrames div {
    width: 100%;
  position: relative; 
}
.photosFrames div::after {
  content: "";
  width: 100%;
  height:100%;
  background-color: var(--photos);
  display: block;
  position: absolute;
  top: 0px;
  z-index: -1;
    border: 10px solid var(--photos);
    transform: rotate(-2deg);
}
.photosFrames div img {
    width: 100%;
    transition: all 0.5s ease-out;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5); 
  box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);
    padding: 12px;
    background: #fff;    
  transform: rotate(2deg);
}
.showb {
    display: block;
}
.hideb {
   display: none;
}
/*frames para fotos*/
/**********************Efeitos******************************/


/**********************Slider******************************/
.slider {
    width: 100%;
    margin: 0px auto;
}
.slick-slide {
  margin: 0px 10px;
}
.slick-slide img {
  width: 100%;
}
.slick-prev:before,
.slick-next:before {
  color: black;
}
.slick-slide {
  transition: all ease-in-out .2s;
  opacity: 1;
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.slick-next:before {
    content: ""!important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: repeat;
    width: 32px;
    height: 32px;
    display: block;
}
.slick-prev:before {
    content: ""!important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
    background-repeat: repeat;
    width: 32px;
    height: 32px;
    display: block;
}
.slick-track {padding: 15px 0 20px 0px;}
.slick-track>div>div {background-color: #fff; width: 100%; overflow: hidden; padding: 20px 10px; position: relative;} 
.slick-track>div:hover {transform: scale(1.07); cursor: pointer; -webkit-box-shadow: 5px 5px 10px -1px rgba(0,0,0,0.25); -moz-box-shadow: 5px 5px 10px -1px rgba(0,0,0,0.25); box-shadow: 5px 5px 10px -1px rgba(0,0,0,0.25);}
.slick-track>div>div p {color: #000; margin-bottom: 0; font-size: 12px;}
.slick-track>div>div p span {display: block; font-family: 'Open Sans', sans-serif; color: var(--textos);}
.slick-track>div>div i {position: absolute; right: -30px; bottom: 15px; padding: 5px; color: var(--default); transition: all ease-in-out .2s;}
.slick-track>div:hover div i {right: 15px;}
.sldItem.slick-slide.slick-current.slick-active>div {background-color: var(--default);}
.sldItem.slick-slide.slick-current.slick-active>div p {color: #fff;}
/**********************Slider******************************/

/**********************geral******************************/
.ftS-12 {font-size: 12px;}
.destaq-1 {font-size: 25px; font-weight: 600;}
.destaq-2 {font-weight: 500; font-size: 20px;}
.destaq-3 {font-weight: 700;}
.pdL-0 {padding-left: 0px;}
.pdL-1 {padding-left: 10px;}
.pdL-2 {padding-left: 20px;}
.pdL-3 {padding-left: 30px;}
.pdL-4 {padding-left: 40px;}
.pdL-5 {padding-left: 50px;}
.pdR-0 {padding-right: 0px;}
.pdR-1 {padding-right: 10px;}
.pdR-2 {padding-right: 20px;}
.pdR-3 {padding-right: 30px;}
.pdR-4 {padding-right: 40px;}
.pdR-5 {padding-right: 50px;}
.pdB-1 {padding-bottom: 10px;}
.pdB-2 {padding-bottom: 20px;}
.pdB-3 {padding-bottom: 30px;}
.pdB-4 {padding-bottom: 40px;}
.pdB-5 {padding-bottom: 50px;}
.pdB-6 {padding-bottom: 60px;}
.pdB-7 {padding-bottom: 70px;}
.pdB-8 {padding-bottom: 80px;}
.pdB-9 {padding-bottom: 90px;}
.pdB-10 {padding-bottom: 100px;}
.pdB-20 {padding-bottom: 200px;}
.pdB-25 {padding-bottom: 250px;}
.pdB-28 {padding-bottom: 280px;}
.pdB-30 {padding-bottom: 300px;}
.pdB-35 {padding-bottom: 350px;}
.pdT-1 {padding-top: 10px;}
.pdT-2 {padding-top: 20px;}
.pdT-3 {padding-top: 30px;}
.pdT-4 {padding-top: 40px;}
.pdT-5 {padding-top: 50px;}
.pdT-6 {padding-top: 60px;}
.pdT-7 {padding-top: 70px;}
.pdT-8 {padding-top: 80px;}
.pdT-9 {padding-top: 90px;}
.pdT-10 {padding-top: 100px;}
.pdT-20 {padding-top: 200px;}

.pdT-8p {padding-top: 8%;}
.pdT-10p {padding-top: 10%;}

.mgB-0 {margin-bottom: 0;}
.mgL-0 {margin-left: 0;}
.mgR-0 {margin-right: 0;}
.mgR-3 {margin-right: 30px;}
.mgB-1 {margin-bottom: 10px;}
.mgB-2 {margin-bottom: 20px;}
.mgB-3 {margin-bottom: 30px;}
.mgB-4 {margin-bottom: 40px;}
.mgB-5 {margin-bottom: 50px;}
.mgB-6 {margin-bottom: 60px;}
.mgB-7 {margin-bottom: 70px;}
.mgB-8 {margin-bottom: 80px;}
.mgB-9 {margin-bottom: 90px;}
.mgB-10 {margin-bottom: 100px;}
.mgB-15 {margin-bottom: 150px;}
.mgB-22 {margin-bottom: 220px;}
.mgB-23 {margin-bottom: 230px;}
.mgB-26 {margin-bottom: 260px;}
.mgB-28 {margin-bottom: 280px;}
.mgB-30 {margin-bottom: 300px;}
.mgB-32 {margin-bottom: 320px;}
.mgB-35 {margin-bottom: 350px;}

.mgT-1 {margin-top: 10px;}
.mgT-2 {margin-top: 20px;}
.mgT-3 {margin-top: 30px;}
.mgT-4 {margin-top: 40px;}
.mgT-5 {margin-top: 50px;}
.mgT-6 {margin-top: 60px;}
.mgT-7 {margin-top: 70px;}
.mgT-8 {margin-top: 80px;}
.mgT-9 {margin-top: 90px;}
.mgT-10 {margin-top: 100px;}
.mgT-20 {margin-top: 200px;}


.clrPruc {color: var(--corPruc);}
.clrGiss {color: var(--corGiss);}
.clrSiss {color: var(--corSiss2);}
.clrCed {color: var(--corCed);}
.clrGier {color: var(--corGier);}
.clrGiex {color: var(--corGiex);}
.clriCad {color: var(--coriCad);}
.clrGde {color: var(--corGde);}
.clrGivaf {color: var(--corGivaf);}
.clrGiss {color: var(--corActoAdm);}
.clrGiss {color: var(--corActoCid);}
.clrGiss {color: var(--corActoCnt);}
.clrGiss {color: var(--corActoEsp);}
.clrGiss {color: var(--corActoHab);}
.clrGiss {color: var(--corActoPub);}
.sombraImg {filter: drop-shadow(10px 10px 10px rgba(0,0,0,.5));}
.corwhats {color: #25d366;}

.sessao-inicial>.container-layer>.layer-content>.container>.row>.col-md-6:first-child {padding-top: 100px;}
.corBranca {color: #fff;}
.corBranca:hover {color: #fff;}
.cursorHd {cursor: pointer;}

#main_home {margin-top: 146px;}
#main {margin-top: 175px;}
#barraPesquisa {margin-bottom: 20px;}
.fw-6 {font-weight: 600;}

.box2col {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.box2col div img {
  width: 100%;
}

.barrSearch {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
.barrSearch input {
  width: 100%;
  border: 0;
  background-color: var(--menuBack);
  outline: none;
  border-radius: 8px;
  padding: 10px 40px 10px 10px;
}
.barrSearch .menuSearch {
  position: absolute;
  right: 25px;
  cursor: pointer;
}
.boxSearch {position: relative; width: 100%; display: flex; align-items: center;}
.boxSearch i {position: absolute; right: 20px; font-size: 30px;}
.boxSearch input {width: 100%; font-size: 18px; padding: 12px 60px 12px 10px; outline: none; position: relative; border-radius: 4px; border: none;}
.border1 {border: 1px solid #aaa!important; border-radius: 12px; display: flex; align-items: center; justify-content: center; width: 90%; margin: 0 auto;}
.border1 p {margin-bottom: 0!important; font-weight: 200!important; font-size: 20px;}

.mostraFlex {display: flex; justify-content: center; align-items: center; justify-content: space-between;}
.mostraFlex a {margin: 0;}
.colocaFlex {display: flex!important;}
.boxFlexNota {width: 100%; display: flex; padding: 0!important; border-bottom: none!important;}
.boxFlexNota div {width: 50%; padding: 20px 20px 20px 0!important; border-bottom: none!important;}

.boxes2colFlex {display: flex; justify-content: center; align-items: center; flex-direction: row; justify-content: space-between;}


.colFlex-2 {display: flex; width: 100%; flex-direction: row;}
.colFlex-2>div:first-child {width: 60%;}
.colFlex-2>div:nth-child(2) {width: 40%;}

.classEsconde {display: none;}
.classMostra {display: block;}

.alinFlex {display: flex; align-items: center;}

.submit-btn {
  /*background-image: url('../images/botAvanca.svg');*/
  background-size: cover; /* cobre todo o botão */
  background-position: center; /* centraliza a imagem */
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  width: 50px;
  height: 50px;
  transition: 0.3s;
  background-color: transparent;
}

.submit-btn:hover {
  opacity: 0.8; /* efeito de opacidade ao passar o mouse */
}
.estiloVd {color: #0C9D61; font-weight: bold; background-image: url('../images/check.svg'); background-repeat: no-repeat; width: 20px; height: 20px; padding-left: 20px;}

.custom-list {
  list-style: none; /* Remove o estilo de bullet padrão */
  padding-left: 0;
}

.liVerde {
  padding-left: 25px;
  background-image: url('../images/check.svg');
  background-size: 16px 16px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  color: #0C9D61;
  font-weight: bold;
}
.liAmarelo {
  padding-left: 25px;
  background-image: url('../images/Cross.svg');
  background-size: 16px 16px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  color: #FE9B0E;
  font-weight: bold;
}
.alert1 {
  color: #FE9B0E;
  font-weight: bold;
  font-size: 12px;
  text-align: left!important;
  line-height: 14px;
  margin-bottom: 20px;
}
.alert2 {
  color: #0C9D61;
  font-weight: bold;
  font-size: 12px;
  text-align: left!important;
  line-height: 14px;
  margin-bottom: 20px;
}
.strokeYellow {
  border: 1px solid #FE9B0E !important;
}
.strokeGreen {
  border: 1px solid #0C9D61 !important;
}
.strokeRed {
  border: 1px solid var(--default) !important;
}
.desktop {display: block;}
.close-btn2 {display: none;}
/**********************geral******************************/


/**********************Botoes/Boxes******************************/
.botDefault {cursor: pointer; background: #D22B20; -webkit-box-shadow: 5px 5px 0px 0px rgba(253,222,216,1); -moz-box-shadow: 5px 5px 0px 0px rgba(253,222,216,1); box-shadow: 5px 5px 0px 0px rgba(253,222,216,1); color: #fff; border-radius: 10px; border: none; min-width: 100px; padding: 10px;}
.botDefault:hover {transform: scale(1.03); transition: all 0.2s ease-out;}

.botDefault-1 {border-radius: 8px; background: var(--backGroud1); padding: 6px 8px; color: #fff;}
.boxDefault {
  border-radius: 8px; 
  background: #fff; 
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
  border: 1px solid #aaa;
  padding: 30px;
}

.botDefault-modal {cursor: pointer; background: #D22B20; color: #fff; border-radius: 10px; border: none; min-width: 100px; padding: 10px;}
.botDefault-modal:hover {transform: scale(1.03); transition: all 0.2s ease-out;}

.boxDefault-modal {
  border-radius: 8px; 
  padding: 30px;
}

.botDefault-2, .paginate_button.next {
  border-radius: 8px!important; 
  background: #c2635c!important; 
  padding: 8px 15px!important; 
  color: #fff!important; 
  border: none!important; 
  outline: none!important; 
  font-size: 12px!important; 
  min-width: 130px!important; 
  height: 35px!important; 
  text-align: left!important; 
  background-image: url(../images/setinha.svg)!important; 
  background-repeat: no-repeat!important; 
  background-position: 90% 50%!important; 
  transition: all 0.2s ease-out!important;
  display: inline-block;
  margin: 0 5px 0 5px!important;
}
.paginate_button.previous{
  border-radius: 8px!important; 
  background: #c2635c!important; 
  padding: 8px 15px!important; 
  color: #fff!important; 
  border: none!important; 
  outline: none!important; 
  font-size: 12px!important; 
  min-width: 130px!important; 
  height: 35px!important; 
  text-align: right!important; 
  background-image: url(../images/setinha3.svg)!important; 
  background-repeat: no-repeat!important; 
  background-position: 10% 50%!important; 
  transition: all 0.2s ease-out!important;
  display: inline-block;
  margin: 0 5px 0 5px!important;
}
.paginate_button.next:hover, .paginate_button.previous:hover{
  transform: scale(1.03);  
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  color: #fff!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next, .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
  color: #fff!important;
}
.dataTables_empty{
  vertical-align: middle !important;
}
a.paginate_button.current{
  font-weight: bolder !important; 
}
.botDefault-2:hover {transform: scale(1.03);}

.botDefault-3 {border-radius: 8px; padding: 8px 15px; color: #fff; border: 2px solid #c2635c; outline: none; font-size: 12px; width: 40px; height: 35px; text-align: left; background-image: url(../images/setinha2.svg); background-repeat: no-repeat; background-position: 50% 50%; transition: all 0.2s ease-out; text-align: center;}
.botDefault-3:hover {transform: scale(1.03);}

.botVoltar {display: flex; color: var(--default); width: fit-content; transition: all 0.2s ease-out;}
.botVoltar:hover {transform: scale(1.05);}
.botVoltar i {border-radius: 8px; background: var(--backGroud1); padding: 5px 8px; color: #fff; width: fit-content; display: block; margin-right: 10px;}

.botDefault-4 {
  cursor: pointer;
  background: #fdded8;
  -webkit-box-shadow: 5px 5px 0px 0px rgba(253, 222, 216, 1);
  -moz-box-shadow: 5px 5px 0px 0px rgba(253, 222, 216, 1);
  box-shadow: 5px 5px 0px 0px rgba(253, 222, 216, 1);
  color: #d22b20;
  border-radius: 10px;
  border: none;
  min-width: 100px;
  padding: 10px;
  outline: 1px solid #d22b20;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transition: all 0.2s ease-out;
}
.botDefault-4:hover {transform: scale(1.03);}
/**********************Botoes/Boxes******************************/


/**********************pg-inicial******************************/
.pg-inicial-1.sessao-1, .pg-inicial-2.sessao-1, .pg-inicial-3.sessao-1, .pg-inicial-4.sessao-1, .pg-inicial-5.sessao-1, .pg-inicial-6.sessao-1, .pg-inicial-7.sessao-1, .pg-inicial-8.sessao-1, .pg-inicial-9.sessao-1, .pg-inicial-10.sessao-1, .pg-inicial-11.sessao-1 {margin-top: 30px;}
.boxLogar .row {margin-bottom: 50px;}
.boxLogar .boxDefault {height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.boxLogar .boxDefault>div>h1, .boxLogar .boxDefault>div>form, .boxLogar .boxDefault>div>p, .boxLogar .boxDefault>div>div {margin-bottom: 20px;}
.boxLogar .boxDefault>div div:nth-child(4) {width: 100%; text-align: center; position: relative;} 
.boxLogar .boxDefault>div div:nth-child(4) span {position: absolute; width: 100%; background: #ddd; height: 1px; left: 0; top: 50%; z-index: 0;}
.boxLogar .boxDefault>div div:nth-child(4) p {background-color: #fff; width: fit-content; position: relative; z-index: 1; display: block; margin: 0 auto;}
.boxLogar .boxDefault>div .botDefault {width: 100%;}
.boxLogar .loginLeft img:first-child {width: 40%;}
.pg-inicial-1.sessao-1 .boxLogar .loginLeft img:nth-child(3) {width: 60%; display: block; margin: 0 auto;}
.boxLogar .loginLeft img {margin-bottom: 40px !important;}
.boxLogar .loginLeft h1 {margin-bottom: 40px;}
.boxLogar .sessao-1 .row {margin-bottom: 50px;}
.pg-inicial-1.sessao-1 img {height: unset;}

.pg-inicial-2.sessao-1 .loginLeft {padding-left: 50px;}
.pg-inicial-2.sessao-1 .boxLogar .loginLeft img:nth-child(3) {width: 80%;}
.pg-inicial-2.sessao-1 img {height: unset;}

.inicial-3, .inicial-9 {
  background: rgb(254,155,14);
  background: linear-gradient(313deg, rgba(254,155,14,1) 0%, rgba(255,252,251,1) 50%);
}
.pg-inicial-3.sessao-1 .boxLogar .loginLeft img {width: 80%;}

.pg-inicial-4.sessao-1>div>div>div {position: relative;}
.pg-inicial-4.sessao-1 .boxDefault {margin-top: 100px;}
.pg-inicial-4.sessao-1 .boxDefault>h1, .pg-inicial-4.sessao-1 .boxDefault>p, .pg-inicial-4.sessao-1 .boxDefault>form {margin-bottom: 20px;}
.escudo {position: absolute; top: 30px; width: 140px; right: 90px;}
.pg-inicial-4.sessao-1 img {height: 140px; width: auto;}

.pg-inicial-5.sessao-1 form {width: 400px!important;}
.pg-inicial-5.sessao-1 img {width: 35vh; margin: 30px 0;}
.pg-inicial-5.sessao-1 .alinFlex img {width: 30px; margin-right: 10px;}
.pg-inicial-5.sessao-1 img {height: unset;}

.pg-inicial-6.sessao-1 form {width: 400px!important; text-align: right;}
.pg-inicial-6.sessao-1 img {width: 35vh; margin: 30px 0;}
.pg-inicial-6.sessao-1 .alinFlex img {width: 30px; margin-right: 10px;}
.pg-inicial-6.sessao-1 button[type=submit] {background-image: url('../images/botAvanca.svg');}
.pg-inicial-6.sessao-1 img {height: unset;}

.pg-inicial-7.sessao-1 form {width: 400px!important; text-align: right;}
.pg-inicial-7.sessao-1 img {width: 35vh; margin: 30px 0;}
.pg-inicial-7.sessao-1 .alinFlex img {width: 30px; margin-right: 10px;}
.pg-inicial-7.sessao-1 button[type=submit] {background-image: url('../images/botAvanca.svg');}
.pg-inicial-7.sessao-1 input {background: #FFF7E1!important; border: 1px solid #FE9B0E!important;}
.pg-inicial-7.sessao-1 span {background: #FFF7E1!important;}
.pg-inicial-7.sessao-1 img {height: unset;}

.pg-inicial-8.sessao-1 img {width: 35vh; margin: 30px 0;}
.pg-inicial-8.sessao-1 .alinFlex img {width: 30px; margin-right: 10px;}
.pg-inicial-8.sessao-1 input {width: 50px!important; margin-right: 10px; padding: 16px!important;}
.pg-inicial-8.sessao-1 img {height: unset;}

.pg-inicial-9.sessao-1 img {width: 35vh; margin: 30px 0;}
.pg-inicial-9.sessao-1 .alinFlex img {width: 30px; margin-right: 10px;}
.pg-inicial-9.sessao-1 input {width: 50px!important; margin-right: 10px; padding: 16px!important;}
.pg-inicial-9.sessao-1 button {width: 245px; margin-bottom: 20px;}
.pg-inicial-9.sessao-1 img {height: unset;}

.pg-inicial-10.sessao-1 img {width: 35vh; margin: 30px 0;}
.pg-inicial-10.sessao-1 .alinFlex img {width: 30px; margin-right: 10px;}
.pg-inicial-10.sessao-1 input {width: 50px!important; margin-right: 10px; padding: 16px!important;}
.pg-inicial-10.sessao-1 img {height: unset;}

.pg-inicial-11.sessao-1 img {width: 35vh; margin: 30px 0;}
.pg-inicial-11.sessao-1 .alinFlex img {width: 30px; margin-right: 10px;}
.pg-inicial-11.sessao-1 input {width: 50px!important; margin-right: 10px; padding: 16px!important;}
.pg-inicial-11.sessao-1 button[type=submit] {background-image: url('../images/botAvanca.svg'); margin-left: 260px;}
.pg-inicial-11.sessao-1 img {height: unset;}
/**********************pg-inicial******************************/  

/**********************pg-recuperar******************************/
.recuperar-1, .recuperar-2, .recuperar-3, .recuperar-4, .recuperar-5, .recuperar-6, .recuperar-7, .recuperar-8, .recuperar-9, .recuperar-10 {padding-top: 30px;}
.boxLogar .boxDefault>div div {width: 100%; text-align: center; position: relative;} 
.boxLogar .boxDefault>div div span {position: absolute; width: 100%; background: #ddd; height: 1px; left: 0; top: 50%; z-index: 0;}
.boxLogar .boxDefault>div div p {background-color: #fff; width: fit-content; position: relative; z-index: 1; display: block; margin: 0 auto;}

.recuperar-2, .recuperar-4 {
  background: rgb(254,155,14);
  background: linear-gradient(313deg, rgba(254,155,14,1) 0%, rgba(255,252,251,1) 50%);
}

.pg-recuperar-1.sessao-1 img {width: 85%; height: unset;}
.pg-recuperar-1.sessao-1 input {width: 50px!important; margin-right: 10px; padding: 16px!important;}
.pg-recuperar-1.sessao-1 form {text-align: center;}
.pg-recuperar-1.sessao-1 img {margin-bottom: 0;}
.pg-recuperar-1.sessao-1 .risco {width: 100%;}
.pg-recuperar-1.sessao-1 .risco div {height: 1px; border-top: 2px solid #aaa; width: 260px; margin-left: -25px;}
.pg-recuperar-1.sessao-1 .risco img {width: 85%;}

.pg-recuperar-2.sessao-1 img {width: 85%; height: unset;}
.pg-recuperar-2.sessao-1 input {width: 50px!important; margin-right: 10px; padding: 16px!important;}
.pg-recuperar-2.sessao-1 form {text-align: center;}
.pg-recuperar-2.sessao-1 img {margin-bottom: 0;}
.pg-recuperar-2.sessao-1 .risco {width: 100%;}
.pg-recuperar-2.sessao-1 .risco div {height: 1px; border-top: 2px solid #aaa; width: 260px; margin-left: -25px;}
.pg-recuperar-2.sessao-1 .risco img {width: 85%;}
.pg-recuperar-2.sessao-1 .boxDefault>div {width: 400px;}
.pg-recuperar-2.sessao-1 .boxDefault a.dipBlock {margin-bottom: 20px; display: block;}

.pg-recuperar-3.sessao-1 img {width: 85%; height: unset;}
/*.pg-recuperar-3.sessao-1 input {margin-right: 10px; padding: 16px!important;}*/
.pg-recuperar-3.sessao-1 img {margin-bottom: 0;}
.pg-recuperar-3.sessao-1 .risco {width: 100%;}
.pg-recuperar-3.sessao-1 .risco div {height: 1px; border-top: 2px solid #aaa; width: 260px; margin-left: -25px;}
.pg-recuperar-3.sessao-1 .risco img {width: 85%;}

.pg-recuperar-4.sessao-1 img {width: 85%; height: unset;}
.pg-recuperar-4.sessao-1 img {margin-bottom: 0;}
.pg-recuperar-4.sessao-1 .risco {width: 100%;}
.pg-recuperar-4.sessao-1 .risco div {height: 1px; border-top: 2px solid #aaa; width: 260px; margin-left: -25px;}
.pg-recuperar-4.sessao-1 .risco img {width: 85%;}
.pg-recuperar-4.sessao-1 .boxDefault a.dipBlock {margin-bottom: 20px; display: block;}

.pg-recuperar-5.sessao-1 form {width: 400px!important;}
.pg-recuperar-5.sessao-1 img {width: 35vh; margin: 30px 0;}
.pg-recuperar-5.sessao-1 .alinFlex img {width: 30px; margin-right: 10px;}
.pg-recuperar-5.sessao-1 img {height: unset;}

.pg-recuperar-6.sessao-1 form {width: 400px!important;}
.pg-recuperar-6.sessao-1 img {width: 35vh; margin: 30px 0;}
.pg-recuperar-6.sessao-1 .alinFlex img {width: 30px; margin-right: 10px;}
.pg-recuperar-6.sessao-1 button[type=submit] {background-image: url(../images/botAvanca.svg); margin-left: 335px;}
.pg-recuperar-6.sessao-1 img {height: unset;}

.pg-recuperar-7.sessao-1 form {width: 400px!important;}
.pg-recuperar-7.sessao-1 img {width: 35vh; margin: 30px 0;}
.pg-recuperar-7.sessao-1 .alinFlex img {width: 30px; margin-right: 10px;}
.pg-recuperar-7.sessao-1 img {height: unset;}

.pg-recuperar-8.sessao-1 form {width: 400px!important;}
.pg-recuperar-8.sessao-1 img {width: 35vh; margin: 30px 0;}
.pg-recuperar-8.sessao-1 .alinFlex img {width: 30px; margin-right: 10px;}
.pg-recuperar-8.sessao-1 img {height: unset;}

.pg-recuperar-9.sessao-1 form {width: 400px!important;}
.pg-recuperar-9.sessao-1 img {width: 35vh; margin: 30px 0;}
.pg-recuperar-9.sessao-1 .alinFlex img {width: 30px; margin-right: 10px;}
.pg-recuperar-9.sessao-1 button[type=submit] {background-image: url(../images/botAvanca.svg); margin-left: 335px;}
.pg-recuperar-9.sessao-1 img {height: unset;}

.pg-recuperar-10.sessao-1 form {width: 400px!important;}
.pg-recuperar-10.sessao-1 img {width: 35vh; margin: 30px 0;}
.pg-recuperar-10.sessao-1 .alinFlex img {width: 30px; margin-right: 10px;}
.pg-recuperar-10.sessao-1 img {height: unset;}
/**********************pg-recuperar******************************/

/**********************pg-prefeitura******************************/
.prefeitura-1, .prefeitura-2, .prefeitura-3, .prefeitura-4, .prefeitura-5, .prefeitura-6, .prefeitura-7, .prefeitura-8, .prefeitura-9, .prefeitura-10 {padding-top: 30px;}
.boxLogar .boxDefault>div div {width: 100%; text-align: center; position: relative;} 
.boxLogar .boxDefault>div div span {position: absolute; width: 100%; background: #ddd; height: 1px; left: 0; top: 50%; z-index: 0;}
.boxLogar .boxDefault>div div p {background-color: #fff; width: fit-content; position: relative; z-index: 1; display: block; margin: 0 auto;}

.prefeitura-2, .prefeitura-3 {
  background: rgb(254,155,14);
  background: linear-gradient(313deg, rgba(254,155,14,1) 0%, rgba(255,252,251,1) 50%);
}

.pg-prefeitura-1.sessao-1 img {width: 85%;}
.pg-prefeitura-1.sessao-1 input {margin-right: 10px;}
.pg-prefeitura-1.sessao-1 form {text-align: center;}
.pg-prefeitura-1.sessao-1 img {margin-bottom: 0;}
.pg-prefeitura-1.sessao-1 .risco {width: 100%;}
.pg-prefeitura-1.sessao-1 .risco div {height: 1px; border-top: 2px solid #aaa; width: 260px; margin-left: -25px;}
.pg-prefeitura-1.sessao-1 .risco img {width: 85%;}
.pg-prefeitura-1.sessao-1 .loginLeft img {width: 70%;}
.pg-prefeitura-1.sessao-1 .boxDefault>div {width: 85%;}
.pg-prefeitura-1.sessao-1 .formTxUp .textoDireto {width: fit-content!important; right: 0!important; position: absolute; top: 16px; right: 16px!important; cursor: pointer;}

.pg-prefeitura-2.sessao-1 img {width: 85%;}
.pg-prefeitura-2.sessao-1 input {margin-right: 10px;}
.pg-prefeitura-2.sessao-1 form {text-align: center;}
.pg-prefeitura-2.sessao-1 img {margin-bottom: 0;}
.pg-prefeitura-2.sessao-1 .risco {width: 100%;}
.pg-prefeitura-2.sessao-1 .risco div {height: 1px; border-top: 2px solid #aaa; width: 260px; margin-left: -25px;}
.pg-prefeitura-2.sessao-1 .risco img {width: 85%;}
.pg-prefeitura-2.sessao-1 .loginLeft img {width: 70%;}
.pg-prefeitura-2.sessao-1 .boxDefault>div {width: 85%;}
.pg-prefeitura-2.sessao-1 .formTxUp .textoDireto {width: fit-content!important; right: 0!important; position: absolute; top: 16px; right: 16px!important; cursor: pointer;}

.pg-prefeitura-3.sessao-1 img {width: 85%;}
.pg-prefeitura-3.sessao-1 input {margin-right: 10px;}
.pg-prefeitura-3.sessao-1 form {text-align: center;}
.pg-prefeitura-3.sessao-1 img {margin-bottom: 0;}
.pg-prefeitura-3.sessao-1 .risco {width: 100%;}
.pg-prefeitura-3.sessao-1 .risco div {height: 1px; border-top: 2px solid #aaa; width: 260px; margin-left: -25px;}
.pg-prefeitura-3.sessao-1 .risco img {width: 85%;}
.pg-prefeitura-3.sessao-1 .loginLeft img {width: 70%;}
.pg-prefeitura-3.sessao-1 .boxDefault>div {width: 85%;}
.pg-prefeitura-3.sessao-1 .formTxUp .textoDireto {width: fit-content!important; right: 0!important; position: absolute; top: 16px; right: 16px!important; cursor: pointer;}

.pg-prefeitura-4.sessao-1 img {width: 35vh; margin: 30px 0;}
.pg-prefeitura-4.sessao-1 .alinFlex img {width: 30px; margin-right: 10px;}
.pg-prefeitura-4.sessao-1 input {width: 50px!important; margin-right: 10px; padding: 16px!important;}
.pg-prefeitura-4.sessao-1 img {height: unset;}

.pg-prefeitura-5.sessao-1 img {width: 35vh; margin: 30px 0;}
.pg-prefeitura-5.sessao-1 .alinFlex img {width: 30px; margin-right: 10px;}
.pg-prefeitura-5.sessao-1 input {width: 50px!important; margin-right: 10px; padding: 16px!important;}
.pg-prefeitura-5.sessao-1 button {width: 245px; margin-bottom: 20px;}
.pg-prefeitura-5.sessao-1 img {height: unset;}

.pg-prefeitura-6.sessao-1 img {width: 35vh; margin: 30px 0;}
.pg-prefeitura-6.sessao-1 .alinFlex img {width: 30px; margin-right: 10px;}
.pg-prefeitura-6.sessao-1 input {width: 50px!important; margin-right: 10px; padding: 16px!important;}
.pg-prefeitura-6.sessao-1 img {height: unset;}
/**********************pg-prefeitura******************************/

/**********************pg-usuario******************************/
.usuario-1, .usuario-2, .usuario-3, .usuario-4, .usuario-5, .usuario-6, .usuario-7, .usuario-8, .usuario-9, .usuario-10 {padding-top: 30px;}
.boxLogar .boxDefault>div div {width: 100%; text-align: center; position: relative;} 
.boxLogar .boxDefault>div div span {position: absolute; width: 100%; background: #ddd; height: 1px; left: 0; top: 50%; z-index: 0;}
.boxLogar .boxDefault>div div p {background-color: #fff; width: fit-content; position: relative; z-index: 1; display: block; margin: 0 auto;}

.usuario-2, .usuario-3, .usuario-9 {
  background: rgb(254,155,14);
  background: linear-gradient(313deg, rgba(254,155,14,1) 0%, rgba(255,252,251,1) 50%);
}

.usuario-sucess {padding-top: 30px;}
.boxLogar .boxDefault>div div {width: 100%; text-align: center; position: relative;} 
.boxLogar .boxDefault>div div span {position: absolute; width: 100%; background: #ddd; height: 1px; left: 0; top: 50%; z-index: 0;}
.boxLogar .boxDefault>div div p {background-color: #fff; width: fit-content; position: relative; z-index: 1; display: block; margin: 0 auto;}

.usuario-sucess {
  background: rgb(155,201,14);
  background: linear-gradient(313deg, rgba(155,201,14,1) 0%, rgba(255,252,251,1) 50%);
}

.pg-usuario-1.sessao-1 img {width: 85%;}
.pg-usuario-1.sessao-1 input {margin-right: 10px;}
.pg-usuario-1.sessao-1 form {text-align: center;}
.pg-usuario-1.sessao-1 img {margin-bottom: 0;}
.pg-usuario-1.sessao-1 .risco {width: 100%;}
.pg-usuario-1.sessao-1 .risco div {height: 1px; border-top: 2px solid #aaa; width: 260px; margin-left: -25px;}
.pg-usuario-1.sessao-1 .risco img {width: 85%;}
/*.pg-usuario-1.sessao-1 .loginLeft img {width: 70%;}*/
.pg-usuario-1.sessao-1 .boxDefault>div {width: 85%;}
.pg-usuario-1.sessao-1 .formTxUp .textoDireto {width: fit-content!important; right: 0!important; position: absolute; top: 16px; right: 16px!important; cursor: pointer;}
.pg-usuario-1.sessao-1 .formTxUp .textoDireto img {width: fit-content!important; right: 0!important; top: 16px; right: 16px!important; cursor: pointer; width: 21px!important; height: 21px!important;}

.pg-usuario-2.sessao-1 img {width: 85%;}
.pg-usuario-2.sessao-1 input {margin-right: 10px;}
.pg-usuario-2.sessao-1 form {text-align: center;}
.pg-usuario-2.sessao-1 img {margin-bottom: 0;}
.pg-usuario-2.sessao-1 .risco {width: 100%;}
.pg-usuario-2.sessao-1 .risco div {height: 1px; border-top: 2px solid #aaa; width: 260px; margin-left: -25px;}
.pg-usuario-2.sessao-1 .risco img {width: 85%;}
.pg-usuario-2.sessao-1 .loginLeft img {width: 70%;}
.pg-usuario-2.sessao-1 .boxDefault>div {width: 85%;}
.pg-usuario-2.sessao-1 .formTxUp .textoDireto {width: fit-content!important; right: 0!important; position: absolute; top: 16px; right: 16px!important; cursor: pointer;}

.pg-usuario-3.sessao-1 img {width: 85%;}
.pg-usuario-3.sessao-1 input {margin-right: 10px;}
.pg-usuario-3.sessao-1 form {text-align: center;}
.pg-usuario-3.sessao-1 img {margin-bottom: 0;}
.pg-usuario-3.sessao-1 .risco {width: 100%;}
.pg-usuario-3.sessao-1 .risco div {height: 1px; border-top: 2px solid #aaa; width: 260px; margin-left: -25px;}
.pg-usuario-3.sessao-1 .risco img {width: 85%;}
.pg-usuario-3.sessao-1 .loginLeft img {width: 70%;}
.pg-usuario-3.sessao-1 .boxDefault>div {width: 85%;}
.pg-usuario-3.sessao-1 .formTxUp .textoDireto {width: fit-content!important; right: 0!important; position: absolute; top: 16px; right: 16px!important; cursor: pointer;}

.pg-usuario-4.sessao-1 img {width: 35vh; margin: 30px 0;}
.pg-usuario-4.sessao-1 .alinFlex img {width: 30px; margin-right: 10px;}
.pg-usuario-4.sessao-1 input {width: 50px!important; margin-right: 10px; padding: 16px!important;}
.pg-usuario-4.sessao-1 img {height: unset;}

.pg-usuario-5.sessao-1 img {width: 35vh; margin: 30px 0;}
.pg-usuario-5.sessao-1 .alinFlex img {width: 30px; margin-right: 10px;}
.pg-usuario-5.sessao-1 input {width: 50px!important; margin-right: 10px; padding: 16px!important;}
.pg-usuario-5.sessao-1 button {width: 245px; margin-bottom: 20px;}
.pg-usuario-5.sessao-1 img {height: unset;}

.pg-usuario-6.sessao-1 img {width: 35vh; margin: 30px 0;}
.pg-usuario-6.sessao-1 .alinFlex img {width: 30px; margin-right: 10px;}
.pg-usuario-6.sessao-1 input {width: 50px!important; margin-right: 10px; padding: 16px!important;}
.pg-usuario-6.sessao-1 img {height: unset;}

.pg-usuario-7.sessao-1 .boxDefault {width: 90%;}
.pg-usuario-7.sessao-1 .boxLogar .boxDefault {justify-content: unset; max-height: 500px; overflow-y: scroll; padding: 10px 20px;}

.pg-usuario-8.sessao-1 .boxDefault {width: 70%; margin: 0 auto 0 auto;}
.pg-usuario-8.sessao-1 .boxDefault p:first-child {width: 100%; font-size: 20px;}
.pg-usuario-8.sessao-1 form {width: 100%; position: relative;}
.pg-usuario-8.sessao-1 form img {position: absolute; width: 30px; top:13px; right: 10px;}
.pg-usuario-8.sessao-1 .map {width: 100%; position: relative;}
.pg-usuario-8.sessao-1 .map img:nth-child(2) {position: absolute; top: 0; width: 70px; /*top: calc(50% - 50px);*/ width: 70px; left: 50%;}

.pg-usuario-9.sessao-1 .boxDefault {width: 70%; margin: 0 auto 0 auto;}
.pg-usuario-9.sessao-1 .boxDefault p:first-child {width: 100%; font-size: 20px;}
.pg-usuario-9.sessao-1 form {width: 100%; position: relative;}
.pg-usuario-9.sessao-1 form img {position: absolute; width: 30px; top:13px; right: 10px;}
.pg-usuario-9.sessao-1 .map {width: 100%; position: relative;}
.pg-usuario-9.sessao-1 .map img:nth-child(2) {position: absolute; top: 0; width: 70px; top: calc(50% - 50px); width: 70px; left: 50%;}
.pg-usuario-9.sessao-1 .box2col-2 {display: flex; align-items: center; justify-content: center; width: 100%;}
.pg-usuario-9.sessao-1 .box2col-2 div:first-child {width: 20%!important;}
.pg-usuario-9.sessao-1 .box2col-2 div:nth-child(2) {width: 80%!important; text-align: left; padding-left: 10px;}
.pg-usuario-9.sessao-1 .box2col-2 div:nth-child(2) p:first-child {color: #FE9B0E; font-size: 16px; font-weight: bold;}
.pg-usuario-9.sessao-1 .box2col-2 div img {width: 100%;}

.pg-usuario-10.sessao-1 .boxDefault {width: 70%; margin: 0 auto 0 auto;}
.pg-usuario-10.sessao-1 .boxDefault p:first-child {width: 100%; font-size: 20px;}
.pg-usuario-10.sessao-1 form {width: 100%; position: relative;}
.pg-usuario-10.sessao-1 form img {position: absolute; width: 30px; top:13px; right: 10px;}
.pg-usuario-10.sessao-1 .map {width: 100%; position: relative;}
.pg-usuario-10.sessao-1 .map img:nth-child(2) {position: absolute; top: 0; width: 70px; top: calc(20% - 100px); width: 70px; left: 60%;}
/**********************pg-usuario******************************/

/**********************pg-sel-municipio******************************/
.estado-sp, .estado-ba, .estado-pr, .estado-mg, .estado-go {padding-top: 30px;}
.boxLogar .boxDefault>div div {width: 100%; text-align: center; position: relative;} 
.boxLogar .boxDefault>div div span {position: absolute; width: 100%; background: #ddd; height: 1px; left: 0; top: 50%; z-index: 0;}
.boxLogar .boxDefault>div div p {background-color: #fff; width: fit-content; position: relative; z-index: 1; display: block; margin: 0 auto;}

.estado-spe, .estado-bae, .estado-pre, .estado-mge, .estado-goe {
  padding-top: 30px;
  background: rgb(254,155,14);
  background: linear-gradient(313deg, rgba(254,155,14,1) 0%, rgba(255,252,251,1) 50%);
}

.pg-estado-sp.sessao-1 .boxDefault {width: 70%; margin: 0 auto 0 auto;}
.pg-estado-sp.sessao-1 .boxDefault p:first-child {width: 100%; font-size: 20px;}
.pg-estado-sp.sessao-1 form {width: 100%; position: relative;}
.pg-estado-sp.sessao-1 form img {position: absolute; width: 30px; height: 27px; top:15px; right: 10px;}
.pg-estado-sp.sessao-1 .map {width: 100%; position: relative;}
.pg-estado-sp.sessao-1 .map img:nth-child(2) {position: absolute; top: 0; width: 70px; /*top: calc(50% - 50px);*/ width: 70px; left: 60%;}
.pg-estado-sp.sessao-1 .box2col-2 {display: flex; align-items: center; justify-content: center; width: 100%;}
.pg-estado-sp.sessao-1 .box2col-2 div:first-child {width: 20%!important;}
.pg-estado-sp.sessao-1 .box2col-2 div:nth-child(2) {width: 80%!important; text-align: left; padding-left: 10px;}
.pg-estado-sp.sessao-1 .box2col-2 div:nth-child(2) p:first-child {color: #FE9B0E; font-size: 16px; font-weight: bold;}
.pg-estado-sp.sessao-1 .box2col-2 div img {width: auto; height: 150px;}


.pg-estado-ba.sessao-1 .boxDefault {width: 70%; margin: 0 auto 0 auto;}
.pg-estado-ba.sessao-1 .boxDefault p:first-child {width: 100%; font-size: 20px;}
.pg-estado-ba.sessao-1 form {width: 100%; position: relative;}
.pg-estado-ba.sessao-1 form img {position: absolute; width: 30px; height: 27px; top:15px; right: 10px;}
.pg-estado-ba.sessao-1 .map {width: 100%; position: relative;}
.pg-estado-ba.sessao-1 .map img:nth-child(2) {position: absolute; top: 0; width: 70px; top: calc(25% - 150px); width: 70px; left: 35%;}
.pg-estado-ba.sessao-1 .box2col-2 {display: flex; align-items: center; justify-content: center; width: 100%;}
.pg-estado-ba.sessao-1 .box2col-2 div:first-child {width: 20%!important;}
.pg-estado-ba.sessao-1 .box2col-2 div:nth-child(2) {width: 80%!important; text-align: left; padding-left: 10px;}
.pg-estado-ba.sessao-1 .box2col-2 div:nth-child(2) p:first-child {color: #FE9B0E; font-size: 16px; font-weight: bold;}
.pg-estado-ba.sessao-1 .box2col-2 div img {width: auto; height: 150px;}

.pg-estado-pr.sessao-1 .boxDefault {width: 70%; margin: 0 auto 0 auto;}
.pg-estado-pr.sessao-1 .boxDefault p:first-child {width: 100%; font-size: 20px;}
.pg-estado-pr.sessao-1 form {width: 100%; position: relative;}
.pg-estado-pr.sessao-1 form img {position: absolute; width: 30px; height: 27px; top:15px; right: 10px;}
.pg-estado-pr.sessao-1 .map {width: 100%; position: relative;}
.pg-estado-pr.sessao-1 .map img:nth-child(2) {position: absolute; top: 0; width: 70px; /*top: calc(50% - 50px);*/ width: 70px; left: 35%;}
.pg-estado-pr.sessao-1 .box2col-2 {display: flex; align-items: center; justify-content: center; width: 100%;}
.pg-estado-pr.sessao-1 .box2col-2 div:first-child {width: 20%!important;}
.pg-estado-pr.sessao-1 .box2col-2 div:nth-child(2) {width: 80%!important; text-align: left; padding-left: 10px;}
.pg-estado-pr.sessao-1 .box2col-2 div:nth-child(2) p:first-child {color: #FE9B0E; font-size: 16px; font-weight: bold;}
.pg-estado-pr.sessao-1 .box2col-2 div img {width: auto; height: 150px;}

.pg-estado-go.sessao-1 .boxDefault {width: 70%; margin: 0 auto 0 auto;}
.pg-estado-go.sessao-1 .boxDefault p:first-child {width: 100%; font-size: 20px;}
.pg-estado-go.sessao-1 form {width: 100%; position: relative;}
.pg-estado-go.sessao-1 form img {position: absolute; width: 30px; height: 27px; top:15px; right: 10px;}
.pg-estado-go.sessao-1 .map {width: 100%; position: relative;}
.pg-estado-go.sessao-1 .map img:nth-child(2) {position: absolute; top: 0; width: 70px; /*top: calc(50% - 50px);*/ width: 70px; left: 35%;}
.pg-estado-go.sessao-1 .box2col-2 {display: flex; align-items: center; justify-content: center; width: 100%;}
.pg-estado-go.sessao-1 .box2col-2 div:first-child {width: 20%!important;}
.pg-estado-go.sessao-1 .box2col-2 div:nth-child(2) {width: 80%!important; text-align: left; padding-left: 10px;}
.pg-estado-go.sessao-1 .box2col-2 div:nth-child(2) p:first-child {color: #FE9B0E; font-size: 16px; font-weight: bold;}
.pg-estado-go.sessao-1 .box2col-2 div img {width: auto; height: 150px;}

.pg-estado-mg.sessao-1 .boxDefault {width: 70%; margin: 0 auto 0 auto;}
.pg-estado-mg.sessao-1 .boxDefault p:first-child {width: 100%; font-size: 20px;}
.pg-estado-mg.sessao-1 form {width: 100%; position: relative;}
.pg-estado-mg.sessao-1 form img {position: absolute; width: 30px; height: 27px; top:15px; right: 10px;}
.pg-estado-mg.sessao-1 .map {width: 100%; position: relative;}
.pg-estado-mg.sessao-1 .map img:nth-child(2) {position: absolute; top: 0; width: 70px; /*top: calc(50% - 50px);*/ width: 70px; left: 50%;}
.pg-estado-mg.sessao-1 .box2col-2 {display: flex; align-items: center; justify-content: center; width: 100%;}
.pg-estado-mg.sessao-1 .box2col-2 div:first-child {width: 20%!important;}
.pg-estado-mg.sessao-1 .box2col-2 div:nth-child(2) {width: 80%!important; text-align: left; padding-left: 10px;}
.pg-estado-mg.sessao-1 .box2col-2 div:nth-child(2) p:first-child {color: #FE9B0E; font-size: 16px; font-weight: bold;}
.pg-estado-mg.sessao-1 .box2col-2 div img {width: auto; height: 150px;}

.pg-estado-mge.sessao-1 .boxDefault {width: 70%; margin: 0 auto 0 auto; }
.pg-estado-mge.sessao-1 .boxDefault p:first-child {width: 100%; font-size: 20px;}
.pg-estado-mge.sessao-1 form {width: 100%; position: relative;}
.pg-estado-mge.sessao-1 form img {position: absolute; width: 30px; top:13px; right: 10px;}
.pg-estado-mge.sessao-1 .map {width: 100%; position: relative;}
.pg-estado-mge.sessao-1 .map img:nth-child(2) {position: absolute; top: 0; width: 70px; top: calc(50% - 50px); width: 70px; left: 50%;}
.pg-estado-mge.sessao-1 .box2col-2 {display: flex; align-items: center; justify-content: center; width: 100%;}
.pg-estado-mge.sessao-1 .box2col-2 div:first-child {width: 20%!important;}
.pg-estado-mge.sessao-1 .box2col-2 div:nth-child(2) {width: 80%!important; text-align: left; padding-left: 10px;}
.pg-estado-mge.sessao-1 .box2col-2 div:nth-child(2) p:first-child {color: #FE9B0E; font-size: 16px; font-weight: bold;}
.pg-estado-mge.sessao-1 .box2col-2 div img {width: 100%;}
/**********************pg-sel-municipio******************************/

/**********************pg-esqueceu-senha******************************/
.esqueceu-senha {padding-top: 30px;}
.boxLogar .boxDefault>div div {width: 100%; text-align: center; position: relative;} 
.boxLogar .boxDefault>div div span {position: absolute; width: 100%; background: #ddd; height: 1px; left: 0; top: 50%; z-index: 0;}
.boxLogar .boxDefault>div div p {background-color: #fff; width: fit-content; position: relative; z-index: 1; display: block; margin: 0 auto;}

.pg-esqueceu-senha.sessao-1  {width: 70%; margin: 0 auto 0 auto; }
.pg-esqueceu-senha.sessao-1 img {width: 35vh; margin: 30px 0;}
.pg-esqueceu-senha.sessao-1 .alinFlex img {width: 30px; margin-right: 10px;}
.pg-esqueceu-senha.sessao-1 input {width: 500px!important; margin-right: 10px; padding: 16px!important;}
.pg-esqueceu-senha.sessao-1 img {height: unset;}
.pg-esqueceu-senha.sessao-1 .loginLeft {padding-left: calc(var(--bs-gutter-x)* .5);}
.pg-esqueceu-senha.sessao-1 form {width: 100% !important;}
.pg-esqueceu-senha.sessao-1 .text-end {text-align: right !important;}
.pg-esqueceu-senha.sessao-1 .alinFlex {margin-bottom: 0px; font-size: 12px;}
.pg-esqueceu-senha.sessao-1 .alinFlex a {margin-bottom: 0px; font-size: 12px;}
/*.pg-esqueceu-senha.sessao-1 .formTxUp {text-align: center;}*/
.pg-esqueceu-senha.sessao-1 .formTxUp p {text-align: left;}
/**********************pg-esqueceu-senha******************************/

/**************Pag Mapa Seleciona estado ***********************/
.seleciona-uf {padding-top: 30px;}
.seleciona-uf .boxLogar .boxDefault>div div {width: 100%; text-align: center; position: relative;} 
.seleciona-uf .boxLogar .boxDefault>div div span {position: absolute; width: 100%; background: #ddd; height: 1px; left: 0; top: 50%; z-index: 0;}
.seleciona-uf .boxLogar .boxDefault>div div p {background-color: #fff; width: fit-content; position: relative; z-index: 1; display: block; margin: 0 auto;}

.seleciona-ufe {
  background: rgb(254,155,14);
  background: linear-gradient(313deg, rgba(254,155,14,1) 0%, rgba(255,252,251,1) 50%);
}

.pg-seleciona-uf.sessao-1 .boxDefault {width: 90%;}
.pg-seleciona-uf.sessao-1 .boxLogar .boxDefault {justify-content: unset; max-height: 500px; overflow-y: scroll; padding: 10px 20px;}

.pg-seleciona-uf.sessao-1 form {width: 100% !important;}
.pg-seleciona-uf.sessao-1 .text-end {text-align: center !important;}
.pg-seleciona-uf.sessao-1 .alinFlex {margin-bottom: 0px; font-size: 12px;}
.pg-seleciona-uf.sessao-1 .alinFlex a {margin-bottom: 0px; font-size: 12px;}
.pg-seleciona-uf.sessao-1 .boxDefault {margin: 0 auto 50px auto;}
/**************Pag Mapa Seleciona estado ***********************/


/**********************pg-site******************************/
/*.sessao-1 img {height: 365px; width: auto;}*/
.sessao-1 h1 {font-size: 30px;}
.balaoChat {display: flex; align-items: start;}
.balaoChat b {color: var(--default);}
.balaoChat>div:nth-child(2), .boxSombra {
  width: 700px;
  box-shadow: 1.5px 1.5px 5px 0px rgba(0, 0, 0, 0.2);
  border: solid 1px #ddd;
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 30px;
  position: relative;
  min-height: 100px;
  background-color: #fff;
}
.balaoChat>div:nth-child(2)::after {
  content: "";
  background-image: url(../images/poligono.svg);
  background-repeat: no-repeat;
  background-size: 50px;
  position: absolute;
  left: -30px;
  width: 30px;
  height: 40px;
  top: 15px;
}
.balaoChat img {
  width: 100%; height: auto;
}
.boxSombraFather>div:first-child .boxSombra {
  padding: 32px 20px;
}
.boxSombraFather>div:nth-child(2) .boxSombra {
  padding: 50px 20px;
}
.boxSombra {
  width: 100%;
  background-color: #fff;
}
.boxSombra img {
  width: 100%;
  height: auto;
}
.balaoChat label span {
  color: var(--default);
  font-weight: bold;
}
.balaoChat label {
  font-size: 14px;
  margin-left: 20px;
  margin-top: -24px;
}
.txRed {
  font-size: 14px;
  font-weight: bold;
  color: var(--default);
}
.menuLateral {border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; border-radius: 12px; width: 80%; overflow: hidden; box-shadow: 1.5px 1.5px 5px 0px rgba(0, 0, 0, 0.2); background-color: white;}
.menuLateral div {width: 100%; padding: 15px 0 15px 50px; border-bottom: 2px groove #f1f1f1; background-repeat: no-repeat; background-size: auto 30px; background-position: 10px; font-size: 14px; cursor: pointer; background-color: #fff; position: relative;}
.menuLateral div:hover {background-color: var(--default); color: #fff;}
.menuLateral div:last-child {border-bottom: none;}
.balaoChat img {width: 65%;}
.site-4 .balaoChat img {width: 100%;}
.menuLateral button {border-radius: 16px; background-color: #ccc; outline: none; border: none; color: var(--default); padding: 5px 20px; font-size: 14px; min-width: 145px; position: absolute; right: 200px; top: calc(50% - 15px);}

.menuLateralaltura {height: 400px; overflow-y: scroll;}
.menuLateralaltura div {cursor: default;}
.menuLateralaltura div:hover, .menuLateralsobre div:hover {background-color: #fff; color: var(--textos); cursor: default;}

.boxComSombra {
  width: 100%;
  box-shadow: 1.5px 1.5px 5px 0px rgba(0, 0, 0, 0.2);
  border: solid 1px #ddd;
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 30px;
  position: relative;
  min-height: 100px;
  background-color: #fff;
}
form.site select {padding: 10px 20px; background-color: var(--backForm); border-radius: 20px;}
.anos {width: 100%;}
.anos div {width: 100%; padding: 8px 30px; border-radius: 20px; display: flex; justify-content: space-between;}
.anos div p {font-size: 12px; margin-bottom: 0;}
.anos div:first-child p {color: #fff;}
.anos div:nth-child(odd) {background-color: var(--backForm);}
.anos div:nth-child(even) {background-color: #fff;}
.anos div:first-child {background-color: var(--default);}
.site-8 .sessao-1 .boxComSombra img {width: 100%; height: auto;}

.file-upload-group {display: flex; gap: 5px;}
.file-upload-group .form-control {cursor: default; background-color: #ddd; border-top-left-radius: 12px !important; border-bottom-left-radius: 12px !important; outline: none; border: none; padding: 10px 20px 10px 20px; color: var(--default);}
.form-control::placeholder {color: var(--default);}
/**********************pg-site******************************/


/**********************apresentacao******************************/
#apresentacao {position: absolute; z-index: 100; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,.8);}
#apresentacao>div>div>div {display: flex; justify-content: center; align-items: center; height: 100vh;}
#apresentacao>div>div>div>div {background-color: #fff; width: 60%; min-height: 200px; padding: 80px 30px; border-radius: 16px; position: relative;}
#apresentacao>div>div>div>div>div {width: 50%;}
#apresentacao>div>div>div>div>div h2 {margin-bottom: 30px;}
#apresentacao>div>div>div>div img {position: absolute; top: 80px; right: -60px; max-width: 330px;}
#apresentacao button {background-image: url(../images/botAvanca.svg); position: absolute; right: 20px; bottom: 15px;}

#apresentacao #slide-2 {background-image: url(../images/tutorial3.jpg); background-repeat: no-repeat; background-position: top; background-size: 100%; background-color: #fff; align-items: end;}
#apresentacao #slide-2>div {width: 90%; position: relative; min-height: 300px; margin-bottom: 150px;}
#apresentacao #slide-2>div img#img1 {position: absolute; max-width: 360px; top: 0; right: 100px;}
#apresentacao #slide-2>div img#img2 {position: absolute; max-width: 145px; top: -100px; right: 500px;}
#apresentacao #slide-2>div button {position: absolute; max-width: 145px; top: 130px; right: 20px;}

#apresentacao #slide-3>img {position: absolute; top: 0; right: 0; width: 280px;}
#apresentacao #slide-3 {display: flex; justify-content: center; align-items: center; height: 100vh; position: relative;}
#apresentacao #slide-3>div {background-color: #fff; width: 60%; min-height: 200px; padding: 80px 30px; border-radius: 16px; position: relative;}
#apresentacao #slide-3>div img#img3 {position: absolute; top: 95px; right: -120px; max-width: 430px;}
#apresentacao #slide-3>div img#img4 {position: absolute; top: -20vh; right: -120px; max-width: 15vh;}
#apresentacao #slide-3>div button {background-image: url(../images/botAvanca.svg); position: absolute; right: 20px; bottom: 15px;}

#apresentacao #slide-4>img {position: absolute; top: 8%; width: 90%;}
#apresentacao #slide-4 {display: flex; justify-content: center; align-items: center; height: 100vh; position: relative;}
#apresentacao #slide-4>div {background-color: #fff; width: 60%; min-height: 450px; padding: 80px 30px; border-radius: 16px; position: relative;}
#apresentacao #slide-4>div img#img5 {position: absolute; top: 90px; right: -60px; max-width: 310px;}
#apresentacao #slide-4>div img#img6 {position: absolute; top: -10vh; right: -70px; max-width: 10vh;}
#apresentacao #slide-4>div button {background-image: url(../images/botAvanca.svg); position: absolute; right: 20px; bottom: 15px;}

#apresentacao #slide-5>img {position: absolute; top: 8%; width: 90%;}
#apresentacao #slide-5 {display: flex; justify-content: center; align-items: center; height: 100vh; position: relative;}
#apresentacao #slide-5>div {background-color: #fff; width: 60%; min-height: 450px; padding: 80px 30px; border-radius: 16px; position: relative;}
#apresentacao #slide-5>div img#img7 {position: absolute; top: 90px; right: -60px; max-width: 370px;}
#apresentacao #slide-5>div img#img8 {position: absolute; top: -3vh; left: -77px; max-width: 8vh; rotate: -125deg;}
#apresentacao #slide-5>div img#img9 {position: absolute; left: -220px; max-width: 180px;}
#apresentacao #slide-5>div button {background-image: url(../images/botAvanca.svg); position: absolute; right: 20px; bottom: 15px;}

#apresentacao #slide-6>img {position: absolute; top: 8%; width: 90%;}
#apresentacao #slide-6 {display: flex; justify-content: center; align-items: center; height: 100vh; position: relative;}
#apresentacao #slide-6>div {background-color: #fff; width: 60%; min-height: 450px; padding: 80px 30px; border-radius: 16px; position: relative;}
#apresentacao #slide-6>div img#img10 {position: absolute; top: 20px; right: -45px; max-width: 300px;}
#apresentacao #slide-6>div img#img11 {position: absolute; top: -7vh; left: 50%; max-width: 8vh; }
#apresentacao #slide-6>div img#img12 {position: absolute; top: -12vh; left: 20%; max-width: 550px;}
#apresentacao #slide-6>div button {background-image: url(../images/botAvanca.svg); position: absolute; right: 20px; bottom: 15px;}
/**********************apresentacao******************************/


/**********************relatorio-1******************************/
.twoColumns {display: flex; flex-direction: row; margin-bottom: 20px;}
.twoColumns>div:first-child {margin-right: 30px;}
.twoColumns>div:nth-child(2) {margin-right: 30px;}
.radio-group {
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 20px;
  width: 100%;
  color: #661a15;
  box-shadow: 1.5px 1.5px 5px 0px rgba(0, 0, 0, 0.2);
}
.radio-group li {
  display: block;
  margin-bottom: 10px;
  color: #661a15;
}
.radio-group input[type="radio"] {
  margin-right: 10px;
  accent-color: #661a15;
}
.radio-group ul {
  padding-left: 0;
  margin-bottom: 0;
}
.radio-group ul, .radio-group li {
  color: #661a15;
  list-style-type: none;
}
.select-group select {
  width: 250px;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid #ccc;
  border-radius: 10px;
  color: #661a15;
  appearance: none;
  background: white url('data:image/svg+xml;utf8,<svg fill="%23661a15" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 10px center;
  background-size: 30px;
  box-shadow: 1.5px 1.5px 5px 0px rgba(0, 0, 0, 0.2);
  outline: none;
}
.input-group input[type=text] {
  width: 250px;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid #ccc;
  border-radius: 10px;
  color: #661a15;
  appearance: none;
  background-size: 30px;
  box-shadow: 1.5px 1.5px 5px 0px rgba(0, 0, 0, 0.2);
  outline: none;
  accent-color: #661a15;
}
::-webkit-input-placeholder {color: #661a15;}
:-moz-placeholder {color: #661a15;}
::-moz-placeholder {color: #661a15;}
:-ms-input-placeholder {color: #661a15;}

.boxButtom {width: 100%; text-align: right;}
.boxButtom button {width: 200px;}
/*.geraRelatorio button {margin: 0 auto 0 calc(100% - 200px); display: block; width: 200px;}*/
.fieldSearch, input[type=search] {
  padding: 10px 20px 10px 20px!important;
  border: 1px solid #eee;
  border-radius: 20px!important;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
  outline: none;
  min-width: 400px;
  margin-right: 20px;
}
.fieldIe, input[type=ie] {
  padding: 10px;
  border-radius: 12px;
  border: 1px solid #ccc;
  border-radius: 10px;
  color: #661a15;
  appearance: none;
  background-size: 30px;
  box-shadow: 1.5px 1.5px 5px 0px rgba(0, 0, 0, 0.2);
  outline: none;
}
.botDefaultLupa i {margin: 0 10px 0 0;}
.botDefaultLupa {min-width: 200px;}
#tableprincipal_filter>label {display: flex; flex-direction: row-reverse; margin-bottom: 20px;}
#tableprincipal_filter>label span {text-align: center;}
.dataTables_wrapper .dataTables_paginate {margin-top: 10px; text-align: right;}
.paginate_button {background: none!important; border: none!important; display: inline-block; width: 37px; text-align: center; color: #58595b;}
span .paginate_button:hover {background: none!important; border: none!important;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {color: #fff!important;}
#tableprincipal_paginate span a.paginate_button:hover {color: #58595b!important;}
#tableprincipal_length span select, #tableprincipal_length span select:focus-visible {outline: none!important;}
table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:after {
  opacity: .8;
}
table.dataTable.no-footer {border-bottom: none!important;}
#tableprincipal_length label select { padding: 4px; background: transparent;}
select[name="tableprincipal_length"]{ border-radius: 12px!important;border: 1px solid #ccc!important;border-radius: 10px!important;color: #661a15!important; text-align: center!important;}
/**********************relatorio-1******************************/

/**********************relatorio-2******************************/
.twoColumns2 {display: flex; flex-direction: row; margin-bottom: 20px; margin-bottom: 40px;}
.twoColumns2>div {width: 50%; padding: 0 20px;}
.twoColumns2>div select {width: 100%;}
.twoColumns3 {display: flex; flex-direction: row; margin-bottom: 20px; margin-bottom: 40px;}
.twoColumns3>div {width: 37%; padding: 0 20px;}
.twoColumns3>div select {width: 100%;}
.modal .geraRelatorio>p {font-size: 20px; font-weight: 500; margin-bottom: 30px;}
.modal .btn-close {position: absolute; top: 20px; right: 20px;}
.barrFilter {background: linear-gradient(90deg, rgba(255,255,255,1) 65%, rgba(102,26,21,1) 100%); width: 100%; min-height: 70px; border-radius: 12px; position: relative; display: flex; align-items: center; box-shadow: 1.5px 1.5px 5px 0px rgba(0, 0, 0, 0.2); margin-bottom: 30px;}
.barrFilter>div {display: flex; flex-direction: row; width: 100%; position: relative;}
.barrFilter>div div:first-child {width: 15%; padding-left: 30px; border-right: 1px solid #aaa; font-size: 25px; font-weight: 300; display: flex; align-items: center;}
.barrFilter>div div:nth-child(2) {width: 85%; padding-left: 30px;}
.barrFilter>div div:nth-child(3) {position: absolute; right: 15px; bottom: -5px; color: #fff; font-size: 22px;}
.barrFilter img {width: 30px; height: auto; margin-right: 15px;}

.barraTitulo {background-image: url("/gde/rel/assets/images/antiga/bg_top.gif"); background-repeat: repeat; width: 100%; min-height: 77px; border-radius: 100px; position: relative; display: flex; justify-content: space-between; /*align-items: center;*/ margin-bottom: 7px;}
.barraTitulo>div {display: flex; justify-content: space-between; align-items: center; flex-direction: row; width: 100%; position: relative;}
.barraTitulo>div div:first-child {width: 15%; padding-left: 30px; border-right: 1px solid #aaa; font-size: 25px; font-weight: 300; display: flex; align-items: center;}
.barraTitulo>div div:nth-child(2) {width: 85%; padding-left: 30px;}
.barraTitulo>div div:nth-child(3) {position: absolute; right: 15px; bottom: -5px; color: #fff; font-size: 22px;}

.tebGDE {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
  font-size: 14px;
  margin-bottom: 20px;
}
.tebGDE thead tr:first-child th {
  background-color: #D22B20;
  color: #fff;
  font-weight: 400; 
}
.tebGDE thead tr:nth-child(2) th{
  font-size: 11px;
  border-right: 1px solid #aaa;
  height: 30px!important;
}
.tebGDE thead tr:nth-child(2) th:first-child, .tebGDE thead tr:nth-child(2) th:nth-child(2), .tebGDE thead tr:nth-child(2) th:last-child {
  border-right: none;
}
.tebGDE th, .tebGDE td {
  height: 40px;
  padding: 0 10px;
}
.tebGDE thead tr th:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.tebGDE thead tr th:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.tebGDE tbody tr td:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.tebGDE tbody tr td:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.tebGDE tbody tr:nth-child(odd) {
  background-color: #eee;
}
.iconExp img {width: 70px; margin-right: 10px; height: auto; cursor: pointer; margin-bottom: 15px}
.pagnacao {font-size: 12px;}
.pagnacao input {width: 50px; margin: 0 10px;}
.botsAjst {
  display: flex;
  justify-content: center;
  position: relative;
}
.botsAjst button {margin: 0 5px;}
.changBack tbody tr:nth-child(even) {
  background-color: #eee;
}
.changBack tbody tr:nth-child(odd) {
  background-color: transparent;
}
.changBack {
  border-collapse: separate;
  border-spacing: 0;
}
.changBack img {width: 15px; height: auto; margin-right: 10px;}
/**********************relatorio-2******************************/


/**********************relatorio-3******************************/
.boxContent {width: 100%; min-height: 50px; padding: 30px 50px; box-shadow: -2.5px 10.5px 6px -6px rgba(0, 0, 0, 0.2); border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; margin-bottom: 20px;} 
.boxContent p {margin-bottom: 0; font-size: 12px;}
.busc2 {
  padding: 10px 20px 10px 20px;
  background-color: #ddd;
  border-radius: 12px;
  outline: none;
  border: none;
  width: 320px;
  margin-right: 20px;
  color: var(--default);
}
.busc2::placeholder {color: var(--default);}
.formData input {width: 100%;}
.formData label {font-size: 12px;}
.formData {margin-bottom: 20px;}
.formData h1 {margin-bottom: 0; display: flex; align-items: center;}
.formData h1 span {font-size: 12px; color: var(--textos); margin-left: 20px; font-weight: 400;}
.formData button {width: 180px;}
.formData button:first-child {margin-right: 10px;}

.relatorio_03_05_07 hr {margin: 10px 0;}
.relatorio_03_05_07 .botDefault {font-size: 12px; padding: 10px 40px;}
.relatorio_03_05_07 .boxContent {min-height: auto; margin-bottom: 30px;}

.botDefault030507 {font-size: 12px; padding: 10px 40px;}
.boxContent030507 {min-height: auto; margin-bottom: 30px;}
.botDefault030507 {cursor: pointer; background: #D22B20; -webkit-box-shadow: 5px 5px 0px 0px rgba(253,222,216,1); -moz-box-shadow: 5px 5px 0px 0px rgba(253,222,216,1); box-shadow: 5px 5px 0px 0px rgba(253,222,216,1); color: #fff; border-radius: 10px; border: none; min-width: 100px; padding: 10px;}
.botDefault030507:hover {transform: scale(1.03); transition: all 0.2s ease-out;}

.botDefaultCopiar {font-size: 12px; padding: 10px 40px;}
.boxContentCopiar {min-height: auto; margin-bottom: 30px;}
.botDefaultCopiar {cursor: pointer; background: #c2635c; -webkit-box-shadow: 5px 5px 0px 0px rgba(253,222,216,1); -moz-box-shadow: 5px 5px 0px 0px rgba(253,222,216,1); box-shadow: 5px 5px 0px 0px rgba(253,222,216,1); color: #fff; border-radius: 10px; border: none; min-width: 100px; padding: 3px 0 3px 10px;}
.botDefaultCopiar:hover {transform: scale(1.03); transition: all 0.2s ease-out;}


/******tabela com celulas separadas***********/
.tebColSeparate {
  width: calc(100% + 20px);
  border-collapse: separate;
  border-spacing: 10px 0px;
  font-size: 14px;
  margin-bottom: 20px;
  margin-left: -10px;
}
.tebColSeparate thead tr:first-child th {
  background-color: #D22B20;
  color: #fff;
  font-weight: 400; 
  text-align: center !important;
}
.tebColSeparate th, .tebColSeparate td {
  height: 40px;
  padding: 0 10px;
  position: relative;
}
.tebColSeparate thead tr th, .tebColSeparate tbody tr td {
  border-radius: 12px;
  border-radius: 12px;
}
.tebColSeparate tfoot th {padding: 0; height: auto;}
.tebColSeparate tbody tr:nth-child(even) {
  background-color: #eee;
}
.tebColSeparate tfoot tr:nth-child(even) {
  background-color: #ccc;
}
.tebColSeparate tbody tr:nth-child(even) td:nth-child(2)::before, .tebColSeparate tbody tr:nth-child(even) td:nth-child(4)::before {
  content: "";
  background-color: #eee;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  left: -20px;
  z-index: -1;
}
/*.tebColSeparate tbody tr:last-child {
  font-weight: bold;
}*/
.tebColSeparate tbody tr td:nth-child(2), .tebColSeparate tbody tr td:nth-child(4) {
  text-align: right;
}
.tebColSeparate tbody tr td:last-child {
  text-align: center;
}
.tebColSeparate tfoot tr:first-child td {
  background-color: #CCC;
  font-weight: 700; 
  border-radius: 12px;
}
.tebColSeparate tfoot tr td:nth-child(2), .tebColSeparate tfoot tr td:nth-child(4) {
  text-align: right;
}
.tebColSeparate tfoot tr td:last-child {
  text-align: center;
}
.tebColSeparate tfoot tr:first-child {
  background-color: #CCC;
}
.tebColSeparate tfoot tr td:nth-child(2)::before, .tebColSeparate tfoot tr td:nth-child(4)::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 0;
  width: 40px;
  height: 100%;
  background-color: #ccc;
  z-index: -1;
}
/******tabela com celulas separadas***********/

.boxWine {width: 100%; border-radius: 12px; margin-bottom: 20px; height: 40px; display: flex; align-items: center; justify-content: center; background-color: #621115;}
.boxWine p {margin: 0; color: #fff; font-weight: 500;}

.tableResumo {
  width:100%;
  margin-bottom: 20px;
  border-collapse: separate;
  border-spacing: 0px 10px;
}
.tableResumo thead tr {
  background-color: #D22B20;
  color: #fff;
  line-height: 12px;
}
.tableResumo thead tr th {
  font-weight: 400;
}
.tableResumo th, .tableResumo td {
  height: 40px;
  padding: 0 10px;
  font-size: 12px;
}
.tableResumo thead tr th:first-child, .tableResumo tbody tr td:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.tableResumo thead tr th:last-child, .tableResumo tbody tr td:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.tableResumo tbody tr:nth-child(even) {
  background-color: #eee;
}
.tableResumo tbody tr:nth-child(odd) td {
  height-top: 30px;
}
.tableTotal {
  background-color: #f0cfcc!important;
}
.tableTotal td {
  font-weight: 700 !important;
  height: 40px !important;
  font-size: 13px !important;
}
.tableTotal td {
  font-weight: 400;
  height: 40px!important;
  font-size: 13px!important;
}
.tableTotalInfo td {
  font-weight: 400;
  font-size: 16px!important;
  height: 40px!important;
}
.tableLinha {
  background-color: #EFEFEF!important;
}
.tableLinha td {
  /*font-weight: 400;*/
  height: 40px!important;
  border-radius: 12px;
  font-size: 13px!important;
}
td.tableLinhaValor {
  font-weight: 700;
  height: 40px!important;
  border-radius: 12px;
  font-size: 13px!important;
  text-align: center!important;
}
.tableLinhaLoop td {
  height: 40px!important;
  border-radius: 12px;
  font-size: 13px!important;
}
.tableLinhaLoop td::before {
  background-color: #ccc !important;
}
.tableLinhaLoopValor {
  font-weight: 700;
  height: 40px!important;
  border-radius: 12px;
  font-size: 13px!important;
  text-align: center;
}
tr.tableLinhaLoop td::before {
  background-color: #eee;
}


.tableSubTotal {
  background-color: #DEDEDE!important;
}
.tableSubTotal td {
  font-weight: 500;
  height: 40px!important;
  border-radius: 12px;
  font-size: 13px!important;
}
td.tableSubTotalValor {
  font-weight: 700;
  height: 40px!important;
  border-radius: 12px;
  font-size: 13px!important;
  text-align: center!important;
}
.tableSubTotalG {
  background-color: #CCC!important;
  border-radius: 12px;
}
.tableSubTotalG td {
  font-weight: 400;
  height: 40px!important;
  font-size: 16px!important;
  border-collapse: separate;
  /*border-spacing: 10px 0px;*/
}
td.campoTotal {
  background-color: #D22B20!important;
  font-weight: 700;
  font-size: 13px!important;
  height: 40px!important;
  color: #FFFFFF!important;
  border-radius: 12px;
  padding: 8px;
  text-align: center!important;
}
.campoTotalDesc {
  background-color: #D22B20 !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  height: 40px !important;
  color: #FFFFFF !important;
  border-radius: 12px;
  padding: 8px;
}
.tableSubTotalA {
  background-color: #eae2e2 !important;
  /*background-color: #DEDEDE !important;*/
  border-radius: 12px;
  font-size: 13px!important;
  border-collapse: separate;
  /*border-spacing: 10px 0px;*/
}
.tabelaResumoDados {
  width:100%;
  margin-bottom: 20px;
}
.tabelaResumoDados thead tr {
  background-color: #D22B20;
  color: #fff;
  line-height: 12px;

}
.tabelaResumoDados thead tr th {
  font-weight: 400;
}
.tabelaResumoDados th, .tabelaResumoDados td {
  height: 40px;
  padding: 0 10px;
  font-size: 12px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.tabelaResumoDados thead tr th:first-child, .tabelaResumoDados tbody tr td:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.tabelaResumoDados thead tr th:last-child, .tabelaResumoDados tbody tr td:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.tabelaResumoDados tbody tr:nth-child(even) {
  background-color: #eee;
}
.tabelaResumoDados tbody tr:nth-child(odd) td {
  height: 30px;
}
.tableTotal {
  /*background-color: #f0cfcc!important;*/
}
.tabelaResumoDados.tebColSeparateRel tbody tr.tableTotalInfo td{
  background: white; 
  -webkit-box-shadow: 1px 1px 1px 1px rgba(200,200,200,1); 
  -moz-box-shadow: 1px 1px 1px 1px rgba(200,200,200,1); 
  box-shadow: 1px 1px 1px 1px rgba(200,200,200,1); 
  border-radius: 12px;
  border: 1px !important;
  border-color: #621115 !important;
}
.tabelaResumoDados.tebColSeparateRel tbody tr.tableLinhaLoop {
  position: relative;
}
.tabelaResumoDados.tebColSeparateRel tbody tr.tableLinhaLoop:nth-child(even) td:nth-child(2)::before {
  background-color: #eee;
}
/*.tabelaResumoDados.tebColSeparateRel tbody tr.tableLinhaLoop:nth-child(even) td:nth-child(2)::before {*/
/*tr.tableLinhaLoop:nth-child(even) td:nth-child(1){
  width: 457px !important;
}*/
tr.tableLinhaLoop:nth-child(even) td:nth-child(2)::before {
  content: "" !important;
  position: absolute !important;
  left: 0px !important; 
  top: 0 !important;
  width: 500px !important; 
  height: 100% !important;
  background-color: #eee !important;
  z-index: -1 !important;
}

.boxContentWhite {width: 100%; min-height: 50px; background-color: white !important; padding: 30px 50px; box-shadow: -2.5px 10.5px 6px -6px rgba(0, 0, 0, 0.2); border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; margin-bottom: 20px;} 
.boxContentWhite p {margin-bottom: 0; font-size: 12px;}

/******tabela com celulas separadas***********/
.tebColSeparateRel {
  width: calc(100% + 20px);
  border-collapse: separate;
  border-spacing: 10px 10px;
  font-size: 14px;
  margin-bottom: 20px;
  margin-left: -10px;
}
.tebColSeparateRel thead tr:first-child th {
  background-color: #D22B20;
  color: #fff;
  font-weight: 400; 
}
.tebColSeparateRel th, .tebColSeparateRel td {
  height: 40px;
  padding: 0 10px;
}
.tebColSeparateRel thead tr th, .tebColSeparateRel tbody tr td {
  border-radius: 12px;
  border-radius: 12px;
}
.tebColSeparateRel tfoot th {padding: 0; height: auto;}
.tebColSeparateRel tbody tr:nth-child(even) {
  background-color: #eee;
}
.tebColSeparateRel tbody tr:nth-child(even) td:nth-child(2)::before, .tebColSeparateRel tbody tr:nth-child(even) td:nth-child(4)::before {
  content: "";
    background-color: #eee;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    left: -20px;
    z-index: -1;
}
.tebColSeparateRel tbody tr:last-child {
  font-weight: bold;
}
.tebColSeparateRel tbody tr td:nth-child(2), .tebColSeparate tbody tr td:nth-child(4) {
  text-align: right;
}
/******tabela com celulas separadas***********/

/******************Bootstrap TAB Nav********************/
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  border-color: #D22B20 #D22B20 #fff #D22B20;
}
.nav-tabs {
  --bs-nav-tabs-border-color: none;
}
.mt-3 {
  border: 1px solid #D22B20;
  margin-top: 0 !important;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 22px 22px 22px 22px;
  min-height: 200px;
  display: flex;
  align-items: center;
}
.tab-pane {width: 100%;}
.nav-item {
  padding: 0 10px 0 0;
}
.nav-link {background-color: #D22B20; color: #fff; position: relative; padding: 5px 20px 0 20px; font-size: 14px; font-weight: 600; transition: all 0.2s ease;}
.nav-link:hover {color: #fff; transform: scale(1.05);}
.nav-link.active:hover {transform: scale(1); cursor: default;}
.nav-tabs .nav-link {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.nav-link:not(.active)::after {
  content: "";
  width: calc(100% + 1px);
  position: absolute;
  left: 0;
  bottom: -10px;
  height: 10px;
  border-radius: 0px 0px 10px 10px;
  background-color: #D22B20;
  margin-left: -0.5px;
}
.tab-content.mt-3:has(#tab1.tab-pane.active.show) {
  border-radius: 0px 12px 12px 12px;
}
/******************Bootstrap TAB Nav********************/


/**********************relatorio-3******************************/




/**********************mapa******************************/
#svg-map path { fill:#FFCAC1 }
#svg-map text { fill:#fff; font:12px Arial-BoldMT, sans-serif; cursor:pointer }
#svg-map a{ text-decoration:none }
#svg-map a:hover { cursor:pointer; text-decoration:none }
#svg-map a:hover path{ fill:#661A15 !important }
#svg-map .circle { fill:#e1aaa1 }
#svg-map a:hover .circle { fill:#661A15 !important; cursor:pointer }

/* Estilo para a lista */
.estado-lista {
  list-style: none; /* Remove bullets padrão */
  padding: 0;
  width: 100%;
  margin: 0 auto;
}

/* Estilo para cada item da lista */
.estado-lista li {
  padding: 10px;
  border-bottom: 1px solid #ccc;
  display: flex;
}
.estado-lista li:last-child {
  border-bottom: none; 
}
.estado-lista li div {height: 30px; width: auto; width: 55px; text-align: center; margin-right: 10px;}
.estado-lista li div img {height: 100%;}
.paginate_button.next, .paginate_button.paginate_button.previous {cursor: pointer;}
/**********************mapa******************************/


/**********************Responsivo******************************/
@media only screen and (max-width: 768px) {
  .navbar-brand img {max-width: 200px;}
  .navbar {padding: 10px 0px;}
  .spacer-mb {margin-bottom: 20px;}
  .desktop {display: none!important;}
  .navbar-toggler {display: none;}
  .site-3 .menuLateral, .site-4 .menuLateral, .site-5 .menuLateral, .site-6 .menuLateral, .site-7 .menuLateral {margin: 0 auto 50px auto;}
  .site-4 .balaoChat>div:nth-child(2)::after {display: none;}
  .site-5 #menuLateralaltura {margin: 0px 10px 50px 10px; width: 100%;}
  .site-5 .menuLateral button {position: unset;}
  .site-9 .sessao-1 img {height: unset;}
  .site-9 .balaoChat>div:first-child {width: 100%;}
  .site-9 .balaoChat img {margin: 0 auto; display: block; width: 30%;}

  /**********************Pag Inicial******************************/
  .Section-1 .logo div {font-size: 60px;}
  .inicial .sessao-3 i {margin: 0 auto 20px auto;}
  #carouselExampleControls {margin-top: 72px;}

  .pg-inicial-2.sessao-1 .loginLeft {padding-left: calc(var(--bs-gutter-x)* .5);}
  .pg-inicial-2.sessao-1 .boxLogar .row:nth-child(2) {flex-direction: column-reverse;}
  .pg-inicial-4.sessao-1 img {height: 100px;}
  .pg-inicial-5.sessao-1 form, .pg-inicial-6.sessao-1 form, .pg-inicial-7.sessao-1 form, .pg-inicial-8.sessao-1 form, .pg-inicial-9.sessao-1 form, .pg-inicial-10.sessao-1 form, .pg-inicial-11.sessao-1 form {width: 100% !important;}
  .pg-inicial-5.sessao-1 .text-end, .pg-inicial-6.sessao-1 .text-end, .pg-inicial-7.sessao-1 .text-end, .pg-inicial-8.sessao-1 .text-end, .pg-inicial-9.sessao-1 .text-end, .pg-inicial-10.sessao-1 .text-end, .pg-inicial-11.sessao-1 .text-end {text-align: center !important;}
  .pg-inicial-5.sessao-1 .boxLogar .row, .pg-inicial-6.sessao-1 .boxLogar .row, .pg-inicial-7.sessao-1 .boxLogar .row, .pg-inicial-8.sessao-1 .boxLogar .row, .pg-inicial-9.sessao-1 .boxLogar .row, .pg-inicial-10.sessao-1 .boxLogar .row, .pg-inicial-11.sessao-1 .boxLogar .row {margin-bottom: 0px; font-size: 12px;}
  .pg-inicial-5.sessao-1 .alinFlex a, .pg-inicial-6.sessao-1 .alinFlex a, .pg-inicial-7.sessao-1 .alinFlex a, .pg-inicial-8.sessao-1 .alinFlex a, .pg-inicial-9.sessao-1 .alinFlex a, .pg-inicial-10.sessao-1 .alinFlex a, .pg-inicial-11.sessao-1 .alinFlex a {margin-bottom: 0px; font-size: 12px;}
  .pg-inicial-8.sessao-1 .formTxUp, .pg-inicial-9.sessao-1 .formTxUp, .pg-inicial-10.sessao-1 .formTxUp {text-align: center;}
  .pg-inicial-10.sessao-1 .formTxUp p {text-align: left;}


  .pg-recuperar-2.sessao-1 .boxDefault>div, .pg-recuperar-6.sessao-1 .boxDefault>div, .pg-recuperar-7.sessao-1 .boxDefault>div, .pg-recuperar-8.sessao-1 .boxDefault>div, .pg-recuperar-9.sessao-1 .boxDefault>div, .pg-recuperar-10.sessao-1 .boxDefault>div {width: unset;}
  .pg-recuperar-5.sessao-1 .formTxUp, .pg-recuperar-6.sessao-1 .formTxUp, .pg-recuperar-7.sessao-1 .formTxUp, .pg-recuperar-8.sessao-1 .formTxUp, .pg-recuperar-9.sessao-1 .formTxUp, .pg-recuperar-10.sessao-1 .formTxUp {text-align: center;}
  .pg-recuperar-5.sessao-1 form, .pg-recuperar-6.sessao-1 form, .pg-recuperar-7.sessao-1 form, .pg-recuperar-8.sessao-1 form, .pg-recuperar-9.sessao-1 form, .pg-recuperar-10.sessao-1 form {width: 100% !important;}
  .pg-recuperar-5.sessao-1 .boxLogar .row:nth-child(2), .pg-recuperar-6.sessao-1 .boxLogar .row:nth-child(2), .pg-recuperar-7.sessao-1 .boxLogar .row:nth-child(2), .pg-recuperar-8.sessao-1 .boxLogar .row:nth-child(2), .pg-recuperar-9.sessao-1 .boxLogar .row:nth-child(2), .pg-recuperar-10.sessao-1 .boxLogar .row:nth-child(2) {margin-bottom: 0px;}
  .pg-recuperar-5.sessao-1 .text-end, .pg-recuperar-6.sessao-1 .text-end, .pg-recuperar-7.sessao-1 .text-end, .pg-recuperar-8.sessao-1 .text-end, .pg-recuperar-9.sessao-1 .text-end, .pg-recuperar-10.sessao-1 .text-end {text-align: center!important;}
  .pg-recuperar-5.sessao-1 .alinFlex, .pg-recuperar-6.sessao-1 .alinFlex, .pg-recuperar-7.sessao-1 .alinFlex, .pg-recuperar-8.sessao-1 .alinFlex, .pg-recuperar-9.sessao-1 .alinFlex, .pg-recuperar-10.sessao-1 .alinFlex {font-size: 12px;}
  .pg-recuperar-5.sessao-1 .alinFlex a, .pg-recuperar-6.sessao-1 .alinFlex a, .pg-recuperar-7.sessao-1 .alinFlex a, .pg-recuperar-8.sessao-1 .alinFlex a, .pg-recuperar-9.sessao-1 .alinFlex a, .pg-recuperar-10.sessao-1 .alinFlex a {font-size: 12px;}
  .pg-recuperar-6.sessao-1 button[type=submit], .pg-recuperar-9.sessao-1 button[type=submit] {margin-left: 280px;}


  .pg-prefeitura-2.sessao-1 .loginLeft {padding-left: calc(var(--bs-gutter-x)* .5);}
  .pg-prefeitura-4.sessao-1 form, .pg-prefeitura-5.sessao-1 form, .pg-prefeitura-6.sessao-1 form, .pg-prefeitura-7.sessao-1 form, .pg-prefeitura-8.sessao-1 form, .pg-prefeitura-9.sessao-1 form, .pg-prefeitura-10.sessao-1 form, .pg-prefeitura-11.sessao-1 form {width: 100% !important;}
  .pg-prefeitura-4.sessao-1 .text-end, .pg-prefeitura-5.sessao-1 .text-end, .pg-prefeitura-6.sessao-1 .text-end, .pg-prefeitura-7.sessao-1 .text-end, .pg-prefeitura-8.sessao-1 .text-end, .pg-prefeitura-9.sessao-1 .text-end, .pg-prefeitura-10.sessao-1 .text-end, .pg-prefeitura-11.sessao-1 .text-end {text-align: center !important;}
  .pg-prefeitura-4.sessao-1 .alinFlex, .pg-prefeitura-5.sessao-1 .alinFlex, .pg-prefeitura-6.sessao-1 .alinFlex, .pg-prefeitura-7.sessao-1 .alinFlex, .pg-prefeitura-8.sessao-1 .alinFlex, .pg-prefeitura-9.sessao-1 .alinFlex, .pg-prefeitura-10.sessao-1 .alinFlex, .pg-prefeitura-11.sessao-1 .alinFlex {margin-bottom: 0px; font-size: 12px;}
  .pg-prefeitura-4.sessao-1 .alinFlex a, .pg-prefeitura-5.sessao-1 .alinFlex a, .pg-prefeitura-6.sessao-1 .alinFlex a, .pg-prefeitura-7.sessao-1 .alinFlex a, .pg-prefeitura-8.sessao-1 .alinFlex a, .pg-prefeitura-9.sessao-1 .alinFlex a, .pg-prefeitura-10.sessao-1 .alinFlex a, .pg-prefeitura-11.sessao-1 .alinFlex a {margin-bottom: 0px; font-size: 12px;}
  .pg-prefeitura-4.sessao-1 .formTxUp, .pg-prefeitura-5.sessao-1 .formTxUp, .pg-prefeitura-6.sessao-1 .formTxUp, .pg-prefeitura-8.sessao-1 .formTxUp, .pg-prefeitura-9.sessao-1 .formTxUp, .pg-prefeitura-10.sessao-1 .formTxUp {text-align: center;}
  .pg-prefeitura-4.sessao-1 .formTxUp p, .pg-prefeitura-5.sessao-1 .formTxUp p, .pg-prefeitura-6.sessao-1 .formTxUp p, .pg-prefeitura-10.sessao-1 .formTxUp p {text-align: left;}


  .pg-usuario-2.sessao-1 .loginLeft {padding-left: calc(var(--bs-gutter-x)* .5);}
  .pg-usuario-4.sessao-1 form, .pg-usuario-5.sessao-1 form, .pg-usuario-6.sessao-1 form, .pg-usuario-7.sessao-1 form, .pg-usuario-8.sessao-1 form, .pg-usuario-9.sessao-1 form, .pg-usuario-10.sessao-1 form, .pg-usuario-11.sessao-1 form {width: 100% !important;}
  .pg-usuario-4.sessao-1 .text-end, .pg-usuario-5.sessao-1 .text-end, .pg-usuario-6.sessao-1 .text-end, .pg-usuario-7.sessao-1 .text-end, .pg-usuario-8.sessao-1 .text-end, .pg-usuario-9.sessao-1 .text-end, .pg-usuario-10.sessao-1 .text-end, .pg-usuario-11.sessao-1 .text-end {text-align: center !important;}
  .pg-usuario-4.sessao-1 .alinFlex, .pg-usuario-5.sessao-1 .alinFlex, .pg-usuario-6.sessao-1 .alinFlex, .pg-usuario-7.sessao-1 .alinFlex, .pg-usuario-8.sessao-1 .alinFlex, .pg-usuario-9.sessao-1 .alinFlex, .pg-usuario-10.sessao-1 .alinFlex, .pg-usuario-11.sessao-1 .alinFlex {margin-bottom: 0px; font-size: 12px;}
  .pg-usuario-4.sessao-1 .alinFlex a, .pg-usuario-5.sessao-1 .alinFlex a, .pg-usuario-6.sessao-1 .alinFlex a, .pg-usuario-7.sessao-1 .alinFlex a, .pg-usuario-8.sessao-1 .alinFlex a, .pg-usuario-9.sessao-1 .alinFlex a, .pg-usuario-10.sessao-1 .alinFlex a, .pg-usuario-11.sessao-1 .alinFlex a {margin-bottom: 0px; font-size: 12px;}
  .pg-usuario-4.sessao-1 .formTxUp, .pg-usuario-5.sessao-1 .formTxUp, .pg-usuario-6.sessao-1 .formTxUp, .pg-usuario-8.sessao-1 .formTxUp, .pg-usuario-9.sessao-1 .formTxUp, .pg-usuario-10.sessao-1 .formTxUp {text-align: center;}
  .pg-usuario-4.sessao-1 .formTxUp p, .pg-usuario-5.sessao-1 .formTxUp p, .pg-usuario-6.sessao-1 .formTxUp p, .pg-usuario-10.sessao-1 .formTxUp p {text-align: left;}
  .pg-usuario-7.sessao-1 .boxDefault {margin: 0 auto 50px auto;}
  .pg-usuario-8.sessao-1 img:first-child, .pg-usuario-9.sessao-1 img:first-child {height: auto; width: 100%;}
  .pg-usuario-8.sessao-1 .map img:nth-child(2), .pg-usuario-9.sessao-1 .map img:nth-child(2) {top: -40px; width: 50px;}
  .pg-usuario-8.sessao-1 .boxDefault, .pg-usuario-9.sessao-1 .boxDefault {width: 90%; margin: 50px auto 0 auto;}

  /**********************Pag Inicial******************************/

  .cartao {
    max-width: 100%;
    margin-bottom: 30px;
  }
    .navbar-toggler:focus {box-shadow: none;}

    .containerInput {
      position: absolute;
      top: 50px;
      left: 5%;
      width: 90%;
      margin-left: 0;
    }
    .boxLogado p {display: none;}
    .boxLogado {
      width: auto;
      background-color: transparent;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      display: flex;
      justify-content: unset;
      align-items: center;
      --webkit-box-shadow: unset;
      box-shadow: unset;
      position: absolute;
      right: 0;
      margin-top: -15px;
      padding: 10px 0;
  }
  #menu>nav>div>div {margin-bottom: 25px;}
  /*.menuSide {
    position: absolute;
    left: -100%;
    top: 0;
    z-index: 100;
    background: #fff;
  }*/
  #menu {
    margin-bottom: 70px;
  }
  .twoColumns {flex-direction: column;}
  .twoColumns>div:first-child {margin-bottom: 20px;}
  .boxButtom {text-align: center;}
  .menuBarr {display: block; position: absolute; right: 5px; font-size: 30px; z-index: 150;}
  .boxLogado {right: 35px;}

  .sidebar2 {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100vw;
    height: 100vh;
    background: #fff;
    color: white;
    padding: 20px;
    transition: left 0.3s ease;
    z-index: 100;
  }
  
  .sidebar2.active {
    left: 0;
  }
  
  .close-btn2 {position: absolute; top: 20px; right: 20px; border: none; background-color: #fff; display: block;}
  .sidebar2 .menuLateral {color: var(--textos);}

  .barrFilter>div>div:nth-child(2) {display: none;}
  .barrFilter>div>div:first-child {width: 60%;}

  .paginate_button.previous, .paginate_button.next {min-width: unset!important; width: 90px;}
  .dataTables_wrapper .dataTables_paginate {text-align: center; margin-bottom: 20px;}
  .col-md-4.iconExp {text-align:center; margin-bottom: 30px;}
  .col-md-4.iconExp>div:last-child {margin-right: 0;}
  .boxWine {height: 60px;}
  .boxWine p {text-align: center;}

  .fieldSearch, input[type=search] {min-width: 100%; margin-bottom: 30px;}
}
/**********************Responsivo******************************/


/**********************Formulário*********************/
.formTxUp input[type=submit] {background: var(--backForm); border: 1px solid var(--default); padding: 10px 20px; border-radius: 16px; transition: all 0.5s ease; margin: 0 auto; display: block;}
.formTxUp input[type=submit]:hover {transform: scale(1.1);}
.formTxUp input[type=text], .formTxUp input[type=password], .formTxUp input[type=email], .formTxUp select, .formTxUp textarea, .formTxUp input[type=date] {
  outline: none;
  width:100%; 
  padding:10px 16px 8px 16px; 
  font-size:14px;
  border:none;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  transition: all 0.5s ease-in-out;
  margin-bottom: 20px;
  color: #000;
  background: var(--backForm);
  border: 1px solid var(--default);
}

.formTxUp input[type=text]:focus, .formTxUp input[type=password]:focus, .formTxUp select:focus, .formTxUp textarea:focus {border: 1px solid var(--default);}

.formTxUp input[type=email]:focus, .formTxUp input[type=password]:focus, .formTxUp select:focus, .formTxUp textarea:focus {border: 1px solid var(--default);}

.formTxUp input[type=checkbox] {margin-right: 7px;}

.formTxUp .checkOpcoes>div>label {display: flex; align-items: flex-start;}

.formTxUp .checkOpcoes>div>label input[type=checkbox] {margin-top: 5px;}

.formTxUp .checkOpcoes p {margin-left: 5px;}

.formTxUp label {
  width: 100%;
  margin:0px;
  position:relative;
  display:inline-block;
}

.formTxUp label span {font-weight:normal;}
  
.formTxUp span:not(.text-ident label span) {
  pointer-events: none;
  position:absolute;
  left:16px;
  top:16px;
  transition: 0.2s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  opacity:0.8;
  border-radius: 6px; 
  -moz-border-radius: 6px; 
  -webkit-border-radius: 6px;
  background: var(--backForm);
}

.formTxUp input[type=text]:focus + span, .formTxUp input:not(:placeholder-shown) + span, .formTxUp textarea:focus + span, .formTxUp textarea:not(:placeholder-shown) + span {
  opacity:1;
  transform: translateY(-60%) translateX(-0px);
  font-size: 10px;
}

/* For IE Browsers*/
.formTxUp input[type=text]:focus + span, .formTxUp input:not(:-ms-input-placeholder) + span {
  opacity:1;
  transform: scale(1) translateY(-60%) translateX(0px);
  font-size:10px;
}

.formTxUp input[type=password]:focus + span, .formTxUp input:not(:placeholder-shown) + span {
  opacity:1;
  transform: scale(1) translateY(-60%) translateX(0px);
  font-size:10px;
}

/* For IE Browsers*/
.formTxUp input[type=password]:focus + span, .formTxUp input:not(:-ms-input-placeholder) + span {
  opacity:1;
  transform: scale(1) translateY(-60%) translateX(0px);
  font-size:10px;
}

.formTxUp select + span, .formTxUp select:not(:placeholder-shown) + span {
  opacity:1;
  transform: scale(1) translateY(-60%) translateX(0px);
  font-size:10px;
}

/* For IE Browsers*/
.formTxUp select + span, .formTxUp select:not(:-ms-input-placeholder) + span {
  opacity:1;
  transform: scale(1) translateY(-50%) translateX(0px);
  font-size:10px;
}

.textoErro {
  color: var(--bs-red);
  text-align: left !important;
}
/**********************Formulário*********************/


/*barra de scroll*/
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px #ccc; border-radius: 10px;}
::-webkit-scrollbar-thumb {background: var(--default)!important; border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: #777;}

.boxScroll::-webkit-scrollbar {width: 5px;}
.boxScroll::-webkit-scrollbar-track {box-shadow: none;}
.boxScroll::-webkit-scrollbar-thumb {background: var(--default)!important; border-radius: 10px;}
.boxScroll::-webkit-scrollbar-thumb:hover {background: #777!important;}

.menuScroll::-webkit-scrollbar {width: 5px;}
.menuScroll::-webkit-scrollbar-track {box-shadow: none;}
.menuScroll::-webkit-scrollbar-thumb {background: var(--default)!important; border-radius: 10px;}
.menuScroll::-webkit-scrollbar-thumb:hover {background: #777!important;}
/*barra de scroll*/

/*nav {display: none!important;}*/

.displayNone{display: none !important;}
.displayBlock{display: block !important;}

/*logo Oficina*/
.containerLogoOficina {width: 420px; position: relative; margin-left: 20px; display: flex; justify-content: center; align-items: center; right: 0; margin-top: -20px; padding: 10px 0;}
.containerLogoOficina div.logoImagem {width: 45px;}
.containerLogoOficina img {/*width: 27px !important;*/ height: 45px !important; padding: 5px 0 0 0; margin-left: -5px; margin-top: 5px;}
h4#logoDescricao { margin: 15px 0 0 0; }
span#logoTipo {font-size: 12px; padding: 0; }
/*logo Oficina*/


.popUser {position: absolute; z-index: 100; top:70px; right: 90px; background: #fff; border: 1px solid #aaa; width: 270px; height: 8.5vw; overflow-y: scroll; display: none;}
.popUserFlx {padding: 15px; display: flex;}
.popUserFlxFt {width: 60px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.popUserFlx:first-child {border-bottom: 1px solid #aaa;}
.popUserFlx div:first-child {margin-right: 15px;}
.popUser p {line-height: 18px;}
.popUser p.f-titulo {color: #B00A1B; font-family: open_sanssemibold;} 
.popUser p.f-mini {font-size: 11px;}
.popUserMn {list-style-type: none; padding-left: 0px; width: 220px;} 
.popUserMn li {margin-bottom: -7px; border-bottom: 1px solid #aaa; padding: 4px 0 0 5px; position: relative;  display: flex;} 
.popUserMn li:last-child, .popUserMn li:first-child {border-bottom: none;}
.popUserMn li img {height: 14px; margin: 15px 0 0 0;}
.popUserMn li a {text-decoration: none; color: var(--default);}
.popUserMn li span {text-decoration: none; color: var(--default);}
.popUserMn li a:hover {color: var(--linkHover);}

.popUser {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    min-width: 200px;
}

.popUser a {
    display: block;
    padding: 10px;
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #ddd;
}

.popUser a:last-child {
    border-bottom: none;
}

.popUser a:hover {
    background-color: #f7f7f7;
}

/*******************alinha modal ao centro************************/
.modal-dialog {top: 25%;}
.modal {text-align: center!important; padding: 0!important;}
/*.modal:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}
.modal-dialog {display: inline-block; vertical-align: middle;}*/
.modal-body {padding: 30px;}
.modal-body h2 {font-size: 18px; margin-bottom: 0px;}
.modal-body p, .modal-body a {margin-top: 0px;}
.boldTexto {font-weight: bold; color: #641118;}
.modal-body img {margin-bottom: 10px;}
/*.modal-body img {margin-bottom: 30px;}*/
.modal-content {border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px;}
#inboxrecaptcha {width: 348px;}
.mdsenha {width: 45px!important; display: inline-block!important; margin: 0 5px!important; padding: 10px!important;}
.titleVd {color: #25BF5A; font-size: 32px!important; text-align: center;}
.titleCz {color: #707070; font-size: 38px!important; text-align: center;}
.ico_modal {margin: 18px 0;}
/*.ico_modal {margin: 27px 0;}*/
.text_modalbd {font-family: 'open_sansbold'; color: #641118;} 
.modal-001 .container {padding-left: 0px; padding-right: 0px;}
.modal-001 .margemB40 {margin-bottom: 15px;}
.modal-002 .bold1 {font-weight: bold; font-size: 15px; margin-bottom: 10px;}
.modal-002 .bold2 {font-weight: bold; font-size: 15px; margin-bottom: 10px; color: #A32424;}
.modal-002 .bold3 {font-size: 12px; margin-bottom: 10px;}
.modal-002 .bold3 span {color: #A32424;}
.modal-002img {width: 70px;}
.modalAjutBottom {position:absolute; bottom: 0px;}
.ico_modal {display: none;}
.modal-dialog {top: 0;}
.textModal{
  text-align: left !important;
  font-size: 12px;
}
/*******************alinha modal ao centro************************/


/*************alinha texto modal filtro a esquerda****************/
.modal-999 {
  text-align: left !important;
  padding: 0 !important;
}
/*************alinha texto modal filtro a esquerda****************/

.sucesso {
  background: rgb(155,201,14);
  background: linear-gradient(313deg, rgba(155,201,14,1) 0%, rgba(255,252,251,1) 50%);
}

.erro {
  background: rgb(255,99,71);
  background: linear-gradient(313deg, rgba(255,99,71,1) 0%, rgba(255,252,251,1) 50%);
}

.informativo {
  background: rgb(254,155,14);
  background: linear-gradient(313deg, rgba(254,155,14,1) 0%, rgba(255,252,251,1) 50%);
}

th.razao-social { width: 400px !important; }
.razao-social { text-align: left !important; align-items: left !important; }
.razao-social a { color: #58595b !important; }
th.percentual { width: 75px !important; }
.percentual { text-align: left !important; align-items: left !important; }
.percentual a { color: #58595b !important; text-align: left !important; align-items: left !important; }
th.numeral { width: 120px !important; }
.numeral { text-align: center !important; align-items: center !important; }
.numeral a { color: #58595b !important; text-align: center !important; align-items: center !important; }
.meses { text-align: left !important; align-items: left !important; }
.meses a { color: #58595b !important; text-align: left !important; align-items: left !important; }
th.valor { width: 150px !important; }
.valor { text-align: right !important; align-items: right !important; }
.valor a { color: #58595b !important; text-align: right !important; align-items: right !important; }
th.ie { width: 150px !important; }
.ie { text-align: left !important; align-items: left !important; }
.ie a { color: #58595b !important; text-align: left !important; align-items: left !important; }
th.im { width: 100px !important; }
.im { text-align: left !important; align-items: left !important; }
.im a { color: #58595b !important; text-align: left !important; align-items: left !important; }
th.cnpj { width: 175px !important; }
.cnpj { text-align: left !important; align-items: left !important; }
.cnpj a { color: #58595b !important; text-align: left !important; align-items: left !important; }
th.endereco { width: 400px !important; }
.endereco { text-align: left !important; align-items: left !important; max-width: 200px !important; max-width: 400px !important; }
.endereco a { color: #58595b !important; text-align: left !important; align-items: left !important; }


/*************alinha pesquisa e dropdraw****************/

#tableprincipal_wrapper > .dataTables_length,
#tableprincipal_wrapper > .dataTables_filter {
  display: inline-block;
  width: 49%;
  vertical-align: middle;
  margin: 0 0 8px 0;
}

#tableprincipal_wrapper > .dataTables_filter {
  text-align: right;
}

#tableprincipal_wrapper > .dataTables_filter input {
  margin-left: 6px;
}

#tableprincipal_wrapper > .dataTables_info,
#tableprincipal_wrapper > .dataTables_paginate {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  margin-top: 8px;
}

#tableprincipal_wrapper > .dataTables_paginate {
  text-align: right;
}

#tableprincipal_wrapper table.dataTable {
  clear: both;
}

@media (max-width: 576px) {
  #tableprincipal_wrapper > .dataTables_length,
  #tableprincipal_wrapper > .dataTables_filter,
  #tableprincipal_wrapper > .dataTables_info,
  #tableprincipal_wrapper > .dataTables_paginate {
    width: 100%;
    text-align: left;
  }
}

#tableprincipal_filter.dataTables_filter label {
  margin: 0px !important;
  padding: 0px !important;
}

/*************fim alinha pesquisa e dropdraw****************/

.textDesabilita {
  color: #e9ecef !important;
}

img.imgstatus {
  width: auto !important;
  max-width: 24px !important;
}

.legendaTable {
  margin: 0px 10px 0px 10px;
}

td.valor font.alertaValor {
  color: red !important;
}

.boxWhite {width: 100%; border-radius: 12px; margin-bottom: 20px; height: 40px; display: flex; align-items: center; justify-content: center; background-color: #dfdfdf;}
.boxWhite p {margin: 0; color: #621115; font-weight: 500; text-align: center;}

.boxSefaz {width: 100%; border-radius: 12px; margin-bottom: 20px; height: 40px; display: flex; align-items: center; justify-content: center; background-color: #f0cfcc;}
.boxSefaz p {margin: 0; font-weight: 500; text-align: center;}


.botDefaultRel {font-size: 12px; padding: 10px 40px;}
.boxContentRel {min-height: auto; margin-bottom: 30px;}
.botDefaultRel {cursor: pointer; background: #D22B20; -webkit-box-shadow: 5px 5px 0px 0px rgba(253,222,216,1); -moz-box-shadow: 5px 5px 0px 0px rgba(253,222,216,1); box-shadow: 5px 5px 0px 0px rgba(253,222,216,1); color: #fff; border-radius: 10px; border: none; min-width: 100px; padding: 10px;}
.botDefaultRel:hover {transform: scale(1.03); transition: all 0.2s ease-out;}

/****************divisores em relatorios*********************/
.barrVerm {border: 5px solid #621115; opacity: 1; border-radius: 15px; margin-bottom: 10px!important;}
.boxWineHr {border-radius: 3px; margin-bottom: 40px; margin-top: 40px; height: 7px; background-color: #621115; opacity: 1!important;}
/****************divisores em relatorios*********************/

/**********************geral******************************/
.tableGeneral {margin-left: -10px; width: calc(100% + 20px); border-collapse: separate; border-spacing: 10px 7px;}
.tableGeneral tr {height: 40px;}
.tableGeneral td {padding-left: 10px; padding-right: 10px;}
.tableGeneral td:first-child {border-bottom-left-radius: 12px; border-top-left-radius: 12px; width: 70%;}
.tableGeneral td:nth-child(2) {border-bottom-right-radius: 12px; border-top-right-radius: 12px; width: 30%;}
.tableGeneral td:nth-child(2) {font-weight: bold; text-align: right;}
.tableGeneral tr:nth-child(even) {background-color: #eee;}

.tableGeneral2 {width: 100%; border-collapse: separate; border-spacing: 0 7px;}
.tableGeneral2 tr {height: 40px;}
.tableGeneral2 td {padding-left: 10px; padding-right: 10px;} 
.ajustRow {position: relative;}
.ajustRow span {width: 30px; height: 100%; position: absolute; right: -20px; top: 0px; background-color: #eee;}

.trbarrBranc, .forceTrbarrBranc {background-color: transparent!important;}
.trbarrBranc>td:first-child {border: 5px solid #fff; opacity: 1; border-radius: 15px; margin-bottom: 10px!important; -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3); background-color: #fff; height: 40px; align-items: center; padding: 0 10px; display: table-cell; font-weight: bold;}
.barrTransp {opacity: 1; margin-bottom: 10px!important; height: 40px; align-items: center; padding: 0 10px;}
.barrBranc p, .barrTransp p {margin-bottom: 0; font-weight: bold;}

.colorFundoRow {background-color: #eae2e2; border-radius: 12px;} 
.colorFundoRow2 {background-color: #D22B20; border-radius: 12px; color: #fff; text-align: center!important;}

.boxtableBc {border: 5px solid #fff; opacity: 1; border-radius: 15px; margin-bottom: 10px!important; -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3); background-color: #fff; padding: 10px; width: 100%;}
.barrBranc {border: 5px solid #fff; opacity: 1; border-radius: 15px; margin-bottom: 10px!important; -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3); background-color: #fff; height: 40px; display: flex; align-items: center; padding: 0 10px;}
/**********************geral******************************/




/****************** pesquisa ****************************/
div a {
  font-size: 14px;
  cursor: pointer;
  /*background-color: white;*/
  position: relative;
  color: var(--link);
}
.search-results {
  position: absolute;
  top: 50px;
  display: flex;
  z-index: 1000;
  margin-top: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px;
  display: none;
  max-height: 200px;
  overflow-y: auto;
  background-color: white;
}
a:hover {
  color: var(--linkHover) !important;
}
/****************** pesquisa ****************************/

.ultimoAcesso, .ipUsuario { font-size: 12px;}
.img-relatorio {width: auto !important; max-width: 20px !important;}
.dsc-legenda {font-size: 12px; margin-left: 5px;}
td img.img-relatorio {min-width: 20px !important;max-width: 20px !important;}

input {border-radius: 10px 0px 0px 10px; border: none; height: 38px; width: 100%;}