/* main.scssは 変更を加えると全体のcssに影響するため、要注意*/
/* 全体に関わらないcssはここに書かないこと*/
.flex_container {
  width: 100vw;
  height: 100vh;
  display: flex;
}
@media (max-width: 768px) {
  .flex_container {
    display: block;
  }
}

.main {
  width: 100vw;
  height: 100%; /* 高さを指定しないとheaderのposition: sticky;が効かない */
  padding-left: 240px;
}
@media (max-width: 768px) {
  .main {
    padding-left: 0;
  }
}

.article {
  margin: 24px 40px;
}
@media (max-width: 768px) {
  .article {
    margin: 16px;
  }
}

.content {
  width: 100%;
  padding: 20px 30px;
  background-color: #ffffff;
}

.form-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 16px 40px;
  background-color: #ffffff;
  font-size: 14px;
}
.form-content span {
  background-color: #B6C0C0;
  display: inline-block;
  color: #ffffff;
  text-align: center;
  padding: 2px 15px;
}

.card-content {
  width: 100%;
  display: grid;
  grid-auto-columns: 400px;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media (max-width: 768px) {
  .card-content {
    grid-template-columns: repeat(1, 1fr);
  }
}

.bottom-line {
  border-bottom: 1px solid #A5ADA9;
}

.bottom_btn {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: end;
  align-items: center;
  gap: 12px;
}
@media (max-width: 424px) {
  .bottom_btn {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
  }
}

.div_mt_36 {
  margin-top: 36px;
}

.div_mt_16 {
  margin-top: 16px;
}

.flatpickr-calendar .flatpickr-months {
  display: flex;
  align-items: center;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month {
  padding-left: 0px;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
  left: 80% !important;
}
.flatpickr-calendar .flatpickr-current-month {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding-top: 0px;
  left: 3%;
}
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months {
  order: 2;
  font-weight: 700 !important;
  padding-left: 0px;
}
.flatpickr-calendar .flatpickr-current-month .numInputWrapper {
  order: 1;
  display: flex;
  align-items: center;
  font-weight: 700 !important;
  margin-left: 0px !important;
  width: 100%;
  max-width: 75px !important;
}
.flatpickr-calendar .flatpickr-current-month .numInputWrapper:after {
  content: "年";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 700 !important;
}
.flatpickr-calendar .flatpickr-current-month input.cur-year {
  font-weight: 700 !important;
  width: inherit;
  padding-left: 0px;
  text-align: left;
}
.flatpickr-calendar .flatpickr-current-month span.cur-month {
  order: 2;
}
.flatpickr-calendar .flatpickr-day {
  font-weight: 700 !important;
}
.flatpickr-calendar .flatpickr-time input.flatpickr-minute {
  font-weight: 700 !important;
}

.flatpickr-day.selected {
  border: none;
  background-color: #3A8DCA !important;
  color: #ffffff;
}

.flatpickr-calendar-text {
  font-weight: 400;
  line-height: 24px;
  font-size: 14px;
  margin-top: 24px;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .flatpickr-calendar-text {
    margin-top: 16px;
    margin-bottom: 8px;
  }
}

/**
 * Mixin for styling buttons.
 *
 * @param {Map} $dimensions - The dimensions of the button. It should be a map with the keys "min-width" and "height".
 * @param {Color} $color - The font color of the button.
 * @param {Color} $back-color - The background color of the button.
 */
/**
 * Generates buttons with different sizes, colors, and styles.
 *
 * @param {String} $btn-for - The name of the class that will be the parent of the generated buttons.
 * @param {Map} $btn-sizes - A map of button sizes and their dimensions. Dimensions should be a map with the keys "min-width" and "height".
 * @param {Map} $btn-colors - A map of button colors and their background colors.
 * @param {Number} $border-width - The width of the button border. Default is 2px. Only used for outlined buttons.
 *
 * @example
 * // Usage:
 * @include generateButtons(
 *   "admin",
 *   (
 *     small: (min-width: 100px, height: 30px),
 *     medium: (min-width: 150px, height: 40px),
 *     large: (min-width: 200px, height: 50px)
 *   ),
 *   (
 *     primary: #007bff,
 *     secondary: #6c757d,
 *     success: #28a745
 *   ),
 *   3px
 * );
 *
 * // Output: .admin.btn-primary, .admin.btn-secondary, .admin.btn-success, .admin.btn-primary-ol, .admin.btn-secondary-ol, .admin.btn-success-ol, .admin.btn-primary-link, .admin.btn-secondary-link, .admin.btn-success-link
 */
.sidebar {
  width: 240px;
  height: 100vh;
  position: fixed;
  overflow-y: auto;
  padding: 20px 16px 120px;
  background-color: #fff;
  border-right: 1px solid #3A8DCA;
}
@media (max-width: 768px) {
  .sidebar {
    display: none;
  }
}
.sidebar_logo {
  text-align: center;
}
.sidebar_logo img {
  margin: auto;
}
.sidebar_line {
  border-bottom: solid 1px #C1D0DF;
}
.sidebar_navgroup {
  display: grid;
  height: 48px;
  row-gap: 12px;
  margin-top: 36px;
  font-size: 18px;
}
.sidebar_nav_on {
  display: flex;
  padding: 8px 16px;
  cursor: pointer;
}
.sidebar_nav_on .nav_icon {
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 4px 12px 0 0;
}
.sidebar_nav_on {
  color: #fff;
  background-color: #3A8DCA;
  border-radius: 8px;
}
.sidebar_nav {
  display: flex;
  padding: 8px 16px;
  cursor: pointer;
}
.sidebar_nav .nav_icon {
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 4px 12px 0 0;
}
.sidebar_nav {
  color: #667085;
  border-radius: 8px;
}
.sidebar_nav:hover {
  background-color: #8DAFC8;
  color: #fff;
}
.sidebar .nav_title {
  line-height: 32px;
}

.menu {
  display: none;
  align-items: center;
  height: 52px;
  background-color: #fff;
}
@media (max-width: 768px) {
  .menu {
    display: flex;
  }
}
.menu_logo {
  width: 60px;
  margin-left: 54px;
}
.menu #menu_check {
  display: none;
}
.menu_open {
  display: flex;
  height: 52px;
  width: 60px;
  justify-content: center;
  align-items: center;
  z-index: 20;
  cursor: pointer;
  position: fixed;
  top: 0;
  left: 0;
}
.menu .menu_open span,
.menu .menu_open span:before,
.menu .menu_open span:after {
  content: "";
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #3A8DCA;
  transition: 0.5s;
  position: absolute;
}
.menu .menu_open span:before {
  bottom: 8px;
}
.menu .menu_open span:after {
  top: 8px;
}
.menu #menu_check:checked ~ .menu_open span {
  background: rgba(255, 255, 255, 0);
}
.menu #menu_check:checked ~ .menu_open span::before {
  bottom: 0;
  transform: rotate(45deg);
}
.menu #menu_check:checked ~ .menu_open span::after {
  top: 0;
  transform: rotate(-45deg);
}
.menu_navgroup {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: scroll;
  top: 0;
  left: -100%;
  z-index: 10;
  background: #fff;
  transition: 0.5s;
  padding: 60px 10%;
  box-sizing: border-box;
  text-align: center;
}
.menu .menu_whole .menu_navgroup {
  margin: 0 0 20px 0;
  padding: 52px 16px;
}
.menu #menu_check:checked ~ .menu_navgroup {
  left: 0;
}

.header {
  width: 100%;
  height: 70px;
  background-color: #F4F7FA;
  position: sticky;
  top: 0;
  z-index: 99;
}
@media (max-width: 768px) {
  .header {
    height: 104px;
  }
}

.main_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px;
  margin-left: 40px;
  color: #000;
}
@media (max-width: 768px) {
  .main_header {
    height: 50px;
    margin: 0 16px;
  }
}
.main_header_controlled_title {
  font-size: 20px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
}
@media (max-width: 768px) {
  .main_header_controlled_title {
    font-size: 16px;
  }
}
.main_header_title {
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .main_header_title {
    font-size: 16px;
  }
}
.main_header .user {
  padding-left: 16px;
  padding-right: 48px;
  display: flex;
  min-width: 150px;
  column-gap: 8px;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  height: 100%;
}
.main_header .user:hover .dropdown {
  display: block;
}
.main_header .user .dropdown {
  display: none;
  width: 232px;
  height: fit-content;
  padding: 16px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 62px;
  right: 40px;
  z-index: 50;
}
@media (max-width: 768px) {
  .main_header .user .dropdown {
    top: 100px;
    right: 16px;
  }
}
.main_header .user .dropdown_list {
  color: #000;
  font-size: 14px;
  border-radius: 8px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.main_header .user .dropdown_list:hover {
  color: #3A8DCA;
}
.main_header .user .dropdown_list a {
  width: 100%;
  padding: 1rem;
}
.main_header .user .dropdown_list_a {
  display: block;
  align-items: flex-start;
  width: 100%;
  padding: 1rem;
}
.main_header .user .dropdown_line {
  border-bottom: solid 1px #B6C0C0;
}
.main_header .user_icon {
  font-size: 2.5em;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .main_header .user_icon {
    font-size: 2em;
    margin-right: 6px;
  }
}
.main_header .user_name {
  font-size: 18px;
}
@media (max-width: 768px) {
  .main_header .user_name {
    font-size: 14px;
  }
}
.main_header .user_authority {
  font-size: 12px;
  color: #DAF2EF;
}
@media (max-width: 768px) {
  .main_header .user_authority {
    font-size: 10px;
  }
}
.main_header .user .triangle {
  position: absolute;
  right: 20px;
  top: 32px;
  width: 0px;
  height: 0px;
  border: 5px solid;
  border-color: #000 transparent transparent transparent;
}

.tab {
  display: flex;
  align-items: center;
  height: 70px;
  background-color: #fff;
  font-size: 12px;
  padding: 0 40px;
  overflow-x: auto;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .tab {
    padding: 0 16px;
    font-size: 11px;
    height: 50px;
  }
}
.tab_group {
  display: flex;
}
.tab_contents_on {
  display: inline-flex;
  padding: auto;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #3A8DCA;
}
.tab_contents {
  display: inline-flex;
  padding: auto;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #fff;
}

.header_pg {
  color: #fff;
  background-color: #F4F7FA;
  padding: 16px 40px;
  width: 100%;
  height: 70px;
  position: sticky;
  top: 0;
  z-index: 50;
}

.target-heading-label {
  text-align: center;
  background-color: #3A8DCA;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  width: 96px;
  height: 24px;
  border-radius: 8px;
}

/* button.scssは ボタンの色に関する変更を加えるためのファイルです*/
.btn-lg-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8DCA;
  color: #fff;
}
.btn-lg-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-lg-blue {
  min-width: 136px;
  height: 48px;
}

.btn-lg-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #B6C0C0;
  color: #fff;
}
.btn-lg-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-lg-gray {
  min-width: 136px;
  height: 48px;
}

.btn-lg-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.btn-lg-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-lg-red {
  min-width: 136px;
  height: 48px;
}

.btn-lg-vermilion {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #F26430;
  color: #fff;
}
.btn-lg-vermilion:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-lg-vermilion {
  min-width: 136px;
  height: 48px;
}

.btn-lg-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FC7D55;
  color: #fff;
}
.btn-lg-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-lg-orange {
  min-width: 136px;
  height: 48px;
}

.btn-lg-green {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #2BB874;
  color: #fff;
}
.btn-lg-green:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-lg-green {
  min-width: 136px;
  height: 48px;
}

.btn-md-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8DCA;
  color: #fff;
}
.btn-md-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-md-blue {
  min-width: 96px;
  height: 40px;
}

.btn-md-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #B6C0C0;
  color: #fff;
}
.btn-md-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-md-gray {
  min-width: 96px;
  height: 40px;
}

.btn-md-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.btn-md-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-md-red {
  min-width: 96px;
  height: 40px;
}

.btn-md-vermilion {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #F26430;
  color: #fff;
}
.btn-md-vermilion:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-md-vermilion {
  min-width: 96px;
  height: 40px;
}

.btn-md-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FC7D55;
  color: #fff;
}
.btn-md-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-md-orange {
  min-width: 96px;
  height: 40px;
}

.btn-md-green {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #2BB874;
  color: #fff;
}
.btn-md-green:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-md-green {
  min-width: 96px;
  height: 40px;
}

.btn-smd-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8DCA;
  color: #fff;
}
.btn-smd-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-smd-blue {
  min-width: 104px;
  height: 26px;
}

.btn-smd-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #B6C0C0;
  color: #fff;
}
.btn-smd-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-smd-gray {
  min-width: 104px;
  height: 26px;
}

.btn-smd-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.btn-smd-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-smd-red {
  min-width: 104px;
  height: 26px;
}

.btn-smd-vermilion {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #F26430;
  color: #fff;
}
.btn-smd-vermilion:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-smd-vermilion {
  min-width: 104px;
  height: 26px;
}

.btn-smd-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FC7D55;
  color: #fff;
}
.btn-smd-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-smd-orange {
  min-width: 104px;
  height: 26px;
}

.btn-smd-green {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #2BB874;
  color: #fff;
}
.btn-smd-green:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-smd-green {
  min-width: 104px;
  height: 26px;
}

.btn-sm-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8DCA;
  color: #fff;
}
.btn-sm-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-sm-blue {
  min-width: 80px;
  height: 32px;
}

.btn-sm-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #B6C0C0;
  color: #fff;
}
.btn-sm-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-sm-gray {
  min-width: 80px;
  height: 32px;
}

.btn-sm-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.btn-sm-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-sm-red {
  min-width: 80px;
  height: 32px;
}

.btn-sm-vermilion {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #F26430;
  color: #fff;
}
.btn-sm-vermilion:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-sm-vermilion {
  min-width: 80px;
  height: 32px;
}

.btn-sm-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FC7D55;
  color: #fff;
}
.btn-sm-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-sm-orange {
  min-width: 80px;
  height: 32px;
}

.btn-sm-green {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #2BB874;
  color: #fff;
}
.btn-sm-green:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-sm-green {
  min-width: 80px;
  height: 32px;
}

.btn-ol-lg-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8DCA;
}
.btn-ol-lg-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-ol-lg-blue {
  min-width: 136px;
  height: 48px;
  border: 2px solid #3A8DCA;
}

.btn-ol-lg-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #B6C0C0;
}
.btn-ol-lg-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-ol-lg-gray {
  min-width: 136px;
  height: 48px;
  border: 2px solid #B6C0C0;
}

.btn-ol-lg-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.btn-ol-lg-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-ol-lg-red {
  min-width: 136px;
  height: 48px;
}

.btn-ol-lg-vermilion {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #F26430;
}
.btn-ol-lg-vermilion:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-ol-lg-vermilion {
  min-width: 136px;
  height: 48px;
}

.btn-ol-lg-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FC7D55;
}
.btn-ol-lg-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-ol-lg-orange {
  min-width: 136px;
  height: 48px;
}

.btn-ol-lg-green {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #2BB874;
}
.btn-ol-lg-green:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-ol-lg-green {
  min-width: 136px;
  height: 48px;
}

.btn-ol-md-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8DCA;
}
.btn-ol-md-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-ol-md-blue {
  min-width: 96px;
  height: 40px;
  border: 2px solid #3A8DCA;
}

.btn-ol-md-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #B6C0C0;
}
.btn-ol-md-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-ol-md-gray {
  min-width: 96px;
  height: 40px;
  border: 2px solid #B6C0C0;
}

.btn-ol-md-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.btn-ol-md-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-ol-md-red {
  min-width: 96px;
  height: 40px;
}

.btn-ol-md-vermilion {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #F26430;
}
.btn-ol-md-vermilion:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-ol-md-vermilion {
  min-width: 96px;
  height: 40px;
}

.btn-ol-md-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FC7D55;
}
.btn-ol-md-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-ol-md-orange {
  min-width: 96px;
  height: 40px;
}

.btn-ol-md-green {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #2BB874;
}
.btn-ol-md-green:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-ol-md-green {
  min-width: 96px;
  height: 40px;
}

.btn-ol-smd-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8DCA;
}
.btn-ol-smd-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-ol-smd-blue {
  min-width: 104px;
  height: 26px;
  border: 2px solid #3A8DCA;
}

.btn-ol-smd-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #B6C0C0;
}
.btn-ol-smd-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-ol-smd-gray {
  min-width: 104px;
  height: 26px;
  border: 2px solid #B6C0C0;
}

.btn-ol-smd-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.btn-ol-smd-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-ol-smd-red {
  min-width: 104px;
  height: 26px;
}

.btn-ol-smd-vermilion {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #F26430;
}
.btn-ol-smd-vermilion:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-ol-smd-vermilion {
  min-width: 104px;
  height: 26px;
}

.btn-ol-smd-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FC7D55;
}
.btn-ol-smd-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-ol-smd-orange {
  min-width: 104px;
  height: 26px;
}

.btn-ol-smd-green {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #2BB874;
}
.btn-ol-smd-green:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-ol-smd-green {
  min-width: 104px;
  height: 26px;
}

.btn-ol-sm-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8DCA;
}
.btn-ol-sm-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-ol-sm-blue {
  min-width: 80px;
  height: 32px;
  border: 2px solid #3A8DCA;
}

.btn-ol-sm-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #B6C0C0;
}
.btn-ol-sm-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-ol-sm-gray {
  min-width: 80px;
  height: 32px;
  border: 2px solid #B6C0C0;
}

.btn-ol-sm-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.btn-ol-sm-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-ol-sm-red {
  min-width: 80px;
  height: 32px;
}

.btn-ol-sm-vermilion {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #F26430;
}
.btn-ol-sm-vermilion:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-ol-sm-vermilion {
  min-width: 80px;
  height: 32px;
}

.btn-ol-sm-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FC7D55;
}
.btn-ol-sm-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-ol-sm-orange {
  min-width: 80px;
  height: 32px;
}

.btn-ol-sm-green {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #2BB874;
}
.btn-ol-sm-green:hover {
  opacity: 0.8;
  text-decoration: none;
}
.btn-ol-sm-green {
  min-width: 80px;
  height: 32px;
}

.btn_xsm_blue {
  border-radius: 14.5px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 24px;
  background-color: #3A8DCA;
  color: #ffffff;
}
.btn_xsm_blue:hover {
  opacity: 0.8;
  text-decoration: none;
}

.btn_xsm_gray {
  border-radius: 14.5px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 24px;
  background-color: #B6C0C0;
  color: #ffffff;
}
.btn_xsm_gray:hover {
  opacity: 0.8;
  text-decoration: none;
}

.btn_xsm_red {
  border-radius: 14.5px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 24px;
  background-color: #FF3B30;
  color: #ffffff;
}
.btn_xsm_red:hover {
  opacity: 0.8;
  text-decoration: none;
}

.btn_xsm_vermilion {
  border-radius: 14.5px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 24px;
  background-color: #F26430;
  color: #ffffff;
}
.btn_xsm_vermilion:hover {
  opacity: 0.8;
  text-decoration: none;
}

.btn_xsm_orange {
  border-radius: 14.5px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 24px;
  background-color: #FC7D55;
  color: #ffffff;
}
.btn_xsm_orange:hover {
  opacity: 0.8;
  text-decoration: none;
}

.btn_xsm_green {
  border-radius: 14.5px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 24px;
  background-color: #2BB874;
  color: #ffffff;
}
.btn_xsm_green:hover {
  opacity: 0.8;
  text-decoration: none;
}

.btn_xsm_ol_blue {
  border-radius: 14.5px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 24px;
  background-color: #ffffff;
  color: #3A8DCA;
}
.btn_xsm_ol_blue:hover {
  opacity: 0.8;
  text-decoration: none;
}

.btn_xsm_ol_gray {
  border: 1px solid #C1D0DF;
  border-radius: 14.5px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 24px;
  background-color: #ffffff;
  color: #B6C0C0;
}
.btn_xsm_ol_gray:hover {
  opacity: 0.8;
  text-decoration: none;
}

.btn_xsm_ol_red {
  border: 1px solid #E595A9;
  border-radius: 14.5px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 24px;
  background-color: #ffffff;
  color: #FF3B30;
}
.btn_xsm_ol_red:hover {
  opacity: 0.8;
  text-decoration: none;
}

.btn_xsm_ol_vermilion {
  border: 1px solid #F26430;
  border-radius: 14.5px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 24px;
  background-color: #ffffff;
  color: #F26430;
}
.btn_xsm_ol_vermilion:hover {
  opacity: 0.8;
  text-decoration: none;
}

.btn_xsm_ol_orange {
  border: 1px solid #FC7D55;
  border-radius: 14.5px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 24px;
  background-color: #ffffff;
  color: #FC7D55;
}
.btn_xsm_ol_orange:hover {
  opacity: 0.8;
  text-decoration: none;
}

.btn_xsm_ol_green {
  border: 1px solid #F4F7FA;
  border-radius: 14.5px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 24px;
  background-color: #ffffff;
  color: #2BB874;
}
.btn_xsm_ol_green:hover {
  opacity: 0.8;
  text-decoration: none;
}

button.btn-lg-blue:disabled,
button.btn-lg-blue[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-ol-lg-blue:disabled,
button.btn-ol-lg-blue[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-lg-gray:disabled,
button.btn-lg-gray[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-ol-lg-gray:disabled,
button.btn-ol-lg-gray[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-lg-red:disabled,
button.btn-lg-red[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-ol-lg-red:disabled,
button.btn-ol-lg-red[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-lg-vermilion:disabled,
button.btn-lg-vermilion[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-ol-lg-vermilion:disabled,
button.btn-ol-lg-vermilion[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-lg-orange:disabled,
button.btn-lg-orange[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-ol-lg-orange:disabled,
button.btn-ol-lg-orange[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-lg-green:disabled,
button.btn-lg-green[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-ol-lg-green:disabled,
button.btn-ol-lg-green[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-md-blue:disabled,
button.btn-md-blue[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-ol-md-blue:disabled,
button.btn-ol-md-blue[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-md-gray:disabled,
button.btn-md-gray[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-ol-md-gray:disabled,
button.btn-ol-md-gray[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-md-red:disabled,
button.btn-md-red[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-ol-md-red:disabled,
button.btn-ol-md-red[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-md-vermilion:disabled,
button.btn-md-vermilion[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-ol-md-vermilion:disabled,
button.btn-ol-md-vermilion[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-md-orange:disabled,
button.btn-md-orange[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-ol-md-orange:disabled,
button.btn-ol-md-orange[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-md-green:disabled,
button.btn-md-green[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-ol-md-green:disabled,
button.btn-ol-md-green[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-smd-blue:disabled,
button.btn-smd-blue[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-ol-smd-blue:disabled,
button.btn-ol-smd-blue[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-smd-gray:disabled,
button.btn-smd-gray[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-ol-smd-gray:disabled,
button.btn-ol-smd-gray[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-smd-red:disabled,
button.btn-smd-red[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-ol-smd-red:disabled,
button.btn-ol-smd-red[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-smd-vermilion:disabled,
button.btn-smd-vermilion[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-ol-smd-vermilion:disabled,
button.btn-ol-smd-vermilion[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-smd-orange:disabled,
button.btn-smd-orange[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-ol-smd-orange:disabled,
button.btn-ol-smd-orange[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-smd-green:disabled,
button.btn-smd-green[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-ol-smd-green:disabled,
button.btn-ol-smd-green[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-sm-blue:disabled,
button.btn-sm-blue[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-ol-sm-blue:disabled,
button.btn-ol-sm-blue[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-sm-gray:disabled,
button.btn-sm-gray[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-ol-sm-gray:disabled,
button.btn-ol-sm-gray[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-sm-red:disabled,
button.btn-sm-red[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-ol-sm-red:disabled,
button.btn-ol-sm-red[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-sm-vermilion:disabled,
button.btn-sm-vermilion[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-ol-sm-vermilion:disabled,
button.btn-ol-sm-vermilion[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-sm-orange:disabled,
button.btn-sm-orange[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-ol-sm-orange:disabled,
button.btn-ol-sm-orange[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-sm-green:disabled,
button.btn-sm-green[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn-ol-sm-green:disabled,
button.btn-ol-sm-green[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn_xsm_blue:disabled,
button.btn_xsm_blue[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn_xsm_ol_blue:disabled,
button.btn_xsm_ol_blue[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn_xsm_gray:disabled,
button.btn_xsm_gray[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn_xsm_ol_gray:disabled,
button.btn_xsm_ol_gray[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn_xsm_red:disabled,
button.btn_xsm_red[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn_xsm_ol_red:disabled,
button.btn_xsm_ol_red[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn_xsm_vermilion:disabled,
button.btn_xsm_vermilion[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn_xsm_ol_vermilion:disabled,
button.btn_xsm_ol_vermilion[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn_xsm_orange:disabled,
button.btn_xsm_orange[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn_xsm_ol_orange:disabled,
button.btn_xsm_ol_orange[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn_xsm_green:disabled,
button.btn_xsm_green[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.btn_xsm_ol_green:disabled,
button.btn_xsm_ol_green[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

/* table.scssは テーブルのデザインに関する変更を加えるためのファイルです*/
.table_scroll {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.table_main {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 14px;
  width: 100%;
}
.table_main th {
  text-align: center;
  padding: 12px;
  color: #007966;
  background-color: #EFF9F8;
}
.table_main td {
  text-align: center;
  padding: 12px;
  background-color: #fff;
  vertical-align: middle;
  border-bottom: solid 1px #EFF9F8;
}
.table_main .th_list_xl {
  width: 140px;
}
.table_main .th_list_sm {
  width: 90px;
}
.table_main .th_xl {
  width: 320px;
}
.table_main .th_md {
  width: 200px;
}
.table_main .th_sm {
  width: 100px;
}
.table_main .th_delete {
  width: 90px;
}
.table_main .td_column_start {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.table_main .td_column {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
}
.table_main .td_flex_start {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 4px;
}
.table_main .td_flex {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 8px;
}
.table_main .td_flex_gap_sm {
  display: flex;
  align-items: center;
  gap: 8px;
}
.table_main .td_flex_gap_xl {
  display: flex;
  align-items: center;
  gap: 16px;
}
.table_main .td_grid_gap_24 {
  display: grid;
  gap: 24px;
}
.table_main .td_grid_gap_8 {
  display: grid;
  gap: 8px;
}
.table_main .td_center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.table_main .td_m_auto {
  margin: 0 auto;
}
.table_main .td_mt_8 {
  margin: 8px auto 0;
}
.table_main .td_form {
  padding: 16px;
  width: 100%;
  text-align: left;
  border: solid 1px #B6C0C0;
  border-radius: 8px;
}
.table_main .td_form::placeholder {
  color: #B6C0C0;
  font-size: 14px;
}
.table_main .td_form_sm {
  padding: 8px 12px;
  width: 100%;
  text-align: left;
  border: solid 1px #B6C0C0;
  border-radius: 8px;
}
.table_main .td_form_sm::placeholder {
  color: #B6C0C0;
  font-size: 14px;
}
.table_main .td_file {
  padding: 16px;
  color: #B6C0C0;
  border: dashed 1px #B6C0C0;
  border-radius: 8px;
  cursor: pointer;
}
.table_main .td_file .display_none {
  display: none;
}
.table_main .td_file_sm {
  padding: 8px 12px;
  color: #B6C0C0;
  border: dashed 1px #B6C0C0;
  border-radius: 8px;
  cursor: pointer;
}
.table_main .td_file_sm .display_none {
  display: none;
}
.table_main .td_select {
  position: relative;
  width: 100%;
}
.table_main .td_select select {
  position: relative;
  width: 100%;
  text-align: left;
  padding: 21px;
  border: solid 1px #B6C0C0;
  border-radius: 8px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.table_main .td_select:after {
  content: "";
  position: absolute;
  right: 24px;
  top: 36px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #3A8DCA;
  border-left: 2px solid #3A8DCA;
  pointer-events: none;
  transform: translateY(-50%) rotate(-135deg);
}
.table_main .td_rectangle_xl {
  width: 260px;
  height: 184px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  color: #B6C0C0;
  border: dashed 1px #B6C0C0;
  border-radius: 8px;
  font-size: 11px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.table_main .td_rectangle_xl .display_none {
  display: none;
}
.table_main .td_rectangle_sm {
  width: 160px;
  height: 120px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  color: #B6C0C0;
  border: dashed 1px #B6C0C0;
  border-radius: 8px;
  font-size: 11px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.table_main .td_rectangle_sm .display_none {
  display: none;
}
.table_main .td_square_xl {
  width: 104px;
  height: 104px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  color: #B6C0C0;
  border: dashed 1px #B6C0C0;
  border-radius: 8px;
  font-size: 11px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.table_main .td_square_xl .display_none {
  display: none;
}
.table_main .td_square_sm {
  width: 70px;
  height: 70px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  color: #B6C0C0;
  border: dashed 1px #B6C0C0;
  border-radius: 8px;
  font-size: 11px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.table_main .td_square_sm .display_none {
  display: none;
}
.table_main .td_square_sm {
  flex-direction: column;
}
.table_main .td_delete {
  color: #FF3B30;
}

.table_category_head {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.table_category_head .head_title {
  font-size: 20px;
}
@media (max-width: 424px) {
  .table_category_head .head_title {
    font-size: 15px;
  }
}
.table_category_head .head_flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
}
.table_category_head .head_title_btn {
  font-size: 15px;
}
@media (max-width: 424px) {
  .table_category_head .head_title_btn {
    font-size: 13px;
  }
}
.table_category_body {
  background-color: #fff;
  border-radius: 16px;
  margin-top: 4px;
  padding: 24px;
}
.table_category_body .body_flex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
@media (max-width: 424px) {
  .table_category_body .body_flex {
    width: 100%;
  }
}
.table_category_body .body_form {
  padding: 16px;
  width: 260px;
  text-align: left;
  border: solid 1px #B6C0C0;
  border-radius: 8px;
}
.table_category_body .body_form::placeholder {
  color: #B6C0C0;
  font-size: 14px;
}
@media (max-width: 424px) {
  .table_category_body .body_form {
    padding: 16px;
    width: 100%;
    text-align: left;
    border: solid 1px #B6C0C0;
    border-radius: 8px;
  }
  .table_category_body .body_form::placeholder {
    color: #B6C0C0;
    font-size: 14px;
  }
}

.table_add {
  display: flex;
  justify-content: end;
  color: #F4F7FA;
  font-size: 14px;
  margin-top: 12px;
}

.table_menu_title {
  font-size: 16px;
  margin-bottom: 4px;
}
.table_menu_title span {
  font-size: 14px;
  margin-left: 16px;
  color: #B6C0C0;
}

.table_menu {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 14px;
  width: 100%;
}
.table_menu .bg_activity {
  background-color: #38BDCF;
}
.table_menu .bg_meal {
  background-color: #37CF98;
}
.table_menu th {
  padding: 12px 4px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}
.table_menu td {
  padding: 12px 4px;
  text-align: center;
  vertical-align: middle;
  background-color: #fff;
}
.table_menu .th_xl {
  width: 280px;
}
.table_menu .th_md {
  width: 190px;
}
.table_menu .th_sm {
  width: 160px;
}
.table_menu .th_form_xl {
  width: 139px;
}
.table_menu .th_form_md {
  width: 80px;
}
.table_menu .th_flex {
  display: flex;
  justify-content: space-around;
}
.table_menu .with_24 {
  width: 24px;
}
.table_menu .th_delete {
  width: 60px;
}
.table_menu .td_form_sm {
  padding: 8px 12px;
  width: 100%;
  text-align: left;
  border: solid 1px #B6C0C0;
  border-radius: 8px;
}
.table_menu .td_form_sm::placeholder {
  color: #B6C0C0;
  font-size: 14px;
}
.table_menu .td_select {
  position: relative;
  width: 100%;
}
.table_menu .td_select select {
  position: relative;
  width: 100%;
  text-align: left;
  padding: 12px;
  border: solid 1px #B6C0C0;
  border-radius: 8px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table_menu .td_select:after {
  content: "";
  position: absolute;
  right: 8px;
  top: 18px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #3A8DCA;
  border-left: 2px solid #3A8DCA;
  pointer-events: none;
  transform: translateY(-50%) rotate(-135deg);
}
.table_menu .td_delete {
  color: #FF3B30;
}
.table_menu input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  background-clip: content-box;
  border: 1px solid #C1D0DF;
  cursor: pointer;
  position: relative;
  border-radius: 3px;
}
.table_menu input[type=checkbox]:after {
  content: "";
  position: absolute;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  left: 7px;
  top: 3px;
  width: 8px;
  height: 12px;
  transform: rotate(45deg);
  opacity: 0;
}
.table_menu input[type=checkbox]:checked:after {
  opacity: 1;
}
.table_menu input[type=checkbox]:checked {
  background-color: #3A8DCA;
  border: 1px solid #3A8DCA;
}

.btn_sm_mt {
  margin-top: 12px;
}

.form_with_100 {
  width: 100%;
  height: 100px;
  background-color: #fff;
  border-color: #fff;
  padding: 16px 24px;
  border-radius: 10px;
}
.form_with_100::placeholder {
  color: #B6C0C0;
}

::-webkit-full-page-media, :future, :root .table_menu .td_select select {
  padding: 8px 12px;
}

.c_modal {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 1;
  font-weight: 600;
}
.c_modal_bg {
  width: 100%;
  height: 100%;
  background-color: #2a3d72;
  opacity: 0.5;
}
.c_modal_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 636px;
  overflow: auto;
  padding: 40px 49px;
  background: #fff;
  border-radius: 20px;
}
@media (max-width: 768px) {
  .c_modal_inner {
    top: 46%;
    padding: 36px;
    width: 90%;
  }
}
.c_modal_inner_content {
  color: #3A8DCA;
  margin-bottom: 40px;
  text-align: center;
  font-size: 18px;
  white-space: normal;
}
@media (max-width: 768px) {
  .c_modal_inner_content {
    font-size: 13px;
    margin: 48px 0;
  }
}
.c_modal_inner_title {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.c_modal_inner_form_title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}
.c_modal_icon {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
}
.c_modal_inner_contain_form {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 813px;
  overflow: auto;
  padding: 16px 0 0 0;
  background: #fff;
  border-radius: 20px;
}
@media (max-width: 768px) {
  .c_modal_inner_contain_form {
    top: 46%;
    width: 90%;
  }
}
.c_modal .batsu_btn {
  position: absolute;
  cursor: pointer;
  top: 20px;
  right: 30px;
  padding: 12px 12px;
}
.c_modal .batsu_btn::before, .c_modal .batsu_btn::after { /* 共通設定 */
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px; /* 棒の幅（太さ） */
  height: 18px; /* 棒の高さ */
  background: #3A8DCA;
}
.c_modal .batsu_btn::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.c_modal .batsu_btn::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.flex-center {
  display: flex;
  justify-content: center;
  column-gap: 1rem;
}

.search_modal {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 1;
  font-weight: 600;
  background-color: rgba(43, 62, 115, 0.5019607843);
}
.search_modal_content {
  display: flex;
  flex-direction: column;
  background-color: white;
  border-radius: 20px;
  width: 50%;
}
.search_modal_top {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  padding: 1rem 0;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #B6C0C0;
}
.search_modal_close {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
}

.delete_modal {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 1;
  font-weight: 600;
  background-color: rgba(43, 62, 115, 0.5019607843);
}
.delete_modal_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 20px;
  padding: 40px;
}
.delete_modal_msg {
  display: flex;
}
.delete_modal_action {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  margin-top: 1rem;
}
.delete_modal_action > button {
  margin-right: 13px;
}

.font-hira-sans {
  font-family: Hiragino Sans;
}

.text-header {
  font-family: Hiragino Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #000;
}

.text-header3 {
  font-family: Hiragino Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  color: #000;
}

.text-header2 {
  font-family: Hiragino Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  color: #000;
}

.text-subheader {
  font-family: Hiragino Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  color: #000;
}

.text-subheader2 {
  font-family: Hiragino Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #000;
}

.text, .link {
  font-family: Hiragino Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #000;
}

.text_red {
  font-family: Hiragino Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #FF3B30;
}

.memo {
  font-family: Hiragino Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  color: #000;
}

.link {
  color: #4B9D97;
  text-decoration: underline;
}

.form-calendar {
  background-image: url(/assets/icons/calendar_month-4549df59e201a604dd70513a0169098c99f4e19760e598f76e8c376b8558846f.svg);
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
}

.form-calendar[disabled] {
  background-image: url(/assets/icons/calendar_month_disabled-3124465c8781df4143974550d684fdfab4c7df6b1a0841f67852cef08467e0c1.svg);
}

.form-arrow-down {
  background-image: url(/assets/icons/arrow-down-95924b26d6aafa296bf38a3ce410c7c52301ad1ad9c526763666993a55a3c474.svg);
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}

.form-arrow-down[disabled] {
  background-image: url(/assets/icons/arrow-down-disabled-55ebfcdc0bf0ee3175aa68d9e7c2f5778b05c83a1eb255e025239e93e956be78.svg);
}

.flash_error .error {
  color: #FF3B30;
}

.masked_field {
  -webkit-text-security: disc;
}

.health-guidance-intake .health-guidance-intake {
  overflow-x: hidden;
}
.health-guidance-intake .select2-container--default.select2_no_search_small {
  width: 120px !important;
}
.health-guidance-intake .hgi-confirm-actions {
  gap: 1.8rem;
}
@media (min-width: 768px) {
  .health-guidance-intake .hgi-confirm-actions {
    gap: 10.5rem;
  }
}
@media (min-width: 1200px) {
  .health-guidance-intake .hgi-confirm-actions {
    gap: 12.5rem;
  }
}
.health-guidance-intake .hgi-list-item {
  display: block;
  padding-left: 1.5em;
  text-indent: -1.5em;
  margin-bottom: -20px;
}
.health-guidance-intake .hgi-sub-list-item {
  display: block;
  padding-left: 3em;
  text-indent: -1.5em;
  margin-bottom: -20px;
}
.health-guidance-intake .hgi-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  accent-color: transparent;
  display: inline-block;
  width: 19px !important;
  height: 19px !important;
  min-width: 19px;
  border: 1px solid #B6C0C0 !important;
  border-radius: 0;
  cursor: pointer;
  position: relative;
  background-color: #FFFFFF;
  box-shadow: none;
}
.health-guidance-intake .hgi-checkbox::after {
  content: "";
  position: absolute;
  border: solid #3A8DCA;
  border-width: 0 2.5px 2.5px 0;
  left: 5px;
  top: 2.4px;
  width: 6px;
  height: 10px;
  transform: rotate(45deg);
  opacity: 0;
}
.health-guidance-intake .hgi-checkbox:checked {
  border-color: #3A8DCA;
}
.health-guidance-intake .hgi-checkbox:checked::after {
  opacity: 1;
}
.health-guidance-intake .hgi-input-error {
  border: 1px solid #FF3B30 !important;
}
.health-guidance-intake .hgi-input-error:focus, .health-guidance-intake .hgi-input-error:hover {
  border-color: #FF3B30 !important;
}
.health-guidance-intake .hgi-error-message {
  font-family: "Hiragino Sans", "ヒラギノ角ゴシック", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 150%;
  color: #FF3B30;
  margin-bottom: 4px;
}
.health-guidance-intake .hgi-input {
  transition: border-color 0.2s ease-in-out;
  padding: 12px 8px;
  border-radius: 10px;
}
.health-guidance-intake .hgi-input:focus {
  outline: none;
  border: 1px solid #3A8DCA !important;
}
.health-guidance-intake .hgi-input:hover {
  border: 1px solid #3A8DCA !important;
}
.health-guidance-intake .hgi-input::placeholder {
  color: #B6C0C0;
  font-size: 16px;
  font-weight: 400;
}
.health-guidance-intake select.hgi-input:required:invalid {
  color: #B6C0C0;
}
.health-guidance-intake select.hgi-input:required:valid {
  color: #000;
}
.health-guidance-intake .hgi-submit-button {
  background-color: #3A8DCA;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
.health-guidance-intake .hgi-submit-button-disabled {
  background-color: #B6C0C0 !important;
  cursor: not-allowed;
}
.health-guidance-intake input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 18px;
  width: 18px;
  min-width: 18px;
  border-radius: 50%;
  border: 1px solid #B6C0C0;
  display: inline-block;
  position: relative;
  background-color: white;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 3px;
}
.health-guidance-intake input[type=radio]:checked {
  border-color: #3A8DCA;
}
.health-guidance-intake input[type=radio]:checked:after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #3A8DCA;
}
.health-guidance-intake label[for*=subprogram_code] {
  font-family: "Hiragino Sans";
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  cursor: pointer;
  display: inline-block;
}
.health-guidance-intake .hgi-header {
  background-color: #F4F7FA;
}
.health-guidance-intake .hgi-stepper .hgi-clip-path-wrapper {
  width: 98px;
  height: 50px;
  background-color: #3A8DCA;
  display: flex;
  justify-content: center;
  align-items: center;
  clip-path: polygon(0 0, 93% 0, 100% 50%, 93% 100%, 0 100%);
}
.health-guidance-intake .hgi-stepper .hgi-clip-path {
  color: #FFFFFF;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: #3A8DCA;
  clip-path: polygon(0 0, 93% 0, 99.5% 50%, 93% 99.5%, 0 100%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.health-guidance-intake .hgi-stepper .hgi-clip-path--inactive {
  background-color: #FFFFFF;
  color: #3A8DCA;
}
.health-guidance-intake .hgi-stepper .hgi-stepper-label {
  font-family: "Hiragino Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .health-guidance-intake .hgi-stepper .hgi-clip-path-wrapper {
    width: 208px;
    height: 40px;
  }
  .health-guidance-intake .hgi-stepper .hgi-stepper-label {
    font-size: 20px;
  }
}
.health-guidance-intake {
  font-family: "Hiragino Sans", "ヒラギノ角ゴシック", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.contact-page {
  width: 100%;
  min-height: 100vh;
  padding: 28px 16px 60px;
  background: #ffffff;
}
@media (max-width: 640px) {
  .contact-page {
    padding: 22px 14px 40px;
  }
}
.contact-container {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
}
.contact-title {
  margin: 0;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #2f465d;
  letter-spacing: 0.02em;
}
@media (max-width: 640px) {
  .contact-title {
    font-size: 18px;
  }
}
.contact-lead {
  margin: 20px 0 10px;
  text-align: center;
  font-size: 12px;
  line-height: 1.8;
  color: #4c5661;
}
@media (max-width: 640px) {
  .contact-lead {
    margin-top: 16px;
  }
}
.contact-form {
  margin-top: 10px;
}
.contact-row {
  display: flex;
  gap: 40px;
}
@media (max-width: 640px) {
  .contact-row {
    flex-direction: column;
    gap: 0;
  }
}
.contact-field {
  margin-top: 14px;
}
@media (max-width: 640px) {
  .contact-field {
    margin-top: 12px;
  }
}
.contact-field.half {
  flex: 1;
  min-width: 0;
}
.contact-field.full {
  width: 100%;
}
.contact-label {
  display: inline-block;
  margin-bottom: 6px;
  font-size: 12px;
  color: #333;
}
.contact-required {
  color: #ff4d4f;
  margin-left: 2px;
  font-weight: 700;
}
.contact-error {
  margin-top: 3px;
  font-size: 11px;
  color: #ff4d4f;
  line-height: 1.5;
}
.contact-global-error {
  margin-top: 14px;
  font-size: 12px;
  color: #ff4d4f;
}
.contact-checkbox-group {
  margin-top: 2px;
}
.contact-checkbox-item {
  display: block;
  margin: 4px 0;
  font-size: 12px;
  color: #333;
}
@media (max-width: 640px) {
  .contact-checkbox-item {
    margin: 8px 0;
  }
}
.contact-checkbox-item input {
  margin-right: 6px;
  vertical-align: middle;
}
.contact-privacy-text {
  margin-top: 12px;
  font-size: 12px;
}
.contact-privacy-text a {
  color: #1a46b8;
  text-decoration: underline;
}
.contact-submit-wrap {
  text-align: center;
  margin-top: 26px;
}
.contact-input, .contact-textarea {
  width: 100%;
  border: 1px solid #B6C0C0;
  background: #fafafa;
  color: #333;
  border-radius: 0;
  outline: none;
  font-size: 14px;
  padding: 8px 10px;
}
.contact-input.error, .contact-textarea.error {
  border-color: #e57373;
}
.contact-input {
  height: 32px;
}
@media (max-width: 640px) {
  .contact-input {
    height: 40px;
  }
}
.contact-textarea {
  min-height: 60px;
  resize: vertical;
}
@media (max-width: 640px) {
  .contact-textarea {
    min-height: 100px;
  }
}
.contact-submit-btn {
  min-width: 60px;
  height: 30px;
  padding: 0 16px;
  border: none;
  background: #10c410;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.contact-submit-btn:hover {
  opacity: 0.95;
}
@media (max-width: 640px) {
  .contact-submit-btn {
    height: 42px;
    min-width: 100px;
    font-size: 14px;
  }
}

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open, .flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before, .flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { /*
/*rtl:begin:ignore*/
  left: 0;
} /*
/*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { /*
/*rtl:begin:ignore*/
  right: 0;
} /*
/*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input, .numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0 ;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer, .flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: #999;
}

.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
  padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: #fff;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.simple-calendar {
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.simple-calendar .schedule-table {
  width: 100%;
  border-collapse: collapse;
}
.simple-calendar .legend-button {
  color: white;
  border-radius: 10px;
  padding: 10px;
  height: 40px;
  width: 104px;
}
.simple-calendar .legend-button-available {
  background-color: #3A8DCA;
}
.simple-calendar .legend-button-unavailable {
  background-color: #FC7D55;
}
.simple-calendar .schedule-table thead {
  display: table;
  width: 100%;
  table-layout: fixed; /* Ensures columns have fixed width */
  border-collapse: collapse;
}
.simple-calendar .schedule-table tbody {
  display: block;
  max-height: 488px;
  overflow-y: auto;
  width: 100%;
}
.simple-calendar .schedule-table th, .simple-calendar .schedule-table td {
  text-align: left;
  border-collapse: collapse;
}
.simple-calendar .schedule-table tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.simple-calendar tr td:first-child, .simple-calendar tr th:first-child {
  padding-right: 16px;
}
.simple-calendar tr th:first-child {
  width: 70px;
}
.simple-calendar .calendar-heading {
  display: flex;
  column-gap: 32px;
  align-items: center;
}
.simple-calendar .calendar-heading div {
  display: flex;
  column-gap: 24px;
}
.simple-calendar #date-picker {
  display: none;
}
.simple-calendar #date-icon {
  cursor: pointer;
}
.simple-calendar .calendar-title {
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  display: flex;
  column-gap: 16px;
}
.simple-calendar .today-link {
  padding: 8px 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #B6C0C0;
  border-radius: 4px;
}
.simple-calendar th {
  text-align: center;
  font-weight: normal;
  font-size: 14px;
}
.simple-calendar .day-names-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: center;
}
.simple-calendar .day-names-container span:first-child {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
}
.simple-calendar .day {
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}
.simple-calendar .event-block {
  height: 64px;
  border: 1px solid #B6C0C0;
  border-bottom-width: 0;
  padding: 8px;
}
.simple-calendar tbody tr:last-child .event-block {
  border-bottom-width: 1px;
}
.simple-calendar .event-block-pr {
  height: 64px;
  border: 1px solid #B6C0C0;
  border-bottom-width: 0;
  padding: 8px;
}
@media (max-width: 768px) {
  .simple-calendar .event-block-pr {
    padding: 2px;
  }
}
.simple-calendar tbody tr:last-child .event-block-pr {
  border-bottom-width: 1px;
}
.simple-calendar tr td:first-child {
  width: 70px;
  font-weight: normal;
  line-height: 200%;
  font-size: 12px;
}
.simple-calendar .schedule-block {
  width: calc(100% - 16px);
  border-radius: 10px;
  display: flex;
  padding: 8px 16px;
  flex-direction: column;
  color: white;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
}
.simple-calendar .schedule-block-pr {
  width: calc(100% - 16px);
  border-radius: 10px;
  display: flex;
  padding: 8px 16px;
  flex-direction: column;
  color: white;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 992px) {
  .simple-calendar .schedule-block-pr {
    width: calc(100% - 2px);
    padding: 2px;
    border-radius: 6px;
  }
}
.simple-calendar .today-link-rs {
  padding: 8px 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #B6C0C0;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .simple-calendar .today-link-rs {
    padding: 8px;
  }
}
.simple-calendar .unavailable-schedule {
  background-color: #FC7D55;
}
.simple-calendar .available-schedule {
  background-color: #3A8DCA;
}
.simple-calendar .today {
  background-color: #3A8DCA;
  color: white;
  border-radius: 50%;
  margin: 4px 52px;
  padding: 5px 14px;
  display: flex;
  align-items: center;
  width: 40px;
}
.participant_sidebar {
  width: 240px;
  height: 100vh;
  position: fixed;
  overflow-y: scroll;
  padding: 20px 16px;
  background-color: #FFFFFF;
  border-right: 1px solid #FF6B00;
  z-index: 100;
}
@media (max-width: 768px) {
  .participant_sidebar {
    display: none;
  }
}
.participant_sidebar_logo {
  height: 48px;
  margin: auto;
  margin-bottom: 24px;
  display: flex;
  justify-items: center;
  text-align: center;
}
.participant_sidebar_logo img {
  height: auto;
  max-width: 160px;
}
@media (max-width: 768px) {
  .participant_sidebar_logo img {
    max-width: none;
  }
}
.participant_sidebar_line {
  border-bottom: solid 1px #C1D0DF;
}
.participant_sidebar_navgroup {
  display: grid;
  row-gap: 12px;
  font-size: 18px;
  height: 100%;
}
.participant_sidebar_nav_on {
  display: flex;
  padding: 8px 16px;
  cursor: pointer;
}
.participant_sidebar_nav_on .nav_icon {
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 4px 12px 0 0;
}
.participant_sidebar_nav_on {
  color: #FFFFFF;
  background-color: #FF6B00;
  border-radius: 10px;
  height: 48px;
  font-size: 20px;
  padding: 8px 20px;
  text-align: center;
}
.participant_sidebar_nav {
  display: flex;
  padding: 8px 16px;
  cursor: pointer;
}
.participant_sidebar_nav .nav_icon {
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 4px 12px 0 0;
}
.participant_sidebar_nav {
  color: #667085;
  border-radius: 10px;
  height: 48px;
  font-size: 20px;
  padding: 8px 20px;
  text-align: center;
  font-weight: 600;
}
.participant_sidebar .nav_title {
  display: flex;
  justify-content: left;
  align-items: center;
}
.participant_menu {
  display: none;
  align-items: center;
  height: 52px;
  background-color: #FFFFFF;
}
@media (max-width: 768px) {
  .participant_menu {
    display: flex;
  }
}
.participant_menu_logo {
  width: 150px;
  margin-left: 54px;
}
.participant_menu #participant_menu_check {
  display: none;
}
.participant_menu_open {
  display: flex;
  height: 52px;
  width: 60px;
  justify-content: center;
  align-items: center;
  z-index: 20;
  cursor: pointer;
  position: fixed;
  top: 0;
  left: 0;
}
.participant_menu .participant_menu_open span,
.participant_menu .participant_menu_open span:before,
.participant_menu .participant_menu_open span:after {
  content: "";
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #FF6B00;
  transition: 0.5s;
  position: absolute;
}
.participant_menu .participant_menu_open span:before {
  bottom: 8px;
}
.participant_menu .participant_menu_open span:after {
  top: 8px;
}
.participant_menu #participant_menu_check:checked ~ .participant_menu_open span {
  background: rgba(255, 255, 255, 0);
}
.participant_menu #participant_menu_check:checked ~ .participant_menu_open span::before {
  bottom: 0;
  transform: rotate(45deg);
}
.participant_menu #participant_menu_check:checked ~ .participant_menu_open span::after {
  top: 0;
  transform: rotate(-45deg);
}
.participant_menu_navgroup {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: scroll;
  top: 0;
  left: -100%;
  z-index: 10;
  background: #FFFFFF;
  transition: 0.5s;
  padding: 60px 10%;
  box-sizing: border-box;
  text-align: center;
}
.participant_menu .participant_menu_whole .participant_menu_navgroup {
  margin: 0 0 20px 0;
  padding: 52px 16px;
}
.participant_menu #participant_menu_check:checked ~ .participant_menu_navgroup {
  left: 0;
}
.participant_bottom_option {
  display: flex;
  justify-self: center;
  align-items: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.8px;
  text-decoration: underline;
  text-wrap: none;
}

.participant_header {
  width: 100%;
  height: 70px;
  background-color: #FFF8E5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}
@media (max-width: 768px) {
  .participant_header {
    height: 50px;
  }
}
.participant .parent_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px;
  margin: 0 48px;
  color: #000;
}
@media (max-width: 768px) {
  .participant .parent_header {
    height: 50px;
    margin: 0 16px;
  }
}
.participant .parent_header_title {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}
@media (max-width: 768px) {
  .participant .parent_header_title {
    font-size: 16px;
  }
}
.participant .parent_header .user {
  display: flex;
  align-items: center;
  cursor: default;
  height: 100%;
  gap: 8px;
}
.participant .parent_header .user:hover .dropdown {
  display: block;
}
.participant .parent_header .user .dropdown {
  display: none;
  width: 284px;
  height: fit-content;
  padding: 16px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 62px;
  right: 40px;
  z-index: 50;
}
@media (max-width: 768px) {
  .participant .parent_header .user .dropdown {
    top: 42px;
    right: 16px;
  }
}
.participant .parent_header .user .dropdown_list {
  color: #000;
  font-size: 14px;
  border-radius: 8px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.participant .parent_header .user .dropdown_list:hover {
  color: #FF6B00;
}
.participant .parent_header .user .dropdown_list a {
  width: 100%;
  padding: 1rem;
}
.participant .parent_header .user .dropdown_lists {
  list-style: none;
  margin: 0;
  padding: 0;
}
.participant .parent_header .user .dropdown_list_a {
  display: block;
  align-items: flex-start;
  width: 100%;
  padding: 1rem;
}
.participant .parent_header .user .dropdown_line {
  border-bottom: solid 1px #B6C0C0;
}
.participant .parent_header .user_icon {
  margin-right: 12px;
  font-size: 2.5em;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  background-color: #fff;
}
@media (max-width: 768px) {
  .participant .parent_header .user_icon {
    font-size: 2em;
    margin-right: 6px;
  }
}
.participant .parent_header .user_name {
  font-size: 18px;
}
@media (max-width: 768px) {
  .participant .parent_header .user_name {
    font-size: 14px;
  }
}
.participant .parent_header .user_authority {
  font-size: 12px;
  color: #DAF2EF;
}
@media (max-width: 768px) {
  .participant .parent_header .user_authority {
    font-size: 10px;
  }
}
.participant .parent_header .user .triangle {
  position: absolute;
  right: 20px;
  top: 32px;
  width: 0px;
  height: 0px;
  border: 5px solid;
  border-color: #000 transparent transparent transparent;
}

/* main.scssは 変更を加えると全体のcssに影響するため、要注意*/
/* 全体に関わらないcssはここに書かないこと*/
.participant_main {
  width: 100vw;
  height: 100vh; /* 高さを指定しないとheaderのposition: sticky;が効かない */
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .participant_main {
    padding-left: 0;
  }
}
.participant_article {
  flex-grow: 1;
  width: 100%;
}

.parti-select2 .flatpickr-day.selected {
  border: none;
  background-color: #FF6B00 !important;
  color: #ffffff !important;
}

.parti-select2 .flatpickr-day.selected {
  border: none;
  background-color: #FF6B00 !important;
  color: #ffffff !important;
}

.parti-select2 .flatpickr-months .flatpickr-prev-month svg,
.parti-select2 .flatpickr-months .flatpickr-next-month svg {
  fill: #FF6B00 !important;
}

.parti-select2 .flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(/assets/icons/calender-arrow-down-orange.svg);
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 12px 10px;
  padding-right: 24px;
}

.parti-select2 #full_calendar .today {
  background-color: #FF6B00;
  color: white;
  display: flex;
  align-items: center;
  width: 40px;
  border-radius: 50%;
}

.parti-select2 .full-calendar-event-block {
  background: white;
}
@media (max-width: 768px) {
  .parti-select2 .full-calendar-event-block {
    background: #FF6B00;
  }
}
.parti-select2 .full-calendar-event-block {
  border: 2px solid #FF6B00 !important;
}

.parti-select2 .fc-event-main {
  display: flex;
  align-items: center;
  justify-content: center;
}

.parti-select2 .full-calendar-event-block .fc-event-main {
  color: #FF6B00 !important;
}

.hover-bg-red {
  --fc-list-event-hover-bg-color: #FF3B30;
}

.parti-select2 #full_calendar .event-block {
  color: white !important;
}

.speech-bubble {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  border: 1px solid var(--speech-border, #ff6b00);
  border-radius: 8px;
  background-color: var(--speech-bg, #fff8e5);
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
}

.speech-bubble::before {
  content: "";
  position: absolute;
  top: 51%;
  right: 0;
  border-style: solid;
  border-width: 20px 0 0 20px;
  border-color: transparent transparent transparent var(--speech-border, #ff6b00);
  translate: 100% -50%;
  transform: skew(0, -4deg);
  transform-origin: left;
}

.speech-bubble::after {
  content: "";
  position: absolute;
  top: 51%;
  right: 0;
  border-style: solid;
  border-width: 17.6px 0 0 17.6px;
  border-color: transparent transparent transparent var(--speech-bg, #fff8e5);
  translate: 100% calc(-50% + 0.2px);
  transform: skew(0, -4deg);
  transform-origin: left;
}

@media (max-width: 767px) {
  .speech-bubble {
    margin-bottom: 20px;
    margin-right: 0; /* remove side margin if needed */
  }
  .speech-bubble::before {
    top: auto;
    bottom: 0;
    left: 50%;
    right: auto;
    border-width: 20px 21px 0 0;
    border-color: var(--speech-border, #ff6b00) transparent transparent transparent;
    translate: -50% 100%;
    transform: none;
  }
  .speech-bubble::after {
    top: auto;
    bottom: 0;
    left: 50%;
    right: auto;
    border-width: 17.7px 18.6px 0 0;
    border-color: var(--speech-bg, #fff8e5) transparent transparent transparent;
    translate: calc(-50% - 0.2px) 100%;
    transform: none;
  }
}
.speech-bubble-right-aligned {
  border-bottom-right-radius: 0;
}

.speech-bubble-right-aligned::after {
  top: 92.2%;
}

@media (max-width: 767px) {
  .speech-bubble-right-aligned::after {
    top: auto;
    left: 50%;
    border-width: 20px 10px 0 10px;
    translate: -50% 100%;
  }
}
/* button.scssは ボタンの色に関する変更を加えるためのファイルです*/
/**
 * Mixin for styling buttons.
 *
 * @param {Map} $dimensions - The dimensions of the button. It should be a map with the keys "max-width" and "height".
 * @param {Color} $color - The font color of the button.
 * @param {Color} $back-color - The background color of the button.
 */
.parti_btn-xlg-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8CC9;
  color: #fff;
}
.parti_btn-xlg-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xlg-blue {
  width: 100%;
  max-width: 300px;
  height: 48px;
  border: none;
}

.parti_btn-xlg-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.parti_btn-xlg-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xlg-red {
  width: 100%;
  max-width: 300px;
  height: 48px;
  border: none;
}

.parti_btn-xlg-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #8DAFC8;
  color: #fff;
}
.parti_btn-xlg-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xlg-gray {
  width: 100%;
  max-width: 300px;
  height: 48px;
  border: none;
}

.parti_btn-xlg-dark-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF6B00;
  color: #fff;
}
.parti_btn-xlg-dark-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xlg-dark-orange {
  width: 100%;
  max-width: 300px;
  height: 48px;
  border: none;
}

.parti_btn-xlg-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #f97316;
  color: #fff;
}
.parti_btn-xlg-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xlg-orange {
  width: 100%;
  max-width: 300px;
  height: 48px;
  border: none;
}

.parti_btn-xlg-white {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-xlg-white:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xlg-white {
  width: 100%;
  max-width: 300px;
  height: 48px;
  border: none;
}

.parti_btn-xlg-gray2 {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #E6E6E6;
  color: #fff;
}
.parti_btn-xlg-gray2:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xlg-gray2 {
  width: 100%;
  max-width: 300px;
  height: 48px;
  border: none;
}

.parti_btn-lg-full-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8CC9;
  color: #fff;
}
.parti_btn-lg-full-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-blue {
  width: 100%;
  max-width: 100%;
  height: 48px;
  border: none;
}

.parti_btn-lg-full-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.parti_btn-lg-full-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-red {
  width: 100%;
  max-width: 100%;
  height: 48px;
  border: none;
}

.parti_btn-lg-full-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #8DAFC8;
  color: #fff;
}
.parti_btn-lg-full-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-gray {
  width: 100%;
  max-width: 100%;
  height: 48px;
  border: none;
}

.parti_btn-lg-full-dark-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF6B00;
  color: #fff;
}
.parti_btn-lg-full-dark-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-dark-orange {
  width: 100%;
  max-width: 100%;
  height: 48px;
  border: none;
}

.parti_btn-lg-full-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #f97316;
  color: #fff;
}
.parti_btn-lg-full-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-orange {
  width: 100%;
  max-width: 100%;
  height: 48px;
  border: none;
}

.parti_btn-lg-full-white {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-lg-full-white:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-white {
  width: 100%;
  max-width: 100%;
  height: 48px;
  border: none;
}

.parti_btn-lg-full-gray2 {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #E6E6E6;
  color: #fff;
}
.parti_btn-lg-full-gray2:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-gray2 {
  width: 100%;
  max-width: 100%;
  height: 48px;
  border: none;
}

.parti_btn-lg-full-sm-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8CC9;
  color: #fff;
}
.parti_btn-lg-full-sm-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-sm-blue {
  width: 100%;
  height: 40px;
  border: none;
}

.parti_btn-lg-full-sm-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.parti_btn-lg-full-sm-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-sm-red {
  width: 100%;
  height: 40px;
  border: none;
}

.parti_btn-lg-full-sm-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #8DAFC8;
  color: #fff;
}
.parti_btn-lg-full-sm-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-sm-gray {
  width: 100%;
  height: 40px;
  border: none;
}

.parti_btn-lg-full-sm-dark-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF6B00;
  color: #fff;
}
.parti_btn-lg-full-sm-dark-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-sm-dark-orange {
  width: 100%;
  height: 40px;
  border: none;
}

.parti_btn-lg-full-sm-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #f97316;
  color: #fff;
}
.parti_btn-lg-full-sm-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-sm-orange {
  width: 100%;
  height: 40px;
  border: none;
}

.parti_btn-lg-full-sm-white {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-lg-full-sm-white:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-sm-white {
  width: 100%;
  height: 40px;
  border: none;
}

.parti_btn-lg-full-sm-gray2 {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #E6E6E6;
  color: #fff;
}
.parti_btn-lg-full-sm-gray2:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-sm-gray2 {
  width: 100%;
  height: 40px;
  border: none;
}

.parti_btn-lg-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8CC9;
  color: #fff;
}
.parti_btn-lg-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-blue {
  width: 100%;
  max-width: 336px;
  height: 48px;
  border: none;
}

.parti_btn-lg-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.parti_btn-lg-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-red {
  width: 100%;
  max-width: 336px;
  height: 48px;
  border: none;
}

.parti_btn-lg-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #8DAFC8;
  color: #fff;
}
.parti_btn-lg-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-gray {
  width: 100%;
  max-width: 336px;
  height: 48px;
  border: none;
}

.parti_btn-lg-dark-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF6B00;
  color: #fff;
}
.parti_btn-lg-dark-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-dark-orange {
  width: 100%;
  max-width: 336px;
  height: 48px;
  border: none;
}

.parti_btn-lg-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #f97316;
  color: #fff;
}
.parti_btn-lg-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-orange {
  width: 100%;
  max-width: 336px;
  height: 48px;
  border: none;
}

.parti_btn-lg-white {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-lg-white:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-white {
  width: 100%;
  max-width: 336px;
  height: 48px;
  border: none;
}

.parti_btn-lg-gray2 {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #E6E6E6;
  color: #fff;
}
.parti_btn-lg-gray2:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-gray2 {
  width: 100%;
  max-width: 336px;
  height: 48px;
  border: none;
}

.parti_btn-lg2-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8CC9;
  color: #fff;
}
.parti_btn-lg2-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg2-blue {
  width: 100%;
  max-width: 300px;
  height: 40px;
  border: none;
}

.parti_btn-lg2-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.parti_btn-lg2-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg2-red {
  width: 100%;
  max-width: 300px;
  height: 40px;
  border: none;
}

.parti_btn-lg2-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #8DAFC8;
  color: #fff;
}
.parti_btn-lg2-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg2-gray {
  width: 100%;
  max-width: 300px;
  height: 40px;
  border: none;
}

.parti_btn-lg2-dark-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF6B00;
  color: #fff;
}
.parti_btn-lg2-dark-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg2-dark-orange {
  width: 100%;
  max-width: 300px;
  height: 40px;
  border: none;
}

.parti_btn-lg2-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #f97316;
  color: #fff;
}
.parti_btn-lg2-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg2-orange {
  width: 100%;
  max-width: 300px;
  height: 40px;
  border: none;
}

.parti_btn-lg2-white {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-lg2-white:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg2-white {
  width: 100%;
  max-width: 300px;
  height: 40px;
  border: none;
}

.parti_btn-lg2-gray2 {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #E6E6E6;
  color: #fff;
}
.parti_btn-lg2-gray2:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg2-gray2 {
  width: 100%;
  max-width: 300px;
  height: 40px;
  border: none;
}

.parti_btn-lg3-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8CC9;
  color: #fff;
}
.parti_btn-lg3-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg3-blue {
  width: 100%;
  max-width: 232px;
  height: 40px;
  border: none;
}

.parti_btn-lg3-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.parti_btn-lg3-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg3-red {
  width: 100%;
  max-width: 232px;
  height: 40px;
  border: none;
}

.parti_btn-lg3-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #8DAFC8;
  color: #fff;
}
.parti_btn-lg3-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg3-gray {
  width: 100%;
  max-width: 232px;
  height: 40px;
  border: none;
}

.parti_btn-lg3-dark-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF6B00;
  color: #fff;
}
.parti_btn-lg3-dark-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg3-dark-orange {
  width: 100%;
  max-width: 232px;
  height: 40px;
  border: none;
}

.parti_btn-lg3-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #f97316;
  color: #fff;
}
.parti_btn-lg3-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg3-orange {
  width: 100%;
  max-width: 232px;
  height: 40px;
  border: none;
}

.parti_btn-lg3-white {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-lg3-white:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg3-white {
  width: 100%;
  max-width: 232px;
  height: 40px;
  border: none;
}

.parti_btn-lg3-gray2 {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #E6E6E6;
  color: #fff;
}
.parti_btn-lg3-gray2:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg3-gray2 {
  width: 100%;
  max-width: 232px;
  height: 40px;
  border: none;
}

.parti_btn-xxmd-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8CC9;
  color: #fff;
}
.parti_btn-xxmd-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxmd-blue {
  width: 100%;
  max-width: 184px;
  height: 40px;
  border: none;
}

.parti_btn-xxmd-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.parti_btn-xxmd-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxmd-red {
  width: 100%;
  max-width: 184px;
  height: 40px;
  border: none;
}

.parti_btn-xxmd-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #8DAFC8;
  color: #fff;
}
.parti_btn-xxmd-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxmd-gray {
  width: 100%;
  max-width: 184px;
  height: 40px;
  border: none;
}

.parti_btn-xxmd-dark-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF6B00;
  color: #fff;
}
.parti_btn-xxmd-dark-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxmd-dark-orange {
  width: 100%;
  max-width: 184px;
  height: 40px;
  border: none;
}

.parti_btn-xxmd-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #f97316;
  color: #fff;
}
.parti_btn-xxmd-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxmd-orange {
  width: 100%;
  max-width: 184px;
  height: 40px;
  border: none;
}

.parti_btn-xxmd-white {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-xxmd-white:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxmd-white {
  width: 100%;
  max-width: 184px;
  height: 40px;
  border: none;
}

.parti_btn-xxmd-gray2 {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #E6E6E6;
  color: #fff;
}
.parti_btn-xxmd-gray2:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxmd-gray2 {
  width: 100%;
  max-width: 184px;
  height: 40px;
  border: none;
}

.parti_btn-xmd-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8CC9;
  color: #fff;
}
.parti_btn-xmd-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xmd-blue {
  width: 100%;
  max-width: 168px;
  height: 40px;
  border: none;
}

.parti_btn-xmd-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.parti_btn-xmd-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xmd-red {
  width: 100%;
  max-width: 168px;
  height: 40px;
  border: none;
}

.parti_btn-xmd-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #8DAFC8;
  color: #fff;
}
.parti_btn-xmd-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xmd-gray {
  width: 100%;
  max-width: 168px;
  height: 40px;
  border: none;
}

.parti_btn-xmd-dark-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF6B00;
  color: #fff;
}
.parti_btn-xmd-dark-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xmd-dark-orange {
  width: 100%;
  max-width: 168px;
  height: 40px;
  border: none;
}

.parti_btn-xmd-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #f97316;
  color: #fff;
}
.parti_btn-xmd-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xmd-orange {
  width: 100%;
  max-width: 168px;
  height: 40px;
  border: none;
}

.parti_btn-xmd-white {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-xmd-white:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xmd-white {
  width: 100%;
  max-width: 168px;
  height: 40px;
  border: none;
}

.parti_btn-xmd-gray2 {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #E6E6E6;
  color: #fff;
}
.parti_btn-xmd-gray2:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xmd-gray2 {
  width: 100%;
  max-width: 168px;
  height: 40px;
  border: none;
}

.parti_btn-md-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8CC9;
  color: #fff;
}
.parti_btn-md-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md-blue {
  width: 100%;
  max-width: 150px;
  height: 48px;
  border: none;
}

.parti_btn-md-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.parti_btn-md-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md-red {
  width: 100%;
  max-width: 150px;
  height: 48px;
  border: none;
}

.parti_btn-md-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #8DAFC8;
  color: #fff;
}
.parti_btn-md-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md-gray {
  width: 100%;
  max-width: 150px;
  height: 48px;
  border: none;
}

.parti_btn-md-dark-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF6B00;
  color: #fff;
}
.parti_btn-md-dark-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md-dark-orange {
  width: 100%;
  max-width: 150px;
  height: 48px;
  border: none;
}

.parti_btn-md-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #f97316;
  color: #fff;
}
.parti_btn-md-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md-orange {
  width: 100%;
  max-width: 150px;
  height: 48px;
  border: none;
}

.parti_btn-md-white {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-md-white:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md-white {
  width: 100%;
  max-width: 150px;
  height: 48px;
  border: none;
}

.parti_btn-md-gray2 {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #E6E6E6;
  color: #fff;
}
.parti_btn-md-gray2:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md-gray2 {
  width: 100%;
  max-width: 150px;
  height: 48px;
  border: none;
}

.parti_btn-md2-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8CC9;
  color: #fff;
}
.parti_btn-md2-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md2-blue {
  width: 100%;
  max-width: 150px;
  height: 40px;
  border: none;
}

.parti_btn-md2-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.parti_btn-md2-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md2-red {
  width: 100%;
  max-width: 150px;
  height: 40px;
  border: none;
}

.parti_btn-md2-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #8DAFC8;
  color: #fff;
}
.parti_btn-md2-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md2-gray {
  width: 100%;
  max-width: 150px;
  height: 40px;
  border: none;
}

.parti_btn-md2-dark-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF6B00;
  color: #fff;
}
.parti_btn-md2-dark-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md2-dark-orange {
  width: 100%;
  max-width: 150px;
  height: 40px;
  border: none;
}

.parti_btn-md2-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #f97316;
  color: #fff;
}
.parti_btn-md2-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md2-orange {
  width: 100%;
  max-width: 150px;
  height: 40px;
  border: none;
}

.parti_btn-md2-white {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-md2-white:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md2-white {
  width: 100%;
  max-width: 150px;
  height: 40px;
  border: none;
}

.parti_btn-md2-gray2 {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #E6E6E6;
  color: #fff;
}
.parti_btn-md2-gray2:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md2-gray2 {
  width: 100%;
  max-width: 150px;
  height: 40px;
  border: none;
}

.parti_btn-sm-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8CC9;
  color: #fff;
}
.parti_btn-sm-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm-blue {
  width: 100%;
  max-width: 150px;
  height: 32px;
  border: none;
}

.parti_btn-sm-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.parti_btn-sm-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm-red {
  width: 100%;
  max-width: 150px;
  height: 32px;
  border: none;
}

.parti_btn-sm-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #8DAFC8;
  color: #fff;
}
.parti_btn-sm-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm-gray {
  width: 100%;
  max-width: 150px;
  height: 32px;
  border: none;
}

.parti_btn-sm-dark-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF6B00;
  color: #fff;
}
.parti_btn-sm-dark-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm-dark-orange {
  width: 100%;
  max-width: 150px;
  height: 32px;
  border: none;
}

.parti_btn-sm-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #f97316;
  color: #fff;
}
.parti_btn-sm-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm-orange {
  width: 100%;
  max-width: 150px;
  height: 32px;
  border: none;
}

.parti_btn-sm-white {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-sm-white:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm-white {
  width: 100%;
  max-width: 150px;
  height: 32px;
  border: none;
}

.parti_btn-sm-gray2 {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #E6E6E6;
  color: #fff;
}
.parti_btn-sm-gray2:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm-gray2 {
  width: 100%;
  max-width: 150px;
  height: 32px;
  border: none;
}

.parti_btn-sm2-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8CC9;
  color: #fff;
}
.parti_btn-sm2-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm2-blue {
  width: 100%;
  max-width: 120px;
  height: 40px;
  border: none;
}

.parti_btn-sm2-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.parti_btn-sm2-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm2-red {
  width: 100%;
  max-width: 120px;
  height: 40px;
  border: none;
}

.parti_btn-sm2-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #8DAFC8;
  color: #fff;
}
.parti_btn-sm2-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm2-gray {
  width: 100%;
  max-width: 120px;
  height: 40px;
  border: none;
}

.parti_btn-sm2-dark-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF6B00;
  color: #fff;
}
.parti_btn-sm2-dark-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm2-dark-orange {
  width: 100%;
  max-width: 120px;
  height: 40px;
  border: none;
}

.parti_btn-sm2-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #f97316;
  color: #fff;
}
.parti_btn-sm2-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm2-orange {
  width: 100%;
  max-width: 120px;
  height: 40px;
  border: none;
}

.parti_btn-sm2-white {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-sm2-white:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm2-white {
  width: 100%;
  max-width: 120px;
  height: 40px;
  border: none;
}

.parti_btn-sm2-gray2 {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #E6E6E6;
  color: #fff;
}
.parti_btn-sm2-gray2:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm2-gray2 {
  width: 100%;
  max-width: 120px;
  height: 40px;
  border: none;
}

.parti_btn-xsm-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8CC9;
  color: #fff;
}
.parti_btn-xsm-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm-blue {
  width: 100%;
  max-width: 120px;
  height: 32px;
  border: none;
}

.parti_btn-xsm-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.parti_btn-xsm-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm-red {
  width: 100%;
  max-width: 120px;
  height: 32px;
  border: none;
}

.parti_btn-xsm-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #8DAFC8;
  color: #fff;
}
.parti_btn-xsm-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm-gray {
  width: 100%;
  max-width: 120px;
  height: 32px;
  border: none;
}

.parti_btn-xsm-dark-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF6B00;
  color: #fff;
}
.parti_btn-xsm-dark-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm-dark-orange {
  width: 100%;
  max-width: 120px;
  height: 32px;
  border: none;
}

.parti_btn-xsm-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #f97316;
  color: #fff;
}
.parti_btn-xsm-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm-orange {
  width: 100%;
  max-width: 120px;
  height: 32px;
  border: none;
}

.parti_btn-xsm-white {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-xsm-white:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm-white {
  width: 100%;
  max-width: 120px;
  height: 32px;
  border: none;
}

.parti_btn-xsm-gray2 {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #E6E6E6;
  color: #fff;
}
.parti_btn-xsm-gray2:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm-gray2 {
  width: 100%;
  max-width: 120px;
  height: 32px;
  border: none;
}

.parti_btn-xsm2-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8CC9;
  color: #fff;
}
.parti_btn-xsm2-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm2-blue {
  width: 100%;
  max-width: 92px;
  height: 24px;
  border: none;
}

.parti_btn-xsm2-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.parti_btn-xsm2-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm2-red {
  width: 100%;
  max-width: 92px;
  height: 24px;
  border: none;
}

.parti_btn-xsm2-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #8DAFC8;
  color: #fff;
}
.parti_btn-xsm2-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm2-gray {
  width: 100%;
  max-width: 92px;
  height: 24px;
  border: none;
}

.parti_btn-xsm2-dark-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF6B00;
  color: #fff;
}
.parti_btn-xsm2-dark-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm2-dark-orange {
  width: 100%;
  max-width: 92px;
  height: 24px;
  border: none;
}

.parti_btn-xsm2-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #f97316;
  color: #fff;
}
.parti_btn-xsm2-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm2-orange {
  width: 100%;
  max-width: 92px;
  height: 24px;
  border: none;
}

.parti_btn-xsm2-white {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-xsm2-white:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm2-white {
  width: 100%;
  max-width: 92px;
  height: 24px;
  border: none;
}

.parti_btn-xsm2-gray2 {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #E6E6E6;
  color: #fff;
}
.parti_btn-xsm2-gray2:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm2-gray2 {
  width: 100%;
  max-width: 92px;
  height: 24px;
  border: none;
}

.parti_btn-xxs-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8CC9;
  color: #fff;
}
.parti_btn-xxs-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxs-blue {
  width: 100%;
  max-width: 88px;
  height: 40px;
  border: none;
}

.parti_btn-xxs-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.parti_btn-xxs-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxs-red {
  width: 100%;
  max-width: 88px;
  height: 40px;
  border: none;
}

.parti_btn-xxs-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #8DAFC8;
  color: #fff;
}
.parti_btn-xxs-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxs-gray {
  width: 100%;
  max-width: 88px;
  height: 40px;
  border: none;
}

.parti_btn-xxs-dark-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF6B00;
  color: #fff;
}
.parti_btn-xxs-dark-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxs-dark-orange {
  width: 100%;
  max-width: 88px;
  height: 40px;
  border: none;
}

.parti_btn-xxs-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #f97316;
  color: #fff;
}
.parti_btn-xxs-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxs-orange {
  width: 100%;
  max-width: 88px;
  height: 40px;
  border: none;
}

.parti_btn-xxs-white {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-xxs-white:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxs-white {
  width: 100%;
  max-width: 88px;
  height: 40px;
  border: none;
}

.parti_btn-xxs-gray2 {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #E6E6E6;
  color: #fff;
}
.parti_btn-xxs-gray2:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxs-gray2 {
  width: 100%;
  max-width: 88px;
  height: 40px;
  border: none;
}

.parti_btn-xs-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8CC9;
  color: #fff;
}
.parti_btn-xs-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xs-blue {
  width: 100%;
  max-width: 80px;
  height: 32px;
  border: none;
}

.parti_btn-xs-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.parti_btn-xs-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xs-red {
  width: 100%;
  max-width: 80px;
  height: 32px;
  border: none;
}

.parti_btn-xs-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #8DAFC8;
  color: #fff;
}
.parti_btn-xs-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xs-gray {
  width: 100%;
  max-width: 80px;
  height: 32px;
  border: none;
}

.parti_btn-xs-dark-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF6B00;
  color: #fff;
}
.parti_btn-xs-dark-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xs-dark-orange {
  width: 100%;
  max-width: 80px;
  height: 32px;
  border: none;
}

.parti_btn-xs-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #f97316;
  color: #fff;
}
.parti_btn-xs-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xs-orange {
  width: 100%;
  max-width: 80px;
  height: 32px;
  border: none;
}

.parti_btn-xs-white {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-xs-white:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xs-white {
  width: 100%;
  max-width: 80px;
  height: 32px;
  border: none;
}

.parti_btn-xs-gray2 {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #E6E6E6;
  color: #fff;
}
.parti_btn-xs-gray2:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xs-gray2 {
  width: 100%;
  max-width: 80px;
  height: 32px;
  border: none;
}

.parti_btn-xlg-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8CC9;
}
.parti_btn-xlg-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xlg-blue-ol {
  width: 100%;
  max-width: 300px;
  height: 48px;
  border: 2px solid #3A8CC9;
}

.parti_btn-xlg-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.parti_btn-xlg-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xlg-red-ol {
  width: 100%;
  max-width: 300px;
  height: 48px;
  border: 2px solid #FF3B30;
}

.parti_btn-xlg-gray-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #8DAFC8;
}
.parti_btn-xlg-gray-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xlg-gray-ol {
  width: 100%;
  max-width: 300px;
  height: 48px;
  border: 2px solid #8DAFC8;
}

.parti_btn-xlg-dark-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-xlg-dark-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xlg-dark-orange-ol {
  width: 100%;
  max-width: 300px;
  height: 48px;
  border: 2px solid #FF6B00;
}

.parti_btn-xlg-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #f97316;
}
.parti_btn-xlg-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xlg-orange-ol {
  width: 100%;
  max-width: 300px;
  height: 48px;
  border: 2px solid #f97316;
}

.parti_btn-xlg-white-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #fff;
}
.parti_btn-xlg-white-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xlg-white-ol {
  width: 100%;
  max-width: 300px;
  height: 48px;
  border: 2px solid #fff;
}

.parti_btn-xlg-gray2-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #E6E6E6;
}
.parti_btn-xlg-gray2-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xlg-gray2-ol {
  width: 100%;
  max-width: 300px;
  height: 48px;
  border: 2px solid #E6E6E6;
}

.parti_btn-lg-full-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8CC9;
}
.parti_btn-lg-full-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-blue-ol {
  width: 100%;
  max-width: 100%;
  height: 48px;
  border: 2px solid #3A8CC9;
}

.parti_btn-lg-full-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.parti_btn-lg-full-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-red-ol {
  width: 100%;
  max-width: 100%;
  height: 48px;
  border: 2px solid #FF3B30;
}

.parti_btn-lg-full-gray-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #8DAFC8;
}
.parti_btn-lg-full-gray-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-gray-ol {
  width: 100%;
  max-width: 100%;
  height: 48px;
  border: 2px solid #8DAFC8;
}

.parti_btn-lg-full-dark-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-lg-full-dark-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-dark-orange-ol {
  width: 100%;
  max-width: 100%;
  height: 48px;
  border: 2px solid #FF6B00;
}

.parti_btn-lg-full-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #f97316;
}
.parti_btn-lg-full-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-orange-ol {
  width: 100%;
  max-width: 100%;
  height: 48px;
  border: 2px solid #f97316;
}

.parti_btn-lg-full-white-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #fff;
}
.parti_btn-lg-full-white-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-white-ol {
  width: 100%;
  max-width: 100%;
  height: 48px;
  border: 2px solid #fff;
}

.parti_btn-lg-full-gray2-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #E6E6E6;
}
.parti_btn-lg-full-gray2-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-gray2-ol {
  width: 100%;
  max-width: 100%;
  height: 48px;
  border: 2px solid #E6E6E6;
}

.parti_btn-lg-full-sm-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8CC9;
}
.parti_btn-lg-full-sm-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-sm-blue-ol {
  width: 100%;
  height: 40px;
  border: 2px solid #3A8CC9;
}

.parti_btn-lg-full-sm-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.parti_btn-lg-full-sm-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-sm-red-ol {
  width: 100%;
  height: 40px;
  border: 2px solid #FF3B30;
}

.parti_btn-lg-full-sm-gray-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #8DAFC8;
}
.parti_btn-lg-full-sm-gray-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-sm-gray-ol {
  width: 100%;
  height: 40px;
  border: 2px solid #8DAFC8;
}

.parti_btn-lg-full-sm-dark-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-lg-full-sm-dark-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-sm-dark-orange-ol {
  width: 100%;
  height: 40px;
  border: 2px solid #FF6B00;
}

.parti_btn-lg-full-sm-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #f97316;
}
.parti_btn-lg-full-sm-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-sm-orange-ol {
  width: 100%;
  height: 40px;
  border: 2px solid #f97316;
}

.parti_btn-lg-full-sm-white-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #fff;
}
.parti_btn-lg-full-sm-white-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-sm-white-ol {
  width: 100%;
  height: 40px;
  border: 2px solid #fff;
}

.parti_btn-lg-full-sm-gray2-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #E6E6E6;
}
.parti_btn-lg-full-sm-gray2-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-full-sm-gray2-ol {
  width: 100%;
  height: 40px;
  border: 2px solid #E6E6E6;
}

.parti_btn-lg-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8CC9;
}
.parti_btn-lg-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-blue-ol {
  width: 100%;
  max-width: 336px;
  height: 48px;
  border: 2px solid #3A8CC9;
}

.parti_btn-lg-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.parti_btn-lg-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-red-ol {
  width: 100%;
  max-width: 336px;
  height: 48px;
  border: 2px solid #FF3B30;
}

.parti_btn-lg-gray-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #8DAFC8;
}
.parti_btn-lg-gray-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-gray-ol {
  width: 100%;
  max-width: 336px;
  height: 48px;
  border: 2px solid #8DAFC8;
}

.parti_btn-lg-dark-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-lg-dark-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-dark-orange-ol {
  width: 100%;
  max-width: 336px;
  height: 48px;
  border: 2px solid #FF6B00;
}

.parti_btn-lg-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #f97316;
}
.parti_btn-lg-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-orange-ol {
  width: 100%;
  max-width: 336px;
  height: 48px;
  border: 2px solid #f97316;
}

.parti_btn-lg-white-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #fff;
}
.parti_btn-lg-white-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-white-ol {
  width: 100%;
  max-width: 336px;
  height: 48px;
  border: 2px solid #fff;
}

.parti_btn-lg-gray2-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #E6E6E6;
}
.parti_btn-lg-gray2-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg-gray2-ol {
  width: 100%;
  max-width: 336px;
  height: 48px;
  border: 2px solid #E6E6E6;
}

.parti_btn-lg2-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8CC9;
}
.parti_btn-lg2-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg2-blue-ol {
  width: 100%;
  max-width: 300px;
  height: 40px;
  border: 2px solid #3A8CC9;
}

.parti_btn-lg2-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.parti_btn-lg2-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg2-red-ol {
  width: 100%;
  max-width: 300px;
  height: 40px;
  border: 2px solid #FF3B30;
}

.parti_btn-lg2-gray-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #8DAFC8;
}
.parti_btn-lg2-gray-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg2-gray-ol {
  width: 100%;
  max-width: 300px;
  height: 40px;
  border: 2px solid #8DAFC8;
}

.parti_btn-lg2-dark-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-lg2-dark-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg2-dark-orange-ol {
  width: 100%;
  max-width: 300px;
  height: 40px;
  border: 2px solid #FF6B00;
}

.parti_btn-lg2-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #f97316;
}
.parti_btn-lg2-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg2-orange-ol {
  width: 100%;
  max-width: 300px;
  height: 40px;
  border: 2px solid #f97316;
}

.parti_btn-lg2-white-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #fff;
}
.parti_btn-lg2-white-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg2-white-ol {
  width: 100%;
  max-width: 300px;
  height: 40px;
  border: 2px solid #fff;
}

.parti_btn-lg2-gray2-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #E6E6E6;
}
.parti_btn-lg2-gray2-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg2-gray2-ol {
  width: 100%;
  max-width: 300px;
  height: 40px;
  border: 2px solid #E6E6E6;
}

.parti_btn-lg3-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8CC9;
}
.parti_btn-lg3-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg3-blue-ol {
  width: 100%;
  max-width: 232px;
  height: 40px;
  border: 2px solid #3A8CC9;
}

.parti_btn-lg3-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.parti_btn-lg3-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg3-red-ol {
  width: 100%;
  max-width: 232px;
  height: 40px;
  border: 2px solid #FF3B30;
}

.parti_btn-lg3-gray-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #8DAFC8;
}
.parti_btn-lg3-gray-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg3-gray-ol {
  width: 100%;
  max-width: 232px;
  height: 40px;
  border: 2px solid #8DAFC8;
}

.parti_btn-lg3-dark-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-lg3-dark-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg3-dark-orange-ol {
  width: 100%;
  max-width: 232px;
  height: 40px;
  border: 2px solid #FF6B00;
}

.parti_btn-lg3-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #f97316;
}
.parti_btn-lg3-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg3-orange-ol {
  width: 100%;
  max-width: 232px;
  height: 40px;
  border: 2px solid #f97316;
}

.parti_btn-lg3-white-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #fff;
}
.parti_btn-lg3-white-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg3-white-ol {
  width: 100%;
  max-width: 232px;
  height: 40px;
  border: 2px solid #fff;
}

.parti_btn-lg3-gray2-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #E6E6E6;
}
.parti_btn-lg3-gray2-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-lg3-gray2-ol {
  width: 100%;
  max-width: 232px;
  height: 40px;
  border: 2px solid #E6E6E6;
}

.parti_btn-xxmd-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8CC9;
}
.parti_btn-xxmd-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxmd-blue-ol {
  width: 100%;
  max-width: 184px;
  height: 40px;
  border: 2px solid #3A8CC9;
}

.parti_btn-xxmd-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.parti_btn-xxmd-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxmd-red-ol {
  width: 100%;
  max-width: 184px;
  height: 40px;
  border: 2px solid #FF3B30;
}

.parti_btn-xxmd-gray-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #8DAFC8;
}
.parti_btn-xxmd-gray-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxmd-gray-ol {
  width: 100%;
  max-width: 184px;
  height: 40px;
  border: 2px solid #8DAFC8;
}

.parti_btn-xxmd-dark-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-xxmd-dark-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxmd-dark-orange-ol {
  width: 100%;
  max-width: 184px;
  height: 40px;
  border: 2px solid #FF6B00;
}

.parti_btn-xxmd-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #f97316;
}
.parti_btn-xxmd-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxmd-orange-ol {
  width: 100%;
  max-width: 184px;
  height: 40px;
  border: 2px solid #f97316;
}

.parti_btn-xxmd-white-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #fff;
}
.parti_btn-xxmd-white-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxmd-white-ol {
  width: 100%;
  max-width: 184px;
  height: 40px;
  border: 2px solid #fff;
}

.parti_btn-xxmd-gray2-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #E6E6E6;
}
.parti_btn-xxmd-gray2-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxmd-gray2-ol {
  width: 100%;
  max-width: 184px;
  height: 40px;
  border: 2px solid #E6E6E6;
}

.parti_btn-xmd-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8CC9;
}
.parti_btn-xmd-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xmd-blue-ol {
  width: 100%;
  max-width: 168px;
  height: 40px;
  border: 2px solid #3A8CC9;
}

.parti_btn-xmd-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.parti_btn-xmd-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xmd-red-ol {
  width: 100%;
  max-width: 168px;
  height: 40px;
  border: 2px solid #FF3B30;
}

.parti_btn-xmd-gray-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #8DAFC8;
}
.parti_btn-xmd-gray-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xmd-gray-ol {
  width: 100%;
  max-width: 168px;
  height: 40px;
  border: 2px solid #8DAFC8;
}

.parti_btn-xmd-dark-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-xmd-dark-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xmd-dark-orange-ol {
  width: 100%;
  max-width: 168px;
  height: 40px;
  border: 2px solid #FF6B00;
}

.parti_btn-xmd-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #f97316;
}
.parti_btn-xmd-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xmd-orange-ol {
  width: 100%;
  max-width: 168px;
  height: 40px;
  border: 2px solid #f97316;
}

.parti_btn-xmd-white-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #fff;
}
.parti_btn-xmd-white-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xmd-white-ol {
  width: 100%;
  max-width: 168px;
  height: 40px;
  border: 2px solid #fff;
}

.parti_btn-xmd-gray2-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #E6E6E6;
}
.parti_btn-xmd-gray2-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xmd-gray2-ol {
  width: 100%;
  max-width: 168px;
  height: 40px;
  border: 2px solid #E6E6E6;
}

.parti_btn-md-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8CC9;
}
.parti_btn-md-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md-blue-ol {
  width: 100%;
  max-width: 150px;
  height: 48px;
  border: 2px solid #3A8CC9;
}

.parti_btn-md-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.parti_btn-md-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md-red-ol {
  width: 100%;
  max-width: 150px;
  height: 48px;
  border: 2px solid #FF3B30;
}

.parti_btn-md-gray-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #8DAFC8;
}
.parti_btn-md-gray-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md-gray-ol {
  width: 100%;
  max-width: 150px;
  height: 48px;
  border: 2px solid #8DAFC8;
}

.parti_btn-md-dark-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-md-dark-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md-dark-orange-ol {
  width: 100%;
  max-width: 150px;
  height: 48px;
  border: 2px solid #FF6B00;
}

.parti_btn-md-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #f97316;
}
.parti_btn-md-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md-orange-ol {
  width: 100%;
  max-width: 150px;
  height: 48px;
  border: 2px solid #f97316;
}

.parti_btn-md-white-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #fff;
}
.parti_btn-md-white-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md-white-ol {
  width: 100%;
  max-width: 150px;
  height: 48px;
  border: 2px solid #fff;
}

.parti_btn-md-gray2-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #E6E6E6;
}
.parti_btn-md-gray2-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md-gray2-ol {
  width: 100%;
  max-width: 150px;
  height: 48px;
  border: 2px solid #E6E6E6;
}

.parti_btn-md2-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8CC9;
}
.parti_btn-md2-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md2-blue-ol {
  width: 100%;
  max-width: 150px;
  height: 40px;
  border: 2px solid #3A8CC9;
}

.parti_btn-md2-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.parti_btn-md2-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md2-red-ol {
  width: 100%;
  max-width: 150px;
  height: 40px;
  border: 2px solid #FF3B30;
}

.parti_btn-md2-gray-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #8DAFC8;
}
.parti_btn-md2-gray-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md2-gray-ol {
  width: 100%;
  max-width: 150px;
  height: 40px;
  border: 2px solid #8DAFC8;
}

.parti_btn-md2-dark-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-md2-dark-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md2-dark-orange-ol {
  width: 100%;
  max-width: 150px;
  height: 40px;
  border: 2px solid #FF6B00;
}

.parti_btn-md2-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #f97316;
}
.parti_btn-md2-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md2-orange-ol {
  width: 100%;
  max-width: 150px;
  height: 40px;
  border: 2px solid #f97316;
}

.parti_btn-md2-white-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #fff;
}
.parti_btn-md2-white-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md2-white-ol {
  width: 100%;
  max-width: 150px;
  height: 40px;
  border: 2px solid #fff;
}

.parti_btn-md2-gray2-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #E6E6E6;
}
.parti_btn-md2-gray2-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-md2-gray2-ol {
  width: 100%;
  max-width: 150px;
  height: 40px;
  border: 2px solid #E6E6E6;
}

.parti_btn-sm-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8CC9;
}
.parti_btn-sm-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm-blue-ol {
  width: 100%;
  max-width: 150px;
  height: 32px;
  border: 2px solid #3A8CC9;
}

.parti_btn-sm-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.parti_btn-sm-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm-red-ol {
  width: 100%;
  max-width: 150px;
  height: 32px;
  border: 2px solid #FF3B30;
}

.parti_btn-sm-gray-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #8DAFC8;
}
.parti_btn-sm-gray-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm-gray-ol {
  width: 100%;
  max-width: 150px;
  height: 32px;
  border: 2px solid #8DAFC8;
}

.parti_btn-sm-dark-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-sm-dark-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm-dark-orange-ol {
  width: 100%;
  max-width: 150px;
  height: 32px;
  border: 2px solid #FF6B00;
}

.parti_btn-sm-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #f97316;
}
.parti_btn-sm-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm-orange-ol {
  width: 100%;
  max-width: 150px;
  height: 32px;
  border: 2px solid #f97316;
}

.parti_btn-sm-white-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #fff;
}
.parti_btn-sm-white-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm-white-ol {
  width: 100%;
  max-width: 150px;
  height: 32px;
  border: 2px solid #fff;
}

.parti_btn-sm-gray2-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #E6E6E6;
}
.parti_btn-sm-gray2-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm-gray2-ol {
  width: 100%;
  max-width: 150px;
  height: 32px;
  border: 2px solid #E6E6E6;
}

.parti_btn-sm2-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8CC9;
}
.parti_btn-sm2-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm2-blue-ol {
  width: 100%;
  max-width: 120px;
  height: 40px;
  border: 2px solid #3A8CC9;
}

.parti_btn-sm2-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.parti_btn-sm2-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm2-red-ol {
  width: 100%;
  max-width: 120px;
  height: 40px;
  border: 2px solid #FF3B30;
}

.parti_btn-sm2-gray-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #8DAFC8;
}
.parti_btn-sm2-gray-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm2-gray-ol {
  width: 100%;
  max-width: 120px;
  height: 40px;
  border: 2px solid #8DAFC8;
}

.parti_btn-sm2-dark-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-sm2-dark-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm2-dark-orange-ol {
  width: 100%;
  max-width: 120px;
  height: 40px;
  border: 2px solid #FF6B00;
}

.parti_btn-sm2-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #f97316;
}
.parti_btn-sm2-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm2-orange-ol {
  width: 100%;
  max-width: 120px;
  height: 40px;
  border: 2px solid #f97316;
}

.parti_btn-sm2-white-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #fff;
}
.parti_btn-sm2-white-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm2-white-ol {
  width: 100%;
  max-width: 120px;
  height: 40px;
  border: 2px solid #fff;
}

.parti_btn-sm2-gray2-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #E6E6E6;
}
.parti_btn-sm2-gray2-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-sm2-gray2-ol {
  width: 100%;
  max-width: 120px;
  height: 40px;
  border: 2px solid #E6E6E6;
}

.parti_btn-xsm-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8CC9;
}
.parti_btn-xsm-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm-blue-ol {
  width: 100%;
  max-width: 120px;
  height: 32px;
  border: 2px solid #3A8CC9;
}

.parti_btn-xsm-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.parti_btn-xsm-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm-red-ol {
  width: 100%;
  max-width: 120px;
  height: 32px;
  border: 2px solid #FF3B30;
}

.parti_btn-xsm-gray-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #8DAFC8;
}
.parti_btn-xsm-gray-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm-gray-ol {
  width: 100%;
  max-width: 120px;
  height: 32px;
  border: 2px solid #8DAFC8;
}

.parti_btn-xsm-dark-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-xsm-dark-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm-dark-orange-ol {
  width: 100%;
  max-width: 120px;
  height: 32px;
  border: 2px solid #FF6B00;
}

.parti_btn-xsm-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #f97316;
}
.parti_btn-xsm-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm-orange-ol {
  width: 100%;
  max-width: 120px;
  height: 32px;
  border: 2px solid #f97316;
}

.parti_btn-xsm-white-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #fff;
}
.parti_btn-xsm-white-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm-white-ol {
  width: 100%;
  max-width: 120px;
  height: 32px;
  border: 2px solid #fff;
}

.parti_btn-xsm-gray2-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #E6E6E6;
}
.parti_btn-xsm-gray2-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm-gray2-ol {
  width: 100%;
  max-width: 120px;
  height: 32px;
  border: 2px solid #E6E6E6;
}

.parti_btn-xsm2-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8CC9;
}
.parti_btn-xsm2-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm2-blue-ol {
  width: 100%;
  max-width: 92px;
  height: 24px;
  border: 2px solid #3A8CC9;
}

.parti_btn-xsm2-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.parti_btn-xsm2-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm2-red-ol {
  width: 100%;
  max-width: 92px;
  height: 24px;
  border: 2px solid #FF3B30;
}

.parti_btn-xsm2-gray-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #8DAFC8;
}
.parti_btn-xsm2-gray-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm2-gray-ol {
  width: 100%;
  max-width: 92px;
  height: 24px;
  border: 2px solid #8DAFC8;
}

.parti_btn-xsm2-dark-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-xsm2-dark-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm2-dark-orange-ol {
  width: 100%;
  max-width: 92px;
  height: 24px;
  border: 2px solid #FF6B00;
}

.parti_btn-xsm2-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #f97316;
}
.parti_btn-xsm2-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm2-orange-ol {
  width: 100%;
  max-width: 92px;
  height: 24px;
  border: 2px solid #f97316;
}

.parti_btn-xsm2-white-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #fff;
}
.parti_btn-xsm2-white-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm2-white-ol {
  width: 100%;
  max-width: 92px;
  height: 24px;
  border: 2px solid #fff;
}

.parti_btn-xsm2-gray2-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #E6E6E6;
}
.parti_btn-xsm2-gray2-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xsm2-gray2-ol {
  width: 100%;
  max-width: 92px;
  height: 24px;
  border: 2px solid #E6E6E6;
}

.parti_btn-xxs-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8CC9;
}
.parti_btn-xxs-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxs-blue-ol {
  width: 100%;
  max-width: 88px;
  height: 40px;
  border: 2px solid #3A8CC9;
}

.parti_btn-xxs-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.parti_btn-xxs-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxs-red-ol {
  width: 100%;
  max-width: 88px;
  height: 40px;
  border: 2px solid #FF3B30;
}

.parti_btn-xxs-gray-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #8DAFC8;
}
.parti_btn-xxs-gray-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxs-gray-ol {
  width: 100%;
  max-width: 88px;
  height: 40px;
  border: 2px solid #8DAFC8;
}

.parti_btn-xxs-dark-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-xxs-dark-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxs-dark-orange-ol {
  width: 100%;
  max-width: 88px;
  height: 40px;
  border: 2px solid #FF6B00;
}

.parti_btn-xxs-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #f97316;
}
.parti_btn-xxs-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxs-orange-ol {
  width: 100%;
  max-width: 88px;
  height: 40px;
  border: 2px solid #f97316;
}

.parti_btn-xxs-white-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #fff;
}
.parti_btn-xxs-white-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxs-white-ol {
  width: 100%;
  max-width: 88px;
  height: 40px;
  border: 2px solid #fff;
}

.parti_btn-xxs-gray2-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #E6E6E6;
}
.parti_btn-xxs-gray2-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xxs-gray2-ol {
  width: 100%;
  max-width: 88px;
  height: 40px;
  border: 2px solid #E6E6E6;
}

.parti_btn-xs-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8CC9;
}
.parti_btn-xs-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xs-blue-ol {
  width: 100%;
  max-width: 80px;
  height: 32px;
  border: 2px solid #3A8CC9;
}

.parti_btn-xs-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.parti_btn-xs-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xs-red-ol {
  width: 100%;
  max-width: 80px;
  height: 32px;
  border: 2px solid #FF3B30;
}

.parti_btn-xs-gray-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #8DAFC8;
}
.parti_btn-xs-gray-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xs-gray-ol {
  width: 100%;
  max-width: 80px;
  height: 32px;
  border: 2px solid #8DAFC8;
}

.parti_btn-xs-dark-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.parti_btn-xs-dark-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xs-dark-orange-ol {
  width: 100%;
  max-width: 80px;
  height: 32px;
  border: 2px solid #FF6B00;
}

.parti_btn-xs-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #f97316;
}
.parti_btn-xs-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xs-orange-ol {
  width: 100%;
  max-width: 80px;
  height: 32px;
  border: 2px solid #f97316;
}

.parti_btn-xs-white-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #fff;
}
.parti_btn-xs-white-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xs-white-ol {
  width: 100%;
  max-width: 80px;
  height: 32px;
  border: 2px solid #fff;
}

.parti_btn-xs-gray2-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #E6E6E6;
}
.parti_btn-xs-gray2-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.parti_btn-xs-gray2-ol {
  width: 100%;
  max-width: 80px;
  height: 32px;
  border: 2px solid #E6E6E6;
}

button.parti_btn-xlg-blue:disabled,
button.parti_btn-xlg-blue[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xlg-blue-ol:disabled,
button.parti_btn-xlg-blue-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xlg-red:disabled,
button.parti_btn-xlg-red[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xlg-red-ol:disabled,
button.parti_btn-xlg-red-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xlg-gray:disabled,
button.parti_btn-xlg-gray[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xlg-gray-ol:disabled,
button.parti_btn-xlg-gray-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xlg-dark-orange:disabled,
button.parti_btn-xlg-dark-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xlg-dark-orange-ol:disabled,
button.parti_btn-xlg-dark-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xlg-orange:disabled,
button.parti_btn-xlg-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xlg-orange-ol:disabled,
button.parti_btn-xlg-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xlg-white:disabled,
button.parti_btn-xlg-white[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xlg-white-ol:disabled,
button.parti_btn-xlg-white-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xlg-gray2:disabled,
button.parti_btn-xlg-gray2[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xlg-gray2-ol:disabled,
button.parti_btn-xlg-gray2-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-blue:disabled,
button.parti_btn-lg-full-blue[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-blue-ol:disabled,
button.parti_btn-lg-full-blue-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-red:disabled,
button.parti_btn-lg-full-red[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-red-ol:disabled,
button.parti_btn-lg-full-red-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-gray:disabled,
button.parti_btn-lg-full-gray[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-gray-ol:disabled,
button.parti_btn-lg-full-gray-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-dark-orange:disabled,
button.parti_btn-lg-full-dark-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-dark-orange-ol:disabled,
button.parti_btn-lg-full-dark-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-orange:disabled,
button.parti_btn-lg-full-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-orange-ol:disabled,
button.parti_btn-lg-full-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-white:disabled,
button.parti_btn-lg-full-white[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-white-ol:disabled,
button.parti_btn-lg-full-white-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-gray2:disabled,
button.parti_btn-lg-full-gray2[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-gray2-ol:disabled,
button.parti_btn-lg-full-gray2-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-sm-blue:disabled,
button.parti_btn-lg-full-sm-blue[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-sm-blue-ol:disabled,
button.parti_btn-lg-full-sm-blue-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-sm-red:disabled,
button.parti_btn-lg-full-sm-red[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-sm-red-ol:disabled,
button.parti_btn-lg-full-sm-red-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-sm-gray:disabled,
button.parti_btn-lg-full-sm-gray[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-sm-gray-ol:disabled,
button.parti_btn-lg-full-sm-gray-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-sm-dark-orange:disabled,
button.parti_btn-lg-full-sm-dark-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-sm-dark-orange-ol:disabled,
button.parti_btn-lg-full-sm-dark-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-sm-orange:disabled,
button.parti_btn-lg-full-sm-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-sm-orange-ol:disabled,
button.parti_btn-lg-full-sm-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-sm-white:disabled,
button.parti_btn-lg-full-sm-white[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-sm-white-ol:disabled,
button.parti_btn-lg-full-sm-white-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-sm-gray2:disabled,
button.parti_btn-lg-full-sm-gray2[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-full-sm-gray2-ol:disabled,
button.parti_btn-lg-full-sm-gray2-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-blue:disabled,
button.parti_btn-lg-blue[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-blue-ol:disabled,
button.parti_btn-lg-blue-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-red:disabled,
button.parti_btn-lg-red[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-red-ol:disabled,
button.parti_btn-lg-red-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-gray:disabled,
button.parti_btn-lg-gray[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-gray-ol:disabled,
button.parti_btn-lg-gray-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-dark-orange:disabled,
button.parti_btn-lg-dark-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-dark-orange-ol:disabled,
button.parti_btn-lg-dark-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-orange:disabled,
button.parti_btn-lg-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-orange-ol:disabled,
button.parti_btn-lg-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-white:disabled,
button.parti_btn-lg-white[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-white-ol:disabled,
button.parti_btn-lg-white-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-gray2:disabled,
button.parti_btn-lg-gray2[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg-gray2-ol:disabled,
button.parti_btn-lg-gray2-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg2-blue:disabled,
button.parti_btn-lg2-blue[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg2-blue-ol:disabled,
button.parti_btn-lg2-blue-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg2-red:disabled,
button.parti_btn-lg2-red[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg2-red-ol:disabled,
button.parti_btn-lg2-red-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg2-gray:disabled,
button.parti_btn-lg2-gray[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg2-gray-ol:disabled,
button.parti_btn-lg2-gray-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg2-dark-orange:disabled,
button.parti_btn-lg2-dark-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg2-dark-orange-ol:disabled,
button.parti_btn-lg2-dark-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg2-orange:disabled,
button.parti_btn-lg2-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg2-orange-ol:disabled,
button.parti_btn-lg2-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg2-white:disabled,
button.parti_btn-lg2-white[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg2-white-ol:disabled,
button.parti_btn-lg2-white-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg2-gray2:disabled,
button.parti_btn-lg2-gray2[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg2-gray2-ol:disabled,
button.parti_btn-lg2-gray2-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg3-blue:disabled,
button.parti_btn-lg3-blue[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg3-blue-ol:disabled,
button.parti_btn-lg3-blue-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg3-red:disabled,
button.parti_btn-lg3-red[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg3-red-ol:disabled,
button.parti_btn-lg3-red-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg3-gray:disabled,
button.parti_btn-lg3-gray[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg3-gray-ol:disabled,
button.parti_btn-lg3-gray-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg3-dark-orange:disabled,
button.parti_btn-lg3-dark-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg3-dark-orange-ol:disabled,
button.parti_btn-lg3-dark-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg3-orange:disabled,
button.parti_btn-lg3-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg3-orange-ol:disabled,
button.parti_btn-lg3-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg3-white:disabled,
button.parti_btn-lg3-white[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg3-white-ol:disabled,
button.parti_btn-lg3-white-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg3-gray2:disabled,
button.parti_btn-lg3-gray2[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-lg3-gray2-ol:disabled,
button.parti_btn-lg3-gray2-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxmd-blue:disabled,
button.parti_btn-xxmd-blue[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxmd-blue-ol:disabled,
button.parti_btn-xxmd-blue-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxmd-red:disabled,
button.parti_btn-xxmd-red[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxmd-red-ol:disabled,
button.parti_btn-xxmd-red-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxmd-gray:disabled,
button.parti_btn-xxmd-gray[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxmd-gray-ol:disabled,
button.parti_btn-xxmd-gray-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxmd-dark-orange:disabled,
button.parti_btn-xxmd-dark-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxmd-dark-orange-ol:disabled,
button.parti_btn-xxmd-dark-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxmd-orange:disabled,
button.parti_btn-xxmd-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxmd-orange-ol:disabled,
button.parti_btn-xxmd-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxmd-white:disabled,
button.parti_btn-xxmd-white[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxmd-white-ol:disabled,
button.parti_btn-xxmd-white-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxmd-gray2:disabled,
button.parti_btn-xxmd-gray2[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxmd-gray2-ol:disabled,
button.parti_btn-xxmd-gray2-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xmd-blue:disabled,
button.parti_btn-xmd-blue[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xmd-blue-ol:disabled,
button.parti_btn-xmd-blue-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xmd-red:disabled,
button.parti_btn-xmd-red[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xmd-red-ol:disabled,
button.parti_btn-xmd-red-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xmd-gray:disabled,
button.parti_btn-xmd-gray[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xmd-gray-ol:disabled,
button.parti_btn-xmd-gray-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xmd-dark-orange:disabled,
button.parti_btn-xmd-dark-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xmd-dark-orange-ol:disabled,
button.parti_btn-xmd-dark-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xmd-orange:disabled,
button.parti_btn-xmd-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xmd-orange-ol:disabled,
button.parti_btn-xmd-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xmd-white:disabled,
button.parti_btn-xmd-white[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xmd-white-ol:disabled,
button.parti_btn-xmd-white-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xmd-gray2:disabled,
button.parti_btn-xmd-gray2[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xmd-gray2-ol:disabled,
button.parti_btn-xmd-gray2-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md-blue:disabled,
button.parti_btn-md-blue[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md-blue-ol:disabled,
button.parti_btn-md-blue-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md-red:disabled,
button.parti_btn-md-red[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md-red-ol:disabled,
button.parti_btn-md-red-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md-gray:disabled,
button.parti_btn-md-gray[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md-gray-ol:disabled,
button.parti_btn-md-gray-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md-dark-orange:disabled,
button.parti_btn-md-dark-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md-dark-orange-ol:disabled,
button.parti_btn-md-dark-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md-orange:disabled,
button.parti_btn-md-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md-orange-ol:disabled,
button.parti_btn-md-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md-white:disabled,
button.parti_btn-md-white[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md-white-ol:disabled,
button.parti_btn-md-white-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md-gray2:disabled,
button.parti_btn-md-gray2[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md-gray2-ol:disabled,
button.parti_btn-md-gray2-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md2-blue:disabled,
button.parti_btn-md2-blue[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md2-blue-ol:disabled,
button.parti_btn-md2-blue-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md2-red:disabled,
button.parti_btn-md2-red[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md2-red-ol:disabled,
button.parti_btn-md2-red-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md2-gray:disabled,
button.parti_btn-md2-gray[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md2-gray-ol:disabled,
button.parti_btn-md2-gray-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md2-dark-orange:disabled,
button.parti_btn-md2-dark-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md2-dark-orange-ol:disabled,
button.parti_btn-md2-dark-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md2-orange:disabled,
button.parti_btn-md2-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md2-orange-ol:disabled,
button.parti_btn-md2-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md2-white:disabled,
button.parti_btn-md2-white[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md2-white-ol:disabled,
button.parti_btn-md2-white-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md2-gray2:disabled,
button.parti_btn-md2-gray2[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-md2-gray2-ol:disabled,
button.parti_btn-md2-gray2-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm-blue:disabled,
button.parti_btn-sm-blue[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm-blue-ol:disabled,
button.parti_btn-sm-blue-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm-red:disabled,
button.parti_btn-sm-red[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm-red-ol:disabled,
button.parti_btn-sm-red-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm-gray:disabled,
button.parti_btn-sm-gray[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm-gray-ol:disabled,
button.parti_btn-sm-gray-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm-dark-orange:disabled,
button.parti_btn-sm-dark-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm-dark-orange-ol:disabled,
button.parti_btn-sm-dark-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm-orange:disabled,
button.parti_btn-sm-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm-orange-ol:disabled,
button.parti_btn-sm-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm-white:disabled,
button.parti_btn-sm-white[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm-white-ol:disabled,
button.parti_btn-sm-white-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm-gray2:disabled,
button.parti_btn-sm-gray2[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm-gray2-ol:disabled,
button.parti_btn-sm-gray2-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm2-blue:disabled,
button.parti_btn-sm2-blue[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm2-blue-ol:disabled,
button.parti_btn-sm2-blue-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm2-red:disabled,
button.parti_btn-sm2-red[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm2-red-ol:disabled,
button.parti_btn-sm2-red-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm2-gray:disabled,
button.parti_btn-sm2-gray[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm2-gray-ol:disabled,
button.parti_btn-sm2-gray-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm2-dark-orange:disabled,
button.parti_btn-sm2-dark-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm2-dark-orange-ol:disabled,
button.parti_btn-sm2-dark-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm2-orange:disabled,
button.parti_btn-sm2-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm2-orange-ol:disabled,
button.parti_btn-sm2-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm2-white:disabled,
button.parti_btn-sm2-white[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm2-white-ol:disabled,
button.parti_btn-sm2-white-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm2-gray2:disabled,
button.parti_btn-sm2-gray2[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-sm2-gray2-ol:disabled,
button.parti_btn-sm2-gray2-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm-blue:disabled,
button.parti_btn-xsm-blue[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm-blue-ol:disabled,
button.parti_btn-xsm-blue-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm-red:disabled,
button.parti_btn-xsm-red[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm-red-ol:disabled,
button.parti_btn-xsm-red-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm-gray:disabled,
button.parti_btn-xsm-gray[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm-gray-ol:disabled,
button.parti_btn-xsm-gray-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm-dark-orange:disabled,
button.parti_btn-xsm-dark-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm-dark-orange-ol:disabled,
button.parti_btn-xsm-dark-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm-orange:disabled,
button.parti_btn-xsm-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm-orange-ol:disabled,
button.parti_btn-xsm-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm-white:disabled,
button.parti_btn-xsm-white[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm-white-ol:disabled,
button.parti_btn-xsm-white-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm-gray2:disabled,
button.parti_btn-xsm-gray2[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm-gray2-ol:disabled,
button.parti_btn-xsm-gray2-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm2-blue:disabled,
button.parti_btn-xsm2-blue[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm2-blue-ol:disabled,
button.parti_btn-xsm2-blue-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm2-red:disabled,
button.parti_btn-xsm2-red[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm2-red-ol:disabled,
button.parti_btn-xsm2-red-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm2-gray:disabled,
button.parti_btn-xsm2-gray[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm2-gray-ol:disabled,
button.parti_btn-xsm2-gray-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm2-dark-orange:disabled,
button.parti_btn-xsm2-dark-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm2-dark-orange-ol:disabled,
button.parti_btn-xsm2-dark-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm2-orange:disabled,
button.parti_btn-xsm2-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm2-orange-ol:disabled,
button.parti_btn-xsm2-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm2-white:disabled,
button.parti_btn-xsm2-white[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm2-white-ol:disabled,
button.parti_btn-xsm2-white-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm2-gray2:disabled,
button.parti_btn-xsm2-gray2[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xsm2-gray2-ol:disabled,
button.parti_btn-xsm2-gray2-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxs-blue:disabled,
button.parti_btn-xxs-blue[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxs-blue-ol:disabled,
button.parti_btn-xxs-blue-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxs-red:disabled,
button.parti_btn-xxs-red[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxs-red-ol:disabled,
button.parti_btn-xxs-red-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxs-gray:disabled,
button.parti_btn-xxs-gray[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxs-gray-ol:disabled,
button.parti_btn-xxs-gray-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxs-dark-orange:disabled,
button.parti_btn-xxs-dark-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxs-dark-orange-ol:disabled,
button.parti_btn-xxs-dark-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxs-orange:disabled,
button.parti_btn-xxs-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxs-orange-ol:disabled,
button.parti_btn-xxs-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxs-white:disabled,
button.parti_btn-xxs-white[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxs-white-ol:disabled,
button.parti_btn-xxs-white-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxs-gray2:disabled,
button.parti_btn-xxs-gray2[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xxs-gray2-ol:disabled,
button.parti_btn-xxs-gray2-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xs-blue:disabled,
button.parti_btn-xs-blue[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xs-blue-ol:disabled,
button.parti_btn-xs-blue-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xs-red:disabled,
button.parti_btn-xs-red[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xs-red-ol:disabled,
button.parti_btn-xs-red-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xs-gray:disabled,
button.parti_btn-xs-gray[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xs-gray-ol:disabled,
button.parti_btn-xs-gray-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xs-dark-orange:disabled,
button.parti_btn-xs-dark-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xs-dark-orange-ol:disabled,
button.parti_btn-xs-dark-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xs-orange:disabled,
button.parti_btn-xs-orange[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xs-orange-ol:disabled,
button.parti_btn-xs-orange-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xs-white:disabled,
button.parti_btn-xs-white[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xs-white-ol:disabled,
button.parti_btn-xs-white-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xs-gray2:disabled,
button.parti_btn-xs-gray2[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.parti_btn-xs-gray2-ol:disabled,
button.parti_btn-xs-gray2-ol[disabled] {
  background-color: #8DAFC8;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

.parti .modal {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 1;
  font-weight: 600;
}
.parti .modal_bg {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2509803922);
  opacity: 0.25;
}
.parti .modal_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 920px;
  overflow: auto;
  background: #fff;
  border-radius: 20px;
}
@media (max-width: 768px) {
  .parti .modal_inner {
    top: 46%;
  }
}
.parti .modal_inner_content {
  color: #000000;
  text-align: center;
  font-size: 18px;
  white-space: normal;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 768px) {
  .parti .modal_inner_content {
    font-size: 13px;
    margin: 24px 0;
    gap: 16px;
  }
  .parti .modal_inner_content.margin-0 {
    margin: 0 !important;
  }
}
.parti .modal_inner_content.margin-0 {
  margin: 0 !important;
}
.parti .modal_inner_title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  font-style: normal;
}
.parti .modal_inner_plain_text {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.parti .modal_inner_form_title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}
.parti .modal_icon {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
}
.parti .modal_inner_contain_form {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 813px;
  overflow: auto;
  padding: 16px 0 0 0;
  background: #fff;
  border-radius: 20px;
}
@media (max-width: 768px) {
  .parti .modal_inner_contain_form {
    top: 46%;
    width: 90%;
  }
}

.parti_table_scroll {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.parti_table_scroll.auto-scroll {
  overflow-x: auto;
}

.parti_table_main {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 14px;
  width: 100%;
}
.parti_table_main th {
  text-align: center;
  padding: 12px;
  color: #000;
  border-bottom: solid 1px #FF6B00;
}
.parti_table_main .th_l {
  text-align: left;
  padding: 12px;
  color: #000;
  border-bottom: solid 1px #FF6B00;
}
.parti_table_main td {
  text-align: center;
  padding: 12px;
  vertical-align: middle;
  border-bottom: solid 1px #FF6B00;
}
.parti_table_main .td_l {
  text-align: left;
  padding: 8px;
  vertical-align: middle;
  border-bottom: solid 1px #FF6B00;
}
.parti_table_main .gray_border_bottom {
  border-bottom: solid 1px #969696;
}
.parti_table_main .th_list_xl {
  width: 140px;
}
.parti_table_main .th_list_sm {
  width: 90px;
}
.parti_table_main .th_xl {
  width: 320px;
}
.parti_table_main .th_xlg {
  width: 280px;
}
.parti_table_main .th_lg {
  width: 210px;
}
.parti_table_main .th_md {
  width: 200px;
}
.parti_table_main .th_sm {
  width: 100px;
}
.parti_table_main .th_delete {
  width: 90px;
}
.parti_table_main .td_column_start {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.parti_table_main .td_column {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
}
.parti_table_main .td_flex_start {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 4px;
}
.parti_table_main .td_flex {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 8px;
}
.parti_table_main .td_flex_gap_sm {
  display: flex;
  align-items: center;
  gap: 8px;
}
.parti_table_main .td_flex_gap_xl {
  display: flex;
  align-items: center;
  gap: 16px;
}
.parti_table_main .td_grid_gap_24 {
  display: grid;
  gap: 24px;
}
.parti_table_main .td_grid_gap_8 {
  display: grid;
  gap: 8px;
}
.parti_table_main .td_center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.parti_table_main .td_m_auto {
  margin: 0 auto;
}
.parti_table_main .td_mt_8 {
  margin: 8px auto 0;
}
.parti_table_main .td_select {
  position: relative;
  width: 100%;
}
.parti_table_main .td_select select {
  position: relative;
  width: 100%;
  text-align: left;
  padding: 21px;
  border: solid 1px darkblue;
  border-radius: 8px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.parti_table_main .td_select:after {
  content: "";
  position: absolute;
  right: 24px;
  top: 36px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #FF6B00;
  border-left: 2px solid #FF6B00;
  pointer-events: none;
  transform: translateY(-50%) rotate(-135deg);
}
.parti_table_main.fixed-cols {
  width: 100%;
  /* min-width moved to responsive rules below to avoid forcing early scroll */
  table-layout: fixed;
}
.parti_table_main.fixed-cols thead tr > th:nth-child(1),
.parti_table_main.fixed-cols tbody tr > td:nth-child(1) {
  width: 80px !important;
  max-width: 80px !important;
}
.parti_table_main.fixed-cols thead tr > th:nth-child(2),
.parti_table_main.fixed-cols tbody tr > td:nth-child(2) {
  width: 204px !important;
  max-width: 204px !important;
}
.parti_table_main.fixed-cols thead tr > th:nth-child(3),
.parti_table_main.fixed-cols tbody tr > td:nth-child(3) {
  width: 160px !important;
  max-width: 160px !important;
}
.parti_table_main.fixed-cols thead tr > th:nth-child(4),
.parti_table_main.fixed-cols tbody tr > td:nth-child(4) {
  width: 480px !important;
}
.parti_table_main.fixed-cols thead tr > th:nth-child(5),
.parti_table_main.fixed-cols tbody tr > td:nth-child(5) {
  width: 160px !important;
  max-width: 160px !important;
}
.parti_table_main.fixed-cols th,
.parti_table_main.fixed-cols td {
  white-space: normal !important;
  overflow-wrap: anywhere;
  box-sizing: border-box;
}
@media (min-width: 1280px) {
  .parti_table_main.fixed-cols thead tr > th:nth-child(4),
  .parti_table_main.fixed-cols tbody tr > td:nth-child(4) {
    width: auto !important;
    min-width: 480px !important;
  }
}
@media (max-width: 1279.98px) {
  .parti_table_main.fixed-cols thead tr > th:nth-child(4),
  .parti_table_main.fixed-cols tbody tr > td:nth-child(4) {
    width: auto !important;
    min-width: 480px !important;
  }
}
@media (min-width: 768px) {
  .parti_table_main.fixed-cols .parti_table_scroll {
    overflow-x: auto;
  }
  .parti_table_main.fixed-cols {
    min-width: 1084px !important;
    table-layout: fixed !important;
    border-collapse: collapse;
  }
  .parti_table_main.fixed-cols thead tr > th:nth-child(4),
  .parti_table_main.fixed-cols tbody tr > td:nth-child(4) {
    min-width: 500px !important;
    width: auto !important;
  }
}
@media (max-width: 767.98px) {
  .parti_table_main.fixed-cols {
    min-width: 0 !important;
  }
  .parti_table_main.fixed-cols thead tr > th:nth-child(4),
  .parti_table_main.fixed-cols tbody tr > td:nth-child(4) {
    min-width: 0 !important;
    width: auto !important;
  }
}

.pati_tr-gray {
  color: #909090;
  background-color: #EEE;
}

.pati_tr-text-gray {
  color: #969696;
}

.pati_td_red {
  color: #FF3B30;
}

/* Mobile card list (shown when md:hidden) */
.mail-card {
  font-family: Hiragino Sans;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  vertical-align: middle;
  color: #000;
}
.mail-card__title {
  display: flex;
  align-items: baseline;
  gap: 8px;
  word-break: break-word;
}
.mail-card__index {
  flex: 0 0 auto;
}
.mail-card__subject {
  flex: 1 1 auto;
  overflow-wrap: anywhere;
}

.parti_disabled-white input[disabled] {
  background-color: #FFFFFF;
}

.parti_form_ctn {
  display: block;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  width: 100%;
}
.parti_form_ctn_input {
  min-width: 240px;
  width: 100%;
  height: 40px;
  display: block;
  padding: 0.9rem;
  font-size: 14px;
  border-radius: 4px;
  display: inline-flex;
  color: #000000;
  padding: 0 0.9rem;
}
.parti_form_ctn_input::placeholder {
  color: #A5ADA9;
}
.parti_form_ctn_input:focus {
  border: 1px solid #FF6B00;
}
@media (max-width: 1200px) {
  .parti_form_ctn_input {
    width: 100%;
  }
}
.parti_form_ctn_input_2 {
  min-width: 240px;
  width: 100%;
  height: 80px;
  display: block;
  padding: 0.9rem;
  font-size: 14px;
  border-radius: 4px;
  display: inline-flex;
  color: #000000;
  padding: 0.9rem;
}
.parti_form_ctn_input_2::placeholder {
  color: #A5ADA9;
}
.parti_form_ctn_input_2:focus {
  border: 1px solid #FF6B00;
}
@media (max-width: 1200px) {
  .parti_form_ctn_input_2 {
    width: 100%;
  }
}
.parti_form_ctn_radio {
  opacity: 0;
  position: absolute;
  /* Custom style for the fake radio button */
}
.parti_form_ctn_radio_custom {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  border: 2px solid #B6C0C0;
  display: inline-block;
  position: relative;
  background-color: white;
}
.parti_form_ctn_radio:checked + .parti_form_ctn_radio_custom::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #5A5A5A;
}
.parti_form_ctn_checkbox {
  opacity: 0;
  position: absolute;
}
.parti_form_ctn_checkbox_custom {
  display: inline-block;
  height: 19px;
  width: 19px;
  background-color: white;
  border: 2px solid #B6C0C0;
  position: relative;
}
.parti_form_ctn_checkbox:checked + .parti_form_ctn_checkbox_custom::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  height: 10px;
  width: 6px;
  border: solid #5A5A5A;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.parti_form_ctn_select {
  min-width: 320px;
  width: 100%;
  height: 40px;
  display: block;
  padding: 0.9rem;
  font-size: 14px;
  border-radius: 4px;
  display: inline-flex;
  color: #000000;
  padding: 0 0.9rem;
}
.parti_form_ctn_select::placeholder {
  color: #A5ADA9;
}
.parti_form_ctn_select:focus {
  border: 1px solid #FF6B00;
}
@media (max-width: 1200px) {
  .parti_form_ctn_select {
    width: 100%;
  }
}
.parti_form_ctn_select_150 {
  min-width: 150px;
  width: 100%;
  height: 40px;
  display: block;
  padding: 0.9rem;
  font-size: 14px;
  border-radius: 10px;
  display: inline-flex;
  color: #000000;
  padding: 0 0.9rem;
}
.parti_form_ctn_select_150::placeholder {
  color: #A5ADA9;
}
.parti_form_ctn_select_150:focus {
  border: 1px solid #FF6B00;
}
@media (max-width: 1200px) {
  .parti_form_ctn_select_150 {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .parti_form_btn {
    width: 100%;
  }
}
.parti_error_message {
  color: #FF3B30;
  margin-bottom: 4px;
}
.parti_error_border {
  border-color: #FF3B30 !important;
}

.parti-select2 {
  /* Style the dropdown options */
}
.parti-select2 .select2-container .select2-results__option {
  border-bottom: 1px solid rgba(255, 107, 0, 0.2); /* Adds a border between options */
  padding: 1rem;
}
.parti-select2 .select2-selection {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: start;
}
.parti-select2 {
  /* Hover state styling */
}
.parti-select2 .select2-container .select2-results__option.select2-results__option--highlighted {
  background-color: #FFF8E5; /* Changes background color on hover */
  color: #000; /* Change text color on hover for better contrast */
}
.parti-select2 {
  /* remove the border for the select2 section */
}
.parti-select2 .select2-selection.select2-selection--single {
  border: none;
}
.parti-select2 .select2-container--default .select2-results__option--selected {
  background-color: #fff;
}
.parti-select2 {
  /* remove the border for the select2 dropdown */
}
.parti-select2 .select2-container--default .select2-dropdown {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  border: none;
}
.parti-select2 {
  /* Add right padding to prevent text overlap with the arrow */
}
.parti-select2 .select2-container--default .select2-selection--single {
  border: none;
  padding-right: 30px;
}
.parti-select2 {
  /* hide the default arrows */
}
.parti-select2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.parti-select2 {
  /* add our custom icon */
}
.parti-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
  background-image: url(/assets/icons/arrow-down-orange-7e5457ee1ead85d4b4537c6c440224727d30c089befc4c2c4496cda9df3b1efc.svg);
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}
.parti-select2 {
  /* multiple select border style */
}
.parti-select2 .select2-container--default .select2-selection--multiple {
  border: none;
}

.form-calendar-orange {
  background-image: url(/assets/icons/calendar_month_orange-eec6ac55dadf04f9053c1b47fe6d8bcc2162c3169e2f46cdbf2db97fc0228b56.svg);
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
}

.form-arrow-down-orange {
  background-image: url(/assets/icons/arrow-down-orange-7e5457ee1ead85d4b4537c6c440224727d30c089befc4c2c4496cda9df3b1efc.svg) !important;
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}

.parti-text-header {
  font-family: Hiragino Sans;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  color: #000000;
}
@media (max-width: 768px) {
  .parti-text-header {
    font-size: 30px;
  }
}
@media (max-width: 424px) {
  .parti-text-header {
    font-size: 24px;
  }
}

.parti-text-subheader {
  font-family: Hiragino Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  color: #000000;
}
@media (max-width: 424px) {
  .parti-text-subheader {
    font-size: 15px;
    font-weight: 400;
  }
}

.parti-text {
  font-family: Hiragino Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #000000;
}
@media (max-width: 424px) {
  .parti-text {
    font-size: 12px;
  }
}

.parti-memo {
  font-family: Hiragino Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  color: #000000;
}

.parti_flash_error {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.parti_flash_error .error {
  color: #FF3B30;
}
.parti_flash_success, .parti_flash_notice {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.parti_flash_success .success, .parti_flash_success .notice, .parti_flash_notice .success, .parti_flash_notice .notice {
  color: #0039E6;
}
.parti_flash_alert {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.parti_flash_alert .alert {
  color: #ff9933;
}

.parti-clip-path::before {
  content: attr(data-category-name);
  color: #fff;
  position: absolute;
  width: 205px;
  height: 100px;
  background-color: #FF6B00;
  clip-path: polygon(0 0, 90% 0, 100% 25%, 90% 50%, 0 50%);
  padding-right: 20px;
}

/* Participant Mails — Pagination (scoped) */
.participant-mails-index .pagination {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
}
.participant-mails-index .pagination .page, .participant-mails-index .pagination .prev, .participant-mails-index .pagination .next, .participant-mails-index .pagination .gap {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  border: 1px solid #CFCFCF;
  border-radius: 10px;
  background: #fff;
  color: #5A5A5A;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  box-sizing: border-box;
}
.participant-mails-index .pagination .page a {
  color: inherit;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.participant-mails-index .pagination .page.current {
  background: #FF6B00;
  border-color: #FF6B00;
  color: #fff;
}
.participant-mails-index .pagination .gap {
  color: #9E9E9E;
  padding: 0 16px;
}
.participant-mails-index .pagination .prev, .participant-mails-index .pagination .next {
  padding: 0;
  width: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
  color: transparent;
  font-size: 0;
}
.participant-mails-index .pagination .prev {
  background-image: url(/assets/harasuma/pagination_arrow_left-4d8c2fa56a86db66a462981a0d73bae8205619301469dc26d7b69668ba740b19.svg);
}
.participant-mails-index .pagination .next {
  background-image: url(/assets/harasuma/pagination_arrow_right-77f2134b3ca2e2bd2cb2195cccde34fb0cf74327fbfd105a400d404d5dc89d95.svg);
}

.instructor_table_main {
  border-collapse: collapse;
  width: 100%;
  min-width: 1100px;
  font-size: 16px;
  color: #000;
  border: #B6C0C0 1px solid;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .instructor_table_main {
    display: block;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
.instructor_table_main th {
  text-align: center;
  padding: 0 15px;
  vertical-align: middle;
  border: #B6C0C0 1px solid;
  background-color: #F4F7FA;
  height: 48px;
  font-weight: 600;
}
.instructor_table_main .left-align-headers th:not(:last-child) {
  text-align: left;
}
.instructor_table_main td {
  max-width: 300px;
  overflow-wrap: break-word;
  padding: 12px;
  vertical-align: middle;
  border: #B6C0C0 1px solid;
  min-height: 64px;
}
.instructor_table_main .gray-block {
  background-color: #F4F7FA;
}
.instructor_table_tag {
  font-size: 14px;
  line-height: 1.3;
  padding: 1px 8px;
  background-color: #FC7D55;
  border-radius: 8px;
  color: #fff;
  max-width: 56px;
}
.instructor_table_number_tag {
  font-size: 14px;
  line-height: 1.3;
  padding: 1px 8px;
  background-color: #FF3B30;
  border-radius: 50%;
  color: #fff;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.instructor_thin_border {
  border: #B6C0C0 1px solid;
  border-collapse: separate;
  border-spacing: 0;
}
.instructor_table_grid {
  display: grid;
  border: none !important;
}
.instructor .medical_exam {
  width: 100%;
}
.instructor .medical_exam th {
  height: 56px;
  max-width: 14rem;
  padding-left: 10px;
  padding-right: 10px;
}
.instructor .medical_exam td {
  height: 56px;
  max-width: 14rem;
  vertical-align: middle;
  font-weight: 400;
  padding-left: 10px;
  padding-right: 10px;
}
.instructor .medical_exam tr {
  border-bottom: #B6C0C0 1px solid;
}
.instructor .medical_exam p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .instructor .medical_exam {
    font-size: 12px !important;
    min-width: 33%;
  }
  .instructor .medical_exam th {
    height: 40px;
  }
  .instructor .medical_exam td .instructor_form_contents_label {
    font-size: 12px !important;
  }
}
.instructor .table_scroll {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  /*scroll barを消す*/
  /*Microsoft Edgeへの対応*/
  -ms-overflow-style: none;
  /*Firefoxへの対応*/
  scrollbar-width: none;
}
.instructor {
  /*scroll barを消す*/
  /*Google Chrome、Safariへの対応*/
}
.instructor .table_scroll::-webkit-scrollbar {
  display: none;
}
.instructor .attention_text {
  font-size: 14px;
  color: #FF3B30;
  font-weight: 400;
}
.instructor-table-wrapper {
  display: flex;
  width: 100%;
}
.instructor-table-wrapper .sort_arrow_up {
  background-image: url(/assets/icons/arrow-up-b36ae7743322b73cae1bb3de1182b0a9f9ce77f80f80b7bc8979890167500b94.svg);
  background-position: right 10px top 14px;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}
.instructor-table-wrapper .sort_arrow_down {
  background-image: url(/assets/icons/arrow-down-95924b26d6aafa296bf38a3ce410c7c52301ad1ad9c526763666993a55a3c474.svg);
  background-position: right 10px top 14px;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}
.instructor-table-wrapper .sort_arrow_neutral {
  background-image: url(/assets/icons/arrow-neutral-6cde81a7ba3d73dd9ff0012df8ac9d8f40242182522ead73efb704242461ba39.svg);
  background-position: right 10px top 14px;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}
.instructor-table-wrapper table {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-family: Hiragino Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #000000;
}
.instructor-table-wrapper tbody tr {
  border-bottom: 1px solid #B6C0C0;
  border-left: 1px solid #B6C0C0;
}
.instructor-table-wrapper tbody tr .gray-block:first-child {
  border-left-width: 0;
}
.instructor-table-wrapper th {
  font-weight: 600;
  padding: 11px 0px;
  flex-shrink: 0;
}
.instructor-table-wrapper td {
  height: 64px;
  line-clamp: 3;
  padding-left: 8px;
  padding-right: 8px;
}
.instructor-table-wrapper tr {
  font-size: 0;
}
.instructor-table-wrapper td,
.instructor-table-wrapper th {
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: left;
  padding-left: 8px;
}
.instructor-table-wrapper td p,
.instructor-table-wrapper th p {
  white-space: break-spaces;
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.instructor-table-wrapper .th-2xl,
.instructor-table-wrapper .td-2xl {
  width: 352px;
}
.instructor-table-wrapper .th-xl,
.instructor-table-wrapper .td-xl {
  width: 296px;
}
.instructor-table-wrapper .th-2md,
.instructor-table-wrapper .td-2md {
  width: 288px;
}
.instructor-table-wrapper .th-lg,
.instructor-table-wrapper .td-lg {
  width: 204px;
}
.instructor-table-wrapper .th-md,
.instructor-table-wrapper .td-md {
  width: 144px;
}
.instructor-table-wrapper .th-sm2,
.instructor-table-wrapper .td-sm2 {
  width: 100px;
}
.instructor-table-wrapper .th-sm,
.instructor-table-wrapper .td-sm {
  width: 60px;
}
.instructor-table-wrapper .scrollable-table {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
}
.instructor-table-wrapper .scrollable-table tbody tr .gray-block:first-child {
  border-top-width: 0;
  border-bottom-width: 0;
  display: inline-flex;
  justify-content: center;
}
.instructor-table-wrapper .scrollable-table thead .gray-block {
  border-right-width: 0;
}
.instructor-table-wrapper .fixed-table {
  flex-shrink: 0;
  overflow-x: hidden;
}
.instructor-table-wrapper .fixed-table td, .instructor-table-wrapper .fixed-table th {
  justify-content: center;
}
.instructor-table-wrapper .fixed-table tbody tr {
  border-right: 1px solid #B6C0C0;
}
.instructor-table-wrapper .fixed-table tbody .operation-column {
  border: 0;
}
.instructor-table-wrapper .scrollable-table .right-table {
  border-right: 1px solid #B6C0C0;
}
.instructor-table-wrapper .scrollable-table .right-table tbody tr {
  border-left-width: 0;
}
.instructor-table-wrapper .fixed-table .left-table th, .instructor-table-wrapper .fixed-table .left-table td {
  justify-content: flex-start;
}
.instructor-table-wrapper .gray-block {
  border: 1px solid #B6C0C0;
  background-color: #F4F7FA;
}
.instructor-table-wrapper .gray-block-no-border {
  background-color: #F4F7FA;
}
.instructor-table-wrapper .sortable {
  cursor: pointer;
}
.instructor-table-wrapper .desc, .instructor-table-wrapper .asc {
  position: relative;
}
.instructor-table-wrapper .desc::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 8px;
  width: 18px;
  height: 18px;
  background: url(/assets/icons/arrow-down-95924b26d6aafa296bf38a3ce410c7c52301ad1ad9c526763666993a55a3c474.svg) no-repeat center;
  pointer-events: none;
  background-size: 18px 18px;
}
.instructor-table-wrapper .asc::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 8px;
  width: 18px;
  height: 18px;
  background: url(/assets/icons/arrow-down-95924b26d6aafa296bf38a3ce410c7c52301ad1ad9c526763666993a55a3c474.svg) no-repeat center;
  pointer-events: none;
  transform: rotate(180deg);
  background-size: 18px 18px;
}

.instructor_form_contents {
  display: block;
  /* wkhtmltopdf uses this one */
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0px;
  background-color: #fff;
  width: 100%;
}
.instructor_form_contents_label {
  color: #000;
  margin-right: 24px;
  font-size: 16px;
  font-weight: 600;
}
.instructor_form_contents_field {
  min-width: 320px;
  width: auto;
  height: 53px;
  display: block;
  padding: 0.9rem;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #B6C0C0;
  border-radius: 4px;
  height: 40px;
  padding: 8px;
  font-size: 16px;
  font-weight: 400;
  display: inline-flex;
  color: #000;
}
.instructor_form_contents_field::placeholder {
  color: #A5ADA9;
}
.instructor_form_contents_field:focus {
  border-color: #3A8DCA;
}
@media (max-width: 1200px) {
  .instructor_form_contents_field {
    width: 100%;
  }
}
.instructor_form_contents_field_full {
  min-width: 100%;
  width: auto;
  height: 53px;
  display: block;
  padding: 0.9rem;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #B6C0C0;
  border-radius: 4px;
  height: 40px;
  padding: 8px;
  font-size: 16px;
  font-weight: 400;
  display: inline-flex;
  color: #000;
}
.instructor_form_contents_field_full::placeholder {
  color: #A5ADA9;
}
.instructor_form_contents_field_full:focus {
  border-color: #3A8DCA;
}
@media (max-width: 1200px) {
  .instructor_form_contents_field_full {
    width: 100%;
  }
}
.instructor_form_contents_field_small {
  min-width: 104px;
  width: auto;
  height: 53px;
  display: block;
  padding: 0.9rem;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #B6C0C0;
  border-radius: 4px;
  height: 40px;
  padding: 8px;
  font-size: 16px;
  font-weight: 400;
  display: inline-flex;
  color: #000;
}
.instructor_form_contents_field_small::placeholder {
  color: #A5ADA9;
}
.instructor_form_contents_field_small:focus {
  border-color: #3A8DCA;
}
@media (max-width: 1200px) {
  .instructor_form_contents_field_small {
    width: 100%;
  }
}
.instructor_form_contents_field_small.select2_no_search_small + span {
  width: 104px !important;
  min-width: 104px !important;
}
.instructor_form_contents_field_middle {
  min-width: 240px;
  width: auto;
  height: 53px;
  display: block;
  padding: 0.9rem;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #B6C0C0;
  border-radius: 4px;
  height: 40px;
  padding: 8px;
  padding-left: 1rem;
  font-size: 16px;
  font-weight: 400;
  display: inline-flex;
  color: #000;
}
.instructor_form_contents_field_middle::placeholder {
  color: #A5ADA9;
}
.instructor_form_contents_field_middle:focus {
  border-color: #3A8DCA;
}
@media (max-width: 1200px) {
  .instructor_form_contents_field_middle {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .instructor_form_btn {
    width: 100%;
  }
}
.instructor_error_message {
  color: #FF3B30;
  margin-bottom: 4px;
  font-size: 12px;
}
.instructor_error_border {
  border-color: #FF3B30 !important;
}
.instructor_error_border_select2 span {
  border-color: #FF3B30 !important;
}
.instructor .attention-message {
  color: #FF0000;
  font-size: 14px;
}
.instructor .attention-blue-message {
  color: #3A8DCA;
  font-size: 14px;
}
.instructor .heading-label {
  text-align: center;
  background-color: #3A8DCA;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  width: 104px;
  height: 24px;
  border-radius: 8px;
  border: 2px solid #3A8DCA;
}
@media (max-width: 768px) {
  .instructor .heading-label {
    width: 100%;
  }
}
.instructor .out-line {
  background-color: #fff;
  color: #3A8DCA;
}
.instructor .select2 {
  height: 40px;
  width: 100% !important;
}
.instructor .select2-selection.select2-selection--single {
  height: 40px;
  border: 1px solid #B6C0C0;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.instructor .select2-selection .select2-selection__rendered {
  display: flex !important;
  padding-left: 0.5rem !important;
  align-items: center !important;
  color: #0F161D !important;
  font-weight: 400;
  font-size: 16px;
}
.instructor .select2-selection .select2-selection__arrow {
  height: 40px !important;
  width: 36px !important;
}
.instructor .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.instructor .select2-container--default .select2-selection--single .select2-selection__arrow {
  background-image: url(/assets/icons/arrow-down-95924b26d6aafa296bf38a3ce410c7c52301ad1ad9c526763666993a55a3c474.svg);
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}
.instructor .select2-search__field::placeholder {
  font-size: 1rem !important;
  font-weight: 600 !important;
  font-feature-settings: normal;
  color: rgba(15, 22, 29, 0.5019607843) !important;
}
.instructor input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 19px;
  height: 19px;
  min-width: 19px;
  background-clip: content-box;
  border: 1px solid #C1D0DF;
  cursor: pointer;
  position: relative;
}
.instructor input[type=checkbox]:after {
  content: "";
  position: absolute;
  border: solid #3A8DCA;
  border-width: 0 2px 2px 0;
  left: 4px;
  top: 0px;
  width: 8px;
  height: 12px;
  transform: rotate(45deg);
  opacity: 0;
}
.instructor input[type=checkbox]:checked:after {
  opacity: 1;
}
.instructor input[type=checkbox]:checked {
  border: 1px solid #B6C0C0;
}
.instructor.instructor--gray input[type=checkbox] {
  border: 1px solid #B6C0C0;
}
.instructor.instructor--gray input[type=checkbox]:after {
  content: "";
  position: absolute;
  border: solid #B6C0C0;
  border-width: 0 2px 2px 0;
  left: 4px;
  top: 0px;
  width: 8px;
  height: 12px;
  transform: rotate(45deg);
  opacity: 0;
}
.instructor.instructor--gray input[type=checkbox]:checked:after {
  opacity: 1;
}
.instructor.instructor--gray input[type=checkbox]:checked {
  border: 1px solid #B6C0C0;
}
.instructor.instructor--gray input[type=radio]:checked:after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #B6C0C0;
}
.instructor.instructor--orange input[type=checkbox] {
  border: 1px solid #FF6B00;
}
.instructor.instructor--orange input[type=checkbox]:after {
  content: "";
  position: absolute;
  border: solid #FF6B00;
  border-width: 0 2px 2px 0;
  left: 4px;
  top: 0px;
  width: 8px;
  height: 12px;
  transform: rotate(45deg);
  opacity: 0;
}
.instructor.instructor--orange input[type=checkbox]:checked:after {
  opacity: 1;
}
.instructor.instructor--orange input[type=checkbox]:checked {
  border: 1px solid #FF6B00;
}
.instructor.instructor--orange input[type=radio]:checked:after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #FF6B00;
}
.instructor.instructor--blue input[type=checkbox] {
  border: 1px solid #3A8DCA;
}
.instructor.instructor--blue input[type=checkbox]:after {
  content: "";
  position: absolute;
  border: solid #3A8DCA;
  border-width: 0 2px 2px 0;
  left: 4px;
  top: 0px;
  width: 8px;
  height: 12px;
  transform: rotate(45deg);
  opacity: 0;
}
.instructor.instructor--blue input[type=checkbox]:checked:after {
  opacity: 1;
}
.instructor.instructor--blue input[type=checkbox]:checked {
  border: 1px solid #3A8DCA;
}
.instructor.instructor--blue input[type=radio]:checked:after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #3A8DCA;
}
.instructor #displaySelectBox {
  min-width: 240px;
}
.instructor .display_select_box {
  border: 1px solid #B6C0C0;
  padding: 8px;
  border-radius: 4px;
}
.instructor .display_select_box label {
  padding: 8px;
}
.instructor input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  border: 1px solid #B6C0C0;
  display: inline-block;
  position: relative;
  background-color: white;
  cursor: pointer;
}
.instructor input[type=radio]:checked:after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #3A8DCA;
}
.instructor .attachment-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #3A8DCA;
  font-size: 16px;
  padding: 2px 12px;
  border-radius: 30px;
  min-width: 208px;
  margin-bottom: 10px;
  margin-top: 10px;
  overflow-wrap: break-word;
  word-break: break-all;
}
.instructor .close-btn {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  margin-left: 12px;
}
.instructor .close-btn::before,
.instructor .close-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 20px;
  background: #3A8DCA;
}
.instructor .close-btn::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.instructor .close-btn::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.instructor .slide-switch {
  position: relative;
  height: 32px;
  width: 52px;
  background-color: #fff;
  user-select: none;
  cursor: pointer;
}
.instructor .slide-switch input[type=checkbox] {
  display: none;
}
.instructor .slide-switch label {
  display: block;
}
.instructor .slide-switch:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  display: block;
  background-color: #B6C0C0;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.instructor .slide-switch:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 26px;
  height: 26px;
  border-radius: 50px;
  display: block;
  background-color: #fff;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.instructor .slide-switch.checked:before {
  background-color: #76EE59;
}
.instructor .slide-switch.checked:after {
  left: 23px;
}
.instructor .no_spin_btn::-webkit-inner-spin-button,
.instructor .no_spin_btn::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance: textfield;
}
.instructor .long_select_option .select2-selection.select2-selection--single > span {
  display: inline-block !important;
  width: 180px;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.instructor-select2 .select2 {
  height: 40px;
  width: 100% !important;
}
.instructor-select2 .select2-hidden-accessible {
  width: 1px !important;
  left: 0;
}
.instructor-select2 {
  /* Style the dropdown options */
}
.instructor-select2 .select2-container .select2-results__option {
  border-bottom: 1px solid #F4F9FD;
  /* Adds a border between options */
}
.instructor-select2 {
  /* Hover state styling */
}
.instructor-select2 .select2-container .select2-results__option.select2-results__option--highlighted {
  background-color: #F4F7FA;
  /* Changes background color on hover */
  color: #000;
  /* Change text color on hover for better contrast */
}
.instructor-select2 {
  /* remove the border for the select2 section */
}
.instructor-select2 .select2-selection.select2-selection--single,
.instructor-select2 .select2-selection.select2-selection--multiple {
  height: 40px;
  border: 1px solid #B6C0C0;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.instructor-select2 .select2-selection.select2-selection--multiple {
  padding: 0;
}
.instructor-select2 .select2-container .select2-selection--multiple .select2-selection__rendered {
  height: 100%;
}
.instructor-select2 .select2-container .select2-selection__placeholder {
  font-size: 15px;
  font-weight: 400;
  color: #B6C0C0;
}
.instructor-select2 #schedule_search_form .select2-container .select2-selection__placeholder {
  font-size: 16px;
  color: #A5ADA9;
}
.instructor-select2 .select2-container .select2-selection--multiple textarea.select2-search__field::placeholder {
  font-size: 16px;
  font-weight: 400;
  color: #B6C0C0;
}
.instructor-select2 {
  /* remove the border for the select2 dropdown */
}
.instructor-select2 .select2-container--default .select2-dropdown {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.instructor-select2 {
  /* hide the default arrows */
}
.instructor-select2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.instructor-select2 .select2-selection.select2-selection--single,
.instructor-select2 .select2-selection.select2-selection--multiple {
  padding-right: 36px;
}
.instructor-select2 {
  /* add our custom icon */
}
.instructor-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
  background-image: url(/assets/icons/arrow-down-95924b26d6aafa296bf38a3ce410c7c52301ad1ad9c526763666993a55a3c474.svg);
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}
.instructor-select2 .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin: 2px !important;
}
.instructor-select2 .select2-selection .select2-selection__rendered {
  display: flex !important;
  padding-left: 0.5rem !important;
  align-items: center !important;
  color: #0F161D !important;
  font-weight: 400;
  font-size: 16px;
}
.instructor-select2 .select2-container .select2-search--inline {
  height: 40px;
}
.instructor-select2 .select2-selection .select2-selection__arrow {
  height: 40px !important;
  width: 36px !important;
}
.instructor-select2 .select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #F4F7FA;
}
.instructor-select2 .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow {
  background-image: url(/assets/icons/arrow-down-disabled-55ebfcdc0bf0ee3175aa68d9e7c2f5778b05c83a1eb255e025239e93e956be78.svg);
}

.instructor .instructor-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: rgba(244, 247, 250, 0.85) !important;
}

.instructor .bbs_post_label {
  font-size: 16px;
  font-weight: 600;
  border-radius: 4px;
  padding: 8px 40px;
  background-color: #F4F7FA;
}
.instructor .bbs_post_sub_title {
  font-size: 16px;
  font-weight: 600;
}
.instructor .bbs_post_title_field {
  overflow-wrap: break-word;
  word-break: break-all;
  max-width: 500px;
}
.instructor .bbs_post_post_body p {
  margin: 16px 0;
}
.instructor .bbs_comment_field {
  padding: 16px;
  min-height: 64px;
  max-width: 100%;
  border-radius: 4px;
  overflow-x: auto;
  border: 1px solid #B6C0C0;
  background-color: #F4F7FA;
  overflow-wrap: break-word;
  word-break: break-all;
}
@media (max-width: 1200px) {
  .instructor .bbs_comment_field {
    width: 100%;
    min-width: auto;
  }
}
.instructor .bbs_comment_input_field {
  padding: 16px;
  min-height: 160px;
  width: 100%;
  border: 1px solid #A8B2B1;
  border-radius: 4px;
}
@media (max-width: 1200px) {
  .instructor .bbs_comment_input_field {
    width: 100%;
    min-width: auto;
  }
}
.instructor .bbs_comment_scroll {
  display: block;
}
.instructor .border {
  align-items: center;
  justify-content: center;
  display: flex;
}
.instructor .border::before,
.instructor .border::after {
  background-color: #B6C0C0;
  height: 1px;
}
.instructor .not_readed_border {
  align-items: center;
  justify-content: center;
  display: flex;
  color: #FF3B30;
  font-size: 16px;
  font-weight: 400;
}
.instructor .not_readed_border::before,
.instructor .not_readed_border::after {
  content: "";
  flex-grow: 1;
  background-color: #FF3B30;
  height: 1px;
}
.instructor .not_readed_border::before {
  margin-right: 68px;
}
.instructor .not_readed_border::after {
  margin-left: 68px;
}
.instructor .vertical_revision {
  margin-top: 24px;
}
@media (max-width: 992px) {
  .instructor .vertical_revision {
    margin-top: 0px;
  }
}

.instructor_header {
  width: 100%;
  height: 70px;
  background-color: #F4F7FA;
  position: sticky;
  top: 0;
  z-index: 99;
}
@media (max-width: 768px) {
  .instructor_header {
    height: 104px;
  }
}
.instructor .detail_tab {
  align-items: center;
  width: 100%;
  background-color: #fff;
  font-size: 16px;
  overflow-x: auto;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .instructor .detail_tab {
    font-size: 12px;
    height: 32px;
  }
}
.instructor .detail_tab_group {
  display: flex;
  width: 100%;
  justify-content: space-between;
  height: 32px;
}
.instructor .detail_tab_contents_on {
  display: inline-flex;
  padding: auto;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #3A8DCA;
  color: #fff;
  font-weight: 400;
}
.instructor .detail_tab_contents {
  display: inline-flex;
  padding: auto;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #F4F7FA;
  color: #8DAFC8;
  font-weight: 400;
}

.instructor_form {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
.instructor_form .form-input {
  border-radius: 4px;
  border: 1px solid #B6C0C0;
  padding: 8px;
}
.instructor_form .form-input:read-only, .instructor_form .text-area:read-only {
  background-color: #EEEEEE;
}
.instructor_form .text-area {
  border-radius: 4px;
  border: 1px solid #B6C0C0;
  padding: 8px 16px;
  height: 80px;
}
.instructor_insurer-field {
  display: flex;
  column-gap: 32px;
}
.instructor_form-field {
  display: flex;
  column-gap: 16px;
  align-items: center;
}
.instructor_form-field label {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.instructor_form-field .year-picker {
  border: 2px solid;
}
.instructor_form-field .required {
  color: #FF0000;
  font-size: 12px;
  font-weight: 400;
}

.instructor_schedule_container {
  margin-top: 48px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.instructor_schedule_container .registration_button {
  display: flex;
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 296px;
  color: white;
  border-radius: 8px;
  background-color: #3A8DCA;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.64px;
}
.instructor_login_group {
  display: flex;
  column-gap: 16px;
  align-items: center;
  font-weight: normal;
}
.instructor_login_field {
  border: 1px solid #B6C0C0;
  border-radius: 4px;
  width: 336px;
  padding: 8px 16px;
  font-size: 1rem;
  line-height: 150%;
}
.instructor_login_field ::placeholder {
  color: #B6C0C0;
}
.instructor_legal_agreements_container {
  padding-top: 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
}
.instructor_legal_agreements_container button {
  width: 336px;
}
.instructor_page_heading {
  font-size: 40px;
  font-weight: 600;
}

.instructor {
  color: #000;
}

.memo_field {
  padding: 16px;
  min-height: 80px;
  min-width: 930px;
  border-radius: 4px;
  border: 1px solid #B6C0C0;
  background-color: #F4F7FA;
  overflow-wrap: break-word;
  word-break: break-all;
}
@media (max-width: 768px) {
  .memo_field {
    width: 100%;
    min-width: auto;
  }
}
.memo_input_field {
  padding: 16px;
  min-height: 160px;
  width: 100%;
  border: 1px solid #B6C0C0;
}
@media (max-width: 768px) {
  .memo_input_field {
    min-width: auto;
  }
}
.memo_scroll {
  max-height: 500px;
  display: block;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.target_statuses .head_line_text {
  font-size: 15px;
  font-weight: 600;
  color: #000;
}
.target_statuses .status_memo_field {
  padding: 16px;
  min-height: 80px;
  min-width: 800px;
  border-radius: 8px;
  border: 1px solid #B6C0C0;
  overflow-wrap: break-word;
  word-break: break-all;
}
@media (max-width: 768px) {
  .target_statuses .status_memo_field {
    width: 100%;
    min-width: auto;
  }
}
.target_statuses .status_memo_field .memo_content {
  overflow-wrap: break-word;
  word-break: break-all;
  width: 100%;
}
.target_statuses .status_memo_scroll {
  height: 250px;
  font-weight: 400;
  display: block;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.target_statuses .urging_input_form {
  display: flex;
  font-weight: 400;
  font-size: 16px;
  padding: 8px;
  height: 40px;
  width: 80px;
  border-radius: 4px;
  border: 1px solid #B6C0C0;
  text-align: right;
}

/* button.scssは ボタンの色に関する変更を加えるためのファイルです*/
/**
 * Mixin for styling buttons.
 *
 * @param {Map} $dimensions - The dimensions of the button. It should be a map with the keys "max-width" and "height".
 * @param {Color} $color - The font color of the button.
 * @param {Color} $back-color - The background color of the button.
 */
.instructor_btn-lg-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8DCA;
  color: #fff;
}
.instructor_btn-lg-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-lg-blue {
  min-width: 336px;
  height: 48px;
  min-height: 48px;
  border: none;
}

.instructor_btn-lg-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.instructor_btn-lg-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-lg-red {
  min-width: 336px;
  height: 48px;
  min-height: 48px;
  border: none;
}

.instructor_btn-lg-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #B6C0C0;
  color: #fff;
}
.instructor_btn-lg-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-lg-gray {
  min-width: 336px;
  height: 48px;
  min-height: 48px;
  border: none;
}

.instructor_btn-lg-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF6B00;
  color: #fff;
}
.instructor_btn-lg-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-lg-orange {
  min-width: 336px;
  height: 48px;
  min-height: 48px;
  border: none;
}

.instructor_btn-md-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8DCA;
  color: #fff;
}
.instructor_btn-md-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-md-blue {
  min-width: 232px;
  height: 40px;
  min-height: 40px;
  border: none;
}

.instructor_btn-md-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.instructor_btn-md-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-md-red {
  min-width: 232px;
  height: 40px;
  min-height: 40px;
  border: none;
}

.instructor_btn-md-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #B6C0C0;
  color: #fff;
}
.instructor_btn-md-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-md-gray {
  min-width: 232px;
  height: 40px;
  min-height: 40px;
  border: none;
}

.instructor_btn-md-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF6B00;
  color: #fff;
}
.instructor_btn-md-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-md-orange {
  min-width: 232px;
  height: 40px;
  min-height: 40px;
  border: none;
}

.instructor_btn-md-sm-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8DCA;
  color: #fff;
}
.instructor_btn-md-sm-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-md-sm-blue {
  min-width: 144px;
  height: 40px;
  min-height: 40px;
  border: none;
}

.instructor_btn-md-sm-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.instructor_btn-md-sm-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-md-sm-red {
  min-width: 144px;
  height: 40px;
  min-height: 40px;
  border: none;
}

.instructor_btn-md-sm-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #B6C0C0;
  color: #fff;
}
.instructor_btn-md-sm-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-md-sm-gray {
  min-width: 144px;
  height: 40px;
  min-height: 40px;
  border: none;
}

.instructor_btn-md-sm-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF6B00;
  color: #fff;
}
.instructor_btn-md-sm-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-md-sm-orange {
  min-width: 144px;
  height: 40px;
  min-height: 40px;
  border: none;
}

.instructor_btn-sm-2-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8DCA;
  color: #fff;
}
.instructor_btn-sm-2-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-sm-2-blue {
  min-width: 92px;
  height: 24px;
  min-height: 24px;
  border: none;
}

.instructor_btn-sm-2-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.instructor_btn-sm-2-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-sm-2-red {
  min-width: 92px;
  height: 24px;
  min-height: 24px;
  border: none;
}

.instructor_btn-sm-2-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #B6C0C0;
  color: #fff;
}
.instructor_btn-sm-2-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-sm-2-gray {
  min-width: 92px;
  height: 24px;
  min-height: 24px;
  border: none;
}

.instructor_btn-sm-2-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF6B00;
  color: #fff;
}
.instructor_btn-sm-2-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-sm-2-orange {
  min-width: 92px;
  height: 24px;
  min-height: 24px;
  border: none;
}

.instructor_btn-sm-1-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8DCA;
  color: #fff;
}
.instructor_btn-sm-1-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-sm-1-blue {
  min-width: 80px;
  height: 40px;
  min-height: 40px;
  border: none;
}

.instructor_btn-sm-1-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.instructor_btn-sm-1-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-sm-1-red {
  min-width: 80px;
  height: 40px;
  min-height: 40px;
  border: none;
}

.instructor_btn-sm-1-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #B6C0C0;
  color: #fff;
}
.instructor_btn-sm-1-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-sm-1-gray {
  min-width: 80px;
  height: 40px;
  min-height: 40px;
  border: none;
}

.instructor_btn-sm-1-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF6B00;
  color: #fff;
}
.instructor_btn-sm-1-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-sm-1-orange {
  min-width: 80px;
  height: 40px;
  min-height: 40px;
  border: none;
}

.instructor_btn-sm-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8DCA;
  color: #fff;
}
.instructor_btn-sm-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-sm-blue {
  min-width: 80px;
  height: 32px;
  min-height: 32px;
  border: none;
}

.instructor_btn-sm-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.instructor_btn-sm-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-sm-red {
  min-width: 80px;
  height: 32px;
  min-height: 32px;
  border: none;
}

.instructor_btn-sm-gray {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #B6C0C0;
  color: #fff;
}
.instructor_btn-sm-gray:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-sm-gray {
  min-width: 80px;
  height: 32px;
  min-height: 32px;
  border: none;
}

.instructor_btn-sm-orange {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF6B00;
  color: #fff;
}
.instructor_btn-sm-orange:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-sm-orange {
  min-width: 80px;
  height: 32px;
  min-height: 32px;
  border: none;
}

.instructor_btn-lg-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8DCA;
}
.instructor_btn-lg-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-lg-blue-ol {
  min-width: 336px;
  height: 48px;
  min-height: 48px;
  border: 2px solid #3A8DCA;
}

.instructor_btn-lg-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.instructor_btn-lg-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-lg-red-ol {
  min-width: 336px;
  height: 48px;
  min-height: 48px;
  border: 2px solid #FF3B30;
}

.instructor_btn-lg-gray-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #B6C0C0;
}
.instructor_btn-lg-gray-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-lg-gray-ol {
  min-width: 336px;
  height: 48px;
  min-height: 48px;
  border: 2px solid #B6C0C0;
}

.instructor_btn-lg-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.instructor_btn-lg-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-lg-orange-ol {
  min-width: 336px;
  height: 48px;
  min-height: 48px;
  border: 2px solid #FF6B00;
}

.instructor_btn-md-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8DCA;
}
.instructor_btn-md-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-md-blue-ol {
  min-width: 232px;
  height: 40px;
  min-height: 40px;
  border: 2px solid #3A8DCA;
}

.instructor_btn-md-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.instructor_btn-md-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-md-red-ol {
  min-width: 232px;
  height: 40px;
  min-height: 40px;
  border: 2px solid #FF3B30;
}

.instructor_btn-md-gray-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #B6C0C0;
}
.instructor_btn-md-gray-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-md-gray-ol {
  min-width: 232px;
  height: 40px;
  min-height: 40px;
  border: 2px solid #B6C0C0;
}

.instructor_btn-md-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.instructor_btn-md-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-md-orange-ol {
  min-width: 232px;
  height: 40px;
  min-height: 40px;
  border: 2px solid #FF6B00;
}

.instructor_btn-md-sm-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8DCA;
}
.instructor_btn-md-sm-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-md-sm-blue-ol {
  min-width: 144px;
  height: 40px;
  min-height: 40px;
  border: 2px solid #3A8DCA;
}

.instructor_btn-md-sm-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.instructor_btn-md-sm-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-md-sm-red-ol {
  min-width: 144px;
  height: 40px;
  min-height: 40px;
  border: 2px solid #FF3B30;
}

.instructor_btn-md-sm-gray-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #B6C0C0;
}
.instructor_btn-md-sm-gray-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-md-sm-gray-ol {
  min-width: 144px;
  height: 40px;
  min-height: 40px;
  border: 2px solid #B6C0C0;
}

.instructor_btn-md-sm-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.instructor_btn-md-sm-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-md-sm-orange-ol {
  min-width: 144px;
  height: 40px;
  min-height: 40px;
  border: 2px solid #FF6B00;
}

.instructor_btn-sm-2-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8DCA;
}
.instructor_btn-sm-2-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-sm-2-blue-ol {
  min-width: 92px;
  height: 24px;
  min-height: 24px;
  border: 2px solid #3A8DCA;
}

.instructor_btn-sm-2-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.instructor_btn-sm-2-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-sm-2-red-ol {
  min-width: 92px;
  height: 24px;
  min-height: 24px;
  border: 2px solid #FF3B30;
}

.instructor_btn-sm-2-gray-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #B6C0C0;
}
.instructor_btn-sm-2-gray-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-sm-2-gray-ol {
  min-width: 92px;
  height: 24px;
  min-height: 24px;
  border: 2px solid #B6C0C0;
}

.instructor_btn-sm-2-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.instructor_btn-sm-2-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-sm-2-orange-ol {
  min-width: 92px;
  height: 24px;
  min-height: 24px;
  border: 2px solid #FF6B00;
}

.instructor_btn-sm-1-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8DCA;
}
.instructor_btn-sm-1-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-sm-1-blue-ol {
  min-width: 80px;
  height: 40px;
  min-height: 40px;
  border: 2px solid #3A8DCA;
}

.instructor_btn-sm-1-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.instructor_btn-sm-1-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-sm-1-red-ol {
  min-width: 80px;
  height: 40px;
  min-height: 40px;
  border: 2px solid #FF3B30;
}

.instructor_btn-sm-1-gray-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #B6C0C0;
}
.instructor_btn-sm-1-gray-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-sm-1-gray-ol {
  min-width: 80px;
  height: 40px;
  min-height: 40px;
  border: 2px solid #B6C0C0;
}

.instructor_btn-sm-1-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.instructor_btn-sm-1-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-sm-1-orange-ol {
  min-width: 80px;
  height: 40px;
  min-height: 40px;
  border: 2px solid #FF6B00;
}

.instructor_btn-sm-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8DCA;
}
.instructor_btn-sm-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-sm-blue-ol {
  min-width: 80px;
  height: 32px;
  min-height: 32px;
  border: 2px solid #3A8DCA;
}

.instructor_btn-sm-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.instructor_btn-sm-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-sm-red-ol {
  min-width: 80px;
  height: 32px;
  min-height: 32px;
  border: 2px solid #FF3B30;
}

.instructor_btn-sm-gray-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #B6C0C0;
}
.instructor_btn-sm-gray-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-sm-gray-ol {
  min-width: 80px;
  height: 32px;
  min-height: 32px;
  border: 2px solid #B6C0C0;
}

.instructor_btn-sm-orange-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF6B00;
}
.instructor_btn-sm-orange-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.instructor_btn-sm-orange-ol {
  min-width: 80px;
  height: 32px;
  min-height: 32px;
  border: 2px solid #FF6B00;
}

button.instructor_btn-lg-blue:disabled,
button.instructor_btn-lg-blue[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-lg-blue-ol:disabled,
button.instructor_btn-lg-blue-ol[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-lg-red:disabled,
button.instructor_btn-lg-red[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-lg-red-ol:disabled,
button.instructor_btn-lg-red-ol[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-lg-gray:disabled,
button.instructor_btn-lg-gray[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-lg-gray-ol:disabled,
button.instructor_btn-lg-gray-ol[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-lg-orange:disabled,
button.instructor_btn-lg-orange[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-lg-orange-ol:disabled,
button.instructor_btn-lg-orange-ol[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-md-blue:disabled,
button.instructor_btn-md-blue[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-md-blue-ol:disabled,
button.instructor_btn-md-blue-ol[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-md-red:disabled,
button.instructor_btn-md-red[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-md-red-ol:disabled,
button.instructor_btn-md-red-ol[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-md-gray:disabled,
button.instructor_btn-md-gray[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-md-gray-ol:disabled,
button.instructor_btn-md-gray-ol[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-md-orange:disabled,
button.instructor_btn-md-orange[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-md-orange-ol:disabled,
button.instructor_btn-md-orange-ol[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-md-sm-blue:disabled,
button.instructor_btn-md-sm-blue[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-md-sm-blue-ol:disabled,
button.instructor_btn-md-sm-blue-ol[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-md-sm-red:disabled,
button.instructor_btn-md-sm-red[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-md-sm-red-ol:disabled,
button.instructor_btn-md-sm-red-ol[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-md-sm-gray:disabled,
button.instructor_btn-md-sm-gray[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-md-sm-gray-ol:disabled,
button.instructor_btn-md-sm-gray-ol[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-md-sm-orange:disabled,
button.instructor_btn-md-sm-orange[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-md-sm-orange-ol:disabled,
button.instructor_btn-md-sm-orange-ol[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-sm-2-blue:disabled,
button.instructor_btn-sm-2-blue[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-sm-2-blue-ol:disabled,
button.instructor_btn-sm-2-blue-ol[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-sm-2-red:disabled,
button.instructor_btn-sm-2-red[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-sm-2-red-ol:disabled,
button.instructor_btn-sm-2-red-ol[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-sm-2-gray:disabled,
button.instructor_btn-sm-2-gray[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-sm-2-gray-ol:disabled,
button.instructor_btn-sm-2-gray-ol[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-sm-2-orange:disabled,
button.instructor_btn-sm-2-orange[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-sm-2-orange-ol:disabled,
button.instructor_btn-sm-2-orange-ol[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-sm-1-blue:disabled,
button.instructor_btn-sm-1-blue[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-sm-1-blue-ol:disabled,
button.instructor_btn-sm-1-blue-ol[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-sm-1-red:disabled,
button.instructor_btn-sm-1-red[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-sm-1-red-ol:disabled,
button.instructor_btn-sm-1-red-ol[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-sm-1-gray:disabled,
button.instructor_btn-sm-1-gray[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-sm-1-gray-ol:disabled,
button.instructor_btn-sm-1-gray-ol[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-sm-1-orange:disabled,
button.instructor_btn-sm-1-orange[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-sm-1-orange-ol:disabled,
button.instructor_btn-sm-1-orange-ol[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-sm-blue:disabled,
button.instructor_btn-sm-blue[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-sm-blue-ol:disabled,
button.instructor_btn-sm-blue-ol[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-sm-red:disabled,
button.instructor_btn-sm-red[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-sm-red-ol:disabled,
button.instructor_btn-sm-red-ol[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-sm-gray:disabled,
button.instructor_btn-sm-gray[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-sm-gray-ol:disabled,
button.instructor_btn-sm-gray-ol[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-sm-orange:disabled,
button.instructor_btn-sm-orange[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

button.instructor_btn-sm-orange-ol:disabled,
button.instructor_btn-sm-orange-ol[disabled] {
  background-color: #B6C0C0;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}

.instructor-modal .schedule_select2 {
  width: 400px;
}
.instructor-modal .modal {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 1;
}
.instructor-modal .modal_buttons {
  display: flex;
  column-gap: 40px;
  justify-content: flex-end;
}
.instructor-modal .modal .url-button {
  font-size: 16px;
  width: 96px;
  padding: 8px 0;
  background-color: #3A8DCA;
  color: #FFFFFF;
  border-radius: 8px;
  text-align: center;
}
.instructor-modal .modal .interview_select_picker {
  border: 1px solid #B6C0C0;
  flex-grow: 1;
  border-radius: 4px;
  padding: 8px;
}
.instructor-modal .modal_bg {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2509803922);
  opacity: 0.25;
}
.instructor-modal .modal_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 90%;
  min-height: 90%;
  max-width: 1328px;
  max-height: 912px;
  overflow-y: auto;
  padding: 32px 64px;
  background: #fff;
  border-radius: 20px;
}
@media (max-width: 768px) {
  .instructor-modal .modal_inner {
    top: 46%;
    padding: 36px;
  }
}
.instructor-modal .modal_inner_content {
  font-size: 16px;
  white-space: normal;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 768px) {
  .instructor-modal .modal_inner_content {
    font-size: 13px;
    margin: 24px 0;
    gap: 16px;
  }
}
.instructor-modal .modal_inner_title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  font-style: normal;
}
.instructor-modal .modal_inner_plain_text {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.instructor-modal .modal_inner_form_title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}
.instructor-modal .modal_icon {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
}
.instructor-modal .modal_inner_contain_form {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 813px;
  overflow: auto;
  padding: 16px 0 0 0;
  background: #fff;
  border-radius: 20px;
}
@media (max-width: 768px) {
  .instructor-modal .modal_inner_contain_form {
    top: 46%;
    width: 90%;
  }
}

#full_calendar {
  border-width: 0;
}
#full_calendar .fc-day-today {
  background-color: white;
}
#full_calendar .fc-scrollgrid, #full_calendar .fc-timegrid-axis {
  border: 0;
}
#full_calendar .fc-scrollgrid-section > th,
#full_calendar .fc-scrollgrid-section > td {
  border: 0;
}
#full_calendar .day {
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}
#full_calendar .today {
  background-color: #3A8DCA;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  width: 40px;
}
#full_calendar .slot-lane {
  height: 128px;
}
#full_calendar .slot-label-td {
  vertical-align: top;
  border: 0;
}
#full_calendar .slot-label-container {
  position: relative;
  width: 70px;
}
#full_calendar .slot-label {
  font-size: 12px;
  line-height: normal;
  position: absolute;
  top: -1.5rem;
  left: 0;
  z-index: 1000;
}
#full_calendar .event-block {
  border-radius: 10px;
  padding: 8px;
  margin: 8px;
  color: white;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  border-width: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
#full_calendar .day-names-td {
  border: 0;
}
#full_calendar .day-names-container {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#full_calendar .day-names-container span:first-child {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
}
#full_calendar .unavailable-event {
  background-color: #FC7D55;
}
#full_calendar .available-event {
  background-color: #3A8DCA;
}

.instructor_dashboard_table {
  border-collapse: collapse;
  border: 1px solid #b6c0c0;
  overflow-x: auto;
}
.instructor_dashboard_table_detail {
  width: 100%;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.instructor_dashboard_table_detail .contents_box::-webkit-scrollbar {
  display: none;
}
.instructor_dashboard_title {
  display: block;
  color: #000;
  font-family: "Hiragino Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 8px;
}
.instructor_dashboard_table_row_header {
  display: flex;
  min-height: 48px;
  background: #f4f7fa;
}
.instructor_dashboard_table_row_header span:first-child {
  border-left: none;
}
.instructor_dashboard_table_row_header span {
  border-left: 1px solid #b6c0c0;
  border-bottom: 1px solid #b6c0c0;
  min-height: 48px;
  padding-left: 8px;
  font-size: 13px;
}
.instructor_dashboard_table_row_header span.sm {
  width: 100px;
}
.instructor_dashboard_table_row_header span.lg {
  width: 200px;
}
.instructor_dashboard_table_row {
  display: flex;
  width: 100%;
  font-weight: 400;
  border-top: 1px solid #B6C0C0;
}
.instructor_dashboard_table_row span:first-child {
  border-left: none;
}
.instructor_dashboard_table_row span {
  border-left: 1px solid #B6C0C0;
  padding: 0.5em 8px;
  font-size: 13px;
  overflow: auto;
}
.instructor_dashboard_table_row span.sm {
  width: 100px;
}
.instructor_dashboard_table_row span.lg {
  width: 200px;
}
.instructor_dashboard .border-top {
  border-top: 1px solid #B6C0C0;
}

#statistics-page-1 > .instructor_dashboard_table_row:first-child {
  border-top: none;
}

#today_interviews-page-1 > .instructor_dashboard_table_row:first-child {
  border-top: none;
}

#company_bulletins-page-1 > .instructor_dashboard_table_row:first-child {
  border-top: none;
}

#need_reply_target_users-page-1 > .instructor_dashboard_table_row:first-child {
  border-top: none;
}

#remind_target_users-page-1 > .instructor_dashboard_table_row:first-child {
  border-top: none;
}

#need_approval_target_users-page-1 > .instructor_dashboard_table_row:first-child {
  border-top: none;
}

.target-user-search-container {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
.target-user-search-container th {
  height: 48px;
}

.target-user-search-form {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
.target-user-search-form .split-view {
  display: flex;
  column-gap: 32px;
}
.target-user-search-form .form-field {
  display: flex;
  align-items: center;
  column-gap: 8px;
  flex: 1;
}
.target-user-search-form .form-field .form-label {
  width: 136px;
}
.target-user-search-form .form-field .form-input {
  height: 40px;
  border-radius: 4px;
  border: 1px solid #B6C0C0;
  background-color: #FFFFFF;
  padding: 8px;
  flex-grow: 1;
}
.target-user-search-form .form-field .select-container {
  flex-grow: 1;
}
.target-user-search-form .form-field .range-container {
  flex-grow: 1;
  display: flex;
  column-gap: 8px;
}
.target-user-search-form .form-field .range-container .form-input {
  flex-grow: 1;
}
.target-user-search-form .form-field .date-range-container {
  flex-grow: 1;
  display: flex;
  column-gap: 32px;
}
.target-user-search-form .submit-btn {
  align-self: self-end;
}
.target-user-search-form .hidden_search_field .field_inner {
  display: flex;
  flex-direction: column;
  padding: 16px;
  background-color: #F4F7FA;
  row-gap: 32px;
}

.scheduled-interviews-search-container {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
.scheduled-interviews-search-container th {
  height: 48px;
}

.scheduled-interviews-search-form {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
.scheduled-interviews-search-form .split-view {
  display: flex;
  column-gap: 32px;
}
.scheduled-interviews-search-form .form-field {
  display: flex;
  align-items: center;
  column-gap: 8px;
  flex: 1;
}
.scheduled-interviews-search-form .form-field .form-label {
  width: 136px;
}
.scheduled-interviews-search-form .form-field .form-input {
  height: 40px;
  border-radius: 4px;
  border: 1px solid #B6C0C0;
  background-color: #FFFFFF;
  padding: 8px;
  flex-grow: 1;
}
.scheduled-interviews-search-form .form-field .select-container {
  flex-grow: 1;
}
.scheduled-interviews-search-form .form-field .range-container {
  flex-grow: 1;
  display: flex;
  column-gap: 8px;
}
.scheduled-interviews-search-form .form-field .range-container .form-input {
  flex-grow: 1;
}
.scheduled-interviews-search-form .form-field .date-range-container {
  flex-grow: 1;
  display: flex;
  column-gap: 16px;
}
.scheduled-interviews-search-form .submit-btn {
  align-self: self-end;
}
.scheduled-interviews-search-form .hidden_search_field .field_inner {
  display: flex;
  flex-direction: column;
  padding: 16px;
  background-color: #F4F7FA;
  row-gap: 32px;
}

.reply-targets-search-container {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
.reply-targets-search-container th {
  height: 48px;
}

.reply-targets-search-form {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
.reply-targets-search-form .split-view {
  display: flex;
  column-gap: 32px;
}
.reply-targets-search-form .form-field {
  display: flex;
  align-items: center;
  column-gap: 8px;
  flex: 1;
}
.reply-targets-search-form .form-field .form-label {
  width: 136px;
}
.reply-targets-search-form .form-field .form-input {
  height: 40px;
  border-radius: 4px;
  border: 1px solid #B6C0C0;
  background-color: #FFFFFF;
  padding: 8px;
  flex-grow: 1;
}
.reply-targets-search-form .form-field .select-container {
  flex-grow: 1;
}
.reply-targets-search-form .form-field .range-container {
  flex-grow: 1;
  display: flex;
  column-gap: 8px;
}
.reply-targets-search-form .form-field .range-container .form-input {
  flex-grow: 1;
}
.reply-targets-search-form .form-field .date-range-container {
  flex-grow: 1;
  display: flex;
  column-gap: 16px;
}
.reply-targets-search-form .submit-btn {
  align-self: self-end;
}
.reply-targets-search-form .hidden_search_field .field_inner {
  display: flex;
  flex-direction: column;
  padding: 16px;
  background-color: #F4F7FA;
  row-gap: 32px;
}

.remind-targets-search-container {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
.remind-targets-search-container th {
  height: 48px;
}

.remind-targets-search-form {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
.remind-targets-search-form .split-view {
  display: flex;
  column-gap: 32px;
}
.remind-targets-search-form .form-field {
  display: flex;
  align-items: center;
  column-gap: 8px;
  flex: 1;
}
.remind-targets-search-form .form-field .form-label {
  width: 136px;
}
.remind-targets-search-form .form-field .form-input {
  height: 40px;
  border-radius: 4px;
  border: 1px solid #B6C0C0;
  background-color: #FFFFFF;
  padding: 8px;
  flex-grow: 1;
}
.remind-targets-search-form .form-field .select-container {
  flex-grow: 1;
}
.remind-targets-search-form .form-field .range-container {
  flex-grow: 1;
  display: flex;
  column-gap: 8px;
}
.remind-targets-search-form .form-field .range-container .form-input {
  flex-grow: 1;
}
.remind-targets-search-form .form-field .date-range-container {
  flex-grow: 1;
  display: flex;
  column-gap: 16px;
}
.remind-targets-search-form .submit-btn {
  align-self: self-end;
}
.remind-targets-search-form .hidden_search_field .field_inner {
  display: flex;
  flex-direction: column;
  padding: 16px;
  background-color: #F4F7FA;
  row-gap: 32px;
}

#schedule_calendar {
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
#schedule_calendar .calendar-heading {
  display: flex;
  column-gap: 32px;
  align-items: center;
}
#schedule_calendar .calendar-heading div {
  display: flex;
  column-gap: 24px;
}
#schedule_calendar #date-picker {
  display: none;
}
#schedule_calendar #date-icon {
  cursor: pointer;
}
#schedule_calendar .fc-list-event-dot {
  display: none;
}
#schedule_calendar .fc-event.event-clicked {
  color: #000000;
}
#schedule_calendar .calendar-title {
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  display: flex;
  column-gap: 16px;
}
#schedule_calendar .today-link {
  padding: 8px 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #B6C0C0;
  border-radius: 4px;
}
#schedule_calendar .legend-button {
  color: white;
  border-radius: 10px;
  padding: 10px;
  height: 40px;
  width: 104px;
}
#schedule_calendar .legend-button-available {
  background-color: #3A8DCA;
}
#schedule_calendar .legend-button-unavailable {
  background-color: #FC7D55;
}

.instructor-table-wrapper tbody tr {
  border-right-width: 0;
}

.instructor-enquete-container .form-input {
  border-radius: 4px;
  border: 1px solid #B6C0C0;
  padding: 8px;
  text-align: left;
}
.instructor-enquete-container #custom_checklist * {
  font-size: 16px;
}
.instructor-enquete-container .form-input:disabled,
.instructor-enquete-container .text-area:disabled {
  background-color: #F4F7FA;
}
.instructor-enquete-container .text-area {
  border-radius: 4px;
  border: 1px solid #B6C0C0;
  padding: 8px 16px;
  height: 80px;
  text-align: left;
}
.instructor-enquete-container .disable-label {
  color: white;
  background-color: #B6C0C0;
  border: none;
}
.instructor-enquete-container .enquete-table-cell td, .instructor-enquete-container .enquete-table-cell th {
  width: 196px;
  display: inline-flex;
  justify-content: flex-start;
  padding-left: 8px;
}
.instructor-enquete-container .enquete-table-cell .text-area {
  height: 112px;
  resize: none;
}
.instructor-enquete-container .enquete-table-cell .text-area-container {
  height: 128px;
}
.instructor-enquete-container .fixed-table .text-area-container {
  height: 128px;
}
.instructor-enquete-container .category-div {
  position: absolute;
  display: flex;
  font-weight: 600;
}
.instructor-enquete-container .instructor-clip-path-wrapper, .instructor-enquete-container .instructor-clip-path-wrapper-large {
  width: 208px; /* Slightly larger to accommodate the border */
  height: 40px; /* Adjust height accordingly */
  background-color: #3A8DCA; /* Your border color here */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  clip-path: polygon(0 0, 93% 0, 100% 50%, 93% 100%, 0 100%);
}
.instructor-enquete-container .instructor-clip-path-wrapper-large {
  width: 300px;
  clip-path: polygon(0 0, 95% 0, 100% 50%, 95% 100%, 0 100%);
}
.instructor-enquete-container .instructor-clip-path, .instructor-enquete-container .instructor-clip-path-large {
  color: #fff;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: #3A8DCA;
  clip-path: polygon(0 0, 93% 0, 99.5% 50%, 93% 99.5%, 0 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}
.instructor-enquete-container .instructor-clip-path-large {
  clip-path: polygon(0 0, 95% 0, 99.5% 50%, 95% 99.5%, 0 100%);
}
.instructor-enquete-container .category-not-selected > div {
  background-color: white;
  color: #3A8DCA;
}

.db_grid_article .flex_wrap_column {
  margin-left: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.db_grid_article .flex_wrap_column > * {
  min-width: calc(33.333% - 24px);
}
.db_grid_article .graph_chart {
  padding: 16px;
  background-color: #fff;
  border: 2px solid #e5e7eb;
  display: flex;
  justify-content: center;
  align-items: center;
}

.instructor-sidebar_navgroup {
  margin-top: 48px;
  font-size: 18px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  justify-content: space-between;
  color: #667085;
  font-weight: 600;
  font-family: Hiragino Sans;
  padding-left: 5px;
  padding-right: 5px;
}
.instructor-sidebar_navgroup .bottom-nav-option {
  font-size: 16px;
  font-weight: normal;
}

.about_harasuma_header {
  width: 100%;
  height: 70px;
  background-color: #F4F7FA;
  position: sticky;
  top: 0;
  z-index: 40;
}
.about_harasuma_header .about-harasuma-target-heading-label {
  text-align: center;
  background-color: #FF6B00;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  width: 96px;
  height: 24px;
  border-radius: 8px;
  display: inline-block;
}

.about-harasuma-step-navigation {
  background-color: #fff;
  padding: 0 40px 0 40px;
  margin-top: 32px;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .about-harasuma-step-navigation {
    padding: 16px 20px;
    margin-top: 16px;
  }
}
@media (max-width: 640px) {
  .about-harasuma-step-navigation {
    padding: 12px 16px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
.about-harasuma-step-navigation .step-container {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1100px;
  margin: 0 auto;
  gap: 8px;
}
@media (max-width: 1024px) {
  .about-harasuma-step-navigation .step-container {
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 8px;
    gap: 12px;
  }
}
@media (max-width: 640px) {
  .about-harasuma-step-navigation .step-container {
    gap: 8px;
    justify-content: flex-start;
  }
}
.about-harasuma-step-navigation .step-container .inactive-step-item, .about-harasuma-step-navigation .step-container .active-step-item {
  width: 188px;
  height: 40px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: center;
  margin-bottom: 0;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .about-harasuma-step-navigation .step-container .inactive-step-item, .about-harasuma-step-navigation .step-container .active-step-item {
    width: 150px;
    height: 36px;
    font-size: 14px;
  }
}
@media (max-width: 640px) {
  .about-harasuma-step-navigation .step-container .inactive-step-item, .about-harasuma-step-navigation .step-container .active-step-item {
    width: 120px;
    height: 32px;
    font-size: 12px;
    padding: 0 8px;
  }
}
.about-harasuma-step-navigation .step-container .active-step-item {
  background-color: #FF6B00;
  color: #fff;
}
.about-harasuma-step-navigation .step-container .inactive-step-item {
  background-color: #FFF8E5;
  color: #FF9B54;
}
.about-harasuma-step-navigation .step-container img {
  flex-shrink: 0;
}

.about-harasuma-show-container {
  height: 100vh; /* fallback for older browsers */
  height: 100dvh;
}

@media (min-width: 1024px) {
  .agree-disagree-container input[type=radio][value="1"]:checked ~ label[for^=yes-option-],
  .agree-disagree-container input[type=radio][value="0"]:checked ~ label[for^=no-option-], .yes-no-container input[type=radio][value="0"]:checked ~ label[for^=yes-option-],
  .yes-no-container input[type=radio][value="1"]:checked ~ label[for^=no-option-] {
    background-color: #FF6B00 !important;
    border: none !important;
    box-shadow: 0px 4px 0px 0px #FF6B00 !important;
  }
  .agree-disagree-container input[type=radio][value="1"]:checked ~ label[for^=yes-option-]:hover,
  .agree-disagree-container input[type=radio][value="0"]:checked ~ label[for^=no-option-]:hover, .yes-no-container input[type=radio][value="0"]:checked ~ label[for^=yes-option-]:hover,
  .yes-no-container input[type=radio][value="1"]:checked ~ label[for^=no-option-]:hover {
    border: none !important;
  }
  .agree-disagree-container input[type=radio][value="1"]:checked ~ label[for^=yes-option-] .selected-text,
  .agree-disagree-container input[type=radio][value="0"]:checked ~ label[for^=no-option-] .selected-text, .yes-no-container input[type=radio][value="0"]:checked ~ label[for^=yes-option-] .selected-text,
  .yes-no-container input[type=radio][value="1"]:checked ~ label[for^=no-option-] .selected-text {
    color: white !important;
  }
}

.yes-no-container input[type=radio][value="0"]:checked ~ label[for^=yes-option-] .selected-symbol svg circle, .yes-no-container input[type=radio][value="0"]:checked ~ label[for^=yes-option-] .selected-symbol svg path,
.yes-no-container input[type=radio][value="1"]:checked ~ label[for^=no-option-] .selected-symbol svg circle,
.yes-no-container input[type=radio][value="1"]:checked ~ label[for^=no-option-] .selected-symbol svg path {
  stroke: white !important;
}

#navigation {
  position: fixed;
  top: 0;
  margin-top: 75px;
  padding: 10px;
  z-index: 999;
  border-radius: 5px;
  background-color: #EFF9F8;
}

#navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}

#navigation li {
  margin: 0 10px;
}

#navigation a {
  text-decoration: none;
  color: #278396;
  font-weight: bold;
}

#button-gallery {
  width: 740px;
}

#button-gallery h1,
#button-gallery h2 {
  color: #000;
}

#button-gallery strong {
  color: #1a1a1a;
}

#button-gallery p {
  color: #1a1a1a;
  font-family: Hiragino Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.56px;
}

#button-table .row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 40px;
  align-items: center; /* Add this line to center children vertically */
  justify-items: center; /* Add this line to center children horizontally */
  margin-top: 77px;
}

#button-table .row:nth-child(2) {
  margin-top: 24px;
}

#button-table .row > *:first-child {
  justify-self: start;
}

.legend-blue {
  height: 80px;
  width: 80px;
  background-color: #3A8DCA;
}

.legend-gray {
  height: 80px;
  width: 80px;
  background-color: #B6C0C0;
}

.legend-red {
  height: 80px;
  width: 80px;
  background-color: #FF3B30;
}

#button-legends {
  display: flex;
  flex-direction: row;
  gap: 33px;
  text-align: center;
  margin-top: 57px;
}

#text-field-container {
  margin-top: 55px;
}

#text-section {
  display: flex;
  flex-direction: column;
  margin-top: 55px;
}

#text-field-section {
  display: flex;
  flex-direction: column;
  margin-top: 55px;
}

#text-field-section div:first-of-type {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 8px;
  margin-top: 8px;
}

/* button.scssは ボタンの色に関する変更を加えるためのファイルです*/
.admin .btn-lg-blue, #login-page .actions-submit-button .btn-lg-blue, .admin #login-page .actions-submit-button, #login-page .admin .actions-submit-button, #login-page .actions-submit-button .actions-submit-button {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8DCA;
  color: #fff;
}
.admin .btn-lg-blue:hover, #login-page .actions-submit-button .btn-lg-blue:hover, .admin #login-page .actions-submit-button:hover, #login-page .admin .actions-submit-button:hover, #login-page .actions-submit-button .actions-submit-button:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-lg-blue, #login-page .actions-submit-button .btn-lg-blue, .admin #login-page .actions-submit-button, #login-page .admin .actions-submit-button, #login-page .actions-submit-button .actions-submit-button {
  width: 300px;
  height: 45px;
}
.admin .btn-lg-blue-link, #login-page .actions-submit-button .btn-lg-blue-link {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: none;
  color: none;
}
.admin .btn-lg-blue-link:hover, #login-page .actions-submit-button .btn-lg-blue-link:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-lg-blue-link, #login-page .actions-submit-button .btn-lg-blue-link {
  width: 300px;
  height: 45px;
  font-size: 18px;
  color: #3A8DCA;
  text-decoration: underline;
  border: none;
}
.admin .btn-lg-blue-ol, #login-page .actions-submit-button .btn-lg-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8DCA;
}
.admin .btn-lg-blue-ol:hover, #login-page .actions-submit-button .btn-lg-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-lg-blue-ol, #login-page .actions-submit-button .btn-lg-blue-ol {
  width: 300px;
  height: 45px;
  border: 2px solid #3A8DCA;
}
.admin .btn-lg-red, #login-page .actions-submit-button .btn-lg-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.admin .btn-lg-red:hover, #login-page .actions-submit-button .btn-lg-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-lg-red, #login-page .actions-submit-button .btn-lg-red {
  width: 300px;
  height: 45px;
}
.admin .btn-lg-red-link, #login-page .actions-submit-button .btn-lg-red-link {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: none;
  color: none;
}
.admin .btn-lg-red-link:hover, #login-page .actions-submit-button .btn-lg-red-link:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-lg-red-link, #login-page .actions-submit-button .btn-lg-red-link {
  width: 300px;
  height: 45px;
  font-size: 18px;
  color: #FF3B30;
  text-decoration: underline;
  border: none;
}
.admin .btn-lg-red-ol, #login-page .actions-submit-button .btn-lg-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.admin .btn-lg-red-ol:hover, #login-page .actions-submit-button .btn-lg-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-lg-red-ol, #login-page .actions-submit-button .btn-lg-red-ol {
  width: 300px;
  height: 45px;
  border: 2px solid #FF3B30;
}
.admin .btn-lg-green, #login-page .actions-submit-button .btn-lg-green {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #259D63;
  color: #fff;
}
.admin .btn-lg-green:hover, #login-page .actions-submit-button .btn-lg-green:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-lg-green, #login-page .actions-submit-button .btn-lg-green {
  width: 300px;
  height: 45px;
}
.admin .btn-lg-green-link, #login-page .actions-submit-button .btn-lg-green-link {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: none;
  color: none;
}
.admin .btn-lg-green-link:hover, #login-page .actions-submit-button .btn-lg-green-link:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-lg-green-link, #login-page .actions-submit-button .btn-lg-green-link {
  width: 300px;
  height: 45px;
  font-size: 18px;
  color: #259D63;
  text-decoration: underline;
  border: none;
}
.admin .btn-lg-green-ol, #login-page .actions-submit-button .btn-lg-green-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #259D63;
}
.admin .btn-lg-green-ol:hover, #login-page .actions-submit-button .btn-lg-green-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-lg-green-ol, #login-page .actions-submit-button .btn-lg-green-ol {
  width: 300px;
  height: 45px;
  border: 2px solid #259D63;
}
.admin .btn-lg-purple, #login-page .actions-submit-button .btn-lg-purple {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #8B15EB;
  color: #fff;
}
.admin .btn-lg-purple:hover, #login-page .actions-submit-button .btn-lg-purple:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-lg-purple, #login-page .actions-submit-button .btn-lg-purple {
  width: 300px;
  height: 45px;
}
.admin .btn-lg-purple-link, #login-page .actions-submit-button .btn-lg-purple-link {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: none;
  color: none;
}
.admin .btn-lg-purple-link:hover, #login-page .actions-submit-button .btn-lg-purple-link:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-lg-purple-link, #login-page .actions-submit-button .btn-lg-purple-link {
  width: 300px;
  height: 45px;
  font-size: 18px;
  color: #8B15EB;
  text-decoration: underline;
  border: none;
}
.admin .btn-lg-purple-ol, #login-page .actions-submit-button .btn-lg-purple-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #8B15EB;
}
.admin .btn-lg-purple-ol:hover, #login-page .actions-submit-button .btn-lg-purple-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-lg-purple-ol, #login-page .actions-submit-button .btn-lg-purple-ol {
  width: 300px;
  height: 45px;
  border: 2px solid #8B15EB;
}
.admin .btn-md-blue, #login-page .actions-submit-button .btn-md-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8DCA;
  color: #fff;
}
.admin .btn-md-blue:hover, #login-page .actions-submit-button .btn-md-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-md-blue, #login-page .actions-submit-button .btn-md-blue {
  width: 150px;
  height: 45px;
}
.admin .btn-md-blue-link, #login-page .actions-submit-button .btn-md-blue-link {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: none;
  color: none;
}
.admin .btn-md-blue-link:hover, #login-page .actions-submit-button .btn-md-blue-link:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-md-blue-link, #login-page .actions-submit-button .btn-md-blue-link {
  width: 150px;
  height: 45px;
  font-size: 18px;
  color: #3A8DCA;
  text-decoration: underline;
  border: none;
}
.admin .btn-md-blue-ol, #login-page .actions-submit-button .btn-md-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8DCA;
}
.admin .btn-md-blue-ol:hover, #login-page .actions-submit-button .btn-md-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-md-blue-ol, #login-page .actions-submit-button .btn-md-blue-ol {
  width: 150px;
  height: 45px;
  border: 2px solid #3A8DCA;
}
.admin .btn-md-red, #login-page .actions-submit-button .btn-md-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.admin .btn-md-red:hover, #login-page .actions-submit-button .btn-md-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-md-red, #login-page .actions-submit-button .btn-md-red {
  width: 150px;
  height: 45px;
}
.admin .btn-md-red-link, #login-page .actions-submit-button .btn-md-red-link {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: none;
  color: none;
}
.admin .btn-md-red-link:hover, #login-page .actions-submit-button .btn-md-red-link:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-md-red-link, #login-page .actions-submit-button .btn-md-red-link {
  width: 150px;
  height: 45px;
  font-size: 18px;
  color: #FF3B30;
  text-decoration: underline;
  border: none;
}
.admin .btn-md-red-ol, #login-page .actions-submit-button .btn-md-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.admin .btn-md-red-ol:hover, #login-page .actions-submit-button .btn-md-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-md-red-ol, #login-page .actions-submit-button .btn-md-red-ol {
  width: 150px;
  height: 45px;
  border: 2px solid #FF3B30;
}
.admin .btn-md-green, #login-page .actions-submit-button .btn-md-green {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #259D63;
  color: #fff;
}
.admin .btn-md-green:hover, #login-page .actions-submit-button .btn-md-green:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-md-green, #login-page .actions-submit-button .btn-md-green {
  width: 150px;
  height: 45px;
}
.admin .btn-md-green-link, #login-page .actions-submit-button .btn-md-green-link {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: none;
  color: none;
}
.admin .btn-md-green-link:hover, #login-page .actions-submit-button .btn-md-green-link:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-md-green-link, #login-page .actions-submit-button .btn-md-green-link {
  width: 150px;
  height: 45px;
  font-size: 18px;
  color: #259D63;
  text-decoration: underline;
  border: none;
}
.admin .btn-md-green-ol, #login-page .actions-submit-button .btn-md-green-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #259D63;
}
.admin .btn-md-green-ol:hover, #login-page .actions-submit-button .btn-md-green-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-md-green-ol, #login-page .actions-submit-button .btn-md-green-ol {
  width: 150px;
  height: 45px;
  border: 2px solid #259D63;
}
.admin .btn-md-purple, #login-page .actions-submit-button .btn-md-purple {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #8B15EB;
  color: #fff;
}
.admin .btn-md-purple:hover, #login-page .actions-submit-button .btn-md-purple:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-md-purple, #login-page .actions-submit-button .btn-md-purple {
  width: 150px;
  height: 45px;
}
.admin .btn-md-purple-link, #login-page .actions-submit-button .btn-md-purple-link {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: none;
  color: none;
}
.admin .btn-md-purple-link:hover, #login-page .actions-submit-button .btn-md-purple-link:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-md-purple-link, #login-page .actions-submit-button .btn-md-purple-link {
  width: 150px;
  height: 45px;
  font-size: 18px;
  color: #8B15EB;
  text-decoration: underline;
  border: none;
}
.admin .btn-md-purple-ol, #login-page .actions-submit-button .btn-md-purple-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #8B15EB;
}
.admin .btn-md-purple-ol:hover, #login-page .actions-submit-button .btn-md-purple-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-md-purple-ol, #login-page .actions-submit-button .btn-md-purple-ol {
  width: 150px;
  height: 45px;
  border: 2px solid #8B15EB;
}
.admin .btn-smx-blue, #login-page .actions-submit-button .btn-smx-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8DCA;
  color: #fff;
}
.admin .btn-smx-blue:hover, #login-page .actions-submit-button .btn-smx-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-smx-blue, #login-page .actions-submit-button .btn-smx-blue {
  width: 100px;
  height: 32px;
}
.admin .btn-smx-blue-link, #login-page .actions-submit-button .btn-smx-blue-link {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: none;
  color: none;
}
.admin .btn-smx-blue-link:hover, #login-page .actions-submit-button .btn-smx-blue-link:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-smx-blue-link, #login-page .actions-submit-button .btn-smx-blue-link {
  width: 100px;
  height: 32px;
  font-size: 18px;
  color: #3A8DCA;
  text-decoration: underline;
  border: none;
}
.admin .btn-smx-blue-ol, #login-page .actions-submit-button .btn-smx-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8DCA;
}
.admin .btn-smx-blue-ol:hover, #login-page .actions-submit-button .btn-smx-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-smx-blue-ol, #login-page .actions-submit-button .btn-smx-blue-ol {
  width: 100px;
  height: 32px;
  border: 2px solid #3A8DCA;
}
.admin .btn-smx-red, #login-page .actions-submit-button .btn-smx-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.admin .btn-smx-red:hover, #login-page .actions-submit-button .btn-smx-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-smx-red, #login-page .actions-submit-button .btn-smx-red {
  width: 100px;
  height: 32px;
}
.admin .btn-smx-red-link, #login-page .actions-submit-button .btn-smx-red-link {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: none;
  color: none;
}
.admin .btn-smx-red-link:hover, #login-page .actions-submit-button .btn-smx-red-link:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-smx-red-link, #login-page .actions-submit-button .btn-smx-red-link {
  width: 100px;
  height: 32px;
  font-size: 18px;
  color: #FF3B30;
  text-decoration: underline;
  border: none;
}
.admin .btn-smx-red-ol, #login-page .actions-submit-button .btn-smx-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.admin .btn-smx-red-ol:hover, #login-page .actions-submit-button .btn-smx-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-smx-red-ol, #login-page .actions-submit-button .btn-smx-red-ol {
  width: 100px;
  height: 32px;
  border: 2px solid #FF3B30;
}
.admin .btn-smx-green, #login-page .actions-submit-button .btn-smx-green {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #259D63;
  color: #fff;
}
.admin .btn-smx-green:hover, #login-page .actions-submit-button .btn-smx-green:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-smx-green, #login-page .actions-submit-button .btn-smx-green {
  width: 100px;
  height: 32px;
}
.admin .btn-smx-green-link, #login-page .actions-submit-button .btn-smx-green-link {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: none;
  color: none;
}
.admin .btn-smx-green-link:hover, #login-page .actions-submit-button .btn-smx-green-link:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-smx-green-link, #login-page .actions-submit-button .btn-smx-green-link {
  width: 100px;
  height: 32px;
  font-size: 18px;
  color: #259D63;
  text-decoration: underline;
  border: none;
}
.admin .btn-smx-green-ol, #login-page .actions-submit-button .btn-smx-green-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #259D63;
}
.admin .btn-smx-green-ol:hover, #login-page .actions-submit-button .btn-smx-green-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-smx-green-ol, #login-page .actions-submit-button .btn-smx-green-ol {
  width: 100px;
  height: 32px;
  border: 2px solid #259D63;
}
.admin .btn-smx-purple, #login-page .actions-submit-button .btn-smx-purple {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #8B15EB;
  color: #fff;
}
.admin .btn-smx-purple:hover, #login-page .actions-submit-button .btn-smx-purple:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-smx-purple, #login-page .actions-submit-button .btn-smx-purple {
  width: 100px;
  height: 32px;
}
.admin .btn-smx-purple-link, #login-page .actions-submit-button .btn-smx-purple-link {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: none;
  color: none;
}
.admin .btn-smx-purple-link:hover, #login-page .actions-submit-button .btn-smx-purple-link:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-smx-purple-link, #login-page .actions-submit-button .btn-smx-purple-link {
  width: 100px;
  height: 32px;
  font-size: 18px;
  color: #8B15EB;
  text-decoration: underline;
  border: none;
}
.admin .btn-smx-purple-ol, #login-page .actions-submit-button .btn-smx-purple-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #8B15EB;
}
.admin .btn-smx-purple-ol:hover, #login-page .actions-submit-button .btn-smx-purple-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-smx-purple-ol, #login-page .actions-submit-button .btn-smx-purple-ol {
  width: 100px;
  height: 32px;
  border: 2px solid #8B15EB;
}
.admin .btn-sm-blue, #login-page .actions-submit-button .btn-sm-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8DCA;
  color: #fff;
}
.admin .btn-sm-blue:hover, #login-page .actions-submit-button .btn-sm-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-sm-blue, #login-page .actions-submit-button .btn-sm-blue {
  width: 150px;
  height: 32px;
}
.admin .btn-sm-blue-link, #login-page .actions-submit-button .btn-sm-blue-link {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: none;
  color: none;
}
.admin .btn-sm-blue-link:hover, #login-page .actions-submit-button .btn-sm-blue-link:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-sm-blue-link, #login-page .actions-submit-button .btn-sm-blue-link {
  width: 150px;
  height: 32px;
  font-size: 18px;
  color: #3A8DCA;
  text-decoration: underline;
  border: none;
}
.admin .btn-sm-blue-ol, #login-page .actions-submit-button .btn-sm-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8DCA;
}
.admin .btn-sm-blue-ol:hover, #login-page .actions-submit-button .btn-sm-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-sm-blue-ol, #login-page .actions-submit-button .btn-sm-blue-ol {
  width: 150px;
  height: 32px;
  border: 2px solid #3A8DCA;
}
.admin .btn-sm-red, #login-page .actions-submit-button .btn-sm-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.admin .btn-sm-red:hover, #login-page .actions-submit-button .btn-sm-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-sm-red, #login-page .actions-submit-button .btn-sm-red {
  width: 150px;
  height: 32px;
}
.admin .btn-sm-red-link, #login-page .actions-submit-button .btn-sm-red-link {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: none;
  color: none;
}
.admin .btn-sm-red-link:hover, #login-page .actions-submit-button .btn-sm-red-link:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-sm-red-link, #login-page .actions-submit-button .btn-sm-red-link {
  width: 150px;
  height: 32px;
  font-size: 18px;
  color: #FF3B30;
  text-decoration: underline;
  border: none;
}
.admin .btn-sm-red-ol, #login-page .actions-submit-button .btn-sm-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.admin .btn-sm-red-ol:hover, #login-page .actions-submit-button .btn-sm-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-sm-red-ol, #login-page .actions-submit-button .btn-sm-red-ol {
  width: 150px;
  height: 32px;
  border: 2px solid #FF3B30;
}
.admin .btn-sm-green, #login-page .actions-submit-button .btn-sm-green {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #259D63;
  color: #fff;
}
.admin .btn-sm-green:hover, #login-page .actions-submit-button .btn-sm-green:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-sm-green, #login-page .actions-submit-button .btn-sm-green {
  width: 150px;
  height: 32px;
}
.admin .btn-sm-green-link, #login-page .actions-submit-button .btn-sm-green-link {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: none;
  color: none;
}
.admin .btn-sm-green-link:hover, #login-page .actions-submit-button .btn-sm-green-link:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-sm-green-link, #login-page .actions-submit-button .btn-sm-green-link {
  width: 150px;
  height: 32px;
  font-size: 18px;
  color: #259D63;
  text-decoration: underline;
  border: none;
}
.admin .btn-sm-green-ol, #login-page .actions-submit-button .btn-sm-green-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #259D63;
}
.admin .btn-sm-green-ol:hover, #login-page .actions-submit-button .btn-sm-green-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-sm-green-ol, #login-page .actions-submit-button .btn-sm-green-ol {
  width: 150px;
  height: 32px;
  border: 2px solid #259D63;
}
.admin .btn-sm-purple, #login-page .actions-submit-button .btn-sm-purple {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #8B15EB;
  color: #fff;
}
.admin .btn-sm-purple:hover, #login-page .actions-submit-button .btn-sm-purple:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-sm-purple, #login-page .actions-submit-button .btn-sm-purple {
  width: 150px;
  height: 32px;
}
.admin .btn-sm-purple-link, #login-page .actions-submit-button .btn-sm-purple-link {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: none;
  color: none;
}
.admin .btn-sm-purple-link:hover, #login-page .actions-submit-button .btn-sm-purple-link:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-sm-purple-link, #login-page .actions-submit-button .btn-sm-purple-link {
  width: 150px;
  height: 32px;
  font-size: 18px;
  color: #8B15EB;
  text-decoration: underline;
  border: none;
}
.admin .btn-sm-purple-ol, #login-page .actions-submit-button .btn-sm-purple-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #8B15EB;
}
.admin .btn-sm-purple-ol:hover, #login-page .actions-submit-button .btn-sm-purple-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-sm-purple-ol, #login-page .actions-submit-button .btn-sm-purple-ol {
  width: 150px;
  height: 32px;
  border: 2px solid #8B15EB;
}
.admin .btn-xs-blue, #login-page .actions-submit-button .btn-xs-blue {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #3A8DCA;
  color: #fff;
}
.admin .btn-xs-blue:hover, #login-page .actions-submit-button .btn-xs-blue:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-xs-blue, #login-page .actions-submit-button .btn-xs-blue {
  width: 80px;
  height: 32px;
}
.admin .btn-xs-blue-link, #login-page .actions-submit-button .btn-xs-blue-link {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: none;
  color: none;
}
.admin .btn-xs-blue-link:hover, #login-page .actions-submit-button .btn-xs-blue-link:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-xs-blue-link, #login-page .actions-submit-button .btn-xs-blue-link {
  width: 80px;
  height: 32px;
  font-size: 18px;
  color: #3A8DCA;
  text-decoration: underline;
  border: none;
}
.admin .btn-xs-blue-ol, #login-page .actions-submit-button .btn-xs-blue-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #3A8DCA;
}
.admin .btn-xs-blue-ol:hover, #login-page .actions-submit-button .btn-xs-blue-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-xs-blue-ol, #login-page .actions-submit-button .btn-xs-blue-ol {
  width: 80px;
  height: 32px;
  border: 2px solid #3A8DCA;
}
.admin .btn-xs-red, #login-page .actions-submit-button .btn-xs-red {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #FF3B30;
  color: #fff;
}
.admin .btn-xs-red:hover, #login-page .actions-submit-button .btn-xs-red:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-xs-red, #login-page .actions-submit-button .btn-xs-red {
  width: 80px;
  height: 32px;
}
.admin .btn-xs-red-link, #login-page .actions-submit-button .btn-xs-red-link {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: none;
  color: none;
}
.admin .btn-xs-red-link:hover, #login-page .actions-submit-button .btn-xs-red-link:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-xs-red-link, #login-page .actions-submit-button .btn-xs-red-link {
  width: 80px;
  height: 32px;
  font-size: 18px;
  color: #FF3B30;
  text-decoration: underline;
  border: none;
}
.admin .btn-xs-red-ol, #login-page .actions-submit-button .btn-xs-red-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #FF3B30;
}
.admin .btn-xs-red-ol:hover, #login-page .actions-submit-button .btn-xs-red-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-xs-red-ol, #login-page .actions-submit-button .btn-xs-red-ol {
  width: 80px;
  height: 32px;
  border: 2px solid #FF3B30;
}
.admin .btn-xs-green, #login-page .actions-submit-button .btn-xs-green {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #259D63;
  color: #fff;
}
.admin .btn-xs-green:hover, #login-page .actions-submit-button .btn-xs-green:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-xs-green, #login-page .actions-submit-button .btn-xs-green {
  width: 80px;
  height: 32px;
}
.admin .btn-xs-green-link, #login-page .actions-submit-button .btn-xs-green-link {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: none;
  color: none;
}
.admin .btn-xs-green-link:hover, #login-page .actions-submit-button .btn-xs-green-link:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-xs-green-link, #login-page .actions-submit-button .btn-xs-green-link {
  width: 80px;
  height: 32px;
  font-size: 18px;
  color: #259D63;
  text-decoration: underline;
  border: none;
}
.admin .btn-xs-green-ol, #login-page .actions-submit-button .btn-xs-green-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #259D63;
}
.admin .btn-xs-green-ol:hover, #login-page .actions-submit-button .btn-xs-green-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-xs-green-ol, #login-page .actions-submit-button .btn-xs-green-ol {
  width: 80px;
  height: 32px;
  border: 2px solid #259D63;
}
.admin .btn-xs-purple, #login-page .actions-submit-button .btn-xs-purple {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #8B15EB;
  color: #fff;
}
.admin .btn-xs-purple:hover, #login-page .actions-submit-button .btn-xs-purple:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-xs-purple, #login-page .actions-submit-button .btn-xs-purple {
  width: 80px;
  height: 32px;
}
.admin .btn-xs-purple-link, #login-page .actions-submit-button .btn-xs-purple-link {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: none;
  color: none;
}
.admin .btn-xs-purple-link:hover, #login-page .actions-submit-button .btn-xs-purple-link:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-xs-purple-link, #login-page .actions-submit-button .btn-xs-purple-link {
  width: 80px;
  height: 32px;
  font-size: 18px;
  color: #8B15EB;
  text-decoration: underline;
  border: none;
}
.admin .btn-xs-purple-ol, #login-page .actions-submit-button .btn-xs-purple-ol {
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: auto auto;
  background-color: #fff;
  color: #8B15EB;
}
.admin .btn-xs-purple-ol:hover, #login-page .actions-submit-button .btn-xs-purple-ol:hover {
  opacity: 0.8;
  text-decoration: none;
}
.admin .btn-xs-purple-ol, #login-page .actions-submit-button .btn-xs-purple-ol {
  width: 80px;
  height: 32px;
  border: 2px solid #8B15EB;
}

.admin button.btn-lg-blue:disabled, #login-page .actions-submit-button button.btn-lg-blue:disabled, .admin #login-page button.actions-submit-button:disabled, #login-page .admin button.actions-submit-button:disabled, #login-page .actions-submit-button button.actions-submit-button:disabled,
.admin button.btn-lg-blue[disabled],
#login-page .actions-submit-button button.btn-lg-blue[disabled],
.admin #login-page button[disabled].actions-submit-button,
#login-page .admin button[disabled].actions-submit-button,
#login-page .actions-submit-button button[disabled].actions-submit-button {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-lg-blue-ol:disabled, #login-page .actions-submit-button button.btn-lg-blue-ol:disabled,
.admin button.btn-lg-blue-ol[disabled],
#login-page .actions-submit-button button.btn-lg-blue-ol[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-lg-blue-link:disabled, #login-page .actions-submit-button button.btn-lg-blue-link:disabled,
.admin button.btn-lg-blue-link[disabled],
#login-page .actions-submit-button button.btn-lg-blue-link[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
  text-decoration: none;
}
.admin button.btn-lg-red:disabled, #login-page .actions-submit-button button.btn-lg-red:disabled,
.admin button.btn-lg-red[disabled],
#login-page .actions-submit-button button.btn-lg-red[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-lg-red-ol:disabled, #login-page .actions-submit-button button.btn-lg-red-ol:disabled,
.admin button.btn-lg-red-ol[disabled],
#login-page .actions-submit-button button.btn-lg-red-ol[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-lg-red-link:disabled, #login-page .actions-submit-button button.btn-lg-red-link:disabled,
.admin button.btn-lg-red-link[disabled],
#login-page .actions-submit-button button.btn-lg-red-link[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
  text-decoration: none;
}
.admin button.btn-lg-green:disabled, #login-page .actions-submit-button button.btn-lg-green:disabled,
.admin button.btn-lg-green[disabled],
#login-page .actions-submit-button button.btn-lg-green[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-lg-green-ol:disabled, #login-page .actions-submit-button button.btn-lg-green-ol:disabled,
.admin button.btn-lg-green-ol[disabled],
#login-page .actions-submit-button button.btn-lg-green-ol[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-lg-green-link:disabled, #login-page .actions-submit-button button.btn-lg-green-link:disabled,
.admin button.btn-lg-green-link[disabled],
#login-page .actions-submit-button button.btn-lg-green-link[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
  text-decoration: none;
}
.admin button.btn-lg-purple:disabled, #login-page .actions-submit-button button.btn-lg-purple:disabled,
.admin button.btn-lg-purple[disabled],
#login-page .actions-submit-button button.btn-lg-purple[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-lg-purple-ol:disabled, #login-page .actions-submit-button button.btn-lg-purple-ol:disabled,
.admin button.btn-lg-purple-ol[disabled],
#login-page .actions-submit-button button.btn-lg-purple-ol[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-lg-purple-link:disabled, #login-page .actions-submit-button button.btn-lg-purple-link:disabled,
.admin button.btn-lg-purple-link[disabled],
#login-page .actions-submit-button button.btn-lg-purple-link[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
  text-decoration: none;
}
.admin button.btn-md-blue:disabled, #login-page .actions-submit-button button.btn-md-blue:disabled,
.admin button.btn-md-blue[disabled],
#login-page .actions-submit-button button.btn-md-blue[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-md-blue-ol:disabled, #login-page .actions-submit-button button.btn-md-blue-ol:disabled,
.admin button.btn-md-blue-ol[disabled],
#login-page .actions-submit-button button.btn-md-blue-ol[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-md-blue-link:disabled, #login-page .actions-submit-button button.btn-md-blue-link:disabled,
.admin button.btn-md-blue-link[disabled],
#login-page .actions-submit-button button.btn-md-blue-link[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
  text-decoration: none;
}
.admin button.btn-md-red:disabled, #login-page .actions-submit-button button.btn-md-red:disabled,
.admin button.btn-md-red[disabled],
#login-page .actions-submit-button button.btn-md-red[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-md-red-ol:disabled, #login-page .actions-submit-button button.btn-md-red-ol:disabled,
.admin button.btn-md-red-ol[disabled],
#login-page .actions-submit-button button.btn-md-red-ol[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-md-red-link:disabled, #login-page .actions-submit-button button.btn-md-red-link:disabled,
.admin button.btn-md-red-link[disabled],
#login-page .actions-submit-button button.btn-md-red-link[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
  text-decoration: none;
}
.admin button.btn-md-green:disabled, #login-page .actions-submit-button button.btn-md-green:disabled,
.admin button.btn-md-green[disabled],
#login-page .actions-submit-button button.btn-md-green[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-md-green-ol:disabled, #login-page .actions-submit-button button.btn-md-green-ol:disabled,
.admin button.btn-md-green-ol[disabled],
#login-page .actions-submit-button button.btn-md-green-ol[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-md-green-link:disabled, #login-page .actions-submit-button button.btn-md-green-link:disabled,
.admin button.btn-md-green-link[disabled],
#login-page .actions-submit-button button.btn-md-green-link[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
  text-decoration: none;
}
.admin button.btn-md-purple:disabled, #login-page .actions-submit-button button.btn-md-purple:disabled,
.admin button.btn-md-purple[disabled],
#login-page .actions-submit-button button.btn-md-purple[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-md-purple-ol:disabled, #login-page .actions-submit-button button.btn-md-purple-ol:disabled,
.admin button.btn-md-purple-ol[disabled],
#login-page .actions-submit-button button.btn-md-purple-ol[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-md-purple-link:disabled, #login-page .actions-submit-button button.btn-md-purple-link:disabled,
.admin button.btn-md-purple-link[disabled],
#login-page .actions-submit-button button.btn-md-purple-link[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
  text-decoration: none;
}
.admin button.btn-smx-blue:disabled, #login-page .actions-submit-button button.btn-smx-blue:disabled,
.admin button.btn-smx-blue[disabled],
#login-page .actions-submit-button button.btn-smx-blue[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-smx-blue-ol:disabled, #login-page .actions-submit-button button.btn-smx-blue-ol:disabled,
.admin button.btn-smx-blue-ol[disabled],
#login-page .actions-submit-button button.btn-smx-blue-ol[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-smx-blue-link:disabled, #login-page .actions-submit-button button.btn-smx-blue-link:disabled,
.admin button.btn-smx-blue-link[disabled],
#login-page .actions-submit-button button.btn-smx-blue-link[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
  text-decoration: none;
}
.admin button.btn-smx-red:disabled, #login-page .actions-submit-button button.btn-smx-red:disabled,
.admin button.btn-smx-red[disabled],
#login-page .actions-submit-button button.btn-smx-red[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-smx-red-ol:disabled, #login-page .actions-submit-button button.btn-smx-red-ol:disabled,
.admin button.btn-smx-red-ol[disabled],
#login-page .actions-submit-button button.btn-smx-red-ol[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-smx-red-link:disabled, #login-page .actions-submit-button button.btn-smx-red-link:disabled,
.admin button.btn-smx-red-link[disabled],
#login-page .actions-submit-button button.btn-smx-red-link[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
  text-decoration: none;
}
.admin button.btn-smx-green:disabled, #login-page .actions-submit-button button.btn-smx-green:disabled,
.admin button.btn-smx-green[disabled],
#login-page .actions-submit-button button.btn-smx-green[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-smx-green-ol:disabled, #login-page .actions-submit-button button.btn-smx-green-ol:disabled,
.admin button.btn-smx-green-ol[disabled],
#login-page .actions-submit-button button.btn-smx-green-ol[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-smx-green-link:disabled, #login-page .actions-submit-button button.btn-smx-green-link:disabled,
.admin button.btn-smx-green-link[disabled],
#login-page .actions-submit-button button.btn-smx-green-link[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
  text-decoration: none;
}
.admin button.btn-smx-purple:disabled, #login-page .actions-submit-button button.btn-smx-purple:disabled,
.admin button.btn-smx-purple[disabled],
#login-page .actions-submit-button button.btn-smx-purple[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-smx-purple-ol:disabled, #login-page .actions-submit-button button.btn-smx-purple-ol:disabled,
.admin button.btn-smx-purple-ol[disabled],
#login-page .actions-submit-button button.btn-smx-purple-ol[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-smx-purple-link:disabled, #login-page .actions-submit-button button.btn-smx-purple-link:disabled,
.admin button.btn-smx-purple-link[disabled],
#login-page .actions-submit-button button.btn-smx-purple-link[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
  text-decoration: none;
}
.admin button.btn-sm-blue:disabled, #login-page .actions-submit-button button.btn-sm-blue:disabled,
.admin button.btn-sm-blue[disabled],
#login-page .actions-submit-button button.btn-sm-blue[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-sm-blue-ol:disabled, #login-page .actions-submit-button button.btn-sm-blue-ol:disabled,
.admin button.btn-sm-blue-ol[disabled],
#login-page .actions-submit-button button.btn-sm-blue-ol[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-sm-blue-link:disabled, #login-page .actions-submit-button button.btn-sm-blue-link:disabled,
.admin button.btn-sm-blue-link[disabled],
#login-page .actions-submit-button button.btn-sm-blue-link[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
  text-decoration: none;
}
.admin button.btn-sm-red:disabled, #login-page .actions-submit-button button.btn-sm-red:disabled,
.admin button.btn-sm-red[disabled],
#login-page .actions-submit-button button.btn-sm-red[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-sm-red-ol:disabled, #login-page .actions-submit-button button.btn-sm-red-ol:disabled,
.admin button.btn-sm-red-ol[disabled],
#login-page .actions-submit-button button.btn-sm-red-ol[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-sm-red-link:disabled, #login-page .actions-submit-button button.btn-sm-red-link:disabled,
.admin button.btn-sm-red-link[disabled],
#login-page .actions-submit-button button.btn-sm-red-link[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
  text-decoration: none;
}
.admin button.btn-sm-green:disabled, #login-page .actions-submit-button button.btn-sm-green:disabled,
.admin button.btn-sm-green[disabled],
#login-page .actions-submit-button button.btn-sm-green[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-sm-green-ol:disabled, #login-page .actions-submit-button button.btn-sm-green-ol:disabled,
.admin button.btn-sm-green-ol[disabled],
#login-page .actions-submit-button button.btn-sm-green-ol[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-sm-green-link:disabled, #login-page .actions-submit-button button.btn-sm-green-link:disabled,
.admin button.btn-sm-green-link[disabled],
#login-page .actions-submit-button button.btn-sm-green-link[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
  text-decoration: none;
}
.admin button.btn-sm-purple:disabled, #login-page .actions-submit-button button.btn-sm-purple:disabled,
.admin button.btn-sm-purple[disabled],
#login-page .actions-submit-button button.btn-sm-purple[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-sm-purple-ol:disabled, #login-page .actions-submit-button button.btn-sm-purple-ol:disabled,
.admin button.btn-sm-purple-ol[disabled],
#login-page .actions-submit-button button.btn-sm-purple-ol[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-sm-purple-link:disabled, #login-page .actions-submit-button button.btn-sm-purple-link:disabled,
.admin button.btn-sm-purple-link[disabled],
#login-page .actions-submit-button button.btn-sm-purple-link[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
  text-decoration: none;
}
.admin button.btn-xs-blue:disabled, #login-page .actions-submit-button button.btn-xs-blue:disabled,
.admin button.btn-xs-blue[disabled],
#login-page .actions-submit-button button.btn-xs-blue[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-xs-blue-ol:disabled, #login-page .actions-submit-button button.btn-xs-blue-ol:disabled,
.admin button.btn-xs-blue-ol[disabled],
#login-page .actions-submit-button button.btn-xs-blue-ol[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-xs-blue-link:disabled, #login-page .actions-submit-button button.btn-xs-blue-link:disabled,
.admin button.btn-xs-blue-link[disabled],
#login-page .actions-submit-button button.btn-xs-blue-link[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
  text-decoration: none;
}
.admin button.btn-xs-red:disabled, #login-page .actions-submit-button button.btn-xs-red:disabled,
.admin button.btn-xs-red[disabled],
#login-page .actions-submit-button button.btn-xs-red[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-xs-red-ol:disabled, #login-page .actions-submit-button button.btn-xs-red-ol:disabled,
.admin button.btn-xs-red-ol[disabled],
#login-page .actions-submit-button button.btn-xs-red-ol[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-xs-red-link:disabled, #login-page .actions-submit-button button.btn-xs-red-link:disabled,
.admin button.btn-xs-red-link[disabled],
#login-page .actions-submit-button button.btn-xs-red-link[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
  text-decoration: none;
}
.admin button.btn-xs-green:disabled, #login-page .actions-submit-button button.btn-xs-green:disabled,
.admin button.btn-xs-green[disabled],
#login-page .actions-submit-button button.btn-xs-green[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-xs-green-ol:disabled, #login-page .actions-submit-button button.btn-xs-green-ol:disabled,
.admin button.btn-xs-green-ol[disabled],
#login-page .actions-submit-button button.btn-xs-green-ol[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-xs-green-link:disabled, #login-page .actions-submit-button button.btn-xs-green-link:disabled,
.admin button.btn-xs-green-link[disabled],
#login-page .actions-submit-button button.btn-xs-green-link[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
  text-decoration: none;
}
.admin button.btn-xs-purple:disabled, #login-page .actions-submit-button button.btn-xs-purple:disabled,
.admin button.btn-xs-purple[disabled],
#login-page .actions-submit-button button.btn-xs-purple[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-xs-purple-ol:disabled, #login-page .actions-submit-button button.btn-xs-purple-ol:disabled,
.admin button.btn-xs-purple-ol[disabled],
#login-page .actions-submit-button button.btn-xs-purple-ol[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
}
.admin button.btn-xs-purple-link:disabled, #login-page .actions-submit-button button.btn-xs-purple-link:disabled,
.admin button.btn-xs-purple-link[disabled],
#login-page .actions-submit-button button.btn-xs-purple-link[disabled] {
  background-color: #E5E1E1;
  color: white;
  cursor: default;
  border: none;
  opacity: 1;
  text-decoration: none;
}

.admin .text.header, #login-page .actions-submit-button .text.header, .admin form .header.form-label-left, #login-page .actions-submit-button .admin form .header.form-label-left, .admin form #login-page .actions-submit-button .header.form-label-left {
  font-size: 20px;
  font-weight: 600;
}
.admin .text.subheader, #login-page .actions-submit-button .text.subheader, .admin form .form-label-left, #login-page .actions-submit-button .admin form .form-label-left, .admin form #login-page .actions-submit-button .form-label-left {
  font-size: 16px;
  font-weight: 600;
}
.admin .text.memo, #login-page .actions-submit-button .text.memo, .admin form .memo.form-label-left, #login-page .actions-submit-button .admin form .memo.form-label-left, .admin form #login-page .actions-submit-button .memo.form-label-left {
  font-size: 12px;
  font-weight: 400;
}
.admin .text.link, #login-page .actions-submit-button .text.link, .admin form .link.form-label-left, #login-page .actions-submit-button .admin form .link.form-label-left, .admin form #login-page .actions-submit-button .link.form-label-left {
  color: #3A8DCA;
  text-decoration: underline;
}
.admin .text.error, #login-page .actions-submit-button .text.error, .admin form .error.form-label-left, #login-page .actions-submit-button .admin form .error.form-label-left, .admin form #login-page .actions-submit-button .error.form-label-left {
  color: #FF3B30;
  font-size: 18px;
  margin-bottom: 40px;
}
.admin .text.required, #login-page .actions-submit-button .text.required, .admin form .required.form-label-left, #login-page .actions-submit-button .admin form .required.form-label-left, .admin form #login-page .actions-submit-button .required.form-label-left {
  font-size: 12px;
  font-weight: 600;
  color: #FF0000;
  margin-right: 4px;
}

.admin .textfield, .admin form .form-label-left .textfield, .admin form .form-field-full .textfield, .admin form .form-field-full {
  font-family: Hiragino Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #000000;
  height: 40px;
  min-width: 160px;
  border: 1px solid #e5e1e1;
  padding: 8px;
  background-color: #fff;
  border-radius: 4px;
}
.admin .textfield-multiline, .admin form .form-label-left .textfield-multiline, .admin form .form-field-full .textfield-multiline {
  font-family: Hiragino Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #000000;
  height: 40px;
  min-width: 160px;
  border: 1px solid #e5e1e1;
  padding: 8px;
  background-color: #fff;
  border-radius: 4px;
  resize: none;
  min-height: 96px;
  padding: 16px;
}
.admin .textfield-filled, .admin form .form-label-left .textfield-filled, .admin form .form-field-full .textfield-filled {
  font-family: Hiragino Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #000000;
  height: 40px;
  min-width: 160px;
  border: 1px solid #e5e1e1;
  padding: 8px;
  background-color: #F5F5F5;
  color: #A5ADA9;
  border-radius: 4px;
  border: none;
  border-radius: 10px;
}
.admin .textfield-filled:focus {
  background-color: #fff;
  color: #000000;
}

/* form_bg.scssは 『新規作成』『編集画面』などの、*/
/* background colorのあるフォームに関わる変更を加えるためのファイルです*/
.admin form, .admin form .form-field-full form, .admin form .form-label-left form {
  display: grid;
  gap: 16px;
}
.admin form .form-label {
  font-size: 16px;
  font-weight: 400;
  text-align: right;
  flex-grow: 1;
}
@media (max-width: 992px) {
  .admin form .form-label {
    width: 100%;
    text-align: left;
  }
}
.admin form .form-label-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-grow: 1;
  font-weight: 600;
}
@media (max-width: 992px) {
  .admin form .form-label-left {
    width: 100%;
    text-align: left;
  }
}
.admin form .form-field {
  font-family: Hiragino Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #000000;
  height: 40px;
  min-width: 160px;
  border: 1px solid #B6C0C0;
  padding: 8px;
  background-color: #fff;
  border-radius: 4px;
  width: 400px;
}
@media (max-width: 424px) {
  .admin form .form-field {
    flex: 1;
  }
}
.admin form .form-field-full {
  width: 100%;
}
@media (max-width: 424px) {
  .admin form .form-field-full {
    flex: 1;
  }
}
.admin form .form-field-multiline {
  font-family: Hiragino Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #000000;
  height: 40px;
  min-width: 160px;
  border: 1px solid #e5e1e1;
  padding: 8px;
  background-color: #fff;
  border-radius: 4px;
  resize: none;
  min-height: 96px;
  padding: 16px;
  width: 400px;
}
@media (max-width: 424px) {
  .admin form .form-field-multiline {
    width: 100%;
  }
}
.admin form .form-field-filled {
  font-family: Hiragino Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #000000;
  height: 40px;
  min-width: 160px;
  border: 1px solid #e5e1e1;
  padding: 8px;
  background-color: #F5F5F5;
  color: #A5ADA9;
  border-radius: 4px;
  border: none;
  border-radius: 10px;
}
.admin form .form-field-filled:focus {
  background-color: #fff;
  color: #000000;
}
.admin form .form-field-filled {
  width: 560px;
}
@media (max-width: 992px) {
  .admin form .form-field-filled {
    width: 100%;
  }
}
.admin form .select {
  min-width: auto;
  width: auto;
  height: 53px;
  display: block;
  padding: 0.9rem;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #B6C0C0;
  border-radius: 8px;
  width: 100%;
  background-image: url(/assets/dropdown_icon-c244ddc2c2e5c4d477a4a6000836ad62e1f80c89dc0a1f04dbcc22d4e44546aa.svg);
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
}
.admin form .form-row {
  display: flex;
  flex-direction: row;
  gap: 30px;
}
.admin form .disabled {
  background-color: #F4F7FA !important;
}
.admin form .select2 {
  height: 40px;
  width: 100% !important;
}
.admin form .select2-selection.select2-selection--single {
  height: 40px;
  border: 1px solid #B6C0C0;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.admin form .select2-selection .select2-selection__rendered {
  display: flex !important;
  padding-left: 0.5rem !important;
  align-items: center !important;
  color: #0F161D !important;
  font-weight: 400;
  font-size: 16px;
}
.admin form .select2-selection .select2-selection__arrow {
  height: 40px !important;
  width: 36px !important;
}
.admin form .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.admin form .select2-container--default .select2-selection--single .select2-selection__arrow {
  background-image: url(/assets/icons/arrow-down-95924b26d6aafa296bf38a3ce410c7c52301ad1ad9c526763666993a55a3c474.svg);
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}
.admin form .select2-search__field::placeholder {
  font-size: 1rem !important;
  font-weight: 600 !important;
  font-feature-settings: normal;
  color: rgba(15, 22, 29, 0.5019607843) !important;
}
.admin input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 19px;
  height: 19px;
  background-clip: content-box;
  border: 1px solid #B6C0C0;
  cursor: pointer;
  position: relative;
}
.admin input[type=checkbox]:after {
  content: "";
  position: absolute;
  border: solid #3A8DCA;
  border-width: 0 2px 2px 0;
  left: 4px;
  top: 0px;
  width: 8px;
  height: 12px;
  transform: rotate(45deg);
  opacity: 0;
}
.admin input[type=checkbox]:checked:after {
  opacity: 1;
}
.admin input[type=checkbox]:checked {
  border: 1px solid #B6C0C0;
}

.admin_select2_only .select {
  min-width: auto;
  width: auto;
  height: 53px;
  display: block;
  padding: 0.9rem;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #B6C0C0;
  border-radius: 8px;
  width: 100%;
  background-image: url(/assets/dropdown_icon-c244ddc2c2e5c4d477a4a6000836ad62e1f80c89dc0a1f04dbcc22d4e44546aa.svg);
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
}
.admin_select2_only .form-row {
  display: flex;
  flex-direction: row;
  gap: 30px;
}
.admin_select2_only .disabled {
  color: #B6C0C0 !important;
  background-color: #F4F7FA !important;
}
.admin_select2_only .select2 {
  height: 40px;
  width: 100% !important;
}
.admin_select2_only .select2-selection.select2-selection--single {
  height: 40px;
  border: 1px solid #B6C0C0;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.admin_select2_only .select2-selection .select2-selection__rendered {
  display: flex !important;
  padding-left: 0.5rem !important;
  align-items: center !important;
  color: #0F161D !important;
  font-weight: 400;
  font-size: 16px;
}
.admin_select2_only .select2-selection .select2-selection__arrow {
  height: 40px !important;
  width: 36px !important;
}
.admin_select2_only .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.admin_select2_only .select2-container--default .select2-selection--single .select2-selection__arrow {
  background-image: url(/assets/icons/arrow-down-95924b26d6aafa296bf38a3ce410c7c52301ad1ad9c526763666993a55a3c474.svg);
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}
.admin_select2_only .select2-search__field::placeholder {
  font-size: 1rem !important;
  font-weight: 600 !important;
  font-feature-settings: normal;
  color: rgba(15, 22, 29, 0.5019607843) !important;
}

.admin .table-wrapper {
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
.admin .table-wrapper table {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-family: Hiragino Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #000000;
}
.admin .table-wrapper thead > tr {
  display: flex;
  flex-direction: row;
}
.admin .table-wrapper tbody tr {
  border-bottom: 1px solid #B6C0C0;
  border-right: 1px solid #B6C0C0;
}
.admin .table-wrapper th {
  font-weight: 600;
  padding: 11px 0px;
  flex-shrink: 0;
}
.admin .table-wrapper td {
  min-height: 64px;
  max-height: 112px;
  line-clamp: 3;
}
.admin .table-wrapper td.small {
  height: 64px;
}
.admin .table-wrapper tr {
  font-size: 0;
}
.admin .table-wrapper td,
.admin .table-wrapper th {
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  text-align: center;
}
.admin .table-wrapper td p,
.admin .table-wrapper th p {
  white-space: break-spaces;
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.admin .table-wrapper td {
  justify-content: center;
}
.admin .table-wrapper .th-xl,
.admin .table-wrapper .td-xl {
  width: 296px;
}
.admin .table-wrapper .th-lg,
.admin .table-wrapper .td-lg {
  width: 204px;
}
.admin .table-wrapper .th-md,
.admin .table-wrapper .td-md {
  width: 144px;
}
.admin .table-wrapper .th-sm,
.admin .table-wrapper .td-sm {
  width: 60px;
}
.admin .table-wrapper .gray-block {
  border: 1px solid #E5E1E1;
  background-color: #F4F7FA;
}
.admin .table-wrapper .gray-block-no-border {
  background-color: #F4F7FA;
}
.admin .table-wrapper .block_td td, .admin .table-wrapper .block_td th {
  border: 1px solid #E5E1E1;
}
.admin .table-wrapper .sortable {
  cursor: pointer;
}
.admin .table-wrapper .desc, .admin .table-wrapper .asc {
  position: relative;
}
.admin .table-wrapper .desc::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -20px;
  margin: auto;
  width: 12px;
  height: 12px;
  background: url(/assets/icons/arrow-down-95924b26d6aafa296bf38a3ce410c7c52301ad1ad9c526763666993a55a3c474.svg) no-repeat center;
  pointer-events: none;
}
.admin .table-wrapper .asc::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -20px;
  margin: auto;
  width: 12px;
  height: 12px;
  background: url(/assets/icons/arrow-down-95924b26d6aafa296bf38a3ce410c7c52301ad1ad9c526763666993a55a3c474.svg) no-repeat center;
  pointer-events: none;
  transform: rotate(180deg);
}
.admin .bordered-table tr {
  border: none;
  border-bottom: none !important;
  border-right: none !important;
}
.admin .bordered-table th {
  border: 1px solid #B6C0C0;
  background-color: #F4F7FA;
}
.admin .bordered-table td {
  border: 1px solid #B6C0C0;
  border-top: none;
}
.admin .bordered-table td:first-child {
  background-color: #F4F7FA;
}
.admin .bordered-table td:not(:last-child), .admin .bordered-table th:not(:last-child) {
  border-right: none;
}

.no_new_line th > a {
  max-width: 100px;
  width: fit-content;
  display: flex;
}

.admin .pagination {
  width: 100%;
  height: 38px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 2rem;
}
.admin .pagination .next, .admin .pagination .prev, .admin .pagination .gap, .admin .pagination .page {
  font-family: Hiragino Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #000000;
  cursor: pointer;
  min-width: 36px;
  height: 38px;
  border-radius: 4px;
  border: 1px solid #E5E1E1;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  word-wrap: break-word;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
}
.admin .pagination .page.current {
  background: #c8dded;
}
.admin .pagination .gap {
  align-items: end;
  cursor: default;
  border: none;
}
.admin .pagination .next:after, .admin .pagination .prev:after {
  content: "";
  width: 10px;
  height: 10px;
  position: relative;
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
}
.admin .pagination .prev:after {
  transform: translate(2px, 0) rotate(-45deg);
}
.admin .pagination .next:after {
  transform: translate(-2px, 0) rotate(135deg);
}
.admin .pagination a {
  height: 100%;
  line-height: 36px;
  text-align: center;
}
.admin .pagination span.page {
  padding: 0;
}
.admin .pagination span.page a {
  display: inline-block;
  width: 100%;
}

.admin .modal {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 999;
}
.admin .modal .modal-content {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  min-width: 920px;
  min-height: 295px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: auto;
  padding: 80px 60px;
  background-color: #fff;
  opacity: 1;
  border-radius: 10px;
  gap: 60px;
}
.admin .modal .modal-content .modal-body {
  font-size: 18px;
  font-weight: 600;
  flex-grow: 1;
}
.admin .modal .modal-content .modal-footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 25px;
}
.admin .modal .modal-content .hidden {
  display: none;
}

.admin.sidebar {
  width: 240px;
  height: 100vh;
  position: fixed;
  overflow-y: scroll;
  padding: 20px 23px 23px 23px;
  background-color: #fff;
  border-right: 1px solid #3A8DCA;
  z-index: 100;
}
@media (max-width: 768px) {
  .admin.sidebar {
    display: none;
  }
}
.admin.sidebar .sidebar_nav {
  font-size: 18px;
  font-weight: 600;
  padding: 7px 8px;
}
.admin.sidebar .sidebar_nav:hover {
  background-color: #8DAFC8;
  color: #FFFFFF;
}
.admin.sidebar .sidebar_nav.current {
  color: #FFFFFF;
  background-color: #3A8DCA;
}
.admin.sidebar .sidebar_logo {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 4px;
}
.admin.sidebar .sidebar_logo img {
  margin: auto;
  object-fit: contain;
  width: 100%;
}
.admin.sidebar .sidebar_line {
  border-bottom: solid 1px #c1d0df;
}
.admin.sidebar .sidebar_navgroup {
  margin-top: 49px;
  display: grid;
  row-gap: 17px;
}

a {
  text-decoration: none;
}

.check-all {
  color: #259D63;
}

.dropdown {
  position: relative;
  font-size: 14px;
  color: #333;
  z-index: 2;
  height: 2rem;
}
.dropdown .dropdown-list {
  padding: 12px;
  background: #fff;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
  transform-origin: 50% 0;
  transform: scale(1, 0);
  transition: transform 0.15s ease-in-out 0.15s;
  max-height: 66vh;
  overflow-y: scroll;
}
.dropdown .dropdown-option {
  display: block;
  padding: 8px 6px;
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}
.dropdown .dropdown-label {
  display: block;
  height: 40px;
  background: #fff;
  border: 1px solid #B6C0C0;
  padding: 6px 12px;
  line-height: 2;
  cursor: pointer;
  border-radius: 5px;
}
.dropdown .dropdown-label:before {
  content: "";
  background-image: url(/assets/icons/arrow-down-95924b26d6aafa296bf38a3ce410c7c52301ad1ad9c526763666993a55a3c474.svg);
  background-size: contain;
  background-repeat: no-repeat;
  float: right;
  color: #3A8DCA;
  width: 18px;
  height: 18px;
  position: relative;
  top: 7px;
}
.dropdown.on {
  height: auto;
}
.dropdown.on .dropdown-list {
  transform: scale(1, 1);
  transition-delay: 0s;
}
.dropdown.on .dropdown-list .dropdown-option {
  opacity: 1;
  transition-delay: 0.2s;
}
.dropdown.on .dropdown-label:before {
  content: "";
  background-image: url(/assets/icons/arrow-down-95924b26d6aafa296bf38a3ce410c7c52301ad1ad9c526763666993a55a3c474.svg);
  background-size: contain;
  background-repeat: no-repeat;
  float: right;
  color: #3A8DCA;
  width: 18px;
  height: 18px;
  position: relative;
  transform: rotate(180deg);
  top: 3px;
}
.dropdown [type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 19px;
  height: 19px;
  background-clip: content-box;
  border: 1px solid #C1D0DF;
  cursor: pointer;
  position: relative;
}
.dropdown [type=checkbox]:after {
  content: "";
  position: absolute;
  border: solid #3A8DCA;
  border-width: 0 2px 2px 0;
  left: 4px;
  top: 0px;
  width: 8px;
  height: 12px;
  transform: rotate(45deg);
  opacity: 0;
}
.dropdown [type=checkbox]:checked {
  border: 1px solid #B6C0C0;
}
.dropdown [type=checkbox]:checked:after {
  opacity: 1;
}

.label-required {
  color: #FF0000;
  font-size: 12px;
}

.institute-form form {
  display: grid;
  grid-template-columns: 180px 400px;
  justify-items: start;
  gap: 10px !important;
}
@media (max-width: 424px) {
  .institute-form form {
    grid-template-columns: 1fr !important;
  }
}
.institute-form form label {
  flex-grow: 0 !important;
  width: auto !important;
}
.institute-form form .label-required {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}
@media (max-width: 424px) {
  .institute-form form .label-required {
    width: 100%;
    justify-content: flex-start;
  }
}
.institute-form form .actions {
  grid-column: 1/-1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 29px;
  margin-top: 10px;
  margin-bottom: 24px;
}
@media (max-width: 424px) {
  .institute-form form .actions {
    flex-direction: column-reverse;
    width: 100%;
    gap: 16px;
  }
  .institute-form form .actions > * {
    width: 100%;
  }
}

#login-page {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: 100vh;
  box-sizing: border-box;
  padding: 1.5rem 1rem 1.5rem;
  overflow-y: auto;
}
#login-page-logo {
  margin-bottom: 80px;
}
@media (max-width: 992px) {
  #login-page-logo {
    width: 100%;
    margin-bottom: 40px;
  }
}
#login-page-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  #login-page-title {
    margin: 2rem;
  }
}
#login-page-change-password {
  width: 100%;
  text-align: center;
}
#login-page .form-group {
  display: -webkit-box; /* wkhtmltopdf uses this one */
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
@media (max-width: 992px) {
  #login-page .form-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 16px;
  }
}
#login-page .actions {
  display: flex;
  justify-self: center;
  align-items: center;
}
#login-page .actions-submit-button {
  width: 335px;
  margin: auto;
  margin-top: 60px;
}
@media (max-width: 992px) {
  #login-page .actions-submit-button {
    width: 100%;
    margin-top: 30px;
  }
}

#admin_institution-master-page {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100vh;
}
#admin_institution-master-page .operation-column {
  display: inline-flex;
  flex-direction: row;
  gap: 10px;
}
#admin_institution-master-page #register-button {
  margin-bottom: 60px;
  margin-top: 36px;
  flex-shrink: 0;
}
#admin_institution-master-page .pagination {
  margin-top: 60px;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

#admin_institution_details .details {
  font-size: 18px;
  display: flex;
  flex-direction: column;
}
#admin_institution_details .back-button {
  margin-top: 60px;
}

#admin_institution-support-locations {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
#admin_institution-support-locations .top-area {
  display: flex;
  flex-direction: row;
  align-items: end;
  margin-bottom: 60px;
  gap: 100px;
}
#admin_institution-support-locations .top-area-buttons {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 424px) {
  #admin_institution-support-locations .top-area-buttons {
    gap: 8px;
  }
  #admin_institution-support-locations .top-area-buttons > * {
    width: 100%;
  }
}
@media (max-width: 424px) {
  #admin_institution-support-locations .top-area {
    flex-direction: column-reverse;
    align-items: start;
    gap: 20px;
    margin-bottom: 20px;
  }
}
#admin_institution-support-locations .operation-column {
  display: inline-flex;
  flex-direction: row;
  gap: 10px;
}
#admin_institution-support-locations .pagination {
  margin-top: 60px;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
#admin_institution-support-locations .institute-form {
  padding: 40px;
  background-color: #F4F7FA;
}
#admin_institution-support-locations .institute-form > form {
  display: grid;
  grid-template-columns: max-content 400px;
  justify-items: start;
  column-gap: 50px !important;
  row-gap: 26px !important;
  align-items: center;
}
@media (max-width: 424px) {
  #admin_institution-support-locations .institute-form {
    padding: 0;
  }
}

@media (max-width: 424px) {
  #admin_support_locations_csv {
    padding: 0;
  }
  #admin_support_locations_csv [class^=btn-] {
    width: 100%;
  }
}
#admin_support_locations_csv .template-area,
#admin_support_locations_csv .csv-upload-area {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
@media (max-width: 424px) {
  #admin_support_locations_csv .template-area,
  #admin_support_locations_csv .csv-upload-area {
    flex-direction: column;
  }
  #admin_support_locations_csv .template-area form,
  #admin_support_locations_csv .csv-upload-area form {
    width: 100%;
  }
}
#admin_support_locations_csv .template-example-area {
  margin-top: 16px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#admin_support_locations_csv .template-example-area table th {
  height: 68px;
  vertical-align: middle;
}
#admin_support_locations_csv .template-example-area table td {
  height: 60px;
}
#admin_support_locations_csv .template-example-area table .column-item-required,
#admin_support_locations_csv .template-example-area table .column-item {
  width: 240px;
}
#admin_support_locations_csv .template-example-area table .column-long {
  width: 363px;
}
#admin_support_locations_csv .template-example-area table td.column-item-required {
  background-color: #F4F7FA;
}
#admin_support_locations_csv .template-example-area table tbody > tr {
  border: none;
}
#admin_support_locations_csv .template-example-area table td,
#admin_support_locations_csv .template-example-area table th {
  border: 0.5px solid #B6C0C0;
  padding: 10px;
}
#admin_support_locations_csv .upload-errors {
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 12px;
  color: #FF3B30;
}
@media (max-width: 424px) {
  #admin_support_locations_csv .upload-errors {
    margin-left: 10px;
    margin-right: 10px;
  }
}
#admin_support_locations_csv .upload-success {
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 12px;
  color: #3A8DCA;
}
@media (max-width: 424px) {
  #admin_support_locations_csv .upload-success {
    margin-left: 10px;
    margin-right: 10px;
  }
}
#admin_support_locations_csv .bottom-area {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 29px;
}
@media (max-width: 424px) {
  #admin_support_locations_csv .bottom-area {
    flex-direction: column-reverse;
    gap: 10px;
  }
}

.admin_support_location_form .institute-form > form {
  column-gap: 10px !important;
  row-gap: 26px !important;
  align-items: center;
}

#admin_interview-management {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
#admin_interview-management .hidden {
  display: none;
}
#admin_interview-management .service-label,
#admin_interview-management .tool-label {
  display: inline-block;
  width: 150px;
}
#admin_interview-management .service-select {
  width: 150px;
}
#admin_interview-management .form-group {
  margin-top: 10px;
}
#admin_interview-management .top-area {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 20px;
}
#admin_interview-management .top-area-buttons {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: flex-end;
}
@media (max-width: 424px) {
  #admin_interview-management .top-area-buttons {
    gap: 8px;
  }
  #admin_interview-management .top-area-buttons > * {
    width: 100%;
  }
}
#admin_interview-management .top-area form .form-text-area {
  width: 700px;
  height: 100px;
}
#admin_interview-management .top-area form .separator {
  margin: 0 30px;
  display: inline-block;
  width: 8px;
}
#admin_interview-management .top-area form .error_message {
  display: inline-block;
  width: 250px;
  color: #FF3B30;
  font-size: 14px;
}
#admin_interview-management .top-area form .schedule-online-tools {
  gap: 20px;
}
#admin_interview-management .top-area form .schedule-online-tools .form-label {
  min-width: 50px;
  flex-grow: unset;
}
#admin_interview-management .top-area form .schedule-online-tools .select2.form-field {
  min-width: 100px;
  width: 150px !important;
}
#admin_interview-management .instructor-table-wrapper .scrollable-table {
  width: 100%;
}
#admin_interview-management .instructor-table-wrapper .scrollable-table > table {
  width: 100%;
}
#admin_interview-management .instructor-table-wrapper .fixed-table > table {
  border: 1px solid #B6C0C0;
}
#admin_interview-management .instructor-table-wrapper thead > tr {
  display: table-row;
}
#admin_interview-management .instructor-table-wrapper tbody > tr {
  border-bottom: 1px solid #E5E1E1;
}
#admin_interview-management .instructor-table-wrapper td,
#admin_interview-management .instructor-table-wrapper th {
  display: table-cell;
  vertical-align: middle;
}
#admin_interview-management .instructor-table-wrapper th {
  padding-left: 8px;
}
#admin_interview-management .instructor-table-wrapper td {
  padding: 0 8px 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#admin_interview-management .label-required {
  color: #FF0000;
}
#admin_interview-management .pagination {
  margin-top: 60px;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
#admin_interview-management .interview_management-form > form {
  display: grid;
  grid-template-columns: max-content auto;
  justify-items: start;
  column-gap: 50px !important;
  row-gap: 26px !important;
  align-items: center;
}
#admin_interview-management .interview_management-form > form .form-input {
  width: 250px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #A9A9A9;
  background-color: #FFFFFF;
  padding: 8px;
}
#admin_interview-management .interview_management-form > form .form-input.number-input {
  width: 83.3px;
}
@media (max-width: 424px) {
  #admin_interview-management .interview_management-form {
    padding: 0;
  }
}
#admin_interview-management .interview_management-form .actions {
  grid-column: 2;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 29px;
  margin-top: 10px;
  margin-bottom: 24px;
  width: 100%;
}
@media (max-width: 424px) {
  #admin_interview-management .interview_management-form .actions {
    flex-direction: column-reverse;
    width: 100%;
    gap: 16px;
  }
  #admin_interview-management .interview_management-form .actions > * {
    width: 100%;
  }
}

.h-grid {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 10px;
  justify-items: left;
  align-items: center;
}

.v-grid {
  display: grid;
  grid-gap: 10px;
  justify-items: start;
  align-items: center;
}

#admin_reservation_csv .form-label {
  width: 70px;
  text-align: left;
}
#admin_reservation_csv .form-field {
  width: 300px;
}
#admin_reservation_csv span.table-title {
  margin-top: 40px;
}
#admin_reservation_csv .fiscal_year {
  width: 100px;
}
#admin_reservation_csv .top-row {
  display: grid;
  grid-template-columns: 1fr min-content;
  grid-gap: 10px;
  justify-items: left;
  align-items: center;
  width: 100%;
}
#admin_reservation_csv .pull-right {
  grid-column: 2;
  justify-self: end;
}
#admin_reservation_csv .tilde {
  text-align: center;
}
#admin_reservation_csv .csv-upload-area {
  margin-top: 40px;
}
#admin_reservation_csv .template-example-area {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#admin_reservation_csv .template-example-area table th {
  height: 68px;
}
#admin_reservation_csv .template-example-area table td {
  height: 60px;
  flex-direction: column;
  align-items: self-start;
}
#admin_reservation_csv .template-example-area table .column-name {
  width: 180px;
}
#admin_reservation_csv .template-example-area table .column-name span {
  display: block;
}
#admin_reservation_csv .template-example-area table td.column-name, #admin_reservation_csv .template-example-area table td.column-support-type, #admin_reservation_csv .template-example-area table th.column-name, #admin_reservation_csv .template-example-area table th.column-support-type {
  background-color: #F4F7FA;
}
#admin_reservation_csv .template-example-area table tbody > tr {
  border: none;
}
#admin_reservation_csv .template-example-area table td, #admin_reservation_csv .template-example-area table th {
  border: 0.5px solid #B6C0C0;
  padding: 10px;
}
#admin_reservation_csv .upload-errors {
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 12px;
  color: #FF3B30;
}
@media (max-width: 424px) {
  #admin_reservation_csv .upload-errors {
    margin-left: 10px;
    margin-right: 10px;
  }
}
#admin_reservation_csv .upload-success {
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 12px;
  color: #3A8DCA;
}
@media (max-width: 424px) {
  #admin_reservation_csv .upload-success {
    margin-left: 10px;
    margin-right: 10px;
  }
}
#admin_reservation_csv .bottom-area {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 29px;
}
@media (max-width: 424px) {
  #admin_reservation_csv .bottom-area {
    flex-direction: column-reverse;
    gap: 10px;
  }
}

#admin_interview_management_csv {
  padding: 0 36px;
}
@media (max-width: 424px) {
  #admin_interview_management_csv {
    padding: 0;
  }
  #admin_interview_management_csv [class^=btn-] {
    width: 100%;
  }
}
#admin_interview_management_csv .template-area,
#admin_interview_management_csv .csv-upload-area {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 35px 0px;
}
@media (max-width: 424px) {
  #admin_interview_management_csv .template-area,
  #admin_interview_management_csv .csv-upload-area {
    flex-direction: column;
  }
  #admin_interview_management_csv .template-area form,
  #admin_interview_management_csv .csv-upload-area form {
    width: 100%;
  }
}
#admin_interview_management_csv .template-example-area {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#admin_interview_management_csv .template-example-area .table-wrapper {
  margin-top: 0 !important;
}
#admin_interview_management_csv .template-example-area table th {
  height: 68px;
}
#admin_interview_management_csv .template-example-area table td {
  height: 60px;
  flex-direction: column;
  align-items: self-start;
}
#admin_interview_management_csv .template-example-area table .column-name {
  width: 180px;
}
#admin_interview_management_csv .template-example-area table .column-name span {
  display: block;
}
#admin_interview_management_csv .template-example-area table td.column-name, #admin_interview_management_csv .template-example-area table td.column-support-type, #admin_interview_management_csv .template-example-area table th.column-name, #admin_interview_management_csv .template-example-area table th.column-support-type {
  background-color: #F4F7FA;
}
#admin_interview_management_csv .template-example-area table tbody > tr {
  border: none;
}
#admin_interview_management_csv .template-example-area table td, #admin_interview_management_csv .template-example-area table th {
  border: 0.5px solid #A9A9A9;
  padding: 10px;
}
#admin_interview_management_csv .upload-errors {
  margin-top: 12px;
}
@media (max-width: 424px) {
  #admin_interview_management_csv .upload-errors {
    margin-left: 10px;
    margin-right: 10px;
  }
}
#admin_interview_management_csv .bottom-area {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 29px;
}
@media (max-width: 424px) {
  #admin_interview_management_csv .bottom-area {
    flex-direction: column-reverse;
    gap: 10px;
  }
}

.table-wrapper {
  position: relative;
  overflow: auto;
  white-space: nowrap;
  margin-top: 40px;
}
.table-wrapper table {
  overflow-x: auto;
  table-layout: fixed;
  border-collapse: collapse;
}
.table-wrapper table .sticky-col {
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  z-index: 1;
  min-width: 283px;
}

.operation-column {
  display: inline-flex;
  flex-direction: row;
  gap: 10px;
  border-left: 1px solid #E5E1E1;
}

.operation-column-header {
  background: #F4F7FA;
}

#admin_reservations {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
#admin_reservations form {
  width: 100%;
}
#admin_reservations .top-area {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 20px;
}
#admin_reservations .top-area-buttons {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: flex-end;
}
@media (max-width: 424px) {
  #admin_reservations .top-area-buttons {
    gap: 8px;
  }
  #admin_reservations .top-area-buttons > * {
    width: 100%;
  }
}
#admin_reservations .instructor-table-wrapper .scrollable-table {
  width: 100%;
}
#admin_reservations .instructor-table-wrapper .scrollable-table > table {
  width: 100%;
}
#admin_reservations .instructor-table-wrapper .fixed-table > table th {
  border-left: 1px solid #B6C0C0;
}
#admin_reservations .instructor-table-wrapper .fixed-table > table td {
  border-left: 0;
}
#admin_reservations .instructor-table-wrapper thead > tr {
  display: table-row;
  width: 100%;
}
#admin_reservations .instructor-table-wrapper tbody > tr {
  border-bottom: 0;
  width: 100%;
}
#admin_reservations .instructor-table-wrapper td,
#admin_reservations .instructor-table-wrapper th {
  display: table-cell;
  vertical-align: middle;
}
#admin_reservations .instructor-table-wrapper th {
  padding-left: 8px;
}
#admin_reservations .instructor-table-wrapper td {
  border-bottom: 1px solid #B6C0C0;
  padding: 0 8px 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#admin_reservations .select2 {
  height: 40px !important;
  width: 100%;
}
#admin_reservations .select2 .select2-selection__clear {
  margin: 8px;
}
#admin_reservations .select2 .select2-selection__rendered {
  padding: 0 !important;
}
#admin_reservations .select2 .select2-selection__rendered .select2-selection__placeholder {
  margin-left: 8px;
}
#admin_reservations .select2-selection.select2-selection--single {
  height: 40px !important;
  border: 1px solid #B6C0C0 !important;
  border-radius: 4px;
}
#admin_reservations .select2-container--open .select2-selection__arrow b {
  border-color: transparent transparent #3A8CC9 transparent !important;
  border-width: 0 8px 8px 8px !important;
}
#admin_reservations .select2-container--default .select2-selection__arrow b, #admin_reservations .select2-container--default .select2-container--focus .select2-selection__arrow b {
  border-color: #3A8CC9 transparent transparent transparent;
  border-width: 8px 8px 0 8px;
  margin-left: -10px;
}
#admin_reservations .select2-container--default .select2-selection__arrow b {
  margin-top: -10px;
}
#admin_reservations .select2-dropdown {
  border: 1px solid #c1d0df !important;
}
#admin_reservations.edit .select2 {
  width: 100% !important;
}
#admin_reservations .bottom-area {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 29px;
}
#admin_reservations .form-text-area {
  min-width: 800px;
  height: 100px;
}
#admin_reservations .form-field {
  width: 100%;
}
#admin_reservations .field-section {
  display: grid;
  grid-template-columns: 200px auto;
}
#admin_reservations .actions-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#admin_reservations .operation-column {
  display: inline-flex;
  flex-direction: row;
  gap: 10px;
  border-left: 1px solid #E5E1E1;
  background: #FFFFFF;
}
#admin_reservations .operation-column-header {
  background: #F4F7FA;
}
#admin_reservations .pagination {
  margin-top: 60px;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
#admin_reservations .reservations-form {
  margin: 8px 0;
}
#admin_reservations .reservations-form .form-label {
  width: 170px;
  text-align: left;
}
#admin_reservations .reservations-form .advance-section {
  padding: 20px;
  background-color: #F4F7FA;
  padding-bottom: 10px;
}
#admin_reservations .upload-errors {
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 12px;
  color: #FF3B30;
}
@media (max-width: 424px) {
  #admin_reservations .upload-errors {
    margin-left: 10px;
    margin-right: 10px;
  }
}
#admin_reservations .upload-success {
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 12px;
  color: #3A8DCA;
}
@media (max-width: 424px) {
  #admin_reservations .upload-success {
    margin-left: 10px;
    margin-right: 10px;
  }
}

#admin_executed_supports {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
#admin_executed_supports .top-area {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 20px;
}
#admin_executed_supports .top-area-buttons {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: flex-end;
}
@media (max-width: 424px) {
  #admin_executed_supports .top-area-buttons {
    gap: 8px;
  }
  #admin_executed_supports .top-area-buttons > * {
    width: 100%;
  }
}
#admin_executed_supports .actions-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  margin: 20px 0;
}
#admin_executed_supports .pagination {
  margin-top: 60px;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
#admin_executed_supports .dropdown {
  width: 250px;
}
#admin_executed_supports .executed_supports-form .top-section {
  display: grid;
  grid-template-columns: max-content auto;
  justify-items: start;
  column-gap: 50px !important;
  row-gap: 26px !important;
  align-items: center;
  padding: 10px 10px 0 0px;
}
#admin_executed_supports .executed_supports-form > form .form-row {
  grid-template-columns: max-content auto;
  justify-items: start;
  column-gap: 50px !important;
}
#admin_executed_supports .executed_supports-form > form .form-row > label {
  display: block;
  text-align: left;
}
#admin_executed_supports .executed_supports-form > form .form-row .tilde {
  text-align: center;
}
@media (max-width: 424px) {
  #admin_executed_supports .executed_supports-form {
    padding: 0;
  }
}
#admin_executed_supports .executed_supports-form .actions {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
}
@media (max-width: 424px) {
  #admin_executed_supports .executed_supports-form .actions {
    flex-direction: column-reverse;
    width: 100%;
    gap: 16px;
  }
  #admin_executed_supports .executed_supports-form .actions > * {
    width: 100%;
  }
}
#admin_executed_supports .instructor-table-wrapper .scrollable-table {
  width: 100%;
}
#admin_executed_supports .instructor-table-wrapper .scrollable-table > table {
  width: 100%;
}
#admin_executed_supports .instructor-table-wrapper thead > tr {
  display: table-row;
  width: 100%;
}
#admin_executed_supports .instructor-table-wrapper tbody > tr {
  border-bottom: 0;
  width: 100%;
}
#admin_executed_supports .instructor-table-wrapper td,
#admin_executed_supports .instructor-table-wrapper th {
  display: table-cell;
  vertical-align: middle;
}
#admin_executed_supports .instructor-table-wrapper th {
  height: 48px;
  padding: 0 8px !important;
  font-size: 15px;
}
#admin_executed_supports .instructor-table-wrapper td {
  border-bottom: 1px solid #B6C0C0;
  padding: 0 8px 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin {
  font-family: Hiragino Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #000000;
}

.company_admin .form {
  display: flex;
  flex-direction: column;
}
.company_admin .form .form-control {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 26px;
}
.company_admin .form label {
  flex: 1;
}
.company_admin .form .form-field {
  height: 40px;
  border: 1px solid #B6C0C0;
  border-radius: 4px;
  background-color: white;
  flex: 3;
  padding: 0 8px;
}
.company_admin .form .actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.company_admin .form .actions button {
  margin-left: 10px;
}
.company_admin_form_field_48 {
  min-width: 320px;
  width: auto;
  height: 53px;
  display: block;
  padding: 0.9rem;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #B6C0C0;
  border-radius: 4px;
  height: 40px;
  padding: 8px;
  font-size: 16px;
  font-weight: 400;
  display: inline-flex;
  color: #000;
  border: 1px solid #B6C0C0;
}
.company_admin_form_field_48::placeholder {
  color: #A5ADA9;
}
.company_admin_form_field_48:focus {
  border-color: #3A8DCA;
}
@media (max-width: 1200px) {
  .company_admin_form_field_48 {
    width: 100%;
  }
}
.company_admin .search-form {
  background-color: #F4F7FA;
  padding: 40px;
  border-radius: 10px;
  max-width: 680px;
}

.app_notice_thumbnail_img {
  width: 350px;
  height: 184px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  color: #B6C0C0;
  border: solid 1px #B6C0C0;
  border-radius: 4px;
  font-size: 11px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #F4F7FA;
  cursor: pointer;
}
.app_notice_thumbnail_img .display_none {
  display: none;
}
.app_notice_thumbnail_img {
  min-width: 184px;
}
.app_notice_thumbnail_img .text {
  font-size: 14px;
  text-align: center;
}
.app_notice_action_text {
  height: 232px;
  width: 100%;
  overflow-x: scroll;
  padding: 1rem;
}
.app_notice_action_text::placeholder {
  color: #B6C0C0;
}
.app_notice_action_text {
  border: solid 1px #B6C0C0;
}
.app_notice_file {
  color: #3A8DCA;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.app_notice_hide_button {
  display: none;
}
.app_notice .pv {
  background-color: #fff;
}
@media (max-width: 424px) {
  .app_notice .pv {
    background-color: #fff;
  }
}
@media (max-width: 424px) {
  .app_notice .pv {
    padding: 0;
  }
}
.app_notice .pv .thumbnail_img {
  width: 112px;
  height: 72px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  color: #B6C0C0;
  border: solid 1px #B6C0C0;
  border-radius: 4px;
  font-size: 11px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #F4F7FA;
  cursor: pointer;
}
.app_notice .pv .thumbnail_img .display_none {
  display: none;
}
.app_notice .pv .thumbnail_img {
  max-width: 112px;
  overflow: hidden;
  position: relative;
  background-color: #D9D9D9;
  border: none;
  border-radius: 0%;
}
.app_notice .pv .thumbnail_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.app_notice .pv .thumbnail_img .text {
  font-size: 14px;
  text-align: center;
}
.app_notice .pv .content_img {
  width: 100%;
  height: 160px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  color: #B6C0C0;
  border: solid 1px #B6C0C0;
  border-radius: 4px;
  font-size: 11px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #F4F7FA;
  cursor: pointer;
}
.app_notice .pv .content_img .display_none {
  display: none;
}
.app_notice .pv .content_img {
  margin: auto;
}
.app_notice .pv .content_img .text {
  font-size: 14px;
  text-align: center;
}
.app_notice .pv .content_img {
  background-color: #D9D9D9;
  border: none;
  min-width: 112px;
}
.app_notice .pv_article {
  display: grid;
  gap: 60px;
}
@media (max-width: 424px) {
  .app_notice .pv_article {
    padding: 0;
  }
}
.app_notice .pv_section {
  width: 423px;
  margin: 0 auto;
}
@media (max-width: 424px) {
  .app_notice .pv_section {
    width: 100%;
  }
}
.app_notice .pv_phone {
  width: 423px;
  height: 860px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: black;
  border-radius: 24px;
}
@media (max-width: 424px) {
  .app_notice .pv_phone {
    width: 100%;
    height: 860px;
    background-color: #fff;
    border-radius: 0;
  }
}
.app_notice .pv_phone_bg {
  background-color: #fff;
  width: 375px;
  height: 812px;
}
@media (max-width: 424px) {
  .app_notice .pv_phone_bg {
    width: 100%;
    background-color: #fff;
  }
}
.app_notice .pv_phone_bg .hd {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.app_notice .pv_phone_bg .hd p {
  text-align: center;
  font-size: 18px;
}
.app_notice .pv_phone_bg .hd {
  margin-bottom: 32px;
}

.com_ad_table_scroll {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.com_ad_table_scroll .fixed-table {
  flex-shrink: 0;
  overflow-x: hidden;
}
.com_ad_table_scroll .fixed-table td, .com_ad_table_scroll .fixed-table th {
  justify-content: center;
}
.com_ad_table_scroll .border-right-none {
  border-right-width: 0;
}

.com_ad_table_main {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
  width: 100%;
}
.com_ad_table_main .sort_arrow_up {
  background-image: url(/assets/icons/arrow-up-b36ae7743322b73cae1bb3de1182b0a9f9ce77f80f80b7bc8979890167500b94.svg);
  background-position: right 10px top 14px;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}
.com_ad_table_main .sort_arrow_down {
  background-image: url(/assets/icons/arrow-down-95924b26d6aafa296bf38a3ce410c7c52301ad1ad9c526763666993a55a3c474.svg);
  background-position: right 10px top 14px;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}
.com_ad_table_main .sort_arrow_neutral {
  background-image: url(/assets/icons/arrow-neutral-6cde81a7ba3d73dd9ff0012df8ac9d8f40242182522ead73efb704242461ba39.svg);
  background-position: right 10px top 14px;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}
.com_ad_table_main th {
  padding: 12px;
  color: #000;
  border: solid 1px #B6C0C0;
  background-color: #F4F7FA;
  text-align: left;
}
.com_ad_table_main .th_free {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 992px) {
  .com_ad_table_main .th_free {
    min-width: 300px;
  }
}
.com_ad_table_main .th_xl {
  min-width: 400px;
}
.com_ad_table_main .th_lg2 {
  min-width: 357px;
  max-width: 357px;
}
.com_ad_table_main .th_lg {
  width: 328px;
  min-width: 328px;
  max-width: 328px;
}
.com_ad_table_main .th_xmd {
  min-width: 276px;
}
.com_ad_table_main .th_md2 {
  min-width: 220px;
}
.com_ad_table_main .th_md {
  min-width: 184px;
}
.com_ad_table_main .th_lsm {
  min-width: 147px;
}
.com_ad_table_main .th_sm {
  min-width: 128px;
}
.com_ad_table_main .th_xsm {
  width: 64px;
  min-width: 64px;
  max-width: 64px;
}
.com_ad_table_main td {
  padding: 12px;
  vertical-align: middle;
  border: solid 1px #B6C0C0;
  height: 64px;
}
.com_ad_table_main .td_ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.com_ad_table_main td .content_grow {
  word-break: break-all;
  overflow-wrap: break-word;
  white-space: normal;
  max-height: 112px;
  overflow-y: auto;
  display: flex;
}
.com_ad_table_main .bg-primary-color {
  background-color: #3A8DCA;
}

.csv-jobs-status .job-status.status-pending {
  color: #f59e0b;
}
.csv-jobs-status .job-status.status-processing {
  color: #3b82f6;
}
.csv-jobs-status .job-status.status-completed {
  color: #10b981;
}
.csv-jobs-status .job-status.status-failed {
  color: #ef4444;
}
.csv-jobs-status .progress-bar {
  position: relative;
  width: 100px;
  height: 20px;
  background-color: #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
}
.csv-jobs-status .progress-bar .progress-fill {
  height: 100%;
  background-color: #3b82f6;
  transition: width 0.3s ease;
  border-radius: 10px;
}
.csv-jobs-status .progress-bar .progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  font-weight: bold;
  color: #dedede;
}
.csv-jobs-status .error-list {
  margin: 0;
  padding-left: 20px;
}
.csv-jobs-status .error-list li {
  font-size: 14px;
  color: #ef4444;
  margin-bottom: 4px;
}
.csv-jobs-status details summary {
  cursor: pointer;
  font-weight: bold;
  color: #ef4444;
}
.csv-jobs-status details summary:hover {
  color: #dc2626;
}
.csv-jobs-status .pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.csv-jobs-status .refresh-hint .refresh-btn {
  cursor: pointer;
  transition: background-color 0.2s;
}
.csv-jobs-status .refresh-hint .refresh-btn:hover {
  background-color: #2563eb !important;
}

.setting_not_set_yet,
.setting_not_set {
  color: #ff3b30;
  background-color: rgba(255, 59, 48, 0.05);
}

.com_adm_mian {
  width: 100vw;
  height: calc(100vh - 70px);
  padding-left: 240px;
}
@media (max-width: 768px) {
  .com_adm_mian {
    height: calc(100vh - 104px);
    padding-left: 0;
  }
}

.com_adm_article {
  margin: 24px 40px;
  height: calc(100% - 48px);
}
@media (max-width: 768px) {
  .com_adm_article {
    margin: 16px;
    height: calc(100% - 32px);
  }
}

.com_adm_grid-label-value {
  display: grid;
  gap: 8px;
  align-items: center;
  overflow: auto;
}
@media (max-width: 424px) {
  .com_adm_grid-label-value > div:nth-child(3) {
    grid-column: 1/span 3;
    grid-row: 2;
  }
}

.com_adm_grid_template_1 {
  grid-template-columns: minmax(176px, auto) 16px 1fr;
}

.com_adm_grid_template_2 {
  grid-template-columns: minmax(160px, auto) 16px 1fr;
}

/*
 * Provides a drop-in pointer for the default Trix stylesheet that will format the toolbar and
 * the trix-editor content (whether displayed or under editing). Feel free to incorporate this
 * inclusion directly in any other asset bundle and remove this file.
 *
 *= require trix
*/
trix-editor {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none;
}

trix-toolbar * {
  box-sizing: border-box;
}

trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto;
}

trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px;
}

trix-toolbar .trix-button-group:not(:first-child) {
  margin-left: 1.5vw;
}

@media (max-width: 768px) {
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 0;
  }
}
trix-toolbar .trix-button-group-spacer {
  flex-grow: 1;
}

@media (max-width: 768px) {
  trix-toolbar .trix-button-group-spacer {
    display: none;
  }
}
trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent;
}

trix-toolbar .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}

trix-toolbar .trix-button.trix-active {
  background: #cbeefa;
  color: rgb(0, 0, 0);
}

trix-toolbar .trix-button:not(:disabled) {
  cursor: pointer;
}

trix-toolbar .trix-button:disabled {
  color: rgba(0, 0, 0, 0.125);
}

@media (max-width: 768px) {
  trix-toolbar .trix-button {
    letter-spacing: -0.01em;
    padding: 0 0.3em;
  }
}
trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px;
}

@media (max-width: 768px) {
  trix-toolbar .trix-button--icon {
    height: 2em;
    max-width: calc(0.8em + 3.5vw);
  }
}
trix-toolbar .trix-button--icon::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 768px) {
  trix-toolbar .trix-button--icon::before {
    right: 6%;
    left: 6%;
  }
}
trix-toolbar .trix-button--icon.trix-active::before {
  opacity: 1;
}

trix-toolbar .trix-button--icon:disabled::before {
  opacity: 0.125;
}

trix-toolbar .trix-button--icon-attach::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  top: 8%;
  bottom: 4%;
}

trix-toolbar .trix-button--icon-bold::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-italic::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-link::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-strike::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-quote::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-code::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-number-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-undo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-redo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-dialogs {
  position: relative;
}

trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5;
}

trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

trix-toolbar .trix-input--dialog.validate:invalid {
  box-shadow: #F00 0px 0px 1.5px 1px;
}

trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none;
}

trix-toolbar .trix-dialog--link {
  max-width: 600px;
}

trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline;
}

trix-toolbar .trix-dialog__link-fields .trix-input {
  flex: 1;
}

trix-toolbar .trix-dialog__link-fields .trix-button-group {
  flex: 0 0 content;
  margin: 0;
}

trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

trix-editor [data-trix-mutable] ::-moz-selection, trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection {
  background: none;
}

trix-editor [data-trix-mutable] ::selection, trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection {
  background: none;
}

trix-editor [data-trix-mutable].attachment__caption-editor:focus::-moz-selection {
  background: highlight;
}

trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection {
  background: highlight;
}

trix-editor [data-trix-mutable].attachment.attachment--file {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent;
}

trix-editor [data-trix-mutable].attachment img {
  box-shadow: 0 0 0 2px highlight;
}

trix-editor .attachment {
  position: relative;
}

trix-editor .attachment:hover {
  cursor: default;
}

trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text;
}

trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in;
}

trix-editor .attachment__progress[value="100"] {
  opacity: 0;
}

trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center;
}

trix-editor .trix-button-group {
  display: inline-flex;
}

trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent;
}

trix-editor .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}

trix-editor .trix-button.trix-active {
  background: #cbeefa;
}

trix-editor .trix-button:not(:disabled) {
  cursor: pointer;
}

trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
}

trix-editor .trix-button--remove::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
}

trix-editor .trix-button--remove:hover {
  border-color: #333;
}

trix-editor .trix-button--remove:hover::before {
  opacity: 1;
}

trix-editor .attachment__metadata-container {
  position: relative;
}

trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
}

trix-editor .attachment__metadata .attachment__name {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

trix-editor .attachment__metadata .attachment__size {
  margin-left: 0.2em;
  white-space: nowrap;
}

.trix-content {
  line-height: 1.5;
  overflow-wrap: break-word;
  word-break: break-word;
}

.trix-content * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.trix-content h1 {
  font-size: 1.2em;
  line-height: 1.2;
}

.trix-content blockquote {
  border: 0 solid #ccc;
  border-left-width: 0.3em;
  margin-left: 0.3em;
  padding-left: 0.6em;
}

.trix-content [dir=rtl] blockquote,
.trix-content blockquote[dir=rtl] {
  border-width: 0;
  border-right-width: 0.3em;
  margin-right: 0.3em;
  padding-right: 0.6em;
}

.trix-content li {
  margin-left: 1em;
}

.trix-content [dir=rtl] li {
  margin-right: 1em;
}

.trix-content pre {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-family: monospace;
  font-size: 0.9em;
  padding: 0.5em;
  white-space: pre;
  background-color: #eee;
  overflow-x: auto;
}

.trix-content img {
  max-width: 100%;
  height: auto;
}

.trix-content .attachment {
  display: inline-block;
  position: relative;
  max-width: 100%;
}

.trix-content .attachment a {
  color: inherit;
  text-decoration: none;
}

.trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
  color: inherit;
}

.trix-content .attachment__caption {
  text-align: center;
}

.trix-content .attachment__caption .attachment__name + .attachment__size::before {
  content: " •";
}

.trix-content .attachment--preview {
  width: 100%;
  text-align: center;
}

.trix-content .attachment--preview .attachment__caption {
  color: #666;
  font-size: 0.9em;
  line-height: 1.2;
}

.trix-content .attachment--file {
  color: #333;
  line-height: 1;
  margin: 0 2px 2px 2px;
  padding: 0.4em 1em;
  border: 1px solid #bbb;
  border-radius: 5px;
}

.trix-content .attachment-gallery {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.trix-content .attachment-gallery .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

.trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

/*
 * We need to override trix.css’s image gallery styles to accommodate the
 * <action-text-attachment> element we wrap around attachments. Otherwise,
 * images in galleries will be squished by the max-width: 33%; rule.
*/
.trix-content .attachment-gallery > action-text-attachment,
.trix-content .attachment-gallery > .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

.trix-content action-text-attachment .attachment {
  padding: 0 !important;
  max-width: 100% !important;
}

.trix-button-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap !important;
  gap: 1.2vw;
}

.trix-button-group:not(:first-child) {
  margin-left: 0 !important;
}

.text-harasuma-primary {
  color: #FF6B00 !important;
}

.text-harasuma-error-red {
  color: #FF3B30;
}

.bg-harasuma-primary {
  background-color: #FF6B00 !important;
}

.border-harasuma-primary {
  border-color: #FF6B00 !important;
}

.divide-harasuma-primary {
  border-color: #FF6B00 !important;
}

@layer base {
  :root {
    --fc-border-color: #B6C0C0;
  }
  html {
    font-size: 100%;
    scroll-behavior: smooth;
  }
  body {
    font-family: sans-serif, "Helvetica Neue", "Helvetica", "Arial", "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 400;
    background-color: #fff;
  }
  img {
    max-width: 100%;
  }
  /* Reset box-model and set borders */
  /* ============================================ */
  *,
  ::before,
  ::after {
    box-sizing: border-box;
    border-style: solid;
    border-width: 0;
  }
  /* Document */
  /* ============================================ */
  /**
   * 1. Correct the line height in all browsers.
   * 2. Prevent adjustments of font size after orientation changes in iOS.
   * 3. Remove gray overlay on links for iOS.
   */
  html {
    line-height: normal;
    -webkit-text-size-adjust: 100%; /* 2 */
    -webkit-tap-highlight-color: transparent; /* 3*/
  }
  /* Sections */
  /* ============================================ */
  /**
   * Remove the margin in all browsers.
   */
  body {
    margin: 0;
  }
  /**
   * Render the `main` element consistently in IE.
   */
  main {
    display: block;
  }
  /* Vertical rhythm */
  /* ============================================ */
  p,
  table,
  blockquote,
  address,
  pre,
  iframe,
  form,
  figure,
  dl {
    margin: 0;
  }
  /* Headings */
  /* ============================================ */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0;
  }
  /* Lists (enumeration) */
  /* ============================================ */
  ul,
  ol {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  /* Lists (definition) */
  /* ============================================ */
  dt {
    font-weight: bold;
  }
  dd {
    margin-left: 0;
  }
  /* Grouping content */
  /* ============================================ */
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
    border-top-width: 1px;
    margin: 0;
    clear: both;
    color: inherit;
  }
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: inherit; /* 2 */
  }
  address {
    font-style: inherit;
  }
  /* Text-level semantics */
  /* ============================================ */
  /**
   * Remove the gray background on active links in IE 10.
   */
  a {
    background-color: transparent;
    color: inherit;
    text-decoration: none;
  }
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  abbr[title] {
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
  }
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  b,
  strong {
    font-weight: bolder;
  }
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  code,
  kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: inherit; /* 2 */
  }
  /**
   * Add the correct font size in all browsers.
   */
  small {
    font-size: 80%;
  }
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  /* Embedded content */
  /* ============================================ */
  /**
   * Prevent vertical alignment issues.
   */
  img,
  embed,
  object,
  iframe {
    vertical-align: bottom;
  }
  /* Forms */
  /* ============================================ */
  /**
   * Reset form fields to make them styleable
   */
  button,
  input,
  optgroup,
  select,
  textarea {
    -webkit-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    background: transparent;
    padding: 0;
    margin: 0;
    outline: 0;
    border-radius: 0;
    text-align: inherit;
  }
  /**
   * Reset radio and checkbox appearance to preserve their look in iOS.
   */
  [type=checkbox] {
    -webkit-appearance: checkbox;
    appearance: checkbox;
  }
  [type=radio] {
    -webkit-appearance: radio;
    appearance: radio;
  }
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  button,
  input {
    /* 1 */
    overflow: visible;
  }
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  button,
  select {
    /* 1 */
    text-transform: none;
  }
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  button,
  [type=button],
  [type=reset],
  [type=submit] {
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
  }
  button[disabled],
  [type=button][disabled],
  [type=reset][disabled],
  [type=submit][disabled] {
    cursor: default;
    border: none;
    background: #B6C0C0;
    color: white;
  }
  /**
   * Remove the inner border and padding in Firefox.
   */
  button::-moz-focus-inner,
  [type=button]::-moz-focus-inner,
  [type=reset]::-moz-focus-inner,
  [type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  /**
   * Restore the focus styles unset by the previous rule.
   */
  button:-moz-focusring,
  [type=button]:-moz-focusring,
  [type=reset]:-moz-focusring,
  [type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  /**
   * Remove arrow in IE10 & IE11
   */
  select::-ms-expand {
    display: none;
  }
  /**
   * Remove padding
   */
  option {
    padding: 0;
  }
  /**
   * Reset to invisible
   */
  fieldset {
    margin: 0;
    padding: 0;
    min-width: 0;
  }
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  legend {
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  progress {
    vertical-align: baseline;
  }
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  textarea {
    overflow: auto;
  }
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  [type=number]::-webkit-inner-spin-button,
  [type=number]::-webkit-outer-spin-button {
    height: auto;
  }
  /**
   * 1. Correct the outline style in Safari.
   */
  [type=search] {
    outline-offset: -2px; /* 1 */
  }
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  [type=search]::-webkit-search-decoration {
    appearance: none;
  }
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  ::-webkit-file-upload-button {
    appearance: button; /* 1 */
    font: inherit; /* 2 */
  }
  /**
   * Clickable labels
   */
  label[for] {
    cursor: pointer;
  }
  /* Interactive */
  /* ============================================ */
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  details {
    display: block;
  }
  /*
   * Add the correct display in all browsers.
   */
  summary {
    display: list-item;
  }
  /*
   * Remove outline for editable content.
   */
  [contenteditable] {
    outline: none;
  }
  figure {
    display: flex !important;
    justify-content: center !important;
  }
  .attachment__caption {
    display: none !important;
  }
  /* Table */
  /* ============================================ */
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  caption {
    text-align: left;
  }
  td,
  th {
    vertical-align: top;
    padding: 0;
  }
  th {
    text-align: left;
    font-weight: bold;
  }
  /* Misc */
  /* ============================================ */
  /**
   * Add the correct display in IE 10+.
   */
  template {
    display: none;
  }
  /**
   * Add the correct display in IE 10.
   */
  [hidden] {
    display: none;
  }
  .xy_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
  }
  .inline {
    display: inline-block;
  }
  .position-right {
    justify-content: end;
  }
  .grid {
    display: grid;
  }
  .flatpickr-day.hidden {
    display: block !important;
  }
  .memos-box {
    height: calc(100vh - 272px);
  }
  .unread_mark {
    position: relative;
  }
  .unread_mark::after {
    content: "";
    position: absolute;
    top: 30%;
    right: 30%;
    width: 8px;
    height: 8px;
    background-color: #ff0000;
    border-radius: 50%;
  }
  .loader {
    border: 4px solid #009d85;
    border-left-color: transparent;
    width: 36px;
    height: 36px;
    animation: spin89345 1s linear infinite;
    border-radius: 50%;
  }
  @keyframes spin89345 {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .aspect-video {
    aspect-ratio: 16/9;
  }
  .select2 {
    height: 40px;
    width: 100% !important;
  }
  .select2-hidden-accessible {
    left: 0;
  }
  .select2-selection.select2-selection--single {
    height: 40px;
    border: 1px solid #B6C0C0;
    border-radius: 0.25rem;
    display: flex;
    align-items: center;
  }
  .select2-selection .select2-selection__rendered {
    display: flex !important;
    padding-left: 1rem !important;
    align-items: center !important;
    color: #0f161d !important;
  }
  .select2-selection .select2-selection__arrow {
    height: 40px !important;
    width: 36px !important;
  }
  .select2-selection--multiple {
    height: 40px;
  }
  .select2-selection--multiple .select2-selection__rendered {
    padding-left: 0 !important;
  }
  .select2-search__field::placeholder {
    font-weight: 400 !important;
    color: #B6C0C0 !important;
  }
  .select2-container--default .select2-selection--multiple {
    border: 1px solid #B6C0C0;
    border-radius: 8px;
  }
  .select2-container .select2-search--inline .select2-search__field {
    height: 100% !important;
    padding: 12px 16px !important;
    margin: 0 !important;
  }
  .select2-container--default .select2-search--inline .select2-search__field::placeholder {
    font-weight: 400 !important;
    color: #A5ADA9 !important;
  }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #fff !important;
    border: 1px solid #B6C0C0 !important;
  }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin: 8px !important;
    padding: 4px 4px 4px 24px !important;
  }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: 1px solid #B6C0C0 !important;
    color: #B6C0C0 !important;
    font-size: 14px !important;
    padding: 6px !important;
  }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 6px !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    margin-left: 20px;
  }
  .loader {
    border: 4px solid #f3f3f3; /* Light grey */
    border-top: 4px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
  }
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .flash_error .error {
    color: #FF3B30;
  }
  .flash_success .success,
  .flash_success .notice,
  .flash_notice .success,
  .flash_notice .notice {
    color: #0039E6;
  }
  .flash_alert .alert {
    color: #ff9933;
  }
  .expandable-header {
    cursor: pointer;
    padding: 10px;
  }
  .expandable-content {
    overflow-y: auto;
    max-height: 0;
    transition: max-height 0.3s ease-out;
  }
  .blue-background-class {
    background-color: #3A8DCA;
    opacity: 0.3;
  }
  .arrow_icon {
    transition: transform 0.3s;
  }
  .arrow_icon.rotated {
    transform: rotate(180deg);
  }
  input:not([type=submit])[disabled], select[disabled], input.readonly-text-field[readonly] {
    border-color: #B6C0C0 !important;
    background-color: #F4F7FA !important;
  }
  .bg-second-color {
    background-color: #F4F7FA;
  }
  .arrow_down {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
  }
  /* Chrome, Safari, Edge */
  input.custom-number-field-input::-webkit-outer-spin-button,
  input.custom-number-field-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  /* Firefox */
  input.custom-number-field-input {
    -moz-appearance: textfield;
    appearance: textfield;
  }
}
.custom-multi-check_box-label {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border: 1px solid #d1d5db;
  border-radius: 0.375rem;
  transition: 150ms ease-in-out;
  --tick-color: #3A8DCA;
}

.custom-multi-check_box--checked {
  height: 20px;
  width: 20px;
  color: white;
  border: 1px solid #B6C0C0;
}
.custom-multi-check_box--checked::after {
  content: "";
  position: absolute;
  border: solid var(--tick-color);
  border-width: 0 2px 2px 0;
  left: 6px;
  top: 3px;
  width: 8px;
  height: 12px;
  transform: rotate(45deg);
  opacity: 1;
}

.custom-multi-check_box--unchecked {
  height: 20px;
  width: 20px;
  background: white;
  color: #111827;
  border: 1px solid #B6C0C0;
}
.custom-multi-check_box--unchecked::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 8px;
  height: 12px;
  transform: rotate(45deg);
  opacity: 1;
}

.custom-multi-check_box--disabled {
  height: 20px;
  width: 20px;
  background: #f3f4f6;
  color: #B6C0C0;
  border-color: #B6C0C0;
  cursor: not-allowed;
  opacity: 0.7;
}
.custom-multi-check_box--disabled::after {
  content: "";
  position: absolute;
  border: solid #B6C0C0;
  border-width: 0 2px 2px 0;
  left: 6px;
  top: 3px;
  width: 8px;
  height: 12px;
  transform: rotate(45deg);
  opacity: 1;
}

.custom-multi-check_box--disabled.custom-multi-check_box--checked::after {
  border-style: solid;
  border-width: 0 2px 2px 0;
}

.custom-multi-check_box--disabled.custom-multi-check_box--unchecked::after {
  border: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin: 8px !important;
  padding: 4px 4px 4px 24px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border-right: 1px solid #B6C0C0 !important;
  color: #B6C0C0 !important;
  font-size: 14px !important;
  padding: 6px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 6px !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  margin-left: 20px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-top: 0px !important;
  padding-top: 0px !important;
}

.loader {
  border: 4px solid #f3f3f3;
  /* Light grey */
  border-top: 4px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.flash_error .error {
  color: #FF3B30;
}

.flash_success .success,
.flash_success .notice,
.flash_notice .success,
.flash_notice .notice {
  color: #0039E6;
}

.flash_alert .alert {
  color: #ff9933;
}

.expandable-header {
  cursor: pointer;
  padding: 10px;
}

.expandable-content {
  overflow-y: auto;
  max-height: 0;
  transition: max-height 0.3s ease-out;
}

.blue-background-class {
  background-color: #3A8DCA;
  opacity: 0.3;
}

.arrow_icon {
  transition: transform 0.3s;
}

.arrow_icon.rotated {
  transform: rotate(180deg);
}

input:not([type=submit])[disabled],
select[disabled],
input.readonly-text-field[readonly] {
  border-color: #B6C0C0 !important;
  background-color: #F4F7FA !important;
}

.bg-second-color {
  background-color: #F4F7FA;
}

a.underline {
  text-decoration: underline !important;
}

.custom-multi-check_box-label--squared {
  border-radius: 0 !important;
}

.custom-multi-check_box--checked.custom-multi-check_box-label--squared,
.custom-multi-check_box--unchecked.custom-multi-check_box-label--squared,
.custom-multi-check_box--disabled.custom-multi-check_box-label--squared {
  height: 24px;
  width: 24px;
}
.custom-multi-check_box--checked.custom-multi-check_box-label--squared::after,
.custom-multi-check_box--unchecked.custom-multi-check_box-label--squared::after,
.custom-multi-check_box--disabled.custom-multi-check_box-label--squared::after {
  left: 8px;
  top: 4px;
}

.custom-multi-check_box--checked.custom-multi-check_box-label--responsive,
.custom-multi-check_box--unchecked.custom-multi-check_box-label--responsive,
.custom-multi-check_box--disabled.custom-multi-check_box-label--responsive {
  height: 20px;
  width: 20px;
}
.custom-multi-check_box--checked.custom-multi-check_box-label--responsive::after,
.custom-multi-check_box--unchecked.custom-multi-check_box-label--responsive::after,
.custom-multi-check_box--disabled.custom-multi-check_box-label--responsive::after {
  left: 6px;
  top: 3px;
  width: 6px;
  height: 10px;
}
@media (min-width: 640px) {
  .custom-multi-check_box--checked.custom-multi-check_box-label--responsive,
  .custom-multi-check_box--unchecked.custom-multi-check_box-label--responsive,
  .custom-multi-check_box--disabled.custom-multi-check_box-label--responsive {
    height: 24px;
    width: 24px;
  }
  .custom-multi-check_box--checked.custom-multi-check_box-label--responsive::after,
  .custom-multi-check_box--unchecked.custom-multi-check_box-label--responsive::after,
  .custom-multi-check_box--disabled.custom-multi-check_box-label--responsive::after {
    left: 8px;
    top: 4px;
    width: 8px;
    height: 12px;
  }
}