/**************************
  事業者向けのスタイルシート
**************************/

/**************************
  base
**************************/
.bg-base {
  background-color: #146c43;
}

/**************************
  link
**************************/
a {
  color: #00796b;
}

a:hover {
  color: #00695c;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: #146c43;
}

.nav-link:focus, .nav-link:hover {
  color: #00796b;
}

.nav-tabs .nav-link {
  color: #00796b;
}

/**************************
  header
**************************/
/* カスタマイズがあれば追記 */

/**************************
  breadcrumb
**************************/
/* カスタマイズがあれば追記 */

/**************************
  sidebar menu
**************************/
#sidebarMenu {
  margin-top: 3rem;
  min-width: 18rem;
  max-width: 18rem;
  padding: 0;
  z-index: 1022;
  position: fixed;
  transform: translateX(-14rem);
  transition: transform 250ms ease-in-out;
  background-color: #fff;
}

.sidebar {
  top: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
  height: calc(100% - 3rem);
  overflow-y: scroll;
  overflow-x: hidden;
  transition: all 100ms 0s ease;
}

.show-main {
  padding-left: 17rem;
}

.sidebar a.nav-link {
  padding: 1rem;
}

.sidebar a.nav-link .navbar-nav .sidebar-menu-text-bo {
  width: 12rem;
}

.dashboard-nav-link .sidebar-menu-text-bo {
  line-height: 2.5em;
}

.nav-item-block {
  border-top: solid 3px #00695c;
}

/**************************
  main
**************************/
main {
  position: relative;
  padding-left: 4rem;
}

/* チェックリストエリアの制御 */
.main-checklist {
  width: 100%;
  position: fixed;
}

.reference-main {
  padding-left: 0rem;
}

.bg-complete {
  background-color: #d1e7dd;
}

.h5-border {
  border-bottom: solid 1px #e0e0e0;
}

/**************************
  Screen Menu
**************************/
#screenMenu {
  background-color: #c8e6c9;
}

/**************************
  Screen Fixed Message
**************************/
#screenFixedMessage {
  padding: 0.25rem 0.5rem;
  background-color: #388e3c;
  color: #ffffff;
}

#screenFixedMessage.sticky-top {
  top: 5rem;
  z-index: 1018;
}

#screenMenu ~ #screenFixedMessage.sticky-top {
  top: 7.875rem;
}

#screenFixedMessage .screen-fixed-message-item {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

/**************************
  dropdown-menu
**************************/
.dropdown-item.active, .dropdown-item:active {
  background-color: #009688;
}

/**************************
  accordion-button
**************************/
.accordion-button:not(.collapsed) {
  color: #00796b;
  background-color: #e0f2f1;
}

.accordion-button:not(.collapsed)::after {
  background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\' fill=\'%2300695c\'%3e%3cpath fill-rule=\'evenodd\' d=\'M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z\'/%3e%3c/svg%3e');
}

.accordion-button:focus {
  border-color: #80cbc4;
  box-shadow: 0 0 0 0.25rem rgba(0, 77, 64, 0.25);
}

.btn-outline-light:hover, .btn-check:checked+.btn-outline-light {
  color: #00796b;
}

/**************************
  main（追加分）
**************************/

/* 見出しのタイトルの配置指定用CSS */
.sub-title-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
  background-color: #d1e7dd;
}