.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

/* Google Material - Tamanhos dos icones */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-64 { font-size: 64px; }

/* Midia */
.media-left, .media>.pull-left {
  padding-top: 15px;
}

/* ESTILOS GENERICOS - INICIO */

/* Botao Midia */
.btBotaoGenerico .btn{
  font-family: 'Catamaran', sans-serif;
  font-size: 18px;
  color: #FFFFFF; 
  border-radius: 0px;
  background: #ff6600;
  border-color: transparent;
}

.btBotaoGenerico .btn:hover{
  color: #FFFFFF; 
  background: #ff6600;
}

.btBotaoGenerico .btn:focus{
  color: #FFFFFF; 
  background: #ff6600;
}

.titPagina {
  font-family: 'Catamaran', sans-serif;
  color: #ff6600;
  text-align: left;
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  padding-top: 10px;
}

.centralizado {
    margin: 0 auto;
    float: none;
}

/* ESTILOS GENERICOS - FIM */

.body {
  font-family: 'Catamaran', sans-serif;
  font-style: normal;
  font-weight: 400;
}

.bodyLogin {
  background: url('../img/img_back_login.jpg') #ff6600 top center no-repeat fixed;
  background-size: cover;
  /*background-color: #ff6600;*/
}

.bodyHome {
  background-color: #ffffff;
    /*background: url('../img/img_back_home.jpg') #FFFFFF top left no-repeat;*/
}

.bodyInterno {
  background-color: #ffffff;
  /*background: url('../img/img_back_interno.jpg') #FFFFFF top left no-repeat;*/
}

.bodyError {
  background-color: #ff6600;
  background: url('../img/fd_error.png') #ff6600 top center no-repeat;
    background-size: cover;
}

}


/* CONTATO */

.btn-default.btContato{
  padding: 6px 50px;
  margin-top: -4px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #64401d;
  border-radius: 25px;
  background: #ff6600;;
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 30px;
  font-weight: 400;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-bottom: 20px;
  margin-top: 20px;
}

.btn-default.btContato:hover {
  color: #ff6600;
  background: #FFFFFF;
  border-color: #ffffff;
  text-decoration: none;
}

.btn-default.btContato:focus {
  color: #ff6600;
  background: #FFFFFF;
  border-color: #ffffff;
  text-decoration: none;
}

h1.titIconContato {
  font-family: 'PT Sans Narrow', sans-serif;
  color: #ff6600;
  font-weight: 700;
  font-size: 48px;
  text-transform: uppercase;
}

h2.titIconContato {
  font-family: 'PT Sans Narrow', sans-serif;
  color: #ff6600;
  font-weight: 700;
  font-size: 30px;
  text-transform: uppercase;
}

p.txtContato {
  font-family: 'PT Sans', sans-serif;
  color: #666666;
  font-weight: 400;
  font-size: 18px;
}

p.txtContatoAviso {
  font-family: 'PT Sans', sans-serif;
  color: #666666;
  font-weight: 400;
  font-size: 18px;
  text-align: center;
}

p.txtEndereco {
  font-family: 'PT Sans', sans-serif;
  color: #666666;
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
}

.txtEndereco a{
  font-family: 'PT Sans', sans-serif;
  color: #666666;
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
}

.txtEndereco a:hover,
.txtEndereco a:focus {
  color: #ff6600;
  background-color: transparent;
  text-decoration: none;
}

.icoEndereco {
  color: #ff6600;
}

.form-control.fmContato {
  display: block;
  width: 100%;
  height: 60px;
  padding: 6px 12px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.42857143;
  color: #666666;
  background-color: #dddddd;
  background-image: none;
  border: 0px solid #dddddd;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control.fmContato::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.form-control.fmContato:-ms-input-placeholder {
  color: #999;
}

.form-control.fmContato::-webkit-input-placeholder {
  color: #999;
}
.form-group.required label:after{
  content: " - Obrigatório";
  font-size: 0.8em;
  vertical-align: middle;
}

.form-group.required.error label{
  color: red;
}

.form-control{
  border-radius: 0;
}

/* MENU */

.menu a {
  font-family: 'Catamaran', sans-serif;
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 14px;
}

/* RODAPE */

.rodape a {
  font-family: 'Catamaran', sans-serif;
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
}

/* BREADCRUMB */

.titBreadcrumb {
  font-family: 'Catamaran', sans-serif;
  font-size: 12px;
  color: #ff6600;
  text-transform: uppercase;
}

.txtBreadcrumbAtivo {
  font-family: 'Catamaran', sans-serif;
  font-size: 12px;
  color: #666666;
  text-transform: uppercase;
}

.rodapeBordaTop {
    border-top:1px #e5e8e8 solid;
    background: #ffffff;
}

/* HOME */

.header {
  /*background: url('../img/img_bg_header.jpg') #ff6600 top left no-repeat;*/
  background: #ff6600;
}

.titPagina {
  font-family: 'Catamaran', sans-serif;
  font-size: 36px;
  color: #ff6600;
  text-transform: uppercase;
}

.headermobile {
  background: url('../img/img_bg_header.jpg') #ff6600 top left no-repeat;
  /*background: #000000;*/
}

.txtPontosTotal {
  color: #ffffff;
  font-weight: 500;
  font-size: 22px;
}

.txtGiftPontos {
  color: #ffffff;
  font-size: 56px;
  margin-top: -20px;
}

.txtPontos {
  font-family: 'Catamaran', sans-serif;
  color: #ffffff;
  font-size: 12px;
}

.txtFulano {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
}

.txtBemVindo {
  color: #ffffff;
  font-size: 12px;
}

.fotoBemVindo {
  margin-top: -10px;
  width: 50px;
  height: 50px;
}

.btnCadastro {
  font-family: 'Catamaran', sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
}

.btnCadastro a {
  text-decoration: none;
  color: #ffffff;
}

.btnCadastro a:hover {
  text-decoration: none;
  color: #666666;
}

.btnCadastro a:focus {
  text-decoration: none;
  color: #666666;
}

.icoUsuario {
  color: #ffffff;
}

.text-wrap {
  white-space: nowrap;
}

.imgLogo {
  width: auto;
}



/* VITRINE ------------------------------------------------------------------------------- */
.precoDe {
  font-family: 'Catamaran', sans-serif;
  font-size: 11px;
  color: #666666;
  text-decoration: line-through;
}

.precoPor {
  font-family: 'Catamaran', sans-serif;
  font-weight: 500;
  font-size: 24px;
  color: #d6272c;
}

.precoPortxt {
  font-family: 'Catamaran', sans-serif;
  font-size: 11px;
  color: #666666;
}

.precoDesc {
  font-family: 'Catamaran', sans-serif;
  font-size: 12px;
  color: #666666;
}

.titOfertas {
  font-family: 'Catamaran', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #0e3044;
  text-transform: uppercase;
}

/* REGULAMENTO ------------------------------------------------------------------------------- */

.txtRegulamento {
  font-family: 'Catamaran', sans-serif;
  font-size: 12px;
  color: #333333;
}

/* NOTICIAS ------------------------------------------------------------------------------- */

.titNoticias {
  font-family: 'Catamaran', sans-serif;
  color: #00649f;
  text-align: left;
  font-weight: 400;
  font-size: 48px;
  padding-top: 10px;
}

.tit1Noticias {
  font-family: 'Catamaran', sans-serif;
  color: #222222;
  text-align: left;
  font-weight: 400;
  font-size: 18px;
  padding-top: 10px;
}

.titNoticiaAtual {
  font-family: 'Catamaran', sans-serif;
  color: #0e3044;
  text-align: left;
  font-weight: 600;
  font-size: 30px;
}

.subtitNoticiaAtual {
  font-family: 'Catamaran', sans-serif;
  color: #222222;
  text-align: left;
  font-weight: 500;
  font-size: 22px;
}

.txtDataNoticiaAtual {
  font-family: 'Catamaran', sans-serif;
  color: #666666;
  text-align: left;
  font-weight: 300;
  font-size: 14px;
  padding-top: 10px;
}

.txtNoticiaAtual {
  font-family: 'Catamaran', sans-serif;
  color: #666666;
  text-align: justify;
  font-size: 14px;
  padding-top: 10px;
}

.txtArquivoNoticia {
  font-family: 'Catamaran', sans-serif;
  color: #666666;
  text-align: left;
  font-size: 12px;
  padding-top: 10px;
}

.titArquivoNoticia {
  font-family: 'Catamaran', sans-serif;
  color: #ff6600;
  text-align: left;
  font-weight: 500;
  font-size: 18px;
  padding-top: 10px;
}

.titResumoNoticia {
  font-family: 'Catamaran', sans-serif;
  color: #222222;
  text-align: left;
  font-weight: 400;
  font-size: 22px;
  padding-top: 10px;
}

/* EXTRATO ------------------------------------------------------------------------------- */
.txtResultExtrato {
  font-family: 'Catamaran', sans-serif;
  color: #666666;
  text-align: left;
  font-weight: 400;
  font-size: 12px;
}

.txtTabExtrato {
  font-family: 'Catamaran', sans-serif;
  color: #666666;
  text-align: center;
  font-weight: 400;
  font-size: 12px;
}

.lblFormExtrato {
  font-family: 'Catamaran', sans-serif;
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
}


/* MINHA PONTUACAO ------------------------------------------------------------------------------- */
.titExtratoConsolidado {
  font-family: 'Catamaran', sans-serif;
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
}

.titboxExtratoConsolidado {
  font-family: 'Catamaran', sans-serif;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}

.txtBoxExtratoValor {
  font-family: 'Catamaran', sans-serif;
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  padding-top: 40px;
}

.titMinhaPosicao {
  font-family: 'Catamaran', sans-serif;
  color: #FFFFFF;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
}

.titboxMinhaPosicao {
  font-family: 'Catamaran', sans-serif;
  color: #ff6600;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}

.titboxPosicao {
  font-family: 'Catamaran', sans-serif;
  color: #ffffff;
  font-weight: 500;
  font-size: 72px;
  text-transform: uppercase;
  text-align: center;
}

.subtitboxPosicao {
  font-family: 'Catamaran', sans-serif;
  color: #ffffff;
  font-weight: 500;
  font-size: 24px;
  text-transform: uppercase;
  text-align: center;
}

/* MINHA PONTUACAO ------------------------------------------------------------------------------- */

.lblFormFale {
  font-family: 'Catamaran', sans-serif;
  color: #666666;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
}

/* LISTA DE DESEJOS ------------------------------------------------------------------------------- */

.boxVitrineListaDesejos {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  padding: 0px;
  border-radius: 5px;
}

.btVerProduto {
  font-family: 'PT Sans Narrow', sans-serif;
  color: #666666;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
}

.btVerProduto a {
  color: #666666;
  text-decoration: none;
}

.btVerProduto a:hover{
  color: #ff6600;
  text-decoration: none;
}

.btVerProduto a:focus{
  color: #ff6600;
  text-decoration: none;
}

.icoVerProduto {
  color: #ff6600;
}

.btRemoverProduto {
  font-family: 'PT Sans Narrow', sans-serif;
  color: #333333;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
}

.btRemoverProduto a {
  color: #999999;
  text-decoration: none;
}

.btRemoverProduto a:hover{
  color: #cc3333;
  text-decoration: none;
}

.btRemoverProduto a:focus{
  color: #cc3333;
  text-decoration: none;
}

.icoRemoverProduto {
  color: #cc3333;
}

.txtPrecoVitrineDeListaDesejos {
  font-family: 'Catamaran', sans-serif;
  color: #333333;
  text-align: left;
  font-size: 10px;
  text-align: center;
}

.txtPrecoVitrineDeListaDesejosRisca {
  text-decoration: line-through;
}

.txtVitrinePorListaDesejos {
  font-family: 'Catamaran', sans-serif;
  color: #333333;
  text-align: left;
  font-size: 14px;
  text-align: center;
}

.txtPrecoVitrinePor {
  font-family: 'Catamaran', sans-serif;
  color: #ff0000;
  font-weight: 500;
  text-align: left;
  font-size: 24px;
  text-align: center;
}

.txtDescVitrineProdutoListaDesejos {
  font-family: 'Catamaran', sans-serif;
  color: #333333;
  text-align: left;
  font-size: 12px;
  text-align: center;
}

.ListaDesejos .progress-bar {
  background-color: #ff6600;
}

.progress-bar {
 color: #ffffff;
}

.product .img-responsive {
    margin: 0 auto;
}

/* FAQ ------------------------------------------------------------------------------- */

.titFAQPergunta {
  font-family: 'Catamaran', sans-serif;
  font-weight: 500;
  color: #000000;
  text-align: left;
  font-size: 14px;
  padding: 5px;
  margin-left: 5px;
  text-transform: uppercase;
}

.txtFAQPergunta {
  font-family: 'Catamaran', sans-serif;
  font-weight: 500;
  color: #000000;
  text-align: left;
  font-size: 12px;
  padding: 5px;
  margin-left: 5px;
  text-transform: uppercase;
}

.txtFAQResposta {
  font-family: 'Catamaran', sans-serif;
  font-weight: 400;
  color: #000000;
  text-align: left;
  font-size: 12px;
  padding: 5px;
  margin-left: 5px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
}

.panel-heading {
  background: #ddd;
}

/* MEU CADASTRO ------------------------------------------------------------------------------- */

.btAtualizarCadastro .btn-primary{
  font-family: 'Catamaran', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #222222; 
  text-transform: uppercase;
  text-align: left;
  border-radius: 0px;
  border-color: transparent;
  background: transparent;
}

.btAtualizarCadastro .btn-primary:hover{
  color: #ff6600; 
  background: transparent;
}

.btAtualizarCadastro .btn-primary:focus{
  color: #ff6600; 
  background: transparent;
}

.btUploadFoto .btn-primary{
  font-family: 'Catamaran', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #ffffff; 
  border-radius: 0px;
  background: #ff6600;
  border-color: transparent;
  margin-top: 0px; 
}

.btUploadFoto .btn-primary:hover{
  color: #3399cc; 
  background: #1d1915;
}

.btUploadFoto .btn-primary:focus{
  color: #3399cc; 
  background: #1d1915;
}

.titCadastro {
  font-family: 'Catamaran', sans-serif;
  font-weight: 500;
  color: #1d1915;
  text-align: left;
  font-size: 16px;
  text-transform: uppercase;
}

.inputCadastro {
  font-family: 'Catamaran', sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #999999;
  text-transform: uppercase;
}

.txtLabelCadastro{
  font-family: 'Catamaran', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  text-transform: uppercase;
}

.txtformAlterarSenha {
  font-family: 'Catamaran', sans-serif;
  font-weight: 400;
  color: #999999;
  text-align: right;
  font-size: 14px;
  text-transform: uppercase;
}

.btnMeuCadastro {
  font-family: 'Catamaran', sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  color: #999999;
  padding-left: 5px;
  padding-right: 5px;
}

.btnMeuCadastro a {
  text-decoration: none;
  color: #ff6600;
}

.btnMeuCadastro a:hover {
  text-decoration: none;
  color: #666666;
}

.btnMeuCadastro a:focus {
  text-decoration: none;
  color: #666666;
}

.btnCadastroVoltar {
  font-family: 'Catamaran', sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  padding-right: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.btnCadastroVoltar a {
  text-decoration: none;
  color: #ff6600;
}

.btnCadastroVoltar a:hover {
  text-decoration: none;
  color: #666666;
}

.btnCadastroVoltar a:focus {
  text-decoration: none;
  color: #666666;
}

.icoCadastro {
  color: #ff6600;
}

.icoAtualizarCadastro {
  color: #ff6600;
}

.btnCadastroVoltar {
  font-family: 'Catamaran', sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  color: padding-left: 5px;
  padding-right: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.cadastro .row{
  padding: 0;
  margin: 0; 
}
#dadosFinais{
  display: flex;
}

.flex{
  display: flex;
}

.flex.flex-column{
  flex-direction: column
}

.img-upload{
  height: 100%;
  align-items: center;
  justify-content: center;
}

.img-upload div{
  display: none;
}

.img-upload:hover div{
  display: block;
  position: absolute;
}

.img-upload div a{
  color: #666;
  font-size: 1.5em;
}
.flow{
  position: fixed;
  right: 0;
  height: 400px;
  margin-top: -5px;
  margin-right: 10px;
  padding: 0;
}
.list-flow{
  list-style: none;
  color: #8a8a8a;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  align-content:space-between;
}
.flow-item{
  border: 5px solid #8a8a8a;
  border-radius: 50%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  font-weight: bold
}
.flow-item span{
  position: absolute;
}
.flow-item:after{
  border:1px dotted #8a8a8a;
  width: 0;
  height: 35px;
  position: absolute;
  top: 50px;
  content: "";
}
.flow-item:last-child:after{
  border: 0;
}
.flow-item a{
  color: inherit;
}

.flow-item.success, .flow-item.success:after{
  border-color: green;
  color: green;
}

.flow-item.error, .flow-item.error:after{
  border-color: #cc3333;
  color: #cc3333;
}

/* LOGIN ------------------------------------------------------------------------------- */

.body {
  font-family: 'Catamaran', sans-serif;
  font-style: normal;
  font-weight: 400;
}

.fdForm {
  background-color: #ff6600;
  min-height: 100%;
}

.titBemVindo {
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 48px;
  font-weight: 400;
  color: #ffffff;
}

.titBemVindoBold {
  font-weight: 700;
  text-transform: uppercase;
}

.txtBemVindoLogin {
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  padding-left: 25px;
}

.lblFormLogin {
  font-family: 'PT Sans Narrow', sans-serif;
  color: #fff;
  font-weight: 300;
  font-size: 18px;
  text-transform: uppercase;
}

.boxFormLogin {
  padding-left: 25px;
}

.boxformLogin {
  padding-top: 100px;
  padding-left: 25px;
}

.btnAcessar .btn-primary{
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 700;
  font-size: 29px;
  color: #ffffff; 
  text-transform: uppercase;
  text-align: left;
  border-radius: 0px;
  border-color: transparent;
  background: transparent;
  padding-top: 65px;
}

.btnAcessar .btn-primary:hover{
  color: #ffffff; 
  background: transparent;
}

.btnAcessar .btn-primary:focus{
  color: #666666; 
  background: transparent;
}

.icoAcessar {
  color: #ffffff;
}

.btnAcessar a {
  text-decoration: none;
  color: #ffffff;
}

.btnAcessar a:hover {
  text-decoration: none;
  color: #666666;
}

.btnAcessar a:focus {
  text-decoration: none;
  color: #666666;
}

.btnPrimeiroAcesso {
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
  text-align: center;
}

.btnPrimeiroAcesso a {
  text-decoration: none;
  color: #ffffff;
}

.btnPrimeiroAcesso a:hover {
  text-decoration: none;
  color: #666666;
}

.btnPrimeiroAcesso a:focus {
  text-decoration: none;
  color: #666666;
}

.icoPrimeiroAcesso {
  color: #ffffff;
}

.btnEsqueciSenha {
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
  text-align: center;
}

.btnEsqueciSenha a {
  text-decoration: none;
  color: #ffffff;
}

.btnEsqueciSenha a:hover {
  text-decoration: none;
  color: #666666;
}

.btnEsqueciSenha a:focus {
  text-decoration: none;
  color: #666666;
}

.icoEsqueciSenha {
  color: #ffffff;
}

.btnFale {
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
  text-align: center;
}

.btnFale a {
  text-decoration: none;
  color: #ffffff;
}

.btnFale a:hover {
  text-decoration: none;
  color: #666666;
}

.btnFale a:focus {
  text-decoration: none;
  color: #666666;
}

.icoFale {
  color: #ffffff;
}


/* PRIMEIRO ACESSO ------------------------------------------------------------------------------- */

.boxPrimeiroAcessoTop {
  padding-left: 25px;
  padding-top: 100px;
}

.boxPrimeiroAcesso {
  padding-left: 25px;
}

.titPrimeiroAcesso {
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 48px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
}

.txtPrimeiroAcesso {
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  padding-left: 25px;
}

.lblFormPrimeiroAcesso {
  font-family: 'PT Sans Narrow', sans-serif;
  color: #fff;
  font-weight: 300;
  font-size: 18px;
  text-transform: uppercase;
}

.btnPrimeiroAcesso .btn-primary{
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 700;
  font-size: 29px;
  color: #ffffff; 
  text-transform: uppercase;
  text-align: left;
  border-radius: 0px;
  border-color: transparent;
  background: transparent;
  padding-top: 65px;
}

.btnPrimeiroAcesso .btn-primary:hover{
  color: #666666; 
  background: transparent;
}

.btnPrimeiroAcesso .btn-primary:focus{
  color: #666666; 
  background: transparent;
}

.icoPrimeiroAcesso {
  color: #ffffff;
}

.btnVoltar .btn-primary{
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 700;
  font-size: 29px;
  color: #ffffff; 
  text-transform: uppercase;
  text-align: left;
  border-radius: 0px;
  border-color: transparent;
  background: transparent;
  padding-top: 65px;
}

.btnVoltar .btn-primary:hover{
  color: #666666; 
  background: transparent;
}

.btnVoltar .btn-primary:focus{
  color: #666666; 
  background: transparent;
}

.icoVoltar {
  color: #ffffff;
}


/* ESQUECI SENHA ------------------------------------------------------------------------------- */

.boxEsqueciSenhaTop {
  padding-left: 25px;
  padding-top: 100px;
}

.boxEsqueciSenha {
  padding-left: 25px;
}

.titEsqueciSenha {
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 48px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
}

.txtEsqueciSenha {
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #ff6600;
  padding-left: 25px;
}

.lblFormEsqueciSenha {
  font-family: 'PT Sans Narrow', sans-serif;
  color: #fff;
  font-weight: 300;
  font-size: 18px;
  text-transform: uppercase;
}

.btnEsqueciSenha .btn-primary{
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 700;
  font-size: 29px;
  color: #ffffff; 
  text-transform: uppercase;
  text-align: left;
  border-radius: 0px;
  border-color: transparent;
  background: transparent;
  padding-top: 25px;
}

.btnEsqueciSenha .btn-primary:hover{
  color: #ffb71c; 
  background: transparent;
}

.btnEsqueciSenha .btn-primary:focus{
  color: #666666; 
  background: transparent;
}

.icoEsqueciSenha {
  color: #ffffff;
}

/* FALE CONOSCO EXTERNO ------------------------------------------------------------------------------- */

.boxFaleConoscoExternoTop {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 100px;
}

.boxFaleConoscoExterno {
  padding-left: 25px;
}

.titFaleConoscoExterno {
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 48px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
}

.txtFaleConoscoExterno {
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  padding-left: 25px;
}

.lblFormFaleConoscoExterno {
  font-family: 'PT Sans Narrow', sans-serif;
  color: #ffffff;
  font-weight: 300;
  font-size: 18px;
  text-transform: uppercase;
}

.boxInterno .lblFormFaleConoscoExterno,.boxInterno.txtFaleConoscoExterno {
  color: #0e3044;
}

.btnFaleConoscoExterno .btn-primary{
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 700;
  font-size: 29px;
  color: #ffffff; 
  text-transform: uppercase;
  text-align: right;
  border-radius: 0px;
  border-color: transparent;
  background: transparent;
}

.btnFaleConoscoExterno .btn-primary:hover{
  color: #666666; 
  background: transparent;
}

.btnFaleConoscoExterno .btn-primary:focus{
  color: #666666; 
  background: transparent;
}

.icoFaleConoscoExterno {
  color: #1d1915;
}

.btnFaleConoscoInterno .btn-primary{
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 700;
  font-size: 29px;
  color: #003366; 
  text-transform: uppercase;
  text-align: center;
  border-radius: 0px;
  border-color: transparent;
  background: transparent;
}

.btnFaleConoscoInterno .btn-primary:hover{
  color: #cc3333; 
  background: transparent;
}

.btnFaleConoscoInterno .btn-primary:focus{
  color: #cc3333; 
  background: transparent;
}

.icoFaleConoscoExterno {
  color: #cc3333;
}

/*Cabeçalho*/
.user_header{
    display: flex;
    width: 100%;
}
.user_menu_area{
    width: 100%;
}
.user_area{
    display:flex;
    margin-left: 5px;
}
.user_area div{
    padding: 3px;
}
.user_points{
    display: flex;
    align-items: center;
}
.user_points div{
    line-height: 1.5em;
    margin-left: 5px;
    font-family: 'Catamaran', sans-serif;
    color: #fff;
    font-size: 12px;
}
.user{
    display:flex;
    width: 70%;
}
.user_area .fotoBemVindo{
    margin: 0;
}
.user_photo{
    display: flex;
    justify-content: center;
    align-items: center;
}
.user_info{
    margin-left: 10px; 
}
.notificacao{
    position: relative;
}
.notification-area{
    position: absolute;
    top: 7.5px;
    left: 21px;
    padding: 0 !important;
    width: 250px;
    height: 400px;
    background: #003459;
    z-index: 999;
    color: #fff;
    font-family: 'Catamaran', sans-serif;
    display: none;
}
.notification-area::before{
        width: 0;
    height: 0;
    content: "";
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #003459;
    background: transparent;
    position: absolute;
    left: -10px;
}
.notification-area-title{
    padding: 10px 15px !important;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    display: flex;
    justify-content: space-between;
}
.notification-area-title a{
    text-decoration: underline;
    color: inherit;
    font-size: 0.8em;
}
.notification-area-body{
    padding: 0 !important;
}
.notification-area-body ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.notification-area-body li{
    padding: 10px !important;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
.notification-area-body li:first-child{
    padding-top: 0 !important;
    border-top: 1px solid rgba(255,255,255,0.2);
}
.notification-area-body li:hover{
    background-color: rgba(255,255,255,0.15);
}
.notification-area-bottom{
    position:absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    border-top: 1px solid rgba(255,255,255,0.5);
}
.notification-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.notification-item p{
    margin: 0;
    color: #ffb71c
}
.notification-item p:first-child{
    font-weight: 600;
}
.notification-item p:last-child{
    font-size: 0.75em;
}   
.notification-item-action a{
    color: inherit;
}
.notification-item-action a i.fa-circle:hover{
    color: rgba(255,255,255,0.5);
}
.notification-area-subtitle{
    text-align:right;
    font-weight: 600;
}
.notification-area-body li.notification-item-more{
    padding: 0 !important;
    text-align: center;
    font-size: 1em;
    line-height: 1em;
}
.menulateral{
    position: absolute;
    top: 0;
    right: -70%;
    width: 70%;
    bottom: 0;
    z-index: 1001;
    background-color: #0764d7;
    max-width: 250px;
    display: none;
    padding-top: 20px;
}
.menulateral .navbar-nav{
    margin: 0;
}
.menulateral li a{
    color: #fff;
}
.menulateral li a:hover{
    background-color: rgba(255,255,255,0.3);
}
.open-sidebar:after{
    content:"";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index:1000;
}
.open-sidebar .menulateral{
    display: block;
}
.navbar-toggle{
  margin-right: 0 !important;
}
@media (max-width: 767px){
    #gadgets{
      flex-direction: column;
    }
    .user_menu_area{
        display:flex;
        justify-content: space-between;
        align-items: center;
    }
    .navbar-default{
        background-color: transparent !important;
        border: 0 !important;
    }
    .user{
        width:100%;
    }
    .user_welcoming{
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
    }
    .user_welcoming p{
        margin: 0;
    }
    .logo{
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .imgLogo{
        height: 75px !important;
    }
    .notification-area{
        top:40px;
        left:-135px;
    }
    .notification-area:before{
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #003459;
        background: transparent;
        position: absolute;
        left: 125px;
        top:-20px;
    }
}

.btVoltar {
  color: #ffffff;
  background-color: #1e3a64;
  border-color: #1e3a64;
  text-transform: uppercase;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  position:fixed;
  right:60px;
  bottom:100px;
  display:none;
}

.btVoltar .btIcon {
  padding-bottom: 8px;
}

  /* Accordion --------------------------------------------------------- */

  .cores-exemplo {
    color: #fff;
    color: #337ab7;
  }
  
  .ui-accordion-header {
    background-color: #337ab7 !important;
    border-color: #337ab7 !important;
  }
  
  .ui-accordion-content {
    background-color: #fff !important;
  }
  
  .ui-state-active{
    color: #fff !important;
  }
  
  .ui-state-default {
    color: #fff !important;
  }
  
  .ui-accordion-content{
    height: auto !important;
  }
  
  .ui-accordion-content {
    border-color: #337ab7 !important;
  }

  /* Treinamentos --------------------------------------------------------- */

  .btn-enviar{
    color: #fff !important;
    text-transform: uppercase;
  }

  .ui-accordion-header-finished {
    border: 1px solid #11847e !important;
    background: #7cb28f !important;
  }

  .ui-accordion-header>p{
    font-size: 0.7em;
    padding-left: 25px;
  }

  .box-video {
    text-align: center !important;
    left: 0;
  }

  .pergunta {
    background-color: #00416f;
    padding: 26px 28px 30px;
    text-align: left;
    color: #FFF;
    border-radius: 8px 8px 0 0;
  }

  .box-repostas {
    margin-bottom: 45px;
    background-color: #014b7f;
    margin-top: 0;
    padding: 20px;
    border-radius: 0 0 8px 8px;
  }

  .resposta{
    padding: 8px 16px;
    cursor: pointer;
    background-color: #EEE;
  }

  .resposta:first-child{
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid #ddd;
  }

  .resposta:nth-child(2){
    border-bottom: 1px solid #ddd;
  }

  .resposta:nth-child(3){
    border-bottom: 1px solid #ddd;
  }

  .resposta:nth-child(4){
    border-bottom: 1px solid #ddd;
  }

  .resposta:last-child{
    border-bottom: 0;
  }

  .resposta:last-child{
    border-radius: 0 0 6px 6px;
  }

  .resposta:hover{
    background-color:	#337ab7 !important;
    color: #FFF;
  }

  .resposta.selecionado{
    background-color:	#84c182;
    color: #FFF;
  }

/* GRID SYSTEM ------------------------------------------------------------------------------- */
.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-0, .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 {
  padding: 5px;
}

/* LINK ------------------------------------------------------------------------------- */

a {
  text-decoration: none;
}

a:link, a:visited, a:hover, a:active {
  text-decoration: none;
  color: auto;
}



/* MENU NAVBAR ------------------------------------------------------------------------------- */
.navbar {
    padding: 0 0;
    border-radius: 0px;
    border-top: 1px solid #ffffff;
    margin-bottom: 0px; /* Margem inferior - Menu 'colado' */
  }

.navbar-default {
  background-color: transparent; /* Fundo Menu */
  border-color: transparent; /* Borda Menu */
  border-top: 1px solid transparent; /* Borda superior Menu */
}
.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #0e3044;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #45a9e4; /* Over Menu */
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #45a9e4;
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #336699;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #45a9e4;
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { 
  color: #0e3044; /* Cor Menu - ativo */
  background-color: rgba(0, 0, 0, 0); /* Fundo Menu - ativo */
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #45a9e4;
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-toggle {
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffffff;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #45a9e4;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #f2ea2c;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #f2ea2c;
    background-color: rgba(0, 0, 0, 0.1);
  }
}

.navbar-collapse {
    padding-right: 0px;
    padding-left: 10px;
}

.nav>li>a {
    padding: 10px 10px;
}

/* MENU NAVBAR RODAPE ------------------------------------------------------------------------------- */
.rodape.navbar {
    padding: 0 0;
    border-radius: 0px;
    border-top: 1px solid #0e3044;
  }

.rodape.navbar-default {
  background-color: #0e3044;
  border-color: #0e3044;
}
.rodape.navbar-default .navbar-brand {
  color: #ffffff;
}
.rodape.navbar-default .navbar-brand:hover,
.rodape.navbar-default .navbar-brand:focus {
  color: #f2ea2c;
}
.rodape.navbar-default .navbar-text {
  color: #ffffff;
}
.rodape.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.rodape.navbar-default .navbar-nav > li > a:hover,
.rodape.navbar-default .navbar-nav > li > a:focus {
  color: #f2ea2c;
}
.rodape.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #f2a500;
}
.rodape.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #ffffff;
}
.rodape.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.rodape.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #f2ea2c;
  background-color: #f2ea2c;
}
.rodape.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #f2a500;
}
.rodape.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.rodape.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.rodape.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #f2ea2c;
  background-color: #f2a500;
}
.rodape.navbar-default .navbar-nav > .active > a,
.rodape.navbar-default .navbar-nav > .active > a:hover,
.rodape.navbar-default .navbar-nav > .active > a:focus {
  color: #f2ea2c;
  background-color: transparent;
}
.rodape.navbar-default .navbar-nav > .open > a,
.rodape.navbar-default .navbar-nav > .open > a:hover,
.rodape.navbar-default .navbar-nav > .open > a:focus {
  color: #f2ea2c;
  background-color: #f2a500;
}
.rodape.navbar-default .navbar-toggle {
  border-color: #f2a500;
}
.rodape.navbar-default .navbar-toggle:hover,
.rodape.navbar-default .navbar-toggle:focus {
  background-color: #f2a500;
}
.rodape.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.rodape.navbar-default .navbar-collapse,
.rodape.navbar-default .navbar-form {
  border-color: #ffffff;
}
.rodape.navbar-default .navbar-link {
  color: #ffffff;
}
.rodape.navbar-default .navbar-link:hover {
  color: #f2ea2c;
}

@media (max-width: 767px) {
  .rodape.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .rodape.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .rodape.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #f2ea2c;
  }
  .rodape.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .rodape.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .rodape.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #f2ea2c;
    background-color: #f2a500;
  }
}

/* CARROSSEL ------------------------------------------------------------------------------- */
.carousel-control.left {
  background: transparent;
}

.carousel-control.right {
  background: transparent;
}

.carousel-control {
  color: #d1d2d4;
  opacity: 1;
  text-shadow: none;
}

.carousel-control:focus, .carousel-control:hover {
  color: #bf2126;
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}

.carousel-control .icon-prev,
.carousel-control .fa-angle-left {
  left: 50%;
  margin-left: -10px;
}

.carousel-control .icon-next,
.carousel-control .fa-angle-right {
  right: 50%;
  margin-right: -10px;
}

@media screen and (min-width: 768px) {
  .carousel-control .fa-angle-left,
  .carousel-control .fa-angle-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 60px; /* Tamanho das setas do carrossel */
  }
  .carousel-control .fa-angle-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .fa-angle-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
}

.carousel-indicators { /* Indicadores - bullets do carrossel */
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #f2ea2c;
  border-radius: 10px;
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #f2ea2c;
}

/* CARROSSEL HOME */
.home.carousel-control{
  color: #ffffff;
  opacity: 1;
  text-shadow: none;
}

.home.carousel-control:focus, .home.carousel-control:hover {
  color: #f2ea2c;
}

.home.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.home.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #f2ea2c;
  border-radius: 10px;
}

.home.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #f2ea2c;
}

/* CARROSSEL VITRINE */
.vitrine.carousel-control{
  color: #000000;
  opacity: 1;
  text-shadow: none;
}

.vitrine.carousel-control:focus, .home.carousel-control:hover {
  color: #f2ea2c;
}

.vitrine.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.vitrine.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #f2ea2c;
  border-radius: 10px;
}

.vitrine.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #f2ea2c;
}

/* BREADCRUMB ------------------------------------------------------------------------------- */

.boxVitrineProdutos {
  background-color: #ffffff;
  border: 0px solid #ffffff;
  padding: 0px;
  border-radius: 0px;
}

/* BREADCRUMB ------------------------------------------------------------------------------- */

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
}

/* HEADER ------------------------------------------------------------------------------- */
.header.col-xs-12, .header.col-sm-12, .header.col-md-12, .header.col-lg-12 {
  padding: 0px;
}
.menuheader.col-xs-12, .menuheader.col-sm-12, .menuheader.col-md-12, .menuheader.col-lg-12 {
  padding: 0px;
  padding-top: 20px;
}

.bannerhome.col-xs-12, .bannerhome.col-sm-12, .bannerhome.col-md-12, .bannerhome.col-lg-12 {
  padding: 0px;
}

/* RODAPE ------------------------------------------------------------------------------- */
.rodape.col-xs-12, .rodape.col-sm-12, .rodape.col-md-12, .rodape.col-lg-12 {
  padding: 0px;
}

/* TABELA ------------------------------------------------------------------------------- */

.theadOnMetas {
  font-family: 'Catamaran', sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  background-color: #f2ea2c;
  text-transform: uppercase;
}

.theadOnMetastxt {
  font-family: 'Catamaran', sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  text-transform: uppercase;
}

.tbodyOnMetas {
  font-family: 'Catamaran', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  text-transform: uppercase;
}

.tbodyOnPremiacoes {
  font-family: 'Catamaran', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  text-transform: uppercase;
}


.theadOnPremiacoes {
  font-family: 'Catamaran', sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  background-color: #f2ea2c;
  text-transform: uppercase;
}

.theadOnPremiacoestxt {
  font-family: 'Catamaran', sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  text-transform: uppercase;
}

.theadOnExtrato {
  font-family: 'Catamaran', sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #0e3044;
  background-color: #f2ea2c;
  text-transform: uppercase;
  text-align: center;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #dddddd;
}

.table-responsive {
    border: 0px;
}

.trOff {
  background-color: #ffffff;
}

td {
  text-transform: uppercase;
}

/* HOME ------------------------------------------------------------------------------- */

.boxGadget {
  background-color: #0e3044;
  padding: 5px;
  min-height: 200px;
}
  

.titTabMetas {
  font-family: 'Catamaran', sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #006699;
  text-transform: uppercase;
}

.titPremiacao {
  font-family: 'Catamaran', sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
}

/* EXTRATO ------------------------------------------------------------------------------- */

.boxBusca {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 10px;
  border-radius: 5px;
  text-transform: uppercase;
}

.btLimpar {
  color: #ffffff;
  background-color: #aaaaaa;
  border-color: #aaaaaa;
  text-transform: uppercase;
}

.btBuscar {
  color: #0e3044;
  background-color: #f2ea2c;
  border-color: #f2ea2c;
  text-transform: uppercase;
}

/* MINHA PONTUACAO ------------------------------------------------------------------------------- */

.boxExtratoConsolidado {
  background-color: #0e3044;
  padding: 10px;
  min-height: 260px;
}

/* MINHA PONTUACAO ------------------------------------------------------------------------------- */

.boxMinhaPosicao {
  background-color: #0e3044;
  min-height: 260px;
}

/* GADGETS ------------------------------------------------------------------------------- */

.boxGadget {
  background-color: #0e3044;
  padding: 0px;
  min-height: 345px;
}

/* GADGETS - TOP5 ------------------------------------------------------------------------------ */

.boxTop {
  background-color: #0e3044;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
    vertical-align: middle;
}

.titTop {
  font-family: 'Catamaran', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #f2ea2c;
  text-transform: uppercase;
    background: #0e3044;
}

.txtPosicao {
  font-family: 'Catamaran', sans-serif;
  font-size: 22px;
  font-weight: 400;
  color: #f2ea2c;
  text-transform: uppercase;
}

.txtNomePosicao {
  font-family: 'Catamaran', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
}

.txtPtsPosicao {
  font-family: 'Catamaran', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #f2ea2c;
  text-transform: uppercase;
}


/* GADGETS - FUNCIONARIO DO MES ----------------------------------------------------------------------------- */
.boxFuncMes {
  background-color: #0e3044;
}

.titFuncMes {
  font-family: 'Catamaran', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #f2ea2c;
  text-transform: uppercase;
  padding-top: 9px;
  background-color: #0e3044;
  /*padding: 5px;*/
    padding-left: 5px;
}

.fdFuncMes {
  background-size: contain;
  margin-left: 0;
  margin-right: 0;
}

.txtFuncMes {
  font-family: 'Catamaran', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  padding-top: 9px;
  text-align: center;
  background-color: transparent;
  vertical-align: bottom;
  top: 20px;
  z-index: 1000;
}

/* GADGETS - DICAS DE SUCESSO ----------------------------------------------------------------------------- */
.boxDicasSucesso {
  background-color: #0e3044;
}

.titDicasSucesso {
  font-family: 'Catamaran', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #f2ea2c;
  text-transform: uppercase;
  padding-top: 9px;
  background-color: #0e3044;
  /*padding: 5px;*/
    padding-left: 5px;
}

.txtDicasSucesso {
  font-family: 'Catamaran', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  padding-top: 9px;
  text-align: left;
  background-color: transparent;
  vertical-align: bottom;
  top: 20px;
}

.txtDicasSucesso a{
  color: #ffffff;
}

.imgDicas {
  width: 50px;
  height: 50px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10PX;
}

.btnDicasSucesso {
  font-family: 'Catamaran', sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  color: #ffffff;
  padding-left: 5px;
  padding-right: 5px;;
  padding-left: 5px;
  padding-right: 5px;
}

.btnDicasSucesso a{
  color: #ffffff;
  text-decoration: none;
}

.btnDicasSucesso a:hover {
  color: #f2ea2c;
  text-decoration: none;
}

.btnDicasSucesso a:focus {
  color: #f2ea2c;
  text-decoration: none;
}

/* GADGETS - NOTICIAS ----------------------------------------------------------------------------- */
.boxNoticias {
  background-color: #0e3044;
}

.titNoticias {
  font-family: 'Catamaran', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #f2ea2c;
  text-transform: uppercase;
  padding-top: 9px;
  background-color: #0e3044;
  padding: 5px;
}

.txtNoticias {
  font-family: 'Catamaran', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  padding-top: 9px;
  text-align: left;
  background-color: transparent;
  vertical-align: bottom;
  top: 20px;
}

.txtNoticias a{
  color: #ffffff;
}

.imgNoticias {
  width: 50px;
  height: 50px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10PX;
}

.btnNoticias {
  font-family: 'Catamaran', sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  color: #ffffff;
  padding-left: 5px;
  padding-right: 5px;;
  padding-left: 5px;
  padding-right: 5px;
}

.btnNoticias a{
  color: #ffffff;
  text-decoration: none;
}

.btnNoticias a:hover {
  color: #f2ea2c;
  text-decoration: none;
}

.btnNoticias a:focus {
  color: #f2ea2c;
  text-decoration: none;
}

/* GADGETS - VIDEOS ----------------------------------------------------------------------------- */
.boxVideos {
  background-color: #0e3044;
}

.titVideos {
  font-family: 'Catamaran', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #f2ea2c;
  text-transform: uppercase;
  padding-top: 9px;
  background-color: #0e3044;
  padding: 5px;
}

.txtVideos {
  font-family: 'Catamaran', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  padding-top: 9px;
  text-align: left;
  background-color: transparent;
  vertical-align: bottom;
  top: 20px;
}

.txtVideos a{
  color: #ffffff;
}

.imgVideos {
  width: 50px;
  height: 50px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10PX;
}

.btnVideos {
  font-family: 'Catamaran', sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  color: #ffffff;
  padding-left: 5px;
  padding-right: 5px;;
  padding-left: 5px;
  padding-right: 5px;
}

.btnVideos a{
  color: #ffffff;
  text-decoration: none;
}

.btnVideos a:hover {
  color: #f2ea2c;
  text-decoration: none;
}

.btnVideos a:focus {
  color: #f2ea2c;
  text-decoration: none;
}

/* GADGETS - TREINAMENTOS ----------------------------------------------------------------------------- */
.boxTreinamentos {
  background-color: #0e3044;
}

.titVideos {
  font-family: 'Catamaran', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #f2ea2c;
  text-transform: uppercase;
  padding-top: 9px;
  background-color: #0e3044;
  padding: 5px;
}

.subtitVideos {
  font-family: 'Catamaran', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  text-transform: uppercase;
  padding-left: 5px;
  padding-right: 5px;
}

.txtTreinamentos {
  font-family: 'Catamaran', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  padding-top: 9px;
  text-align: left;
  background-color: transparent;
  vertical-align: bottom;
  top: 20px;
  padding-left: 5px;
  padding-right: 5px;
}

.txtTreinamentos a{
  color: #ffffff;
}

.imgTreinamentos {
  margin: 5px;
}

.btnTreinamentos {
  font-family: 'Catamaran', sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  color: #ffffff;
  padding-left: 5px;
  padding-right: 5px;;
  padding-left: 5px;
  padding-right: 5px;
}

.btnTreinamentos a{
  color: #ffffff;
  text-decoration: none;
}

.btnTreinamentos a:hover {
  color: #f2ea2c;
  text-decoration: none;
}

.btnTreinamentos a:focus {
  color: #f2ea2c;
  text-decoration: none;
}



/* PAGINAÇÃO ----------------------------------------------------------------------------- */

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #000000;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #000000;
  background-color: #f2ea2c;
  border-color: #f2ea2c;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #000000;
  cursor: default;
  background-color: #f2ea2c;
  border-color: #f2ea2c;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}



/* MODAL ------------------------------------------------------------- */

.ModalErro .modal-dialog {
/*	width: 500px;*/
}

.ModalErro .modal-content {
    background-color: #f2ea2c;
}

.ModalErro .modal-body {
    padding: 0px;
}

.ModalErro .modal-header {
    padding: 15px;
    border-bottom: 0px;
}

.ModalErro .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 0px;
}

.ModalErro .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.titModalErro {
  font-family: 'Catamaran', sans-serif;
  color: #000000;
  text-align: left;
  font-weight: 600;
  font-size: 22px;
  padding-top: 10px;
}

.txtModalErro {
  font-family: 'Catamaran', sans-serif;
  color: #000000;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  padding-top: 10px;
}

.carousel-inner .item {
  padding-top: 0;
}
