@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: .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:  .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; 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: .3s; transition: .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: .2s; transition: .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: .2s; transition: .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%; }




/*    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) {

}