@charset "UTF-8";
/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
body,
.header-navbar {
  font-family: system-ui;
}

.card,
.card-group {
  margin-bottom: 1rem;
}

/* ログイン */
.auth-wrapper .auth-inner .logo {
  height: 3rem;
}

/* メニュー表示 */
.horizontal-menu .navbar.header-navbar .navbar-container {
  padding: 0.7rem 2rem;
}

.horizontal-menu .navbar.header-navbar .navbar-container .bookmark-wrapper .nav-item .logo {
  height: 3rem;
}

.horizontal-menu .navbar.header-navbar .navbar-container .bookmark-wrapper .nav-item a:hover {
  background-color: rgba(40, 199, 111, 0.12);
}

/* 問い合わせフォーム */
.inquiry-form .card-title {
  padding-left: 1.5rem;
}

.inquiry-form .heading-elements {
  margin: 0.5rem;
}

.inquiry-form .form-date {
  width: 42%;
}

.text-base {
  white-space: pre-wrap;
  word-break: break-word;
}

/* トップ テーブル*/
.inquiry-summary-table th,
.inquiry-summary-table td {
  padding: 0.72rem;
}

.inquiry-summary-table .col-inquiry-type {
  width: 8rem;
}

.inquiry-summary-table .col-inquiry-type .content {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ユーザ管理テーブル */
.user-table .table th,
.user-table .table td {
  padding: 0.72rem;
}

.user-table .table th.control {
  width: 10rem;
}
.user-table .table .col-user-id {
  width: 7rem;
}
.user-table .table .col-user-fullname {
  width: 10rem;
}
.user-table .table .col-user-role {
  width: 8rem;
}

/* ユーザ登録・詳細 */
form.manage-user-form div.form-group div.invalid-feedback,
form.manage-user-form div.form-group div.invalid-user-id {
  color: #EA5455 !important;
  font-size: 0.857rem;
}

/* 問い合わせテーブル */
.inquiry-table .table th,
.inquiry-table .table td {
  padding: 0.72rem;
  vertical-align: top;
}

.inquiry-table .table .col-id {
  width: 6rem;
}

.inquiry-table .table .col-inquiry-date {
  width: 5.5rem;
}

.inquiry-table .table .col-status {
  width: 5rem;
}

.inquiry-table .table .col-sid {
  width: 5rem;
}
.inquiry-table .table .col-contract-number {
  width: 6rem;
}
.inquiry-table .table .col-kazoku-div {
  width: 4rem;
}

.inquiry-table .table .col-member-div {
  width: 4rem;
}

.inquiry-table .table .col-reply-date {
  width: 5.5rem;
}

.inquiry-table .table .col-service-type {
  width: 6.5rem;
}

.inquiry-table .table .col-inquiry-type,
.inquiry-table .table .col-card-meisho {
  width: 7.5rem;
}

.inquiry-table .table .col-details {
  width: 15rem;
}

.inquiry-table .table .col-details .content {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0.5rem;
}

.inquiry-table .table .col-in-reply-to {
  width: 15rem;
}

.inquiry-table .table .col-in-reply-to .content {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.inquiry-table .table .col-remarks, .inquiry-table .table .col-update-history {
  width: 15rem;
}

.inquiry-table .table .col-remarks .content, .inquiry-table .table .col-update-history .content {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.inquiry-table .table .col-pic,
.inquiry-table .table .col-approver {
  width: 5rem;
}
.inquiry-table .table .col-teikei-div {
  width: 8rem;
}
.inquiry-table .table .col-seido-kokyaku {
  width: 5.5rem;
}
.inquiry-table .table .b-table-details td {
  padding-left: 3.1rem;
  position: relative;
}

.inquiry-table .table .b-table-details td .toggle-button {
  position: absolute;
  left: 0;
  top: 0;
}

.inquiry-table .table .b-table-details td .card.inquiry-detail-view {
  width: 88vw;
}

/* 問い合わせ 管理側発信メール用問い合わせ作成モーダル */
.create-mail-form .modal-form-required label:after {
  margin-left: 0.25rem;
  font-size: 1rem;
  color: red;
  content: "*";
  font-weight: bold;
}
.create-mail-form .form-group {
  margin-bottom: 2rem;
}
.create-mail-form .form-group span.create-mail-caution {
  color: red !important;
  font-weight: bold;
}

/* 問い合わせ 詳細 定義リスト*/
dl.inquiry-detail {
  margin-bottom: 0.5rem;
}

/* 問い合わせ 詳細 リンクmargin調整*/
.card-header-link {
  margin: 0.25rem;
}

div.inquiry-edit p.reply-mail-caution {
  color: red !important;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

div.scroll-content {
  height: 5rem;
  overflow: auto;
}

[v-cloak] {
  display: none;
}

.edit-button button:disabled {
  background-color: #adb5bd !important;
  border-color: #adb5bd !important;
}

* :not(button *):not(a *):not(.btn) {
  color: #333333 !important;
}

*:link:not(.btn):not(nav *), :visited:not(.btn):not(nav *) {
  color: #7367F0 !important;
}

a.btn.btn-outline-primary,
a.btn.btn-outline-secondary,
a.btn.btn-outline-danger {
  display: inline-flex;
  align-items: center;
}

/*# sourceMappingURL=style.css.map */