@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

:root {
	--background: #FFFFFF;
	--foreground: #08080a;
	--card: #ffffff;
	--card-foreground: #08080a;
	--popover: #ffffff;
	--popover-foreground: #08080a;
	--destak: #001e40;
	--destak-opacity: rgba(0, 30, 64, 0.5);
	--primary: #17171b;
	--primary-foreground: #f9f9f9;
	--secondary: #f4f4f5;
	--secondary-foreground: #17171b;
	--muted: #f4f4f5;
	--muted-foreground: #71717a;
	--accent: #f4f4f5;
	--accent-foreground: #17171b;
	--destructive: #ee4444;
	--destructive-foreground: #f9f9f9;
	--border: #e3e3e7;
	--input: #e3e3e7;
	--ring: #17171b;
	--radius: 0.5rem;
	--white: #ffffff;

	--primary-brand: #003c81;
	--primary-brand-opacity: #003c8180;

	--lil-black: #e3e3e7;
	--mid-black: #fff;

	--green: #3BB42D;
	--red: #FD0000;

	/* svg */
	--check: url("../img/svg/check.svg");
	--chevrons-up-down: url('../img/svg/chevrons-up-down.svg');

    --range-value: 0;
}

:root:hover,
:root:focus {
	outline: none;
}

body.dark {
	--background: #09090b;
	--foreground: #f9f9f9;
	--card: #08080a;
	--card-foreground: #f9f9f9;
	--popover: #08080a;
	--popover-foreground: #f9f9f9;
	--primary: #f9f9f9;
	--primary-foreground: #17171b;
	--secondary: #27272a;
	--secondary-foreground: #f9f9f9;
	--muted: #27272a;
	--muted-foreground: #a1a1a9;
	--accent: #27272a;
	--accent-foreground: #f9f9f9;
	--destructive: #7f1d1d;
	--destructive-foreground: #f9f9f9;
	--border: #27272a;
	--input: #27272a;
	--ring: #d3d3d7;

	--lil-black: #43444A;
	--mid-black: #151515;

	/* svg */
	--chevrons-up-down: url('../img/svg/chevrons-up-down-white.svg');
}

body {
	font-family: "Inter", sans-serif;
	background-color: var(--background);
	color: var(--foreground);
}

.transition-colors {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s;
}

.transition-opacity {
	transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}

.text-foreground {
	color: var(--foreground);
}

.hover\:text-foreground:hover {
	color: var(--foreground) !important;
}

.hover\:transform-scale:hover {
	transform: scale(1.02);
}

.transition\:cubic-bezier {
	transition: cubic-bezier(.17,.67,.83,.67) .3s;
}

.text-primary-foreground {
	color: var(--primary-foreground);
}

.text-secondary-foreground {
	color: var(--secondary-foreground) !important;
}

.text-muted-foreground {
	color: var(--muted-foreground);
}

.border-muted-foreground {
	border-color: var(--muted-foreground);
}

.border-1-b-muted {
	border-bottom: 1px solid var(--muted-foreground);
}

.font-medium {
	font-weight: 500;
}

.font-semibold {
	font-weight: 600;
}

.text-ssm {
	font-size: .65rem;
	line-height: 0.80rem;
}

.text-sm {
	font-size: .875rem;
	line-height: 1.25rem;
}

.text-base {
	font-size: 1rem;
	line-height: 1.5rem;
}

.text-2xl {
	font-size: 1.5rem;
	line-height: 2rem;
}

.text-\[0\.8rem\] {
	font-size: .8rem;
}

.text-green {
	color: var(--green);
}

.text-red {
	color: var(--red);
}

.bg-primary {
	background-color: var(--primary)!important;
}

.bg-mid-black {
	background-color: var(--mid-black)!important;
}

.b-color-lil-black {
    border-color: var(--lil-black) !important;
}

.bg-\[\#09090B\] {
	background-color: #09090B;
}

.bg-border {
	background-color: var(--border);
}

.bg-card {
	background-color: var(--card);
}

.rounded {
	border-radius: calc(var(--radius));
}

.rounded-md {
	border-radius: calc(var(--radius) - 2px);
}

.rounded-lg {
	border-radius: calc(var(--radius) + 2px);
}

.rounded-xl {
	border-radius: calc(var(--radius) + 4px);
}

.rounded-xxl {
	border-radius: calc(var(--radius) + 6px);
}

.whitespace-nowrap {
	white-space: nowrap;
}

.max_line {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}

.max_line_1 {
    -webkit-line-clamp: 1;
}

.max_line_2 {
    -webkit-line-clamp: 2;
}

.max_line_3 {
    -webkit-line-clamp: 3;
}

.h-9 {
	height: 2.25rem !important;
}

.min-height-\[auto\] {
	min-height: auto;
}

.cursor-pointer {
	cursor: pointer !important;
}

.cursor-no-drop {
	cursor: no-drop;
}

.form-check-input {
	border: 1px solid var(--input) !important;
}

.form-check-input:checked,
.form-check-input:focus {
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.form-control {
	font-size: .875rem !important;
	line-height: 1.25rem !important;
	font-weight: 400 !important;
	padding: .25rem .75rem !important;
	border: 1px solid var(--input) !important;
	border-radius: calc(var(--radius) - 2px);
	background-color: var(--secondary);
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	height: 2.25rem;
}

.form-control.form-control-textarea {
	height: auto;
}

.form-control::-webkit-input-placeholder {
	font-size: .875rem !important;
	line-height: 1.25rem !important;
	font-weight: 400 !important;
}

.form-control::-moz-placeholder {
	font-size: .875rem !important;
	line-height: 1.25rem !important;
	font-weight: 400 !important;
}

.form-control::-ms-input-placeholder {
	font-size: .875rem !important;
	line-height: 1.25rem !important;
	font-weight: 400 !important;
}

.form-control {
	color: var(--secondary-foreground) !important;
}

.form-control:focus {
	border-color: var(--input) !important;
	background-color: var(--secondary) !important;
	color: var(--secondary-foreground) !important;
}

.form-control:disabled {
	background-color: var(--black) !important;
	color: var(--secondary-foreground) !important;
}

.input-group-text {
	display: flex !important;
    align-items: center !important;
    padding: .375rem .75rem !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: var(--muted-foreground) !important;
    text-align: center !important;
    white-space: nowrap !important;
    background-color: var(--accent) !important;
    border: 1px solid var(--input) !important;
    border-radius: 6px 0 0 6px !important;
    box-shadow: none !important;
}

.navbar {
	position: fixed;
	background-color: var(--background);
	z-index: 999;
	height: auto;
	padding: 0 !important;
	border-bottom: 1px solid var(--border);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.navbar>.align-menu {
	width: 100%;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
}

.navbar .navbar-brand {
	border-right: 1px solid var(--border);
	width: 64px;
	height: 64px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.navbar .navbar-brand.active,
.navbar .navbar-brand.active-force {
	width: 270px;
}

.object-cover {
	object-fit: cover;
}

.object-position-center {
	object-position: center;
}

.z-index-contact {
    z-index: 1020;
}

.logo {
	height: 28px;
	opacity: 0;
	transition: all .4s;
	position: absolute;
	left: 18px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 0;
}

.logo-sm {
	height: 40px;
	opacity: 1;
	transition: all .4s;
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
}

.toggle-menu .active .logo {
	opacity: 1;
}
.toggle-menu .active .logo-sm {
	opacity: 0;
}

.toggle-menu .active-force .logo {
	opacity: 1;
}
.toggle-menu .active-force .logo-sm {
	opacity: 0;
}

.show-faq-onmenu {
    position: relative;
    transition: left 1s;
    padding: 0!important;
    width: 100%;
    margin-bottom: .5rem;
}

.show-faq-onmenu .card {
    position: absolute;
    left: -300px;
    width: 100%;
    bottom: 0;
}

.show-faq-onmenu .card button,
.show-faq-onmenu .card h3 {
    text-wrap: nowrap;
}

.show-faq-onmenu .card p {
    width: 200px;
}

.active .show-faq-onmenu .card,
.active-force .show-faq-onmenu .card {
    left: 0;
    transform: translate(0, 0);
}

.navbar .nav-content {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0 16px;
}

.navbar .nav-content .nav-user-dropdown .nav-user-header {
	cursor: pointer;
}

.navbar .nav-content .nav-user-dropdown .nav-user-header .avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid var(--primary);
	overflow: hidden;
}

.navbar .nav-content .nav-user-dropdown .nav-user-header .avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#dropdownNavUser.dropdown-toggle::after {
	display: none;
}

.navbar .nav-content .nav-user-dropdown .dropdown-menu {
	padding: 0;
	margin-left: auto;
	right: 0;
	border-radius: 8px;
	background-color: var(--background);
}

.navbar .nav-content .nav-user-dropdown .dropdown-menu ul {
	margin: 0;
	padding: 0.25rem;
}

.navbar .nav-content .nav-user-dropdown .dropdown-menu ul li {
	list-style: none;
	display: flex;
	align-items: center;
	padding-top: 0.7rem;
	padding-bottom: 0.7rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	border-radius: 6px;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s;
	cursor: pointer;
	border: none;
}

.navbar .nav-content .nav-user-dropdown .dropdown-menu hr {
	margin: 0 !important;
	color: var(--border) !important;
	border: 1px solid var(--border) !important;
}

.navbar .nav-content .nav-user-dropdown .dropdown-menu ul li:hover {
	background-color: var(--muted);
}

.navbar .nav-content .nav-user-dropdown .dropdown-menu ul li a {
	color: var(--primary);
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
	text-decoration: none;
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
}

.navbar .nav-content .nav-user-dropdown .dropdown-menu ul li a i {
	font-size: 22px;
	display: none;
}

button.btn_dark_mode,
button.btn_light_mode {
	border: none;
	background-color: transparent;
	color: var(--primary);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	border-radius: 6px;
}

button.btn_light_mode {
	border: none;
	background-color: transparent;
	color: var(--primary);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	border-radius: 6px;
}

body.dark .btn_dark_mode,
body:not(.dark) .btn_light_mode,
body:not(.dark) nav .logo_dark,
body.dark nav .logo_light {
	display: none !important;
}

body:not(.dark) .btn_dark_mode,
body.dark .btn_light_mode {
	display: flex !important;
}

.sidebar-menu {
	background-color: var(--background);
	height: calc(100vh - 64px);
	display: flex !important;
	flex-direction: column;
	position: fixed;
	top: 64px;
	z-index: 9;
	overflow: hidden;
	width: 64px;
	border-right: 1px solid var(--border);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

/* Ajusta altura da sidebar quando há notificação com ênfase */
/* body.has-notification-emphasis .sidebar-menu {
	height: calc(100vh - 120px);
	top: 120px;
} */

.sidebar-menu::-webkit-scrollbar {
	width: 7px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.sidebar-menu::-webkit-scrollbar-track {
	background-color: var(--border);
}

.sidebar-menu::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, 0\.5);
	border-radius: 5px;
}

.sidebar-menu ul {
	width: 100%;
	margin: 0;
	padding: 0;
	gap: 0px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.siderbar-menu ul li {
	margin: 0 10px;
	width: 300px;
}

.sidebar-menu:hover ul {
	padding: 0 !important;
	z-index: 998;
}

.dashboard.active .sidebar-menu,
.dashboard.active-force .sidebar-menu {
	width: 270px;
	padding: 8px;
}

.dashboard .logged-user {
	width: calc(100% - 64px);
}

.dashboard.active .logged-user {
	width: calc(100% - 270px);
}

.sidebar-menu:hover {
	box-shadow: 0 0 50px 0 rgb(0 0 0 / 10%);
}

body.dark .sidebar-menu:hover {
	box-shadow: 0 0 50px 0 rgba(255, 255, 255, 10%);
}

.dashboard.active .sidebar-menu ul,
.dashboard.active-force .sidebar-menu ul {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 0px;
	padding: 0 !important;
	background-color: var(--background);
}

.sidebar-menu ul {
	height: 100%;
	display: flex;
	flex-direction: column;
	background-color: var(--background);
}

.sidebar-menu ul li {
	background-color: transparent;
}

.sidebar-menu ul .auxiliar {
	color: var(--primary) !important;
}

.sidebar-menu ul .auxiliar i {
	width: 16px;
	height: 16px;
}

.sidebar-menu ul .auxiliar svg {
	width: 16px;
	height: 16px;
}

.sidebar-menu ul li a p,
.sidebar-menu ul li button p {
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.sidebar-menu,
.active ul li a p,
.active-force ul li a p,
.sidebar-menu,
.active ul li button p,
.active-force ul li button p {
	opacity: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.fixar-sidebar {
	cursor: pointer;
	min-width: 50px;
	background-color: transparent;
	border: none;
	z-index: 50;
}

.min-h-350px {
	min-height: 350px;
}

.min-w-\[8rem\] {
	min-width: 8rem;
}

.min-w-\[9rem\] {
	min-width: 9rem;
}

.min-w-\[10rem\] {
	min-width: 10rem;
}

.min-w-\[11rem\] {
	min-width: 11rem;
}

.min-w-\[12rem\] {
	min-width: 12rem;
}

.fixar-sidebar svg path {
	stroke: var(--primary) !important;
}

.sidebar-menu ul li {
	display: flex;
	flex-direction: row;
	list-style: none;
}

.sidebar-menu .fixar-sidebar i {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.dashboard>.sidebar-menu .btn-sidebar {
	position: relative;
	width: 300px;
	height: 50px;
	text-align: left;
	padding: 10px 20px;
	display: flex;
	align-items: center;
}

.dashboard>.sidebar-menu .link-sidebar {
	position: relative;
	width: 100%;
	height: 2.75rem;
	text-align: left;
	border-radius: 6px;
	margin: 1px 0;
}


.dashboard>.sidebar-menu .link-sidebar a {
	padding: 8px 15px;
	display: flex;
	align-items: center;
	width: 100%;
	gap: 12px;
	flex-direction: row;
	justify-content: start;
	color: var(--primary) !important;
	background-color: transparent;
}

.dashboard>.sidebar-menu .link-sidebar .flex-row .auxiliar {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
}

.dashboard>.sidebar-menu .link-sidebar button {
	color: var(--primary);
}

.dashboard>.sidebar-menu .btn-sidebar i,
.dashboard>.sidebar-menu .link-sidebar i {
	font-size: 16px;
	font-weight: 900;
}

.dashboard>.sidebar-menu .btn-sidebar {
	position: relative;
	width: 300px;
	height: 50px;
	text-align: left;
	padding: 10px 20px;
	display: flex;
	align-items: center;
}

.dashboard>.content {
	width: calc(100% - 64px);
	min-height: calc(100vh - 64px);
	overflow-x: hidden;
	z-index: auto;
	margin-left: 64px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.dashboard.active>.content,
.dashboard.active-force>.content {
	width: calc(100vw - 290px);
	margin-left: 270px;
}

.dashboard>.content.active,
.dashboard>.content.active-force {
	margin-left: 0;
}

.dashboard .w-content {
	width: calc(100% - 64px);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.dashboard.active .w-content,
.dashboard.active-force .w-content {
	width: calc(100vw - 290px);
}

.accordion-button {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 8px 14px;
	font-size: 1rem;
	text-align: left;
	background-color: transparent;
	border: 0;
	border-radius: 6px;
	overflow-anchor: none;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
}

.accordion-button:not(.collapsed) {
	background-color: transparent;
	box-shadow: none !important;
}

.accordion-button:focus {
	z-index: 3;
	border-color: transparent;
	outline: 0;
	box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
}

.accordion-button:not(.collapsed)::after {
	background-image: url("../img/icons/arrow-down-white.svg");
	transform: rotate(-180deg);
}

.accordion-button::after {
	background-image: url("../img/icons/arrow-down-white.svg");
	height: 0.7em;
	background-size: 13px;
	background-position: center center;
	margin-right: auto;
	margin-left: 0;
	display: none;
}

.component-accordion-item {
	border: 0px;
	background-color: transparent !important;
}

.ccordion-item .btn-sidebar i,
.component-accordion-item .link-sidebar i {
	font-size: 13px;
	font-weight: 900;
}


.accordion-body {
	padding: 0;
}

.t-link {
    text-wrap: nowrap;
}

.menu-mobile .side-link:hover {
	background-color: #0000;
}

.menu-mobile .side-link .accordion-button {
	padding-left: 0;
	padding-right: 0;
}

.menu-mobile .component-accordion-item .accordion-collapse .accordion-body ul {
	list-style: none;
	padding-left: 1rem !important;
}

.menu-mobile li a {
	color: var(--foreground);
	display: flex;
	align-items: center;
	gap: 10px;
	padding: .5rem 0;
}

.menu-mobile li {
	border-bottom: 1px solid var(--border);
}

.menu-mobile li:last-child {
	border-bottom: none;
}

.menu-mobile a svg {
	height: 1rem;
	width: 1rem;
}

.menu-mobile {
	list-style: none;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.menu-mobile .logo {
    height: 36px;
    opacity: 1;
    transition: all .4s;
    position: inherit !important;
	transform: none;
    margin-top: auto;
	width: auto;
    object-fit: contain;
    object-position: left;
}

.accordion-body .t-link {
	font-family: "Inter", sans-serif;
	padding-left: 1.25rem;
}

.auxiliar {
    height: 28px;
	display: flex;
    align-items: center;
    justify-content: center;
}

.accordion-body .link-sidebar .auxiliar i {
	font-size: 10px !important;
	position: relative;
}

.dashboard>.sidebar-menu .btn-sidebar i,
.dashboard>.sidebar-menu .link-sidebar i {
	font-size: 16px;
	font-weight: 900;
}

.side-link {
	border: 1px solid transparent;
}

.side-link.active,
.side-link.active-force {
	background-color: var(--muted);
}

.side-link:hover {
	background-color: var(--muted);
	color: var(--muted-foreground);
}

.btn_conta_bancaria {
	color: var(--primary);
	background-color: var(--muted);
	font-size: 14px;
	font-weight: 400;
	border-radius: 0px;
	height: 40px;
	padding: 5px 0;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid var(--border);
	width: 100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.btn_conta_bancaria:hover {
	background-color: var(--border);
	border-bottom: 1px solid var(--input);
	color: var(--secondary-foreground);
}

.table-container {
	border: 1px solid var(--border);
}

.table-container tbody tr {
	border-top: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
}

.table-container tbody tr:last-child {
	border-bottom: none;
}

.table-container tbody tr td .tag_positive,
.table-container tbody tr td .tag.tag_pago,
.table-container tbody tr td .tag.tag_finalizado,
.table-container tbody tr td .tag.tag_ativo {
	background-color: rgb(59, 180, 45, .2);
	color: rgb(59, 180, 45);
	width: 120px;
	text-align: center;
}

.table-container tbody tr td .tag_negative,
.table-container tbody tr td .tag.tag_falhou,
.table-container tbody tr td .tag.tag_estornado,
.table-container tbody tr td .tag.tag_estorno_parcial,
.table-container tbody tr td .tag.tag_erros,
.table-container tbody tr td .tag.tag_cancelado,
.table-container tbody tr td .tag.tag_deletado,
.table-container tbody tr td .tag.tag_expirado,
.table-container tbody tr td .tag.tag_pagamento_pendente {
	background-color: rgb(255, 0, 0, .2);
	color: rgb(255, 0, 0, 1);
	width: 120px;
	text-align: center;
}

.tag.tag_erros,
.tag.tag_cancelado,
.tag.tag_deletado,
.tag.tag_expirado,
.tag.tag_pagamento_pendente {
	background-color: rgb(255, 0, 0, .2);
	color: rgb(255, 0, 0, 1);
	width: 120px;
	text-align: center;
}

.tag_positive,
.tag.tag_pago,
.tag.tag_finalizado,
.tag.tag_ativo {
	background-color: rgb(59, 180, 45, .2);
	color: rgb(59, 180, 45);
	width: 120px;
	text-align: center;
}

.tag.tag_processando {
	background-color: rgba(255, 170, 0, 0.2);
	color: rgb(255, 170, 0, 1);
	width: 120px;
	text-align: center;
}

.table-container tbody tr td .tag.tag_novo,
.table-container tbody tr td .tag.tag_aguardando_pagamento {
	background-color: rgb(0, 60, 129, .2);;
	color: rgb(0, 100, 220);
	width: 120px;
	text-align: center;
}

/* .table-container tbody tr td .tag.tag_cancelado, */
.table-container tbody tr td .tag.tag_pausado {
	background-color: rgb(113, 113, 122, .2);
	color: rgb(113, 113, 122, 1);
	width: 120px;
	text-align: center;
}

.table-container tbody tr td .tag.tag_chargeback {
	background-color: rgb(113, 113, 122, .2);
	color: rgb(113, 113, 122, 1);
	width: 120px;
	text-align: center;
}

.table-container tbody tr td .tag.tag_pendente,
.table-container tbody tr td .tag.tag_processando {
	background-color: rgba(255, 170, 0, 0.2);
	color: rgb(255, 170, 0, 1);
	width: 120px;
	text-align: center;
}

.table-container tbody tr td .tag.tag_processando,
.table-container tbody tr td .tag.tag_erros,
.table-container tbody tr td .tag.tag_finalizado {
	padding: 4px;
	border-radius: 6px;
}

.table-container .form-check {
	padding-left: 0 !important;
	margin-bottom: 0 !important;
}

.min-w-tag-platform {
	min-width: 158px !important;
}

.form-select {
	width: auto !important;
	background-color: #27272a !important;
	border: 1px solid var(--border);
	color: var(--primary);
	fill: var(--foreground);
	background-image: var(--chevrons-up-down) !important;
	padding: .25rem 2.75rem .25rem .75rem !important;
}

.form-select option:hover {
	background-color: var(--muted) !important;
}

.form-select option:hover {
	background-color: #ccc !important;
	color: #fff !important;
}

.form-select:focus {
	box-shadow: none !important;
	border: 1px solid var(--border) !important;
	border-radius: 6px;
}

.pagination .paginador {
	border: 1px solid var(--border);
	border-radius: 8px;
	padding: 8px;
	cursor: pointer;
}

.pagination .paginador:hover {
	background-color: var(--muted);
}

.pagination .paginador svg path {
	stroke: var(--primary) !important;
}

.table-container .form-check .form-check-input {
	float: none !important;
	margin-left: 0 !important;
	background-color: transparent;
	border: 1px solid var(--primary);
}

.table-container .form-check .form-check-input:focus {
	outline: none !important;
	box-shadow: none !important;
}

.table-container .btn.sort-btn,
.table-container .th {
	color: var(--muted-foreground) !important;
}

.table-container tbody tr td span.tag {
	border: 1px solid var(--primary);
	padding: 2px 10px;
	border-radius: 10px;
	font-size: 12px;
}

.table-container tbody tr td.opcoes .dropdown-menu {
	border-radius: 8px;
	background-color: var(--background) !important;
	border: 1px solid var(--border) !important;
}

.table-container tbody tr td.opcoes .dropdown-menu li a {
	color: var(--primary) !important;
}

.table-container tbody tr td.opcoes .dropdown-menu li a:hover {
	background-color: var(--muted) !important;
}

.btn.text-muted-foreground.f-size-14:hover {
	color: var(--muted-foreground) !important;
}

.dropdown-submenu,
.dropdown-menu.show {
	background: var(--background);
	z-index: 99999 !important;
}

hr {
	color: var(--border);
	height: 1px;
	opacity: 1;
}

.dropdown-submenu,
.dropdown-menu.show {
	border: 1px solid var(--border);
}

.table-container tbody tr td.opcoes .dropdown-menu hr {
	margin: 0 !important;
	color: var(--border) !important;
	border: 1px solid var(--border) !important;
}

.form-group input {
	border: 1px solid var(--border);
	border-radius: 6px;
	background-color: var(--secondary);
	color: var(--primary) !important;
}

.form-group input:focus {
	background-color: var(--secondary);
	border: 1px solid var(--input)!important	;
}

.btn {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
	transition-duration: .15s !important;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn,
.btn.disabled {
	opacity: .5;
	color: var(--background);
}

.opacity\.5 {
	opacity: .5;
}

.opacity\.25 {
	opacity: .25;
}
.hover\:opacity-100:hover {
	opacity: 1;
}

.hover\:underline:hover {
	text-decoration: underline;
}

.underline-offset-4 {
	text-underline-offset: 4px;
}

.btn-filter,
.btn-filter:active {
	font-size: .75rem !important;
	line-height: 1rem !important;
	font-weight: 500 !important;
	padding: 0 .75rem 0 .75rem !important;
	background-color: var(--background) !important;
	color: var(--muted-foreground) !important;
	border: 1px dashed var(--border) !important;
	height: 2.25rem !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
}

.btn-filter:hover {
	background-color: var(--accent) !important;
}

.btn-combobox,
.btn-combobox:active {
	font-size: .875rem !important;
	line-height: 1.25rem !important;
	font-weight: 500 !important;
	padding: .5rem 1rem .5rem 1rem !important;
	background-color: var(--background) !important;
	color: var(--foreground) !important;
	border: 1px solid var(--border) !important;
	height: 2.25rem !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
}

.btn-combobox:hover {
	background-color: var(--accent) !important;
}

.search-filter {
	padding-left: 6px!important;
}

.active\:foreground-background:active {
	color: var(--background) !important;
}

.filter-tag {
	color: var(--secondary-foreground);
	font-weight: 400;
	font-size: .75rem;
	line-height: 1rem;
	padding-top: 0.125rem;
	padding-bottom: 0.125rem;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	background-color: var(--secondary);
	border: 1px solid transparent;
	border-radius: calc(var(--radius) - 4px);
	display: inline;
	align-items: center;
	margin-left: .25rem;
	text-transform: capitalize;
}

.bg-primary {
	background-color: var(--primary) !important;
}

.bg-primary:hover {
	filter: opacity(.9);
	color: var(--primary-foreground);
}

.bg-secondary {
	background-color: var(--secondary) !important;
	color: var(--foreground);
}

.bg-secondary:hover {
	filter: opacity(.9);
	color: var(--foreground);
}

.bg-destructive {
	background-color: var(--destructive) !important;
	color: var(--primary-foreground);
}

.bg-destructive:hover {
	filter: opacity(.9);
	color: var(--primary-foreground);
}

.bg-background {
	background-color: var(--background) !important;
	color: var(--foreground) !important;
}

.foreground {
	color: var(--foreground) !important;
}

.text-nowrap {
	text-wrap: nowrap;
}

.hover\:bg-accent:hover {
	background-color: var(--accent) !important;
}

.hover\:bg-green:hover {
	background-color: rgb(59, 180, 45, .6)!important;
}

.hover\:underline:hover {
	text-decoration: underline !important;
}

.hover\:text-decoration-none {
	text-decoration: none !important;
}

.border-0-5 {
	border: 0.5px solid transparent;
}

.border-1 {
	border: 1px solid transparent;
}

.border-1-b {
	border-bottom: 1px solid transparent;
}

.border-1-t {
	border-top: 1px solid transparent;
}

.border-input {
	border-color: var(--input) !important;
}

.w-0 {
	width: 0;
}

.w-1 {
	width: 0.25rem;
}

.w-2 {
	width: 0.5rem;
}

.w-3 {
	width: 0.75rem;
}

.w-3\.5 {
	width: 0.875rem;
}

.w-4 {
	width: 1rem;
}

.w-5 {
	width: 1.25rem;
}

.w-6 {
	width: 1.5rem;
}

.w-7 {
	width: 1.75rem;
}

.w-8 {
	width: 2rem !important;
}

.w-9 {
	width: 2.25rem;
}

.w-10 {
	width: 2.5rem;
}

.w-12 {
	width: 3rem;
}

.w-13 {
	width: 3.5rem;
}

.w-16 {
	width: 4rem;
}

.w-20 {
	width: 5rem;
}

.w-24 {
	width: 6rem;
}

.w-32 {
	width: 8rem;
}

.w-40 {
	width: 10rem;
}

.w-48 {
	width: 12rem;
}

.w-56 {
	width: 14rem;
}

.w-64 {
	width: 16rem;
}

.w-auto {
	width: auto !important;
}

.w-full {
	width: 100%;
}

.w-screen {
	width: 100vw;
}

.w-fit {
	width: fit-content!important;
}

.max-w-350px {
	max-width: 350px;
}

.max-w-xs {
	max-width: 20rem;
}

.h-0 {
	height: 0;
}

.h-1 {
	height: 0.25rem;
}

.h-2 {
	height: 0.5rem;
}

.h-3 {
	height: 0.75rem;
}

.h-3\.5 {
	height: 0.875rem;
}

.h-4 {
	height: 1rem;
}

.h-5 {
	height: 1.25rem;
}

.h-6 {
	height: 1.5rem !important;
}

.h-7 {
	height: 1.75rem !important;
}

.h-8 {
	height: 2rem !important;
}

.h-10 {
	height: 2.5rem;
}

.h-12 {
	height: 3rem;
}

.h-13 {
	height: 3.5rem;
}

.h-16 {
	height: 4rem;
}

.h-20 {
	height: 5rem;
}

.h-24 {
	height: 6rem;
}

.h-32 {
	height: 8rem;
}

.h-40 {
	height: 10rem;
}

.h-48 {
	height: 12rem;
}

.h-56 {
	height: 14rem;
}

.h-64 {
	height: 16rem;
}

.h-auto {
	height: auto;
}

.h-full {
	height: 100%;
}

.h-fit {
	height: fit-content !important;
}

.h-screen {
	height: 100vh;
}

.bg-login {
	background-image: url("../img/login-img.png");
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.togglePassword {
	position: absolute;
	right: 0;
	top: 50%;
	bottom: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	height: calc(100% - 4px);
	padding: 0 .5rem;
	border: none!important;
	outline: none;
	box-shadow: none;
	margin-right: 2px;
	background-color: var(--secondary)!important;
	color: var(--foreground)!important;
	border-radius: 0 calc(var(--radius) - 2px) calc(var(--radius) - 2px) 0;
}

.gap-1\.5 {
	gap: 0.375rem;
}

.gap-2\.5 {
	gap: .625rem;
}

.ui-accordion-button {
	padding: 1rem 0 !important;
	font-weight: 500;
	font-size: .875rem;
	line-height: 1.25rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	border: none !important;
	box-shadow: none !important;
}

.ui-accordion-body {
	padding: 0 0 1rem 0 !important;
	font-size: .875rem;
	line-height: 1.25rem;
}

.ui-accordion-button:hover {
	text-decoration: underline;
}

.ui-accordion-button::after {
	display: none;
}

.ui-accordion,
.ui-component-accordion-item,
.ui-accordion-button,
.ui-accordion-button:not(.collapsed) {
	background: var(--background) !important;
	color: var(--foreground) !important;
}

.ui-component-accordion-item {
	border-bottom: 1px solid var(--border);
}

.ui-accordion-button svg {
	transition: transform ease-in-out 0.3s;
	transform: rotate(0deg);
}

.ui-accordion-button:not(.collapsed) svg {
	transform: rotate(180deg);
}

.modal-media .modal-top {
	height: 87px;
}

.modal-media .modal-footer {
	height: 70px;
}

.modal-media .modal-body {
	height: calc(100vh - 87px - 70px - 48px);
}

.modal-dialog.modal-dialog-centered.modal-xl.modal-media {
	width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    margin: 0;
}

.modal-media .modal-header {
	border: none;
}

.modal-media .nav-tabs {
	padding: 0 10px !important;
}

.modal-dialog .modal-body {
	border-radius: var(--bs-modal-border-radius);
}

.modal-dialog .modal-body .content-files {
	width: calc(100% - 350px);
}

.modal-dialog .modal-body .content-unique-file {
	width: 350px;
	border-left: 1px solid var(--border);
	padding: 20px;
	background-color: #f6f7f7;
	overflow-y: auto;
    height: 100%;
	background-color: var(--background);
}

.card-cursos {
	background-size: cover;
	background-repeat: no-repeat;
}

.trilha-horizontal {
	width: 440px !important;
	min-width: 440px !important;
	height: 240px;
}

.trilha-vertical {
	width: 302px !important;
	height: 418px !important;
}

@media (max-width: 743px) {
	.modal-dialog .modal-body .content-unique-file {
		max-height: 300px;
		width: 100%;
	}

	.trilha-horizontal {
		width: 340px !important;
		height: 180px !important;
		min-width: 180px !important;
	}

	.navbar .navbar-brand {
		width: 82px;
	}

	.logo-sm {
		height: 60px;
	}

	.navbar .navbar-brand.active,
	.navbar .navbar-brand.active-force {
		width: 120px;
	}

    .w-sm-20 {
        width: 20%;
    }

    .w-sm-100 {
        width: 100%;
    }
}

@media only screen and (max-width: 1440px) {
	.bg-race {
		height: 270px !important;
	}
	.line-cart {
		top: 85px !important;
	}
	.line-cart-progress {
		top: 85px !important;
	}
	.line-sub-cart {
		top: 110px !important;
	}
	.timerr {
		margin-top: 120px !important;
	}
}

@media only screen and (max-width: 1380px) {
	.bg-race {
		height: 270px !important;
	}
	.line-cart {
		top: 75px !important;
		width: 775px !important;
		height: 775px !important;
	}
	.line-cart-progress {
		top: 150px !important;
		width: 775px !important;
		height: 775px !important;
	}
	.line-sub-cart {
		top: 105px !important;
		width: 686px !important;
		height: 686px !important;
	}
	.timerr {
		margin-top: 125px !important;
	}
}

@media only screen and (max-width: 1366px) {
	.line-cart-progress {
		top: 75px !important;
	}
}

@media only screen and (max-width: 1160px) {
	.bg-race {
		height: 270px !important;
	}
	.bg-race .absolute .row .col-3,
	.bg-race .absolute .row .col-6 {
		width: 100% !important;
		z-index: 10;
	}

	.bg-race .absolute .row .col-6 {
		display: flex;
		justify-content: center;
	}

	.line-cart {
		display: none;
	}
	.line-cart-progress {
		display: none;
	}
	.line-sub-cart {
		display: none;
	}

	.timerr {
		margin-top: 0px !important;
	}
}

.modal-dialog .modal-body .content-unique-file img {
	width: 150px !important;
	height: 150px !important;
	object-fit: cover;
}

.modal-dialog .modal-body .content-unique-file textarea,
.modal-dialog .modal-body .content-unique-file input,
.modal-dialog .modal-body .content-unique-file button {
	width: 100%;
	border: 1px solid var(--border);
	border-radius: 4px;
	background-color: var(--background);
	padding: 5px;
	font-size: 12px;
	color: var(--secondary-foreground);
}

.modal-footer {
	border-top: 1px solid var(--border);
}

.modal-body #file-list {
	list-style: none;
}

.modal-body #file-list li,
.modal-body #file-list li img {
	width: 148px;
	height: 148px;
	object-fit: cover;
}

.modal-body #file-list li.file-item.active {
	box-shadow: 0px 0px 0px 4px var(--primary);
    border-radius: 0px;
}

.modal-body #file-list li.file-item .box-check {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
    height: 24px;
    background-color: var(--primary);
	border-radius: 0px;
    margin-top: -12px;
    margin-right: -12px;
}

.modal-body #file-list li.file-item .box-check img {
	width: 16px;
    height: 16px;
	filter: invert(1);
	border: none;
}

#modalTerms .box-aceita-termo {
	max-height: 400px;
	overflow-y: auto;
}

.box_media_actions > img {
	aspect-ratio: 1/1;
	object-fit: cover;
	width: 150px;
}

body.dark .modal-body #file-list li.file-item .box-check img {
	filter: invert(0);
}

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

	to {
		transform: rotate(360deg);
	}
}

.lucide-rotate-cw {
	animation: rotate 1s linear infinite;
}

.lucide-loader {
	animation: rotate 1.85s linear infinite;
}

.p-btn-xs {
	padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
}

.padding-1 {
	padding: 0.25rem;
}

.bg-muted {
	background-color: var(--muted)!important;
}

.h-px {
	height: 1px;
}

.rounded-4px {
	border-radius: 4px !important;
}

.rounded-sm {
	border-radius: calc(var(--radius) - 4px);
}

.font-normal {
	font-weight: 400;
}

.py-1\.5 {
	padding-top: 0.375rem !important;
	padding-bottom: 0.375rem !important;
}

.px-2 {
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
}

.lucide-command path {
	fill: var(--background) !important;
}

.opacity-0 {
	opacity: 0;
}

.opacity-60 {
	opacity: 0.6;
}

.opacity-70 {
	opacity: 0.7;
}

.nav.nav-tabs {
	border: none;
	background-color: var(--secondary);
	padding: 0.225rem;
	border-radius: calc(var(--radius) - 4px);
}

.nav.nav-tabs .nav-link {
	background-color: transparent !important;
	padding: 0.225rem 3rem !important;
	border: none;
	color: var(--muted-foreground) !important;
	font-size: 14px;
	font-weight: 500;
	border-radius: calc(var(--radius) - 4px);
}

.nav.nav-pills .nav-link.nav-link-daterange {
	padding: 0.225rem 1rem !important;
}

.nav.nav-tabs .nav-link.active {
	background-color: var(--background) !important;
	color: var(--primary) !important;
	border: calc(var(--radius) - 4px);
}

.nav.nav-tabs {
	border: none;
	background-color: var(--secondary);
	padding: 0.225rem;
	border-radius: calc(var(--radius) - 4px);
}

.nav.nav-tabs .nav-link {
	background-color: transparent !important;
	padding: 0.225rem 3rem !important;
	border: none;
	color: var(--muted-foreground) !important;
	font-size: 14px;
	font-weight: 500;
	border-radius: calc(var(--radius) - 4px);
}

.nav.nav-tabs .nav-link.column {
	margin: 10px 5px !important;
	padding: 10px 10px !important;
}

.nav.nav-tabs .nav-link.active {
	background-color: var(--background) !important;
	color: var(--primary) !important;
	border: calc(var(--radius) - 4px);
}

.nav-underline {
	padding: 0 !important;
	background-color: var(--background) !important;
	border-bottom: 1px solid var(--border) !important;
	width: 100%;
	border-radius: 0 !important;
}

.nav-underline-content .tab-pane {
	padding: 0 !important;
	background-color: var(--background) !important;
	border: none !important;
	width: 100%;
	border-radius: 0 !important;
}

.list {
	list-style: none;
	padding-left: 1rem;
}

.list-style-none {
	list-style: none;
}

.nav.nav-underline .nav-link.active,
.nav.nav-underline .nav-link {
	padding: .5rem .75rem !important;
	border-radius: 0 !important;
}

.nav.nav-underline .nav-link.active {
	border-bottom: 2px solid var(--primary) !important;
}

.code {
	background-color: #09090B;
	color: #ffff;
	padding: 2rem !important;
	border-radius: 6px;
}

.code-span {
	background-color: var(--muted);
	font-size: .875rem;
	line-height: 1.25rem;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
	padding: 0.2rem .3rem;
	border-radius: 0.25rem;
}

pre {
	margin: 0;
	max-height: 400px;
	background-color: #09090B;
}

pre::-webkit-scrollbar {
	height: .4rem;
	width: .4rem;
	background-color: #09090B;
}

pre::-webkit-scrollbar-track {
	background-color: #09090B;
	height: .4rem;
	width: .4rem;
}

pre::-webkit-scrollbar-thumb {
	background-color: #ffff;
	height: .4rem;
	border-radius: 10px;
}

::selection {
    background-color: var(--primary);
    color: var(--background);
}

.horizontal-hr {
	background-color: var(--border);
	width: 1px;
	height: 1rem;
	margin: 0 .5rem;
}

.tab-pane.fade {
	/*border: 1px solid var(--border);*/
	/*border-radius: 6px;*/
	/*padding: 10px 20px;*/
	background-color: var(--background);
	color: var(--primary) !important;
}

.top-1 {
	top: 1rem;
}

.end-1 {
	right: 1rem;
}

.mobile-menu {
	height: 64px;
	width: 64px;
	display: none;
}

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

.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
    background: rgba(0, 0, 0, .8) !important;
}

.swal2-container.swal2-top-end>.swal2-popup,
.swal2-container.swal2-center>.swal2-popup {
	background-color: var(--background) !important;
}

.swal2-container.swal2-top-end {
	height: 130px !important;
}

.swal2-html-container {
	text-align: left !important;
	padding: 0 !important;
	color: var(--accent-foreground) !important;
}

.swal2-title {
	font-weight: 600 !important;
	font-size: 1.125rem !important;
    line-height: 1 !important;
	color: var(--foreground) !important;
	letter-spacing: -.025em !important;

	position: relative;
    padding: 0!important;
	margin-bottom: 15px !important;
    text-align: start !important;
    text-transform: none;
    word-wrap: break-word;
}

.swal2-popup {
	padding: 1.5rem !important;
	border-radius: 8px !important;
}

.swal2-icon {
	display: none !important;
}

.swal2-toast .swal2-icon {
	display: flex !important;
}

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

.swal2-popup.swal2-toast {
	box-shadow: 0 0 0.1em var(--primary) !important;
}

.swal2-styled.swal2-confirm {
	border: 0 !important;
    border-radius: 6px !important;
    background-color: var(--destak) !important;
    color: #fff !important;
    padding: .5rem 1rem !important;
    font-size: .875rem !important;
    line-height: 1.25rem !important;
	margin: 0 !important;
}

.swal2-styled.swal2-confirm:focus {
    box-shadow: 0 0 0 3px var(--destak-opacity) !important;
}

.swal2-styled.swal2-cancel {
	border: 0 !important;
    border-radius: 6px !important;
    padding: .5rem 1rem !important;
    font-size: .875rem !important;
    line-height: 1.25rem !important;
}

.swal2-actions {
	justify-content: flex-end !important;
}

.swal2-file, .swal2-input, .swal2-textarea {
	margin: 30px 0 0 0 !important;
	border: 1px solid var(--border) !important;
	font-size: 14px !important;
}

.swal2-file, .swal2-input, .swal2-textarea:focus {
	box-shadow: inset 0 1px 1px var(--border), 0 0 0 3px  var(--border) !important;
}

body.swal2-toast-shown .swal2-container {
	background-color: transparent !important;
}

.modal {
	backdrop-filter: blur(3px);
}

.modal-content {
	background-color: var(--background);
	border: 1px solid var(--border);
}

body.dark .btn-close {
	filter: invert(1);
}

.col-12-1230-50 {
	width: 33.33%;
}

.col-12-1230-100 {
	width: 33.33%;
}

.invisible-scrollbar::-webkit-scrollbar {
	display: none;
}

.my-plans-card {
	height: 350px;
}

.xtable {
	display: inline;
}

.xtable-card {
	display: none;
}

@media only screen and (max-width: 768px) {
	.md\:w-full {
		width: 100%!important;
	}
	.md\:hidden {
		display: none;
	}
	.md\:block {
		display: block!important;
	}
	.md\:flex {
		display: flex!important;
	}

	.xtable-table {
		display: none !important;
	}

	.xtable-card {
		display: flex;
	}

	.md\:flex-col {
		flex-direction: column!important;
	}

	.md\:align-items-start {
		align-items: flex-start!important;
	}

	.md\:mb-2 {
		margin-bottom: 1.5rem!important;
	}

	.fixar-sidebar,
	.dashboard .sidebar-menu,
	.nav-content .search-input,
	.toggle-menu {
		display: none !important;
	}

	.show-sheet {
		display: block !important;
	}

	.dashboard.active>.content,
	.dashboard.active-force>.content,
	.dashboard>.content {
		width: calc(100%);
		margin-left: 0;
	}
}

@media only screen and (max-width: 1280px) {
	.lg\:col-10 {
		width: 83.333333%;
	}
	.lg\:hidden {
		display: none;
	}
	.col-12-1230-50 {
		width: 50%;
	}
	.col-12-1230-100 {
		width: 100%;
	}
}

@media only screen and (max-width: 768px) {
	.md\:col-10 {
		width: 83.333333%;
	}

	.md\:col-11 {
		width: 91.666667%;
	}

	.md\:col-12 {
		width: 100%;
	}

	.md\:hidden {
		display: none;
	}

	.md\:block {
		display: block;
	}

	.md\:flex {
		display: flex !important;
	}

	.mobile-menu {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: row-reverse;
		gap: 16px;
	}

	.logo {
		width: auto;
	}
}

.letter-space-menus-025 {
	letter-spacing: -.025em;
}

.rounded-lg {
	border-radius: var(--radius) !important;
}

.border-destructive {
	border-color: var(--destructive) !important;
}

.foreground-destructive {
	color: var(--destructive) !important;
}

.border-secondary-foreground {
	border-color: var(--secondary-foreground) !important;
}

.modal {
	background-color: rgba(0, 0, 0, .6);
}

.text-lg {
	font-size: 1.125rem !important;
	line-height: 1.75rem !important;
}

.text-xs {
	font-size: 12px !important;
	line-height: 1rem !important;
}

.tracking-widest {
	letter-spacing: .1em;
}

.p-6 {
	padding: 1.5rem;
}

.space-y-1\.5>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(0.375rem* calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(0.375rem* var(--tw-space-y-reverse));
}

.space-y-2>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(0.5rem* calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(0.5rem* var(--tw-space-y-reverse));
}

.space-x-2>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-right: calc(0.5rem* var(--tw-space-x-reverse));
	margin-left: calc(0.5rem* calc(1 - var(--tw-space-x-reverse)));
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem* var(--tw-space-x-reverse));
    margin-left: calc(1rem* calc(1 - var(--tw-space-x-reverse)));
}

.dropdown-menu li {
	position: relative;
}

.dropdown-submenu {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
}

.sub-menu-trigger:hover .dropdown-submenu {
	display: block;
}

.max-h-\[350px\] {
	max-height: 350px;
	overflow-y: scroll;
}

.max-h-\[350px\]::-webkit-scrollbar {
	width: .4rem;
}

.max-h-\[350px\]::-webkit-scrollbar-track {
	background-color: #09090B;
	width: .4rem;
}

.max-h-\[350px\]::-webkit-scrollbar-thumb {
	background-color: #ffff;
	width: .4rem;
	border-radius: 10px;
}

.search-modal {
	background-color: var(--background);
	border-radius: 8px;
	overflow: hidden;
	border: none;
	border: 1px solid var(--border);
}

.search-modal .modal-header {
	border: none;
	background-color: var(--background);
	border-bottom: 1px solid var(--input);
}

.search-modal .modal-header .form-control {
	border: none;
	box-shadow: none;
	padding: .75rem 0 !important;
	background-color: var(--background);
	color: var(--primary);
}

.search-modal .modal-header .p-1 {
	padding: 0 .75rem !important;
	height: 44px;
	width: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.search-modal .modal-header .p-1 svg {
	width: 16px;
	height: 16px;
}

body.dark .search-modal .modal-header .p-1 svg {
	filter: invert(1);
}

.search-modal .modal-body {
	display: flex;
	flex-direction: column;
}

.search-modal .modal-body .btn-suggestion {
	padding: .5rem;
	color: var(--primary);
	display: flex;
	justify-content: left;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
	font-size: .875rem;
	line-height: 1.25rem;
}

.divider {
	border-top: 1px solid var(--border);
}

.search-modal .modal-body .btn-suggestion:hover {
	background-color: var(--muted);
}

.search-modal .modal-body .btn-suggestion svg {
	stroke: var(--primary);
}

.modal-header .btn-close {
	position: absolute;
	right: 0;
	top: 0;
	transform: scale(.7);
}

.btn-close:focus {
	box-shadow: 0 0 0 0.2rem var(--input);
}

.sonner {
	position: fixed;
	z-index: 9999;
	min-width: 30vw;
	width: 30vw;
	min-height: 0;
	height: 20vh;
	overflow: visible;
	pointer-events: none;
	right: 2rem;
	bottom: 2rem;
}

.sonner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translateY(calc(-100% * var(--number-of-items)));
	background: transparent;
	z-index: -1;
}

.sonner>div {
	position: absolute;
	bottom: 0;
	right: 0;
	width: max-content;
	background: var(--card);
	padding: 1rem;
	border-radius: var(--radius);
	border: 1px solid var(--border);
	translate: 0 var(--padding);
	opacity: 0;
	font-size: .875rem;
	pointer-events: auto;
	line-height: 1.25rem;
	transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
	cursor: default;
	animation: intro 0.3s ease-in-out;
	--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@keyframes intro {
	from {
		transform: translatey(100%);
		opacity: 0;
	}

	to {
		transform: translatey(0);
		opacity: 1;
	}
}

.sonner div:nth-last-child(1),
.sonner div:nth-last-child(2),
.sonner div:nth-last-child(3) {
	opacity: 1;
}

.sonner:hover div {
	transform: scale(1) translatey(calc(var(--index) * 100%));
}

.sonner:not(:hover) div {
	z-index: var(--index);
	transform: scale(calc(pow(0.97, -1 * var(--index)))) translatey(calc(var(--index) * 16%));
	margin-top: .875rem;
}

.sonner div.out {
	transform: scale(1) translatey(calc(100% + calc(var(--index) * (100% + var(--margin)))));
	opacity: 0;
}

.sonner div:hover,
.sonner div:hover~div {
	transform: scale(1) translatey(calc(var(--index) * (100% + 10px)));
}

.sonner:hover div,
.sonner div:hover {
	transform: scale(1) translatey(calc(var(--index) * (100% + 10px)));
}

.calendar-days {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 1rem;
}

.calendar-days div {
	display: flex;
	align-items: center;
	justify-content: center;
}

.calendarDays tr {
	width: 100%;
	display: flex;
	margin-top: .5rem;
}

.calendarDays tr td {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
}

.calendarDays tr td button {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .875rem;
	line-height: 1.25rem;
	font-weight: 400;
	padding: 0;
	border-radius: 4px;
	white-space: nowrap;
	width: 2rem;
	height: 2rem;
	background-color: var(--background);
	outline: none;
	border: none;
}

.calendarDays tr td button:hover {
	background-color: var(--accent);
}

.xdsoft_datetimepicker,
.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
	border: 1px solid var(--border) !important;
}

.xdsoft_noselect,
.xdsoft_datetimepicker .xdsoft_label {
	background-color: var(--input);
	color: var(--foreground);
}

.xdsoft_datetimepicker .xdsoft_label {
	color: var(--foreground) !important ;
}

.xdsoft_datetimepicker .xdsoft_calendar th,
.xdsoft_datetimepicker .xdsoft_calendar td {
	color: var(--foreground) !important;
	background-color: var(--input);
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
	background-color: var(--primary-brand) !important;
	color: var(--white) !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
	background-color: var(--primary-brand) !important;
	color: var(--white) !important;
}

body.dark body.dark .xdsoft_datetimepicker .xdsoft_next, body.dark .xdsoft_datetimepicker .xdsoft_prev, body.dark .xdsoft_datetimepicker .xdsoft_today_button {
	filter: invert(0) !important;
}

body.dark .xdsoft_datetimepicker .xdsoft_next, body.dark .xdsoft_datetimepicker .xdsoft_prev, body.dark .xdsoft_datetimepicker .xdsoft_today_button {
	filter: invert(1) !important;
}

.nav-pills {
	color: var(--muted-foreground);
	padding: .25rem;
	background-color: var(--muted);
	border-radius: var(--radius);
	justify-content: start;
	align-items: center;
	display: flex;
	width: fit-content;
	height: 2.25rem;
}

.nav.nav-pills.nav-pills-daterange {
	width: 100% !important;
	justify-content: space-between !important;
}

.nav-pills .nav-link {
	color: var(--muted-foreground);
	background-color: var(--muted);
	font-weight: 500;
	font-size: .875rem;
	line-height: 1.25rem;
	padding: 0.25rem 1.75rem;
	border-radius: calc(var(--radius) - 2px);
	white-space: nowrap;
	justify-content: center;
	align-items: center;
	display: inline-flex;
}

.nav-pills .nav-link.active {
	--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	color: var(--foreground);
	background-color: var(--background);
	font-weight: 500;
	font-size: .875rem;
	line-height: 1.25rem;
	padding: 0.25rem 1.75rem;
	border-radius: calc(var(--radius) - 2px);
	white-space: nowrap;
	justify-content: center;
	align-items: center;
	display: inline-flex;
}


.popover-container {
	position: relative;
	display: inline-block;
}

.popover-content {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	z-index: 1;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	background-color: #f9f9f9;
	border: 1px solid var(--border);
	padding: 10px;
	width: min-content;
	outline: 2px solid transparent;
	outline-offset: 2px;
	--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
	--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	color: var(--popover-foreground);
	padding: 1rem;
	background-color: var(--popover);
	border-radius: calc(var(--radius) - 2px);
	width: 20rem;
	transition: opacity 0.3s, visibility 0.3s;
}

.popover-trigger:hover+.popover-content,
.popover-content:hover {
	visibility: visible;
	opacity: 1;
}

.popover-trigger {
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #f0f0f0;
	cursor: pointer;
}

.focus\:border-none:focus {
	border: none !important;
}

.embla {
	--slide-height: 19rem;
	--slide-spacing: 1rem;
	--slide-size: 100%;
}

.embla__viewport {
	overflow: hidden;
}

.embla__container {
	backface-visibility: hidden;
	display: flex;
	touch-action: pan-y;
	margin-left: calc(var(--slide-spacing) * -1);
}

.embla__slide {
	flex: 0 0 var(--slide-size);
	min-width: 0;
	padding-left: var(--slide-spacing);
	flex-basis: 100%;
	flex-grow: 0;
	flex-shrink: 0;
}

.embla__slide__number {
	box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
	border-radius: 1.8rem;
	font-size: 4rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
}

.embla__controls {
	display: flex;
	flex-direction: column;
	width: fit-content;
}

.embla__buttons {
	display: flex;
	align-items: center;
	justify-content: center;
}

.embla__button {
	-webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), 0\.5);
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
	touch-action: manipulation;
	display: inline-flex;
	text-decoration: none;
	cursor: pointer;
	border: 0;
	padding: 0;
	margin: 0;
	box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
	width: 3.6rem;
	height: 3.6rem;
	z-index: 1;
	border-radius: 50%;
	color: var(--text-body);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	transition: cubic-bezier(.4, 0, .2, 1) .15s;
}

.embla__button:disabled {
	opacity: .4;
}

.embla__button__svg {
	width: 35%;
	height: 35%;
}

.aspect-square {
	aspect-ratio: 1 / 1;
}

.scroll-m-0 {
	scroll-margin: 0px;
}

.scroll-mx-0 {
	scroll-margin-left: 0px;
	scroll-margin-right: 0px;
}

.scroll-my-0 {
	scroll-margin-top: 0px;
	scroll-margin-bottom: 0px;
}

.scroll-ms-0 {
	scroll-margin-inline-start: 0px;
}

.scroll-me-0 {
	scroll-margin-inline-end: 0px;
}

.scroll-mt-0 {
	scroll-margin-top: 0px;
}

.scroll-mr-0 {
	scroll-margin-right: 0px;
}

.scroll-mb-0 {
	scroll-margin-bottom: 0px;
}

.scroll-ml-0 {
	scroll-margin-left: 0px;
}

.scroll-m-px {
	scroll-margin: 1px;
}

.scroll-mx-px {
	scroll-margin-left: 1px;
	scroll-margin-right: 1px;
}

.scroll-my-px {
	scroll-margin-top: 1px;
	scroll-margin-bottom: 1px;
}

.scroll-ms-px {
	scroll-margin-inline-start: 1px;
}

.scroll-me-px {
	scroll-margin-inline-end: 1px;
}

.scroll-mt-px {
	scroll-margin-top: 1px;
}

.scroll-mr-px {
	scroll-margin-right: 1px;
}

.scroll-mb-px {
	scroll-margin-bottom: 1px;
}

.scroll-ml-px {
	scroll-margin-left: 1px;
}


.scroll-m-0\.5 {
	scroll-margin: 0.125rem;
}

.scroll-mx-0\.5 {
	scroll-margin-left: 0.125rem;
	scroll-margin-right: 0.125rem;
}

.scroll-my-0\.5 {
	scroll-margin-top: 0.125rem;
	scroll-margin-bottom: 0.125rem;
}

.scroll-ms-0\.5 {
	scroll-margin-inline-start: 0.125rem;
}

.scroll-me-0\.5 {
	scroll-margin-inline-end: 0.125rem;
}

.scroll-mt-0\.5 {
	scroll-margin-top: 0.125rem;
}

.scroll-mr-0\.5 {
	scroll-margin-right: 0.125rem;
}

.scroll-mb-0\.5 {
	scroll-margin-bottom: 0.125rem;
}

.scroll-ml-0\.5 {
	scroll-margin-left: 0.125rem;
}

.scroll-m-1 {
	scroll-margin: 0.25rem;
}

.scroll-mx-1 {
	scroll-margin-left: 0.25rem;
	scroll-margin-right: 0.25rem;
}

.scroll-my-1 {
	scroll-margin-top: 0.25rem;
	scroll-margin-bottom: 0.25rem;
}

.scroll-ms-1 {
	scroll-margin-inline-start: 0.25rem;
}

.scroll-me-1 {
	scroll-margin-inline-end: 0.25rem;
}

.scroll-mt-1 {
	scroll-margin-top: 0.25rem;
}

.scroll-mr-1 {
	scroll-margin-right: 0.25rem;
}

.scroll-mb-1 {
	scroll-margin-bottom: 0.25rem;
}

.scroll-ml-1 {
	scroll-margin-left: 0.25rem;
}

.scroll-m-1\.5 {
	scroll-margin: 0.375rem;
}

.scroll-mx-1\.5 {
	scroll-margin-left: 0.375rem;
	scroll-margin-right: 0.375rem;
}

.scroll-my-1\.5 {
	scroll-margin-top: 0.375rem;
	scroll-margin-bottom: 0.375rem;
}

.scroll-ms-1\.5 {
	scroll-margin-inline-start: 0.375rem;
}

.scroll-me-1\.5 {
	scroll-margin-inline-end: 0.375rem;
}

.scroll-mt-1\.5 {
	scroll-margin-top: 0.375rem;
}

.scroll-mr-1\.5 {
	scroll-margin-right: 0.375rem;
}

.scroll-mb-1\.5 {
	scroll-margin-bottom: 0.375rem;
}

.scroll-ml-1\.5 {
	scroll-margin-left: 0.375rem;
}

.scroll-m-2 {
	scroll-margin: 0.5rem;
}

.scroll-mx-2 {
	scroll-margin-left: 0.5rem;
	scroll-margin-right: 0.5rem;
}

.scroll-my-2 {
	scroll-margin-top: 0.5rem;
	scroll-margin-bottom: 0.5rem;
}

.scroll-ms-2 {
	scroll-margin-inline-start: 0.5rem;
}

.scroll-me-2 {
	scroll-margin-inline-end: 0.5rem;
}

.scroll-mt-2 {
	scroll-margin-top: 0.5rem;
}

.scroll-mr-2 {
	scroll-margin-right: 0.5rem;
}

.scroll-mb-2 {
	scroll-margin-bottom: 0.5rem;
}

.scroll-ml-2 {
	scroll-margin-left: 0.5rem;
}

.scroll-m-2\.5 {
	scroll-margin: 0.625rem;
}

.scroll-mx-2\.5 {
	scroll-margin-left: 0.625rem;
	scroll-margin-right: 0.625rem;
}

.scroll-my-2\.5 {
	scroll-margin-top: 0.625rem;
	scroll-margin-bottom: 0.625rem;
}

.scroll-ms-2\.5 {
	scroll-margin-inline-start: 0.625rem;
}

.scroll-me-2\.5 {
	scroll-margin-inline-end: 0.625rem;
}

.scroll-mt-2\.5 {
	scroll-margin-top: 0.625rem;
}

.scroll-mr-2\.5 {
	scroll-margin-right: 0.625rem;
}

.scroll-mb-2\.5 {
	scroll-margin-bottom: 0.625rem;
}

.scroll-ml-2\.5 {
	scroll-margin-left: 0.625rem;
}

.scroll-m-3 {
	scroll-margin: 0.75rem;
}

.scroll-mx-3 {
	scroll-margin-left: 0.75rem;
	scroll-margin-right: 0.75rem;
}

.scroll-my-3 {
	scroll-margin-top: 0.75rem;
	scroll-margin-bottom: 0.75rem;
}

.scroll-ms-3 {
	scroll-margin-inline-start: 0.75rem;
}

.scroll-me-3 {
	scroll-margin-inline-end: 0.75rem;
}

.scroll-mt-3 {
	scroll-margin-top: 0.75rem;
}

.scroll-mr-3 {
	scroll-margin-right: 0.75rem;
}

.scroll-mb-3 {
	scroll-margin-bottom: 0.75rem;
}

.scroll-ml-3 {
	scroll-margin-left: 0.75rem;
}

.scroll-m-3\.5 {
	scroll-margin: 0.875rem;
}

.scroll-mx-3\.5 {
	scroll-margin-left: 0.875rem;
	scroll-margin-right: 0.875rem;
}

.scroll-my-3\.5 {
	scroll-margin-top: 0.875rem;
	scroll-margin-bottom: 0.875rem;
}

.scroll-ms-3\.5 {
	scroll-margin-inline-start: 0.875rem;
}

.scroll-me-3\.5 {
	scroll-margin-inline-end: 0.875rem;
}

.scroll-mt-3\.5 {
	scroll-margin-top: 0.875rem;
}

.scroll-mr-3\.5 {
	scroll-margin-right: 0.875rem;
}

.scroll-mb-3\.5 {
	scroll-margin-bottom: 0.875rem;
}

.scroll-ml-3\.5 {
	scroll-margin-left: 0.875rem;
}

.scroll-m-4 {
	scroll-margin: 1rem;
}

.scroll-mx-4 {
	scroll-margin-left: 1rem;
	scroll-margin-right: 1rem;
}

.scroll-my-4 {
	scroll-margin-top: 1rem;
	scroll-margin-bottom: 1rem;
}

.scroll-ms-4 {
	scroll-margin-inline-start: 1rem;
}

.scroll-me-4 {
	scroll-margin-inline-end: 1rem;
}

.scroll-mt-4 {
	scroll-margin-top: 1rem;
}

.scroll-mr-4 {
	scroll-margin-right: 1rem;
}

.scroll-mb-4 {
	scroll-margin-bottom: 1rem;
}

.scroll-ml-4 {
	scroll-margin-left: 1rem;
}

.scroll-m-5 {
	scroll-margin: 1.25rem;
}

.scroll-mx-5 {
	scroll-margin-left: 1.25rem;
	scroll-margin-right: 1.25rem;
}

.scroll-my-5 {
	scroll-margin-top: 1.25rem;
	scroll-margin-bottom: 1.25rem;
}

.scroll-ms-5 {
	scroll-margin-inline-start: 1.25rem;
}

.scroll-me-5 {
	scroll-margin-inline-end: 1.25rem;
}

.scroll-mt-5 {
	scroll-margin-top: 1.25rem;
}

.scroll-mr-5 {
	scroll-margin-right: 1.25rem;
}

.scroll-mb-5 {
	scroll-margin-bottom: 1.25rem;
}

.scroll-ml-5 {
	scroll-margin-left: 1.25rem;
}

.scroll-m-6 {
	scroll-margin: 1.5rem;
}

.scroll-mx-6 {
	scroll-margin-left: 1.5rem;
	scroll-margin-right: 1.5rem;
}

.scroll-my-6 {
	scroll-margin-top: 1.5rem;
	scroll-margin-bottom: 1.5rem;
}

.scroll-ms-6 {
	scroll-margin-inline-start: 1.5rem;
}

.scroll-me-6 {
	scroll-margin-inline-end: 1.5rem;
}

.scroll-mt-6 {
	scroll-margin-top: 1.5rem;
}

.scroll-mr-6 {
	scroll-margin-right: 1.5rem;
}

.scroll-mb-6 {
	scroll-margin-bottom: 1.5rem;
}

.scroll-ml-6 {
	scroll-margin-left: 1.5rem;
}

.scroll-m-7 {
	scroll-margin: 1.75rem;
}

.scroll-mx-7 {
	scroll-margin-left: 1.75rem;
	scroll-margin-right: 1.75rem;
}

.scroll-my-7 {
	scroll-margin-top: 1.75rem;
	scroll-margin-bottom: 1.75rem;
}

.scroll-ms-7 {
	scroll-margin-inline-start: 1.75rem;
}

.scroll-me-7 {
	scroll-margin-inline-end: 1.75rem;
}

.scroll-mt-7 {
	scroll-margin-top: 1.75rem;
}

.scroll-mr-7 {
	scroll-margin-right: 1.75rem;
}

.scroll-mb-7 {
	scroll-margin-bottom: 1.75rem;
}

.scroll-ml-7 {
	scroll-margin-left: 1.75rem;
}

.scroll-m-8 {
	scroll-margin: 2rem;
}

.scroll-mx-8 {
	scroll-margin-left: 2rem;
	scroll-margin-right: 2rem;
}

.scroll-my-8 {
	scroll-margin-top: 2rem;
	scroll-margin-bottom: 2rem;
}

.scroll-ms-8 {
	scroll-margin-inline-start: 2rem;
}

.scroll-me-8 {
	scroll-margin-inline-end: 2rem;
}

.scroll-mt-8 {
	scroll-margin-top: 2rem;
}

.scroll-mr-8 {
	scroll-margin-right: 2rem;
}

.scroll-mb-8 {
	scroll-margin-bottom: 2rem;
}

.scroll-ml-8 {
	scroll-margin-left: 2rem;
}

.scroll-m-9 {
	scroll-margin: 2.25rem;
}

.scroll-mx-9 {
	scroll-margin-left: 2.25rem;
	scroll-margin-right: 2.25rem;
}

.scroll-my-9 {
	scroll-margin-top: 2.25rem;
	scroll-margin-bottom: 2.25rem;
}

.scroll-ms-9 {
	scroll-margin-inline-start: 2.25rem;
}

.scroll-me-9 {
	scroll-margin-inline-end: 2.25rem;
}

.scroll-mt-9 {
	scroll-margin-top: 2.25rem;
}

.scroll-mr-9 {
	scroll-margin-right: 2.25rem;
}

.scroll-mb-9 {
	scroll-margin-bottom: 2.25rem;
}

.scroll-ml-9 {
	scroll-margin-left: 2.25rem;
}

.scroll-m-10 {
	scroll-margin: 2.5rem;
}

.scroll-mx-10 {
	scroll-margin-left: 2.5rem;
	scroll-margin-right: 2.5rem;
}

.scroll-my-10 {
	scroll-margin-top: 2.5rem;
	scroll-margin-bottom: 2.5rem;
}

.scroll-ms-10 {
	scroll-margin-inline-start: 2.5rem;
}

.scroll-me-10 {
	scroll-margin-inline-end: 2.5rem;
}

.scroll-mt-10 {
	scroll-margin-top: 2.5rem;
}

.scroll-mr-10 {
	scroll-margin-right: 2.5rem;
}

.scroll-mb-10 {
	scroll-margin-bottom: 2.5rem;
}

.scroll-ml-10 {
	scroll-margin-left: 2.5rem;
}

.scroll-m-11 {
	scroll-margin: 2.75rem;
}

.scroll-mx-11 {
	scroll-margin-left: 2.75rem;
	scroll-margin-right: 2.75rem;
}

.scroll-my-11 {
	scroll-margin-top: 2.75rem;
	scroll-margin-bottom: 2.75rem;
}

.scroll-ms-11 {
	scroll-margin-inline-start: 2.75rem;
}

.scroll-me-11 {
	scroll-margin-inline-end: 2.75rem;
}

.scroll-mt-11 {
	scroll-margin-top: 2.75rem;
}

.scroll-mr-11 {
	scroll-margin-right: 2.75rem;
}

.scroll-mb-11 {
	scroll-margin-bottom: 2.75rem;
}

.scroll-ml-11 {
	scroll-margin-left: 2.75rem;
}

.scroll-m-12 {
	scroll-margin: 3rem;
}

.scroll-mx-12 {
	scroll-margin-left: 3rem;
	scroll-margin-right: 3rem;
}

.scroll-my-12 {
	scroll-margin-top: 3rem;
	scroll-margin-bottom: 3rem;
}

.scroll-ms-12 {
	scroll-margin-inline-start: 3rem;
}

.scroll-me-12 {
	scroll-margin-inline-end: 3rem;
}

.scroll-mt-12 {
	scroll-margin-top: 3rem;
}

.scroll-mr-12 {
	scroll-margin-right: 3rem;
}

.scroll-mb-12 {
	scroll-margin-bottom: 3rem;
}

.scroll-ml-12 {
	scroll-margin-left: 3rem;
}

.scroll-m-14 {
	scroll-margin: 3.5rem;
}

.scroll-mx-14 {
	scroll-margin-left: 3.5rem;
	scroll-margin-right: 3.5rem;
}

.scroll-my-14 {
	scroll-margin-top: 3.5rem;
	scroll-margin-bottom: 3.5rem;
}

.scroll-ms-14 {
	scroll-margin-inline-start: 3.5rem;
}

.scroll-me-14 {
	scroll-margin-inline-end: 3.5rem;
}

.scroll-mt-14 {
	scroll-margin-top: 3.5rem;
}

.scroll-mr-14 {
	scroll-margin-right: 3.5rem;
}

.scroll-mb-14 {
	scroll-margin-bottom: 3.5rem;
}

.scroll-ml-14 {
	scroll-margin-left: 3.5rem;
}

.scroll-m-16 {
	scroll-margin: 4rem;
}

.scroll-mx-16 {
	scroll-margin-left: 4rem;
	scroll-margin-right: 4rem;
}

.scroll-my-16 {
	scroll-margin-top: 4rem;
	scroll-margin-bottom: 4rem;
}

.scroll-ms-16 {
	scroll-margin-inline-start: 4rem;
}

.scroll-me-16 {
	scroll-margin-inline-end: 4rem;
}

.scroll-mt-16 {
	scroll-margin-top: 4rem;
}

.scroll-mr-16 {
	scroll-margin-right: 4rem;
}

.scroll-mb-16 {
	scroll-margin-bottom: 4rem;
}

.scroll-ml-16 {
	scroll-margin-left: 4rem;
}

.scroll-m-20 {
	scroll-margin: 5rem;
}

.scroll-mx-20 {
	scroll-margin-left: 5rem;
	scroll-margin-right: 5rem;
}

.scroll-my-20 {
	scroll-margin-top: 5rem;
	scroll-margin-bottom: 5rem;
}

.scroll-ms-20 {
	scroll-margin-inline-start: 5rem;
}

.scroll-me-20 {
	scroll-margin-inline-end: 5rem;
}

.scroll-mt-20 {
	scroll-margin-top: 5rem;
}

.scroll-mr-20 {
	scroll-margin-right: 5rem;
}

.scroll-mb-20 {
	scroll-margin-bottom: 5rem;
}

.scroll-ml-20 {
	scroll-margin-left: 5rem;
}

.scroll-m-24 {
	scroll-margin: 6rem;
}

.scroll-mx-24 {
	scroll-margin-left: 6rem;
	scroll-margin-right: 6rem;
}

.scroll-my-24 {
	scroll-margin-top: 6rem;
	scroll-margin-bottom: 6rem;
}

.scroll-ms-24 {
	scroll-margin-inline-start: 6rem;
}

.scroll-me-24 {
	scroll-margin-inline-end: 6rem;
}

.scroll-mt-24 {
	scroll-margin-top: 6rem;
}

.scroll-mr-24 {
	scroll-margin-right: 6rem;
}

.scroll-mb-24 {
	scroll-margin-bottom: 6rem;
}

.scroll-ml-24 {
	scroll-margin-left: 6rem;
}

.scroll-m-28 {
	scroll-margin: 7rem;
}

.scroll-mx-28 {
	scroll-margin-left: 7rem;
	scroll-margin-right: 7rem;
}

.scroll-my-28 {
	scroll-margin-top: 7rem;
	scroll-margin-bottom: 7rem;
}

.scroll-ms-28 {
	scroll-margin-inline-start: 7rem;
}

.scroll-me-28 {
	scroll-margin-inline-end: 7rem;
}

.scroll-mt-28 {
	scroll-margin-top: 7rem;
}

.scroll-mr-28 {
	scroll-margin-right: 7rem;
}

.scroll-mb-28 {
	scroll-margin-bottom: 7rem;
}

.scroll-ml-28 {
	scroll-margin-left: 7rem;
}

.scroll-m-32 {
	scroll-margin: 8rem;
}

.scroll-mx-32 {
	scroll-margin-left: 8rem;
	scroll-margin-right: 8rem;
}

.scroll-my-32 {
	scroll-margin-top: 8rem;
	scroll-margin-bottom: 8rem;
}

.scroll-ms-32 {
	scroll-margin-inline-start: 8rem;
}

.scroll-me-32 {
	scroll-margin-inline-end: 8rem;
}

.scroll-mt-32 {
	scroll-margin-top: 8rem;
}

.scroll-mr-32 {
	scroll-margin-right: 8rem;
}

.scroll-mb-32 {
	scroll-margin-bottom: 8rem;
}

.scroll-ml-32 {
	scroll-margin-left: 8rem;
}

.scroll-m-36 {
	scroll-margin: 9rem;
}

.scroll-mx-36 {
	scroll-margin-left: 9rem;
	scroll-margin-right: 9rem;
}

.scroll-my-36 {
	scroll-margin-top: 9rem;
	scroll-margin-bottom: 9rem;
}

.scroll-ms-36 {
	scroll-margin-inline-start: 9rem;
}

.scroll-me-36 {
	scroll-margin-inline-end: 9rem;
}

.scroll-mt-36 {
	scroll-margin-top: 9rem;
}

.scroll-mr-36 {
	scroll-margin-right: 9rem;
}

.scroll-mb-36 {
	scroll-margin-bottom: 9rem;
}

.scroll-ml-36 {
	scroll-margin-left: 9rem;
}

.scroll-m-40 {
	scroll-margin: 10rem;
}

.scroll-mx-40 {
	scroll-margin-left: 10rem;
	scroll-margin-right: 10rem;
}

.scroll-my-40 {
	scroll-margin-top: 10rem;
	scroll-margin-bottom: 10rem;
}

.scroll-ms-40 {
	scroll-margin-inline-start: 10rem;
}

.scroll-me-40 {
	scroll-margin-inline-end: 10rem;
}

.scroll-mt-40 {
	scroll-margin-top: 10rem;
}

.scroll-mr-40 {
	scroll-margin-right: 10rem;
}

.scroll-mb-40 {
	scroll-margin-bottom: 10rem;
}

.scroll-ml-40 {
	scroll-margin-left: 10rem;
}

.scroll-m-44 {
	scroll-margin: 11rem;
}

.scroll-mx-44 {
	scroll-margin-left: 11rem;
	scroll-margin-right: 11rem;
}

.scroll-my-44 {
	scroll-margin-top: 11rem;
	scroll-margin-bottom: 11rem;
}

.scroll-ms-44 {
	scroll-margin-inline-start: 11rem;
}

.scroll-me-44 {
	scroll-margin-inline-end: 11rem;
}

.scroll-mt-44 {
	scroll-margin-top: 11rem;
}

.scroll-mr-44 {
	scroll-margin-right: 11rem;
}

.scroll-mb-44 {
	scroll-margin-bottom: 11rem;
}

.scroll-ml-44 {
	scroll-margin-left: 11rem;
}

.scroll-m-48 {
	scroll-margin: 12rem;
}

.scroll-mx-48 {
	scroll-margin-left: 12rem;
	scroll-margin-right: 12rem;
}

.scroll-my-48 {
	scroll-margin-top: 12rem;
	scroll-margin-bottom: 12rem;
}

.scroll-ms-48 {
	scroll-margin-inline-start: 12rem;
}

.scroll-me-48 {
	scroll-margin-inline-end: 12rem;
}

.scroll-mt-48 {
	scroll-margin-top: 12rem;
}

.scroll-mr-48 {
	scroll-margin-right: 12rem;
}

.scroll-mb-48 {
	scroll-margin-bottom: 12rem;
}

.scroll-ml-48 {
	scroll-margin-left: 12rem;
}

.scroll-m-52 {
	scroll-margin: 13rem;
}

.scroll-mx-52 {
	scroll-margin-left: 13rem;
	scroll-margin-right: 13rem;
}

.scroll-my-52 {
	scroll-margin-top: 13rem;
	scroll-margin-bottom: 13rem;
}

.scroll-ms-52 {
	scroll-margin-inline-start: 13rem;
}

.scroll-me-52 {
	scroll-margin-inline-end: 13rem;
}

.scroll-mt-52 {
	scroll-margin-top: 13rem;
}

.scroll-mr-52 {
	scroll-margin-right: 13rem;
}

.scroll-mb-52 {
	scroll-margin-bottom: 13rem;
}

.scroll-ml-52 {
	scroll-margin-left: 13rem;
}

.scroll-m-56 {
	scroll-margin: 14rem;
}

.scroll-mx-56 {
	scroll-margin-left: 14rem;
	scroll-margin-right: 14rem;
}

.scroll-my-56 {
	scroll-margin-top: 14rem;
	scroll-margin-bottom: 14rem;
}

.scroll-ms-56 {
	scroll-margin-inline-start: 14rem;
}

.scroll-me-56 {
	scroll-margin-inline-end: 14rem;
}

.scroll-mt-56 {
	scroll-margin-top: 14rem;
}

.scroll-mr-56 {
	scroll-margin-right: 14rem;
}

.scroll-mb-56 {
	scroll-margin-bottom: 14rem;
}

.scroll-ml-56 {
	scroll-margin-left: 14rem;
}

.scroll-m-60 {
	scroll-margin: 15rem;
}

.scroll-mx-60 {
	scroll-margin-left: 15rem;
	scroll-margin-right: 15rem;
}

.scroll-my-60 {
	scroll-margin-top: 15rem;
	scroll-margin-bottom: 15rem;
}

.scroll-ms-60 {
	scroll-margin-inline-start: 15rem;
}

.scroll-me-60 {
	scroll-margin-inline-end: 15rem;
}

.scroll-mt-60 {
	scroll-margin-top: 15rem;
}

.scroll-mr-60 {
	scroll-margin-right: 15rem;
}

.scroll-mb-60 {
	scroll-margin-bottom: 15rem;
}

.scroll-ml-60 {
	scroll-margin-left: 15rem;
}

.scroll-m-64 {
	scroll-margin: 16rem;
}

.scroll-mx-64 {
	scroll-margin-left: 16rem;
	scroll-margin-right: 16rem;
}

.scroll-my-64 {
	scroll-margin-top: 16rem;
	scroll-margin-bottom: 16rem;
}

.scroll-ms-64 {
	scroll-margin-inline-start: 16rem;
}

.scroll-me-64 {
	scroll-margin-inline-end: 16rem;
}

.scroll-mt-64 {
	scroll-margin-top: 16rem;
}

.scroll-mr-64 {
	scroll-margin-right: 16rem;
}

.scroll-mb-64 {
	scroll-margin-bottom: 16rem;
}

.scroll-ml-64 {
	scroll-margin-left: 16rem;
}

.scroll-m-72 {
	scroll-margin: 18rem;
}

.scroll-mx-72 {
	scroll-margin-left: 18rem;
	scroll-margin-right: 18rem;
}

.scroll-my-72 {
	scroll-margin-top: 18rem;
	scroll-margin-bottom: 18rem;
}

.scroll-ms-72 {
	scroll-margin-inline-start: 18rem;
}

.scroll-me-72 {
	scroll-margin-inline-end: 18rem;
}

.scroll-mt-72 {
	scroll-margin-top: 18rem;
}

.scroll-mr-72 {
	scroll-margin-right: 18rem;
}

.scroll-mb-72 {
	scroll-margin-bottom: 18rem;
}

.scroll-ml-72 {
	scroll-margin-left: 18rem;
}

.scroll-m-80 {
	scroll-margin: 20rem;
}

.scroll-mx-80 {
	scroll-margin-left: 20rem;
	scroll-margin-right: 20rem;
}

.scroll-my-80 {
	scroll-margin-top: 20rem;
	scroll-margin-bottom: 20rem;
}

.scroll-ms-80 {
	scroll-margin-inline-start: 20rem;
}

.scroll-me-80 {
	scroll-margin-inline-end: 20rem;
}

.scroll-mt-80 {
	scroll-margin-top: 20rem;
}

.scroll-mr-80 {
	scroll-margin-right: 20rem;
}

.scroll-mb-80 {
	scroll-margin-bottom: 20rem;
}

.scroll-ml-80 {
	scroll-margin-left: 20rem;
}

.scroll-m-96 {
	scroll-margin: 24rem;
}

.scroll-mx-96 {
	scroll-margin-left: 24rem;
	scroll-margin-right: 24rem;
}

.scroll-my-96 {
	scroll-margin-top: 24rem;
	scroll-margin-bottom: 24rem;
}

.scroll-ms-96 {
	scroll-margin-inline-start: 24rem;
}

.scroll-me-96 {
	scroll-margin-inline-end: 24rem;
}

.scroll-mt-96 {
	scroll-margin-top: 24rem;
}

.scroll-mr-96 {
	scroll-margin-right: 24rem;
}

.scroll-mb-96 {
	scroll-margin-bottom: 24rem;
}

.scroll-ml-96 {
	scroll-margin-left: 24rem;
}

.offcanvas-backdrop.show {
	opacity: .8;
}
.offcanvas.offcanvas-end,
.offcanvas.offcanvas-start {
	height: 100% !important;
}

.offcanvas-header .close {
	position: absolute;
	top: 1rem;
	right: 1rem;
}

.offcanvas-title {
    font-size: 1.125rem  !important;
    line-height: 1.75rem  !important;
    font-weight: 600;
}

.grid {
	display: grid;
}
.grid-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.p-0\.75rem {
	padding: .75rem;
}

.InputOTP, .InputOTPGroup {
	display: flex;
}

.InputOTPGroup input:first-child {
	border-top-left-radius: calc(var(--radius) - 2px);
	border-bottom-left-radius: calc(var(--radius) - 2px);
}

.InputOTPGroup input:last-child {
	border-top-right-radius: calc(var(--radius) - 2px);
	border-bottom-right-radius: calc(var(--radius) - 2px);
	border-right-width: 1px;
}

.InputOTP {
	gap: .5rem;
}

.InputOTP input {
	text-align: center;
	font-size: .875rem;
	line-height: 1.25rem;
	border-color: var(--input);
	background-color: var(--background);
	color: var(--foreground);
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 0px;
	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.InputOTP input:focus {
	outline: 1px solid var(--ring);
	position: relative;
	border: none;
	z-index: 1;
	background-color: var(--background);
	color: var(--foreground);
	box-shadow: 0 0 0 1px white, 0 0 0 1px var(--ring);
}

.InputOTPSeparator {
	display: flex;
	align-items: center;
	justify-content: center;
}

.menubar {
    box-sizing: border-box;
    padding: .25rem;
    background-color: var(--background);
    border-radius: calc(var(--radius) - 2px);
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-li a {
    font-size: 14px !important;
    font-weight: 500;
    padding: .25rem .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
}

.menubar li.hover-effect {
    border-radius: 4px;
    background-color: #F4F4F5 !important;
}

body.dark .menubar li.hover-effect {
    background-color: #262629 !important;
}

.menubar li a:link, .menubar li a:visited, .menubar li a:active {
    color: var( --primary );
}

.icon-menubar {
    font-size: 0.5rem;
}

.is-visible-icon {
    visibility: visible;
}

.not-visible-icon {
    visibility: hidden;
}

/* Range input settings for Chrome and others. */
input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: default;
    width: 100%;
}

input[type="range"]:focus {
    outline: none;
}

input[type="range"]::-webkit-slider-runnable-track {
    background: linear-gradient(
        to right,
        var( --primary ) 0%,
        var( --primary ) var( --range-value ),
        var( --secondary ) var( --range-value ),
        var( --secondary ) 100%);
    height: 0.5rem;
    border-radius: 5px;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: var( --background );
    width: 1.2rem;
    height: 1.2rem;
    margin-top: -5px;
    border: 2px solid var( --primary );
    border-radius: 50%;
}


/* Range input settings for Mozilla Firefox. */
input[type="range"]::-moz-range-track {
    background: linear-gradient(
        to right,
        var( --primary ) 0%,
        var( --primary ) var( --range-value ),
        var( --secondary ) var( --range-value ),
        var( --secondary ) 100%);
    height: 0.5rem;
    border-radius: 5px;
}

input[type="range"]::-moz-range-thumb {
    background-color: var( --background );
    width: 1.1rem;
    height: 1.1rem;
    border: 2px solid var( --primary );
    border-radius: 50%;
}

.border-context-menu {
    border: 1px dashed #E4E4E7 !important;
}

body.dark .border-context-menu {
    border-color: #27272A !important;
}

.min-wh-content-menu {
    min-width: 16rem;
}

.min-wh-submenu {
    min-width: 12rem;

}

.fade-sh {
	background: linear-gradient(180deg, var(--background) 15%, rgba(255,255,255,0) 100%);
	position: fixed;
	width: 100%;
	height: 100px;
	left: 0;
	top: 33px;
}

/* ************************************** PAINEL CSS ************************************** */

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: var(--primary-brand-opacity);
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FFFFFF;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

    z-index: 1001;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FFFFFF;

    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FFFFFF;

    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

#loader {
    opacity: 1;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.stoped#loader-wrapper {
    visibility: hidden;

    -webkit-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateY(-100%); /* IE 9 */
    transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */

    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

/* ------------------------- STYLE COLORS ------------------------ */

.pcr-app[data-theme=monolith] {
	width: 100% !important;
	background-color: transparent !important;
	padding: 0 !important;
}

.pcr-app .pcr-interaction {
	justify-content: end !important;
}

.pcr-app .pcr-interaction .pcr-type.active {
	background-color: var(--primary-brand) !important;
}

.pcr-app .pcr-interaction input:focus {
	box-shadow: none !important;
}

.pcr-app .pcr-interaction .pcr-result,
.pcr-app .pcr-interaction input {
	background-color: transparent !important;
	border-radius: 6px !important;
}

.pcr-app .pcr-interaction .pcr-clear, .pcr-app .pcr-interaction .pcr-cancel {
    background: var(--destructive) !important;
}

.justify-content-center {
	justify-content: center;
}

/******************* Dropzone Area *******************/

.dropzone-area {
	border: 2px dashed var(--border);
	border-radius: 10px;
	padding: 60px 20px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 10px;
}

/*******************End Style Load*******************/

.edit-content-header {
	z-index: 100;
    backdrop-filter: blur(10px);
}

@media only screen and (max-width: 992px) {
	.login-page .container-fluid {
		position: inherit;
		height: auto !important;
		width: 100%;
		background-image: radial-gradient(#e5e7eb 1px, transparent 1px);
		background-size: 30px 30px;
	}
	body.dark .login-page .container-fluid {
		background-image: radial-gradient(#252525 1px, transparent 1px);
	}
	.login-page .col-lg-8 {
		display: none;
	}
	.login-page {
		height: auto !important;
        position: inherit;
        width: 100%;
	}
	.col-12-1230-50 {
		width: 100%;
	}
	.col-12-1230-100 {
		width: 100%;
	}

	.w-md-100 {
		width: 100% !important;
	}
}

@media only screen and (max-width: 743px) {
	.my-plans-card {
		height: fit-content;
	}

	.bg-image-mobile-resgister {
		background-image: url("../img/area_cadastro-zero7-mobile.webp");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 345px;
		border-radius: 5px;
	}
}

.bg-destak-login {
    background-image: url('../img/login.webp');
	background-repeat: no-repeat;
	background-size: cover;
    padding: 50px;
    height: 100%;
    width: 100%;
    /* border-radius: 10px; */
}

.bg-white-login {
    min-height: 100vh;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.bg-destak-cadastro {
    background-image: url('../img/banner_tela_cadastro_zero7.webp');
	background-repeat: no-repeat;
	background-size: cover;
    padding: 50px;
    height: 98%;
    width: 98%;
    border-radius: 10px;
}

.bg-primary-brand {
	background-color: var(--primary-brand);
}

.card {
    background-color: var(--background);
    border: 1px solid var(--border);
    padding: 24px;
}
/*
.card-wallet {
	min-height: 180px;
} */

.card.card-dashed {
	border: 2px dashed var(--border) !important;
}

.form-card .card svg.pe-2 {
	fill: #243267;
}

body.dark .card svg.pe-2 {
	fill: #FFF;
}

.switch {
	display: flex;
	justify-content: start;
	align-items: center;
	cursor: pointer;
	flex-direction: column;
	gap: 10px;
}

.switch.row {
	flex-direction: row;
}

.switch .switch-text {
	padding-right: 0.3rem;
}

.switch .switch-wrapper {
	display: inline-block;
	width: 44px;
	height: 25px;
	position: relative;
}

.switch .switch-content {
	gap: 10px;
	display: flex;
	align-items: center;
}

.switch .switch-wrapper .switch-button {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 40px;
	background-color: #e9e9ea;
}

.switch .switch-wrapper .switch-button::before {
	content: "";
	width: 21px;
	height: 21px;
	border-radius: 50%;
	position: absolute;
	left: 2px;
	bottom: 2px;
	background-color: var(--white);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	box-shadow: 0px 0px 15px #0000003d;
}

.switch .switch-wrapper input:checked+.switch-button {
	background-color: var(--primary-brand);
}

.switch .switch-wrapper input:checked+.switch-button::before {
	transform: translateX(19px);
}

.switch .switch-wrapper input {
	opacity: 0;
	width: 0;
	height: 0;
}

#form-selecao-arquivos {
	display: flex;
	flex-direction: column;
	margin: 20px;
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

#input-arquivos {
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

label {
	display: block;
	margin-bottom: 5px;
}

.card-resume {
	border-radius: 8px;
	padding: 24px;
	background-color: var(--card);
	border: 1px solid var(--border);
	min-height: 122px !important;
}

body.dark .card-resume {
	background-color: var(--dark-card);
	border: 1px solid var(--border);
}

.navnavitem {
	border: 1px solid hsl(var(--muted)) !important;
	background-color: hsl(var(--muted));
	border-radius: 4px;
	font-size: 14px;
	font-weight: 500;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	color: #71717a;
}

body.dark .navnavitem {
	border: 1px solid transparent !important;
	background-color: transparent;
	color: #fff;
}


.navnavitem:hover {
	color: #71717a;
}

body.dark .navnavitem.active {
	border: 1px solid hsl(var(--dark-input)) !important;
	color: var(--white);
}

.navnavitem.active {
	border: 1px solid hsl(var(--input)) !important;
	background: var(--input) !important;
	border-radius: 4px;
	color: var(--black);
}

body.dark .navnavitem.active {
	border: 1px solid var(--input) !important;
	background: var(--input) !important;
	border-radius: 4px;
	color: var(--white);
}

.nav-tabs-chart {
	border: 2px solid var(--input) !important;
	background-color: transparent !important;
}

@media (max-width: 1366px) {
    .bg-white-login,
    .bg-destak-login {
        padding: 35px;
    }
}

@media (max-width: 992px) {
    .bg-white-login {
        width: 100% !important;
    }
}

@media only screen and  (max-width: 743px) {
    .bg-white-login-bg {
		max-width: 340px;
        display: block !important;
		margin-left: auto !important;
		margin-right: auto !important;
    }
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-nowrap {
	flex-wrap: nowrap;
}

.email {
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 100%;
    position: relative;
}

.email::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--background));
}

.chart {
	height: 300px;
}

.offcanvas {
	background-color: var(--background);
}

.offcanvas.offcanvas-end {
	/* width: 600px !important; */
}

.offcanvas.offcanvas-bottom {
	height: 800px !important;
	padding: 30px;
}

/* ************************************** SELECT2 ************************************** */

form .form-group .select2-selection {
	background-color: var(--input) !important;
	font-size: .875rem !important;
    line-height: 1.25rem !important;
    font-weight: 400 !important;
    padding: .25rem .75rem !important;
    border: 1px solid var(--input) !important;
    border-radius: calc(var(--radius) - 2px);
    background-color: var(--secondary);
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    height: 2.25rem !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0px !important;
}

form .form-group .select2-container--default .select2-selection--single {
	border: none !important;
}

form .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 6px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--secondary-foreground) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	background-color: var(--input) !important;
	color: var(--secondary-foreground) !important;
}

.select2-dropdown {
	background-color: var(--input) !important;
}

.select2-container--open .select2-dropdown--below {
	border-color: var(--border) !important;
	background-color: var(--input) !important;
}

.select2-results__option {
	color: var(--secondary-foreground) !important;
}

form .form-group .select2-search__field {
	/* margin-top: 0 !important; */
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-size: 18px !important;
	line-height: 25px !important;
	height: 25px !important;
}

form .form-group .select2-search__field:focus {
	border: 0 !important;
	border-radius: 0 !important;
}

form .form-group .select2-search__field::-webkit-input-placeholder {
	font-family: "Gilroy", sans-serif;
	font-weight: 400;
	color: #212529 !important;
	padding-left: 8px !important;
	font-size: 16px !important;
	line-height: 20px !important;
}

form .form-group .select2-search__field::-o-input-placeholder {
	font-family: "Gilroy", sans-serif;
	font-weight: 400;
	color: #212529 !important;
	padding-left: 8px !important;
	font-size: 16px !important;
	line-height: 20px !important;
}

form .form-group .select2-search__field:-moz-placeholder {
	font-family: "Gilroy", sans-serif;
	font-weight: 400;
	color: #212529 !important;
	padding-left: 8px !important;
	font-size: 16px !important;
	line-height: 20px !important;
}

form .form-group .select2-search__field::-moz-placeholder {
	font-family: "Gilroy", sans-serif;
	font-weight: 400;
	color: #212529 !important;
	padding-left: 8px !important;
	font-size: 16px !important;
	line-height: 20px !important;
}

form .form-group .select2-search__field:-ms-input-placeholder {
	font-family: "Gilroy", sans-serif;
	font-weight: 400;
	color: #212529 !important;
	padding-left: 8px !important;
	font-size: 16px !important;
	line-height: 20px !important;
}

form .form-group .select2-container {
	width: 100% !important;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
	z-index: 9999 !important;
}

form .form-group .cke {
	margin-top: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: var(--mid-blue);
	border: 1px solid var(--mid-blue);
	color: var(--white);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
	font-size: 14px;
	letter-spacing: 0.2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: var(--white);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
	background-color: var(--mid-blue);
	color: var(--white);
}

body.dark .select2-container--default .select2-results__option--selected {
	background-color: var(--mid-blue);
}

.select2-results__option.select2-results__option--selectable:hover {
	background-color: var(--primary-brand) !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: var(--mid-blue);
}

.select2-results__option--selectable {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

/* ************************************** END SELECT2 ************************************** */

/* ************************************** Start Radio group ************************************** */
input[type=radio] {
	appearance: none;
	background-color: var( --background );
	margin: 0;
	width: 1rem;
	height: 1rem;
	margin-bottom: .1rem;
	border: 1px solid var( --primary );
	border-radius: 50%;
	transform: translateY(0.07em);
	display: grid;
	place-content: center;
	cursor: pointer;
}

input[type=radio]::before {
	content: "";
	width: .625rem;
	height: .625rem;
	border-radius: 50%;
	transform: scale( 0 );
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em var( --primary );
}

input[type=radio]:checked:before {
	transform: scale( 1 );
}
/* ************************************** End Radio group ************************************** */

.financial-content-card {
	font-size: 2.95rem !important;
	text-align: center !important;
}

@media (min-width: 1400px) {
	.financial-content-card {
		font-size: 5rem !important;
	}

	.graph-new-dash {
		min-width: 450px !important;
	}
}

@media (min-width: 1024px) {
	.w-lg-18 {
		width: 18% !important;
	}

	.lg-ms-auto {
		margin-left: auto !important;
	}
}

@media (min-width: 768px) {
    .detailed-sale {
        max-width: 450px !important;
    }
}

.progress {
	--bs-progress-bg: var(--secondary) !important;
}

.progress-bar {
	color: var(--background) !important;
	font-weight: 700;
}

.bg-success {
	background-color: rgb(59, 180, 45, .8) !important;
}

.alert.alert-email-avaliacao {
	margin-bottom: 0 !important;
	padding: 5px !important;
}

.just-one-line {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bg-race {
	background-color: var(--card);
	border: 1px solid var(--border);
	border-radius: 8px;
	height: 235px;
}

#modalFilldWallet .modal-content {
	width: 750px !important;
}

@media (max-width: 1198px) {
	.bg-race {
		height: 500px !important;
	}

	.w-md-50 {
		width: 50% !important;
	}
}

.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-image:
        linear-gradient(to right, var(--border) 1px, transparent 1px),
        linear-gradient(to bottom, var(--border) 1px, transparent 1px);
    background-size: 16px 16px;
    mask-image: radial-gradient(ellipse 30% 30% at 50% 0%, white 70%, transparent 110%);
	width: 100%;
}

.line-cart {
    position: absolute;
    bottom: 0;
    top: 50px;
    border-top: 2px solid var(--border);
    border-radius: 50%;
    width: 1240px;
    height: 1240px;
	background-color: var(--background);
}

.line-cart-progress {
    position: absolute;
    bottom: 0;
    top: 50px;
    border-top: 2px solid rgba(255, 255, 255, 0);
    border-radius: 50%;
    width: 1240px;
    height: 1240px;
    border-radius: 100%;
    border: 2px solid transparent;
    background: linear-gradient(50deg, white 50%, transparent 50%) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transition: transform 0.5s ease;
	transform: rotate(-6deg);
}

.line-sub-cart {
	position: absolute;
	bottom: 0;
	top: 75px;
	border-top: 2px solid var(--border);
	border-radius: 50%;
    width: 1100px;
    height: 1100px;
}

#progressContainer {
    width: 100%;
    background-color: #333;
    border-radius: 5px;
    overflow: hidden;
}

#progressBar {
    width: 0%;
    height: 30px;
    background-color: #4caf50;
    border-radius: 5px 0 0 5px;
    transition: width 0.2s;
}

.box-drop-select, .box-dropdown-select {
	min-width: 200px !important;
}

.box-dropdown-select {
	max-height: 170px;
	overflow-x: hidden !important;
	overflow-y: scroll;
}

.box-dropdown-select::-webkit-scrollbar {
    width: 8px;
}

.box-dropdown-select::-webkit-scrollbar-track {
    background: var( --background );
}

.box-dropdown-select::-webkit-scrollbar-thumb {
    background-color: var( --secondary );
}

.min-w-\[300px\] {
	min-width: 300px;
}

.tag_positiva {
	background-color: rgb(59, 180, 45, .2);
    color: rgb(59, 180, 45);
    width: 120px;
    text-align: center;
}

.tag_negativa {
	background-color: rgb(255, 0, 0, .2);
    color: rgb(255, 0, 0, 1);
    width: 120px;
    text-align: center;
}

.tag_pendente2 {
	background-color: rgba(255, 204, 0, 0.5);
    color: rgb(255, 204, 0, 1);
    width: 120px;
    text-align: center;
}

.tag_pendente2 {
	background-color: rgba(255, 204, 0, 0.5);
    color: rgb(255, 204, 0, 1);
    width: 120px;
    text-align: center;
}

.cardContainer {
	display: flex;
	overflow-x: scroll; /* Permite o overflow horizontal */
	scroll-behavior: auto; /* A rolagem será manual, sem suavização automática */
	cursor: grab; /* Mostra a mão de arrastar */
	user-select: none;
}
.btn-popup {
	background-color: var( --foreground ) !important;
	border-radius: 5px;
	font-size: 2rem !important;
	padding: 1rem 3rem;
}

.scroll-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	width: 50px;
	height: 50px;
	background-color: var( --secondary ) !important;
    color: var( --muted-foreground ) !important;
	border: 1px solid var( --input );
	border-radius: 50%;
	padding: 10px;
	font-size: 24px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
  }

.scroll-to-top i {
	color: var( --muted-foreground ) !important;
	font-size: 24px;
}

.textarea-observation {
	min-height: 10rem !important;
}

table.table-observation p.observation {
	word-break: break-word;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
}

.tag-positive {
    background-color: rgb(59, 180, 45, .2) !important;
    color: rgb(59, 180, 45) !important;
    width: 120px !important;
    text-align: center !important;
}

.tag-negative {
    background-color: rgb(255, 0, 0, .2) !important;
    color: rgb(255, 0, 0, 1) !important;
    width: 120px !important;
    text-align: center !important;
}

ul.pending-actions > li:first-child {
	border-top: 1px solid var(--border);
}

ul.pending-actions > li.no-issues-found {
	border: none !important;
}

ul.pending-actions > li {
	border-bottom: 1px solid var(--border);
}

.pending-actions::-webkit-scrollbar {
	display: none;
}

.pending-actions {
	list-style: none;
	overflow-y: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.icon-pending-alerts {
	top: 8px !important;
	left: 21px !important;
	font-size: 0.55em !important;
}

.pending-actions-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background-color: var(--secondary) !important;
	border-radius: 50%;
	width: 3rem;
	height: 3rem;
}

.badge-alert-displayed {
	font-size: 0.6rem;
}

.category-line {
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    line-height: 1.15;
}

.category-line::before,
.category-line::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid var(--secondary) !important;
}

.category-line::before {
    margin-right: 10px;
}

.category-line::after {
    margin-left: 10px;
}

.category-line .category-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 65%;
}

.overflow-y-auto {
	overflow-y: auto !important;
}

.details-sales .tag.tag_positive,
.details-sales .tag.tag_pago,
.details-sales .tag.tag_finalizado,
.details-sales .tag.tag_ativo,
.contest-transfer-request .tag_positive {
    background-color: rgb(59, 180, 45, .2);
    color: rgb(59, 180, 45);
    width: 120px;
    text-align: center;
	font-weight: 600;
}

.details-sales .tag.tag_negative,
.details-sales .tag.tag_falhou,
.details-sales .tag.tag_estornado,
.details-sales .tag.tag_estorno_parcial,
.details-sales .tag.tag_erros,
.details-sales .tag.tag_cancelado,
.details-sales .tag.tag_deletado,
.details-sales .tag.tag_expirado,
.contest-transfer-request .tag_negative {
    background-color: rgb(255, 0, 0, .2);
    color: rgb(255, 0, 0, 1);
    width: 120px;
    text-align: center;
}

.details-sales .tag.tag_novo,
.details-sales .tag.tag_aguardando_pagamento {
    background-color: rgb(0, 60, 129, .2);;
    color: rgb(0, 60, 130, 1);
    width: 120px;
    text-align: center;
}

.details-sales .tag.tag_pausado {
    background-color: rgb(113, 113, 122, .2);
    color: rgb(113, 113, 122, 1);
    width: 120px;
    text-align: center;
}

.details-sales .tag.tag_chargeback {
    background-color: rgb(113, 113, 122, .2);
    color: rgb(113, 113, 122, 1);
    width: 120px;
    text-align: center;
}

.details-sales .tag.tag_pendente,
.details-sales .tag.tag_processando {
    background-color: rgba(255, 170, 0, 0.2);
    color: rgb(255, 170, 0, 1);
    width: 120px;
    text-align: center;
}

.offcanvas-body-details-sales::-webkit-scrollbar {
    display: none;
}

.offcanvas-body-details-sales {
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
}

.payment-copy-paste {
    max-width: 380px;
    background: var( --secondary );
}


/* Input search */

#search-button {
    position: relative;
    transition: width .75s !important;
    transition-timing-function: cubic-bezier(0.1, 0.7) !important;
    width: 290px;
    padding-right: 1rem !important;
    background-color: var(--background) !important;
}

#search-button input#searchForFilter {
    width: 100%;
    border: none !important;
    box-shadow: none !important;
    padding-left: 0px !important;
    background-color: transparent !important;
    opacity: 1;
    transition: opacity .75s !important;
}

.guiide {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--background) 10%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--background) 10%);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--background) 10%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    padding: 0 0 0 .5rem;
}

.guiide,
.guiide svg {
    color: #71717a7a;
}

.dark
.guiide,
.dark
.guiide svg {
    color: #ffffff93;
}

.guiide svg {
    position: initial !important;
    right: unset !important;
    margin-left: 4px;
}

#search-button .guiide {
    opacity: 1;
}

#search-button input {
    opacity: 1;
}

#search-button svg {
    position: absolute;
    right: 9px;
}

#searchForFilter {
    position: relative;
}

#searchForFilter::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-corner-down-left'%3E%3Cpolyline points='9 10 4 15 9 20'/%3E%3Cpath d='M20 4v7a4 4 0 0 1-4 4H4'/%3E%3C/svg%3E");
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
}

/* Input search */


/* -------- DateTimeRangePicker -------- */

.daterangepicker {
    border: 1px solid var(--border) !important;
    background-color: var(--background) !important;
    border-radius: 6px !important;
    font-family: 'Inter', sans-serif !important;
}

.daterangepicker.show-calendar .ranges {
    margin-top: 0 !important;
    padding: 8px !important;
    border-right: 1px solid var(--border) !important;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: none !important;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    width: 32px !important;
    height: 32px !important;
    font-weight: 400;
}

.daterangepicker .ranges li {
    padding: 4px 6px !important;
    cursor: pointer !important;
    font-family: "Inter", sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
}

.daterangepicker .ranges li:hover,
.daterangepicker .ranges li.active {
    background-color: var(--background) !important;
    color: var(--foreground) !important;
    border-radius: 5px !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}

.daterangepicker .calendar-table {
    border: none !important;
    background-color: transparent !important;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    border-color: var(--foreground) !important;
}

.daterangepicker .drp-buttons {
    border-top: 1px solid var(--input) !important;
}

.daterangepicker:after {
    border-bottom: 6px solid var(--background) !important;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    background-color: var(--tertiary) !important;
    color: var(--muted-foreground) !important;
}

.daterangepicker td.in-range {
    background-color: #0069ff2b !important;
    border-color: transparent !important;
    color: var(--foreground) !important;
    border-radius: 0 !important;
}

.daterangepicker .calendar-table td .today,
.daterangepicker td.active, .daterangepicker td.active:hover,
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: #1a7aff !important;
    color: white !important;
}

.daterangepicker .drp-buttons .btn {
    margin-left: 8px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 6px 12px !important;
}

.daterangepicker .drp-buttons .cancelBtn {
    color: var(--foreground) !important;
}

.daterangepicker th.month {
    font-size: 14px !important;
}

.daterangepicker .drp-selected {
    font-weight: 500 !important;
}

.input-wrapper {
    position: relative;
    display: inline-block;
}

.daterange-plr {
    padding-left: 34px !important;
    padding-right: 34px !important;
}

.input-wrapper .lucide-calendar {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.input-wrapper .lucide-chevron-down {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

/* -------- End DateTimeRangePicker -------- */

.hidden-scrollbar::-webkit-scrollbar {
	display: none;
}
.hidden-scrollbar {
	list-style: none;
	overflow-y: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

/* -------------- Novo gráfico tela admin (se der pau, alterem aqui). -------------- */

#chartDiv {
	height: 148px !important;
	fill: var(--foreground) !important;
	color: var(--foreground);
}

@media (max-width: 1199px) {
	#chartDiv {
		height: 250px !important;
	}
}

body.dark #chartDiv text {
	fill: white !important;
}

body:not(.dark) #chartDiv text {
	fill: black !important;
}

/* -------------- Novo gráfico tela admin (se der pau, alterem aqui). -------------- */


#custom-legend {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 150px; /* Ajuste a largura conforme necessário */
    float: right; /* Para alinhar à direita do gráfico */
}

#legend-container {
    border: 1px solid #ccc;
    padding: 10px;
    background: #f9f9f9;
}

button {
    background: #ddd;
    border: none;
    padding: 5px;
    cursor: pointer;
}

button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.container-image-zoom {
  max-width: 100%;
  max-height: 230px;
  border-radius: 8px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.container-image-zoom::-webkit-scrollbar {
  display: none;
}

.fancybox__container {
    z-index: 11000 !important;
}