/*
THEME NAME: App Desconto na Mao
THEME URI: https://app.descontonamao.com.br
VERSION: 1.0
AUTHOR: Lucas Santos Silva - LDSS14 - lucasldss14@gmail.com
*/

body {
    height:100%;
}

.pagina_cupons,
.pagina_cupons-utilizados,
.pagina_doar-cupom {
    background-color: #f1f1f1;
}

.single {
    background-color:#fff !important;
}

.container_paginas {
    float:left;
    width:100%;
}

/* Cabecalho */
body.paginas #logo_cabecalho {
    max-width:130px;
    margin:auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

body.paginas #logo_cabecalho img {
    width:100%;
}

/* Formulario pesquisar empresa header */
body.paginas #formulario_pesquisar_header {
    width:100%;
    float:left;
}

body.paginas #formulario_pesquisar_header input {
    width:100%;
    float:left;
    height:45px;
    border:2px solid #afafaf;
    text-align:center;
    margin-bottom:15px;
}

body.paginas #formulario_pesquisar_header i {
    color: #afafaf;
    z-index: 9;
    float:left;
    margin-top:-45px;
    margin-left:15px;
    font-size:18px;
}

/* Bloco empresas */
body.paginas #container_empresas {
    width:100%;
    float:left;
    margin-bottom:110px;
}

body.paginas #container_empresas .bloco_empresa {
    width:100%;
    float:left;
    margin-bottom:7.5px;
    margin-top:7.5px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color:#fff;
    box-shadow: 0px -1px 5px 1px rgba(0, 0, 0, .1);
}

body.paginas #container_empresas .bloco_empresa .alerta {
    font-size:16px;
    font-weight:bolder;
    text-transform:uppercase;
    text-align:center;
    padding-top:6px;
    padding-left:15px;
    padding-right:15px;
}

body.paginas #container_empresas .bloco_empresa .logo_empresa {
    max-width:140px;
    padding-bottom:15px;
    margin:auto;
}

body.pagina_cupons-utilizados #container_empresas .bloco_empresa .logo_empresa {
    margin-top:9px;
}

body.paginas #container_empresas .bloco_empresa .logo_empresa img {
    width:100%;
}

body.paginas #container_empresas .bloco_empresa_nao_listadas .logo_empresa img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE */
}

body.paginas #container_empresas .bloco_empresa .logo_empresa .notificacao {
    position:relative;
    float:right;
    margin-right:-5px;
    margin-bottom:-15px;
    background-color:#fff;
    color: #ff7900;
    box-shadow:1px 1px 2px 1px #ddd;
    -webkit-box-shadow:1px 1px 2px 1px #ddd;
    -moz-box-shadown:1px 1px 2px 1px #ddd;
    font-weight:bolder;
}

body.paginas #container_empresas .bloco_empresa_nao_listadas .logo_empresa .notificacao {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE */
}

body.paginas #container_empresas .bloco_empresa .titulo_empresa,
body.paginas #container_empresas .bloco_empresa .desconto_empresa,
body.paginas #container_empresas .bloco_empresa .content_dias_funcionamento_empresa {
    width:100%;
    float:left;
}

body.paginas #container_empresas .bloco_empresa .titulo_empresa h1 {
    font-size:20px;
    font-weight:bolder;
    text-transform:uppercase;
    color: #002348;
    padding:0px;
    margin:0px;
    margin-bottom:5px;
}

body.paginas #container_empresas .bloco_empresa_nao_listadas .titulo_empresa h1 {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE */
}

body.paginas #container_empresas .bloco_empresa .desconto_empresa h4 {
    font-size:20px;
    color: #ff7900;
    padding:0px;
    margin:0px;
}

body.paginas #container_empresas .bloco_empresa_nao_listadas .desconto_empresa h4 {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE */
}

body.paginas #container_empresas .bloco_empresa .desconto_empresa p {
    color:#002348;
    font-size:18px;
}

body.paginas #container_empresas .bloco_empresa_nao_listadas .desconto_empresa p {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE */
}

body.paginas #container_empresas .bloco_empresa .content_dias_funcionamento_empresa ul {
    margin-left:-45px;
    float:left;
}

body.paginas #container_empresas .bloco_empresa .content_dias_funcionamento_empresa ul li {
    float:left;
    height:28px;
    width:28px;
    color:#fff;
    background-color:#e8e8e8;
    margin-left:5px;
    margin-right:5px;
    list-style:none;
    text-align:center;
    font-weight:bolder;
    font-size:19px;
	border-radius: 5px;
}

body.paginas #container_empresas .bloco_empresa .content_dias_funcionamento_empresa ul li.funciona {
    background-color: #002348;
}

body.paginas #container_empresas .bloco_empresa .content_media_geral_avaliacoes {
    width:100%;
    float:left;
    margin-top:-8px;
    margin-bottom:-20px;
}

body.paginas #container_empresas .bloco_empresa .content_media_geral_avaliacoes p {
    text-align:center;
    color:#002348;
}

body.paginas #container_empresas .bloco_empresa .content_media_geral_avaliacoes p i {
    color:#ff7900;
}

body.paginas #container_empresas .bloco_empresa_nao_listadas .content_media_geral_avaliacoes p i {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

body.paginas #container_empresas .bloco_empresa .marca_cupom_utilizado {
    right:0;
    position:absolute;
    margin-top: calc(15% - 160px);
}

body.paginas #container_empresas .bloco_empresa .marca_cupom_utilizado_1 {
    right:0;
    position:absolute;
    margin-top: calc(15% - 160px);
}

@media(min-width:1px) and (max-width:600px) {
    body.paginas #container_empresas .bloco_empresa .marca_cupom_utilizado {
        margin-top: calc(47.5% - 145px);
    }
    
    body.paginas #container_empresas .bloco_empresa .marca_cupom_utilizado_1 {
        margin-top: calc(47.5% - 145px);
    }
}

@media(min-width:601px) and (max-width:1000px) {
    body.paginas #container_empresas .bloco_empresa .marca_cupom_utilizado {
        margin-top: calc(30% - 145px);
    }
    
    body.paginas #container_empresas .bloco_empresa .marca_cupom_utilizado_1 {
        margin-top: calc(30% - 145px);
    }
}

body.paginas #container_empresas .bloco_empresa .marca_cupom_utilizado p {
    background-color: #ccc;
    padding:0px;
    padding-left:10px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    color:#002348;
    font-weight:bolder;
    text-transform:uppercase;
    font-size: 12px;
    line-height: 12px;
    text-align:center;
}

body.paginas #container_empresas .bloco_empresa .marca_cupom_utilizado_1 p {
    background-color:#ff7900;
    padding:0px;
    padding-left:10px;
    padding-right:5px;
    padding-top:5px;
    padding-bottom:5px;
    color:#002348;
    font-weight:bolder;
    text-transform:uppercase;
    font-size:12px;
    line-height:13px;
    text-align:center;
}

body.paginas #container_empresas .bloco_empresa .marca_cupom_utilizado:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 0;
    height: 0;
    margin-left: -7px;
    border-top: 15px solid #fff;
    border-bottom: 15px solid #fff;
    border-right: 15px solid #ccc;
    position: absolute;
}

body.paginas #container_empresas .bloco_empresa .marca_cupom_utilizado_1:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 0;
    height: 0;
    margin-left: -10px;
    border-top: 24.5px solid #fff;
    border-bottom: 24.5px solid #fff;
    border-right: 20px solid #ff7900;
    position: absolute;
}

@media (min-width:1px) and (max-width:576px) {
    body.paginas #container_empresas .bloco_empresa .bloco_tamanho_4 {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }

    body.paginas #container_empresas .bloco_empresa .bloco_tamanho_8 {
        flex: 0 0 66.666667% !important; 
        max-width: 66.666667% !important;
    }
    
    body.paginas #container_empresas .bloco_empresa .titulo_empresa h1,
    body.paginas #container_empresas .bloco_empresa .desconto_empresa h4 {
        font-size:16px !important;
    }
    
    body.paginas #container_empresas .bloco_empresa .desconto_empresa p {
        font-size:14px !important;
    }
    
    body.paginas #container_empresas .bloco_empresa .content_dias_funcionamento_empresa {
        margin-bottom:-10px;
    }
    
    body.paginas #container_empresas .bloco_empresa .content_dias_funcionamento_empresa ul li {
        height:21.5px !important;
        width:21.5px !important;
        margin-left:4px !important;
        margin-right:4px !important;
        font-size:15px !important;
    }
}

/* Menu Rodape */
body.paginas #content_menu_rodape {
    width:100%;
    float:left;
    position:fixed;
    left:0;
    bottom:0;
    background-color: #FFF;
    box-shadow: 0px -1px 5px 1px rgba(0, 0, 0, .1);
}

body.paginas #content_menu_rodape a {
    color: #ff7900;
}

body.paginas #content_menu_rodape .icone_menu_rodape {
    max-width:50px;
    margin:auto;
}

body.paginas #content_menu_rodape .icone_menu_rodape35x35 {
    max-width:35px !important;
    text-align: center !important;
}

body.paginas #content_menu_rodape .escrita_menu_rodape {
    width:100%;
    float:left;
}

body.paginas #content_menu_rodape .escrita_menu_rodape p {
    font-size:18px;
    text-transform:uppercase;
    font-weight:bolder;
    text-align:center;
    padding:0px;
    margin:0px;
}

body.paginas #content_menu_rodape .bloco_tamanho_3 {
    padding-top:10px;
    height:70px;
    overflow:hidden;
}

body.paginas #content_menu_rodape .bloco_tamanho_3:hover {
    background-color:#FFEDC2 !important;
}

body.paginas #content_menu_rodape .bloco_ativo {
    background-color: #FFEDC2 !important;
}

@media (min-width:1px) and (max-width:576px) {
    body.paginas #content_menu_rodape .bloco_tamanho_3 {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        padding-top:10px;
    }
    
    body.paginas #content_menu_rodape .escrita_menu_rodape p {
        font-size:12px !important;
    }
}

/* Notificacao - rodape */
.notificacao {
  position: absolute;
  top: 2px;
  right: 0px;
  padding: 0px 8px;
  border-radius: 15%;
  background-color: #ff7900;
  color: #fff;
}

/* Cabecalho voltar, logo e menu */
body.paginas #cabecalho_voltar_logo_menu {
    width:100%;
    float:left;
    background-color: #ff7900;
	/* background-color: #002348;*/
	margin-bottom: 10px;
}

body.single #logo_cabecalho,
body.pagina_avaliar-empresa #logo_cabecalho,
body.pagina_dar-baixa-cupom #logo_cabecalho,
body.pagina_detalhes-cupom-utilizado #logo_cabecalho,
body.paginas #logo_cabecalho {
    max-width: 110px;
}

body.paginas #cabecalho_voltar_logo_menu #botao_voltar_cabecalho {
    font-size:14px;
    text-transform:uppercase;
    color:#fff;
    background-color:#002348;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    float:left;
    margin-top:28px;
    border:0px;
	border-radius: 10px;
}

body.paginas #cabecalho_voltar_logo_menu #menu_sanduice_topo {
    width:100%;
    float:left;
    text-align:right;
    padding-top:28px;
}

body.paginas #cabecalho_voltar_logo_menu #menu_sanduice_topo i {
    color:#fff;
    font-size:32px;
    z-index:9;
    position:relative;
}

@media (min-width:1px) and (max-width:576px) {
    body.single #cabecalho_voltar_logo_menu .bloco_tamanho_3,
    body.pagina_avaliar-empresa #cabecalho_voltar_logo_menu .bloco_tamanho_3,
    body.pagina_dar-baixa-cupom #cabecalho_voltar_logo_menu .bloco_tamanho_3,
    body.pagina_detalhes-cupom-utilizado #cabecalho_voltar_logo_menu .bloco_tamanho_3,
    body.paginas #cabecalho_voltar_logo_menu .bloco_tamanho_3 {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
    
    body.single #cabecalho_voltar_logo_menu .bloco_tamanho_6,
    body.pagina_avaliar-empresa #cabecalho_voltar_logo_menu .bloco_tamanho_6,
    body.pagina_dar-baixa-cupom #cabecalho_voltar_logo_menu .bloco_tamanho_6,
    body.pagina_detalhes-cupom-utilizado #cabecalho_voltar_logo_menu .bloco_tamanho_6,
    body.paginas #cabecalho_voltar_logo_menu .bloco_tamanho_6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

/* Foto destaque empresa */
body.single #content_foto_destaque_empresa {
    width:100%;
    float:left;
    max-height:260px;
    overflow:hidden;
    text-align:center;
    margin-bottom:-80px;
}

@media (min-width:1px) and (max-width:576px) {
    body.single #content_foto_destaque_empresa {
        max-height:180px;
        margin-bottom:-60px;
    }
}

body.single #content_foto_destaque_empresa img {
    height:100%;
}

@media (min-width:1px) and (max-width:980px) {
    body.single #content_foto_destaque_empresa img {
        width:100%;
        height:auto;
    }
}

/* Logo empresa */
body.single #content_logo_empresa {
    max-width:200px;
    margin:auto;
}

@media (min-width:1px) and (max-width:576px) {
    body.single #content_logo_empresa {
        max-width:140px;
    }
}

body.single #content_logo_empresa img {
    width:100%;
}

/* Serve quantidade pessoas */
body.single #content_serve_quantas_pessoas {
    width:100%;
    float:left;
    margin-top:-45px;
    padding-right:15px;
}

@media (min-width:1px) and (max-width:576px) {
    body.single #content_serve_quantas_pessoas {
        margin-top:-25px;
    }
}


body.single #content_serve_quantas_pessoas h4,
body.single #content_serve_quantas_pessoas p {
    text-align:right;
    width:100%;
}

body.single #content_serve_quantas_pessoas h4 {
    font-size:22px;
    padding:0px;
    margin:0px;
    color: #002348;
}

body.single #content_serve_quantas_pessoas p {
    font-size:18px;
    padding:0px;
    margin:0px;
}

body.single #content_serve_quantas_pessoas span {
    float:left;
    padding-left:10px;
}

body.single #content_serve_quantas_pessoas span i {
    color: #ff7900;
}

@media (min-width:1px) and (max-width:576px) {
    body.single #content_serve_quantas_pessoas h4 {
        font-size:16px;
        color: #002348;
    }
    
    body.single #content_serve_quantas_pessoas p {
        font-size:14px;
        font-weight:bolder;
        color: #002348;
    }
}

/* Desconto */

body.single #content_desconto {
    float:left;
    width:100%;
    padding-left:15px;
    padding-right:15px;
}

body.single #content_desconto h3 {
    font-size:26px;
    font-weight:bolder;
    margin-bottom:-5px;
    color: #002348;
}

body.single #content_desconto p {
    padding:0px;
    margin:0px;
    font-size:18px;
    color: #002348;
}

/* Dias de utilizacao e Regras para utilizacao */
body.single #content_dias_utilizacao,
body.single #content_regras_para_uso_cupom,
body.single .content_localizacao_estabelecimento,
body.single #content_opcionais {
    width:50%;
    float:left;
    margin-top:15px;
}

body.single #content_opcionais {
    margin-top:-20px;
}

body.single .content_localizacao_estabelecimento {
    margin-top:-15px;
    margin-bottom:10px;
}


body.single #content_dias_utilizacao img,
body.single #content_regras_para_uso_cupom img,
body.single .content_localizacao_estabelecimento img,
body.single #content_opcionais img {
    width:25px;
    margin-right:10px;
    margin-top:-5px;
}

body.single #content_dias_utilizacao p,
body.single #content_regras_para_uso_cupom p,
body.single .content_localizacao_estabelecimento p,
body.single #content_opcionais p {
    text-transform:uppercase;
    font-size:16px;
    font-weight:bolder;
    padding-left:15px;
    padding-right:30px;
    padding-top:7px;
    padding-bottom:5px;
    background-color: #ff7900;
    color:#002348;
    width:max-content;
}

/* Dias funcionamento empresa */
body.single #content_dias_funcionamento_empresa {
    width:100%;
    float:left;
}

body.single #content_dias_funcionamento_empresa ul {
    float:left;
    margin-left:-30px;
    margin-bottom:10px;
    margin-top:-5px;
}

body.single #content_dias_funcionamento_empresa ul li {
    float:left;
    height:28px;
    width:28px;
    color:#fff;
    background-color:#e8e8e8;
    margin-left:5px;
    margin-right:5px;
    list-style:none;
    text-align:center;
    font-weight:bolder;
    font-size:19px;
}

body.single #content_dias_funcionamento_empresa ul li.funciona {
    background-color:#002348;
}

body.single .content_localizacao_estabelecimento_iframe {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    width:95%;
    margin:auto;
    top:-5px;
    margin-bottom:20px;
}
body.single .content_localizacao_estabelecimento_iframe iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

body.single .content_informacoes_estabelecimento {
    width:100%;
    float:left;
    padding-left:15px;
    padding-right:15px;
    margin-bottom:30px;
    margin-top:-10px;
}

body.single .content_informacoes_estabelecimento p {
    margin:0px;
    margin-bottom:5px;
    padding:0px;
}

body.single .content_informacoes_estabelecimento p a {
    color: #ff7900;
}

body.single .content_informacoes_estabelecimento p a:hover {
    text-decoration:none;
}

body.single .content_informacoes_estabelecimento p strong {
    text-transform:uppercase;
    font-size:16px;
}

/* Descricao regras para uso cupom */
body.single #content_descricao_regras_uso_cupom,
body.single #content_descricao_opcionais {
    width:100%;
    float:left;
    padding-left:15px;
    padding-right:15px;
    margin-top:-10px;
    font-size:17px;
    text-align:justify;
    margin-bottom:35px;
    color: #002348;
}

body.single #content_descricao_opcionais {
    padding-top:5px;
    margin-bottom:20px;
}

body.single #content_descricao_opcionais p {
    width:100%;
    float:left;
}
body.single #content_descricao_opcionais p img {
    margin-right:10px;
}


/* Botao Utilizar Cupom */
body.single #content_botao_utilizar_cupom,
body.pagina_verificar-assinatura #content_botao_utilizar_cupom {
    width:100%;
    float:left;
    text-align:center;
    margin-bottom:135px;
}

body.pagina_detalhes-cupom-utilizado #content_botao_utilizar_cupom {
    width:100%;
    float:left;
    text-align:center;
    margin-top:40px;
    margin-bottom:15px;
}

body.single #content_botao_utilizar_cupom a,
body.pagina_detalhes-cupom-utilizado #content_botao_utilizar_cupom a,
body.pagina_verificar-assinatura #content_botao_utilizar_cupom a{
    background-color: #ff7900;
    color:#002348;
    text-transform:uppercase;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:22px;
    padding-right:22px;
    font-weight:bolder;
    font-size:22px;
    border:1px solid #e8e8e8;
}

body.single #content_botao_ja_utilizado{
    background-color: #ccc;
    color:#002348;
    text-transform:uppercase;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:22px;
    padding-right:22px;
    font-weight:bolder;
    font-size:22px;
    border:1px solid #e8e8e8;
}



body.single #content_botao_utilizar_cupom a:hover,
body.pagina_detalhes-cupom-utilizado #content_botao_utilizar_cupom a:hover,
body.pagina_verificar-assinatura #content_botao_utilizar_cupom a:hover {
    text-decoration:none;
}

body.single #content_botao_utilizar_cupom a img,
body.pagina_detalhes-cupom-utilizado #content_botao_utilizar_cupom a img,
body.pagina_verificar-assinatura #content_botao_utilizar_cupom a img {
    width:30px;
    margin-top:-4px;
}

/* Topo avaliar empresa */
#content_topo_avaliar_empresa {
    width:100%;
    float:left;
    background-color: #002348;
    height:100px;
    margin-bottom:-100px;
}

@media (min-width:1px) and (max-width:576px) {
    #content_topo_avaliar_empresa {
        margin-bottom:-80px;
    }
}

/* Logo empresa pagina avaliar empresa */
body.pagina_avaliar-empresa #content_logo_empresa,
body.pagina_dar-baixa-cupom #content_logo_empresa,
body.pagina_detalhes-cupom-utilizado #content_logo_empresa {
    max-width:260px;
    margin:auto;
}

@media (min-width:1px) and (max-width:576px) {
    body.pagina_avaliar-empresa #content_logo_empresa,
    body.pagina_dar-baixa-cupom #content_logo_empresa,
    body.pagina_detalhes-cupom-utilizado #content_logo_empresa {
        max-width:200px;
    }
}

body.pagina_avaliar-empresa #content_logo_empresa img,
body.pagina_dar-baixa-cupom #content_logo_empresa img,
body.pagina_detalhes-cupom-utilizado #content_logo_empresa img {
    width:100%;
}

body.pagina_avaliar-empresa #content_titulo_avalie_estabelecimento,
body.pagina_detalhes-cupom-utilizado #content_titulo_mostre_ao_garcon,
body.pagina_meu-perfil #content_titulo_dados_pessoais,
body.pagina_meu-perfil #content_titulo_alterar_sennha,
body.pagina_finalizar-pedido #content_titulo_dados_pessoais{
    float:left;
    width:100%;
}

body.pagina_avaliar-empresa #content_titulo_avalie_estabelecimento h4,
body.pagina_detalhes-cupom-utilizado #content_titulo_mostre_ao_garcon h4,
body.pagina_meu-perfil #content_titulo_dados_pessoais h4,
body.pagina_meu-perfil #content_titulo_alterar_sennha h4,
body.pagina_finalizar-pedido #content_titulo_dados_pessoais h4 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bolder;
    padding-left: 15px;
    padding-right: 30px;
    padding-top: 7px;
    padding-bottom: 5px;
    background-color: #ff7900;
    color: #002348;
    width:max-content;
    margin-top:25px;
}

body.pagina_meu-perfil #content_titulo_dados_pessoais h4,
body.pagina_meu-perfil #content_titulo_alterar_sennha h4 {
    padding-bottom:7px;
}

body.pagina_avaliar-empresa #content_avaliacao_estrelas {
    float:left;
    width:100%;
    margin-top:25px;
}

body.pagina_avaliar-empresa #content_avaliacao_estrelas .content_blocos_avaliacoes p {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bolder;
    padding-left: 15px;
    color: #002348;
}

body.pagina_avaliar-empresa #content_avaliacao_estrelas .content_blocos_avaliacoes ul {
    float:left;
    width:100%;
    margin-left:-30px;
    margin-top:-10px;
}

body.pagina_avaliar-empresa #content_avaliacao_estrelas .content_blocos_avaliacoes ul li {
    list-style:none;
    float:left;
    margin-left:2px;
    margin-right:2px;
}

body.pagina_avaliar-empresa #content_avaliacao_estrelas .content_blocos_avaliacoes ul li i {
    font-size:22px;
    color:#e8e8e8;
}

body.pagina_avaliar-empresa #content_avaliacao_estrelas .content_blocos_avaliacoes .uma_estrela #estrela_numero_1 i,
body.pagina_avaliar-empresa #content_avaliacao_estrelas .content_blocos_avaliacoes .duas_estrelas #estrela_numero_1 i,
body.pagina_avaliar-empresa #content_avaliacao_estrelas .content_blocos_avaliacoes .duas_estrelas #estrela_numero_2 i,
body.pagina_avaliar-empresa #content_avaliacao_estrelas .content_blocos_avaliacoes .tres_estrelas #estrela_numero_1 i,
body.pagina_avaliar-empresa #content_avaliacao_estrelas .content_blocos_avaliacoes .tres_estrelas #estrela_numero_2 i,
body.pagina_avaliar-empresa #content_avaliacao_estrelas .content_blocos_avaliacoes .tres_estrelas #estrela_numero_3 i,
body.pagina_avaliar-empresa #content_avaliacao_estrelas .content_blocos_avaliacoes .quatro_estrelas #estrela_numero_1 i,
body.pagina_avaliar-empresa #content_avaliacao_estrelas .content_blocos_avaliacoes .quatro_estrelas #estrela_numero_2 i,
body.pagina_avaliar-empresa #content_avaliacao_estrelas .content_blocos_avaliacoes .quatro_estrelas #estrela_numero_3 i,
body.pagina_avaliar-empresa #content_avaliacao_estrelas .content_blocos_avaliacoes .quatro_estrelas #estrela_numero_4 i,
body.pagina_avaliar-empresa #content_avaliacao_estrelas .content_blocos_avaliacoes .cinco_estrelas #estrela_numero_1 i,
body.pagina_avaliar-empresa #content_avaliacao_estrelas .content_blocos_avaliacoes .cinco_estrelas #estrela_numero_2 i,
body.pagina_avaliar-empresa #content_avaliacao_estrelas .content_blocos_avaliacoes .cinco_estrelas #estrela_numero_3 i,
body.pagina_avaliar-empresa #content_avaliacao_estrelas .content_blocos_avaliacoes .cinco_estrelas #estrela_numero_4 i,
body.pagina_avaliar-empresa #content_avaliacao_estrelas .content_blocos_avaliacoes .cinco_estrelas #estrela_numero_5 i {
    color: #ff7900;
}

body.pagina_avaliar-empresa #content_botao_avaliar_ler_qr_code {
    float:left;
    width:100%;
    text-align:center;
    margin-top:25px;
    margin-bottom:135px;
}

body.pagina_avaliar-empresa #content_botao_avaliar_ler_qr_code button {
    background-color: #ff7900;
    color: #002348;
    text-transform: uppercase;
    padding-top: 11px;
    padding-bottom: 9px;
    padding-left: 22px;
    padding-right: 22px;
    font-weight: bolder;
    font-size: 22px;
    border: 1px solid #e8e8e8;
}

body.pagina_avaliar-empresa #content_botao_avaliar_ler_qr_code button:hover {
    text-decoration:none;
}

body.pagina_avaliar-empresa #content_botao_avaliar_ler_qr_code button img {
    width:30px;
    margin-top:-5px;
}

body.pagina_avaliar-empresa #formulario_submeter_avaliacoes {
    display:none;
}

/* Menu sanduiche */
body.paginas #content_menu_sanduiche {
    display:none;
    background-color: #002348;
    height:100%;
    width:100%;
    position:fixed;
    z-index:99999;
    -webkit-transition:background 0.5s ease-out;
    -moz-transition:background 0.5s ease-out;
    -o-transition:background 0.5s ease-out;
    -ms-transition:background 0.5s ease-out;
}

body.paginas .abrir_menu_sanduiche {
    display:block !important;
}

body.paginas #content_menu_sanduiche #content_botao_fechar_menu_sanduiche {
    width:100%;
    float:left;
    text-align:right;
    padding-left:15px;
    padding-right:15px;
    padding-top:25px;
    margin-bottom:-40px;
}

body.paginas #content_menu_sanduiche #content_botao_fechar_menu_sanduiche i {
    color:#fff;
    font-size:30px;
}

body.paginas #content_menu_sanduiche ul {
    width:100%;
    float:left;
    margin-top:45px;
}

body.paginas #content_menu_sanduiche ul li {
    list-style:none;
    text-align:center;
    margin-left:-45px;
    padding-top:3.5px;
    padding-bottom:3.5px;
}

body.paginas #content_menu_sanduiche ul li a {
    text-align:center;
    color:#fff;
    text-transform:uppercase;
    font-size:20px;
    font-weight:bolder;
}

body.paginas #content_menu_sanduiche ul li a:hover {
    text-decoration:none;
}

/* Pagina Leitor QRCode Empresa */
body.pagina_leitor-qrcode-empresa #content_titulo_qrcode_empresa {
    float:left;
    width:100%;
    padding-left:15px;
    padding-right:15px;
    position:absolute;
    top:25px;
    z-index:999;
    /* default fallback */
background: rgb(255, 255, 255) transparent;
/* nice browsers */
background: rgba(255, 255, 255, 0.7);
/* IE 6/7 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
/* IE8 */    
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";
}

body.pagina_leitor-qrcode-empresa #content_titulo_qrcode_empresa h4 {
    text-align:center;
    font-weight:bolder;
    text-transform:uppercase;
    font-size:18px;
    padding-top:10px;
}

body.pagina_leitor-qrcode-empresa #content_leitor_qr {
    width:100%;
    float:left;
}

body.pagina_leitor-qrcode-empresa #loading_dm {
    width:100%;
    height:100%;
    background-color:#fff;
    position:absolute;
    z-index:9999;
    display: grid;
}

body.pagina_leitor-qrcode-empresa #loading_dm #content_loading_dm {
    width:100px;
    height:100px;
    margin:auto;
}

body.pagina_leitor-qrcode-empresa #loading_dm #content_loading_dm img {
    width:100%;
}

body.pagina_leitor-qrcode-empresa #loading_dm.esconder {
    display:none;
}

/* Pagina Login */
body.pagina_deslogado {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #bbb !important;
    padding-top:47%;
}

body.pagina_deslogado #logo_pagina_deslogado {
    width:120px;
    margin:auto;
    margin-bottom:25px;
}

body.pagina_deslogado #logo_pagina_deslogado img {
    width:100%;
}

body.pagina_deslogado .user_card {
    margin-top:-540px !important;
    width: 370px;
    margin-top: auto;
    margin-bottom: auto;
    background: #ff7900;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding-top:30px;
    padding-bottom:30px;
}

@media (min-width:576px) and (max-width:1000px) {
    body.pagina_deslogado {
        padding-top:25% !important;
    }
}

@media (min-width:1px) and (max-width:1000px) {
    body.pagina_deslogado .user_card {
        margin-top:-110px !important;
        margin-bottom:50px;
    }
}

body.pagina_deslogado .form_container form {
    padding-left:15px;
    padding-right:15px;
}

body.pagina_deslogado .login_btn {
    width: 100%;
    background: #002348 !important;
    color: #fff !important;
    height:45px;
}

body.pagina_deslogado .login_btn:focus {
    box-shadow: none !important;
    outline: 0px !important;
}

body.pagina_deslogado .login_container {
    padding: 0 2rem;
}

body.pagina_deslogado .input-group-text {
    background: #002348 !important;
    color: white !important;
    border: 0 !important;
    border-radius: 0.25rem 0 0 0.25rem !important;
}

body.pagina_deslogado .input_user,
body.pagina_deslogado .input_pass{
    height:45px;
}

body.pagina_deslogado .input_user,
body.pagina_deslogado .input_pass:focus {
    box-shadow: none !important;
    outline: 0px !important;
}

body.pagina_deslogado .form-control {
    border-radius:0px;
}

body.pagina_deslogado .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #c0392b !important;
}

body.pagina_deslogado .links {
    z-index:999;
}

body.pagina_deslogado .links a {
    color:#002348;
}

body.pagina_deslogado .links a:hover {
    text-decoration:none;
}

/* Pagina dar baixa cupom */
body.pagina_dar-baixa-cupom #content_cupom_dado_baixa {
    width:100%;
    float:left;
    padding-top:50px;
}

body.pagina_dar-baixa-cupom #content_cupom_dado_baixa h4 {
    text-align:center;
    font-size:18px;
}

/* Pagina detalhes cupom */
body.pagina_detalhes-cupom-utilizado #content_dados_usuario {
    width:100%;
    float:left;
    margin-top:10px;
    min-height:182px;
    margin-bottom:55px;
}

body.pagina_detalhes-cupom-utilizado #content_dados_usuario ul {
    margin-left:-50px;
}

body.pagina_detalhes-cupom-utilizado #content_dados_usuario ul li {
    padding-left:10px;
    padding-right:10px;
    list-style:none;
    background-color:#D9D9D9;
    margin-top:10px;
    margin-bottom:10px;
    padding-left:25px;
    padding-right:25px;
    padding-top:7px;
    padding-bottom:5px;
    font-weight:bolder;
    text-transform:uppercase;
    font-size: 16px;
}

body.pagina_detalhes-cupom-utilizado #content_dados_usuario ul li i {
    margin-right:10px;
}

body.pagina_detalhes-cupom-utilizado #content_dados_usuario ul li img {
    width:16px;
    margin-right:8px;
    margin-top:-3px;
}

/* Pagina meu perfil */

body.pagina_meu-perfil #titulo_meu_perfil {
    width:100%;
    float:left;
    margin-bottom:-5px;
}

body.pagina_meu-perfil #titulo_meu_perfil h3 {
    font-weight:bolder;
    text-transform:uppercase;
    color:#fff;
    background-color: #002348;
    text-align:center;
    font-size:22px;
    padding-top:15px;
    padding-bottom:15px;
}

body.pagina_meu-perfil #content_titulo_alterar_sennha {
    margin-bottom:105px;
}

body.pagina_meu-perfil .formulario_meu_perfil {
    padding:15px;
    max-width:720px;
}

body.pagina_meu-perfil .formulario_meu_perfil input,
body.pagina_meu-perfil .formulario_meu_perfil select {
    margin-bottom:15px;
    border-radius:0px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    height:40px;
}

body.pagina_meu-perfil .formulario_meu_perfil .content_submit_button {
    text-align:center;
}

body.pagina_meu-perfil .formulario_meu_perfil .content_submit_button button {
    background-color: #002348;
    color: #fff;
    border:0px;
    font-size:16px;
    font-weight:bolder;
    text-transform:uppercase;
    padding:5px;
    padding-left:15px;
    padding-right:15px;
    border: 1px solid #e8e8e8;
}

/* Pagina verificar assinatura */

body.pagina_verificar-assinatura #titulo_verificar_assinatura {
    width:100%;
    float:left;
}

body.pagina_verificar-assinatura #titulo_verificar_assinatura h3 {
    font-weight:bolder;
    text-transform:uppercase;
    color:#fff;
    background-color: #002348;
    text-align:center;
    font-size:22px;
    padding-top:15px;
    padding-bottom:15px;
}

body.pagina_verificar-assinatura #content_dados_assintura {
    width:100%;
    float:left;
    margin-bottom:25px;
}

body.pagina_verificar-assinatura #content_dados_assintura ul {
    list-style:none;
    margin-top:20px;
    padding:0px;
}

body.pagina_verificar-assinatura #content_dados_assintura ul li {
    background-color:#F1F1F1;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom:10px;
    padding-top:7px;
    padding-bottom:5px;
    font-size:16px;
    font-weight:bolder;
    text-transform:uppercase;
    color: #002348;
}

body.pagina_verificar-assinatura #content_dados_assintura ul li i {
    margin-right:10px;
}

body.pagina_verificar-assinatura #content_dados_assintura ul li img {
    width:16px;
    margin-right:8px;
    margin-top:-3px;
}

body.pagina_verificar-assinatura #content_botao_utilizar_cupom a {
    padding-bottom:15px;
}

body.pagina_verificar-assinatura #content_botao_utilizar_cupom p {
    text-transform:uppercase;
    margin-top:35px;
    font-size:14px;
    margin-bottom:-15px;
    color: #002348;
}

/* Pagina finalizar pedido */
body.pagina_finalizar-pedido .woocommerce-form-coupon-toggle,
body.pagina_finalizar-pedido .woocommerce-additional-fields,
body.pagina_finalizar-pedido .woocommerce-notices-wrapper,
body.pagina_finalizar-pedido .woocommerce-billing-fields h3,
body.pagina_finalizar-pedido .woocommerce-error{
    display:none;
}

body.pagina_finalizar-pedido #titulo_finalizar_pedido {
    width:100%;
    float:left;
    margin-bottom:-5px;
}

body.pagina_finalizar-pedido #titulo_finalizar_pedido h3 {
    font-weight:bolder;
    text-transform:uppercase;
    color:#fff;
    background-color:#002348;
    text-align:center;
    font-size:22px;
    padding-top:15px;
    padding-bottom:15px;
}

body.pagina_finalizar-pedido #content_pag_seguro {
    width:100%;
    float:left;
}

body.pagina_finalizar-pedido #content_pag_seguro .col-1 {
    max-width:100%;
    width:100%;
    float:left;
}

body.pagina_finalizar-pedido #content_pag_seguro .woocommerce-billing-fields__field-wrapper {
    max-width:720px;
}

body.pagina_finalizar-pedido #content_pag_seguro .woocommerce-input-wrapper {
    width:100%;
}

body.pagina_finalizar-pedido #content_pag_seguro .woocommerce-input-wrapper input,
body.pagina_finalizar-pedido #content_pag_seguro .woocommerce-input-wrapper .select2-selection {
    height:40px;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    border: 1px solid #ced4da;
    margin-top:-10px;
}

body.pagina_finalizar-pedido #content_pag_seguro .woocommerce-input-wrapper .select2-selection b {
    top:20px;
}

body.pagina_finalizar-pedido #content_pag_seguro .woocommerce-billing-fields__field-wrapper .form-row-first,
body.pagina_finalizar-pedido #content_pag_seguro .woocommerce-billing-fields__field-wrapper .form-row-last {
    width:100%;
}

body.pagina_finalizar-pedido #order_review {
    padding-left:20px;
    padding-right:20px;
}

/* Pagina doar cupom */

body.pagina_doar-cupom #titulo_doar_cupom {
    width:100%;
    float:left;
    margin-bottom:10px;
}

body.pagina_doar-cupom #titulo_doar_cupom h3 {
    font-weight:bolder;
    text-transform:uppercase;
    color:#fff;
    background-color:#002348;
    text-align:center;
    font-size:22px;
    padding-top:15px;
    padding-bottom:15px;
}

/* Pagina como funciona */
body.pagina_como-funciona #titulo_como_funciona {
    width:100%;
    float:left;
    margin-bottom:-5px;
}

body.pagina_como-funciona #titulo_como_funciona h3 {
    font-weight:bolder;
    text-transform:uppercase;
    color:#fff;
    background-color: #002348;
    text-align:center;
    font-size:22px;
    padding-top:15px;
    padding-bottom:15px;
}

body.pagina_como-funciona #content_pagina_como_funciona {
    width:100%;
    float:left;
    padding: 15px;
    margin-bottom:80px;
}

body.pagina_como-funciona #content_pagina_como_funciona p {
    text-align:justify;
}

/* Pagina sugerir estabelecimento */
body.pagina_sugerir-estabelecimento #titulo_sugerir_estabelecimento {
    width:100%;
    float:left;
    margin-bottom:-5px;
}

body.pagina_sugerir-estabelecimento #titulo_sugerir_estabelecimento h3 {
    font-weight:bolder;
    text-transform:uppercase;
    color:#fff;
    background-color: #002348;
    text-align:center;
    font-size:22px;
    padding-top:15px;
    padding-bottom:15px;
}

body.pagina_sugerir-estabelecimento #content_pagina_sugerir_estabelecimento {
    width:100%;
    float:left;
    padding: 15px;
    margin-bottom:80px;
}

body.pagina_sugerir-estabelecimento #content_pagina_sugerir_estabelecimento p {
    text-align:justify;
}

body.pagina_sugerir-estabelecimento #content_pagina_sugerir_estabelecimento .wpcf7-form {
    max-width:500px;
    margin:auto;
}

body.pagina_sugerir-estabelecimento #content_pagina_sugerir_estabelecimento .wpcf7-form p,
body.pagina_sugerir-estabelecimento #content_pagina_sugerir_estabelecimento .wpcf7-form p span {
    width:100%;
}

body.pagina_sugerir-estabelecimento #content_pagina_sugerir_estabelecimento .wpcf7-form p input {
    height:40px;
    padding-left:10px;
    padding-right:10px;
    width:100%;
}

body.pagina_sugerir-estabelecimento #content_pagina_sugerir_estabelecimento .wpcf7-form p textarea {
    width:100%;
    padding:10px;
    height:150px;
}

body.pagina_sugerir-estabelecimento #content_pagina_sugerir_estabelecimento .wpcf7-form p input[type="submit"] {
    width:auto;
    background-color: #002348;
    color: #fff;
    border: 0px;
    font-size: 16px;
    font-weight: bolder;
    text-transform: uppercase;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #e8e8e8;
}

/* Pagina ajuda e contato */
body.pagina_ajuda-e-contato #titulo_ajuda_contato {
    width:100%;
    float:left;
    margin-bottom:-5px;
}

body.pagina_ajuda-e-contato #titulo_ajuda_contato h3 {
    font-weight:bolder;
    text-transform:uppercase;
    color:#fff;
    background-color: #002348;
    text-align:center;
    font-size:22px;
    padding-top:15px;
    padding-bottom:15px;
}

body.pagina_ajuda-e-contato #content_pagina_ajuda_e_contato {
    width:100%;
    float:left;
    padding: 15px;
    margin-bottom:80px;
}

body.pagina_ajuda-e-contato #content_pagina_ajuda_e_contato p {
    text-align:justify;
}

body.pagina_ajuda-e-contato #content_pagina_ajuda_e_contato .wpcf7-form {
    max-width:500px;
    margin:auto;
}

body.pagina_ajuda-e-contato #content_pagina_ajuda_e_contato .wpcf7-form p,
body.pagina_ajuda-e-contato #content_pagina_ajuda_e_contato .wpcf7-form p span {
    width:100%;
}

body.pagina_ajuda-e-contato #content_pagina_ajuda_e_contato .wpcf7-form p input {
    height:40px;
    padding-left:10px;
    padding-right:10px;
    width:100%;
}

body.pagina_ajuda-e-contato #content_pagina_ajuda_e_contato .wpcf7-form p textarea {
    width:100%;
    padding:10px;
    height:150px;
}

body.pagina_ajuda-e-contato #content_pagina_ajuda_e_contato .wpcf7-form p input[type="submit"] {
    width:auto;
    background-color: #002348;
    color: #fff;
    border: 0px;
    font-size: 16px;
    font-weight: bolder;
    text-transform: uppercase;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #e8e8e8;
}

/** Iframe youtube **/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Pagina ativar cupons */
body.pagina_ativar-cupons #titulo_ativar_cupons {
    width:100%;
    float:left;
    margin-bottom:-5px;
}

body.pagina_ativar-cupons #titulo_ativar_cupons h3 {
    font-weight:bolder;
    text-transform:uppercase;
    color:#fff;
    background-color: #002348;
    text-align:center;
    font-size:22px;
    padding-top:15px;
    padding-bottom:15px;
}

body.pagina_ativar-cupons #content_pagina_ativar_cupons {
    width:100%;
    float:left;
    padding: 15px;
    margin-bottom:80px;
}

body.pagina_ativar-cupons #content_pagina_ativar_cupons form {
    max-width:300px;
    margin:auto;
}

body.pagina_ativar-cupons #content_pagina_ativar_cupons form input {
    width:100%;
    float:left;
    margin-bottom: 15px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    height: 40px;
    text-align:center;
    line-height:40px;
}

body.pagina_ativar-cupons #content_pagina_ativar_cupons form .content_submit_button {
    text-align:center;
}

body.pagina_ativar-cupons #content_pagina_ativar_cupons form .content_submit_button button {
    background-color: #002348;
    color: #fff;
    border: 0px;
    font-size: 16px;
    font-weight: bolder;
    text-transform: uppercase;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #e8e8e8;
}