:root {
  --main-color: #009A55;
  --workflow-bank-color: #4EE6B4;
  --workflow-customer-color: #C7B8F2;
  --hover-color: #6da38b;
  --active-color: #005C44;
  --table-color: #d9d9d9;
  --table-line-color: #9d9994;
  --disabled-color: #d1d1d1;
}

label input[type=radio]:checked~span::before {
  border-color: var(--main-color);
}

label input[type=radio]:disabled~span::before {
  border-color: var(--disabled-color);
}

label input[type=checkbox]:checked~span::after {
  border-right-color: var(--main-color);
  border-bottom-color: var(--main-color);
}

/*リンクの文字カラー*/
.document-wrap .task_box a {
  color: var(--main-color);
}

/*TOP検索トグルカラー*/
.icon-close-area {
  background-color: var(--main-color);
}

/*ワークフロー内のトグルカラー*/
.accordion-btn {
  background-color: var(--main-color);
}

.search-title.is-accordion.-close .icon-close-area {
  background-color: var(--main-color);
}

.l-header {
  background-color: var(--main-color);
}

.l-footer {
  /*インフォメーション 背景色*/
  background: #F0F0F0;
  border-top: solid 2px var(--main-color);
}

.btn-blue {
  background-color: var(--main-color);
  border-color: var(--main-color);
}

.btn-blue:hover,
.btn-blue:focus {
  background-color: var(--hover-color);
  border-color: var(--hover-color);
}

.c-pager-list li.current {
  background-color: var(--main-color);
}

.table-list table th {
  background: var(--table-color) !important;
}


.table-list table th:last-of-type {
  border-right-color: var(--table-line-color);
}

.header-center ul li .number.current {
  background-color: var(--main-color);
}

.document-tab li,
.document-tab li.tab-plus {
  border-bottom-color: var(--main-color);
}

.document-tab li.active {
  background: var(--main-color);
  border-color: var(--main-color);
}


.document-tab-area {
  border-color: var(--main-color);
}


.document-wrap .document-info-wrap label.upload-btn {
  border-color: var(--main-color);
  background-color: var(--main-color);
}

.document-wrap .document-info-wrap .card-area h3 {
  color: var(--main-color);
}

.document-wrap .document-info-wrap h3.document-info-wrap-title {
  color: var(--main-color);
  border-bottom-color: var(--main-color);
}

.document-property-part #partPropertyText {
  border-bottom-color: var(--main-color);
  color: var(--main-color);
}

.document-wrap .icon-check span::before {
  border-color: var(--main-color);
  color: var(--main-color);
}

.document-wrap .icon-check span::after {
  border-color: var(--main-color);
}

.document-wrap .document-info-wrap .approval-box .approval-list .approval-list-data .approval-list-data-detail {
  background: var(--workflow-bank-color);
}

.document-wrap .document-info-wrap .approval-box .approval-list .approval-list-data .approval-list-data-detail.-cust {
  background: var(--workflow-customer-color);
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
  background: var(--main-color) !important;
}

.p-doc-list .toggle {
  background-color: var(--main-color);
}

.p-doc-list .p-doc-flow-item .arrow span {
  border-color: var(--main-color);
  border-right-color: #FFF;
}

.p-doc-list .p-doc-flow-item .arrow span:before {
  border: 14px solid transparent;
  border-left: 14px solid var(--main-color);
}

.p-doc-list .p-doc-flow-item.checked .arrow span {
  background: var(--main-color);
  border-color: var(--main-color);
}

.p-doc-list .p-doc-flow-item.checked .arrow span:after {
  border-left-color: var(--main-color);
}

.p-doc-list .p-doc-flow-item .p-doc-flow-num,
.p-doc-comment .p-doc-flow-item .p-doc-flow-num {
  border-color: var(--main-color);
  color: var(--main-color);
}

.p-doc-list .p-doc-flow-item.checked .p-doc-flow-num,
.p-doc-comment .p-doc-flow-item.checked .p-doc-flow-num {
  background-color: var(--main-color);
}

.p-doc-list .p-doc-flow-item.nowcheck .p-doc-flow-num,
.p-doc-comment .p-doc-flow-item.nowcheck .p-doc-flow-num {
  background-color: var(--main-color);
}

.p-doc-list-header-wrap p,
.p-doc-list-header-wrap .p-doc-info {
  background-color: var(--table-color) !important;
}

.navigation {
  background: var(--main-color);
  border-left-color: var(--main-color);
}

.navigation::-webkit-scrollbar-track {
  background-color: var(--main-color);
}

.navigation .menu ul.function li {
  border-bottom-color: var(--main-color);
}

.navigation .menu ul.function>li>a:hover,
.navigation .menu ul.function>li>a:focus {
  background: var(--active-color);
}

.navigation .menu ul.link a:hover,
.navigation .menu ul.link li:focus,
.navigation .menu ul.link a:focus,
.navigation .menu ul.link li.-active {
  background: var(--active-color);
}

@media screen and (max-width: 1640px) {
  .navigation {
    background: var(--main-color);
  }

  .navigation.active {
    background: var(--main-color);
    border-left-color: var(--main-color);
  }

  .menu-toggle::before {
    background: var(--main-color);
  }

  .menu-toggle::after {
    background: var(--main-color);
  }

}