/*------------------------------------
- COLOR light
------------------------------------*/


.alert-light {
  color: #0f2a21;
  background-color: #a1dec9;
  border-color: #92d8c1;
}

.alert-light hr {
  border-top-color: #7fd2b6;
}

.alert-light .alert-link {
  color: #010403;
}

.badge-light {
  color: #fff;
  background-color: #2F8568;
}

.badge-light[href]:hover, .badge-light[href]:focus {
  color: #fff;
  background-color: #215f4a;
}

.bg-light {
  background-color: #2F8568 !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #215f4a !important;
}

.border-light {
  border-color: #2F8568 !important;
}

.btn-light {
  color: #fff;
  background-color: #2F8568;
  border-color: #2F8568;
}

.btn-light:hover {
  color: #fff;
  background-color: #256a53;
  border-color: #215f4a;
}

.btn-light:focus, .btn-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(47, 133, 104, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
  color: #2F8568;
  background-color: #EEE;
  border-color: #2F8568;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  color: #fff;
  background-color: #215f4a;
  border-color: #1d5441;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(47, 133, 104, 0.5);
}

.btn-outline-light {
  color: #2F8568;
  background-color: transparent;
  border-color: #2F8568;
}

.btn-outline-light:hover {
  color: #fff;
  background-color: #2F8568;
  border-color: #2F8568;
}

.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(47, 133, 104, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #2F8568;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
  color: #fff;
  background-color: #2F8568;
  border-color: #2F8568;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(47, 133, 104, 0.5);
}

.list-group-item-light {
  color: #0f2a21;
  background-color: #92d8c1;
}

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #0f2a21;
  background-color: #7fd2b6;
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #0f2a21;
  border-color: #0f2a21;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #92d8c1;
}

.table-hover .table-light:hover {
  background-color: #7fd2b6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #7fd2b6;
}

.text-light {
  color: #2F8568 !important;
}

a.text-light:hover, a.text-light:focus {
  color: #215f4a !important;
}

:root{
    --font-family-sans-serif: 'Avenir','Helvetica Neue','Helvetica','Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

body {
    font-family: var(--font-family-sans-serif);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-sans-serif);
}

.overflowText {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis; /* Safari */
    -o-text-overflow: ellipsis; /* Opera */
}