/* openk9 embeddable ui containers */

.dialog-scoll-fix > div:nth-child(1) {
  height: 100%;
}

.dialog-scoll-fix > div:nth-child(1) > div:nth-child(1) {
  height: 100%;
}

.openk9-web-wrapper .mysmc-openk9-container {
  padding: 16px;
  background: lightgray;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.openk9-web-wrapper .mysmc-openk9-container #mysmc-openk9-tabs {
  line-height: 1;
}

.openk9-web-wrapper svg {
  box-sizing: content-box;
}

.openk9-web-wrapper .mysmc-openk9-bottom-container {
  display: flex;
  flex-grow: 1;
  padding-top: 16px;
}

.openk9-web-wrapper .mysmc-openk9-bottom-container > div {
  height: 100%;
}

.openk9-web-wrapper .mysmc-openk9-bottom-container #mysmc-openk9-filters {
  width: 20%;
}

.openk9-web-wrapper .mysmc-openk9-bottom-container #mysmc-openk9-results,
.openk9-web-wrapper .mysmc-openk9-bottom-container #mysmc-openk9-details {
  width: 40%;
}

/* openk9 embeddable ui custumization */

:root {
  --openk9-embeddable-search--primary-color: #c22525;
  --openk9-embeddable-search--active-color: #c22525;
  --openk9-embeddable-search--border-color: #ced4da;
  --openk9-embeddable-search--input-padding: 16px;
  --openk9-embeddable-search--primary-text-color: #62696e;
  --openk9-embeddable-search--secondary-text-color: #62696e;
  --openk9-embeddable-search--primary-background-color: #ffffff;
  --openk9-embeddable-search--secondary-background-color: #f7f7f7;
  --openk9-embeddable-search--secondary-background-color: #f7f7f7;
  --openk9-embeddable-primary-color: #235c87;
  --openk9-embeddable-blue-color: #0073e6;
}

.openk9-embeddable-search--input-container {
  border: 1px solid var(--openk9-embeddable-search--border-color);
  border-radius: 4px;
  background-color: white;
}

.openk9-embeddable-search--result-container {
  margin: 16px 16px 0px 16px;
  border: 1px solid var(--openk9-embeddable-search--border-color);
  border-radius: 4px;
}

.openk9-embeddable-search--result-container:hover {
  border: 1px solid var(--openk9-embeddable-search--active-color);
}

.openk9-web-wrapper .mysmc-openk9-maintenance-page {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--openk9-embeddable-search--primary-color);
}

.mysmc-openk9-container-search-and-calendar {
  display: flex;
  width: 100%;
  align-items: flex-end;
  gap: 10px;
}

.openk9-web-wrapper #mysmc-openk9-search {
  width: 100%;
}

.openk9-create-label-container-wrapper {
  border: 1px solid var(--openk9-embeddable-blue-color) !important;
  color: var(--openk9-embeddable-blue-color) !important;
}

/* Tab */

.openk9-single-tab-container {
  border: none !important;
  background: none !important;
}

.openk9-not-active {
  white-space: nowrap;
  padding: 8px 12px;
  border: 1px solid var(--openk9-embeddable-blue-color);
  background: white;
  border-radius: 8px;
  display: block;
  color: var(--openk9-embeddable-blue-color) !important;
  cursor: pointer !important;
  user-select: none !important;
}

.openk9-active-tab {
  white-space: nowrap;
  padding: 8px 12px;
  background: var(--openk9-embeddable-blue-color) !important;
  border-radius: 8px;
  display: block;
  color: white !important;
  cursor: pointer !important;
  user-select: none !important;
}

/* Search */

.visually-hidden {
  display: none;
}

.openk9--search-container {
  margin-top: 0px;
  margin-inline: 0px;
}

.openk9-embeddable-search--input-container {
  max-height: 53px;
  background-color: white !important;
}

.openk9-focusable:has(input:focus) {
  border: 1px solid var(--openk9-embeddable-blue-color) !important;
}

/* Query Analysis */

.openk9-token-select-factory-container-option-label {
  color: #235c87;
  border: 1px solid #235c87 !important;
}

/* Result */

.box-title {
  align-items: center;
  height: 60px;
}

/* Filters */

.dialog-iframe-popup .openk9-web-wrapper .os-content button {
  border-radius: 8px !important;
}

.dialog-iframe-popup .openk9-web-wrapper .mysmc-openk9-bottom-container input {
  max-height: 30px !important;
}

.more-detail-content {
  white-space: nowrap;
  gap: 3px;
}

.openk9-filter-list-container-internal-title {
  align-items: flex-end;
}

.is-checked-dynamic-radio {
  background-color: var(--openk9-embeddable-blue-color) !important;
}

.filter-dynamic-check {
  background-color: var(--openk9-embeddable-blue-color) !important;
}

.checked-checkbox {
  background-color: var(--openk9-embeddable-blue-color) !important;
}

.is-checked-fliter-category {
  background-color: var(--openk9-embeddable-blue-color) !important;
}

.filter-category-radio-checked {
  background-color: var(--openk9-embeddable-blue-color) !important;
}

/* Sort */
#mysmc-openk9-results .openk9-react-select__control {
    min-width: 230px;
}
#mysmc-openk9-results .openk9-sort-result-select {
  height: auto;
}
#mysmc-openk9-results .openk9-react-select__option--is-selected {
  background: var(--openk9-embeddable-blue-color) !important;
}
#mysmc-openk9-results .openk9-react-select__option--is-focused {
  background: #0058ff4a !important;
  border: 1px solid var(--openk9-embeddable-blue-color) !important;
  color: white;
}
#mysmc-openk9-results option--is-focused {
  background: black !important ;
}
#mysmc-openk9-results .openk9-react-select__control {
  background: inherit !important;
  border: 1px solid #716bce !important;
}
#mysmc-openk9-results .openk9-react-select__control:hover {
  border: 1px solid #716bce !important;
}
#mysmc-openk9-results .openk9-react-select__control--is-focused {
  box-shadow: 0 0 0 0.125rem #fff,
    0 0 0 0.25rem var(--openk9-embeddable-blue-color) !important;
  outline: 0 !important;
  border: 1px solid var(--openk9-embeddable-blue-color) !important;
}
/* Svg */

.path.openk9-logo-arrow-down-color {
  fill: var(--openk9-embeddable-blue-color);
}

.openk-9-filter-icon {
  fill: var(--openk9-embeddable-blue-color);
}

.openk9-logo-result-color {
  fill: var(--openk9-embeddable-blue-color);
}

.openk9-logo-preview-color {
  fill: var(--openk9-embeddable-blue-color);
}

.openk9-delete-logo-color {
  fill: var(--openk9-embeddable-blue-color);
}

.openk9-icon {
  fill: white;
}

.openk-9-filter-icon {
  fill: var(--openk9-embeddable-blue-color);
}

/*  Calendario */

.CalendarDay__selected,
.CalendarDay__selected:active {
  background: blue !important;
  border: 2px solid blue !important;
}

.DateInput_input {
  font-size: 18px !important;
}

.openk9-calendar-logo-color-secondar {
  fill: var(--openk9-embeddable-blue-color) !important;
}

.CalendarDay__selected_span {
  background: #6bb5f685 !important;
  border: 2px double #777979 !important;
  color: #fff;
}

.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  border: 2px solid var(--openk9-embeddable-blue-color) !important;
  color: #fff;
}

.CalendarDay__selected_span:hover {
  background: #e4e7e7 !important;
}

.CalendarDay__selected_span {
  border: 1px solid var(--openk9-embeddable-blue-color) !important;
}

/* Container */

.openk9-web-wrapper .mysmc-openk9-bottom-container #mysmc-openk9-results,
.openk9-web-wrapper .mysmc-openk9-bottom-container #mysmc-openk9-filters,
.openk9-web-wrapper .mysmc-openk9-bottom-container #mysmc-openk9-details {
  border: 1px solid #ced4da;
}