/* Kendo accent overrides — generated by apply-theme.sh */

#app .k-button-solid-primary {
  background-color: rgb(194, 27, 23) !important;
  border-color:     rgb(194, 27, 23) !important;
}
#app .k-button-solid-primary:hover,
#app .k-button-solid-primary.k-hover {
  background-color: rgb(155, 22, 18) !important;
  border-color:     rgb(155, 22, 18) !important;
}
#app .k-button-solid-primary:active,
#app .k-button-solid-primary.k-active {
  background-color: rgb(126, 18, 15) !important;
  border-color:     rgb(126, 18, 15) !important;
}
#app .k-button.k-primary {
  background-color: rgb(194, 27, 23) !important;
  border-color:     rgb(194, 27, 23) !important;
}
#app .k-button.k-primary:active,
#app .k-button.k-primary.k-state-active,
#app .k-button.k-primary.k-state-selected,
#app .k-action-buttons .k-primary:active {
  background-color: rgb(126, 18, 15) !important;
  border-color:     rgb(126, 18, 15) !important;
}
#app .k-input-focus,
#app .k-input:focus-within {
  border-color: rgb(194, 27, 23) !important;
}
#app .k-checkbox:checked,
#app .k-radio:checked {
  background-color: rgb(194, 27, 23) !important;
  border-color:     rgb(194, 27, 23) !important;
}
#app .k-link-primary,
#app a.k-link {
  color: rgb(194, 27, 23) !important;
}
#app .k-tabstrip-items .k-item.k-active {
  color:        rgb(194, 27, 23) !important;
  border-color: rgb(194, 27, 23) !important;
}
#app .k-button-solid-info {
  background-color: rgb(232, 60, 56) !important;
  border-color:     rgb(232, 60, 56) !important;
}
#app .k-button-solid-error {
  background-color: rgb(220, 53, 69) !important;
  border-color:     rgb(220, 53, 69) !important;
}
#app .k-button-outline-primary:hover,
#app .k-button-outline-primary.k-hover,
#app .k-button-outline-primary:active,
#app .k-button-outline-primary.k-active,
#app .k-button-outline-primary.k-selected {
  background:   rgb(194, 27, 23) !important;
  border-color: rgb(194, 27, 23) !important;
  color:        #fff !important;
}
#app .k-button.k-primary:hover,
#app .k-button.k-primary.k-state-hover,
#app .k-action-buttons .k-primary:hover {
  background:   rgb(194, 27, 23) !important;
  border-color: rgb(194, 27, 23) !important;
  color:        #fff !important;
}
#app .k-button.k-outline.k-primary:hover,
#app .k-button.k-outline.k-primary.k-state-hover {
  background:   rgb(194, 27, 23) !important;
  border-color: rgb(194, 27, 23) !important;
  color:        #fff !important;
}
#app .k-panelbar > .k-item > .k-link.k-selected,
#app .k-panelbar > .k-panelbar-header > .k-link.k-selected,
#app .k-panelbar .k-group > .k-item > .k-link.k-selected,
#app .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected,
#app .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected,
#app .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected {
  background: rgb(194, 27, 23) !important;
  color:      #fff !important;
}
#app .k-panelbar > .k-item > .k-link.k-state-selected,
#app .k-panelbar > .k-panelbar-header > .k-link.k-state-selected,
#app .k-panelbar .k-group > .k-item > .k-link.k-state-selected,
#app .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected {
  background:   rgb(194, 27, 23) !important;
  border-color: rgb(194, 27, 23) !important;
  color:        #fff !important;
}
#app .k-panelbar > .k-item > .k-link.k-selected:hover,
#app .k-panelbar > .k-item > .k-link.k-selected.k-hover,
#app .k-panelbar > .k-panelbar-header > .k-link.k-selected:hover,
#app .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover,
#app .k-panelbar .k-group > .k-item > .k-link.k-selected:hover,
#app .k-panelbar .k-group > .k-item > .k-link.k-selected.k-hover,
#app .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected:hover,
#app .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected.k-hover,
#app .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected:hover,
#app .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-hover,
#app .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:hover,
#app .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-hover {
  background: rgb(194, 27, 23) !important;
  color:      #fff !important;
}