/* Dark Theme - contraste e visibilidade otimizados */

html.dark-theme {
	--bs-body-bg: #252b31;
	--bs-card-bg: #323a42;
	--bs-body-color: #e8eaed;
}
html.dark-theme .switcher-wrapper {
	background: #252b31;
}
html.dark-theme body {
	color: #e8eaed;
	background-color: #252b31;
}
html.dark-theme .h1,
html.dark-theme .h2,
html.dark-theme .h3,
html.dark-theme .h4,
html.dark-theme .h5,
html.dark-theme .h6,
html.dark-theme h1,
html.dark-theme h2,
html.dark-theme h3,
html.dark-theme h4,
html.dark-theme h5,
html.dark-theme h6 {
	color: #e8eaed;
}
/* Texto muted e secundário: sempre legível no escuro (evita preto em cinza) */
html.dark-theme .text-muted {
	color: #b8bcc2 !important;
}
html.dark-theme .text-dark {
	color: #e8eaed !important;
}
html.dark-theme .form-label,
html.dark-theme label {
	color: #d8dce1 !important;
}
html.dark-theme .form-text {
	color: #b8bcc2 !important;
}
html.dark-theme .small,
html.dark-theme small {
	color: #b8bcc2 !important;
}
/* Badges: texto legível em fundos claros do tema escuro */
html.dark-theme .badge.bg-secondary,
html.dark-theme .badge.bg-light {
	color: #e8eaed !important;
}
html.dark-theme .card {
	--bs-card-bg: #323a42;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	box-shadow: 0 0.1rem 0.7rem rgb(0 0 0 / 25%), 0 1px 0 0 rgba(255, 255, 255, 0.1) !important;
	color: #e8eaed;
}
html.dark-theme .card .card-body {
	color: #e8eaed;
}
html.dark-theme .card-header {
	border-bottom: 1px solid rgb(255 255 255 / 15%);
	color: #e8eaed;
}
html.dark-theme .card-footer {
	border-top: 1px solid rgb(255 255 255 / 15%);
	color: #e8eaed;
}
html.dark-theme .empty-state {
	background-color: rgba(255, 255, 255, 0.08) !important;
	color: #b8bcc2 !important;
}

/* Rodape */
html.dark-theme .app-footer {
	background: #323a42 !important;
	border-top-color: #3d454e !important;
	color: #e9edf5 !important;
}
html.dark-theme .text-secondary {
	color: #b8bcc2 !important;
}

html.dark-theme .header-hero {
	border-color: #3d454e !important;
	background-color: #2a3138 !important;
	color: #e8eaed;
}
html.dark-theme .hero-subtitle {
	color: #b8bcc2 !important;
}
html.dark-theme .summary-card {
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	background-color: #323a42 !important;
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1) !important;
	color: #e8eaed;
}
html.dark-theme .summary-card .summary-value,
html.dark-theme .summary-card .summary-label {
	color: #e8eaed !important;
}
html.dark-theme .summary-card .summary-label {
	opacity: 0.9;
}
/* Páginas com cards de resumo (Total, Ativos, etc.): fundo branco e texto preto no modo escuro */
html.dark-theme .orcamento-list .summary-card,
html.dark-theme .cliente-list .summary-card,
html.dark-theme .os-list .summary-card,
html.dark-theme .categoria-list .summary-card,
html.dark-theme .usuario-list .summary-card,
html.dark-theme .super-admin-contas .summary-card,
html.dark-theme .servico-list .summary-card,
html.dark-theme .produto-list .summary-card,
html.dark-theme .orcamento-detail .summary-card,
html.dark-theme .orcamento-public .summary-card,
html.dark-theme .os-public .summary-card {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.95) 100%) !important;
	border: 1px solid rgba(0, 0, 0, 0.08) !important;
	box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.1), 0 2px 6px -1px rgba(0, 0, 0, 0.06) !important;
	color: #1a1d21 !important;
}
html.dark-theme .orcamento-list .summary-card .summary-value,
html.dark-theme .orcamento-list .summary-card .summary-label,
html.dark-theme .cliente-list .summary-card .summary-value,
html.dark-theme .cliente-list .summary-card .summary-label,
html.dark-theme .os-list .summary-card .summary-value,
html.dark-theme .os-list .summary-card .summary-label,
html.dark-theme .categoria-list .summary-card .summary-value,
html.dark-theme .categoria-list .summary-card .summary-label,
html.dark-theme .usuario-list .summary-card .summary-value,
html.dark-theme .usuario-list .summary-card .summary-label,
html.dark-theme .super-admin-contas .summary-card .summary-value,
html.dark-theme .super-admin-contas .summary-card .summary-label,
html.dark-theme .servico-list .summary-card .summary-value,
html.dark-theme .servico-list .summary-card .summary-label,
html.dark-theme .produto-list .summary-card .summary-value,
html.dark-theme .produto-list .summary-card .summary-label,
html.dark-theme .orcamento-detail .summary-card .summary-value,
html.dark-theme .orcamento-detail .summary-card .summary-label,
html.dark-theme .orcamento-public .summary-card .summary-value,
html.dark-theme .orcamento-public .summary-card .summary-label,
html.dark-theme .os-public .summary-card .summary-value,
html.dark-theme .os-public .summary-card .summary-label {
	color: #1a1d21 !important;
	opacity: 1;
}
html.dark-theme .orcamento-list .summary-card .summary-label.text-muted,
html.dark-theme .cliente-list .summary-card .summary-label.text-muted,
html.dark-theme .os-list .summary-card .summary-label.text-muted,
html.dark-theme .categoria-list .summary-card .summary-label.text-muted,
html.dark-theme .usuario-list .summary-card .summary-label.text-muted,
html.dark-theme .super-admin-contas .summary-card .summary-label.text-muted,
html.dark-theme .servico-list .summary-card .summary-label.text-muted,
html.dark-theme .produto-list .summary-card .summary-label.text-muted,
html.dark-theme .orcamento-detail .summary-card .summary-label.text-muted,
html.dark-theme .orcamento-public .summary-card .summary-label.text-muted,
html.dark-theme .os-public .summary-card .summary-label.text-muted {
	color: #495057 !important;
}
html.dark-theme .section-card {
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	background-color: #323a42 !important;
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1) !important;
	color: #e8eaed;
}
html.dark-theme .filters-bar {
	border-color: #3d454e !important;
	background-color: #2a3138 !important;
	color: #e8eaed;
}
html.dark-theme .filters-label {
	color: #b8bcc2 !important;
}
/* Cards de lista: borda mais visível, texto legível */
html.dark-theme .client-card,
html.dark-theme .client-tile,
html.dark-theme .client-row {
	background-color: #323a42 !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1) !important;
	color: #e8eaed !important;
}
html.dark-theme .client-card .client-tile__title,
html.dark-theme .client-card .client-tile__subtitle,
html.dark-theme .client-tile .client-tile__title,
html.dark-theme .client-tile .client-tile__subtitle,
html.dark-theme .client-card .client-meta,
html.dark-theme .client-tile .client-tile__meta,
html.dark-theme .client-tile__kicker {
	color: #e8eaed !important;
}
html.dark-theme .client-tile__subtitle,
html.dark-theme .client-tile .client-tile__muted {
	color: #b8bcc2 !important;
}
/* Orçamentos: meta e labels legíveis */
html.dark-theme .orc-meta-line,
html.dark-theme .orc-meta-text,
html.dark-theme .orc-meta-label,
html.dark-theme .client-tile__meta.orc-meta-lines,
html.dark-theme .orc-meta-row .client-tile__meta {
	color: #e8eaed !important;
}
html.dark-theme .orc-meta-label {
	color: #b8bcc2 !important;
}
html.dark-theme .os-card,
html.dark-theme .os-row {
	background-color: #323a42 !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1) !important;
	color: #e8eaed !important;
}
html.dark-theme .os-card__title,
html.dark-theme .os-card__subtitle,
html.dark-theme .os-card__kicker,
html.dark-theme .os-row__title,
html.dark-theme .os-row__subtitle,
html.dark-theme .os-card__meta .os-meta__value,
html.dark-theme .os-card__meta .os-meta__label,
html.dark-theme .os-row .os-meta__value,
html.dark-theme .os-row .os-meta__label {
	color: #e8eaed !important;
}
html.dark-theme .os-card__meta .os-meta__label,
html.dark-theme .os-row .os-meta__label,
html.dark-theme .os-card__status-label {
	color: #b8bcc2 !important;
}
html.dark-theme .detail-card {
	background-color: #323a42 !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1) !important;
	color: #e8eaed !important;
}




html.dark-theme .text-option {
    color: #ffffff !important;
}

html.dark-theme .topbar {
	background-color: #252b31;
	border-bottom: 1px solid rgb(255 255 255 / 12%);
}
html.dark-theme .user-box {
	border-left: 1px solid rgb(255 255 255 / 0.15);
}
html.dark-theme .user-info .user-name {
	color: #e8eaed;
}
html.dark-theme .user-info .designattion {
	color: #b8bcc2;
}
html.dark-theme .product-list .row {
	background-color: rgb(255 255 255 / 8%);
}
html.dark-theme .product-img {
	background-color: rgb(0 0 0 / 25%);
	border: 1px solid rgb(255 255 255 / 15%);
}
@media (min-width: 992px) {
	html.dark-theme .product-list .row:hover {
		background-color: rgb(255 255 255 / 15%);
		margin-top: -.25rem;
		margin-bottom: .25rem;
		-webkit-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.2);
	}
}
html.dark-theme .recent-product-img {
	background-color: rgb(255 255 255 / 10%);
	border: 1px solid rgb(255 255 255 / 10%);
}
html.dark-theme .page-footer {
	background-color: #252b31;
	border-top: 1px solid rgb(255 255 255 / 12%);
	color: #e8eaed;
}
html.dark-theme .mobile-toggle-menu {
	color: #e8eaed;
}
html.dark-theme .btn-close {
	filter: invert(1) grayscale(100%) brightness(200%);
}
html.dark-theme .logo-icon {
	filter: invert(1) grayscale(100%) brightness(200%);
}
html.dark-theme .toggle-icon {
	color: #e8eaed;
}
html.dark-theme .topbar .navbar-nav .nav-link {
	border-left: 0 solid rgb(255 255 255 / 12%);
	color: #e8eaed;
}



html.dark-theme .topbar .navbar .dropdown-app .dropdown-menu .app-name {
	color: #e8eaed;
}

html.dark-theme .topbar .navbar .dropdown-app .dropdown-menu .app-box:hover {
	background-color: #3d454e;
}


html.dark-theme .dropdown-large .cart-product {
	border: 1px solid rgb(241 241 241 / 15%);
}


html.dark-theme .dropdown-large .cart-product-title {
	color: #e8eaed;
}

html.dark-theme .dropdown-large .cart-product-cancel {
	color: #e8eaed;
	border: 1px solid rgb(255 255 255 / 18%);
	background-color: rgba(255, 255, 255, 0.1);
}


html.dark-theme .topbar .navbar .navbar-nav .nav-link:hover,
html.dark-theme .topbar .navbar .navbar-nav .nav-link:focus {
	background-color: rgb(255 255 255 / 12%);
    color: #ffffff;
}

html.dark-theme .search-bar a.btn,
html.dark-theme .search-bar a.btn:focus {
	color: #e8eaed;
	background-color: #3d454e;
}

html.dark-theme::placeholder {
	color: #b8bcc2 !important;
	opacity: 0.85 !important;
}

html.dark-theme .dropdown-menu {
	color: #e8eaed;
	background-color: #323a42;
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 0.35);
	border: 1px solid rgba(255, 255, 255, 0.12);
}

html.dark-theme .topbar .navbar .dropdown-menu {
    border: 1px solid rgb(241 241 241 / 15%);
}


html.dark-theme .user-box {
    border-left: 1px solid rgb(255 255 255 / .15);
    border-right: 1px solid rgb(255 255 255 / .15);
}


html.dark-theme .dropdown-item {
	color: #c8ccd2;
}
html.dark-theme .dropdown-menu .dropdown-item:hover {
	background-color: #3d454e;
	color: #e8eaed;
}
html.dark-theme .dropdown-divider {
	border-top: 1px solid rgb(255 255 255 / 12%);
}
html.dark-theme .dropdown-large .dropdown-menu .dropdown-item {
	border-bottom: 1px solid rgb(255 255 255 / 12%);
}
html.dark-theme .dropdown-large .msg-name {
	color: #fff;
}
html.dark-theme .dropdown-large .msg-info {
	color: #80868c;
}
html.dark-theme .dropdown-large .msg-time {
	color: #b1afaf;
}
html.dark-theme .dropdown-large .msg-header {
	border-bottom: 1px solid rgb(255 255 255 / 15%);
	background: transparent;
}
html.dark-theme .dropdown-large .msg-header .msg-header-title {
	color: #e8eaed;
}
html.dark-theme .dropdown-large .msg-header .msg-header-clear {
	color: #b8bcc2;
}
html.dark-theme .dropdown-large .msg-footer {
	color: #d1d7de;
	border-top: 1px solid rgb(255 255 255 / 0.15);
}
html.dark-theme .btn-white {
	color: #e8eaed;
	background-color: #323a42;
	border-color: rgba(255, 255, 255, 0.25);
}
html.dark-theme .user-img {
	border: 1px solid rgb(255 255 255 / 28%);
}
html.dark-theme .customers-contacts a {
	background: rgb(255 255 255 / 12%);
	border: 1px solid rgb(255 255 255 / 14%);
	color: #ffffff;
}
@media (min-width: 992px) {
	html.dark-theme .customers-list .customers-list-item:hover {
		background-color: rgb(255 255 255 / 12%);
	}
}
html.dark-theme .order-actions a {
	background: rgb(255 255 255 / 12%);
	border: 1px solid rgb(255 255 255 / 14%);
	color: #ffffff;
}
html.dark-theme .alert {
	background-color: #2a3138;
	color: #e8eaed;
	border: 1px solid rgba(255, 255, 255, 0.15);
}
html.dark-theme .alert.alert-danger {
	background-color: rgba(220, 53, 69, 0.2);
	border-color: rgba(220, 53, 69, 0.4);
	color: #f5b7bd;
}
html.dark-theme .alert.alert-info {
	background-color: rgba(13, 110, 253, 0.15);
	border-color: rgba(13, 110, 253, 0.35);
	color: #b8d4fe;
}
html.dark-theme .alert.alert-warning {
	background-color: rgba(255, 193, 7, 0.15);
	border-color: rgba(255, 193, 7, 0.35);
	color: #f0e5c4;
}
html.dark-theme .alert.alert-success {
	background-color: rgba(25, 135, 84, 0.2);
	border-color: rgba(25, 135, 84, 0.4);
	color: #b8e0ce;
}
html.dark-theme .accordion-item {
	color: #e8eaed;
	background-color: #2a3138;
	border: var(--bs-accordion-border-width) solid rgba(255, 255, 255, 0.12);
}

html.dark-theme .accordion-button::after {
	filter: invert(1) grayscale(100%) brightness(200%);
}

html.dark-theme .accordion-button {
	background-color: #2a3138;
	color: #d8dce1;
	border: 0 solid rgb(255 255 255 / 14%);
}
html.dark-theme .accordion-button:not(.collapsed) {
	background-color: rgba(255, 255, 255, 0.1);
	color: #e8eaed;
}
html.dark-theme .nav-tabs .nav-link {
	color: #e3e4e5;
}
html.dark-theme .nav-tabs .nav-item.show .nav-link,
html.dark-theme .nav-tabs .nav-link.active {
	background-color: #252b31;
}
html.dark-theme .nav-tabs {
	border-bottom: 1px solid rgb(255 255 255 / 14%);
}
html.dark-theme .nav-primary.nav-tabs .nav-link.active {
	border-color: #0d6efd #0d6efd rgb(255 255 255 / 14%);
}
html.dark-theme .nav-danger.nav-tabs .nav-link.active {
	border-color: #f41127 #f41127 rgb(255 255 255 / 0.14);
}
html.dark-theme .nav-success.nav-tabs .nav-link.active {
	border-color: #17a00e #17a00e rgb(255 255 255 / 0.14);
}
html.dark-theme .nav-warning.nav-tabs .nav-link.active {
	border-color: #ffc107 #ffc107 rgb(255 255 255 / 0.14);
}
html.dark-theme .nav-pills .nav-link {
	color: #e7e8ea;
}
html.dark-theme .theme-icons {
	background-color: #323a42;
	color: #e8eaed;
}
html.dark-theme .pricing-table .card ul li.list-group-item {
	color: #e5dede;
}
html.dark-theme .table {
	--bs-table-bg: transparent;
	--bs-table-striped-color: #e8eaed;
	--bs-table-striped-bg: rgba(255, 255, 255, 0.05);
	--bs-table-active-color: #e8eaed;
	--bs-table-active-bg: rgba(255, 255, 255, 0.1);
	--bs-table-hover-color: #e8eaed;
	--bs-table-hover-bg: rgba(255, 255, 255, 0.08);
	width: 100%;
	margin-bottom: 1rem;
	color: #e8eaed;
	vertical-align: top;
	border-color: rgb(255 255 255 / 14%);
}
html.dark-theme .table td,
html.dark-theme .table th {
	border-color: rgb(255 255 255 / 12%);
}
html.dark-theme .table thead th {
	border-bottom: 2px solid rgb(255 255 255 / 12%);
}
html.dark-theme .border {
	border: 1px solid rgb(255 255 255 / 12%)!important;
}

html.dark-theme .topbar .navbar .dropdown-menu::after {
	background: #323a42;
	border-top: 1px solid rgb(255 255 255 / 15%);
	border-left: 1px solid rgb(255 255 255 / 15%);
}
html.dark-theme .highcharts-background {
	fill: rgb(255 255 255 / 0%);
}
html.dark-theme .highcharts-title {
	fill: #e8eaed !important;
	font-size: 1.5em;
}
html.dark-theme .highcharts-root text {
	fill: #b8bcc2;
}
html.dark-theme .highcharts-grid-line {
	fill: none;
	stroke: rgb(255 255 255 / 12%);
}

html.dark-theme .table-light {
    --bs-table-bg: rgb(255 255 255 / 12%);
    color: #fff;
}

html.dark-theme .topbar-logo-header {
	border-right: 1px solid rgb(255 255 255 / 12%);
}

html.dark-theme .wrapper.toggled .mobile-topbar-header {
	background: #2a3138;
	border-bottom: 1px solid rgb(255 255 255 / 12%);
	color: #e8eaed;
}
html.dark-theme .simplebar-scrollbar:before {
	background: rgba(255, 255, 255, 0.40);
}
html.dark-theme .footer {
	background: #2a3138;
	border-top: 1px solid rgb(255 255 255 / 12%);
	color: #e8eaed;
}
html.dark-theme .btn-light-warning {
	color: #ff9305;
}
html.dark-theme .btn-light-dark {
	color: #757c83;
}
html.dark-theme .modal-content {
	background-color: #323a42;
	color: #e8eaed;
}
html.dark-theme .modal-header {
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	color: #e8eaed;
}
html.dark-theme .modal-body {
	color: #e8eaed;
}
html.dark-theme .modal-footer {
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}


html.dark-theme .primary-menu .navbar {
	background: #252b31;
	border-bottom: 1px solid rgb(255 255 255 / 12%);
	box-shadow: none !important;
}
html.dark-theme .primary-menu .navbar-nav a.nav-link {
	color: #c8ccd2;
}


html.dark-theme .primary-menu .navbar-nav a.nav-link:hover,
html.dark-theme .primary-menu .navbar-nav a.nav-link:focus,
html.dark-theme .primary-menu .nav-link.active,
html.dark-theme .primary-menu .show>.nav-link {
	color: #ffffff;
    background-color: rgba(255, 255, 255, 0.12);
}

html.dark-theme .dropdown-item.active, html.dark-theme .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #008cff;
}




html.dark-theme .offcanvas {
	background-color: #323a42;
	color: #e8eaed;
}


/*email box*/

html.dark-theme .email-wrapper {
	background: #323a42;
	box-shadow: 0 0.1rem 0.7rem rgb(0 0 0 / 24%);
}
html.dark-theme .email-sidebar {
	background: #323a42;
	border-right: 1px solid rgb(255 255 255 / 0.12);
}
html.dark-theme .email-sidebar-header {
	background: #323a42;
	border-bottom: 1px solid rgb(255 255 255 / 0.12);
	border-right: 0px solid rgb(255 255 255 / 12%);
}
html.dark-theme .email-navigation {
	border-bottom: 1px solid rgb(255 255 255 / 13%);
}
html.dark-theme .email-navigation a.list-group-item {
	color: #e8eaed;
	background-color: #323a42;
	border-bottom: 1px solid rgb(0 0 0 / 0%);
}
html.dark-theme .email-navigation a.list-group-item:hover {
	background-color: rgb(0 123 255 / 15%);
}
html.dark-theme .email-meeting a.list-group-item {
	color: #e8eaed;
	background-color: #323a42;
	border-bottom: 1px solid rgb(0 0 0 / 0%);
}
html.dark-theme .email-meeting a.list-group-item:hover {
	background-color: rgb(0 123 255 / 15%);
}
html.dark-theme .list-group-item {
	color: #c8ccd2;
	background-color: #323a42;
	border: 1px solid rgb(255 255 255 / 14%);
}

html.dark-theme .list-group-item:hover {
	background-color: rgb(255 255 255 / 10%)
}

html.dark-theme .list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #008cff;
    border-color: #008cff;
}

html.dark-theme .border-end {
    border-right: 1px solid rgb(255 255 255 / 12%)!important;
}

html.dark-theme .email-navigation a.list-group-item.active {
	color: #0d6efd;
	font-weight: 600;
	background-color: rgb(13 110 253 / 14%);
}
html.dark-theme .list-group-flush>.list-group-item {
	border-width: 0 0 1px;
}
html.dark-theme .border-top {
	border-top: 1px solid rgb(255 255 255 / 13%)!important;
}
html.dark-theme .email-header {
	background: #323a42;
	border-bottom: 1px solid rgb(255 255 255 / 13%);
}
html.dark-theme .email-content {
	background: #323a42;
}
html.dark-theme .email-list div.email-message {
	background: #323a42;
	border-bottom: 1px solid rgb(255 255 255 / 12%);
	color: #e8eaed;
}
html.dark-theme .email-list div.email-message:hover {
	transition: all .2s ease-out;
	background: #434a50;
}
html.dark-theme .bg-body {
	background-color: #252b31 !important;
}
html.dark-theme .email-time {
	font-size: 13px;
	color: #8c969e;
}
html.dark-theme .chat-time {
	font-size: 13px;
	color: #8c969e;
}
html.dark-theme .widgets-icons {
	color: #e8eaed;
	background-color: #323a42;
}
html.dark-theme .invoice {
	background-color: #323a42;
}
/*chat box*/

html.dark-theme .chat-wrapper {
	background: #323a42;
	box-shadow: 0 0.1rem 0.7rem rgb(0 0 0 / 22%);
}
html.dark-theme .chat-sidebar {
	background: #323a42;
	border-right: 1px solid rgb(255 255 255 / 13%);
}
html.dark-theme .chat-sidebar-header {
	background: #323a42;
	border-bottom: 1px solid rgb(255 255 255 / 13%);
	border-right: 0px solid rgb(255 255 255 / 13%);
}
html.dark-theme .chat-header {
	background: #323a42;
	border-bottom: 1px solid rgb(255 255 255 / 13%);
}
html.dark-theme .chat-tab-menu li a.nav-link {
	color: #c3c5c8;
}
html.dark-theme .chat-title {
	color: #e8eaed;
}
html.dark-theme .chat-msg {
	font-size: 14px;
	color: #848992;
}
html.dark-theme .chat-top-header-menu a {
	color: #c3c5c8;
	background-color: #323a42;
	border: 1px solid rgb(255 255 255 / 15%);
}
html.dark-theme .chat-content-leftside .chat-left-msg {
	background-color: #323a42;
}
html.dark-theme .chat-content-rightside .chat-right-msg {
	background-color: #41484e;
}
html.dark-theme .chat-footer {
	background: #323a42;
	border-top: 1px solid rgb(255 255 255 / 13%);
}
html.dark-theme .chat-footer-menu a {
	color: #c3c5c8;
	background-color: #323a42;
	border: 1px solid rgb(255 255 255 / 15%);
}
html.dark-theme .fm-menu .list-group a {
	color: #c3c5c8;
}
html.dark-theme .fm-icon-box {
	background: #323a42;
	color: #ffffff;
}
html.dark-theme .contacts-social a {
	background: #323a42;
	color: #ffffff;
}
html.dark-theme .invoice table td,
html.dark-theme .invoice table th {
	background: rgb(255 255 255 / 12%);
	border-bottom: 1px solid rgb(255 255 255 / 12%);
}
html.dark-theme .invoice table .no {
	color: #fff;
	background: #007bff;
}
html.dark-theme .invoice main .notices {
	background: #323a42;
}
html.dark-theme .invoice footer {
	color: #e8eaed;
	border-top: 1px solid rgb(255 255 255 / 12%);
}
html.dark-theme .fc-theme-standard td,
html.dark-theme .fc-theme-standard th {
	border: 1px solid rgb(255 255 255 / 0.12);
}
html.dark-theme .fc-theme-standard .fc-scrollgrid {
	border: 1px solid rgb(255 255 255 / 12%);
}
html.dark-theme .fc .fc-col-header-cell-cushion {
	color: #ffffff;
}
html.dark-theme .fc .fc-daygrid-day-number {
	color: #ffffff;
}
/* components */

html.dark-theme .breadcrumb {
	background-color: transparent;
}
html.dark-theme .breadcrumb-item {
	color: #b8bcc2;
}
html.dark-theme .breadcrumb-item a {
	color: #c8ccd2;
}
html.dark-theme .breadcrumb-item.active {
	color: #e8eaed;
}
html.dark-theme .breadcrumb-title {
	border-right: 1.5px solid rgb(255 255 255 / 18%);
}
html.dark-theme .btn-outline-secondary {
	color: #c5cace;
	border-color: #c2c9ce;
}
html.dark-theme .btn-light {
	color: #ffffff;
	background-color: rgb(255 255 255 / 15%);
	border-color: rgb(255 255 255 / 22%);
}
html.dark-theme .btn-light:hover {
	color: #ffffff;
	background-color: rgb(255 255 255 / 25%);
	border-color: rgb(255 255 255 / 32%);
}
html.dark-theme .btn-dark {
	color: #fff;
	background-color: #3d454e;
	border-color: #3d454e;
}
html.dark-theme .btn-dark:hover {
	color: #fff;
	background-color: #323a42;
	border-color: #323a42;
}
html.dark-theme .btn-outline-dark {
	color: #ffffff;
	border-color: #181e22;
}
html.dark-theme .page-link {
	color: #c8ccd2;
	background-color: #323a42;
	border: 1px solid rgb(255 255 255 / 18%);
}
html.dark-theme .page-link:hover {
	color: #e8eaed;
	background-color: #3d454e;
	border-color: rgb(255 255 255 / 22%);
}
html.dark-theme .page-item.disabled .page-link {
	color: #8a8f94;
	background-color: rgba(255, 255, 255, 0.08);
	border-color: rgb(255 255 255 / 12%);
}
html.dark-theme .progress {
	background-color: rgb(255 255 255 / 14%);
}
html.dark-theme .chip {
	color: #d8dce1;
	background-color: #323a42;
	border: 1px solid rgb(255 255 255 / 18%);
}
html.dark-theme .bg-light {
	background-color: rgb(255 255 255 / 15%)!important;
}
html.dark-theme ul.icons li {
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	background: #323a42;
	color: #e8eaed;
}
html.dark-theme ul.icons li i {
	color: #ffffff;
}
html.dark-theme .icon-box {
	background: #323a42;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
	color: #e8eaed;
}
html.dark-theme .pByfF i {
	color: #ffffff;
}
html.dark-theme .form-control {
	color: #e8eaed;
	background-color: #2a3138;
	border: 1px solid rgb(255 255 255 / 28%);
}
html.dark-theme .form-select {
	color: #e8eaed;
	background-color: #2a3138;
	border: 1px solid rgb(255 255 255 / 28%);
}
html.dark-theme .form-control:focus {
	box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.25)
}
html.dark-theme .form-select:focus {
	box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.25)
}
html.dark-theme .form-control:disabled,
html.dark-theme .form-control[readonly] {
	background-color: rgba(255, 255, 255, 0.1);
	color: #b8bcc2;
}
html.dark-theme .form-control::placeholder {
	color: #b8bcc2 !important;
	opacity: 0.8 !important;
}
html.dark-theme .picker__input {
	background-color: #2a3138 !important;
	border: 1px solid rgb(255 255 255 / 28%) !important;
	color: #e8eaed !important;
}
html.dark-theme .select2-container--bootstrap4 .select2-selection {
	background-color: rgb(255 255 255 / 0.14);
	border: 1px solid rgb(255 255 255 / 0.35);
}
html.dark-theme .select2-dropdown {
	background-color: #323a42;
	border: 1px solid rgb(255 255 255 / 25%);
	color: #e8eaed;
}
html.dark-theme .select2-search--dropdown .select2-search__field {
	border: 1px solid rgb(255 255 255 / 28%);
	background-color: rgba(255, 255, 255, 0.08);
	color: #e8eaed;
}
html.dark-theme .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
	color: #e8eaed;
	border: 1px solid rgb(255 255 255 / 35%);
	background: #323a42;
}
html.dark-theme .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered .select2-search__field {
	background: transparent;
	color: #e8eaed;
}
html.dark-theme .select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected=true] {
	background-color: rgb(255 255 255 / 20%);
}
html.dark-theme .ff_fileupload_wrap .ff_fileupload_dropzone {
	background-color: rgb(252 252 252 / 14%);
	border: 2px dashed rgb(255 255 255 / 50%);
}
html.dark-theme .imageuploadify {
	background-color: rgb(255 255 255 / 14%);
	border: 2px dashed rgb(255 255 255 / 0.50);
}
html.dark-theme .bootstrap-tagsinput {
	background-color: #2a3138;
	border: 1px solid rgb(255 255 255 / 28%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 25%);
	color: #e8eaed;
}
html.dark-theme .input-group-text {
	color: #e8eaed;
	background-color: #2a3138;
	border: 1px solid rgb(255 255 255 / 28%);
}
html.dark-theme .table-bordered td,
html.dark-theme .table-bordered th {
	border: 1px solid rgb(255 255 255 / 12%);
}
html.dark-theme .table-dark {
	background-color: #2a3138;
	color: #e8eaed;
}
html.dark-theme .table .thead-light th {
	background-color: rgba(255, 255, 255, 0.12);
	color: #e8eaed;
	border-color: rgb(255 255 255 / 18%);
}
html.dark-theme .table-bordered {
	border: 1px solid rgb(255 255 255 / 12%);
}
html.dark-theme .login-card {
	border-right: 1px solid rgb(255 255 255 / 12%)!important;
}
html.dark-theme .border-bottom {
	border-bottom: 1px solid rgb(255 255 255 / 14%)!important;
}
html.dark-theme .navbar-light .navbar-nav .nav-link {
	color: rgb(255 255 255 / 50%);
}
html.dark-theme .navbar-light .navbar-nav .active>.nav-link,
html.dark-theme .navbar-light .navbar-nav .nav-link.active,
html.dark-theme .navbar-light .navbar-nav .nav-link.show,
html.dark-theme .navbar-light .navbar-nav .show>.nav-link {
	color: rgb(255 255 255 / 90%);
}
/* background colors */

html.dark-theme .bg-light-purple {
	background-color: rgb(130 128 255 / 32%)!important;
}
html.dark-theme .bg-light-primary {
	background-color: rgb(103 58 183 / 33%)!important;
}
html.dark-theme .bg-light-danger {
	background-color: rgb(220 53 69 / 33%)!important;
}
html.dark-theme .bg-light-shineblue {
	background-color: rgb(1 215 255 / 33%)!important;
}
html.dark-theme .bg-light-cyne {
	background-color: rgb(0 139 139 / 32%)!important;
}
html.dark-theme .bg-light-warning {
	background-color: rgb(255 193 7 / 32%)!important;
}
html.dark-theme .bg-light-success {
	background-color: rgb(40 167 69 / 33%)!important;
}
html.dark-theme .bg-light-info {
	background-color: rgb(25 143 237 / 22%)!important;
}
html.dark-theme .bg-light-sinata {
	background-color: rgb(165 43 187 / 33%)!important;
}
html.dark-theme .bg-light-mehandi {
	background: rgb(131 152 56 / 32%)!important;
}
html.dark-theme .logo-white {
	display: block;
}
html.dark-theme .logo-dark {
	display: none;
}
html.dark-theme .email-toggle-btn {
	color: #c9cbce;
	background-color: #ffffff00;
}
html.dark-theme .chat-toggle-btn {
	color: #c9cbce;
	background-color: #ffffff00;
	border: 0px solid rgb(0 0 0 / 15%);
}
html.dark-theme .apexcharts-pie-label,
html.dark-theme .apexcharts-datalabels,
html.dark-theme .apexcharts-datalabel,
html.dark-theme .apexcharts-datalabel-label,
html.dark-theme .apexcharts-datalabel-value {
	fill: #fff;
}
/*Responsive*/

@media screen and (max-width: 1024px) {
	html.dark-theme .wrapper.toggled .overlay {
		background: #fff;
		opacity: 0.4;
	}
	html.dark-theme .chat-toggled .overlay {
		background: #fff;
		opacity: 0.4;
	}
	html.dark-theme .email-toggled .overlay {
		background: #fff;
		opacity: 0.4;
	}
	html.dark-theme .full-search-bar {
		background: #323a42;
	}
	html.dark-theme .search-bar .btn-search-back {
		background: rgb(3 11 35 / 0%);
		border: 1px solid rgb(217 211 211 / 0%);
		height: calc(1.6em + .75rem + 2px);
	}
	html.dark-theme .search-bar .btn-search-back i {
		color: #e8eaed;
	}
}
@media screen and (max-width: 767px) {
	html.dark-theme .topbar .navbar-nav .nav-link {
		border-left: 0px solid #ededed;
	}
}