/* Base 2 */

@import url('https://fonts.googleapis.com/css?family=Roboto');

body {
    /*font-family: "trebuchet ms","lucida sans",verdana,arial;
    margin: 0;
    padding: 0;
    padding-top: 8px;
    height: auto;
    background-color: #ffffff;
    color: #6d6d6d;
    text-align: center;*/
    margin: 0;
    padding: 0;
    font-family: "Roboto", Helvetica, sans-serif;
    font-size: 1.2rem;
    line-height: 1.5;
    line-height: 1.7;
    color: #6d6d6d;
}

body:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    height: 8px;
    z-index: 2;
}

body.body-limpo {
    height: 100%;
    font-size: 75%; /* em popup */
}

body.body-limpo:before {
    height: 0;
}

#wrapper-site, .wrapper-site {
    background-color: #F2F2F2;
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
}

.wrapper-content {
    position: relative;
    background-color: #F2F2F2;
}

.wrapper-container {
    padding-top: 3%;
    padding-bottom: 1%;
}

.wrapper-container.wrapper-container-colado {
    padding: 0;
}

.container {
    max-width: 1040px;
    margin: auto;
    padding: 0 20px;
    position: relative;
}


.header-site {
    background-color: #E9E9E9;
}

.header-site .header-ent-login {
    width:200px;
    min-width:200px;
    background: #FFFFFF;
    text-align: center;
}

.header-site .header-info {
    width:90%;
    display: flex;
}

.header-site .header-info2 {
    width:100%;
    display: flex;
    min-height: 112px;
}

.header-site .container-h {
    /*border-top: 8px solid #d70000;*/

    font-size: 1.2rem;

    margin: auto;
    padding: 0 20px;

    padding: 20px;
    flex-direction: row;
    flex-wrap: wrap;
    
    align-items: flex-start;
    
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    display: flex;
    justify-content: space-between; 
    position: relative;
}

.logo2 {
    padding: 14px 0 6px 0;
}

.logo2 a {
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    font-size: 0; 
}

.logo2 img {
    max-height: 52px;
    display: inline-block;
    margin: auto;
    width: auto;
}

.logo2 .logo-title {
    width: 110px;
    line-height: 1.25em;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}

.header-bloco-direita {
    flex-direction: column;
    flex-wrap: wrap;
    text-align: right;
    padding-top: 8px;
}

ul.header-lista-apoio {
    list-style-type: none;
    margin: 10px 0px 0px 0px;
    font: normal normal 300 13px Roboto;
    color: #2E2E2E;
    text-align: center;
}

.bloco-hora-plat {
    position: absolute;
    top: 10px;
    margin-left: -160px;
    width: 367px;
}



.lista-idiomas {
    padding-bottom: 4px;
    padding-top: 4px;
}
.lista-idiomas a {
    color: inherit;
    text-decoration: none;
    
}

/* Menu */

.header-site .menu, .header-site .sub-menu {
    background-color: #f2f2f2;
    margin: 0;
}

.header-site .nav {
    max-width: 1040px;
    margin: auto;
    padding: 12px 0;
    
    display: flex;
    flex-direction: row;
    align-items: center;
    
    vertical-align: middle;
}

@media only screen and (min-width: 769px)
.nav-horizontal ul {
    display: inline-block;
}
.nav-horizontal > ul {
    float: left;
}
nav ul {
    list-style: none;
}

.header-site .nav-horizontal > ul > li {
    margin: 0 2px;
}

.nav-horizontal li {
    float: left;
    margin: 0 10px;
}

.nav li {
    position: relative;
}

.header-site .nav-horizontal > ul > li > a {
    padding: 0 10px;
}
.header-site .nav-horizontal li a {
    font-weight: 400 !important;
    font-size: 14px;
    text-transform: uppercase;
}

.nav-horizontal li a {
    display: block;
    color: #323232;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
}
.nav a {
    color: #323232;
    transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.navSemPontos li{
    list-style:none;
}

/* FIM Menu */

/* Dashboard */

.tabelaCalendario {
    overflow: hidden;
}
.tabelaCalendario tr:hover {
     background-color: #ffebac;
}

.tabelaCalendario tr td {
    min-width: 120px;
    max-width: 120px;
    overflow: hidden;
    cursor: default;
}
/* Caixa entidade */

.wrapper-faixa-entidade {
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    padding-top: 22px;
    padding-bottom: 0;
}

.faixa-entidade {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    position: relative;
    height: 172px;
}

.faixa-entidade div.coluna-atalhos {
    width: 50%;
    text-align: left;
}

.faixa-entidade div.coluna-atalhos > h1 {
    color: #000;
    
    font-size: 1.7rem;
    line-height: 1.9rem;
    margin-top: 10px;
    
}

.faixa-entidade div.coluna-logo {
    width: 350px;
    margin-bottom: 22px;

    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.faixa-entidade div.coluna-logo > img {
    width: 100%;
    max-height
    vertical-align: middle;
}


.faixa-entidade .atalhos {
    position: absolute;
    bottom: 0;
}

.faixa-entidade .atalhos .atalho {
    float: left;
    height: 100px;
    width: 100px;
    margin-right: 10px;

    color: white;
    text-align: center;
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    
    transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.faixa-entidade .atalhos .atalho span.atalho-label {
    font-weight: bold;
}

/* Area pessoal */

.column-left {
    width: 30%;
    display: inline-block;
    height: 170px;
    vertical-align: middle;
    text-align: center;
}

.column-center {
    width: 10%;
    display: inline-block;
    height: 170px;
    vertical-align: middle;
}

.column-right {
    width: 34%;
    display: inline-block;
    height: 170px;
    vertical-align: middle;
    text-align: left;
}

.column-mais {
    width: 100%;
    height: 5px;
    float: right;
}

.column-blank1 {
    width: 16%;
    display: inline-block;
}

.column-blank2 {
    width: 8%;
    display: inline-block;
}

.column-autenticacao {
    width: 100%;
    height: 170px;
    margin-bottom: 10px;
}

.column-autenticacao2 {
    width: 100%;
    height: 160px;
    margin-bottom: 10px;
}

.column-autenticacao3 {
    width: 100%;
    height: 20px;
    text-align: center;
}

.column-autenticacao-user-left {
    float: left;
    width: 40%;
    margin-right: 20%;
    margin-left: 10%;
}

.column-autenticacao-user-right {
    float: left;
    width: 30%;
}

.column-autenticacao-user-input {
    width: 100%;
}

.column-btnRecuperar {
    float: left;
    width: 50%;
}

.column-btnEntrar {
    margin-right: 18px;
    float: right;
}

.column-margin-bottom {
    margin-bottom: 20px !important;
}

.btnRecuperar {
    float: left;
    vertical-align: bottom;
    text-decoration: none;
    margin-left: 18px;
    color: Gray;
    margin-top: 12px;
}

.btnEntrar {
    height: 30px;
    background-color: gray;
    color: white;
    border: 1px solid gray;
}

.text-user-password {
    display:flex;
    text-align:left;
    margin-top: 45px;
    font-size:16px
}

.text-autenticacao {
    display:flex;
    text-align:left;
    margin-bottom: 35px;
}

.btn-autenticacao {
    margin-top: 95px !important;
}

.text-label {
    text-align: left;
    margin-left: 17px;
}

.grid {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    position: relative;
}

.area-pessoal-autenticacao > div.texto {
    width: calc(50% - 70px);
    margin: auto 40px auto 10px;
    text-align: justify;
    font-size: 1.4rem;
}

.area-pessoal-autenticacao > div.area-pessoal-detalhes {
    width: calc(50% - 20px);
    margin: auto 10px;
}

.area-pessoal-detalhes {
    margin: 0 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: left;
    align-items: center;
}

.area-pessoal-detalhes .autenticacao-ligacao {
    display: block;
    text-decoration: none;
    color: inherit;
    font-size: 1.5rem;
}

.area-pessoal-detalhes .autenticacao-ligacao-vertical {
    text-align: center;
}

.area-pessoal-detalhes .autenticacao-ligacao-vertical img {
    width: 70px;
}

.area-pessoal-detalhes .autenticacao-ligacao-horizontal {
    text-align: left;
}

.area-pessoal-detalhes .autenticacao-ligacao-horizontal > img {
    vertical-align: middle;
    margin-right: 20px;
    width: 50px;
}

.area-pessoal-detalhes div.apd-detalhe {
    margin: 0 8px;
}

.area-pessoal-detalhes div.apd-detalhe > * {
    display: inline-block;
    vertical-align: middle;
}

.admin-icon{
    text-decoration: none;
    color: 
}
.area-pessoal-detalhes div.apd-detalhe .detalhe-icon {
    margin-right: 8px;
}

.area-pessoal-detalhes .detalhe-icon img, .area-pessoal-detalhes img.detalhe-icon {
    width: 50px;
}

.area-pessoal-detalhes .detalhe-icon-grande img, .area-pessoal-detalhes img.detalhe-icon-grande {
    width: 70px;
}

.area-pessoal-detalhes .detalhe-icon img:hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.1);
    transition: all 0.2s ease-in-out;
}

.apd-opacity img:hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.1);
    transition: all 0.2s ease-in-out;
}
.container-flex {
    display: flex;
    min-height: 360px;
}

.wrapper-border {
    padding-bottom: 50px;
    padding-top: 10px;
    border-bottom: 1px solid;
    border-color:rgba(221, 221, 221,1);    
}

.wrapper-border2 {
    padding-bottom: 50px;
    padding-top: 10px;
    background-color: #FFFFFF;
    border-radius: 10px;
    opacity: 1;
}

.wrapper-no-border {
    padding-bottom: 50px;
    padding-top: 10px;   
}
.container-left {
    flex: 1;
    width: 50%;
    float: left;
    padding-right: 25px;
    border-right: 1px solid;
    border-color:rgba(221, 221, 221,1);
}


.container-right {
    flex: 1;
    width: 50%; 
    float:right;
    padding-left: 10px;
    border-left: 1px solid;
    border-color:rgba(204, 204, 204,1);

}
.button-vertodos {
    position: absolute;
    bottom: 5%;
    min-height: 31px;
    min-width: 84px;
   

}
.circle {
    width: 30px;
    height: 20px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #DC3545;
    position: absolute;
    left: 130px;
    color: #FFFFFF;
}

.circle2 {
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #DC3545;
    color: #FFFFFF;
    text-align: center;
    align-self: center;
    margin-left: auto;
    min-width: 40px;
    min-height: 25px;
}

/* Plataformas relacionadas */

li.plat-relacionada-item {
    margin: 0 10px;
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  max-height: 90px;
  margin-bottom: 40px;
  margin-top: 0px;

}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}

/* FIM Dashboard */

/* Vários */

.container > h1 {
    margin-bottom: 5rem;
}
.container-right > h1 {
    margin-bottom: 4rem;
}


div.tabela-fora-vermais {
    float: right;
}

div.dashboard-icon {
    box-sizing: border-box;
}

.btn {
    display: inline-block;
    padding: 5px 15px;
    background-color: #454545;
    border-width: 0;
    border-color: #454545;
    border-style: solid;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    font-weight: 700;
}

button, .btn {
    background-color: #d70000;
    color: #FFFFFF;
}

button:hover, .btn:hover {
    background-color: #e34d4d;
    color: #FFFFFF;
}

/* FOOTER */

.footer {
    background-color: #D0D2D3;
    text-align: center;
    height: 160px;
    color: #000;
}

.footer-conteudo {
    width: 950px;
    margin: auto;
}

.footer-conteudo div.certificacoes {
    float: right;
}

.footer-conteudo div.certificacoes img {
    margin-left: 8px;
}


/*-------------------------------*/
/*- NAVIGATION ------------------*/
/*-------------------------------*/

	.nav{
		vertical-align: middle;
		display: inline-block;
	}
	.nav li{
		position: relative;
	}
	.nav-small a,
	.nav-small span{
		font-size: 1.2rem;
	}
	.nav a{
		color: #323232;
		transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border-color 0.2s ease-in-out;
	}
	.nav a:hover{
		color: #8f8f8f;
	}
	.nav.large{
		font-size: 2.0rem;
	}
	.nav.medium{
		font-size: 1.5rem;
	}

	/*---------------------------*/
	/*- HORIZONTAL NAV ----------*/
	.nav-horizontal > ul{
		float: left;
	}
	.nav-horizontal li{
		float: left;
		margin: 0 10px;
	}
	.nav-horizontal li a{
		display: block;
		color: #323232;
		text-align: center;
		font-weight: 700;
	}
	.nav-horizontal li a:hover{
		color: #8f8f8f;
	}
	.nav-horizontal .special{
		padding: 2px 0;
		font-size: 1.2rem;
	}

		/*-----------------------*/
		/*- SITE HEADER > NAV ---*/
		.header-site .nav-horizontal > ul > li{
			margin: 0 2px;
		}
		.header-site .nav-horizontal > ul > li > a{
			padding: 0 10px;
		}

	/*---------------------------*/
	/*- HORIZONTAL NAV CENTERED -*/
	.nav-centered{
		text-align: center;
		width: 100%;
	}
	.nav-centered li{
		float: none;
		display: inline-block;
		margin: 0;
	}

	/*---------------------------*/
	/*- VERTICAL NAV ------------*/
	.nav-vertical{clear: both;}
	.nav-vertical a{
		display: block;
		padding: 5px 0;
		font-weight: 700;
	}
	.nav-vertical a:hover{
		background-color: #eee;
		color: #323232;
	}

	/*---------------------------*/
	/*- INLINE NAV --------------*/
	.nav-inline li{
		display: inline;
		margin: 0 15px;
		font-size: 1.2rem;
	}
	.nav-inline a{
		color: rgba(255, 255, 255, 0.65);
	}
	.nav-inline a:hover{
		color: #fff;
	}

	/*---------------------------*/
	/*- TABBED NAV --------------*/
	.nav-tabs{
		padding: 20px 20px 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	.nav-tabs ul{
		overflow: hidden;
		max-width: 1000px;
		margin: auto;
	}
	.nav-tabs li{
		float: left;
		margin-right: 10px;
	}
	.nav-tabs a{
		display: block;
		padding: 6px 15px;
		border: 1px solid transparent;
		border-bottom: none;
		font-weight: 700;
	}
	.nav-tabs a:hover{
		background: rgba(0, 0, 0, 0.1);
	}
	.nav-tabs .active a{
		border-color: rgba(0, 0, 0, 0.1);
	}
	.nav-small a,
	.nav-small span{
		padding: 3px 8px;
	}

	/*---------------------------*/
	/*- PILL NAV ----------------*/
	.nav-pills {}
	.nav-pills li {
		display: inline-block;
	}
	.nav-pills a{
		border: 2px solid #ddd;
		color: #8f8f8f;
		font-weight: 700;
		padding: 2px 10px;
		border-radius: 3px;
		display: block;
	}
	.nav-pills a:hover{
		background-color: #8f8f8f;
		border-color: #454545;
		color: #fff;
	}
	.nav-pills .active a{
		background-color: #8f8f8f;
		border-color: #454545;
		color: #fff;
	}
	.nav-pills span{
		color: #323232;
		font-weight: 700;
	}

	/*---------------------------*/
	/*- SUB NAV -----------------*/
	.sub-menu,
	.nav .children{
		background-color: #fff;
		visibility: hidden;
		opacity: 0;
		position: absolute;
		top: 50px;
		left: 0;
		border: 2px solid #ddd;
		z-index: 5;
		transition: all 0.4s ease-in-out;
		line-height: normal;
	}
	.sub-menu li,
	.nav .children li{
		clear: both;
		display: block;
		width: 180px;
		margin: 0;
		border: none;
		border-bottom: 1px solid #ddd;
	}
	.sub-menu li:last-child,
	.nav .children li:last-child{
		border-bottom: none;
	}
	.sub-menu li a,
	.nav .children li a{
		display: block;
		padding: 8px 10px;
		background: none;
		color: #454545;
		text-transform: none;
		text-align: left;
	}
	.sub-menu li a:hover,
	.nav .children li a:hover{
		background-color: #333;
		color: #fff;
	}
	.nav li:hover > .sub-menu,
	.nav li:hover .children{
		visibility: visible;
		opacity: 1;
		top: 40px;
		transition: all 0.2s ease-in-out;
	}
	.nav > ul > li .sub-menu .sub-menu,
	.nav li:hover > .sub-menu .sub-menu,
	.nav > ul > li .children .children,
	.nav li:hover > .children .children{
		left: 185px;
		top: -3px;
	}
	.nav > ul > li:last-child .sub-menu,
	.nav > ul > li:last-child .children{
		right: 0;
		left: auto;
	}
	.nav li:last-child .sub-menu .sub-menu,
	.nav li:last-child .children .children{
		right: 185px;
		left: auto;
	}
	.nav-vertical .sub-menu,
	.nav-vertical .children{
		left: 180px;
		right: auto;
		top: -3px;
		box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.05);
	}
	.nav-vertical li:hover > .sub-menu,
	.nav-vertical li:hover > .children{
		top: -3px;
		left: 140px;
	}
	.nav-vertical li:hover > .sub-menu .sub-menu,
	.nav-vertical li:hover > .chilren .children{
		left: 155px;
		right: auto;
		top: -3px;
	}
	#footer .sub-menu{
		display: none;
	}

		/*-----------------------*/
		/*- ARROWS --------------*/
		.header-site .menu-item-has-children > a:after{
			margin-left: 8px;
			content: "\e605";
			font-family: 'layers-icons';
			font-weight: normal;
			font-style: normal;
			text-decoration: inherit;
			opacity: 0.4;
			font-weight: normal;
			font-size: 0.8rem;
			vertical-align: middle;
		}
		.header-site .sub-menu .menu-item-has-children > a:after{
			float: right;
			padding: 5px 0 0;
			content: "\e600";
		}
		.header-site .menu-item-has-children > a:hover:after{
			opacity: 0.8;
		}

		/*-----------------------*/
		/*- SUB MENU ANIMATION --*/
		.header-site .nav ul li > .sub-menu > li{
			opacity: 0;
			transform: translate3d(0, 5px, 0);
			transition: 0.25s opacity ease-in-out 0.05s,
						0.25s transform ease-in-out 0.05s;
		}
		.header-site .nav ul li:hover > .sub-menu > li{
			opacity: 1;
			transform: translate3d(0, 0, 0);
		}
		.header-site .nav ul li:hover > .sub-menu > li:nth-child(2){transition-delay: 0.07s;}
		.header-site .nav ul li:hover > .sub-menu > li:nth-child(3){transition-delay: 0.09s;}
		.header-site .nav ul li:hover > .sub-menu > li:nth-child(4){transition-delay: 0.11s;}
		.header-site .nav ul li:hover > .sub-menu > li:nth-child(5){transition-delay: 0.13s;}
		.header-site .nav ul li:hover > .sub-menu > li:nth-child(6){transition-delay: 0.15s;}
		.header-site .nav ul li:hover > .sub-menu > li:nth-child(7){transition-delay: 0.17s;}

	/*---------------------------*/
	/*- ABOLUTE NAV -------------*/
	.nav-absolute{
		position: absolute;
		width: 100%;
		padding: 5px 10px;
		color: #999;
		font-size: 1.2rem;
	}
	.nav-absolute li{
		display: inline;
	}
	.nav-absolute a{
		color: #ccc;
	}
	.nav-absolute a:hover{
		color: #fff;
	}

	/*---------------------------*/
	/*- STICKY NAV --------------*/
	.sticky-nav{
		width: 100%;
		padding: 8px 0;
		position: fixed;
		top: -50px;
		overflow: hidden;
		z-index: 11;
		opacity: 0;
		visibility: hidden;
		transition: all 0.2s ease-in-out;
		background-color: rgba(255, 255, 255, 0.95);
		box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
	}
	.sticky-nav.sticky-nav-on{
		opacity: 1;
		visibility: visible;
		top: 0;
	}
	.sticky-nav h4{
		padding: 2px 0;
		font-size: 2.0rem;
	}
	.sticky-nav h4 small{
		margin-left: 10px;
		text-transform: uppercase;
	}

	/*---------------------------*/
	/*- BREAD CRUMBS ------------*/
	.bread-crumbs{
		display: inline-block;
		margin: 0 0 15px;
		overflow: hidden;
		color: rgba(0, 0, 0, 0.55);
		font-size: 1.2rem;
	}
	.bread-crumbs li{
		float: left;
		margin-right: 10px;
	}
	.bread-crumbs a{
		color: rgba(0, 0, 0, 0.75);
	}
	.bread-crumbs a:hover{
		color: rgba(0, 0, 0, 0.85);
		text-decoration: underline;
	}
	.title-small .bread-crumbs{
		margin: -30px 0 25px;
	}

	/*---------------------------*/
	/*- PAGINATION --------------*/
	.pagination{
		clear: both;
		display: inline-block;
		overflow: hidden;
		margin: 0 20px 20px 0;
	}
	.pagination li{
		float: left;
		border-right: 1px solid #eee;
		overflow: hidden;
		font-size: 1.3rem;
		font-weight: 700;
	}
	.pagination li:last-child{
		border-right: none;
	}
	.pagination a,
	.pagination span{
		display: inline-block;
		min-width: 38px;
		padding: 4px 10px;
		background-color: #f5f5f5;
		color: #454545;
		text-align: center;
	}
	.pagination a:hover{
		background-color: #454545;
		color: #fff;
	}
	.pagination .current{
		border-color: #323232;
	}
	.pagination .current{
		background-color: #454545;
		color: #fff;
	}
	.pagination li.next{
		margin-right: 10px;
		border: none;
	}


.inputBoxPesquisaProc{
    padding-right: 30px !important;
}
                
#btnPesquisa,
#btnPesquisaUsers,
#btnPesquisaUsersNOK{
    position: relative !important;
    left: -30px !important;
}

.pagination-info {
  display: none;
}

@media screen and (max-height: 1000px) and (max-width: 1700px) {
    .header-site .header-info2 {
        width: 100%;
        display: flex;
        height: 100px;
        min-height: 100px;
    }
    
    ul.header-lista-apoio {
        list-style-type: none;
        margin: 10px 0px 0px 0px;
        font: normal normal 300 11px Roboto;
        color: #2E2E2E;
        text-align: center;
    }
}