/* ============================================================
   VtigerCRM Custom CSS - Flat Business Edition (Final Stable)
   Version: 2026.01-Final-Restore
   Description: 視認性向上、フラットデザイン化、UX改善
   Policy: custom(3).cssの機能を完全維持 / EditViewのみグリッド統合
   ============================================================ */


/* ============================================================
   1. Typography & Global Reset
   ============================================================ */

/* フォント設定：システムフォント優先で可読性を確保 */
body, h1, h2, h3, h4, h5, h6,
.fieldLabel, .inputElement, .btn, .table,
.select2-container, .select2-choice, .select2-results,
textarea, input, select, button,
.fc, .fc-toolbar, .fc-view {
  font-family: "Segoe UI Variable", "Segoe UI", "BIZ UDPGothic", "BIZ UDGothic",
               "Meiryo", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif !important;
  text-rendering: optimizeLegibility !important;
  font-feature-settings: "palt" !important;
}

/* 数値の視認性（等幅） */
.currency, .currencyField, .fieldValue {
  font-variant-numeric: tabular-nums !important;
}

/* 基本文字色：完全な黒(#000)を避け、目に優しいダークグレー(#333)へ */
body, h1, h2, h3, h4, h5, h6,
.fieldLabel, .listViewEntries td, .detailview-table td,
.fieldValue, .inputElement {
  color: #333333 !important;
}

/* フィールドラベル：太字＋少し濃いグレー */
.fieldLabel, .muted,
.detailview-table .fieldLabel,
.editViewContents .fieldLabel,
.summaryWidgetContainer .fieldLabel,
.summaryViewEntries .fieldLabel {
  color: #444444 !important;
  font-weight: 600 !important;
}

/* 背景色設定：全体をライトグレー、カード類を白に統一 */
body, .global-nav,
.app-nav .module-action-bar .module-action-content,
.main-container .sidebar-essentials,
.detailViewContainer .content-area,
.editViewPageDiv .content-area,
.editViewPageDiv.content-area,
.editViewPageDiv .reports-content-area,
.detailViewContainer,
#appnavcontent,
.dashBoardContainer, .grid-stack, .dashBoardContainer .tab-content,
.listview-actions-container {
  background: #f5f5f5 !important;
}

/* ページ上部の余白調整 */
#page { padding-top: 65px !important; }
.module-action-bar .module-title { color: #000000 !important; }
.picklist-color { border-radius: 4px !important; }


/* ============================================================
   2. Components: Buttons, Forms, Icons
   ============================================================ */

/* ボタン：フラット化、影削除 */
.btn, .module-buttons.btn {
  border-radius: 4px !important;
  box-shadow: none !important;
  border: 1px solid #cccccc !important;
  background-image: none !important;
  filter: none !important;
  font-weight: 600 !important;
}

/* Primary/Successボタン（保存等） */
.btn-success, button[type="submit"] {
  font-weight: bold !important;
  letter-spacing: 1px !important;
  box-shadow: none !important;
}
.btn-success:hover, button[type="submit"]:hover {
  transform: none !important;
  box-shadow: none !important;
  opacity: 0.9 !important;
}
.btn-default:hover { background-color: #dcdcdc !important; }

/* 入力フォーム：境界線を明確化 */
.inputElement,
.select2-container-multi .select2-choices .select2-search-field input,
.search-link .keyword-input,
.searchWorkflows {
  border-radius: 4px !important;
  border: 1px solid #d0d0d0 !important;
}

/* フォーカス時の強調（青枠＋薄い黄色背景） */
input:focus, .form-control:focus, select:focus, textarea:focus {
  border-color: #15c !important;
  background: #fff8e2 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Input Group（左右の角丸調整） */
/* ※詳細な接続ロジックは Section 11 で定義 */
.input-group .input-group-addon {
  border: 1px solid #cccccc !important;
  border-right: none !important;
  background-color: #eee !important;
  min-width: 40px !important;
  border-radius: 0 !important;
}
.input-group .input-group-addon:first-child {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  border-right: 0 !important;
}
.input-group-addon:last-child {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  border-left: 0 !important;
}
.input-group .inputElement {
  border: 1px solid #cccccc !important;
  border-left: none !important;
  box-shadow: none !important;
}

/* アイコンフォント設定 */
[class^="vicon-"], [class*=" vicon-"] {
  font-family: 'Vtiger-icons';
  speak: none;
  font-size: 20px !important;
}
.navbar .vicon { font-size: 16px !important; }

/* グローバルUX：トランジション統一 */
.btn, .inputElement, a, .listViewEntries td,
.related-tabs .nav-tabs > li > a {
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
}

/* アニメーション無効化（キビキビした動作へ） */
.fade { transition: opacity 0s linear !important; }
.collapse { transition: height 0s linear !important; }
.modal.fade .modal-dialog {
  transform: none !important;
  transition: transform 0s !important;
}


/* ============================================================
   3. Modals & Popups
   ============================================================ */

/* モーダル枠：影なし・フラット */
.dropdown-menu, .modal-content {
  border-radius: 6px !important;
  box-shadow: none !important;
  border: 1px solid #999999 !important;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu { border-radius: 6px !important; }
}
.modal-header { border-radius: 6px 6px 0 0 !important; }
.modal-footer { border-radius: 0 0 6px 6px !important; }

/* モーダルヘッダー：文字色の視認性改善（白抜き） */
.modal .modal-header .modal-title,
.modal .modal-header h4,
.modal .modal-header h5,
.modal .modal-header * {
  color: #b0c4de !important; /* ソフトホワイト */
  text-shadow: 0 1px 0 rgba(0,0,0,.35);
}
.modal .modal-header .close,
.modal .modal-header button.close {
  color: #ffffff !important;
  opacity: 0.9 !important;
  text-shadow: none !important;
}
.modal .modal-header .close:hover,
.modal .modal-header button.close:hover {
  opacity: 1 !important;
}


/* ============================================================
   4. List View (一覧画面)
   ============================================================ */

.listViewPageDiv a { font-weight: normal !important; }

/* ストライプ表示（偶数/奇数行） */
.listViewEntries:nth-child(even) { background-color: #f9f9f9 !important; }
.listViewEntries:nth-child(odd)  { background-color: #ffffff !important; }

/* ホバー時のハイライト */
.listViewEntries:hover td {
  background-color: #eef6ff !important;
  cursor: pointer !important;
}

/* 行間を広げて可読性向上 */
.listViewEntries td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  vertical-align: middle !important;
}

/* アクション列の常時表示 */
.listViewEntries.actions,
.listViewEntries.listViewEntryValue.actionImages {
  visibility: visible !important;
  opacity: 1 !important;
  display: inline-block !important;
}

/* テーブル境界線 */
.table-bordered { border: 1px solid #d0d0d0 !important; }
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > td {
  border: 1px solid #e0e0e0 !important;
}


/* ============================================================
   5. Detail View (詳細画面)
   ============================================================ */

/* ブロック共通：カード化・左端アクセント線 */
.detailViewContainer .block,
.related-tabs.row,
.detailViewContainer .commentContainer .commentTitle.row,
.detailViewContainer .commentContainer .showcomments,
.detailview-header-block {
  border-radius: 4px !important;
  box-shadow: none !important;
  border: 1px solid #cccccc !important;
  border-left: 3px solid darkblue !important; /* アクセントカラー */
  margin-top: 2px !important;
  background-color: #fff !important;
}
.related-tabs.row { margin-top: 10px !important; }

/* ブロックヘッダー */
.blockHeader, .detailViewContainer .block .blockHeader {
  background: #f0f4f8 !important;
  border-radius: 4px !important;
  border: 1px solid #dce4ec !important;
  border-left: 1px solid #dce4ec !important;
  padding: 25px 15px 5px 15px !important;
  margin: 5px 0 15px 0 !important;
  line-height: normal !important;
  min-height: 50px !important;
}

/* ブロックタイトル(h4) */
#detailView .block h4,
.detailViewContainer .block h4 {
  font-weight: 500 !important;
  color: darkblue !important;
  letter-spacing: 2px !important;
  border-bottom: none !important;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* 詳細テーブルレイアウト */
.detailview-table { border-collapse: collapse !important; }

/* 左側：ラベルセル */
.detailview-table .fieldLabel {
  width: 15% !important;
  text-align: right !important;
  background-color: #f7f7f7 !important;
  border: 1px solid #d0d0d0 !important;
}
/* 右側：値セル */
.detailview-table .fieldValue,
.detailViewInfo .fieldLabel {
  border: 1px solid #d0d0d0 !important;
  width: 35% !important;
}

#detailView td.fieldValue .action {
  position: static !important;
  margin-left: 10px !important;
}

/* レコードヘッダー周り */
.record-header .recordBasicInfo h4 {
  border-bottom: 2px dotted #8e8e8e !important;
  font-weight: bold !important;
}
.detailViewContainer .recordImage .name span { color: darkblue !important; }
.detailview-header .recordImage [class^="vicon-"] { color: white !important; }
.detailview-header-block { margin-top: 5px !important; }


/* ============================================================
   6. Edit View / Inline Edit (Updated: Grid Layout)
   ============================================================ */

/* 編集画面レイアウト */
/* --- 枠線・背景色・グリッド化 --- */

/* テーブル全体の枠線結合 */
.editViewContents,
.editViewContents table {
  border-collapse: collapse !important;
  width: 100% !important;
  border-spacing: 0 !important;
}

/* ラベルセル：グレー背景＋枠線 */
.editViewContents .fieldLabel,
.editViewContents td.fieldLabel {
  background-color: #f7f7f7 !important;
  border: 1px solid #e0e0e0 !important;
  padding: 5px 10px !important;
  vertical-align: middle !important;
  color: #444444 !important;
  text-align: right !important;
  width: 15% !important;
}

/* 入力欄セル：白背景＋枠線 */
.editViewContents .fieldValue,
.editViewContents td.fieldValue {
  background-color: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  padding: 5px 10px !important;
  vertical-align: middle !important;
  width: 35% !important;
  position: relative !important;
}

.editViewContents td.fieldValue[colspan="3"] { width: 85% !important; }

/* --- 入力エリアの調整 --- */
.editViewContents .input-group {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100% !important;
}

.editViewContents .fieldValue .inputElement,
.editViewContents .fieldValue .select2-container,
.editViewContents .fieldValue textarea,
.fieldBlockContainer .inputElement {
  width: 100% !important;
  flex-grow: 1 !important;
  max-width: none !important;
  box-sizing: border-box !important;
  margin-bottom: 0 !important;
}

/* 必須項目の赤マーク */
.mandatoryField {
  position: absolute !important;
  right: 5px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  height: auto !important;
  z-index: 10;
}

/* --- Inline Edit (詳細画面での編集) --- */
.detailview-table td.fieldValue .edit { width: 100% !important; }

.detailview-table td.fieldValue .inputElement,
.detailview-table td.fieldValue .select2-container,
.detailview-table td.fieldValue textarea {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
.detailview-table td.fieldValue .input-group {
  width: 100% !important;
  display: flex !important;
}
.detailview-table td.fieldValue .edit .input-group { margin-bottom: 0 !important; }

/* インライン編集：保存ボタン */
.detailview-table td.fieldValue .edit button[type="submit"],
.detailview-table td.fieldValue .edit .btn-success {
  color: #333333 !important;
  background-color: #e0e0e0 !important;
  border: 1px solid #999 !important;
  box-shadow: none !important;
}
.detailview-table td.fieldValue .edit button[type="submit"]:hover,
.detailview-table td.fieldValue .edit .btn-success:hover {
  color: #000000 !important;
  background-color: #d0d0d0 !important;
}

/* --- Inline Edit Actions (✓/× Icons) --- */
/* コンテナ：アイテム間の間隔調整 */
.input-save-wrap {
  display: inline-flex !important;
  gap: 2px !important;
  align-items: center !important;
}
/* ボタン枠：クリック領域の確保と枠線付与 */
.input-save-wrap a, .input-save-wrap button, .input-save-wrap .btn, .input-save-wrap span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 28px !important;
  height: 28px !important;
  padding: 0 6px !important;
  border: 1px solid #cccccc !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
}
.input-save-wrap a:hover, .input-save-wrap button:hover, .input-save-wrap .btn:hover, .input-save-wrap span:hover {
  border-color: #999999 !important;
}
/* アイコン色：白抜き回避で黒系へ */
.input-save-wrap .fa-check, .input-save-wrap .fa-times,
.input-save-wrap i.fa-check, .input-save-wrap i.fa-times {
  color: #222 !important;
  line-height: 1 !important;
}
/* 擬似要素対策 */
.input-save-wrap .fa-check:before, .input-save-wrap .fa.fa-check:before {
  color: #222 !important;
}


/* ============================================================
   7. Summary View & Dashboard (概要・ダッシュボード)
   ============================================================ */

/* ウィジェットカードスタイル */
.summaryView, .summaryWidgetContainer, li.dashboardWidget {
  border-radius: 4px !important;
  box-shadow: none !important;
  border: 1px solid #cccccc !important;
  border-left: 3px solid darkblue !important;
  background-color: #ffffff !important;
}

/* 見出しデザイン（二重線装飾） */
.summaryView .summaryViewHeader h4,
.summaryWidgetContainer .widget_header h4,
.dashboardWidgetHeader .title {
  color: darkblue !important;
  text-underline-offset: 6px !important;
  text-decoration: underline overline 1px solid darkblue !important;
  text-align: left !important;
  margin-bottom: 5px !important;
}

/* アイコン画像枠 */
.commentsList .recordImage, .summaryWidgetContainer .recordImage {
  background: ghostwhite !important;
  border-radius: 6px !important;
  width: 78px !important;
  box-shadow: none !important;
  border: 1px solid #ddd !important;
}

/* 概要ビュー：フィールドラベル */
.summaryWidgetContainer .fieldLabel,
.summaryViewEntries .fieldLabel {
  text-align: right !important;
  padding-right: 15px !important;
  width: 35% !important;
  background-color: #f7f7f7 !important;
  padding-top: 7px !important;
  line-height: 1.4 !important;
}
.summaryWidgetContainer .fieldValue,
.summaryViewEntries .fieldValue {
  padding-left: 5px !important;
}

/* ダッシュボードタブ */
.dashBoardContainer .tabContainer .nav {
  background-color: #f5f5f5 !important;
  border: solid 3px #f5f5f5 !important;
}
.dashBoardContainer .tabContainer .nav > li > a { color: #333 !important; }
li.dashboardWidget, .dashboardWidgetContent, .dashboardWidgetHeader {
  background-color: #ffffff !important;
}

/* 重要指標（Key Fields）の特別枠線 */
.summaryViewFields .fieldLabel,
.summaryViewFields .fieldValue {
  border: 1px solid #d0d0d0 !important;
}
.summaryViewFields .fieldLabel {
  background-color: #f7f7f7 !important;
}

/* Projects等：指標ボックスのスリム化・中央寄せ */
.summaryViewFields .well[style]{
  height: 60px !important;
  min-height: 0 !important;
  max-height: none !important;
  border-radius: 4px;
}
.summaryViewFields .well {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}


/* ============================================================
   8. Tabs (Related Tabs)
   ============================================================ */

/* タブバーの形状 */
.related-tabs .nav-tabs {
  border-bottom: none !important;
  margin-top: 4px !important;
}

/* タブボタン */
.related-tabs .nav-tabs > li > a {
  border-radius: 0 !important;
  padding: 8px 15px !important;
  margin-right: 5px !important;
  background-color: transparent !important;
  border: 1px solid transparent !important;
  border-bottom: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
}

/* ホバー/アクティブ状態 */
.related-tabs .nav-tabs > li > a:hover {
  background-color: #e0e0e0 !important;
  border: 1px solid #e0e0e0 !important;
  border-bottom: none !important;
  border-radius: 4px !important;
}
.related-tabs .nav-tabs > li.active > a {
  background-color: #696969 !important;
  color: white !important;
  border: 1px solid #696969 !important;
  border-bottom: none !important;
  box-shadow: none !important;
  border-radius: 4px !important;
}
.related-tabs .nav-tabs > li.active,
.contents.tabbable .nav-tabs > li.active,
.related-tabs .nav-tabs > li:hover,
.contents.tabbable .nav-tabs > li:hover {
  border: none;
  border-bottom: white;
  margin-bottom: 0;
}

/* MoreタブのDropdown Caret */
.related-tabs .nav-tabs > li.dropdown > a {
  display: inline-flex !important;
  align-items: center !important;
  height: auto !important;
}
.related-tabs .nav-tabs > li.dropdown > a .caret {
  margin-top: 0 !important;
  margin-left: 6px !important;
  border-top-width: 5px !important;
}
/* 既存のFontAwesome Caretを非表示 */
.related-tabs .nav-tabs .dropdown-toggle .fa-caret-down,
.related-tabs .nav-tabs li.dropdown a .fa-caret-down,
.related-tabs .nav-tabs li.dropdown a .fa.fa-caret-down,
.related-tabs .nav-tabs li.dropdown a i.fa-caret-down {
  display: none !important;
}

/* 件数バッジ位置調整 */
.related-tabs .nav-tabs > li > a .badge,
.related-tabs .nav-tabs > li > a .count {
  position: static !important;
  margin-left: 2px !important;
  transform: none !important;
  line-height: 1 !important;
}
.related-tabs .nav-tabs > li > a > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  vertical-align: middle !important;
}


/* ============================================================
   9. Admin Settings
   ============================================================ */

.blockHeader th,
.settingsPageDiv .table thead th,
.settingsPageDiv .table th {
  color: #333333 !important;
  font-weight: bold !important;
  background-color: transparent !important;
  border-bottom: 1px solid #d0d0d0 !important;
}
.settingsPageDiv .table-bordered thead tr { background-color: #e9e9e9 !important; }


/* ============================================================
   10. Tables: No-Border Logic & Block Folding Fix
   ============================================================ */

/* 1) Table外周の border/box-shadow を無効化（折りたたみ時の残線対策） */
table.detailview-table.no-border,
table.summary-table.no-border {
  border: none !important;
  box-shadow: none !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 4px !important;
  overflow: hidden;
  background-clip: padding-box;
}

/* 2) 基本：内側線は右＋下のみ (二重線防止) */
table.detailview-table.no-border td,
table.detailview-table.no-border th,
table.summary-table.no-border td,
table.summary-table.no-border th {
  border: none !important;
  border-right: 1px solid #e0e0e0 !important;
  border-bottom: 1px solid #e0e0e0 !important;
}
/* ラベル/値のセル色指定 */
table.detailview-table.no-border td.fieldLabel,
table.detailview-table.no-border td.fieldValue,
table.summary-table.no-border td.fieldLabel,
table.summary-table.no-border td.fieldValue {
  border-right-color: #e0e0e0 !important;
  border-bottom-color: #e0e0e0 !important;
}

/* 3) 外周線：td/thに直接描画することで、tbody非表示時に線も消えるようにする */
/* 上辺 (First Row) */
table.detailview-table.no-border tr:first-child > td,
table.detailview-table.no-border tr:first-child > th,
table.summary-table.no-border tr:first-child > td,
table.summary-table.no-border tr:first-child > th {
  border-top: 1px solid #cccccc !important;
}
/* 左辺 (First Col) */
table.detailview-table.no-border tr > td:first-child,
table.detailview-table.no-border tr > th:first-child,
table.summary-table.no-border tr > td:first-child,
table.summary-table.no-border tr > th:first-child {
  border-left: 1px solid #cccccc !important;
}
/* 右辺 (Last Col) */
table.detailview-table.no-border tr > td:last-child,
table.detailview-table.no-border tr > th:last-child,
table.summary-table.no-border tr > td:last-child,
table.summary-table.no-border tr > th:last-child {
  border-right: 1px solid #cccccc !important;
}
/* 下辺 (Last Row) */
table.detailview-table.no-border tr:last-child > td,
table.detailview-table.no-border tr:last-child > th,
table.summary-table.no-border tr:last-child > td,
table.summary-table.no-border tr:last-child > th {
  border-bottom: 1px solid #cccccc !important;
}

/* 4) 角丸の適用 (四隅のセルに適用) */
table.detailview-table.no-border tr:first-child > td:first-child,
table.detailview-table.no-border tr:first-child > th:first-child,
table.summary-table.no-border tr:first-child > td:first-child,
table.summary-table.no-border tr:first-child > th:first-child {
  border-top-left-radius: 4px !important;
}
table.detailview-table.no-border tr:first-child > td:last-child,
table.detailview-table.no-border tr:first-child > th:last-child,
table.summary-table.no-border tr:first-child > td:last-child,
table.summary-table.no-border tr:first-child > th:last-child {
  border-top-right-radius: 4px !important;
}
table.detailview-table.no-border tr:last-child > td:first-child,
table.detailview-table.no-border tr:last-child > th:first-child,
table.summary-table.no-border tr:last-child > td:first-child,
table.summary-table.no-border tr:last-child > th:first-child {
  border-bottom-left-radius: 4px !important;
}
table.detailview-table.no-border tr:last-child > td:last-child,
table.detailview-table.no-border tr:last-child > th:last-child,
table.summary-table.no-border tr:last-child > td:last-child,
table.summary-table.no-border tr:last-child > th:last-child {
  border-bottom-right-radius: 4px !important;
}

/* その他ユーティリティ */
.numberCircle {
  background-color: #00008b !important;
  color: #ffffff !important;
}


/* ============================================================
   11. Checkboxes / Input Group (Safe Version)
   ============================================================ */

/* --- Checkboxes --- */
.fieldBlockContainer input[type="checkbox"].inputElement,
.editViewContents input[type="checkbox"].inputElement,
.detailview-table input[type="checkbox"].inputElement {
  width: auto !important;
  min-width: 20px !important;
  height: 20px !important;
  margin: 5px 0 0 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transform: scale(1.2) !important;
}
.editViewContents .fieldValue input[type="checkbox"] {
  float: left !important;
  display: inline-block !important;
}

/* --- Input Group (関連モジュールの左線消失を防ぐ安定版) --- */
/* 方針: 全要素にborderを付け、接続部のみborder-rightを消す方式を採用 */

/* 1. 基本設定 */
.input-group .inputElement,
.input-group .input-group-addon,
.input-group .input-group-btn > .btn {
  border: 1px solid #d0d0d0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  height: 30px !important;
  box-sizing: border-box !important;
}

/* 2. 背景色 */
.input-group .input-group-addon {
  background-color: #eee !important;
  color: #555 !important;
}

/* 3. 左側の要素（入力欄など） */
/* 右側の枠線と角丸を消して、次のボタンと連結させる */
.input-group .inputElement:first-child,
.input-group .input-group-addon:first-child,
.input-group .input-group-btn:first-child > .btn {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: none !important; /* ここが重要：入力欄の左線は残る */
}

/* 4. 右側の要素（ボタンなど） */
/* 左側の角丸を消す（枠線は残す＝仕切り線になる） */
.input-group .inputElement:last-child,
.input-group .input-group-addon:last-child,
.input-group .input-group-btn:last-child > .btn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  /* 左枠線は標準の border:1px があるため、仕切り線として機能する */
}

/* 5. 中間の要素 */
.input-group .inputElement:not(:first-child):not(:last-child),
.input-group .input-group-addon:not(:first-child):not(:last-child),
.input-group .input-group-btn:not(:first-child):not(:last-child) > .btn {
  border-radius: 0 !important;
  border-right: none !important;
}

/* --- Animation Disable --- */
.fade { transition: opacity 0s linear !important; }
.collapse { transition: height 0s linear !important; }
.modal.fade .modal-dialog {
  transform: none !important;
  transition: transform 0s !important;
}