/* Your css code goes here */
/*@import url("themes/sandstone.min.css");
.nav-login-1{
  width: 300px;
}*/

@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio:2) {
    .nav-login-1{
      width: auto;
  }

}

.txt-branco{
	color:#fff;
}

.txt-cinza{
	color:#A4A4A4;
}


.txt-laranja{
	color:#F58634;
}

.txt-cyan{
	color:#02AFF3;
}

.txt-azul-escuro{
	color:#207ABE;
}

.txt-grafite{
	color:#1e1e1e;
}

.txt-roxo{
	color: #5E61D7;

}

.txt-azul-claro{
  	color: #0098DA;
}

.txt-verde{
	color: #70c14a;
}

.txt-violeta	{
	color: #A8518A;
}

.txt-vermelho	{
	color: #ff0000;
}

.txt-amarelo	{
	color: #FFFF00;
}

ol.lista {
  counter-reset: li;
  list-style: none;
}
ol.lista > li:before {
  counter-increment: li;
  content: '' counter(li) ' ';
  font-size: 2em;
}


.borda-titulo{
  border-bottom: 5px solid #2C63AC;
  padding-bottom: 10px;
}

.intro-message .intro{
  font-weight: 700;
  line-height: 1.2;
  margin-top: 200px;
  color: #fff;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.7);
}
.intro-message .intro-parceiro{
  font-weight: 700;
  line-height: 1.2;
  margin-top: 115px;
  color: #fff;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.7);
}
.intro{
  font-weight: 700;
  line-height: 1.1;
  margin-top: 30px;
  color: #fff;
  text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
}
.intro-2{
  font-weight: 700;
  line-height: 1.1;
  margin-top: 30px;
  color: #fff;
  text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
}
.intro-header {
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 50px;
    min-height: 480px;
    text-align: center;
    color: #f8f8f8;
    background: url(../img/intro-bg.jpg) no-repeat center;
    background-size: cover;
    background-position-y: 40px;
}
.intro-finder {
    padding-top: 20px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 20px;
    min-height: 350px;
    text-align: center;
    color: #f8f8f8;
    background: url(../img/banner-finder-1-bg.jpg) center no-repeat;
    background-size: cover;
    background-position: -150px 0 0 0;
}
.intro-silver {
    padding-top: 20px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 20px;
    min-height: 350px;
    text-align: center;
    color: #f8f8f8;
    background: url(../img/banner-silver1-bg.jpg) center no-repeat;
    background-size: cover;
    background-position: -150px 0 0 0;
}
.intro-gold {
    padding-top: 20px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 20px;
    min-height: 350px;
    text-align: center;
    color: #f8f8f8;
    background: url(../img/banner-gold1-bg.jpg) center no-repeat;
    background-size: cover;
    background-position: -150px 0 0 0;
}
.banner-01{
    padding: 100px 0;
    min-height: 200px;
    background: url(../img/banner-1-bg.jpg) no-repeat center center;
    background-size: cover;
  
}

.banner-01aa{
	padding: 70px 0;
	min-height: 200px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #336699;  
}

.banner-02{
    padding: 100px 0;
    background: #fff;
    /*color: @primary;*/
  
}
.navbar-inverse .parceiro .btn-link{color:#224c83}
.banner-finder{
    padding: 100px 0;
    background: url(../img/banner-vantagens-bg.jpg) no-repeat center;
    background-position-y: 130;
    background-size: cover;
    color: white;
}
.banner-silver{
    padding: 100px 0;
    background: url(../img/banner-vantagens-bg-silver.jpg) no-repeat center;
    background-size: cover;
    color: white;
}
.banner-gold{
    padding: 100px 0;
    background: url(../img/banner-vantagens-bg-gold.jpg) no-repeat center;
    background-size: cover;
    color: white;
}

/*Lista de Avisos*/

#well1 {
    height: calc(15% - 20px);
}
#well2 {
    height: 68%;
    margin-bottom: 0;
    overflow: auto;
}
.text-branco{
  color:#fff;
}
/*Filper*/

.cardWrapper {
  margin-top: 50px
}
 
.animation {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
 
.pageTitle sup {
  font-size: .6em;
  color: #333;
}
 
.content p {
  font-weight: 300;
}
 
.content p.description {
  font-weight: 300;
  font-size: 14px
}
 
.cardContainer {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
  
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -o-perspective: 800px;
  perspective: 800px;
  
  padding-left: 1%;
}
 
.secondRow {
  margin-top: -1.4%
}
 
.card {
  width: auto;
  height: 242px;
  cursor: pointer;
  border: 3px solid #333;
  border-radius: 3px;
  margin: 20px auto;
  color: #fff;
  
  -webkit-transition: -webkit-transform 0.6s;
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  transition: transform 0.6s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
 
.card.flipped {
  -webkit-transform: rotateY( 180deg);
  -moz-transform: rotateY( 180deg);
  -o-transform: rotateY( 180deg);
  transform: rotateY( 180deg);
}
 
.card.flipped: {}
 
.card .front {
  background: #333;
}
 
.card .front,
.card .back {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 60px;
  color: white;
  text-align: center;
  font-size: 4em;
  position: absolute;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 3px 5px 20px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.26);
}
 
.card .back {
  width: 100%;
  padding-left: 3%;
  padding-right: 3%;
  font-size: 16px;
  text-align: left;
  line-height: 25px;
}
 
.card .back {
  /*background: #499a91;*/
  -webkit-transform: rotateY( 180deg);
  -moz-transform: rotateY( 180deg);
  -o-transform: rotateY( 180deg);
  transform: rotateY( 180deg);
}
 
h3.cardTitle {
  line-height: 1.2em;
  margin-top: 8%;
  font-weight: 600;
  color:#fff;
}
 
.content h3.cardTitle {
  margin-top: 0%;
  color:#fff;
}
 
.content {
  padding: 4%;
  height: 100%;
  font-weight: 100;
  text-align: left;
  font-weight: bold;
  color:#fff;
}

.back-finder{
  background: url(../img/programa-parceria1.jpg) no-repeat center;
}
.back-finder-1{
  background: url(../img/programa-parceria1.jpg) no-repeat center;
}
.back-silver{
  background: url(../img/programa-parceria2.jpg) no-repeat center;
}
.back-silver-1{
  background: url(../img/programa-parceria2.jpg) no-repeat center;
}
.back-gold{
  background: url(../img/programa-parceria3.jpg) no-repeat center;
}
.back-gold-1{
  background: url(../img/programa-parceria3.jpg) no-repeat center;
}

/*CSS para tela de Bem Vindo*/

.op-resultado{
	font-weight: 600;
	margin-top:7px;
	position: absolute;
	left:24px;
}
.text-op{
	 font-size: 35px;
	 font-weight: 600;
}
.text-op-2{
	 font-size: 30px;
	 font-weight: 600;
}
.op-list{
  	padding:5px;
  	background:#f5f5f5;
  	margin-bottom:10px;
  	border-radius:3px;
  }
 .op-list:hover{
  	padding:5px;
  	background:#e8e8e8;
  	margin-bottom:10px;
  	border-radius:3px;
  }
  
  .panel-body  {
    word-break:break-all
  }

/*CSS para tela de Bem Vindo FIM*/

.ng-touched.ng-invalid-required {
    border-color: red;
}

.ng-dirty.ng-invalid {
  border-color: red;
}

.ng-untouched.ng-invalid {
    border-color: #ccc; 
}

.ng-submitted input.ng-invalid{
    border-color: red;
}

.ng-submitted textarea.ng-invalid{
    border-color: red;
}

.ng-submitted select.ng-invalid{
    border-color: red;
}
 /*--*/
 
 .op-div{
   border-top:2px solid #000;
   margin-top:30px;
   padding-top:40px;
 }
 
 #mapa-parceiros{
	width: 100%;
	height: 300px;

}

/*Cores */

.corLaranja{
  color:#FF8C00!important;
}

/**
*** ------------------------------------------
*** HELPERS - Estilos que podem ajudar o posicionamento de elementos
*** ------------------------------------------
**/

/* Margens */
.margem-esquerda5 { margin-left: 5px!important; }
.margem-esquerda8 { margin-left: 8px!important; }
.margem-esquerda10 { margin-left: 10px!important; }
.margem-esquerda12 { margin-left: 12px!important; }
.margem-esquerda20 { margin-left: 20px!important; }
.margem-esquerda25 { margin-left: 25px!important; }
.margem-esquerda30 { margin-left: 30px!important; }
.margem-esquerda40 { margin-left: 40px!important; }
.margem-esquerda50 { margin-left: 50px!important; }
.margem-esquerda60 { margin-left: 60px!important; }
.margem-esquerda70 { margin-left: 70px!important; }
.margem-esquerda80 { margin-left: 80px!important; }
.margem-esquerda90 { margin-left: 90px!important; }
.margem-esquerda100 { margin-left: 100px!important; }
.margem-esquerda120 { margin-left: 120px!important; }
.margem-esquerda140 { margin-left: 140px!important; }
.margem-esquerda160 { margin-left: 160px!important; }
.margem-esquerda180 { margin-left: 180px!important; }
.margem-esquerda200 { margin-left: 200px!important; }
/**/
.margem-direita5 { margin-right: 5px!important; }
.margem-direita10 { margin-right: 10px!important; }
.margem-direita12 { margin-right: 12px!important; }
.margem-direita15 { margin-right: 15px!important; }
.margem-direita20 { margin-right: 20px!important; }
.margem-direita30 { margin-right: 30px!important; }
.margem-direita40 { margin-right: 40px!important; }
.margem-direita45 { margin-right: 45px!important; }
.margem-direita50 { margin-right: 50px!important; }
.margem-direita60 { margin-right: 60px!important; }
.margem-direita70 { margin-right: 70px!important; }
.margem-direita80 { margin-right: 80px!important; }
.margem-direita90 { margin-right: 90px!important; }
.margem-direita100 { margin-right: 100px!important; }
.margem-direita120 { margin-right: 120px!important; }
.margem-direita140 { margin-right: 140px!important; }
.margem-direita160 { margin-right: 160px!important; }
.margem-direita180 { margin-right: 180px!important; }
.margem-direita200 { margin-right: 200px!important; }
/**/
.margem-cima5 { margin-top: 5px!important; }
.margem-cima8 { margin-top: 8px!important; }
.margem-cima10 { margin-top: 10px!important; }
.margem-cima15 { margin-top: 15px!important; }
.margem-cima20 { margin-top: 20px!important; }
.margem-cima25 { margin-top: 25px!important; }
.margem-cima30 { margin-top: 30px!important; }
.margem-cima40 { margin-top: 40px!important; }
.margem-cima50 { margin-top: 50px!important; }
.margem-cima60 { margin-top: 60px!important; }
.margem-cima70 { margin-top: 70px!important; }
.margem-cima80 { margin-top: 80px!important; }
.margem-cima90 { margin-top: 90px!important; }
.margem-cima100 { margin-top: 100px!important; }
.margem-cima110 { margin-top: 110px!important; }
.margem-cima120 { margin-top: 120px!important; }
.margem-cima130 { margin-top: 130px!important; }
.margem-cima140 { margin-top: 140px!important; }
.margem-cima150 { margin-top: 150px!important; }
.margem-cima160 { margin-top: 160px!important; }
/**/
.margem-baixo5 { margin-bottom: 5px!important; }
.margem-baixo10 { margin-bottom: 10px!important; }
.margem-baixo20 { margin-bottom: 20px!important; }
.margem-baixo30 { margin-bottom: 30px!important; }
.margem-baixo40 { margin-bottom: 40px!important; }
.margem-baixo50 { margin-bottom: 50px!important; }
.margem-baixo60 { margin-bottom: 60px!important; }
.margem-baixo70 { margin-bottom: 70px!important; }
.margem-baixo80 { margin-bottom: 80px!important; }
.margem-baixo90 { margin-bottom: 90px!important; }
.margem-baixo100 { margin-bottom: 100px!important; }
/**/
.no-margem-esquerda { margin-left: 0!important; }
.no-margem-direita { margin-right: 0!important; }
.no-margem-cima { margin-top: 0!important; }
.no-margem-baixo { margin-bottom: 0!important; }
.no-margem { margin: 0!important; }
.no-margem-cima-baixo {margin-right: 0!important;margin-left: 0!important;}
.hidden { display: none !important; visibility: hidden; }
.invisible { visibility: hidden; }

.margem-esquerda-negativo5 { margin-left: -5px!important; }
.margem-esquerda-negativo10 { margin-left: -10px!important; }
.margem-esquerda-negativo15 { margin-left: -15px!important; }
.margem-esquerda-negativo20 { margin-left: -20px!important; }
.margem-esquerda-negativo25 { margin-left: -25px!important; }
.margem-esquerda-negativo30 { margin-left: -30px!important; }
.margem-esquerda-negativo35 { margin-left: -35px!important; }
.margem-esquerda-negativo260 {margin-left: -270px!important;}

.margem-direita-negativo5 { margin-right: -5px!important; }
.margem-direita-negativo10 { margin-right: -10px!important; }
.margem-direita-negativo15 { margin-right: -15px!important; }
.margem-direita-negativo20 { margin-right: -20px!important; }
.margem-direita-negativo25 { margin-right: -25px!important; }
.margem-direita-negativo30 { margin-right: -30px!important; }
.margem-direita-negativo35 { margin-right: -35px!important; }

.margem-cima-negativo5 { margin-top: -5px!important; }
.margem-cima-negativo10 { margin-top: -10px!important; }
.margem-cima-negativo12 { margin-top: -12px!important; }
.margem-cima-negativo15 { margin-top: -15px!important; }
.margem-cima-negativo20 { margin-top: -20px!important; }
.margem-cima-negativo25 { margin-top: -25px!important; }
.margem-cima-negativo30 { margin-top: -30px!important; }
.margem-cima-negativo35 { margin-top: -35px!important; }
.margem-cima-negativo40 { margin-top: -40px!important; }
.margem-cima-negativo50 { margin-top: -50px!important; }
.margem-cima-negativo55 { margin-top: -55px!important; }
.margem-cima-negativo60 { margin-top: -60px!important; }
.margem-cima-negativo70 { margin-top: -80px!important; }

/* Larguras Fixas (p/ tabelas) */
.largura-fixa30 { width: 30px!important; }
.largura-fixa40 { width: 40px!important; }
.largura-fixa50 { width: 50px!important; }
.largura-fixa60 { width: 60px!important; }
.largura-fixa70 { width: 70px!important; }
.largura-fixa80 { width: 80px!important; }
.largura-fixa90 { width: 90px!important; }
.largura-fixa100 { width: 100px!important; }
.largura-fixa110 { width: 110px!important; }
.largura-fixa120 { width: 120px!important; }
.largura-fixa130 { width: 130px!important; }
.largura-fixa140 { width: 140px!important; }
.largura-fixa150 { width: 150px!important; }
.largura-fixa160 { width: 160px!important; }
.largura-fixa170 { width: 170px!important; }
.largura-fixa180 { width: 180px!important; }
.largura-fixa190 { width: 190px!important; }
.largura-fixa200 { width: 200px!important; }
.largura-fixa220 { width: 220px!important; }
.largura-fixa240 { width: 240px!important; }
.largura-fixa260 { width: 260px!important; }
.largura-fixa280 { width: 280px!important; }
.largura-fixa300 { width: 300px!important; }
.largura-fixa325 { width: 325px!important; }
.largura-fixa350 { width: 350px!important; }
.largura-fixa375 { width: 375px!important; }
.largura-fixa390 { width: 390px!important;}
.largura-fixa400 { width: 400px!important; }
.largura-fixa425 { width: 425px!important; }
.largura-fixa450 { width: 450px!important; }
.largura-fixa475 { width: 475px!important; }
.largura-fixa500 { width: 500px!important; }
.largura-fixa525 { width: 525px!important; }
.largura-fixa550 { width: 550px!important; }
.largura-fixa575 { width: 575px!important; }
.largura-fixa600 { width: 600px!important; }
.largura-fixa625 { width: 625px!important; }
.largura-fixa650 { width: 650px!important; }
.largura-fixa675 { width: 675px!important; }
.largura-fixa700 { width: 700px!important; }
.largura-fixa725 { width: 725px!important; }
.largura-fixa750 { width: 750px!important; }
.largura-fixa760 { width: 760px!important; }
.largura-fixa765 { width: 765px!important; }
.largura-fixa770 { width: 770px!important; }
.largura-fixa775 { width: 775px!important; }
.largura-fixa800 { width: 800px!important; }
.largura-fixa825 { width: 825px!important; }
.largura-fixa850 { width: 850px!important; }
.largura-fixa862 { width: 862px!important; }
.largura-fixa875 { width: 875px!important; }
.largura-fixa900 { width: 900px!important; }

/* Alturas Fixas (p/ divs e tabelas) */
.altura-fixa30 { height: 30px!important; }
.altura-fixa40 { height: 40px!important; }
.altura-fixa50 { height: 50px!important; }
.altura-fixa60 { height: 60px!important; }
.altura-fixa70 { height: 70px!important; }
.altura-fixa80 { height: 80px!important; }
.altura-fixa90 { height: 90px!important; }
.altura-fixa100 { height: 100px!important; }
.altura-fixa110 { height: 110px!important; }
.altura-fixa120 { height: 120px!important; }
.altura-fixa130 { height: 130px!important; }
.altura-fixa140 { height: 140px!important; }
.altura-fixa150 { height: 150px!important; }
.altura-fixa160 { height: 160px!important; }
.altura-fixa170 { height: 170px!important; }
.altura-fixa180 { height: 180px!important; }
.altura-fixa190 { height: 190px!important; }
.altura-fixa200 { height: 200px!important; }
.altura-fixa210 { height: 210px!important; }
.altura-fixa220 { height: 220px!important; }
.altura-fixa240 { height: 240px!important; }
.altura-fixa260 { height: 260px!important; }
.altura-fixa272 { height: 272px!important; }
.altura-fixa280 { height: 280px!important; }
.altura-fixa290 { height: 290px!important; }
.altura-fixa295 { height: 295px!important; }
.altura-fixa300 { height: 300px!important; }
.altura-fixa315 { height: 315px!important; }
.altura-fixa325 { height: 325px!important; }
.altura-fixa350 { height: 350px!important; }
.altura-fixa375 { height: 375px!important; }
.altura-fixa400 { height: 400px!important; }
.altura-fixa425 { height: 425px!important; }
.altura-fixa450 { height: 450px!important; }
.altura-fixa475 { height: 475px!important; }
.altura-fixa500 { height: 500px!important; }
.altura-fixa525 { height: 525px!important; }
.altura-fixa550 { height: 550px!important; }
.altura-fixa575 { height: 575px!important; }
.altura-fixa600 { height: 600px!important; }
.altura-fixa625 { height: 625px!important; }
.altura-fixa650 { height: 650px!important; }
.altura-fixa675 { height: 675px!important; }

/* Alturas Minimas (p/ divs e tabelas) */
.altura-min30 { min-height: 30px!important; }
.altura-min40 { min-height: 40px!important; }
.altura-min50 { min-height: 50px!important; }
.altura-min60 { min-height: 60px!important; }
.altura-min65 { min-height: 65px!important; }
.altura-min70 { min-height: 70px!important; }
.altura-min80 { min-height: 80px!important; }
.altura-min90 { min-height: 90px!important; }
.altura-min100 { min-height: 100px!important; }
.altura-min110 { min-height: 110px!important; }
.altura-min120 { min-height: 120px!important; }
.altura-min130 { min-height: 130px!important; }
.altura-min140 { min-height: 140px!important; }
.altura-min150 { min-height: 150px!important; }
.altura-min160 { min-height: 160px!important; }
.altura-min170 { min-height: 170px!important; }
.altura-min180 { min-height: 180px!important; }
.altura-min190 { min-height: 190px!important; }
.altura-min200 { min-height: 200px!important; }
.altura-min210 { min-height: 210px!important; }
.altura-min220 { min-height: 220px!important; }
.altura-min240 { min-height: 240px!important; }
.altura-min260 { min-height: 260px!important; }
.altura-min280 { min-height: 280px!important; }
.altura-min300 { min-height: 300px!important; }
.altura-min325 { min-height: 325px!important; }
.altura-min350 { min-height: 350px!important; }
.altura-min375 { min-height: 375px!important; }
.altura-min400 { min-height: 400px!important; }
.altura-min425 { min-height: 425px!important; }
.altura-min450 { min-height: 450px!important; }
.altura-min475 { min-height: 475px!important; }
.altura-min500 { min-height: 500px!important; }
.altura-min525 { min-height: 525px!important; }
.altura-min550 { min-height: 550px!important; }
.altura-min575 { min-height: 575px!important; }
.altura-min600 { min-height: 600px!important; }
.altura-min625 { min-height: 625px!important; }
.altura-min650 { min-height: 650px!important; }
.altura-min675 { min-height: 675px!important; }

.btn-material {
  opacity: 0.8 !important;
  background-color: rgb(37, 83, 144) !important;
  background-image: none !important;
}

.btn-material:hover {
  opacity: 0.6 !important;
}

.btn-material:active {
  background-color: #5289d3 !important;
}

.btn-material:focus {
  background-color: #5289d3 !important;
}