/* このページだけに適用したい場合、.broker-add-page の子孫に対して書く */

/* 全体コンテナを少し中央に寄せ、最大幅を設定 (お好み) */
.broker-add-page.container-fluid {
	max-width: 1200px;
	margin: 0 auto;
}

/* カード共通: Bootstrapがないなら、以下で擬似的にカード表現 */
.broker-add-page .card {
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.broker-add-page .card-header {
	/* background-color: #349f75; */
	/* お好みのメイン色 */
	color: #fff;
	padding: 0.75rem 1rem;
}

.broker-add-page .card-header h4 {
	margin: 0;
	font-size: 1.1rem;
}

.broker-add-page .card-body {
	padding: 1rem;
}

/* サイドメニューのカード */
.broker-add-page .side-menu-card .card-header {
	/* background-color: #2e7150; */
	/* 変化を付けてもOK */
}

/* メニューリンク */
.side-nav-item {
	color: #349f75;
	text-decoration: none;
	transition: color 0.3s ease;
}

.side-nav-item:hover {
	color: #287f5b;
}

/* フォーム全体 */
.custom-form {
	/* 既にお持ちの .custom-form のCSSでも可 */
	background-color: #fff;
	/* 背景色を合わせる */
	padding: 1rem;
	border-radius: 4px;
	border: 1px solid #eee;
}

/* 各フォームコントロール */
.custom-form-control {
	display: block;
	width: 100%;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 8px;
}

/* ラベルを少し強調したい場合 */
.custom-form .input label {
	font-weight: 600;
	margin-bottom: 0.2rem;
	display: inline-block;
}

/* 送信ボタン */
.custom-button {
	background-color: #349f75;
	color: #fff;
	border: none;
	padding: 10px 15px;
	border-radius: 5px;
	transition: background-color 0.3s ease;
	cursor: pointer;
	font-size: 0.95rem;
}

.custom-button:hover {
	background-color: #287f5b;
}


.brokers-index-page .brokers-index-card {
	/* 例: 背景や枠線を微調整 */
	border: 1px solid #dee2e6;
	border-radius: 8px;
	overflow: hidden;
}

.brokers-index-page .card-header {
	/* background-color: #349f75; */
	color: #fff;
}

.brokers-index-page .card-footer {
	background-color: #f8f9fa;
}

.brokers-index-page .actions .btn {
	/* Actions ボタンの間隔調整 */
	margin-bottom: 4px;
}


/* .broker-view-page 内だけ上書き */
.broker-view-page .card {
	border: 1px solid #dee2e6;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.broker-view-page .card-header {
	/* background-color: #349f75; */
	color: #fff;
	padding: 0.75rem 1rem;
}

.broker-view-page .card-header h4,
.broker-view-page .card-header h5 {
	margin: 0;
	font-size: 1.1rem;
}

/* サイドメニューのカード */
.broker-view-page .side-menu-card .card-header {
	/* background-color: #2e7150; */
	/* 微妙に変えるなど */
}

.broker-view-page .side-menu-card .card-body .btn {
	width: 100%;
	text-align: left;
	/* リンクを左寄せに */
	margin-bottom: 8px;
}

/* テーブルの微調整 */
.broker-view-page table.table-bordered th {
	background-color: #f8f9fa;
	white-space: nowrap;
}

.broker-view-page .card-body .bg-light {
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 0.9rem;
	/* など */
}


/* このページだけのCSS: .broker-edit-page がラップクラス */

.broker-edit-page .card {
	border: 1px solid #dee2e6;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.broker-edit-page .card-header {
	/* background-color: #349f75; */
	color: #fff;
	padding: 0.75rem 1rem;
}

.broker-edit-page .card-header h4 {
	margin: 0;
	font-size: 1.1rem;
}

/* サイドメニューのカード */
.broker-edit-page .side-menu-card .card-header {
	/* background-color: #2e7150; */
	/* メインカラーを少し変化させてもOK */
}

/* サイドメニューのボタン */
.broker-edit-page .side-menu-card .card-body .btn {
	width: 100%;
	text-align: left;
	/* 左寄せでボタン化 */
	margin-bottom: 8px;
}

/* フォーム全体 */
.custom-form {
	background-color: #fff;
	padding: 1rem;
	border-radius: 4px;
	border: 1px solid #eee;
}

/* 各フォームコントロール */
.custom-form-control {
	display: block;
	width: 100%;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 8px;
}

/* ボタン */
.custom-button {
	background-color: #349f75;
	color: #fff;
	border: none;
	padding: 10px 15px;
	border-radius: 5px;
	transition: background-color 0.3s ease;
	cursor: pointer;
	font-size: 0.95rem;
}

.custom-button:hover {
	background-color: #287f5b;
}