@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
    /* CORES */

    /* Primárias */
 /* Primárias */
    --color-primary-light: #606060;
    --color-primary: #3C3C3C;
    --color-primary-dark: #262626;
    --color-primary-tranparency: rgba(60,60,60,.76);
    /* Secundarias */
    --color-secondary-light: #606060;
    --color-secondary: #3C3C3C;
    --color-secondary-dark: #262626;
    --color-secondary-tranparency: rgba(60,60,60,.76);
    /* Terciarias */
    --color-tertiary-light: #606060;
    --color-tertiary: #3C3C3C;
    --color-tertiary-dark: #262626;
    --color-tertiary-tranparency: rgba(60,60,60,.76);
    /* Quaternarias */
    --color-quaternary-light: #606060;
    --color-quaternary: #3C3C3C;
    --color-quaternary-dark: #262626;
    --color-quaternary-tranparency: rgba(60,60,60,.76);

	--white: #fff;
	--light-gray: #d3d3d3; 
	--gray:#343a40;
	--dark-gray: #3d3d3d;

    /* BACKGROUNDS */
	--categorias-horizontal: #fff;
    --background-navbar: #fff;
    --background-pagina: #fff;
	--backgroundimages: #fff;
    --background-newsletter:  #262626;
    --background-footer: #fff;
    --background-subfooter:  #262626;

}
::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color:var(--color-primary);
    border-radius: 10px;
    border: 2px solid var(--background-pagina);
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: var(--background-pagina);
}
*{
	font-family: 'Inter', sans-serif;
}
.js-chatbot-icon a img {
    width: 210px;
    margin-bottom: 15px;
}

#upper-header
{
	display: none !important;
}
#header-modelo-1 .nav-up {
    top: -160px;
}

#s-login-b2b .s-login-b2b-container .s-login-b2b-card .s-login-b2b-card-header, 
#s-login-b2b .s-login-b2b-container .s-login-b2b-card .s-login-b2b-titulo
{
	display: none !important;
}

/*LOGIN*/
#s-login-b2b {
    background-color: #3b1942;
    background-image: url(../images/background/ondas.png), url(../images/background/setas.png), url(../images/background/nicocup-fundo-escuro.png);
    background-repeat: no-repeat;
    background-position: bottom left, top right, 200px center;
    background-size: 20%, 20%, 30%;
}
#s-login-b2b .s-login-b2b-container .s-login-b2b-card {
    margin: 0 0 0 auto;
	background-color: transparent;
}
#s-login-b2b .s-login-b2b-container .s-login-b2b-card .s-login-b2b-card-header {
    background-color: transparent;
}
#s-login-b2b .card{	
	background-color: transparent;
	border: none;
}
.card-footer {
    background-color: transparent;
    border-top: none;
}
#botLoginEntrar, #botVendedorCliente{
	color: #3b1942;
	background-color: #b1cc13;
	background-image: linear-gradient(to right, #b1cc13, #b1cc13, #CDEA25, #798C0D);
}
#botLoginEsqueciSenha{
	color: white !important;
}
#innerVendedorClientesContent h2{
	color: #b1cc13;
}
#innerVendedorClientesContent p{
	color: white;
}


/* Página */
body > main{
    background-color: var(--background-pagina);
}

/* Botões */
.btn-secondary {
    background-color: var(--color-primary);
    border: none;
    transition: 0.3s;
}

.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active {
    background-color: var(--color-primary-dark);
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--color-primary);
}

.btn-secondary:focus {
    border-color: var(--color-primary-dark);
    box-shadow: 0 0 0 0.2rem var(--color-primary-tranparency);
}


.s-carrinho .btn-finalizar-pedido:hover {
    background-color: var(--color-primary-dark);
    border: none;
}

/* Botões Gradientes */
.btn-grad {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--color-primary)), color-stop(var(--color-primary)), color-stop(var(--color-primary-light)), to(var(--color-primary-dark)));
    background-image: linear-gradient(to right, var(--color-primary), var(--color-primary), var(--color-primary-light), var(--color-primary-dark));
    border: none;
}

/* Botões outline */
.btn-outline-secondary {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-outline-secondary:hover {
    color: var(--white);
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: var(--white);
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.c-customInput input:checked:focus ~ .b-input, .c-customInput:hover input:not([disabled]):checked ~ .b-input {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

/*upper-header*/
#upper-header {
    color: var(--white);
    background: var(--color-primary-dark) !important;
}
#upper-header a{
    color: var(--white);
	opacity: .5;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}
#upper-header a:hover{
    text-decoration: underline;
	opacity: 1;
}
.upper-header-mobile-p-1 img, .upper-header-mobile-p-2 img, .upper-header-mobile-p-3 img{
	display: block !important;
}
.upperHeaderNavBarAdd{
	display: block !important;
}
.upper-header-midias-1, .upper-header-midias-2, .upper-header-midias-3{
	font-size: 13px;
	text-indent:-9999px;
	line-height:0;
}
.upper-header-midias-1:after{
	content:"Vendas Corporativas";
	display:block;
	text-indent:0;
	line-height:1;
}
.upper-header-midias-2:after{
	content:"Televendas";
	display:block;
	text-indent:0;
	line-height:1;
}
.upper-header-midias-3:after{
	content:"Ajuda";
	display:block;
	text-indent:0;
	line-height:1;
}
#upper-header .collapse .navbar-nav .upper-item-01,
#upper-header .collapse .navbar-nav .upper-item-02,
#upper-header .collapse .navbar-nav .upper-item-04,
.upperHeaderNavBarAdd> div > div.row > div {
    display: contents !important;
}
.upper-header-midias-p-1,
.upper-header-midias-p-2,
.upper-header-midias-p-3
{
	opacity: .5;
}
.upper-header-midias-p-1:hover,
.upper-header-midias-p-2:hover,
.upper-header-midias-p-3:hover
{
	opacity: 1;
}
/* NAVBAR */
#header-modelo-1 .navigation-clean {
    background-color: var(--background-navbar);
    color: #333;
	border: none !important;
    box-shadow: 0 1px 5px rgb(190 190 190 / 24%);
}

#header-modelo-1 .navigation-clean .navbar-collapse {
    border: none;
    background-color: var(--background-navbar);
}

#buscaPor {
    background-color: var(--backgroundimages);
}

/*MENU CATEGORIAS HORIZONTAL*/
#s-menu-categorias-horizontal .navbar, #s-menu-categorias-horizontal .navbar .nav-item .nav-link {
    background: var(--categorias-horizontal) !important;
}
#s-menu-categorias-horizontal .dropdown-item a{
	border: 0;
}
#s-menu-categorias-horizontal .navbar-dark .navbar-nav .active > .nav-link,
#s-menu-categorias-horizontal .navbar-dark .navbar-nav .nav-link.active,
#s-menu-categorias-horizontal .navbar-dark .navbar-nav .nav-link.show,
#s-menu-categorias-horizontal .navbar-dark .navbar-nav .show > .nav-link,
#s-menu-categorias-horizontal .dropdown-menu,
#s-menu-categorias-horizontal .dropdown-item a,
#s-menu-categorias-horizontal .dropdown-item:first-child a,
#s-menu-categorias-horizontal .dropdown-menu
{
    color: var(--white);
    background: var(--color-primary-dark) !important;
	border-radius: 5px 5px 0 0;
}
#s-menu-categorias-horizontal .dropdown-menu, #s-menu-categorias-horizontal .dropdown-item:last-child a{
	border-radius: 0 0 5px 5px;
}
#s-menu-categorias-horizontal .dropdown-menu a{
	background: var(--color-primary-dark) !important;
}
#s-menu-categorias-horizontal .dropdown-menu a:hover{
	background: var(--color-primary) !important;
}
#s-menu-categorias-horizontal .dropdown-item {
    border-bottom: solid 1px var(--color-primary) !important;
}
#s-menu-categorias-horizontal .dropdown-item:last-child {
    border-bottom: none !important;
}
#s-menu-categorias-horizontal .navbar .nav-item .nav-link,
#s-menu-categorias-horizontal .btn-secondary,
#s-menu-categorias-horizontal .btn-secondary:not(:disabled):not(.disabled).active,
#s-menu-categorias-horizontal .btn-secondary:not(:disabled):not(.disabled):active,
#s-menu-categorias-horizontal .show>.btn-secondary.dropdown-toggle
{
	color: rgba(0,0,0,0.7) !important;
    background-color: transparent !important;
    border: none !important;
	font-size: 1rem;
	margin-top: 3px;
    transition: 0.3s;
}

#s-menu-categorias-horizontal .navbar .nav-item .nav-link:active,
#s-menu-categorias-horizontal .navbar .nav-item .nav-link:focus,
#s-menu-categorias-horizontal .navbar .nav-item .nav-link:hover,
#s-menu-categorias-horizontal .navbar .nav-item .nav-link:not(:disabled):not(.disabled):active,
#s-menu-categorias-horizontal .btn-secondary:active,
#s-menu-categorias-horizontal .btn-secondary:focus,
#s-menu-categorias-horizontal .btn-secondary:hover,
#s-menu-categorias-horizontal .btn-secondary:not(:disabled):not(.disabled):active {
    color: rgba(0,0,0,1) !important;
	box-shadow: 0 0 0 0.2rem rgba(0,0,0,0);
}

#s-menu-categorias-horizontal .btn-secondary:not(:disabled):not(.disabled).active:focus,
#s-menu-categorias-horizontal .btn-secondary:not(:disabled):not(.disabled):active:focus,
#s-menu-categorias-horizontal .show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,0);
}
#s-menu-categorias-horizontal .btn-secondary i {
    color:  var(--color-primary);
	margin-right: 10px;
}
#s-menu-categorias-horizontal .navbar .nav-item .nav-link{
	margin-top: 0 !important;
}
/* Detalhes de Produto */
.s-produtos-detalhes .card .card-body .s-produtos-detalhes-gabarito-li .s-produtos-detalhes-gabarito-link {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.s-produtos-detalhes .card .card-body .s-produtos-detalhes-gabarito-li .s-produtos-detalhes-gabarito-link:hover {
    background-color: var(--color-primary);
    color: var(--white);
}

.s-produtos-detalhes .card .card-body .s-produtos-detalhes-gabarito-li .s-produtos-detalhes-gabarito-link i {
    color: var(--color-primary);
}

/* Header - Search */
#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-search .input-group .input-group-append #botao-pesquisar {
    background-color: var(--backgroundimages);
    color: var(--color-primary);
}

#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-search .input-group .input-group-append #botao-pesquisar:hover {
    color: var(--white);
    background-color: var(--color-primary);
}
.s-produtos-card-img, .s-categorias-destaque-card-img{
    background-color: var(--backgroundimages);
}

/* Header - Botão de produtos */
#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-produtos .btn-produtos {
    background-color: var(--color-primary);
}

#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-produtos .btn-produtos:hover {
    background-color: var(--color-primary-dark);
}

/* Header- Icones */

#header-modelo-1 .navigation-clean .navbar-nav .nav-item #btnCreditos {
    background-color: var(--color-primary);
}

#header-modelo-1 .navigation-clean .navbar-nav .nav-item:hover #btnCreditos {
    background-color: var(--color-primary-dark);
}

#header-modelo-1 .navigation-clean .navbar-nav .nav-item .nav-icon i {
    color: var(--color-primary);
}

#header-modelo-1 .navigation-clean .navbar-nav .nav-item .nav-icon:hover i {
    color: var(--color-primary-dark);
}

/* Icone de busca */
#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-search .input-group .input-group-append #botao-pesquisar:hover {
    background-color: var(--color-primary-dark);
    color: var(--white);
}

/* Newsletter */
#s-newsletter .s-newsletter {
    background-color: var(--background-newsletter);
}

#s-newsletter .s-newsletter .form-control-newsletter-btn:hover {
    background-color: var(--color-primary-light);
}

/* Detalhes de produtos*/
.s-produtos-detalhes .card .card-body .resumo-valor-total {
    background-color: var(--color-primary-dark);
}

/* Detalhes de produtos Box */
.s-produtos-detalhes .s-produtos-detalhes-cabecalho {
    background-color: var(--color-primary-dark);
}

.s-produtos-detalhes .s-produtos-detalhes-titulo,
.s-produtos-detalhes .s-produtos-detalhes-cabecalho .s-produtos-detalhes-cabecalho-preco .s-produtos-detalhes-cabecalho-preco-apartir,
.s-produtos-detalhes .s-produtos-detalhes-cabecalho .s-produtos-detalhes-cabecalho-preco .s-produtos-detalhes-cabecalho-preco-valor,
.s-produtos-detalhes .s-produtos-detalhes-minidescricao,
.s-produtos-detalhes-informativo-valores {
    color: var(--white);
}

.s-produtos-detalhes .s-produtos-detalhes-codigo {
    color: var(--white);
}

/* Titulos */
#s-produtos-destaque .s-produtos-destaque .s-produtos-destaque-titulo,
#s-categorias-destaque .s-categorias-destaque .s-categorias-destaque-titulo,
#s-categorias-destaque .s-categorias-destaque .s-categorias-destaque-nome {
    color: var(--gray);
}

.titulo {
    color: var(--gray);
}

.subtitulo {
    color: var(--gray);
}

.s-produtos-card-container .s-produtos-card .s-produtos-card-body .s-produtos-card-titulo {
    color: var(--dark-gray);
}

/* Paginação */
.page-item.active .page-link {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--white);
}

/* Footer Claro
#footer .s-footer {
    background-color: var(--background-footer);
    color: var(--gray);
    border-top: solid 1px var(--color-primary-dark);
}

#footer .s-footer .s-footer-titulo {
    color: var(--color-primary);
}

#footer .s-footer .s-footer-listagem .s-footer-listagem-item .s-footer-listagem-item-link, #footer .s-footer .s-footer-contato .s-footer-contato-item .s-footer-contato-item-link {
    color: var(--gray);
}

#footer .s-footer .s-footer-social .footer-social-item .footer-social-item-link {
    color: var(--color-primary);
}

#footer .s-footer .s-footer-social .footer-social-item .footer-social-item-link:hover {
    color: var(--color-primary);
} */

/* Footer Escuro */

#footer .s-footer {
    background-color: var(--background-footer);
    color: #343a40;
    border-top: solid 1px var(--color-primary);
}

#footer .s-footer .s-footer-titulo {
    color: #343a40;
}

#footer .s-footer .s-footer-listagem .s-footer-listagem-item .s-footer-listagem-item-link, #footer .s-footer .s-footer-contato .s-footer-contato-item .s-footer-contato-item-link {
    color: #343a40;
}

#footer .s-footer .s-footer-social .footer-social-item .footer-social-item-link {
    color: #343a40;
}

#footer .s-footer .s-footer-social .footer-social-item .footer-social-item-link:hover {
    color: #343a40;
}

#s-login-b2b .s-login-b2b-container .s-login-b2b-card .s-login-b2b-cadastro {
    color: white;
}

/* Subfooter */
#footer .s-subfooter {
    background-color: var(--background-subfooter);
}

/*REMOVER PESSOA FISICA CASTRO LOGIN LOJA 2022*/
#innerCadastro .nav-tabs, #frmCadastroPF{
	display: none;
}
#juridica{
	display: block !important;
}
#innerCadastro .s-cadastro-box .form-box {
    border: 1px solid #dee2e6;
}

/*26/11/2024*/
#innerVendedorClientesContent h2,
#innerVendedorClientesContent p,
#innerPedidao > thead > tr > td:nth-child(1) > span,
#adicionarLinhaClienteModalLabel,
#innerPedidaoClientes > div > div > p,
#innerListClientes > thead > tr > td.cliTexto
{
	display: block;
	text-indent:-9999px;
	line-height:0;
}
#innerVendedorClientesContent h2:after{
	content:"Selecione a Unidade";
	display:block;
	text-indent:0;
	line-height:1;
}
#innerVendedorClientesContent p:after{
	content:"Selecione a unidade para acessar a loja.";
	display:block;
	text-indent:0;
	line-height:1;
}

#innerPedidao > thead > tr > td:nth-child(1) > span:after{
	content:"Unidade";
	display:block;
	text-indent:0;
	line-height:1;
}
#adicionarLinhaClienteModalLabel:after{
	content:"Adicionar Linha Unidade";
	display:block;
	text-indent:0;
	line-height:1;
}
#innerPedidaoClientes > div > div > p:after{
	content:"Selecione as unidades que deseja adicionar pedidos.";
	display:block;
	text-indent:0;
	line-height:1;
}
#innerListClientes > thead > tr > td.cliTexto:after{
	content:"Unidade";
	display:block;
	text-indent:0;
	line-height:1;
}

#s-pedido_consolidado_tabela .container-fluid.tabelaPedidao {
    background-color: #f3f3f3;
	border: solid 1px #dddddd;
    border-radius: 8px;
}
#s-pedido_consolidado_tabela #innerPedidao {
    margin: 0;
}
#header-modelo-1 .navigation-clean .navbar-brand .navbar-brand-img {
    height: 54px;
}
#header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-produtos {
    margin: 0 1rem !important;
}
#pedidosLote{
	color: white;
	font-weight: 600;
	background-color: #B0C154 !important;
}
#pedidosLote:hover {
	color: black;
    background-color: #D3DC9F !important;
}
#pedidoProcessadoDisclaimer{
	display: table;
    margin: auto;
}

td > span.txtQTD{
	display: block;
	text-indent:-9999px;
	line-height:0;
	    margin-bottom: 10px;
}
td > span.txtQTD:after{
	content:"Insira a quantidade de caixas:";
	display:block;
	text-indent:0;
	line-height:1;
}
.alert-success {
    color: #000;
    background-color: transparent;
    border-color: transparent;
	padding: .75rem 0;
}
.alert-success h4{
    color: #155724;
    background-color: #d4edda;
	padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid #c3e6cb;
    border-radius: .25rem;
}
/*#innerStatusPedidao .alert-success:after{
	content: "Gostaríamos de lembrá-lo(a) que o vencimento do seu boleto do Grupo Nicopel ocorrerá dentro dos próximos dias.\A Caso já tenha realizado o pagamento, por favor, desconsidere este lembrete.\A Agradecemos a confiança e ficamos à disposição para o que for necessário.\A\A Atenciosamente,\A Grupo Nicopel.";
  	white-space: pre-wrap;
    display: block;
    width: fit-content;
    margin: auto;
    text-align: left;
}*/
.jsCardPedidoStatus > div{
	display: none;
}
#botContinuar {
    background-image: -webkit-gradient(linear, left top, right top, from(#198754), color-stop(#198754), color-stop(#1fb16d), to(#147045));
    background-image: linear-gradient(to right, #198754, #198754, #1fb16d, #147045);
    border: none;
}
#footer > div.s-footer > div > div > div:nth-child(4) > ul > li:nth-child(2) > a{
    	display: block;
	text-indent:-9999px;
	line-height:0;
}
#footer > div.s-footer > div > div > div:nth-child(4) > ul > li:nth-child(2) > a:after{
	content:"Formulário de Contato";
	display:block;
	text-indent:0;
	line-height:1;
	margin: -6px 0 6px 0;
}
.imgSuportNicocup{
	margin-top: 2rem;
	border-radius: 10px;
}

@media (max-width: 900px){
	#homeID #header-modelo-1 .navigation-clean .navbar-nav .nav-item.nav-produtos {
		display: list-item !important;
	}
	#s-menu-categorias-horizontal{
		display: none !important;
	}
}