﻿/* CONTEÚDOO */
/* CORES */
.fdt-cor-azul {
  color: #49C0E7 !important;
}
.fdt-cor-verde {
  color: #30BB74 !important;
}
.fdt-cor-roxo {
  color: #a430bb !important;
}
.fdt-cor-dourado {
  color: #daa520 !important;
}
.fdt-cor-amarelo {
  color: #f1d024 !important;
}
.fdt-cor-laranja {
  color: #ff6d00 !important;
}
.fdt-cor-vermelho {
  color: #EB525D !important;
}
.fdt-cor-vermelho-escuro {
  color: #8B0000 !important;
}
.fdt-cor-rosa {
  color: #f171e6 !important;
}
.fdt-cor-ciano {
  color: #00FFFF !important;
}
.fdt-cor-violeta {
  color: #EE82EE !important;
}
.fdt-cor-azul-ceu {
  color: #5CACEE !important;
}
.fdt-cor-turquesa {
  color: #00C5CD !important;
}
.fdt-cor-oliva {
  color: #698B22 !important;
}
.fdt-cor-coral {
  color: #CD5B45 !important;
}
.fdt-cor-magenta {
  color: #8B008B !important;
}
.fdt-cor-pessego {
  color: #EECBAD !important;
}
.fdt-cor-azul-real {
  color: #436EEE !important;
}
.fdt-cor-vermelho-indigo {
  color: #CD5555 !important;
}
.fdt-cor-salmao {
  color: #EE8262 !important;
}
.fdt-cor-chumbo {
  color: #333 !important;
}
.fdt-cor-cinza {
  color: #ccc !important;
}
.fdt-cor-cinza-claro {
  color: #ebebeb !important;
}
.fdt-bg-azul {
  background: #49C0E7 !important;
}
.fdt-bg-verde {
  background: #30BB74 !important;
}
.fdt-bg-roxo {
  background: #a430bb !important;
}
.fdt-bg-dourado {
  background: #daa520 !important;
}
.fdt-bg-amarelo {
  background: #f1d024 !important;
}
.fdt-bg-laranja {
  background: #ff6d00 !important;
}
.fdt-bg-vermelho {
  background: #EB525D !important;
}
.fdt-bg-vermelho-escuro {
  background: #8B0000 !important;
}
.fdt-bg-rosa {
  background: #f171e6 !important;
}
.fdt-bg-ciano {
  background: #00FFFF !important;
}
.fdt-bg-violeta {
  background: #EE82EE !important;
}
.fdt-bg-azul-ceu {
  background: #5CACEE !important;
}
.fdt-bg-turquesa {
  background: #00C5CD !important;
}
.fdt-bg-oliva {
  background: #698B22 !important;
}
.fdt-bg-coral {
  background: #CD5B45 !important;
}
.fdt-bg-magenta {
  background: #8B008B !important;
}
.fdt-bg-pessego {
  background: #EECBAD !important;
}
.fdt-bg-azul-real {
  background: #436EEE !important;
}
.fdt-bg-vermelho-indigo {
  background: #CD5555 !important;
}
.fdt-bg-salmao {
  background: #EE8262 !important;
}
.fdt-bg-chumbo {
  background: #333 !important;
}
.fdt-bg-cinza {
  background: #ccc !important;
}
.fdt-bg-cinza-claro {
  background: #ebebeb !important;
}
.fdt-borda-azul {
  border-color: #4296b2 !important;
}
.fdt-borda-verde {
  border-color: #218251 !important;
}
.fdt-borda-roxo {
  border-color: #88289b !important;
}
.fdt-borda-dourado {
  border-color: #a17a18 !important;
}
.fdt-borda-amarelo {
  border-color: #c1a61d !important;
}
.fdt-borda-laranja {
  border-color: #ce5800 !important;
}
.fdt-borda-vermelho {
  border-color: #b03d46 !important;
}
.fdt-borda-vermelho-escuro {
  border-color: #580000 !important;
}
.fdt-borda-rosa {
  border-color: #ac4fa4 !important;
}
.fdt-borda-ciano {
  border-color: #01bbbb !important;
}
.fdt-borda-violeta {
  border-color: #be65be !important;
}
.fdt-borda-azul-ceu {
  border-color: #477fad !important;
}
.fdt-borda-turquesa {
  border-color: #009096 !important;
}
.fdt-borda-oliva {
  border-color: #4f6918 !important;
}
.fdt-borda-coral {
  border-color: #904233 !important;
}
.fdt-borda-magenta {
  border-color: #5c005c !important;
}
.fdt-borda-pessego {
  border-color: #b49c88 !important;
}
.fdt-borda-azul-real {
  border-color: #314fa9 !important;
}
.fdt-borda-vermelho-indigo {
  border-color: #983f3f !important;
}
.fdt-borda-salmao {
  border-color: #bf6d54 !important;
}
.fdt-borda-chumbo {
  border-color: #4b4b4b !important;
}
.fdt-borda-cinza {
  border-color: #b5b5b5 !important;
}
.fdt-borda-cinza-claro {
  border-color: #dddddd !important;
}
/* CONTEÚDOO */
/* ÍCONES */
.fdt-icon i {
  border-radius: 50%;
  width: 26px;
  height: 26px;
  display: inline-block;
  background: #fff;
  line-height: 26px;
  text-align: center;
  background: #efefef !important;
}
.fdt-icon .fa-azul {
  color: #49C0E7 !important;
}
.fdt-icon .fa-verde {
  color: #30BB74 !important;
}
.fdt-icon .fa-roxo {
  color: #a430bb !important;
}
.fdt-icon .fa-dourado {
  color: #daa520 !important;
}
.fdt-icon .fa-amarelo {
  color: #f1d024 !important;
}
.fdt-icon .fa-laranja {
  color: #ff6d00 !important;
}
.fdt-icon .fa-vermelho {
  color: #EB525D !important;
}
.fdt-icon .fa-vermelho-escuro {
  color: #8B0000 !important;
}
.fdt-icon .fa-rosa {
  color: #f171e6 !important;
}
.fdt-icon .fa-ciano {
  color: #00FFFF !important;
}
.fdt-icon .fa-violeta {
  color: #EE82EE !important;
}
.fdt-icon .fa-azul-ceu {
  color: #5CACEE !important;
}
.fdt-icon .fa-turquesa {
  color: #00C5CD !important;
}
.fdt-icon .fa-oliva {
  color: #698B22 !important;
}
.fdt-icon .fa-coral {
  color: #CD5B45 !important;
}
.fdt-icon .fa-magenta {
  color: #8B008B !important;
}
.fdt-icon .fa-pessego {
  color: #EECBAD !important;
}
.fdt-icon .fa-azul-real {
  color: #436EEE !important;
}
.fdt-icon .fa-vermelho-indigo {
  color: #CD5555 !important;
}
.fdt-icon .fa-salmao {
  color: #EE8262 !important;
}
.fdt-icon .fa-cinza {
  color: #ccc !important;
}
.fdt-icon:hover i {
  color: #fff !important;
}
.fdt-icon:hover .fa-azul {
  background: #49C0E7 !important;
}
.fdt-icon:hover .fa-verde {
  background: #30BB74 !important;
}
.fdt-icon:hover .fa-roxo {
  background: #a430bb !important;
}
.fdt-icon:hover .fa-dourado {
  background: #daa520 !important;
}
.fdt-icon:hover .fa-amarelo {
  background: #f1d024 !important;
}
.fdt-icon:hover .fa-laranja {
  background: #ff6d00 !important;
}
.fdt-icon:hover .fa-vermelho {
  background: #EB525D !important;
}
.fdt-icon:hover .fa-vermelho-escuro {
  background: #8B0000 !important;
}
.fdt-icon:hover .fa-rosa {
  background: #f171e6 !important;
}
.fdt-icon:hover .fa-ciano {
  background: #00FFFF !important;
}
.fdt-icon:hover .fa-violeta {
  background: #EE82EE !important;
}
.fdt-icon:hover .fa-azul-ceu {
  background: #5CACEE !important;
}
.fdt-icon:hover .fa-turquesa {
  background: #00C5CD !important;
}
.fdt-icon:hover .fa-oliva {
  background: #698B22 !important;
}
.fdt-icon:hover .fa-coral {
  background: #CD5B45 !important;
}
.fdt-icon:hover .fa-magenta {
  background: #8B008B !important;
}
.fdt-icon:hover .fa-pessego {
  background: #EECBAD !important;
}
.fdt-icon:hover .fa-azul-real {
  background: #436EEE !important;
}
.fdt-icon:hover .fa-vermelho-indigo {
  background: #CD5555 !important;
}
.fdt-icon:hover .fa-salmao {
  background: #EE8262 !important;
}
.fdt-icon:hover .fa-cinza {
  background: #ccc !important;
}
a {
  color: #0fbc71;
}
a:hover {
  color: #055230;
  text-decoration: none !important;
}
.app-corPrimaria {
  color: #0fbc71 !important;
}
.app-corSecundaria {
  color: #ec6343 !important;
}
.app-corVerde {
  color: #549360 !important;
}
.app-corVerdeEscuro {
  color: #055230 !important;
}
.app-corCinzaPrimario {
  color: #D7D7D7 !important;
}
.app-corCinza {
  color: #E4E4E4 !important;
}
.app-corCinzaClaro {
  color: #f9f9f9 !important;
}
.app-corCinzaEscuro {
  color: #666666 !important;
}
.app-corBranca {
  color: #fff !important;
}
.app-corPreta {
  color: #000 !important;
}
.app-bordaPrimaria {
  border: 1px solid #0fbc71;
}
.app-bordaSecundaria {
  border: 1px solid #ec6343;
}
.app-bordaVerde {
  border: 1px solid #549360;
}
.app-bordaVerdeEscuro {
  border: 1px solid #055230;
}
.app-bordaCinzaPrimario {
  border: 1px solid #D7D7D7;
}
.app-bordaCinza {
  border: 1px solid #E4E4E4;
}
.app-bordaCinzaClaro {
  border: 1px solid #f9f9f9;
}
.app-bordaCinzaEscuro {
  border: 1px solid #666666;
}
.app-bordaBranca {
  border: 1px solid #fff;
}
.app-bordaPreta {
  border: 1px solid #000;
}
.app-bgPrimaria {
  background: #0fbc71;
}
.app-bgSecundaria {
  background: #ec6343;
}
.app-bgVerde {
  background: #549360;
}
.app-bgVerdeEscuro {
  background: #055230;
}
.app-bgCinzaPrimario {
  background: #D7D7D7;
}
.app-bgCinza {
  background: #E4E4E4;
}
.app-bgCinzaClaro {
  background: #f9f9f9;
}
.app-bgCinzaEscuro {
  background: #666666;
}
.app-bgBranca {
  background: #fff;
}
.app-bgPreta {
  background: #000;
}
body {
  /*overflow: hidden;*/
  min-height: 100vh;
}
.w100 {
  width: 100% !important;
}
.w75 {
  width: 75% !important;
}
.w60 {
  width: 60% !important;
}
.w50 {
  width: 50% !important;
}
.w25 {
  width: 25% !important;
}
.w40 {
  width: 40% !important;
}
.mb30 {
  margin-bottom: 30px;
}
.mb15 {
  margin-bottom: 15px;
}
.h100 {
  height: 100vh;
}
.h50 {
  height: 50vh;
}
.app-lista {
  margin: 0;
  list-style: none;
  padding: 0;
}
.app-lista.card li {
  padding: 10px;
  background: #f9f9f9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.app-lista.card li div {
  display: flex;
  align-items: center;
}
.app-lista.card li div i {
  font-size: 1.6em;
  margin-right: 10px;
}
.app-lista.card li div .h5 {
  margin-top: 0;
  margin-bottom: 0;
}
main {
  height: 60vh;
  /*overflow-y: scroll;*/
  padding-bottom: 30px;
  padding-top: 30px;
}
.app-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-btn {
  display: inline-block;
  padding: 15px 25px;
  text-transform: uppercase;
  border: none !important;
}
.app-btn.btn-fixedBbottom {
  position: absolute;
  bottom: 15px;
  width: 100%;
  left: 0;
  right: 0;
}
.app-btn.app-btn-sm {
  padding: 8px;
  font-size: .8em;
}
.app-btn.btn-icon {
  text-align: left !important;
}
.app-btn.btn-icon i {
  float: right;
}
.app-modal {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  display: none;
}
.app-modal.ativo {
  display: flex;
}
.app-modal .app-modal-content {
  padding: 15px;
  background: #fff;
  width: 75% !important;
}
.app-top {
  background: #0fbc71;
  border-bottom: 1px solid #ec6343;
  justify-content: center;
}
.app-top .app-lista li {
  display: none;
}
.app-top .app-lista li.ativo {
  display: block;
}
.app-top .app-lista a {
  color: #fff;
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 15px;
  text-align: center;
  text-transform: uppercase;
}
.app-top .app-lista a i {
  margin-left: 10px;
}
.app-top .app-lista .titulo {
  display: flex !important;
  color: #fff;
  align-items: center;
  justify-content: flex-start;
  text-transform: uppercase;
}
.app-top .app-lista .titulo a {
  display: inline-block;
  width: auto !important;
  color: #055230 !important;
  font-size: 1em !important;
}
.app-top .app-lista .titulo a i {
  color: #055230 !important;
}
.navbar {
  background: #055230;
  padding: 15px;
  margin-bottom: 0;
}
.navbar:after {
  content: "";
  display: table;
  clear: both;
}
.navbar .navbar-item {
  float: right;
  margin-top: 5px;
}
.navbar .lista {
  padding: 0;
  list-style: none;
  margin: 0;
}
.navbar .lista li {
  display: inline-block;
}
.navbar .lista li a {
  font-size: 1.1em;
  margin-left: 20px;
}
.navbar .lista li a:hover {
  color: #fff;
}
.app-cadastro {
  padding: 15px;
  min-height: 100vh;
  height: auto !important;
}
.app-cadastro label {
  color: #fff;
  font-size: .9em;
}
.app-cadastro input[type=email],
.app-cadastro input[type=text],
.app-cadastro input[type=tel],
.app-cadastro textarea {
  border-radius: 0 !important;
  border: none !important;
  background: #fff !important;
}
.app-cadastro .termo {
  background: none !important;
  color: #fff;
  border: 1px solid #fff;
}
.app-cadastro button {
  background: #fff !important;
  color: #0fbc71 !important;
}
.busca {
  position: fixed;
  bottom: 57px;
  display: none;
  padding: 15px;
  background: #ec6343;
  color: #fff;
  width: 100%;
}
.busca form #buscaTexto {
  width: 40%;
  display: inline-block;
}
.busca form #buscaMercado {
  width: 30%;
  display: inline-block;
}
.busca form input {
  background: #fff !important;
}
.busca form button {
  height: 34px !important;
  margin-top: 24px;
  padding: 0 15px;
  width: 28%;
  float: right;
}
.busca form:after {
  content: "";
  display: table;
  clear: both;
}
.busca div {
  margin-bottom: 0;
}
.busca.ativo {
  display: block;
}
footer {
  padding: 10px;
  background: #055230;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 999999999;
}
footer a {
  display: block;
  padding: 5px;
  border-left: 1px solid #E4E4E4;
  text-align: center !important;
  width: calc(25%);
  color: #fff;
}
footer a:hover {
  color: #fff;
}
footer a:first-child {
  border-left: none !important;
}
footer a i {
  text-align: center !important;
  display: block !important;
  color: #0fbc71;
}
.app-card-lote {
  padding: 10px;
  display: flex;
  align-items: center;
  position: relative;
  background: #f9f9f9;
  margin-bottom: 15px;
}
.app-card-lote.rejeitada {
  filter: grayscale(100%) !important;
}
.app-card-lote .card-imagem {
  width: 100%;
  height: 250px;
  background-position: center !important;
  background-size: cover !important;
}
.app-card-lote .card-imagem.img-sm {
  height: 75px;
}
.app-card-lote span.preco {
  display: block;
  width: 50%;
  padding: 10px 0;
  font-size: 1em;
  color: #ec6343;
  float: left;
}
.app-card-lote span.button {
  width: 50%;
  padding: 10px 0;
  display: block;
  text-align: right;
  color: #0fbc71;
  float: left;
}
.app-card-lote span.button i {
  color: #055230;
}
.app-card-lote.card-lg {
  border: 1px solid #ec6343;
}
.app-card-lote.card-lg span.preco {
  width: 100%;
  display: block;
  padding: 10px 0;
  font-size: 1.5em;
  color: #ec6343;
}
.app-card-lote.card-lg span.button {
  width: 100%;
  padding: 10px;
  display: block;
  text-align: right;
  color: #0fbc71;
  border-top: none;
  border-bottom: none;
}
.app-card-lote.card-lg span.button i {
  color: #055230;
}
.app-card-lote h4 {
  font-size: 1.1em;
}
.app-card-lote h4,
.app-card-lote h5 {
  margin: 0;
  padding-bottom: 10px;
  line-height: 20px;
  color: #0fbc71;
  text-transform: uppercase;
}
.app-card-lote p {
  color: #666666;
}
.app-contador {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.app-contador .counter {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.app-contador .counter b {
  width: 33.3333333%;
  height: 40px;
  line-height: 12px;
  padding-top: 8px;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: #055230;
  flex-wrap: wrap;
  border: 2px solid #D7D7D7;
}
.app-contador .counter b.zerado {
  background: #ec6343 !important;
  color: #fff !important;
}
.app-contador .counter b:nth-child(1) {
  border-right: none !important;
}
.app-contador .counter b:nth-child(2) {
  border-left: 1px solid #D7D7D7;
  border-right: none !important;
}
.app-contador .counter b:nth-child(3) {
  border-left: 1px solid #D7D7D7;
}
.app-contador .counter b SPAN {
  display: block;
  width: 100%;
  font-size: 8px;
  text-align: center;
}
.app-produto-lista {
  padding: 10px;
  background: #f9f9f9;
}
.app-produto-lista ul {
  padding: 0;
  margin: 0 0 0 20px;
}
.app-produto-lista ul li {
  margin-bottom: 15px;
}
.app-produto-preco span.preco {
  width: 100%;
  display: block;
  padding: 10px 0;
  font-size: 1.5em;
  color: #ec6343;
}
.app-produto-preco span.pagamento {
  display: block;
  padding: 5px;
  font-size: 1em;
  color: #055230;
}
.slick-prev {
  z-index: 99999;
  left: -5px;
}
.slick-next {
  z-index: 99999;
  right: -5px;
}
.slick-prev:before {
  left: 0;
  content: '\f053';
  font: normal normal normal 14px/1 FontAwesome;
  color: #ec6343 !important;
}
.slick-next:before {
  right: 0;
  content: '\f054';
  font: normal normal normal 14px/1 FontAwesome;
  color: #ec6343 !important;
}
.app-carousel {
  padding: 0 15px;
  overflow: hidden;
}
.termo {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 40vh;
  padding: 15px;
  border: 1px solid #E4E4E4;
}
input[type=email],
input[type=text],
input[type=tel],
textarea,
select {
  border-radius: 0 !important;
  border: none !important;
  background: #f2f2f2 !important;
}
select {
  background: #fff !important;
}
button:disabled {
  background: #D7D7D7;
  color: #666666 !important;
}