:root {
  --sh-ktky-theme-blue: #556ee6;
  --sh-ktky-theme-blue-rgb: 85, 110, 230;
  --sh-ktky-pale-blue: #d5dbf9;
  --sh-ktky-pale-blue-rgb: 213, 219, 249;
  --sh-ktky-pale-blue-subtle: #eff2f7;
  --sh-ktky-pale-blue-subtle-rgb: 239, 242, 247;
  --sh-ktky-green: #34c38f;
  --sh-ktky-green-rgb: 52, 195, 143;
  --sh-ktky-red: #f46a6a;
  --sh-ktky-red-rgb: 244, 106, 106;
  --sh-ktky-red-text-emphasis: #e53b3b;
  --sh-ktky-red-bg-subtle: #fcdada;
  --sh-ktky-red-border-subtle: #f4bfbf;
  --sh-ktky-orange-yl: #f1b44c;
  --sh-ktky-orange-yl-rgb: 241, 180, 76;
  --sh-ktky-yellow: #ff0;
  --sh-ktky-yellow-rgb: 255, 255, 0;
  --sh-ktky-mid-gray: #74788d;
  --sh-ktky-mid-gray-rgb: 116, 120, 141;
  --sh-ktky-text-subtle: #495057;
  --sh-ktky-text-subtle-rgb: 73, 80, 87;
  --sh-ktky-saturday: #50a5f1;
  --sh-ktky-sunday: #f46a6a;
  --sh-ktky-saturday-bg: #eaf1fc;
  --sh-ktky-sunday-bg: #ffeffb;
  --sh-ktky-border-color: #ced4da;
  --sh-ktky-body-bg: #f8f8f8;
  --sh-ktky-tab-gray-bg: #f2f2f2;
  --sh-ktky-body-font-size: 1rem;
  --sh-ktky-font-size-lg: calc( var( --sh-ktky-body-font-size ) * 1.125 );
  --sh-ktky-font-size-md: calc( var( --sh-ktky-body-font-size ) * .875 );
  --sh-ktky-font-size-sm: calc( var( --sh-ktky-body-font-size ) * .75 );
  --sh-ktky-btn-md-font-size: var( --sh-ktky-font-size-md );
  --sh-ktky-btn-md-padding-y: .375rem;
  --sh-ktky-btn-md-padding-x: .75rem;
  --sh-ktky-btn-outline-bg: rgba(60,60,60,.05);
  --sh-ktky-input-md-padding-y: .25rem;
  --sh-ktky-input-md-padding-x: .25rem;
  --sh-ktky-select-md-padding-y: .34375rem;
  --sh-ktky-select-md-padding-x: var( --sh-ktky-input-md-padding-x );
  --sh-ktky-table-padding-y: .75rem;
  --sh-ktky-table-padding-x: 1.5rem;
  --sh-ktky-table-disabled-bg: #e6e6e6;
  --sh-ktky-table-total-bg: #d5e1f3;
  --sh-ktky-active-table-color: #001;
  --sh-ktky-active-table-bg: #cff4fc;
  --sh-ktky-active-table-border-color: #badce3;
  --sh-ktky-active-table-striped-bg: #c5e8ef;
  --sh-ktky-active-table-hover-bg: #bfe2e9;
  --sh-ktky-active-table-hover-color: #000;
  --sh-ktky-pagination-padding-y: .68rem;
  --sh-ktky-pagination-padding-x: 1rem;
  --sh-ktky-pagination-font-size: var( --sh-ktky-font-size-sm );
  --sh-ktky-section-panel-bg: var( --bs-white );
  --sh-ktky-section-panel-border-radius: var( --bs-border-radius );
  --sh-ktky-section-panel-padding-y: 1.5rem;
  --sh-ktky-section-panel-padding-x: 1.5rem;
  --sh-ktky-page-title-font-size: calc( var( --sh-ktky-body-font-size ) * 1.5 );
  --sh-ktky-page-title-font-weight: 700;
  --sh-ktky-page-title-color: var( --sh-ktky-text-subtle );
  --sh-ktky-section-title-font-size: calc( var( --sh-ktky-body-font-size ) * 1.25 );
  --sh-ktky-section-title-border-width: 5px;
  --sh-ktky-section-title-border-color: var( --sh-ktky-theme-blue );
  --sh-ktky-section-title-margin-bottom: 1.5rem;
  --sh-ktky-flow-circle-size: 38px;
  --sh-ktky-flow-color: var( --sh-ktky-mid-gray );
  --sh-ktky-flow-font-weight: var( --bs-body-font-weight );
  --sh-ktky-flow-gap-border-color: var( --bs-border-color );
  --sh-ktky-flow-active-color: var( --sh-ktky-theme-blue );
  --sh-ktky-flow-active-font-weight: 700;
  --sh-ktky-flow-gutter-width: 25%;
}

.sh-ktky-minh-56px {
  min-height: min(56px, 3.5rem) !important;
}
.sh-ktky-minw-0 {
  min-width: 0 !important;
}
.sh-ktky-minw-120px {
  min-width: min(120px, 7.5rem) !important;
}
.sh-ktky-minw-140px {
  min-width: min(140px, 8.75rem) !important;
}
.sh-ktky-minw-160px {
  min-width: min(160px, 10rem) !important;
}
.sh-ktky-minw-190px {
  min-width: min(190px, 11.875rem) !important;
}
.sh-ktky-minw-25per {
  min-width: 25% !important;
}
.sh-ktky-minw-50per {
  min-width: 50% !important;
}
.sh-ktky-minw-75per {
  min-width: 75% !important;
}
.sh-ktky-minw-5em {
  min-width: 5em !important;
}
.sh-ktky-minw-15rem {
  min-width: 15rem !important;
}
.sh-mw-6rem {
  max-width: 6rem !important;
}
.sh-mw-13em {
  max-width: 13em !important;
}
.sh-w-0 {
  width: 0 !important;
}
.sh-w-5 {
  width: 5% !important;
}
.sh-w-10 {
  width: 10% !important;
}
.sh-w-15 {
  width: 15% !important;
}
.sh-w-20 {
  width: 20% !important;
}
.sh-w-25 {
  width: 25% !important;
}
.sh-w-30 {
  width: 30% !important;
}
.sh-w-35 {
  width: 35% !important;
}
.sh-w-40 {
  width: 40% !important;
}
.sh-w-45 {
  width: 45% !important;
}
.sh-w-50 {
  width: 50% !important;
}
.sh-w-55 {
  width: 55% !important;
}
.sh-w-60 {
  width: 60% !important;
}
.sh-w-65 {
  width: 65% !important;
}
.sh-w-70 {
  width: 70% !important;
}
.sh-w-75 {
  width: 75% !important;
}
.sh-w-80 {
  width: 80% !important;
}
.sh-w-85 {
  width: 85% !important;
}
.sh-w-90 {
  width: 90% !important;
}
.sh-w-100 {
  width: 100% !important;
}
.sh-w-50px {
  width: 50px !important;
}
.sh-w-4rem {
  width: 4rem !important;
}
.sh-w-5rem {
  width: 5rem !important;
}
.sh-w-6rem {
  width: 6rem !important;
}
.sh-w-8rem {
  width: 8rem !important;
}
.sh-w-10rem {
  width: 10rem !important;
}
.sh-w-12rem {
  width: 12rem !important;
}
.sh-w-15rem {
  width: 15rem !important;
}
.sh-w-18rem {
  width: 18rem !important;
}
.sh-ps-50px {
  padding-left: 50px !important;
}
.sh-ps-8rem {
  padding-left: 8rem !important;
}
.sh-grid-columns-none {
  grid-template-columns: none !important;
}
.sh-grid-columns-1fr_x2 {
  grid-template-columns: 1fr 1fr !important;
}
.sh-grid-columns-auto_1fr {
  grid-template-columns: auto 1fr !important;
}
.sh-column-gap-5per {
  column-gap: 5% !important;
}
.sh-column-gap-10per {
  column-gap: 10% !important;
}
.sh-sticky-left {
  position: sticky;
  left: 0;
}
.sh-tablecell-sticky {
  position: sticky;
}
.sh-tablecell-sticky::before {
  display: block;
  z-index: -1;
  position: absolute;
  inset: calc(var(--bs-border-width) * -1);
  left: 0;
  border: var(--bs-border-width) solid var(--bs-border-color);
  background-color: inherit;
  content: "";
}
.sh-text-wrap-balance {
  text-wrap: balance !important;
}

.sh-text-ktky-subtle {
  color: var(--sh-ktky-text-subtle) !important;
}

.sh-text-ktky-blue {
  color: var(--sh-ktky-theme-blue) !important;
}

.sh-text-ktky-red {
  color: var(--sh-ktky-red) !important;
}

.sh-text-ktky-sat {
  color: var(--sh-ktky-saturday) !important;
}

.sh-text-ktky-sun {
  color: var(--sh-ktky-sunday) !important;
}

.sh-bg-ktky-sat {
  background-color: var(--sh-ktky-saturday-bg) !important;
}

.sh-bg-ktky-sun {
  background-color: var(--sh-ktky-sunday-bg) !important;
}

.sh-bg-ktky-body {
  background-color: var(--sh-ktky-body-bg) !important;
}

.sh-bg-ktky-tab-gray {
  background-color: var(--sh-ktky-tab-gray-bg) !important;
}

.sh-bg-ktky-table-total-bg {
  background-color: var(--sh-ktky-table-total-bg) !important;
}

.sh-bg-ktky-table-warning-yellow-bg {
  background-color: var(--sh-ktky-yellow) !important;
}

.sh-ktky-section-panel {
  padding: var(--sh-ktky-section-panel-padding-y) var(--sh-ktky-section-panel-padding-x);
  border-radius: var(--sh-ktky-section-panel-border-radius);
  background-color: var(--sh-ktky-section-panel-bg);
}

.sh-ktky-page-title {
  color: var(--sh-ktky-page-title-color);
  font-weight: var(--sh-ktky-page-title-font-weight);
  font-size: var(--sh-ktky-page-title-font-size);
  text-align: center;
}

.sh-ktky-section-title {
  --bs-accordion-btn-padding-y: 0;
  --bs-accordion-btn-padding-x: .5rem;
  --bs-accordion-inner-border-radius: 0;
  --bs-accordion-border-width: 0;
  --bs-accordion-border-color: var( --sh-ktky-section-title-border-color );
  --bs-accordion-active-bg: transparent;
  --bs-accordion-btn-focus-border-color: var( --sh-ktky-section-title-border-color );
  --bs-accordion-btn-focus-box-shadow: none;
  margin-bottom: var(--sh-ktky-section-title-margin-bottom);
  padding-left: .5rem;
  border-left: var(--sh-ktky-section-title-border-width) solid var(--sh-ktky-section-title-border-color);
  border-radius: 0;
  font-size: var(--sh-ktky-section-title-font-size);
  line-height: 1.2;
}
.sh-ktky-section-title:is(button, a):not(:disabled, .disabled):hover {
  color: var(--sh-ktky-section-title-border-color);
}

.sh-ktky-tooltip-btn {
    appearance: none;
    align-self: center;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    line-height: 0;
    vertical-align: middle;
    background-image: url('/Content/images/pc/icon-tooltip.svg');
    background-size: cover;
    display: inline-block;
    width: 14px;
    height: 15px;
    background-size: 100%
}

.sh-btn {
    --bs-btn-font-family:;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.sh-btn-ktky {
  --bs-btn-font-size: var( --sh-ktky-btn-md-font-size );
  --bs-btn-padding-x: var( --sh-ktky-btn-md-padding-x );
  --bs-btn-padding-y: var( --sh-ktky-btn-md-padding-y );
  font-size: var(--sh-ktky-font-size-md);
}
.sh-btn-ktky.disabled,
 .sh-btn-ktky:disabled {
  filter: grayscale(30%);
}

.sh-btn-ktky-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--sh-ktky-theme-blue);
  --bs-btn-border-color: var(--sh-ktky-theme-blue);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--sh-ktky-theme-blue);
  --bs-btn-hover-border-color: var(--sh-ktky-theme-blue);
  --bs-btn-focus-shadow-rgb: var( --sh-ktky-theme-blue-rgb );
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--sh-ktky-theme-blue);
  --bs-btn-active-border-color: var(--sh-ktky-theme-blue);
  --bs-btn-disabled-color: #eee;
  --bs-btn-disabled-bg: var(--sh-ktky-theme-blue);
  --bs-btn-disabled-border-color: var(--sh-ktky-theme-blue);
}

.sh-btn-ktky-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--sh-ktky-mid-gray);
  --bs-btn-border-color: var(--sh-ktky-mid-gray);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--sh-ktky-mid-gray);
  --bs-btn-hover-border-color: var(--sh-ktky-mid-gray);
  --bs-btn-focus-shadow-rgb: var( --sh-ktky-mid-gray-rgb );
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--sh-ktky-mid-gray);
  --bs-btn-active-border-color: var(--sh-ktky-mid-gray);
  --bs-btn-disabled-color: #eee;
  --bs-btn-disabled-bg: var(--sh-ktky-mid-gray);
  --bs-btn-disabled-border-color: var(--sh-ktky-mid-gray);
}

.sh-btn-ktky-green {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--sh-ktky-green);
  --bs-btn-border-color: var(--sh-ktky-green);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--sh-ktky-green);
  --bs-btn-hover-border-color: var(--sh-ktky-green);
  --bs-btn-focus-shadow-rgb: var( --sh-ktky-green-rgb );
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--sh-ktky-green);
  --bs-btn-active-border-color: var(--sh-ktky-green);
  --bs-btn-disabled-color: #eee;
  --bs-btn-disabled-bg: var(--sh-ktky-green);
  --bs-btn-disabled-border-color: var(--sh-ktky-green);
}

.sh-btn-ktky-red {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--sh-ktky-red);
  --bs-btn-border-color: var(--sh-ktky-red);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--sh-ktky-red);
  --bs-btn-hover-border-color: var(--sh-ktky-red);
  --bs-btn-focus-shadow-rgb: var( --sh-ktky-red-rgb );
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--sh-ktky-red);
  --bs-btn-active-border-color: var(--sh-ktky-red);
  --bs-btn-disabled-color: #eee;
  --bs-btn-disabled-bg: var(--sh-ktky-red);
  --bs-btn-disabled-border-color: var(--sh-ktky-red);
}

.sh-btn-ktky-orange-yl {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--sh-ktky-orange-yl);
  --bs-btn-border-color: var(--sh-ktky-orange-yl);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--sh-ktky-orange-yl);
  --bs-btn-hover-border-color: var(--sh-ktky-orange-yl);
  --bs-btn-focus-shadow-rgb: var( --sh-ktky-orange-yl-rgb );
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--sh-ktky-orange-yl);
  --bs-btn-active-border-color: var(--sh-ktky-orange-yl);
  --bs-btn-disabled-color: #eee;
  --bs-btn-disabled-bg: var(--sh-ktky-orange-yl);
  --bs-btn-disabled-border-color: var(--sh-ktky-orange-yl);
}

.sh-btn-ktky-outline-primary {
  --bs-btn-color: var(--sh-ktky-theme-blue);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--sh-ktky-theme-blue);
  --bs-btn-hover-color: var(--sh-ktky-theme-blue);
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: var(--sh-ktky-theme-blue);
  --bs-btn-focus-shadow-rgb: var( --sh-ktky-theme-blue-rgb );
  --bs-btn-active-color: var(--sh-ktky-theme-blue);
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: var(--sh-ktky-theme-blue);
  --bs-btn-disabled-color: var(--sh-ktky-theme-blue);
  --bs-btn-disabled-bg: var( --sh-ktky-btn-outline-bg );
  --bs-btn-disabled-border-color: var(--sh-ktky-theme-blue);
}

.sh-btn-ktky-outline-red {
  --bs-btn-color: var(--sh-ktky-red);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--sh-ktky-red);
  --bs-btn-hover-color: var(--sh-ktky-red);
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: var(--sh-ktky-red);
  --bs-btn-focus-shadow-rgb: var( --sh-ktky-red-rgb );
  --bs-btn-active-color: var(--sh-ktky-red);
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: var(--sh-ktky-red);
  --bs-btn-disabled-color: var(--sh-ktky-red);
  --bs-btn-disabled-bg: var( --sh-ktky-btn-outline-bg );
  --bs-btn-disabled-border-color: var(--sh-ktky-red);
}

.sh-btn-ktky-outline-orange-yl {
  --bs-btn-color: var(--sh-ktky-orange-yl);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--sh-ktky-orange-yl);
  --bs-btn-hover-color: var(--sh-ktky-orange-yl);
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: var(--sh-ktky-orange-yl);
  --bs-btn-focus-shadow-rgb: var( --sh-ktky-orange-yl-rgb );
  --bs-btn-active-color: var(--sh-ktky-orange-yl);
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: var(--sh-ktky-orange-yl);
  --bs-btn-disabled-color: var(--sh-ktky-orange-yl);
  --bs-btn-disabled-bg: var( --sh-ktky-btn-outline-bg );
  --bs-btn-disabled-border-color: var(--sh-ktky-orange-yl);
}

.sh-form-check-input:disabled {
  --bs-form-check-bg: var( --sh-ktky-pale-blue-subtle );
  filter: grayscale(40%);
}

label:has(.sh-form-check-input:disabled:not(:checked)) {
  cursor: default;
  opacity: .5;
}
label:has(.sh-form-check-input:disabled:not(:checked)) .sh-form-check-input:disabled {
  opacity: unset;
}

.sh-form-control-ktky {
  padding: var(--sh-ktky-input-md-padding-y) var(--sh-ktky-input-md-padding-x);
}
.sh-form-control-ktky:read-only {
  background-color: var(--sh-ktky-pale-blue-subtle);
}
.sh-form-control-ktky:disabled {
  background-color: var(--sh-ktky-pale-blue-subtle);
}

.sh-form-select-ktky {
  padding-top: var(--sh-ktky-select-md-padding-y);
  padding-bottom: var(--sh-ktky-select-md-padding-y);
  padding-left: var(--sh-ktky-select-md-padding-x);
  font-size: var(--sh-ktky-font-size-md);
}
.sh-form-select-ktky:disabled {
  background-color: var(--sh-ktky-pale-blue-subtle);
}

.sh-nav-tabs-ktky {
  --bs-border-color: var( --sh-ktky-border-color );
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: var(--sh-ktky-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-link-padding-y: 1rem;
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.sh-nav-tabs-ktky .nav-link {
  border-color: var(--sh-ktky-border-color);
  background-color: var(--sh-ktky-tab-gray-bg);
  color: var(--sh-ktky-text-subtle);
}
.sh-nav-tabs-ktky .nav-link.active {
  border-bottom: var(--bs-nav-tabs-border-width) solid transparent;
  background-color: var(--bs-body-bg);
  color: var(--sh-ktky-theme-blue);
}

.sh-alert-danger {
  --bs-alert-color: var( --sh-ktky-red-text-emphasis );
  --bs-alert-bg: var( --sh-ktky-red-bg-subtle );
  --bs-alert-border-color: var( --sh-ktky-red-border-subtle );
  --bs-alert-link-color: var( --sh-ktky-red-text-emphasis );
}

.sh-pagination {
  row-gap: .25rem;
  flex-wrap: wrap;
  max-width: 100%;
  --bs-pagination-padding-y: var( --sh-ktky-pagination-padding-y );
  --bs-pagination-padding-x: var( --sh-ktky-pagination-padding-x );
  --bs-pagination-font-size: var( --sh-ktky-pagination-font-size );
  --bs-pagination-color: var( --sh-ktky-mid-gray );
  --bs-pagination-bg: #fff;
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var( --sh-ktky-border-color );
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--sh-ktky-theme-blue);
  --bs-pagination-hover-bg: var( --bs-pagination-bg );
  --bs-pagination-hover-border-color: var(--sh-ktky-theme-blue);
  --bs-pagination-focus-color: var(--sh-ktky-theme-blue);
  --bs-pagination-focus-bg: var( --bs-pagination-bg );
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: var(--sh-ktky-theme-blue);
  --bs-pagination-active-border-color: var(--sh-ktky-theme-blue);
  --bs-pagination-disabled-color: rgba( var( --sh-ktky-mid-gray-rgb ), .75 );
  --bs-pagination-disabled-bg: var( --sh-ktky-pale-blue-subtle );
  --bs-pagination-disabled-border-color: var( --bs-pagination-border-color );
}
.sh-pagination :disabled {
  border-color: var(--bs-pagination-disabled-border-color);
  background-color: var(--bs-pagination-disabled-bg);
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
}

.sh-table-ktky {
  --bs-table-color: var( --sh-ktky-text-subtle );
  color: var(--bs-table-color);
}
.sh-table-ktky > :not(caption) > * > * {
  padding: var(--sh-ktky-table-padding-y) var(--sh-ktky-table-padding-x);
}

.sh-table-ktky-pale-blue {
  --bs-table-bg: var( --sh-ktky-pale-blue-subtle );
  --bs-table-color: var( --sh-ktky-text-subtle );
  color: var(--bs-table-color);
}

.sh-table-ktky-disabled {
  --bs-table-bg: var( --sh-ktky-table-disabled-bg );
}

.sh-table-ktky-active {
  --bs-table-color: var( --sh-ktky-active-table-color );
  --bs-table-bg: var( --sh-ktky-active-table-bg );
  --bs-table-border-color: var( --sh-ktky-active-table-border-color );
  --bs-table-striped-bg: var( --sh-ktky-active-table-striped-bg );
  --bs-table-striped-color: var( --sh-ktky-active-table-color );
  --bs-table-active-bg: var( --sh-ktky-active-table-bg );
  --bs-table-active-color: var( --sh-ktky-active-table-color );
  --bs-table-hover-bg: var( --sh-ktky-active-table-hover-bg );
  --bs-table-hover-color: var( --sh-ktky-active-table-hover-color );
  border-color: var(--bs-table-border-color);
  color: var(--bs-table-color);
}

.sh-table-ktky-total {
  --bs-table-bg: var( --sh-ktky-table-total-bg );
}

.sh-table-ktky-date-row {
  --sh-ktky-table-padding-y: .25rem;
  --sh-ktky-table-padding-x: 1rem;
  font-weight: 400;
  font-size: var(--sh-ktky-font-size-md);
  line-height: 1.4;
}
.sh-table-ktky-date-row th {
  font-weight: 400;
}

.sh-table-ktky-py-initial {
  --sh-ktky-table-padding-y: .75rem;
}

.sh-table-ktky-px-initial {
  --sh-ktky-table-padding-x: 1.5rem;
}

.sh-table-ktky-p-initial {
  --sh-ktky-table-padding-y: .75rem;
  --sh-ktky-table-padding-x: 1.5rem;
}

.sh-table-ktky-p-1 {
  --sh-ktky-table-padding-y: .25rem;
  --sh-ktky-table-padding-x: .25rem;
}

.sh-table-ktky-py-2 {
  --sh-ktky-table-padding-y: .5rem;
}

.sh-table-ktky-px-2 {
  --sh-ktky-table-padding-x: .5rem;
}

.sh-tablerow-fw-normal th,
.sh-tablerow-fw-normal td {
  font-weight: 400;
}

.sh-tablerow-sticky-top {
  z-index: 2;
  position: sticky;
  top: 0;
}
.sh-tablerow-sticky-top th,
.sh-tablerow-sticky-top td {
  position: relative;
}
.sh-tablerow-sticky-top th::before,
.sh-tablerow-sticky-top td::before {
  display: block;
  z-index: -1;
  position: absolute;
  inset: calc(var(--bs-border-width) * -1);
  background: var(--bs-border-color);
  content: "";
}

.sh-ktky-flow {
  display: flex;
  justify-content: center;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 .5rem;
}
.sh-ktky-flow .flow-item {
  display: flex;
  z-index: 2;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
}
.sh-ktky-flow .flow-item.active {
  --sh-ktky-flow-color: var( --sh-ktky-flow-active-color );
  --sh-ktky-flow-font-weight: var( --sh-ktky-flow-active-font-weight );
}
.sh-ktky-flow .flow-item-num {
  flex: 0 0 var(--sh-ktky-flow-circle-size);
  width: var(--sh-ktky-flow-circle-size);
  height: var(--sh-ktky-flow-circle-size);
  border-radius: var(--sh-ktky-flow-circle-size);
  background-color: var(--sh-ktky-flow-color);
  color: #fff;
  font-size: 12px;
  line-height: var(--sh-ktky-flow-circle-size);
  text-align: center;
}
.sh-ktky-flow .flow-item-text {
  width: max-content;
  min-width: 45px;
  margin-top: 1rem;
  color: var(--sh-ktky-flow-color);
  font-weight: var(--sh-ktky-flow-font-weight);
  font-size: clamp(12px, 4vw, 1rem);
  text-align: justify;
  text-align-last: justify;
}
.sh-ktky-flow .flow-gutter {
  z-index: 1;
  position: relative;
  width: var(--sh-ktky-flow-gutter-width);
}
.sh-ktky-flow .flow-gutter:before {
  display: block;
  position: absolute;
  top: calc(var(--sh-ktky-flow-circle-size) / 2);
  right: -38px;
  left: -38px;
  border-top: 1px solid var(--sh-ktky-flow-gap-border-color);
  content: "";
}
@media (min-width:576px) {
  .sh-ktky-minh-sm-56px {
    min-height: min(56px, 3.5rem) !important;
  }
  .sh-ktky-minw-sm-0 {
    min-width: 0 !important;
  }
  .sh-ktky-minw-sm-120px {
    min-width: min(120px, 7.5rem) !important;
  }
  .sh-ktky-minw-sm-140px {
    min-width: min(140px, 8.75rem) !important;
  }
  .sh-ktky-minw-sm-160px {
    min-width: min(160px, 10rem) !important;
  }
  .sh-ktky-minw-sm-190px {
    min-width: min(190px, 11.875rem) !important;
  }
  .sh-ktky-minw-sm-25per {
    min-width: 25% !important;
  }
  .sh-ktky-minw-sm-50per {
    min-width: 50% !important;
  }
  .sh-ktky-minw-sm-75per {
    min-width: 75% !important;
  }
  .sh-ktky-minw-sm-5em {
    min-width: 5em !important;
  }
  .sh-ktky-minw-sm-15rem {
    min-width: 15rem !important;
  }
  .sh-mw-sm-6rem {
    max-width: 6rem !important;
  }
  .sh-mw-sm-13em {
    max-width: 13em !important;
  }
  .sh-w-sm-0 {
    width: 0 !important;
  }
  .sh-w-sm-5 {
    width: 5% !important;
  }
  .sh-w-sm-10 {
    width: 10% !important;
  }
  .sh-w-sm-15 {
    width: 15% !important;
  }
  .sh-w-sm-20 {
    width: 20% !important;
  }
  .sh-w-sm-25 {
    width: 25% !important;
  }
  .sh-w-sm-30 {
    width: 30% !important;
  }
  .sh-w-sm-35 {
    width: 35% !important;
  }
  .sh-w-sm-40 {
    width: 40% !important;
  }
  .sh-w-sm-45 {
    width: 45% !important;
  }
  .sh-w-sm-50 {
    width: 50% !important;
  }
  .sh-w-sm-55 {
    width: 55% !important;
  }
  .sh-w-sm-60 {
    width: 60% !important;
  }
  .sh-w-sm-65 {
    width: 65% !important;
  }
  .sh-w-sm-70 {
    width: 70% !important;
  }
  .sh-w-sm-75 {
    width: 75% !important;
  }
  .sh-w-sm-80 {
    width: 80% !important;
  }
  .sh-w-sm-85 {
    width: 85% !important;
  }
  .sh-w-sm-90 {
    width: 90% !important;
  }
  .sh-w-sm-100 {
    width: 100% !important;
  }
  .sh-w-sm-50px {
    width: 50px !important;
  }
  .sh-w-sm-4rem {
    width: 4rem !important;
  }
  .sh-w-sm-5rem {
    width: 5rem !important;
  }
  .sh-w-sm-6rem {
    width: 6rem !important;
  }
  .sh-w-sm-8rem {
    width: 8rem !important;
  }
  .sh-w-sm-10rem {
    width: 10rem !important;
  }
  .sh-w-sm-12rem {
    width: 12rem !important;
  }
  .sh-w-sm-15rem {
    width: 15rem !important;
  }
  .sh-w-sm-18rem {
    width: 18rem !important;
  }
  .sh-ps-sm-50px {
    padding-left: 50px !important;
  }
  .sh-ps-sm-8rem {
    padding-left: 8rem !important;
  }
  .sh-grid-columns-sm-none {
    grid-template-columns: none !important;
  }
  .sh-grid-columns-sm-1fr_x2 {
    grid-template-columns: 1fr 1fr !important;
  }
  .sh-grid-columns-sm-auto_1fr {
    grid-template-columns: auto 1fr !important;
  }
}
@media (min-width:768px) {
  .sh-ktky-minh-md-56px {
    min-height: min(56px, 3.5rem) !important;
  }
  .sh-ktky-minw-md-0 {
    min-width: 0 !important;
  }
  .sh-ktky-minw-md-120px {
    min-width: min(120px, 7.5rem) !important;
  }
  .sh-ktky-minw-md-140px {
    min-width: min(140px, 8.75rem) !important;
  }
  .sh-ktky-minw-md-160px {
    min-width: min(160px, 10rem) !important;
  }
  .sh-ktky-minw-md-190px {
    min-width: min(190px, 11.875rem) !important;
  }
  .sh-ktky-minw-md-25per {
    min-width: 25% !important;
  }
  .sh-ktky-minw-md-50per {
    min-width: 50% !important;
  }
  .sh-ktky-minw-md-75per {
    min-width: 75% !important;
  }
  .sh-ktky-minw-md-5em {
    min-width: 5em !important;
  }
  .sh-ktky-minw-md-15rem {
    min-width: 15rem !important;
  }
  .sh-mw-md-6rem {
    max-width: 6rem !important;
  }
  .sh-mw-md-13em {
    max-width: 13em !important;
  }
  .sh-w-md-0 {
    width: 0 !important;
  }
  .sh-w-md-5 {
    width: 5% !important;
  }
  .sh-w-md-10 {
    width: 10% !important;
  }
  .sh-w-md-15 {
    width: 15% !important;
  }
  .sh-w-md-20 {
    width: 20% !important;
  }
  .sh-w-md-25 {
    width: 25% !important;
  }
  .sh-w-md-30 {
    width: 30% !important;
  }
  .sh-w-md-35 {
    width: 35% !important;
  }
  .sh-w-md-40 {
    width: 40% !important;
  }
  .sh-w-md-45 {
    width: 45% !important;
  }
  .sh-w-md-50 {
    width: 50% !important;
  }
  .sh-w-md-55 {
    width: 55% !important;
  }
  .sh-w-md-60 {
    width: 60% !important;
  }
  .sh-w-md-65 {
    width: 65% !important;
  }
  .sh-w-md-70 {
    width: 70% !important;
  }
  .sh-w-md-75 {
    width: 75% !important;
  }
  .sh-w-md-80 {
    width: 80% !important;
  }
  .sh-w-md-85 {
    width: 85% !important;
  }
  .sh-w-md-90 {
    width: 90% !important;
  }
  .sh-w-md-100 {
    width: 100% !important;
  }
  .sh-w-md-50px {
    width: 50px !important;
  }
  .sh-w-md-4rem {
    width: 4rem !important;
  }
  .sh-w-md-5rem {
    width: 5rem !important;
  }
  .sh-w-md-6rem {
    width: 6rem !important;
  }
  .sh-w-md-8rem {
    width: 8rem !important;
  }
  .sh-w-md-10rem {
    width: 10rem !important;
  }
  .sh-w-md-12rem {
    width: 12rem !important;
  }
  .sh-w-md-15rem {
    width: 15rem !important;
  }
  .sh-w-md-18rem {
    width: 18rem !important;
  }
  .sh-ps-md-50px {
    padding-left: 50px !important;
  }
  .sh-ps-md-8rem {
    padding-left: 8rem !important;
  }
  .sh-grid-columns-md-none {
    grid-template-columns: none !important;
  }
  .sh-grid-columns-md-1fr_x2 {
    grid-template-columns: 1fr 1fr !important;
  }
  .sh-grid-columns-md-auto_1fr {
    grid-template-columns: auto 1fr !important;
  }
  .sh-column-gap-md-5per {
    column-gap: 5% !important;
  }
  .sh-column-gap-md-10per {
    column-gap: 10% !important;
  }
  .sh-sticky-md-left {
    position: sticky;
    left: 0;
  }
  .sh-tablecell-md-sticky {
    position: sticky;
  }
  .sh-tablecell-md-sticky::before {
    display: block;
    z-index: -1;
    position: absolute;
    inset: calc(var(--bs-border-width) * -1);
    left: 0;
    border: var(--bs-border-width) solid var(--bs-border-color);
    background-color: inherit;
    content: "";
  }
}
@media (min-width:992px) {
  .sh-ktky-minh-lg-56px {
    min-height: min(56px, 3.5rem) !important;
  }
  .sh-ktky-minw-lg-0 {
    min-width: 0 !important;
  }
  .sh-ktky-minw-lg-120px {
    min-width: min(120px, 7.5rem) !important;
  }
  .sh-ktky-minw-lg-140px {
    min-width: min(140px, 8.75rem) !important;
  }
  .sh-ktky-minw-lg-160px {
    min-width: min(160px, 10rem) !important;
  }
  .sh-ktky-minw-lg-190px {
    min-width: min(190px, 11.875rem) !important;
  }
  .sh-ktky-minw-lg-25per {
    min-width: 25% !important;
  }
  .sh-ktky-minw-lg-50per {
    min-width: 50% !important;
  }
  .sh-ktky-minw-lg-75per {
    min-width: 75% !important;
  }
  .sh-ktky-minw-lg-5em {
    min-width: 5em !important;
  }
  .sh-ktky-minw-lg-15rem {
    min-width: 15rem !important;
  }
  .sh-w-lg-0 {
    width: 0 !important;
  }
  .sh-w-lg-5 {
    width: 5% !important;
  }
  .sh-w-lg-10 {
    width: 10% !important;
  }
  .sh-w-lg-15 {
    width: 15% !important;
  }
  .sh-w-lg-20 {
    width: 20% !important;
  }
  .sh-w-lg-25 {
    width: 25% !important;
  }
  .sh-w-lg-30 {
    width: 30% !important;
  }
  .sh-w-lg-35 {
    width: 35% !important;
  }
  .sh-w-lg-40 {
    width: 40% !important;
  }
  .sh-w-lg-45 {
    width: 45% !important;
  }
  .sh-w-lg-50 {
    width: 50% !important;
  }
  .sh-w-lg-55 {
    width: 55% !important;
  }
  .sh-w-lg-60 {
    width: 60% !important;
  }
  .sh-w-lg-65 {
    width: 65% !important;
  }
  .sh-w-lg-70 {
    width: 70% !important;
  }
  .sh-w-lg-75 {
    width: 75% !important;
  }
  .sh-w-lg-80 {
    width: 80% !important;
  }
  .sh-w-lg-85 {
    width: 85% !important;
  }
  .sh-w-lg-90 {
    width: 90% !important;
  }
  .sh-w-lg-100 {
    width: 100% !important;
  }
  .sh-w-lg-50px {
    width: 50px !important;
  }
  .sh-w-lg-4rem {
    width: 4rem !important;
  }
  .sh-w-lg-5rem {
    width: 5rem !important;
  }
  .sh-w-lg-6rem {
    width: 6rem !important;
  }
  .sh-w-lg-8rem {
    width: 8rem !important;
  }
  .sh-w-lg-10rem {
    width: 10rem !important;
  }
  .sh-w-lg-12rem {
    width: 12rem !important;
  }
  .sh-w-lg-15rem {
    width: 15rem !important;
  }
  .sh-w-lg-18rem {
    width: 18rem !important;
  }
  .sh-ps-lg-50px {
    padding-left: 50px !important;
  }
  .sh-ps-lg-8rem {
    padding-left: 8rem !important;
  }
  .sh-grid-columns-lg-none {
    grid-template-columns: none !important;
  }
  .sh-grid-columns-lg-1fr_x2 {
    grid-template-columns: 1fr 1fr !important;
  }
  .sh-grid-columns-lg-auto_1fr {
    grid-template-columns: auto 1fr !important;
  }
  .sh-column-gap-lg-5per {
    column-gap: 5% !important;
  }
  .sh-column-gap-lg-10per {
    column-gap: 10% !important;
  }
  .sh-sticky-lg-left {
    position: sticky;
    left: 0;
  }
  .sh-tablecell-lg-sticky {
    position: sticky;
  }
  .sh-tablecell-lg-sticky::before {
    display: block;
    z-index: -1;
    position: absolute;
    inset: calc(var(--bs-border-width) * -1);
    left: 0;
    border: var(--bs-border-width) solid var(--bs-border-color);
    background-color: inherit;
    content: "";
  }
  .sh-row-koji-mei {
    overflow: hidden;
    max-width: 500px;
  }
  .sh-radio-border:disabled {
    border: 1px solid #333;
  }
}