html[data-client-theme='vivo'] {
  --bs-primary: #660099;
  --bs-primary-rgb: 102, 0, 153;
  --bs-link-color: #660099;
  --bs-link-hover-color: #7a1aad;
  --bs-focus-ring-color: rgba(102, 0, 153, 0.25);
  --primary-color: #660099;
  --kmvi-primary: #660099;
  --kmvi-primary-hover: #7a1aad;
  --kmvi-primary-soft: #f4e8fb;
  --kmvi-primary-border: #c9a3e0;
}

html[data-client-theme='vivo'] .navbar.bg-primary,
html[data-client-theme='vivo'] .bg-primary,
html[data-client-theme='vivo'] .badge.bg-primary,
html[data-client-theme='vivo'] .list-group-item.active,
html[data-client-theme='vivo'] .progress-bar {
  background-color: #660099 !important;
}

html[data-client-theme='vivo'] .text-primary {
  color: #660099 !important;
}

html[data-client-theme='vivo'] .border-primary {
  border-color: #660099 !important;
}

html[data-client-theme='vivo'] .btn-primary {
  background-color: #660099;
  border-color: #660099;
  color: #fff;
}

html[data-client-theme='vivo'] .btn-primary:hover,
html[data-client-theme='vivo'] .btn-primary:focus,
html[data-client-theme='vivo'] .btn-primary:active,
html[data-client-theme='vivo'] .btn-primary.active,
html[data-client-theme='vivo'] .show > .btn-primary.dropdown-toggle {
  background-color: #7a1aad;
  border-color: #7a1aad;
  color: #fff;
}

html[data-client-theme='vivo'] .btn-outline-primary {
  color: #660099;
  border-color: #660099;
}

html[data-client-theme='vivo'] .btn-outline-primary:hover,
html[data-client-theme='vivo'] .btn-outline-primary:focus {
  background-color: #660099;
  border-color: #660099;
  color: #fff;
}

html[data-client-theme='vivo'] .nav-pills .nav-link.active,
html[data-client-theme='vivo'] .nav-tabs .nav-link.active {
  background-color: #660099;
  border-color: #660099;
  color: #fff;
}

html[data-client-theme='vivo'] .navbar-brand,
html[data-client-theme='vivo'] .navbar-nav > .nav-item > .nav-link {
  color: rgba(255, 255, 255, 0.9);
}

html[data-client-theme='vivo'] .navbar-nav > .nav-item > .nav-link:hover,
html[data-client-theme='vivo'] .navbar-nav > .nav-item > .nav-link.active,
html[data-client-theme='vivo'] .navbar-brand:hover,
html[data-client-theme='vivo'] .navbar-brand {
  color: #fff;
}

html[data-client-theme='vivo'] .navbar .dropdown-menu .dropdown-item,
html[data-client-theme='vivo'] .dropdown-item {
  color: #212529;
  background-color: transparent;
}

html[data-client-theme='vivo'] .navbar .dropdown-menu .dropdown-item:hover,
html[data-client-theme='vivo'] .navbar .dropdown-menu .dropdown-item:focus,
html[data-client-theme='vivo'] .dropdown-item:hover,
html[data-client-theme='vivo'] .dropdown-item:focus {
  background-color: #f4e8fb !important;
  color: #660099 !important;
}

html[data-client-theme='vivo'] .dropdown-item.active,
html[data-client-theme='vivo'] .dropdown-item:active {
  background-color: #660099 !important;
  color: #fff !important;
}

html[data-client-theme='vivo'] a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link):not(.navbar-brand) {
  color: #660099;
}

html[data-client-theme='vivo'] a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link):not(.navbar-brand):hover {
  color: #7a1aad;
}

html[data-client-theme='vivo'] .page-item.active .page-link,
html[data-client-theme='vivo'] .pagination .page-item.active .page-link {
  background-color: #660099;
  border-color: #660099;
  color: #fff;
}

html[data-client-theme='vivo'] .page-link {
  color: #660099;
}

html[data-client-theme='vivo'] .form-check-input:checked,
html[data-client-theme='vivo'] .form-switch .form-check-input:checked {
  background-color: #660099;
  border-color: #660099;
}

html[data-client-theme='vivo'] .form-control:focus,
html[data-client-theme='vivo'] .form-select:focus {
  border-color: #c9a3e0;
  box-shadow: 0 0 0 0.2rem rgba(102, 0, 153, 0.25);
}

html[data-client-theme='vivo'] .swal2-confirm {
  background-color: #660099 !important;
}

html[data-client-theme='vivo'] .select2-container--default .select2-results__option--highlighted[aria-selected],
html[data-client-theme='vivo'] .select2-container--default .select2-results__option--selected {
  background-color: #660099;
}

html[data-client-theme='vivo'] .select2-container--default .select2-selection--single:focus {
  border-color: #660099;
}

html[data-client-theme='vivo'] .daterangepicker td.active,
html[data-client-theme='vivo'] .daterangepicker td.active:hover,
html[data-client-theme='vivo'] .daterangepicker .ranges li.active {
  background-color: #660099 !important;
  border-color: #660099 !important;
}

html[data-client-theme='vivo'] .daterangepicker td.in-range {
  background-color: #f4e8fb;
}

html[data-client-theme='vivo'] .dataTables_wrapper .paginate_button.current,
html[data-client-theme='vivo'] .dataTables_wrapper .paginate_button.current:hover {
  background: #660099 !important;
  border-color: #660099 !important;
  color: #fff !important;
}

html[data-client-theme='vivo'] #vehicles .vehicle-header,
html[data-client-theme='vivo'] button.vehicle-header,
html[data-client-theme='vivo'] .vehicle-header {
  background: linear-gradient(135deg, #660099, #7a1aad) !important;
  background-color: #660099 !important;
}

html[data-client-theme='vivo'] .section-label::before {
  background: #660099 !important;
}

html[data-client-theme='vivo'] .kpi-blue {
  background: linear-gradient(135deg, #660099, #7a1aad) !important;
}

html[data-client-theme='vivo'] .target-vs-achieved,
html[data-client-theme='vivo'] .usage-time {
  background: linear-gradient(135deg, #660099, #7a1aad);
}

html[data-client-theme='vivo'] {
  --bs-focus-ring-color: rgba(102, 0, 153, 0.35);
}

html[data-client-theme='vivo'] .btn:focus,
html[data-client-theme='vivo'] .btn:focus-visible,
html[data-client-theme='vivo'] .btn:active:focus,
html[data-client-theme='vivo'] .btn-check:focus + .btn,
html[data-client-theme='vivo'] .form-control:focus,
html[data-client-theme='vivo'] .form-control:focus-visible,
html[data-client-theme='vivo'] .form-select:focus,
html[data-client-theme='vivo'] .form-select:focus-visible,
html[data-client-theme='vivo'] .form-check-input:focus,
html[data-client-theme='vivo'] .form-check-input:focus-visible,
html[data-client-theme='vivo'] .page-link:focus,
html[data-client-theme='vivo'] .page-link:focus-visible,
html[data-client-theme='vivo'] .dropdown-toggle:focus,
html[data-client-theme='vivo'] .dropdown-toggle:focus-visible,
html[data-client-theme='vivo'] .nav-link:focus-visible,
html[data-client-theme='vivo'] .accordion-button:focus,
html[data-client-theme='vivo'] .form-control:focus-within,
html[data-client-theme='vivo'] .input-group:focus-within .form-control {
  border-color: #c9a3e0;
  box-shadow: 0 0 0 0.25rem rgba(102, 0, 153, 0.35) !important;
  outline-color: #660099;
}

html[data-client-theme='vivo'] :focus-visible {
  outline-color: #660099;
}

html[data-client-theme='vivo'] .btn-outline-secondary:hover,
html[data-client-theme='vivo'] .btn-outline-secondary:focus,
html[data-client-theme='vivo'] .btn-outline-secondary:focus-visible,
html[data-client-theme='vivo'] .btn-light:hover,
html[data-client-theme='vivo'] .btn-light:focus,
html[data-client-theme='vivo'] .btn-light:focus-visible {
  color: inherit;
  background-color: var(--bs-btn-bg, #f8f9fa);
  border-color: var(--bs-btn-border-color, #dee2e6);
  opacity: 0.82;
  box-shadow: none;
}

html[data-client-theme='vivo'] .btn-light.active:hover,
html[data-client-theme='vivo'] .btn-light.active:focus,
html[data-client-theme='vivo'] .btn-outline-secondary.active:hover {
  color: #fff;
  opacity: 0.92;
}

html[data-client-theme='vivo'] .btn-primary:focus-visible,
html[data-client-theme='vivo'] .btn-outline-primary:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(102, 0, 153, 0.45) !important;
}