@charset "UTF-8";
/*********************************
 * 共通スタイル
 *********************************/
/* 埋め込み地図の高さ幅を最大にする */
html, body {
	height: 100%;
	width: 100%;
}

body {
	margin: 0;
	padding: 0;
	background-color: white;
	overflow-y: clip;
	overflow-x: clip;
}

div {
	margin: 0;
	padding: 0;
	border: none;
}

span {
	font-size: 10pt;
	margin: 0;
	padding: 0;
}

.hidden {
	display: none !important;
}

/*********************************
 * ヘッダーメニューのスタイル
 *********************************/
/* 背景 */
.mapHeader {
	background-color: darkgray;
	height: 60px;
	max-width: 100%;
	padding: 3px 10px;
}

/* 直下のdiv */
.mapHeader > div {
	display: inline-block;
	/* text-align: left; */
	vertical-align: top;
}

/* ボタンイメージ */
.btn_img {
	cursor: pointer;
	height: 24px;
	width: 24px;
	margin-left: 1px;
}

/* セレクトボックス */
.selector {
	margin: 2px 0px;
	margin-top: 4px;
	padding: 0px;
	border: 0px;
	font-size: 10pt;
	vertical-align: top;
}

/*********************************
 * 地図日時指定部のスタイル
 *********************************/
/* 地図日時表示幅 */
.toolbarDate {
	width: 220px;
}

/* 日時表示 */
.mapDateTime {
	width: 190px;
	text-align: center;
	border-width: 1px;
	border-color: #060606;
	border-style: solid;
	background-color: white;
	padding: 3px;
	display: inline-block;
	margin-left: -5px;
	margin-right: -5px;
}

/* 日時表示（過去表示時） */
.mapDateDisplayPast {
	background-color: pink;
}

/* 日時表示（モニタリング一時停止中） */
.mapDateDisplayPaused {
	background-color: rgb(194, 151, 86);
}

/* 日時表示（オフライン・日付エラー時） */
.mapDateDisplayOffline {
	background-color: silver;
}

/* 日時表示（表示データ読み込み中） */
.mapDateDisplayLoading {
	color: gray;
}

/* 日時表示（表示データ日付セットエラー） */
.mapDateDisplayDateError {
	color: saddlebrown;
}

/* 日時ジャンプコントロール */
.timeList {
	margin: 2px 0px;
	margin-top: 4px;
	margin-left: -5px;
	padding: 0px;
	border: 0px;
	font-size: 10pt;
	vertical-align: top;
}

/* ジャンプ幅指定select表示幅 */
.time_sel {
	width: 78px;
}

/*********************************
 * メニューメイン部のスタイル
 *********************************/
/* メニューメイン部表示幅 */
.toolbarMain {
	/* 全体 - 日付表示 - ユーティリティ - padding */
	width: calc(100% - 220px - 430px - 10px);
}

/* 緯度経度表示部 */
.coordinateTable {
	border-collapse: collapse;
	display: inline;
	height: 24px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	position: relative;
	top: 4px; 
}

/* 緯度経度表示行 */
.coordinateTable tr {
	font-size: 12px;
	height: 12px;
}

/* 緯度経度表示形式 */
.coordinate {
	font-family: 'ＭＳ ゴシック', 'Ricty Diminished', 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif;
	text-align: right;
}

/* 測地系表示形式 */
.geodeticReference {
	cursor: pointer;
	font-size: 10px;
	color: mediumblue;
}

/* 簡易図形ボタンのスタイル */
.easyPtnList {
	margin-top: 1px;
	vertical-align: top;
}

/*********************************
 * ユーティリティ部のスタイル
 *********************************/
/*ユーティリティ部全体 */
.toolbarUtil {
	text-align: right;
	width: 430px;	
}

/* 簡易検索の表示形式 */
 iframe.searchFrame {
	width: 492px;
	height: 32px;
	border: none;
	position: absolute;
	top: 34px;
	left: calc(100% - 500px); 
} 

/* 縮尺変更select表示幅 */
.scale_sel {
	width: 90px;
	
}

/* 地図移動select表示幅 */
.jump_sel {
	width: 120px;
}

/*********************************
 * 地図表示部のスタイル
 *********************************/

 /* 地図と複数選択等が含まれるDIV */
#mapBody {
	/* height: calc(100vh - 60px - 6px); */
	height: 100%;
}

/* 地図表示領域 - 外側DIV */
#mapView {
	height: 100%;
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

/* 地図表示領域 - フレーム */
#mapPrevframe {
	height: 100%;
	width: 100%;
	border: 0px;
	/* height: calc(100% - 1px);
	width: calc(100% - 2px);
	border-color: darkgray;
	border-style: solid;
	border-width: 0px 1px 1px 1px; */
}

/* 地図表示領域 複数選択画面表示中 */
#mapView.showMultiSelector {
	width: calc(100% - 270px);
}

/* 地図表示領域 旅行時間集計表示中 */
#mapView.showTripTimeList {
	width: calc(100% - 370px);
}

/* 地図表示領域 メモ一覧画面表示中 */
#mapView.showMemoList {
	width: calc(100% - 370px);
}

/* ---------------------　*/
/* 複数選択画面 - フレーム */
.multiSelectorFrame {
	height: 100%;
	border: 0px;
}

/* 複数選択画面 - 外側div */
.multiSelector {
	display: none;
	height: 100%;
	width: 265px;
	vertical-align: top;
}

/* 複数選択画面 - 表示状態指定 */
.multiSelector.showMultiSelector {
	display: inline-block;
}

/* ---------------------　*/
/* 旅行時間集計 - フレーム */
.tripTimeListFrame {
	height: 100%;
	width: 370px;
	border: 0px;
}
/* 旅行時間集計 - 外側div */
.tripTimeList {
	display: none;
	height: 100%;
	width: 365px;
	vertical-align: top;
}

/* 旅行時間集計 - 表示状態指定 */
.tripTimeList.showTripTimeList {
	display: inline-block;
}

/* ---------------------　*/
/* メモ一覧画面 - フレーム */
.memoListFrame {
	height: 100%;
	width: 370px;
	border: 0px;
}
/* メモ一覧画面 - 外側div */
.memoList {
	display: none;
	height: 100%;
	width: 365px;
	vertical-align: top;
}

/* メモ一覧画面 - 表示状態指定 */
.memoList.showMemoList {
	display: inline-block;
}


#regCommandBar {
	display: none;
	font-size: 10pt;
	padding: 1px 0px 1px 50px;
	height: 26px;
	border-color: darkgray;
	border-style: solid;
	border-width: 0px 1px;
}

#regCommandBar.showRegCommandBar {
	display: block;
}

#mapBody.showRegCommandBar {
	height: calc(100vh - 60px - 6px - 26px)
}

#probeCommandBar {
	display: none;
	font-size: 10pt;
	padding: 1px 0px 1px 5px;
	height: 26px;
	border-color: darkgray;
	border-style: solid;
	border-width: 0px 1px;
}

#probeCommandBar.showProbeCommandBar {
	display: block;
}

#mapBody.showProbeCommandBar {
	height: calc(100vh - 60px - 6px - 26px)
}