@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);
}

/* ユーザー登録・編集画面 */
.user-form .card-title {
  padding-left: 1.5rem;
}

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

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

/* 検索・一覧画面 */
.search-table .table th,
.search-table .table td, .referral-ids-table .table th,
.referral-ids-table .table td {
  padding: 0.72rem;
}
.search-table .table th.control, .referral-ids-table .table th.control {
  width: 9rem;
}
.search-table .table .col-id, .referral-ids-table .table .col-id {
  width: 12%;
  min-width: 10rem;
}
.search-table .table .col-campaign-name, .referral-ids-table .table .col-campaign-name {
  width: 20%;
  min-width: 15rem;
}
.search-table .table .col-click-url, .referral-ids-table .table .col-click-url {
  width: 20%;
  min-width: 15rem;
}
.search-table .table .col-messages, .referral-ids-table .table .col-messages {
  width: 35%;
  min-width: 20rem;
}
.search-table .table .col-insert-date, .referral-ids-table .table .col-insert-date {
  width: 13%;
}
.search-table .table .short-message dl, .referral-ids-table .table .short-message dl {
  margin-bottom: 0.72rem;
}
.search-table .table .short-message dl dt, .referral-ids-table .table .short-message dl dt {
  width: 20%;
  margin-right: 0.5rem;
}
.search-table .table .short-message dl dd, .referral-ids-table .table .short-message dl dd {
  width: 80%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.search-table .table .col-whitelist-id, .referral-ids-table .table .col-whitelist-id {
  width: 8rem;
}
.search-table .table .block-link, .referral-ids-table .table .block-link {
  padding: 1.5rem 0.72rem;
}

/* お友達キャンペーン一覧 検索フォーム*/
.freeword-form {
  width: 50rem;
}

/* ホワイトリスト一覧 検索窓 */
.campaign-search-input {
  width: 30rem;
}

/* ホワイトリスト一覧 新規追加ボタン幅 */
.btn-width {
  width: 9rem;
}

[v-cloak] {
  display: none;
}

/* 紹介ID登録画面 */
.referral-ids-table .col-contract-number {
  width: 20%;
}
.referral-ids-table .col-kazoku-div {
  width: 10%;
}
.referral-ids-table .col-referral-id {
  width: 35%;
}
.referral-ids-table .col-created-by {
  width: 20%;
}
.referral-ids-table .col-created-date {
  width: 15%;
}

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