.custom-link-topo {
    text-decoration:none;
    color:white;
    font-weight:600;
    font-size:small;
}

.custom-link-submenu {
    text-decoration: none;
    color: white;
    font-weight: 600;
    font-size: medium;
    border: 0;
}


.custom-link-submenu:hover {
    color:white;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


.custom-link {
    text-decoration: solid;
    text-decoration-line: underline;
    text-decoration-color: white;
    color:white;
}

.custom-link:hover {
    text-decoration: solid;
    text-decoration-line: underline;
    text-decoration-color: lightgray;
    color: lightgray;
}

.custom-link-no-decoration {
    text-decoration: none;
    color: white;
}

.custom-link-no-decoration:hover {
    text-decoration: none;
    color: lightgray;
}

.custom-link-no-decoration-nostyle{
    text-decoration: none;
}

.custom-link-no-decoration-nostyle:hover {
    text-decoration:none;
}

/*Link customizado na pagina de visualização do produto (Departamento -> Grupo)*/
.custom-link-navegacao-secoes {
    color: dimgray;
    text-decoration:none;
}

.custom-link-navegacao-secoes:hover {
    color: dimgray;
    text-decoration:solid;
    text-decoration-color: dimgray; 
}



/*ESPAÇAMENTOS VERTICAIS ENTRE LINHAS (P, H, SPAN, ETC)*/
.p-espacamento-vert-1 {
    line-height: 1px;
}

.p-espacamento-vert-2 {
    line-height: 2px;
}

.p-espacamento-vert-3 {
    line-height: 3px;
}

.p-espacamento-vert-4 {
    line-height: 4px;
}

.p-espacamento-vert-5 {
    line-height: 5px;
}

.p-espacamento-vert-6 {
    line-height: 6px;
}

.p-espacamento-vert-7 {
    line-height: 7px;
}

.p-espacamento-vert-8 {
    line-height: 8px;
}

.p-espacamento-vert-9 {
    line-height: 9px;
}

.p-espacamento-vert-10 {
    line-height: 10px;
}

.p-espacamento-vert-15 {
    line-height: 15px;
}

.p-espacamento-vert-18 {
    line-height: 18px;
}

.texto-rodape {
    font-size: 13px;
    font-weight: 600;
}

.titulo-rodape {
    font-weight:700;
}


.custom-navbar-image {
    width:250px;
    height:auto;
    margin-bottom:30px;
}

.background_item_notificacao {
    background-color: #f6f6f6;
}

/*Cor padrão da empresa*/
/*.cor-fundo-padrao-1 {
    background-color: #02458c;
}*/

/*Cor padrão da empresa*/
/*.cor-fundo-padrao-2 {
    background-color: #02458c;
}*/

/*Cor padrão da empresa*/
/*.cor-fundo-padrao-3 {
    background-color: white;
}*/


/*Cor padrão da empresa*/
/*.cor-padrao-1 {
    color: #02458c;
}

.cor-padrao-2 {
    color: #02458c;
}

.cor-padrao-3 {
    color: #02458c;
}*/

/*Estilo das seções*/
/*.topico_secoes {
    background-color: #a10032;*/ /*é a cor padrão da empresa*/
    /*border-radius: 6px;
    color: white;
    font-size: x-large;
    font-weight: 600;
    padding-bottom: 5px;
}*/




.linha-horizontal {
    width:100%;
    height:2px;
    background-color:white;
}


p.texto-lista-enderecos {
    line-height: 0.5em;
    font-weight:600;
    font-size: 16px;
    white-space:nowrap;
}

/*Determina a cor do texto dos icones do menu superior (normalmente mesma cor do cor-padrao-3)*/
/*.texto-icones-menu-topo {
    color: #02458c;
    font-weight: 600;
    line-height: 1em;
}*/


/*Região - Grade de produtos*/


/*nome do produto na grade de produtos (abaixo da foto)*/
.nome-produto-grade {
    font-size: 12px;
    height: 2.6em;
    line-height: 1em;
    font-weight:600;
}

/*campo preço cortado (quando há ofertas)*/
.preco-antigo-produto-grade {
    color: #858585;
    text-align: left;
    margin-top: 45px;
    line-height: 0;
}

.preco-normal-fora-clube {
    color: black;/*#F90404;*/
    font-weight:bold;
    text-align: left;
    margin-top: 45px;
    line-height: 0;
}

.preco-produto-grade {
    color: #0524E8;
    font-weight: 700;
    line-height: 2px;
    margin-top: 20px;
    width: 100%;
}

.preco-produto-grade-oferta {
    color: #DC3545;
    font-weight: 800;
    line-height: 2px;
    margin-top: 20px;
    width: 100%;
}

/*My Row e My Columns -- Menu de departamentos*/

div.myrow:after{
    content:"";
    display:table;
    clear:both;
}

.my-column{
    float:left;
}


div.logo-clube:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/*Fim do My Row e My Columns*/


.campo-pesquisa {
    font-family: inherit;
    font-size: 22px;
    font-style: normal;
    /*min-width: 350px;*/
    background-image: url("../../images/search-gray2.png");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 30px;
}

.label-cadastro-clientes {
    font-weight: 600;
    font-size: 18px;
    color: gray;
}

.input-formulario {
    font-size:18px;
    font-weight:600;
    color:dimgray;
}

/*Apesar de dizer que tá errado, funciona*/
.input-formulario::placeholder {
    color:lightgray;
}

input-formulario::-webkit-input-placeholder {
    color:lightgray;
}

.input-formulario::-moz-placeholder {
    color:lightgray;
}

.input-formulario:-ms-input-placeholder {
    color:lightgray;
}

/*Apesar de dizer que tá errado, funciona*/
.input-formulario::-ms-input-placeholder {
    color:lightgray;
}

.qtd-preco-carrinho {
    color:dimgray;
    text-align:center;
    white-space:nowrap; /*isso previne que o texto quebre nos espaços em branco*/
    margin-top:30px;
}


@media screen and (min-width: 1000px) {
    /*Esses 3 abaixo estão relacionados*/
    p.texto-topico-ofertas {
        font-size: 26px;
    }

    .fonte-link-veja-mais {
        font-size: 26px;
    }

    div.topico_departamentos {
        position: relative;
        height: 38px;
    }

    /*até aqui!*/

    h3.preco {
        font-size: 26px;
    }

    .qtd-total-lista-carrinho {
        font-size: 22px;
    }

    .descricao-produto-carrinho-size {
        font-size: 26px;
    }

    .preco-carrinho-produto-un-size {
        font-size: 26px;
    }

    .texto-botao-adicionar-endereco {
        font-size: 22px;
    }

    .icones-lista-carrinho-margin-top {
        margin-top:30px;
    }

    .icones-lista-enderecos-margin-top {
        margin: 20% 0;
    }

    .logo-clube-fluid {
        display: block;
        position: absolute;
        right: 20px;
        top: 240px;
        width:140px;
    }
}

@media screen and (max-width: 999px) {

    /*Esses 3 abaixo estão relacionados*/
    p.texto-topico-ofertas {
        font-size: 17px;
    }

    .fonte-link-veja-mais {
        font-size: 17px;
    }

    div.topico_departamentos {
        position: relative;
        height: 28px;
    }
    /*até aqui!*/

    h3.preco {
        font-size: 20px;
    }

    .qtd-total-lista-carrinho {
        font-size: 18px;
    }

    .descricao-produto-carrinho-size {
        font-size: 20px;
    }

    .preco-carrinho-produto-un-size {
        font-size: 20px;
    }

    .texto-botao-adicionar-endereco {
        font-size: 16px;
    }

    .icones-lista-carrinho-margin-top {
        margin-top: 30px;
    }

    .logo-clube-fluid {
        display: block;
        position: absolute;
        right: 20px;
        top: 240px;
    }
}


@media screen and (max-width: 1200px) {

    .text-button-add-cart {
        font-size: 0;
    }
}

@media screen and (max-width: 600px) {
    .card-fluid {
        width: 10rem;
    }
    .description-size {
        font-size: 14px;
    }


    .qtd-total-lista-carrinho {
        font-size: 16px;
        margin-top:50px;
    }

    .descricao-produto-carrinho-size {
        font-size: 14px;
        padding: 0;
        margin: 0 0 1px 0;
        line-height: 1;
    }

    .preco-carrinho-produto-un-size {
        font-size: 18px;
        padding: 0;
        margin: 1px 0 0 0;
    }

    .icones-lista-carrinho-margin-top {
        margin-top: 50px;
    }

    .hide-on-small {
        height:0;
        /*overflow:no-display;*/
        visibility:collapse;
    }

    .show-on-small {
        visibility:visible;
        /*overflow:auto;*/
    }

    /*Simples ajuste para telas pequenas (necessário retornar para position relative nesse caso)*/
    .adjust-to-small {
        position: relative;
    }

    /*Ajuste da barra de departamentos para quando há clube*/
    .my-column-left {
        width: 70%;
    }

    .my-column-right {
        width: 30%;
        padding-left: 10px;
    }


}


@media screen and (max-width: 1200px){
    .logo-clube-fluid {
        display: block;
        position: absolute;
        right: 0px;
        top: 145px;
        width: 100px;
    }
}

@media screen and (max-width: 1000px) {
    .logo-clube-fluid {
        display: block;
        position: absolute;
        right: 0px;
        top: 240px;
        width: 140px;
    }
}

@media screen and (max-width: 800px) {
    .logo-clube-fluid {
        display: block;
        position: absolute;
        right: 20px;
        top: 380px;
        width: 140px;
    }
}

@media screen and (max-width: 600px) {
    .logo-clube-fluid {
        display: block;
        position: absolute;
        right: 20px;
        top: 340px;
        width: 140px;
    }
}

@media screen and (max-width: 500px) {
    .logo-clube-fluid {
        display: block;
        position: absolute;
        right: 20px;
        top: 300px;
        width: 120px;
    }
}

@media screen and (max-width: 450px) {
    .logo-clube-fluid {
        display: block;
        position: absolute;
        right: 20px;
        top: 260px;
        width: 100px;
    }
}


@media screen and (max-width: 400px) {
    .logo-clube-fluid {
        display: block;
        position: absolute;
        right: 20px;
        top: 180px;
        width: 100px;
    }


}


@media screen and (min-width: 601px) {
    .card-fluid {
        width: 11rem;
    }

    .description-size {
        font-size: 16px;
    }

    .hide-on-big {
        height: 0;
        overflow: no-display;
        visibility: collapse;
    }

    /*Ajuste da barra de departamentos para quando há clube*/
    .my-column-left {
        width: 90%;
    }

    .my-column-right {
        width: 10%;
        padding-left: 10px;
    }


/*    .adjust-to-big {
        position: absolute;
        bottom: 45px;
        left: 10px;
        right: 10px;
    }*/

}



.text-button-add-cart-complete {
    font-size: 26px;
    font-weight:700;
    color:white;
}

.text-button-produto-indisponivel {
    font-size: 20px;
    font-weight: 700;
    color: white;
}

p.observacoes_produto {
    color: #989898;
    line-height: 0.8em;
    font-size: 16px;
    margin-top:5px;
    margin-bottom:5px;
}

/*div.faixa_oferta {
    border: solid 1px transparent;
    border-radius: 5px;
    text-align: center;
    width: 50%;
    margin-top: 5px;
    display: block;
    position: absolute;
    top: 22px;
    left: -5px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    color: white;
    background-color: red;
}*/

.faixa_oferta {
    border: solid 1px #d9534f;
    border-radius: 5px;
    text-align: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 5px;
    display: block;
    position: relative;
    color: white;
    background-color: #d9534f;
}

.mini_faixa_oferta {
    border: solid 1px #d9534f;
    border-radius: 5px;
    width: 100%;
    display: block;
    position: relative;
    color: white;
    background-color: #d9534f;
}

div.item-especial {
    border-color:transparent;
}

div.item-especial:hover{
    box-shadow: 2px 2px 5px dimgray;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    border: solid 1px #b0b0b0;
    border-radius: 5px;
    z-index: 99;
    
}



/*
    ********************** SNACKBAR **********************
    by w3schools
*/

#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #333; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 30px; /* 30px from the bottom */
    border-radius: 5px;
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
    visibility: visible; /* Show the snackbar */
    /* Add animation: Take 0.5 seconds to fade in and out the snackbar. 
    However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#snacklgpd {
    visibility: hidden; /* Hidden by default. Visible on click */
    width:100%;
    min-width: 250px; /* Set a default minimum width */
    background-color: #333; /* Black background color */
    color: #fff; /* White text color */
    text-align: left; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    bottom: 5px; /* 30px from the bottom */
    border-radius:5px;
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snacklgpd.show {
    visibility: visible; /* Show the snackbar */
    /* Add animation: Take 0.5 seconds to fade in and out the snackbar. 
    However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}




@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

/*
    ****************** FIM DO SNACKBAR ********************
*/



/*
    ******************** LOADER ***************************
*/


.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 1s linear infinite; /* Safari */
    animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;*/ /* Safari */
    /*animation: spin 2s linear infinite;
    visibility:collapse;
}*/

/* Safari */
/*@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}*/

/*@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
*/
/*para quando selecionar um item de uma tabela*/ 
.selected { 
    background-color:royalblue;
    color:white;
}

/*deixar em negrito o termo descrito encontrado nas palavras*/
.ui-autocomplete-term {
    font-weight: bold;
    color: black;
}






/*Botão para realizar scroll pra cima*/
.btnScrollUp {
    display: none; /*Escondido por padrão*/
    position: fixed; /*Posição fixada*/
    bottom: 20px;
    right: 10px;
    z-index: 99;
    border: none;
    cursor: pointer;
    padding: 10px;
    border-radius: 10px;
    font-size: 18px;
    outline: none;
}

.btnScrollUp:hover {
    background-color: #555;
}

/*Sticky Footer (Fazer o footer ficar no lugar dele*/
/*Para fazer um scrolling SUAVE*/

/*Esse supports not (-webkite-touch-callout: none) permite que o conteúdo dê suporte a todos os sistemas exceto ios (se precisar focar algo somente no ios, remova o not)*/
/*@supports not (-webkit-touch-callout: none) {

}*/


/*Somente para telas maiores que smartphones*/
@media screen and (min-width: 601px) {

    html, body {
        height: 100%;
        /*overflow:auto;*/
        scroll-behavior: smooth;
    }

    body {
        display: flex;
        flex-direction: column;
    }

    .footer {
        flex-shrink: 0;
    }

    .content {
        flex: 1 0 auto;
    }
    /*Fim do Sticky Footer*/
    .trava-topo {
        position: fixed;
        top: 0;
        width: 100%;
    }

    .custom-modal-content-fluid {
        width: 50%;
    }
}




    /*Loading atrás da imagem*/
    img.loading {
        background: transparent url('file:///C:\inetpub\lojaqui\images\comum\loading.gif') no-repeat scroll center center;
    }

    /*
   *********************** FIM DO LOADER *******************
*/




    /*Primeiro (4 por tela)*/
    /*@media screen and (min-width: 1000px) {
    p.texto-topico-ofertas {
        font-size: 26px;
    }
    
    h3.preco {
        font-size: 28px;
    }
}

@media screen and (max-width: 999px) {
    p.texto-topico-ofertas {
        font-size: 20px;
    }

    h3.preco {
        font-size: 22px;
    }
}


@media screen and (max-width: 1200px){
    
    .text-button-add-cart {
        font-size: 0;
    }
}*/


    /*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/

    /* Wrapping element */
    /* Set some basic padding to keep content from hitting the edges */
    /*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

    /* Carousel */
    /*.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}*/

    /* Make .svg files in the carousel display properly in older browsers */
    /*.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}*/

    /* QR code generator */
    /*#qrCode {
    margin: 15px;
}*/

    /* Hide/rearrange for smaller screens */
    /*@media screen and (max-width: 767px) {
    /* Hide captions */
    /*.carousel-caption {
        display: none;
    }
}*/