/* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.4.14, * Autoprefixer: v10.4.7 * Browsers: last 4 version */
 :root {
	--dark-white: #fff;
	--dark-gray: #444;
	--dark-gray1: #bfbfbf;
	--dark-gray2: #363636;
	--dark-black: #222;
}

/* ALL */
p,
a,
li,
span,
small,
label,
div,
strong,
.subtitle,
.title,
.text-black-50,
.text-black,
.text-muted,
.text-dark,
.title-box {
	color: var(--dark-white) !important;
}
hr {
	border-top: 1px solid rgba(255,255,255,.1) !important;
}
.btn {
	background: var(--dark-white) !important;
	border-color: var(--dark-black) !important;
	color: var(--dark-black) !important;
}
.btn i {
	color: var(--dark-black) !important;
}
.btn:hover {
	background: var(--dark-black) !important;
	border-color: var(--dark-white) !important;
	color: var(--dark-white) !important;
}
.btn:hover i {
	color: var(--dark-white) !important;
}
.text-secondary {
	color: var(--dark-white) !important;
}
.background-style-gray {
	background: url('../../site/imagens/bg-gray-dark.svg');
}
.background-style-yellow-white {
	background: linear-gradient(180deg, rgba(0,0,0,0.9) 55%, #000 55%), url('../../site/imagens/bg-shapes-one.webp') top / cover, var(--dark-black);
}

.background-style-yellow {
	background: linear-gradient(rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.60) 46%,rgba(0,0,0,0.9) 100%),url(../../site/imagens/bg-shapes-one.webp) center/cover,var(--dark-black);
	box-shadow: inset 0 0 0 200vh rgba(0,0,0,.7)
}
.box-style-white {
	background-color: var(--dark-black);
}
.breadcrumb {
	background-color: var(--dark-gray);
	border-color: var(--dark-gray);
}
.cards-container .card {
    background: var(--dark-gray);
}
.cards-container .box-image,
.cards-container .box-image img {
	background: var(--dark-black) !important;
}
.cards-container .category-box {
	color: var(--dark-gray1) !important;
}
.cards-container .price,
.cards-container .owner-post,
.cards-container .owner-post a {
	color: var(--dark-white) !important;
}
.media-feed > li.media:hover{
	background-color: var(--dark-gray) !important;
}
.media-feed .media.media-hover {
	background-color: var(--dark-gray) !important;
}
.media-feed .media.media-hover:hover {
	background-color: var(--dark-gray2) !important;
}
.vex .vex-content {
	background: var(--dark-gray2) !important;
	border-color: var(--dark-black1) !important;
	box-shadow: inset 0 1px var(--dark-gray2), 0 0 0 1px rgba(0, 0, 0, 0.08) !important;
}
.vex .vex-content .vex-dialog-form {
	color: var(--dark-white) !important;
}
.vex .vex-dialog-buttons button {
	background: var(--dark-white) !important;
	color: var(--dark-black) !important;
}
.vex .vex-dialog-buttons button:hover {
	background: var(--dark-black) !important;
	color: var(--dark-white) !important;
}
.alert {
	background: var(--dark-gray2);
	border-color: var(--dark-gray2);
	color: var(--dark-white);
}
.alert .alert-heading {
	color: var(--dark-white) !important;
}
.list-group .list-group-item {
	background: var(--dark-gray2);
}
.list-group .list-group-item .btn {
	border-color: var(--dark-gray2);
}
.list-group .list-group-item .btn:hover {
	background: var(--secondary-color);
	color: var(--dark-black);
}
.card {
	background: var(--dark-gray2);
}
.modal-content {
	background: var(--dark-black) !important;
}
.select2 span,
.select2-results__option {
	color: var(--dark-black) !important;
}
.dz-default,
.dz-message,
.dz-button p,
.dz-button p i {
	color: var(--dark-black) !important;
}
.page-link {
	color: var(--dark-black) !important;
}
.page-link:hover {
	color: var(--dark-white) !important;
}
.table td, .table th {
	border-top: 1px solid var(--dark-gray) !important;
}
.table-striped tbody tr:nth-of-type(2n+1) {
	background-color: rgba(255,255,255,.05);
}

/* TOP-HEADER */
.top-header {
	background: var(--dark-gray) !important;
}
.top-header a {
	color: var(--dark-white) !important;
}
.top-header .user {
	color: var(--dark-gray1) !important;
}

/* NAVBAR */
.main-header .navbar {
	background: var(--dark-black) !important;
	border-color: var(--dark-white) !important;
}
.main-header .navbar-nav {
	background: var(--dark-black) !important;
}
.navbar-light .navbar-nav .nav-link {
	color: var(--dark-white) !important;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
	color: var(--dark-white) !important;
	opacity: .8;
}
.main-header .navbar-nav .nav-link.active {
	background-color: var(--dark-gray) !important;
}
.main-header .dropdown-menu .dropdown-item{
	color: var(--dark-white) !important;
}
.main-header .dropdown-menu .dropdown-item:hover{
	color: var(--dark-black) !important;
	opacity: .8;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
	background: var(--dark-black) !important;
}
.main-header .search-container input {
	color: var(--dark-white) !important;
	background-color: var(--dark-gray) !important;
	border-color: var(--dark-gray) !important;
}
.main-header .search-container input::placeholder {
	color: var(--dark-white) !important;
}
.fa-search:before {
	color: var(--dark-white) !important;
}
.main-header .bag-icon img {
	filter: invert(1);
}
.main-header .search-modal,
.main-header .bell-modal,
.main-header .cart-modal {
	background-color: var(--dark-gray) !important;
}
.main-header .search-modal strong,
.main-header .bell-modal strong,
.main-header .cart-modal strong {
	color: var(--dark-white) !important;
}
.main-header .search-modal .result .price,
.main-header .cart-modal .result .price {
	color: var(--dark-white) !important;
}
.main-header .search-modal .result:nth-of-type(even) {
	background-color: var(--dark-black) !important;
}
.main-header .bell-modal .result:nth-child(2n),
.main-header .cart-modal .result:nth-child(2n) {
	background-color: var(--dark-black) !important;
}
.main-header .bell-modal .result:hover,
.main-header .cart-modal .result:hover {
	background-color: var(--dark-gray1) !important;
}
.main-header .bell-modal .result:hover a,
.main-header .cart-modal .result:hover a,
.main-header .cart-modal .result:hover .price {
	color: var(--dark-black) !important;
}
.navbar-toggler-icon {
	filter: invert(1);
}

/* NAVBAR VERTICAL */
.nav .nav-item a {
  color: var(--dark-white) !important;
}
.nav .nav-item.active .nav-link {
	background: var(--dark-gray) !important;
	color: var(--dark-white) !important;
}
.nav .nav-item.active {
  border-color: var(--dark-white) !important;
}

/* FOOTER */
.footer{
	background-color: var(--dark-black);
}
.footer p{
	color: var(--dark-white);
}

/* TABLE */
/* Table Header */
[role="table"] div.table-desc+[role="row-group"] {
	background: var(--dark-gray2) !important;
}
	
[role="table"] [role="row"] [role="column-header"] {
	color: #FFF !important;
}
	
/* Table Subeader */
[role="table"] [role="subheader"] {	
	background: #E8E7E6 !important;
}
	
[role="table"] [role="subheader"] [role="cell"] {
	color: #6D6B69 !important;
}
	
/* Button */
[role="table"] label,
[role="table"] [role="cell"] a.button {
	background: #E8E7E6 !important;
	color: #333 !important;
}
	
/* Button Hover / Pressed */
[role="table"] label:hover,
[role="table"] [role="cell"] a.button:hover,
[role="table"] [role="row"] input[type="checkbox"]:checked~span>label,
[role="table"] [role="row"] input[type="checkbox"]:checked~span>.button,
[role="table"] [role="row"] input[type="radio"]:checked~span>label,
[role="table"] [role="row"] input[type="radio"]:checked~span>.button,
[role="table"] input#wrap-text[type="checkbox"]:checked~div.table-desc div.filter-panel label[for="wrap-text"] {
	background: var(--dark-gray2) !important;
	color: #FFF !important;
}
	
[role="table"] input#wrap-text[type="checkbox"]:checked~div.table-desc div.filter-panel label[for="wrap-text"]::after,
[role="table"] [role="row"] input[type="checkbox"]:checked~span>label::before,
[role="table"] [role="row"] input[type="radio"]:checked~span>label::before {
	color: #FFF !important;
}

/* Filter Button */
[role="table"] div.filter-panel label[for="filter-column"] {
	background: var(--dark-gray2) !important;
	color: #FFF !important;
}
	
/* Filter Button Hover / Pressed */
[role="table"] div.filter-panel label[for="filter-column"]:hover,
[role="table"] input#filter-column[type="checkbox"]:checked~div.table-desc>div.filter-panel label[for="filter-column"] {
	background: #3D4451 !important;
	color: #FFF !important;
}
	
/* Filter Checkbox */
[role="table"] div.filter-panel ul li label::before {
	background: var(--dark-gray2) !important;
	border-color: var(--dark-gray2) !important;
}
		
/* Table Borders */
[role="table"] [role="row-group"]+[role="row-group"]>[role="row"],
[role="table"]>[role="row-group"]:last-child,
[role="table"] [role="row"] [role="cell"],
[role="table"] [role="row-group"]:last-child [role="row"] div.expandable:not([role="cell"]) [role="row"]:last-child,
[role="table"] [role="row-group"]:last-child [role="row"] [role="cell"].expandable,
[role="table"] div.filter-panel ul,
[role="table"] input#col-1[type="checkbox"]:checked~div.table-desc>div.filter-panel ul li:nth-of-type(1) label::before,
[role="table"] input#col-2[type="checkbox"]:checked~div.table-desc>div.filter-panel ul li:nth-of-type(2) label::before,
[role="table"] input#col-3[type="checkbox"]:checked~div.table-desc>div.filter-panel ul li:nth-of-type(3) label::before,
[role="table"] input#col-4[type="checkbox"]:checked~div.table-desc>div.filter-panel ul li:nth-of-type(4) label::before,
[role="table"] input#col-5[type="checkbox"]:checked~div.table-desc>div.filter-panel ul li:nth-of-type(5) label::before,
[role="table"] input#col-6[type="checkbox"]:checked~div.table-desc>div.filter-panel ul li:nth-of-type(6) label::before,
[role="table"] input#col-7[type="checkbox"]:checked~div.table-desc>div.filter-panel ul li:nth-of-type(7) label::before,
[role="table"] input#col-8[type="checkbox"]:checked~div.table-desc>div.filter-panel ul li:nth-of-type(8) label::before,
[role="table"] input#col-9[type="checkbox"]:checked~div.table-desc>div.filter-panel ul li:nth-of-type(9) label::before,
[role="table"] input#col-10[type="checkbox"]:checked~div.table-desc>div.filter-panel ul li:nth-of-type(10) label::before,
[role="table"] input#col-11[type="checkbox"]:checked~div.table-desc>div.filter-panel ul li:nth-of-type(11) label::before,
[role="table"] input#col-12[type="checkbox"]:checked~div.table-desc>div.filter-panel ul li:nth-of-type(12) label::before,
[role="table"] input#col-13[type="checkbox"]:checked~div.table-desc>div.filter-panel ul li:nth-of-type(13) label::before,
[role="table"] input#col-14[type="checkbox"]:checked~div.table-desc>div.filter-panel ul li:nth-of-type(14) label::before,
[role="table"] input#col-15[type="checkbox"]:checked~div.table-desc>div.filter-panel ul li:nth-of-type(15) label::before,
[role="table"] input#col-16[type="checkbox"]:checked~div.table-desc>div.filter-panel ul li:nth-of-type(16) label::before,
[role="table"] [role="cell"],
[role="table"] [role="row-group"]:last-child [role="row"]:last-child [role="cell"].expandable,
[role="table"] div.table-desc~[role="row-group"],
[role="table"] [role="row-group"]+[role="row-group"]:not(.accordion)>[role="row"],
[role="table"] [role="row-group"]+[role="row-group"].accordion [role="row"],
[role="table"] div.expandable [role="row"] {
	border-color: #E8E7E6 !important;
}
	
/* Table Odd Row Background */
[role="table"] [role="row-group"]:last-child [role="row"]:nth-child(odd) [role="cell"] {
	background: #b8b8b7 !important;
}

[role="table"] [role="row-group"]:last-child [role="row"]:nth-child(even) [role="cell"] {
	background: #D0D0CF !important;
}
	
/* Expandable/ collapsible section heading */
[role="table"] [role="row-group"]:last-child [role="row"] input[type="checkbox"]:checked~span,
[role="table"] [role="row-group"]:last-child [role="row"] input[type="radio"]:checked~span {
	background: #EFEFEE !important;
	border-color: #EFEFEE !important;
	color: #333 !important;
}
	
/* Expanded (Active) Row Content Elements */		
[role="table"] [role="row-group"]:last-child [role="row"] input[type="checkbox"]:checked~span [status-label],
[role="table"] [role="row-group"]:last-child [role="row"] input[type="checkbox"]:checked~span span.check::before,
[role="table"] [role="row-group"]:last-child [role="row"] input[type="checkbox"]:checked~span span.cross::before,
[role="table"] [role="row-group"]:last-child [role="row"] input[type="radio"]:checked~span [status-label],
[role="table"] [role="row-group"]:last-child [role="row"] input[type="radio"]:checked~span span.check::before,
[role="table"] [role="row-group"]:last-child [role="row"] input[type="radio"]:checked~span span.cross::before {
	background: #C5C5C1 !important;
	color: #FFF !important;
}
	
[role="table"] [role="row-group"]:last-child [role="row"] input[type="checkbox"]:checked~span [status-bar]::before,
[role="table"] [role="row-group"]:last-child [role="row"] input[type="radio"]:checked~span [status-bar]::before {
	background: #C5C5C1 !important;
}

/* Table body/ filter body text */
[role="table"] [role="cell"],
[role="table"] [role="cell"] small,
[role="table"] div.table-desc,
[role="table"] [role="cell"] [status-label="id-1"],
[role="table"] [role="cell"] [status-bar="id-1"]::before,
[role="table"] div.filter-panel ul li label {
	color: #333 !important;
}

[role="table"] div.filter-panel ul li label {
	padding: 0px 5px !important;
}

[role="table"] div.filter-panel ul li label:hover {
	background: var(--dark-gray1) !important;
}

[role="table"] input#filter-column[type="checkbox"]:checked ~ div.table-desc > div.filter-panel ul {
	background: #E8E7E6 !important;
}
	
/* Link */
[role="table"] [role="column-header"] a,
[role="table"] [role="cell"] a,
[role="table"] [role="cell"] a i {
	color: var(--dark-gray2) !important;
}

[role="table"] [role="column-header"] a:hover,
[role="table"] [role="cell"] a:hover,
[role="table"] [role="cell"] a:hover i {
	color: var(--dark-white) !important;
}
	
/* Check, Cross Icons */
[role="table"] [role="cell"] .check::before,
[role="table"] [role="cell"] .cross::before {
	background: #E8E7E6 !important;
	color: #333 !important;
}

/* Tooltips Underlines */
[role="table"] [tooltip] {
	text-decoration-color: #AAA !important;
	-moz-text-decoration-color: #AAA !important;
}
	
[role="table"] [role="column-header"] [tooltip] {
	text-decoration-color: #FFF !important;
	-moz-text-decoration-color: #FFF !important;
}
	
/* 'NEW' or 'PENDING' status label */
[role="table"] [role="cell"] [status-label="id-1"],
[role="table"] [role="cell"] [status-bar="id-1"]::before {
	background: #E8E7E6 !important;
	color: #333 !important;
}
	
/* HOME */
.home-box {
	background: -o-linear-gradient( 267deg,rgb(0,0,0) 0%,rgba(0,0,0,0.74) 61%,rgba(0,0,0,0) 80% ),url('../../site/imagens/bg-shapes-two-dark.webp') bottom/cover,url('../../site/imagens/bg-black-yallow-dark.svg') bottom/cover;
	background: linear-gradient( 183deg,rgb(0,0,0) 0%,rgba(0,0,0,0.74) 61%,rgba(0,0,0,0) 80% ),url('../../site/imagens/bg-shapes-two-dark.webp') bottom/cover,url('../../site/imagens/bg-black-yallow-dark.svg') bottom/cover 
}
.popular-box {
	background: var(--dark-black) !important;
}
.review-box {
	padding: 5em 0;
	min-height: 650px;
	background: url("../../site/imagens/bg-review_2.webp") bottom right no-repeat, url("../../site/imagens/bg-gray-yellow-dark.svg") top center repeat-x;
	background-position-x: calc(50% + 250px);
	background-color: var(--dark-black);
}
.reviews-container .review{
	background-color: var(--dark-gray2);
}
.counter-box{
	background: -webkit-gradient(linear, left top, left bottom, from(var(--dark-black)), to(black));
	background: -o-linear-gradient(var(--dark-black) 0%, black);
	background: linear-gradient(var(--dark-black) 0%, black) 
}
.counterTitle i {
	color: var(--dark-white) !important;
}

/* PLANO DO ANÚNCIO */
.safe {
	background: var(--dark-gray2) !important;
}

/* ENTREGA DO ANÚNCIO */
.delivery {
	background: var(--dark-gray2) !important;
}

/* CHATBOT */
.chatbot-container {
	background-color: var(--dark-black) !important;
}
.chatbot-container .chatbot-message {
	background-color: var(--dark-gray2) !important;
}
.chatbot-input {
	background: var(--dark-black) !important;
}
.chatbot-input button {
	background: var(--dark-white) !important;
	color: var(--dark-gray) !important;
}
.chatbot-input button:hover {
	background: var(--dark-gray) !important;
	color: var(--dark-white) !important;
}
.chatbot-input {
	border-color: var(--dark-gray) !important;
}

@media (max-width: 991.98px) {
	/* NAVBAR */
	.main-header .navbar-nav {
		background-color: var(--dark-black) !important;
	}
	.main-header li.nav-item:not(.responsive-logo) .nav-link:not(.active) {
		background-color: var(--dark-gray) !important;
	}
	.open-search-box,
	.open-search-box:hover {
		background-color: var(--dark-gray) !important;
		border-color: var(--dark-gray) !important;
	}
}