/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

@media (min-width: 768px) {
    .mobile-show {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .mobile-hidden {
        display: none !important;
    }
}

.dataTables_empty {
    padding: 1rem !important;
}

#funil-1 .accordion-button {
    background-color: #D1392F40 !important;
    color: #D1392F !important;
}
#funil-1 .accordion-button::after {
    color: #D1392F !important;
}
#funil-1 .accordion-item {
    border-color: #D1392F !important;
}

#funil-2 .accordion-button {
    background-color: #EC6F3540 !important;
    color: #EC6F35 !important;
}
#funil-2 .accordion-button::after {
    color: #EC6F35 !important;
}
#funil-2 .accordion-item {
    border-color: #EC6F35 !important;
}

#funil-3 .accordion-button {
    background-color: #E4993340 !important;
    color: #E49933 !important;
}
#funil-3 .accordion-button::after {
    color: #E49933 !important;
}
#funil-3 .accordion-item {
    border-color: #E49933 !important;
}

#funil-4 .accordion-button {
    background-color: #D6AF2C40 !important;
    color: #D6AF2C !important;
}
#funil-4 .accordion-button::after {
    color: #D6AF2C !important;
}
#funil-4 .accordion-item {
    border-color: #D6AF2C !important;
}

#funil-5 .accordion-button {
    background-color: #9FB31C40 !important;
    color: #9FB31C !important;
}
#funil-5 .accordion-button::after {
    color: #9FB31C !important;
}
#funil-5 .accordion-item {
    border-color: #9FB31C !important;
}

#funil-6 .accordion-button {
    background-color: #54852A40 !important;
    color: #54852A !important;
}
#funil-6 .accordion-button::after {
    color: #54852A !important;
}
#funil-6 .accordion-item {
    border-color: #54852A !important;
}

#funil-7 .accordion-button {
    background-color: #33630B40 !important;
    color: #33630B !important;
}
#funil-7 .accordion-button::after {
    color: #33630B !important;
}
#funil-7 .accordion-item {
    border-color: #33630B !important;
}

#funil-8 .accordion-button {
    background-color: #88888840 !important;
    color: #888888 !important;
}
#funil-8 .accordion-button::after {
    color: #888888 !important;
}
#funil-8 .accordion-item {
    border-color: #888888 !important;
}

.form-check-input:checked {
    background-color: var(--vz-secondary);
}

.nav-border-top-secondary .nav-link.active {
    color: unset;
}

/* select2 */
.select2 .select2-selection__clear {
    margin: 0 !important;
    height: auto !important;
}
.select2 .select2-selection__arrow {
    display: none;
}
.select2 .select2-selection__rendered {
    padding: 0 !important;
    line-height: normal !important;
	color: var(--vz-body-color) !important;
}
.select2-selection {
	--vz-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	display: block;
	width: 100%;
	padding: 0.5rem 2.7rem 0.5rem 0.9rem;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--vz-body-color) !important;
	background-color: var(--vz-input-bg-custom) !important;
	background-image: var(--vz-form-select-bg-img), var(--vz-form-select-bg-icon, none);
	background-repeat: no-repeat;
	background-position: right 0.9rem center;
	background-size: 16px 12px;
	border: var(--vz-border-width) solid var(--vz-input-border-custom) !important;
	border-radius: var(--vz-border-radius) !important;
	-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    height: 100% !important;
}
@media (prefers-reduced-motion: reduce) {
	.select2-selection {
		-webkit-transition: none;
		transition: none;
	}
}
.select2-selection:focus {
	border-color: var(--vz-primary-border-subtle);
	outline: 0;
	-webkit-box-shadow: 0 0 0 0.25rem rgba(var(--vz-primary-rgb), 0.25);
	box-shadow: 0 0 0 0.25rem rgba(var(--vz-primary-rgb), 0.25);
}
.select2-selection:disabled {
	background-color: var(--vz-tertiary-bg);
}
.select2-selection:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 var(--vz-body-color);
}
.select2-dropdown {
	z-index: 9999 !important;
}

[data-bs-theme="dark"] .text-black-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.border-red {
    border-color: red !important;
}

[data-bs-theme=light] .navbar-menu,  [data-bs-theme=light] .navbar-brand-box{
    background: var(--vz-primary) !important;
}
[data-bs-theme=dark] .navbar-menu,  [data-bs-theme=dark] .navbar-brand-box{
    background: #212529 !important;
}

.navbar-menu .navbar-nav .nav-item:hover>a.menu-link {
    background: var(--vz-tertiary)!important;
}

/* modal cropper */
#cortar_imagem_modal .card-body > img {
    max-height: calc(85vh - 210px) !important;
    width: auto !important;
}

.btn-ghost {
    width: max-content;
    user-select: none;
    transition: all .3s;
}
.btn-ghost:hover {
    background-color: #EFEFEF7F;
}