/* Dark theme: force frozen columns to use dark background */
html.dark
  .e-grid
  .e-leftfreeze:not(
    .e-summarycell,
    .e-indentcell,
    .e-updatedtd,
    .e-selectionbackground,
    .e-columnselection,
    .e-groupcaption,
    .e-cellselectionbackground
  ),
html.dark
  .e-grid
  .e-rightfreeze:not(
    .e-summarycell,
    .e-updatedtd,
    .e-selectionbackground,
    .e-columnselection,
    .e-groupcaption,
    .e-cellselectionbackground
  ),
html.dark
  .e-grid
  .e-fixedfreeze:not(
    .e-summarycell,
    .e-selectionbackground,
    .e-updatedtd,
    .e-columnselection,
    .e-groupcaption,
    .e-cellselectionbackground
  ) {
  background-color: var(--dark-bg-color-lighter) !important;
  color: var(--dark-font-regular-color) !important;
}
.e-accordion
  .e-acrdn-item.e-select.e-selected.e-expand-state
  > .e-acrdn-header
  .e-acrdn-header-icon,
.e-accordion
  .e-acrdn-item.e-select.e-selected.e-expand-state
  > .e-acrdn-header
  .e-acrdn-header-content,
.e-accordion
  .e-acrdn-item.e-select.e-expand-state
  > .e-acrdn-header
  .e-acrdn-header-icon,
.e-accordion
  .e-acrdn-item.e-select.e-expand-state
  > .e-acrdn-header
  .e-acrdn-header-content {
  color: #cfb62c;
}

.e-dropdownbase .e-list-item.e-active.e-hover {
  color: #cfb62c;
}

.e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
.e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard
  > .e-float-text {
  color: #cfb62c;
}

.e-outline.e-input-group.e-input-focus:hover:not(.e-success):not(
    .e-warning
  ):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
.e-outline.e-input-group.e-input-focus.e-control-wrapper:hover:not(
    .e-success
  ):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
.e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(
    .e-success
  ):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
.e-outline.e-float-input.e-input-focus:hover:not(.e-success):not(
    .e-warning
  ):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
.e-outline.e-input-group.e-input-focus.e-float-icon-left:not(.e-success):not(
    .e-warning
  ):not(.e-error):not(.e-disabled),
.e-outline.e-input-group.e-input-focus.e-control-wrapper.e-float-icon-left:not(
    .e-success
  ):not(.e-warning):not(.e-error):not(.e-disabled),
.e-outline.e-float-input.e-input-focus.e-float-icon-left:not(.e-success):not(
    .e-warning
  ):not(.e-error):not(.e-disabled),
.e-outline.e-float-input.e-input-focus.e-control-wrapper.e-float-icon-left:not(
    .e-success
  ):not(.e-warning):not(.e-error):not(.e-disabled),
.e-outline.e-float-input.e-input-focus:hover:not(.e-input-group):not(
    .e-success
  ):not(.e-warning):not(.e-error):not(.e-disabled),
.e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(
    .e-input-group
  ):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
.e-outline.e-input-group.e-float-icon-left.e-input-focus:hover:not(
    .e-success
  ):not(.e-warning):not(.e-error),
.e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:hover:not(
    .e-success
  ):not(.e-warning):not(.e-error),
.e-outline.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(
    .e-error
  ):not(.e-disabled),
.e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(
    .e-warning
  ):not(.e-error):not(.e-disabled),
.e-outline.e-float-input.e-input-focus:not(.e-success):not(.e-warning):not(
    .e-error
  ):not(.e-disabled),
.e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(
    .e-warning
  ):not(.e-error):not(.e-disabled),
.e-outline.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(
    .e-warning
  ):not(.e-error):not(.e-disabled),
.e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(
    .e-success
  ):not(.e-warning):not(.e-error):not(.e-disabled) {
  border-color: #cfb62c;
  box-shadow:
    inset 1px 1px #cfb62c,
    inset -1px 0 #cfb62c,
    inset 0 -1px #cfb62c;
}

.e-outline.e-input-focus label.e-float-text::before,
.e-outline.e-input-focus label.e-float-text::after,
.e-outline.e-float-input.e-input-focus label.e-float-text::before,
.e-outline.e-float-input.e-input-focus label.e-float-text::after,
.e-outline.e-float-input.e-control-wrapper.e-input-focus
  label.e-float-text::before,
.e-outline.e-float-input.e-control-wrapper.e-input-focus
  label.e-float-text::after {
  border-top-color: #cfb62c;
}

.e-outline.e-float-input.e-input-focus:not(.e-error):not(.e-success):not(
    .e-warning
  ):not(.e-disabled),
.e-outline.e-float-input.e-input-focus:not(.e-error):not(.e-success):not(
    .e-warning
  ):not(.e-disabled):not(.e-float-icon-left),
.e-outline.e-float-input.e-input-group.e-input-focus:not(.e-error):not(
    .e-success
  ):not(.e-warning):not(.e-disabled):not(.e-float-icon-left),
.e-outline.e-float-input.e-input-group.e-input-focus:not(.e-error):not(
    .e-success
  ):not(.e-warning):not(.e-disabled),
.e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-error):not(
    .e-success
  ):not(.e-warning):not(.e-disabled):not(.e-float-icon-left),
.e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-error):not(
    .e-success
  ):not(.e-warning):not(.e-disabled),
.e-outline.e-float-input.e-input-focus:hover:not(.e-error):not(.e-success):not(
    .e-warning
  ):not(.e-disabled),
.e-outline.e-float-input.e-input-group.e-input-focus:hover:not(.e-error):not(
    .e-success
  ):not(.e-warning):not(.e-disabled),
.e-outline.e-float-input.e-control-wrapper.e-input-focus:hover:not(
    .e-error
  ):not(.e-success):not(.e-warning):not(.e-disabled),
.e-outline.e-float-input.e-input-focus:hover:not(.e-error):not(.e-success):not(
    .e-warning
  ):not(.e-disabled):not(.e-float-icon-left),
.e-outline.e-float-input.e-input-group.e-input-focus:hover:not(.e-error):not(
    .e-success
  ):not(.e-warning):not(.e-disabled):not(.e-float-icon-left),
.e-outline.e-float-input.e-control-wrapper.e-input-focus:hover:not(
    .e-error
  ):not(.e-success):not(.e-warning):not(.e-disabled):not(.e-float-icon-left) {
  border-top-color: transparent;
  box-shadow:
    inset 1px 0 #cfb62c,
    inset -1px 0 #cfb62c,
    inset 0 -1px #cfb62c;
}

.e-float-input:not(.e-input-group) .e-float-line::before,
.e-float-input:not(.e-input-group) .e-float-line::after,
.e-float-input:not(.e-input-group) .e-float-line::before,
.e-float-input:not(.e-input-group) .e-float-line::after,
.e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before,
.e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after,
.e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before,
.e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after {
  background: #cfb62c;
}

input.e-input::selection,
textarea.e-input::selection,
.e-input-group input.e-input::selection,
.e-input-group.e-control-wrapper input.e-input::selection,
.e-float-input input::selection,
.e-float-input.e-control-wrapper input::selection,
.e-input-group textarea.e-input::selection,
.e-input-group.e-control-wrapper textarea.e-input::selection,
.e-float-input textarea::selection,
.e-float-input.e-control-wrapper textarea::selection {
  background: #cfb62c;
  color: #fff;
}

.e-float-input.e-small textarea::selection,
.e-float-input textarea::selection {
  background: #cfb62c;
  color: #fff;
}

.e-input-group:not(.e-float-icon-left):not(.e-float-input)::before,
.e-input-group:not(.e-float-icon-left):not(.e-float-input)::after,
.e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,
.e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after,
.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(
    .e-float-input
  )::before,
.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(
    .e-float-input
  )::after,
.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input)
  .e-input-in-wrap::before,
.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input)
  .e-input-in-wrap::after {
  background: #cfb62c;
}

.e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::before,
.e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::after,
.e-float-input.e-input-group.e-float-icon-left
  .e-input-in-wrap
  .e-float-line::before,
.e-float-input.e-input-group.e-float-icon-left
  .e-input-in-wrap
  .e-float-line::after,
.e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left)
  .e-float-line::before,
.e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left)
  .e-float-line::after,
.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left
  .e-input-in-wrap
  .e-float-line::before,
.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left
  .e-input-in-wrap
  .e-float-line::after {
  background: #cfb62c;
}

.e-input:focus:not(.e-success):not(.e-warning):not(.e-error),
.e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group)
  input:focus,
.e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group)
  textarea:focus,
.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(
    .e-error
  ):not(.e-input-group)
  input:focus,
.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(
    .e-error
  ):not(.e-input-group)
  textarea:focus,
.e-float-input.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(
    .e-input-group
  )
  input,
.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(
    .e-warning
  ):not(.e-error):not(.e-input-group)
  input {
  border-color: #cfb62c;
}

.e-float-input:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text,
.e-bigger .e-float-input:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
.e-small .e-float-input:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input:not(.e-error)
  input[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-float-input.e-bigger:not(.e-error)
  input[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-float-input:not(.e-error)
  input[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error)
  input[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error)
  input[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-float-input.e-control-wrapper:not(.e-error)
  input[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text,
.e-small
  .e-float-input:not(.e-error)
  input[readonly]:focus
  ~ label.e-float-text.e-label-top,
.e-float-input.e-small.e-bigger:not(.e-error)
  input[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-float-input.e-small:not(.e-error)
  input[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-small:not(.e-error)
  input[readonly]:focus
  ~ label.e-float-text,
.e-small
  .e-float-input.e-control-wrapper:not(.e-error)
  input[readonly]:focus
  ~ label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error)
  input[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-float-input.e-control-wrapper.e-small:not(.e-error)
  input[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-float-input.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-label-top.e-float-text,
.e-float-input.e-bigger.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-float-input.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-float-input.e-control-wrapper.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-label-top.e-float-text,
.e-float-input.e-small.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-float-text,
.e-small
  .e-float-input.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-float-text.e-label-top,
.e-float-input.e-small.e-bigger.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-float-input.e-small.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-float-text,
.e-small
  .e-float-input.e-control-wrapper.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper.e-small.e-bigger.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-label-top.e-float-text,
.e-float-input:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-float-input.e-bigger:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-float-input:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-float-input.e-control-wrapper:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-float-input.e-small:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-float-text,
.e-small
  .e-float-input:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-float-text.e-label-top,
.e-float-input.e-small.e-bigger:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-float-input.e-small:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-label-top.e-float-text
  .e-float-input.e-control-wrapper.e-small:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-float-text,
.e-small
  .e-float-input.e-control-wrapper:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-float-input.e-control-wrapper.e-small:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-float-input.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-label-top.e-float-text,
.e-float-input.e-bigger.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-float-input.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-float-input.e-control-wrapper.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-label-top.e-float-text,
.e-float-input.e-small.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-float-text,
.e-small
  .e-float-input.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-float-text.e-label-top,
.e-float-input.e-small.e-bigger.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-float-input.e-small.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-label-top.e-float-text
  .e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-float-text,
.e-small
  .e-float-input.e-control-wrapper.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper.e-small.e-bigger.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-label-top.e-float-text,
.e-float-input.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text,
.e-float-input.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text,
.e-bigger .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text,
.e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text,
.e-small .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text,
.e-float-input.e-small.e-bigger:not(.e-error)
  textarea:focus
  ~ label.e-float-text,
.e-bigger
  .e-float-input.e-small:not(.e-error)
  textarea:focus
  ~ label.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error)
  input:focus
  ~ label.e-float-text,
.e-bigger
  .e-float-input.e-control-wrapper:not(.e-error)
  input:focus
  ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small:not(.e-error)
  input:focus
  ~ label.e-float-text,
.e-small
  .e-float-input.e-control-wrapper:not(.e-error)
  input:focus
  ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error)
  input:focus
  ~ label.e-float-text,
.e-bigger
  .e-float-input.e-control-wrapper.e-small:not(.e-error)
  input:focus
  ~ label.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error)
  textarea:focus
  ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error)
  textarea:focus
  ~ label.e-float-text,
.e-bigger
  .e-float-input.e-control-wrapper:not(.e-error)
  textarea:focus
  ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small:not(.e-error)
  textarea:focus
  ~ label.e-float-text,
.e-small
  .e-float-input.e-control-wrapper:not(.e-error)
  textarea:focus
  ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error)
  textarea:focus
  ~ label.e-float-text,
.e-bigger
  .e-float-input.e-control-wrapper.e-small:not(.e-error)
  textarea:focus
  ~ label.e-float-text,
.e-float-input.e-input-focus:not(.e-error) input ~ label.e-float-text,
.e-float-input.e-bigger.e-input-focus:not(.e-error) input ~ label.e-float-text,
.e-bigger .e-float-input.e-input-focus:not(.e-error) input ~ label.e-float-text,
.e-float-input.e-small.e-input-focus:not(.e-error) input ~ label.e-float-text,
.e-small .e-float-input.e-input-focus:not(.e-error) input ~ label.e-float-text,
.e-float-input.e-small.e-bigger.e-input-focus:not(.e-error)
  input
  ~ label.e-float-text,
.e-bigger
  .e-float-input.e-small.e-input-focus:not(.e-error)
  input
  ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-input-focus:not(.e-error)
  input
  ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger.e-input-focus:not(.e-error)
  input
  ~ label.e-float-text,
.e-bigger
  .e-float-input.e-control-wrapper.e-input-focus:not(.e-error)
  input
  ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error)
  input
  ~ label.e-float-text,
.e-small
  .e-float-input.e-control-wrapper.e-input-focus:not(.e-error)
  input
  ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-bigger.e-input-focus:not(.e-error)
  input
  ~ label.e-float-text,
.e-bigger
  .e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error)
  input
  ~ label.e-float-text {
  color: #cfb62c;
}

.e-outline.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(
    .e-error
  ),
.e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(
    .e-warning
  ):not(.e-error) {
  border-color: #cfb62c;
  box-shadow:
    inset 1px 1px #cfb62c,
    inset -1px 0 #cfb62c,
    inset 0 -1px #cfb62c;
}

.e-outline.e-float-input.e-input-group.e-valid-input.e-input-focus
  label.e-label-top,
.e-outline.e-float-input.e-input-group.e-input-focus label.e-label-top,
.e-outline.e-float-input.e-control-wrapper.e-input-group.e-valid-input.e-input-focus
  label.e-label-top,
.e-outline.e-float-input.e-control-wrapper.e-input-group.e-input-focus
  label.e-label-top {
  color: #cfb62c;
}

.e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text,
.e-filled.e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text,
.e-bigger
  .e-filled.e-float-input:not(.e-error)
  input:focus
  ~ label.e-float-text,
.e-filled.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
.e-small .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text,
.e-filled.e-float-input.e-small.e-bigger:not(.e-error)
  input:focus
  ~ label.e-float-text,
.e-bigger
  .e-filled.e-float-input.e-small:not(.e-error)
  input:focus
  ~ label.e-float-text,
.e-filled.e-float-input:not(.e-error)
  input[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-filled.e-float-input.e-bigger:not(.e-error)
  input[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-filled.e-float-input:not(.e-error)
  input[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-filled.e-float-input.e-control-wrapper:not(.e-error)
  input[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error)
  input[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-filled.e-float-input.e-control-wrapper:not(.e-error)
  input[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-filled.e-float-input.e-small:not(.e-error)
  input[readonly]:focus
  ~ label.e-float-text,
.e-small
  .e-filled.e-float-input:not(.e-error)
  input[readonly]:focus
  ~ label.e-float-text.e-label-top,
.e-filled.e-float-input.e-small.e-bigger:not(.e-error)
  input[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-filled.e-float-input.e-small:not(.e-error)
  input[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error)
  input[readonly]:focus
  ~ label.e-float-text,
.e-small
  .e-float-input.e-control-wrapper:not(.e-error)
  input[readonly]:focus
  ~ label.e-float-text.e-label-top,
.e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error)
  input[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error)
  input[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-filled.e-float-input.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-label-top.e-float-text,
.e-filled.e-float-input.e-bigger.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-filled.e-float-input.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-label-top.e-float-text,
.e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-label-top.e-float-text,
.e-filled.e-float-input.e-control-wrapper.e-bigger.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-label-top.e-float-text,
.e-filled.e-float-input.e-small.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-float-text,
.e-small
  .e-filled.e-float-input.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-float-text.e-label-top,
.e-filled.e-float-input.e-small.e-bigger.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-filled.e-float-input.e-small.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-label-top.e-float-text,
.e-filled.e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-float-text,
.e-small
  .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-float-text.e-label-top,
.e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-input-focus:not(
    .e-error
  )
  input[readonly]
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-filled.e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error)
  input[readonly]
  ~ label.e-label-top.e-float-text,
.e-filled.e-float-input:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-filled.e-float-input.e-bigger:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-filled.e-float-input:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-filled.e-float-input.e-control-wrapper:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-filled.e-float-input.e-control-wrapper:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-filled.e-float-input.e-small:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-float-text,
.e-small
  .e-filled.e-float-input:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-float-text.e-label-top,
.e-filled.e-float-input.e-small.e-bigger:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-filled.e-float-input.e-small:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-label-top.e-float-text
  .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-float-text,
.e-small
  .e-filled.e-float-input.e-control-wrapper:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-float-text.e-label-top,
.e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error)
  textarea[readonly]:focus
  ~ label.e-label-top.e-float-text,
.e-filled.e-float-input.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-label-top.e-float-text,
.e-filled.e-float-input.e-bigger.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-filled.e-float-input.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-label-top.e-float-text,
.e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-label-top.e-float-text,
.e-filled.e-float-input.e-control-wrapper.e-bigger.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-label-top.e-float-text,
.e-filled.e-float-input.e-small.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-float-text,
.e-small
  .e-filled.e-float-input.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-float-text.e-label-top,
.e-filled.e-float-input.e-small.e-bigger.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-filled.e-float-input.e-small.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-label-top.e-float-text
  .e-filled.e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-float-text,
.e-small
  .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-float-text.e-label-top,
.e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-input-focus:not(
    .e-error
  )
  textarea[readonly]
  ~ label.e-label-top.e-float-text,
.e-bigger
  .e-filled.e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error)
  textarea[readonly]
  ~ label.e-label-top.e-float-text,
.e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text,
.e-filled.e-float-input.e-bigger:not(.e-error)
  textarea:focus
  ~ label.e-float-text,
.e-bigger
  .e-filled.e-float-input:not(.e-error)
  textarea:focus
  ~ label.e-float-text,
.e-filled.e-float-input.e-small:not(.e-error)
  textarea:focus
  ~ label.e-float-text,
.e-small
  .e-filled.e-float-input:not(.e-error)
  textarea:focus
  ~ label.e-float-text,
.e-filled.e-float-input.e-small.e-bigger:not(.e-error)
  textarea:focus
  ~ label.e-float-text,
.e-bigger
  .e-filled.e-float-input.e-small:not(.e-error)
  textarea:focus
  ~ label.e-float-text,
.e-filled.e-float-input.e-control-wrapper:not(.e-error)
  input:focus
  ~ label.e-float-text,
.e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error)
  input:focus
  ~ label.e-float-text,
.e-bigger
  .e-filled.e-float-input.e-control-wrapper:not(.e-error)
  input:focus
  ~ label.e-float-text,
.e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error)
  input:focus
  ~ label.e-float-text,
.e-small
  .e-filled.e-float-input.e-control-wrapper:not(.e-error)
  input:focus
  ~ label.e-float-text,
.e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error)
  input:focus
  ~ label.e-float-text,
.e-bigger
  .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error)
  input:focus
  ~ label.e-float-text,
.e-filled.e-float-input.e-control-wrapper:not(.e-error)
  textarea:focus
  ~ label.e-float-text,
.e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error)
  textarea:focus
  ~ label.e-float-text,
.e-bigger
  .e-filled.e-float-input.e-control-wrapper:not(.e-error)
  textarea:focus
  ~ label.e-float-text,
.e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error)
  textarea:focus
  ~ label.e-float-text,
.e-small
  .e-filled.e-float-input.e-control-wrapper:not(.e-error)
  textarea:focus
  ~ label.e-float-text,
.e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error)
  textarea:focus
  ~ label.e-float-text,
.e-bigger
  .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error)
  textarea:focus
  ~ label.e-float-text,
.e-filled.e-float-input.e-input-focus:not(.e-error) input ~ label.e-float-text,
.e-filled.e-float-input.e-bigger.e-input-focus:not(.e-error)
  input
  ~ label.e-float-text,
.e-bigger
  .e-filled.e-float-input.e-input-focus:not(.e-error)
  input
  ~ label.e-float-text,
.e-filled.e-float-input.e-small.e-input-focus:not(.e-error)
  input
  ~ label.e-float-text,
.e-small
  .e-filled.e-float-input.e-input-focus:not(.e-error)
  input
  ~ label.e-float-text,
.e-filled.e-float-input.e-small.e-bigger.e-input-focus:not(.e-error)
  input
  ~ label.e-float-text,
.e-bigger
  .e-filled.e-float-input.e-small.e-input-focus:not(.e-error)
  input
  ~ label.e-float-text,
.e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-error)
  input
  ~ label.e-float-text,
.e-filled.e-float-input.e-control-wrapper.e-bigger.e-input-focus:not(.e-error)
  input
  ~ label.e-float-text,
.e-bigger
  .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-error)
  input
  ~ label.e-float-text,
.e-filled.e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error)
  input
  ~ label.e-float-text,
.e-small
  .e-filled.e-float-input.e-control-wrapper.e-input-focus:not(.e-error)
  input
  ~ label.e-float-text,
.e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-input-focus:not(
    .e-error
  )
  input
  ~ label.e-float-text,
.e-bigger
  .e-filled.e-float-input.e-control-wrapper.e-small.e-input-focus:not(.e-error)
  input
  ~ label.e-float-text {
  color: #cfb62c;
}

.e-filled.e-input-group.e-float-icon-left:not(.e-float-input)::before,
.e-filled.e-input-group.e-float-icon-left:not(.e-float-input)::after,
.e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(
    .e-float-input
  )::before,
.e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(
    .e-float-input
  )::after {
  background: #cfb62c;
}

.e-filled.e-float-input.e-input-group.e-float-icon-left .e-float-line::before,
.e-filled.e-float-input.e-input-group.e-float-icon-left .e-float-line::after,
.e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left
  .e-float-line::before,
.e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left
  .e-float-line::after {
  background: #cfb62c;
}

.e-spinner-pane.e-spin-overlay .e-spinner-inner .e-spin-bootstrap {
  fill: #cfb62c;
  stroke: #cfb62c;
}

.e-spinner-pane .e-spinner-inner .e-spin-fabric .e-path-arc {
  stroke: #cfb62c;
}

.e-spinner-pane .e-spinner-inner .e-spin-high-contrast .e-path-arc {
  stroke: #cfb62c;
}

.e-spinner-pane .e-spinner-inner .e-spin-material {
  stroke: #cfb62c;
}

.e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 {
  stroke: #cfb62c;
}

.e-spinner-pane .e-spinner-inner .e-spin-bootstrap {
  fill: #cfb62c;
  stroke: #cfb62c;
}

.e-dropdownbase .e-list-item.e-active,
.e-dropdownbase .e-list-item.e-active.e-hover {
  background-color: #eee;
  border-color: #fff;
  color: #cfb62c;
}

.e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active,
.e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active.e-hover {
  background-color: #eee;
  border-color: #fff;
  color: #cfb62c;
}

.e-badge.e-badge-primary:not(.e-badge-ghost):not([href]),
.e-badge.e-badge-primary[href]:not(.e-badge-ghost) {
  background-color: #cfb62c;
  color: #fff;
}

.e-badge.e-badge-secondary:not(.e-badge-ghost):not([href]),
.e-badge.e-badge-secondary[href]:not(.e-badge-ghost) {
  background-color: #cfb62c;
  color: #fff;
}

.e-badge.e-badge-ghost.e-badge-primary {
  background-color: transparent;
  border: 1px solid #cfb62c;
  color: #cfb62c;
}

.e-badge.e-badge-ghost.e-badge-secondary {
  background-color: transparent;
  border: 1px solid #cfb62c;
  color: #cfb62c;
}

.e-btn.e-primary,
.e-css.e-btn.e-primary {
  background-color: #cfb62c;
  border-color: transparent;
  color: #fff;
}

.e-btn.e-flat.e-primary,
.e-css.e-btn.e-flat.e-primary {
  background-color: transparent;
  border-color: transparent;
  color: #cfb62c;
}

.e-btn.e-flat.e-primary:hover,
.e-css.e-btn.e-flat.e-primary:hover {
  background-color: rgba(207, 182, 44, 0.04);
  border-color: transparent;
  color: #cfb62c;
}

.e-btn.e-flat.e-primary:focus,
.e-css.e-btn.e-flat.e-primary:focus {
  background-color: rgba(207, 182, 44, 0.12);
  border-color: transparent;
  color: #cfb62c;
}

.e-btn.e-flat.e-primary:active,
.e-btn.e-flat.e-primary.e-active,
.e-css.e-btn.e-flat.e-primary:active,
.e-css.e-btn.e-flat.e-primary.e-active {
  background-color: rgba(207, 182, 44, 0.24);
  border-color: transparent;
  color: #cfb62c;
}

.e-btn.e-outline.e-primary,
.e-css.e-btn.e-outline.e-primary {
  background-color: transparent;
  border-color: #cfb62c;
  color: #cfb62c;
}

.e-calendar .e-content.e-year td.e-selected:hover span.e-day,
.e-calendar .e-content.e-decade td.e-selected:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,
.e-bigger.e-small
  .e-calendar
  .e-content.e-decade
  td.e-selected:hover
  span.e-day {
  background-color: #cfb62c;
}

.e-calendar .e-content td.e-today span.e-day,
.e-calendar .e-content td.e-focused-date.e-today span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-today span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
  background: none;
  border: 1px solid #cfb62c;
  border-radius: 50%;
  color: #cfb62c;
}

.e-calendar .e-content td.e-focused-date.e-today span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
  background: #eee;
  border: 1px solid #cfb62c;
  color: #cfb62c;
}

.e-calendar .e-content td.e-today:focus span.e-day,
.e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-today:focus span.e-day,
.e-bigger.e-small
  .e-calendar
  .e-content
  td.e-focused-date.e-today:focus
  span.e-day {
  background-color: #eee;
  border: none;
  border-radius: 50%;
  color: #cfb62c;
}

.e-calendar .e-content td.e-today:hover span.e-day,
.e-calendar .e-content td.e-focused-date.e-today:hover span.e-day,
.e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-today:hover span.e-day,
.e-bigger.e-small
  .e-calendar
  .e-content
  td.e-focused-date.e-today:hover
  span.e-day,
.e-bigger.e-small
  .e-calendar
  .e-content
  td.e-focused-date.e-today:focus
  span.e-day {
  background-color: #eee;
  border: 1px solid #cfb62c;
  color: #cfb62c;
}

.e-calendar .e-content td.e-today.e-selected span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
  background-color: #cfb62c;
  border: 1px solid #cfb62c;
  box-shadow: inset 0 0 0 2px #fff;
  color: #fff;
}

.e-calendar .e-content td.e-selected span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
  background-color: #cfb62c;
  border: none;
  border-radius: 50%;
  color: #fff;
}

.e-calendar .e-content .e-footer,
.e-bigger.e-small .e-calendar .e-content .e-footer {
  color: #cfb62c;
}

.e-card .e-card-actions .e-card-btn,
.e-card .e-card-actions a {
  background-color: #fff;
  border: 0;
  color: #cfb62c;
  outline: 0;
}

.e-card .e-card-actions .e-card-btn:hover,
.e-card .e-card-actions a:hover {
  background-color: rgba(0, 0, 0, 0.12);
  border: 0;
  color: #cfb62c;
}

.e-card .e-card-actions .e-card-btn:focus,
.e-card .e-card-actions a:focus {
  background-color: rgba(0, 0, 0, 0.12);
  border: 0;
  color: #cfb62c;
}

.e-card .e-card-actions .e-card-btn:active,
.e-card .e-card-actions a:active {
  background-color: rgba(0, 0, 0, 0.12);
  border: 0;
  color: #cfb62c;
}

.e-checkbox-wrapper .e-frame.e-check,
.e-css.e-checkbox-wrapper .e-frame.e-check {
  background-color: #cfb62c;
  border-color: transparent;
  color: #fff;
}

.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check,
.e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check {
  background-color: #cfb62c;
  border-color: transparent;
  box-shadow: none;
  color: #fff;
}

.e-checkbox-wrapper .e-checkbox:active + .e-frame.e-check,
.e-css.e-checkbox-wrapper .e-checkbox:active + .e-frame.e-check {
  background-color: #cfb62c;
  border-color: transparent;
  box-shadow: none;
  color: #fff;
}

.e-checkbox-wrapper:hover .e-frame.e-check,
.e-css.e-checkbox-wrapper:hover .e-frame.e-check {
  background-color: #cfb62c;
  border-color: transparent;
  color: #fff;
}

.e-chip-list.e-selection .e-chip.e-active {
  background-color: #cfb62c;
  border-color: transparent;
  color: #fff;
}

.e-chip-list.e-selection .e-chip.e-active.e-focused .e-chip-avatar {
  background-color: #cfb62c;
  color: #fff;
}

.e-chip-list.e-selection .e-chip.e-active.e-outline {
  background-color: #cfb62c;
  border-color: #cfb62c;
  color: #fff;
}

.e-chip-list.e-selection .e-chip.e-active.e-outline.e-focused .e-chip-avatar {
  background-color: #cfb62c;
  color: #fff;
}

.e-chip-list.e-chip.e-primary,
.e-chip-list .e-chip.e-primary {
  background-color: #cfb62c;
  border-color: transparent;
  color: #fff;
}

.e-chip-list.e-chip.e-primary.e-focused .e-chip-avatar,
.e-chip-list .e-chip.e-primary.e-focused .e-chip-avatar {
  background-color: #cfb62c;
  color: #fff;
}

.e-chip-list.e-chip.e-primary.e-focused.e-active .e-chip-avatar,
.e-chip-list .e-chip.e-primary.e-focused.e-active .e-chip-avatar {
  background-color: #cfb62c;
  color: #fff;
}

.e-chip-list.e-chip.e-primary.e-outline,
.e-chip-list .e-chip.e-primary.e-outline {
  background-color: transparent;
  border-color: #cfb62c;
  color: #cfb62c;
}

.e-chip-list.e-chip.e-primary.e-outline .e-chip-icon,
.e-chip-list.e-chip.e-primary.e-outline .e-chip-delete,
.e-chip-list .e-chip.e-primary.e-outline .e-chip-icon,
.e-chip-list .e-chip.e-primary.e-outline .e-chip-delete {
  color: #cfb62c;
}

.e-chip-list.e-chip.e-primary.e-outline .e-chip-avatar,
.e-chip-list .e-chip.e-primary.e-outline .e-chip-avatar {
  background-color: #cfb62c;
  color: #fff;
}

.e-chip-list.e-chip.e-primary.e-outline:not(.e-active)
  .e-chip-delete.e-dlt-btn:hover,
.e-chip-list
  .e-chip.e-primary.e-outline:not(.e-active)
  .e-chip-delete.e-dlt-btn:hover {
  color: #cfb62c;
}

.e-chip-list.e-chip.e-primary.e-outline:hover,
.e-chip-list .e-chip.e-primary.e-outline:hover {
  background-color: rgba(207, 182, 44, 0.12);
  border-color: #cfb62c;
  color: #cfb62c;
}

.e-chip-list.e-chip.e-primary.e-outline:hover .e-chip-icon,
.e-chip-list.e-chip.e-primary.e-outline:hover .e-chip-delete,
.e-chip-list .e-chip.e-primary.e-outline:hover .e-chip-icon,
.e-chip-list .e-chip.e-primary.e-outline:hover .e-chip-delete {
  color: #cfb62c;
}

.e-chip-list.e-chip.e-primary.e-outline:hover .e-chip-avatar,
.e-chip-list .e-chip.e-primary.e-outline:hover .e-chip-avatar {
  background-color: #cfb62c;
  color: #fff;
}

.e-chip-list.e-chip.e-primary.e-outline.e-focused .e-chip-avatar,
.e-chip-list .e-chip.e-primary.e-outline.e-focused .e-chip-avatar {
  background-color: #cfb62c;
  color: #fff;
}

.e-chip-list.e-chip.e-primary.e-outline.e-focused.e-active .e-chip-avatar,
.e-chip-list .e-chip.e-primary.e-outline.e-focused.e-active .e-chip-avatar {
  background-color: #cfb62c;
  color: #fff;
}

.e-slider-tooltip.e-tooltip-wrap.e-popup {
  background-color: #cfb62c;
  border: 0;
  border-radius: 8px;
  cursor: -webkit-grab;
  cursor: grab;
  opacity: 1;
}

.e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-inner {
  color: #cfb62c;
}

.e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-bottom {
  border-top-color: #cfb62c;
}

.e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-top {
  border-bottom-color: #cfb62c;
}

.e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-right {
  border-left-color: #cfb62c;
}

.e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-left {
  border-right-color: #cfb62c;
}

.e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default {
  background-color: #cfb62c;
  border: 0;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 0%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  cursor: -webkit-grab;
  cursor: grab;
  opacity: 1;
}

.e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle::after {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  background-color: #cfb62c;
  transform: scale(1);
}

.e-control-wrapper.e-slider-container .e-slider .e-range {
  background-color: #cfb62c;
}

.e-control-wrapper.e-slider-container .e-slider .e-handle {
  background-color: #cfb62c;
  border-color: #cfb62c;
}

.e-control-wrapper.e-slider-container.e-slider-hover .e-range {
  background-color: #cfb62c;
}

.e-control-wrapper.e-slider-container.e-slider-hover .e-handle {
  border-color: #cfb62c;
}

.e-datepicker .e-model-header {
  background-color: #cfb62c;
  color: #fff;
  cursor: default;
  display: block;
  padding: 10px 10px 10px 15px;
}

.e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
  color: #cfb62c;
}

.e-radio:focus + label::before {
  border-color: #cfb62c;
  box-shadow: none;
}

.e-radio:checked + label::before {
  background-color: #fff;
  border-color: #cfb62c;
}

.e-radio:checked + label::after {
  background-color: #cfb62c;
  color: #cfb62c;
}

.e-radio:checked:focus + label::before {
  border-color: #cfb62c;
}

.e-radio:checked:focus + label::after {
  background-color: #cfb62c;
}

.e-radio:checked + label:hover::before {
  border-color: #cfb62c;
}

.e-radio:checked + label:hover::after {
  background-color: #cfb62c;
}

.e-switch-wrapper .e-switch-on,
.e-css.e-switch-wrapper .e-switch-on {
  background-color: #cfb62c;
  color: #fff;
}

.e-switch-wrapper .e-switch-handle.e-switch-active,
.e-css.e-switch-wrapper .e-switch-handle.e-switch-active {
  background-color: #cfb62c;
}

.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on,
.e-css.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
  background-color: #cfb62c;
  color: #fff;
}

.e-switch-wrapper:hover .e-switch-handle.e-switch-active,
.e-css.e-switch-wrapper:hover .e-switch-handle.e-switch-active {
  background-color: #cfb62c;
}

.e-switch-wrapper.e-rtl .e-switch-on,
.e-css.e-switch-wrapper.e-rtl .e-switch-on {
  background-color: #cfb62c;
}

.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active,
.e-css.e-switch-wrapper.e-rtl .e-switch-handle.e-switch-active {
  background-color: #cfb62c;
}

.e-switch-wrapper.e-rtl:hover .e-switch-inner.e-switch-active .e-switch-on,
.e-css.e-switch-wrapper.e-rtl:hover
  .e-switch-inner.e-switch-active
  .e-switch-on {
  background-color: #cfb62c;
}

.e-switch-wrapper.e-rtl:hover .e-switch-handle.e-switch-active,
.e-css.e-switch-wrapper.e-rtl:hover .e-switch-handle.e-switch-active {
  background-color: #cfb62c;
}

.e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
.e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
  background-color: #cfb62c;
  border-color: transparent;
  color: #fff;
}

.e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
.e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
*.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
*.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
*.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
*.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
  border: 1px solid #cfb62c;
  box-shadow: none;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  line-height: 34px;
  max-width: 116px;
  overflow: hidden;
  padding: 1px 6px;
  text-overflow: ellipsis;
  width: 50%;
}

.e-bigger
  .e-daterangepicker.e-rtl.e-popup
  .e-range-header
  .e-start-end
  .e-end-btn,
*.e-bigger.e-daterangepicker.e-rtl.e-popup
  .e-range-header
  .e-start-end
  .e-end-btn,
*.e-device.e-daterangepicker.e-rtl.e-popup
  .e-range-header
  .e-start-end
  .e-end-btn {
  border: 1px solid #cfb62c;
  border-radius: 2px 0 0 2px;
  border-right: 0;
}

.e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
  color: #cfb62c;
}

.e-date-range-wrapper.e-input-group:not(.e-disabled)
  .e-input-group-icon.e-active:active {
  color: #cfb62c;
}

.e-daterangepicker.e-popup
  .e-calendar
  .e-content.e-month
  .e-today.e-range-hover
  span,
.e-bigger.e-small
  .e-daterangepicker.e-popup
  .e-calendar
  .e-content.e-month
  .e-today.e-range-hover
  span {
  background-color: #eee;
  border: 1px solid #cfb62c;
  color: #cfb62c;
}

.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
.e-daterangepicker.e-popup
  .e-calendar
  .e-range-hover.e-focused-date.e-today
  span.e-day,
.e-daterangepicker.e-popup
  .e-calendar
  .e-range-hover.e-start-date.e-selected.e-today
  span.e-day,
.e-daterangepicker.e-popup
  .e-calendar
  .e-range-hover.e-end-date.e-selected.e-today
  span.e-day,
.e-bigger.e-small
  .e-daterangepicker.e-popup
  .e-calendar
  .e-range-hover.e-today:hover
  span.e-day,
.e-bigger.e-small
  .e-daterangepicker.e-popup
  .e-calendar
  .e-range-hover.e-focused-date.e-today
  span.e-day,
.e-bigger.e-small
  .e-daterangepicker.e-popup
  .e-calendar
  .e-range-hover.e-start-date.e-selected.e-today
  span.e-day,
.e-bigger.e-small
  .e-daterangepicker.e-popup
  .e-calendar
  .e-range-hover.e-end-date.e-selected.e-today
  span.e-day {
  border: 1px solid #cfb62c;
}

.e-daterangepicker.e-popup
  .e-calendar
  .e-range-hover.e-selected.e-today:hover
  span.e-day,
.e-bigger.e-small
  .e-daterangepicker.e-popup
  .e-calendar
  .e-range-hover.e-selected.e-today:hover
  span.e-day {
  border: 1px solid #cfb62c;
}

.e-daterangepicker.e-popup
  .e-calendar
  .e-end-date.e-selected.e-range-hover
  span.e-day,
.e-daterangepicker.e-popup
  .e-calendar
  .e-start-date.e-selected.e-range-hover
  span.e-day,
.e-bigger.e-small
  .e-daterangepicker.e-popup
  .e-calendar
  .e-end-date.e-selected.e-range-hover
  span.e-day,
.e-bigger.e-small
  .e-daterangepicker.e-popup
  .e-calendar
  .e-start-date.e-selected.e-range-hover
  span.e-day {
  background-color: #cfb62c;
  color: #fff;
}

.e-daterangepicker.e-popup
  .e-calendar
  .e-start-date.e-selected.e-range-hover.e-today
  span.e-day,
.e-bigger.e-small
  .e-daterangepicker.e-popup
  .e-calendar
  .e-start-date.e-selected.e-range-hover.e-today
  span.e-day {
  background-color: #cfb62c;
  color: #fff;
}

.e-daterangepicker.e-popup .e-presets .e-list-item.e-active,
.e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
  background-color: #fff;
  color: #cfb62c;
}

.e-bigger .e-daterangepicker .e-start-btn.e-active,
.e-bigger .e-daterangepicker .e-start-btn.e-active:active,
.e-bigger .e-daterangepicker .e-end-btn.e-active,
.e-bigger .e-daterangepicker .e-end-btn.e-active:active:not([disabled]),
.e-bigger .e-daterangepicker .e-start-btn.e-active:hover,
.e-bigger .e-daterangepicker .e-end-btn.e-active:hover,
*.e-bigger.e-daterangepicker .e-start-btn.e-active,
*.e-bigger.e-daterangepicker .e-start-btn.e-active:active,
*.e-bigger.e-daterangepicker .e-end-btn.e-active,
*.e-bigger.e-daterangepicker .e-end-btn.e-active:active:not([disabled]),
*.e-bigger.e-daterangepicker .e-start-btn.e-active:hover,
*.e-bigger.e-daterangepicker .e-end-btn.e-active:hover,
*.e-device.e-daterangepicker .e-start-btn.e-active,
*.e-device.e-daterangepicker .e-start-btn.e-active:active,
*.e-device.e-daterangepicker .e-end-btn.e-active,
*.e-device.e-daterangepicker .e-end-btn.e-active:active:not([disabled]),
*.e-device.e-daterangepicker .e-start-btn.e-active:hover,
*.e-device.e-daterangepicker .e-end-btn.e-active:hover {
  background: #cfb62c;
  color: #fff;
}

.e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
  color: #cfb62c;
}

.e-datetime-wrapper.e-input-group:not(.e-disabled)
  .e-input-group-icon.e-active:active {
  color: #cfb62c;
}

.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
  background-color: #eee;
  color: #cfb62c;
}

.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
  background-color: #eee;
  color: #cfb62c;
}

.e-upload
  .e-upload-files
  .e-upload-file-list
  .e-file-container
  .e-progress-inner-wrap
  .e-upload-progress-bar.e-upload-progress {
  background: #cfb62c;
}

.e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
  color: #cfb62c;
}

.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
  color: #cfb62c;
}

.e-tab .e-tab-header .e-indicator {
  background: #cfb62c;
}

.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
  color: #cfb62c;
}

.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
  color: #cfb62c;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-icon,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-tab-icon {
  color: #cfb62c;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-tab-text {
  color: #cfb62c;
}

.e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
.e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
  color: #cfb62c;
}

.e-tab.e-fill .e-tab-header {
  border-bottom: 2px Solid #cfb62c;
}

.e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
  background: #cfb62c;
  border-radius: 0;
}

.e-tab.e-fill .e-tab-header.e-horizontal-bottom {
  border-bottom: 0;
  border-top: 2px Solid #cfb62c;
}

.e-tab.e-fill .e-tab-header.e-vertical.e-vertical-left {
  border-right: 2px Solid #cfb62c;
}

.e-tab.e-fill .e-tab-header.e-vertical.e-vertical-right {
  border-left: 2px Solid #cfb62c;
}

.e-tab.e-fill.e-focused
  .e-tab-header
  .e-toolbar-item
  .e-tab-wrap:focus
  .e-tab-icon,
.e-tab.e-fill.e-focused
  .e-tab-header
  .e-toolbar-item
  .e-tab-wrap:focus
  .e-tab-text,
.e-tab.e-fill.e-focused
  .e-tab-header
  .e-toolbar-item
  .e-tab-wrap:focus
  .e-close-icon {
  color: #cfb62c;
}

.e-tab.e-background .e-tab-header {
  background: #cfb62c;
  border: 0;
}

.e-tab.e-background .e-tab-header .e-toolbar-items {
  background: #cfb62c;
}

.e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
  background: #cfb62c;
}

.e-tab.e-background .e-tab-header .e-toolbar-item .e-close-icon:hover {
  color: #cfb62c;
}

.e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
  background: #cfb62c;
  border-radius: 0;
}

.e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item {
  background: #cfb62c;
}

.e-tab.e-background.e-disable
  .e-tab-header
  .e-toolbar-item.e-active
  .e-tab-wrap,
.e-tab.e-background.e-disable
  .e-tab-header
  .e-toolbar-item.e-active
  .e-tab-wrap:focus {
  background: #cfb62c;
  color: rgba(255, 255, 255, 0.38);
}

.e-tab.e-background.e-accent .e-tab-header .e-indicator {
  background: #cfb62c;
}

.e-treeview .e-list-item.e-active > .e-text-content {
  color: #cfb62c;
}

.e-treeview .e-list-item.e-active > .e-text-content .e-list-text {
  color: #cfb62c;
}

.e-treeview .e-list-item.e-active.e-hover > .e-text-content {
  color: #cfb62c;
}

.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
  color: #cfb62c;
}

.e-treeview .e-sibling {
  background: #cfb62c;
}

.e-treeview.e-drag-item .e-drop-count {
  background-color: #cfb62c;
  border-color: #fff;
  color: #fff;
}

.e-treeview.e-drag-item.e-rtl .e-sibling {
  background: #cfb62c;
}

.e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
  background-color: #cfb62c;
  color: #fff;
  padding: 12px 4px 11px 0;
}

.e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
  background-color: #cfb62c;
  border-radius: 2px;
  color: #fff;
  height: 40px;
  line-height: 40px;
}

.e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
  background-color: #e0e0e0;
  border: 1px solid transparent;
  box-shadow: none;
  color: #cfb62c;
}

.e-popup.e-multi-select-list-wrapper.e-multiselect-group
  .e-list-group-item.e-active.e-item-focus {
  background-color: #e0e0e0;
  border: 1px solid transparent;
  box-shadow: none;
  color: #cfb62c;
}

.e-multiselect.e-filled
  .e-multi-select-wrapper.e-mob-wrapper
  .e-chips.e-mob-chip.e-chip-selected,
.e-multiselect.e-outline
  .e-multi-select-wrapper
  .e-chips.e-mob-chip.e-chip-selected {
  background-color: #cfb62c;
  border-radius: 4px;
  box-sizing: border-box;
  color: #fff;
  height: 40px;
  line-height: 40px;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

.e-listbox-wrapper .e-placeholder,
.e-listbox-container .e-placeholder {
  background-color: #cfb62c;
  display: block;
  height: 1px;
}

.e-listbox-wrapper.e-sortableclone .e-list-badge,
.e-listbox-container.e-sortableclone .e-list-badge {
  align-items: center;
  background-color: #cfb62c;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 12px;
  height: 22px;
  justify-content: center;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 22px;
}

.e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
.e-listbox-wrapper
  .e-list-item.e-focused
  .e-css.e-checkbox-wrapper
  .e-frame.e-check,
.e-listbox-container
  .e-list-item.e-focused
  .e-checkbox-wrapper
  .e-frame.e-check,
.e-listbox-container
  .e-list-item.e-focused
  .e-css.e-checkbox-wrapper
  .e-frame.e-check {
  background-color: #cfb62c;
  border-color: transparent;
  color: #fff;
}

.e-splitter
  .e-split-bar.e-split-bar-horizontal
  .e-navigate-arrow:not(.e-icon-hidden)::before,
.e-splitter
  .e-split-bar.e-split-bar-horizontal
  .e-navigate-arrow:not(.e-icon-hidden)::after {
  background-color: #cfb62c;
  opacity: 0;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover,
.e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
  background: #cfb62c;
}

.e-splitter
  .e-split-bar.e-split-bar-horizontal.e-split-bar-hover
  .e-resize-handler,
.e-splitter
  .e-split-bar.e-split-bar-horizontal.e-split-bar-active
  .e-resize-handler {
  background: #fff;
  color: #cfb62c;
}

.e-splitter
  .e-split-bar.e-split-bar-horizontal.e-split-bar-hover.e-split-bar-hover
  .e-navigate-arrow::before,
.e-splitter
  .e-split-bar.e-split-bar-horizontal.e-split-bar-hover.e-split-bar-active
  .e-navigate-arrow::before,
.e-splitter
  .e-split-bar.e-split-bar-horizontal.e-split-bar-active.e-split-bar-hover
  .e-navigate-arrow::before,
.e-splitter
  .e-split-bar.e-split-bar-horizontal.e-split-bar-active.e-split-bar-active
  .e-navigate-arrow::before {
  background-color: #cfb62c;
  opacity: 1;
  transform: rotate(40deg);
}

.e-splitter
  .e-split-bar.e-split-bar-horizontal.e-split-bar-hover.e-split-bar-hover
  .e-navigate-arrow::after,
.e-splitter
  .e-split-bar.e-split-bar-horizontal.e-split-bar-hover.e-split-bar-active
  .e-navigate-arrow::after,
.e-splitter
  .e-split-bar.e-split-bar-horizontal.e-split-bar-active.e-split-bar-hover
  .e-navigate-arrow::after,
.e-splitter
  .e-split-bar.e-split-bar-horizontal.e-split-bar-active.e-split-bar-active
  .e-navigate-arrow::after {
  background-color: #cfb62c;
  opacity: 1;
  transform: rotate(-40deg);
}

.e-splitter
  .e-split-bar.e-split-bar-horizontal.e-split-bar-hover
  .e-navigate-arrow.e-arrow-right::before,
.e-splitter
  .e-split-bar.e-split-bar-horizontal.e-split-bar-active
  .e-navigate-arrow.e-arrow-right::before {
  background-color: #cfb62c;
  opacity: 1;
  transform: rotate(-40deg);
}

.e-splitter
  .e-split-bar.e-split-bar-horizontal.e-split-bar-hover
  .e-navigate-arrow.e-arrow-right::after,
.e-splitter
  .e-split-bar.e-split-bar-horizontal.e-split-bar-active
  .e-navigate-arrow.e-arrow-right::after {
  background-color: #cfb62c;
  opacity: 1;
  transform: rotate(40deg);
}

.e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
  background: #cfb62c;
}

.e-splitter
  .e-split-bar.e-split-bar-horizontal.e-split-bar-active
  .e-resize-handler {
  background: #fff;
  color: #cfb62c;
}

.e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover,
.e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
  background: #cfb62c;
}

.e-splitter
  .e-split-bar.e-split-bar-vertical.e-split-bar-hover
  .e-resize-handler,
.e-splitter
  .e-split-bar.e-split-bar-vertical.e-split-bar-active
  .e-resize-handler {
  background: #fff;
  color: #cfb62c;
}

.e-splitter
  .e-split-bar.e-split-bar-vertical.e-split-bar-hover
  .e-navigate-arrow.e-arrow-up::before,
.e-splitter
  .e-split-bar.e-split-bar-vertical.e-split-bar-active
  .e-navigate-arrow.e-arrow-up::before {
  background-color: #cfb62c;
  opacity: 1;
  transform: rotate(125deg);
}

.e-splitter
  .e-split-bar.e-split-bar-vertical.e-split-bar-hover
  .e-navigate-arrow.e-arrow-up::after,
.e-splitter
  .e-split-bar.e-split-bar-vertical.e-split-bar-active
  .e-navigate-arrow.e-arrow-up::after {
  background-color: #cfb62c;
  opacity: 1;
  transform: rotate(50deg);
}

.e-splitter
  .e-split-bar.e-split-bar-vertical.e-split-bar-hover
  .e-navigate-arrow.e-arrow-down::before,
.e-splitter
  .e-split-bar.e-split-bar-vertical.e-split-bar-active
  .e-navigate-arrow.e-arrow-down::before {
  background-color: #cfb62c;
  opacity: 1;
  transform: rotate(55deg);
}

.e-splitter
  .e-split-bar.e-split-bar-vertical.e-split-bar-hover
  .e-navigate-arrow.e-arrow-down::after,
.e-splitter
  .e-split-bar.e-split-bar-vertical.e-split-bar-active
  .e-navigate-arrow.e-arrow-down::after {
  background-color: #cfb62c;
  opacity: 1;
  transform: rotate(125deg);
}

.e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow::before,
.e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow::after {
  background-color: #cfb62c;
  opacity: 0;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
  background: #cfb62c;
}

.e-splitter
  .e-split-bar.e-split-bar-vertical.e-split-bar-active
  .e-resize-handler {
  background: #fff;
  color: #cfb62c;
}

.e-pager .e-currentitem,
.e-pager .e-currentitem:hover {
  background: #cfb62c;
  color: #fff;
  opacity: 1;
}

.e-excelfilter .e-filtered::before {
  color: #cfb62c;
}

.e-xlsel {
  background-color: #cfb62c;
  border-color: #cfb62c;
}

.e-grid .e-gridheader .e-firstrow-dragborder,
.e-grid.e-rtl .e-gridheader .e-firstrow-dragborder,
.e-grid .e-gridcontent .e-lastrow-dragborder,
.e-grid.e-rtl .e-gridcontent .e-lastrow-dragborder {
  bottom: 0;
  background-color: #cfb62c;
  height: 2px;
  position: absolute;
}

.e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
.e-grid .e-gridcontent .e-rowcell.e-dragborder,
.e-grid .e-gridcontent .e-rowdragdrop.e-dragborder,
.e-grid .e-gridcontent .e-detailrowcollapse.e-dragborder,
.e-grid .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder,
.e-grid .e-gridheader .e-rowcell.e-dragborder,
.e-grid .e-gridheader .e-rowdragdrop.e-dragborder,
.e-grid .e-gridheader .e-detailrowcollapse.e-dragborder,
.e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
.e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder,
.e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder,
.e-grid.e-rtl .e-gridcontent .e-detailrowcollapse.e-dragborder,
.e-grid.e-rtl .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder,
.e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder,
.e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder,
.e-grid.e-rtl .e-gridheader .e-detailrowcollapse.e-dragborder {
  box-shadow: 0 2px 0 0 #cfb62c;
  position: relative;
  z-index: 5;
}

.e-bigger
  .e-responsive-dialog
  .e-dlg-header-content
  .e-dlg-header
  .e-res-custom-element
  .e-res-filter-clear-btn,
.e-bigger.e-responsive-dialog
  .e-dlg-header-content
  .e-dlg-header
  .e-res-custom-element
  .e-res-filter-clear-btn {
  color: #cfb62c;
  margin-top: 3px;
  padding: 0;
}

.e-bigger
  .e-responsive-dialog
  .e-dlg-header-content
  .e-dlg-header
  .e-res-custom-element
  .e-res-sort-clear-btn,
.e-bigger.e-responsive-dialog
  .e-dlg-header-content
  .e-dlg-header
  .e-res-custom-element
  .e-res-sort-clear-btn {
  color: #cfb62c;
  font-size: 15px;
  font-weight: 500;
  padding-top: 5px;
}

.e-bigger
  .e-responsive-dialog
  .e-dlg-header-content
  .e-dlg-header
  .e-res-custom-element
  .e-btn,
.e-bigger.e-responsive-dialog
  .e-dlg-header-content
  .e-dlg-header
  .e-res-custom-element
  .e-btn {
  background: none;
  border: 0;
  color: #cfb62c;
}

.e-bigger .e-responsive-dialog .e-dlg-content .e-filtersetdiv .e-filterset,
.e-bigger.e-responsive-dialog .e-dlg-content .e-filtersetdiv .e-filterset {
  color: #cfb62c;
}

.e-grid .e-autofill {
  background-color: #cfb62c;
}

.e-grid .e-autofill,
.e-grid .e-xlsel {
  border-color: #cfb62c;
  z-index: 1;
}

.e-grid .e-xlselaf {
  background-color: #cfb62c;
  border-color: #cfb62c;
  position: absolute;
}

.e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
.e-grid .e-gridcontent .e-rowcell.e-dragborder,
.e-grid .e-gridcontent .e-rowdragdrop.e-dragborder,
.e-grid .e-gridheader thead tr th.e-firstrowdragborder,
.e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
.e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder,
.e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
  box-shadow: 0 2px 0 0 #cfb62c;
  position: relative;
  z-index: 5;
}

.e-grid .e-frozenhdrcont .e-headercontent > .e-table,
.e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
.e-grid .e-frozenhdrcont .e-movableheader > .e-table,
.e-grid .e-frozenhdrcont .e-headercontent .e-virtualtable > .e-table {
  border-bottom-color: #cfb62c;
}

.e-grid .e-frozenheader > .e-table,
.e-grid .e-frozencontent > .e-table,
.e-grid .e-frozencontent .e-virtualtable > .e-table,
.e-grid .e-frozenheader .e-virtualtable > .e-table {
  border-right-color: #cfb62c;
}

.e-grid .e-frozenheader.e-frozen-right-header > .e-table,
.e-grid .e-frozencontent.e-frozen-right-content > .e-table {
  border-left-color: #cfb62c;
}

.e-grid.e-rtl .e-frozenheader > .e-table,
.e-grid.e-rtl .e-frozencontent > .e-table,
.e-grid.e-rtl .e-frozenheader .e-virtualtable > .e-table,
.e-grid.e-rtl .e-frozencontent .e-virtualtable > .e-table {
  border-left-color: #cfb62c;
}

.e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table,
.e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
  border-right-color: #cfb62c;
}

.e-grid .e-filtered::before {
  color: #cfb62c;
}

.e-grid .e-row .e-dragstartrow::before,
.e-grid .e-row .e-selectionbackground .e-dragstartrow::before {
  color: #cfb62c;
}

.e-grid .e-groupheadercell {
  background-color: #cfb62c;
  border-color: #e0e0e0;
  border-radius: 12px;
  color: #fff;
}

.e-grid .e-groupheadercell:hover {
  background-color: #cfb62c;
  border-color: #000;
}

.e-dropitemscount {
  background-color: #cfb62c;
  color: #fff;
}

.e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg,
.e-progress-btn.e-primary.e-outline.e-flat:hover
  .e-spinner-pane
  .e-spinner-inner
  svg,
.e-progress-btn.e-primary.e-outline.e-flat:focus
  .e-spinner-pane
  .e-spinner-inner
  svg {
  fill: #cfb62c;
  stroke: #cfb62c;
}

.e-progress-btn.e-primary.e-flat
  .e-spinner-pane
  .e-spinner-inner
  svg
  .e-path-circle,
.e-progress-btn.e-primary.e-outline.e-flat:hover
  .e-spinner-pane
  .e-spinner-inner
  svg
  .e-path-circle,
.e-progress-btn.e-primary.e-outline.e-flat:focus
  .e-spinner-pane
  .e-spinner-inner
  svg
  .e-path-circle {
  stroke: #cfb62c;
}

.e-progress-btn.e-primary.e-flat
  .e-spinner-pane
  .e-spinner-inner
  svg
  .e-path-arc,
.e-progress-btn.e-primary.e-outline.e-flat:hover
  .e-spinner-pane
  .e-spinner-inner
  svg
  .e-path-arc,
.e-progress-btn.e-primary.e-outline.e-flat:focus
  .e-spinner-pane
  .e-spinner-inner
  svg
  .e-path-arc {
  stroke: #cfb62c;
}

.e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg {
  fill: #cfb62c;
  stroke: #cfb62c;
}

.e-progress-btn.e-outline.e-primary
  .e-spinner-pane
  .e-spinner-inner
  svg
  .e-path-circle {
  stroke: #cfb62c;
}

.e-progress-btn.e-outline.e-primary
  .e-spinner-pane
  .e-spinner-inner
  svg
  .e-path-arc {
  stroke: #cfb62c;
}

.e-toast-container .e-toast .e-toast-progress {
  background-color: #cfb62c;
}

.e-time-wrapper .e-input-group-icon.e-icons.e-active {
  color: #cfb62c;
}

.e-time-wrapper.e-input-group:not(.e-disabled)
  .e-input-group-icon.e-active:active {
  color: #cfb62c;
}

.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
  background-color: #eee;
  color: #cfb62c;
}

.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
  background-color: #eee;
  color: #cfb62c;
}

.e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn-text,
.e-schedule .e-schedule-toolbar .e-active-view .e-icons {
  color: #cfb62c;
}

.e-schedule .e-new-event {
  background-color: #cfb62c;
  border: 1px solid #fff;
  border-radius: 5px;
  height: 100%;
  opacity: 0.9;
  position: relative;
  width: 100%;
  z-index: 1;
}

.e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
  background: #cfb62c;
  border: 1px solid #f4edc9;
  border-radius: 2px;
  color: #fff;
  display: flex;
  height: 54px;
  margin-bottom: 2px;
  overflow: hidden;
  position: absolute;
}

.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment {
  background: #cfb62c;
  border: 1px solid #f4edc9;
  border-radius: 2px;
  color: #fff;
  display: flex;
  height: 22px;
  overflow: hidden;
  position: absolute;
}

.e-schedule .e-vertical-view .e-day-wrapper .e-appointment {
  background: #cfb62c;
  border: 1px solid #f4edc9;
  border-radius: 2px;
  color: #fff;
  overflow: hidden;
  position: absolute;
}

.e-schedule .e-month-view .e-appointment {
  background: #cfb62c;
  border: 1px solid #f4edc9;
  border-radius: 2px;
  color: #fff;
  cursor: default;
  display: flex;
  height: 22px;
  overflow: hidden;
  position: absolute;
}

.e-schedule
  .e-year-view
  .e-calendar-wrapper
  .e-month-calendar.e-calendar
  .e-appointment,
.e-schedule
  .e-year-view
  .e-calendar-wrapper
  .e-month-calendar.e-calendar
  .e-appointment-indicator {
  background-color: #cfb62c;
  border-radius: 50%;
  height: 5px;
  margin-left: 13px;
  margin-top: -6px;
  position: absolute;
  width: 5px;
}

.e-schedule .e-timeline-year-view .e-resource-left-td.e-current-day,
.e-schedule .e-timeline-year-view .e-date-header-wrap table td.e-current-day {
  color: #cfb62c;
}

.e-schedule .e-timeline-year-view .e-work-cells.e-current-day .e-date-header {
  background-color: #cfb62c;
  border-radius: 50%;
  color: #fff;
  margin: 2px;
  width: 20px;
}

.e-schedule .e-timeline-year-view .e-month-header.e-current-day {
  color: #cfb62c;
}

.e-schedule .e-timeline-year-view .e-event-table .e-appointment {
  background: #cfb62c;
  border: 1px solid #f4edc9;
  border-radius: 2px;
  color: #fff;
  cursor: default;
  display: flex;
  height: 22px;
  overflow: hidden;
  position: absolute;
}

.e-schedule .e-timeline-view .e-appointment,
.e-schedule .e-timeline-month-view .e-appointment {
  background: #cfb62c;
  border: 1px solid #f4edc9;
  border-radius: 2px;
  color: #fff;
  cursor: default;
  display: flex;
  height: 38px;
  overflow: hidden;
  position: absolute;
}

.e-schedule .e-month-agenda-view .e-appointment {
  border-left: 3px solid #cfb62c;
  border-right: 0;
  cursor: default;
  padding: 0 8px;
}

.e-schedule .e-month-agenda-view .e-work-cells .e-appointment-indicator {
  background: #cfb62c;
  border-radius: 50%;
  height: 6px;
  left: 0;
  margin: 1px auto;
  width: 6px;
}

.e-schedule.e-rtl .e-month-agenda-view .e-appointment {
  border-left: 0;
  border-right: 3px solid #cfb62c;
}

.e-schedule .e-agenda-view .e-month-header {
  background: #cfb62c;
  height: 100px;
  padding-top: 12px;
  vertical-align: top;
}

.e-schedule .e-agenda-view .e-day-date-header.e-current-day {
  color: #cfb62c;
}

.e-schedule .e-agenda-view .e-appointment {
  border-left: 3px solid #cfb62c;
  border-right: 0;
  cursor: default;
  padding: 0 8px;
}

.e-schedule.e-rtl .e-agenda-view .e-appointment {
  border-left: 0;
  border-right: 3px solid #cfb62c;
}

.e-quick-popup-wrapper .e-event-popup .e-popup-header {
  background-color: #cfb62c;
}

.e-appointment.e-schedule-event-clone {
  background: #cfb62c;
  border-radius: 2px;
  box-shadow:
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12),
    0 3px 5px -1px rgba(0, 0, 0, 0.2);
  color: #fff;
  display: flex;
  height: 38px;
  width: 100px;
  z-index: 9;
}

.e-more-popup-wrapper .e-more-event-date-header .e-current-date {
  color: #cfb62c;
}

.e-more-popup-wrapper .e-appointment {
  background: #cfb62c;
  border-radius: 2px;
  color: #fff;
  display: flex;
  height: 22px;
  line-height: 20px;
  margin-bottom: 2px;
  padding: 2px 0;
  width: 100%;
}

.e-schedule .e-vertical-view .e-header-cells.e-current-day {
  color: #cfb62c;
}

.e-schedule .e-vertical-view .e-all-day-cells.e-current-day {
  color: #cfb62c;
}

.e-schedule .e-vertical-view .e-clone-time-indicator,
.e-schedule .e-vertical-view .e-current-time {
  color: #cfb62c;
}

.e-schedule .e-vertical-view .e-current-timeline {
  border-top: 1px solid #cfb62c;
}

.e-schedule .e-vertical-view .e-previous-timeline {
  border-top: 1px dotted #cfb62c;
}

.e-schedule .e-month-view .e-date-header-wrap table td.e-current-day,
.e-schedule .e-month-agenda-view .e-date-header-wrap table td.e-current-day {
  color: #cfb62c;
}

.e-schedule .e-month-view .e-current-date .e-date-header,
.e-schedule .e-month-agenda-view .e-current-date .e-date-header {
  background-color: #cfb62c;
  border-radius: 50%;
  color: #fff;
  width: 20px;
}

.e-schedule .e-timeline-view .e-date-header-wrap table td.e-current-day,
.e-schedule .e-timeline-month-view .e-date-header-wrap table td.e-current-day {
  color: #cfb62c;
}

.e-schedule .e-timeline-view .e-clone-time-indicator,
.e-schedule .e-timeline-view .e-current-time {
  color: #cfb62c;
  font-size: 11px;
}

.e-schedule .e-timeline-view .e-current-timeline {
  border-left: 1px solid #cfb62c;
}

.e-pager .e-currentitem.e-numericitem.e-focused {
  background: #cfb62c;
}

.e-grid .e-leftfreeze.e-freezeleftborder {
  border-right-color: #cfb62c;
}

/* Light theme: set frozen columns to grid background */
html:not(.dark)
  .e-grid
  .e-leftfreeze:not(
    .e-summarycell,
    .e-indentcell,
    .e-updatedtd,
    .e-selectionbackground,
    .e-columnselection,
    .e-groupcaption,
    .e-cellselectionbackground
  ),
html:not(.dark)
  .e-grid
  .e-rightfreeze:not(
    .e-summarycell,
    .e-updatedtd,
    .e-selectionbackground,
    .e-columnselection,
    .e-groupcaption,
    .e-cellselectionbackground
  ),
html:not(.dark)
  .e-grid
  .e-fixedfreeze:not(
    .e-summarycell,
    .e-selectionbackground,
    .e-updatedtd,
    .e-columnselection,
    .e-groupcaption,
    .e-cellselectionbackground
  ) {
  background-color: #fff;
}