@charset "utf-8";

/* *********************************** */
/*      RESETS E ESTILOS PADRAO        */
/*********************************** */
div::after,
ol::after,
form::after,
ul::after,
dl::after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
p {
  display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: top;
}
input,
textarea,
select {
  margin: 0;
  padding: 0;
  border-radius: 0;
}
img {
  border: 0;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
* {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  text-decoration: none;
}
section:focus,
div:focus {
  -webkit-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
  border: 0 none;
  outline: 0;
}
strong {
  font-weight: bolder;
}
html {
  font-size: 62.5%;
  min-height: 100%;
  height: 100%;
  font-family: 'Montserrat', sans-serif;
  background-color: #ffffff;
  color: #333333;
}
body {
  font-weight: normal;
  min-height: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}
section {
  clear: both;
}

.container {
  width: 130rem;
}
.hack {
  clear: both;
}
.oculto {
  display: none;
}
.block {
  display: block;
}
.aesquerda {
  float: left;
}
.adireita {
  float: right;
}
.aocentro {
  float: none;
  margin: 0 auto;
}
.aba_ativa {
  background-color: #fff !important;
  border-top: 2px solid #4e5089 !important;
  border-bottom-color: transparent !important;
  -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15);
  font-weight: 500;
  margin-top: -0.15rem;
  z-index: 1;
}
.contador {
  height: 1.4rem;
  line-height: 1.4rem;
  padding: 0 0.5rem;
  display: inline-block;
  text-align: center;
  font-size: 1rem;
  background-color: #ff0000;
  color: #fff;
  font-weight: 500;
  border-radius: 1rem;
  margin-left: 0.2rem;
  vertical-align: middle;
}
.ativo {
  background-color: #4e5089;
  color: #fff;
  border-color: #4e5089 !important;
}
.guia_ativa {
  background-color: #7174b7 !important;
}
.bg_emitido {
  background-color: #777777 !important;
  color: #fff !important;
}
.bg_pago {
  background-color: #82af6f !important;
  color: #fff !important;
}
.bg_atrasado {
  background-color: #f70408 !important;
  color: #fff !important;
}
.bg_aguardando {
  background-color: #3391d1 !important;
  color: #fff !important;
}
.obrigatorio {
  color: #f00;
  font-weight: 500;
}

.fixed {
  position: fixed;
  width: 100%;
  z-index: 3;
}
.btn_padrao {
  width: auto !important;
  display: inline-block !important;
  padding: 0.8rem 1.2rem;
  background-color: #3d3f72;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 300;
}
.btn_padrao:hover {
  background-color: #7174b7;
  transition: 0.2s;
}
.btn_padrao i {
  margin-right: 0.3rem;
}

.color-branco {
  color: #ffffff;
}
.color-preto {
  color: #000000;
}
.color-verde {
  color: #8cae4f;
}
.color-cinza {
  color: #152528;
}

.txt-aesquerda {
  text-align: left;
}
.txt-adireita {
  text-align: right;
}
.txt-aocentro {
  text-align: center;
}

.light {
  font-weight: 300;
}
.regular {
  font-weight: 400;
}
.medium {
  font-weight: 500;
}
.bold {
  font-weight: 700;
}
.black {
  font-weight: 900;
}
.italic {
  font-style: italic;
}

.capitalize {
  text-transform: capitalize;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}

.font8 {
  font-size: 0.8rem;
}
.font10 {
  font-size: 1rem;
}
.font12 {
  font-size: 1.2rem;
}
.font14 {
  font-size: 1.4rem;
}
.font16 {
  font-size: 1.6rem;
}
.font18 {
  font-size: 1.8rem;
}
.font20 {
  font-size: 2rem;
}
.font24 {
  font-size: 2.4rem;
}
.font30 {
  font-size: 3rem;
}
.font36 {
  font-size: 3.6rem;
}
.font48 {
  font-size: 4.8rem;
}
.font60 {
  font-size: 6rem;
}
.font62 {
  font-size: 6.2rem;
}

.line16 {
  line-height: 1.6rem;
}
.line18 {
  line-height: 1.8rem;
}
.line24 {
  line-height: 2.4rem;
}
.line36 {
  line-height: 3.6rem;
}

/* *******************
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {
  .container {
    max-width: 130rem;
    margin: 0 auto;
  }
  .esconde_desktop {
    display: none;
  }
  .esconde_fulldesktop {
    display: none;
  }
  .exibe_desktop {
    display: block;
  }
  .exibe_fulldesktop {
    display: block;
  }
  .fulldesktop_100 {
    width: 100%;
  }
  .fulldesktop_75 {
    width: 74.5%;
  }
  .fulldesktop_10 {
    width: 9.5%;
  }
  .fulldesktop_50 {
    width: 49.5%;
  }
  .fulldesktop_33 {
    width: 33%;
  }
  .fulldesktop_25 {
    width: 24.5%;
  }
  .fulldesktop_20 {
    width: 19.5%;
  }
}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
  .container {
    width: 98%;
    max-width: 128rem;
    margin: 0 auto;
  }
  .esconde_desktop {
    display: none;
  }
  .esconde_smalldesktop {
    display: none;
  }
  .exibe_desktop {
    display: block;
  }
  .exibe_smalldesktop {
    display: block;
  }
  .desktop_100 {
    width: 100%;
  }
  .desktop_75 {
    width: 74.5%;
  }
  .desktop_10 {
    width: 9.5%;
  }
  .desktop_50 {
    width: 49.5%;
  }
  .desktop_33 {
    width: 33%;
  }
  .desktop_25 {
    width: 24.5%;
  }
  .desktop_20 {
    width: 19.5%;
  }
}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
  .container {
    width: 98%;
    margin: 0 auto;
  }
  .esconde_tablet {
    display: none;
  }
  .exibe_tablet {
    display: block;
  }
  .tablet_100 {
    width: 100%;
  }
  .tablet_75 {
    width: 74.5%;
  }
  .tablet_50 {
    width: 49.5%;
  }
  .tablet_33 {
    width: 33%;
  }
  .tablet_25 {
    width: 24.5%;
  }
  .tablet_20 {
    width: 19.5%;
  }
  .tablet_10 {
    width: 9.5%;
  }
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
  .container {
    width: 98%;
    margin: 0 auto;
  }
  .esconde_celular {
    display: none;
  }
  .exibe_celular {
    display: block;
  }
  .celular_100 {
    width: 100% !important;
  }
  .celular_75 {
    width: 74.5% !important;
  }
  .celular_50 {
    width: 49.5% !important;
  }
  .celular_33 {
    width: 33% !important;
  }
  .celular_25 {
    width: 24.5% !important;
  }
  .celular_20 {
    width: 19.5% !important;
  }
  .celular_10 {
    width: 9.5% !important;
  }
}

/* ************************************************************************************************************************** */
/*          CLASSES CUSTOM                  CLASSES CUSTOM                 CLASSES CUSTOM                  CLASSES CUSTOM     */
/* ************************************************************************************************************************** */
section.conteudo_geral {
  width: 100%;
  padding: 6rem 0;
  background-color: #fff;
  font-size: 1.6rem;
}
.dashboard {
  width: 100%;
  text-align: center;
}
.dashboard h1 {
  font-size: 2.5rem;
  margin-bottom: 1.5rem;
}
.dashboard h1 span {
  font-size: 2.7rem;
  color: #3d3f72;
  font-weight: 500;
}
.dashboard p {
  font-size: 1.8rem;
}
.dashboard p span {
  color: #3d3f72;
  font-weight: 500;
}
.boletos_dados {
  width: 100%;
  margin: 0 auto 5rem auto;
}
.boletos_dados table {
  margin: 0 auto;
}
.boletos_dados table tr td {
  padding: 0.3rem 0.5rem;
}
.boletos_dados table tr td p {
  font-size: 1.8rem;
}
.boletos_dados table tr td p span {
  font-weight: 600;
}
.boletos_acoes {
  width: 100%;
  text-align: center;
}
.boletos_acoes a {
  margin-right: 1.5rem;
}
.boletos_acoes a:last-of-type {
  margin-right: 0;
}
.select2-container {
  width: 100% !important;
}
.select2-dropdown {
  margin-top: 0.1rem !important;
}
.select2-container--default .select2-selection--single {
  display: initial;
  height: 3.5rem;
  border: none;
  outline: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 3.3rem;
  font-size: 1.5rem;
  padding: 0 2rem 0 1rem;
}
.select2-results__options {
  font-size: 1.4rem !important;
}
/* MULTIPLE SELECT */
.ms-parent {
  width: 100% !important;
  height: 100% !important;
}
.ms-choice {
  height: 100%;
  border-radius: 10px;
  border: 0;
}
.ms-choice > span {
  position: initial;
  font-size: 1.6rem;
  color: #444 !important;
  padding-left: 1rem;
}
.ms-search {
  height: 2.3rem;
}
.ms-search input {
  height: 100% !important;
  font-size: 1.4em;
  padding: 0.5rem;
}
.ms-search input:focus {
  border-color: #000000;
}
.ms-drop {
  width: 100%;
}
.ms-drop ul > li label {
  display: flex;
  align-items: center;
}
.ms-drop ul > li label > span {
  margin-left: 0.8rem;
  font-size: 1.4rem;
}
.ms-drop .ms-no-results {
  font-size: 1.4rem;
}

/*    DESKTOP LARGE    */
@media screen and (min-width: 1320px) {
}

/*        DESKTOP      */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
}

/*       TABLET        */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 1.4rem;
  }
}

/*       CELULAR       */
@media only screen and (max-width: 640px) {
}

/*       IPAD PRO VERTICAL       */
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
}

/*       IPAD HORIZONTAL       */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

/* ************************************************************************************************************************** */
/*          LOGIN                    LOGIN                   LOGIN                    LOGIN                   LOGIN           */
/* ************************************************************************************************************************** */
.login_opcoes {
  width: 100%;
  text-align: center;
}
.login_opcoes_msg {
  width: 100%;
  text-align: center;
  margin-bottom: 2rem;
}
.login_opcoes_msg h1 {
  font-weight: 500;
}
.login_opcoes_item {
  width: 30rem;
  max-height: 20rem;
  display: inline-block;
  background-color: #3d3f72;
  color: #fff;
  border-radius: 0.3rem;
}
.login_opcoes_item:nth-child(3) {
  margin-left: 1rem;
  margin-right: 1rem;
}
.login_opcoes_item:hover {
  background-color: #4e5089;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.login_opcoes_item i {
  font-size: 6rem;
  display: block;
  margin-bottom: 1rem;
}
.login_opcoes_item p {
  font-size: 1.8rem;
  display: block;
}
.login_opcoes_item a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 4rem 0;
}
.login_form {
  width: 100%;
  text-align: center;
  display: none;
}
.login_form form {
  width: 35rem;
  margin: 0 auto;
  display: none;
}
.login_form .form_login_radio {
  display: none;
  width: 100%;
  height: 4.5rem;
  line-height: 4.3rem;
  background-color: #fff;
  margin-bottom: 1.5rem;
}
.login_form .form_login_input {
  width: 100%;
  height: 4.5rem;
  line-height: 4.3rem;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 0.2rem;
  margin-bottom: 1.5rem;
}
.login_form .form_login_input input {
  /* display: none;*/
  width: 100%;
  height: 100%;
  padding: 0.5rem 1rem;
  text-align: center;
  -webkit-appearance: none;
}
.login_form .form_login_input input:focus {
  outline: none;
}
.login_form .form_login_button {
  width: 100%;
  height: 4.5rem;
  line-height: 4.5rem;
  background-color: #3d3f72;
  border-radius: 0.3rem;
}
.login_form .form_login_button input {
  width: 100%;
  height: 100%;
  background-color: #3d3f72;
  color: #fff;
  border-radius: 0.3rem;
  cursor: pointer;
  -webkit-appearance: none;
}
.login_form .form_login_button input:focus {
  outline: none;
}
.login_form_voltar {
  width: 100%;
  text-align: center;
  margin-top: 1.5rem;
}
.login_form_voltar a {
  color: #337ab7;
}
.login_form_voltar a:hover {
  text-decoration: underline;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.login_form_voltar a i {
  font-size: 1.4rem;
  margin-right: 0.2rem;
}

/*    DESKTOP LARGE    */
@media screen and (min-width: 1320px) {
}

/*        DESKTOP      */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
}

/*       TABLET        */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
  .login_opcoes_item {
    width: 24rem;
  }
  .login_opcoes_item p {
    font-size: 1.7rem;
  }
}

/*       CELULAR       */
@media only screen and (max-width: 640px) {
  .login_opcoes_item {
    width: 31rem;
    margin: 0 auto 1rem auto;
  }
  .login_opcoes_item:nth-child(3) {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .login_opcoes_item p {
    font-size: 1.7rem;
  }
  .login_form form {
    width: 100%;
  }
}

/*       IPAD PRO VERTICAL       */
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
}

/*       IPAD HORIZONTAL       */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

/* ************************************************************************************************************************** */
/*          LOGIN EMPRESA            LOGIN EMPRESA           LOGIN EMPRESA            LOGIN EMPRESA           LOGIN EMPRESA   */
/* ************************************************************************************************************************** */
.form_login_empresa {
  width: 100%;
  margin-bottom: 5rem;
  text-align: center;
}
.form_login_empresa form {
  width: 35rem;
  margin: 0 auto;
}
.form_login_empresa_radio {
  display: none;
  width: 100%;
  height: 4.5rem;
  line-height: 4.3rem;
  background-color: #fff;
  margin-bottom: 1.5rem;
}
.form_login_empresa_input {
  width: 100%;
  height: 4.5rem;
  line-height: 4.3rem;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 0.2rem;
  margin-bottom: 1.5rem;
}
.form_login_empresa_input input {
  width: 100%;
  height: 100%;
  padding: 0.5rem 1rem;
  text-align: center;
  -webkit-appearance: none;
}
.form_login_empresa_input input:focus {
  outline: none;
}
.form_login_empresa_button {
  width: 100%;
  height: 4.5rem;
  line-height: 4.5rem;
  background-color: #3d3f72;
  border-radius: 0.3rem;
}
.form_login_empresa_button input {
  width: 100%;
  height: 100%;
  background-color: #3d3f72;
  color: #fff;
  border-radius: 0.3rem;
  cursor: pointer;
  -webkit-appearance: none;
}
.form_login_empresa_button input:focus {
  outline: none;
}

/*    DESKTOP LARGE    */
@media screen and (min-width: 1320px) {
}

/*        DESKTOP      */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
}

/*       TABLET        */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
}

/*       CELULAR       */
@media only screen and (max-width: 640px) {
  .form_login_empresa form {
    width: 100%;
  }
}

/*       IPAD PRO VERTICAL       */
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
}

/*       IPAD HORIZONTAL       */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

/* ************************************************************************************************************************** */
/*          HEADER                   HEADER                  HEADER                   HEADER                  HEADER          */
/* ************************************************************************************************************************** */
header.topo_inicial {
  width: 100%;
  background-color: #fff;
  font-size: 1.6rem;
}
.topo_logo {
  width: 40rem;
  height: 15rem;
  text-align: center;
  margin: 0 auto 3rem auto;
}
.topo_logo img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.topo_msg {
  width: 100%;
  text-align: center;
  margin-bottom: 4rem;
}
.topo_msg h1 {
  font-size: 2.4rem;
}
header.topo {
  width: 100%;
  background-color: #3d3f72;
  color: #fff;
  font-size: 1.6rem;
}
.logo {
  width: 15rem;
  height: 5.5rem;
  line-height: 5.5rem;
  float: left;
  margin-right: 3rem;
}
.logo img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  padding: 0.5rem 0;
}
.logado {
  width: calc(100% - 58rem);
  float: left;
  height: 5.5rem;
  padding: 0.5rem 0;
}
.logado p {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
}
.logado span {
  display: block;
  font-weight: 500;
}
nav.menu {
  width: 40rem;
  float: left;
  height: 5.5rem;
  line-height: 5.5rem;
}
.menu_mobile {
  display: none;
  width: 100%;
  height: 100%;
  text-align: right;
}
.menu_mobile i {
  font-size: 3.5rem;
  padding: 1rem 0;
  vertical-align: middle;
}
.menu ul {
  list-style-type: none;
  text-align: right;
}
.menu ul li {
  display: inline-block;
  margin-left: 2rem;
}
.menu ul li:first-of-type {
  margin-left: 0;
}
.menu ul li a {
  display: inline-block;
  font-size: 1.4rem;
}
.menu ul li a i {
  margin-left: 0.2rem;
}
.msg_apresentacao {
  width: 100%;
  margin-top: 5rem;
  text-align: left;
}
.msg_apresentacao h1 {
  font-size: 1.8rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px dotted #ccc;
}
.msg_apresentacao h1 span {
  text-transform: uppercase;
  font-weight: 500;
}

/*    DESKTOP LARGE    */
@media screen and (min-width: 1320px) {
}

/*        DESKTOP      */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
}

/*       TABLET        */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
  .menu_mobile {
    display: block;
  }
  nav.menu {
    width: 15rem;
  }
  .logado {
    width: calc(100% - 35rem);
  }
  .menu ul {
    display: none;
    width: 30rem;
    height: auto;
    position: absolute;
    top: 5.5rem;
    right: 0;
    background-color: #3d3f72;
    color: #fff;
    z-index: 2;
  }
  .menu ul li {
    line-height: initial;
    display: block;
    margin-left: 0;
    border-top: 1px solid #fff;
  }
  .menu ul li a {
    display: block;
    padding: 1.2rem 1.5rem;
    font-size: 1.4rem;
  }
  .menu ul li a:hover {
    border: 0;
    display: block;
  }
}

/*       CELULAR       */
@media only screen and (max-width: 640px) {
  .topo_logo {
    width: 30rem;
    height: 12rem;
  }
  .logo {
    margin-right: 0;
  }
  .logado {
    display: none;
  }
  .menu_mobile {
    display: block;
  }
  nav.menu {
    width: calc(100% - 15rem);
  }
  .menu ul {
    display: none;
    width: 100%;
    height: auto;
    position: absolute;
    top: 5.5rem;
    right: 0;
    background-color: #3d3f72;
    color: #fff;
    text-align: center;
    z-index: 2;
  }
  .menu ul li {
    line-height: initial;
    display: block;
    margin-left: 0;
    border-top: 1px solid #fff;
  }
  .menu ul li a {
    display: block;
    padding: 1.2rem 1.5rem;
    font-size: 1.4rem;
  }
  .menu ul li a:hover {
    border: 0;
    display: block;
  }
}

/*       IPAD PRO VERTICAL       */
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
}

/*       IPAD HORIZONTAL       */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

/* ************************************************************************************************************************** */
/*          TABELA MENSALIDADE             TABELA MENSALIDADE            TABELA MENSALIDADE             TABELA MENSALIDADE    */
/* ************************************************************************************************************************** */
div.tabela_mensalidade {
  width: 100%;
  text-align: center;
  margin-top: 5rem;
}
.tabela_mensalidade_texto {
  width: 70rem;
  margin: 0 auto 1rem auto;
}
.tabela_mensalidade_texto p {
  font-size: 1.8rem;
  margin-bottom: 0.5rem;
}
.tabela_mensalidade_texto span {
  display: block;
  font-size: 1.4rem;
  color: red;
}
.tabela_mensalidade_img {
  width: 60rem;
  margin: 0 auto;
}
.tabela_mensalidade_img img {
  max-width: 100%;
  max-height: 100%;
}

/*    DESKTOP LARGE    */
@media screen and (min-width: 1320px) {
}

/*        DESKTOP      */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
}

/*       TABLET        */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
}

/*       CELULAR       */
@media only screen and (max-width: 640px) {
  .tabela_mensalidade_texto {
    width: 100%;
  }
  .tabela_mensalidade_img {
    width: 100%;
  }
}

/*       IPAD PRO VERTICAL       */
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
}

/*       IPAD HORIZONTAL       */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

/* ************************************************************************************************************************** */
/*          MENU ABAS                      MENU ABAS                     MENU ABAS                      MENU ABAS             */
/* ************************************************************************************************************************** */
.abas {
  width: 100%;
}
.abas_mobile {
  display: none;
  width: 100%;
  height: 4rem;
  line-height: 4rem;
  background-color: #f5f5f5;
  text-align: center;
}
.abas_mobile a {
  display: block;
}
.abas_mobile a:focus {
  background-color: #f5f5f5;
}
.abas_mobile i {
  font-size: 2.8rem;
  margin-right: 0.3rem;
  vertical-align: middle;
}
.abas_mobile span {
  vertical-align: middle;
}
.abas ul {
  list-style-type: none;
  text-align: left;
}
.abas ul li {
  line-height: 3.6rem;
  display: block;
  float: left;
  background-color: #f9f9f9;
  font-size: 1.4rem;
  border: 1px solid #ddd;
}
.abas ul li a {
  display: block;
  padding: 0rem 2rem;
}
.abas ul li:hover {
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.abas ul li i {
  font-size: 1.8rem;
  color: #4e5089;
  margin-right: 0.4rem;
}
.abas_conteudo {
  width: 100%;
  padding: 3rem 2rem;
  border: 1px solid #ddd;
  margin-top: -0.1rem;
}

/*    DESKTOP LARGE    */
@media screen and (min-width: 1320px) {
}

/*        DESKTOP      */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
}

/*       TABLET        */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
}

/*       CELULAR       */
@media only screen and (max-width: 640px) {
}

/*       IPAD PRO VERTICAL       */
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
}

/*       IPAD HORIZONTAL       */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

/* ************************************************************************************************************************** */
/*          FORM EMPRESA                   FORM EMPRESA                  FORM EMPRESA                   FORM EMPRESA          */
/* ************************************************************************************************************************** */
div.form_empresa {
  width: 100%;
}
form#form_empresa {
  width: 80%;
  margin: 0 auto;
}
.form_empresa_msg {
  width: 100%;
  margin-bottom: 3rem;
  text-align: center;
}
.form_empresa_msg h3 {
  font-weight: 400;
  font-size: 1.9rem;
}
.form_empresa_msg h3 span {
  text-decoration: underline;
}
.form_empresa_grupo {
  width: 100%;
  margin-bottom: 1.5rem;
}
.form_empresa_grupo#grupo_input_endereco {
  width: calc(64% - 1.5rem);
  float: left;
  margin-right: 1.5rem;
}
.form_empresa_grupo#grupo_input_bairro {
  width: 36%;
  float: right;
}
.form_empresa_grupo#grupo_input_cep {
  width: 30%;
  float: left;
}
.form_empresa_grupo#grupo_input_cidade {
  width: calc(45% - 3rem);
  float: left;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.form_empresa_grupo#grupo_input_estado {
  width: 25%;
  float: left;
}
.form_empresa_grupo:last-of-type {
  margin-bottom: 0;
}
.form_empresa_grupo#grupo_button {
  text-align: center;
}
.form_empresa_label {
  width: 100%;
  text-align: left;
  margin-bottom: 0.5rem;
}
.form_empresa_label label {
  font-size: 1.5rem;
  font-weight: 500;
}
.form_empresa_label label span {
  font-size: 1.3rem;
  font-weight: 400;
}
.form_empresa_select {
  width: 100%;
  height: 3.5rem;
  line-height: 3.3rem;
  border: 1px solid #ddd;
  border-radius: 0.2rem;
}
.form_empresa_select select {
  width: 100%;
  height: 100%;
  padding-left: 1rem;
  font-size: 1.5rem;
}
.form_empresa_select select span {
  border: none !important;
  font-size: 1.5rem !important;
}
.form_empresa_input {
  width: 100%;
  height: 3.5rem;
  line-height: 3.3rem;
  border: 1px solid #ddd;
  border-radius: 0.2rem;
}
.form_empresa_input input {
  width: 100%;
  height: 100%;
  padding: 0.5rem 1rem;
  font-size: 1.5rem;
  -webkit-appearance: none;
}
.form_empresa_input input:focus {
  outline: none;
}
.form_empresa_input p {
  display: block;
  padding: 0 1rem;
  font-size: 1.5rem;
  background-color: #efefef;
}
.form_empresa_button {
  height: 3.5rem;
  line-height: 3.5rem;
  display: inline-block;
  background-color: #3d3f72;
  text-align: center;
  border-radius: 0.2rem;
  margin-top: 2rem;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.form_empresa_button input {
  width: 100%;
  height: 100%;
  padding: 0 2rem;
  background-color: #3d3f72;
  color: #fff;
  font-size: 1.5rem;
  border-radius: 0.2rem;
  cursor: pointer;
  -webkit-appearance: none;
}
.form_empresa_button input:focus {
  outline: none;
}
.botoes_opcoes {
  display: none;
}
.botoes_opcoes a {
  display: inline-block;
  padding: 0 2rem;
  text-align: center;
  border-radius: 0.2rem;
  background-color: #3d3f72;
  color: #fff;
  font-size: 1.5rem;
}

/*    DESKTOP LARGE    */
@media screen and (min-width: 1320px) {
}

/*        DESKTOP      */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
}

/*       TABLET        */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
  form#form_empresa {
    width: 100%;
  }
}

/*       CELULAR       */
@media only screen and (max-width: 640px) {
  form#form_empresa {
    width: 100%;
  }
  .form_empresa_msg h3 {
    font-size: 1.7rem;
  }
  .form_empresa_grupo {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/*       IPAD PRO VERTICAL       */
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
}

/*       IPAD HORIZONTAL       */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  form#form_empresa {
    width: 100%;
  }
}

/* ************************************************************************************************************************** */
/*          FORM CONTRIBUIÇÃO              FORM CONTRIBUIÇÃO             FORM CONTRIBUIÇÃO              FORM CONTRIBUIÇÃO     */
/* ************************************************************************************************************************** */
div.form_contribuicao {
  width: 100%;
}
form#form_contribuicao {
  width: 80%;
  margin: 0 auto;
}
.form_contribuicao_msg {
  width: 100%;
  margin-bottom: 3rem;
  text-align: center;
}
.form_contribuicao_msg h3 {
  font-weight: 400;
  margin-bottom: 0.3rem;
  font-size: 1.9rem;
}
.form_contribuicao_msg h3 span {
  text-decoration: underline;
}
.form_contribuicao_grupo {
  width: 100%;
  margin-bottom: 1.5rem;
}
.form_contribuicao_grupo:last-of-type {
  margin-bottom: 0;
}
.form_contribuicao_grupo#grupo_button {
  text-align: center;
}
.form_contribuicao_label {
  width: 100%;
  text-align: left;
  margin-bottom: 0.5rem;
}
.form_contribuicao_label label {
  font-size: 1.5rem;
  font-weight: 500;
}
.form_contribuicao_label label span {
  font-size: 1.3rem;
  font-weight: 400;
}
.form_contribuicao_select {
  width: 100%;
  height: 3.5rem;
  line-height: 3.3rem;
  border: 1px solid #ddd;
  border-radius: 0.2rem;
}
.form_contribuicao_select select span {
  border: none !important;
  font-size: 1.5rem !important;
}
.form_contribuicao_input {
  width: 100%;
  height: 3.5rem;
  line-height: 3.3rem;
  border: 1px solid #ddd;
  border-radius: 0.2rem;
}
.form_contribuicao_input input {
  width: 100%;
  height: 100%;
  padding: 0.5rem 1rem;
  font-size: 1.5rem;
  -webkit-appearance: none;
}
.form_contribuicao_input input:focus {
  outline: none;
}
.form_contribuicao_input p {
  padding: 0 1rem;
  font-size: 1.5rem;
}
.form_contribuicao_button {
  height: 3.5rem;
  line-height: 3.5rem;
  display: inline-block;
  background-color: #3d3f72;
  text-align: center;
  border-radius: 0.2rem;
  margin-top: 2rem;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.form_contribuicao_button input {
  width: 100%;
  height: 100%;
  padding: 0 2rem;
  background-color: #3d3f72;
  color: #fff;
  font-size: 1.5rem;
  border-radius: 0.2rem;
  cursor: pointer;
  -webkit-appearance: none;
}
.form_contribuicao_button input:focus {
  outline: none;
}
.form_contribuicao_calcvigencia {
  width: 100%;
}

.form_boleto_vencido h3.title,
.form_boleto_vencido h3.subtitle {
  color: red;
  margin-top: 4rem;
}

.form_boleto_vencido h3.title {
  font-size: 3rem;
}

.form_boleto_vencido h3.subtitle {
  font-size: 2rem;
}

/*    DESKTOP LARGE    */
@media screen and (min-width: 1320px) {
}

/*        DESKTOP      */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
}

/*       TABLET        */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
  form#form_contribuicao {
    width: 100%;
  }
}

/*       CELULAR       */
@media only screen and (max-width: 640px) {
  form#form_contribuicao {
    width: 100%;
  }
  .form_contribuicao_msg h3 {
    font-size: 1.7rem;
  }
  .form_contribuicao_grupo {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/*       IPAD PRO VERTICAL       */
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
}

/*       IPAD HORIZONTAL       */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  form#form_contribuicao {
    width: 100%;
  }
}

/* ************************************************************************************************************************** */
/*          FORM SIMULAR                   FORM SIMULAR                  FORM SIMULAR                   FORM SIMULAR          */
/* ************************************************************************************************************************** */
div.form_simular {
  width: 100%;
}
form#form_simular {
  width: 25rem;
  margin: 0 auto;
}
.form_simular_msg {
  width: 100%;
  margin-bottom: 3rem;
  text-align: center;
}
.form_simular_msg h3 {
  font-weight: 400;
  margin-bottom: 0.3rem;
  font-size: 1.9rem;
}
.form_simular_msg h3 span {
  text-decoration: underline;
}
.form_simular_grupo {
  width: 100%;
  margin-bottom: 1.5rem;
}
.form_simular_grupo:last-of-type {
  margin-bottom: 0;
}
.form_simular_grupo#grupo_button {
  text-align: center;
}
.form_simular_label {
  width: 100%;
  text-align: left;
  margin-bottom: 0.5rem;
}
.form_simular_label label {
  font-size: 1.5rem;
  font-weight: 500;
}
.form_simular_label label span {
  font-size: 1.3rem;
  font-weight: 400;
}
.form_simular_select {
  width: 100%;
  height: 3.5rem;
  line-height: 3.3rem;
  border: 1px solid #ddd;
  border-radius: 0.2rem;
}
.form_simular_select select span {
  border: none !important;
  font-size: 1.5rem !important;
}
.form_simular_input {
  width: 100%;
  height: 3.5rem;
  line-height: 3.3rem;
  border: 1px solid #ddd;
  border-radius: 0.2rem;
}
.form_simular_input input {
  width: 100%;
  height: 100%;
  padding: 0.5rem 1rem;
  font-size: 1.5rem;
  -webkit-appearance: none;
}
.form_simular_input input:focus {
  outline: none;
}
.form_simular_input p {
  padding: 0 1rem;
  font-size: 1.5rem;
}
.form_simular_button {
  height: 3.5rem;
  line-height: 3.5rem;
  display: inline-block;
  background-color: #3d3f72;
  text-align: center;
  border-radius: 0.2rem;
  margin-top: 2rem;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.form_simular_button input {
  width: 100%;
  height: 100%;
  padding: 0 2rem;
  background-color: #3d3f72;
  color: #fff;
  font-size: 1.5rem;
  border-radius: 0.2rem;
  cursor: pointer;
  -webkit-appearance: none;
}
.form_simular_button input:focus {
  outline: none;
}
.form_simular_calcvigencia {
  width: 100%;
}

/*    DESKTOP LARGE    */
@media screen and (min-width: 1320px) {
}

/*        DESKTOP      */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
}

/*       TABLET        */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
  form#form_simular {
    width: 100%;
  }
}

/*       CELULAR       */
@media only screen and (max-width: 640px) {
  form#form_simular {
    width: 100%;
  }
  .form_simular_msg h3 {
    font-size: 1.7rem;
  }
  .form_simular_grupo {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/*       IPAD PRO VERTICAL       */
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
}

/*       IPAD HORIZONTAL       */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  form#form_simular {
    width: 100%;
  }
}

/* ************************************************************************************************************************** */
/*       PAGAMENTOS PENDENTES           PAGAMENTOS PENDENTES          PAGAMENTOS PENDENTES           PAGAMENTOS PENDENTES     */
/* ************************************************************************************************************************** */
.pagamentos {
  width: 100%;
}
.pagamentos h4 {
  text-align: center;
}
.pagamentos_msg {
  width: 100%;
  margin-bottom: 3rem;
  text-align: center;
}
.pagamentos_msg h3 {
  font-weight: 400;
  margin-bottom: 0.3rem;
  font-size: 1.9rem;
}
.pagamentos_msg span {
  display: none;
  font-size: 1.3rem;
  color: #f00;
}
.pagamentos_pendentes {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 0.2rem;
}
table.pagamentos_pendentes_lista {
  width: 100%;
  text-align: center;
}
.pagamentos_pendentes_lista thead {
  width: 100%;
  background-color: #f1f1f1;
  font-size: 1.5rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}
.pagamentos_pendentes_lista thead tr {
  background-color: #f1f1f1;
  padding: 0.5rem 0;
  font-weight: 500;
}
.pagamentos_pendentes_lista thead tr th {
  padding: 1.5rem 1rem;
}
.pagamentos_pendentes_lista tbody {
  font-size: 1.4rem;
}
.pagamentos_pendentes_lista tbody tr:nth-child(odd) {
  background-color: #fff;
}
.pagamentos_pendentes_lista tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}
.pagamentos_pendentes_lista tbody tr td {
  padding: 1rem 0.5rem;
  border-top: 1px solid #ddd;
}
.pagamentos_pendentes_lista tbody tr td span.status_boleto {
  background-color: #777777;
  color: #fff;
  padding: 0.2rem 0.5rem;
  border-radius: 0.2rem;
  font-size: 1.2rem;
}
/*.pagamentos_pendentes_lista tbody tr td a{ width: 9.2rem; height: 3.5rem; line-height: 3.5rem; display: block; margin: 0 auto; background-color: #ddd; border-radius: 0.2rem; cursor: pointer; }*/
.pagamentos_pendentes_lista tbody tr td a:focus {
  outline: none;
}
.pagamentos_pendentes_lista tbody tr td a i {
  margin-right: 0.3rem;
  font-size: 1.3rem;
}
.pagamentos_pendentes_lista tbody td p {
  display: block;
  text-align: center;
  padding: 1rem;
  font-size: 1.4rem;
}
.pagamentos_pendentes_lista tfoot {
  background-color: #f1f1f1;
}
.pagamentos_pendentes_lista tfoot td p {
  display: block;
  text-align: left;
  padding: 1.5rem 1rem;
  font-size: 1.4rem;
  border-top: 1px solid #ddd;
}
.pagamentos_pendentes_lista tfoot td p span {
  font-weight: 500;
}
.pagamentos_pendentes_paginacao {
  width: 100%;
  margin-top: 2.8rem;
  text-align: center;
}
.pagamentos_pendentes_paginacao ul {
  display: inline-block;
  list-style-type: none;
}
.pagamentos_pendentes_paginacao ul li {
  float: left;
  border: 1px solid #ddd;
}
.pagamentos_pendentes_paginacao ul li:hover {
  background-color: #4e5089;
  color: #fff;
  border-color: #4e5089;
}
.pagamentos_pendentes_paginacao ul li:first-child {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagamentos_pendentes_paginacao ul li:last-child {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.pagamentos_pendentes_paginacao ul li a {
  float: left;
  padding: 0.6rem 1.2rem;
  font-size: 1.4rem;
}

/*    DESKTOP LARGE    */
@media screen and (min-width: 1320px) {
}

/*        DESKTOP      */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
}

/*       TABLET        */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
  .pagamentos_pendentes_lista tbody tr td a {
    width: 8rem;
    font-size: 1.3rem;
  }
}

/*       CELULAR       */
@media only screen and (max-width: 640px) {
  .pagamentos_msg h3 {
    font-size: 1.7rem;
  }
  .pagamentos_msg span {
    display: block;
  }
  .pagamentos_pendentes_lista tbody {
    font-size: 1.3rem;
  }
  .pagamentos_pendentes_lista tbody tr td span.status_boleto {
    font-size: 1.1rem;
  }
  .pagamentos_pendentes_lista tbody tr td a {
    width: 8rem;
  }
  .pagamentos_pendentes_lista tfoot td p {
    font-size: 1.3rem;
  }

  .pagamentos_pendentes_lista tfoot td p span {
    color: #f2f2f1;
    font-weight: 600;
    font-size: 1.8rem;
    text-align: center;
    font-style: oblique;
  }
}

/*       IPAD PRO VERTICAL       */
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
}

/*       IPAD HORIZONTAL       */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

/* ************************************************************************************************************************** */
/*       CONSULTAR TABELA               CONSULTAR TABELA              CONSULTAR TABELA               CONSULTAR TABELA         */
/* ************************************************************************************************************************** */
.consulta {
  width: 100%;
}
form#form_exercicio {
  width: 25rem;
  margin: 0 auto 3rem auto;
}
.form_exercicio_grupo {
  width: 100%;
  margin-bottom: 1.5rem;
}
.form_exercicio_grupo:last-of-type {
  margin-bottom: 0;
}
.form_exercicio_grupo#grupo_button {
  text-align: center;
}
.form_exercicio_label {
  width: 100%;
  text-align: left;
  margin-bottom: 0.5rem;
}
.form_exercicio_label label {
  font-size: 1.5rem;
  font-weight: 500;
}
/*#form_exercicio label{ display: block; text-align: center; margin-bottom: 0.5rem; }*/
.form_exercicio_select {
  width: 100%;
  height: 3.5rem;
  line-height: 3.3rem;
  border: 1px solid #ddd;
  border-radius: 0.2rem;
}
.form_exercicio_select select span {
  border: none !important;
  font-size: 1.5rem !important;
}
table.consulta_lista {
  width: 100%;
  text-align: center;
}
.consulta_lista thead {
  width: 100%;
  background-color: #f1f1f1;
  font-size: 1.5rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}
.consulta_lista thead tr {
  background-color: #f1f1f1;
  padding: 0.5rem 0;
  font-weight: 500;
}
.consulta_lista thead tr th {
  padding: 1rem 1rem;
}
.consulta_lista tbody {
  font-size: 1.4rem;
}
.consulta_lista tbody tr:nth-child(odd) {
  background-color: #fff;
}
.consulta_lista tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}
.consulta_lista tbody tr td {
  padding: 1rem 0.5rem;
  border-top: 1px solid #ddd;
}
.consulta_lista tbody tr td span.status_boleto {
  background-color: #777777;
  color: #fff;
  padding: 0.2rem 0.5rem;
  border-radius: 0.2rem;
  font-size: 1.2rem;
}
.consulta_lista tbody tr td a {
  width: 9rem;
  height: 3.5rem;
  line-height: 3.5rem;
  display: block;
  margin: 0 auto;
  background-color: #ddd;
  border-radius: 0.2rem;
  cursor: pointer;
}
.consulta_lista tbody tr td a:focus {
  outline: none;
}
.consulta_lista tbody tr td a i {
  margin-right: 0.2rem;
  font-size: 1.3rem;
}
.consulta_lista tbody td p {
  display: block;
  text-align: center;
  padding: 1rem;
  font-size: 1.4rem;
}
.consulta_lista tfoot {
  background-color: #f1f1f1;
}
.consulta_lista tfoot td p {
  display: block;
  text-align: left;
  padding: 1.5rem 1rem;
  font-size: 1.4rem;
  border-top: 1px solid #ddd;
}
.consulta_lista tfoot td p span {
  font-weight: 500;
}

/*    DESKTOP LARGE    */
@media screen and (min-width: 1320px) {
}

/*        DESKTOP      */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
}

/*       TABLET        */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
  .consulta_lista tbody tr td a {
    width: 8rem;
    font-size: 1.3rem;
  }
}

/*       CELULAR       */
@media only screen and (max-width: 640px) {
  form#form_exercicio {
    width: 100%;
  }
  .consulta_msg h3 {
    font-size: 1.7rem;
  }
  .consulta_msg span {
    display: block;
  }
  .consulta_lista tbody {
    font-size: 1.3rem;
  }
  .consulta_lista tbody tr td span.status_boleto {
    font-size: 1.1rem;
  }
  .consulta_lista tbody tr td a {
    width: 8rem;
  }
  .consulta_lista tfoot td p {
    font-size: 1.3rem;
  }
  .consulta_lista tfoot td p span {
    color: #f2f2f1;
    font-weight: 600;
    font-size: 1.8rem;
    text-align: center;
    font-style: oblique;
  }
}

/*       IPAD PRO VERTICAL       */
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
}

/*       IPAD HORIZONTAL       */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

/* ************************************************************************************************************************** */
/*          RODAPE                          RODAPE                         RODAPE                          RODAPE             */
/* ************************************************************************************************************************** */
footer.rodape {
  width: 100%;
  background-color: #fff;
  color: #333;
  font-size: 1.6rem;
  padding: 1rem 0;
  margin-top: 3rem;
}
.rodape_sindicato {
  width: 100%;
  margin-bottom: 1rem;
  text-align: center;
}
.rodape_assinatura {
  width: 100%;
  text-align: center;
}
.rodape_assinatura_sindicato {
  margin: 1rem 0;
}

/*    DESKTOP LARGE    */
@media screen and (min-width: 1320px) {
}

/*        DESKTOP      */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
}

/*       TABLET        */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
}

/*       CELULAR       */
@media only screen and (max-width: 640px) {
}

/*       IPAD PRO VERTICAL       */
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
}

/*       IPAD HORIZONTAL       */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}