/* TabStrip cannot be styled with ThemeBuilder because it uses k-tabstrip-item
in every style definition.
The Kendo UI for Vue v6.4.1 DOES NOT RENDER this class on the li tags, so none
of out styles are applied.  Every TabStrip style from ThemeBuilder must be
re-applied here without the k-tabstrip-item class.  There is no way to modify
ThemeBuilder to remove this class.
*/

/* #region k-tabstrip-item fix */

.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item,
.k-button.k-button-md {
  font-family: Inter;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4285714286;
  letter-spacing: 0.2px;
  text-transform: none;
}

.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-focus,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-focus,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-focused,
.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item:focus {
  box-shadow: inset 0px 0px 0px 2px #195bb5;
}

.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item
  .k-link {
  padding-bottom: 4px;
}
.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item {
  color: #003583;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-style: none;
}
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-active
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-active
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item:active
  .k-link {
  padding-bottom: 3px;
}
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-focus
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-focus
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-focused
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item:focus
  .k-link {
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-width: 1px;
  border-bottom-color: var(--kendo-color-primary, #003583);
  border-bottom-style: solid;
  border-left-color: var(--kendo-color-primary, #003583);
  border-left-style: solid;
  border-right-color: var(--kendo-color-primary, #003583);
  border-right-style: solid;
  border-top-color: var(--kendo-color-primary, #003583);
  border-top-style: solid;
}
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-active.k-focus
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-active.k-focus
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item:active.k-focus
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-active.k-state-focus
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-active.k-state-focused
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-active:focus
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-active.k-state-focus
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-active.k-state-focused
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-active:focus
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item:active.k-state-focus
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item:active.k-state-focused
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item:active:focus
  .k-link {
  border-bottom-color: #003583;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-width: 1px;
}
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-active.k-focus
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-active.k-focus
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item:active.k-focus
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-active.k-state-focus
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-active.k-state-focused
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-active:focus
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-active.k-state-focus
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-active.k-state-focused
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-active:focus
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item:active.k-state-focus
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item:active.k-state-focused
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item:active:focus
  .k-link {
  border-left-color: #003583;
  border-right-color: #003583;
  border-top-color: #003583;
}
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-active,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-active,
.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item:active {
  background-color: initial;
  background-image: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-style: none;
  box-shadow: inset 0px -3px 0px 0px var(--kendo-color-primary, #003583);
}

.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-hover
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-hover
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-hovered
  .k-link,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item:hover
  .k-link {
  background-color: initial;
  background-image: linear-gradient(
    rgba(25, 91, 181, 0.12),
    rgba(25, 91, 181, 0.06)
  );
}
.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-focus,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-focus,
.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-focused,
.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item:focus {
  background-color: initial;
  background-image: linear-gradient(
    rgba(25, 91, 181, 0.12),
    rgba(25, 91, 181, 0.12)
  );
}
/* #endregion k-tabstrip-item fix */

/* #region fk-tabstrip-no-border */
.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top .k-tabstrip-content.k-active,
.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top
  .k-tabstrip-content.k-state-active,
.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top .k-tabstrip-content:active {
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-style: none;
  padding-left: 0px;
}
.fk-tabstrip-no-border.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-focus,
.fk-tabstrip-no-border.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-focus,
.fk-tabstrip-no-border.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-focused,
.fk-tabstrip-no-border.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item:focus {
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-style: none;
}
.fk-tabstrip-no-border.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-active
  .k-link,
.fk-tabstrip-no-border.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-active
  .k-link,
.fk-tabstrip-no-border.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item:active
  .k-link {
  padding-bottom: 4px;
}
.fk-tabstrip-no-border.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-active,
.fk-tabstrip-no-border.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-active,
.fk-tabstrip-no-border.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item:active {
  box-shadow: inset 0px -4px 0px 0px var(--kendo-color-primary, #003583);
}
.fk-tabstrip-no-border.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-active.k-focus,
.fk-tabstrip-no-border.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-active.k-focus,
.fk-tabstrip-no-border.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item:active.k-focus,
.fk-tabstrip-no-border.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-active.k-state-focus,
.fk-tabstrip-no-border.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-active.k-state-focused,
.fk-tabstrip-no-border.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-active:focus,
.fk-tabstrip-no-border.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-active.k-state-focus,
.fk-tabstrip-no-border.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-active.k-state-focused,
.fk-tabstrip-no-border.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item.k-state-active:focus,
.fk-tabstrip-no-border.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item:active.k-state-focus,
.fk-tabstrip-no-border.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item:active.k-state-focused,
.fk-tabstrip-no-border.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item:active:focus {
  box-shadow:
    inset 0px -4px 0px 0px var(--kendo-color-primary, #003583),
    inset 0px 0px 0px 2px var(--kendo-color-primary, #003583);
}
.fk-tabstrip-no-border.k-tabstrip
  .k-tabstrip-items-wrapper
  .k-tabstrip-items.k-reset
  .k-item
  .k-link {
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top-style: none;
}

/* #endregion fk-tabstrip-no-border */