.x-button {
  background-color: white;
  border-color: var(--nuance-4);
}
.x-button:hover {
  border-color: var(--theme-color5);
  color: var(--theme-color5);
}
.x-home-page {
  border-top: 8px solid var(--theme-color1);
}
.x-home-page #decoration {
  color: #c8c9c5;
}
.x-home-page.home #logo {
  position: absolute;
  width: 300px;
  top: 130px;
  transition: height 0.4s ease;
  padding: 24px;
  background-color: white;
  height: 106px;
}
.x-home-page.home #logo img {
  object-fit: cover;
}
.x-home-page .x-uilink .x-icon {
  background-color: #f1eae9;
  color: #62645e;
}
.x-home-page .x-uilink:hover .x-icon {
  color: #06135e;
}
.x-home-page #search {
  border-color: #aeb0ab;
}
.x-home-page #search .x-button {
  color: var(--theme-color2);
}
.x-home-page #search .x-button:hover {
  color: var(--theme-color1);
  border: none;
}
.x-home-page #search.x-focus {
  border-color: var(--theme-color4);
}
.x-home-page .result .x-list-item .name {
  color: var(--theme-color2);
}
.x-home-page .result .x-list-item .name:hover {
  color: var(--theme-color5);
}
.x-home-page.home #logo {
  position: absolute;
  width: 300px;
  top: 130px;
  transition: height 0.4s ease;
  padding: 24px;
  background-color: white;
  height: 106px;
}
.x-home-page.home #logo img {
  object-fit: contain;
}
.x-home-page.searching #logo {
  background-color: var(--theme-color);
  width: 250px;
  margin-right: 10px;
  padding: 4px;
}
.x-home-page.searching #logo img {
  object-fit: contain;
}
.x-home-page .cmd-bar .x-button:hover {
  color: var(--theme-color5);
}
.x-user-view .x-user-panel,
.x-patient-view .x-patient-panel {
  background-color: var(--theme-color1);
}
.x-settings-page .x-side-bar {
  background-color: var(--theme-color1);
}
.x-settings-page .x-side-bar .x-button .x-icon {
  color: inherit;
}
.x-settings-page .x-side-bar .x-button.x-active {
  color: var(--theme-color4);
  background-color: white;
}
.x-settings-page .x-side-bar .x-button:hover,
.x-settings-page .x-side-bar .x-button.x-active:hover {
  background-color: var(--theme-color4);
  color: white;
}
.x-patient-history > .title {
  background-color: transparent;
  color: var(--theme-color5);
}
.x-patient-history > .x-auto-layout > .elements {
  background-color: transparent;
}
.x-patient-history .x-history-element .elements .item.x-selected,
.x-patient-history .x-history-element .elements .item:hover {
  background-color: var(--theme-color);
  color: black;
}
.x-user-detail > .title {
  background-color: transparent;
  color: var(--theme-color5);
}
.x-user-view .title {
  display: none;
}
.x-patient-detail > .title {
  background-color: transparent;
  color: var(--theme-color5);
}
.x-patient-detail .x-part {
  border: none;
}
.x-patient-detail .x-panel > .title .x-label {
  color: var(--theme-color1);
  font-weight: bold;
}
textarea:focus {
  border-color: var(--theme-color5);
}
.x-text-edit.x-focus input,
.x-combo-edit.x-focus input,
.x-combo-box.x-focus .x-button.gadget,
.x-combo-box.x-focus input,
.x-combo-box.x-focus .x-fake-input {
  border-color: var(--theme-color5);
}
.x-menu .x-menu-item:hover,
.x-text-edit input::selection,
.x-combo-box input::selection,
.x-text-edit .x-fake-input::selection,
.x-combo-box .x-fake-input::selection,
.x-tree-view .x-tree-item.selected,
.x-list-view .x-list-item.x-selected,
.x-grid-view .x-scroll-view .x-row.x-selected,
.x-grid-view .x-scroll-view .x-row.x-selected:hover,
.x-list-view .x-list-item:hover {
  background-color: var(--theme-color5);
  color: white;
}
#auth-root > .x-form {
  width: 300px;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.6);
  padding: 110px 10px 11px 10px;
  background-image: url(logo.png);
  background-color: var(--theme-color);
  background-position: top;
  background-position-y: 30px;
}
#auth-root > .x-form .x-button {
  background-color: white;
  margin-top: 10px;
}
#auth-root > .x-form .x-button:hover {
  background-color: white;
  text-decoration: underline;
}
.x-quest-builder {
  background-color: #fbfbfb;
}
.x-quest-builder .editor.x-qelement {
  border-top-color: var(--theme-color4);
  background-color: rgba(0, 111, 183, 0.09);
}
.x-quest-builder .editor.x-qtitle {
  border-top-color: transparent;
  border-left-color: var(--theme-color4);
}
.x-quest-builder .cmdbar .x-check-box.slider input:checked + .x-label:after {
  background-color: var(--theme-color4);
  border-color: var(--theme-color4);
}
.x-quest-builder .cmdbar .x-check-box.slider input:checked + .x-label:before {
  background-color: white;
}
.x-grid-view .empty-msg {
  color: var(--theme-color);
}
.x-sticky-note > .title,
.x-sticky-note > .x-form {
  background-color: var(--theme-color3);
}
:root {
  --theme-color: white;
  --theme-color-light: #ffffff;
  --theme-color1: #06135e;
  --theme-color2: #62645e;
  --theme-color3: #F3DDC9;
  --theme-color4: #334C8B;
  --theme-color5: #d38654;
}
.x-bread-crumb .blink:not(.last) {
  color: #62645e;
}
.x-bread-crumb .blink.last {
  color: #06135e;
}
