/* Login */
html.login-pf {
    background: unset;/* remove aquela imagem.... */
}

/* Body */
body {
    display: flex;
    flex-direction: column;
}

body > .row {
    flex: 1 0 auto;
    margin-right: 0px;
}
#kc-info {
    padding: unset; margin: unset; /* remove um spaco invisivel no fundo da pagina */
}

html.login-pf body {
    background: url(../img/MargemConsig_BackgroundLogin.jpg) no-repeat scroll 0 0 / cover;
    background-position: center;
    background-attachment: fixed;
}

#kc-header-wrapper { /*some com Entrar em*/
    display: none;
}

#kc-page-title {
    display: none; /*remove o título do Login*/
}

.card-pf { /*caixa do login*/
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    border-top: 0px;
}

.login-pf-page .card-pf {
    padding: 10px 20px 30px 20px;
    margin-bottom: 0;
    margin-left: 10px;
}

@media only screen and (min-width: 840px) {
    div.login-pf-page{ /* retangulo do login */
        max-width: 500px; /* largura maxima */
        min-width: 400px;
        margin: auto auto auto auto; /* alinha a direita */
        min-height: 100%; /* completa a pagina */
    }
}

.apps {
	margin-top: 10px;
}

.content-to-hide .row {
    display: none;
}

@media (max-width: 767px) {                  
    .content-to-hide {
       display: none;
    }

    .tutorial {
	display: none;
    }

    .perguntas {
	display: none;
    }

    #kc-social-providers {
	display: none;
    }


    .saibamais {
	display: none;
    }

    .consig {
        margin-left: 15px;
    }

    body > .row {
 	   flex: 0.1 0 auto;
	    margin-right: 0px;
     }
 }


button.btn,
input.pf-c-button { /* botoes redondinhos */
    width: 100%;
    min-width: 30%;
    border: unset;
    border-radius: 50rem;
}

input.pf-c-button.pf-m-primary:hover {
        background-color: #419421;
        background-image: none;
        border-color: #00659c;
        color: #fff;
}

button.btn.btn-primary,
input.pf-c-button.pf-m-primary { /* cor dos botoes de confirmar */
    background: #419441;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
}

button.btn.btn-default,
input.pf-c-button.btn-default { /* cor dos botoes de cancelar... */
    background: #333;
    color: white;
}

.form-horizontal .control-label, /* padrao serpro design de label */
label {
    text-transform: uppercase;
    color: #003DA5;
}

#kc-social-providers{ /* descola os providers do formulario */
    margin: 40px auto;
}

#kc-social-providers li{ /* descola os providers do formulario */
    padding-left: 0px;
}

.grecaptcha-badge { /* recaptcha na frente de tudo */
    z-index: 1000;
    bottom: 7px !important; 

}

a.zocial:hover,
a.zocial {
    width: unset;
    background-color: #010534 !important; /* Era um retangulo cinza */
    color: white;
    text-align: unset; /* era centralizado */
    line-height: 1.4em; /* espacamento original e muito grande */
    padding: unset; /* aproveitando melhor o espaço */
    display:table; /* Coloca o nome dos providers centralizado com a imagem */
    min-width: 50%;
    border: unset;
    border-radius: 50rem;
    height: 32px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
}
a.zocial>span{ /* Coloca o nome dos providers centralizado com a imagem */
    display:table-cell; 
    vertical-align:middle;
}
/* Imagens dos provedores */
a.zocial::after { 
    content: '';
    background-repeat: no-repeat !important;
    /*background-size: contain !important;*/
    background-position: center center;
    padding: 20px; /* tamanho */
}

a.zocial.keycloak-oidc::after {
    background-image: url(../img/certificado-digital.png) !important;
    background-position: 0 23px;
    margin-left: 5px;

  
}

.consig { /*coluna consignacao*/
    padding-top: 50px;
}

.consig h1 { /*cabeçalho consignacao*/
    font-weight: 500;
    color: #003377;
}

.consig p { /*texto consignacao*/
    font-size: 14px;
    font-weight: 500;
}

/* Rodapé */
footer {
    background-color: #002c50;
    color: #fff;
    flex-shrink: 0;
    margin-right: 0px;
    bottom: 0;
    
}

footer a[href*=http]:after,
.loginPanel a[href*=http]:after,
.loginPanel a[href*=https]:after {
  content: " ";
}

footer .informacoes-sistema {
    font-size: 65%;
    text-align: center;
    padding-top: 18px;
  }
  
  footer .logos img {
    /*margin-top: 30px;
    margin-bottom: 30px;*/
    /*float: right;*/
  }
  
  footer .fale-conosco,footer .tutorial {
    line-height: 30px;
  }
  
  footer .fale-conosco a,footer .tutorial a {
    color: #fff;
    text-decoration: underline;
  }

  footer img {
      max-width: 80%;
      padding-right: 48px;
      float: right;
  }

  footer > .row {
      margin-right: 0px;
  }

  footer ul {
      margin-top: 9px;
  }

  .saibamais {
      margin-left: 20px;
  }
  
  a {
      color: #3455db;
      font-weight: 500;
      font-size: 11pt;
  }

.login-pf-page .pf-c-form-control {
	height: 36px;
}

.pf-c-form-control {
	display: block;
	width: 100%;
	height: 26px;
	padding: 2px 6px;
	font-size: 12px;
	line-height: 1.66666667;
	color: #363636;
	background-color: #fff;
	background-image: none;
	border: 1px solid #bbb;
	border-radius: 1px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.pf-c-form-control:focus {
	border-bottom: 1px;
	border-color: #0088ce;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,136,206,.6);
}


.pf-c-form-control::placeholder {
	color: #999;
	font-style: italic;
	opacity: 1;
}


.pf-c-form-control:hover {
	border-color: #7dc3e8;
}


#kc-info-wrapper {
	background-color: transparent;
	color: #72767b;
}


.btn-lg {
	padding: 6px 10px;
	font-size: 14px;
	line-height: 1.3333333;
	border-radius: 1px;
}

footer .row {
    padding-left: 20px
}