main {
  background-image: url("../images/consultar-pedido/banner-marca-dagua.jpg");
  background-repeat: no-repeat;
  background-position: top;
  display: block;
  position: relative;
  float: left;
  width: 100%;
}

.form-consulte-encomenda {
  text-align: center;
  padding-top: 110px;
  padding-bottom: 60px;
}

.resultado-acompanhamento-pedidos {
  margin-bottom: 85px;
}

.comporta-andamento-pedidos {
  width: 80%;
  margin: 0 auto;
}

.comporta-andamento-pedidos .filtrar-registros-mobile {
  display: none;
}

.comporta-andamento-pedidos .filtrar-registros {
  border-bottom: 2px solid #EA6525;
  margin-bottom: 60px;
}

.comporta-andamento-pedidos .filtrar-registros li {
  display: inline-table;
  width: 29%;
  text-align: center;
  padding: 15px;
  position: relative;
}

.comporta-andamento-pedidos .filtrar-registros li a {
  text-decoration: none;
  font-size: 18px;
  cursor: pointer;
  color: #707070;
}

.comporta-andamento-pedidos .filtrar-registros li a:hover {
  color: #EA6525;
}

.comporta-andamento-pedidos .filtrar-registros li:hover:after {
  content: '';
  background-image: url(../images/consultar-pedido/seta-laranja-filtrar-form.svg);
  background-size: cover;
  position: absolute;
  height: 10px;
  width: 20px;
  top: 49px;
  left: calc(52% - 20px);
}

.comporta-andamento-pedidos .filtrar-registros .filtro-ativo a {
  color: #EA6525;
}

.comporta-andamento-pedidos .filtrar-registros .filtro-ativo:after {
  content: '';
  background-image: url(../images/consultar-pedido/seta-laranja-filtrar-form.svg);
  background-size: cover;
  position: absolute;
  height: 10px;
  width: 20px;
  top: 49px;
  left: calc(52% - 20px);
}

.comporta-andamento-pedidos .controles-tabela {
  margin-bottom: 20px;
  width: 100%;
  font-family: Exo2;
  font-size: 14px;
}

.comporta-andamento-pedidos .controles-tabela .alinha-esquerda-tabela {
  position: relative;
  float: left;
  color: #203A6D;
}

.comporta-andamento-pedidos .controles-tabela .alinha-direita-tabela {
  position: relative;
  float: right;
  color: #787878;
}

.comporta-andamento-pedidos .controles-tabela select {
  border: 1px solid #D6D6D6;
  border-radius: 5px;
  padding: 5px 3px;
  color: #787878;
}

.comporta-andamento-pedidos .controles-tabela select:focus {
  outline: 0px;
}

.comporta-andamento-pedidos .tabela-pedidos {
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  width: 100%;
  display: inline-table;
  margin-top: 15px;
}

.comporta-andamento-pedidos .tabela-pedidos th {
  background: #203A6D;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  padding: 20px 30px;
}

.comporta-andamento-pedidos .tabela-pedidos tr:nth-child(even) {
  background: #F5F5F5;
}

.comporta-andamento-pedidos .tabela-pedidos tr {
  text-align: center;
  font-family: Exo2;
  font-size: 16px;
  color: #707070;
}

.comporta-andamento-pedidos .tabela-pedidos tr td:not(:last-child) {
  border-right: 1px solid #D6D6D6;
}

.comporta-andamento-pedidos .tabela-pedidos tr td {
  vertical-align: middle;
  width: 20%;
}

.comporta-andamento-pedidos .tabela-pedidos tr td .status-entregue {
  color: #0BB844;
}

.comporta-andamento-pedidos .tabela-pedidos tr td .status-andamento {
  color: #EA6525;
}

.comporta-andamento-pedidos .tabela-pedidos tr td a {
  color: #EA6525;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
}

.comporta-andamento-pedidos .tabela-pedidos tr td a:after {
  content: '\276F';
  font-size: 16px;
  color: #EA6525;
  margin-left: 7px;
}

.comporta-andamento-pedidos .paginacao {
  border: 0px;
  margin: 30px;
  text-align: center;
}

.comporta-andamento-pedidos .paginacao li {
  display: inline;
  padding: 0 15px;
  vertical-align: middle;
}

.comporta-andamento-pedidos .paginacao li a {
  color: #979797;
}

.comporta-andamento-pedidos .paginacao li a:hover {
  color: #EA6525;
}

.comporta-andamento-pedidos .paginacao .pagina-ativa a {
  color: #EA6525;
}
/*# sourceMappingURL=consultar-pedidos.css.map */