/*
font-family: 'Rubik', sans-serif;
font-family: 'Titillium Web', sans-serif;
font-family: 'Bitter', serif;
font-family: 'Roboto', sans-serif;
font-family: 'Bitter', serif;
font-family: 'Rubik', sans-serif;
font-family: 'Source Serif 4', serif;
*/
@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&family=Source+Serif+4:opsz,wght@8..60,200;8..60,300;8..60,400;8..60,500;8..60,600;8..60,700;8..60,800;8..60,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
/*##################### INICIO CADASTRO ###################*/
input::placeholder {
    color: #002648 !important;
    font-family: 'Rubik', sans-serif !important;
    font-weight: 200 !important;
    opacity: 0.9 !important;
    font-style: italic !important;
}
.ui-autocomplete.ui-front.ui-menu {
    display: block;
    top: 937.672px;
    left: 337.5px;
    max-height: 300px !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    width: 568px !important;
}
#cadastroGET.ativo, #loginGET.ativo{
	width:100% !important;
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
	opacity:1;
	height:auto;
	overflow:visible;
}
#cadastroGET.inativo, #loginGET.inativo{
	opacity:0;
	height:1px;
	overflow:hidden;
	margin:0;
	padding:0;
}

aviso {
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    font-size: 12pt;
    color: #002648;
}

#repositoriosenha{
    display:block;
    opacity:1;
    width:100%;
    color: #002648 !important;
    font-family: 'Rubik', sans-serif !important;
    font-size:12px;
    clear:both;
}


#loginGET h3{
    font-weight: 400;
    font-size: 15px;
}
#loginGET p.cadastrando {
    text-align: center;
    color: #002648;
    font-weight: 500;
    float: left;
    width: 100%;
    margin: 0;
    font-family: 'Rubik', sans-serif !important;
    font-size: 12pt !important;
}
#loginGET p.cadastrando a.btcadastrese {
    display: block;
    color: #0091ff !important;
    cursor: pointer;
    font-family: 'Rubik', sans-serif !important;
    font-weight: 400 !important;
    font-size: 11pt;
    text-decoration: underline !important;
}
#loginGET p.cadastrando a.btcadastrese span{
	border-bottom: none !important;
    display: inline;
}
#loginGET .avisologin{
	margin-top:20px;
}
#GETPainel h1.meu-perfil {
    padding: 0;
    font-size: 13pt;
    max-width: 795px;
    margin: 0 auto;
    margin-top: 0;
    color: #002648;
    margin-bottom: 36px;
}

#GETPainel h1.meu-perfil span {
    display: inline-block;
    position: relative;
    font-weight: 600;
    font-family: 'Rubik', sans-serif !important;
}

#GETPainel h1.meu-perfil span.menupainel-mobile.botao{
    display: none;
}

#GETPainel h1.meu-perfil span::after {
    content: '';
    display: block;
    width: 89px;
    height: 9px;
    background-color: #0091ff;
    position: absolute;
    left: 0;
    bottom: -8px;
}
#GETPainel h4{
	display: block;
    width: 100%;
    text-align: center;
    margin: 20px 0;
    color: #f58c1f;
    font-weight: 500;
}
#GETPainel{
	display:block;
	width:100%;
	float:left;
	margin:0 0 50px;
}
#GETPainel h2{
	color: #f58c1f !important;
    font-size: 13pt;
    text-align: left;
    padding: 0;
    font-weight: 600;
    margin: 0 0 20px 0px !important;
}
#GETPainel .formulario{
	display: block;
    padding: 0 20px 0 0;
    float: left;
    width: 100%;
    margin-top: 0 !important;
}
#GETPainel .paineldecontrole .formulario {
    margin-top: 0px !important;
    margin-bottom: 5px !important;
    padding: 0 5px;
}
#FormGet label, #loginform label{
	display:block;
	margin-left:5px;
	width:calc(100% - 20px);
	float:left;
	color: rgba(0,0,0,0.6);
	font-size: 11pt;
}
.btGet{
	color: rgba(0,0,0,1);
    font-size: 12pt;
	margin-left:20px;
	font-weight:400;
}
#GETPainel .involucroKbk{
	position: relative;
    float: left;
    width: 100%;
}
#GETPainel.ativo .involucroKbk:before, .involucroKbk.somelinha:before{
	display:none !important;
}
#GETPainel .involucroKbk.tiralinha:before{
	display:none;
}
#GETPainel .involucroKbk h2, #GETPainel legend{
	color: #002954 !important;
    text-align: left;
    margin-bottom: 30px !important;
    font-size: 22px;
    font-weight: 500 !important;
    font-family: 'Rubik', sans-serif !important;
}
#GETPainel .involucroKbk h2 span{
	position: relative;
    display: inline-block;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
}
#GETPainel .involucroKbk h2 span:before{
	content: '';
    width: 90%;
    height: 7px;
    background-color: #0091ff;
    position: absolute;
    bottom: -6px;
    left: 0;
    display: block;
}
#GETPainel .esqueci-username label{
	display:block;
	margin-bottom:15px;
}
#GETPainel .involucroKbk input[type="text"], #GETPainel #loginform input[type="text"], #GETPainel .involucroKbk input[type="password"], #GETPainel #KBKfase2.cadastroForm .formulario itemform select {
    background-color: transparent !important;
    border: 1px solid #637c97;
    padding: 5px 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	font-size: 12pt;
    font-family: 'Titillium Web', sans-serif;
    color: #000;
}
#GETPainel .involucroKbk input[type="text"].disable{
	background-color: rgba(174,167,157,0.5) !important;
	color:  rgba(174,167,157,0) !important;
}
#GETPainel #KBKfase2.cadastroForm .formulario itemform span {
    color: #002954;
    font-style: normal;
    display: block;
    width: 100%;
    float: left;
    margin-top: 10px;
    font-weight: 400;
    font-size: 13px;
}
#GETPainel #KBKfase2.cadastroForm .formulario itemform span.boxcheck{
	margin-top: 0;
    margin-bottom: 20px;
}
#GETPainel #KBKfase2.cadastroForm {
    display: block;
    max-width: 740px;
    margin: 0 auto;
}
#GETPainel input[type="text"].erro, #GETPainel .involucroKbk input[type="password"].erro, #GETPainel .involucroKbk select.erro, #GETPainel .involucroKbk input[type="text"].erro{
	border: 2px solid red !important;
}
.mensagemErro {
    border: 1px solid red;
    color: red;
    padding: 20px;
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px;
}

.itemform aviso{
   font-family: 'Open Sans', sans-serif !important;
   font-size:10pt;
   color:#000; 
}

#mensagemErro{
	width:100%;
	text-align:center;
}

#boxesqueci .mensagemErro {
    border: none;
    color: #002648;
    padding: 0;
    float: left;
    width: 100%;
    margin: 0;
    text-align: left !important;
    font-size: 12pt;
    line-height: 18pt;
    font-family: 'Rubik', sans-serif !important;
}
#GETPainel .btn-secundario, #botaovoltar.btn-secundario, #FormGet input[type="button"].btn-secundario {
  background-color: transparent !important;
  border: 2px solid #f58c1f !important;
  color: #f58c1f !important;
  width: 220px !important;
  padding: 0 !important;
}
#GETPainel .btn-secundario:hover, #botaovoltar.btn-secundario:hover, #FormGet input[type="button"].btn-secundario:hover {
    background-color: #002648 !important;
    border: 2px solid #002648 !important;
    color: #fff !important;
}
#GETPainel .btn-terciario, #botaovoltar.btn-terciario, #FormGet input[type="button"].btn-terciario {
  background-color: transparent !important;
  color: #f58c1f !important;
  text-transform: lowercase !important;
  text-decoration: underline;
  padding: 0 30px !important;
  width: fit-content !important;
  min-width: fit-content !important;
}
#GETPainel .btn-terciario:hover, #botaovoltar.btn-terciario:hover, #FormGet input[type="button"].btn-terciario:hover {
  color: #002648 !important;
}
submitform.container-botoes-email {
  display: flex !important;
  flex-direction: row-reverse !important;
  margin-top: 120px !important;
  justify-content: space-between !important;
}
#GETPainel #KBKfase2 input[type="text"]{
	width:100% !important;
	float:left;
}
#GETPainel #KBKfase2 #validaCode, #GETPainel #KBKfase2.cadastroForm input[type="text"]{
	display: block;
    width: calc(100% - 20px);
    border: 1px solid #002954;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 5px;
    padding: 10px 10px;
    background: #fff !important;
    margin-bottom: 15px;
    font-family: 'Open Sans', sans-serif !important;
}
.someBox{
	display:block;
	height:1px;
	overflow:hidden;
	opacity:0;
}
#GETPainel #KBKfase2 subitem{
	width: 60px;
	float:left;
}
#GETPainel .innerBlock #loginform a, #GETPainel .innerBlock #loginform a:visited, #GETPainel .innerBlock #loginform a:hover, #GETPainel .innerBlock #loginform label{
    font-size: 12pt;
    font-family: 'Rubik', sans-serif;
    color: #002648;
    text-transform: none;
    font-weight: 400 !important;
    line-height: 16pt;
    margin-left: 0;
    margin-bottom: 8px;
}
#GETPainel .innerBlock #loginform a, #GETPainel .innerBlock #loginform a:visited {
    background: #f58c1f;
    padding: 0 !important;
    margin-left: 0 !important;
    background-color: #f58c1f !important;
    color: #fff !important;
    height: 48px !important;
    width: 200px !important;
    font-size: 10pt !important;
    border-radius: 5px !important;
    font-family: 'Rubik', sans-serif !important;
    font-weight: 500 !important;
    margin-top: 32px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
}
#GETPainel .innerBlock #loginform a:hover {
    background: #002648;
    padding: 0 !important;
    margin-left: 0 !important;
    background-color: #002648 !important;
    color: #fff !important;
    height: 48px !important;
    width: 200px !important;
    font-size: 10pt !important;
    border-radius: 5px !important;
    font-family: 'Rubik', sans-serif !important;
    font-weight: 500 !important;
    margin-top: 32px !important;
    text-transform: uppercase;
    box-shadow: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
}
#GETPainel .involucroKbk input[type="text"]::-webkit-input-placeholder, #GETPainel .involucroKbk input[type="password"]::-webkit-input-placeholder { /* Edge */
  color: #002954;
  opacity:0.7;
}
#GETPainel .involucroKbk input[type="text"]:-ms-input-placeholder, #GETPainel .involucroKbk input[type="password"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #002954;
  opacity:0.7;
}
#GETPainel .involucroKbk input[type="text"]::placeholder, #GETPainel .involucroKbk input[type="password"]::placeholder {
  color: #002954;
  opacity:0.7;
}
#FormGet input[type='button'], #GETPainel .innerBlock #loginform input[type='submit'], submitForm.botaoGeral input[type='button'],#GETPainel  #boxValida input[type="button"], #GETPainel  #Boxvalidado input[type="button"], #GETPainel #loginform .esqueci input[type='button'], #GETPainel .innerBlock p.login-submit input[type='submit'], #GETPainel .innerBlock p.login-submit input[type='button']{
	background: #f58c1f;
    background-color: rgb(245, 140, 31);
    float: right !important;
    padding: 0 !important;
    margin-left: 0 !important;
    background-color: #f58c1f !important;
    color: #fff !important;
    height: 48px !important;
    width: 220px !important;
    font-size: 10pt !important;
    border-radius: 5px !important;
    font-family: 'Rubik', sans-serif !important;
    font-weight: 500 !important;
    margin-top: 32px !important;
    margin-left: 24px !important;
    min-width: 220px !important;
}

#FormGet input[type='button']:hover, #GETPainel .innerBlock #loginform input[type='submit']:hover, submitForm.botaoGeral input[type='button']:hover,#GETPainel  #boxValida input[type="button"]:hover, #GETPainel  #Boxvalidado input[type="button"]:hover, #GETPainel #loginform .esqueci input[type='button']:hover, #GETPainel .innerBlock p.login-submit input[type='submit']:hover, #GETPainel .innerBlock p.login-submit input[type='button']:hover {
    background-color: #002648 !important;
}

#GETPainel input[type='button'].some{
   /* display:none;*/
}

#GETPainel .innerBlock p.login-submit input[type='submit'], #GETPainel .innerBlock p.login-submit input[type='button']{
    width: 100% !important;
    margin-top: 8px !important;
}
#GETPainel .innerBlock p.login-submit input[type='submit']:hover, #GETPainel .innerBlock p.login-submit input[type='button']:hover{
    background-color: #002648 !important;
}
#GETPainel .som-password-sent-message{
	background: #f58c1f;
    color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 5px 20px;
    font-size: 14px;
    font-weight: 400;
	border:none;
	text-transform:uppercase;
}
#FormGet input[type='button']:hover, #GETPainel .innerBlock #loginform input[type='submit']:hover, submitForm.botaoGeral input[type='button']:hover{
	background: #0f2541;
}
#FormGet .formulario{
	padding-left:0;
	padding:0;
}
#GETPainel .innerBlock{
	display:block;
	padding:20px;
}
#GETPainel .innerBlock.fazer-login {
  padding-top: 0;
}
#GETPainel .innerBlock.fazer-login h2 {
  font-size: 13pt;
}
#GETPainel .innerBlock #loginform{
	padding:0;
}
#GETPainel .innerBlock #loginform input[type='submit']{
	margin-right: 0;
}
#GETPainel .paineldecontrole .formulario.esqueci-senha {
    margin-top: -18px !important;
    margin-bottom: 12px !important;
}
#GETPainel .paineldecontrole .formulario.esqueci-senha itemform a {
    font-size: 11pt;
    font-weight: 400;
}
submitForm.botaoGeral input[type='button']{
	float:none;
}
submitForm.botaoGeral{
	display: block;
    width: 100%;
    text-align: left;
    clear: both;
    margin-top: 30px;
    float: left;
}
.colunaBotao, #boxValida, #Boxvalidado{
	display:block;
	width:100%;
	max-width: 465px;
	clear:both;
}
.colunaBotao submitForm.botaoGeral input[type='button'], #GETPainel  #boxValida input[type="button"], #GETPainel  #Boxvalidado input[type="button"]{
	float:left !important;
}
#GETIncrituns  input[type='submit']{
    background-color: #f58c1f;
    border-radius: 6px;
    padding: 5px 20px;
    font-size: 14px;
    font-weight: 400;
    float: right;
}
#GETIncrituns  input[type='submit']:hover, #GETPainel .innerBlock p.login-submit input[type='submit']:hover{
    background: #0f2541;
}
#GETPainel{
	display: block;
    width: 100%;
    float: none;
    margin: 45px auto;
    margin-bottom: 45px;
    position: relative;
    margin-bottom: 80px;
    max-width: 795px;
}
#KBKpainel.iniciologin{
	background-color: #fbfbfb;
    padding: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	max-width:500px;
	-webkit-box-shadow: 5px 10px 15px 0px rgba(0,0,0,0.29);
    -moz-box-shadow: 5px 10px 15px 0px rgba(0, 0, 0, 0.29);
    box-shadow: 5px 10px 15px 0px rgba(0,0,0,0.29);
}
#KBKpainel.iniciologin.cadastrando{
	max-width:100%;
}
#GETPainel .innerBlock .login-password{
	position:relative;
    margin-bottom:0 !important;
}
#GETPainel .innerBlock .login-password input[type='password']{
	margin-bottom:0 !important;
}
#GETPainel .innerBlock #euAbro{
	position: absolute;
    top: 41px !important;
    right: 9px;
    cursor: pointer;
}
#GETPainel .innerBlock .setaroxa{
	display: block;
    position: relative;
    font-size: 15pt;
    text-transform: uppercase;
}
#GETPainel .innerBlock .bloco{
    text-align: right;
    position: relative;
    height: 30px;
    width: 100%;
    max-width: 400px;
}
#GETPainel .innerBlock p.login-remember{
    width: calc(100% - 110px) !important;
    float: left;
    text-align:right;
    padding:0 !important;
}
#GETPainel .innerBlock p.login-submit{
    width: 100%;
    float: left;
    margin-left: 0;
    margin-top: 25px;
    top: 0 !important;
}
#GETPainel .innerBlock p.login-remember label{
    font-size:14px !important;
}
#GETPainel .innerBlock .bloco a {
    font-size: 13px !important;
    line-height: 13px;
    position: absolute;
    top: 0;
    right: 0;
}
#GETPainel .innerBlock #loginform a.btesqueci{
	float: left;
    color: #0091ff !important;
    text-decoration: underline;
    margin-bottom: 0 !important;
    font-size: 11pt !important;
    border-bottom: none !important;
    padding-top: 8px !important;
    background: none !important;
    text-transform: none !important;
    font-weight: 400 !important;
    margin-top: 0 !important;
    height: fit-content !important;
    width: fit-content !important;
}
#GETPainel .innerBlock #loginform a.btesqueci:hover {
  color: #002648 !important;
}
#GETPainel .boxEmpresa {
    display: block;
    width: 100%;
	/*max-width: 405px;*/
    float: left;
    border: 1px solid #637c97;
    padding: 5px 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 12pt;
    font-family: 'Titillium Web', sans-serif;
    color: #002954;
    margin: 15px 20px 20px 0;
	background-color: #fff;
}
#GETPainel .boxEmpresa.novo2025 {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  font-family: 'Rubik', sans-serif !important;
}
#GETPainel .boxEmpresa.novo2025 h4 {
    font-size: 12pt;
    font-weight: 400;
}

#GETPainel .boxEmpresa.novo2025 h4 strong {
    display: block;
    font-weight: 500;
    font-size: 13pt;
}

#GETPainel .boxEmpresa.novo2025 h5 {
    color: #002648 !important;
    font-size: 12pt;
    font-weight: 400 !important;
}

#GETPainel .boxEmpresa.novo2025 h5 strong {
    display: block;
    font-weight: 500;
    font-size: 13pt;
}

#GETPainel .boxEmpresa.novo2025 p {
    font-size: 12pt;
    font-weight: 400;
}

#GETPainel .boxEmpresa.novo2025 p strong {
    display: block;
    font-weight: 500;
    font-size: 13pt;
}

#GETPainel .boxEmpresa.novo2025 h6 {
    font-weight: 500;
    font-size: 13pt;
}
#GETPainel .boxEmpresa h4, #GETPainel h4{
	color: #002954;
    font-weight: 700;
    font-size: 20px;
    text-align: left;
}
#GETPainel h4.ttAzul{
	margin-left:20px;
}
#GETPainel .formulario label.identificador {
	font-size: 13pt !important;
    font-family: 'Rubik', sans-serif !important;
    color: #002648 !important;
    text-transform: none !important;
    font-weight: 500 !important;
    line-height: 16pt !important;
    margin-left: 0 !important;
    margin-bottom: 8px !important;
}
#GETPainel .boxEmpresa h5{
	color:green !important;
}
#GETPainel .formulario itemform label, #GETPainel .formulario itemform p, #baseChecamail itemform label{
    font-size: 13pt;
    color: #002954;
}
#GETPainel .formulario itemform label {
    font-size: 13pt;
    color: #002648;
    text-transform: none;
    font-weight: 500 !important;
    font-family: 'Rubik', sans-serif;
    line-height: 22pt;
    margin: 0;
}


#baseChecamail itemform label{
    float:left;
    width:100%;
}

#NovoCnpj{
    margin-bottom: 14px !important;
}

#validar, #reenviar{
    background: #f58c1f;
    float: none;
    color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 5px 20px;
    font-size: 14px;
    font-weight: 400;
}

#GETPainel .boxEmpresa p {
    margin: 20px 0 10px;
    padding: 0;
}
#GETPainel olho{
	position: absolute;
    top: 38px;
    right: 10px;
	cursor:pointer;
}
#GETPainel ul.regraSenha {
    margin: 10px 0 0 0;
    padding: 0 0 0 20px;
    list-style: none;
    width: 100%;
    float: left;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 50px;
    margin-top: 10px !important;
}
#GETPainel ul.regraSenha li{
	color: #002648;
    position: relative;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 7px;
    font-size: 11pt;
}
#GETPainel ul.regraSenha li:before{
    content: '\f111';
    color: #f58c1f;
    font-family: "Font Awesome 5 Free";
    font-size: 6px;
    position: absolute;
    top: 0;
    left: -12px;
    font-weight: 700;
}
#GETPainel ul.regraSenha li.ok{
	color:#00b500;
}
#GETPainel ul.regraSenha li.ok:before{
	content: '\f00c';
    color: #00b500;
    font-family: "Font Awesome 5 Free";
    font-size: 15px;
    position: absolute;
    top: 0;
    left: -19px;
    font-weight: 700;
}
#GETPainel h2.ttlog {
    text-align: left;
    padding: 0 0 0 73px;
    text-transform: uppercase;
    font-size: 19pt;
    margin-bottom: 30px;
    font-family: 'Rubik', sans-serif !important;
    position: relative;
    line-height: 20pt;
}
#GETPainel h2.ttlog:before{
	content: '';
    width: 60px;
    height: 5pt;
    background-color: #0061a5;
    position: absolute;
    top: 14px;
    left: 0;
}
#GETPainel alo{
	color: #002648;
    margin-left: 0;
    font-family: 'Rubik', sans-serif !important;
    font-size: 15pt;
    margin-bottom: 0;
    display: block;
}
#GETPainel alo span{
	text-transform:capitalize;
}
#GETPainel olho {
    position: absolute;
    top: 42px;
    right: 30px;
}
#GETPainel .involucroKbk input[type="text"], #GETPainel #loginform input[type="text"], #GETPainel .involucroKbk input[type="password"], #GETPainel #KBKfase2.cadastroForm .formulario itemform select {
	display: block;
    width: 100% !important;
    border: 1px solid #002648;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 5px;
    padding: 10px 10px;
    background: #fff !important;
    margin-bottom: 15px;
    font-family: 'Rubik', sans-serif !important;
    color: #002648 !important;
    min-height: 43.2px;
}
#GETPainel #loginform input[type="password"]{
    width: 100% !important;
}
#GETPainel #loginform input[type="text"]{
    width: 100% !important;
}
#GETPainel .formulario itemform {
    display: block;
    color: #002648 !important;
    font-size: 11pt;
    line-height: 20pt;
    width: 100%;
    margin-bottom: 0;
    font-weight: 600;
    float: left;
    position: relative;
    font-family: 'Rubik', sans-serif !important;
}
#GETPainel .formulario itemform a, #GETPainel .formulario itemform a:visited{
	color: #002954 !important;
	text-decoration:underline;
	font-size: 13pt;
}
#GETPainel .formulario itemform erro, boxatividade erro, #loginform erro, #GETPainel  erro {
    font-size: 10pt;
    color: red;
    position: relative;
    top: -10px;
    left: 0;
    line-height: 12pt;
    width: 100%;
    display: block;
    clear: both;
}

#GETPainel .corporativo .formulario itemform erro{
    top:-20px;
}

#GETPainel .formulario.esqueci itemform erro{
	width:100%;
	display:block;
	top:10px;
}
boxatividade erro {
	top: 42px;
    left: 36px;
}
#loginform erro {
    margin-top: 0;
    position: relative;
    top: 0;
    margin-bottom: 6px;
    height: 20px;
    float: left;
    font-weight: 600;
}
#GETPainel .formulario input[type="password"]{
    width: 100%;
    margin: 0 0 15px 0;
}
.grafismo{
	display:block;
	position:relative;
}
.grafismo:before{
	background-image:url('/wp-content/uploads/2022/03/trama-clara-ok.png');
	content:'';
	display:block;
	width:100px;
	height:214px;
	position:absolute;
	top:0;
	left:-150px;
}
.KbkTop{
	display: block;
    width: 195px;
    position: absolute;
    top: 19px;
    right: 150px;
}
.KbkTop .iconeLog{
	width:50px;
	display:block;
	float:left;
	text-align:left;
}
.KbkTop .infoTop{
	display:block;
	width:calc(100% - 50px);
	float:left;
	color: #f58c1f;
    font-weight: 600;
    font-size: 14px;
	text-transform: uppercase;
	margin-top:5px;
}
.KbkTop .infoTop a, .KbkTop .infoTop a:visited{
	color: #f58c1f;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 20px;
    display: block;
}
ul.KbkUser{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
}
ul.kbkList{
	margin:0;
	padding:0;
	list-style:none;
	background:transparent;
	position:relative;
	z-index:10;
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
	opacity:0;
	height:1px;
	overflow:hidden;
}
ul.KbkUser li.abre ul.kbkList{
	opacity:1;
	height:auto;
	overflow:visible;
	padding:10px;
	-webkit-box-shadow: 5px 5px 0px 2px #F58C1F; 
	box-shadow: 5px 5px 0px 2px #F58C1F;
	background:#fff;
}
ul.KbkUser li span{
	position:relative;
	display:inline-block;
	cursor:pointer;
}
ul.KbkUser li span:before{
	content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    color: #F58C1F;
    position: absolute;
    top: -5px;
    right: -30px;
    font-weight: 600;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
ul.KbkUser li.abre span:before{
	transform: rotate(180deg);
}
/*##################### FIM CADASTRO ###################*/
itemform{
	display:block;
	margin-bottom:20px;
}
#KbkdadosConfig{
	display:block;
	width:100%;
	max-width:500px;
}
#KbkdadosConfig label input[type="text"]{
	display:block;
	width:100%;
	margin-top:5px;
}
#KbkdadosConfig label{
	font-weight: 600;
    font-size: 15px;
}

#KbkdadosConfig .bloco{
    padding:40px;
}
/*####################página lastcode###########*/
table.tabelageral{
	width:100%;
	border:1px solid #000;
	max-width:980px;
	margin-bottom:40px;
}
table.tabelageral tr.topo td{
	background-color:navy;
	color:#fff;
	padding:5px;
	border-right:1px solid #fff;
}
table.tabelageral tr.dados td{
	color:#000;
	padding:5px;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}
table.tabelageral tr.dados:nth-child(even){
	background-color:#ccc;
}
.botao{
	background-color:navy;
	color:#fff;
	padding:5px;
	cursor:pointer;
}
#involucrohidden.hidden{
    opacity:0;
    height: 0;
    overflow: hidden;
}
/*###################PAINEL DO USUÁRIO################*/
#GETPainel .titulo-perfil h2 {
    text-transform: uppercase;
    font-weight: 600;
    color: #002648 !important;
    margin-bottom: 0 !important;
    font-family: 'Rubik', sans-serif !important;
    position: relative;
    width: fit-content;
}
#GETPainel .titulo-perfil div {
    height: 9px;
    width: 86px;
    display: block;
    background-color: #008fd6;
    margin-bottom: 5px;
}
#GETPainel .titulo-perfil h2 span.menupainel-mobile.botao {
    display: none;
}
ul.KBKmenuPainel {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    margin-top: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
}
ul.menupainel{
    margin: 32px 0;
    padding: 0;
    list-style: none;
    width: 80px;
    float: left;
    overflow: hidden;
    font-family: 'Rubik', sans-serif;
}
ul.menupainel-mobile{
    display: none;
}
ul.menupainel li{
	display: block;
    width: 56px;
    height: 56px;
    margin-bottom: 16px;
    position: relative;
    border: 1px solid #002648;
    border-radius: 7px;
    background-color: #fff;
}
ul.menupainel li:hover, ul.menupainel li.selected {
    background-color: #f58c1f;
}
ul.menupainel li a{
	display: flex;
    width: 100%;
    height: 100%;
    opacity: 1;
    position: relative;
    z-index: 10;
    font-size: 6.5pt;
    line-height: 7pt;
    font-style: italic;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    color: #002648;
    padding: 0;
    padding-bottom: 4px;
    font-family: 'Rubik', sans-serif;
}
ul.menupainel li a:hover, ul.menupainel li.selected a {
    color: #fff;
}

ul.menupainel li.logout {
    border: none;
    background-color: transparent;
    height: fit-content;
    margin-top: 14px;
}

ul.menupainel li.logout:hover, ul.menupainel li.logout.selected{

	background-color: #fff !important;

}

ul.menupainel li.logout:hover:before, ul.menupainel li.logout.selected:before{

	background-color: #fff !important;

}

ul.menupainel li.logout a {
    padding-top: 25px;
    padding-right: 3px;
}

ul.menupainel li.logout a:hover {
    color: #F58C1F !important;
}

ul.KBKmenuPainel li{
	display: flex;
    width: 100%;
    float: left;
    border: 1px solid #002648;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height: 104px;
    padding: 0 20px 0 40px !important;
    align-items: center;
    background-repeat: no-repeat;
    background-color: #f7f4f4;
    margin: 0 !important;
    position: relative;
}
ul.KBKmenuPainel li:hover{
	background-color:#f58c1f;
}
ul.KBKmenuPainel li:hover a{
	color:#fff !important;
}
ul.KBKmenuPainel li a, ul.KBKmenuPainel li a:visited{
	font-family: 'Rubik', sans-serif;
    color: #002648;
    font-size: 9pt;
    line-height: 13pt;
}
ul.KBKmenuPainel li a strong{
	font-size:12pt;
	font-weight:500;
	display:block;
}

ul.KBKmenuPainel li.home{
	background-image: url(../img/casa.png);
    background-position: 5px 28px;
}

ul.KBKmenuPainel li.home:hover{
    background-image: url(../img/casa-neg.png);
}

ul.menupainel li.home:before{
    background-image: url(../img/casa.png);
    background-position: 5px 28px;
}

ul.KBKmenuPainel li.pessoais::before {
    content: "\f007";
    font-family: "Font Awesome 5 Free";
    font-size: 13pt;
    color: #002640;
    position: absolute;
    top: 34px;
    left: 10px;
    font-weight: 600;
}

ul.KBKmenuPainel li.pessoais:hover::before{
	color: #fff;
}



ul.menupainel li.pessoais:before{
	content: "\f007";
    font-family: "Font Awesome 5 Free";
    font-size: 13pt;
    color: #002640;
    position: absolute;
    top: 1px;
    left: 19px;
    font-weight: 600;
}

ul.menupainel li.pessoais:hover:before, ul.menupainel li.pessoais.selected:before {
    color: #fff;
}


ul.KBKmenuPainel li.corporativo::before {
    content: "\f2bb";
    font-family: "Font Awesome 5 Free";
    font-size: 13pt;
    color: #002640;
    position: absolute;
    top: 34px;
    left: 10px;
    font-weight: 600;
}

ul.KBKmenuPainel li.corporativo:hover::before{
    color: #fff;
}

ul.menupainel li.corporativo:before {
	content: "\f2bb";
    font-family: "Font Awesome 5 Free";
    font-size: 13pt;
    color: #002640;
    position: absolute;
    top: 1px;
    left: 17px;
    font-weight: 600;
}

ul.menupainel li.corporativo:hover:before, ul.menupainel li.corporativo.selected:before {
    color: #fff;
}

ul.KBKmenuPainel li.acesso::before {
    content: "\f505";
    font-family: "Font Awesome 5 Free";
    font-size: 13pt;
    color: #002640;
    position: absolute;
    top: 34px;
    left: 10px;
    font-weight: 600;
}

ul.KBKmenuPainel li.acesso:hover::before{
    color: #fff;
}


ul.menupainel li.acesso:before{
    content: "\f505";
    font-family: "Font Awesome 5 Free";
    font-size: 13pt;
    color: #002640;
    position: absolute;
    top: 1px;
    left: 18px;
    font-weight: 600;
}

ul.menupainel li.acesso:hover:before, ul.menupainel li.acesso.selected:before {
    color: #fff;
}

ul.KBKmenuPainel li.area_do_aluno {
    background-image: none !important;
    background-position: unset !important;
}

ul.KBKmenuPainel li.area_do_aluno::before {
    content: "\f501";
    font-family: "Font Awesome 5 Free";
    font-size: 13pt;
    color: #002640;
    position: absolute;
    top: 34px;
    left: 10px;
    font-weight: 600;
} 

ul.KBKmenuPainel li.area_do_aluno:hover{
    background-image: none !important;
    background-position: unset !important;
}

ul.KBKmenuPainel li.area_do_aluno:hover::before {
    color: #fff;
}

ul.menupainel li.area_do_aluno:before{
	content: "\f501";
    font-family: "Font Awesome 5 Free";
    font-size: 13pt;
    color: #002640;
    position: absolute;
    top: 1px;
    left: 20px;
    font-weight: 600;
    background-image: none !important;
    background-position: unset !important;
}

ul.menupainel li.area_do_aluno:hover:before, ul.menupainel li.area_do_aluno.selected:before {
    color: #fff;
    background-image: none !important;
    background-position: unset !important;
}

ul.menupainel li.logout:before{
    content: "\f2f5";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    font-size: 13pt;
    color: #002640;
    position: absolute;
    top: -5px;
    left: 20px;
}

ul.menupainel li.logout:hover:before {
    color: #f58c1f;
}

ul.KBKmenuPainel li.logout:hover{
	background-image: url(../img/lista-neg.png);
    background-position: 5px 28px;
}
#GETPainel #KBKpainel {
    display: flex;
    width: calc(100% - 100px);
    min-height: 200px;
    float: left;
    margin: 32px 0 0 0;
    border: 1px solid #002648;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}
#GETPainel #KBKpainel.paineldecontrole {
    border: none;
    background-color: #f7f4f4;
    align-items: center;
    justify-content: flex-start;
    padding: 40px 50px 70px;
    position: relative;
    margin-bottom: 200px;
    font-family: 'Rubik', sans-serif;
}
#GETPainel #KBKpainel.iniciologin {
    display: flex;
    width: 100%;
    float: none;
    margin: 0 auto;
        margin-top: 0px;
    border: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 740px;
    box-shadow: none !important;
    background-color: #f7f4f4 !important;
    padding: 48px;
}
#KBKpainel .logpainel{
	width: 100%;
}
#KBKpainel h2{
	margin:20px;
}
#KBKpainel #loginform, #KBKpainel #KBKfase2{
	float:left;
	margin-bottom:10px;
	width:100%;
}
#GETPainel .BoxForm {
    display: block;
    width: 100%;
    padding: 20px 0;
    float: left;
}
#GETPainel .paineldecontrole .BoxForm {
	padding:0;
}
#GETPainel #KBKpainel.paineldecontrole .BoxForm h1 {
    color: #002648 !important;
    font-family: 'Rubik', sans-serif;
    font-size: 19pt;
    font-weight: 500;
    margin-bottom: 20px;
    text-transform: uppercase;
    padding-left: 5px;
}
.BoxForm h1{
	font-family: 'Rubik', sans-serif;
	font-size:19pt;
	color:#002648;
	margin-bottom: 20px;
}
.BoxForm h1.redefina-senha {
    font-size: 13pt !important;
    font-weight: 500 !important;
}
#GETPainel .BoxForm input[type="text"], #GETPainel .BoxForm input[type="password"], #GETPainel .BoxForm itemform select {
    border: 1px solid #002648;
    padding: 10px;
    border-radius: 10px;
    font-size: 11pt;
    font-family: 'Rubik', sans-serif;
    color: #002648;
    margin-bottom: 15px;
    background-color: #fff !important;
    position: relative;
    width: 100%;
}

#GETPainel .paineldecontrole .BoxForm .formulario itemform span.desejo-receber {
    color: #002648;
    font-size: 10pt !important;
    display: block;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 0;
}

#GETPainel .BoxForm #SUBhideBox input[type="text"]{
    margin-bottom:0;
}


#GETPainel .BoxForm .formulario itemform span{
	color: #002954;
	font-weight: 600;
}
#GETPainel .BoxForm submitForm.botaoGeral input[type='button'], .botaoGetGeral {
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    font-family: 'Rubik', sans-serif;
    color: #fff;
    background-color: #f58c1f;
    font-size: 12pt;
    font-weight: 500;
    border-radius: 10px;
    padding: 0 50px;
    cursor: pointer;
    width: fit-content !important;
}
#GETPainel .BoxForm submitForm.botaoGeral input[type='button']:hover, .botaoGetGeral:hover {
    background-color: #002648 !important;
}
#GETPainel .BoxForm submitForm.botaoGeral input[type='button'].btcancelar{
	background-color: #aea79d !important;
}
#GETPainel .BoxForm submitForm.botaoGeral input[type='button'].btcancelar:hover {
    background-color: #002648 !important;
}
.botaoGetGeral {
    font-weight: 600;
    font-size: 12pt;
}
#validador{
	margin:30px 0;
}
/*########################PAINEL DO USUÁRIO DADOS CORPORATIVOS#############################*/
.boxDestaque{
	padding: 0 5px;
    display: block;
    width: 100%;
}
#GETPainel .boxDestaque h4{
	color: #002954;
    font-family: 'Rubik', sans-serif;
    font-size: 13pt;
    margin: 0;
    line-height: 12pt;
    font-weight: 500;
}
#KBKpainel .boxDestaque  h2{
	padding: 0;
    font-family: 'Rubik', sans-serif !important;
    font-size: 12pt !important;
    font-weight: 400 !important;
    line-height: 20pt !important;
    color: #002648 !important;
}
#KBKpainel .boxDestaque  h2.socio{
	color:#00b500;
}
#KBKpainel .boxDestaque  h4.socio{
	color:#00b500;
	margin-bottom:20px;
}
#KBKpainel .boxDestaque  h2.Nsocio{
	color:red;
}
#KBKpainel .boxDestaque p, #KBKpainel boxAtividade{
	margin-bottom: 10px;
    color: #002954 !important;
    font-size: 12pt;
    font-weight: 500;
}
#KBKpainel .boxDestaque p {
    margin-bottom: 10px;
    color: #002954 !important;
    font-size: 12pt !important;
    font-weight: 400 !important;
    line-height: 18pt !important;
    margin-bottom: 15px !important;
}

#KBKpainel .boxDestaque p strong {
    font-weight: 500 !important;
    display: block;
    font-size: 13pt;
    color: #002648 !important;
    position: relative;
    line-height: 20pt !important;
}
#KBKpainel boxAtividade{
	font-weight: 600;
}
#hideBox, #SUBhideBox, #HideEmp{
	padding:0 20px;
	display:none;
}
#hideBox.abre, #SUBhideBox.abre, #HideEmp.abre{
    display:block;
}

#baseChecamail{
    text-align: left !important;
}

#KBKpainel #hideBox boxAtividade{
	margin-bottom:0;
	padding-top:0;
}
#KBKpainel boxAtividade{
	padding: 0 20px 0;
	width:100%;
	float:left;
	position:relative;
}
#KBKpainel boxAtividade.muda-organizacao {
    padding: 0 5px;
    font-weight: 500 !important;
    font-size: 12pt !important;
    line-height: 18pt !important;
    margin-bottom: 35px;
    margin-top: 8px;
}

#hideBox.opcoes-muda-organizacao .container {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-left: -14px;
}

#hideBox.opcoes-muda-organizacao boxatividade {
    display: block;
    font-weight: 400;
    font-size: 11.5pt;
    padding: 0 !important;
}

#hideBox.opcoes-muda-organizacao .container boxatividade:first-child{
    margin-top: -25px;
}

#hideBox.opcoes-muda-organizacao .container boxatividade:last-child {
    margin-bottom: 5px !important;
}

#hideBox.opcoes-muda-organizacao #SUBhideBox .formulario {
    padding-left: 0 !important;
    margin-left: -34px;
}

#hideBox.opcoes-muda-organizacao #SUBhideBox .formulario input {
    width: 440px;
    margin-bottom: 0;
}

#hideBox.opcoes-muda-organizacao #SUBhideBox boxatividade {
    margin-left: -34px;
    margin-top: 0px;
    margin-bottom: 5px;
}

#hideBox.opcoes-muda-organizacao #SUBhideBox #HideEmp .formulario {
    margin-left: -54px;
    display: block;
    font-size: 11.5pt !important;
}

#hideBox.opcoes-muda-organizacao #SUBhideBox #HideEmp .formulario input {
    width: 440px;
    margin-bottom: 30px;
}
#KBKpainel .blocoBotoes{
    display: flex;
    gap: 10px;
    width: 100%;
    margin-top: 30px;
    position: absolute;
    left: 146px;
    bottom: -72px;
}

#KBKpainel #baseChecamail.blocoBotoes{
    position: relative;
    left: 0;
    bottom: 0;
    justify-content: flex-start;
    height: auto;
    display: flex !important;
    flex-direction: column;
}

#KBKpainel .blocoBotoes input[ type='button']{
	background: #f58c1f;
    float: right !important;
    padding: 0 !important;
    margin-left: 0 !important;
    background-color: #f58c1f !important;
    color: #fff !important;
    height: 48px !important;
    width: 220px !important;
    font-size: 10pt !important;
    border-radius: 5px !important;
    font-family: 'Rubik', sans-serif !important;
    font-weight: 500 !important;
    margin-top: 32px !important;
    margin-left: 24px !important;
    min-width: 220px !important;
}
#KBKpainel .blocoBotoes input[ type='text']{
	float: none;
    width: 145px;
    display: inline-block;
}
#KBKpainel #baseChecamail.fecha, #KBKpainel #basebotoes.fecha{
	display:none !important;
}
#KBKpainel .blocoBotoes h5 {
    color: #002954;
    font-size: 11pt;
    margin-bottom: 15px;
}
#KBKpainel .blocoBotoes input[ type='button'].btatualiza{
	background-color:#f58c1f;
}
#KBKpainel .blocoBotoes input[ type='button'].btcancelar{
	background-color:#aea79d !important;
}
#KBKpainel .blocoBotoes input[ type='button']:hover{
	background-color:#002954 !important;
}
#KBKpainel #mensagemretorno{
	display:block;
	width:100%;
	text-align:center;
	color:#ff000d;
	font-family: 'Rubik', sans-serif;
    font-size: 11pt;
}
/*custom busca autocomplete*/
.ui-widget-content {
    border: 1px solid #000;
    background: #fff !important;
    color: #002954;
}
.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px 10px;
    line-height: 14pt;
	font-size:12pt;
    min-height: 0;
    font-weight: normal;
	color: #002954;
}
#GETPainel .involucroKbk.noline::before{
    display:none !important;
}
#floatFormGET {
    position: relative;
    min-width: auto;
    background: transparent;
    left: 0;
    margin-top: 0;
}
#floatFormGET.some{
    display:none;
}
.kbkClearAll{
	display:block;
	width:100%;
	height:10px;
	overflow:hidden;
	clear:both;
}
#appendBox boxatividade {
    display: block;
    clear: both;
    margin-left: 100px;
    position:relative;
}
#appendBox boxatividade.nao-sei-cnpj {
  margin-top: 8px;
  font-weight: 400 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
@media screen and (max-width: 980px) {
    #floatFormGET {
        width: 348px !important;
        left: 32px !important;
        margin-top: 55px !important;
    }
    .ui-autocomplete.ui-front.ui-menu{
        max-width:348px !important;
    }
}

#hidden{
    display:none;
}

#hidden.aparece{
    display:block;
}

/*#floatFormGET .innerbox {
    background-color: #fff;
    padding: 40px;
}
#floatFormGET .innerbox input[type="text"]{
    background-color: transparent !important;
    border: 1px solid #637c97;
    padding: 5px 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 12pt;
    font-family: 'Titillium Web', sans-serif;
    color: #000;
}
#floatFormGET .innerbox .ui-autocomplete.ui-front.ui-menu {{
    z-index:9999;
    width:500px;
    border:10px solid red;
}*/


        #suggestions {
            position: absolute;
            background: white;
            border: 1px solid #ccc;
            max-height: 300px;
            overflow-y: auto;
            width: calc(100% - 20px);
            display: none;
            top: 60px;
            left: 0;
            z-index: 9999;
            }

        #BoxForm #suggestions {
            top: 60px;
        }

        .suggestion-item {
            padding: 5px;
            cursor: pointer;
        }
        .suggestion-item:hover {
            background-color: #f0f0f0;
        }

        .suggestion-item span{
            width:1px;
            overflow:hidden;
            opacity:0;
            display:block;
            position:absolute;
            left:-100%;
        }

        #retornobox {
            float: left;
            text-align: left;
            display: block;
            width: 100%;
            padding: 0 26px;
            font-size: 12pt;
            color: #002648;
            }

/* RESPONSIVO */

@media screen and (max-width: 550px) {
    #GETPainel {
        margin: 0;
    }

    #GETPainel alo {
        font-size: 14pt;
        line-height: 18pt;
    }

    #GETPainel .titulo-perfil div {
        margin-bottom: 25px;
    }

    #GETPainel h1.meu-perfil{
        position: relative;
        width: fit-content;
        margin: 0;
        margin-bottom: 25px;
        margin-left: 0;
        margin-top: 20px;
    }

    #GETPainel h1.meu-perfil span.menupainel-mobile.botao {
        display: block;
        background-color: transparent;
        color: #f58c1f;
        font-family: 'Rubik', sans-serif;
        margin-top: 0;
        font-size: 12pt;
        font-weight: 500;
        position: absolute;
        width: fit-content;
        top: -5px;
        right: -8px;
        padding: 0;
    }

    #GETPainel h1.meu-perfil span.menupainel-mobile.botao:before {
        content: "\f078";
        font-family: "Font Awesome 5 Free";
        font-size: 16pt;
        color: #f58c1f;
        font-weight: 600;
        transition: all 0.5s ease-out;
        position: absolute;
    }

    #GETPainel h1.meu-perfil span.menupainel-mobile.botao:after {
        display: none;
    }

    #GETPainel h1.meu-perfil span.menupainel-mobile.botao.abre:before {
        transform: rotate(-180deg);
    }

    #GETPainel .involucroKbk input[type="text"], #GETPainel #loginform input[type="text"], #GETPainel .involucroKbk input[type="password"], #GETPainel #KBKfase2.cadastroForm .formulario itemform select {
        width: 100% !important;
    }

    ul.KBKmenuPainel {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 27px;
        gap: 16px;
    }

    ul.KBKmenuPainel li {
        width: 100%;
        margin: 0 !important;
        margin-bottom: 0 !important;
    }

    ul.menupainel {
        display: none;
    }

    #GETPainel #KBKpainel.paineldecontrole {
        margin-top: 20px;
        width: 100%;
        padding: 30px 20px;
    }
    #GETPainel .titulo-perfil h2 span.menupainel-mobile.botao {
        display: block;
        background-color: transparent;
        color: #f58c1f;
        font-family: 'Rubik', sans-serif;
        margin-top: 0;
        font-size: 12pt;
        font-weight: 500;
        position: absolute;
        width: fit-content;
        top: -5px;
        right: -8px;
        padding: 0;
    }
    #GETPainel .titulo-perfil h2 span.menupainel-mobile.botao:before{
        content: "\f078";
        font-family: "Font Awesome 5 Free";
        font-size: 16pt;
        color: #f58c1f;
        font-weight: 600;
        transition: all 0.5s ease-out;
        position: absolute;
    }

    #GETPainel .titulo-perfil h2 span.menupainel-mobile.botao.abre:before{
        transform: rotate(-180deg);
    }

    .titulo-perfil {
        margin-top: 32px;
    }

    ul.menupainel-mobile {
        display: block;
        margin: 0;
        padding: 0;
        position: relative;
        transition: opacity 0.5s ease-out;
        opacity: 0;
        height: 1px;
        overflow: hidden;
        font-family: 'Rubik', sans-serif;
        font-size: 11pt;
        color: #002648;
        font-weight: 500;
        list-style: none;
    }

    ul.menupainel-mobile.abre{
        opacity: 1;
        height: auto;
        overflow: visible;
        padding-left: 0;
        margin-bottom: 25px !important;
        margin-top: -10px !important;
    }

    ul.menupainel-mobile.abre li {
        margin: 5px 0;
        position: relative;
        padding-left: 0;
        text-transform: uppercase;
        font-size: 10pt;
    }

    ul.menupainel-mobile.abre li a {
        color: #002648;
    }

    ul.menupainel-mobile.abre li a:hover, ul.menupainel-mobile.abre li a:visited {
        color: #002648;
    }

    submitForm.botaoGeral {
        left: 50% !important;
        transform: translateX(-50%);
        bottom: -65px !important;
        justify-content: center;
    }

    submitForm.botaoGeral.novo-estilo {
        position: static !important;
        margin: 0 !important;
        gap: 0 !important;
        position: absolute !important;
        bottom: 0 !important;
        transform: unset !important;
    }

    submitform.container-botoes-email {
        flex-direction: column !important;
    }

    #FormGet .formulario {
        width: 100% !important;
        position: static !important;
    }

    #GETPainel .BoxForm submitForm.botaoGeral input[type='button'], .botaoGetGeral {
        display: flex;
        height: 35px;
        align-items: center;
        justify-content: center;
        font-family: 'Rubik', sans-serif;
        color: #fff;
        background-color: #f58c1f;
        font-size: 10pt;
        font-weight: 500;
        border-radius: 10px;
        padding: 0 40px;
        cursor: pointer;
        margin: 0;
    }

    #GETPainel .btn-secundario, #botaovoltar.btn-secundario, #FormGet input[type="button"].btn-secundario {
        width: 100% !important;
    }

    #FormGet input[type="button"], #GETPainel .innerBlock #loginform input[type="submit"], submitForm.botaoGeral input[type="button"], #GETPainel #boxValida input[type="button"], #GETPainel #Boxvalidado input[type="button"], #GETPainel #loginform .esqueci input[type="button"], #GETPainel .innerBlock p.login-submit input[type="submit"] {
        width: 100% !important;
        min-width: 140px !important;
        font-size: 9pt !important;
        height: 40px !important;
        margin-left: 0 !important;
    }
    #FormGet input[type="button"], #GETPainel .innerBlock #loginform input[type="submit"], submitForm.botaoGeral input[type="button"], #GETPainel #boxValida input[type="button"], #GETPainel #Boxvalidado input[type="button"], #GETPainel #loginform .esqueci input[type="button"], #GETPainel .innerBlock p.login-submit input[type="submit"], #GETPainel .innerBlock p.login-submit input[type="button"]{
        height: 40px !important;
        font-size: 9pt !important;
        float: none !important;
        margin: 24px auto !important;
        display: block;
    }
    #GETPainel #loginform .esqueci input[type="button"].some {
        display: none;
    }
    #KBKpainel #loginform, #KBKpainel #KBKfase2{
        padding: 0;
    }
    #GETPainel #KBKpainel.iniciologin{
        margin-top: 40px;
        padding: 30px;
    }

    #KBKpainel .blocoBotoes {
        left: 50%;
        transform: translateX(-50%);
        bottom: -65px;
        justify-content: center;
    }

    #KBKpainel .blocoBotoes input[ type='button'] {
        width: 140px !important;
        min-width: 140px !important;
        font-size: 9pt !important;
        height: 40px !important;
        margin-left: 0 !important;
    }

    #GETPainel ul.regraSenha {
        grid-template-columns: 1fr;
        padding-left: 22px !important;
        margin-top: 22px !important;
        margin-bottom: 0 !important;
    }

    submitForm.botaoGeral.alterar-senha {
        left: 50% !important;
        transform: translateX(-50%);
        bottom: -45px !important;
        justify-content: center;
    }

    submitForm.botaoGeral.alterar-senha #botaoSenha {
        height: 35px !important;
        font-size: 10pt !important;
        padding: 0 40px !important;
    }

}

