.root-276 {
	color: white;
}
/* ================================
   KUMO DARK PURPLE OVERRIDE THEME
   ================================ */

:root {
    --kmo-bg-main: #2b164f;
    --kmo-bg-hover: #4b2a7a;
    --kmo-bg-panel: #3a1f66;
    --kmo-border-soft: rgba(255,255,255,0.2);
    --kmo-error: rgb(238, 59, 150);
    --kmo-dd-bg: #2a0f4a;
}

/* ---------- GLOBAL BACKGROUND ---------- */
body {
    background: var(--kmo-bg-main) !important;
    color: #ffffff !important;
    font-weight: 500;
}

/* Remove all gradients injected by theme */
body::before,
body::after {
    display: none !important;
}

/* ---------- PANELS / FORMS / LISTS ---------- */
.crmEntityFormView,
.entitylist,
.card,
.card-body,
.card-header,
.modal-content,
.popover-content,
.list-group-item {
    background-color: var(--kmo-bg-panel) !important;
    color: #ffffff !important;
    border: 1px solid var(--kmo-border-soft);
}

.popover-header {
    background-color: #000 !important;
}

.validation-summary.alert.alert-error.alert-danger.alert-block, 
.validation-summary,
.alert {
    background-color: var(--kmo-error) !important;
}

.btn-close {
    background-color: #ffffff;
    text-shadow: #ffffff;
}

.container.quickform {
    max-width: fit-content;
    max-height: max-content;
}

/* ---------- TABLES ---------- */
.table,
.table th,
.table td {
    color: #ffffff !important;
    font-weight: 500;
}

.table-hover > tbody > tr:hover {
    background-color: var(--kmo-bg-hover) !important;
}

/* If selection is applied to the <tr> */
tr.selected.info > th,
tr.selected.info > td {
  background-color: var(--kmo-bg-main) !important;
  color: #ffffff !important;
}

tr.table-info > th,
tr.table-info > td {
  background-color: RGBA(0,0,0,0) !important;
  color: #ffffff !important;
}

.table-hover tbody tr.table-info {
  --bs-table-hover-bg: var(--kumo-bg-hover) !important;
}

.table-hover tbody tr.table-info:hover > th,
.table-hover tbody tr.table-info:hover > td {
    background-color: var(--kmo-bg-hover) !important;
}

/* ---------- FILTERS / ENTITY LIST ---------- */
.entitylist-filter,
.entitylist-filter .card-body {
    background-color: transparent !important;
    border: none !important;
}

/* ---------- NAV / MENUS ---------- */
.navbar,
.navbar-dark,
.dropdown-menu {
    background-color: var(--kmo-bg-main) !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: var(--kmo-bg-hover);
}

.navbar-collapse.collapse.show,
.dropdown-menu.dropdown-menu-end.show {
    background-color: #000;
}

.nav-item.dropdown .dropdown-menu {
  background-color: #000 !important;
  border-color: #222 !important;
}

.navbar a,
.dropdown-menu a {
    color: #ffffff !important;
    font-weight: 600;
}

.navbar a:hover,
.dropdown-menu a:hover {
    background-color: var(--kmo-bg-hover) !important;
}

/* ---------- BUTTONS ---------- */
.btn,
.button1,
.button2 {
    font-weight: 600 !important;
}

.btn-primary,
.btn-secondary,
.btn-default {
    background-color: var(--kmo-bg-hover) !important;
    border-color: var(--kmo-bg-hover) !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-secondary:hover,
.btn-default:hover {
    background-color: #5e3a94 !important;
    border-color: #5e3a94 !important;
}

/* ---------- INPUTS ---------- */
.form-control,
.form-select,
input,
textarea {
    background-color: rgba(255,255,255,0.08) !important;
    color: #ffffff !important;
    border: 1px solid var(--kmo-border-soft) !important;
    font-weight: 500;
}

/* Dropdowns */
select.form-select,
select.form-control,
select.picklist,
.crmEntityFormView select,
.entity-form select,
select option {
  background-color: var(--kmo-dd-bg) !important;
  color:#ffffff !important;
}

select.form-select:focus,
select.form-control:focus,
.crmEntityFormView select:focus,
select option:hover,
select option:focus {
  background-color: rgba(255,255,255,.28) !important;
  outline: none !important;
}



::placeholder {
    color: rgba(255,255,255,0.7) !important;
}

/* ---------- LINKS ---------- */
a {
    color: #ffffff !important;
    font-weight: 500;
}

a:hover {
    color: #d6c7ff !important;
}

/* ---------- HEADINGS ---------- */
h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
    font-weight: 700;
}

/* ---------- ENTITY LIST ROW HOVER ---------- */
.entitylist tbody tr[data-entity]:hover {
    background-color: var(--kmo-bg-hover) !important;
    cursor: pointer;
}