/* --------------------------------------------
全体（画面高さ全体を使用）
-------------------------------------------- */
html,
body,
#MySplitter {
	height: 100%;
}

/* スプリッタへ影響するためスワイプで更新がかかるのを停止する */
body {
	overscroll-behavior-y: none;
}

/* --------------------------------------------
タイトル
-------------------------------------------- */
#MyTitle {
	position: relative;
	font-weight: normal;
	font-size: 1.5rem;
	padding-top: 0;
	padding-bottom: 0;
	-webkit-text-stroke: 1px #4477ff;
	-webkit-box-reflect: below -15px -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.4));
}

/* --------------------------------------------
スクロールバー
-------------------------------------------- */
::-webkit-scrollbar {
	width: 12px;
}

	::-webkit-scrollbar:hover {
		width: 10px;
	}

::-webkit-scrollbar-track {
	border-radius: 5px;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
	background: linear-gradient(to top, #c0c0c0 0%, #f5f5f5 100%);
	border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}

/* --------------------------------------------
テーブル（デザイン＋ヘッダー固定）
-------------------------------------------- */
.fixHeaderTop {
	position: sticky;
	top: 0;
	left: 0;
}

.table2 {
	background-color: white;
	width: 100%;
	overflow-y: auto;
	font-size: small;
	user-select: none;
}

	.table2 th {
		position: sticky;
		top: 0;
		background: lightgray;
		color: black;
		border-top: 0;
		box-shadow: 0 1px;
		width: 1px;
		text-align: center;
		white-space: nowrap;
		cursor: pointer;
	}

	.table2 tr {
		border-collapse: collapse;
		border-bottom: 1px whitesmoke solid;
	}

		.table2 tr:hover {
			background-color: lightgray;
		}

	.table2 td {
		padding-left: 10px;
		padding-right: 10px;
	}

/* --------------------------------------------
画像表示用カルーセル
-------------------------------------------- */
.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators li {
	background-color: #000;
}

.carousel-indicators .active {
	background-color: #ffc107;
}

/* --------------------------------------------
処理ボタンパネル
-------------------------------------------- */

.right-bottom-panel {
	position: absolute;
	bottom: 5px;
	right: 5px;
	border-radius: 5px;
	padding: 5px;
}

.panel_back {
	background-color: rgba(0, 255, 255, 0.5);
}

/* --------------------------------------------
モーダルダイアログ
-------------------------------------------- */

.modal-dialog-fluid {
}

/* --------------------------------------------
フォルダーツリー
-------------------------------------------- */

.jstree {
	font-size: 12px;
	line-height: 20px;
	min-height: 20px;
	font-family: Meiryo;
}

.jstree-contextmenu {
	z-index: 2000;
}

/* --------------------------------------------
インフォウィンドウ
-------------------------------------------- */

.gm-style {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "游ゴシック Medium", "Yu Gothic", YuGothic, YuGothicMedium, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	line-height: 1.7;
}

	.gm-style .gm-style-iw-c {
		background-color: rgba(0, 255, 255, 0.5);
		border-radius: 2px 2px 0 0;
		padding: 0;
	}

		.gm-style .gm-style-iw-c ::-webkit-scrollbar {
			display: none;
		}

	.gm-style .gm-style-iw-t:after {
		background: linear-gradient(45deg,rgba(0,255,255,0.5) 50%,rgba(0,255,255,0) 51%,rgba(0,255,255,0) 100%)
	}

.iw-title {
	padding: 15px 5px 0 5px;
	font-size: medium;
	font-weight: 500;
	color: white;
	background-color: rgba(0, 0, 0, 0.5);
}

.iw-title2 {
	padding: 0 5px 0 5px;
	font-size: small;
	font-weight: 500;
	color: white;
	background-color: rgba(0, 0, 0, 0.5);
	border-bottom: 2px solid rgba(0, 0, 127, 1);
}

.iw-location {
	padding: 0 10px 10px 10px;
	font-size: small;
}

.iw-location-item {
	padding: 5px;
	border-bottom: 1px solid rgba(0, 0, 255, 0.5);
}

.iw-location-value {
	background-color: rgba(255, 255, 255, 0.5);
	padding: 5px;
	border-bottom: 1px solid rgba(0, 0, 255, 0.5);
}

.iw-desc {
	padding: 10px 10px 10px 10px;
	font-size: small;
	max-height: 200px;
	overflow: auto;
}