/* ===== jQuery UI CMS THEME OVERRIDES ===== */

.ui-widget-content {
  background: var(--cms-card-bg-color) !important;
  color: var(--cms-font-color-body) !important;
  border-color: rgba(0,0,0,.15);
}

.ui-widget-header {
  background: var(--cms-active-color) !important;
  color: var(--cms-primary-font-color) !important;
  border-color: var(--cms-active-color) !important;
}

/* Buttons */
.ui-button {
  background: var(--cms-primary-color) !important;
  border-color: var(--cms-primary-color) !important;
  color: var(--cms-primary-font-color) !important;
}

.ui-button:hover {
  background: var(--cms-primary-hover-color) !important;
  border-color: var(--cms-primary-hover-color) !important;
}

.ui-state-default{
  background: var(--cms-card-bg-color) !important;
  border-color: var(--cms-active-color) !important;
  color: var(--cms-font-color-body) !important;
}
/* Active state */
.ui-state-active,
.ui-widget-content .ui-state-active {
  background: var(--cms-active-color) !important;
  border-color: var(--cms-active-color) !important;
  color: #fff !important;
}

/* Hover */
.ui-state-hover {
  background: var(--cms-active-color) !important;
  color:var(--cms-menu-font-hover-color) !important;
}

/* Dialog */
.ui-dialog {
  background: var(--cms-card-bg-color) !important;
  color: var(--cms-card-color) !important;
}

/* Tabs */
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  background: var(--cms-tab-active-bg-color) !important;
  color: var(--cms-tab-active-color) !important;
}