/**
 * Tema CMAK - Integrum Manufatura
 * Cores: #dfbd2c (dourado), rgb(47, 46, 46) (cinza escuro), branco
 * Aplica quando html tem a classe theme-cmak
 */

html.theme-cmak #btnToggleTheme,
html.theme-cmak #btnToggleTheme i {
  color: #dfbd2c !important;
}

html.theme-cmak #btnToggleTheme:hover {
  color: #e8c94a !important;
}

html.theme-cmak .header-nav .nav-link,
html.theme-cmak .header-nav .nav-link i {
  color: #ffffff !important;
}

html.theme-cmak .header-nav .nav-link:hover,
html.theme-cmak .header-nav .nav-link:hover i {
  color: #dfbd2c !important;
}

html.theme-cmak body {
  background: #e8dcc4;
  color: #2c2a2a;
}

html.theme-cmak a {
  color: #dfbd2c;
}

html.theme-cmak a:hover {
  color: #e8c94a;
}

html.theme-cmak #main {
  background: #e8dcc4;
}

html.theme-cmak .pagetitle h1 {
  color: #2c2a2a;
}

html.theme-cmak .header {
  background-color: rgb(47, 46, 46) !important;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.4);
}

html.theme-cmak .header .toggle-sidebar-btn {
  color: #ffffff;
}

html.theme-cmak .header-logo-link span {
  color: #ffffff !important;
}

html.theme-cmak .header-nav .nav-profile,
html.theme-cmak .header-nav .nav-profile span {
  color: #ffffff !important;
}

html.theme-cmak .header .search-form input {
  color: #ffffff;
  background: rgb(60, 59, 59);
}

html.theme-cmak .sidebar {
  background-color: rgb(47, 46, 46) !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

html.theme-cmak .sidebar::-webkit-scrollbar-thumb {
  background-color: #5a5959;
}

/* Título "Menu" e ícone no topo da sidebar */
html.theme-cmak .sidebar .text-primary,
html.theme-cmak .sidebar h6.text-primary,
html.theme-cmak .sidebar .text-primary i {
  color: #dfbd2c !important;
}

html.theme-cmak .sidebar-nav .nav-heading {
  color: #dfbd2c;
}

html.theme-cmak .sidebar-nav .nav-link {
  color: #dfbd2c;
  background: rgb(60, 59, 59);
}

html.theme-cmak .sidebar-nav .nav-link i,
html.theme-cmak .sidebar-nav .nav-link .bi-chevron-down {
  color: #dfbd2c !important;
}

html.theme-cmak .sidebar-nav .nav-link.collapsed {
  color: #ffffff;
  background: transparent;
}

html.theme-cmak .sidebar-nav .nav-link.collapsed i,
html.theme-cmak .sidebar-nav .nav-link.collapsed .bi-chevron-down {
  color: #dfbd2c !important;
}

html.theme-cmak .sidebar-nav .nav-link:hover {
  color: #dfbd2c;
  background: rgb(60, 59, 59);
}

html.theme-cmak .sidebar-nav .nav-link:hover i,
html.theme-cmak .sidebar-nav .nav-link:hover .bi-chevron-down {
  color: #dfbd2c !important;
}

html.theme-cmak .sidebar-nav .nav-content a {
  color: #e0e0e0;
}

html.theme-cmak .sidebar-nav .nav-content a:hover,
html.theme-cmak .sidebar-nav .nav-content a.active {
  color: #dfbd2c;
}

html.theme-cmak .sidebar-nav .nav-content a.active i {
  background-color: #dfbd2c !important;
  color: #dfbd2c !important;
}

html.theme-cmak .card {
  background-color: rgb(60, 59, 59);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}

html.theme-cmak .card-header,
html.theme-cmak .card-footer {
  background-color: rgb(60, 59, 59) !important;
  border-color: #5a5959 !important;
  color: #ffffff !important;
}

html.theme-cmak .card-title {
  color: #ffffff !important;
}

html.theme-cmak .card-title span {
  color: #dfbd2c !important;
}

html.theme-cmak .breadcrumb,
html.theme-cmak .breadcrumb a,
html.theme-cmak .breadcrumb .breadcrumb-item::before {
  color: #6b6014 !important;
}

html.theme-cmak .breadcrumb .active {
  color: #2c2a2a !important;
}

html.theme-cmak .dropdown-menu {
  background-color: rgb(60, 59, 59);
  border-color: #5a5959;
}

html.theme-cmak .dropdown-menu .dropdown-item {
  color: #ffffff;
}

html.theme-cmak .dropdown-menu .dropdown-item:hover {
  background-color: rgb(47, 46, 46);
  color: #dfbd2c;
}

html.theme-cmak .dropdown-menu .dropdown-header h6 {
  color: #ffffff;
}

html.theme-cmak .dropdown-menu .dropdown-header span {
  color: #b0b0b0;
}

html.theme-cmak .table {
  color: #ffffff;
}

html.theme-cmak .table-light {
  background-color: rgb(60, 59, 59) !important;
  color: #ffffff !important;
}

html.theme-cmak .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(60, 59, 59, 0.5);
}

html.theme-cmak .table-hover > tbody > tr:hover {
  background-color: #5a5959;
}

html.theme-cmak .form-control,
html.theme-cmak .form-select {
  background-color: rgb(60, 59, 59);
  border-color: #5a5959;
  color: #ffffff;
}

html.theme-cmak .form-control:focus,
html.theme-cmak .form-select:focus {
  background-color: rgb(60, 59, 59);
  border-color: #dfbd2c;
  color: #ffffff;
}

html.theme-cmak .form-control::placeholder {
  color: #b0b0b0;
}

html.theme-cmak .form-label,
html.theme-cmak label {
  color: #ffffff !important;
}

html.theme-cmak .accordion-item {
  background-color: rgb(60, 59, 59);
  border-color: #5a5959;
}

html.theme-cmak .accordion-button {
  background-color: rgb(60, 59, 59) !important;
  color: #ffffff !important;
  border-color: #5a5959;
}

html.theme-cmak .accordion-button:not(.collapsed) {
  background-color: rgb(47, 46, 46) !important;
  color: #dfbd2c !important;
}

html.theme-cmak .accordion-button::after {
  filter: invert(1);
}

html.theme-cmak .accordion-body {
  color: #e0e0e0;
  background-color: rgb(47, 46, 46);
}

html.theme-cmak .modal-content {
  background-color: rgb(60, 59, 59);
  border-color: #5a5959;
}

html.theme-cmak .modal-header {
  background-color: rgb(60, 59, 59) !important;
  border-color: #5a5959 !important;
  color: #ffffff !important;
}

html.theme-cmak .modal-body {
  background-color: rgb(60, 59, 59);
  color: #ffffff;
}

html.theme-cmak .modal-footer {
  background-color: rgb(60, 59, 59) !important;
  border-color: #5a5959 !important;
}

html.theme-cmak .btn-close {
  filter: invert(1);
}

html.theme-cmak .footer {
  border-color: #5a5959;
}

html.theme-cmak .footer .copyright,
html.theme-cmak .footer .credits {
  color: #b0b0b0 !important;
}

html.theme-cmak .alert-warning {
  background-color: rgba(223, 189, 44, 0.2);
  border-color: #dfbd2c;
  color: #ffffff;
}

html.theme-cmak .back-to-top {
  background: #5a5959;
}

html.theme-cmak .back-to-top:hover {
  background: #dfbd2c;
}

html.theme-cmak .nav-tabs-bordered {
  border-color: #5a5959;
}

html.theme-cmak .nav-tabs-bordered .nav-link {
  color: #e0e0e0;
}

html.theme-cmak .nav-tabs-bordered .nav-link.active {
  background-color: rgb(60, 59, 59);
  color: #dfbd2c;
  border-color: #dfbd2c;
}

html.theme-cmak .text-muted {
  color: #b0b0b0 !important;
}

html.theme-cmak .btn-primary {
  background-color: #dfbd2c;
  border-color: #dfbd2c;
  color: rgb(47, 46, 46);
}

html.theme-cmak .btn-primary:hover {
  background-color: #e8c94a;
  border-color: #e8c94a;
  color: rgb(47, 46, 46);
}

/* Página Postos / Mapa da Planta */
html.theme-cmak .card-mapa {
  background-color: rgb(60, 59, 59) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 8px 24px rgba(0,0,0,0.2);
}

html.theme-cmak .planta-scroll {
  background:
    linear-gradient(rgba(60,59,59,.5) 1px, transparent 1px),
    linear-gradient(90deg, rgba(60,59,59,.5) 1px, transparent 1px),
    linear-gradient(160deg, rgb(47,46,46) 0%, rgb(60,59,59) 50%, #5a5959 100%) !important;
  border-color: #5a5959 !important;
}

html.theme-cmak .planta-canvas {
  background: rgba(47,46,46,.6) !important;
}

html.theme-cmak .mapa-toolbar {
  background: linear-gradient(135deg, rgb(60,59,59) 0%, rgb(47,46,46) 100%) !important;
  border-color: #5a5959 !important;
}

html.theme-cmak .mapa-toolbar .toolbar-label {
  color: #dfbd2c !important;
}

html.theme-cmak .mapa-legenda .legenda-titulo {
  color: #dfbd2c !important;
}

html.theme-cmak .mapa-legenda .legenda-item {
  background: rgb(60, 59, 59) !important;
  border-color: #5a5959 !important;
  color: #e0e0e0 !important;
}

html.theme-cmak .mapa-stat {
  background: rgb(60, 59, 59) !important;
  border-color: #5a5959 !important;
}

html.theme-cmak .mapa-stat .stat-value {
  color: #dfbd2c !important;
}

html.theme-cmak .mapa-stat .stat-label {
  color: #b0b0b0 !important;
}

html.theme-cmak .posto-tooltip {
  background: rgba(60,59,59,.98) !important;
  border-color: #5a5959 !important;
}

html.theme-cmak .posto-tooltip .tt-cod {
  color: #dfbd2c !important;
}

html.theme-cmak .posto-tooltip .tt-desc {
  color: #e0e0e0 !important;
}

html.theme-cmak .posto-tooltip .tt-sit {
  background: #5a5959 !important;
  color: #ffffff !important;
  border-left-color: #dfbd2c !important;
}

/* Gráficos ApexCharts - fontes e legendas visíveis no tema CMAK */
html.theme-cmak .apexcharts-legend-text {
  color: #e0e0e0 !important;
}

html.theme-cmak .apexcharts-canvas text {
  fill: #e0e0e0 !important;
}

html.theme-cmak .apexcharts-tooltip.apexcharts-theme-light {
  border-color: #5a5959 !important;
  background: rgba(47, 46, 46, 0.96) !important;
  color: #e0e0e0 !important;
}

html.theme-cmak .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: rgba(60, 59, 59, 0.9) !important;
  border-bottom-color: #5a5959 !important;
  color: #ffffff !important;
}