@charset "utf-8";
html {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow-y: hidden;
}

body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: rgb(135,142,145);
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust: none;
}

#container {
	/*min-width: 1024px;
	min-height: 581px;*/
	background-color: rgb(252, 252, 252);
	height: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	position: relative;
}

/*--------------------------------------*/
/* ヘッダー ----------------------------*/
/*--------------------------------------*/
#header {
	height: 46px;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color:#11a4d8;
}

#title {
	height: 34px;
	width: 100%;
	display: flex;
	justify-content: space-between;
}

#titleText,#logout {
	height: 34px;
	line-height: 34px;
	margin: 5px 20px 5px 20px;
	float: left;
	font-size: 16px;
	color: rgb(255, 255, 255);
}
#logout {
	cursor: pointer;
}

/*--------------------------------------*/
/* ヘッダー ----------------------------*/
/*--------------------------------------*/
#footer {
	height: 200px;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: rgb(250, 232, 195);
	display:none;
	overflow-x: auto;
}

/*--------------------------------------*/
/* 地図領域 ----------------------------*/
/*--------------------------------------*/
.mapArea {
	width: 100%;
	height: calc(100% - 46px);
	display: flex;
}
.mapAreaNew {
	height: calc(100% - 246px) !important;
}
/*--------------------------------------*/
/* 地図表示領域 -------------------------*/
/*--------------------------------------*/
#map_element {
	position: relative;
}

/*--------------------------------------*/
/* 左パネル ----------------------------*/
/*--------------------------------------*/
.leftPanel {
	width: 340px;
	display: block;
	overflow-y: auto;
	position: relative;
}

.leftpanel_open {
	width: 32px;
	height: 32px;
	background: rgb(255,255,255);
	padding: 0px;
	float: left;
	margin-top: 0px;
	border-radius: 16px;
	/*color: #fff;*/
	z-index: 9999;
	cursor: pointer;
	position: absolute;
	top: 5px;
	left: 10px;
}
/*
#rightarrow {
	display: none;
}
*/
#leftarrow {
	display: none;
}
#rightarrow {
	display: block;
}
.leftpanelclose #leftarrow {
	display: block!important;
}
.leftpanelclose #rightarrow {
	display: none!important;
}

/*--------------------------------------*/
/* 右パネル ----------------------------*/
/*--------------------------------------*/
.rightPanel {
	width: 340px;
	display: block;
	overflow: auto;
}

.rightpanel_open {
	width: 32px;
	height: 32px;
	background: rgb(255,255,255);
	padding: 0px;
	float: right;
	margin-top: 0px;
	border-radius: 16px;
	/*color: #fff;*/
	z-index: 9999;
	cursor: pointer;
	position: absolute;
	top: 5px;
	right: 10px;
}

#right_panel .table th,
#right_panel .table td {
	padding: 0px;
}

/*--------------------------------------*/
/* マスク ------------------------------*/
/*--------------------------------------*/
#mask {
	display:none;
	width:100%;
	height:100%;
	background: rgba(255,255,255,0.8);
	z-index: 99;
   	position: absolute;
    top: 0px;
    left: 0px;
}
#menumask {
	display:none;
	width:100%;
	/*height:100%;*/
	background: rgba(255,255,255,0.8);
	z-index: 99;
   	position: absolute;
    top: 0px;
    left: 0px;
	bottom:0px
}
.mask {
	overflow-y: hidden!important;
}
/* 処理中マスク */
#loading_mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.5);
	border: none;
	display: none;
	pointer-events: none;
}

.loading_icon {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	padding-left : calc((100vw - 64px) / 2);
	width: 64px;
	height: 64px;
	opacity: 0.5;
	border: none;
	pointer-events: auto;
}

/*--------------------------------------*/
/* 左パネル------------------------------*/
/*--------------------------------------*/
.controlArea {
	display : flex;
	margin  : 14px;
	justify-content: space-between;
}

.controlArea div:first-child {
	/*width:120px;*/
	font-size:18px;
}

.controlArea a {
	font-size:18px;
}

.controlArea .editbtn {
	display: none;
}

.controlArea .editbtn svg {
	cursor: pointer;
	transform: scale(calc(16 / 24));
}

.controlArea.emergencyMsg p {
	font-size: 24px;
	color: rgb(255,0,0);
}

#selectdate {
	font-size: 18px;
    height: 20px;
	width: 150px;
}

/* 行の選択色 */
.selected {
	background:#ffc107!important;
}

.controlArea .planmenu {
	display: flex;
}
#planedit,#plandialog,#historydialog {
	cursor: pointer;
}
#planedit {
	margin-right: 10px;
}

/*--------------------------------------*/
/* マーカー ----------------------------*/
/*--------------------------------------*/
.markerPopup {
	width :150px;
	min-height :100px;
}

/*--------------------------------------*/
/* 計画データ --------------------------*/
/*--------------------------------------*/
#plans .table th,
#plans .table td {
	padding: 0px;
}
/*--------------------------------------*/
/* 最近データ --------------------------*/
/*--------------------------------------*/
#recent .table th,
#recent .table td {
	padding: 0px;
}

/*--------------------------------------*/
/* 計画一覧ダイアログ --------------------*/
/*--------------------------------------*/
/*
#datetimepickerf,#datetimepickert {
	display: none;
	position: absolute;
	top: 50px;
}
*/

#planList {
	height: 200px;
    overflow-y: auto;
}

/*--------------------------------------*/
/* 走行履歴一覧ダイアログ ----------------*/
/*--------------------------------------*/
#historyList {
	height: 200px;
    overflow-y: auto;
}
#historyList  a,#historyList  a:hover,#historyList a:visited{
    color: inherit;
}
/*--------------------------------------*/
/* 計画入力関連  ------------------------*/
/*--------------------------------------*/
#plannow_message {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top:50px;
	left:calc(100% / 2);
	background-color: rgba(180,180,180,0.8);
	width:500px;
	height:50px;
	line-height: 50px;
	border-radius: 10px;
}

#plannow_message span {
	display: flex;
    justify-content: center;
    color: rgb(255, 0, 0);
    font-size: x-large;
}
#plannow_message button {
	margin: 5px;
}

#selectPlanDate {
	width:100%;
}



/*--------------------------------------*/
/* 検討中                               */
/*--------------------------------------*/

/*--------------------------------------*/
/* 日報データ --------------------------*/
/*--------------------------------------*/
#footer table {
	border-collapse:separate;
	border-spacing:0;
}
#footer thead {
	position: sticky;
    top: 0;
    z-index: 1;
	background-color: #343a40;
}
#footer .selcol {
	background-color: rgb(255, 0, 0);
	width:100%;
	height:5px;
	margin-top: auto;
	margin-bottom: auto;
	min-width: 20px;
}
#footer .full,#list_body .cntred {
	background-color: rgb(255, 0, 0);
}
#footer .high {
	background-color: rgb(255, 255, 0);
}
#footer th,#footer tr,#footer td {
	border-right:1px dotted gray;
}
#footer thead th:first-child {
	position: sticky;
    left: 0;
	background-color: #343a40;
	min-width: 32px;
	z-index:2;
}
#footer thead th:nth-child(2) {
	position: sticky;
    left: 32px;
	background-color: #343a40;
	z-index:2;
}
#footer tbody th:first-child {
	position: sticky;
    left: 0;
	min-width: 32px;
}
#footer tbody th:nth-child(2) {
	position: sticky;
    left: 32px;
}
#footer tbody tr:nth-child(even) th:first-child,
#footer tbody tr:nth-child(even) th:nth-child(2){
	background-color: #343a40;
}
#footer tbody tr:nth-child(odd)  th:first-child,
#footer tbody tr:nth-child(odd)  th:nth-child(2){
	background-color: #454d55;
}

#footer th {
	min-width: 25px;
}
#dailydownload {
	cursor: pointer;
	font-size: 18px;
	color: #007bff;
}
#dailyreport {
	display: none;
}
#bookList {
	height: 450px;
    overflow-y: auto;
}
/*--------------------------------------*/
/* snap       --------------------------*/
/*--------------------------------------*/
#snap {
	cursor: pointer;
	font-size: 18px;
	color: #007bff;
}

/*--------------------------------------*/
/* bootstrap custam  -------------------*/
/*--------------------------------------*/
/* Switch */
/*
.form-check-input:checked {
    background-color: red;
    border-color: pink;
}

.form-switch .form-check-input {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='red'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='pink'/%3e%3c/svg%3e");
}
*/