#main {
  padding-top: 130px !important;
  background-color: #f9f9f9;
}
#header {
  background: #525153;
  height: 85px;
}
#hero:before {
  background: none;
}
#mobile-nav-toggle-mynet-less {
  right: 5px !important;
  left: initial !important;
  margin: 0;
}
#pesquisaContainer {
  margin-left: auto;
  width: auto;
  position: static;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: none;
}

#mobile-nav-toggle-user-less {
  margin-top: 30px;
  display: none;
}
#mobile-nav-toggle-mynet-less {
  margin-top: 30px;
}
.nav-container {
  display: flex;
}
.nav-link-container {
  display: none;
  margin-left: auto;
}
.nav-link-mobile-container {
  display: flex;
  align-items: center;
  margin-right: 30px;
  margin-left: 5px;
  margin-top: 5px;
}
.nav-link {
  position: relative;
  color: #fff !important;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 0.9375rem;
  font-family: "Lato", sans-serif;
}
.nav-link:hover::after {
  width: 35px;
}
.nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 8px;
  width: 0;
  border-bottom: 2px solid #fff;
  transition: width 0.45s ease;
}
#logout-btn {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
#logout-btn .logout-label {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  margin-right: 16px;
}
#logout-btn .fa {
  color: #fff;
  font-size: 20px;
}
#menuAutSimples {
  display: flex;
  justify-content: flex-end;
}
.navbar-bottom {
  float: none !important;
  position: fixed;
  width: 100%;
  left: 0;
  top: 84px;
  background: #000;
  justify-content: flex-end;
}
#nav-menu-container-user {
  float: none;
  display: flex;
  justify-content: flex-end;
  margin: 0 auto;
}
#pvalor {
  height: 34px;
  display: inline-block;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  outline: none;
  padding: 3px 30px 3px 3px;
  width: 0;
  color: #fff !important;
  box-shadow: none !important;
  position: absolute;
  right: 0;
  top: 0;
  background: none;
  z-index: 1;
  transition: all 0.45s cubic-bezier(0, 0.795, 0, 1);
  cursor: pointer;
  color: inherit;
}
.searchdiv {
  float: none;
  width: initial;
}
#logo.open {
  display: none !important;
}
.nav-link-container.open {
  width: 0px;
  opacity: 0;
  touch-action: none;
}
#pvalor.open {
  width: 255px;
}
#AsearchlinkButton {
  display: none;
}
#search-term-btn {
  z-index: 2;
  height: 34px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 15px;
}

.img-wrapper {
  margin-left: auto;
  display: flex;
  max-width: 100%;
  margin-right: auto;
}
.img-wrapper a {
  padding: 10px;
}
.img-wrapper a img {
  max-width: 100%;
}
.text-wrapper {
  order: 2;
}

#mobile-nav-toggle-user-less {
  right: 30px !important;
}
#mobile-nav-mynet-less {
  left: auto !important;
  right: -260px !important;
}
body.mobile-nav-active-mynet-less #mobile-nav-mynet-less {
  right: 0 !important;
  left: auto !important;
}
.nav-link-mobile-btn {
  display: block;
  width: 20px;
  height: 20px;
}
.nav-link-mobile-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 999;
  background: white;
  background: var(--menumobile-background, white);
  width: 260px;
  transition: 0.3s;
  border-bottom: 1px solid #dedede;
  left: auto;
  right: -260px;
}
.active-menu .nav-link-mobile-wrapper {
  right: 0px;
}
.nav-link-mobile-wrapper ul li {
  list-style: none;
}
ul.large-items li.has-submenu.open > a {
  color: #fff !important;
  background-color: #2168a6;
}
ul.large-items li.has-submenu.open > a:hover {
  color: #fff !important;
}
ul.large-items li.has-submenu {
  margin: 10px 0px;
  border-radius: 10px;
}
.area-row {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 20px;
}
.area-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  width: 100px;
  background: #66b2b2;
  color: #fff !important;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 16px;
  margin: 10px auto;
}
.area-link img {
  width: 30px;
  height: 25px;
}
p {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: #575658;
}
.mynet_intro {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
}
.mynet_intro h1 {
  font-weight: 600;
  display: inline;
  font-size: 14px;
  line-height: 15px;
}
.area-content-wrapper {
  height: 75px;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}
.area-content-wrapper span {
  display: flex;
  width: 100%;
}
li.menulink.menuativo > a {
  color: #2168a6 !important;
}
li.menulink.menuativo > a:hover {
  color: #fff !important;
}
a.mynetLink,
a.mynetLink:link,
a.mynetLink:hover,
a.mynetLink:active,
a.mynetLink:visited {
  color: #20979e !important;
}

#mobile-nav-mynet-less,
#mobile-nav-user-less,
.nav-link-mobile-wrapper {
  background: rgba(28, 28, 28, 0.7);
  padding: 50px 0px !important;
}
.nav-link-mobile-wrapper ul {
  padding-left: 0px;
}
#mobile-nav-mynet-less ul li,
#mobile-nav-user-less ul li,
.nav-link-mobile-wrapper ul li {
  border-bottom: 1px solid #fff;
}
#mobile-nav-mynet-less ul li a,
#mobile-nav-user-less ul li a,
.nav-link-mobile-wrapper ul li a {
  color: #fff !important;
  padding: 18px 22px !important;
  font-size: 16px;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  width: 100%;
  display: block;
  text-transform: uppercase;
}
.wndTop1 {
  width: 5px;
}
.wndTop2 {
  pointer-events: none;
}
.menuFilhos .desc {
  padding-right: 60px;
}
.mynet_intro_title p {
  font-size: 20px;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #20979e !important;
  font-family: "Lato", sans-serif;
}

:root {
  /* #################################################################################
       ## Master Variables Descrição e exemplos
       ################################################################################# */
  /*--corprincipalcliente: rgb(0, 160, 0); /* Cor base do cliente */
  /*--corbackgroundclaro: rgba(0, 160,0,0.6); /*titulo2*/
  /*--corbackgroundmaisclaro: rgba(0, 160,0,0.3); /*Background dos filtros pesquisa */
  /*--corbackgroundforte: rgb(0, 208,0); /* Background (AsearchlinkButton , mynetButton:hover) */
  /*--corbackgroundescuro: rgb(0, 140,0); /* (menu:hover) */
  /*--corbackgroundactive: rgba(40, 180, 40, 0.5); /*menu ativo*/
  /*--corbackgroundcinzaclaro: #e3e4e6; /*background neutro - cinzento*/
  /*--corbackgroundcinzamaisclaro: #cccccc; /*background neutro - cinzento mais claro*/ /*mynetButton[disabled]*/
  /*--corbackgroundcinzaescuro: #595959; /*background neutro - cinzento escuro*/
  /*--corcontrasteclara: white; /*texto (titulo2, mynetButton) - contraste com */
  /*--corInputReadOnly: #4F4F4F; /*mynetInputReadOnly*/
  /*--borderradiuscliente: 2px; /*4px; /*border-radius*/
  /* #################################################################################
       ## Master Variables Exemplo INOVA
       ################################################################################# */
  --corprincipalcliente: #20979e; /*rgb(98, 168, 182)*/ /*[HIPPIE BLUE]*/ /* Cor base do cliente */
  --corbackgroundclaro: rgba(98, 168, 182, 0.6); /*Background titulo2*/
  --corbackgroundmaisclaro: rgba(98, 168, 182, 0.3); /*Background dos filtros pesquisa */
  --corbackgroundforte: #567e88; /*rgb(86, 126, 136)*/ /*[SMALT BLUE]*/ /* (AsearchlinkButton , mynetButton:hover) */
  --corbackgroundescuro: #2c475e; /*rgb(44, 71, 94)*/ /*[RHINO]*/ /* (menu:hover) */
  --corbackgroundactive: #e6ecee; /*#567E88*/ /*menu ativo*/
  --corbackgroundcinzaclaro: rgb(204, 204, 204); /*background neutro - cinzento*/
  --corbackgroundcinzamaisclaro: rgb(227, 227, 227); /*background neutro - cinzento mais claro*/ /*mynetButton[disabled]*/
  --corbackgroundcinzaescuro: #4f5668; /*rgb(79, 86, 104)*/ /*[TROUT]*/ /*background neutro - cinzento escuro*/
  --corcontrasteclara: white; /*texto (titulo2, mynetButton) - contraste com */
  --corInputReadOnly: rgb(79, 79, 79); /*mynetInputReadOnly*/
  --borderradiuscliente: 3px; /*border-radius*/
  /* ################################################################################# */
  /* #################################################################################
       ## Master Variables - Exemplo Verde
       ################################################################################# */
  /*--corprincipalcliente: rgb(0, 160, 0); /* Cor base do cliente */
  /*--corbackgroundclaro: rgba(0, 160,0,0.6); /*Background titulo2*/
  /*--corbackgroundmaisclaro: rgba(0, 160,0,0.3); /*Background dos filtros pesquisa */
  /*--corbackgroundforte: rgb(0, 208,0); /* (AsearchlinkButton , mynetButton:hover) */
  /*--corbackgroundescuro: rgb(0, 140,0); /* (menu:hover) */
  /*--corbackgroundactive: rgba(40, 180, 40, 0.5); /*menu ativo*/
  /*--corbackgroundcinzaclaro: rgb(204, 204, 204); /*background neutro - cinzento*/
  /*--corbackgroundcinzamaisclaro: rgb(227, 227, 227); /*background neutro - cinzento mais claro*/ /*mynetButton[disabled]*/
  /*--corbackgroundcinzaescuro: rgb(89, 89, 89); /*background neutro - cinzento escuro*/
  /*--corcontrasteclara: white; /*texto (titulo2, mynetButton) - contraste com */
  /*--corInputReadOnly: rgb(204, 204, 204); /*mynetInputReadOnly*/
  /*--borderradiuscliente: 0px; /*border-radius*/
  /* ################################################################################# */
  /*.mynetTitulo2*/
  --mynettitulo2-background: var(--corbackgroundclaro);
  --mynettitulo2-color: var(--corcontrasteclara);
  /**/
  /*.mynetLink*/
  --mynetlink-color-visited: var(--corprincipalcliente);
  --mynetlink-color-master: var(--corprincipalcliente);
  --mynetlink-color-active: var(--corprincipalcliente);
  --mynetlink-color-hover: var(--corbackgroundforte);
  /**/
  /*.mynetButton - \theme\mynet.css */
  --mynetbutton-background: var(--corprincipalcliente);
  --mynetbutton-color: var(--corcontrasteclara);
  --mynetbutton-hover-background: var(--corbackgroundforte);
  --mynetbutton-hover-color: var(--corcontrasteclara);
  --mynetbutton-radius: var(--borderradiuscliente);
  --mynetbutton-disabled: var(--corbackgroundcinzamaisclaro, #cccccc);
  /**/
  /*Menu Lateral  - \core\recursos\Componentes\MenuMyNetLateral\MenuMyNetLateral.css */
  --menulateral-border-all: 0px solid var(--corprincipalcliente);
  --menulateral-background-all: white;
  --menulateral-color-all: black;
  --menulateral-border-inner: var(--menulateral-border-all);
  --menulateral-background: var(--corprincipalcliente);
  --menulateral-color: white;
  --menulateral-hover: var(--corprincipalcliente);
  --menulateral-hover-color: var(--corcontrasteclara);
  --menulateral-active: var(--corbackgroundactive);
  --menulateral-active-color: var(--menulateral-color);
  --menulateral-active-final: var(--menulateral-active);
  --menulateral-active-final-color: var(--menulateral-active-color);
  /**/
  /*Menu Autenticação*/
  /*
    --menuautsimples-color-visited: var(--mynetlink-color-visited);
    --menuautsimples-color-master: var(--mynetlink-color-master);
    --menuautsimples-color-hover: black; /*var(--mynetlink-color-hover);
    --menuautsimples-color-active: var(--mynetlink-color-active);
    /**/
  /* ---------------------------------------------------------------------------------
       | Menu Autenticação - drop \core\recursos\Componentes\MenuAutenticacaoSuperiorLess\MenuAutenticacaoSuperiorLess.css
       --------------------------------------------------------------------------------- */
  /*
    --menuautsup-nome-color: var(--menulateral-color, #55A9F2);
    --menuautsup-nif-color: var(--menulateral-active-color, #999);
    --menuautsup-background: var(--menulateral-background, white);
    --menuautsup-color: var(--menulateral-color, black);
    --menuautsup-hover: var(--menulateral-hover, #91c5f2);
    --menuautsup-hover-color: var(--menulateral-hover-color, black);*/
  /* ---------------------------------------------------------------------------------
       | Menu Mobile - \core\recursos\Componentes\MenuMyNetMobileLess\MenuMyNetMobileLess.css
       --------------------------------------------------------------------------------- */
  /*
    --menumobile-background: white;
    --menumobile-color: black;
    --menumobile-active: transparent;
    --menumobile-active-color: var(--corprincipalcliente, black);
    --menumobile-nome-color: var(--menumobile-active-color, #55A9F2);
    --menumobile-nif-color: var(--menumobile-color, #999);
    */
  /* ---------------------------------------------------------------------------------
       | AreaPesquisa - \core\recursos\Componentes\AreaPesquisa\AreaPesquisa.css
       --------------------------------------------------------------------------------- */
  /*
    --areapesquisa-color: var(--corprincipalcliente, #55A9F2);
    --areapesquisa-radius: var(--borderradiuscliente, 0px);
    --areapesquisa-hover-color: var(--corbackgroundforte, #64b7ff);
    */
  /* ---------------------------------------------------------------------------------
       | filtrosPesquisa - \core\recursos\Componentes\FiltrosPesquisa\filtrosPesquisa.css
       --------------------------------------------------------------------------------- */
  /*
    --filtrospesquisa-background: var(--corbackgroundmaisclaro, rgb(33, 104, 166));
    --filtrospesquisa-btnfiltro-background: var(--corbackgroundclaro, rgb(167, 178, 200));
    --filtrospesquisa-btnfiltro-color: white;
*/
}

#modalIFrameExterior {
  border: none;
}

table,
td,
tr {
  font-size: 12px;
}

td {
  white-space: normal;
}

form {
  font-size: 12px;
}

.mynetBread2 {
  margin-bottom: 25px;
  text-align: left;
  font-size: 12px;
  margin-top: 15px;
  white-space: initial;
  text-transform: none;
}

.mynetBread2 > a,
.mynetBread2 a:visited {
  text-decoration: none;
  font-weight: bold;
  color: #2168a6;
  color: var(--mynetlink-color-master, #2168a6);
}

.mynetBread2 .activeMenu {
  color: black;
  color: var(--corbackgroundescuro, black);
}

.mynetBread2 > a:hover {
  text-decoration: underline;
}

.mynetBread2 > span {
  font-weight: bold;
}

[class^="wndTop"],
[class^="wndCel"] {
  background: none !important;
}

.tabskinext .wndTop2 {
  width: 100%;
}

.tabskinext {
  box-shadow: unset;
  background-color: white !important;
}

[class^="mynetwndInfo"],
[class^="mynetwndConh"],
[class^="mynetwndData"] {
  font-size: 20px;
  text-align: left;
  margin-top: 15px;
  margin-bottom: 15px;
  white-space: initial;
  text-transform: none;
  color: #20979e;
  display: block;
  font-family: "Lato", sans-serif;
}

.mynetTitulo2 {
  background-color: #e3e4e6;
  background-color: var(--mynettitulo2-background, #e3e4e6);
  color: #424242;
  color: var(--mynettitulo2-color, #424242);
  padding: 7px;
  margin-bottom: 15px;
  margin-top: 15px;
  font-weight: bold;
  border-radius: 4px;
  border-radius: var(--borderradiuscliente, 4px);
}

.mynetTxt2 {
  margin-bottom: 10px;
  margin-top: 10px;
}

.labelVisual {
  /*font-weight: bold;*/
  font-size: 12px;
  vertical-align: middle;
  padding-right: 0px;
  padding-left: 5px;
}

.mynetInput {
  border-radius: 4px;
  border-radius: var(--mynetbutton-radius, 4px);
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 4px;
  font-size: 12px;
}

.mynetInputReadOnly {
  color: #4f4f4f;
  color: var(--corInputReadOnly, #4f4f4f);
}

textarea {
  height: auto !important;
}

.botoesespaco {
  padding: 0;
}

.mynetButton {
  border: 0px;
  height: 30px;
  font-size: 13px;
  border-radius: 4px;
  border-radius: var(--mynetbutton-radius, 4px);
  width: auto;
  background-color: #55a9f2;
  background-color: var(--mynetbutton-background, #55a9f2);
  color: white;
  color: var(--mynetbutton-color, white);
  padding-left: 10px;
  padding-right: 10px;
}

.mynetButton:hover {
  background-color: #64b7ff;
  background-color: var(--mynetbutton-hover-background, #64b7ff);
  color: white;
  color: var(--mynetbutton-hover-color, white);
}

.mynetButton[disabled] {
  background-color: #cccccc;
  background-color: var(--mynetbutton-disabled, #cccccc);
  color: white;
  color: var(--mynetbutton-color, white);
  cursor: default;
}

#wrapperbotoes {
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: right;
}

#wrapperbotoes > div {
  padding-left: 0 !important;
}

/* botão back to top */
.back-to-top {
  border-radius: 4px;
  border-radius: var(--borderradiuscliente, 4px);
}
.back-to-top:hover {
  background: #00ade4;
  background: var(--mynetbutton-background, #00ade4);
  color: white;
  color: var(--mynetbutton-color, white);
}

.menuFilhos {
  display: grid !important;
  padding: 10px;
}

.menuFilhos:nth-child(odd) {
  background-color: #e3e4e6;
}

.menuFilhos:nth-child(even) {
  background-color: #d2d2d2;
}

.listaPesquisa td {
  padding: 10px;
}

.listaPesquisa:nth-child(odd) {
  background-color: #e3e4e6;
}

.listaPesquisa:nth-child(even) {
  background-color: #d2d2d2;
}

.lista a.mynetLink,
.lista a.mynetLink:link,
.lista a.mynetLink:hover,
.lista a.mynetLink:active,
.lista a.mynetLink:visited {
  color: #2168a6;
  color: var(--mynetlink-color-master, #2168a6);
  font-weight: bold;
  font-size: 14px;
}

.mynetLink1 {
  color: #2168a6;
  color: var(--mynetlink-color-master, #2168a6);
}
.mynetLinkOver1 {
  color: #2168a6;
  color: var(--mynetlink-color-hover, #2168a6);
}

.mynetLinhaTopo {
  border-right: 0px;
  border-bottom: 1px solid #ffffff;
  background-color: #d2d2d2;
}

/*txt tamanho de texto*/
.mynetTxt5 {
  font-size: 12px;
}

.authTitulo {
  font-size: 14px;
}

.authDescricao {
  font-size: 14px;
}

/*Autenticacao*/
#btnRecuperarPwd {
  margin-top: 20px;
  text-decoration: none;
  color: #ffffff;
  padding: 5px;
}

/*border serviços disponiveis*/
.mynetTabInfo_linha td {
  border: 0;
}

.menuFilhos .desc {
  font-size: 14px;
  color: #595959;
}

/*dropdowns*/
div .prestoPlacer {
  margin-bottom: 10px;
  height: 20px;
}

#add_file_anexos_sga {
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}
.row.about-container {
  min-height: 715px;
}

#myframeB {
  width: 1px;
  min-width: 100%;
  width: 100%;
  border: 0px solid black;
  overflow: hidden;
}

/******************************MEDIA QUERIES**********************************************************************************/
@media only screen and (max-width: 500px) {
}

@media only screen and (max-width: 600px) {
}

@media only screen and (max-width: 760px) {
}

@media only screen and (max-width: 880px) {
}

@media only screen and (max-width: 920px) {
}

@media only screen and (max-width: 991px) {
  #main {
    padding-top: 50px;
  }
  #ColunaCentral {
    padding-left: 0;
  }

  .tabskinext {
    padding: 0px;
  }

  .tabformint {
    padding: 0px;
  }
}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 1199px) {
}

@media screen and (min-width: 576px) {
  #pvalor.open {
    width: 350px;
  }
  .area-link img {
    width: 50px;
    height: 40px;
  }
  .area-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 168px;
    width: 168px;
    background: #66b2b2;
    color: #fff !important;
    cursor: pointer;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin: 10px 8px;
  }
  .area-content-wrapper {
    height: 108px;
    display: flex;
    justify-content: center;
  }
  #main {
    padding-top: 100px !important;
  }
}

@media screen and (min-width: 768px) {
  #pvalor.open {
    width: 500px;
  }
  #logo.open {
    display: none !important;
  }

  .area-wrapper {
    width: 50%;
  }
  .area-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: auto;
    background: #66b2b2;
    color: #fff !important;
    cursor: pointer;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 24px;
    margin: 10px 8px;
  }
  .area-link img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }
  .area-content-wrapper {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .area-content-wrapper span {
    color: #115164;
  }
}

@media screen and (min-width: 992px) {
  #pvalor.open {
    width: 700px;
  }
  .footer-title {
    text-align: left;
  }
  .footer-subtitle {
    text-align: left;
    font-size: 12px;
  }
  .text-wrapper {
    order: 1;
  }

  .nav-link-mobile-container {
    display: none;
  }
  .img-wrapper {
    margin-left: 0;
  }
  #ColunaCentral {
    padding-left: 25px !important;
  }
}

@media only screen and (min-width: 1200px) {
  .nav-link-container {
    display: flex;
    margin-left: auto;
  }

  #pesquisaContainer {
    margin-left: initial;
  }
  #mobile-nav-toggle-user-less {
    margin-top: 20px;
  }
  #mobile-nav-toggle-mynet-less {
    margin-top: 20px;
  }
  #pvalor.open {
    width: 700px;
  }
}