@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Roboto", "Noto Sans JP", sans-serif;
}

html {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a {
  text-decoration: none;
  background-color: transparent;
  color: #262d33;
}

button {
  border-radius: 0;
  background: transparent;
  border: none;
}

hr {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

dt,
dd {
  margin: 0;
}

p {
  margin: 0;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

:not(html):not(body)::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}

:not(html):not(body)::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  border-radius: 100px;
  background: #c1c6cc;
  background-clip: content-box;
}

:not(html):not(body)::-webkit-scrollbar-track {
  background: none;
}

:not(html):not(body)::-webkit-scrollbar-corner {
  background: transparent;
}

/* basic layout*/
.htv-wrap {
  background-color: #f3f5f6;
  min-width: 1280px;
  width: 100%;
  position: relative;
}
.htv-wrap--fixed {
  position: fixed;
}

.htv-header-area {
  position: sticky;
  top: 0;
  z-index: 110;
}

.htv-content-area {
  padding: 16px 24px 24px 24px;
}
.htv-content-area--top {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 75px;
}
.htv-content-area--menu {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 64px;
}

.htv-main-area {
  min-height: calc(100vh - 105px);
}

.htv-time-table-main-area {
  min-height: calc(100vh - 161px);
}

.htv-login-main-area {
  min-height: calc(100vh - 475px);
}
.htv-login-main-area__short-header {
  min-height: calc(100vh - 293px);
}

.htv-ctrl-area {
  margin: 16px 24px 24px;
}

.htv-border-error {
  border-left: 4px solid #dd223b;
}

.htv-border-info {
  border-left: 4px solid #0087e1;
}

.htv-border-success {
  border-left: 4px solid #24b25f;
}

.htv-border-warning {
  border-left: 4px solid #ffa800;
}

.htv-border-pale-error {
  border-left: 4px solid #f9d6da;
}

.htv-border-pale-gray {
  border-left: 4px solid #c1c6cc;
}

.htv-ctrl-inner {
  padding: 16px 24px;
}
.htv-ctrl-inner--gray10 {
  background-color: #f3f5f6;
}
.htv-ctrl-inner--gray05 {
  background-color: #f7f9fa;
}

.htv-bg-gray-area {
  padding: 16px;
  background-color: #f3f5f6;
}

.htv-fixed-area {
  background-color: #ffffff;
  -webkit-box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  min-width: 1280px;
  z-index: 1000;
}

.htv-calc-before {
  background-color: #f3f5f6;
  border-radius: 4px;
  height: 100%;
  padding: 8px;
}

.htv-estimation-area {
  background-color: #edfae8;
  border-radius: 4px;
  padding: 8px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  row-gap: 12px;
  width: 163px;
}

.htv-top-wrapper {
  width: 840px;
}
.htv-top-wrapper--menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* htv-icon */
.htv-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.htv-icon--success {
  color: #519b2f;
}
.htv-icon--error {
  color: #dd223b;
}
.htv-icon--warning {
  color: #ffa800;
}
.htv-icon--info {
  color: #0087e1;
}
.htv-icon--gray {
  color: #939ba5;
}
.htv-icon--gray60 {
  color: #707781;
}
.htv-icon--small {
  font-size: 12px;
}
.htv-icon--medium {
  font-size: 16px;
}
.htv-icon--large {
  font-size: 20px;
}
.htv-icon--planning {
  background-image: url("../images/icon-planing-menu.svg");
  width: 40px;
  height: 40px;
}
.htv-icon--buying {
  background-image: url("../images/icon-buying-menu.svg");
  width: 40px;
  height: 40px;
}
.htv-icon--monitoring {
  background-image: url("../images/icon-monitoring-menu.svg");
  width: 40px;
  height: 40px;
}

/* ihtv-icon-button */
.htv-icon-button {
  cursor: pointer;
  border: none;
  width: 36px;
  height: 36px;
  border-radius: 4px;
  padding: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.htv-icon-button i {
  font-size: 20px;
}
.htv-icon-button--rounded {
  border-radius: 50px;
}
.htv-icon-button--large {
  width: 44px;
  height: 44px;
}
.htv-icon-button--large i {
  font-size: 20px;
}
.htv-icon-button--small {
  width: 28px;
  height: 28px;
}
.htv-icon-button--small i {
  font-size: 16px;
}
.htv-icon-button--xsmall {
  width: 24px;
  height: 24px;
}
.htv-icon-button--xsmall i {
  font-size: 12px;
}
.htv-icon-button--xxsmall {
  width: 16px;
  height: 16px;
}
.htv-icon-button--xxsmall i {
  font-size: 10px;
}
.htv-icon-button--primary {
  background-color: #519b2f;
  border-color: #519b2f;
  color: #ffffff;
}
.htv-icon-button--primary:hover {
  background-color: #448227;
  border-color: #448227;
}
.htv-icon-button--primary:focus {
  border-color: #36691f;
}
.htv-icon-button--primary:active {
  background-color: #36691f;
  border-color: #36691f;
}
.htv-icon-button--primary:disabled {
  background-color: #c1c6cc;
  pointer-events: none;
}
.htv-icon-button--secondary {
  background-color: transparent;
  border: 1px solid #dee1e5;
  color: #519b2f;
}
.htv-icon-button--secondary:hover {
  border-color: #dee1e5;
  background-color: #edfae8;
}
.htv-icon-button--secondary:focus {
  background-color: #dbf2d1;
  border-color: #36691f;
}
.htv-icon-button--secondary:active {
  border-color: #36691f;
}
.htv-icon-button--secondary:disabled {
  pointer-events: none;
  opacity: 0.25;
  border-color: #519b2f;
}
.htv-icon-button--text {
  background-color: transparent;
  border-color: transparent;
  color: #519b2f;
}
.htv-icon-button--text:hover {
  background-color: #edfae8;
  color: #448227;
  border-color: #edfae8;
}
.htv-icon-button--text:focus {
  background-color: #dbf2d1;
  border-color: #dbf2d1;
}
.htv-icon-button--text:active {
  background-color: #dbf2d1;
  border-color: #dbf2d1;
}
.htv-icon-button--text:disabled {
  pointer-events: none;
  opacity: 0.25;
}
.htv-icon-button--primary-critical {
  background-color: #cc1f36;
  border-color: #cc1f36;
  color: #ffffff;
}
.htv-icon-button--primary-critical:hover {
  background-color: #dd223b;
  border-color: #dd223b;
}
.htv-icon-button--primary-critical:focus {
  background-color: #ad1a2e;
  border-color: #ad1a2e;
}
.htv-icon-button--primary-critical:active {
  background-color: #ad1a2e;
  border-color: #ad1a2e;
}
.htv-icon-button--primary-critical:disabled {
  background-color: #c1c6cc;
  pointer-events: none;
}
.htv-icon-button--secondary-critical {
  background-color: transparent;
  border: 1px solid #dee1e5;
  color: #cc1f36;
}
.htv-icon-button--secondary-critical:hover {
  border-color: #dee1e5;
  background-color: #fae5e7;
}
.htv-icon-button--secondary-critical:focus {
  border-color: #dd223b;
  background-color: #f9d6da;
}
.htv-icon-button--secondary-critical:active {
  border-color: #dd223b;
  background-color: #f9d6da;
}
.htv-icon-button--secondary-critical:disabled {
  border-color: #cc1f36;
  pointer-events: none;
  opacity: 0.25;
}
.htv-icon-button--text-critical {
  background-color: transparent;
  border-color: transparent;
  color: #dd223b;
}
.htv-icon-button--text-critical:hover {
  background-color: #fae5e7;
  border-color: #fae5e7;
}
.htv-icon-button--text-critical:focus {
  background-color: #f9d6da;
  border-color: #f9d6da;
}
.htv-icon-button--text-critical:active {
  background-color: #f9d6da;
  border-color: #f9d6da;
}
.htv-icon-button--text-critical:disabled {
  pointer-events: none;
  opacity: 0.25;
}
.htv-icon-button--secondary-natural {
  background-color: transparent;
  border: 1px solid #c1c6cc;
  color: #262d33;
}
.htv-icon-button--secondary-natural:hover {
  border-color: #c1c6cc;
  background-color: #f3f5f6;
}
.htv-icon-button--secondary-natural:focus {
  border-color: #c1c6cc;
  background-color: #dee1e5;
}
.htv-icon-button--secondary-natural:active {
  border-color: #c1c6cc;
  background-color: #dee1e5;
}
.htv-icon-button--secondary-natural:disabled {
  border-color: #c1c6cc;
  pointer-events: none;
  opacity: 0.25;
}
.htv-icon-button--text-natural {
  background-color: transparent;
  border-color: transparent;
  color: #707781;
}
.htv-icon-button--text-natural:hover {
  background-color: #f3f5f6;
}
.htv-icon-button--text-natural:focus {
  background-color: #dee1e5;
}
.htv-icon-button--text-natural:active {
  background-color: #dee1e5;
}
.htv-icon-button--text-natural:disabled {
  pointer-events: none;
  opacity: 0.25;
}

/* .htv-button */
.htv-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #ffffff;
  border: 1px solid #dee1e5;
  color: #262d33;
  height: 36px;
  border-radius: 5px;
  outline: 0;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  padding: 1px 6px;
}
.htv-button__badge {
  color: #448227;
  background-color: #ffffff;
  padding: 2px 8px;
  margin-right: 8px;
  border-radius: 20px;
  font-size: 11px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.htv-button--xsmall {
  font-size: 11px;
  height: 24px;
}
.htv-button--xsmall .htv-button__icon {
  margin: 0 0 0 4px;
}
.htv-button--xsmall .htv-button__icon--left {
  margin: 0 4px 0 0;
}
.htv-button--small {
  font-size: 12px;
  height: 28px;
}
.htv-button--small .htv-button__icon {
  margin: 0 2px 0 4px;
}
.htv-button--small .htv-button__icon--left {
  margin: 0 4px 0 2px;
}
.htv-button__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 18px;
  height: 18px;
  margin: 0 2px 0 8px;
}
.htv-button__icon--left {
  margin: 0 8px 0 2px;
}
.htv-button__icon--large {
  font-size: 16px;
}
.htv-button--primary {
  background-color: #519b2f;
  border-color: #519b2f;
  color: #ffffff;
}
.htv-button--primary:hover {
  background-color: #448227;
  border-color: #448227;
}
.htv-button--primary:focus {
  border-color: #36691f;
}
.htv-button--primary:active {
  background-color: #36691f;
  border-color: #36691f;
}
.htv-button--primary:disabled {
  background-color: #c1c6cc;
  pointer-events: none;
  border: none;
}
.htv-button--primary-critical {
  background-color: #cc1f36;
  border-color: #cc1f36;
  color: #ffffff;
}
.htv-button--primary-critical:hover {
  background-color: #dd223b;
  border-color: #dd223b;
}
.htv-button--primary-critical:focus {
  background-color: #ad1a2e;
  border-color: #ad1a2e;
}
.htv-button--primary-critical:active {
  background-color: #ad1a2e;
  border-color: #ad1a2e;
}
.htv-button--primary-critical:disabled {
  background-color: #c1c6cc;
  pointer-events: none;
  border: none;
}
.htv-button--secondary {
  background-color: transparent;
  border-color: #dee1e5;
  color: #519b2f;
}
.htv-button--secondary:hover {
  border-color: #dee1e5;
  background-color: #edfae8;
}
.htv-button--secondary:focus {
  background-color: #dbf2d1;
  border-color: #36691f;
}
.htv-button--secondary:active {
  border-color: #36691f;
}
.htv-button--secondary:disabled {
  pointer-events: none;
  color: #c1c6cc;
  border-color: #c1c6cc;
}
.htv-button--secondary-critical {
  background-color: transparent;
  border-color: #dee1e5;
  color: #cc1f36;
}
.htv-button--secondary-critical:hover {
  border-color: #dee1e5;
  background-color: #fae5e7;
}
.htv-button--secondary-critical:focus {
  border-color: #dd223b;
  background-color: #f9d6da;
}
.htv-button--secondary-critical:active {
  border-color: #dd223b;
  background-color: #f9d6da;
}
.htv-button--secondary-critical:disabled {
  border-color: #c1c6cc;
  color: #c1c6cc;
  pointer-events: none;
}
.htv-button--secondary-natural {
  background-color: transparent;
  border-color: #c1c6cc;
  color: #262d33;
}
.htv-button--secondary-natural:hover {
  border-color: #c1c6cc;
  background-color: #f3f5f6;
}
.htv-button--secondary-natural:focus {
  border-color: #c1c6cc;
  background-color: #dee1e5;
}
.htv-button--secondary-natural:active {
  border-color: #c1c6cc;
  background-color: #dee1e5;
}
.htv-button--secondary-natural:disabled {
  border-color: #c1c6cc;
  color: #c1c6cc;
  pointer-events: none;
}
.htv-button--text {
  background-color: transparent;
  border-color: transparent;
  color: #519b2f;
}
.htv-button--text:hover {
  background-color: #edfae8;
  color: #448227;
  border-color: #edfae8;
}
.htv-button--text:focus {
  background-color: #dbf2d1;
  border-color: #dbf2d1;
}
.htv-button--text:active {
  background-color: #dbf2d1;
  border-color: #dbf2d1;
}
.htv-button--text:disabled {
  pointer-events: none;
  color: #c1c6cc;
}
.htv-button--text-natural {
  background-color: transparent;
  border-color: transparent;
  color: #707781;
}
.htv-button--text-natural:hover {
  background-color: #f3f5f6;
}
.htv-button--text-natural:focus {
  background-color: #dee1e5;
}
.htv-button--text-natural:active {
  background-color: #dee1e5;
}
.htv-button--text-natural:disabled {
  pointer-events: none;
  color: #c1c6cc;
}
.htv-button--text-critical {
  background-color: transparent;
  border-color: transparent;
  color: #dd223b;
}
.htv-button--text-critical:hover {
  background-color: #fae5e7;
  border-color: #fae5e7;
}
.htv-button--text-critical:focus {
  background-color: #f9d6da;
  border-color: #f9d6da;
}
.htv-button--text-critical:active {
  background-color: #f9d6da;
  border-color: #f9d6da;
}
.htv-button--text-critical:disabled {
  pointer-events: none;
  color: #c1c6cc;
}

.htv-to-top-button {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  z-index: 101;
  bottom: 51px;
  right: 8px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: none;
  color: #ffffff;
  background: #b8b8b8;
  cursor: pointer;
  font-size: 20px;
  outline: none;
  -webkit-animation: fadeIn 150ms ease-out forwards;
          animation: fadeIn 150ms ease-out forwards;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.htv-menu-button {
  cursor: pointer;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 12px 8px 8px;
  background-color: #ffffff;
  border: 1px solid #dee1e5;
  color: #262d33;
  border: none;
  outline: 0;
  cursor: pointer;
  font-size: 14px;
  line-height: 21px;
  border-radius: 4px;
  text-align: left;
}
.htv-menu-button__icon {
  color: #519b2f;
  font-size: 12px;
}
.htv-menu-button:hover {
  background-color: #edfae8;
}

.htv-breadcrumbs {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin: 8px auto 4px 24px;
}
.htv-breadcrumbs__item {
  font-size: 11px;
  color: #939ba5;
  text-decoration: underline;
}
.htv-breadcrumbs__item:hover {
  text-decoration: none;
}
.htv-breadcrumbs__divider {
  font-size: 11px;
  color: #939ba5;
}
.htv-breadcrumbs__current {
  color: #262d33;
  font-size: 11px;
}

/* .htv-header-button */
.htv-header-button {
  border: 0;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 10px;
  height: 35px;
  cursor: pointer;
  position: relative;
  color: #262d33;
}
.htv-header-button__icon {
  font-size: 20px;
  color: #939ba5;
}
.htv-header-button__badge {
  position: absolute;
  width: 8px;
  height: 8px;
  background: #dd223b;
  border: 2px solid #ffffff;
  border-radius: 100%;
  right: 16px;
  bottom: 29px;
}

/* htv-radio */
.htv-radio {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
}
.htv-radio__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  opacity: 0;
}
.htv-radio__input:hover + .htv-radio__text::before {
  border-color: #939ba5;
}
.htv-radio__input:focus + .htv-radio__text::before {
  border-color: #519b2f;
}
.htv-radio__input:disabled + .htv-radio__text {
  color: #939ba5;
}
.htv-radio__input:disabled + .htv-radio__text::before {
  background: #f3f5f6;
  border: 1px solid #dee1e5;
}
.htv-radio__input:checked + .htv-radio__text::before {
  border-color: #519b2f;
  background-color: #519b2f;
}
.htv-radio__input:checked + .htv-radio__text::after {
  content: "";
  width: 6px;
  height: 6px;
  left: 5px;
  top: calc(50% - 3px);
  position: absolute;
  display: block;
  border-radius: 50%;
  background-color: #ffffff;
}
.htv-radio__input:checked:disabled + .htv-radio__text::before {
  background: #c1c6cc;
  border: 1px solid #c1c6cc;
}
.htv-radio__text {
  font-size: 14px;
  color: #262d33;
}
.htv-radio__text::before {
  content: "";
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  left: 0;
  top: calc(50% - 8px);
  border: 1px solid #c1c6cc;
  background-color: #ffffff;
  border-radius: 50%;
}

.htv-radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* .htv-checkbox */
.htv-checkbox {
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.htv-checkbox__input {
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.htv-checkbox__input:before {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  border: 1px solid #c1c6cc;
  content: "";
  position: relative;
  top: 3px;
}
.htv-checkbox__input:hover:before {
  border: 1px solid #939ba5;
}
.htv-checkbox__input:focus {
  outline: none;
  border: none;
}
.htv-checkbox__input:focus:before {
  border: 1px solid #519b2f;
}
.htv-checkbox__input:disabled {
  cursor: initial;
}
.htv-checkbox__input:disabled:before {
  background: #dee1e5;
  border: 1px solid #c1c6cc;
}
.htv-checkbox__input:disabled + .htv-checkbox__text {
  color: #939ba5;
  cursor: initial;
}
.htv-checkbox__input:checked:before {
  background-color: #519b2f;
}
.htv-checkbox__input:checked:disabled:before {
  background: #dee1e5;
  border: 1px solid #c1c6cc;
}
.htv-checkbox__input:checked:disabled:after {
  border-left: 2px solid #939ba5;
  border-bottom: 2px solid #939ba5;
}
.htv-checkbox__input:checked:after {
  content: "";
  display: block;
  position: absolute;
  left: 4px;
  top: 7px;
  width: 7px;
  height: 3px;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.htv-checkbox__input:indeterminate:before {
  background-color: #519b2f;
}
.htv-checkbox__input:indeterminate:disabled:before {
  background: #dee1e5;
  border: 1px solid #c1c6cc;
}
.htv-checkbox__input:indeterminate:disabled:after {
  border-bottom: 2px solid #939ba5;
}
.htv-checkbox__input:indeterminate:after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #ffffff;
  display: block;
  top: 2px;
  left: 4px;
}
.htv-checkbox__input--error:before {
  border: 1px solid #dd223b;
}
.htv-checkbox__text {
  padding-left: 4px;
  display: inline-block;
  color: #262d33;
}
.htv-checkbox__text--medium {
  font-size: 14px;
}
.htv-checkbox__text--empty {
  padding-left: 0;
}

/* htv-tag */
.htv-tag {
  background-color: #edfae8;
  border: 1px solid #bee1ae;
  height: 28px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 8px;
  border-radius: 4px;
}
.htv-tag:hover {
  background-color: #dbf2d1;
}
.htv-tag:hover .htv-tag__icon {
  background-color: #dbf2d1;
}
.htv-tag__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 8px;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  max-width: 566px;
}
.htv-tag--ellipsis-xshort {
  max-width: 152px;
}
.htv-tag--ellipsis-xshort .htv-tag__text {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 108px;
  white-space: nowrap;
}
.htv-tag--ellipsis-short {
  max-width: 239px;
}
.htv-tag--ellipsis-short .htv-tag__text {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 195px;
  white-space: nowrap;
}
.htv-tag--ellipsis-medium {
  max-width: 320px;
}
.htv-tag--ellipsis-medium .htv-tag__text {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 276px;
  white-space: nowrap;
}
.htv-tag--ellipsis-long {
  max-width: 340px;
}
.htv-tag--ellipsis-long .htv-tag__text {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 296px;
  white-space: nowrap;
}
.htv-tag__text {
  color: #36691f;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
}
.htv-tag__icon {
  font-size: 16px;
  margin-left: 8px;
  background-color: #edfae8;
  color: #519b2f;
  border: none;
  cursor: pointer;
  outline: none;
  border-radius: 5px;
  padding-right: 0;
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}
.htv-tag__icon i {
  opacity: 0.5;
}
.htv-tag__icon:focus {
  background-color: #bee1ae;
  opacity: 0.5;
}
.htv-tag__icon:disabled {
  background-color: #f3f5f6;
  pointer-events: none;
  color: #939ba5;
  pointer-events: none;
}
.htv-tag__icon:disabled + .htv-tag__text {
  color: #939ba5;
}

/* .htv-badge */
.htv-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 20px;
  line-height: 1em;
  font-weight: 500;
}
.htv-badge--small {
  height: 20px;
  font-size: 11px;
  padding: 4px 8px;
}
.htv-badge--medium {
  height: 24px;
  font-size: 12px;
  padding: 5px 8px;
}
.htv-badge--large {
  height: 32px;
  font-size: 16px;
  padding: 6px 12px;
}
.htv-badge--purple {
  background-color: #eeeefc;
  color: #5455e5;
  border: 1px solid #5455e5;
}
.htv-badge--purple.htv-badge--high {
  color: #ffffff;
  background-color: #5455e5;
  border: none;
}
.htv-badge--green {
  background-color: #e7f4ec;
  color: #2f633b;
  border: 1px solid #2f633b;
}
.htv-badge--green.htv-badge--high {
  color: #ffffff;
  background-color: #258b3e;
  border: none;
}
.htv-badge--orange {
  background-color: #fef4e2;
  color: #704e17;
  border: 1px solid #704e17;
}
.htv-badge--orange.htv-badge--high {
  color: #ffffff;
  background-color: #d08204;
  border: none;
}
.htv-badge--red {
  background-color: #f5e5e6;
  color: #89252b;
  border: 1px solid #89252b;
}
.htv-badge--red.htv-badge--high {
  color: #ffffff;
  background-color: #c3363e;
  border: none;
}
.htv-badge--blue {
  background-color: #e3f0fa;
  color: #28649d;
  border: 1px solid #28649d;
}
.htv-badge--blue.htv-badge--high {
  color: #ffffff;
  background-color: #1977d1;
  border: none;
}
.htv-badge--gray {
  background-color: #eeeff0;
  color: #707781;
  border: 1px solid #707781;
}
.htv-badge--gray.htv-badge--high {
  color: #ffffff;
  background-color: #939ba5;
  border: none;
}
.htv-badge--no-border {
  border: none;
}

/* .htv-link */
.htv-link {
  text-decoration: underline;
  color: #519b2f;
}
.htv-link:hover {
  text-decoration: none;
}

/* .htv-line */
.htv-line {
  border-top: 1px solid #dee1e5;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.htv-line.htv-line--vertical {
  border-top: 0;
  border-left: 1px solid #dee1e5;
  border-right: 0;
  border-bottom: 0;
  min-height: 11px;
  height: 100%;
}
.htv-line.htv-line--vertical.htv-line--xlow-height {
  height: 20px;
}
.htv-line.htv-line--vertical.htv-line--low-height {
  height: 36px;
}
.htv-line.htv-line--vertical.htv-line--medium-height {
  height: 44px;
}
.htv-line--spacer {
  margin: 0 8px;
}
.htv-line--broad-spacer {
  margin: 0 16px;
}

/* htv-list */
.htv-list {
  list-style: none;
  width: 100%;
  font-size: 12px;
  color: #262d33;
  margin-top: 0;
  padding: 0;
  overflow-y: auto;
  height: 560px;
}
.htv-list li:first-child {
  border-top: none;
}
.htv-list li:last-child {
  border-bottom: 1px solid #c1c6cc;
}
.htv-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  border: 1px solid #c1c6cc;
  border-bottom: none;
  padding: 0 5px;
  cursor: pointer;
}
.htv-list li:hover {
  background-color: #edfae8;
}

.htv-list-title {
  background-color: #eeeff0;
  color: #707781;
  height: 24px;
  /* scroll bar(16px)の分をマイナス **/
  width: calc(100% - 16px);
  padding: 0 5px;
  border: 1px solid #c1c6cc;
  border-bottom: 1px solid #c1c6cc;
  font-weight: 700;
  font-size: 12px;
}
.htv-list-title--sub-cat {
  width: 253px;
}

.htv-child-target-list,
.htv-target-list {
  list-style: none;
  width: 100%;
  font-size: 12px;
  color: #262d33;
  margin-top: 0;
  padding: 0;
  display: none;
  overflow-y: auto;
  height: 560px;
}
.htv-child-target-list--active,
.htv-target-list--active {
  display: block;
}
.htv-child-target-list li:first-child,
.htv-target-list li:first-child {
  border-top: none;
}
.htv-child-target-list li:last-child,
.htv-target-list li:last-child {
  border-bottom: 1px solid #c1c6cc;
}
.htv-child-target-list li,
.htv-target-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  border: 1px solid #c1c6cc;
  border-bottom: none;
  padding: 0 5px;
}
.htv-child-target-list li:hover,
.htv-target-list li:hover {
  background-color: #edfae8;
}

/* .htv-panel */
.htv-panel {
  padding: 24px;
  background-color: #ffffff;
  border-radius: 4px;
}
.htv-panel--primary01 {
  background-color: #edfae8;
}
.htv-panel--top {
  -webkit-box-shadow: 0px 10px 5px rgba(0, 0, 0, 0.01), 0px 1px 3px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 10px 5px rgba(0, 0, 0, 0.01), 0px 1px 3px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 53px 200px 40px 200px;
  margin-top: -74px;
}
.htv-panel--info {
  border-radius: 8px;
}
.htv-panel--menu-item {
  width: 100%;
  border: 1px solid #dee1e5;
  border-radius: 4px;
  padding: 16px;
}
.htv-panel--link-area {
  width: 100%;
  background-color: #edfae8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  height: 72px;
}
.htv-panel--footer-fixed {
  margin-bottom: 82px;
}

.htv-panel-in-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px;
  border: 1px solid #dee1e5;
  width: 100%;
  border-radius: 4px;
}

.htv-border-panel {
  border: 1px solid #dee1e5;
  padding: 16px;
  border-radius: 8px;
}

.htv-highlighted-area {
  padding: 8px 24px;
  background: #edfae8;
}

.htv-panel-in-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px;
  border: 1px solid #dee1e5;
  width: 100%;
  border-radius: 4px;
}

.htv-dialog-panel {
  padding: 32px 56px 16px;
  overflow-y: auto;
  max-height: calc(100vh - 180px);
}
.htv-dialog-panel--padding-adjust {
  padding: 32px 40px 16px 56px;
}

.htv-dialog-panel-footer {
  position: sticky;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding-right: 16px;
  height: 68px;
  background-color: #ffffff;
}

.htv-time-comparison-ctrl-area {
  -webkit-box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 24px;
  border-bottom: 1px solid #dee1e5;
}

/* .htv-account-menu */
.htv-account-menu {
  position: relative;
  display: inline-block;
}
.htv-account-menu__button {
  background-color: #ffffff;
  border: 0;
  height: 36px;
  font-size: 14px;
  padding: 8px 36px 8px 8px;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #262d33;
}
.htv-account-menu__button:hover {
  background-color: #f3f5f6;
}
.htv-account-menu__button::after {
  content: "";
  display: block;
  position: absolute;
  right: 16px;
  top: 50%;
  border: 4px solid transparent;
  border-bottom: 0;
  border-top-color: #939ba5;
}
.htv-account-menu__button-icon {
  color: #939ba5;
  font-size: 24px;
  margin-right: 8px;
}
.htv-account-menu__menu {
  position: absolute;
  right: 0;
  background: #ffffff;
  -webkit-box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.01), 0px 4px 20px rgba(0, 0, 0, 0.14), 0px 1px 4px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.01), 0px 4px 20px rgba(0, 0, 0, 0.14), 0px 1px 4px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  padding: 8px 0;
  display: none;
  min-width: 200px;
}
.htv-account-menu__menu--show {
  display: block;
}
.htv-account-menu__role {
  padding: 8px 16px 0 16px;
  border-bottom: 1px solid #dee1e5;
}
.htv-account-menu__role-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 8px;
}
.htv-account-menu__role-title {
  width: 60px;
  color: #707781;
  font-size: 12px;
  margin-top: 2px;
}
.htv-account-menu__role-detail {
  width: 160px;
  margin-left: 8px;
}
.htv-account-menu__list {
  list-style: none;
  margin: 0;
  padding: 8px 0 0;
}
.htv-account-menu__list-icon {
  font-size: 18px;
  color: #939ba5;
}
.htv-account-menu__list-item {
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  padding: 0 16px;
  cursor: pointer;
  color: #262d33;
  width: 100%;
}
.htv-account-menu__list-item:hover {
  background-color: #f3f5f6;
}
.htv-account-menu__list-item--logout {
  color: #dd223b;
}
.htv-account-menu__list-item--logout:hover {
  background-color: #fcf2f3;
}
.htv-account-menu__list-item--logout .htv-account-menu__list-icon {
  color: #dd223b;
}

/* .htv-info-list */
.htv-info-list {
  list-style: none;
  padding: 0;
  margin: 0 0 8px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.htv-info-list__item {
  margin-right: 8px;
  border-right: 1px solid #dee1e5;
}
.htv-info-list__item:last-child {
  border-right: 0;
}

.htv-info-list__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 8px 0 0;
}

.htv-info-list__data-title {
  color: #939ba5;
  font-weight: 700;
  margin-right: 4px;
  font-size: 12px;
}

.htv-info-list__data-desc {
  margin: 0;
  font-size: 12px;
  color: #262d33;
}

/* .htv-disclosure */
.htv-disclosure {
  background-color: #ffffff;
  border-radius: 4px;
}
.htv-disclosure__header {
  padding: 16px 24px 16px 56px;
  position: relative;
  cursor: pointer;
}
.htv-disclosure__header::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  border-bottom: 2px solid #519b2f;
  border-right: 2px solid #519b2f;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  left: 28px;
  top: calc(50% - 5px);
  -webkit-transition: 200ms;
  transition: 200ms;
}
.htv-disclosure__title {
  color: #454d55;
  font-size: 18px;
}
.htv-disclosure__content {
  display: none;
  padding: 0 24px 24px;
}
.htv-disclosure--open .htv-disclosure__content {
  display: block;
}
.htv-disclosure--open .htv-disclosure__header::before {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  top: calc(50% - 2px);
}

/* .htv-dropdown */
.htv-dropdown {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 36px;
}
.htv-dropdown__btn-container {
  padding: 8px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.htv-dropdown__btn-container button:first-child {
  margin-right: 8px;
}
.htv-dropdown__time-icon {
  color: #939ba5;
  position: absolute;
  top: calc(50% - 9px);
  font-size: 16px;
  left: 8px;
  pointer-events: none;
  z-index: 1;
}
.htv-dropdown__tooltip {
  position: absolute;
  bottom: calc(100% + 8px);
  white-space: nowrap;
  text-align: center;
  background-color: #262d33;
  color: #ffffff;
  z-index: 99;
  font-size: 12px;
  padding: 8px;
  border-radius: 4px;
  display: none;
}
.htv-dropdown__menu-container {
  border: 1px solid #dee1e5;
  border-radius: 4px;
  margin-bottom: 8px;
}
.htv-dropdown__button {
  height: 36px;
  border: 1px solid #939ba5;
  background-color: #ffffff;
  border-radius: 4px;
  width: 100%;
  text-align: left;
  position: relative;
  cursor: pointer;
  color: #262d33;
  line-height: 1;
}
.htv-dropdown__button--with-icon-left {
  padding-left: 30px;
}
.htv-dropdown__button--small {
  font-size: 12px;
}
.htv-dropdown__button:hover {
  border: 1px solid #c1c6cc;
}
.htv-dropdown__button:focus {
  border: 2px solid #519b2f;
}
.htv-dropdown__button:disabled {
  background: #f3f5f6;
  pointer-events: none;
  color: #939ba5;
}
.htv-dropdown__button:disabled + .htv-dropdown__menu + .htv-dropdown__icon {
  cursor: initial;
}
.htv-dropdown__button--error {
  border: 2px solid #dd223b;
}
.htv-dropdown__button--error:after {
  content: "\f06a";
  font-family: fontawesome;
  color: #dd223b;
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 16px;
}
.htv-dropdown__button--error:hover {
  border: 2px solid #dd223b;
}
.htv-dropdown__button--error:focus {
  border: 2px solid #519b2f;
}
.htv-dropdown__button--no-border {
  border: none;
}
.htv-dropdown__button--no-border:hover {
  border: none;
}
.htv-dropdown__button--no-border:focus {
  border: none;
}
.htv-dropdown__button--unselected {
  background-color: #fae5e7;
  color: #dd223b;
  padding: 0 0 0 4px;
  font-size: 12px;
}
.htv-dropdown__button--selected {
  color: initial;
  background-color: #fcfae8;
  padding: 0 0 0 4px;
  font-size: 12px;
}
.htv-dropdown__icon {
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #939ba5;
  cursor: pointer;
}
.htv-dropdown__icon--left {
  right: 35px;
}
.htv-dropdown__icon--right-fixed {
  right: 2px;
}
.htv-dropdown__menu {
  position: absolute;
  list-style: none;
  width: 100%;
  padding: 8px 0;
  margin: 0;
  border-radius: 4px;
  -webkit-box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.01), 0px 4px 20px rgba(0, 0, 0, 0.14), 0px 1px 4px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.01), 0px 4px 20px rgba(0, 0, 0, 0.14), 0px 1px 4px rgba(0, 0, 0, 0.04);
  display: none;
  z-index: 999;
  background-color: #ffffff;
  max-height: 300px;
  overflow: auto;
  color: #262d33;
}
.htv-dropdown__menu--show {
  display: block;
}
.htv-dropdown__menu--with-btn {
  padding: 16px 8px 0 8px;
}
.htv-dropdown__item {
  padding: 8px 16px;
  font-size: 13px;
  cursor: pointer;
}
.htv-dropdown__item:hover {
  background-color: #edfae8;
}
.htv-dropdown__item--active {
  font-weight: 700;
  color: #519b2f;
}
.htv-dropdown__note {
  margin-top: 8px;
  color: #454d55;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.htv-dropdown__note--warning {
  color: #dd223b;
}

/* .htv-form */
.htv-form-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 4px;
}

.htv-form-label {
  font-size: 12px;
  color: #262d33;
}

/* .htv-toggle-btn */
.htv-toggle-btn {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
}
.htv-toggle-btn__item {
  margin-left: -1px;
}
.htv-toggle-btn__item:first-child {
  margin-left: 0;
}
.htv-toggle-btn__item:first-child .htv-toggle-btn__label {
  border-radius: 4px 0 0 4px;
}
.htv-toggle-btn__item:last-child .htv-toggle-btn__label {
  border-radius: 0 4px 4px 0;
}
.htv-toggle-btn__radio {
  display: none;
}
.htv-toggle-btn__radio:checked + .htv-toggle-btn__label {
  color: #519b2f;
  background-color: #eaf9e4;
  cursor: auto;
}
.htv-toggle-btn__label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 36px;
  padding: 8px 12px;
  border: 1px solid #dee1e5;
  font-size: 14px;
  cursor: pointer;
  color: #262d33;
}

/* .htv-toggle-switch */
.htv-toggle-switch {
  display: inline-block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 35px;
  height: 20px;
  border-radius: 100px;
  background-color: #c1c6cc;
  border: 1px solid #c1c6cc;
  cursor: pointer;
  position: relative;
}
.htv-toggle-switch__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.htv-toggle-switch__label {
  margin-left: 5px;
  color: #262d33;
  font-size: 14px;
}
.htv-toggle-switch:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-color: white;
  border-radius: 13px;
  cursor: pointer;
  -webkit-transition: left 0.3s;
  transition: left 0.3s;
  position: absolute;
  left: 2px;
  top: 1px;
}
.htv-toggle-switch:checked {
  background-color: #519b2f;
}
.htv-toggle-switch:checked:after {
  left: 15px;
}
.htv-toggle-switch:checked:disabled {
  opacity: 0.4;
}
.htv-toggle-switch:disabled {
  opacity: 0.4;
}

/* .htv-htv-tabs */
.htv-tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  height: 40px;
  border-bottom: 1px solid #dee1e5;
}
.htv-tabs__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #454d55;
  font-size: 14px;
  height: 100%;
  cursor: pointer;
  padding: 0 16px;
}
.htv-tabs__item--active {
  color: #262d33;
  -webkit-box-shadow: inset 0px -3px 0px #519b2f;
          box-shadow: inset 0px -3px 0px #519b2f;
  pointer-events: none;
}
.htv-tabs__item--disabled {
  color: #939ba5;
  pointer-events: none;
}

/* .htv-modal-layer */
.htv-modal-layer {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1000;
  display: none;
  overflow-x: auto;
}
.htv-modal-layer--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.htv-modal {
  margin: 0 auto;
  position: relative;
  background-color: #ffffff;
  max-height: calc(100% - 48px);
  -webkit-box-shadow: 0px 16px 20px rgba(0, 0, 0, 0.025), 0px 5px 42px rgba(0, 0, 0, 0.18), 0px 1px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 16px 20px rgba(0, 0, 0, 0.025), 0px 5px 42px rgba(0, 0, 0, 0.18), 0px 1px 4px rgba(0, 0, 0, 0.05);
}
.htv-modal--small {
  width: 448px;
}
.htv-modal--medium {
  width: 640px;
}
.htv-modal--large {
  min-width: 840px;
  max-width: 1280px;
}
.htv-modal--xlarge {
  width: 100%;
  margin: 24px;
  max-height: 100%;
  height: calc(100% - 48px);
}
.htv-modal__header {
  position: sticky;
  top: 0;
  width: 100%;
  height: 64px;
  padding: 24px 24px 0;
  border-bottom: 1px solid #dee1e5;
  background-color: #ffffff;
  z-index: 100;
}
.htv-modal__header--description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  bottom: 12px;
}
.htv-icon + .htv-modal__header--description {
  left: 48px;
}
.htv-modal__header--description-text {
  font-size: 13px;
  color: #707781;
  line-height: 19.5px;
}
.htv-modal__header-back {
  cursor: pointer;
}
.htv-modal__content {
  padding: 24px;
  padding-top: 16px;
  overflow-y: auto;
  max-height: calc(100vh - 180px);
}
.htv-modal__content--padding-adjust {
  padding: 16px 8px 24px 24px;
}
.htv-modal__time-comparison-content {
  padding: 24px;
  padding-top: 16px;
  overflow-y: auto;
  max-height: calc(100vh - 285px);
}
.htv-modal__time-comparison-content--padding-adjust {
  padding: 24px 8px 24px 24px;
}
.htv-modal__footer {
  position: sticky;
  bottom: 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.16);
          box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.16);
  height: 68px;
  padding: 16px 24px;
  width: 100%;
}
.htv-modal__time-comparison-footer {
  position: sticky;
  bottom: 0;
  background-color: #ffffff;
  height: 154px;
  width: 100%;
}
.htv-modal__time-comparison-inner-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin: 16px 24px 0 0;
}
.htv-modal__close {
  border: 0;
  background-color: transparent;
  padding: 0;
  position: absolute;
  right: 24px;
  top: 24px;
  width: 24px;
  height: 24px;
}
.htv-modal__progress {
  position: relative;
  background-color: #eeeff0;
  border-radius: 2px;
  height: 8px;
  width: 100%;
  margin-bottom: 8px;
}
.htv-modal__progress-bar {
  display: inline-block;
  background-color: #519b2f;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
}
.htv-modal__progress-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  color: #454d55;
}

.htv-table-container {
  overflow: auto;
}

.htv-table-layout-fixed {
  table-layout: fixed;
}

.htv-table {
  border-collapse: separate;
  border-spacing: 0;
  border-bottom: 1px solid #c1c6cc;
  border-right: 1px solid #c1c6cc;
}
.htv-table.w-full {
  width: 100%;
}
.htv-table--borderless {
  border: none;
}
.htv-table thead .htv-table__row--border-bottom th.htv-table__cell,
.htv-table tbody.htv-table-list__tbody .htv-table__row--border-bottom th.htv-table__cell {
  border-bottom: 1px solid #c1c6cc;
}
.htv-table thead .htv-table__row--clickable th,
.htv-table tbody.htv-table-list__tbody .htv-table__row--clickable th {
  cursor: pointer;
}
.htv-table thead th.htv-table__cell,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell {
  background-color: #eeeff0;
  text-align: left;
  color: #454d55;
  border-left: 1px solid #c1c6cc;
  border-top: 1px solid #c1c6cc;
  font-weight: 700;
  padding: 0 4px;
  font-size: 12px;
  height: 24px;
}
.htv-table thead th.htv-table__cell--border-bottom,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell--border-bottom {
  border-bottom: 1px solid #c1c6cc;
}
.htv-table thead th.htv-table__cell--bold-border-bottom,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell--bold-border-bottom {
  border-bottom: 2px solid #c1c6cc;
}
.htv-table thead th.htv-table__cell--bg-white,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell--bg-white {
  background-color: #ffffff;
}
.htv-table thead th.htv-table__cell--bg-primary,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell--bg-primary {
  background-color: #519b2f;
  color: #ffffff;
}
.htv-table thead th.htv-table__cell--center,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell--center {
  text-align: center;
}
.htv-table thead th.htv-table__cell--right,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell--right {
  text-align: right;
}
.htv-table thead th.htv-table__cell--left,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell--left {
  text-align: left;
}
.htv-table thead th.htv-table__cell--valign-baseline,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell--valign-baseline {
  vertical-align: baseline;
}
.htv-table thead th.htv-table__cell--sticky,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell--sticky {
  position: sticky;
}
.htv-table thead th.htv-table__cell--sticky-top,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell--sticky-top {
  top: 0;
}
.htv-table thead th.htv-table__cell--bold-border-right,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell--bold-border-right {
  border-right: 2px solid #c1c6cc;
}
.htv-table thead th.htv-table__cell--no-border-left,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell--no-border-left {
  border-left: 0;
}
.htv-table thead th.htv-table__cell--sortable,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell--sortable {
  cursor: pointer;
}
.htv-table thead th.htv-table__cell--gray60,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell--gray60 {
  color: #707781;
}
.htv-table thead th.htv-table__cell--gray60 .htv-checkbox__text,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell--gray60 .htv-checkbox__text {
  color: #707781;
}
.htv-table thead th.htv-table__cell--saturday,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell--saturday {
  color: #195470;
  background-color: #e3f2fa;
}
.htv-table thead th.htv-table__cell--sunday,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell--sunday {
  color: #713728;
  background-color: #f8ebe6;
}
.htv-table thead th.htv-table__cell--black,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell--black {
  color: #262d33;
}
.htv-table thead th.htv-table__cell--bg-gray20,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell--bg-gray20 {
  background-color: #dee1e5;
}
.htv-table thead th.htv-table__cell--border-top-emphasize,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell--border-top-emphasize {
  border-top: 4px solid #519b2f;
}
.htv-table thead th.htv-table__cell--forward8,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell--forward8 {
  z-index: 6;
}
.htv-table thead th.htv-table__cell--forward3,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell--forward3 {
  z-index: 3;
}
.htv-table thead th.htv-table__cell--forward1,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell--forward1 {
  z-index: 1;
}
.htv-table thead th.htv-table__cell--vertical,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell--vertical {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  white-space: nowrap;
}
.htv-table thead th.htv-table__cell--vertical .htv-table__number,
.htv-table tbody.htv-table-list__tbody th.htv-table__cell--vertical .htv-table__number {
  text-combine-upright: all;
  font-family: Noto Sans Mono;
  vertical-align: 1px;
  padding: 3px 0;
}
.htv-table thead th.htv-data-table__cell,
.htv-table tbody.htv-table-list__tbody th.htv-data-table__cell {
  text-align: left;
  font-weight: 500;
  padding: 12px 16px;
  color: #707781;
  font-size: 12px;
  background-color: #f3f5f6;
  border-bottom: 1px solid #dee1e5;
}
.htv-table thead th.htv-data-table__cell--sticky,
.htv-table tbody.htv-table-list__tbody th.htv-data-table__cell--sticky {
  position: sticky;
}
.htv-table thead th.htv-data-table__cell--sticky-top,
.htv-table tbody.htv-table-list__tbody th.htv-data-table__cell--sticky-top {
  top: 0;
}
.htv-table tbody .htv-table__row--gray td.htv-table__cell {
  color: #939ba5;
}
.htv-table tbody .htv-table__row--ng td.htv-table__cell {
  background-color: #fae5e7;
}
.htv-table tbody .htv-table__row--ng td.htv-table__cell--as-th {
  background-color: #eeeff0;
}
.htv-table tbody .htv-table__row--ng td .htv-date-input__input,
.htv-table tbody .htv-table__row--ng td .htv-time-input__input,
.htv-table tbody .htv-table__row--ng td.htv-table__cell--datetime .htv-time-input__input,
.htv-table tbody .htv-table__row--ng td.htv-table__cell--datetime .htv-date-input__input {
  background-color: #fae5e7;
  color: #dd223b;
}
.htv-table tbody .htv-table__row--highlighted td.htv-table__cell {
  background-color: #edfae8;
}
.htv-table tbody .htv-table__row--highlighted:hover td {
  background-color: #dceed4;
}
.htv-table tbody .htv-table__row--bg-transparent td.htv-table__cell {
  background-color: transparent;
}
.htv-table tbody .htv-table__row--disabled td.htv-table__cell {
  background-color: #dee1e5;
  color: #939ba5;
}
.htv-table tbody .htv-table__row--no-border-top td.htv-table__cell {
  border-top: none;
}
.htv-table tbody .htv-table__row--low td.htv-table__cell {
  height: 24px;
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: middle;
}
.htv-table tbody .htv-table__row--data-table-style th.htv-table__cell {
  color: #707781;
  font-size: 12px;
  text-align: left;
  padding: 12px 16px;
  min-width: 126px;
  font-weight: 500;
  line-height: 1;
}
.htv-table tbody .htv-table__row--data-table-style th.htv-table__cell--border-bottom {
  border-bottom: 1px solid #dee1e5;
}
.htv-table tbody .htv-table__row--data-table-style th.htv-table__cell--padding-adjust {
  padding: 0 16px;
}
.htv-table tbody .htv-table__row--data-table-style th.htv-table__cell.htv-l-lh24 {
  line-height: 24px;
}
.htv-table tbody .htv-table__row--data-table-style td.htv-table__cell {
  border-bottom: 1px solid #dee1e5;
  border-top: none;
  border-left: none;
  padding-left: 12px;
  color: #262d33;
  font-size: 14px;
}
.htv-table tbody .htv-table__row--data-table-style td.htv-table__cell--gray40 {
  color: #939ba5;
}
.htv-table tbody .htv-table__row--data-table-style td.htv-table__cell--gray60 {
  color: #707781;
}
.htv-table tbody .htv-table__row--data-table-style td.htv-table__cell--gray80 {
  color: #454d55;
}
.htv-table tbody .htv-table__row--data-table-style td.htv-table__cell--padding-adjust {
  padding: 9.5px 16px;
}
.htv-table tbody .htv-table__row--data-table-style td.htv-table__cell--padding-small {
  padding: 5.5px 16px;
}
.htv-table tbody .htv-table__row--data-table-style td.htv-table__cell--padding-large {
  padding: 15.5px 16px;
}
.htv-table tbody .htv-table__row--error td {
  background-color: #fae5e7;
  color: #dd223b;
}
.htv-table tbody .htv-table__row--error:hover td {
  background-color: #f8d8db;
}
.htv-table tbody .htv-table__row--clickable td {
  cursor: pointer;
}
.htv-table tbody .htv-table__row--hoverable:hover {
  /* status tableのテレコcellに埋め込まれているドロップダウンメニューに色を適用 **/
}
.htv-table tbody .htv-table__row--hoverable:hover td {
  background-color: #f3f5f6;
}
.htv-table tbody .htv-table__row--hoverable:hover .teleco-col .htv-dropdown__button {
  background-color: #f3f5f6;
}
.htv-table tbody .htv-table__row--padding-adjust .htv-table__cell {
  padding: 0 5px;
}
.htv-table tbody .htv-table__row--broader-padding .htv-table__cell {
  padding: 6px 16px;
}
.htv-table tbody .htv-table__row td.htv-table__cell--gray60 {
  color: #707781;
}
.htv-table tbody .htv-table__row td.htv-table__cell--gray80 {
  color: #454d55;
}
.htv-table tbody td.htv-table__cell,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell {
  height: 32px;
  background-color: #ffffff;
  text-align: left;
  color: #454d55;
  border-left: 1px solid #c1c6cc;
  border-top: 1px solid #c1c6cc;
  font-size: 12px;
  padding: 6px 5px;
  vertical-align: middle;
}
.htv-table tbody td.htv-table__cell--border-gray20,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--border-gray20 {
  border-top: 1px solid #dee1e5;
}
.htv-table tbody td.htv-table__cell--green-emphasis,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--green-emphasis {
  background-color: #edfae8;
  color: #519b2f;
  font-weight: 700;
}
.htv-table tbody td.htv-table__cell--forward4,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--forward4 {
  z-index: 4;
}
.htv-table tbody td.htv-table__cell--center,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--center {
  text-align: center;
}
.htv-table tbody td.htv-table__cell--right,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--right {
  text-align: right;
}
.htv-table tbody td.htv-table__cell--sticky,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--sticky {
  position: sticky;
}
.htv-table tbody td.htv-table__cell--bold-border-right,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--bold-border-right {
  border-right: 2px solid #c1c6cc;
}
.htv-table tbody td.htv-table__cell--no-border-left,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--no-border-left {
  border-left: 0;
}
.htv-table tbody td.htv-table__cell--no-padding,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--no-padding {
  padding: 0;
}
.htv-table tbody td.htv-table__cell--padding-adjust,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--padding-adjust {
  padding: 0 5px;
}
.htv-table tbody td.htv-table__cell--overflow,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--overflow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 0;
}
.htv-table tbody td.htv-table__cell--bold,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--bold {
  font-weight: 700;
}
.htv-table tbody td.htv-table__cell--light,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--light {
  font-weight: 500;
}
.htv-table tbody td.htv-table__cell .htv-table__cell-inner,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell .htv-table__cell-inner {
  height: 100%;
  overflow: auto;
  padding: 6px 5px;
}
.htv-table tbody td.htv-table__cell .htv-table__cell-text,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell .htv-table__cell-text {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.htv-table tbody td.htv-table__cell--as-th,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--as-th {
  background-color: #eeeff0;
  font-weight: 700;
  color: #707781;
}
.htv-table tbody td.htv-table__cell--as-th .htv-checkbox__text,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--as-th .htv-checkbox__text {
  color: #707781;
}
.htv-table tbody td.htv-table__cell--black,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--black {
  color: #262d33;
}
.htv-table tbody td.htv-table__cell--gray,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--gray {
  color: #707781;
}
.htv-table tbody td.htv-table__cell--disabled,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--disabled {
  background-color: #dee1e5;
  color: #939ba5;
}
.htv-table tbody td.htv-table__cell--small,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--small {
  height: 16px;
  padding: 0 5px;
  font-size: 11px;
  font-weight: 700;
}
.htv-table tbody td.htv-table__cell--datetime,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--datetime {
  padding: 0;
}
.htv-table tbody td.htv-table__cell--datetime .htv-date-input__input,
.htv-table tbody td.htv-table__cell--datetime .htv-time-input__input,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--datetime .htv-date-input__input,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--datetime .htv-time-input__input {
  background: #fcfae8;
  border-radius: 0;
  border: none;
}
.htv-table tbody td.htv-table__cell--pale-yellow,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--pale-yellow {
  background: #fcfae8;
}
.htv-table tbody td.htv-table__cell--pale-yellow .htv-text-input__input,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--pale-yellow .htv-text-input__input {
  background-color: transparent;
  border: none;
}
.htv-table tbody td.htv-table__cell--pale-yellow .htv-text-input__input:active, .htv-table tbody td.htv-table__cell--pale-yellow .htv-text-input__input:focus,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--pale-yellow .htv-text-input__input:active,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--pale-yellow .htv-text-input__input:focus {
  outline: none;
}
.htv-table tbody td.htv-table__cell--cell-selected,
.htv-table tbody tbody.htv-table-list__tbody th.htv-table__cell--cell-selected {
  background-color: #519b2f;
}

.htv-search-company-table {
  overflow: auto;
  max-height: 313px;
}
.htv-search-company-table tbody tr:first-child td {
  border-top: none;
}

.htv-status-table,
.htv-simulation-table,
.htv-sales-info-table {
  overflow: auto;
}

#status-table.dataTable thead th.sorting:after, #status-table.dataTable thead th.sorting_asc:after, #status-table.dataTable thead th.sorting_desc:after {
  color: #939ba5;
  position: absolute;
  top: 12px;
  right: 3px;
  display: block;
  font-family: FontAwesome;
}
#status-table.dataTable thead th.sorting:after {
  content: "\f0dc";
  font-size: 12px;
  padding-top: 6px;
}
#status-table.dataTable thead th.sorting_asc:after {
  content: "\f0de";
  color: #519b2f;
}
#status-table.dataTable thead th.sorting_desc:after {
  content: "\f0dd";
  color: #519b2f;
}

#simulation-table.dataTable thead th.sorting:after, #simulation-table.dataTable thead th.sorting_asc:after, #simulation-table.dataTable thead th.sorting_desc:after,
#sales-info-table.dataTable thead th.sorting:after,
#sales-info-table.dataTable thead th.sorting_asc:after,
#sales-info-table.dataTable thead th.sorting_desc:after {
  color: #939ba5;
  display: block;
  font-family: FontAwesome;
}
#simulation-table.dataTable thead th.sorting:after,
#sales-info-table.dataTable thead th.sorting:after {
  content: "\f0dc";
  font-size: 12px;
  padding-top: 6px;
}
#simulation-table.dataTable thead th.sorting_asc:after,
#sales-info-table.dataTable thead th.sorting_asc:after {
  content: "\f0de";
  color: #519b2f;
}
#simulation-table.dataTable thead th.sorting_desc:after,
#sales-info-table.dataTable thead th.sorting_desc:after {
  content: "\f0dd";
  color: #519b2f;
}

#simulation-table.dataTable thead .money-col.sorting:after, #simulation-table.dataTable thead .money-col.sorting_asc:after, #simulation-table.dataTable thead .money-col.sorting_desc:after {
  color: #bee1ae;
  display: block;
  font-family: FontAwesome;
}
#simulation-table.dataTable thead .money-col.sorting:after {
  font-size: 12px;
  padding-top: 6px;
}
#simulation-table.dataTable thead .money-col.sorting_asc:after {
  color: #bee1ae;
}
#simulation-table.dataTable thead .money-col.sorting_desc:after {
  color: #bee1ae;
}

#simulation-table.dataTable thead .sorting-position-adjust.sorting:after, #simulation-table.dataTable thead .sorting-position-adjust.sorting_asc:after, #simulation-table.dataTable thead .sorting-position-adjust.sorting_desc:after,
#sales-info-table.dataTable thead .sorting-position-adjust.sorting:after,
#sales-info-table.dataTable thead .sorting-position-adjust.sorting_asc:after,
#sales-info-table.dataTable thead .sorting-position-adjust.sorting_desc:after {
  display: inline-block;
  padding-top: 0;
}

#simulation-table.dataTable thead .sorting-position-adjust.simulationTargetCol.sorting:after, #simulation-table.dataTable thead .sorting-position-adjust.simulationTargetCol.sorting_asc:after, #simulation-table.dataTable thead .sorting-position-adjust.simulationTargetCol.sorting_desc:after {
  position: relative;
  bottom: 4px;
}

#sales-info-table.dataTable thead .simulation-sorting-position-adjust.sorting:after, #sales-info-table.dataTable thead .simulation-sorting-position-adjust.sorting_asc:after, #sales-info-table.dataTable thead .simulation-sorting-position-adjust.sorting_desc:after {
  display: inline-block;
  position: relative;
  left: 23px;
}

#search-company-table.dataTable thead th.sorting:after, #search-company-table.dataTable thead th.sorting_asc:after, #search-company-table.dataTable thead th.sorting_desc:after {
  color: #939ba5;
  position: absolute;
  top: 0;
  right: 3px;
  display: block;
  font-family: FontAwesome;
}
#search-company-table.dataTable thead th.sorting:after {
  content: "\f0dc";
  font-size: 12px;
  padding-top: 6px;
}
#search-company-table.dataTable thead th.sorting_asc:after {
  content: "\f0de";
  color: #519b2f;
}
#search-company-table.dataTable thead th.sorting_desc:after {
  content: "\f0dd";
  color: #519b2f;
}

.htv-text {
  font-size: 14px;
}
.htv-text--small {
  font-size: 12px;
}
.htv-text--medium {
  font-size: 16px;
}
.htv-text--large {
  font-size: 18px;
}
.htv-text--xlarge {
  font-size: 20px;
}
.htv-text--gray80 {
  color: #454d55;
}
.htv-text--gray60 {
  color: #707781;
}
.htv-text--gray40 {
  color: #939ba5;
}
.htv-text--black {
  color: #262d33;
}
.htv-text--primary {
  color: #519b2f;
}
.htv-text--underlined {
  border-bottom: 1px solid #519b2f;
}
.htv-text--red {
  color: #dd223b;
}
.htv-text--regular {
  font-weight: 400;
}
.htv-text--bold {
  font-weight: 700;
}
.htv-text__required-mark {
  color: #dd223b;
}
.htv-text--overflow-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.htv-text--left-border {
  border-left: 4px solid #519b2f;
  padding-left: 8px;
}

/* .htv-text-input */
.htv-text-input {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 4px;
}
.htv-text-input__required-mark {
  color: #dd223b;
}
.htv-text-input__input {
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #939ba5;
  height: 36px;
  padding: 0 8px;
  width: 100%;
  color: #262d33;
}
.htv-text-input__input:hover {
  border: 1px solid #c1c6cc;
}
.htv-text-input__input:focus {
  border: 2px solid #519b2f;
  outline: none;
}
.htv-text-input__input:disabled {
  background: #f3f5f6;
}
.htv-text-input__input:disabled:hover {
  border: 1px solid #939ba5;
}
.htv-text-input__input--gray80 {
  color: #454d55;
}
.htv-text-input__input--small {
  font-size: 12px;
}
.htv-text-input__input--icon-left {
  padding-left: 30px;
}
.htv-text-input__input--icon-right {
  padding-right: 30px;
}
.htv-text-input__input--icon-right.htv-text-input__input--search {
  padding-right: 60px;
}
.htv-text-input__input--search {
  padding-right: 30px;
}
.htv-text-input__input--align-right {
  text-align: right;
}
.htv-text-input__input--padding-adjusted {
  padding-left: 5px;
}
.htv-text-input__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.htv-text-input__container--error .htv-text-input__input {
  border: 2px solid #dd223b;
  padding-right: 30px;
}
.htv-text-input__container--error .htv-text-input__input.htv-text-input__input--icon-right {
  padding-right: 54px;
}
.htv-text-input__container--error .htv-text-input__input.htv-text-input__input--search {
  padding-right: 54px;
}
.htv-text-input__container--error .htv-text-input__input + .htv-text-input__icon-right {
  right: 35px;
}
.htv-text-input__container--error .htv-text-input__input + .htv-text-input__icon-search {
  right: 35px;
}
.htv-text-input__container--error .htv-text-input__input:hover {
  border: 2px solid #dd223b;
}
.htv-text-input__container--error .htv-text-input__input:focus {
  border: 2px solid #519b2f;
  outline: none;
}
.htv-text-input__container--error:after {
  content: "\f06a";
  font-family: fontawesome;
  color: #dd223b;
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 16px;
}
.htv-text-input__container--error-search .htv-text-input__input {
  border: 2px solid #dd223b;
  padding-right: 60px;
}
.htv-text-input__container--error-search .htv-text-input__input.htv-text-input__input--icon-right {
  padding-right: 84px;
}
.htv-text-input__container--error-search .htv-text-input__input + .htv-text-input__icon-right {
  right: 55px;
}
.htv-text-input__container--error-search .htv-text-input__input + .htv-text-input__icon-search {
  right: 56px;
}
.htv-text-input__container--error-search .htv-text-input__input:hover {
  border: 2px solid #dd223b;
}
.htv-text-input__container--error-search .htv-text-input__input:focus {
  border: 2px solid #519b2f;
  outline: none;
}
.htv-text-input__container--error-search:after {
  content: "\f06a";
  font-family: fontawesome;
  color: #dd223b;
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 16px;
}
.htv-text-input__container--error-search .htv-text-input__icon-right {
  right: 32px;
}
.htv-text-input__error-icon {
  color: #dd223b;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 18px;
  height: 18px;
  font-size: 16px;
}
.htv-text-input__label {
  color: #262d33;
  font-size: 12px;
}
.htv-text-input ::-webkit-input-placeholder {
  color: #939ba5;
}
.htv-text-input ::-moz-placeholder {
  color: #939ba5;
}
.htv-text-input :-ms-input-placeholder {
  color: #939ba5;
}
.htv-text-input ::-ms-input-placeholder {
  color: #939ba5;
}
.htv-text-input ::placeholder {
  color: #939ba5;
}
.htv-text-input__icon-left {
  color: #939ba5;
  position: absolute;
  font-size: 16px;
  padding: 8px;
}
.htv-text-input__icon-right {
  color: #939ba5;
  position: absolute;
  font-size: 16px;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.htv-text-input__icon-right + .htv-text-input__icon-search {
  color: #939ba5;
  position: absolute;
  font-size: 16px;
  right: 34px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}
.htv-text-input__icon-search {
  color: #939ba5;
  position: absolute;
  font-size: 16px;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}
.htv-text-input__note {
  margin-top: 4px;
  color: #454d55;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.htv-text-input__note--warning {
  color: #dd223b;
}

.htv-tooltip {
  display: inline-block;
  position: relative;
}
.htv-tooltip__text {
  position: absolute;
  white-space: nowrap;
  text-align: center;
  background-color: #262d33;
  color: #ffffff;
  font-size: 12px;
  padding: 8px;
  border-radius: 4px;
  display: none;
  z-index: 1000;
}
.htv-tooltip__text--left {
  text-align: left;
}
.htv-tooltip__text-position-adjust {
  position: absolute;
  white-space: nowrap;
  text-align: center;
  background-color: #262d33;
  color: #ffffff;
  font-size: 12px;
  padding: 8px;
  border-radius: 4px;
  display: none;
  right: 0;
  z-index: 1000;
}
.htv-tooltip__text-position-adjust--lower {
  top: 20px;
}
.htv-tooltip__text-position-left {
  position: absolute;
  white-space: nowrap;
  text-align: center;
  background-color: #262d33;
  color: #ffffff;
  font-size: 12px;
  padding: 8px;
  border-radius: 4px;
  display: none;
  z-index: 1000;
}
.htv-tooltip:hover .htv-tooltip__text,
.htv-tooltip:hover .htv-tooltip__text-position-adjust {
  display: block;
}
.htv-tooltip__content {
  cursor: pointer;
}
.htv-tooltip__content--overflow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.htv-date-input {
  position: relative;
  z-index: 0;
}
.htv-date-input__form {
  position: relative;
}
.htv-date-input__input {
  height: 36px;
  border: 1px solid #939ba5;
  background-color: #ffffff;
  border-radius: 4px;
  width: 100%;
  padding: 5px 30px 5px 8px;
  color: #262d33;
}
.htv-date-input__input--small {
  font-size: 12px;
}
.htv-date-input__input:focus {
  border: 2px solid #519b2f;
  outline: none;
}
.htv-date-input__icon {
  color: #939ba5;
  position: absolute;
  right: 8px;
  top: calc(50% - 9px);
  font-size: 16px;
  pointer-events: none;
}
.htv-date-input__icon--small {
  font-size: 14px;
  height: 20px;
  height: 20px;
  top: calc(50% - 7px);
  right: 0;
}

.htv-date-picker-single .ui-datepicker,
.htv-date-picker-single-limited-selection .ui-datepicker {
  width: 250px !important;
}
.htv-date-picker-single .ui-widget-content .htv-date-picker-start::after,
.htv-date-picker-single .ui-widget-content .htv-date-picker-end::after,
.htv-date-picker-single-limited-selection .ui-widget-content .htv-date-picker-start::after,
.htv-date-picker-single-limited-selection .ui-widget-content .htv-date-picker-end::after {
  display: none;
}

.htv-date-picker,
.htv-date-picker-single,
.htv-date-picker-single-limited-selection,
.htv-date-picker-multi-limited-selection,
.htv-date-picker-auto-selection {
  position: absolute;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.01), 0px 4px 20px rgba(0, 0, 0, 0.14), 0px 1px 4px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.01), 0px 4px 20px rgba(0, 0, 0, 0.14), 0px 1px 4px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  padding: 8px;
  display: none;
}
.htv-date-picker__period,
.htv-date-picker-single__period,
.htv-date-picker-single-limited-selection__period,
.htv-date-picker-multi-limited-selection__period,
.htv-date-picker-auto-selection__period {
  border: 1px solid #dee1e5;
  border-radius: 4px;
  height: 36px;
  padding: 0 16px;
  color: #262d33;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.htv-date-picker__period-start,
.htv-date-picker-single__period-start,
.htv-date-picker-single-limited-selection__period-start,
.htv-date-picker-multi-limited-selection__period-start,
.htv-date-picker-auto-selection__period-start {
  display: inline-block;
  width: 75px;
}
.htv-date-picker__period-bar,
.htv-date-picker-single__period-bar,
.htv-date-picker-single-limited-selection__period-bar,
.htv-date-picker-multi-limited-selection__period-bar,
.htv-date-picker-auto-selection__period-bar {
  color: #707781;
  margin: 0 8px;
}
.htv-date-picker__period-end,
.htv-date-picker-single__period-end,
.htv-date-picker-single-limited-selection__period-end,
.htv-date-picker-multi-limited-selection__period-end,
.htv-date-picker-auto-selection__period-end {
  display: inline-block;
  width: 75px;
}
.htv-date-picker--show,
.htv-date-picker-single--show,
.htv-date-picker-single-limited-selection--show,
.htv-date-picker-multi-limited-selection--show,
.htv-date-picker-auto-selection--show {
  display: block;
}

.htv-date-picker-multi-limited-selection .htv-date-picker-during-unselectable {
  opacity: initial;
}
.htv-date-picker-multi-limited-selection .htv-date-picker-during-unselectable .ui-state-default {
  color: #c1c6cc;
}

td.htv-date-picker-during.ui-datepicker-week-end:last-child a.ui-state-default, td.htv-date-picker-during.ui-datepicker-week-end:first-child a.ui-state-default, td.htv-date-picker-during.htv-date-picker-holiday a.ui-state-default, td.htv-date-picker-during.htv-date-picker-holiday a.ui-state-default:hover {
  color: #707781;
}

.htv-date-picker-starts-from-monday td.htv-date-picker-during.ui-datepicker-week-end:last-child a.ui-state-default, .htv-date-picker-starts-from-monday td.htv-date-picker-during.ui-datepicker-week-end:nth-last-child(2) a.ui-state-default, .htv-date-picker-starts-from-monday td.htv-date-picker-during.htv-date-picker-holiday a.ui-state-default, .htv-date-picker-starts-from-monday td.htv-date-picker-during.htv-date-picker-holiday a.ui-state-default:hover {
  color: #707781;
}

.ui-widget-content .htv-date-picker-during {
  position: relative;
}

.ui-widget-content .htv-date-picker-during .ui-state-default {
  position: relative;
  z-index: 2;
}

.ui-widget-content .htv-date-picker-during .ui-state-default.ui-state-hover {
  background-color: transparent;
}

.ui-widget-content .htv-date-picker-during::after {
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  top: 1px;
  background-color: #edfae8;
  margin: 2px 0;
  width: 34px;
  height: 28px;
}

.ui-widget-content .htv-date-picker-start {
  position: relative;
}

.ui-widget-content .htv-date-picker-start .ui-state-default,
.ui-widget-content .htv-date-picker-start .ui-state-default.ui-state-hover {
  background-color: #519b2f;
  color: #ffffff;
  position: relative;
  z-index: 2;
}

.ui-widget-content .htv-date-picker-start.ui-datepicker-week-end:last-child a.ui-state-default, .ui-widget-content .htv-date-picker-start.ui-datepicker-week-end:first-child a.ui-state-default, .ui-widget-content .htv-date-picker-start.htv-date-picker-holiday a.ui-state-default,
.ui-widget-content .htv-date-picker-end.ui-datepicker-week-end:last-child a.ui-state-default,
.ui-widget-content .htv-date-picker-end.ui-datepicker-week-end:first-child a.ui-state-default,
.ui-widget-content .htv-date-picker-end.htv-date-picker-holiday a.ui-state-default {
  color: #ffffff;
}

.htv-date-picker-starts-from-monday .ui-widget-content .htv-date-picker-start.ui-datepicker-week-end:last-child a.ui-state-default, .htv-date-picker-starts-from-monday .ui-widget-content .htv-date-picker-start.ui-datepicker-week-end:nth-last-child(2) a.ui-state-default, .htv-date-picker-starts-from-monday .ui-widget-content .htv-date-picker-start.htv-date-picker-holiday a.ui-state-default,
.ui-widget-content .htv-date-picker-end.ui-datepicker-week-end:last-child a.ui-state-default,
.ui-widget-content .htv-date-picker-end.ui-datepicker-week-end:nth-last-child(2) a.ui-state-default,
.ui-widget-content .htv-date-picker-end.htv-date-picker-holiday a.ui-state-default {
  color: #ffffff;
}

.ui-widget-content .htv-date-picker-start::after {
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  top: 1px;
  background-color: #edfae8;
  border-radius: 16px 0 0 16px;
  margin: 2px 4px;
  width: 34px;
  height: 28px;
}

.ui-widget-content .htv-date-picker-end {
  position: relative;
}

.ui-widget-content .htv-date-picker-end .ui-state-default,
.ui-widget-content .htv-date-picker-end .ui-state-default.ui-state-hover {
  background-color: #519b2f;
  color: #ffffff;
  position: relative;
  z-index: 2;
}

.ui-widget-content .htv-date-picker-end::after {
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  top: 1px;
  background-color: #edfae8;
  border-radius: 0 16px 16px 0;
  margin: 2px -4px;
  width: 34px;
  height: 28px;
}

/* Date Picker */
.ui-datepicker {
  width: 500px !important;
}

.ui-widget-header {
  background-color: #ffffff;
  border: 0;
}

.ui-datepicker th {
  font-weight: 700;
  color: #939ba5;
  font-size: 12px;
}

.ui-widget.ui-widget-content {
  border: 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
  background-color: transparent;
  border: 0;
  color: #707781;
  text-align: center;
  font-size: 12px;
  width: 28px;
  height: 28px;
  padding: 4px 0;
  margin: 2px;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 700;
}
.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover {
  background-color: #f7f9fa;
}

td.ui-datepicker-week-end:first-child a.ui-state-default {
  color: #b83c1b;
}

td.ui-datepicker-week-end:last-child a.ui-state-default {
  color: #11729e;
}

.htv-date-picker-starts-from-monday td.ui-datepicker-week-end:nth-last-child(2) a.ui-state-default {
  color: #11729e;
}
.htv-date-picker-starts-from-monday td.ui-datepicker-week-end:last-child a.ui-state-default {
  color: #b83c1b;
}

td.htv-date-picker-holiday a.ui-state-default,
td.htv-date-picker-holiday a.ui-state-default:hover {
  color: #b83c1b;
}

.ui-datepicker-today .ui-state-default {
  border: 1px solid #519b2f;
}

.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover {
  color: #707781;
}

.ui-datepicker-prev {
  position: relative;
  cursor: pointer;
}

.ui-datepicker-prev .ui-icon {
  visibility: hidden;
}

.ui-datepicker-prev.ui-state-hover {
  background-color: transparent;
  border-color: transparent;
  top: 2px;
}

.ui-datepicker-prev::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-left: 2px solid #c1c6cc;
  border-bottom: 2px solid #c1c6cc;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: calc(50% - 3px);
  left: 10px;
}

.ui-datepicker-next {
  position: relative;
  cursor: pointer;
}

.ui-datepicker-next .ui-icon {
  visibility: hidden;
}

.ui-datepicker-next.ui-state-hover {
  background-color: transparent;
  border-color: transparent;
  top: 2px;
  right: 3px;
}

.ui-datepicker-next::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-right: 2px solid #c1c6cc;
  border-bottom: 2px solid #c1c6cc;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: calc(50% - 3px);
  left: 10px;
}

.ui-datepicker-calendar thead th span[title=Saturday] {
  color: #11729e;
}
.ui-datepicker-calendar thead th span[title=Sunday] {
  color: #b83c1b;
}

.ui-datepicker-month {
  color: #707781;
  font-size: 14px;
}

.ui-datepicker-year {
  color: #707781;
  font-size: 14px;
}

.ui-datepicker .ui-datepicker-title {
  color: #707781;
  font-weight: 500;
}

/* .htv-time-input */
.htv-time-input {
  position: relative;
  width: 212px;
}
.htv-time-input__input {
  height: 36px;
  border: 1px solid #939ba5;
  background-color: #ffffff;
  border-radius: 4px;
  width: 100%;
  padding: 5px 40px 5px 8px;
  color: #262d33;
}
.htv-time-input__input:focus {
  border: 2px solid #519b2f;
  outline: none;
}
.htv-time-input__icon {
  color: #939ba5;
  position: absolute;
  right: 8px;
  top: calc(50% - 9px);
  font-size: 16px;
  pointer-events: none;
}
.htv-time-input__time-container {
  background-color: #fff;
  z-index: 100;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 190px;
  width: 179px;
  overflow: hidden;
  -webkit-box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.01), 0px 4px 20px rgba(0, 0, 0, 0.14), 0px 1px 4px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.01), 0px 4px 20px rgba(0, 0, 0, 0.14), 0px 1px 4px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}
.htv-time-input__time-container--hide {
  display: none;
}
.htv-time-input__time-container--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.htv-time-input__time-container ul {
  overflow: scroll;
  list-style: none;
  padding-left: 8px;
  margin-bottom: 0;
  color: #262d33;
}
.htv-time-input__time-container ul li {
  cursor: pointer;
  height: 29px;
  padding-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 61.5px;
}
.htv-time-input__time-container ul li:hover {
  background-color: #edfae8;
}

.htv-period-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.htv-period-selector__button {
  background-color: transparent;
  border: 0;
  padding: 0;
  height: 24px;
  width: 24px;
  padding: 3px;
  cursor: pointer;
}
.htv-period-selector__icon {
  color: #519b2f;
  font-size: 18px;
}
.htv-period-selector__date {
  font-size: 14px;
  color: #262d33;
}

/* .htv-program-table-legend */
.htv-program-table-legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  font-size: 13px;
}
.htv-program-table-legend__item {
  height: 24px;
  padding: 2px;
}
.htv-program-table-legend__item--date {
  color: #707781;
}
.htv-program-table-legend__item--rating-buy {
  color: #707781;
  font-weight: 700;
}
.htv-program-table-legend__item--rating-eval {
  color: #519b2f;
  font-weight: 700;
}
.htv-program-table-legend__item--risk-low {
  color: #454d55;
  background-color: #fcf2f3;
}
.htv-program-table-legend__item--risk-mid {
  color: #454d55;
  background-color: #fae5e7;
}
.htv-program-table-legend__item--risk-high {
  color: #454d55;
  background-color: #f9d6da;
}
.htv-program-table-legend__item--likely-ng {
  color: #ffffff;
  background-color: #eb7d8c;
  border-radius: 2px;
}
.htv-program-table-legend__item--ng {
  color: #ffffff;
  background-color: #dd223b;
  border-radius: 2px;
}

.htv-header-nav {
  height: 60px;
}
.htv-header-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  height: 100%;
}
.htv-header-nav__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 8px;
  height: 100%;
  color: #262d33;
}
.htv-header-nav__item {
  position: relative;
  display: block;
  height: 100%;
  font-size: 12px;
  background-position: left 8px center;
  background-repeat: no-repeat;
  padding-left: 32px;
}
.htv-header-nav__item:hover {
  background-color: #edfae8;
  background-blend-mode: multiply;
}
.htv-header-nav__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 8px;
  text-decoration: none;
  width: 100%;
  height: 100%;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.htv-header-nav__item--planing {
  background-image: url("../images/icon-planing.svg");
}
.htv-header-nav__item--buying {
  background-image: url("../images/icon-buying.svg");
}
.htv-header-nav__item--monitoring {
  background-image: url("../images/icon-monitoring.svg");
}
.htv-header-nav__item--active {
  -webkit-box-shadow: inset 0px -2px 0px #519b2f;
          box-shadow: inset 0px -2px 0px #519b2f;
}
.htv-header-nav__item--active .htv-header-nav__label {
  color: #519b2f;
}
.htv-header-nav__item--active.htv-header-nav__item--planing {
  background-image: url("../images/icon-planing-active.svg");
}
.htv-header-nav__item--active.htv-header-nav__item--buying {
  background-image: url("../images/icon-buying-active.svg");
}
.htv-header-nav__item--active.htv-header-nav__item--monitoring {
  background-image: url("../images/icon-monitoring-active.svg");
}
.htv-header-nav__item:hover .htv-header-nav__menu {
  display: block;
}
.htv-header-nav__menu {
  position: absolute;
  list-style: none;
  padding: 0;
  margin: 0;
  left: 0;
  background: #ffffff;
  -webkit-box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.01), 0px 4px 20px rgba(0, 0, 0, 0.14), 0px 1px 4px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.01), 0px 4px 20px rgba(0, 0, 0, 0.14), 0px 1px 4px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  min-width: 160px;
  width: auto;
  padding: 8px 0;
  display: none;
}
.htv-header-nav__sub-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  min-width: 160px;
  padding: 0px;
  white-space: nowrap;
}
.htv-header-nav__menu-item {
  padding: 0px;
  font-size: 14px;
  cursor: pointer;
}
.htv-header-nav__menu-item a {
  padding: 8px 16px;
}
.htv-header-nav__menu-item:hover {
  background-color: #edfae8;
}
.htv-header-nav__menu-item--active a {
  font-weight: 700;
  color: #519b2f;
}

/* htv-snack-bar */
.htv-snack-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 48px;
  width: 100%;
  padding: 12px 16px;
  position: sticky;
  top: 60px;
  z-index: 100;
  -webkit-animation: SlideIn--top 100ms forwards;
          animation: SlideIn--top 100ms forwards;
}
.htv-snack-bar__left-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.htv-snack-bar__text {
  color: #262d33;
}
.htv-snack-bar__icon {
  font-size: 24px;
  margin-right: 20px;
}
.htv-snack-bar__button {
  border: none;
  background-color: transparent;
  color: #939ba5;
  font-size: 20px;
  cursor: pointer;
}
.htv-snack-bar--success {
  background: #dbf2e5;
}
.htv-snack-bar--success .htv-snack-bar__icon {
  color: #24b25f;
}
.htv-snack-bar--error {
  background: #f9e8ea;
}
.htv-snack-bar--error .htv-snack-bar__icon {
  color: #dd223b;
}
.htv-snack-bar--warning {
  background: #fff1d6;
}
.htv-snack-bar--warning .htv-snack-bar__icon {
  color: #ffa800;
}
.htv-snack-bar--info {
  background: #d6ebfa;
}
.htv-snack-bar--info .htv-snack-bar__icon {
  color: #0087e1;
}

@-webkit-keyframes SlideIn--top {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@keyframes SlideIn--top {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
.htv-incremental-search {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 36px;
  color: #262d33;
}
.htv-incremental-search__input {
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #939ba5;
  height: 36px;
  padding-left: 12px;
  width: 100%;
  color: #262d33;
}
.htv-incremental-search__input:hover {
  border: 1px solid #c1c6cc;
}
.htv-incremental-search__input:focus {
  outline: 2px solid #519b2f;
  border: none;
}
.htv-incremental-search__input:disabled {
  background: #f3f5f6;
}
.htv-incremental-search__input:disabled:hover {
  border: 1px solid #939ba5;
}
.htv-incremental-search__input--error {
  outline: 2px solid #dd223b;
  border: none;
}
.htv-incremental-search__input::-webkit-calendar-picker-indicator {
  opacity: 0;
}
.htv-incremental-search__icon {
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #939ba5;
  pointer-events: none;
}

/* .htv-status-table-legend */
.htv-status-table-legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.htv-status-table-legend__container {
  width: 42px;
  height: 32px;
  color: #454d55;
  font-weight: 700;
  font-size: 12px;
  border: 1px solid #c1c6cc;
}
.htv-status-table-legend__container--vacant {
  background: #f9d6da;
  color: #dd223b;
  padding: 2px 0 0 2px;
}
.htv-status-table-legend__container--closing {
  font-size: 16px;
  color: #ffffff;
  background: #dd223b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.htv-status-table-legend__container--provisional {
  background: #fcf1a2;
  -webkit-box-align: initial;
      -ms-flex-align: initial;
          align-items: initial;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding: 2px 0 0 2px;
}
.htv-status-table-legend__container--pre {
  background: #a5d2fd;
  text-align: left;
  font-size: 14px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  color: #28649d;
  -webkit-box-align: initial;
      -ms-flex-align: initial;
          align-items: initial;
  justify-content: start;
  padding: 2px 0 0 2px;
}
.htv-status-table-legend__container--expropriated {
  background: #8fd09f;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding-left: 2px;
  font-size: 14px;
  -webkit-box-align: initial;
      -ms-flex-align: initial;
          align-items: initial;
  justify-content: start;
  padding: 2px 0 0 2px;
}
.htv-status-table-legend__container--coordinating {
  color: #dd223b;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding-left: 2px;
  font-size: 14px;
  -webkit-box-align: initial;
      -ms-flex-align: initial;
          align-items: initial;
  justify-content: start;
  padding: 2px 0 0 2px;
}
.htv-status-table-legend__container--regular {
  background: #ddddff;
  color: #5455e5;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding-left: 2px;
  font-size: 14px;
  -webkit-box-align: initial;
      -ms-flex-align: initial;
          align-items: initial;
  justify-content: start;
  padding: 2px 0 0 2px;
}
.htv-status-table-legend__container--no-broadcasting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.htv-status-table-legend__container--no-broadcasting span {
  color: #c1c6cc;
  position: relative;
  top: 3px;
  font-size: 18px;
}
.htv-status-table-legend__container--open {
  background: #f8d192;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding-left: 2px;
  font-size: 14px;
  color: #704e17;
  -webkit-box-align: initial;
      -ms-flex-align: initial;
          align-items: initial;
  justify-content: start;
  padding: 2px 0 0 2px;
}
.htv-status-table-legend__container--for-others {
  background: #dee1e5;
  -webkit-box-align: initial;
      -ms-flex-align: initial;
          align-items: initial;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding: 2px 0 0 2px;
  color: #707781;
}
.htv-status-table-legend__container--changable {
  padding: 2px 0 0 2px;
  background-color: #ffffff;
}
.htv-status-table-legend__container--off {
  padding: 2px 0 0 2px;
  background-color: #ffffff;
}
.htv-status-table-legend__container--full-size {
  width: 100%;
  height: 100%;
  border: none;
}
.htv-status-table-legend__text {
  font-size: 13px;
  color: #707781;
  margin-left: 4px;
}

.htv-accordion {
  color: #519b2f;
  cursor: pointer;
  text-align: left;
  border: none;
  outline: none;
  background: transparent;
  padding: 0;
}
.htv-accordion__text {
  text-decoration: underline;
  font-size: 14px;
}

.htv-accordion-contents {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
}

.htv-loading-layer {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
}

.htv-loading-container {
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.htv-loading-text {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
}

.htv-loading {
  width: 48px;
  height: 48px;
  -webkit-animation: sp-anime 1s infinite linear;
          animation: sp-anime 1s infinite linear;
  background-image: url("../images/bc/img-spinner.svg");
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 8px;
}

@-webkit-keyframes sp-anime {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes sp-anime {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.htv-toast {
  padding: 10px 8px 10px 16px;
  min-width: 560px;
  height: 48px;
  -webkit-box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.01), 0px 4px 20px rgba(0, 0, 0, 0.14), 0px 1px 4px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.01), 0px 4px 20px rgba(0, 0, 0, 0.14), 0px 1px 4px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  display: none;
  -webkit-animation: SlideIn 100ms forwards;
          animation: SlideIn 100ms forwards;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 10000;
  display: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.htv-toast__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.htv-toast__icon {
  color: #519b2f;
  font-size: 20px;
}
.htv-toast__button {
  background: transparent;
  border: none;
  font-size: 20px;
  color: #939ba5;
  cursor: pointer;
}
.htv-toast span {
  font-size: 14px;
  color: #262d33;
}
.htv-toast--success {
  background: #dbf2e5;
}
.htv-toast--success .htv-toast__icon {
  color: #24b25f;
}
.htv-toast--critical {
  background: #f9e8ea;
}
.htv-toast--critical .htv-toast__icon {
  color: #dd223b;
}
.htv-toast--info {
  background: #d6ebfa;
}
.htv-toast--info .htv-toast__icon {
  color: #0087e1;
}
.htv-toast--warning {
  background: #fff1d6;
}
.htv-toast--warning .htv-toast__icon {
  color: #ffa800;
}

@-webkit-keyframes SlideIn {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@keyframes SlideIn {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
/* htv-header */
.htv-header {
  background-color: #ffffff;
  height: 60px;
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #dee1e5;
  z-index: 100;
}
.htv-header__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.htv-header__ctrl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}

/* htv-header-top */
.htv-header-top {
  background: none;
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  background: #519b2f;
  height: 244px;
}
.htv-header-top--bg-gray {
  background: #454d55;
}

.htv-header-top-scrolled, .htv-header-top--short {
  background: #519b2f;
  position: fixed;
  z-index: 100;
  top: 0;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 6px 16px;
  width: 100%;
  min-width: 1280px;
  background: #519b2f;
  height: 60px;
  top: 0;
  -webkit-animation: slideDown 150ms ease-out forwards;
          animation: slideDown 150ms ease-out forwards;
}
.htv-header-top-scrolled--bg-gray {
  background: #454d55;
}

.htv-header-top--short {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: none;
          animation: none;
  position: sticky;
}

@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
.htv-header__spot-logo {
  background-image: url("../images/spot/img-logo-header.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 120px;
  height: 38px;
}

.htv-header-top__spot-logo {
  background-image: url("../images/spot/img-logo-header-top.svg");
  background-repeat: no-repeat;
  width: 240px;
  height: 80px;
  text-indent: -9999px;
  font-size: 0;
}

.htv-header-top-scrolled__spot-logo {
  background-image: url("../images/spot/img-logo-header-top-small.svg");
  background-repeat: no-repeat;
  width: 120px;
  height: 40px;
}

.htv-header-top-spot-logo {
  background-image: url("../images/spot/img-logo-header-small-pre-login.svg");
  background-repeat: no-repeat;
  width: 126px;
  height: 48px;
}

/* .htv-footer */
.htv-footer {
  background-color: #ffffff;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 45px;
  border-top: 1px solid #dee1e5;
  padding: 0 16px;
}
.htv-footer__logo {
  background-image: url("../images/img-footer-logo.png");
  width: 94px;
  height: 36px;
}
.htv-footer__copyright {
  color: #939ba5;
  font-size: 12px;
}
.htv-footer--top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 233px;
  padding: 0;
  min-width: 1280px;
}
.htv-footer__info-container {
  height: 187px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.htv-footer__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 840px;
}
.htv-footer__info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.htv-footer__container {
  border-top: 1px solid #dee1e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 16px;
  height: 44px;
}

/* .htv-info-area */
.htv-info-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px;
  border-bottom: 1px solid #c1c6cc;
}
.htv-info-area__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
  color: #262d33;
}

/* htv-program-table */
.htv-program-table {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 100%;
  overflow: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.htv-program-table__table {
  width: 1184px;
  border-collapse: separate;
  border-spacing: 0;
}
.htv-program-table__table tr:last-child th,
.htv-program-table__table tr:last-child td {
  border-bottom: 1px solid #c1c6cc;
}
.htv-program-table__table tr .htv-program-table__header:first-child {
  border-left: 1px solid #c1c6cc;
}
.htv-program-table__table.with-scroll-bar {
  width: 1168px;
}

tbody .htv-program-table__row {
  height: 45px;
}

tbody .htv-program-table__row td {
  border-right: 1px solid #c1c6cc;
  vertical-align: top;
  padding: 0;
}

.htv-program-table__header {
  background-color: #eeeff0;
  height: 24px;
  font-weight: 700;
  font-size: 12px;
  color: #707781;
  border-top: 1px solid #c1c6cc;
  border-bottom: 1px solid #c1c6cc;
  border-right: 1px solid #c1c6cc;
  position: sticky;
  top: 0;
  z-index: 10;
}

.htv-program-table__header.htv-program-table__header--saturday {
  color: #195470;
  background-color: #e3f2fa;
}

.htv-program-table__header.htv-program-table__header--sunday {
  color: #713728;
  background-color: #f8ebe6;
}

.htv-program-table__row-header {
  background-color: #eeeff0;
  border-top: 1px solid #c1c6cc;
  border-left: 1px solid #c1c6cc;
  border-right: 1px solid #c1c6cc;
  font-weight: 700;
  font-size: 12px;
  color: #707781;
}

.htv-program-table__cell {
  position: relative;
}
.htv-program-table__cell--risk-low .htv-program-table__cell-inner {
  background-color: #fcf2f3;
}
.htv-program-table__cell--risk-mid .htv-program-table__cell-inner {
  background-color: #fae5e7;
}
.htv-program-table__cell--risk-high .htv-program-table__cell-inner {
  background-color: #f9d6da;
}
.htv-program-table__cell--likely-ng .htv-program-table__name {
  background-color: #eb7d8c;
  border-radius: 2px;
  padding: 2px;
  color: #ffffff;
}
.htv-program-table__cell--ng .htv-program-table__name {
  background-color: #dd223b;
  border-radius: 2px;
  padding: 2px;
  color: #ffffff;
}
.htv-program-table__cell--pt1 .htv-program-table__cell-inner::before {
  background-image: url("../images/spot/img-line-pt-001.svg");
}
.htv-program-table__cell--sb1 .htv-program-table__cell-inner::after {
  background-image: url("../images/spot/img-line-sb-001.svg");
}
.htv-program-table__cell--pt2 .htv-program-table__cell-inner::before {
  background-image: url("../images/spot/img-line-pt-002.svg");
}
.htv-program-table__cell--sb2 .htv-program-table__cell-inner::after {
  background-image: url("../images/spot/img-line-sb-002.svg");
}
.htv-program-table__cell--pt3 .htv-program-table__cell-inner::before {
  background-image: url("../images/spot/img-line-pt-003.svg");
}
.htv-program-table__cell--sb3 .htv-program-table__cell-inner::after {
  background-image: url("../images/spot/img-line-sb-003.svg");
}
.htv-program-table__cell--pt4 .htv-program-table__cell-inner::before {
  background-image: url("../images/spot/img-line-pt-004.svg");
}
.htv-program-table__cell--sb4 .htv-program-table__cell-inner::after {
  background-image: url("../images/spot/img-line-sb-004.svg");
}
.htv-program-table__cell--pt5 .htv-program-table__cell-inner::before {
  background-image: url("../images/spot/img-line-pt-005.svg");
}
.htv-program-table__cell--sb5 .htv-program-table__cell-inner::after {
  background-image: url("../images/spot/img-line-sb-005.svg");
}
.htv-program-table__cell--pt6 .htv-program-table__cell-inner::before {
  background-image: url("../images/spot/img-line-pt-006.svg");
}
.htv-program-table__cell--sb6 .htv-program-table__cell-inner::after {
  background-image: url("../images/spot/img-line-sb-006.svg");
}
.htv-program-table__cell--pt7 .htv-program-table__cell-inner::before {
  background-image: url("../images/spot/img-line-pt-007.svg");
}
.htv-program-table__cell--sb7 .htv-program-table__cell-inner::after {
  background-image: url("../images/spot/img-line-sb-007.svg");
}

.htv-program-table__cell-inner {
  position: absolute;
  border-top: 1px solid #c1c6cc;
  width: 100%;
  min-height: 45px;
  background-color: #ffffff;
  cursor: pointer;
  z-index: 5;
}
.htv-program-table__cell-inner::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 15px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
}
.htv-program-table__cell-inner::after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 100% auto;
}

.htv-program-table__cell.htv-program-table__cell--day-top .htv-program-table__cell-inner {
  border-top: 0;
}

.htv-program-table__cell--active .htv-program-table__cell-inner {
  -webkit-filter: drop-shadow(0px 10px 8px rgba(0, 0, 0, 0.01)) drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.04));
          filter: drop-shadow(0px 10px 8px rgba(0, 0, 0, 0.01)) drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.04));
  width: calc(100% + 2px);
  left: -1px;
  z-index: 6;
}

.htv-program-table__count {
  position: absolute;
  top: 1px;
  left: 4px;
  font-size: 10px;
  line-height: 14px;
  color: #ffffff;
  background-color: #dd223b;
  border-radius: 8px;
  height: 14px;
  min-width: 14px;
  text-align: center;
  font-weight: 700;
}

.htv-program-table__time {
  font-size: 11px;
  color: #262d33;
  text-align: right;
  padding: 0 8px;
  line-height: 15px;
}

.htv-program-table__name {
  font-size: 11px;
  color: #262d33;
  margin: 0 8px;
  line-height: 11px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.htv-program-table__audience-rate {
  position: absolute;
  bottom: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.htv-program-table__rate1 {
  font-size: 11px;
  color: #707781;
  padding: 0 8px;
  line-height: 11px;
  border-right: 1px solid #dee1e5;
}
.htv-program-table__rate1:empty {
  display: none;
}

.htv-program-table__rate2 {
  font-size: 11px;
  color: #707781;
  padding: 0 8px;
  line-height: 11px;
  font-weight: 700;
}
.htv-program-table__rate2:empty {
  display: none;
}

.htv-program-table__rate3 {
  font-size: 11px;
  color: #519b2f;
  line-height: 11px;
  font-weight: 700;
}
.htv-program-table__rate3:empty {
  display: none;
}

.htv-program-table__cm-info {
  position: absolute;
  top: 20px;
  background-color: #ffffff;
  width: 310px;
  padding: 8px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.01), 0px 4px 20px rgba(0, 0, 0, 0.14), 0px 1px 4px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.01), 0px 4px 20px rgba(0, 0, 0, 0.14), 0px 1px 4px rgba(0, 0, 0, 0.04);
  z-index: 10;
  display: none;
}

.htv-program-table__cell--active .htv-program-table__cm-info {
  display: block;
}

.htv-program-table__cm-info-time {
  color: #707781;
  font-size: 11px;
  margin-bottom: 4px;
}

.htv-program-table__cm-info-name {
  color: #707781;
  font-weight: 700;
  font-size: 11px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.htv-program-table__cm-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  border: 1px solid #dee1e5;
  border-radius: 4px;
  height: 28px;
  padding: 4px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.htv-program-table__cm-name {
  font-size: 12px;
  color: #262d33;
  overflow: hidden;
  white-space: nowrap;
  width: 255px;
  text-overflow: ellipsis;
}

.htv-program-table__cm-rate {
  font-size: 11px;
  color: #519b2f;
  font-weight: 700;
  margin-left: 8px;
}

.htv-error-message-container {
  width: 384px;
  position: fixed;
  right: 0px;
  bottom: 45px;
  overflow-y: hidden;
  z-index: 100;
}

.htv-error-message {
  color: #262d33;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 4px 4px 0px 0px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 20px 20px 0px 20px;
  -webkit-box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.01), 0px 4px 20px rgba(0, 0, 0, 0.14), 0px 1px 4px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.01), 0px 4px 20px rgba(0, 0, 0, 0.14), 0px 1px 4px rgba(0, 0, 0, 0.04);
  background: #ffffff;
  -webkit-clip-path: inset(-20px -20px 0px -20px);
          clip-path: inset(-20px -20px 0px -20px);
  max-height: 400px;
  -webkit-animation: errorSlideUp 150ms ease-out forwards;
          animation: errorSlideUp 150ms ease-out forwards;
}
.htv-error-message--hidden {
  -webkit-animation: errorSlideDown 150ms ease-out forwards;
          animation: errorSlideDown 150ms ease-out forwards;
}
.htv-error-message--hidden .htv-error-message__open-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.htv-error-message__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 4px 4px 0px 0px;
  background: #fae5e7;
  padding: 13px 16px;
  width: 100%;
  font-size: 12px;
}
.htv-error-message__title-warning {
  font-size: 16px;
  color: #dd223b;
  margin-right: 4px;
}
.htv-error-message__content {
  padding: 8px 16px 16px 16px;
}
.htv-error-message__list {
  list-style: disc;
  background: #f3f5f6;
  border-radius: 4px;
  padding: 8px;
  margin: 0px;
  font-size: 12px;
}
.htv-error-message__list li {
  margin-left: 20px;
  margin-bottom: 8px;
}
.htv-error-message__scroll-area {
  max-height: 356px;
  overflow-y: auto;
}

@-webkit-keyframes errorSlideDown {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(calc(100% - 50px));
            transform: translateY(calc(100% - 50px));
  }
}

@keyframes errorSlideDown {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(calc(100% - 50px));
            transform: translateY(calc(100% - 50px));
  }
}
@-webkit-keyframes errorSlideUp {
  0% {
    -webkit-transform: translateY(calc(100% - 50px));
            transform: translateY(calc(100% - 50px));
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes errorSlideUp {
  0% {
    -webkit-transform: translateY(calc(100% - 50px));
            transform: translateY(calc(100% - 50px));
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
.htv-toast {
  padding: 10px 8px 10px 16px;
  min-width: 560px;
  height: 48px;
  -webkit-box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.01), 0px 4px 20px rgba(0, 0, 0, 0.14), 0px 1px 4px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.01), 0px 4px 20px rgba(0, 0, 0, 0.14), 0px 1px 4px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  display: none;
  -webkit-animation: SlideIn 100ms forwards;
          animation: SlideIn 100ms forwards;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 10000;
  display: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.htv-toast__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.htv-toast__icon {
  color: #519b2f;
  font-size: 20px;
}
.htv-toast__button {
  background: transparent;
  border: none;
  font-size: 20px;
  color: #939ba5;
  cursor: pointer;
}
.htv-toast span {
  font-size: 14px;
  color: #262d33;
}
.htv-toast--success {
  background: #dbf2e5;
}
.htv-toast--success .htv-toast__icon {
  color: #24b25f;
}
.htv-toast--critical {
  background: #f9e8ea;
}
.htv-toast--critical .htv-toast__icon {
  color: #dd223b;
}
.htv-toast--info {
  background: #d6ebfa;
}
.htv-toast--info .htv-toast__icon {
  color: #0087e1;
}
.htv-toast--warning {
  background: #fff1d6;
}
.htv-toast--warning .htv-toast__icon {
  color: #ffa800;
}

@keyframes SlideIn {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
/* .htv-manage-menu */
.htv-manage-menu {
  position: relative;
  display: inline-block;
  color: #262d33;
}
.htv-manage-menu__menu {
  position: absolute;
  top: 50px;
  background: #ffffff;
  -webkit-box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.01), 0px 4px 20px rgba(0, 0, 0, 0.14), 0px 1px 4px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.01), 0px 4px 20px rgba(0, 0, 0, 0.14), 0px 1px 4px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  display: none;
  min-width: 200px;
}
.htv-manage-menu__menu--show {
  display: block;
}
.htv-manage-menu__list {
  list-style: none;
  margin: 0;
  padding: 8px 0px 8px 0px;
}
.htv-manage-menu__list-item a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  padding: 6px 16px;
  cursor: pointer;
}
.htv-manage-menu__list-item:hover {
  background-color: #f3f5f6;
}

.htv-form-group {
  display: grid;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  row-gap: 8px;
  color: #262d33;
  /* Heading */
  /* SubHeading */
}
.htv-form-group .htv-form-heading {
  margin-block: 0px;
  margin-inline: 0px;
  margin-bottom: 8px;
  height: 24px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  color: #262d33;
}
.htv-form-group .htv-form-sub-heading {
  position: relative;
  top: 0;
  left: 0;
  margin-block: 0px;
  margin-inline: 0px;
  margin-bottom: 0px;
  height: 25px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 150%;
  color: #707781;
}
.htv-form-group .htv-form-sub-heading::before {
  position: absolute;
  bottom: 0;
  content: "";
  width: 32px;
  border-bottom: 2px solid #519b2f;
}
.htv-form-group__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  min-height: 36px;
  /* DropdownRow */
  /* ButtonRow */
  /* InputRow */
  /* RadioRow */
  /* CheckboxRow */
  /* ToggleRow */
  /* FileRow */
  /* DateTimeRow */
  /* TimeCalculation */
  /* SelectRow */
  /* EmailRow */
  /* EmployeeRow */
  /* HourMinuteRow */
  /* EmailManagementRow */
}
.htv-form-group__row .htv-form-group__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #707781;
}
.htv-form-group__row .htv-form-group__label--short {
  width: 80px;
}
.htv-form-group__row .htv-form-group__label--middle {
  width: 120px;
}
.htv-form-group__row .htv-form-group__label--long {
  width: 200px;
}
.htv-form-group__row .htv-form-group__label--center {
  -ms-flex-item-align: center;
      align-self: center;
}
.htv-form-group__row .htv-form-group__label--upper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
}
.htv-form-group__row .htv-form-group__label--gray80 {
  color: #454d55;
}
.htv-form-group__row .htv-form-group__label .htv-text-input__required-mark {
  font-weight: 400;
  font-size: 12px;
  color: #dd223b;
}
.htv-form-group__row .htv-form-group__label .htv-icon {
  margin-left: 8px;
}
.htv-form-group__row .htv-form-group__label .htv-tooltip__text-position-adjust {
  left: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.htv-form-group__row .htv-dropdown .htv-dropdown__button {
  width: 155px;
  height: 34px;
}
.htv-form-group__row .htv-button-row {
  width: 464px;
  line-height: 36px;
}
.htv-form-group__row .htv-button-row .htv-button {
  width: 79px;
  height: 24px;
}
.htv-form-group__row .htv-text-input {
  line-height: 20px;
}
.htv-form-group__row .htv-text-input .htv-text-input__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.htv-form-group__row .htv-text-input .htv-text-input__input--short {
  width: 47px;
}
.htv-form-group__row .htv-text-input .htv-text-input__input--middle {
  width: 155px;
}
.htv-form-group__row .htv-text-input .htv-text-input__input--long {
  width: 464px;
}
.htv-form-group__row .htv-text-input .htv-text-input__input:disabled {
  color: #707781;
}
.htv-form-group__row .htv-radio-row {
  line-height: 36px;
}
.htv-form-group__row .htv-checkbox-group {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  row-gap: 8px;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}
.htv-form-group__row .htv-checkbox-group .htv-checkbox__text {
  line-height: 20px;
}
.htv-form-group__row .htv-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  font-size: 14px;
  line-height: 20px;
}
.htv-form-group__row .htv-file-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.htv-form-group__row .htv-file-row__upload-button {
  background-color: transparent;
  color: #519b2f;
  width: 129px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #dee1e5;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 11px;
  line-height: 16px;
}
.htv-form-group__row .htv-file-row__upload-button .htv-button__icon {
  font-size: 12px;
  width: 12px;
  height: 12px;
  margin: 0 4px 0 0;
}
.htv-form-group__row .htv-file-row__clear-button {
  background-color: transparent;
  width: 49px;
  height: 24px;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 500;
  font-size: 11px;
  line-height: 16px;
  color: #707781;
  border: none;
  padding: 4px 8px;
  cursor: pointer;
}
.htv-form-group__row .htv-date-time-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.htv-form-group__row .htv-date-time-row .htv-date-input {
  width: 174px;
}
.htv-form-group__row .htv-date-time-row .htv-time-input {
  width: 108px;
}
.htv-form-group__row .htv-date-time-row .htv-time-input__input {
  padding: 5px 5px 5px 34px;
}
.htv-form-group__row .htv-date-time-row .htv-time-input .htv-time-input__icon {
  left: 8px;
}
.htv-form-group__row .htv-date-time-row .htv-time-input .htv-down__icon {
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #939ba5;
  pointer-events: none;
}
.htv-form-group__row .htv-date-add-button {
  width: 64px;
  height: 28px;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #519b2f;
  border: 1px solid #dee1e5;
  cursor: pointer;
  margin-top: 8px;
}
.htv-form-group__row .htv-date-add-button__icon {
  font-weight: 900;
  font-size: 16px;
  line-height: 20px;
  margin: 0 4px 0 0;
}
.htv-form-group__row .htv-date-remove-button {
  font-weight: 900;
  font-size: 20px;
  line-height: 20px;
  color: #707781;
  margin-left: 4px;
  cursor: pointer;
}
.htv-form-group__row .htv-time-calculation label {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
.htv-form-group__row .htv-time-calculation .htv-text-input__input {
  width: 73px;
}
.htv-form-group__row .htv-time-calculation .htv-line {
  width: 464px;
}
.htv-form-group__row .htv-time-calculation .seconds-from-minutes {
  font-weight: 700;
  font-size: 14px;
  line-height: 150%;
}
.htv-form-group__row .htv-select-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.htv-form-group__row .htv-select-row .htv-dropdown {
  width: auto;
}
.htv-form-group__row .htv-select-row .htv-dropdown__button {
  width: 90px;
  height: 36px;
}
.htv-form-group__row .htv-select-row__select-button {
  width: 76px;
  height: 36px;
}
.htv-form-group__row .htv-select-row__clear-button {
  height: 36px;
  border: none;
  color: #707781;
}
.htv-form-group__row .htv-email-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.htv-form-group__row .htv-email-row .htv-dropdown {
  width: auto;
}
.htv-form-group__row .htv-email-row .htv-dropdown__button {
  width: 206px;
  height: 36px;
}
.htv-form-group__row .htv-email-row__collation-button {
  height: 36px;
  border: none;
  color: #519b2f;
  font-weight: 500;
  font-size: 14px;
  border: 1px solid #dee1e5;
}
.htv-form-group__row .htv-employee-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}
.htv-form-group__row .htv-employee-row .htv-text-input__input {
  color: #939ba5;
}
.htv-form-group__row .htv-employee-row__employee-number {
  width: 109px;
}
.htv-form-group__row .htv-employee-row__employee-name {
  width: 339px;
}
.htv-form-group__row .htv-employee-row__input-label {
  display: block;
  margin: 0 0 5px 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #262d33;
}
.htv-form-group__row .htv-hour-minute-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.htv-form-group__row .htv-hour-minute-row .htv-dropdown {
  width: auto;
}
.htv-form-group__row .htv-hour-minute-row .htv-dropdown__button {
  width: 64px;
  height: 36px;
  padding-left: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.htv-form-group__row .htv-email-management-row__textarea {
  width: 464px;
  height: 56px;
  border: 1px solid #939ba5;
  border-radius: 4px;
  font-size: 14px;
  line-height: 20px;
  color: #262d33;
  padding: 8px 0 0 8px;
}
.htv-form-group__row .htv-email-management-row__textarea:disabled {
  color: #939ba5;
}
.htv-form-group__data--center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.htv-form-group__full-line {
  width: 100%;
  margin-top: 8px;
  margin-bottom: 8px;
}

.htv-panel-block {
  padding: 16px;
  width: 100%;
}
.htv-panel-block .htv-form-group__label, .htv-panel-block .htv-form-group__row {
  min-height: 20px;
}
.htv-panel-block--green {
  background: #edfae8;
}
.htv-panel-block--gray {
  background: #f3f5f6;
}

.htv-step {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
}
.htv-step__container {
  background-color: #f3f5f6;
  padding: 27px 8px 16px 8px;
}
.htv-step__item {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.htv-step__item:before {
  width: 8px;
  height: 8px;
  background: #519b2f;
  border-radius: 50%;
  margin-bottom: 8px;
  position: relative;
  content: "";
  z-index: 2;
  top: -3.5px;
  border: 4px solid #f3f5f6;
}
.htv-step__item:after {
  width: calc(100% + 14px);
  top: 3px;
  right: calc(-50% - 14px);
  position: absolute;
  height: 3px;
  content: "";
  background-color: #519b2f;
}
.htv-step__item--inactive:after {
  background-color: #dee1e5;
}
.htv-step__item--inactive:before {
  background: #dee1e5;
}
.htv-step__item--inactive .htv-step__value {
  color: #707781;
}
.htv-step__item--current:after {
  background-color: #dee1e5;
}
.htv-step__item--current:before {
  width: 12px;
  height: 12px;
  top: -5.5px;
  margin-bottom: 4px;
}
.htv-step__item--current .htv-step__value {
  color: #519b2f;
  font-weight: 700;
}
.htv-step__item:last-child:after {
  display: none;
}
.htv-step__value {
  text-align: center;
  width: 100%;
  color: #262d33;
  font-size: 12px;
  word-break: break-word;
}

.htv-modal.htv-modal--small .htv-step__container {
  margin: -16px -8px 0 -24px;
  width: 448px;
}

.htv-modal.htv-modal--medium .htv-step__container {
  margin: -16px -8px 0 -24px;
  width: 640px;
}

.htv-modal.htv-modal--large .htv-step__container {
  margin: -16px -8px 0 -24px;
  min-width: 840px;
  max-width: 1280px;
}

.htv-modal.htv-modal--xlarge .htv-step__container {
  margin: -16px -8px 0 -24px;
  width: calc(100vw - 48px);
}

/* .htv-textarea */
.htv-textarea {
  display: block;
  width: 329px;
  height: 100px;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 8px 5px 5px 8px;
  outline: none;
  border: 1px solid #939ba5;
}
.htv-textarea:hover {
  outline: none;
  border: 1px solid #c1c6cc;
}
.htv-textarea:focus {
  outline: none;
  border: 2px solid #519b2f;
}
.htv-textarea__label {
  display: inline-block;
  max-width: 329px;
  font-size: 12px;
  color: #262d33;
  line-height: 16px;
  font-weight: 500;
  margin-bottom: 5px;
}
.htv-textarea:disabled {
  background-color: #f3f5f6;
  pointer-events: none;
}
.htv-textarea--error-wrapper {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.htv-textarea--error {
  border: 2px solid #dd223b;
  padding-right: 29px;
}
.htv-textarea--error:hover, .htv-textarea--error:focus {
  border: 2px solid #dd223b;
}
.htv-textarea__note {
  margin-top: 8px;
  color: #454d55;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.htv-textarea__note--warning {
  color: #dd223b;
}
.htv-textarea--error-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 15px;
}

.htv-table-list {
  overflow-x: auto;
  display: block;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #dee1e5;
}
.htv-table-list thead th.htv-table__cell,
.htv-table-list tbody.htv-table-list__tbody th.htv-table__cell {
  background-color: #ffffff;
  color: #707781;
  height: 40px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  padding: 0;
  border-top: 1px solid #dee1e5;
}
.htv-table-list tbody .htv-table-list__background-gray10 th.htv-table__cell {
  background-color: #f3f5f6;
}
.htv-table-list.htv-table tbody td.htv-table__cell.htv-table-list__background-gray10 {
  background-color: #f3f5f6;
}
.htv-table-list.htv-table tbody.htv-table-list__expanded td.htv-table__cell {
  background-color: #f3f5f6;
}
.htv-table-list.htv-table tbody tr.checked:not(.htv-table-list__child-row) td.htv-table__cell {
  background-color: #edfae8;
}
.htv-table-list thead .htv-table-list__row-no-border-top th.htv-table__cell {
  border-top: none;
}
.htv-table-list tr.htv-table__row:hover td {
  background-color: #f3f5f6;
}
.htv-table-list tr.checked td {
  background-color: #edfae8;
}
.htv-table-list td .htv-checkbox__input:checked:after {
  left: 15px;
  top: 21px;
}
.htv-table-list th .htv-checkbox__input:checked:after {
  left: 15px;
  top: 17px;
}
.htv-table-list tbody td.htv-table__cell {
  font-weight: 400;
  font-size: 14px;
  height: 48px;
  padding: 0;
  border-top: 1px solid #dee1e5;
}
.htv-table-list tbody td.htv-table__cell.htv-table__cell--no-border-top {
  border-top: 0;
}
.htv-table-list__input {
  width: 162px;
}
.htv-table-list__input .htv-text-input__input,
.htv-table-list__input .htv-dropdown {
  width: 130px;
}
.htv-table-list__input-with-button {
  width: 252px;
}
.htv-table-list__input-with-button .htv-text-input__input,
.htv-table-list__input-with-button .htv-dropdown {
  width: 126px;
}
.htv-table-list__input-button-cell-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
}
.htv-table-list__xsmall {
  min-width: 40px;
  width: 40px;
}
.htv-table-list__small {
  min-width: 76px;
  width: 76px;
}
.htv-table-list__medium {
  min-width: 122px;
  width: 122px;
}
.htv-table-list__large {
  min-width: 147px;
  width: 147px;
}
.htv-table-list__xlarge {
  min-width: 162px;
  width: 162px;
}
.htv-table-list__xxlarge {
  min-width: 252px;
  width: 252px;
}
.htv-table-list.htv-table thead .htv-table__cell--left, .htv-table-list.htv-table tbody .htv-table__cell--left {
  padding-left: 16px;
}
.htv-table-list.htv-table thead .htv-table__cell--right, .htv-table-list.htv-table tbody .htv-table__cell--right {
  padding-right: 16px;
}
.htv-table-list__description {
  color: #707781;
  font-size: 12px;
}
.htv-table-list__border-right {
  border-right: 1px solid #dee1e5;
}
.htv-table-list__cell--more {
  background-image: url("../images/img-more-vert.svg");
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
}
.htv-table-list__expanded .htv-table-list__expand {
  background-image: url("../images/img-expand-less.svg");
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
}
.htv-table-list__expand {
  background-image: url("../images/img-expand-more.svg");
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
}
.htv-table-list__sorting {
  background-image: url("../images/img-expand-more-rounded.svg");
  background-position: right;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  width: 16px;
}
.htv-table-list.htv-table thead th.htv-table-list__th--with-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 16px;
}
.htv-table-list__sorting--asc {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.htv-zone-table__container {
  width: 1032px;
}

.htv-zone-table.htv-table tbody td.htv-zone-table__cell--dragged {
  background-color: #edfae8;
}

/* Utility Classes */
.htv-l-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.htv-l-inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.htv-l-block {
  display: block;
}

.htv-l-inline-block {
  display: inline-block;
}

.htv-l-flex--gap8 {
  gap: 8px;
}

.htv-l-flex--gap16 {
  gap: 16px;
}

.htv-l-flex--vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.htv-l-flex--space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.htv-l-flex--justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.htv-l-flex--justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.htv-l-flex--justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.htv-l-flex--align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.htv-l-flex--align-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.htv-l-flex--align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.htv-l-flex--align-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.htv-l-flex--wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.htv-l-mt0 {
  margin-top: 0px;
}

.htv-l-mr0 {
  margin-right: 0px;
}

.htv-l-mb0 {
  margin-bottom: 0px;
}

.htv-l-ml0 {
  margin-left: 0px;
}

.htv-l-p0 {
  padding: 0px;
}

.htv-l-pt0 {
  padding-top: 0px;
}

.htv-l-pr0 {
  padding-right: 0px;
}

.htv-l-pb0 {
  padding-bottom: 0px;
}

.htv-l-pl0 {
  padding-left: 0px;
}

.htv-l-lh0 {
  line-height: 0px;
}

.htv-l-mt4 {
  margin-top: 4px;
}

.htv-l-mr4 {
  margin-right: 4px;
}

.htv-l-mb4 {
  margin-bottom: 4px;
}

.htv-l-ml4 {
  margin-left: 4px;
}

.htv-l-p4 {
  padding: 4px;
}

.htv-l-pt4 {
  padding-top: 4px;
}

.htv-l-pr4 {
  padding-right: 4px;
}

.htv-l-pb4 {
  padding-bottom: 4px;
}

.htv-l-pl4 {
  padding-left: 4px;
}

.htv-l-lh4 {
  line-height: 4px;
}

.htv-l-mt8 {
  margin-top: 8px;
}

.htv-l-mr8 {
  margin-right: 8px;
}

.htv-l-mb8 {
  margin-bottom: 8px;
}

.htv-l-ml8 {
  margin-left: 8px;
}

.htv-l-p8 {
  padding: 8px;
}

.htv-l-pt8 {
  padding-top: 8px;
}

.htv-l-pr8 {
  padding-right: 8px;
}

.htv-l-pb8 {
  padding-bottom: 8px;
}

.htv-l-pl8 {
  padding-left: 8px;
}

.htv-l-lh8 {
  line-height: 8px;
}

.htv-l-mt12 {
  margin-top: 12px;
}

.htv-l-mr12 {
  margin-right: 12px;
}

.htv-l-mb12 {
  margin-bottom: 12px;
}

.htv-l-ml12 {
  margin-left: 12px;
}

.htv-l-p12 {
  padding: 12px;
}

.htv-l-pt12 {
  padding-top: 12px;
}

.htv-l-pr12 {
  padding-right: 12px;
}

.htv-l-pb12 {
  padding-bottom: 12px;
}

.htv-l-pl12 {
  padding-left: 12px;
}

.htv-l-lh12 {
  line-height: 12px;
}

.htv-l-mt16 {
  margin-top: 16px;
}

.htv-l-mr16 {
  margin-right: 16px;
}

.htv-l-mb16 {
  margin-bottom: 16px;
}

.htv-l-ml16 {
  margin-left: 16px;
}

.htv-l-p16 {
  padding: 16px;
}

.htv-l-pt16 {
  padding-top: 16px;
}

.htv-l-pr16 {
  padding-right: 16px;
}

.htv-l-pb16 {
  padding-bottom: 16px;
}

.htv-l-pl16 {
  padding-left: 16px;
}

.htv-l-lh16 {
  line-height: 16px;
}

.htv-l-mt20 {
  margin-top: 20px;
}

.htv-l-mr20 {
  margin-right: 20px;
}

.htv-l-mb20 {
  margin-bottom: 20px;
}

.htv-l-ml20 {
  margin-left: 20px;
}

.htv-l-p20 {
  padding: 20px;
}

.htv-l-pt20 {
  padding-top: 20px;
}

.htv-l-pr20 {
  padding-right: 20px;
}

.htv-l-pb20 {
  padding-bottom: 20px;
}

.htv-l-pl20 {
  padding-left: 20px;
}

.htv-l-lh20 {
  line-height: 20px;
}

.htv-l-mt24 {
  margin-top: 24px;
}

.htv-l-mr24 {
  margin-right: 24px;
}

.htv-l-mb24 {
  margin-bottom: 24px;
}

.htv-l-ml24 {
  margin-left: 24px;
}

.htv-l-p24 {
  padding: 24px;
}

.htv-l-pt24 {
  padding-top: 24px;
}

.htv-l-pr24 {
  padding-right: 24px;
}

.htv-l-pb24 {
  padding-bottom: 24px;
}

.htv-l-pl24 {
  padding-left: 24px;
}

.htv-l-lh24 {
  line-height: 24px;
}

.htv-l-mt28 {
  margin-top: 28px;
}

.htv-l-mr28 {
  margin-right: 28px;
}

.htv-l-mb28 {
  margin-bottom: 28px;
}

.htv-l-ml28 {
  margin-left: 28px;
}

.htv-l-p28 {
  padding: 28px;
}

.htv-l-pt28 {
  padding-top: 28px;
}

.htv-l-pr28 {
  padding-right: 28px;
}

.htv-l-pb28 {
  padding-bottom: 28px;
}

.htv-l-pl28 {
  padding-left: 28px;
}

.htv-l-lh28 {
  line-height: 28px;
}

.htv-l-mt32 {
  margin-top: 32px;
}

.htv-l-mr32 {
  margin-right: 32px;
}

.htv-l-mb32 {
  margin-bottom: 32px;
}

.htv-l-ml32 {
  margin-left: 32px;
}

.htv-l-p32 {
  padding: 32px;
}

.htv-l-pt32 {
  padding-top: 32px;
}

.htv-l-pr32 {
  padding-right: 32px;
}

.htv-l-pb32 {
  padding-bottom: 32px;
}

.htv-l-pl32 {
  padding-left: 32px;
}

.htv-l-lh32 {
  line-height: 32px;
}

.htv-l-mt36 {
  margin-top: 36px;
}

.htv-l-mr36 {
  margin-right: 36px;
}

.htv-l-mb36 {
  margin-bottom: 36px;
}

.htv-l-ml36 {
  margin-left: 36px;
}

.htv-l-p36 {
  padding: 36px;
}

.htv-l-pt36 {
  padding-top: 36px;
}

.htv-l-pr36 {
  padding-right: 36px;
}

.htv-l-pb36 {
  padding-bottom: 36px;
}

.htv-l-pl36 {
  padding-left: 36px;
}

.htv-l-lh36 {
  line-height: 36px;
}

.htv-l-mt40 {
  margin-top: 40px;
}

.htv-l-mr40 {
  margin-right: 40px;
}

.htv-l-mb40 {
  margin-bottom: 40px;
}

.htv-l-ml40 {
  margin-left: 40px;
}

.htv-l-p40 {
  padding: 40px;
}

.htv-l-pt40 {
  padding-top: 40px;
}

.htv-l-pr40 {
  padding-right: 40px;
}

.htv-l-pb40 {
  padding-bottom: 40px;
}

.htv-l-pl40 {
  padding-left: 40px;
}

.htv-l-lh40 {
  line-height: 40px;
}

.htv-l-mt44 {
  margin-top: 44px;
}

.htv-l-mr44 {
  margin-right: 44px;
}

.htv-l-mb44 {
  margin-bottom: 44px;
}

.htv-l-ml44 {
  margin-left: 44px;
}

.htv-l-p44 {
  padding: 44px;
}

.htv-l-pt44 {
  padding-top: 44px;
}

.htv-l-pr44 {
  padding-right: 44px;
}

.htv-l-pb44 {
  padding-bottom: 44px;
}

.htv-l-pl44 {
  padding-left: 44px;
}

.htv-l-lh44 {
  line-height: 44px;
}

.htv-l-mt48 {
  margin-top: 48px;
}

.htv-l-mr48 {
  margin-right: 48px;
}

.htv-l-mb48 {
  margin-bottom: 48px;
}

.htv-l-ml48 {
  margin-left: 48px;
}

.htv-l-p48 {
  padding: 48px;
}

.htv-l-pt48 {
  padding-top: 48px;
}

.htv-l-pr48 {
  padding-right: 48px;
}

.htv-l-pb48 {
  padding-bottom: 48px;
}

.htv-l-pl48 {
  padding-left: 48px;
}

.htv-l-lh48 {
  line-height: 48px;
}

.htv-l-mt52 {
  margin-top: 52px;
}

.htv-l-mr52 {
  margin-right: 52px;
}

.htv-l-mb52 {
  margin-bottom: 52px;
}

.htv-l-ml52 {
  margin-left: 52px;
}

.htv-l-p52 {
  padding: 52px;
}

.htv-l-pt52 {
  padding-top: 52px;
}

.htv-l-pr52 {
  padding-right: 52px;
}

.htv-l-pb52 {
  padding-bottom: 52px;
}

.htv-l-pl52 {
  padding-left: 52px;
}

.htv-l-lh52 {
  line-height: 52px;
}

.htv-l-mt56 {
  margin-top: 56px;
}

.htv-l-mr56 {
  margin-right: 56px;
}

.htv-l-mb56 {
  margin-bottom: 56px;
}

.htv-l-ml56 {
  margin-left: 56px;
}

.htv-l-p56 {
  padding: 56px;
}

.htv-l-pt56 {
  padding-top: 56px;
}

.htv-l-pr56 {
  padding-right: 56px;
}

.htv-l-pb56 {
  padding-bottom: 56px;
}

.htv-l-pl56 {
  padding-left: 56px;
}

.htv-l-lh56 {
  line-height: 56px;
}

.htv-l-m0 {
  margin: 0;
}

.htv-l-p0 {
  padding: 0;
}

.htv-l-mb10 {
  margin-bottom: 10px;
}

.htv-bg-gray10 {
  background-color: #f3f5f6;
}

.htv-cursor-initial {
  cursor: initial;
}

.htv-valign-top {
  vertical-align: top;
}

.htv-valign-middle {
  vertical-align: middle;
}

.htv-float-right {
  float: right;
}

.htv-clear-both {
  clear: both;
}

.htv-text-right {
  text-align: right;
}

.htv-text-center {
  text-align: center;
}

.htv-overflow-wrap {
  overflow-wrap: break-word;
}

.htv-overflow-initial {
  overflow: initial;
}

.htv-display-none {
  display: none;
}

.htv-overflow-wrap-anywhere {
  overflow-wrap: anywhere;
}

.htv-spt-kc-01-content-area-padding {
  padding: 16px 0 24px 0;
}

.htv-spt-kc-01-term {
  width: 204px;
}

.htv-spt-kc-01-setting-btn {
  width: 64px;
}

.htv-spt-kc-01-search-btn {
  width: 76px;
}

.htv-spt-kc-01-check-btn {
  width: 227px;
}

.htv-spt-kc-01-recieved {
  width: 214px;
}

.htv-spt-kc-01-common-input {
  width: 175px;
}

.htv-spt-kc-01-short-input {
  width: 120px;
}

.htv-spt-kc-01-content-width {
  width: 1000px;
}

.htv-table.htv-spt-kc-01-table tbody td.htv-table__cell {
  padding: 0 5px;
}
.htv-table.htv-spt-kc-01-table tbody td.htv-table__cell.htv-table__cell--no-padding {
  padding: 0;
}

.htv-spt-kc-01-cell-height {
  line-height: 31px;
}

.htv-spt-kc-02-cancel-btn {
  width: 86px;
}

.htv-spt-kc-02-clear-btn {
  width: 90px;
}

.htv-spt-kc-02-set-btn {
  width: 76px;
}

.htv-spt-kc-02-group-table {
  width: 612px;
}

.htv-spt-kc-02-pref-movie-table {
  width: 164px;
}

.htv-spt-kc-02-header-line-height {
  line-height: 23px;
}

.htv-spt-kc-02-cell-line-height {
  line-height: 31px;
}

.htv-spt-kc-04-tooltip-position {
  right: initial;
  bottom: 30px;
}

.htv-spt-kc-04-info-area {
  padding: 0 24px;
}

.htv-spt-kc-04-table-wrapper {
  height: 136px;
  overflow-y: auto;
  width: 100%;
}
.htv-spt-kc-04-table-wrapper .htv-table tbody .htv-table__row--broader-padding .htv-table__cell {
  padding: 0px 16px;
}

.htv-spt-kc-04-table-height {
  line-height: 32px;
}

.htv-spt-kc-04-No-col {
  min-width: 82px;
}

.htv-spt-kc-04-title-col {
  min-width: 344px;
}

.htv-spt-kc-04-term-col {
  min-width: 240px;
}

.htv-spt-kc-04-station-col {
  min-width: 70px;
}

.htv-spt-kc-04-datasrc {
  width: 132px;
}

.htv-spt-kc-04-pt {
  width: 147px;
}

.htv-spt-kc-04-sb {
  width: 196px;
}

.htv-spt-kc-04-number {
  width: 132px;
}

.htv-spt-kc-04-collect-target {
  width: 132px;
}

.htv-spt-kc-04-term {
  width: 224px;
}

.htv-spt-kc-04-trait {
  width: 247px;
}

.htv-spt-kc-04-target {
  width: 340px;
}

.htv-spt-kc-04-atma-target-key {
  width: 320px;
}

.htv-spt-kc-04-category {
  width: 247px;
}

.htv-spt-kc-04-display-btn {
  width: 76px;
}

.htv-spt-kc-04-panel-content {
  width: 1186px;
  margin: 0 auto;
}

.htv-spt-kc-04-program-title {
  line-height: 1;
}

.htv-spt-kc-04-operation-btn-small {
  width: 104px;
}

.htv-spt-kc-04-operation-btn-large {
  width: 146px;
}

.htv-spt-kc-04-time-table-wrapper {
  height: 100%;
}

.htv-spt-kc-04-time-table-msg {
  border-left: 1px solid #c1c6cc;
  border-right: 1px solid #c1c6cc;
  height: 32px;
  padding-left: 4px;
}

.htv-spt-kc-04-check-btn {
  width: 138px;
}

.htv-spt-kc-04-scroll-top-btn {
  bottom: 110px;
}

.htv-spt-kc-04-mb-gap {
  margin-bottom: 80px;
}

.htv-spt-kc-05-targetgrp {
  width: 320px;
}

.htv-spt-kc-05-block {
  width: 1232px;
}

.htv-spt-kc-05-table-container {
  height: 178px;
}

.htv-spt-kc-05-main-table {
  width: 1454px;
}

.htv-spt-kc-05-1st-col {
  left: 0;
}

.htv-spt-kc-05-2nd-col {
  left: 160px;
}

.htv-spt-kc-05-2nd-row-sticky-top {
  top: 24px;
}

.htv-spt-kc-05-text-length {
  width: 149px;
}

.htv-spt-kc-05-title {
  width: 340px;
}

.htv-spt-kc-05-info-table {
  width: 340px;
}

.htv-spt-kc-05-info-table-cell {
  height: 96px;
  overflow-y: auto;
}

.htv-spt-kc-05-info-table-cell-inner {
  height: 84px;
}

.htv-spt-kc-05-cancel-btn {
  width: 86px;
}

.htv-spt-kc-05-download-btn {
  width: 82px;
}

.htv-spt-kc-06-operation-btn-area {
  min-width: 854px;
}

.htv-spt-kc-06-operation-btn {
  width: 64px;
}

.htv-spt-kc-06-tooltip-area {
  min-width: 181px;
}

.htv-spt-kc-06-table-container {
  width: 1032px;
}

.htv-spt-kc-06-table-cell {
  height: 16px;
}

.htv-spt-kc-06-data-transfer-btn-area {
  min-width: 940px;
}

.htv-spt-kc-06-clear-btn {
  min-width: 90px;
}

.htv-spt-kc-06-cancel-btn {
  width: 86px;
}

.htv-spt-kc-06-check-btn {
  width: 140px;
}

.htv-spt-kc-06-editablecell-height {
  height: 32px;
}

.htv-spt-kc-07-title {
  width: 340px;
}

.htv-spt-kc-07-info-table {
  width: 340px;
}

.htv-spt-kc-07-info-table-cell {
  height: 96px;
  overflow-y: auto;
}

.htv-spt-kc-07-info-table-cell-inner {
  height: 84px;
}

.htv-spt-kc-07-block {
  width: 1232px;
}

.htv-spt-kc-07-cell-dateinput {
  width: 147px;
}

.htv-spt-kc-07-cell-dateinput-input {
  height: 31px;
}

.htv-spt-kc-07-cell-dateinput-potision {
  bottom: 40px;
}

.htv-spt-kc-07-cancel-btn {
  width: 86px;
}

.htv-spt-kc-07-calc-btn {
  width: 132px;
}

.htv-spt-kc-07-download-btn {
  width: 82px;
}

.htv-spt-kc-08-title {
  width: 340px;
}

.htv-spt-kc-08-info-table {
  width: 340px;
}

.htv-spt-kc-08-info-table-cell {
  height: 96px;
  overflow-y: auto;
}

.htv-spt-kc-08-info-table-cell-inner {
  height: 84px;
}

.htv-spt-kc-08-block {
  width: 1232px;
}

.htv-spt-kc-08-cell-datetimeinput {
  width: 256px;
}

.htv-spt-kc-08-cell-datetimeinput-input {
  height: 31px;
}

.htv-spt-kc-08-cell-datetimeinput-potision {
  bottom: 40px;
}

.htv-spt-kc-08-cancel-btn {
  width: 86px;
}

.htv-spt-kc-08-check-btn {
  width: 216px;
}

.htv-spt-kc-08-download-btn {
  width: 82px;
}

.htv-spt-kc-09-title {
  width: 340px;
}

.htv-spt-kc-09-info-table {
  width: 340px;
}

.htv-spt-kc-09-info-table-cell {
  height: 96px;
  overflow-y: auto;
}

.htv-spt-kc-09-info-table-cell-inner {
  height: 84px;
}

.htv-spt-kc-09-table-cell {
  height: 16px;
}

.htv-spt-kc-09-data-transfer-area {
  width: 1132px;
}

.htv-spt-kc-09-clear-btn {
  width: 90px;
}

.htv-spt-kc-09-block {
  width: 1232px;
}

.htv-spt-kc-09-targettrait {
  width: 247px;
}

.htv-spt-kc-09-target {
  width: 175px;
}

.htv-spt-check-btn {
  width: 160px;
  margin-right: 60px;
}

.htv-spt-kc-09-calc-area {
  padding: 8px 24px;
}

.htv-spt-kc-09-cancel-btn {
  width: 86px;
}

.htv-spt-kc-09-download-btn {
  width: 82px;
}

.htv-spt-kc-09-editablecell-height {
  height: 32px;
}

.htv-spt-kc-10-search-area {
  width: 792px;
}

.htv-spt-kc-10-input-medium {
  width: 217px;
}

.htv-spt-kc-10-input-small {
  width: 188px;
}

.htv-spt-kc-10-input-large {
  width: 472px;
}

.htv-spt-kc-10-action-btn {
  width: 76px;
}

.htv-notification__wrap {
  margin: 0 auto;
  width: 1000px;
}
.htv-notification__tabs-width {
  width: calc(100% - 80px);
}
.htv-notification__panel:hover {
  background-color: #f3f5f6;
}
.htv-notification-reload-button--padding {
  padding: 6px 12px 6px 8px;
}
.htv-notification-reload-button--nowrap {
  white-space: nowrap;
}
.htv-notification-resolved-tooltip.htv-tooltip .htv-tooltip__text {
  top: -42px;
  right: -10px;
}
.htv-notification-flag-tooltip.htv-tooltip .htv-tooltip__text {
  top: -42px;
  right: -15px;
}
.htv-notification__link {
  text-decoration: none;
}
.htv-notification__link:hover {
  text-decoration: underline;
}
.htv-notification__content {
  line-height: 20px;
  max-height: 60px;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.htv-notification__list {
  margin: 0;
  padding: 0;
}
.htv-notification__list--title {
  float: left;
}
.htv-notification__list--title::before {
  content: "・";
}
.htv-notification__list--title::after {
  content: "：";
}

.htv-notification__tooltip-with-arrow::after {
  content: "";
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top: 5px solid #262d33;
  position: absolute;
  top: 99%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.htv-spt-tooltip-adjust {
  bottom: 35px;
  right: -13px;
}

.htv-spt-ellipsis-area-text {
  width: 72px;
}

.htv-spt-ellipsis-area-text--full {
  width: 100%;
}

.htv-spt-legent-tooltip {
  width: 100%;
  height: 100%;
}

.htv-spt-legent-tooltip-text {
  bottom: 35px;
}/*# sourceMappingURL=spotStyle.css.map */