/* ==========================================================================
    DEFINIÇÃO DE CONSTANTES
========================================================================== */
:root {
    --input-form-border: #d4d4d4;
}

.hide-id {
    display: block;
    color: #fff;
}

/* ==========================================================================
  OVERWRITE CSS NAV BAR
========================================================================== */
/*
.navbar.navbar-dark {
    -webkit-box-shadow: 0 0px 5px 5px rgb(223, 223, 223);
    -moz-box-shadow: 0 0px 5px 5px rgb(223, 223, 223);
    box-shadow: 0 0px 5px 5px rgb(223, 223, 223);

    margin-bottom: 20px;
}

.navbar-dark {
    background-color: rgba(255, 255, 255, .95) !important;
}

.navbar-brand {
    color: var(--cor-textos) !important;
}

.navbar-dark .nav-link-active {
    color: rgb(34, 181, 158);
}

ul.navbar-nav-complement li a {
    color: var(--cor-textos);
    text-decoration: none;
}

.hamburger,
.hamburger:before,
.hamburger:after {
    background-color: var(--cor-textos);
}

.navbar-dark .navbar-nav .nav-link {
    color: #757575;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: var(--cor-textos);
    background-color: transparent;
    border-color: none;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-group.area-cliente .btn.btn-secondary {
    margin-top: -7px;
}

.btn-group.area-cliente .btn.btn-secondary .fa {
    color: var(--cor-textos);
}
*/

/*
.btn-group.area-cliente .dropdown-menu {
    margin-top: 27px;
    / NAVBAR com logotipo da empresa aumentou o tamanho do NAVBAR, necessário reconfigurar a posição do dropdown /
    text-align: left;
    text-transform: capitalize;
    padding: .5rem 0.5rem .3rem 0.7rem;
}
*/

/*
.btn-group.area-cliente .dropdown-item:focus,
.btn-group.area-cliente .dropdown-item:hover {
    background-color: transparent;
}

a.nav-link {
    color: var(--cor-textos) !important;
}

a.nav-link:hover {
    color: var(--cor-3) !important;
}
*/


/* ===================  FIM OVERWRITE CSS NAV BAR =================== */

/* ==========================================================================
    SECTION
========================================================================== */
a:link, a:visited {
    color: var(--cor-3);
    text-decoration: none;
}

a:hover,
a:active {
    color: var(--cor-1);
    text-decoration: none;
}

section#catalogo-produtos {
    /* margin-top: 110px; */
    /* devido ao aumento do NAVBAR pela inclusão do logotipo da empresa */
    /* padding-top: 100px;
    padding-bottom: 40px; */
    /* padding-top: 75px; */
    margin-top: 60px;
    padding-bottom: 75px;
}


section#detalhe-produto {
    /* margin-top: 110px; */
    /* devido ao aumento do NAVBAR pela inclusão do logotipo da empresa */
    /* padding-top: 100px;
    padding-bottom: 40px; */
    /* padding-top: 75px; */
    margin-top: 60px;
    padding-bottom: 30px;
}


section#lista-produtos {
    /* margin-top: 110px; */
    /* devido ao aumento do NAVBAR pela inclusão do logotipo da empresa */
    /* padding-top: 100px;
    padding-bottom: 40px; */
    /* padding-top: 75px; */
    margin-top: 60px;
    padding-bottom: 75px;
}


#catalogo-produtos .alert-warning.morada {
    margin-top: 30px;
}

.mrg-top-80 {
    margin-top: 80px !important;
}

.mrg-top-20 {
    margin-top: 20px;
}

.categoria-produto {
    /* width: 441px; */
    width: 520px;
    display: block;
    margin: auto;
    position: relative;
    margin-bottom: 50px;
}

.categoria-produto img {
    margin: auto;
    display: block;
}

.subcategoria .categoria-produto img {
    width: 100%;
}

.subcategoria .categoria-produto {
    width: 211px;
}


.categoria-produto .nome-categoria {
    padding-top: 20px;
    padding-bottom: 20px;
    /* border-top: 4px solid #EB6279; */
}

.categoria-produto .nome-categoria h3 img {
    /* height: 55px;
    width: auto;
    margin-top: -15px; */

    /* IMG SVG */
    /*
    height: 50px;
    width: auto;

    margin-top: -5px;
    margin-bottom: -15px;
    */
    
    height: 40px;
    width: auto;
    margin-top: 7px;
    margin-bottom: -3px;
    
}

img.breadcrumb-img {
    width: auto;
    /* height: 24px; */
    height: 30px;
    display: inline-block;
    margin-top: -10px;
    margin-top: -3px;
}

.categoria-produto .nome-categoria h3, 
h2.titulo-go-back span.categoria {
    text-align: center;
    margin-top: -10px;
    margin-bottom: 0px;
    color: #D5CABE;
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 18px;
}

h2.titulo-go-back .fa.fa-folder-o {
    font-size: 22px;
}

h2.titulo-go-back .fa.fa-long-arrow-right {
    color: var(--cor-4);
}

h2.titulo-go-back span.categoria {
    text-transform: uppercase;
    font-size: 17px;
}

h2.titulo-go-back span.categoria span.cor {
    text-transform: capitalize;
}

/*
.subcategoria .nome-categoria {
    margin-top: -40px;
}*/

.subcategoria .categoria-produto .nome-categoria h3,
.subcategoria h2.titulo-go-back span.categoria {
    font-size: 14px;
}

.overlay-categorias {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;

    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    
    background-color: rgba(34, 181, 158, .9);
    -webkit-transition: .9s ease;
    -moz-transition: .9s ease;
    -ms-transition: .9s ease;
    -o-transition: .9s ease;
}

.caixa-overlay {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.caixa-overlay:hover .overlay-categorias {
    opacity: 1;
}

.overlay-categorias a {
    color: #FFF;
    display: block;
    text-align: center;
    font-size: 16px;
    /* text-transform: uppercase; */

    min-height: 100%;
    /* padding-top: 76px; */
    padding-top: 18%;

    
}

.overlay-categorias a:hover {
    text-decoration: none;
}

span.texto-link {
    /* font-size: 14px;
    padding: 7px 15px;
    border: 1px solid #FFF;
    color: #FFF;
    background-color: transparent;
    border-radius: 2px; */

    position: relative;

    text-decoration: none;

    font-family: 'Roboto-Medium', sans-serif;
    font-size: 14px;
    padding: 13px 22px;
    border: 1px solid var(--cor-botao-branco-border);
    border-radius: 30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
    background-color: #FFF;
    color: var(--cor-3);

    text-transform: capitalize;

    left: 10px;

}

span.texto-link:hover {
    /* border: 1px solid #FFF;
    color: var(--cor-3);
    background-color: #FFF; */

    color: var(--cor-3);
    background-color: #FFF;
    border: 1px solid var(--cor-botao-branco-border);
}

.categoria-produto.subgrupos .overlay-categorias a {
    /* padding-top: 160px; */
    padding-top: 75%;
}


.categoria-produto.subgrupos .overlay-categorias a span.texto-link {
    left: 2px;
}



/*
.overlay-categorias {
    border-radius: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    opacity: 0;
    transition: .9s ease;
    background-color: rgba(34, 181, 158, .9);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.categoria-produto:hover .overlay-categorias {
    height: 100%;
    opacity: 1;
}

.overlay-categorias a.ver-mais:link,
.overlay-categorias a.ver-mais:visited {
    font-size: 13px;
    font-size: 14px;
    padding: 9px 15px;
    border: 1px solid var(--cor-3);
    color: #FFF;
    background-color: var(--cor-3);
    border-radius: 2px;
    text-decoration: none;
    text-transform: uppercase;
    position: absolute;
    top: 54%;
    left: 50%;
    transform: translate(-50%, -50%);

    font-family: 'Roboto-Medium', sans-serif;
}

.overlay-categorias a.ver-mais:hover,
.overlay-categorias a.ver-mais:active {
    color: #FFF;
    background-color: transparent;
    border-color: #FFF;
}
*/

/* Cores Personalizadas */
/*
.categoria-produto .nome-categoria {
    border-top: 4px solid #EB6279;
}

.categoria-produto .nome-categoria h3 span.cor {
    color: #EB6279;
}

.categoria-produto .overlay-categorias {
    background-color: rgba(235, 98, 121, .96);
}

.categoria-produto .nome-categoria {
    border-top: 4px solid #EB6279;
}

.categoria-produto .nome-categoria h3 span.cor {
    color: #EB6279;
}

.categoria-produto .overlay-categorias {
    background-color: rgba(235, 98, 121, .96);
}

.categoria-produto .overlay-categorias a:link,
.categoria-produto .overlay-categorias a:visited {
    color: rgba(235, 98, 121, 1);
    border: 1px solid #FFF;
    background-color: #FFF;
}

.categoria-produto .overlay-categorias a:hover,
.categoria-produto .overlay-categorias a:active {
    color: #FFF;
    background-color: transparent;
    border-color: #FFF;
}
*/

.categoria-produto.subgrupos .nome-categoria h3 {
    color: #4d4d4d;
    font-family: 'Roboto-Medium', sans-serif;
    line-height: 20px;

    text-align: center;
}

h2.titulo-go-back {
    font-size: 16px;
    margin-top: -20px; /* devido ao aumento do NAVBAR pela inclusão do logotipo da empresa */
    margin-bottom: 30px;
    text-align: center;
    color: #0e0e0e;

    text-transform: uppercase;
    line-height: 30px;

    /* margin-bottom: -45px; */
}

h2.titulo-go-back i.fa-long-arrow-right {
    font-size: 14px;
    /* margin-left: 10px;
    margin-right: 10px; */
}

h2.titulo-go-back .categoria {
    font-family: 'Roboto-Bold', sans-serif;
    text-transform: lowercase;
}

h2.titulo-go-back a:link,
h2.titulo-go-back a:visited {
    color: var(--cor-textos);
    text-decoration: none;
}

h2.titulo-go-back a:hover {
    color: var(--cor-3);
    text-decoration: none;
}


/* ------------------------------------------------------------
    LISTA DE PRODUTOS
------------------------------------------------------------ */
.caixa-lista-prod {
    width: 100%;
    padding: 0px 20px;
    margin-top: 45px;

    font-size: 13px;
    line-height: 20px;
    color: var(--cor-subtitulos);

    text-align: center;
}

section#lista-produtos {
    min-height: 82vh; /* Temporario */
}

#lista-produtos .alert-warning.morada {
    margin-top: 30px;
}

.caixa-lista-prod img {
    width: 100%;
    height: auto;
    border-radius: 2px;

    position: relative;

    /* border-top-right-radius: 10px;
    border-top-left-radius: 10px; */
    /* border-radius: 10px; */
}

#lista-produtos .caixa-lista-prod img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.caixa-lista-prod h3 {
    margin-top: 20px;
    margin-bottom: 0px;
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 15px;
    line-height: 20px;

    min-height: 40px;
    text-align: center;
}

.caixa-lista-prod h3 a:link, 
.caixa-lista-prod h3 a:visited {
    text-decoration: none;
    color: var(--cor-textos);
}

.caixa-lista-prod h3 a:hover {
    text-decoration: none;
    color: var(--cor-3) !important;
}

.caixa-lista-prod p {
    margin-bottom: 0px;
}

/*
.overlay-lista-prod {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: all .9s ease;
    

    text-align: center;
    border-radius: 2px;
}

.caixa-lista-prod:hover .overlay-lista-prod {
    opacity: 1;
}

.overlay-lista-prod a:link,
.overlay-lista-prod a:visited {
    font-size: 14px;
    padding: 9px 15px;
    border: 1px solid #FFF;
    color: var(--cor-3);
    background-color: #FFF;
    border-radius: 2px;
    text-decoration: none;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Roboto-Medium', sans-serif;
}

.overlay-lista-prod a:hover,
.overlay-lista-prod a:active {
    color: #FFF;
    background-color: var(--cor-3);
    border-color: #FFF;
}
*/


.overlay-lista-prod {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    /*border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    */background-color: rgba(34, 181, 158, .9);
    -webkit-transition: .9s ease;
    -moz-transition: .9s ease;
    -ms-transition: .9s ease;
    -o-transition: .9s ease;

    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
}

.caixa-overlay {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.caixa-overlay:hover .overlay-lista-prod {
    opacity: 1;
}

.overlay-lista-prod a {
    color: #FFF;
    display: block;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;

    min-height: 100%;
    padding-top: 100px;

    padding-top: 45%;
}

.overlay-lista-prod a:hover {
    text-decoration: none;
}

span.texto-link-lista-prod {
    /*
    font-size: 14px;
    padding: 7px 15px;
    border: 1px solid #FFF;
    color: #FFF;
    background-color: transparent;
    border-radius: 2px;
    */

    position: relative;

    text-decoration: none;

    font-family: 'Roboto-Medium', sans-serif;
    font-size: 14px;
    padding: 13px 22px;
    border: 1px solid var(--cor-botao-branco-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
    background-color: #FFF;
    color: var(--cor-3);

    text-transform: capitalize;

    left: 5px;

}

span.texto-link-lista-prod:hover {
    /* border: 1px solid #FFF;
    color: var(--cor-3);
    background-color: #FFF; */

    color: var(--cor-3);
    background-color: #FFF;
    border: 1px solid var(--cor-botao-branco-border);
}




/* ------------------------------------------------------------
    DETALHE DO PRODUTO
------------------------------------------------------------ */
section#detalhe-produto {
    /* min-height: 80vh; Temporario */
}

#detalhe-produto .alert-warning.morada {
    margin-top: 30px;
}

#detalhe-produto .imagem {
    padding: 10px 70px;
    /* padding: 10px 50px;
    padding-right: 20px; */
}

#detalhe-produto .imagem img {
    width: 100%;
    height: auto;
    border-radius: 2px;
    position: relative;
}

#detalhe-produto.sem-prod-similares {
    margin-bottom: 100px;
}

.btn-informacoes {
    /* font-family: 'Roboto-Medium', sans-serif;
    font-size: 16px;
    padding: 7px 20px;
    border: 1px solid var(--cor-3);
    color: #FFF;
    background-color: var(--cor-3);
    border-radius: 1px; */

    /* text-transform: uppercase; */
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 18px;
    padding: 16px 22px;
    border: 1px solid var(--cor-botao-branco-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
    background-color: #FFF;
    color: var(--cor-titulos);

}

.btn-informacoes:hover {
    color: var(--cor-3);
    background-color: #FFF;
    border: 1px solid var(--cor-botao-branco-border);
}


.btn-informacoes .fa {
    margin-left: 26px;
}


/* .btn.focus.btn-informacoes,
.btn:focus.btn-informacoes {
    box-shadow: none;
} */

.btn-enviar-pedido {
    text-decoration: none;
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 17px;
    padding: 12px 22px;
    border: 1px solid var(--cor-botao-branco-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
    background-color: #FFF;
    color: var(--cor-botao-branco-textos);
}


.btn-enviar-pedido:hover {
    color: var(--cor-3);
    background-color: #FFF;
    border: 1px solid var(--cor-botao-branco-border);
    cursor: pointer;
}

.btn.btn-informacoes:focus,
.btn.btn-enviar-pedido,
.btn-primary.btn-informacoes:not(:disabled):not(.disabled):active:focus,
.btn.btn-enviar-pedido:not(:disabled):not(.disabled):active:focus {
    border: 1px solid var(--cor-botao-branco-border);
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
}

#detalhe-produto .drescricao h3 {
    text-align: left;
    margin-top: 0px;
    color: var(--cor-titulos);
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 30px;
    margin-bottom: 10px;
    line-height: 45px;
}

#detalhe-produto .drescricao .descricao-produto {
    /* margin-bottom: 40px;
    margin-top: 30px; */
    margin-bottom: 40px;
    margin-top: 10px;

    min-height: 139px;
}

#detalhe-produto .drescricao .descricao-produto h4 {
    text-align: left;
    margin-bottom: -5px;
    color: var(--cor-subtitulos);
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 23px;
}

#detalhe-produto .drescricao .descricao-produto, 
#detalhe-produto .drescricao .descricao-produto p {
    /* font-size: 16px; */
    text-align: left;

    font-size: 18px;
    line-height: 23px;
}

#detalhe-produto .drescricao .descricao-produto p {
    margin-bottom: 10px;
}



.modal-backdrop {
    /* background-color: rgba(75, 75, 75, .5); */
    background-color: transparent;
}

.modal-content {
    border: 1px solid rgba(237, 237, 237, 1);
    

    /* -webkit-box-shadow: 0px 0px 10px 2px rgba(237, 237, 237, 1);
    -moz-box-shadow: 0px 0px 10px 2px rgba(237, 237, 237, 1);
    box-shadow: 0px 0px 10px 2px rgba(237, 237, 237, 1); */
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #FFF;
    border-radius: none !important;
    border: none !important;

    margin-bottom: 0px !important;
}

.form-control:focus {
    border-color: none;
    box-shadow: none;
}

label.readonly {
    font-family: 'Roboto-Medium', sans-serif;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;

    margin-bottom: 0px;

    padding-left: 16px;
}

#formulario-mais-consulta h3, 
#formulario-pedido-amostra h3,
#formulario-pedido-catalogo h3 {
    /* margin-top: 10px; */
    /* margin-left: -3px; */

    margin-top: 0px;
    /* margin-left: -4px; */
    margin-bottom: 10px;
    font-size: 23px;
    text-align: left;
    line-height: 26px;
} 

#formulario-mais-consulta.modal,
#formulario-pedido-amostra.modal,
#formulario-pedido-catalogo.modal {
    z-index: 999999;
    z-index: 1999999990;
    /* necessário, depois da inclusão do CHAT, em que nas versões mobile, se sobre colocava por cima do botão enviar do modal*/
}

.modal-title {
    margin-bottom: -5px;
}

.modal-header {
    padding: 30px;
    margin-bottom: -20px;
    border-bottom: none;
}

h5.modal-title {
    font-family: 'Roboto-Bold', sans-serif;
    color: var(--cor-titulos);
    font-size: 23px;
}



#formulario-mais-consulta .row,
#formulario-pedido-amostra .row,
#formulario-pedido-catalogo .row {
    margin-right: -15px;
    margin-left: -15px;
}

#formulario-mais-consulta .form-fields .form-control,
#formulario-pedido-amostra .form-fields .form-control,
#formulario-pedido-catalogo .form-fields .form-control {
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    margin-bottom: 10px;
}

#formulario-mais-consulta .form-fields,
#formulario-pedido-amostra .form-fields, 
#formulario-pedido-catalogo .form-fields {
    margin-top: 20px;
}


#formulario-pedido-amostra .form-fields.rem-mgr-top,
#formulario-pedido-catalogo .form-fields.rem-mgr-top {
    margin-top: 0px;
}

#formulario-mais-consulta .form-fields textarea,
#formulario-pedido-amostra .form-fields textarea,
#formulario-pedido-catalogo .form-fields textarea {
    width: 100%;
    /* height: 86px; */
    height: 133px;
    border: 1px solid #d4d4d4;
    padding: .375rem .75rem;
    margin-bottom: 3px;
}


#formulario-mais-consulta label.info-terms,
#formulario-pedido-amostra label.info-terms,
#formulario-pedido-catalogo label.info-terms {
    font-size: 16px;
    line-height: 20px;
    color: var(--cor-textos);
}

.input-read-only {
    color: var(--cor-subtitulos);
}

.form-fields .form-control {
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    margin-bottom: 10px;
    font-family: 'Roboto-Regular', sans-serif;
}

/* remove linha azul criada quando o botão está ativo/modo focus */
button:focus {
    outline: 0;
}

.btn-upload {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 16px;
    padding: 7px 20px;
    border: 1px solid var(--cor-textos);
    color: #FFF;
    background-color: var(--cor-textos);
    border-radius: 1px;
}

.btn-upload:hover {
    color: var(--cor-textos);
    background-color: transparent;
    border-color: var(--cor-textos);
}

.btn.focus.btn-upload,
.btn:focus.btn-upload {
    box-shadow: none;
}


/* .btn-informacoes-cancelar {
    font-size: 16px;
    padding: 7px 20px;
    border: 1px solid var(--cor-textos);
    color: #FFF;
    background-color: var(--cor-textos);
    border-radius: 1px;

    text-transform: uppercase;
}

.btn-informacoes-cancelar:hover {
    color: var(--cor-textos);
    background-color: transparent;
    border-color: var(--cor-textos);
} */

.btn-informacoes-cancelar {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 17px;
    padding: 12px 22px;
    border: 1px solid var(--cor-botao-video-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 3px 6px var(--cor-botao-video-sombra);
    background-color: var(--cor-botao-video-fundo);
    color: var(--cor-botao-video-textos);
}

.btn-informacoes-cancelar:hover {
    color: #FFF;
    background-color: var(--cor-botao-video-fundo-hover);
    border: 1px solid var(--cor-botao-video-border);
}

.disabled-link {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
    display: inline-block;
    /* For IE11/ MS Edge bug */
    pointer-events: none;
}

#btn-pedido-consulta{
    /* position: absolute;
    bottom: 0; */

    cursor: pointer;
}

button.btn-informacoes {
    cursor: pointer;
}

#formulario-pedido-amostra .g-recaptcha, 
#formulario-pedido-catalogo .g-recaptcha {
    margin-top: 15px;

    margin-left: 15px;
}

#formulario-mais-consulta .modal-footer, 
#formulario-pedido-amostra .modal-footer,
#formulario-pedido-catalogo .modal-footer {
    border-top: none;
    margin-top: -25px;
}

#formulario-mais-consulta .termos,
#formulario-pedido-amostra .termos,
#formulario-pedido-catalogo .termos {
    margin-top: 10px;
}

#formulario-mais-consulta p {
    font-size: 11px;
    margin-top: 20px;
}

#formulario-pedido-amostra p,
#formulario-pedido-catalogo p {
    font-size: 12px;
    margin-top: 10px;
    font-family: 'Roboto-Medium', sans-serif;
    color: var(--cor-subtitulos);
}

#formulario-mais-consulta label.error, 
#formulario-pedido-amostra label.error,
#formulario-pedido-catalogo label.error {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 13px;
    color: var(--cor-4);
    font-style: italic;
    margin-top: -5px !important;
    margin-bottom: 10px;
}

#formulario-mais-consulta .form-control:focus,
#formulario-pedido-amostra .form-control:focus,
#formulario-pedido-catalogo .form-control:focus,
#formulario-mais-consulta .kv-fileinput-caption:focus {
    border-color: var(--cor-3);
    box-shadow: none;
}

.file-preview-image {
    color: #737373;
    font-size: 8px;
    font-family: 'Roboto-Medium', sans-serif;
}

/* Usado para remover a cor de fundo amarela dos campos sugeridos pelo Chrome */
@-webkit-keyframes autofill {
    to {
        color: #666;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

.drescricao a img {
    width: auto;
    height: 28px;
    margin-right: 10px;
}


.swal2-popup .swal2-styled.swal2-confirm {
    border-radius: 3px !important;
    background-color: var(--cor-3) !important;
    font-size: 16px !important;
}

.swal2-popup .swal2-title {
    font-family: 'Roboto-Medium', sans-serif !important;
}

.swal2-popup .swal2-content {
    font-family: 'Roboto-Medium',
    sans-serif !important;
}

.swal2-popup .swal2-styled:focus {
    box-shadow: none !important;
}

.swal2-popup .swal2-actions {
    margin-bottom: 20px !important;
}


.input-group-append {
    height: 38px;
}

.krajee-default .file-upload-indicator,
.kv-file-upload,
.kv-file-zoom {
    display: none;
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #c3c3c3;
    background-color: #f2f2f2;
    border-color: #a8a8a8;
}

#produtos-similares {
    margin-top: 30px;
    margin-bottom: 20px;
}

#produtos-similares h4 {
    margin-bottom: 40px;
    color: var(--cor-titulos);
    font-family: 'Roboto-Bold', sans-serif;
    /* font-size: 18px; */
    margin-top: 20px;
}

#produtos-similares h5 {
    text-align: left;
    margin-bottom: 10px;
    color: var(--cor-textos);
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 15px;
    line-height: 20px;
    margin-top: 20px;
    text-align: center;

    min-height: 41px;

}


#produtos-similares h5 a:link,
#produtos-similares h5 a:visited {
    color: var(--cor-textos);
    text-decoration: none;
}

#produtos-similares h5 a:hover {
    color: var(--cor-3);
    text-decoration: none;
}

#produtos-similares p {
    margin-bottom: 0;
}

#produtos-similares .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 20px;
    margin-bottom: 50px;
}

#produtos-similares .owl-theme .owl-dots .owl-dot.active span,
#produtos-similares .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--cor-3);
}


div.caixa-lista-similares {
    width: 100%;
    padding: 0px 20px;
    margin-top: 30px;

    font-size: 13px;
    line-height: 20px;
    color: var(--cor-subtitulos);
    text-align: center;
}


div.caixa-lista-similares.mg-bt-30 {
    margin-bottom: 30px;
}


.caixa-lista-similares img {
    width: 100%;
    height: auto;
    border-radius: 2px;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

/*
.overlay-similares {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: all .9s ease;
    background-color: rgba(34, 181, 158, .9);

    text-align: center;
    border-radius: 2px;
}

.caixa-lista-similares:hover .overlay-similares {
    opacity: 1;
}

.overlay-similares a:link,
.overlay-similares a:visited {
    font-size: 14px;
    padding: 9px 15px;
    border: 1px solid #FFF;
    color: var(--cor-3);
    background-color: #FFF;
    border-radius: 2px;
    text-decoration: none;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Roboto-Medium', sans-serif;
}

.overlay-similares a:hover,
.overlay-similares a:active {
    color: #FFF;
    background-color: var(--cor-3);
    border-color: #FFF;
}

*/


.overlay-similares {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    background-color: rgba(34, 181, 158, .9);
    -webkit-transition: .9s ease;
    -moz-transition: .9s ease;
    -ms-transition: .9s ease;
    -o-transition: .9s ease;

    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.caixa-overlay:hover .overlay-similares {
    opacity: 1;
}

.overlay-similares a {
    color: #FFF;
    display: block;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;

    min-height: 100%;
    /* padding-top: 90px; */

    padding-top: 45%;
}

.overlay-similares a:hover {
    text-decoration: none;
}

span.texto-link-similares {
    /* font-size: 14px;
    padding: 7px 15px;
    border: 1px solid #FFF;
    color: #FFF;
    background-color: transparent;
    border-radius: 2px; */

    position: relative;

    font-family: 'Roboto-Medium',
    sans-serif;
    font-size: 14px;
    padding: 13px 22px;
    border: 1px solid var(--cor-botao-branco-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
    background-color: #FFF;
    color: var(--cor-titulos);

    text-transform: capitalize;

}

span.texto-link-similares:hover {
    color: var(--cor-3);
    background-color: #FFF;
    border: 1px solid var(--cor-botao-branco-border);
}



@media (min-width: 992px) {
    #form-temp-iframe .modal-lg {
        max-width: 955px;
    }
}


.navbar .btn-secondary {
    color: var(--cor-textos);
}

.navbar .show>.btn-secondary.dropdown-toggle {
    color: var(--cor-textos);
}


/* ==========================================================================
    CASH & CARRY
========================================================================== */
section#cash-e-carry {
    /* margin-top: 60px; */
    margin-top: -15px; /* aplicado devido à alteração do NAVBAR */
    padding-top: 75px;
    padding-top: 60px;
}

section#cash-e-carry .col-lg-9.col-md-8.col-sm-12 {
    min-height: 80vh;
}

section#cash-e-carry .bloco-filtros {
    width: 100%;
    text-align: right;
    padding: 15px 10px;
    /* margin-bottom: 30px; */
    /* background-color: var(--cor-textos); */

    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    background-color: #fff;
}

section#cash-e-carry .bloco-filtros button[data-display="list"] {
    margin-left: 20px;
}

section#cash-e-carry .bloco-filtros .dropdown.bootstrap-select {
    margin-left: 10px;
}

section#cash-e-carry .bloco-filtros .bloco-items-pagina,
section#cash-e-carry .bloco-filtros .bloco-ordenacao,
section#cash-e-carry .bloco-filtros .bloco-modo-visualizacao {
    display: inline-block;
}

section#cash-e-carry .btn-display,
section#cash-e-carry .btn-light {
    border-radius: 0px;
    background-color: transparent;
    border: 1px solid #d3d9df;
    border: 1px solid var(--cor-subtitulos);
    color: var(--cor-textos);
    /* border: 1px solid #FFF; */
    /* color: #FFF; */
    margin-left: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;

    padding-bottom: 4px;
}


section#cash-e-carry .btn-display:hover,
section#cash-e-carry .btn-light:hover {
    color: var(--cor-3);
    background-color: transparent;
    border-color: var(--cor-3);

    /* color: var(--cor-textos);
    background-color: #FFF;
    border-color: #FFF; */
}

section#cash-e-carry .btn-light:not(:disabled):not(.disabled).active,
section#cash-e-carry .btn-light:not(:disabled):not(.disabled):active,
section#cash-e-carry .show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df;
}

section#cash-e-carry .dropdown-item.active,
section#cash-e-carry .dropdown-item:active {
    color: var(--cor-3);
    text-decoration: none;
    background-color: #f8f9fa;
}


section#cash-e-carry .btn-display.active {
    color: var(--cor-3);
}

section#cash-e-carry .btn-primary:not(:disabled):not(.disabled).active,
section#cash-e-carry .btn-primary:not(:disabled):not(.disabled):active,
section#cash-e-carry .show>.btn-primary.dropdown-toggle {
    color: var(--cor-3);
    background-color: transparent;
    border-color: var(--cor-3);
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none !important;
}

/* .btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none !important;
} */

section#cash-e-carry .dropdown-menu.show {
    border-radius: 2px;
}

section#cash-e-carry .bootstrap-select .dropdown-toggle:focus {
    outline: var(--cor-3) !important;
}

span.label-por-pagina, 
span.label-ordenacao,
span.label-modo-visualizacao {
    color: var(--cor-textos);
    font-size: .8125rem;
}

.bloco-ordenacao span.label-ordenacao,
.bloco-modo-visualizacao span.label-modo-visualizacao {
    display: none;
}

section#cash-e-carry .btn-light:not(:disabled):not(.disabled).active,
section#cash-e-carry .btn-light:not(:disabled):not(.disabled):active,
section#cash-e-carry .show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #FFF;
}



/*--------------------------------------------------------
    lista / grids 
--------------------------------------------------------*/
/* .view-group .item {
    padding-left: 7px;
    padding-right: 7px;
} */

.view-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
}

.thumbnail {
    /* margin-bottom: 30px; */
    margin-top: 30px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.item.list-group-item {
    float: none;
    width: 100%;
    background-color: #fff;
    /* margin-bottom: 30px; */
    margin-bottom: -6px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 1rem;
    border: 0;
}

.item.list-group-item .img-event {
    float: left;
    width: 30%;
    width: 20%;
}

/*
.item.list-group-item .list-group-image {
    margin-right: 10px;
}*/

.item.list-group-item .thumbnail {
    margin-bottom: 0px;
    display: inline-block;

    border-bottom: 1px solid #f1f1f1;
    margin-top: -36px;
    margin-top: 0px;
    padding-top: 26px;
    padding-bottom: 25px;
}

.item.list-group-item .thumbnail.card:hover {
    background-color: #fbfbfb;
}

.item.list-group-item .caption {
    float: left;
    width: 70%;
    width: 80%;
    margin: 0;
}

.item.list-group-item:before,
.item.list-group-item:after {
    display: table;
    content: " ";
}

.item.list-group-item:after {
    clear: both;
}

.img-event {
    text-align: center;
    min-height: 155px;
    min-height: 184px;
}

.caption.card-body {
    padding: 0;
    padding-top: 1rem;
}

.card-title {
    margin-bottom: 5px;
}

h4.card-title {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
}

h4.card-title.title-helioonline {
    font-size: 12px;
}

h4.card-subtitle {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    margin-top: -5px;
    text-align: center;
    line-height: 20px;
}


.card {
    border: none;
    border-radius: 0px;
}

p.inner {
    margin-top: 5px;
    text-align: center;

    font-size: 15px;
    /* text-transform: uppercase; */

    color: var(--cor-textos);
}


p.inner.min-desc-helioonline {
    margin-top: 5px;
    text-align: center;

    font-size: 12px;
    text-transform: none;
    line-height: 20px;

    color: var(--cor-subtitulos);
}

.lead {
    font-size: 20px;
    color: var(--cor-titulos);

    font-family: 'Roboto-Bold', sans-serif;
    margin-top: 10px;
    text-align: center;

    text-transform: lowercase;
}

.list-group-item .lead {
    margin-top: 0px;
}

a.item-link:link h4,
a.item-link:visited h4,
a.item-link:link p,
a.item-link:visited p {
    color: var(--cor-subtitulos);
}


a.item-link:link p,
a.item-link:visited p {
    color: var(--cor-textos);
}

.produtos-helioonline a.item-link:link p,
.produtos-helioonline a.item-link:visited p {
    color: var(--cor-subtitulos);
}

a.item-link.item-helioonline:link h4,
a.item-link.item-helioonline:visited h4 {
    color: var(--cor-textos);
}

.list-group-item a.item-link:link h4,
.list-group-item a.item-link:visited h4 {
    color: var(--cor-subtitulos);
}



a.item-link:hover h4 {
    color: var(--cor-3);
    color: var(--cor-titulos);
}

.img-prod {
    padding-left: 0px;
    padding-right: 0px;
}

.img-prod {
    margin-left: -15px;
}

.img-prod #modal-img-zoom, 
.img-prod #modal-img-zoom-sstock {
    max-width: 250px;
    height: auto;
}

.detalhe-prod {
    padding-right: 0px;
}

.detalhe-prod h4#modal-titulo,
.detalhe-prod h4#modal-subtitulo {
    margin-bottom: 6px;
    color: var(--cor-textos);
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 21px;
    text-align: left;
    line-height: 30px;
}

.detalhe-prod h4#modal-subtitulo {
    margin-bottom: 20px;
}

.modal.modal-detalhe-prod {
    z-index: 10000;
    /*z-index: 9999999999;*/ /* correção devido ao icone do CHAT */
    z-index: 1999999990;
}

.modal-detalhe-prod h5.modal-title {
    margin-left: 5px;
    font-size: 21px;
}

.modal-detalhe-prod button:focus {
    outline: none !important;
}

.modal-detalhe-prod .modal-header {
    padding: 20px;
}

.disponibilidade {
    margin-bottom: 20px;
    display: block;
}


.disponibilidade.sim {
    color: #8ec449 !important;
}

.disponibilidade.nao {
    color: #bd2e2e !important;
}

.disponibilidade.consulta {
    color: #ff9800 !important;
}

.modal-detalhe-prod .modal-body {
    padding-left: 40px;
}

.modal-detalhe-prod .modal-footer {
    border: none;

    padding-right: 20px;
    padding-bottom: 20px;
}


.modal-detalhe-prod .btn-add-carrinho, 
.modal-detalhe-prod .btn-pedido-artigo, 
.btn-pesquisar-avancado {
    /* font-family: 'Roboto-Medium', sans-serif;
    font-size: 16px;
    padding: 7px 20px;
    border: 1px solid var(--cor-3);
    color: #FFF;
    background-color: var(--cor-3);
    border-radius: 1px; */

    font-family: 'Roboto-Medium', sans-serif;
    font-size: 17px;
    padding: 12px 22px;
    border: 1px solid var(--cor-botao-branco-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
    background-color: #FFF;
    color: var(--cor-botao-branco-textos);
}

.modal-detalhe-prod .btn-add-carrinho:hover,
.modal-detalhe-prod .btn-pedido-artigo:hover,
.btn-pesquisar-avancado:hover {
    /* color: var(--cor-3);
    background-color: transparent;
    border-color: var(--cor-3); */


    color: var(--cor-3);
    background-color: #FFF;
    border: 1px solid var(--cor-botao-branco-border);
    cursor: pointer;
}

.modal-detalhe-prod .btn-primary:not(:disabled):not(.disabled):active {
    color: var(--cor-3);
    background-color: #FFF;
    border: 1px solid var(--cor-botao-branco-border);
    cursor: pointer;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
}

.modal-detalhe-prod .btn-primary:not(:disabled):not(.disabled):active {
    color: var(--cor-3);
    background-color: #FFF;
    border: 1px solid var(--cor-botao-branco-border);
    cursor: pointer;
}

.btn-pesquisar-avancado:focus {
    border: 1px solid var(--cor-botao-branco-border);
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
    background-color: #FFF;
    color: var(--cor-3);
}

.modal-detalhe-prod .btn-cancelar {
    /* font-family: 'Roboto-Medium', sans-serif;
    font-size: 16px;
    padding: 7px 20px;
    border: 1px solid var(--cor-textos);
    color: #FFF;
    background-color: var(--cor-textos);
    border-radius: 1px; */

    font-family: 'Roboto-Medium', sans-serif;
    font-size: 17px;
    padding: 12px 22px;
    border: 1px solid var(--cor-botao-video-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 3px 6px var(--cor-botao-video-sombra);
    background-color: var(--cor-botao-video-fundo);
    color: var(--cor-botao-video-textos);
}

.modal-detalhe-prod .btn-cancelar:hover {
    /* color: var(--cor-textos);
    background-color: transparent;
    border-color: var(--cor-textos); */

    color: #FFF;
    background-color: var(--cor-botao-video-fundo-hover);
    border: 1px solid var(--cor-botao-video-border);
}

.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #FFF;
    background-color: var(--cor-botao-video-fundo-hover);
    border: 1px solid var(--cor-botao-video-border);
}

.modal-detalhe-prod .modal-dialog {
    max-width: 650px;
    font-size: 15px;
}

.preco-venda-label,
.qtd-venda-label,
.iva-venda-label, 
.qtd-stock-label {
    margin-left: -13px;
    font-family: 'Roboto-Medium', sans-serif;
}

.qtd-stock-label, 
.qtd-stock-valor {
    /* margin-bottom: 15px; */
}

.preco-venda-valor,
.iva-venda-total,
.qtd-stock-valor {
    font-family: 'Roboto-Bold', sans-serif;
    text-align:right;
    font-size: 15px;
}

.iva-venda-total {
    font-family: 'Roboto-Medium', sans-serif;
}

.opcoes-compra {
    /* margin-top: 20px; */
}


.opcoes-compra .form-control {
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    /* margin-bottom: 10px; */
    text-align: right;
}

.zoomContainer {
    z-index: 99999;
}

.zoomWindow {
    z-index: 99999;
}

.aviso-disponibilidade {
    margin-left: -14px;
    display: block;
    margin-top: 15px;
    font-size: 13px;
    color: #b70000;
    margin-bottom: 0px;

    line-height: 20px;
}

.list-group-item h4.card-title, 
.list-group-item h4.card-subtitle {
    /* margin-top: -15px; */
    /* margin-left: 20px; */
    text-align: left;

}

.list-group-item h4.card-title {
    font-size: 17px;
    font-size: 16px;
}

.list-group-item h4.card-subtitle {
    font-size: 16px;
    margin-top: 5px;
    font-family: 'Roboto-Medium',
    sans-serif;
}


.list-group-item p.list-group-item-text {
    /* margin-left: 20px; */
    text-align: left;
    font-size: 15px;
}

.list-group-item .card {
    width: 100%;
}

/* .list-group-item p.lead {
        position: absolute;
        top: -63px;
        right: 18px;
        font-size: 20px;
} */

a.item-link:link p.lead,
a.item-link:visited p.lead {
    color: var(--cor-titulos);
}

a.item-link:hover p.lead {
    color: var(--cor-3);
}

.card-body .body {
    display: block;
}

.list-group-item .card-body .body {
    display: none;
}

.card-body .list-group-item-body {
    display: none;
}

.list-group-item .card-body .list-group-item-body {
    display: block;
}

.list-group-item .caption.card-body {
    padding-top: 0px;
}

.list-group-item .caption.card-body p.lead {
    font-size: 19px;
    text-align: right;
}

.opcoes-compra .form-control:focus {
    border: 1px solid var(--cor-3);
}

.qtd-venda-input label.error {
    color: #f70000;
    font-size: 11px;
    margin-top: -5px;
    display: block;
}

.qtd-venda-input-sstock label.error {
    color: #f70000;
    font-size: 11px;
    display: block;
    line-height: 20px;
}

.swal2-container {
    z-index: 9999 !important;
}

.swal2-popup .swal2-title {
    font-size: 20px !important;
}

.swal2-popup .swal2-styled {
    margin-top: 20px !important;
}

.caixa-paginacao {
    display: block;
    text-align: center;

    margin-bottom: 80px;
    margin-top: 30px;
}

.swal2-content b {
    font-weight: bold !important;
}

.swal2-popup .swal2-title {
    margin-bottom: 20px !important;
    text-transform: uppercase !important;
}

/* .swal2-content h5 {
    margin-left: 20px;
    text-transform: uppercase;
    margin-top: 20px;
}

.swal2-content ul {
    list-style: none;
    text-align: left;
}

.swal2-content ul li {
    color: red;
} */

/*----------------------------------------------------
    OVERITE - PAGINATOR
----------------------------------------------------*/
ul#pagination {
    margin-left: 6px;
}

#cash-e-carry .page-link {
    padding: .7rem .95rem;
    color: var(--cor-textos);
    /* color: #FFF; */
    /* background-color: var(--cor-textos); */
    background-color: #FFF;
    border: 1px solid var(--cor-textos);
    border: 1px solid #bdbdbd;

    margin-right: 5px;
    font-size: 15px;
}

#cash-e-carry .page-item.disabled .page-link {
    /* color: #565656; */
    color: #cacaca;
    background-color: #FFF;
    /* border-color: #565656; */
    border-color: #cacaca;
}

#cash-e-carry .page-item.active .page-link {
    color: var(--cor-3);
    background-color: #FFF;
    border-color: var(--cor-3);
}

#cash-e-carry .page-link:hover {
    color: var(--cor-3) !important;
    border-color: var(--cor-3);
}

#cash-e-carry #produtos .img-event .img-fluid {
    max-width: 100%;
    height: auto;
    max-height: 198px;
}


/*----------------------------------------------------
    ACCORDION ASIDE
----------------------------------------------------*/
#accordion .panel {
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: -5px;
}

#accordion .panel-heading {
    padding: 0;
    border: none;
    border-radius: 0;
}

#accordion .panel-title a {
    display: block;
    padding: 10px 0px 10px 0px;
    background: #fff;
    color: var(--cor-textos);
    position: relative;
    font-family: 'Roboto-Medium', sans-serif;

    font-size: 20px;
    line-height: 30px;
}

#accordion .panel-title a.collapsed {
    color: var(--cor-textos);
}

#accordion .panel-title a.collapsed:hover {
    color: var(--cor-3);
}

#accordion .panel-title a:before,
#accordion .panel-title a:after {
    content: "";
    width: 2px;
    height: 14px;
    background: var(--cor-subtitulos);
    font-size: 15px;
    position: absolute;
    top: 18px;
    right: 9px;
    transform: rotate(45deg);
    transition: all 0.3s ease-in-out 0s;
}

#accordion .panel-title a:after {
    /* right: 11px; */
    right: 0px;
    transform: rotate(-45deg);
}

#accordion .panel-title a.collapsed:before {
    transform: rotate(-45deg);
    background: var(--cor-subtitulos);
}

#accordion .panel-title a.collapsed:after {
    transform: rotate(45deg);
    background: var(--cor-subtitulos);
}

#accordion .panel-title a.collapsed:hover:before,
#accordion .panel-title a.collapsed:hover:after {
    background: var(--cor-textos);
}

#accordion .panel-body {
    padding: 5px 10px;
    border-top: none;
    font-size: 15px;
    color: var(--cor-textos);
    line-height: 25px;
    margin-top: -10px;
    margin-bottom: 20px;
}

#accordion .form-control {
    border-radius: 1px;
}

#accordion .form-control:focus {
    border-color: var(--cor-3);
    box-shadow: none;
}

.grupo-preco {
    margin-top:20px;
}

.submit {
    margin-top:30px;
    text-align: right;
}

.form-control.pull-left, .form-control.pull-right {
    width: 45%;
}

.form-control.pull-left {
    margin-right: 8px;
}


.grupo-largura,
.grupo-stock {
    margin-top: 30px;
}


/* -------------------------------- 
    ASIDE MENU PRODUTOS
-------------------------------- */
.grupo-descricao .form-control:disabled,
.grupo-descricao .form-control[readonly],
.grupo-preco .form-control:disabled,
.grupo-preco .form-control[readonly],
.grupo-largura .form-control:disabled,
.grupo-largura .form-control[readonly],
.grupo-stock .form-control:disabled,
.grupo-stock .form-control[readonly] {
    background-color: #fbfbfb;
    border-radius: none !important;
    border: 1px solid #e9ecef !important;
}

.btn-primary.btn-pesquisar-avancado.disabled,
.btn-primary.btn-pesquisar-avancado:disabled {
    /* color: #c3c3c3;
    background-color: #f2f2f2;
    border-color: #a8a8a8; */
    opacity: 0.65;
}

label.error {
    color: #b70000;
    font-size: 13px;
}

label#proc_preco_input_min-error {
    position: absolute;
    left: 0px;
    top: 69px;
}

label#proc_preco_input_max-error {
    position: absolute;
    left: 130px;
    top: 69px;
}

#accordion .error {
    border: 1px solid #b70000;
}

/* #accordion .form-control:focus {
    border: 1px solid #b70000;
} */

.inputCompCor.error {
    border: 1px solid #b70000 !important;
}



/* -------------------------------- 
    ASIDE MENU PRODUTOS
-------------------------------- */
ul.cd-accordion-menu,
ul.cd-accordion-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.cd-accordion-menu {
    width: 100%;
    /* width: 90%;
    max-width: 600px; */
    /* background: #4d5158;
    margin: 4em auto;
    box-shadow: 0 4px 40px #70ac76; */
}

.cd-accordion-menu ul {
    /* by default hide all sub menus */
    display: none;
}

.cd-accordion-menu li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cd-accordion-menu input[type=checkbox] {
    /* hide native checkbox */
    position: absolute;
    opacity: 0;
}

.cd-accordion-menu label,
.cd-accordion-menu a {
    position: relative;
    display: block;
    /* padding: 18px 18px 18px 64px; */
    /* background: #4d5158;
    box-shadow: inset 0 -1px #555960;
    color: #ffffff;
    font-size: 1.6rem; */
    color: var(--cor-subtitulos);
    font-size: 15px;
    /* padding-left: 9px; */
    padding-left: 5px;
    text-transform: capitalize;
}

.no-touch .cd-accordion-menu label:hover,
.no-touch .cd-accordion-menu a:hover {
    /* background: #52565d; */
    color: var(--cor-3);
}

.cd-accordion-menu label::before,
.cd-accordion-menu label::after,
.cd-accordion-menu a::after {
    /* icons */
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cd-accordion-menu label {
    cursor: pointer;
}

/* .cd-accordion-menu label::before,
.cd-accordion-menu label::after {
    background-image: url(../../../imagens/catalogo/cd-icons.svg);
    background-repeat: no-repeat;
} */
.cd-accordion-menu label::before {
    background-image: url(../../../imagens/catalogo/cd-icons.svg);
    background-repeat: no-repeat;
}

.cd-accordion-menu label::before {
    /* arrow icon */
    /* left: 18px; */
    left: -13px;
    top: 12px;
    background-position: 0 0;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

.cd-accordion-menu label::after {
    /* folder icons */
    left: 41px;
    background-position: -16px 0;
}

.cd-accordion-menu a::after {
    /* image icon */
    left: 36px;
    background: url(../../../imagens/catalogo/cd-icons.svg) no-repeat -48px 0;
}

.cd-accordion-menu.helioonline a::after {
    /* image icon */
    /* left: 0px; */
    left: -10px;
    background: url(../../../imagens/catalogo/cd-icons-helioonline.svg) no-repeat -48px 0;
}





.cd-accordion-menu input[type=checkbox]:checked+label::before {
    /* rotate arrow */
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cd-accordion-menu input[type=checkbox]:checked+label::after {
    /* show open folder icon if item is checked */
    background-position: -32px 0;
}

.cd-accordion-menu input[type=checkbox]:checked+label+ul,
.cd-accordion-menu input[type=checkbox]:checked+label:nth-of-type(n)+ul {
    /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
    /* show children when item is checked */
    display: block;
}

.cd-accordion-menu li label.top-cat {
    font-family: 'Roboto-Medium', sans-serif;
}

.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
    /* background: #35383d; */
    /* box-shadow: inset 0 -1px red; */
    /* padding-left: 28px; */
    padding-left: 11px;
    margin-top: -5px;
}

.no-touch .cd-accordion-menu ul label:hover,
.no-touch .cd-accordion-menu ul a:hover {
    /* background: #3c3f45; */
    color: red;
}

.cd-accordion-menu>li:last-of-type>label,
.cd-accordion-menu>li:last-of-type>a,
.cd-accordion-menu>li>ul>li:last-of-type label,
.cd-accordion-menu>li>ul>li:last-of-type a {
    box-shadow: none;
}

.cd-accordion-menu ul label::before {
    /* left: 36px; */
    left: 8px;
    left: -7px;
}

.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
    left: 59px;
}

.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
    /* padding-left: 100px; */
    padding-left: 20px;
    font-size: 14px;
    margin-top: -5px;
}

.cd-accordion-menu ul ul label {
    margin-top: -0px;
}

.cd-accordion-menu ul ul label::before {
    /* left: 54px; */
    /* left: 27px; */
    left: 0px;
}

.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
    left: 77px;
}

.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
    /* padding-left: 118px; */
    padding-left: 28px;
    font-size: 13px;
}

.cd-accordion-menu ul ul ul label::before {
    /* left: 72px; */
    left: 7px;
}

.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
    /* left: 95px; */
    left: 8px;
    top: 11px;
}

/* sub nível 4 */
.cd-accordion-menu ul ul ul ul label,
.cd-accordion-menu ul ul ul ul a {
    padding-left: 37px;
    font-size: 12px;
}

.cd-accordion-menu ul ul ul ul label::before {
    /* left: 72px; */
    left: 39px;
}

.cd-accordion-menu ul ul ul ul label::after,
.cd-accordion-menu ul ul ul ul a::after {
    left: 15px;
    top: 12px;
}

.swal-feedback {
    margin-top: 20px;
}

.swal-feedback img {
    width: 200px;
    height: auto;
    display: block;
    margin: auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.swal-feedback h4 {
    font-family: 'Roboto-Bold', sans-serif;
    margin-bottom: 10px;
}

.swal-feedback .detalhe-encomenda ul {
    list-style: none;
    text-align: left;
    margin-left: -40px;
    font-size: 15px;
}

.swal-feedback .resumo-encomenda .qtd-box,
.swal-feedback .resumo-encomenda .preco-box,
.swal-feedback .resumo-encomenda .total-box {
    width: 100%;
    text-align: left;
    font-size: 15px;
    margin-bottom: 10px;
}

.swal-feedback .resumo-encomenda .label {
    display: inline-block;
    color: #000;
    text-align: left;
    min-width: 140px;
    font-family: 'Roboto-Bold',
    sans-serif;
}

.swal-feedback .resumo-encomenda .value {
    display: inline-block;
    min-width: 170px;
}

.swal-feedback .resumo-encomenda .total-box .value {
    font-family: 'Roboto-Bold',
    sans-serif;
}

/* h4#modal-subtitulo {
    margin-top: -10px;
    margin-bottom: 10px;
} */

/* these styles are for the demo, but are not required for the plugin */
.zoom {
    display: inline-block;
    position: relative;
    /* width: 100%; */
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

/* página de detalhe do produto */
#detalhe-produto .imagem .zoom {
    width: 100%;
}

.cash-carry-modal .zoom, 
.cash-carry-modal-sstock .zoom {
    width: 100%;
}


.zoom img {
    display: block;
}

.zoom img::selection {
    background-color: transparent;
}





/*
@media only screen and (min-width: 600px) {

    .cd-accordion-menu label,
    .cd-accordion-menu a {
        padding: 24px 24px 24px 82px;
        font-size: 1.9rem;
    }

    .cd-accordion-menu label::before {
        left: 24px;
    }

    .cd-accordion-menu label::after {
        left: 53px;
    }

    .cd-accordion-menu ul label,
    .cd-accordion-menu ul a {
        padding-left: 106px;
    }

    .cd-accordion-menu ul label::before {
        left: 48px;
    }

    .cd-accordion-menu ul label::after,
    .cd-accordion-menu ul a::after {
        left: 77px;
    }

    .cd-accordion-menu ul ul label,
    .cd-accordion-menu ul ul a {
        padding-left: 130px;
    }

    .cd-accordion-menu ul ul label::before {
        left: 72px;
    }

    .cd-accordion-menu ul ul label::after,
    .cd-accordion-menu ul ul a::after {
        left: 101px;
    }

    .cd-accordion-menu ul ul ul label,
    .cd-accordion-menu ul ul ul a {
        padding-left: 154px;
    }

    .cd-accordion-menu ul ul ul label::before {
        left: 96px;
    }

    .cd-accordion-menu ul ul ul label::after,
    .cd-accordion-menu ul ul ul a::after {
        left: 125px;
    }
}
*/
.cd-accordion-menu.animated label::before {
    /* this class is used if you're using jquery to animate the accordion */
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}




















/*---------------------------------------------
    HELIOONLINE
---------------------------------------------*/

.helioonline-cat-base .categoria-produto {
    border: 1px solid var(--cor-caixa-catalogo-border);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: 0 3px 6px var(--cor-caixa-catalogo-sombra);
    background-color: #FFF;

    width: 370px;
    display: block;
    margin-bottom: 10px;
    margin-top: 40px;
}

.helioonline-cat-base .categoria-produto img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.helioonline-cat-base .categoria-produto .nome-categoria h3 img {
    height: 35px;
    width: auto;
    margin-top: 5px;
    margin-bottom: -5px;
}

.helioonline-cat-base .categoria-produto .nome-categoria h3.titulo-cat {
        line-height: 30px;
        margin-top: -3px;
        margin-bottom: -2px;
}



.helioonline-cat-base .categoria-produto .nome-categoria {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 4px solid rgba(34, 181, 158, .9);
}

.helioonline-cat-base .overlay-categorias {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: rgba(34, 181, 158, .9);
    -webkit-transition: .9s ease;
    -moz-transition: .9s ease;
    -ms-transition: .9s ease;
    -o-transition: .9s ease;
}


/*
.helioonline-cat-base  .categoria-produto.helioetiquetas .overlay-categorias {
    background-color: rgba(231, 98, 12, .95);
}

.helioonline-cat-base .categoria-produto.helioetiquetas .nome-categoria {
    border-top: 4px solid rgba(231, 98, 12, .95);
}

.helioonline-cat-base .categoria-produto.helioetiquetas .overlay-categorias a span.texto-link {
    color: #E7620C;
}

.helioonline-cat-base .categoria-produto.helioetiquetas .overlay-categorias a span.texto-link:hover {
    color: var(--cor-botao-branco-textos);
    background-color: #FFF;
    border: 1px solid var(--cor-botao-branco-border);
}
*/





/*
ul.helioonline-cat-base {
    list-style: none;
}

ul.helioonline-cat-base li {
    margin-left: -50px;
}

ul.helioonline-cat-base li button {
    border:none;
    background-color: transparent;
    color: var(--cor-subtitulos);
}

ul.helioonline-cat-base li button:hover {
    cursor: pointer;
}

ul.helioonline-cat-base li i.fa.fa-angle-right {
    font-size: 27px;
    color: var(--cor-3);
    position: relative;
    top: 3px;
}

ul.helioonline-cat-base li i.fa-times-circle-ot {
    font-size: 27px;
    position: relative;
    top: 3px;
}

ul.helioonline-cat-base li.hr-filtro {
    padding-right: 20px;
    margin-top: -5px;
    margin-bottom: -5px;

    display: none;
}

ul.helioonline-cat-base li.limpar-filtro {
    display: none;
}
*/

ul.cd-accordion-menu li.limpar-filtro {
    display: none;
}

ul.cd-accordion-menu li.hr-filtro {
    padding-right: 20px;
    margin-top: -5px;
    margin-bottom: -5px;

    display: none;
}

ul.cd-accordion-menu li button {
    border: none;
    background-color: transparent;
    color: var(--cor-subtitulos);
}

ul.cd-accordion-menu li button:hover {
    cursor: pointer;
}

ul.cd-accordion-menu li i.fa-times-circle-ot {
    font-size: 27px;
    position: relative;
    top: 3px;
}

ul.cd-accordion-menu.helioonline ul li:last-child {
    margin-bottom: 10px;
}



button.limpa-filtro-cat-helioonline,
button.limpa-filtro-cat-cashecarry {
    width: 100%;

    font-family: 'Roboto-Medium',
    sans-serif;
    font-size: 18px;
    padding: 16px 22px;
    border: 1px solid var(--cor-botao-branco-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
    background-color: #FFF;
    color: var(--cor-titulos);

    margin-top: 20px;

    display: none;
}

button.limpa-filtro-cat-helioonline:hover,
button.limpa-filtro-cat-cashecarry:hover {
    color: var(--cor-3);
    background-color: #FFF;
    border: 1px solid var(--cor-botao-branco-border);

    cursor: pointer;
}

.btn.limpa-filtro-cat-helioonline:focus,
.btn.limpa-filtro-cat-cashecarry,
.btn-primary.limpa-filtro-cat-helioonline:not(:disabled):not(.disabled):active:focus,
.btn.limpa-filtro-cat-cashecarry:not(:disabled):not(.disabled):active:focus {
    border: 1px solid var(--cor-botao-branco-border);
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
}


.modal-detalhe-prod.helioonline .modal-dialog {
    max-width: 700px;
    font-size: 15px;
}


.modal-detalhe-prod.helioonline .zoom {
    /* width: 250px; */
    /* border: 1px solid red; */
}

.modal-detalhe-prod.helioonline .detalhe-prod-descricao,
.modal-detalhe-prod.helioonline .detalhe-prod-largura,
.modal-detalhe-prod.helioonline .detalhe-prod-cor {
    display: none;
}

#detalhe-produto.modal-detalhe-prod.helioonline .drescricao .descricao-produto h4 {
    margin-top:-15px;
    font-size: 22px;
}

#detalhe-produto.modal-detalhe-prod.helioonline .drescricao .descricao-produto .detalhe-prod-largura h4, 
#detalhe-produto.modal-detalhe-prod.helioonline .drescricao .descricao-produto .detalhe-prod-cor h4 {
    margin-top: 10px;
}

#detalhe-produto.modal-detalhe-prod.helioonline .drescricao h3 {
    font-size: 26px;
    margin-bottom: 10px;
    line-height: 35px;
}

.desktop-btn {
    display: inline-block;
}

.mobile-btn {
    display: none;
}



/*---------------------------------------------
    SWAL
---------------------------------------------*/
.swal2-popup .swal2-title {
    font-family: 'Roboto-Bold', sans-serif !important;
}

.swal2-popup .swal2-content {
    font-family: 'Roboto-Medium', sans-serif !important;
}

.swal2-popup .swal2-styled:focus {
    box-shadow: none !important;
}

.swal2-popup .swal2-actions {
    margin-bottom: 20px !important;
}

.swal2-popup .swal2-styled.swal2-confirm {
    font-family: 'Roboto-Medium', sans-serif !important;
    font-size: 18px !important;
    padding: 16px 30px !important;
    border: 1px solid var(--cor-botao-branco-border) !important;
    border-radius: 30px !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    -ms-border-radius: 30px !important;
    -o-border-radius: 30px !important;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra) !important;
    background-color: #FFF !important;
    color: var(--cor-botao-branco-textos) !important;

    text-transform: capitalize !important;
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: none !important;
    color: var(--cor-3) !important;
    background-color: #FFF !important;
    border: 1px solid var(--cor-botao-branco-border) !important;

}


.swal2-popup .swal2-styled.swal2-cancel {
    font-family: 'Roboto-Medium', sans-serif !important;
    font-size: 18px !important;
    padding: 16px 30px !important;
    border: 1px solid var(--cor-botao-branco-border) !important;
    border-radius: 30px !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    -ms-border-radius: 30px !important;
    -o-border-radius: 30px !important;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra) !important;
    /* background-color: #dd3333 !important; */
    background-color: var(--cor-botao-video-fundo) !important;
    color: #FFF !important;

    text-transform: capitalize !important;
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled.swal2-cancel:hover {
    background-image: none !important;
    color: #FFF !important;
    /* background-color: #dd3333 !important; */
    background-color: var(--cor-botao-video-fundo) !important;
    border: 1px solid var(--cor-botao-branco-border) !important;

    opacity: 0.7;

}


.swal2-popup.swal-add-cart .swal2-styled.swal2-confirm {
    background-color: #FFF !important;
    color: var(--cor-botao-video-fundo) !important;

    margin-left: 20px;
}

.swal2-popup.swal-add-cart .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-color: var(--cor-botao-video-fundo) !important;
    color: #FFF !important;
}

.swal2-popup.swal-add-cart .swal2-styled.swal2-cancel {
    background-color: #FFF !important;
    color: var(--cor-3) !important;
}

.swal2-popup.swal-add-cart .swal2-actions:not(.swal2-loading) .swal2-styled.swal2-cancel:hover {
    background-color: var(--cor-3) !important;
    color: #FFF !important;
}



/*----------------------------------------------------------
    TOASTR
----------------------------------------------------------*/
.toast-title {
    font-weight: 100;
    font-size: 18px;
    font-family: 'Roboto-Bold', sans-serif;
}

.toast-message {
    font-family: 'Roboto-Light', sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-top: 5px;
}

#toast-container {
    z-index: 1999999991;
}

/*---------------------------------------------------------------------
    MARCAR CAMPOS OBRIGATÓRIOS
---------------------------------------------------------------------*/
/* style all input elements with a required attribute */
input#proc_desc_input, 
input#proc_preco_input_min,
input#proc_preco_input_max,
input#proc_largura_input_min,
input#proc_largura_input_max,
input#proc_stock_input_min,
input#proc_stock_input_max,
input:required,
input#inputQtd,
input#inputLargura1,
input#inputComprimento1,
button[data-id=inputLargura],
button[data-id=inputNumCores],
button[data-id=inputUnMedida],
button[data-id=inputTipoApr],
button[data-id=inputTipoEmb],
button[data-id=inputTipoCol],
#form-simulador-compra button.btn-select-color {
    border-left: 3px solid var(--cor-3);
}

/* Campos formulários: Pedido Consulta, Pedido Amostra, Pedido Catálogo */
input#inputNome,
input#inputEmpresa,
input#inputEmail,
input#inputTel,
input#inputQtdAM, 
input#inputQtdCT,
input#inputQtd,
input#inputLargura1,
input#inputComprimento1,
button[data-id=inputLargura],
button[data-id=inputNumCores],
button[data-id=inputUnMedida],
button[data-id=inputTipoApr],
button[data-id=inputTipoEmb],
button[data-id=inputTipoCol],
#form-simulador-compra button.btn-select-color {
    border-left: 3px solid var(--cor-3) !important;
}


/**
 * style input elements that have a required
 * attribute and a focus state
 */
input#proc_desc_input:focus,
input#proc_preco_input_min:focus,
input#proc_preco_input_max:focus,
input#proc_largura_input_min:focus,
input#proc_largura_input_max:focus,
input#proc_stock_input_min:focus,
input#proc_stock_input_max:focus,
input:required:focus,
input#inputQtd:focus,
input#inputLargura1:focus,
input#inputComprimento1:focus,
button[data-id=inputLargura]:focus,
button[data-id=inputNumCores]:focus,
button[data-id=inputUnMedida]:focus,
button[data-id=inputTipoApr]:focus,
button[data-id=inputTipoEmb]:focus,
button[data-id=inputTipoCol]:focus,
#form-simulador-compra button.btn-select-color:focus {
    border-left: 1px solid var(--cor-textos);
}

/* Campos formulários: Pedido Consulta, Pedido Amostra, Pedido Catálogo */
input#inputNome:focus,
input#inputEmpresa:focus,
input#inputEmail:focus,
input#inputTel:focus,
input#inputQtdAM:focus,
input#inputQtdCT:focus
input#inputQtd:focus,
input#inputLargura1:focus,
input#inputComprimento1:focus,
button[data-id=inputLargura]:focus,
button[data-id=inputNumCores]:focus,
button[data-id=inputUnMedida]:focus,
button[data-id=inputTipoApr]:focus,
button[data-id=inputTipoEmb]:focus,
button[data-id=inputTipoCol]:focus,
#form-simulador-compra button.btn-select-color:focus {
    border-left: 1px solid var(--cor-textos) !important;
}

/**
 * style input elements that have a required
 * attribute and a hover state
 */
input#proc_desc_input:hover,
input#proc_preco_input_min:hover,
input#proc_preco_input_max:hover,
input#proc_largura_input_min:hover,
input#proc_largura_input_max:hover,
input#proc_stock_input_min:hover,
input#proc_stock_input_max:hover,
input:required:hover,
input#inputQtd:hover,
input#inputLargura1:hover,
input#inputComprimento1:hover,
button[data-id=inputLargura]:hover,
button[data-id=inputNumCores]:hover,
button[data-id=inputUnMedida]:hover,
button[data-id=inputTipoApr]:hover,
button[data-id=inputTipoEmb]:hover,
button[data-id=inputTipoCol]:hover,
#form-simulador-compra button.btn-select-color:hover {
    border-left: 3px solid var(--cor-textos);
}

/* Campos formulários: Pedido Consulta, Pedido Amostra, Pedido Catálogo */
input#inputNome:hover,
input#inputEmpresa:hover,
input#inputEmail:hover,
input#inputTel:hover,
input#inputQtdAM:hover,
input#inputQtdCT:hover
input#inputQtd:hover,
input#inputLargura1:hover,
input#inputComprimento1:hover,
button[data-id=inputLargura]:hover,
button[data-id=inputNumCores]:hover,
button[data-id=inputUnMedida]:hover,
button[data-id=inputTipoApr]:hover,
button[data-id=inputTipoEmb]:hover,
button[data-id=inputTipoCol]:hover,
#form-simulador-compra button.btn-select-color:hover {
    border-left: 3px solid var(--cor-textos) !important;
}


/*-------------------------------------------------------------------
    RIBBON COMPRAR
-------------------------------------------------------------------*/
.ribbon {
    position: absolute;
    right: 30px;
    top: 39px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;

    left: 27px;
    top: 39px;
    width: 95px;
    height: 95px;
}

.ribbon span {
    font-size: 10px;
    font-weight: normal;
    color: #FFF;
    /*text-transform: uppercase;
    */text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    width: 120px;
    display: block;
    background: #F70505;
    /*background: linear-gradient(#F70505 0%, #8F0808 100%);*/
    background: linear-gradient(#ef4332 0%, #d42b1c 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px;
    left: -21px;
    font-size: 11px;
    line-height: 17px;
    top: 20px;
    left: -24px;
    padding-top: 5px;
    padding-bottom: 7px;
}

.ribbon span::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #8F0808;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #8F0808;
}

.ribbon span::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #8F0808;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #8F0808;
}


.ribbon-cat {
    position: absolute;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;

    left: -8px;
    top: -6px;
    width: 95px;
    height: 95px;
}

.ribbon-cat span {
    font-size: 10px;
    font-weight: normal;
    color: #FFF;
    /*text-transform: uppercase;
    */
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    width: 120px;
    display: block;
    background: #ef4332;
    background: linear-gradient(#ef4332 0%, #d42b1c 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px;
    left: -21px;
    font-size: 11px;
    line-height: 17px;
    top: 20px;
    left: -24px;
    padding-top: 5px;
    padding-bottom: 7px;
}

.ribbon-cat span::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #8F0808;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #8F0808;
}

.ribbon-cat span::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #8F0808;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #8F0808;
}


/*-------------------------------------------------------------
    INFO MARCAS COPYRIGHT
-------------------------------------------------------------*/
sup.info-copyright-brands {
    font-size: 18px;
    top: -16px;
    color: var(--cor-3);

    position: relative;
    right: 0px;
    top: -15px;
}



section#info-copyright-brands span {
    display: block;
    margin-top: -30px;
    font-size: 12px;
    color: var(--cor-subtitulos);
    margin-bottom: 40px;
}

/*-------------------------------------------------------------
    INFO LARGURAS E TIPOS DE APRESENTAÇÕES
-------------------------------------------------------------*/
sup.info-dif-larguras-apr, 
sup.info-qtd-maximas {
    font-size: 16px;
    color: var(--cor-3);

    position: relative;
    right: 0px;
    top: -7px;

    cursor: pointer;
}



/*-------------------------------------------------------------
    SIMULADOR COMPRA
-------------------------------------------------------------*/
a.btn-simulador-preco:link,
a.btn-simulador-preco:visited {
    color: var(--cor-textos);
    text-decoration: none;
}

a.btn-simulador-preco:hover {
    color: var(--cor-3);
    text-decoration: none;
}

.simulador-titulo {
    margin-top: 40px;
}

.simulador-titulo a.cancelar {
    z-index: 1000;
}

.cancelar {
    position: absolute;
    right: 32px;
    top: 32px;
    width: 32px;
    height: 32px;
    opacity: 1;

    top: 45px;

    /* top: 30px; */
}

.cancelar:hover {
    opacity: 1;
}

.cancelar:before,
.cancelar:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: var(--cor-titulos);
}

.cancelar:hover:before,
.cancelar:hover:after{
    background-color: var(--cor-3);
}

.cancelar:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.cancelar:after {
    transform: rotate(-45deg);
}

#form-simulador-compra {
    width: 100%;
}

#form-simulador-compra label {
    margin-left: -15px;
}

#form-simulador-compra .row-space {
    margin-bottom: 8px;
}

#form-simulador-compra .row-space-top {
    margin-top: 8px;
}

#form-simulador-compra textarea.form-control {
    height: 96px;
    margin-left: -15px;
}

#form-simulador-compra #cor-selecionada, 
#form-simulador-compra #cor-selecionada-fita,
#form-simulador-compra #cor-selecionada-inscricao,
#form-simulador-compra #cor-selecionada-suporte,
#form-simulador-compra #cor-selecionada-teia,
#form-simulador-compra #cor-selecionada-personalizacao {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: 5px;
    border: 1px solid var(--cor-botao-branco-border);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
    background-color: #FFF;

    margin-top: 15px;
}

#form-simulador-compra #cor-selecionada-fita,
#form-simulador-compra #cor-selecionada-suporte,
#form-simulador-compra #cor-selecionada-teia,
#form-simulador-compra #cor-selecionada-personalizacao {
    margin-top: 10px;
}

#form-simulador-compra #cor-selecionada-inscricao,
#form-simulador-compra #cor-selecionada-personalizacao {
    margin-top: 6px;
}

#form-simulador-compra #cor-selecionada-nome, 
#form-simulador-compra #cor-selecionada-nome-fita, 
#form-simulador-compra #cor-selecionada-nome-inscricao,
#form-simulador-compra #cor-selecionada-nome-suporte,
#form-simulador-compra #cor-selecionada-nome-teia,
#form-simulador-compra #cor-selecionada-nome-personalizacao {
    margin-left: 10px;
    position: relative;
    top: -9px;
    font-size: 13px;

    color: var(--cor-subtitulos);
    font-size: 15px;
}

#form-simulador-compra .btn-select-color {
    height: 30px;
    width: 30px;
    color: #212529;
    background-color: #f8f9fa;
    border: 1px solid #f8f9fa;
    font-family: 'Roboto-Medium',    sans-serif;
    font-size: 17px;
    padding: 12px 14px;
    border: 1px solid var(--cor-botao-branco-border);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
    background-color: #FFF;
    color: var(--cor-botao-branco-textos);
    margin-top: -19px;
    margin-right: 10px;
}

#form-simulador-compra .btn-light {
    background-color: transparent;
    border-color: transparent;
}

#form-simulador-compra .btn-select-color:focus {
    border: 1px solid var(--cor-botao-branco-border);
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
}

#form-simulador-compra .form-control {
    border: 1px solid var(--input-form-border);
}

#form-simulador-compra .form-control:disabled,
#form-simulador-compra .form-control[readonly] {
    background-color: #f7f7f7 !important;
    border: 1px solid var(--input-form-border) !important;
    cursor: not-allowed;
}

#form-simulador-compra input.checkbox-style:disabled+.label-text {
    cursor: not-allowed;
}

#form-simulador-compra .dropdown-item.active,
#form-simulador-compra .dropdown-item:active {
    color: var(--cor-textos);
    text-decoration: none;
    background-color: #efefef;
}

#form-simulador-compra .btn-group.area-cliente .dropdown-menu a:hover,
#form-simulador-compra a.dropdown-item:hover {
    color: var(--cor-titulos);
}

#form-simulador-compra .btn-light:not(:disabled):not(.disabled).active:focus,
#form-simulador-compra .btn-light:not(:disabled):not(.disabled):active:focus,
#form-simulador-compra .show>.btn-light.dropdown-toggle:focus {
    box-shadow: none;
}

#form-simulador-compra .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

input[name=inputQtd],
input[name=inputLargura1],
input[name=inputLargura2],
input[name=inputComprimento1],
input[name=inputComprimento2] {
    width: 250px;
}


#simulador-compra-produto+.modal+footer.shadow-top {
    margin-top: 50px !important;
}

#simulador-compra-produto+.modal+.modal+footer.shadow-top {
    margin-top: 50px !important;
}

#simulador-compra-produto+.modal+.modal+.modal+footer.shadow-top {
    margin-top: 50px !important;
}

.modal {
    z-index: 19999999991;
}

#form-simulador-compra .titulo-config {
    font-size: 12px;
    color: var(--cor-subtitulos);
    text-align: center;
    line-height: 18px;
    display: block;

    cursor: pointer; /* para o popover */
}

#form-simulador-compra .btn-calcular-preco, 
#form-simulador-compra .btn-adicionar-carrinho {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 18px;
    padding: 16px 22px;
    border: 1px solid var(--cor-botao-branco-border);

    border: 1px solid var(--cor-botao-video-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
    background-color: #FFF;
    color: var(--cor-titulos);

    background-color: var(--cor-botao-video-fundo);
    color: var(--cor-botao-video-textos);
}



#form-simulador-compra .btn-calcular-preco {
    margin-right: 15px;
}

#form-simulador-compra .btn-adicionar-carrinho {
    border: 1px solid var(--cor-botao-branco-border);
    background-color: #FFF;
    color: var(--cor-titulos);
}

#form-simulador-compra .btn-adicionar-carrinho:disabled,
#form-simulador-compra .btn-calcular-preco:disabled {
    cursor: not-allowed;
}


#form-simulador-compra .btn-calcular-preco:hover, 
#form-simulador-compra .btn-adicionar-carrinho:hover {
    color: var(--cor-3);
    background-color: #FFF;
    border: 1px solid var(--cor-botao-branco-border);

    color: #FFF;
    background-color: var(--cor-botao-video-fundo-hover);
    border: 1px solid var(--cor-botao-video-border);
}

#form-simulador-compra .btn-adicionar-carrinho:hover {
    color: var(--cor-3);
    background-color: #FFF;
    border: 1px solid var(--cor-botao-branco-border);
}

#form-simulador-compra .btn-calcular-preco:focus, 
#form-simulador-compra .btn-adicionar-carrinho:focus {
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
}


#form-simulador-compra .btn-altera-qtd {
    color: var(--cor-titulos);
}

#form-simulador-compra .btn-altera-qtd:hover {
    color: var(--cor-3);
}

#form-simulador-compra .btn-altera-qtd:focus {
    box-shadow: none;
}

#form-simulador-compra .btn-altera-qtd:disabled {
    cursor: not-allowed;
}



/* #form-simulador-compra figure figcaption {
    font-size: 11px;
    color: var(--cor-textos);
    margin-left: 5px;
} */
#form-simulador-compra figure figcaption {
    font-size: 11px;
    color: var(--cor-textos);
}

#form-simulador-compra figure figcaption.fig-rolos {
    text-align: center;
    width: 77px;
}

#form-simulador-compra figure figcaption.fig-rolos-serpentine {
    text-align: center;
    width: 43px;
}

#form-simulador-compra figure figcaption.fig-bobines {
    text-align: center;
    width: 50px;
}

#form-simulador-compra figure figcaption.fig-apr-dd {
    text-align: center;
    width: 50px;
}

#form-simulador-compra figure img.imgs-apr-dd {
    margin: 7px;
}

#form-simulador-compra figure img.imgs-apr-dd.desativado {
    opacity: 0.6;
}

#form-simulador-compra label.error {
    margin-left: 0px;

    margin-bottom: 0px;
}

#form-simulador-compra label.error.hiddenCor, 
#form-simulador-compra label.error.hiddenCorFita, 
#form-simulador-compra label.error.hiddenCorInscricao,
#form-simulador-compra label.error.hiddenCorInscricaoGrupo {
    margin-left: 15px;
}

#form-simulador-compra label.error.hiddenCompCorGrupo {
    margin-top: -10px;
    margin-bottom: 10px;
}

/* #form-simulador-compra .input-read-only {
    padding-left: 0px;
} */

#form-simulador-compra label, 
#form-simulador-compra span.label-text {
    font-size: 18px;
    line-height: 28px;
}

#form-simulador-compra label.error {
    font-size: 13px;
    line-height: 25px;
}

#form-simulador-compra .simulador-cod-suporte,
#form-simulador-compra .simulador-tipo-suporte {
    padding-left: 0px;
    display:block;
    padding-top: 5px;

    font-size: 18px;
    line-height: 28px;

    color: var(--cor-subtitulos);
}

#form-simulador-compra textarea#inputDesc {
    margin-bottom: 10px;
    margin-top: 10px;
}

#form-simulador-compra textarea#inputDesc {
    margin-bottom: 10px;
    margin-top: 10px;
}

#form-simulador-compra textarea#inputDesc.mg-top {
    margin-top: 25px;
}

#form-simulador-compra span#calcQtdFinal, 
#form-simulador-compra span#calcPrecoFinal {
    display: block;
    color: var(--cor-subtitulos);
    margin-top: 4px;

    font-size: 18px;
    line-height: 28px;
}

/*-------------------------------------------------------------
    INFO COR DE TEIA
-------------------------------------------------------------*/
sup.info-warp-color {
    font-size: 16px;
    top: -16px;
    color: var(--cor-3);
    position: relative;
    right: 0px;
    top: -10px;

    cursor: pointer;
}



section#info-warp-color span {
    display: block;
    margin-top: -30px;
    font-size: 12px;
    color: var(--cor-subtitulos);
    margin-bottom: 40px;
}


sup.info-lurex-icone,
sup.info-dupla-icone {
    font-size: 11px;
    color: var(--cor-3);
    position: absolute;
    /* right: 5px; */
    right: -5px;
    top: -5px;
    cursor: pointer;
}

sup.info-dupla-icone {
    right: 5px;
    top: -5px;
}

/*-------------------------------------------------------------
    INFO CLIQUE OUTRAS QUANTIDADES
-------------------------------------------------------------*/
sup.info-warp-others-prices {
    font-size: 18px;
    color: var(--cor-3);
    position: relative;
    right: 0px;
    top: 22px;

    cursor: pointer;
}



/* section#info-warp-others-prices span {
    display: block;
    margin-top: -30px;
    font-size: 12px;
    color: var(--cor-subtitulos);
    margin-bottom: 40px;
} */


/*
#modal-selecionar-cor,
#modal-selecionar-cor-inscricao,
#modal-selecionar-cor-personalizacao,
#modal-selecionar-cor-lurex {
    display: block !important;
}

#modal-selecionar-cor .modal-dialog, 
modal-selecionar-cor-inscricao .modal-dialog,
#modal-selecionar-cor-personalizacao .modal-dialog,
#modal-selecionar-cor-lurex .modal-dialog {
    overflow-y: initial !important
}
*/

.oculta-aviso-cor-pantone {
    display: none !important;
}

#modal-selecionar-cor .modal-body,
#modal-selecionar-cor-inscricao .modal-body,
#modal-selecionar-cor-personalizacao .modal-body, 
#modal-selecionar-cor-lurex .modal-body {
    height: 60vh;
    overflow-y: auto;
}

#modal-selecionar-cor .modal-footer,
#modal-selecionar-cor-inscricao .modal-footer,
#modal-selecionar-cor-personalizacao .modal-footer, 
#modal-selecionar-cor-lurex .modal-footer {
    border: none;
}

#modal-selecionar-cor .col-md-2,
#modal-selecionar-cor-inscricao .col-md-2,
#modal-selecionar-cor-personalizacao .col-md-2, 
#modal-selecionar-cor-lurex .col-md-2 {
    padding-right: 0px;
    padding-left: 0px;
}

#modal-selecionar-cor .col-md-2,
#modal-selecionar-cor-inscricao .col-md-2,
#modal-selecionar-cor-personalizacao .col-md-2, 
#modal-selecionar-cor-lurex .col-md-2 {
    padding-right: 0px;
    padding-left: 0px;
}

#modal-selecionar-cor .item,
#modal-selecionar-cor-inscricao .item,
#modal-selecionar-cor-personalizacao .item, 
#modal-selecionar-cor-lurex .item {
    text-align: center;

    padding: 6px;
    margin-bottom: -15px;
}

#modal-selecionar-cor h6.subtitulo,
#modal-selecionar-cor-inscricao h6.subtitulo, 
#modal-selecionar-cor-personalizacao h6.subtitulo, 
#modal-selecionar-cor-lurex h6.subtitulo {
    /* margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #efefef; */

    margin-top: 25px;
    margin-bottom: 10px;
    /* border-left: 3px solid #848484;
    padding-left: 10px; */
    border-bottom: 1px solid #848484;
    color: #848484;
    font-size: 21px;
}


#modal-selecionar-cor img,
#modal-selecionar-cor-inscricao img, 
#modal-selecionar-cor-personalizacao img, 
#modal-selecionar-cor-lurex img {
    width: 100%;
    height: auto;
}

#modal-selecionar-cor figure,
#modal-selecionar-cor-inscricao figure, 
#modal-selecionar-cor-personalizacao figure, 
#modal-selecionar-cor-lurex figure {
    margin: 0;
}

#modal-selecionar-cor span.numero-cor,
.popover-content-txt span.numero-cor,
#modal-selecionar-cor-inscricao span.numero-cor, 
#modal-selecionar-cor-personalizacao span.numero-cor, 
#modal-selecionar-cor-lurex span.numero-cor {
    font-size: 13px;
    color: var(--cor-subtitulos);
    display: block;

    /* margin-top: 10px; */
}

#modal-selecionar-cor img,
.popover-content-txt img, 
#modal-selecionar-cor-inscricao img, 
#modal-selecionar-cor-personalizacao img, 
#modal-selecionar-cor-lurex img {
    margin-bottom: 10px;
}

#modal-selecionar-cor span.nome-pantone,
.popover-content-txt span.nome-pantone, 
#modal-selecionar-cor-inscricao span.nome-pantone, 
#modal-selecionar-cor-personalizacao span.nome-pantone, 
#modal-selecionar-cor-lurex span.nome-pantone {
    font-size: 13px;
    color: var(--cor-titulos);
    display: block;

    /* margin-top: -10px;
    margin-bottom: -10px; */
}

#modal-selecionar-cor span.aviso-cor, 
#modal-selecionar-cor-inscricao span.aviso-cor, 
#modal-selecionar-cor-personalizacao span.aviso-cor, 
#modal-selecionar-cor-lurex span.aviso-cor {
    text-align: left;
    display: block;
    color: #b70000;
    font-size: 13px;
    margin-bottom: 15px;
}

#modal-selecionar-cor span.legend-search, 
#modal-selecionar-cor-inscricao span.legend-search, 
#modal-selecionar-cor-personalizacao span.legend-search, 
#modal-selecionar-cor-lurex span.legend-search {
    text-align: left;
    display: block;
    color: var(--cor-subtitulos);
    font-size: 13px;
    margin-top: 2px;
    margin-left: 3px;
}

#modal-selecionar-cor .botoes-modal-cor, 
#modal-selecionar-cor-inscricao .botoes-modal-cor, 
#modal-selecionar-cor-personalizacao .botoes-modal-cor, 
#modal-selecionar-cor-lurex .botoes-modal-cor {
    text-align: right;
    padding-right: 0px;
}

#modal-selecionar-cor span.numero-pantone,
.popover-content-txt span.numero-pantone,
#modal-selecionar-cor-inscricao span.numero-pantone, 
#modal-selecionar-cor-personalizacao span.numero-pantone, 
#modal-selecionar-cor-lurex span.numero-pantone {
    font-size: 13px;
    color: var(--cor-textos);
    display: block;
}


.display-color {
    width: 100%;
    min-width: 94px;
    height: 100%;
    min-height: 94px;
    background-color: #000;

    margin-bottom: 10px;
}

.display-color-popover {
    width: 160px;
    height: 160px;
    background-color: #000;

    margin-bottom: 10px;
}


.popover {
    z-index: 10000000000;
    /* z-index: 10000000000000000000000000000; */
}

h3.popover-header {
    padding: 0px;
    padding-left: 10px;
    font-size: 13px;
    color: #FFF;

    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--cor-titulos);
    background-color: transparent;
    border-bottom: 1px solid var(--cor-3);
    color: var(--cor-3);
}

.popover-content-txt {
    width: 160px;
}

.popover-content-txt img {
    width: 100%;
    height: auto;
}

/* .popover-content-txt span.numero-cor {
    margin-top: 10px;
} */

.popover-content-txt span.numero-cor,
.popover-content-txt span.nome-pantone,
.popover-content-txt span.numero-pantone {
    font-size: 12px;
    color: var(--cor-titulos);
}

.popover-content-txt span.numero-pantone {
    margin-bottom: 10px;
}

.popover-content-txt div.descritivo {
    font-size: 12px;
    color: var(--cor-titulos);
    margin-bottom: 5px;
    text-align: center;
}

.btn-selecionar-cor {
    background-color: transparent;
    border: 1px solid #FFF;

    font-weight: normal;
    color: inherit;
    text-align: center;
    
    
    padding: 10px;
}

.btn-selecionar-cor:hover {
    /* background-color: rgba(34, 181, 158, .2); */
    background-color: transparent;
    border: 1px solid var(--cor-3);
}

.btn-selecionar-cor.ativo {
    /* background-color: rgba(34, 181, 158, .2); */
    background-color: transparent;
    border: 1px solid var(--cor-3);
}

.btn-selecionar-cor:not(:disabled):not(.disabled):active,
.show>.btn-selecionar-cor.dropdown-toggle {
    background-color: transparent;
    border: 1px solid var(--cor-3);
}


#modal-selecionar-cor .btn-modal-cor-fechar, 
#modal-selecionar-cor-inscricao .btn-modal-cor-fechar, 
#modal-selecionar-cor-personalizacao .btn-modal-cor-fechar, 
#modal-selecionar-cor-lurex .btn-modal-cor-fechar {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 17px;
    padding: 12px 22px;
    border: 1px solid var(--cor-botao-video-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 3px 6px var(--cor-botao-video-sombra);
    background-color: var(--cor-botao-video-fundo);
    color: var(--cor-botao-video-textos);
}

#modal-selecionar-cor .btn-modal-cor-fechar:hover, 
#modal-selecionar-cor-inscricao .btn-modal-cor-fechar:hover, 
#modal-selecionar-cor-personalizacao .btn-modal-cor-fechar:hover, 
#modal-selecionar-cor-lurex .btn-modal-cor-fechar:hover {
    color: #FFF;
    background-color: var(--cor-botao-video-fundo-hover);
    border: 1px solid var(--cor-botao-video-border);
}

#modal-selecionar-cor .btn-modal-cor-confirmar, 
#modal-selecionar-cor-inscricao .btn-modal-cor-confirmar, 
#modal-selecionar-cor-personalizacao .btn-modal-cor-confirmar, 
#modal-selecionar-cor-lurex .btn-modal-cor-confirmar {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 17px;
    padding: 12px 22px;
    border: 1px solid var(--cor-botao-branco-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
    background-color: #FFF;
    color: var(--cor-titulos);

}

#modal-selecionar-cor .btn-modal-cor-confirmar:hover, 
#modal-selecionar-cor-inscricao .btn-modal-cor-confirmar:hover, 
#modal-selecionar-cor-personalizacao .btn-modal-cor-confirmar:hover, 
#modal-selecionar-cor-lurex .btn-modal-cor-confirmar:hover {
    color: var(--cor-3);
    background-color: #FFF;
    border: 1px solid var(--cor-botao-branco-border);
}

#modal-selecionar-cor .modal-footer, 
#modal-selecionar-cor-inscricao .modal-footer, 
#modal-selecionar-cor-personalizacao .modal-footer, 
#modal-selecionar-cor-lurex .modal-footer {
    padding-bottom: 25px;
    padding-right: 25px;
}


#modal-selecionar-cor .modal-header .close, 
#modal-selecionar-cor-inscricao .modal-header .close, 
#modal-selecionar-cor-personalizacao .modal-header .close, 
#modal-selecionar-cor-lurex .modal-header .close {
    margin-top: -45px;
}

#modal-selecionar-cor .modal-header .container-header, 
#modal-selecionar-cor-inscricao .modal-header .container-header, 
#modal-selecionar-cor-personalizacao .modal-header .container-header, 
#modal-selecionar-cor-lurex .modal-header .container-header {
    padding-right: 0px;
    padding-left: 0px;
}


#modal-selecionar-cor .modal-header .container-search, 
#modal-selecionar-cor-inscricao .modal-header .container-search, 
#modal-selecionar-cor-personalizacao .modal-header .container-search, 
#modal-selecionar-cor-lurex .modal-header .container-search {
    margin-top: 20px;
    margin-bottom: -30px;
}

#modal-selecionar-cor .has-search .form-control, 
#modal-selecionar-cor-inscricao .has-search .form-control, 
#modal-selecionar-cor-personalizacao .has-search .form-control, 
#modal-selecionar-cor-lurex .has-search .form-control {
    padding-left: 2.375rem;
    padding-right: 2.375rem;
}


#modal-selecionar-cor .has-search .clear-search,
#modal-selecionar-cor-inscricao .has-search .clear-search, 
#modal-selecionar-cor-personalizacao .has-search .clear-search, 
#modal-selecionar-cor-lurex .has-search .clear-search {
    position: absolute;
    right: 20px;
    top: 3px;
    background: transparent;
    border: none;

    color: #aaa;
}



#modal-selecionar-cor .has-search .form-control-feedback, 
#modal-selecionar-cor-inscricao .has-search .form-control-feedback, 
#modal-selecionar-cor-personalizacao .has-search .form-control-feedback, 
#modal-selecionar-cor-lurex .has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}


#modal-selecionar-cor .form-control.filtra-cores:focus, 
#modal-selecionar-cor-inscricao .form-control.filtra-cores-ins:focus, 
#modal-selecionar-cor-personalizacao .form-control.filtra-cores-per:focus, 
#modal-selecionar-cor-lurex .form-control.filtra-cores-lurex:focus {
    border-color: var(--cor-3);
    box-shadow: none;
}



/*-------------------------------------------------
  RADIO AND CHECKBOX STYLE FORMAT
-------------------------------------------------*/
/* .nav-pills.links-catalogo li.nav-item.active label.radio-checkbox-style span.label-text a:link,
#link-catalogo .nav-pills li.nav-item.active label.radio-checkbox-style span.label-text a:link {
    color: var(--color-base) !important;
} */

#form-simulador-compra label.radio-checkbox-style {
    position: relative;
    cursor: pointer;
    /* color: #666; */
}

/* #form-simulador-compra span.label-text {
    font-size: 1rem;
} */


#form-simulador-compra label.radio-checkbox-style a:link {
    color: var(--cor-textos);
    background: transparent;
    text-decoration: none;
}

#form-simulador-compra label.radio-checkbox-style a:hover {
    color: var(--color-base);
    background: transparent;
    text-decoration: none;
}

#form-simulador-compra input.checkbox-style,
#form-simulador-compra input.radio-style {
    position: absolute;
    right: 9000px;
}

/*Check box*/
#form-simulador-compra input.checkbox-style+.label-text:before {
    content: "\f096";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
    font-size: 18px;
}

#form-simulador-compra input.checkbox-style:checked+.label-text:before {
    content: "\f046";
    color: var(--color-base2);
    animation: effect 250ms ease-in;
    -webkit-animation: effect 250ms ease-in;
}

#form-simulador-compra input.checkbox-style:disabled+.label-text {
    color: #aaa;
}

#form-simulador-compra input.checkbox-style:disabled+.label-text:before {
    content: "\f0c8";
    color: #ccc;
}

/*Radio box*/
#form-simulador-compra input.radio-style+.label-text:before {
    content: "\f10c";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
    font-size: 18px;
}

#form-simulador-compra input.radio-style:checked+.label-text:before {
    content: "\f192";
    color: var(--color-base2);
    animation: effect 250ms ease-in;
    -webkit-animation: effect 250ms ease-in;
    /* color: red; */
    color: var(--cor-3);
}

#form-simulador-compra input.radio-style:disabled+.label-text {
    color: #aaa;

    cursor: not-allowed;
}

#form-simulador-compra input.radio-style:disabled+.label-text:before {
    content: "\f111";
    color: #ccc;
}

/* #form-simulador-compra .box-body .nav-link.tab-cat-prod,
#form-simulador-compra .box-body .nav-link.tab-cat-categoria {
    text-transform: none !important;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 20px;
} */

.swal-feedback.simuladores {
    margin-top: 0px;
}

.swal-feedback.simuladores h4 {
    margin-bottom: 10px;
    line-height: 30px;
    font-size: 20px;
    margin-top: -5px;
}

.swal-feedback.simuladores ul li {
    margin-bottom: 5px;
}

.swal-feedback.simuladores ul li.nome-prod {
    margin-bottom: 20px;
}

.swal-feedback.simuladores .resumo-encomenda {
    margin-top: 30px;
}

.jquery-loading-modal__text {
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 18px;
    color: var(--cor-titulos) !important;
}


.show-form {
    display: none;
}


/* #simulador-compra-produto .step-anchor {
    margin-bottom: 40px;
} */

#simulador-compra-produto .sw-toolbar-bottom {
    margin-top:30px;
}

/*-----------------------------------------------------------
PLUGIN SMART WIZARD
-----------------------------------------------------------*/
.sw-theme-dots>ul.step-anchor>li>a {
    font-weight: normal;
}

.sw-theme-dots>ul.step-anchor>li.active>a {
    color: var(--cor-titulos);
}

.sw-theme-dots>ul.step-anchor>li.active>a:after {
    background: var(--cor-titulos);
}

.sw-theme-dots>ul.step-anchor>li.done>a {
    color: var(--cor-3);
}

.sw-theme-dots>ul.step-anchor>li>a:before {
    color: var(--cor-3);
}

.sw-theme-dots > ul.step-anchor > li.done > a:after {
    background: var(--cor-3);
}



.sw-theme-dots>ul.step-anchor>li>a:before {
    bottom: -4px;
}

.sw-theme-dots>ul.step-anchor>li>a:after {
    margin-top: 9px;
    left: 44%;
    bottom: -4px;
}

/*-----------------------------------------------------------*/

#simulador-compra-produto .step-anchor .small,
#simulador-compra-produto .step-anchor small {
    font-size: 70%;
    font-weight: 400;

    display: block;
    width: 100%;
}

/* #simulador-compra-produto #step-1 img {
    padding-top: 20px;
    padding-bottom: 20px;
} */

#simulador-compra-produto #step-1 span.step-1-titulo {
    display: block;
    width: 100%;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    background-color: #fff;
    color: var(--cor-textos);

    margin-left: -15px;
    padding: 10px 10px;
    font-weight: 300;
}


#simulador-compra-produto #step-1 ul.lista-tipos-fitas {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #e8e8e8;
    margin-left: -15px;
    margin-right: 15px;
}


#simulador-compra-produto #step-1 ul.lista-tipos-fitas li {
    list-style: none;
    margin-left: -40px;
}

#simulador-compra-produto #step-1 ul.lista-tipos-fitas li .btn-sel-suporte {
    width: 100%;
    text-align: left;
}

#simulador-compra-produto #step-1 ul.lista-tipos-fitas li .btn-sel-suporte:hover {
    background-color: #f7f7f7;
    border-color: transparent;
    color: var(--cor-3);
}

#simulador-compra-produto #step-1 ul.lista-tipos-fitas li .btn-sel-suporte.activo {
    background-color: var(--cor-3);
    border-color: transparent;
    color: #FFF;
}

#simulador-compra-produto #step-1 img {
    display: block;
    margin: auto;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

#simulador-compra-produto .caixa-multistep {
    margin-top: 25px;
    min-height: 440px !important;
}

/* Botão Anterior */
.sw-btn-prev {

}

/* Botão Seguinte */
.sw-btn-next {

}

#form-simulador-compra .sw-btn-prev,
#form-simulador-compra .sw-btn-next {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 18px;
    padding: 16px 22px;
    border: 1px solid var(--cor-botao-branco-border);

    border: 1px solid var(--cor-botao-video-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
    background-color: #FFF;
    color: var(--cor-titulos);

    background-color: var(--cor-botao-video-fundo);
    color: var(--cor-botao-video-textos);
}

#form-simulador-compra .sw-btn-prev {
    padding-left: 35px;
}

#form-simulador-compra .sw-btn-prev:hover,
#form-simulador-compra .sw-btn-next:hover {
    color: var(--cor-3);
    background-color: #FFF;
    border: 1px solid var(--cor-botao-branco-border);
    color: #FFF;
    background-color: var(--cor-botao-video-fundo-hover);
    border: 1px solid var(--cor-botao-video-border);
}

#form-simulador-compra .sw-btn-next {
    padding-right: 35px;
}

#form-simulador-compra .sw-btn-prev::after {
    content: "\f104";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #FFF;
    font-size: 25px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 13px;
}

#form-simulador-compra .sw-btn-next::before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #FFF;
    font-size: 25px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    right: 3px;
}



#form-simulador-compra .sw-btn-prev {
    margin-right: 20px;
}

.btn-hidde {
    display: none;
}

#simulador-compra-produto #step-1 img {
    display: none;
}

#simulador-compra-produto .outras-quantidades {
    display: none;
}

#simulador-compra-produto h5.titulo-quantidades {
    margin-top: 20px;
}

/* #simulador-compra-produto .lbl-outras-medidas {
    font-family: 'Roboto-Medium', sans-serif;
    padding: .375rem .75rem;
    text-align: center;
    display: block;

} */

#simulador-compra-produto .grupo-botoes {
    margin-top:30px;
}

#simulador-compra-produto span.res-precos-outras-medidas {
    /* font-family: 'Roboto-Medium', sans-serif; */
    text-align: center;
    display: block;

    color: var(--cor-subtitulos);
    margin-top: -10px;
    font-size: 17px;
    line-height: 28px;
}

#simulador-compra-produto .sw-toolbar-bottom.justify-content-end.force-start {
    justify-content: flex-start !important;
    margin-left: 30px;
}

#form-simulador-compra .force-start .sw-btn-prev {
    padding-left: 25px;
    padding-right: 25px;
}

#form-simulador-compra .force-start .sw-btn-prev::after {
    left: 19px;
}

#form-simulador-compra .sw-theme-dots .sw-toolbar.force-start {
    padding-left: 0px;
    padding-right: 0px;
}

#form-simulador-compra .force-start .sw-btn-group-extra {
    margin-right: 0px !important;
}

#simulador-compra-produto .btn-group.disp-content,
#simulador-compra-produto .btn-group-vertical.disp-content {
    display: contents;
}


#modal-selecionar-cor  .modal-dialog,
#modal-selecionar-cor  .modal-content,
#modal-selecionar-cor-inscricao .modal-dialog,
#modal-selecionar-cor-inscricao .modal-content, 
#modal-selecionar-cor-personalizacao .modal-dialog,
#modal-selecionar-cor-personalizacao .modal-content,
#modal-selecionar-cor-lurex .modal-dialog,
#modal-selecionar-cor-lurex .modal-content {
    /* 90% of window height */
    height: 90%;
}

#modal-selecionar-cor  .modal-body,
#modal-selecionar-cor-inscricao .modal-body, 
#modal-selecionar-cor-personalizacao .modal-body, 
#modal-selecionar-cor-lurex .modal-body {
    /* 100% = dialog height, 120px = header + footer */
    /* max-height: calc(100% - 120px);
    overflow-y: scroll; */
}


/*--------------------------------------------------------
    TABELA DAS OUTRAS QUANTIDADES
--------------------------------------------------------*/
table.tt-outras-qtd {
    /* border: 1px solid #ccc; */
    border: none;
    /* border-collapse: collapse; */
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;

    border-spacing: 10px;
    border-collapse: separate;
}

table.tt-outras-qtd tr {
    /* background-color: #f8f8f8; */
    /* border: 1px solid #ddd; */
    border: none;
    /* padding: .35em; */
}

table.tt-outras-qtd th {
    /* font-size: .85em;
    letter-spacing: .1em; */

    font-family: 'Roboto-Medium', sans-serif;
    padding: .175rem .75rem;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;

    border-bottom: 2px solid #ddd;
}


#simulador-compra-produto .callout-info {
    text-align: left;
    font-size: 12px;
    color: var(--cor-subtitulos);
    /* margin-bottom: 25px;
    margin-top: -10px; */
    font-family: 'Roboto-Medium', sans-serif;

    margin-top: -25px;
}

#simulador-compra-produto .callout-info b {
    font-weight: 100;
    color: var(--cor-titulos);
}

#simulador-compra-produto h5.info-light {
    margin-top: 20px;
    /* margin-bottom: 10px; */
}

#simulador-compra-produto span.info-light {
    text-align: justify;
    font-size: 15px;
    line-height: 25px;
    color: var(--cor-textos);
    font-family: 'Roboto-Medium', sans-serif;
    margin-left: -15px;
    display: block;
    margin-right: -15px;
}

#simulador-compra-produto span.info-light b {
    font-weight: 100;
    color: var(--cor-titulos);
}

/*--------------------------------------------------------
    FILE INPUT
--------------------------------------------------------*/
#simulador-compra-produto .file-input {
    margin-top: 10px;
}

#simulador-compra-produto .file-preview {
    /* border: 1px solid #f7f7f7; */
    border: 1px solid #e6e6e6;
}

#simulador-compra-produto .file-preview .fileinput-remove {
    /* display: none; */
    /* top: 10px;
    right: 5px; */

    top: 3px;
    right: 1px;
}

#simulador-compra-produto .file-drop-zone-title:before {
    content: "\f093";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: var(--cor-subtitulos);
    font-size: 20px;
    

    position: absolute;
    top: 30px;
    left: 50%;
}

#simulador-compra-produto .file-drop-zone-title {
    color: var(--cor-subtitulos);
    font-size: 18px;
    padding: 20px 10px;
    padding-top: 45px;
    cursor: default;
}

#simulador-compra-produto .file-drop-zone {
    border: 1px dashed #e6e6e6;
    border-radius: 4px;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    /* margin: 12px 15px 12px 12px; */
    margin: 5px;
    padding: 5px;
}

#simulador-compra-produto .file-drop-zone.clickable:hover {
    border: 1px dashed #999;
}

#simulador-compra-produto .file-error-message ul {
    margin: 0;
    list-style: none;
    margin-left: -20px;
}

#simulador-compra-produto .file-error-message ul li {
    font-size: 14px;
    line-height: 20px;
}

#simulador-compra-produto .file-error-message {
    background-color: transparent;
    border: none;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
}

.kv-error-close {
    display: none !important;
}

.krajee-block-upl {
    display: none !important;
}

#simulador-compra-produto .btn-upload {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 17px;
    padding: 12px 22px;
    border: 1px solid var(--cor-botao-video-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
    background-color: #FFF;
    color: var(--cor-titulos);

    background-color: var(--cor-botao-video-fundo);
    color: var(--cor-botao-video-textos);

    cursor: pointer;
    margin-top: 10px;
}

#simulador-compra-produto .btn-upload:hover {
    /*
    color: var(--cor-3);
    background-color: #FFF;
    border: 1px solid var(--cor-botao-branco-border);
    */
    color: #FFF;
    background-color: var(--cor-botao-video-fundo-hover);
    border: 1px solid var(--cor-botao-video-border);
}

#simulador-compra-produto .file-sortable .file-drag-handle {
    display: none;
}

#simulador-compra-produto .bg-success {
    background-color: #8bc398 !important;
}

#simulador-compra-produto .bg-danger {
    background-color: #d8868e !important;
}



#simulador-compra-produto .krajee-default .file-caption-info,
#simulador-compra-produto .krajee-default .file-size-info {
    height: 21px;
}

#simulador-compra-produto .krajee-default .file-footer-caption {
    margin-bottom: 0px;
}

#simulador-compra-produto .krajee-default.file-preview-frame .file-thumbnail-footer {
    height: auto;
}




#simulador-compra-produto .hidden-row {
    display: none;
}

#simulador-compra-produto #caixa-cores-inscricao, 
#simulador-compra-produto #caixa-cores-personalizacao {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;

    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;

    margin-bottom: 5px;
}

#simulador-compra-produto #container-cores-personalizacao {
    border-top: 1px solid #e8e8e8;
    /* border-bottom: 1px solid #e8e8e8; */

    margin-top: 10px;
    padding-top: 15px;
    /* padding-bottom: 10px; */

    margin-bottom: 5px;
}



#form-simulador-compra .col-checkboxs label {
    /* margin-left: -10px; */
    margin-left: 10px;
}

#simulador-compra-produto .hidden-smartwizard {
    display: none;
}

#smartwizard {
    display: none;
}

#simulador-compra-produto #img-apr,
#simulador-compra-produto #img-emb,
#simulador-compra-produto #img-col {
    margin-left: -10px;
}

/* #simulador-compra-produto .figure-apr-emb-col {
    margin-bottom: 0px;
} */

#simulador-compra-produto h5.title-upl-space {
    margin-top: 20px;
}

#simulador-compra-produto .bootstrap-select .dropdown-menu li.disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

#simulador-compra-produto span.input-field {
    font-size: 12px;
    text-align: left;
    color: var(--cor-subtitulos);
}


/*---------------------------------------------------------------------------------------
CORES PERSONALIZADAS - ETIQUETAS TECIDAS
---------------------------------------------------------------------------------------*/
#simulador-compra-produto #container-cores-personalizacao #caixa-cores-personalizacao {
    border-top: none !important;
    margin-top: 0px;
    padding-top: 0px;
}

#simulador-compra-produto #container-cores-personalizacao #caixa-cores-personalizacao .inputCompCor {
    width: 70px;
}

#simulador-compra-produto #container-cores-personalizacao #caixa-cores-personalizacao label.inputCompCorLabel {
    position: relative;
    top: -35px;
    color: var(--cor-subtitulos);
    font-size: 14px;
    left: 100px;
    left: 94px;

    /* width: 80px; */
    line-height: 20px;
}

.row-cor-per-cfg {
    margin-top: 5px;
    margin-bottom: -25px;
}

.col-input-div {
    /* border-bottom: 1px solid #f3f3f3;
    margin-bottom: 5px; */
    border-top: 1px solid #f3f3f3;
    padding-top: 10px;
}

.col-input-div.top-position {
    /* border-bottom: none;
    margin-bottom: -11px; */
    border-top: none;
}

.col-checkboxs {
    /* text-align: center; */
    padding-top: 5px;
}

.row-space-color-block {
    /* margin-bottom: -20px; */
}

.pdd-lft-0 {
    padding-left: 0px;
}

.pdd-rgt-0 {
    padding-right: 0px;
}


/*-------------------------------------------------------------
    MODAL DISCLAIMER - LINK EXTERNO
-------------------------------------------------------------*/
#modal-aviso-nav-externa .modal-content {
    padding: 20px 100px;
}

#modal-aviso-nav-externa h6 {
    text-align: center;
    margin-bottom: 40px;
    text-transform: uppercase;
    color: var(--cor-3);
}

#modal-aviso-nav-externa .info {
    text-align: justify;
}

#modal-aviso-nav-externa .box-btns {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}

#modal-aviso-nav-externa .info-contacto {
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    color: var(--cor-subtitulos);
}

#modal-aviso-nav-externa .btn-prosseguir {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 18px;
    padding: 16px 22px;
    border: 1px solid var(--cor-botao-branco-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
    background-color: #FFF;
    color: var(--cor-titulos);

    margin-left: 20px;

}

#modal-aviso-nav-externa .btn-prosseguir:hover {
    /* color: var(--cor-3);
    background-color: #FFF; */
    color: #FFF;
    background-color: var(--cor-titulos);
    border: 1px solid var(--cor-botao-branco-border);
}


#modal-aviso-nav-externa .btn-prosseguir .fa {
    margin-left: 26px;
}

#modal-aviso-nav-externa .btn-retroceder {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 18px;
    padding: 16px 22px;
    border: 1px solid var(--cor-botao-branco-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
    background-color: #FFF;
    color: var(--cor-3);

    padding-right: 30px;
}

#modal-aviso-nav-externa .btn-retroceder:hover {
    /* color: var(--cor-3);
    background-color: #FFF; */
    color: #FFF;
    background-color: var(--cor-3);
    border: 1px solid var(--cor-botao-branco-border);
}


#modal-aviso-nav-externa .btn-retroceder .fa {
    margin-right: 26px;
}

#modal-aviso-nav-externa .hidde-info {
    display: none;
}



/* ---------------------------------------------------
SIDE NAV CONFIG
    => Barra lateral de configurações de filtragens 
    de registos
-----------------------------------------------------*/
/* The side navigation menu */
.sidenav-mobile {
    /* configurado no modo de responsividade 768px  */
}

/* Site Overlay */
.site-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-animation: fade 500ms;
    animation: fade 500ms;
    display: none;

    overflow: none;
}

.mobile-header {
    display: none;
}
.bloco-config-aside-block {
    display: none;
}

/*
.accordion-menu ul .submenu > li > ul.submenu li > a {
    padding-left: 27px;

    padding-top: 5px;
    padding-bottom: 5px;
}
*/

/*
Class usada para correção da ausencia de formatações para a medida 768px.
No caso do Cash&Carry e HELIOShop causava mau alinhamento da grid dos produtos...
*/
.mobile-grid-error-768 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}