/*
 * Bootstrapのリセット（スマホサイズでの崩れ回避用）
 */
.col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%;}
.col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%;}
.col-md-3 { flex: 0 0 25%; max-width: 25%;}
.col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%;}
.col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%;}
.col-md-6 { flex: 0 0 50%; max-width: 50%;}
.col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%;}
.col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%;}
.col-md-9 { flex: 0 0 75%; max-width: 75%;}
.col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%;}
.col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%;}
.col-md-12 { flex: 0 0 100%; max-width: 100%;}



/*
 * layout
 */
html {
  overflow-y: scroll;
  font-size: 14px;
}

body {
	padding-top: 75px;
}

main {
	min-width: 1240px;
	width: 100%;
}

#display_mask {
	position: absolute;
	top: 0;
	width: 100vw;
	height: 100vh;
	background: #F5F5F5;
	z-index: 9999;
}



/* page */
.page-title {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.page-title h2 {
	border-bottom: 0;
}
.page-title .right {
	text-align: right;
}
.page-title .right .btn {
	min-width: 120px;
}

/* global-header */
.global-header {
	width: 100%;
	height: 60px;
	background-color: #0082BD;
	position: fixed;
	top: 0;
	left: 0;
	padding: 0 20px;
	z-index: 4;
}
.global-header-inner {
	min-width: 810px; /* ヘッダー横幅の最小値 */
	display: flex;
	justify-content: space-between;
}
.global-header-logo {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
}
.global-header-navi {
	margin: 0;
	padding: 0;
	display: flex;
	list-style-type: none;
}
.global-header .global-header-item-ellipsis {
	display: none;
}
@media screen and (max-width: 930px) {
	.global-header .global-header-item-collapse {
		display: none;
	}
	.global-header .global-header-item-ellipsis {
		display: block;
	}
}
/* header text,icon共通 */
.global-header-item.active .global-header-link,
.global-header-item.show .global-header-link,
.global-header-item .global-header-link:hover {
	color: #F8AB29;
	text-decoration: none;
}
.global-header-link {
	padding: 0 12px;
	color: #fff;
	font-size: 16px;
	line-height: 1.1;
	font-weight: 700;
	height: 60px;
	position: relative;
	z-index: 1;
	transition: 0.15s;
}
/* header text */
.text-nav {
	margin-right: auto;
	margin-left: 20px;
}
.text-nav .global-header-item {
	position: relative;
	height: 100%;
}
.text-nav .global-header-item::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
	background-color: #F8AB29;
	opacity: 0;
}
.text-nav .global-header-item.active::after {
	opacity: 1;
}
.text-nav .global-header-link {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
html[lang="en"] .text-nav .global-header-link {
	font-size: 13px;
}
.text-nav .global-header-label {
	display: block;
}
.text-nav .dropdown-toggle::after {
	margin-left: 2px;
	margin-top: 10px;
}
/* header icon */
.icon-nav .global-header-item {
	display: flex;
}
.icon-nav .global-header-link {
	padding: 14px 14px 14px 16px;
	position: relative;
}
.icon-nav .global-header-link::after {
	position: absolute;
	bottom: 14px;
}
/* header ellipsis */
.global-header-item-ellipsis .dropdown-toggle::after {
	content: none;
}
.global-header-item-ellipsis .global-header-link {
	padding: 0 15px;
}
.global-header-item-ellipsis .dropdown-toggle .global-header-label {
	width: 24px;
	height: 24px;
	position: relative;
}
.global-header-item-ellipsis .dropdown-toggle .global-header-label span {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 6px;
	height: 6px;
	background-color: #fff;
	border-radius: 9999px;
}
.global-header-item-ellipsis.show .global-header-link .global-header-label span,
.global-header-item-ellipsis .global-header-link:hover .global-header-label span {
	background-color: #F8AB29;
}
.global-header-item-ellipsis .dropdown-toggle .global-header-label span:nth-child(1) {
	top: 0;
}
.global-header-item-ellipsis .dropdown-toggle .global-header-label span:nth-child(2) {
	top: 9px;
}
.global-header-item-ellipsis .dropdown-toggle .global-header-label span:nth-child(3) {
	bottom: 0;
}
.global-header-item-ellipsis .dropdown-menu .dropdown-item.parent {
	font-weight: bold;
}
.global-header-item-ellipsis .dropdown-menu .dropdown-item.child {
	padding-left: 2em;
	padding-right: 2em;
}

/* nav-container */
.nav-container {
	/* background: #E9ECEF; */
	/* margin-bottom: 10px; */
}
	.nav-container .jumbotron {
		/* padding: 20px 0 0 0; */
		padding: 0;
		margin-bottom: 0;
		width: 100%;
		background-color: transparent;
	}
	.nav-container .inner {
		padding-top: 20px;
		margin-top: 15px;
		padding: 12px 20px 15px;
		background-color: #F7F7F6;
		border-radius: 6px;
	}
	.nav-container .nav-footer {
		text-align: center;
		line-height: 100%;
		padding: 0;
    	min-height: 20px;
    	visibility: hidden;
	}
		.nav-container .nav-footer a {
			padding: 0 40px;
			line-height: 100%;
		}

		.nav-container .nav-footer a.show-btn {
			padding: 0 40px;
			line-height: 100%;
			display: none;
		}
		.nav-container a.nav-link {
			color: #000000;
		}.nav-container a.nav-link.active {
			background-color: #ffffff;
			border-color: #ffffff;
		}
		.nav-container .tab-content{
			padding: 10px 20px 0 20px;
			margin-bottom: 10px;
			background-color: #ffffff;
		}
.nav-container .jumbotron .form-group {
	margin: 0;
}
.nav-container .jumbotron .form-row + .form-row {
	margin-top: 12px;
}
.nav-container .jumbotron .detail-search {
	margin-top: 10px;
	display: none;
}

/* date-hyphen */
.date-hyphen {
	position: relative;
	margin: 6px 8px;
	width: 10px;
	height: 1px;
}
.date-hyphen:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 1px;
	background-color: #333;
}

/* search-tabs-wrap */
.search-tabs-wrap {
	display: flex;
	align-items: flex-end;
	margin-bottom: 4px;
}
.search-tabs-content {
	width: 90%;
}
.search-tabs-wrap .search-btn {
	margin-left: auto;
	width: 8.333333%;
}
/* search-tabs */
.nav-container .search-tabs {
	margin-top: 8px;
	border-bottom: #C9CCD4 1px solid;
}
.nav-container .search-tabs .nav-item {
	margin-right: 8px;
}
.nav-container .search-tabs .nav-link {
	background-color: #F7F7F6;
	border: #C9CCD4 1px solid;
	/* border-bottom: 0; */
	border-radius: 4px 4px 0 0;
	color: #ccc;
	padding: 12px 16px;
	font-size: 14px;
	line-height: 1;
	font-weight: normal;
	position: relative;
	transition: 0.15s;
}
.nav-container .search-tabs .nav-link:after {
	content: none;
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #fff;
	transition: 0.15s;
}
.nav-container .search-tabs .nav-link.active {
	background-color: #fff;
	border: #C9CCD4 1px solid;
	/* border-bottom: 0; */
	color: #333;
	font-weight: bold;
}
.nav-container .search-tabs .nav-link.active:after {
	content: '';
}
.nav-container .search-tabs .nav-link:hover {
	color: #333;
}
/* search-tab-content */
.nav-container .search-tab-content {
	padding-bottom: 10px;
	margin-bottom: 0;
	border-radius: 0 0 4px 4px;
	border: #C9CCD4 1px solid;
	border-top: 0;
}
.nav-container .search-tab-content .tab-pane {
}

/* pagination */
.pagination-continer {
	/* display: inline-block; */
	width: auto;
	/* width: 320px; */
	margin: 0 auto 5px auto;
	align-items: center;
}
	.pagination-continer nav {
		display: inline-block !important;
	}

/* list-limit */
.list-limit-wrap {
	display: flex;
	align-items: center;
}
.list-limit-wrap p {
	margin: 0;
	padding: 0;
	margin-right: 4px;
	color: #333;
	font-size: 80%;
	line-height: 1;
	white-space: nowrap;
}
.list-limit-wrap span {
}

/* page-link */
.page-link {
	width: 60px;
	height: 32px;
	font-size: 0;
	line-height: 0;
	position: relative;
	border: #888 1px solid;
	transition:
		background-color .15s ease-in-out,
		border-color .15s ease-in-out;
}
.page-link:hover {
	border-color: #505050;
	background-color: #F2F2F2;
}
.page-link::before {
	content: '';
	position: absolute;
	width: 7px;
	height: 14px;
	top: calc(50% - 7px);
	left: calc(50% - 6px);
	transform: translate(50%);
	background: url('./../images/common/icon/pagelink_black.svg') no-repeat 0 0 / 100% auto;
}
.page-link.language-page_nation_prev::before {
	left: calc(50% - 8px);
	transform: translate(50%) rotate(180deg);
}
.page-item.disabled .page-link.language-page_nation_next::before,
.page-item.disabled .page-link.language-page_nation_prev::before {
	background-image: url('./../images/common/icon/pagelink_gray.svg');
}

/* limit-info */
.limit-info {
	color: #333;
	font-size: 16px;
}

/* message */
.message-continer {
	margin: 0;
	padding: 0;
	margin-top: 1rem;
}
.message-continer .alert {
	margin: 0;
	padding: 0;
	padding: 15px 20px;
	color: #333;
	font-size: 14px;
	line-height: 1.5;
	font-weight: bold;
	background-color: #FAE9E9;
	border: #D53030 1px solid;
}

/* form */
.input-form label {
	margin-bottom: 5px;
	color: #666;
	font-size: 12px;
	line-height: 1.2;
	font-weight: bold;
}
#upload_form label.file-input {
	color: #FFFFFF;
	font-size: 14px;
	background-color: #6c757d;
	padding: 6px 10px;
	border-radius: 5px;
	cursor: pointer;
}
#upload_form label.file-input input {
	display: none;
}
.select2-container--bootstrap4 .select2-selection__clear {
	padding-left: 0.1em;
	line-height: 1.125em;
}
select.form-control {
	padding-right: 20px;
  background-image:
    linear-gradient(45deg, transparent 50%, #333 60%),
    linear-gradient(135deg, #333 40%, transparent 50%) !important;
  background-position:
    calc(100% - 12px) 14px,
    calc(100% - 7px) 14px,
    100% 0;
  background-size:
    5px 5px,
    5px 5px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* datepicker */
img.ui-datepicker-trigger {
	cursor: pointer;
	margin-left: 7px !important;
	vertical-align: middle;
}

/* modal-dialog */
.modal-dialog .modal-header {
  background: #222222;
  color: #FFFFFF;
}
.modal-dialog .modal-body {
  background: #E9ECEF;
}
.modal-dialog .modal-body table th,
.modal-dialog .modal-body table td {
  padding: 5px 10px;
}
.modal-dialog .modal-body table th {
	width: 45%;
	font-weight: normal !important;
	color: #EEEEEE;
	background: #52565c;
}
.modal-dialog .modal-body .bootstrap-datetimepicker-widget table th {
  width: 20px;
	padding: 0.5em;
}
.modal-dialog .modal-body .bootstrap-datetimepicker-widget table td {
	padding: 0.5em;
}
.modal-dialog .modal-body .bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}
.modal-dialog .modal-body table td {
	background: #FFFFFF;
}

/* modal-loading */
#loading_modal .modal-dialog {
	width: 100px !important;
	height: 100px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

#loading_modal .modal-content {
	height: 100px !important;
}

#loading_modal img {
	width: 100%;
}

/* form */
.input-form .form-info {
  padding-bottom: 8px;
  margin-bottom: 20px;
  border-bottom: #BBBBBB solid 1px;
}
.input-form.form-control.error {
  border: #CC0000 solid 1px;
}
.input-form label .badge {
  margin-left: 10px;
}

/* dropdown-menu */
.dropdown-menu {
	padding: 0;
	border: #666 2px solid;
	border-radius: 4px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	min-width: 180px;
}
.dropdown-item {
	color: #333;
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: .05em;
	padding: 10px 14px 11px;
	transition: 0.15s;
}
.dropdown-item + .dropdown-item {
	border-top: #ddd 1px solid;
}
.dropdown-item.active {
	color: #fff;
	background-color: #F8AB29;
}
span.dropdown-item:hover {
	background-color: transparent;
}
a.dropdown-item:hover {
	background-color: #F2F2F2;
}
span.dropdown-item:active,
a.dropdown-item:active {
	color: #333;
}
.dropdown-item.active:hover,
a.dropdown-item.active:active {
	color: #fff;
	background-color: #F8AB29;
}

/* breadcrumb */
.breadcrumb {
	padding: 0;
	margin: 0;
	border-radius: 0;
	background-color: transparent;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 25px;
}
.breadcrumb-item,
.breadcrumb-title {
	font-size: 12px;
	line-height: 1.2;
}
.breadcrumb-item a {
	color: #0082BD;
	text-decoration: underline;
}
.breadcrumb-item a:hover {
	text-decoration: none;
}
.breadcrumb-title span,
.breadcrumb-item span {
	color: #333;
	font-weight: bold;
}
.breadcrumb-item+.breadcrumb-item {
	position: relative;
	padding-left: 21px;
	margin-left: 15px;
}
.breadcrumb-item+.breadcrumb-item::before {
	content: '';
	position: absolute;
	top: calc(50% - -1px);
	left: 0;
	transform: translateY(-50%);
	width: 6px;
	height: 10px;
	background: url('./../images/common/icon/arrow-line_gray02.svg') no-repeat 0 0 / 6px 10px;
}
.breadcrumb-title::after {
	content: ':';
	margin-left: 7px;
	margin-right: 10px;
}

/* notes */
.notes {
	padding: 16px;
	background-color: #F7F7F6;
	border-radius: 6px;
	margin-bottom: 24px;
}
.notes-title {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 16px;
	line-height: 1.2;
	font-weight: bold;
}
.notes-list {
	margin: 0;
	padding: 0;
	margin: 0.5em 0 0;
	padding-left: 1.4em;
}
.notes-list li {
	color: #333;
	font-size: 14px;
	line-height: 1.5;
}
.notes-list li+li {
	margin-top: 0.5em;
}

/* modal */
.modal-backdrop {
	background: rgba(0,0,0,0.7);
}
.modal-backdrop.show {
	opacity: 1;
}
.modal-header {
	padding: 0;
	border: 0;
}
.modal-title {
	padding: 1rem 0 1rem 50px;
}
.modal-header .close {
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	opacity: 1;
	width: 50px;
	height: 50px;
	background: url('./../images/common/icon/close_white.svg') no-repeat 50% 50% / 16px 16px;
	transition: opacity 0.15s;
	overflow: hidden;
}
.modal-header .close:hover {
	opacity: .8;
}
#edit_modal,
#error_list_modal,
#confirm_modal,
#device_shadow_output_modal,
#delete_modal,
#alert_modal,
#alert_static_modal,
#map_select_modal,
#map_choose_route_modal,
#map_change_position_modal,
#map_info_modal,
#map_info_edit_modal,
#plan_info_modal,
#plan_info_edit_modal,
#start_image_during_teaching_modal,
#start_position_edit_modal,
#regist_modal,
#map_regist_modal,
#point_info_edit_modal,
#point_bulk_edit_modal,
#setting_modal,
#version_info_modal {
	height: calc(100% - 25px);
}
#map_select_modal,
#map_choose_route_modal,
#map_change_position_modal {
	overflow-x: scroll;
}
#edit_modal .modal-dialog,
#error_list_modal .modal-dialog,
#map_info_modal .modal-dialog,
#map_info_edit_modal .modal-dialog,
#plan_info_modal .modal-dialog,
#plan_info_edit_modal .modal-dialog,
#start_image_during_teaching_modal .modal-dialog,
#start_position_edit_modal .modal-dialog,
#regist_modal .modal-dialog,
#map_regist_modal .modal-dialog,
#point_info_edit_modal .modal-dialog,
#point_bulk_edit_modal .modal-dialog,
#setting_modal .modal-dialog,
#version_info_modal .modal-dialog {
	max-width: 600px;
	margin-top: 25px;
	margin-bottom: 0;
}
#map_select_modal .modal-dialog,
#map_choose_route_modal .modal-dialog,
#map_change_position_modal .modal-dialog {
	width: 1000px;
	max-width: 100%;
	margin-top: 25px;
	margin-bottom: 0;
}
#map_select_modal .modal-dialog {
	width: 1000px;
	max-width: 1000px;
}
#map_choose_route_modal .modal-dialog {
	width: 1200px;
	max-width: 1200px;
}
#map_change_position_modal .modal-dialog {
	width: 760px;
	max-width: 760px;
}
#confirm_modal .modal-dialog,
#alert_modal .modal-dialog,
#alert_static_modal .modal-dialog,
#device_shadow_output_modal .modal-dialog,
#delete_modal .modal-dialog {
	width: 600px;
	margin-top: 25px;
	margin-bottom: 0;
	/* margin-top: auto;
	margin-bottom: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); */
}
#confirm_modal .modal-dialog {
	width: 500px;
}
#device_shadow_output_modal .modal-dialog {
	width: 700px;
}
#edit_modal .modal-content,
#error_list_modal .modal-content,
#confirm_modal .modal-content,
#device_shadow_output_modal .modal-content,
#delete_modal .modal-content,
#alert_modal .modal-content,
#alert_static_modal .modal-content,
#setting_modal .modal-content,
#version_info_modal .modal-content {
	border-radius: 6px;
}
#edit_modal .modal-dialog .modal-header,
#error_list_modal .modal-dialog .modal-header,
#confirm_modal .modal-dialog .modal-header,
#device_shadow_output_modal .modal-dialog .modal-header,
#delete_modal .modal-dialog .modal-header,
#alert_modal .modal-dialog .modal-header,
#alert_static_modal .modal-dialog .modal-header,
#map_select_modal .modal-dialog .modal-header,
#map_choose_route_modal .modal-dialog .modal-header,
#map_change_position_modal .modal-dialog .modal-header,
#map_info_modal .modal-dialog .modal-header,
#map_info_edit_modal .modal-dialog .modal-header,
#plan_info_modal .modal-dialog .modal-header,
#plan_info_edit_modal .modal-dialog .modal-header,
#start_image_during_teaching_modal .modal-dialog .modal-header,
#start_position_edit_modal .modal-dialog .modal-header,
#regist_modal .modal-dialog .modal-header,
#map_regist_modal .modal-dialog .modal-header,
#point_info_edit_modal .modal-dialog .modal-header,
#point_bulk_edit_modal .modal-dialog .modal-header,
#setting_modal .modal-dialog .modal-header,
#version_info_modal .modal-dialog .modal-header {
	background-color: #0082BD;
}
#edit_modal .modal-dialog .modal-header .modal-title,
#error_list_modal .modal-dialog .modal-header .modal-title,
#confirm_modal .modal-dialog .modal-header .modal-title,
#device_shadow_output_modal .modal-dialog .modal-header .modal-title,
#delete_modal .modal-dialog .modal-header .modal-title,
#alert_modal .modal-dialog .modal-header .modal-title,
#alert_static_modal .modal-dialog .modal-header .modal-title,
#map_select_modal .modal-dialog .modal-header .modal-title,
#map_choose_route_modal .modal-dialog .modal-header .modal-title,
#map_change_position_modal .modal-dialog .modal-header .modal-title,
#map_info_modal .modal-dialog .modal-header .modal-title,
#map_info_edit_modal .modal-dialog .modal-header .modal-title,
#plan_info_modal .modal-dialog .modal-header .modal-title,
#plan_info_edit_modal .modal-dialog .modal-header .modal-title,
#start_image_during_teaching_modal .modal-dialog .modal-header .modal-title,
#start_position_edit_modal .modal-dialog .modal-header .modal-title,
#regist_modal .modal-dialog .modal-header .modal-title,
#map_regist_modal .modal-dialog .modal-header .modal-title,
#point_info_edit_modal .modal-dialog .modal-header .modal-title,
#point_bulk_edit_modal .modal-dialog .modal-header .modal-title,
#setting_modal .modal-dialog .modal-header .modal-title,
#version_info_modal .modal-dialog .modal-header .modal-title {
	color: #fff;
	font-size: 18px;
	line-height: 1.2;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
}
#alert_modal .modal-dialog .modal-header .modal-title .error,
#alert_static_modal .modal-dialog .modal-header .modal-title .error {
	color: #fff !important;
}
#edit_modal .modal-dialog .modal-body,
#error_list_modal .modal-dialog .modal-body,
#confirm_modal .modal-dialog .modal-body,
#device_shadow_output_modal .modal-dialog .modal-body,
#delete_modal .modal-dialog .modal-body,
#alert_modal .modal-dialog .modal-body,
#alert_static_modal .modal-dialog .modal-body,
#map_info_modal .modal-dialog .modal-body,
#map_info_edit_modal .modal-dialog .modal-body,
#plan_info_modal .modal-dialog .modal-body,
#plan_info_edit_modal .modal-dialog .modal-body,
#start_image_during_teaching_modal .modal-dialog .modal-body,
#start_position_edit_modal .modal-dialog .modal-body,
#regist_modal .modal-dialog .modal-body,
#map_regist_modal .modal-dialog .modal-body,
#point_info_edit_modal .modal-dialog .modal-body,
#point_bulk_edit_modal .modal-dialog .modal-body,
#setting_modal .modal-dialog .modal-body,
#version_info_modal .modal-dialog .modal-body {
	background-color: #fff;
	padding: 30px 50px;
}
#map_select_modal .modal-dialog .modal-body,
#map_choose_route_modal .modal-dialog .modal-body,
#map_change_position_modal .modal-dialog .modal-body {
	background-color: #fff;
	padding: 30px 30px 0 30px;
}
#map_info_modal .modal-dialog .modal-body,
#plan_info_modal .modal-dialog .modal-body,
#version_info_modal .modal-dialog .modal-body {
	padding: 25px 25px 15px;
}
#edit_modal .modal-dialog .modal-body p,
#error_list_modal .modal-dialog .modal-body p,
#confirm_modal .modal-dialog .modal-body,
#device_shadow_output_modal .modal-dialog .modal-body p,
#delete_modal .modal-dialog .modal-body .language-form_msg_delete,
#alert_modal .modal-dialog .modal-body p,
#alert_static_modal .modal-dialog .modal-body p,
#setting_modal .modal-dialog .modal-body p,
#version_info_modal .modal-dialog .modal-body p {
	color: #333;
	font-size: 16px;
	line-height: 1.6;
}
#alert_modal .modal-dialog .modal-body,
#alert_static_modal .modal-dialog .modal-body,
#delete_modal .modal-dialog .modal-body,
#confirm_modal .modal-dialog .modal-body {
	text-align: center;
}
#edit_modal .modal-dialog .modal-body .form-info,
#error_list_modal .modal-dialog .modal-body .form-info,
#confirm_modal .modal-dialog .modal-body .form-info,
#device_shadow_output_modal .modal-dialog .modal-body .form-info,
#delete_modal .modal-dialog .modal-body .form-info,
#alert_modal .modal-dialog .modal-body .form-info,
#alert_static_modal .modal-dialog .modal-body .form-info,
#map_info_edit_modal .modal-dialog .modal-body .form-info,
#plan_info_edit_modal .modal-dialog .modal-body .form-info,
#start_position_edit_modal .modal-dialog .modal-body .form-info,
#regist_modal .modal-dialog .modal-body .form-info,
#map_regist_modal .modal-dialog .modal-body .form-info,
#point_info_edit_modal .modal-dialog .modal-body .form-info,
#point_bulk_edit_modal .modal-dialog .modal-body .form-info,
#setting_modal .modal-dialog .modal-body .form-info,
#version_info_modal .modal-dialog .modal-body .form-info {
	margin: 0 0 30px;
	padding: 0 0 20px;
	color: #333;
	font-size: 16px;
	line-height: 1.2;
	border-bottom: #CCC 1px solid;
}
#edit_modal .modal-dialog .modal-body .form-group,
#error_list_modal .modal-dialog .modal-body .form-group,
#confirm_modal .modal-dialog .modal-body .form-group,
#device_shadow_output_modal .modal-dialog .modal-body .form-group,
#delete_modal .modal-dialog .modal-body .form-group,
#alert_modal .modal-dialog .modal-body .form-group,
#alert_static_modal .modal-dialog .modal-body .form-group,
#map_info_edit_modal .modal-dialog .modal-body .form-group,
#plan_info_edit_modal .modal-dialog .modal-body .form-group,
#start_position_edit_modal .modal-dialog .modal-body .form-group,
#regist_modal .modal-dialog .modal-body .form-group,
#map_regist_modal .modal-dialog .modal-body .form-group,
#point_info_edit_modal .modal-dialog .modal-body .form-group,
#point_bulk_edit_modal .modal-dialog .modal-body .form-group,
#setting_modal .modal-dialog .modal-body .form-group,
#version_info_modal .modal-dialog .modal-body .form-group {
	margin: 0;
}
#edit_modal .modal-dialog .modal-body .form-group + .form-group,
#error_list_modal .modal-dialog .modal-body .form-group + .form-group,
#confirm_modal .modal-dialog .modal-body .form-group + .form-group,
#device_shadow_output_modal .modal-dialog .modal-body .form-group + .form-group,
#delete_modal .modal-dialog .modal-body .form-group + .form-group,
#alert_modal .modal-dialog .modal-body .form-group + .form-group,
#alert_static_modal .modal-dialog .modal-body .form-group + .form-group,
#map_info_edit_modal .modal-dialog .modal-body .form-group + .form-group,
#plan_info_edit_modal .modal-dialog .modal-body .form-group + .form-group,
#regist_modal .modal-dialog .modal-body .form-group + .form-group,
#map_regist_modal .modal-dialog .modal-body .form-group + .form-group,
#point_info_edit_modal .modal-dialog .modal-body .form-group + .form-group,
#point_bulk_edit_modal .modal-dialog .modal-body .form-group + .form-group,
#setting_modal .modal-dialog .modal-body .form-group + .form-group,
#version_info_modal .modal-dialog .modal-body .form-group + .form-group {
	margin-top: 20px;
}
#edit_modal .modal-dialog .modal-body .form-group .form-title .item-name,
#error_list_modal .modal-dialog .modal-body .form-group .form-title .item-name,
#confirm_modal .modal-dialog .modal-body .form-group .form-title .item-name,
#device_shadow_output_modal .modal-dialog .modal-body .form-group .form-title .item-name,
#delete_modal .modal-dialog .modal-body .form-group .form-title .item-name,
#alert_modal .modal-dialog .modal-body .form-group .form-title .item-name,
#alert_static_modal .modal-dialog .modal-body .form-group .form-title .item-name,
#map_info_edit_modal .modal-dialog .modal-body .form-group .form-title .item-name,
#plan_info_edit_modal .modal-dialog .modal-body .form-group .form-title .item-name,
#regist_modal .modal-dialog .modal-body .form-group .form-title .item-name,
#map_regist_modal .modal-dialog .modal-body .form-group .form-title .item-name,
#point_info_edit_modal .modal-dialog .modal-body .form-group .form-title .item-name,
#point_bulk_edit_modal .modal-dialog .modal-body .form-group .form-title .item-name,
#setting_modal .modal-dialog .modal-body .form-group .form-title .item-name,
#version_info_modal .modal-dialog .modal-body .form-group .form-title .item-name {
	color: #333;
}
#edit_modal .modal-dialog .modal-body .form-group .form-title .badge,
#error_list_modal .modal-dialog .modal-body .form-group .form-title .badge,
#confirm_modal .modal-dialog .modal-body .form-group .form-title .badge,
#device_shadow_output_modal .modal-dialog .modal-body .form-group .form-title .badge,
#delete_modal .modal-dialog .modal-body .form-group .form-title .badge,
#alert_modal .modal-dialog .modal-body .form-group .form-title .badge,
#alert_static_modal .modal-dialog .modal-body .form-group .form-title .badge,
#map_info_edit_modal .modal-dialog .modal-body .form-group .form-title .badge,
#plan_info_edit_modal .modal-dialog .modal-body .form-group .form-title .badge,
#regist_modal .modal-dialog .modal-body .form-group .form-title .badge,
#map_regist_modal .modal-dialog .modal-body .form-group .form-title .badge,
#point_info_edit_modal .modal-dialog .modal-body .form-group .form-title .badge,
#point_bulk_edit_modal .modal-dialog .modal-body .form-group .form-title .badge,
#setting_modal .modal-dialog .modal-body .form-group .form-title .badge,
#version_info_modal .modal-dialog .modal-body .form-group .form-title .badge {
	margin-left: 10px;
	padding: 3px 5px;
	color: #D53030;
	font-size: 10px;
	line-height: 1;
	font-weight: bold;
	background-color: #fff;
	border: #D53030 1px solid;
	border-radius: 2px;
}
#edit_modal .modal-dialog .modal-body .form-group .form-content,
#error_list_modal .modal-dialog .modal-body .form-group .form-content,
#confirm_modal .modal-dialog .modal-body .form-group .form-content,
#device_shadow_output_modal .modal-dialog .modal-body .form-group .form-content,
#delete_modal .modal-dialog .modal-body .form-group .form-content,
#alert_modal .modal-dialog .modal-body .form-group .form-content,
#alert_static_modal .modal-dialog .modal-body .form-group .form-content,
#map_info_edit_modal .modal-dialog .modal-body .form-group .form-content,
#plan_info_edit_modal .modal-dialog .modal-body .form-group .form-content,
#regist_modal .modal-dialog .modal-body .form-group .form-content,
#map_regist_modal .modal-dialog .modal-body .form-group .form-content,
#point_info_edit_modal .modal-dialog .modal-body .form-group .form-content,
#point_bulk_edit_modal .modal-dialog .modal-body .form-group .form-content,
#setting_modal .modal-dialog .modal-body .form-group .form-content,
#version_info_modal .modal-dialog .modal-body .form-group .form-content {
	margin-top: 10px;
}
#device_shadow_output_modal .modal-dialog .modal-body .form-group .form-content-datepicker {
	display: flex;
	margin-top: 10px;
}
#device_shadow_output_modal .modal-dialog .modal-body .form-group .form-content-datepicker {
	display: flex;
}
#device_shadow_output_modal .modal-dialog .modal-body .form-group .form-content-datepicker #datepicker-start-ds_dounload_from_date {
	width: 25%;
	margin-right: 2%;
}
#device_shadow_output_modal .modal-dialog .modal-body .form-group .form-content-datepicker #datepicker-ds_dounload_from_time {
	width: 20%;
	margin-right: 2%;
}
#device_shadow_output_modal .modal-dialog .modal-body .form-group .form-content-datepicker #datepicker-end-ds_dounload_to_date {
	width: 25%;
	margin-right: 2%;
}
#device_shadow_output_modal .modal-dialog .modal-body .form-group .form-content-datepicker #datepicker-ds_dounload_to_time {
	width: 20%;
}
#device_shadow_output_modal .modal-dialog .modal-body .form-group .form-content-datepicker .date-hyphen {
	width: 4%;
}
#edit_modal .modal-dialog .modal-body .form-group .form-content .checkbox,
#error_list_modal .modal-dialog .modal-body .form-group .form-content .checkbox,
#confirm_modal .modal-dialog .modal-body .form-group .form-content .checkbox,
#device_shadow_output_modal .modal-dialog .modal-body .form-group .form-content .checkbox,
#delete_modal .modal-dialog .modal-body .form-group .form-content .checkbox,
#alert_modal .modal-dialog .modal-body .form-group .form-content .checkbox,
#alert_static_modal .modal-dialog .modal-body .form-group .form-content .checkbox,
#setting_modal .modal-dialog .modal-body .form-group .form-check-label .checkbox,
#version_info_modal .modal-dialog .modal-body .form-group .form-check-label .checkbox {
	margin-bottom: 0;
	color: #333;
	font-size: 14px;
	font-weight: normal;
}
#edit_modal .modal-dialog .modal-body .form-group .form-content .checkbox span,
#error_list_modal .modal-dialog .modal-body .form-group .form-content .checkbox span,
#confirm_modal .modal-dialog .modal-body .form-group .form-content .checkbox span,
#device_shadow_output_modal .modal-dialog .modal-body .form-group .form-content .checkbox span,
#delete_modal .modal-dialog .modal-body .form-group .form-content .checkbox span,
#alert_modal .modal-dialog .modal-body .form-group .form-content .checkbox span,
#alert_static_modal .modal-dialog .modal-body .form-group .form-content .checkbox span,
#setting_modal .modal-dialog .modal-body .form-group .form-check-label .checkbox span,
#version_info_modal .modal-dialog .modal-body .form-group .form-check-label .checkbox span {
	vertical-align: 3px;
}
#edit_modal .modal-dialog .modal-body .form-group .form-content input[type="checkbox"],
#error_list_modal .modal-dialog .modal-body .form-group .form-content input[type="checkbox"],
#confirm_modal .modal-dialog .modal-body .form-group .form-content input[type="checkbox"],
#device_shadow_output_modal .modal-dialog .modal-body .form-group .form-content input[type="checkbox"],
#delete_modal .modal-dialog .modal-body .form-group .form-content input[type="checkbox"],
#alert_modal .modal-dialog .modal-body .form-group .form-content input[type="checkbox"],
#alert_static_modal .modal-dialog .modal-body .form-group .form-content input[type="checkbox"],
#setting_modal .modal-dialog .modal-body .form-group .form-check-label input[type="checkbox"],
#version_info_modal .modal-dialog .modal-body .form-group .form-check-label input[type="checkbox"] {
	margin: 0;
	width: 18px;
	height: 18px;
	background-color: #FAFAFA;
	border: #C9C9C9 1px solid;
	border-radius: 4px;
	margin-right: 2px;
}
#setting_modal .modal-dialog .modal-body .form-group .form-check-label .language {
  color: #333;
  font-size: 14px;
  line-height: 1.2;
  padding-left: 26px;
}
#start_position_edit_modal .modal-dialog .modal-body .form-group .form-check {
  margin-bottom: 10px;
  padding-left: 1.5rem;
}
#start_position_edit_modal .modal-dialog .modal-body .form-group .form-check:last-child {
  margin-bottom: 0;
}
#start_position_edit_modal .modal-dialog .modal-body .form-group .form-check-label {
  color: #333;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0;
}
#start_position_edit_modal .modal-dialog .modal-body .form-group .form-check-input {
  bottom: 3px;
  height: 14px;
  width: 14px;
  margin-left: -1.5rem;
}
#edit_modal .modal-dialog .modal-footer,
#error_list_modal .modal-dialog .modal-footer,
#confirm_modal .modal-dialog .modal-footer,
#device_shadow_output_modal .modal-dialog .modal-footer,
#delete_modal .modal-dialog .modal-footer,
#alert_modal .modal-dialog .modal-footer,
#alert_static_modal .modal-dialog .modal-footer,
#map_select_modal .modal-dialog .modal-footer,
#map_choose_route_modal .modal-dialog .modal-footer,
#map_change_position_modal .modal-dialog .modal-footer,
#map_info_modal .modal-dialog .modal-footer,
#map_info_edit_modal .modal-dialog .modal-footer,
#plan_info_modal .modal-dialog .modal-footer,
#plan_info_edit_modal .modal-dialog .modal-footer,
#start_image_during_teaching_modal .modal-dialog .modal-footer,
#start_position_edit_modal .modal-dialog .modal-footer,
#regist_modal .modal-dialog .modal-footer,
#map_regist_modal .modal-dialog .modal-footer,
#point_info_edit_modal .modal-dialog .modal-footer,
#point_bulk_edit_modal .modal-dialog .modal-footer,
#setting_modal .modal-dialog .modal-footer,
#version_info_modal .modal-dialog .modal-footer {
	padding: 16px;
	border-top: #ccc 1px solid;
	justify-content: center;
	position: sticky;
	bottom: 0;
	background: #fff;
}
#map_select_modal .modal-dialog .modal-footer,
#map_choose_route_modal .modal-dialog .modal-footer,
#map_change_position_modal .modal-dialog .modal-footer {
	z-index: 10;
}
#edit_modal .modal-dialog .modal-footer .btn,
#error_list_modal .modal-dialog .modal-footer .btn,
#confirm_modal .modal-dialog .modal-footer .btn,
#device_shadow_output_modal .modal-dialog .modal-footer .btn,
#delete_modal .modal-dialog .modal-footer .btn,
#map_select_modal .modal-dialog .modal-footer .btn,
#map_choose_route_modal .modal-dialog .modal-footer .btn,
#map_change_position_modal .modal-dialog .modal-footer .btn,
#alert_modal .modal-dialog .modal-footer .btn,
#alert_static_modal .modal-dialog .modal-footer .btn,
#map_info_modal .modal-dialog .modal-footer .btn,
#map_info_edit_modal .modal-dialog .modal-footer .btn,
#plan_info_modal .modal-dialog .modal-footer .btn,
#plan_info_edit_modal .modal-dialog .modal-footer .btn,
#start_image_during_teaching_modal .modal-dialog .modal-footer .btn,
#start_position_edit_modal .modal-dialog .modal-footer .btn,
#regist_modal .modal-dialog .modal-footer .btn,
#map_regist_modal .modal-dialog .modal-footer .btn,
#point_info_edit_modal .modal-dialog .modal-footer .btn,
#point_bulk_edit_modal .modal-dialog .modal-footer .btn,
#setting_modal .modal-dialog .modal-footer .btn,
#version_info_modal .modal-dialog .modal-footer .btn {
	width: 160px;
}

/* system_alert_modal */
#system_alert_modal {
	height: 100%;
}
#system_alert_modal .modal-dialog {
	margin: 0 auto;
	/* height: 100vh; */
	margin-bottom: 25px;
}
#system_alert_modal .modal-dialog:first-child {
	margin-top: 25px;
}
#system_alert_modal .modal-dialog .modal-content {
	padding: 35px 35px;
	/* margin-top: 0;
	margin-bottom: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); */
}
#system_alert_modal .modal-dialog .modal-content .modal-body {
	border-radius: 6px;
	background-color: #fff;
	color: #333;
	font-size: 18px;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
}
#system_alert_modal .modal-dialog .modal-content .footer {
	text-align: center;
}

/* delete_modal */
#delete_modal .input-form {
	font-size: 16px;
}

/* loading_modal */
#loading_modal .modal-dialog .modal-body {
	background-color: transparent;
	padding: 0;
}
#loading_modal .modal-content {
	background-color: transparent;
	height: auto;
	border: 0;
}
#loading_modal .modal-loader {
	margin: 0 auto;
	font-size: 18px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	animation: loaderAnime 1.1s infinite ease;
	transform: translateZ(0);
}
@keyframes loaderAnime {
	0%,
	100% { box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); }
	12.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); }
	25% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
	37.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
	50% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
	62.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
	75% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
	87.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff; }
}