@charset "UTF-8";
html, body {
  height: 100%;
  overflow: hidden;
}

body {
  /*    background-image: url(../../img/vol2-2.jpg);
  background-size: contain;*/
  font-family: Open Sans;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  /* 左上から右下への微細グラデーション（バンディング対策：中間色追加） */
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 50%, #fcfcfc 70%, #f9f9f9 85%, #f5f5f5 100%);
  /*background-color: rgba(225,225,225,0.8);*/
  background-blend-mode: lighten;
  display: flex;
  flex-direction: column;
}

body > form#frmMain {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/*h1 {
    font-size: 1.4rem;
}

h2 {
    font-size: 1.2rem;
}

h3 {
    font-size: 1.0rem;
}

h1, h2, h3 {
    height: 30px;
    line-height: 30px;
}
*/
h1 {
  font-size: 1.2rem;
  font-weight: bold;
  position: relative;
  padding: 0.5rem 0;
  margin-left: 0;
}
h1:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: "";
  background-image: -webkit-gradient(linear, left top, right top, from(#00a755), to(#B4d93f));
  background-image: -webkit-linear-gradient(left, #00a755 0%, #B4d93f 100%);
  background-image: linear-gradient(to right, #00a755 0%, #B4d93f 100%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.h1Logo {
  font-size: 1.2rem;
  font-weight: bold;
  position: relative;
  padding: 1rem 0;
}
.h1Logo:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: "";
  background-image: -webkit-gradient(linear, left top, right top, from(#00a755), to(#B4d93f));
  background-image: -webkit-linear-gradient(left, #00a755 0%, #B4d93f 100%);
  background-image: linear-gradient(to right, #00a755 0%, #B4d93f 100%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

h2 {
  font-size: 1rem;
  font-weight: normal;
  position: relative;
  padding: 0.5rem 0;
}
h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: "";
  background-image: -webkit-repeating-linear-gradient(135deg, #00a755, #00a755 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #00a755, #00a755 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.info_box {
  padding: 0px;
  width: 100%;
  /*    border:1px solid $color_dash_orange;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;*/
}

.required:after {
  color: red;
  content: "※必須";
}

.time_table th {
  border: 1px solid #6c757d;
  width: 16.6666666667%;
}
.time_table td:nth-child(2n+1) {
  border-right: 1px dotted black;
}
.time_table td {
  border: 1px solid #6c757d;
  width: 8.3333333333%;
  height: 50px;
}

.navbar {
  background: rgb(93, 93, 96);
  background: #00a755;
  /*background: linear-gradient(135deg, rgba(93,93,96,1) 0%, rgba(118,118,120,1) 79%, rgba(103,105,106,1) 100%);*/
}

.cursor-pointer {
  cursor: pointer !important;
}

.dropdown-item:hover {
  background-color: #828282;
}

.nav-link, .dropdown-item {
  color: white !important;
  cursor: pointer;
}
.nav-link i, .dropdown-item i {
  color: white;
  background: white;
  /*color: #eece67;*/
  /*background: -webkit-linear-gradient(0deg, $color_gradient_from, $color_gradient_to); //背景色にグラデーションを指定*/
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (min-width: 576px) {
  body {
    /*background-image: url("/img/bg-img-2000.png");*/
  }
  #gym_nav {
    background-image: url(../../img/vol2-2.jpg);
    background-repeat: repeat-y;
  }
  .dropdown-menu {
    background-color: #4d4d4d;
    color: white;
    cursor: pointer;
  }
}
@media screen and (max-width: 576px) {
  body {
    /*background-image: url("/img/bg-img-800.png");*/
  }
  #gym_nav {
    background-image: none;
    background-color: #00a755;
  }
  .dropdown-menu {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
    cursor: pointer;
  }
}
.face-current {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid red;
}

.face {
  height: 38px;
  width: 38px;
  background-size: 30px;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  position: relative;
}
.face:hover {
  border: 1px solid gray;
  cursor: pointer;
}

.tc-blue {
  color: #007bff !important;
}

.text-blue {
  color: #007bff !important;
}

.bg-blue {
  background-color: #007bff !important;
}

.border-blue {
  border-color: #007bff !important;
}

.btn-blue {
  color: #ffffff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-blue:hover {
  color: #ffffff;
  background-color: rgb(0, 98.4, 204);
  border-color: rgb(0, 92.25, 191.25);
}
.btn-blue:focus, .btn-blue.focus {
  color: #ffffff;
  background-color: rgb(0, 98.4, 204);
  border-color: rgb(0, 92.25, 191.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-blue:active, .btn-blue.active {
  color: #ffffff;
  background-color: rgb(0, 92.25, 191.25);
  border-color: rgb(0, 86.1, 178.5);
}
.btn-blue:disabled, .btn-blue.disabled {
  color: #ffffff;
  background-color: #007bff;
  border-color: #007bff;
  opacity: 0.65;
}

.btn-outline-blue {
  color: #007bff;
  border-color: #007bff;
  background-color: transparent;
}
.btn-outline-blue:hover {
  color: #ffffff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-blue:focus, .btn-outline-blue.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-blue:active, .btn-outline-blue.active {
  color: #ffffff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-blue:disabled, .btn-outline-blue.disabled {
  color: #007bff;
  background-color: transparent;
  opacity: 0.65;
}

a.bg-blue:hover, a.bg-blue:focus {
  background-color: rgb(0, 98.4, 204) !important;
}

button.bg-blue:hover, button.bg-blue:focus {
  background-color: rgb(0, 98.4, 204) !important;
}

.tc-indigo {
  color: #6610f2 !important;
}

.text-indigo {
  color: #6610f2 !important;
}

.bg-indigo {
  background-color: #6610f2 !important;
}

.border-indigo {
  border-color: #6610f2 !important;
}

.btn-indigo {
  color: #ffffff;
  background-color: #6610f2;
  border-color: #6610f2;
}
.btn-indigo:hover {
  color: #ffffff;
  background-color: rgb(81.3214285714, 10.6785714286, 196.3214285714);
  border-color: rgb(76.3125, 10.0208333333, 184.2291666667);
}
.btn-indigo:focus, .btn-indigo.focus {
  color: #ffffff;
  background-color: rgb(81.3214285714, 10.6785714286, 196.3214285714);
  border-color: rgb(76.3125, 10.0208333333, 184.2291666667);
  box-shadow: 0 0 0 0.2rem rgba(102, 16, 242, 0.5);
}
.btn-indigo:active, .btn-indigo.active {
  color: #ffffff;
  background-color: rgb(76.3125, 10.0208333333, 184.2291666667);
  border-color: rgb(71.3035714286, 9.3630952381, 172.1369047619);
}
.btn-indigo:disabled, .btn-indigo.disabled {
  color: #ffffff;
  background-color: #6610f2;
  border-color: #6610f2;
  opacity: 0.65;
}

.btn-outline-indigo {
  color: #6610f2;
  border-color: #6610f2;
  background-color: transparent;
}
.btn-outline-indigo:hover {
  color: #ffffff;
  background-color: #6610f2;
  border-color: #6610f2;
}
.btn-outline-indigo:focus, .btn-outline-indigo.focus {
  box-shadow: 0 0 0 0.2rem rgba(102, 16, 242, 0.5);
}
.btn-outline-indigo:active, .btn-outline-indigo.active {
  color: #ffffff;
  background-color: #6610f2;
  border-color: #6610f2;
}
.btn-outline-indigo:disabled, .btn-outline-indigo.disabled {
  color: #6610f2;
  background-color: transparent;
  opacity: 0.65;
}

a.bg-indigo:hover, a.bg-indigo:focus {
  background-color: rgb(81.3214285714, 10.6785714286, 196.3214285714) !important;
}

button.bg-indigo:hover, button.bg-indigo:focus {
  background-color: rgb(81.3214285714, 10.6785714286, 196.3214285714) !important;
}

.tc-purple {
  color: #6f42c1 !important;
}

.text-purple {
  color: #6f42c1 !important;
}

.bg-purple {
  background-color: #6f42c1 !important;
}

.border-purple {
  border-color: #6f42c1 !important;
}

.btn-purple {
  color: #ffffff;
  background-color: #6f42c1;
  border-color: #6f42c1;
}
.btn-purple:hover {
  color: #ffffff;
  background-color: rgb(88.6693227092, 51.3784860558, 156.6215139442);
  border-color: rgb(83.234063745, 48.2290836653, 147.0209163347);
}
.btn-purple:focus, .btn-purple.focus {
  color: #ffffff;
  background-color: rgb(88.6693227092, 51.3784860558, 156.6215139442);
  border-color: rgb(83.234063745, 48.2290836653, 147.0209163347);
  box-shadow: 0 0 0 0.2rem rgba(111, 66, 193, 0.5);
}
.btn-purple:active, .btn-purple.active {
  color: #ffffff;
  background-color: rgb(83.234063745, 48.2290836653, 147.0209163347);
  border-color: rgb(77.7988047809, 45.0796812749, 137.4203187251);
}
.btn-purple:disabled, .btn-purple.disabled {
  color: #ffffff;
  background-color: #6f42c1;
  border-color: #6f42c1;
  opacity: 0.65;
}

.btn-outline-purple {
  color: #6f42c1;
  border-color: #6f42c1;
  background-color: transparent;
}
.btn-outline-purple:hover {
  color: #ffffff;
  background-color: #6f42c1;
  border-color: #6f42c1;
}
.btn-outline-purple:focus, .btn-outline-purple.focus {
  box-shadow: 0 0 0 0.2rem rgba(111, 66, 193, 0.5);
}
.btn-outline-purple:active, .btn-outline-purple.active {
  color: #ffffff;
  background-color: #6f42c1;
  border-color: #6f42c1;
}
.btn-outline-purple:disabled, .btn-outline-purple.disabled {
  color: #6f42c1;
  background-color: transparent;
  opacity: 0.65;
}

a.bg-purple:hover, a.bg-purple:focus {
  background-color: rgb(88.6693227092, 51.3784860558, 156.6215139442) !important;
}

button.bg-purple:hover, button.bg-purple:focus {
  background-color: rgb(88.6693227092, 51.3784860558, 156.6215139442) !important;
}

.tc-pink {
  color: #e83e8c !important;
}

.text-pink {
  color: #e83e8c !important;
}

.bg-pink {
  background-color: #e83e8c !important;
}

.border-pink {
  border-color: #e83e8c !important;
}

.btn-pink {
  color: #ffffff;
  background-color: #e83e8c;
  border-color: #e83e8c;
}
.btn-pink:hover {
  color: #ffffff;
  background-color: rgb(217.125, 25.875, 113.625);
  border-color: rgb(205.7326388889, 24.5173611111, 107.6631944444);
}
.btn-pink:focus, .btn-pink.focus {
  color: #ffffff;
  background-color: rgb(217.125, 25.875, 113.625);
  border-color: rgb(205.7326388889, 24.5173611111, 107.6631944444);
  box-shadow: 0 0 0 0.2rem rgba(232, 62, 140, 0.5);
}
.btn-pink:active, .btn-pink.active {
  color: #ffffff;
  background-color: rgb(205.7326388889, 24.5173611111, 107.6631944444);
  border-color: rgb(194.3402777778, 23.1597222222, 101.7013888889);
}
.btn-pink:disabled, .btn-pink.disabled {
  color: #ffffff;
  background-color: #e83e8c;
  border-color: #e83e8c;
  opacity: 0.65;
}

.btn-outline-pink {
  color: #e83e8c;
  border-color: #e83e8c;
  background-color: transparent;
}
.btn-outline-pink:hover {
  color: #ffffff;
  background-color: #e83e8c;
  border-color: #e83e8c;
}
.btn-outline-pink:focus, .btn-outline-pink.focus {
  box-shadow: 0 0 0 0.2rem rgba(232, 62, 140, 0.5);
}
.btn-outline-pink:active, .btn-outline-pink.active {
  color: #ffffff;
  background-color: #e83e8c;
  border-color: #e83e8c;
}
.btn-outline-pink:disabled, .btn-outline-pink.disabled {
  color: #e83e8c;
  background-color: transparent;
  opacity: 0.65;
}

a.bg-pink:hover, a.bg-pink:focus {
  background-color: rgb(217.125, 25.875, 113.625) !important;
}

button.bg-pink:hover, button.bg-pink:focus {
  background-color: rgb(217.125, 25.875, 113.625) !important;
}

.tc-red {
  color: #dc3545 !important;
}

.text-red {
  color: #dc3545 !important;
}

.bg-red {
  background-color: #dc3545 !important;
}

.border-red {
  border-color: #dc3545 !important;
}

.btn-red {
  color: #ffffff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-red:hover {
  color: #ffffff;
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
  border-color: rgb(178.3481012658, 30.9018987342, 45.0284810127);
}
.btn-red:focus, .btn-red.focus {
  color: #ffffff;
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
  border-color: rgb(178.3481012658, 30.9018987342, 45.0284810127);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-red:active, .btn-red.active {
  color: #ffffff;
  background-color: rgb(178.3481012658, 30.9018987342, 45.0284810127);
  border-color: rgb(167.4810126582, 29.0189873418, 42.2848101266);
}
.btn-red:disabled, .btn-red.disabled {
  color: #ffffff;
  background-color: #dc3545;
  border-color: #dc3545;
  opacity: 0.65;
}

.btn-outline-red {
  color: #dc3545;
  border-color: #dc3545;
  background-color: transparent;
}
.btn-outline-red:hover {
  color: #ffffff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-red:focus, .btn-outline-red.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-red:active, .btn-outline-red.active {
  color: #ffffff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-red:disabled, .btn-outline-red.disabled {
  color: #dc3545;
  background-color: transparent;
  opacity: 0.65;
}

a.bg-red:hover, a.bg-red:focus {
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987) !important;
}

button.bg-red:hover, button.bg-red:focus {
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987) !important;
}

.tc-orange {
  color: #fd7e14 !important;
}

.text-orange {
  color: #fd7e14 !important;
}

.bg-orange {
  background-color: #fd7e14 !important;
}

.border-orange {
  border-color: #fd7e14 !important;
}

.btn-orange {
  color: #ffffff;
  background-color: #fd7e14;
  border-color: #fd7e14;
}
.btn-orange:hover {
  color: #ffffff;
  background-color: rgb(220.1265822785, 101.164556962, 1.8734177215);
  border-color: rgb(207.4841772152, 95.3544303797, 1.7658227848);
}
.btn-orange:focus, .btn-orange.focus {
  color: #ffffff;
  background-color: rgb(220.1265822785, 101.164556962, 1.8734177215);
  border-color: rgb(207.4841772152, 95.3544303797, 1.7658227848);
  box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.5);
}
.btn-orange:active, .btn-orange.active {
  color: #ffffff;
  background-color: rgb(207.4841772152, 95.3544303797, 1.7658227848);
  border-color: rgb(194.8417721519, 89.5443037975, 1.6582278481);
}
.btn-orange:disabled, .btn-orange.disabled {
  color: #ffffff;
  background-color: #fd7e14;
  border-color: #fd7e14;
  opacity: 0.65;
}

.btn-outline-orange {
  color: #fd7e14;
  border-color: #fd7e14;
  background-color: transparent;
}
.btn-outline-orange:hover {
  color: #ffffff;
  background-color: #fd7e14;
  border-color: #fd7e14;
}
.btn-outline-orange:focus, .btn-outline-orange.focus {
  box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.5);
}
.btn-outline-orange:active, .btn-outline-orange.active {
  color: #ffffff;
  background-color: #fd7e14;
  border-color: #fd7e14;
}
.btn-outline-orange:disabled, .btn-outline-orange.disabled {
  color: #fd7e14;
  background-color: transparent;
  opacity: 0.65;
}

a.bg-orange:hover, a.bg-orange:focus {
  background-color: rgb(220.1265822785, 101.164556962, 1.8734177215) !important;
}

button.bg-orange:hover, button.bg-orange:focus {
  background-color: rgb(220.1265822785, 101.164556962, 1.8734177215) !important;
}

.tc-yellow {
  color: #ffc107 !important;
}

.text-yellow {
  color: #ffc107 !important;
}

.bg-yellow {
  background-color: #ffc107 !important;
}

.border-yellow {
  border-color: #ffc107 !important;
}

.btn-yellow {
  color: #ffffff;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-yellow:hover {
  color: #ffffff;
  background-color: rgb(211, 158.25, 0);
  border-color: rgb(198.25, 148.6875, 0);
}
.btn-yellow:focus, .btn-yellow.focus {
  color: #ffffff;
  background-color: rgb(211, 158.25, 0);
  border-color: rgb(198.25, 148.6875, 0);
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-yellow:active, .btn-yellow.active {
  color: #ffffff;
  background-color: rgb(198.25, 148.6875, 0);
  border-color: rgb(185.5, 139.125, 0);
}
.btn-yellow:disabled, .btn-yellow.disabled {
  color: #ffffff;
  background-color: #ffc107;
  border-color: #ffc107;
  opacity: 0.65;
}

.btn-outline-yellow {
  color: #ffc107;
  border-color: #ffc107;
  background-color: transparent;
}
.btn-outline-yellow:hover {
  color: #ffffff;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-yellow:focus, .btn-outline-yellow.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-yellow:active, .btn-outline-yellow.active {
  color: #ffffff;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-yellow:disabled, .btn-outline-yellow.disabled {
  color: #ffc107;
  background-color: transparent;
  opacity: 0.65;
}

a.bg-yellow:hover, a.bg-yellow:focus {
  background-color: rgb(211, 158.25, 0) !important;
}

button.bg-yellow:hover, button.bg-yellow:focus {
  background-color: rgb(211, 158.25, 0) !important;
}

.tc-green {
  color: #28a745 !important;
}

.text-green {
  color: #28a745 !important;
}

.bg-green {
  background-color: #28a745 !important;
}

.border-green {
  border-color: #28a745 !important;
}

.btn-green {
  color: #ffffff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-green:hover {
  color: #ffffff;
  background-color: rgb(30.1449275362, 125.8550724638, 52);
  border-color: rgb(27.6811594203, 115.5688405797, 47.75);
}
.btn-green:focus, .btn-green.focus {
  color: #ffffff;
  background-color: rgb(30.1449275362, 125.8550724638, 52);
  border-color: rgb(27.6811594203, 115.5688405797, 47.75);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-green:active, .btn-green.active {
  color: #ffffff;
  background-color: rgb(27.6811594203, 115.5688405797, 47.75);
  border-color: rgb(25.2173913043, 105.2826086957, 43.5);
}
.btn-green:disabled, .btn-green.disabled {
  color: #ffffff;
  background-color: #28a745;
  border-color: #28a745;
  opacity: 0.65;
}

.btn-outline-green {
  color: #28a745;
  border-color: #28a745;
  background-color: transparent;
}
.btn-outline-green:hover {
  color: #ffffff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-green:focus, .btn-outline-green.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-green:active, .btn-outline-green.active {
  color: #ffffff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-green:disabled, .btn-outline-green.disabled {
  color: #28a745;
  background-color: transparent;
  opacity: 0.65;
}

a.bg-green:hover, a.bg-green:focus {
  background-color: rgb(30.1449275362, 125.8550724638, 52) !important;
}

button.bg-green:hover, button.bg-green:focus {
  background-color: rgb(30.1449275362, 125.8550724638, 52) !important;
}

.tc-teal {
  color: #20c997 !important;
}

.text-teal {
  color: #20c997 !important;
}

.bg-teal {
  background-color: #20c997 !important;
}

.border-teal {
  border-color: #20c997 !important;
}

.btn-teal {
  color: #ffffff;
  background-color: #20c997;
  border-color: #20c997;
}
.btn-teal:hover {
  color: #ffffff;
  background-color: rgb(24.9957081545, 157.0042918455, 117.9484978541);
  border-color: rgb(23.2446351931, 146.0053648069, 109.6856223176);
}
.btn-teal:focus, .btn-teal.focus {
  color: #ffffff;
  background-color: rgb(24.9957081545, 157.0042918455, 117.9484978541);
  border-color: rgb(23.2446351931, 146.0053648069, 109.6856223176);
  box-shadow: 0 0 0 0.2rem rgba(32, 201, 151, 0.5);
}
.btn-teal:active, .btn-teal.active {
  color: #ffffff;
  background-color: rgb(23.2446351931, 146.0053648069, 109.6856223176);
  border-color: rgb(21.4935622318, 135.0064377682, 101.4227467811);
}
.btn-teal:disabled, .btn-teal.disabled {
  color: #ffffff;
  background-color: #20c997;
  border-color: #20c997;
  opacity: 0.65;
}

.btn-outline-teal {
  color: #20c997;
  border-color: #20c997;
  background-color: transparent;
}
.btn-outline-teal:hover {
  color: #ffffff;
  background-color: #20c997;
  border-color: #20c997;
}
.btn-outline-teal:focus, .btn-outline-teal.focus {
  box-shadow: 0 0 0 0.2rem rgba(32, 201, 151, 0.5);
}
.btn-outline-teal:active, .btn-outline-teal.active {
  color: #ffffff;
  background-color: #20c997;
  border-color: #20c997;
}
.btn-outline-teal:disabled, .btn-outline-teal.disabled {
  color: #20c997;
  background-color: transparent;
  opacity: 0.65;
}

a.bg-teal:hover, a.bg-teal:focus {
  background-color: rgb(24.9957081545, 157.0042918455, 117.9484978541) !important;
}

button.bg-teal:hover, button.bg-teal:focus {
  background-color: rgb(24.9957081545, 157.0042918455, 117.9484978541) !important;
}

.tc-cyan {
  color: #17a2b8 !important;
}

.text-cyan {
  color: #17a2b8 !important;
}

.bg-cyan {
  background-color: #17a2b8 !important;
}

.border-cyan {
  border-color: #17a2b8 !important;
}

.btn-cyan {
  color: #ffffff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-cyan:hover {
  color: #ffffff;
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
  border-color: rgb(15.9166666667, 112.1086956522, 127.3333333333);
}
.btn-cyan:focus, .btn-cyan.focus {
  color: #ffffff;
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
  border-color: rgb(15.9166666667, 112.1086956522, 127.3333333333);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-cyan:active, .btn-cyan.active {
  color: #ffffff;
  background-color: rgb(15.9166666667, 112.1086956522, 127.3333333333);
  border-color: rgb(14.5, 102.1304347826, 116);
}
.btn-cyan:disabled, .btn-cyan.disabled {
  color: #ffffff;
  background-color: #17a2b8;
  border-color: #17a2b8;
  opacity: 0.65;
}

.btn-outline-cyan {
  color: #17a2b8;
  border-color: #17a2b8;
  background-color: transparent;
}
.btn-outline-cyan:hover {
  color: #ffffff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-cyan:focus, .btn-outline-cyan.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-cyan:active, .btn-outline-cyan.active {
  color: #ffffff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-cyan:disabled, .btn-outline-cyan.disabled {
  color: #17a2b8;
  background-color: transparent;
  opacity: 0.65;
}

a.bg-cyan:hover, a.bg-cyan:focus {
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667) !important;
}

button.bg-cyan:hover, button.bg-cyan:focus {
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667) !important;
}

.tc-white {
  color: #ffffff !important;
}

.text-white {
  color: #ffffff !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.border-white {
  border-color: #ffffff !important;
}

.btn-white {
  color: #000;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-white:hover {
  color: #000;
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(223.125, 223.125, 223.125);
}
.btn-white:focus, .btn-white.focus {
  color: #000;
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(223.125, 223.125, 223.125);
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-white:active, .btn-white.active {
  color: #000;
  background-color: rgb(223.125, 223.125, 223.125);
  border-color: rgb(216.75, 216.75, 216.75);
}
.btn-white:disabled, .btn-white.disabled {
  color: #000;
  background-color: #ffffff;
  border-color: #ffffff;
  opacity: 0.65;
}

.btn-outline-white {
  color: #ffffff;
  border-color: #ffffff;
  background-color: transparent;
}
.btn-outline-white:hover {
  color: #000;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-outline-white:focus, .btn-outline-white.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-outline-white:active, .btn-outline-white.active {
  color: #000;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-outline-white:disabled, .btn-outline-white.disabled {
  color: #ffffff;
  background-color: transparent;
  opacity: 0.65;
}

a.bg-white:hover, a.bg-white:focus {
  background-color: rgb(229.5, 229.5, 229.5) !important;
}

button.bg-white:hover, button.bg-white:focus {
  background-color: rgb(229.5, 229.5, 229.5) !important;
}

.tc-gray {
  color: #6c757d !important;
}

.text-gray {
  color: #6c757d !important;
}

.bg-gray {
  background-color: #6c757d !important;
}

.border-gray {
  border-color: #6c757d !important;
}

.btn-gray {
  color: #ffffff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-gray:hover {
  color: #ffffff;
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
  border-color: rgb(78.4506437768, 84.9881974249, 90.7993562232);
}
.btn-gray:focus, .btn-gray.focus {
  color: #ffffff;
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
  border-color: rgb(78.4506437768, 84.9881974249, 90.7993562232);
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-gray:active, .btn-gray.active {
  color: #ffffff;
  background-color: rgb(78.4506437768, 84.9881974249, 90.7993562232);
  border-color: rgb(72.5407725322, 78.5858369099, 83.9592274678);
}
.btn-gray:disabled, .btn-gray.disabled {
  color: #ffffff;
  background-color: #6c757d;
  border-color: #6c757d;
  opacity: 0.65;
}

.btn-outline-gray {
  color: #6c757d;
  border-color: #6c757d;
  background-color: transparent;
}
.btn-outline-gray:hover {
  color: #ffffff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-gray:focus, .btn-outline-gray.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-gray:active, .btn-outline-gray.active {
  color: #ffffff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-gray:disabled, .btn-outline-gray.disabled {
  color: #6c757d;
  background-color: transparent;
  opacity: 0.65;
}

a.bg-gray:hover, a.bg-gray:focus {
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785) !important;
}

button.bg-gray:hover, button.bg-gray:focus {
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785) !important;
}

.tc-gray-dark {
  color: #343a40 !important;
}

.text-gray-dark {
  color: #343a40 !important;
}

.bg-gray-dark {
  background-color: #343a40 !important;
}

.border-gray-dark {
  border-color: #343a40 !important;
}

.btn-gray-dark {
  color: #ffffff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-gray-dark:hover {
  color: #ffffff;
  background-color: rgb(29.1379310345, 32.5, 35.8620689655);
  border-color: rgb(23.4224137931, 26.125, 28.8275862069);
}
.btn-gray-dark:focus, .btn-gray-dark.focus {
  color: #ffffff;
  background-color: rgb(29.1379310345, 32.5, 35.8620689655);
  border-color: rgb(23.4224137931, 26.125, 28.8275862069);
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-gray-dark:active, .btn-gray-dark.active {
  color: #ffffff;
  background-color: rgb(23.4224137931, 26.125, 28.8275862069);
  border-color: rgb(17.7068965517, 19.75, 21.7931034483);
}
.btn-gray-dark:disabled, .btn-gray-dark.disabled {
  color: #ffffff;
  background-color: #343a40;
  border-color: #343a40;
  opacity: 0.65;
}

.btn-outline-gray-dark {
  color: #343a40;
  border-color: #343a40;
  background-color: transparent;
}
.btn-outline-gray-dark:hover {
  color: #ffffff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-gray-dark:focus, .btn-outline-gray-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-gray-dark:active, .btn-outline-gray-dark.active {
  color: #ffffff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-gray-dark:disabled, .btn-outline-gray-dark.disabled {
  color: #343a40;
  background-color: transparent;
  opacity: 0.65;
}

a.bg-gray-dark:hover, a.bg-gray-dark:focus {
  background-color: rgb(29.1379310345, 32.5, 35.8620689655) !important;
}

button.bg-gray-dark:hover, button.bg-gray-dark:focus {
  background-color: rgb(29.1379310345, 32.5, 35.8620689655) !important;
}

.tc-black {
  color: #000 !important;
}

.text-black {
  color: #000 !important;
}

.bg-black {
  background-color: #000 !important;
}

.border-black {
  border-color: #000 !important;
}

.btn-black {
  color: #ffffff;
  background-color: #000;
  border-color: #000;
}
.btn-black:hover {
  color: #ffffff;
  background-color: black;
  border-color: black;
}
.btn-black:focus, .btn-black.focus {
  color: #ffffff;
  background-color: black;
  border-color: black;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}
.btn-black:active, .btn-black.active {
  color: #ffffff;
  background-color: black;
  border-color: black;
}
.btn-black:disabled, .btn-black.disabled {
  color: #ffffff;
  background-color: #000;
  border-color: #000;
  opacity: 0.65;
}

.btn-outline-black {
  color: #000;
  border-color: #000;
  background-color: transparent;
}
.btn-outline-black:hover {
  color: #ffffff;
  background-color: #000;
  border-color: #000;
}
.btn-outline-black:focus, .btn-outline-black.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}
.btn-outline-black:active, .btn-outline-black.active {
  color: #ffffff;
  background-color: #000;
  border-color: #000;
}
.btn-outline-black:disabled, .btn-outline-black.disabled {
  color: #000;
  background-color: transparent;
  opacity: 0.65;
}

a.bg-black:hover, a.bg-black:focus {
  background-color: black !important;
}

button.bg-black:hover, button.bg-black:focus {
  background-color: black !important;
}

.tc-bgcolor {
  color: rgba(248, 224, 211, 0.1) !important;
}

.text-bgcolor {
  color: rgba(248, 224, 211, 0.1) !important;
}

.bg-bgcolor {
  background-color: rgba(248, 224, 211, 0.1) !important;
}

.border-bgcolor {
  border-color: rgba(248, 224, 211, 0.1) !important;
}

.btn-bgcolor {
  color: #000;
  background-color: rgba(248, 224, 211, 0.1);
  border-color: rgba(248, 224, 211, 0.1);
}
.btn-bgcolor:hover {
  color: #000;
  background-color: rgba(241, 193, 167, 0.1);
  border-color: rgba(239.25, 185.25, 156, 0.1);
}
.btn-bgcolor:focus, .btn-bgcolor.focus {
  color: #000;
  background-color: rgba(241, 193, 167, 0.1);
  border-color: rgba(239.25, 185.25, 156, 0.1);
  box-shadow: 0 0 0 0.2rem rgba(248, 224, 211, 0.5);
}
.btn-bgcolor:active, .btn-bgcolor.active {
  color: #000;
  background-color: rgba(239.25, 185.25, 156, 0.1);
  border-color: rgba(237.5, 177.5, 145, 0.1);
}
.btn-bgcolor:disabled, .btn-bgcolor.disabled {
  color: #000;
  background-color: rgba(248, 224, 211, 0.1);
  border-color: rgba(248, 224, 211, 0.1);
  opacity: 0.65;
}

.btn-outline-bgcolor {
  color: rgba(248, 224, 211, 0.1);
  border-color: rgba(248, 224, 211, 0.1);
  background-color: transparent;
}
.btn-outline-bgcolor:hover {
  color: #000;
  background-color: rgba(248, 224, 211, 0.1);
  border-color: rgba(248, 224, 211, 0.1);
}
.btn-outline-bgcolor:focus, .btn-outline-bgcolor.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 224, 211, 0.5);
}
.btn-outline-bgcolor:active, .btn-outline-bgcolor.active {
  color: #000;
  background-color: rgba(248, 224, 211, 0.1);
  border-color: rgba(248, 224, 211, 0.1);
}
.btn-outline-bgcolor:disabled, .btn-outline-bgcolor.disabled {
  color: rgba(248, 224, 211, 0.1);
  background-color: transparent;
  opacity: 0.65;
}

a.bg-bgcolor:hover, a.bg-bgcolor:focus {
  background-color: rgba(241, 193, 167, 0.1) !important;
}

button.bg-bgcolor:hover, button.bg-bgcolor:focus {
  background-color: rgba(241, 193, 167, 0.1) !important;
}

.tc-sunday {
  color: #c83636 !important;
}

.text-sunday {
  color: #c83636 !important;
}

.bg-sunday {
  background-color: #c83636 !important;
}

.border-sunday {
  border-color: #c83636 !important;
}

.btn-sunday {
  color: #ffffff;
  background-color: #c83636;
  border-color: #c83636;
}
.btn-sunday:hover {
  color: #ffffff;
  background-color: rgb(159.842519685, 43.157480315, 43.157480315);
  border-color: rgb(149.8031496063, 40.4468503937, 40.4468503937);
}
.btn-sunday:focus, .btn-sunday.focus {
  color: #ffffff;
  background-color: rgb(159.842519685, 43.157480315, 43.157480315);
  border-color: rgb(149.8031496063, 40.4468503937, 40.4468503937);
  box-shadow: 0 0 0 0.2rem rgba(200, 54, 54, 0.5);
}
.btn-sunday:active, .btn-sunday.active {
  color: #ffffff;
  background-color: rgb(149.8031496063, 40.4468503937, 40.4468503937);
  border-color: rgb(139.7637795276, 37.7362204724, 37.7362204724);
}
.btn-sunday:disabled, .btn-sunday.disabled {
  color: #ffffff;
  background-color: #c83636;
  border-color: #c83636;
  opacity: 0.65;
}

.btn-outline-sunday {
  color: #c83636;
  border-color: #c83636;
  background-color: transparent;
}
.btn-outline-sunday:hover {
  color: #ffffff;
  background-color: #c83636;
  border-color: #c83636;
}
.btn-outline-sunday:focus, .btn-outline-sunday.focus {
  box-shadow: 0 0 0 0.2rem rgba(200, 54, 54, 0.5);
}
.btn-outline-sunday:active, .btn-outline-sunday.active {
  color: #ffffff;
  background-color: #c83636;
  border-color: #c83636;
}
.btn-outline-sunday:disabled, .btn-outline-sunday.disabled {
  color: #c83636;
  background-color: transparent;
  opacity: 0.65;
}

a.bg-sunday:hover, a.bg-sunday:focus {
  background-color: rgb(159.842519685, 43.157480315, 43.157480315) !important;
}

button.bg-sunday:hover, button.bg-sunday:focus {
  background-color: rgb(159.842519685, 43.157480315, 43.157480315) !important;
}

.tc-saturday {
  color: #404e83 !important;
}

.text-saturday {
  color: #404e83 !important;
}

.bg-saturday {
  background-color: #404e83 !important;
}

.border-saturday {
  border-color: #404e83 !important;
}

.btn-saturday {
  color: #ffffff;
  background-color: #404e83;
  border-color: #404e83;
}
.btn-saturday:hover {
  color: #ffffff;
  background-color: rgb(47.2615384615, 57.6, 96.7384615385);
  border-color: rgb(43.0769230769, 52.5, 88.1730769231);
}
.btn-saturday:focus, .btn-saturday.focus {
  color: #ffffff;
  background-color: rgb(47.2615384615, 57.6, 96.7384615385);
  border-color: rgb(43.0769230769, 52.5, 88.1730769231);
  box-shadow: 0 0 0 0.2rem rgba(64, 78, 131, 0.5);
}
.btn-saturday:active, .btn-saturday.active {
  color: #ffffff;
  background-color: rgb(43.0769230769, 52.5, 88.1730769231);
  border-color: rgb(38.8923076923, 47.4, 79.6076923077);
}
.btn-saturday:disabled, .btn-saturday.disabled {
  color: #ffffff;
  background-color: #404e83;
  border-color: #404e83;
  opacity: 0.65;
}

.btn-outline-saturday {
  color: #404e83;
  border-color: #404e83;
  background-color: transparent;
}
.btn-outline-saturday:hover {
  color: #ffffff;
  background-color: #404e83;
  border-color: #404e83;
}
.btn-outline-saturday:focus, .btn-outline-saturday.focus {
  box-shadow: 0 0 0 0.2rem rgba(64, 78, 131, 0.5);
}
.btn-outline-saturday:active, .btn-outline-saturday.active {
  color: #ffffff;
  background-color: #404e83;
  border-color: #404e83;
}
.btn-outline-saturday:disabled, .btn-outline-saturday.disabled {
  color: #404e83;
  background-color: transparent;
  opacity: 0.65;
}

a.bg-saturday:hover, a.bg-saturday:focus {
  background-color: rgb(47.2615384615, 57.6, 96.7384615385) !important;
}

button.bg-saturday:hover, button.bg-saturday:focus {
  background-color: rgb(47.2615384615, 57.6, 96.7384615385) !important;
}

.tc-site-main {
  color: #00a755 !important;
}

.text-site-main {
  color: #00a755 !important;
}

.bg-site-main {
  background-color: #00a755 !important;
}

.border-site-main {
  border-color: #00a755 !important;
}

.btn-site-main {
  color: #ffffff;
  background-color: #00a755;
  border-color: #00a755;
}
.btn-site-main:hover {
  color: #ffffff;
  background-color: rgb(0, 116, 59.0419161677);
  border-color: rgb(0, 103.25, 52.5523952096);
}
.btn-site-main:focus, .btn-site-main.focus {
  color: #ffffff;
  background-color: rgb(0, 116, 59.0419161677);
  border-color: rgb(0, 103.25, 52.5523952096);
  box-shadow: 0 0 0 0.2rem rgba(0, 167, 85, 0.5);
}
.btn-site-main:active, .btn-site-main.active {
  color: #ffffff;
  background-color: rgb(0, 103.25, 52.5523952096);
  border-color: rgb(0, 90.5, 46.0628742515);
}
.btn-site-main:disabled, .btn-site-main.disabled {
  color: #ffffff;
  background-color: #00a755;
  border-color: #00a755;
  opacity: 0.65;
}

.btn-outline-site-main {
  color: #00a755;
  border-color: #00a755;
  background-color: transparent;
}
.btn-outline-site-main:hover {
  color: #ffffff;
  background-color: #00a755;
  border-color: #00a755;
}
.btn-outline-site-main:focus, .btn-outline-site-main.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 167, 85, 0.5);
}
.btn-outline-site-main:active, .btn-outline-site-main.active {
  color: #ffffff;
  background-color: #00a755;
  border-color: #00a755;
}
.btn-outline-site-main:disabled, .btn-outline-site-main.disabled {
  color: #00a755;
  background-color: transparent;
  opacity: 0.65;
}

a.bg-site-main:hover, a.bg-site-main:focus {
  background-color: rgb(0, 116, 59.0419161677) !important;
}

button.bg-site-main:hover, button.bg-site-main:focus {
  background-color: rgb(0, 116, 59.0419161677) !important;
}

.tc-site-themelight {
  color: #B4d93f !important;
}

.text-site-themelight {
  color: #B4d93f !important;
}

.bg-site-themelight {
  background-color: #B4d93f !important;
}

.border-site-themelight {
  border-color: #B4d93f !important;
}

.btn-site-themelight {
  color: #ffffff;
  background-color: #B4d93f;
  border-color: #B4d93f;
}
.btn-site-themelight:hover {
  color: #ffffff;
  background-color: rgb(154.3260869565, 191.1652173913, 37.8347826087);
  border-color: rgb(145.7336956522, 180.5217391304, 35.7282608696);
}
.btn-site-themelight:focus, .btn-site-themelight.focus {
  color: #ffffff;
  background-color: rgb(154.3260869565, 191.1652173913, 37.8347826087);
  border-color: rgb(145.7336956522, 180.5217391304, 35.7282608696);
  box-shadow: 0 0 0 0.2rem rgba(180, 217, 63, 0.5);
}
.btn-site-themelight:active, .btn-site-themelight.active {
  color: #ffffff;
  background-color: rgb(145.7336956522, 180.5217391304, 35.7282608696);
  border-color: rgb(137.1413043478, 169.8782608696, 33.6217391304);
}
.btn-site-themelight:disabled, .btn-site-themelight.disabled {
  color: #ffffff;
  background-color: #B4d93f;
  border-color: #B4d93f;
  opacity: 0.65;
}

.btn-outline-site-themelight {
  color: #B4d93f;
  border-color: #B4d93f;
  background-color: transparent;
}
.btn-outline-site-themelight:hover {
  color: #ffffff;
  background-color: #B4d93f;
  border-color: #B4d93f;
}
.btn-outline-site-themelight:focus, .btn-outline-site-themelight.focus {
  box-shadow: 0 0 0 0.2rem rgba(180, 217, 63, 0.5);
}
.btn-outline-site-themelight:active, .btn-outline-site-themelight.active {
  color: #ffffff;
  background-color: #B4d93f;
  border-color: #B4d93f;
}
.btn-outline-site-themelight:disabled, .btn-outline-site-themelight.disabled {
  color: #B4d93f;
  background-color: transparent;
  opacity: 0.65;
}

a.bg-site-themelight:hover, a.bg-site-themelight:focus {
  background-color: rgb(154.3260869565, 191.1652173913, 37.8347826087) !important;
}

button.bg-site-themelight:hover, button.bg-site-themelight:focus {
  background-color: rgb(154.3260869565, 191.1652173913, 37.8347826087) !important;
}

.tc-site-accent {
  color: #00753c !important;
}

.text-site-accent {
  color: #00753c !important;
}

.bg-site-accent {
  background-color: #00753c !important;
}

.border-site-accent {
  border-color: #00753c !important;
}

.btn-site-accent {
  color: #ffffff;
  background-color: #00753c;
  border-color: #00753c;
}
.btn-site-accent:hover {
  color: #ffffff;
  background-color: rgb(0, 66, 33.8461538462);
  border-color: rgb(0, 53.25, 27.3076923077);
}
.btn-site-accent:focus, .btn-site-accent.focus {
  color: #ffffff;
  background-color: rgb(0, 66, 33.8461538462);
  border-color: rgb(0, 53.25, 27.3076923077);
  box-shadow: 0 0 0 0.2rem rgba(0, 117, 60, 0.5);
}
.btn-site-accent:active, .btn-site-accent.active {
  color: #ffffff;
  background-color: rgb(0, 53.25, 27.3076923077);
  border-color: rgb(0, 40.5, 20.7692307692);
}
.btn-site-accent:disabled, .btn-site-accent.disabled {
  color: #ffffff;
  background-color: #00753c;
  border-color: #00753c;
  opacity: 0.65;
}

.btn-outline-site-accent {
  color: #00753c;
  border-color: #00753c;
  background-color: transparent;
}
.btn-outline-site-accent:hover {
  color: #ffffff;
  background-color: #00753c;
  border-color: #00753c;
}
.btn-outline-site-accent:focus, .btn-outline-site-accent.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 117, 60, 0.5);
}
.btn-outline-site-accent:active, .btn-outline-site-accent.active {
  color: #ffffff;
  background-color: #00753c;
  border-color: #00753c;
}
.btn-outline-site-accent:disabled, .btn-outline-site-accent.disabled {
  color: #00753c;
  background-color: transparent;
  opacity: 0.65;
}

a.bg-site-accent:hover, a.bg-site-accent:focus {
  background-color: rgb(0, 66, 33.8461538462) !important;
}

button.bg-site-accent:hover, button.bg-site-accent:focus {
  background-color: rgb(0, 66, 33.8461538462) !important;
}

.list-group-item:hover {
  background-color: rgb(171.5108695652, 212.452173913, 42.047826087);
}

.dayCell:hover {
  background-color: gainsboro !important;
  cursor: pointer;
}

div#floatingMenu[class*=floating-menu] {
  position: fixed;
  bottom: 20px;
  right: 20px;
  top: auto;
  left: auto;
  width: 100px;
  height: 100px;
  background-color: #808080;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  cursor: pointer;
  transition: all 0.3s ease;
  /* 非表示 */
  display: none;
  /* flexプロパティ */
  align-items: center;
  justify-content: center;
  /* 他のスタイルリセット */
  margin: 0;
  padding: 0;
  transform: none;
}

div#floatingMenu[class*=floating-menu]:hover {
  background-color: #666666;
  transform: scale(1.05);
}

/* 表示状態 */
div#floatingMenu[class*=floating-menu].show {
  display: flex;
}

/* 子要素 */
#floatingMenu .menu-content {
  text-align: center;
  color: white;
  font-size: 12px;
  font-weight: bold;
}

#floatingMenu .triangle {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 4px;
}

#floatingMenu .text {
  font-size: 10px;
  letter-spacing: 0.5px;
}

.sortable {
  cursor: pointer;
  user-select: none;
  position: relative;
  padding-right: 1.5rem !important;
  transition: background-color 0.2s ease;
}
.sortable:hover {
  background-color: #e9ecef;
}
.sortable .sort-icon {
  position: absolute;
  right: 4px;
  bottom: 4px;
  margin: 0 !important;
  font-size: 0.8em;
  color: #adb5bd;
  transition: color 0.2s ease;
}
.sortable .sort-icon.active {
  color: #00a755;
  font-weight: bold;
}
.sortable:focus {
  outline: 2px solid #00753c;
  outline-offset: -2px;
}

.table.table-sortable thead th.sortable {
  white-space: nowrap;
}

table th.sortable {
  position: relative !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
table th.sortable i.sort-icon,
table th.sortable span.sort-icon {
  position: absolute !important;
  right: 4px !important;
  bottom: 4px !important;
  margin: 0 !important;
}

.table-fixed-header {
  overflow-y: auto;
}
.table-fixed-header table th {
  position: sticky !important;
  top: 0 !important;
  z-index: 10 !important;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4) !important;
}

.page-with-auto-table {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.page-with-auto-table > *:not(.table-fixed-header) {
  flex: 0 0 auto;
}
.page-with-auto-table > .table-fixed-header {
  overflow-y: auto;
}
.page-with-auto-table > .table-fixed-header table th {
  position: sticky !important;
  top: 0 !important;
  z-index: 10 !important;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4) !important;
}