.container {
    margin: auto;
    outline: 1px solid #e2e2e2;
}

@media (min-width: 1200px) {
    .container {
    }    
}

.link-direita {
    float: right;
    text-align: right;
    font-weight: bold;
}

/* TABS */
.nav.nav-tabs {
    margin-bottom: 2em;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border-top: 3px solid #1ba261 !important;
}

html.js .tab-heading {
    display: none;
}

@media (min-width: 768px) {
    html.js .tab-heading {
        display: block;
    }
}

/* TABS PARA COLUNAS */
@media (min-width: 768px) {
    .tab-content.em-colunas>.tab-pane {
        display: block !important;
    }
}

/* COLUNA NAVEGACAO */
.coluna-navegacao {
    background-color: #F5F5F5;
    padding: 0 15px 1em 15px;
    margin-bottom: 1em;
}

.coluna-navegacao .lista-ideias,
.coluna-navegacao .explore-banco-ideias {
    margin-top: 2em;
}

.coluna-navegacao li {
    margin: 0.5em 0;
}

.coluna-navegacao .explore-banco-ideias li {
    width: 50%;
    float: left;
}

.coluna-navegacao .explore-banco-ideias li:first-child {
   width: 100%
}

.coluna-navegacao .explore-banco-ideias .badge {
    margin-left: 0.3em;
}

/* BARRA PROGRESSO */
.barra-progresso {
    background-color: #E6E6E9;
    height: 33px;
    border-radius: 16px;
}

.progresso {
    background-color: #FC9C0C;
    height: 33px;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

.progresso.enviada {
    background-color: #29DC99;
    width: 100%;
}

.progresso.arquivada {
    background-color: #666666;
}

.progresso.completo {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

.qtd-apoios {
    margin-bottom: 0.2em;
    margin-top: 2em;
}

.apoios-contagem {
    color: #616161;
    font-size: 1.5em;
}

.apoios-contagem em {
    font-style: normal;
    font-weight: 600;
    font-size: 1em;
}

.apoios-ideais {
    color: #767676;
    font-weight: 600;
    font-size: 1.5em;
    text-align: right;
}

/* CARDS */
.cards-ideia .card {
    border: 1px solid #E5E5E5;
    display: block;
    padding: 1em;
    border-radius: 4px;
    margin: 1.5em 0;
    -moz-transition: box-shadow 0.5s;
    -o-transition: box-shadow 0.5s;
    -webkit-transition: box-shadow 0.5s;
    transition: box-shadow 0.5s;
}

.cards-ideia .js-card:hover,
.cards-ideia .js-card:focus {
    box-shadow: 4px 4px 10px #cecdcd;
    cursor: pointer;
}
.cards-ideia .js-card .titulo:hover,
.cards-ideia .js-card .titulo:focus {
    text-decoration: none;
}

.cards-ideia li:last-child .card {
    margin-bottom: 0;
}

.cards-ideia p {
    line-height: 1.2em;
    margin-bottom: 1em;
}

.cards-ideia .barra-progresso {
    border-radius: 4px;
}

.cards-ideia .barra-progresso,
.cards-ideia .progresso {
    height: 6px;
}

.cards-ideia .apoios-contagem {
    font-size: 1em;
}

.cards-ideia .info-card {
    margin-bottom: 1em;
}

.cards-ideia .info-prazo {
    font-size: 0.85em;
    color: #616161;
}

.cards-ideia .info-participacao {
    font-size: 0.85em;
    color: #616161;
    text-align: right;
}

.cards-ideia .qtd-compartilhamento,
.cards-ideia .qtd-comentarios {
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0.1em 0 0.1em 1.8em;
    margin: 0 0.3em;
}

.cards-ideia .qtd-compartilhamento {
    background-image: url("../img/ico-compartilhamento.png");
}

.cards-ideia .qtd-comentarios {
    background-image: url("../img/ico-comentarios.png");
}

.cards-ideia .qtd-apoios {
    margin-top: 0;
}

.cards-ideia .apoios-contagem em {
    font-size: 1.2em;
    font-style: normal;
    font-weight: 600;
}

.cards-ideia .apoios-ideais {
    font-size: 1.2em;
}

/* CARDS HUB */
.card-hub {
    border:1px solid #E5E5E5;
    position: relative;
    margin-bottom: 1em;
    text-align: center;
}

@media (min-width: 768px) {
    .card-hub {
        height: 560px;
        text-align: left;
    }
}

.card-hub .content {
    padding: 1em;
}

.card-hub h3 {
    margin-bottom: 1em;
}

.card-hub img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%;
}

.card-hub a {
    display: block;
    padding: 1em 0;
    background-image: url(../img/seta-dir.png);
    background-repeat: no-repeat;
    background-position: right center;
    width: 100%;
    text-align: left;
}

@media (min-width: 768px) {
    .card-hub a {
        position: absolute;
        bottom: 0.5em;
        width: 92%;
    }
}

/* PAGINA IDEIA */
.banner-envie-ideia {
    border: 1px solid #E5E5E5;
    border-top: 3px solid #1BA261;
    padding: 1em;
    margin-bottom: 3em;
    text-align: center;
}

@media (min-width: 768px) {
    .banner-envie-ideia {
        text-align: left;
    }
}

.banner-envie-ideia h3 {
    margin: 0;
    border-bottom: 1px solid #E5E5E5;
    font-size: 2.5em;
    line-height: 1em;
    padding-bottom: 0.2em;
    margin-bottom: 0.2em;
}

@media (min-width: 768px) {
    .banner-envie-ideia h3 {
        margin: 0;
        border-bottom: none;
        border-right: 1px solid #E5E5E5;
        text-align: right;
        padding-right: 1em;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .banner-envie-ideia h3 span {
        font-weight: bold;
    }
}
.banner-envie-ideia p {
    margin-top: 1.5em;
}

.banner-envie-ideia button {
    padding: 0.8em 3em;
}

@media (min-width: 768px) {
    .banner-envie-ideia button {
        font-size: 1.5em;
        margin-top: 1em;
    }
}

@media (min-width: 992px) {
    .banner-envie-ideia button {
        padding: 0.8em 2.5em;
    }
}

@media (min-width: 1200px) {
    .banner-envie-ideia button {
        padding: 0.8em 3em;
    }
}

a .explore-mais {
    display: block;
    font-size: 1.1em;
    border-top: 1px solid #ccc;
    margin-top: 1.5em;
    padding: 0.5em;
    padding-right: calc(2% + 20px); /* 2% do posicionamento do ícone + a largura do ícone + o padding desejado entre o ícone e o texto */
    text-align: center;
    background-position: 98% center;
    background-repeat: no-repeat;
    background-image: url(../img/ico-seta-cima.png);
}

a.collapsed .explore-mais {
    background-image: url(../img/ico-seta-baixo.png);
}

/* PAGINA - ENVIO IDEIA */
.ver-passos a {
    display: block;
    font-size: 1.2em;
    border-radius: 4px;
    padding: 1em;
    margin: 0.5em 0 0 0;
    border: 1px solid #e7e7e7;
    font-weight: 600;
    background-position: 95% center;
    background-image: url(../img/ico-seta-baixo.png);
    background-repeat: no-repeat;
}

.ver-passos.aberto a {
    background-image: url(../img/ico-seta-cima.png);
    margin: 0.5em 0 1em 0;
}

.passos-ideia {
    background-color: #F5F5F5;
    padding: 1em 15px 1em 15px;
    margin-bottom: 1em;
}

.passos-ideia h3 {
    color: #616161;
    font-size: 2.5em;
    margin: 0;
}

.passos-ideia h3 span {
    display: block;
    font-weight: 600;
}

.passos-ideia .passos {
    margin: 3em 0;
}

@media (min-width: 1200px) {
    .passos-ideia .passos {
        background-image: url("../img/bg-passos.png");
        background-repeat: no-repeat;
        background-position: center center;
        height: 685px;
    }
}

.passo1,
.passo2,
.passo3,
.passo4,
.passo5 {
    position: relative
}

.passo1:before,
.passo2:before,
.passo3:before,
.passo4:before,
.passo5:before {
    display: inline-block;
    position: absolute;
    color: #FFF;
    font-size: 3em;
}

.passo1 {
    padding-left: 9.5em;
    padding-bottom: 2em;
}

.passo1:before {
    content: "1º";
    width: 105px;
    height: 76px;
    background-image: url(../img/passo1.png);
    padding: 0.1em 0 0 0.4em;
    left: 0.35em;
}

@media (min-width: 1200px) {
    .passo1 {
        padding-left: 9.5em;
        padding-bottom: 5.7em;
    }
}

.passo2 {
    padding-left: 9.5em;
    padding-bottom: 2em;
}

.passo2:before {
    content: "2º";
    width: 101px;
    height: 85px;
    background-image: url(../img/passo2.png);
    padding: 0.1em 0 0 0.3em;
    left: 0.35em;
    text-align: left;
}

@media (min-width: 1200px) {
    .passo2 {
        padding-right: 8.5em;
        padding-bottom: 4em;
        text-align: right;
        padding-left: 0;
    }

    .passo2:before {
        right:0;
        left:initial;
    }
}

.passo3 {
    padding-left: 9.5em;
    padding-bottom: 2em;
}

.passo3:before {
    content: "3º";
    width: 100px;
    height: 88px;
    background-image: url(../img/passo3.png);
    padding: 0.5em 0 0 1.2em;
    left: 0;
}

@media (min-width: 1200px) {
    .passo3 {padding-bottom: 0;}
}

.passo4 {
    padding-left: 9.5em;
    padding-bottom: 2em;
}

.passo4:before {
    content: "4º";
    width: 92px;
    height: 78px;
    background-image: url(../img/passo4.png);
    padding: 0.1em 0 0 0.3em;
    left: 0.35em;
    text-align: left;
}

@media (min-width: 1200px) {
    .passo4 {
        padding-right: 7.5em;
        padding-top: 4.5em;
        text-align: right;
        padding-left: 5.4em;
        padding-bottom: 0;
    }

    .passo4:before {
        right:0;
        left:initial;
    }
}

.passo5 {
    padding-left: 9.5em;
    padding-bottom: 0;
}

.passo5:before {
    content: "4º";
    width: 105px;
    height: 79px;
    background-image: url(../img/passo4clp.png);
    padding: 0.1em 0 0 0.4em;
    left: 0.1em;
}

@media (min-width: 1200px) {
    .passo5 {
        padding-left: 10em;
        padding-top: 1em;
    }

    .passo5:before {
        left: 0.5em;
    }
}

.passos-ideia .passos h4 {
    font-weight: 600;
    margin-bottom: 0.2em;
}

.js .ver-passos .js-collapse {
    display: initial !important;
}

@media (min-width: 992px) {
    .js .ver-passos .js-collapse {
        display: none !important;
    } 
}

.envio-ideia h3 {
    text-align: center;
}

@media (min-width: 992px) {
    .envio-ideia h3 {
        text-align: left;
    }
}

.envio-ideia .listaAcoes {
    text-align: center;
}

@media (min-width: 992px) {
    .envio-ideia .listaAcoes {
        text-align: left;
    }
}

/* IDEIA DETALHE */

a .comentarios__titulo {
    display: block;
    font-size: 1.2em;
    border-radius: 4px;
    padding: 0.5em 0;
    margin: 0.5em 0 0 0;
    font-weight: 600;
    background-position: right center;
    background-image: url(../img/ico-seta-cima.png);
    background-repeat: no-repeat;
}

a.collapsed .comentarios__titulo {
    background-image: url(../img/ico-seta-baixo.png);
}

.ideia-detalhe .barra-progresso,
.ideia-estatistica .grafico-apoios {
    margin-bottom: 5em;
}

.quadro-detalhe-ideia {
    background-color: #F5F5F5;
    padding: 1em 15px 1em 15px;
    margin-bottom: 1em;
}

.box-grafico {
    margin-bottom: 1em;
    margin-top: 1em;
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 2em;
    text-align: center;
    position: relative;
}

@media(min-width: 992px) {
    .box-grafico {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 1em;
    }
}

.box-grafico .btn-primary {
    font-size: 1.4em;
    padding: 0.6em 2em;
}

.box-grafico .btn-primary strong {
    font-weight: normal;
}

.box-grafico .aberta-em {
    font-weight: 600;
    font-size: 1.1em;
}

.box-grafico .form-apoie-ideia {
    margin-top: 1.5em;
}

.box-grafico .grafico {
  width: 220px;
  height: 220px;
  margin: auto;
  position: relative;
  background: #E2E2E2 -webkit-linear-gradient(left, #E2E2E2 50%, #FC9C0C 50%);
  background: #E2E2E2 linear-gradient(to right, #E2E2E2 50%, #FC9C0C 50%);
  color: #FC9C0C;
  border-radius: 50%;
  margin-bottom: 1em;
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@keyframes spin {
  to {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@-webkit-keyframes background {
  50% {
    background-color: currentColor;
  }
}
@keyframes background {
  50% {
    background-color: currentColor;
  }
}
.box-grafico .grafico::after {
  content: '';
  position: absolute;
  width: 88%;
  height: 88%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #F5F5F5;
  border-radius: 50%;
}
.box-grafico .grafico::before {
  content: '';
  position: absolute;
  display: block;
  background-color: inherit;
  height: 100%;
  width: 50%;
  bottom: 0;
  right: 0;
  border-radius: 0 100% 100% 0 / 50%;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-animation: 50s spin infinite linear, 100s background infinite step-end;
          animation: 50s spin infinite linear, 100s background infinite step-end;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation-delay: inherit;
          animation-delay: inherit;
}

.box-grafico .grafico.enviada {
    background: #29DC99;
    color: #29DC99;
}

.box-grafico .grafico.arquivada {
    background: #E6E6E9;
}

.box-grafico .grafico .infos {
    margin-top: 3.2em;
    color: #616161;
    position: absolute;
    left: 0;
    z-index: 1;
    right: 0;
}

.box-grafico .grafico .qtd-dias,
.box-grafico .grafico .dias {
    line-height: 1em;
    display: block;
}

.box-grafico .grafico .qtd-dias {
    font-size: 4em;
    font-weight: 600;
}

.box-grafico .grafico .dias {
    font-size: 2.5em;
}

.box-grafico .grafico.enviada .infos {
    margin-top: 4.2em;
}

.box-grafico .grafico .estado {
    font-size: 2.5em;
    line-height: 1em;
}

.box-grafico .grafico .clp {
    font-size: 4em;
    font-weight: 600;
    line-height: 1em;
}

.box-apoios-comentarios {
    margin-bottom: 1em;
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 1em;
}

.box-grafico .grafico.arquivada .infos {
    font-weight: 600;
    margin-top: 5.5em;
}

.box-grafico .grafico .arquivada {
    font-size: 2.5em;
    line-height: 1em;
}

.box-apoios-comentarios > div > div:first-child {
    border-right: 1px solid #e2e2e2;
}

.quadro-detalhe-ideia .detalhe__apoios,
.quadro-detalhe-ideia .detalhe__comentarios {
    text-align: center;
    color: #616161;
    font-size: 1.1em;
    line-height: 1em;
    padding-top: 3.5em;
    padding-bottom: 1em;
    background-repeat: no-repeat;
    background-position: center 0.5em;
}

.quadro-detalhe-ideia .detalhe__apoios {
    background-image: url("../img/ico-coracao.png");
}

.quadro-detalhe-ideia .detalhe__comentarios {
    background-image: url("../img/ico-comentarios-grd.png");
}

.quadro-detalhe-ideia .detalhe__apoios span,
.quadro-detalhe-ideia .detalhe__comentarios span {
    display: block;
    font-size: 2.7em;
    line-height: 1em;
}

.box-estatisticas {
    text-align: center;
    margin-bottom: 1em;
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 1em;
}

.box-estatisticas a {
    font-size: 2em;
    font-weight: 600;
    padding-left: 1.5em;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("../img/ico-grafico-grd.png");
}

.box-perfil {
    font-size: 1.1em;
}

.box-perfil .foto {
    width: 50px;
    height: 50px;
    border-radius: 2em;
    position: absolute;
}

.box-perfil .foto .img-radius {
    border-radius: 2em;
    overflow: hidden;
}

.box-perfil .foto img {
    width: 100%;
}

.box-perfil .foto.gami-badge:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-color: #f1f1f1;
    background-image: url(../img/ico-estrela.png);
    background-position: center 0.1em;
    background-repeat: no-repeat;
    border: 2px solid #FFF;
    position: absolute;
    border-radius: 1em;
    bottom: -5px;
    right: -5px;
}

.box-perfil .foto.gami-badge.ouro:before {
    background-color: #EFC005;
}

.box-perfil .foto.gami-badge.prata:before {
    background-color: #5B6767;
}

.box-perfil .foto.gami-badge.bronze:before {
    background-color: #7F4632;
}

.box-perfil .nome {
    font-size: 1.2em;
    padding-left: 3.2em;
    font-weight: 600;
    display: block;
}

.box-perfil .local {
    color: #616161;
    padding-left: 4em;
    display: block;
}

a .mais-info {
    display: block;
    font-size: 1.2em;
    border-radius: 4px;
    padding: 0.5em;
    margin: 0.5em 0 1em 0;
    border: 1px solid #e7e7e7;
    font-weight: 600;
    background-position: 98% center;
    background-image: url(../img/ico-seta-cima.png);
    background-repeat: no-repeat;
}

a.collapsed .mais-info {
    background-image: url(../img/ico-seta-baixo.png);
}

/* COMENTARIOS */
.lista-comentarios > li {
    border-bottom: 1px solid #CCC;
    margin: 0.5em 0;
    padding: 0.5em 0 1.5em 0;
}

.lista-comentarios > li:last-child {
    border-bottom: none;
}

.lista-comentarios .nome {
    font-size: 1.1em;
    font-weight: 600;
}

.lista-comentarios .enviado-em {
    color: #767676;
    font-size: 0.9em;
}

.lista-comentarios .enviado-em span {
    font-weight: 600;
}

.lista-comentarios .comentario {
    margin: 0.5em 0;
}

.like-dislike {
    display: inline-block;
}

.like-dislike > li {
    display: inline-block;
    margin-right: 0.8em;
}

.like-dislike.pending {
    opacity: 0.5;
}

.like-dislike .like,
.like-dislike .dislike {
    background: transparent;
    border: none;
    background-image: url("../img/ico-like.png");
    background-repeat: no-repeat;
    background-position: 0.3em center;
    padding: 0.3em 0.3em 0.3em 1.8em;
    position: relative;
}

.like-dislike .like {
    background-image: url("../img/ico-like.png");
}

.like-dislike .like.pressed {
    background-image: url("../img/ico-like-hover.png");
}

.like-dislike .dislike {
    background-image: url("../img/ico-dislike.png");
}

.like-dislike .dislike.pressed {
    background-image: url("../img/ico-dislike-hover.png");
}

.like-dislike .like:hover,
.like-dislike .like:focus,
.like-dislike .dislike:hover,
.like-dislike .dislike:focus {
    background-color: #eee;
    outline:none;
}

.like-dislike .like.pressed:after,
.like-dislike .dislike.pressed:after {
  display:block;
  background-color: #50c1a2;
  content:"";
  position:absolute;
  bottom: -3px;
  border-radius: 10px;
  left:0;
  width:100%;
  height: 3px;
}

.like-dislike .dislike.pressed:after {
  background-color: #de7c7c;
}

.like-dislike .action {
    display: block;
    font-size: 0;
    color: transparent;
}

html.js .like-dislike .action {
    display: none; /* Esconde até para os leitores de tela se js ativo. */
}

.like-dislike .label {
    font-size: 0;
}

.box-comentarios-deslogado {
    border: 1px solid #E6E6E9;
    padding: 6em 1em 1em 1em;
    text-align: center;
    background-image: url(../img/img-baloes.png);
    background-repeat: no-repeat;
    background-position: center 1em;
    margin: 2em 0;
}

.box-comentarios-deslogado .chamada {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1;
    margin: 10px 0;
}

.box-comentarios-deslogado a {
    font-weight: bold;
}

.box-comentarios-envio {
    margin: 2em 0;
}

.box-comentarios-envio input {
    font-size: 1.2em;
}

.comentarios {
    border: 1px solid #e7e7e7;
    padding: 0 1em 0.5em 1em;
    margin-bottom: 2em;
}

@media (min-width: 992px) {
    .comentarios {
        border: none;
        padding: 0;
        margin-bottom: 0;
    }
}

/* PAGINA DE ESTATISTICAS */

.box-link-principal {
    text-align: center;
    font-size: 1.2em;
}

.titulo-estatisticas {
    text-align: center;
    font-weight: 600;
    margin-top: 2em;
    margin-bottom: 1em;
}


/* PERFIL PUBLICO */
.quadro-perfil {
    background-color: #F5F5F5;
    padding: 1em 15px 1em 15px;
}

.box-foto-nome-local {
    margin-bottom: 1em;
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 2em;
    text-align: center;
}

@media(min-width: 768px) {
    .box-foto-nome-local {
        text-align: left;
    }
}

.box-foto-nome-local .foto {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -15px;
    position:relative;
    overflow: hidden;
}

.box-foto-nome-local .foto:before {
    display: block;
    position: absolute;
    bottom: 0;
    content: "";
    height: 100px;
    z-index: 999;
    width: 100%;
    background: rgba(245,245,245,0);
    background: -moz-linear-gradient(top, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,0)), color-stop(100%, rgba(245,245,245,1)));
    background: -webkit-linear-gradient(top, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 100%);
    background: -o-linear-gradient(top, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 100%);
    background: -ms-linear-gradient(top, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 100%);
    background: linear-gradient(to bottom, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5', GradientType=0 );
}
.box-foto-nome-local .nome {
    color: #616161;
    font-size: 3.2em;
    font-weight: 600;
    line-height: 1em;
    margin-bottom: 0.4em;
}

.box-foto-nome-local .local {
    color: #707070;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1em;
    padding: 0.5em 0;
}

.box-foto-nome-local .local:before {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(../img/ico-alfinete.png);
    width: 1em;
    height: 1.2em;
    vertical-align: middle;
    margin-right: 0.2em;
    margin-top: -8px;
}

.box-pontuacao {
    font-size: 1.6rem;
    text-align: center;
    color: #616161;
    line-height: 1em;
}

@media(min-width: 768px) {
    .box-pontuacao {
        font-size: 1.4em;
    }
}

.box-pontuacao span {
    display: block;
    line-height: 1em;
}

.box-pontuacao .pontos span,
.box-pontuacao .ideias-enviadas span,
.box-pontuacao .ideias-compartilhadas span {
    font-size: 2.8em;
    font-weight: 600;
}

.box-pontuacao .pontos {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 1em;
    margin-bottom: 1em;
}

.box-pontuacao > div:first-child > div:nth-child(3) {
    border-left: 1px solid #e2e2e2;
}

.box-pontuacao .outras-acoes {
    border-top: 1px solid #e2e2e2;
    margin-top: 1em;
    padding-top: 1em;
    padding-bottom: 1em;

}

@media(min-width: 768px) {
    .box-pontuacao .outras-acoes {
        font-size: 0.8em;
    }
}

.box-pontuacao .outras-acoes span {
    font-size: 1.6em;
    font-weight: 600;
    margin-top: 7px;
}

.box-pontuacao .outras-acoes .comentou,
.box-pontuacao .outras-acoes .apoiou,
.box-pontuacao .outras-acoes .curtiu {
    background-repeat: no-repeat;
    background-position: center 0.2em;
    padding-top: 2.8em;
}

.box-pontuacao .outras-acoes .comentou {
    background-image: url(../img/ico-comentarios-grd.png);
}

.box-pontuacao .outras-acoes .apoiou {
    background-image: url(../img/ico-coracao.png);
	background-position: center 0.5em;
}

.box-pontuacao .outras-acoes .curtiu {
    background-image: url(../img/ico-like-grd.png);
}

.row.ideia-enviada {
    margin: 0 0 1em 0;
    border: 1px solid #E8E8E8;
    border-radius: 5px;
    padding: 1em 0;
}

.ideia-enviada .qtd-compartilhamento,
.ideia-enviada .qtd-comentarios {
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0.1em 0 0.1em 1.8em;
    margin: 0 0.3em;
}

.ideia-enviada .qtd-compartilhamento {
    background-image: url("../img/ico-compartilhamento.png");
}

.ideia-enviada .qtd-comentarios {
    background-image: url("../img/ico-comentarios.png");
}

.ideia-enviada .link-estatisticas {
    background-image: url("../img/ico-grafico.png");
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 0.5em 0 0 1.6em;
    margin-left: 0.5em;
}

.grafico.grafico-apoios {
    text-align: center;
    position: relative;
    width: 115px;
    height: 115px;
    color: #616161;
}

.grafico.grafico-apoios:after {
    background: #FFF;
}

.grafico.grafico-apoios.arquivada {
    background: #666;
}

.grafico.grafico-apoios.enviada {
    background: #29DC99;
    color: #616161;
}

.grafico-apoios .qtd-apoios-grafico {
    margin-top: 2.6em;
    z-index: 1;
    position: absolute;
    /* vertical-centering with position absolute */
    width: 80%;
	height: 50%;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.grafico-apoios .qtd-apoios-grafico span {
    font-size: 1.6em;
    font-weight: 600;
    line-height: 1em;
}

.ideia-enviada .info-lista-ideias {
    margin-bottom: 1em;
}

.ideia-enviada .info-lista-ideias .info-prazo {
    font-size: 0.85em;
	color: #616161;
}

.ideia-enviada .situacao {
    font-weight: 600;
}

.ideia-enviada .situacao span {
    font-weight: normal;
}

.perfil-publico h3 {
    text-align: center;
}

@media(min-width: 768px) {
    .perfil-publico h3 {
        text-align: left;
    }
}

.perfil-publico .barra-progresso {
    height: 6px;
}

.perfil-publico .barra-progresso .progresso {
    height: 6px;
}

.perfil-publico .info-participacao {
    font-size: 0.85em;
	color: #616161;
	text-align: right;
}

.perfil-publico .qtd-apoios {
    margin-top: 1em;
}

.perfil-publico .qtd-apoios .apoios-contagem {
    font-size: 1em;
}

.perfil-publico .qtd-apoios .apoios-contagem em, .perfil-publico .qtd-apoios .apoios-ideais {
    font-size: 1.2em;
}

.perfil-publico .ideia-enviada p {
    line-height: 1.2em;
    margin-bottom: 1em;
}

.perfil-publico .box-link-estatisticas {
    border-top: 1px solid #E2E2E2;
    margin-top: 2em;
    text-align: center;
    padding-top: 0.5em;
}

/* MEDALHAS CONQUISTADAS */
.medalhas-conquistadas {
    margin-bottom: 3em;
}

.medalhas-conquistadas li {
    background-image: url(../img/ico-poligono-grd.png);
    background-position: center top;
    background-repeat: no-repeat;
    display: inline-block;
    width: 27%;
    padding-top: 6em;
    text-align: center;
    margin: 0 0.5em;
    vertical-align: top;
}

@media (min-width: 768px) {
    .medalhas-conquistadas li {
        width: 28%;
        margin: 0 0.4em;
    }
}

@media (min-width: 992px) {
    .medalhas-conquistadas li {
        width: 18%;
        margin: 0 0.4em;
    }
}

.quadro-detalhe-ideia h5 {
    color: #616161;
    font-weight: 600;
}

.quadro-detalhe-ideia .medalhas-conquistadas {
    margin-bottom: 0;
    margin-top: 1.5em;
}

.quadro-detalhe-ideia .medalhas-conquistadas li {
    background-image: url(../img/ico-poligono.png);
    width: 40px;
    padding-top: 3em;
    margin: 0 0.7em;
}

.medalhas-conquistadas li:last-child {
    margin-right: 0;
}

.medalhas-conquistadas .medalha1 {
    background-image: url("../img/medalha-1-grd.png")
}

.medalhas-conquistadas .medalha2 {
    background-image: url("../img/medalha-2-grd.png")
}

.medalhas-conquistadas .medalha3 {
    background-image: url("../img/medalha-3-grd.png")
}

.medalhas-conquistadas .medalha4 {
    background-image: url("../img/medalha-4-grd.png")
}

.medalhas-conquistadas .medalha5 {
    background-image: url("../img/medalha-5-grd.png")
}

.quadro-detalhe-ideia .medalhas-conquistadas .medalha1 {
    background-image: url("../img/medalha-1.png")
}

.quadro-detalhe-ideia .medalhas-conquistadas .medalha2 {
    background-image: url("../img/medalha-2.png")
}

.quadro-detalhe-ideia .medalhas-conquistadas .medalha3 {
    background-image: url("../img/medalha-3.png")
}

.quadro-detalhe-ideia .medalhas-conquistadas .medalha4 {
    background-image: url("../img/medalha-4.png")
}

.quadro-detalhe-ideia .medalhas-conquistadas .medalha5 {
    background-image: url("../img/medalha-5.png")
}