@charset "UTF-8";
/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */
.administrator-form .text-field {
  width: 100%;
  border: 1px solid #c4cbcb;
  padding: 11px 16px;
  gap: 10px;
  border-radius: 0;
}
.administrator-form .row-gap-8 {
  row-gap: 8px;
}
.administrator-form .w-full .FormControl-input-wrap {
  width: 100%;
}
.administrator-form .w-50 {
  width: 50%;
}

.article-form .text-field, .article-form .content-field, .article-form .meta-description-field, .article-form .date-field, .article-form .slug-field, .article-form .title-field {
  width: 90%;
  border: 1px solid #c4cbcb;
  padding: 11px 16px;
  gap: 10px;
  border-radius: 0;
}
.article-form .slug-field {
  width: 15%;
}
.article-form .date-field {
  width: 15%;
}
.article-form .meta-description-field {
  height: 90px;
}
.article-form .updated-at-field {
  position: relative;
  width: fit-content;
  margin-bottom: 12px;
}
.article-form .updated-at-field label {
  margin-right: 20px;
}
.article-form .updated-at-field input {
  border-radius: 0;
}
.article-form .updated-at-field svg {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 6px;
  right: 8px;
}
.article-form .content-field {
  height: calc(100vh - 670px);
}
.article-form .content-field .FormControl-input-wrap {
  height: 100%;
  display: flex;
  align-items: flex-start;
}
.article-form .content-field .FormControl-input {
  height: 100%;
  padding-top: 11px;
  line-height: 1.5;
}
.article-form .content-label .FormControl-label {
  align-self: flex-start;
  margin-bottom: 8px;
}
.article-form .select {
  border: 1px solid #c4cbcb;
  padding: 11px 16px;
  gap: 10px;
}
.article-form .row-gap-8 {
  row-gap: 8px;
}
.article-form .column-gap-4 {
  column-gap: 4px;
}
.article-form .w-full .FormControl-input-wrap {
  width: 100%;
}
.article-form .w-70 {
  width: 70%;
}
.article-form .form-group {
  margin-bottom: 1.5rem;
}
.article-form .form-group label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
}
.article-form .publish-status {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.article-form .publish-status .radio-group {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.article-form .publish-status .radio-group input[type=radio] {
  margin: 0;
}
.article-form .title-input,
.article-form .slug-input,
.article-form .meta-description-input {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.article-form .title-input:focus,
.article-form .slug-input:focus,
.article-form .meta-description-input:focus {
  outline: none;
  border-color: #0066cc;
}
.article-form .meta-description-input {
  min-height: 100px;
  resize: vertical;
}
.article-form .date-input {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.article-form .date-input input[type=datetime-local] {
  padding: 0.5rem;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.article-form .ogp-image-input {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.article-form .shipping-method-label {
  width: 90px;
}
.article-form .shipping-method-checkbox .FormControl-label {
  font-weight: 400;
}
.article-form .published-status .FormControl-spacingWrapper {
  margin-left: 94px;
}
.article-form .ml-9 {
  margin-left: 91px;
}

.FormControl-radio-group-wrap {
  margin-bottom: 0 !important;
}

.image-card .br-0, .image-card .caption {
  border-radius: 0;
}
.image-card .width-full .FormControl-input-wrap {
  width: 100%;
}
.image-card .caption {
  width: 80%;
}
.image-card__image {
  width: 200px;
  height: 150px;
  object-fit: cover;
  background-color: #f5f5f5;
}
.image-card__content {
  flex: 1;
  padding: 16px;
  display: flex;
  flex-direction: column;
}
.image-card__content .url-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 66px;
  margin-bottom: 2px;
}
.image-card__content .url-box .url-content {
  position: relative;
  padding-right: 32px;
}
.image-card__content .url-box .url-content svg {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.image-card__url {
  font-size: 14px;
  color: #333;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.image-card__url::before {
  content: "この画像のURL：";
  color: #222222;
  font-weight: 500;
}
.image-card__actions {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}
.image-card__delete-btn {
  width: 96px;
  padding: 6px 16px;
  border-radius: 25px;
  font-size: 14px;
  background-color: #949696;
  color: white;
  border: 1px solid #ccc;
  cursor: pointer;
  transition: all 0.2s;
}
.image-card__delete-btn:hover {
  background-color: #222222;
}
.image-card__save-btn {
  padding: 6px 20px;
  border-radius: 25px;
  font-size: 14px;
  background-color: #D52E29;
  color: white;
  border: none;
  cursor: pointer;
  transition: all 0.2s;
}
.image-card__save-btn:hover {
  background-color: #009e91;
}
.image-card__datetime {
  font-size: 16px;
  color: #000000;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  height: 100%;
}
.image-card__description {
  font-size: 14px;
  line-height: 1.6;
  color: #333;
}
.image-card__description form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 66px;
}
.image-card__description form .FormControl-input-wrap {
  flex: 1;
}

.article-table thead tr th:nth-child(1) {
  width: 154px;
}
.article-table thead tr th:nth-child(2) {
  width: 100px;
}
.article-table thead tr th:nth-child(4) {
  width: 70px;
}

.business-hours-form .time-input {
  height: 40px !important;
  padding-left: 16px;
}
.business-hours-form .business_hours-textarea {
  padding-left: 90px;
}
.business-hours-form .textarea .FormControl-input-wrap {
  width: 100%;
}
.business-hours-form .textarea .FormControl-input-wrap textarea {
  padding: 11px 16px;
}
.business-hours-form .FormControl-label {
  flex-shrink: 0;
}
.business-hours-form .error-message {
  color: red;
  font-size: 12px;
  margin-left: 90px;
  margin-top: 4px;
}

.Button.solid-button {
  background-color: #D52E29;
  border: none;
  width: 200px;
  height: 42px;
  color: white;
  border-radius: 16px;
}
.Button.solid-button:hover {
  background-color: rgba(213, 46, 41, 0.7) !important;
}
.Button.solid-button .Button-label {
  font-size: 16px;
  font-weight: 500;
}
.Button.solid-button:disabled {
  background: #949696;
  color: white;
}
.Button.solid-button:disabled:hover {
  background: #949696;
}

.Button.outline-button {
  border: 2px solid #D52E29;
  background: #fff;
  width: 200px;
  height: 42px;
  border-radius: 16px;
}
.Button.outline-button .Button-label {
  color: #D52E29;
  font-size: 16px;
  font-weight: 500;
}

.Button.solid-close-button {
  background-color: #949696;
  border: none;
  width: 200px;
  height: 42px;
  color: white;
  border-radius: 16px;
}
.Button.solid-close-button:hover {
  background-color: #7a7a7a !important;
}
.Button.solid-close-button .Button-label {
  font-size: 16px;
  font-weight: 500;
}
.Button.solid-close-button:disabled {
  background: #d3d3d3;
  color: white;
}
.Button.solid-close-button:disabled:hover {
  background: #7a7a7a;
}

.w-80 .FormControl-checkbox-wrap {
  gap: 4px;
  width: 80px;
}

.w-120 .FormControl-checkbox-wrap {
  gap: 4px;
  width: 120px;
}

.w-200 .FormControl-checkbox-wrap {
  gap: 4px;
  width: 200px;
}

.w-300 .FormControl-checkbox-wrap {
  gap: 4px;
  width: 300px;
}

.w-400 .FormControl-checkbox-wrap {
  gap: 4px;
  width: 400px;
}

.FormControl-check-group-wrap {
  margin-bottom: 12px;
}
.FormControl-check-group-wrap fieldset {
  position: relative;
}
.FormControl-check-group-wrap fieldset legend.FormControl-label {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}
.FormControl-check-group-wrap fieldset .mb-2 {
  display: none;
}
.FormControl-check-group-wrap fieldset .FormControl-spacingWrapper {
  margin-left: 112px;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  padding: 8px 0;
}
.FormControl-check-group-wrap fieldset .FormControl-spacingWrapper .FormControl-checkbox-labelWrap .FormControl-label {
  font-weight: 400;
  font-size: 14px;
}
.FormControl-check-group-wrap fieldset input.FormControl-checkbox[type=checkbox]:checked {
  background: #222;
  border-color: #222;
}

.entries .entry-contract-container {
  background: linear-gradient(to right, #FFE1E1, #F5E3F8);
}
.entries .info-status .Button {
  background-color: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  height: 16px;
}
.entries .table-striped tbody th {
  font-weight: bold;
  text-align: left;
  padding: 10.5px 16px;
}
.entries .table-striped tbody td {
  font-weight: 400;
}

.entries-form {
  padding-left: 1.5rem;
}
@media (max-width: 767.98px) {
  .entries-form {
    padding-left: 0;
  }
}
@media (max-width: 767.98px) {
  .entries-form .form-field {
    margin-bottom: 2rem !important;
  }
}
@media (max-width: 767.98px) {
  .entries-form .option-form-field {
    flex-direction: column !important;
  }
}
.entries-form .pricing-type .FormControl-radio-labelWrap {
  width: 150px !important;
}
@media (max-width: 767.98px) {
  .entries-form .pricing-type .FormControl-label {
    position: relative;
    top: 0;
    margin-top: 0;
  }
}
@media (max-width: 767.98px) {
  .entries-form .pricing-type .pricing-type-form-ticket {
    flex-direction: column !important;
  }
}
@media (max-width: 767.98px) {
  .entries-form .pricing-type .pricing-type-form-ticket .w-130 {
    width: auto !important;
  }
}
@media (max-width: 767.98px) {
  .entries-form .FormControl-radio-group-wrap fieldset.pricing-type {
    flex-direction: column !important;
  }
}
@media (max-width: 767.98px) {
  .entries-form .FormControl-radio-group-wrap fieldset.pricing-type .FormControl-spacingWrapper {
    margin-left: 0;
  }
}
.entries-form .price-wrap .sub-label {
  display: inline-block;
  width: 60px;
}
.entries-form .sub-title {
  font-size: 20px;
  font-weight: 900;
  margin-top: 48px;
}

.entries-entry-detail-container .datetime-local-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 200px;
  padding: 6.5px 8px;
  text-align: left;
  border: 1px solid #E1E5E5;
}
.entries-entry-detail-container .datetime-local-box.not-set {
  color: #FF1414;
}
.entries-entry-detail-container .datetime-local-box.not-set svg path {
  stroke: #FF1414;
}
.entries-entry-detail-container .not-set {
  color: #FF1414;
}
.entries-entry-detail-container .not-set svg path {
  stroke: #FF1414;
}
.entries-entry-detail-container input[type=datetime-local] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.w-80 .FormControl-checkbox-wrap {
  gap: 4px;
  width: 80px;
}

.w-120 .FormControl-checkbox-wrap {
  gap: 4px;
  width: 120px;
}

.w-200 .FormControl-checkbox-wrap {
  gap: 4px;
  width: 200px;
}

.w-300 .FormControl-checkbox-wrap {
  gap: 4px;
  width: 300px;
}

.w-400 .FormControl-checkbox-wrap {
  gap: 4px;
  width: 400px;
}

#facility-form .fieldset-wrap {
  position: relative;
  margin-bottom: 12px;
}
#facility-form .fieldset-wrap legend.FormControl-label {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}
#facility-form .fieldset-wrap .FormControl-spacingWrapper {
  margin-left: 112px;
  padding: 8px 0;
}
#facility-form .fieldset-wrap .FormControl-spacingWrapper .label-text {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  width: 100px;
  padding-left: 12px;
}
#facility-form .fieldset-wrap .FormControl-spacingWrapper input {
  width: 80px;
  height: 40px;
  margin-right: 12px;
}

.FormControl {
  flex-direction: row !important;
  align-items: center;
}
.FormControl .FormControl-label {
  width: 90px;
  flex-shrink: 0;
}
.FormControl .FormControl-label span {
  color: #FF1414;
}

.FormControl-radio-group-wrap fieldset {
  display: flex;
  flex-direction: row !important;
}
.FormControl-radio-group-wrap fieldset legend {
  float: left;
  width: 90px;
}
.FormControl-radio-group-wrap fieldset .FormControl-spacingWrapper {
  display: flex !important;
  flex-direction: row !important;
  column-gap: 41px !important;
}
.FormControl-radio-group-wrap .FormControl-radio[type=radio]:checked {
  border-color: #555;
}

.FormControl-check-group-wrap fieldset {
  display: flex;
  align-items: center;
}
.FormControl-check-group-wrap fieldset legend {
  float: left;
  width: 90px;
}
.FormControl-check-group-wrap fieldset .FormControl-checkbox-labelWrap .FormControl-label {
  font-weight: 400;
}

textarea {
  resize: none;
}

.filter-component .FormControl-label {
  display: none;
}
.filter-component .select-filter-box {
  width: 412px;
}
@media (max-width: 767.98px) {
  .filter-component .select-filter-box {
    width: 100%;
  }
}
.filter-component button {
  height: 50px !important;
}
.filter-component input, .filter-component select {
  height: 50px !important;
  padding: 15.5px 16px !important;
  border-radius: 0px !important;
}
.filter-component input {
  width: 412px !important;
}
@media (max-width: 767.98px) {
  .filter-component input {
    width: 100% !important;
  }
}
.filter-component input.time-input {
  width: 200px !important;
}
.filter-component select {
  width: 200px !important;
}

.entry-filter-component {
  margin-top: 5rem;
}
@media (max-width: 767.98px) {
  .entry-filter-component {
    margin-top: 1rem;
  }
}
.entry-filter-component .container {
  max-width: 836px;
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  gap: 12px;
}

.upload-image-card {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 8px 0px;
}
.upload-image-card label {
  width: 100px;
  flex-shrink: 0;
}
.upload-image-card .container {
  width: 200px;
  min-width: 200px;
  height: 120px;
  background-color: #F4F4F4;
  border: 1px solid #C4CBCB;
  position: relative;
}
.upload-image-card .container .preview-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.upload-image-card .container .preview-wrapper .preview-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.upload-image-card .container .preview-wrapper .close-button {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}
.upload-image-card .container .preview-wrapper .close-button svg {
  color: #fff;
}
.upload-image-card .container .preview-wrapper .close-button svg:hover {
  color: #000;
}
.upload-image-card .container .upload-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}
.upload-image-card input[type=text] {
  width: 100%;
  border-radius: 0px;
  background-color: #fff;
  border: 1px solid #C4CBCB;
}

.upload-file-card {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 16px 0px;
}
.upload-file-card .preview-list {
  display: flex;
  flex-direction: column;
}
.upload-file-card .preview-list .preview-item {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px;
}
.upload-file-card .preview-list .preview-item .delete-button {
  width: 24px;
  height: 24px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}
.upload-file-card .preview-list .preview-item .delete-button > svg path {
  stroke: #949696;
}
.upload-file-card .preview-list .preview-item .delete-button:hover > svg path {
  stroke: #33CCCD;
}
.upload-file-card .preview-list .preview-item .share-button {
  display: flex;
  align-items: center;
  gap: 2px;
  background: none;
  border: none;
  padding: 0;
  color: #D52E29;
  margin-left: 32px;
}
.upload-file-card .preview-list .preview-item .share-button:hover {
  color: #000;
}
.upload-file-card .preview-list .preview-item .share-button:hover svg path {
  fill: #000;
}
.upload-file-card .upload-area {
  padding: 8px 24px 12px;
}
.upload-file-card .upload-area .choose-file-button {
  width: 150px;
  height: 33px;
  background: #949696;
  padding: 0;
  color: #ffffff;
  border: none;
  border-radius: 16px;
}

.reset-password-button {
  color: #33CCCD;
}

.histories {
  padding: 20px;
}
.histories .history-list-row {
  position: relative;
  padding: 16px 0 16px 28px;
  border-left: 2px solid #e5e7eb;
}
.histories .history-list-row:before {
  content: "";
  position: absolute;
  left: -5px;
  top: 24px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #3b82f6;
}
.histories .history-list-row:last-child {
  border-left-color: transparent;
}
.histories .history-list-row .timestamp {
  font-size: 0.875rem;
  color: #6b7280;
  margin-bottom: 4px;
}
.histories .history-list-row .note {
  color: #1f2937;
  line-height: 1.5;
  white-space: pre-wrap;
}

.login-container {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f6f8fa;
}

.container-sm {
  max-width: 400px;
  width: 100%;
  padding: 0 16px;
}

.form-signin {
  width: 100%;
}

.btn-block {
  width: 100%;
}

.flash-error {
  color: #cf222e;
  background-color: #ffebe9;
  border: 1px solid #ffa199;
  border-radius: 6px;
  padding: 16px;
  margin-bottom: 16px;
}

@media (max-width: 544px) {
  .Box {
    margin: 16px;
  }
  .Box-header {
    padding: 16px;
  }
  .Box-body {
    padding: 16px;
  }
}
.pagination-container {
  min-width: 1084px;
}
@media (max-width: 767.98px) {
  .pagination-container {
    min-width: 100%;
  }
}
.pagination-container .left-label-text {
  font-size: 12px;
}
.pagination-container .right-label-text {
  font-size: 12px;
  margin-right: 16px;
}
.pagination-container .right-label-text .count-text {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: -2px;
}
.pagination-container .form-select.pagination-select {
  width: 100px;
  border-radius: 0;
}
.pagination-container .disabled {
  pointer-events: none;
}
.pagination-container .disabled svg {
  opacity: 0.4;
}
.pagination-container .center-disabled {
  pointer-events: none;
}
.pagination-container .center-disabled svg {
  opacity: 0.4;
}

#pricing_plans_form .pricing-plans-form-container {
  width: 695px;
  margin-left: 53px;
}
#pricing_plans_form .pricing-plans-form-container .FormControl-spacingWrapper {
  display: inline-flex;
}
#pricing_plans_form .pricing-plans-form-container .payment-method-box {
  position: relative;
}
#pricing_plans_form .pricing-plans-form-container .payment-method-box .payment-method {
  position: relative;
}
#pricing_plans_form .pricing-plans-form-container .payment-method-box .payment-method .FormControl-spacingWrapper {
  width: 238px;
}
#pricing_plans_form .pricing-plans-form-container .payment-method-box .other-method-input {
  position: absolute;
  top: -45px;
  left: 194px;
  width: 525px;
}
#pricing_plans_form .pricing-plans-form-container .payment-method-box .sub-title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0;
  vertical-align: middle;
}
#pricing_plans_form .pricing-plans-form-container .pricing-type-box {
  position: relative;
}
#pricing_plans_form .pricing-plans-form-container .pricing-type-box .pricing-type .FormControl-spacingWrapper {
  flex-direction: column !important;
  gap: 20px;
}
#pricing_plans_form .pricing-plans-form-container .pricing-type-box .monthly-price-input {
  position: absolute;
  top: -73px;
  left: 196px;
  width: 283px;
}
#pricing_plans_form .pricing-plans-form-container .pricing-type-box .ticket-input {
  position: absolute;
  top: -34px;
  left: 196px;
  width: 283px;
}
#pricing_plans_form .pricing-plans-form-container .FormControl-input::placeholder {
  opacity: 0.3 !important;
}
#pricing_plans_form .pricing-plans-form-container .application-type .FormControl-spacingWrapper {
  width: fit-content;
}
#pricing_plans_form .pricing-plans-form-container .application-type .FormControl-spacingWrapper .FormControl-radio-wrap {
  width: fit-content;
  white-space: nowrap;
}
#pricing_plans_form .pricing-plans-form-container .usage-time-box {
  position: relative;
}
#pricing_plans_form .pricing-plans-form-container .usage-time-box .usage-time-input-wrap {
  width: 186px;
  position: absolute;
  top: 0;
  left: 510px;
  gap: 6px;
}
#pricing_plans_form .pricing-plans-form-container .usage-time-box .usage-time-input-wrap .FormControl {
  width: 80px;
}
#pricing_plans_form .pricing-plans-form-container .other-note-box .FormControl .FormControl-label {
  width: 74px;
  margin-right: 34px;
}
#pricing_plans_form .pricing-plans-form-container .time-per-session-box {
  margin-top: 20px;
  position: relative;
}
#pricing_plans_form .pricing-plans-form-container .time-per-session-box .FormControl .FormControl-label {
  width: 74px;
  margin-right: 34px;
}
#pricing_plans_form .pricing-plans-form-container .time-per-session-box .time-per-session {
  margin-left: 112px;
  display: flex;
  gap: 6px;
  margin-top: 4px;
}
#pricing_plans_form .pricing-plans-form-container .time-per-session-box .time-per-session p {
  font-size: 12px;
  font-weight: 500;
  color: #D52E29;
  margin-bottom: 0px;
  white-space: nowrap;
}
#pricing_plans_form .pricing-plans-form-container .plan-options-info {
  display: flex;
  gap: 6px;
  margin-top: 16px;
  margin-bottom: 16px;
}
#pricing_plans_form .pricing-plans-form-container .plan-options-info .title {
  font-size: 16px;
  font-weight: 500;
}
#pricing_plans_form .pricing-plans-form-container .plan-options-info p {
  font-size: 12px;
  font-weight: 500;
  color: #D52E29;
  margin-bottom: 0px;
  white-space: nowrap;
}
#pricing_plans_form .pricing-plans-form-container .plan-options-info p span {
  font-weight: 700;
  font-size: 16px;
  text-decoration: underline;
}
#pricing_plans_form .pricing-plans-form-container .FormControl .plan_name {
  width: 100%;
}
#pricing_plans_form .pricing-plans-form-container .FormControl .FormControl-label {
  width: 100px;
}
#pricing_plans_form .pricing-plans-form-container .FormControl .FormControl-label span {
  color: #D52E29;
}
#pricing_plans_form .pricing-plans-form-container .FormControl .FormControl-input-wrap {
  flex: 1;
}
#pricing_plans_form .pricing-plans-form-container .FormControl .FormControl-spacingWrapper input {
  margin-right: 0px;
  width: 118px;
}
#pricing_plans_form .pricing-plans-form-container .FormControl-radio-group-wrap {
  display: flex;
}
#pricing_plans_form .pricing-plans-form-container .price-wrap .sub-label {
  display: inline-block;
  width: 60px;
}
#pricing_plans_form .pricing-plans-form-container .FormControl-check-group-wrap fieldset .FormControl-spacingWrapper {
  display: inline-flex;
}
#pricing_plans_form .pricing-plans-form-container .sub-title {
  font-size: 20px;
  font-weight: 900;
  margin-top: 48px;
}
#pricing_plans_form .pricing-plans-form-container .options {
  width: 100%;
}
#pricing_plans_form .pricing-plans-form-container .options .option {
  height: 46px;
}
#pricing_plans_form .pricing-plans-form-container .options .option .name {
  height: 46px;
}
#pricing_plans_form .pricing-plans-form-container .options .option .name p {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
}
#pricing_plans_form .pricing-plans-form-container .options .option .name .FormControl-spacingWrapper {
  width: 146px;
  margin-top: 6px;
  margin-left: 0;
}
#pricing_plans_form .pricing-plans-form-container .options .option .price {
  width: 164px;
}
#pricing_plans_form .pricing-plans-form-container .options .option .price input[type=text] {
  width: 92px;
}
#pricing_plans_form .pricing-plans-form-container .options .option .price p {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  white-space: nowrap;
}
#pricing_plans_form .pricing-plans-form-container .options .option .interval {
  margin-left: 8px;
}
#pricing_plans_form .pricing-plans-form-container .options .option .interval .payment-type-toggle {
  border-radius: 32px;
  background-color: #FEEFEF;
}
#pricing_plans_form .pricing-plans-form-container .options .option .interval .payment-type-toggle .payment-type-toggle-button {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background-color: #D52E29;
}
#pricing_plans_form .pricing-plans-form-container .options .option .interval .payment-type-toggle.flex-row-reverse {
  background-color: #E1E5E5 !important;
}
#pricing_plans_form .pricing-plans-form-container .options .option .interval .payment-type-toggle.flex-row-reverse.active {
  background-color: #FEEFEF !important;
}
#pricing_plans_form .pricing-plans-form-container .options .option .interval .payment-type-toggle.flex-row-reverse .payment-type-toggle-button {
  background-color: #B8BDBD;
}
#pricing_plans_form .pricing-plans-form-container .options .option .interval .payment-type-toggle.flex-row-reverse .payment-type-toggle-button.active {
  background-color: #D52E29 !important;
}
#pricing_plans_form .pricing-plans-form-container .plan_name_info {
  margin-left: 112px;
}

.pricing_plan_header {
  padding: 40px 53px 48px;
}

.request-destination-form .FormControl-input {
  border-radius: 0;
}
.request-destination-form .row-gap-8 {
  row-gap: 8px;
}
.request-destination-form .column-gap-4 {
  column-gap: 4px;
}
.request-destination-form .w-full .FormControl-input-wrap {
  width: 100%;
}
.request-destination-form .shipping-method-label {
  width: 90px;
}
.request-destination-form .shipping-method-checkbox .FormControl-label {
  font-weight: 400;
}
.request-destination-form .text-field {
  width: 100%;
  border: 1px solid #c4cbcb;
  padding: 11px 16px;
  gap: 10px;
  border-radius: 0;
}
.request-destination-form .payment-site .FormControl-spacingWrapper {
  margin-left: 94px;
}

.FormControl-radio-group-wrap {
  margin-bottom: 0 !important;
}

.FormControl:has(.edit-settings-field) .FormControl-label {
  display: none;
}

.checked-icon {
  width: 24px;
  height: 24px;
  padding: 3px;
}

.staff-account-form .row-gap-8 {
  row-gap: 8px;
}
.staff-account-form .w-full .FormControl-input-wrap {
  width: 100%;
}
.staff-account-form .w-70 {
  width: 70%;
}
.staff-account-form .FormControl-spacingWrapper {
  gap: 50px !important;
}

.table-striped.stations-table thead tr th:nth-child(1) {
  width: 13.5%;
  min-width: 145px;
}
.table-striped.stations-table thead tr th:nth-child(2) {
  width: 9%;
  min-width: 100px;
}
.table-striped.stations-table thead tr th:nth-child(3) {
  width: 30%;
  min-width: 323px;
}
.table-striped.stations-table thead tr th:nth-child(4) {
  width: 13%;
  min-width: 140px;
}
.table-striped.stations-table thead tr th:nth-child(5) {
  width: 17%;
  min-width: 180px;
}
.table-striped.stations-table thead tr th:nth-child(6) {
  width: 11%;
  min-width: 120px;
}
.table-striped.stations-table thead tr th:nth-child(7) {
  width: 6.5%;
  min-width: 70px;
}
.table-striped.stations-table thead th p {
  white-space: pre-wrap;
  line-height: 1.2;
}
.table-striped.stations-table tbody tr td:nth-of-type(1) {
  white-space: nowrap;
  padding: 10.5px 12px;
}
.table-striped.stations-table .edit-icon {
  width: 24px;
  height: 24px;
  display: block;
  margin: 0 auto;
}

.station-form {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
.station-form .FormControl-radio-group-wrap fieldset .FormControl-spacingWrapper {
  margin-left: 92px;
}
.station-form .FormControl-input-wrap input {
  width: 90px;
  height: 40px;
  border-radius: 0;
}
.station-form .FormControl:has(textarea) {
  gap: 12px;
}
.station-form .FormControl:has(textarea) .FormControl-label {
  width: 80px;
  white-space: pre-line;
}
.station-form .FormControl:has(textarea) .FormControl-input-wrap {
  width: 100%;
}
.station-form .FormControl:has(textarea) .FormControl-input-wrap textarea {
  padding: 11px 16px;
  border-radius: 0;
}
.station-form .auto-generated-text {
  height: 36px;
  margin: 8px 0 0;
  padding-left: 92px;
}
.station-form .auto-generated-text div {
  gap: 4px;
  color: #D52E29;
}
.station-form .secondary-input {
  background-color: ivory;
}

@media (max-width: 767.98px) {
  .table-responsive {
    width: 100%;
    overflow-x: auto;
  }
}

.table-striped thead tr {
  height: 45px;
  background-color: #E1E5E5;
}
.table-striped thead tr th {
  height: 45px;
  box-sizing: content-box;
}
.table-striped thead tr th:last-of-type {
  border-right: none !important;
}
.table-striped thead tr .sort-link,
.table-striped thead tr .triangle-icon {
  width: 10px;
  height: 6px;
  display: block;
}
.table-striped thead tr .sort-link .Button-label,
.table-striped thead tr .triangle-icon .Button-label {
  line-height: 8px;
}
.table-striped thead tr .sort-link {
  margin-top: 2px;
}
.table-striped tbody tr {
  height: 40px;
}
.table-striped tbody tr:nth-of-type(even) {
  background-color: #F2F6F6;
}
.table-striped tbody tr td {
  padding: 10.5px 16px;
}
.table-striped tbody tr td:last-of-type {
  border-right: none !important;
}
.table-striped.operator-table thead tr th:nth-child(1) {
  width: 13%;
  min-width: 145px;
}
.table-striped.operator-table thead tr th:nth-child(2) {
  width: 9%;
  min-width: 100px;
}
.table-striped.operator-table thead tr th:nth-child(3) {
  width: 6.5%;
  min-width: 70px;
}
.table-striped.operator-table thead tr th:nth-child(4) {
  width: 43%;
  min-width: 320px;
}
.table-striped.operator-table thead tr th:nth-child(5) {
  width: 11%;
  min-width: 100px;
}
.table-striped.operator-table thead tr th:nth-child(7) {
  width: 11%;
  min-width: 120px;
}
.table-striped.operator-table thead tr th:nth-child(7) {
  width: 6.5%;
  min-width: 70px;
}
.table-striped.operator-table thead tr th {
  box-sizing: border-box;
}
.table-striped.operator-table .edit-icon,
.table-striped.operator-table .link-icon {
  display: block;
  margin: 0 auto;
}
.table-striped.operator-table .edit-icon {
  width: 24px;
  height: 24px;
}
.table-striped.operator-table .link-icon {
  width: 20px;
  height: 20px;
}
.table-striped.operator-table tbody td:nth-of-type(1) {
  white-space: nowrap;
  padding: 10.5px 12px;
}
.table-striped.billing-table thead tr th:nth-child(1) {
  width: 13.6%;
  min-width: 145px;
}
.table-striped.billing-table thead tr th:nth-child(2) {
  width: 13.8%;
  min-width: 150px;
}
.table-striped.billing-table thead tr th:nth-child(4) {
  width: 6.5%;
  min-width: 70px;
}
.table-striped.billing-table tbody tr td:nth-child(1) {
  white-space: nowrap;
}
.table-striped.trainer-table thead tr th:nth-child(1) {
  width: 13.6%;
  min-width: 145px;
}
.table-striped.trainer-table thead tr th:nth-child(2) {
  width: 13.8%;
  min-width: 150px;
}
.table-striped.trainer-table thead tr th:nth-child(4) {
  width: 6.5%;
  min-width: 70px;
}
.table-striped.trainer-table thead tr th:nth-child(5) {
  width: 6.5%;
  min-width: 70px;
}
.table-striped.trainer-table tbody tr td:nth-child(1) {
  white-space: nowrap;
}
.table-striped.staff-account-table thead tr th:nth-child(1) {
  width: 13.6%;
  min-width: 145px;
}
.table-striped.staff-account-table thead tr th:nth-child(2) {
  width: 13.8%;
  min-width: 150px;
}
.table-striped.staff-account-table thead tr th:nth-child(3) {
  width: 29.8%;
  min-width: 322px;
}
.table-striped.staff-account-table thead tr th:nth-child(4) {
  width: 29.8%;
  min-width: 322px;
}
.table-striped.staff-account-table thead tr th:nth-child(5) {
  width: 6.5%;
  min-width: 70px;
}
.table-striped.staff-account-table thead tr th:nth-child(6) {
  width: 6.5%;
  min-width: 70px;
}
.table-striped.entry-table thead tr th:nth-child(1) {
  width: 5.6%;
  min-width: 68px;
}
.table-striped.entry-table thead tr th:nth-child(2) {
  width: 12.6%;
  min-width: 145px;
}
.table-striped.entry-table thead tr th:nth-child(3) {
  width: 13.8%;
  min-width: 150px;
}
.table-striped.entry-table thead tr th:nth-child(4) {
  width: 9.2%;
  min-width: 100px;
}
.table-striped.entry-table thead tr th:nth-child(5) {
  width: 13.8%;
  min-width: 150px;
}
.table-striped.entry-table thead tr th:nth-child(6) {
  width: 13.4%;
  min-width: 142.5px;
}
.table-striped.entry-table thead tr th:nth-child(7) {
  width: 13.4%;
  min-width: 142.5px;
}
.table-striped.entry-table thead tr th:nth-child(8) {
  width: 15.2%;
  min-width: 165px;
}
.table-striped.entry-table thead tr th:nth-child(9) {
  width: 3%;
  min-width: 48px;
}
.table-striped.entry-table thead tr th {
  box-sizing: border-box;
}
.table-striped.entry-table tbody tr td:nth-child(2) {
  white-space: nowrap;
  padding: 10.5px 12px;
}
.table-striped.entry-table tbody tr td .link-text {
  color: #33CCCD;
  text-decoration: underline;
}
.table-striped.entry-table tbody tr td:has(.link-text) {
  padding: 10.5px 9.5px;
}
.table-striped.entry-table tbody tr td:has(.select-box), .table-striped.entry-table tbody tr td:has(.date-box) {
  padding: 4px;
}
.table-striped.entry-table tbody tr td .select-box,
.table-striped.entry-table tbody tr td .date-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6.5px 8px;
  text-align: left;
  border: 1px solid #E1E5E5;
}
.table-striped.entry-table tbody tr td .select-box .select-box-inner {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background-color: #FF1414;
  border-radius: 8px;
}
.table-striped.entry-table tbody tr td .select-box svg path {
  fill: #949696;
}
.table-striped.entry-table tbody tr td .date-box:hover {
  color: #FF1414;
}
.table-striped.entry-table tbody tr td .date-box:hover svg path {
  stroke: #FF1414;
}
.table-striped.entry-table tbody tr td:last-of-type {
  padding: 4px;
}
.table-striped.entry-table tbody tr td:last-of-type input[type=datetime-local] {
  width: 158.5px;
}
.table-striped.facility-table thead tr th:nth-child(1) {
  width: 5%;
  min-width: 50px;
}
.table-striped.facility-table thead tr th:nth-child(2) {
  width: 15%;
  min-width: 160px;
}
.table-striped.facility-table thead tr th:nth-child(3) {
  width: 11.1%;
  min-width: 120px;
}
.table-striped.facility-table thead tr th:nth-child(4) {
  width: 39.1%;
  min-width: 303px;
}
.table-striped.facility-table thead tr th:nth-child(5) {
  width: 18.6%;
  min-width: 200px;
}
.table-striped.facility-table thead tr th:nth-child(6) {
  width: 5%;
  min-width: 100px;
}
.table-striped.facility-table thead tr th:nth-child(7) {
  width: 6.5%;
  min-width: 70px;
}
.table-striped.facility-table tbody td:nth-of-type(1) {
  white-space: nowrap;
  padding: 10.5px 12px;
}
.table-striped.facility-table tbody td .link-text {
  color: #33CCCD;
  text-decoration: underline;
}
.table-striped.facility-table tbody td:has(.link-text) {
  padding: 10.5px 9.5px;
}
.table-striped.owner-facility-table thead tr th:nth-child(1) {
  width: 15.4%;
  min-width: 145px;
}
.table-striped.owner-facility-table thead tr th:nth-child(2) {
  width: 16.1%;
  min-width: 120px;
}
.table-striped.owner-facility-table thead tr th:nth-child(3) {
  width: 46.8%;
  min-width: 504px;
}
.table-striped.owner-facility-table thead tr th:nth-child(5) {
  width: 11.1%;
  min-width: 120px;
}
.table-striped.owner-facility-table thead tr th:nth-child(6) {
  width: 6.5%;
  min-width: 70px;
}
.table-striped.owner-facility-table tbody td:nth-of-type(1) {
  white-space: nowrap;
  padding: 10.5px 12px;
}
.table-striped.owner-facility-table tbody td .link-text {
  color: #33CCCD;
  text-decoration: underline;
}
.table-striped.owner-facility-table tbody td:has(.link-text) {
  padding: 10.5px 9.5px;
}
.table-striped.settings-table thead tr th:nth-child(1) {
  width: 13.4%;
  min-width: 145px;
}
.table-striped.settings-table thead tr th:nth-child(2) {
  width: 13.8%;
  min-width: 150px;
}
.table-striped.settings-table thead tr th:nth-child(3) {
  width: 29.9%;
  min-width: 322px;
}
.table-striped.settings-table thead tr th:nth-child(4) {
  width: 29.9%;
  min-width: 322px;
}
.table-striped.settings-table thead tr th:nth-child(5) {
  width: 6.5%;
  min-width: 70px;
}
.table-striped.settings-table thead tr th:nth-child(6) {
  width: 6.5%;
  min-width: 70px;
}
.table-striped.settings-table tbody td:nth-of-type(1) {
  white-space: nowrap;
  padding: 10.5px 12px;
}

.tabnav {
  border-bottom: none !important;
}
.tabnav .tabnav-tabs {
  gap: 12px;
  margin-bottom: 0;
  padding: 0 64px 0 64px;
  justify-content: center;
}
.tabnav .tabnav-tabs li .tabnav-tab {
  width: 181px;
  border: none;
  border-bottom: 3px solid #E1E5E5;
}
.tabnav .tabnav-tabs li .tabnav-tab[aria-selected=true] {
  border-bottom: 3px solid #D52E29;
}

.venue-owner-form .w-full .FormControl-input-wrap {
  width: 100%;
}
.venue-owner-form .br-0, .venue-owner-form .venue-owner-textarea, .venue-owner-form .venue-owner-text-field, .venue-owner-form .email, .venue-owner-form .venue-owner-reward-select, .venue-owner-form .venue-owner-select {
  border-radius: 0;
}
.venue-owner-form .venue-owner-select {
  width: 150px;
}
.venue-owner-form .venue-owner-reward-select {
  width: 90%;
}
.venue-owner-form .email {
  width: 50%;
}
.venue-owner-form .email .FormControl-input-wrap {
  width: 51%;
}
.venue-owner-form .prefecture .FormControl-input-wrap {
  width: 100%;
}
.venue-owner-form .ml-90 {
  margin-left: 90px;
}
.venue-owner-form .gray-btn {
  width: 178px;
  height: 33px;
  font-size: 14px;
  font-weight: 500;
  margin-left: 12px;
  background-color: #949696;
}
.venue-owner-form .gray-btn:hover {
  background-color: rgba(213, 46, 41, 0.7);
  color: white;
}
.venue-owner-form .address {
  column-gap: 12px;
}
.venue-owner-form .address .FormControl {
  margin-right: 2px;
  width: unset;
}
.venue-owner-form .address .FormControl .FormControl-input-wrap {
  width: 100%;
}
.venue-owner-form .venue-owner-text-field {
  width: 600px;
  height: 40px;
  padding: 11px 16px;
  gap: 10px;
}
.venue-owner-form .venue-owner-textarea {
  width: 600px;
  height: auto;
  padding: 11px 16px;
  gap: 10px;
}

.venue-owner-notes-list {
  padding: 20px;
}
.venue-owner-notes-list .venue-owner-note-item {
  position: relative;
  padding: 16px 0 16px 28px;
  border-left: 2px solid #e5e7eb;
}
.venue-owner-notes-list .venue-owner-note-item:before {
  content: "";
  position: absolute;
  left: -5px;
  top: 24px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #3b82f6;
}
.venue-owner-notes-list .venue-owner-note-item:last-child {
  border-left-color: transparent;
}
.venue-owner-notes-list .venue-owner-note-item .note-timestamp {
  font-size: 0.875rem;
  color: #6b7280;
  margin-bottom: 4px;
}
.venue-owner-notes-list .venue-owner-note-item .note-content {
  color: #1f2937;
  line-height: 1.5;
  white-space: pre-wrap;
}

.venues-basic-info-form select {
  height: 40px !important;
}
.venues-basic-info-form .FormControl {
  width: 100%;
  column-gap: 12px;
}
.venues-basic-info-form .FormControl .FormControl-label {
  width: 70px;
  flex-shrink: 0;
}
.venues-basic-info-form .FormControl-input-wrap input {
  height: 40px !important;
}
.venues-basic-info-form .gap-8 {
  row-gap: 8px;
}
.venues-basic-info-form .FormControl-select-wrap {
  width: 50%;
}
.venues-basic-info-form .plan-select {
  width: 50%;
  display: flex;
  align-items: center;
  column-gap: 24px;
}
.venues-basic-info-form .plan-select .FormControl {
  width: unset;
}
.venues-basic-info-form .plan-select .FormControl-select-wrap {
  min-width: 180px;
}
.venues-basic-info-form .rate-button {
  width: 164px;
  height: 40px;
}
.venues-basic-info-form .rate-button .Button-label {
  font-weight: 500;
  font-size: 14px;
}
.venues-basic-info-form .rate-button .Button-visual svg {
  width: 22px;
  height: 22px;
}
.venues-basic-info-form .draft {
  margin: 8px 0 48px;
}
.venues-basic-info-form .draft > .FormControl-label {
  width: 70px;
  margin-right: 12px;
}
.venues-basic-info-form .venue-name {
  width: 70%;
}
.venues-basic-info-form .venue-name .FormControl-input-wrap {
  width: 71%;
}
.venues-basic-info-form .input-w-150 .FormControl-input-wrap, .venues-basic-info-form .input-w-150 .FormControl-select-wrap {
  width: 150px;
}
.venues-basic-info-form .zip-code .FormControl {
  width: auto !important;
}
.venues-basic-info-form .gray-btn {
  width: 178px;
  height: 33px;
  font-size: 14px;
  font-weight: 500;
  margin-left: 12px;
  background-color: #949696;
}
.venues-basic-info-form .gray-btn:hover {
  background-color: rgba(213, 46, 41, 0.7);
  color: white;
}
.venues-basic-info-form .address {
  column-gap: 12px;
}
.venues-basic-info-form .address .FormControl {
  width: unset;
}
.venues-basic-info-form .address .FormControl .FormControl-input-wrap {
  width: 100%;
}
.venues-basic-info-form .w-312 .FormControl-input-wrap {
  width: 312px;
}
.venues-basic-info-form .get-station-button {
  width: 262px;
  height: 42px;
  margin-left: 0;
}
.venues-basic-info-form .get-station-button .Button-label {
  font-size: 18px;
}
.venues-basic-info-form .w-50 input {
  width: 50px;
  height: 40px;
}
.venues-basic-info-form .transport .FormControl, .venues-basic-info-form .transport .FormControl-input-wrap {
  width: 100%;
}
.venues-basic-info-form .zip-code-btn .Button-label {
  font-size: 14px;
}
.venues-basic-info-form .textarea-box .FormControl-input-wrap {
  width: 100%;
}
.venues-basic-info-form .textarea-box .FormControl-label {
  width: 60px;
  margin-right: 10px;
}
.venues-basic-info-form .ml-9 {
  margin-left: 82px;
}
.venues-basic-info-form .publish-status-select .FormControl-select-wrap {
  width: 180px;
}

.owner .w-70 {
  width: 70px;
  margin-right: 12px;
}
.owner .FormControl-input-wrap {
  width: 100%;
}
.owner .FormControl-label {
  width: 78px;
}
.owner .ml-78 {
  margin-left: 78px;
}
.owner .mt-52 {
  margin-top: 52px;
}

.venues-properties-form-container .error-message {
  color: red;
  font-size: 12px;
  margin-left: 90px;
  margin-top: 4px;
}
.venues-properties-form-container .rental-label-text {
  width: 90px;
}
.venues-properties-form-container .label-font .FormControl-label {
  font-weight: 400;
  font-size: 14px;
}
.venues-properties-form-container .property-item-checkbox input[type=checkbox]:checked {
  background-color: #222222 !important;
}
.venues-properties-form-container .price-wrap .sub-label {
  display: inline-block;
  width: 60px;
}

.venue-form .venues-tab-content {
  padding: 0;
  margin: 0;
  border: none;
}
.venue-form .tab-content-box {
  height: calc(100vh - 230px);
  overflow-y: auto;
  position: relative;
  padding: 0 40px;
}
.venue-form [data-venues-form-target=tabItem].selected {
  font-weight: bold;
  color: #D52E29;
}
.venue-form .secondary-input {
  background-color: ivory;
}

html,
body {
  font-family: "Noto Sans JP", sans-serif !important;
  height: 100%;
  margin: 0;
  padding: 0;
}

@media (max-width: 767.98px) {
  .hide-when-narrow {
    display: none;
  }
}

.layout {
  height: 100%;
}
.layout input[type=datetime-local]::-webkit-calendar-picker-indicator {
  transform: translateX(4px) scale(1.5);
  opacity: 0;
  -webkit-appearance: none;
  z-index: 99;
}
.layout .sidebar {
  background: linear-gradient(to right, #FFE1E1, #F5E3F8);
}
.layout .sidebar > div {
  height: 100%;
}
.layout .sidebar > div nav {
  height: calc(100vh - 132px);
}
.layout .sidebar .logo-box {
  padding: 30px 15px 10px;
}
@media (max-width: 767.98px) {
  .layout .sidebar .logo-box {
    padding-top: 10px;
  }
}
.layout .sidebar .logo-text {
  font-size: 30px;
  color: #D52E29;
  margin-bottom: 0;
}
.layout .sidebar .nav-menu-item a {
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 40px;
}
.layout .sidebar .nav-menu-item a span {
  font-size: 16px;
}
.layout .logo-text {
  font-size: 32px;
  color: #33cccd;
  margin-bottom: 0;
}
.layout .nav-menu-item-link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 14px 0;
  color: #949696;
  text-decoration: none;
}
.layout .nav-menu-item-link:hover {
  color: #222222;
}
.layout .logout-text {
  position: absolute;
  left: 40px;
  bottom: 10px;
  margin-bottom: 0;
  color: #222222;
}
.layout .nav-menu-group .ActionListItem-action--trailing {
  display: none !important;
}

.header {
  height: 60px;
  padding: 14px 24px;
}
@media (max-width: 767.98px) {
  .header {
    display: none;
  }
}
.header .user-name {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  margin-left: 10px;
}
.header .avatar-image {
  width: 28px;
  height: 28px;
}

.main-content {
  padding-left: 50px;
  padding-right: 50px;
  height: calc(100vh - 60px);
  overflow: auto;
}
@media (max-width: 767.98px) {
  .main-content {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.cursor-pointer {
  cursor: pointer;
}

.ActionListContent > .ActionListItem-label {
  color: #949696;
}

.ActionListItem:hover .ActionListItem-label {
  color: #222222;
}

.ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger) {
  background: none;
}

.ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger) .ActionListItem-label {
  color: #222222;
}

.Overlay-closeButton.close-button {
  display: none;
}

.Overlay-header .Overlay-headerContentWrap {
  padding-top: 54px;
  padding-left: 44px;
}

input.FormControl-checkbox[type=checkbox]:checked {
  background: #222;
  border-color: #222;
}

.FormControl-check-group-wrap {
  margin-bottom: 12px;
}
.FormControl-check-group-wrap fieldset {
  position: relative;
}
.FormControl-check-group-wrap fieldset legend.FormControl-label {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}
.FormControl-check-group-wrap fieldset .mb-2 {
  display: none;
}
.FormControl-check-group-wrap fieldset .FormControl-spacingWrapper {
  margin-left: 112px;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  padding: 8px 0;
}
.FormControl-check-group-wrap fieldset .FormControl-spacingWrapper .FormControl-checkbox-labelWrap .FormControl-label {
  font-weight: 400;
  font-size: 14px;
}

.FormControl-radio-group-wrap {
  margin-bottom: 12px;
}
.FormControl-radio-group-wrap fieldset {
  position: relative;
}
.FormControl-radio-group-wrap fieldset legend.FormControl-label {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}
.FormControl-radio-group-wrap fieldset .mb-2 {
  display: none;
}
.FormControl-radio-group-wrap fieldset .FormControl-spacingWrapper {
  margin-left: 112px;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  padding: 6px 0;
}
.FormControl-radio-group-wrap fieldset .FormControl-spacingWrapper .FormControl-radio-labelWrap .FormControl-label {
  font-weight: 400;
  font-size: 14px;
}

.global-message-container {
  position: absolute;
  top: 50px;
  right: 16px;
  z-index: 1000;
  width: 18%;
  pointer-events: none;
  font-size: 1.2em;
}
.global-message-container .global-message {
  margin-bottom: 10px;
  position: relative;
  transform: translateX(100%);
  transition: all 0.3s ease-in-out;
}
.global-message-container .global-message .global-message-flash-item {
  width: 100%;
}

.w-130 {
  width: 130px !important;
}

.w-600 {
  width: 600px !important;
}
@media (max-width: 767.98px) {
  .w-600 {
    width: 100% !important;
  }
}

.color-fg-info {
  color: #D52E29;
}

.dialogCloseBtn svg {
  width: 24px;
  height: 24px;
}

.FormControl-input::placeholder {
  opacity: 0.3 !important;
}

.color-red {
  color: red !important;
}

.link-color {
  color: #D52E29;
}

.admin-info-bar {
  color: #D52E29;
}

.owner_info-bar {
  color: #222222;
}

.office_venue_container {
  background-color: #7987FF !important;
  color: white !important;
  border: none !important;
  border-radius: 6px !important;
}