.z-pkg-loginView {
  margin: 0;
  padding: 0;
  height: 100%;
}

.z-pkg-loginView > #login-container {
  height: 100%;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 50% 50%;
  -ms-grid-columns: 50% 50%;
  grid-template-rows: auto 120px 1fr 70px;
  -ms-grid-rows: auto 120px 1fr 70px;
}

.z-pkg-loginView-logo {
  grid-column: 1/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-row: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 120px;
}

.z-pkg-loginView-logo > div {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.z-pkg-loginView-logo > div > #pkg_logo, .z-pkg-loginView-logo > div > #pkg_logo2 {
  margin: 0px !important;
  height: 80px !important;
}

.z-pkg-loginView-login-container {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 3/4;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  align-items: center;
}

.z-pkg-loginView-login-container > ul {
  width: 400px;
  height: 240px;
  margin-left: auto;
  margin-right: 30px;
}

.z-pkg-loginView-login-container > ul > li:nth-child(1) {
  margin: 0px 0px 20px 0px;
}

.z-pkg-loginView-login-container > ul > li:nth-child(1) > input {
  background-color: white;
  border: 2px solid #009D96;
  border-radius: 5px;
  font-size: 1.2em;
}

.z-pkg-loginView-login-container > ul > li:nth-child(2) {
  margin: 0px 0px 10px 0px;
}

.z-pkg-loginView-login-container > ul > li:nth-child(2) > input {
  background-color: white;
  border: 2px solid #009D96;
  border-radius: 5px;
  font-size: 1.2em;
}

.z-pkg-loginView-login-container > ul > li:nth-child(3) {
  margin: 0px 0px 20px 0px;
}

.z-pkg-loginView-login-container > ul > li:nth-child(4) {
  margin: 10px 0px 10px 0px;
  padding: 0px 50px 0px 50px;
}

.z-pkg-loginView-login-container > ul > li:nth-child(4) .z_btn_pos {
  width: 100%;
  background-color: #009D96;
  border: 3px solid #fff;
  border-radius: 5px;
  color: #ffffff;
}

.z-pkg-loginView-login-container > div {
  width: 400px;
  margin-left: auto;
  margin-right: 30px;
  text-align: center;
}

.z-pkg-loginView-information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  justify-content: flex-start;
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 3/4;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  margin: auto 30px auto 30px;
  padding: 10px 20px 5px 20px;
  border: 0;
  border-radius: 15px;
  max-height: 600px;
  min-height: 350px;
  height: 95%;
  overflow-y: auto;
  background-color: #ffffff;
  max-width: 700px;
}

.z-pkg-loginView-information > ul > li > img {
  width: 25px;
  height: 25px;
  margin: 0px 10px 0px 0px;
}

.z-pkg-loginView-information > ul > li > span {
  position: relative;
  top: -5px;
}

.z-pkg-loginView-information > ol {
  display: block;
  height: 85%;
  overflow: auto;
  margin: 10px 0px 20px 0px;
}

.z-pkg-loginView-information > ol > li {
  height: 100%;
  list-style: none;
  margin-left: 20px;
  margin-right: 20px;
}

.z-pkg-loginView-information > div {
  text-align: center;
}

.z-pkg-loginView-information > div > .z-pkg-loginView-guide-manual, .z-pkg-loginView-information > div .z-pkg-loginView-guide-invoice, .z-pkg-loginView-information > div .z-pkg-loginView-guide-contact {
  display: inline-block;
}

.z-pkg-loginView-information > div > .z-pkg-loginView-guide-manual > button, .z-pkg-loginView-information > div .z-pkg-loginView-guide-invoice > button, .z-pkg-loginView-information > div .z-pkg-loginView-guide-contact > button {
  width: 160px;
  color: #4eb1ab;
  border: 1px solid #4eb1ab;
  border-radius: 5px;
  height: 35px;
}

.z-pkg-loginView-information > div > .z-pkg-loginView-guide-manual > button:hover, .z-pkg-loginView-information > div .z-pkg-loginView-guide-invoice > button:hover, .z-pkg-loginView-information > div .z-pkg-loginView-guide-contact > button:hover {
  background-color: #4eb1ab;
  color: #fff;
}

#z-pkg-loginView-top {
  grid-column: 1/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  background-color: #FDEADA;
  color: red;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}

.z-pkg-loginView-copyright {
  grid-column: 1/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-row: 4/5;
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  text-align: center;
}

.z-pkg-loginView-copyright > #copyright {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #1B1211;
  margin: 0 !important;
  position: relative;
}

.z-pkg-loginView-copyright > #copyright > span {
  position: absolute;
  right: 10px;
  top: 70%;
  font-size: 10px;
  color: #cecece;
}

.z-pkg-loginView-guide-logo {
  grid-column: 1/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-row: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  flex-direction: column;
  justify-content: center;
  padding: 10px 10px 10px 10px;
}

.z-pkg-loginView-guide-logo > img {
  width: 100%;
}

.z-pkg-loginView-back {
  grid-column: 1/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-row: 3/4;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  background-color: #D3EDE9;
  z-index: -1;
}

#copyright {
  text-align: center;
  width: 100%;
  margin-top: 50px;
  font-size: 12px;
  color: #1B1211;
}

#copyright > span {
  margin-right: 10px;
  text-align: right;
  font-size: 10px;
  color: #cecece;
  float: right;
}

@charset "UTF-8";
/* base */
html {
  font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ',Meiryo,sans-serif;
  font-size: 62.5%;
  color: #333;
}

body {
  font-size: 1.6rem;
}

LI {
  list-style: none;
}

::placeholder {
  color: #CCC;
}

button, A, input, select {
  outline: none;
}

img,
.DTFC_LeftBodyLiner tr,
.dataTables_scrollBody tr {
  content-visibility: auto;
}

/* item_txt */
.emphasis {
  color: #D33;
  font-weight: bold;
}

.aside {
  color: #999;
}

a {
  color: #33C;
}

a:hover {
  text-decoration: none;
  color: #66F;
}

a.emphasis:hover {
  color: #F66;
}

a.aside:hover {
  color: #AAA;
}

.size_l {
  font-size: 1.8rem;
}

.size_s {
  font-size: 1.2rem;
}

/* item_btn */
[class^="z_btn_"] {
  display: inline-block;
  margin: 2px;
  border-radius: 4px;
  padding: 4px 10px;
  text-align: center;
}

[class^="z_btn_"].size_s {
  padding: 3px 5px;
}

[class^="z_btn_"]:disabled {
  pointer-events: none;
  opacity: 0.5;
  background-color: #ccc;
}

.z_btn_pos {
  background-color: #009D96;
  color: #FFF;
}

.z_btn_pos:hover {
  background-color: #4eb1ab;
}

.z_btn_neg {
  background-color: #E66;
  color: #FFF;
}

.z_btn_neg:hover {
  background-color: #F66;
}

.z_btn_cmn {
  background-color: #FFF;
  border: 2px solid #888;
  padding: 2px 8px;
  color: #888;
}

.z_btn_cmn:hover {
  border-color: #666;
  color: #666;
}

.z_btn_cmn.size_s {
  padding: 1px 3px;
}

/* item_tab */
.z_tabmenu {
  display: block;
  position: relative;
  padding: 0 1rem;
  border-bottom: 2px solid #009D96;
}

.z_tabmenu li {
  display: inline-block;
  margin-right: 2px;
}

.z_tabmenu li:last-of-type {
  margin-right: 0;
}

.z_tabmenu li a {
  display: inline-block;
  border: 2px solid #009D96;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  padding: 4px 10px;
  text-decoration: none;
  color: #fff;
}

.z_tabmenu li a:hover, .z_tabmenu li.current a:hover {
  opacity: 0.8;
}

.z_tabmenu li.current a {
  background-color: #009D96;
  color: #fff;
}

.z_tabmenu.size_s {
  border-width: 1px;
}

.z_tabmenu.size_s li {
  margin-right: 1px;
}

.z_tabmenu.size_s li a {
  padding: 1px 4px;
  border-width: 1px;
}

/* item_fom */
.z_txtbox, .z_sbox, .z_pwd, .z_selbox {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 3px 6px;
  background-color: #F0F0F0;
  color: #333;
}

.z_selbox {
  position: relative;
}

.z_selbox select {
  color: #333;
}

.z_radbtn, .z_chkbox {
  display: none;
}

.z_radbtn + label, .z_chkbox + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}

.z_radbtn + label:before,
.z_chkbox + label:before {
  content: " ";
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 6px;
  margin-top: -9px;
  border: 1px solid #333;
  border-radius: 4px;
  background-color: #ffffff;
}

.z_radbtn + label:before {
  border-radius: 50%;
}

.z_radbtn:checked + label:after,
.z_chkbox:checked + label:after {
  content: " ";
  display: inline-block;
  position: absolute;
}

.z_radbtn:checked + label:after {
  width: 8px;
  height: 8px;
  top: 50%;
  left: 11px;
  margin-top: -4px;
  border-radius: 4px;
  background-color: #009D96;
}

.z_chkbox:checked + label:after {
  width: 8px;
  height: 12px;
  transform: rotate(40deg);
  top: 50%;
  left: 11px;
  margin-top: -8px;
  border-width: 0 3px 3px 0;
  border-style: solid;
  border-color: #009D96;
}

/* item_lst */
.z_list {
  border: 1px solid #009D96;
  border-bottom: none;
}

.z_list dt, .z_list dd {
  display: block;
  border-bottom: 1px solid #bfbfbf;
}

.z_list span, .z_list a {
  display: block;
  position: relative;
  text-decoration: none;
  color: #555;
  padding: 0.5rem 1rem;
}

.z_list dt a:hover, .z_list dd a:hover {
  opacity: 0.8;
}

.z_list dt span {
  background-color: #009D96;
  color: #ffffff;
}

.z_list dt a {
  background-color: #009D96;
  color: #fff;
}

.z_list a:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -5px;
  border-width: 0 3px 3px 0;
  border-style: solid;
  border-color: #009D96;
}

.z_list dt a:after {
  border-color: #fff;
}

/* item_png */
.z_paging {
  display: block;
}

.z_paging li {
  display: inline-block;
}

.z_paging li a {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  border: 1px solid #009D96;
  text-decoration: none;
  font-size: 1.2rem;
  color: #fff;
}

.z_paging li a:hover {
  opacity: 0.8;
}

.z_paging li.current a {
  background-color: #009D96;
  color: #fff;
  pointer-events: none;
}

/* item_tbl */
.z_table_1 {
  border-collapse: collapse;
  border-top: 1px solid #009D96;
  border-left: 1px solid #009D96;
}

.z_table_1 td, .z_table_1 th {
  border-right: 1px solid #009D96;
  border-bottom: 1px solid #009D96;
  padding: 0.5rem 1rem;
}

.z_table_1 th {
  background-color: #eee;
}

.z_table_1 thead th {
  background-color: #009D96;
  color: #fff;
  border-right: 1px solid #009D96;
}

.z_table_1 thead th:last-of-type {
  border-right: 1px solid #009D96;
}

.z_table_1 tfoot {
  background-color: rgba(0, 157, 150, 0.2);
}

.z_table_2 {
  border-collapse: collapse;
}

.z_table_2 th, .z_table_2 td {
  padding: 0.5rem 1rem;
}

.z_table_2 tr:nth-of-type(even) th, .z_table_2 tr:nth-of-type(even) td {
  background-color: rgba(0, 157, 150, 0.2);
}

.z_table_2 thead {
  border-bottom: 1px solid #009D96;
  color: #fff;
}

.z_table_2 tfoot {
  border-top: 1px solid #009D96;
}

/* item_ldg */
.load_circle {
  width: 30px;
  height: 30px;
  position: relative;
}

.load_circle > DIV {
  width: 100%;
  height: 100%;
  border: 4px solid #009e96;
  border-radius: 50%;
  border-top-color: #CCC;
  animation: circle_rotate 1s linear 0s infinite;
}

@keyframes circle_rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* z_menu */
[class^="z_menu_"] {
  display: inline-block;
  background-color: #ffffff;
  background-size: 48px 48px;
  background-position: top;
  text-align: center;
  color: #333;
  font-size: 1.2rem;
  text-decoration: none;
  padding-top: 48px;
}

.z_menu_setting {
  background-image: url("../images/menu/icon_setting.png");
}

.z_menu_manual {
  background-image: url("../images/menu/icon_manual.png");
}

.z_menu_cad {
  background-image: url("../images/menu/icon_cad.png");
}

/* custom dropdown */
.dropdown {
  width: 300px;
  display: inline-block;
  transition: all .5s ease;
  position: relative;
  font-size: 14px;
  height: 100%;
  text-align: left;
  border-radius: 2px;
  background-color: #F0F0F0;
  color: #333;
  border: 1px solid #ccc;
  margin-left: 1px;
  -webkit-max-logical-height: -webkit-fit-content;
}

.dropdown:focus {
  outline: none;
}

.dropdown .select {
  cursor: pointer;
  display: block;
  padding: 4px;
}

.dropdown .select::after {
  content: '';
  font-size: 13px;
  color: #888;
  cursor: pointer;
  transition: all .3s ease-in-out;
  float: right;
  margin-top: 5px;
  margin-right: 5px;
  width: 5px;
  height: 5px;
  border-bottom: 2px solid gray;
  border-right: 2px solid gray;
  transform: rotate(45deg);
}

.dropdown.active .select::after {
  transform: rotate(-135deg);
}

.dropdown .dropdown-menu,
.dropdown .dropdown-menu-multi {
  position: absolute;
  border: 1px solid #ccc;
  background-color: #fff;
  width: 100%;
  left: 0;
  margin-top: 1px;
  overflow: hidden;
  display: none;
  height: 220px;
  overflow-y: auto;
  z-index: 9;
}

.dropdown > div > .dropdown-menu-multi {
  position: relative;
  padding: 0px 5px 0px 5px !important;
  border: 0;
}

.dropdown > div > .dropdown-menu-multi > li > span {
  border-bottom: 1px solid #009D96 !important;
}

.dropdown > div > .dropdown-menu-multi > li > ul > li {
  padding-left: 20px !important;
}

.dropdown > div > div {
  width: 100%;
  background-color: #ffffff;
  padding: 5px 5px 5px 0px;
}

.dropdown .dropdown-menu-multi-container {
  border: 1px solid #ccc;
  position: absolute;
  width: 96%;
  display: none;
}

.dropdown .dropdown-menu-multi-container.active {
  display: block;
  z-index: 1;
}

.dropdown .dropdown-menu li,
.dropdown .dropdown-menu-multi li,
.dropdown .dropdown-menu-multi li ul li {
  list-style: none;
  cursor: pointer;
}

.dropdown .dropdown-menu-multi,
.dropdown .dropdown-menu-multi li ul {
  padding: 0;
}

.dropdown .dropdown-menu.active,
.dropdown .dropdown-menu-multi.active {
  display: block;
}

.dropdown .dropdown-menu li,
.dropdown .dropdown-menu-multi li ul li {
  padding: 5px;
}

.dropdown .dropdown-menu li:hover,
.dropdown .dropdown-menu-multi li ul li:hover {
  background-color: #f2f2f2;
}

.dropdown .dropdown-menu li ul li.active,
.dropdown .dropdown-menu-multi li ul li.active {
  background-color: #e2e2e2;
}

.dropdown-menu,
.dropdown-menu-multi li ul {
  display: none;
}

.dropdown-menu.open,
.dropdown-menu-multi li ul.open {
  display: block;
}

.dropdown-menu-multi li span {
  display: block;
  padding: 5px;
  color: #333;
}

.dropdown.disabled {
  color: #ccc;
}

.dropdown-menu.fix-width {
  width: 105%;
  left: -2px;
}

input::placeholder {
  color: #cbcccb;
}

/* IE */
input:-ms-input-placeholder {
  color: #cbcccb;
}

/* Edge */
input::-ms-input-placeholder {
  color: #cbcccb;
}

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"] + label {
  position: relative;
  display: inline;
  margin-left: 20px;
  padding: 0;
  cursor: pointer;
}

input[type="checkbox"]:disabled + label {
  color: #bfbfbf;
}

input[type="checkbox"] + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -20px;
  width: 15px;
  height: 15px;
  border: 1px solid #000;
  border-radius: 4px;
  margin: -8px 0px 0px 0px;
}

input[type="checkbox"]:disabled + label::before {
  border: 1px solid #bfbfbf;
}

input[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -16px;
  width: 7px;
  height: 11px;
  transform: rotate(40deg);
  border-bottom: 3px solid #009D96;
  border-right: 3px solid #009D96;
  margin: -7px 0px 0px 0px;
}

#more:checked + label::after {
  display: none;
}

.pkg_label {
  display: flex;
  align-items: center;
}

.ui-autocomplete {
  position: absolute;
  cursor: default;
  z-index: 10000 !important;
  max-height: 210px;
  overflow: auto;
}

.ui-autocomplete.scale-list-container {
  max-height: 450px;
  width: 100px;
}

.ui-state-active {
  margin: 0px !important;
}

.z-pkg-mapMainView-nav-container {
  position: relative;
  z-index: 200;
  padding: 0px 0px 0px 0px;
  width: 100%;
  height: 80px;
  border: 0px solid #009D96;
  background-color: #ffffff;
  justify-content: space-between;
}

.z-pkg-mapMainView-nav-container > ul {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 200px 936px 1fr 80px;
  -ms-grid-columns: 200px 936px 1fr 80px;
  height: 100%;
}

.z-pkg-mapMainView-nav-container > ul > li span {
  color: #333;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(1) {
  grid-column: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  display: block;
  padding: 10px 15px 10px 15px;
  height: 78px;
  z-index: 500;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(1) > img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 936px;
  -ms-grid-columns: 936px;
  grid-column: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  background-color: #ffffff;
  border: 0px solid #009D96;
  z-index: 500;
  height: 80px;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > input {
  display: none;
  z-index: 500;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > label {
  grid-column: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  z-index: 500;
  display: none;
  text-align: center;
  height: 78px;
  padding: 24px 0px 0px 0px;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > label > span {
  border-radius: 50%;
  margin: auto 0px auto 0px;
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #333;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul {
  grid-column: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 78px 78px 78px 78px 78px 78px 78px 78px 78px 78px 78px 78px ;
  -ms-grid-columns: 78px 78px 78px 78px 78px 78px 78px 78px 78px 78px 78px 78px ;
  grid-template-rows: 80px;
  -ms-grid-rows: 80px;
  overflow: hidden;
  background-color: #ffffff;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(1) {
  grid-column: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  display: flex;
  flex-direction: column;
  padding: 0px 0px 0px 0px;
  margin: auto auto auto auto;
  text-align: center;
  height: 80px;
  z-index: 500;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(1) > svg {
  width: 40px;
  height: 48px;
  fill: #333;
  display: block;
  margin: 5px auto 0px auto;
  cursor: pointer;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(1) > a {
  height: 30px;
  cursor: pointer;
  display: block;
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px auto;
  position: relative;
  line-height: 15px;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(1):hover > svg, .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(1).active > svg {
  width: 40px;
  height: 48px;
  fill: #009D96;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(1):hover > a, .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(1).active > a {
  color: #009D96;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(2) {
  grid-column: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  display: flex;
  flex-direction: column;
  padding: 0px 0px 0px 0px;
  margin: auto auto auto auto;
  text-align: center;
  height: 80px;
  z-index: 500;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(2) > svg {
  width: 40px;
  height: 48px;
  fill: #333;
  display: block;
  margin: 5px auto 0px auto;
  cursor: pointer;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(2) > a {
  height: 30px;
  cursor: pointer;
  display: block;
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px auto;
  position: relative;
  line-height: 15px;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(2):hover > svg, .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(2).active > svg {
  width: 40px;
  height: 48px;
  fill: #009D96;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(2):hover > a, .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(2).active > a {
  color: #009D96;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(3) {
  grid-column: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-row: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  display: flex;
  flex-direction: column;
  padding: 0px 0px 0px 0px;
  margin: auto auto auto auto;
  text-align: center;
  height: 80px;
  z-index: 500;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(3) > svg {
  width: 40px;
  height: 48px;
  fill: #333;
  display: block;
  margin: 5px auto 0px auto;
  cursor: pointer;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(3) > a {
  height: 30px;
  cursor: pointer;
  display: block;
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px auto;
  position: relative;
  line-height: 15px;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(3):hover > svg, .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(3).active > svg {
  width: 40px;
  height: 48px;
  fill: #009D96;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(3):hover > a, .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(3).active > a {
  color: #009D96;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(4) {
  grid-column: 4;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-row: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  display: flex;
  flex-direction: column;
  padding: 0px 0px 0px 0px;
  margin: auto auto auto auto;
  text-align: center;
  height: 80px;
  z-index: 500;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(4) > svg {
  width: 40px;
  height: 48px;
  fill: #333;
  display: block;
  margin: 5px auto 0px auto;
  cursor: pointer;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(4) > a {
  height: 30px;
  cursor: pointer;
  display: block;
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px auto;
  position: relative;
  line-height: 15px;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(4):hover > svg, .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(4).active > svg {
  width: 40px;
  height: 48px;
  fill: #009D96;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(4):hover > a, .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(4).active > a {
  color: #009D96;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(5) {
  grid-column: 5;
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
  grid-row: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  display: flex;
  flex-direction: column;
  padding: 0px 0px 0px 0px;
  margin: auto auto auto auto;
  text-align: center;
  height: 80px;
  z-index: 500;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(5) > svg {
  width: 40px;
  height: 48px;
  fill: #333;
  display: block;
  margin: 5px auto 0px auto;
  cursor: pointer;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(5) > a {
  height: 30px;
  cursor: pointer;
  display: block;
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px auto;
  position: relative;
  line-height: 15px;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(5):hover > svg, .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(5).active > svg {
  width: 40px;
  height: 48px;
  fill: #009D96;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(5):hover > a, .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(5).active > a {
  color: #009D96;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(6) {
  grid-column: 6;
  -ms-grid-column: 6;
  -ms-grid-column-span: 1;
  grid-row: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  display: flex;
  flex-direction: column;
  padding: 0px 0px 0px 0px;
  margin: auto auto auto auto;
  text-align: center;
  height: 80px;
  z-index: 500;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(6) > svg {
  width: 40px;
  height: 48px;
  fill: #333;
  display: block;
  margin: 5px auto 0px auto;
  cursor: pointer;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(6) > a {
  height: 30px;
  cursor: pointer;
  display: block;
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px auto;
  position: relative;
  line-height: 15px;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(6):hover > svg, .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(6).active > svg {
  width: 40px;
  height: 48px;
  fill: #009D96;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(6):hover > a, .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(6).active > a {
  color: #009D96;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(7) {
  grid-column: 7;
  -ms-grid-column: 7;
  -ms-grid-column-span: 1;
  grid-row: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  display: flex;
  flex-direction: column;
  padding: 0px 0px 0px 0px;
  margin: auto auto auto auto;
  text-align: center;
  height: 80px;
  z-index: 500;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(7) > svg {
  width: 40px;
  height: 48px;
  fill: #333;
  display: block;
  margin: 5px auto 0px auto;
  cursor: pointer;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(7) > a {
  height: 30px;
  cursor: pointer;
  display: block;
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px auto;
  position: relative;
  line-height: 15px;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(7):hover > svg, .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(7).active > svg {
  width: 40px;
  height: 48px;
  fill: #009D96;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(7):hover > a, .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(7).active > a {
  color: #009D96;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(8) {
  grid-column: 8;
  -ms-grid-column: 8;
  -ms-grid-column-span: 1;
  grid-row: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  display: flex;
  flex-direction: column;
  padding: 0px 0px 0px 0px;
  margin: auto auto auto auto;
  text-align: center;
  height: 80px;
  z-index: 500;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(8) > svg {
  width: 40px;
  height: 48px;
  fill: #333;
  display: block;
  margin: 5px auto 0px auto;
  cursor: pointer;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(8) > a {
  height: 30px;
  cursor: pointer;
  display: block;
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px auto;
  position: relative;
  line-height: 15px;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(8):hover > svg, .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(8).active > svg {
  width: 40px;
  height: 48px;
  fill: #009D96;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(8):hover > a, .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(8).active > a {
  color: #009D96;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(9) {
  grid-column: 9;
  -ms-grid-column: 9;
  -ms-grid-column-span: 1;
  grid-row: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  display: flex;
  flex-direction: column;
  padding: 0px 0px 0px 0px;
  margin: auto auto auto auto;
  text-align: center;
  height: 80px;
  z-index: 500;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(9) > svg {
  width: 40px;
  height: 48px;
  fill: #333;
  display: block;
  margin: 5px auto 0px auto;
  cursor: pointer;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(9) > a {
  height: 30px;
  cursor: pointer;
  display: block;
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px auto;
  position: relative;
  line-height: 15px;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(9):hover > svg, .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(9).active > svg {
  width: 40px;
  height: 48px;
  fill: #009D96;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(9):hover > a, .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(9).active > a {
  color: #009D96;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(10) {
  grid-column: 10;
  -ms-grid-column: 10;
  -ms-grid-column-span: 1;
  grid-row: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  display: flex;
  flex-direction: column;
  padding: 0px 0px 0px 0px;
  margin: auto auto auto auto;
  text-align: center;
  height: 80px;
  z-index: 500;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(10) > svg {
  width: 40px;
  height: 48px;
  fill: #333;
  display: block;
  margin: 5px auto 0px auto;
  cursor: pointer;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(10) > a {
  height: 30px;
  cursor: pointer;
  display: block;
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px auto;
  position: relative;
  line-height: 15px;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(10):hover > svg, .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(10).active > svg {
  width: 40px;
  height: 48px;
  fill: #009D96;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(10):hover > a, .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(10).active > a {
  color: #009D96;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(11) {
  grid-column: 11;
  -ms-grid-column: 11;
  -ms-grid-column-span: 1;
  grid-row: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  display: flex;
  flex-direction: column;
  padding: 0px 0px 0px 0px;
  margin: auto auto auto auto;
  text-align: center;
  height: 80px;
  z-index: 500;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(11) > svg {
  width: 40px;
  height: 48px;
  fill: #333;
  display: block;
  margin: 5px auto 0px auto;
  cursor: pointer;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(11) > a {
  height: 30px;
  cursor: pointer;
  display: block;
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px auto;
  position: relative;
  line-height: 15px;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(11):hover > svg, .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(11).active > svg {
  width: 40px;
  height: 48px;
  fill: #009D96;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(11):hover > a, .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(11).active > a {
  color: #009D96;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(12) {
  grid-column: 12;
  -ms-grid-column: 12;
  -ms-grid-column-span: 1;
  grid-row: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  display: flex;
  flex-direction: column;
  padding: 0px 0px 0px 0px;
  margin: auto auto auto auto;
  text-align: center;
  height: 80px;
  z-index: 500;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(12) > svg {
  width: 40px;
  height: 48px;
  fill: #333;
  display: block;
  margin: 5px auto 0px auto;
  cursor: pointer;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(12) > a {
  height: 30px;
  cursor: pointer;
  display: block;
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px auto;
  position: relative;
  line-height: 15px;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(12):hover > svg, .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(12).active > svg {
  width: 40px;
  height: 48px;
  fill: #009D96;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(12):hover > a, .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(12).active > a {
  color: #009D96;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(3) {
  grid-column: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-row: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  display: block;
  height: 78px;
  padding: 5px 0px 5px 0px;
  display: flex;
  flex-direction: column;
  z-index: 500;
  position: relative;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(3) > span {
  height: 100%;
  display: flex;
  justify-content: flex-end;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(3) > #btn_nav_logout {
  margin: auto 0px auto auto;
  width: 90px;
  height: 30px;
  padding: 0px 0px 0px 0px;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(3) > #main_user_name {
  display: none;
  align-items: center;
}

.z-pkg-mapMainView-nav-container > ul > li:nth-child(3) > #main_show_time {
  align-items: center;
  position: absolute;
  position: absolute;
  right: 0px;
  top: -1px;
  font-size: 13px;
  white-space: nowrap;
}

.z-pkg-mapMainView-nav-container > ul > li:last-child {
  grid-column: 4;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-row: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  z-index: 500;
  margin: 0px auto 0px auto;
  padding: 15px 0px 15px 0px;
}

.z-pkg-mapMainView-nav-container > ul > li:last-child:hover > button > span {
  background-color: #009D96;
}

.z-pkg-mapMainView-figure-tooltip,
.z-pkg-mapMainView-nav-tooltip {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #ffffff;
  color: #333;
}

.z-pkg-mapMainView-figure-tooltip > span:nth-child(1),
.z-pkg-mapMainView-nav-tooltip > span:nth-child(1) {
  font-weight: bold;
  font-size: 1.4rem;
}

.z-pkg-mapMainView-figure-tooltip > span:nth-child(2),
.z-pkg-mapMainView-nav-tooltip > span:nth-child(2) {
  font-size: 1.2rem;
}

.z-pkg-mapMainView-nav-submenu-contents {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
  z-index: 300;
}

.z-pkg-mapMainView-nav-submenu-contents dl {
  position: absolute;
  top: 60px;
  right: 5px;
  right: 15px;
  width: 200px;
  height: auto;
  background-color: #ffffff;
  z-index: 800;
  border: 1px solid #bfbfbf;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
}

.z-pkg-mapMainView-nav-submenu-contents dl .subMenu-item {
  position: relative;
  padding-top: 8px;
  padding-left: 5px;
  border-bottom: 0px solid #009D96;
  height: 36px;
  line-height: 20px;
}

.z-pkg-mapMainView-nav-submenu-contents dl .subMenu-item:hover {
  background-color: #f5f5f5;
}

.z-pkg-mapMainView-nav-submenu-contents dl .newmsg::before {
  content: "!";
  display: block;
  width: 20px;
  height: 20px;
  background-color: red;
  color: white;
  border-radius: 50%;
  position: absolute;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  right: 100px;
  top: 7px;
  z-index: 2;
}

.z-pkg-mapMainView-nav-submenu-contents.open {
  visibility: visible;
}

#main_menu_logout {
  display: none;
}

.z-pkg-mapMainView-main-offside-canvas-outer {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 500px;
  padding: 85px 0px 0px 0px;
  visibility: visible;
  z-index: 100;
  display: none;
}

.z-pkg-mapMainView-main-offside-canvas-outer.open {
  visibility: visible;
}

.z-pkg-mapMainView-main-offside-canvas-grid {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 100%;
  -ms-grid-columns: 100%;
  grid-template-rows: 100%;
  -ms-grid-rows: 100%;
  height: 100%;
}

.z-pkg-mapMainView-main-offside-canvas-tag {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  position: relative;
  top: 0;
  left: 0;
  float: left;
  height: 100%;
  width: 500px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #009D96;
  background-color: #ffffff;
  z-index: 100;
}

.z-pkg-mapMainView-main-offside-canvas {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  position: relative;
  top: 0;
  left: 0;
  float: left;
  height: 100%;
  width: calc(100% - 2px);
  margin: 0px 0px 0px 0px;
  border: 0px solid #009D96;
  background-color: #ffffff;
  z-index: 100;
}

#mapMain_offCanvas_resizer {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 5px;
  height: 100%;
  cursor: col-resize;
  background-color: #bfbfbf;
}

#mapMain_offCanvas_resizer-middle-line {
  position: absolute;
  display: none;
  right: 0px;
  top: 0px;
  width: 5px;
  height: 100%;
  background-color: #bfbfbf;
}

#z-pkg-mapMainView-bottom-info-canvas-opener {
  position: absolute;
  left: 0px;
  top: 25%;
  width: 30px;
  height: 100px;
  text-align: center;
  padding: 5px 5px 5px 5px;
  background-color: #bfbfbf;
  z-index: 1;
  cursor: pointer;
}

#z-pkg-mapMainView-bottom-info-canvas-opener > span {
  color: #ffffff;
  margin-top: 15px;
  display: block;
  line-height: 30px;
}

#mapMain_offCanvas_closer {
  position: absolute;
  display: block;
  text-align: center;
  padding: 5px 5px 5px 5px;
  width: 30px;
  height: 100px;
  line-height: 30px;
  top: 25%;
  right: -29px;
  color: #ffffff;
  background-color: #bfbfbf;
  margin-top: -50px;
  z-index: 120;
  cursor: pointer;
}

dl.z-pkg-list-tree {
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
}

dl.z-pkg-list-tree > dt {
  line-height: 45px;
  background-color: #ffffff;
  color: #009D96;
  border: 1px solid #009D96;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 5px;
}

dl.z-pkg-list-tree > dt.expand {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  background: #ffffff;
  color: #009D96;
  flex: none;
}

dl.z-pkg-list-tree > dt.expand:hover {
  background: #ffffff;
  color: #009D96;
}

dl.z-pkg-list-tree > dt:hover {
  background: #009D96;
  color: #ffffff;
}

dl.z-pkg-list-tree > z-pkg {
  overflow: auto;
  margin: 0px 0px 5px 0px;
}

dl.z-pkg-list-tree > z-pkg dd {
  line-height: 45px;
  background-color: #ffffff;
  color: #333;
  padding: 0px 0px 0px 5px;
  margin: 0px 0px 5px 0px;
}

dl.z-pkg-list-tree > z-pkg dd.expand {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  background: #f5f5f5;
  color: #333;
  flex: none;
}

dl.z-pkg-list-tree > z-pkg dd.expand:hover {
  background: #f5f5f5;
}

dl.z-pkg-list-tree > z-pkg dd:hover {
  background: #f5f5f5;
  cursor: pointer;
}

dl.z-pkg-list-tree > z-pkg dd.collapse {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0px 0px 0px 5px;
  height: 45px;
}

dl.z-pkg-list-tree > z-pkg span.move-map {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z'/%3E%3C/svg%3E");
  background-size: 100%;
  background-position: center;
  margin-left: auto;
  width: 35px;
}

dl.z-pkg-list-tree > z-pkg span.search-poi {
  margin-left: auto;
  width: 35px;
  height: 100%;
  position: relative;
}

dl.z-pkg-list-tree > z-pkg span.search-poi > svg {
  width: 24px;
  height: 24px;
  margin-top: 12px;
  position: absolute;
}

dl.z-pkg-list-tree .z-pkg-tree-flex {
  overflow: hidden !important;
  height: 100%;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
}

dl.z-pkg-list-tree .z-pkg-tree-address {
  overflow: auto;
}

dl.z-pkg-list-tree .close {
  display: none !important;
}

#printPreviewPopup {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  justify-content: center;
  align-items: center;
  z-index: 10000;
}

#printPreviewPopup .z-pkg-mapMainView-dialog-contents-printpreview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  justify-content: space-between;
  width: 70%;
  height: 90%;
  background-color: #ffffff;
  border: 1px solid #333;
  border-radius: 5px;
}

#printPreviewPopup .z-pkg-mapMainView-dialog-contents-printpreview > div {
  position: relative;
  width: 32px;
  height: 32px;
  top: 10px;
  left: calc(100% - 42px);
  border: 1px solid #ccc;
  border-radius: 5px;
}

#printPreviewPopup .z-pkg-mapMainView-dialog-contents-printpreview > div > svg {
  display: block;
  margin: auto auto auto auto;
}

#printPreviewPopup .z-pkg-mapMainView-dialog-contents-printpreview > div:hover {
  cursor: pointer;
}

#printPreviewPopup .z-pkg-mapMainView-dialog-contents-printpreview > li:nth-of-type(1) {
  display: block;
  margin: -7px 10% 5px 10%;
  border-bottom: 1px solid #333;
  padding: 0px 0px 10px 0px;
}

#printPreviewPopup .z-pkg-mapMainView-dialog-contents-printpreview > li:nth-of-type(2) {
  text-align: center;
  height: auto;
  margin: auto 0px auto 0px;
  overflow-y: auto;
  padding: 20px;
}

#printPreviewPopup .z-pkg-mapMainView-dialog-contents-printpreview > li:nth-of-type(2) > canvas {
  margin: auto;
  position: relative;
  top: 15px;
  width: 100%;
  height: auto;
}

#printPreviewPopup .z-pkg-mapMainView-dialog-contents-printpreview > li:nth-of-type(3) {
  height: 150px;
  overflow: auto;
  padding: 5px 10px 5px 10px;
  margin: 10px 10% 10px 10%;
  font-size: 1.5rem;
  white-space: pre-wrap;
  border: 1px solid #333;
}

#printPreviewPopup .z-pkg-mapMainView-dialog-contents-printpreview > li:nth-of-type(4) {
  height: 80px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 10px;
}

#printPreviewPopup .z-pkg-mapMainView-dialog-contents-printpreview > li:nth-of-type(4) > button {
  width: 250px;
  height: 35px;
  font-size: 1.5rem;
}

#printDoublePreviewPopup {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  justify-content: center;
  align-items: center;
  z-index: 10000;
}

#printDoublePreviewPopup .z-pkg-mapMainView-dialog-contents-printpreview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  justify-content: space-between;
  width: 70%;
  height: 90%;
  background-color: #ffffff;
  border: 1px solid gray;
  border-radius: 5px;
}

#printDoublePreviewPopup .z-pkg-mapMainView-dialog-contents-printpreview > li:nth-child(1) {
  text-align: center;
  height: auto;
  margin: auto 0px auto 0px;
  overflow-y: auto;
  padding: 20px;
}

#printDoublePreviewPopup .z-pkg-mapMainView-dialog-contents-printpreview > li:nth-child(1) > canvas {
  margin: auto;
  position: relative;
  top: 15px;
  border: 1px solid black;
  padding: 15px;
  width: 100%;
  height: auto;
}

#printDoublePreviewPopup .z-pkg-mapMainView-dialog-contents-printpreview > li:nth-child(2) {
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 10px;
}

#printDoublePreviewPopup .z-pkg-mapMainView-dialog-contents-printpreview > li:nth-child(2) > button {
  height: 30px;
  font-size: 1.5rem;
}

#longProgressBar {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10000;
}

#longProgressBar .z-pkg-mapMainView-dialog-contents-longProgressBar {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 300px;
  height: 80px;
  background-color: #ffffff;
  border: 1px solid gray;
  border-radius: 5px;
  margin-left: -150px;
  margin-top: -40px;
  text-align: center;
  line-height: 80px;
}

#createTargetProgressBar {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10000;
}

#createTargetProgressBar .z-pkg-mapMainView-dialog-contents-createTargetProgressBar {
  position: absolute;
  left: 45%;
  top: 50%;
  width: 500px;
  height: 80px;
  background-color: #ffffff;
  border: 1px solid gray;
  border-radius: 5px;
  margin-left: -150px;
  margin-top: -40px;
  text-align: center;
  line-height: 80px;
}

#createTargetProgressBar .z-pkg-mapMainView-dialog-contents-createTargetProgressBar .progress {
  height: 24px;
  background-color: #e9ecef;
  width: 442px;
  margin: auto;
  margin-top: 25px;
}

#createTargetProgressBar .z-pkg-mapMainView-dialog-contents-createTargetProgressBar .progress .progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #00b8b4;
  transition: width 0.6s ease;
  width: 0%;
  height: 24px;
  animation: progress-bar-stripes 1s linear infinite;
}

#building_info {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10000;
}

#building_info #close_building_info {
  position: absolute;
  right: 1px;
  top: 1px;
}

#building_info #building_info_list {
  margin: 5px;
  overflow: auto;
  height: 100%;
}

#building_info #building_info_list .title {
  color: #f4c653;
}

#building_info #building_info_list .info {
  color: #ffffff;
  margin-top: 3px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#building_info #building_info_list .space {
  height: 16px;
}

#building_info #building_info_list .space_2 {
  height: 24px;
}

#add_new_target {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 10000;
}

#add_new_target .expanded-target-info {
  display: flex;
  margin: 10px;
}

#add_new_target .expanded-target-info .left-side {
  width: 25%;
}

#add_new_target .expanded-target-info .left-side div {
  min-height: 32px;
}

#add_new_target .expanded-target-info .right-side {
  width: 75%;
}

#add_new_target .expanded-target-info .right-side div {
  min-height: 32px;
}

#add_new_target .expanded-target-info .right-side input {
  border: 1px solid gray;
  padding-left: 5px;
  width: 100%;
  border-radius: 5px;
  height: 30px;
  background-color: white;
}

#add_new_target .expanded-target-info .right-side #peron_in_charge {
  background-color: #f0f0f0;
  border-radius: 5px;
  width: 100%;
  height: 30px;
  appearance: auto;
  border: 1px solid gray;
}

#add_new_target .expanded-target-info .right-side .get_info_btn {
  display: flex;
  margin-top: 10px;
  align-items: center;
}

#add_new_target .expanded-target-info .right-side .get_info_btn > label {
  display: flex;
  margin-right: 10px;
  width: 50%;
  align-items: center;
}

#add_new_target .expanded-target-info .right-side .get_info_btn > label > input {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

#add_new_target .button-group {
  width: 100%;
  position: fixed;
  border-top: 1px solid lightgray;
  bottom: 0;
  height: 7%;
  min-height: 56px;
  background-color: white;
  display: flex;
  padding: 10px;
}

#add_new_target .button-group #back_list_target_button {
  margin: 0px 10px;
  width: 50%;
  border: 2px solid #f6a70a;
  border-radius: 5px;
  color: #f6a70a;
}

#add_new_target .button-group #mobile_target_inf_update {
  margin: 0px 10px;
  width: 50%;
  border: 2px solid #f6a70a;
  border-radius: 5px;
  color: white;
  background-color: #f6a70a;
}

#popup_address_list {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 100;
}

#popup_address_list #title {
  font-size: larger;
  font-weight: bold;
  padding: 10px 0 5px 10px;
  border-bottom: 1px solid #888;
  height: 44px;
}

#popup_address_list #address_list {
  overflow-x: auto;
  height: -moz-calc(100% - 104px);
  height: -webkit-calc(100% - 104px);
  height: calc(100% - 104px);
}

#popup_address_list #address_list .item-address {
  border-bottom: 1px solid #888888;
  padding: 15px 10px;
  align-items: center;
  display: flex;
  width: 100%;
}

#popup_address_list #address_list .item-address div {
  width: 90%;
  margin: auto 5px;
  font-weight: bold;
}

#popup_address_list #address_list .item-address .btn-expand {
  transform: rotate(180deg);
  font-size: 25px;
  font-weight: bold;
  width: 15%;
  height: 100%;
}

#popup_address_list #address_list .sub-item-address {
  border-bottom: 1px solid #888888;
  padding: 15px 15px 15px 25px;
  align-items: center;
  display: flex;
  width: 100%;
}

#popup_address_list #address_list .sub-item-address div {
  width: 100%;
  margin: auto 5px;
  font-weight: bold;
}

#popup_address_list #address_list .sub-item-address .btn-expand {
  transform: rotate(180deg);
  font-size: 25px;
  font-weight: bold;
  width: 15%;
  height: 100%;
}

#popup_address_list .button-group {
  width: 100%;
  position: fixed;
  border-top: 1px solid lightgray;
  bottom: 0;
  height: 60px;
  background-color: white;
  display: flex;
  padding: 10px;
}

#popup_address_list .button-group #back_list_target_button {
  margin: 0px 10px;
  width: 100%;
  border: 2px solid #f6a70a;
  border-radius: 5px;
  color: #f6a70a;
}

#mapExPopup {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  justify-content: center;
  align-items: center;
  z-index: 10000;
}

#mapExPopup .z-pkg-mapMainView-dialog-contents-mapexpopup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  justify-content: flex-start;
  width: 90%;
  height: 90%;
  background-color: #ffffff;
  border: 1px solid gray;
  border-radius: 5px;
}

#mapExPopup .z-pkg-mapMainView-dialog-contents-mapexpopup > div {
  position: relative;
  width: 28px;
  height: 28px;
  left: calc(100% - 40px);
  top: 10px;
  border: 1px solid gray;
  border-radius: 5px;
}

#mapExPopup .z-pkg-mapMainView-dialog-contents-mapexpopup > div > svg {
  display: block;
  margin: auto auto auto auto;
}

#mapExPopup .z-pkg-mapMainView-dialog-contents-mapexpopup > div:hover {
  cursor: pointer;
}

#mapExPopup .z-pkg-mapMainView-dialog-contents-mapexpopup > ul {
  height: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
  display: flex;
  flex-direction: column;
}

#mapExPopup .z-pkg-mapMainView-dialog-contents-mapexpopup > ul > li:nth-of-type(1) {
  display: block;
  margin: 0px 10% 5px 10%;
  border-bottom: 1px solid #333;
  padding: 0px 0px 10px 0px;
}

#mapExPopup .z-pkg-mapMainView-dialog-contents-mapexpopup > ul > li:nth-of-type(2) {
  overflow-y: auto;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

#mapExPopup .z-pkg-mapMainView-dialog-contents-mapexpopup > ul > li:nth-of-type(2) > ul > li:nth-child(1) {
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  white-space: pre;
  overflow: auto;
  border: 1px solid #333;
  padding: 10px;
}

#mapExPopup .z-pkg-mapMainView-dialog-contents-mapexpopup > ul > li:nth-of-type(2) > ul > li:nth-child(2) {
  padding: 20px;
}

#mapExPopup .z-pkg-mapMainView-dialog-contents-mapexpopup > ul > li:nth-of-type(2) > ul > li:nth-child(2) > div > div {
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
}

#mapExPopup .z-pkg-mapMainView-dialog-contents-mapexpopup > ul > li:nth-of-type(2) > ul > li:nth-child(2) > #mapex_output_image_container > div > span {
  display: block;
}

#mapExPopup .z-pkg-mapMainView-dialog-contents-mapexpopup > ul > li:nth-of-type(2) > ul > li:nth-child(2) > #mapex_output_image_container > div > canvas {
  border: 1px solid black;
}

#contractPopup {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10000;
}

#contractPopup > #contract_popup_close {
  position: absolute;
  width: 32px;
  height: 32px;
  right: 15.5%;
  top: 6%;
  z-index: 1;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
}

#contractPopup > .z-pkg-mapMainView-dialog-contents-contractpopup {
  position: absolute;
  left: 15%;
  top: 5%;
  min-width: 720px;
  width: 70%;
  height: 85%;
  background-color: #ffffff;
  border: 1px solid gray;
  border-bottom: none;
  border-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 35px 0 0 0;
  font-size: 14px;
}

#contractPopup > .z-pkg-mapMainView-dialog-contents-contractpopup > iframe {
  margin-top: 12px;
  border: 0;
  width: 100%;
  height: 98%;
}

#contractPopup > #contract_popup_footer {
  position: absolute;
  min-width: 720px;
  width: 70%;
  height: 15%;
  left: 15%;
  bottom: 5%;
  border: 1px solid gray;
  border-top: none;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  display: flex;
  justify-content: center;
  padding: 10px 10px 25px 10px;
  background-color: #ffffff;
}

#contractPopup > #contract_popup_footer > #btn_contract_popup_close {
  height: 35px;
  font-size: 1.5rem;
  width: 250px;
}

#settingPopup {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10000;
}

#settingPopup .z_selbox {
  cursor: pointer;
}

#settingPopup .z_selbox::after {
  content: "";
  font-size: 13px;
  color: #888;
  transition: all 0.3s ease-in-out;
  width: 5px;
  height: 5px;
  border-bottom: 2px solid gray;
  border-right: 2px solid gray;
  transform: rotate(45deg);
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -3px;
  pointer-events: none;
}

#settingPopup > div:nth-child(1) {
  position: absolute;
  width: 70%;
  height: 90%;
  background-color: #ffffff;
  border: 1px solid gray;
  border-radius: 5px;
  padding: 25px 0 0;
  overflow: auto;
  font-size: 14px;
}

#settingPopup > div:nth-child(1) > .setting_title {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  height: 45px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid gray;
  font-size: 16px;
}

#settingPopup > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-settingpopup {
  height: calc(100% - 140px);
  width: 600px;
  margin: 20px auto 0;
  overflow: auto;
}

#settingPopup > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-settingpopup > li {
  margin-left: 30px;
  margin-right: 30px;
  border-bottom: 1px solid #cecece;
  display: flex;
  height: 45px;
  line-height: 45px;
  color: #283745;
}

#settingPopup > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-settingpopup > li > span {
  width: 200px;
  display: inline-block;
}

#settingPopup > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-settingpopup > li > div > label {
  width: 120px;
  display: inline-block;
}

#settingPopup > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-settingpopup > .setting_subtitle {
  margin-left: 20px;
  margin-right: 20px;
  border-left: 3px solid black;
  padding-left: 10px;
  border-bottom: 0;
  margin-top: 20px;
}

#settingPopup > div:nth-child(1) > .setting_action {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  padding: 10px 10px 25px 10px;
  background-color: #fff;
}

#settingPopup > div:nth-child(1) > .setting_action > button {
  color: #fff;
  background-color: #009D96;
  border: 1px solid #009D96;
  height: 35px;
  width: 250px;
  padding: 2px 8px;
  font-size: 15px;
}

#settingPopup > div:nth-child(1) > .setting_action > button:hover {
  color: #fff;
  background-color: #4eb1ab;
  border: 1px solid #009D96;
}

#settingPopup > div:nth-child(1) > #setting_popup_close {
  position: absolute;
  width: 32px;
  height: 32px;
  right: 10px;
  top: 10px;
  z-index: 1;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
}

#infomationPopup {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10000;
}

#infomationPopup .z-pkg-mapMainView-dialog-contents-infomationPopup {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 500px;
  height: 310px;
  background-color: #ffffff;
  border: 1px solid gray;
  border-radius: 5px;
  margin-left: -250px;
  margin-top: -150px;
  padding: 10px;
}

#infomationPopup .z-pkg-mapMainView-dialog-contents-infomationPopup > li:nth-child(1) {
  height: 240px;
  overflow-y: auto;
  border: 1px solid gray;
  margin-bottom: 10px;
}

#forgetPopup {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10000;
}

#forgetPopup > .z-pkg-mapMainView-dialog-contents-forgetPopup {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 500px;
  height: 240px;
  background-color: #ffffff;
  margin-left: -250px;
  margin-top: -115px;
  padding: 10px;
}

#forgetPopup > .z-pkg-mapMainView-dialog-contents-forgetPopup > li:nth-child(1) > div {
  display: flex;
  flex-direction: column;
  height: 180px;
}

#forgetPopup > .z-pkg-mapMainView-dialog-contents-forgetPopup > li:nth-child(1) > div > span {
  height: 50%;
  display: flex;
  align-items: center;
  padding: 0 30px 30px;
}

#forgetPopup > .z-pkg-mapMainView-dialog-contents-forgetPopup > li:nth-child(1) > div > a {
  padding: 0 30px 0;
  text-align: left;
}

#roadInfoPopup,
#licencePopup {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10000;
}

#roadInfoPopup > .z-pkg-mapMainView-dialog-contents-roadInfoPopup,
#roadInfoPopup .z-pkg-mapMainView-dialog-contents-licencePopup,
#licencePopup > .z-pkg-mapMainView-dialog-contents-roadInfoPopup,
#licencePopup .z-pkg-mapMainView-dialog-contents-licencePopup {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 650px;
  height: 400px;
  background-color: #ffffff;
  margin-left: -325px;
  margin-top: -200px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#roadInfoPopup > .z-pkg-mapMainView-dialog-contents-roadInfoPopup > li:nth-child(1),
#roadInfoPopup .z-pkg-mapMainView-dialog-contents-licencePopup > li:nth-child(1),
#licencePopup > .z-pkg-mapMainView-dialog-contents-roadInfoPopup > li:nth-child(1),
#licencePopup .z-pkg-mapMainView-dialog-contents-licencePopup > li:nth-child(1) {
  height: 100%;
  overflow-y: scroll;
  border: 1px solid black;
}

#roadInfoPopup > .z-pkg-mapMainView-dialog-contents-roadInfoPopup > li:nth-child(1) > div,
#roadInfoPopup .z-pkg-mapMainView-dialog-contents-licencePopup > li:nth-child(1) > div,
#licencePopup > .z-pkg-mapMainView-dialog-contents-roadInfoPopup > li:nth-child(1) > div,
#licencePopup .z-pkg-mapMainView-dialog-contents-licencePopup > li:nth-child(1) > div {
  padding: 5px;
  white-space: pre;
}

#roadInfoPopup > .z-pkg-mapMainView-dialog-contents-roadInfoPopup > li:nth-child(2),
#roadInfoPopup .z-pkg-mapMainView-dialog-contents-licencePopup > li:nth-child(2),
#licencePopup > .z-pkg-mapMainView-dialog-contents-roadInfoPopup > li:nth-child(2),
#licencePopup .z-pkg-mapMainView-dialog-contents-licencePopup > li:nth-child(2) {
  justify-content: flex-end;
}

#alertPopup {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10001;
}

#alertPopup > div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}

#alertPopup > div > .z-pkg-mapMainView-dialog-contents-alertPopup {
  max-width: 500px;
  min-width: 200px;
  max-height: 300px;
  min-height: 110px;
  background-color: #ffffff;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 12px;
}

#alertPopup > div > .z-pkg-mapMainView-dialog-contents-alertPopup > li:nth-child(1) {
  border-bottom: 1px solid #009D96;
  background-color: gainsboro;
}

#alertPopup > div > .z-pkg-mapMainView-dialog-contents-alertPopup > li:nth-child(1) > div {
  padding: 3px;
  text-align: center;
}

#alertPopup > div > .z-pkg-mapMainView-dialog-contents-alertPopup > li:nth-child(2) > div {
  padding: 10px;
}

#alertPopup > div > .z-pkg-mapMainView-dialog-contents-alertPopup > li:nth-child(3) {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 10px;
}

#alertPopup > div > .z-pkg-mapMainView-dialog-contents-alertPopup > li:nth-child(3) > button {
  margin-left: 5px;
  margin-right: 5px;
}

#alertPopup > div > .z-pkg-mapMainView-dialog-contents-alertPopup > li:nth-child(3) > button:focus {
  outline: 2px solid #4eb1ab;
}

#alertPopup > div > .z-pkg-mapMainView-dialog-contents-alertPopup #alertpopup_msg {
  text-align: center;
}

#invoicePopup {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10001;
}

#invoicePopup > .z-pkg-mapMainView-dialog-contents-invoicePopup {
  position: absolute;
  left: 50%;
  top: 50%;
  min-width: 720px;
  width: 70%;
  height: 90%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 35px 130px 30px;
  border: 1px solid black;
  border-radius: 5px;
}

#invoicePopup > .z-pkg-mapMainView-dialog-contents-invoicePopup > .invoicePopupTitle {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
}

#invoicePopup > .z-pkg-mapMainView-dialog-contents-invoicePopup > .invoicePopupClose {
  display: inline;
  float: right;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  margin-top: -20px;
  margin-right: -110px;
  cursor: pointer;
}

#invoicePopup > .z-pkg-mapMainView-dialog-contents-invoicePopup > .horizontalLine {
  border-bottom: 1px solid black;
  margin: 5px 0 20px;
  transform: scaleY(0.5);
  transform-origin: 0 0;
}

#invoicePopup > .z-pkg-mapMainView-dialog-contents-invoicePopup > .invoicePopupDialog {
  height: 88%;
}

#invoicePopup > .z-pkg-mapMainView-dialog-contents-invoicePopup > .invoicePopupDialog > b {
  font-size: 18px;
}

#invoicePopup > .z-pkg-mapMainView-dialog-contents-invoicePopup > .invoicePopupDialog > p {
  margin-left: 18px;
}

#invoicePopup > .z-pkg-mapMainView-dialog-contents-invoicePopup > .invoicePopupDialog > p > a {
  text-decoration: underline;
  cursor: pointer;
  color: #009D96;
  font-weight: bold;
}

#invoicePopup > .z-pkg-mapMainView-dialog-contents-invoicePopup > .invoicePopupDialog > p:first-of-type {
  margin-top: 15px;
}

#invoicePopup > .z-pkg-mapMainView-dialog-contents-invoicePopup > .invoicePopupDialog > p:last-child {
  margin-top: 10%;
  font-weight: bold;
}

#invoicePopup > .z-pkg-mapMainView-dialog-contents-invoicePopup > .invoicePopupFooter {
  display: flex;
  justify-content: center;
}

#invoicePopup > .z-pkg-mapMainView-dialog-contents-invoicePopup > .invoicePopupFooter > #btn_invoicePopup_close {
  height: 35px;
  width: 250px;
  padding: 2px 8px;
  font-size: 15px;
}

#alertPopupCenter {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10001;
}

#alertPopupCenter > div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}

#alertPopupCenter > div > .z-pkg-mapMainView-dialog-contents-alertPopup {
  max-width: 500px;
  min-width: 200px;
  max-height: 300px;
  min-height: 110px;
  background-color: #ffffff;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 12px;
}

#alertPopupCenter > div > .z-pkg-mapMainView-dialog-contents-alertPopup > li:nth-child(1) {
  border-bottom: 1px solid #009D96;
  background-color: gainsboro;
}

#alertPopupCenter > div > .z-pkg-mapMainView-dialog-contents-alertPopup > li:nth-child(1) > div {
  padding: 3px;
  text-align: center;
}

#alertPopupCenter > div > .z-pkg-mapMainView-dialog-contents-alertPopup > li:nth-child(2) > div {
  padding: 10px;
  text-align: center;
}

#alertPopupCenter > div > .z-pkg-mapMainView-dialog-contents-alertPopup > li:nth-child(3) {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 10px;
}

#alertPopupCenter > div > .z-pkg-mapMainView-dialog-contents-alertPopup > li:nth-child(3) > button {
  margin-left: 5px;
  margin-right: 5px;
}

#alertPopupCenter > div > .z-pkg-mapMainView-dialog-contents-alertPopup > li:nth-child(3) > button:focus {
  outline: 2px solid #4eb1ab;
}

#popup_guidemap {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9999;
}

#popup_guidemap > #popup_guidemap_close {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 40px;
  top: 30px;
  z-index: 1;
  border: 1px solid #ccc;
  background-color: white;
  border-radius: 5px;
  cursor: pointer;
}

#popup_guidemap > #popup_guidemap_close > svg {
  width: 40px;
  height: 40px;
}

#popup_guidemap > .popup_guidemap_content {
  min-width: 1340px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-color: #ffffff;
  border: 1px solid gray;
  border-radius: 5px;
  padding: 10px 30px 30px 30px;
  overflow-y: auto;
  font-size: 14px;
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
}

#buildinfoPrintPopup {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10000;
}

#buildinfoPrintPopup > .z-pkg-mapMainView-dialog-contents-buildinfoprint {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 800px;
  height: 500px;
  background-color: #ffffff;
  margin-left: -400px;
  margin-top: -250px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#buildinfoPrintPopup > .z-pkg-mapMainView-dialog-contents-buildinfoprint > li:nth-child(1) > h3 {
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

#buildinfoPrintPopup > .z-pkg-mapMainView-dialog-contents-buildinfoprint > li:nth-child(2) > span {
  margin-bottom: 20px;
  text-align: center;
  display: block;
}

#buildinfoPrintPopup > .z-pkg-mapMainView-dialog-contents-buildinfoprint > li:nth-child(3) {
  overflow-y: scroll;
  border: 1px solid black;
  margin-left: 20px;
  margin-right: 20px;
}

#buildinfoPrintPopup > .z-pkg-mapMainView-dialog-contents-buildinfoprint > li:nth-child(3) > div {
  padding: 5px;
  white-space: pre;
  width: 650px;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

#buildinfoPrintPopup > .z-pkg-mapMainView-dialog-contents-buildinfoprint > li:nth-child(4) {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-bottom: 10px;
  margin-top: 10px;
}

#buildinfoPrintPopup > .z-pkg-mapMainView-dialog-contents-buildinfoprint > li:nth-child(4) > button {
  width: 200px;
}

#changePasswordPopup {
  display: none;
}

#changePasswordPopup > div:nth-child(1) {
  overflow: auto;
  font-size: 14px;
}

#changePasswordPopup > div:nth-child(1) > #z_pkg_mapMainView_dialog_contents_changePasswordPopup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  justify-content: flex-start;
  width: 600px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow-y: auto;
}

#changePasswordPopup > div:nth-child(1) > #z_pkg_mapMainView_dialog_contents_changePasswordPopup > form > div:nth-of-type(1) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  min-height: 420px;
  color: #283745;
  overflow-y: auto;
}

#changePasswordPopup > div:nth-child(1) > #z_pkg_mapMainView_dialog_contents_changePasswordPopup > form > div:nth-of-type(1) > div:nth-child(1),
#changePasswordPopup > div:nth-child(1) > #z_pkg_mapMainView_dialog_contents_changePasswordPopup > form > div:nth-of-type(1) > div:nth-child(2),
#changePasswordPopup > div:nth-child(1) > #z_pkg_mapMainView_dialog_contents_changePasswordPopup > form > div:nth-of-type(1) > div:nth-child(3) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  height: 30px;
  line-height: 30px;
  margin: 0 100px;
}

#changePasswordPopup > div:nth-child(1) > #z_pkg_mapMainView_dialog_contents_changePasswordPopup > form > div:nth-of-type(1) > div:nth-child(1) {
  margin-bottom: 20px;
}

#changePasswordPopup > div:nth-child(1) > #z_pkg_mapMainView_dialog_contents_changePasswordPopup > form > div:nth-of-type(1) > div:nth-child(2) {
  margin-bottom: 20px;
}

#changePasswordPopup > div:nth-child(1) > #z_pkg_mapMainView_dialog_contents_changePasswordPopup > form > div:nth-of-type(1) > div:nth-child(3) {
  margin-bottom: 50px;
}

#changePasswordPopup > div:nth-child(1) > #z_pkg_mapMainView_dialog_contents_changePasswordPopup > form > div:nth-of-type(1) > div:nth-child(1) > div:nth-child(2) > input.z_txtbox,
#changePasswordPopup > div:nth-child(1) > #z_pkg_mapMainView_dialog_contents_changePasswordPopup > form > div:nth-of-type(1) > div:nth-child(2) > div:nth-child(2) > input.z_txtbox,
#changePasswordPopup > div:nth-child(1) > #z_pkg_mapMainView_dialog_contents_changePasswordPopup > form > div:nth-of-type(1) > div:nth-child(3) > div:nth-child(2) > input.z_txtbox {
  width: 100%;
  height: 100%;
}

#changePasswordPopup > div:nth-child(1) > #z_pkg_mapMainView_dialog_contents_changePasswordPopup > form > div:nth-of-type(1) > div:nth-of-type(4) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  height: 45px;
  color: #283745;
  text-align: center;
}

#changePasswordPopup > div:nth-child(1) > #z_pkg_mapMainView_dialog_contents_changePasswordPopup > form > div:nth-of-type(1) > div:nth-of-type(4) > span {
  width: 440px;
  height: 35px;
  margin: 0 auto;
  font-size: 10px;
}

#changePasswordPopup > div:nth-child(1) > #z_pkg_mapMainView_dialog_contents_changePasswordPopup > form > div:nth-of-type(1) > div:nth-of-type(5) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  height: 45px;
  line-height: 45px;
  color: #283745;
  text-align: center;
}

#changePasswordPopup > div:nth-child(1) > #z_pkg_mapMainView_dialog_contents_changePasswordPopup > form > div:nth-of-type(1) > div:nth-of-type(5) > span {
  width: 440px;
  height: 35px;
  margin: 0 auto;
  border-bottom: 1px solid #283745;
}

#changePasswordPopup > div:nth-child(1) > #z_pkg_mapMainView_dialog_contents_changePasswordPopup > form > div:nth-of-type(1) > div:nth-of-type(6) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  height: 45px;
  line-height: 45px;
  color: #ff0000;
  text-align: center;
  margin-top: 50px;
}

#changePasswordPopup > div:nth-child(1) > #z_pkg_mapMainView_dialog_contents_changePasswordPopup > form > div:nth-of-type(1) > div:nth-of-type(6) > span {
  display: none;
}

.modalWindow {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  justify-content: center;
  align-items: center;
  z-index: 10000;
}

.modalWindow .modalWindowBody {
  min-width: 720px;
  width: 70%;
  height: 90%;
  background-color: #ffffff;
  border: 1px solid #333;
  border-radius: 5px;
  position: relative;
  padding: 25px 0 0 0;
}

.modalWindow .modalWindowBody.scrollContents {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: 45px 1fr 70px;
  -ms-grid-rows: 45px 1fr 70px;
  grid-row-gap: 20px;
}

.modalWindow .modalWindowBody.scrollContents > .modalWindowTitle {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.modalWindow .modalWindowBody.scrollContents > .modalWindowContents {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
}

.modalWindow .modalWindowBody.scrollContents > .modalWindowFooter {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 3/4;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
}

.modalWindowTitle {
  margin-left: auto;
  margin-right: auto;
  width: 600px;
  height: 45px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid gray;
}

.modalWindowFooter {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 10px 10px 25px 10px;
}

.modalWindowFooter > button,
.modalWindowFooter > button.z-pkg-button-apply {
  height: 30px;
  font-size: 1.5rem;
  width: 400px;
}

.modalWindowClose {
  position: absolute;
  width: 32px;
  height: 32px;
  right: 10px;
  top: 10px;
  z-index: 1;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
}

.modalWindowClose svg {
  display: block;
  margin: auto auto auto auto;
  height: 30px;
  width: 30px;
}

.z_txtbox,
.z_sbox,
.z_ubox,
.z_pwd,
.z_selbox,
.z_selbox2 {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 3px 6px;
  background-color: #f0f0f0;
  color: #333;
}

.popup-style #popup_multi_target_sp {
  white-space: nowrap;
  width: 65vw;
  overflow-y: scroll;
}

.popup-style #popup_multi_target_sp li {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.popup-style #popup_multi_target_sp li span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.popup-style #popup_multi_target {
  white-space: nowrap;
  max-width: 200px;
  max-height: 240px;
  overflow-y: auto;
}

.popup-style #popup_multi_target li {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.popup-style #popup_multi_target li span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#editComanyPopup {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10000;
}

#editComanyPopup > div:nth-child(1) {
  position: absolute;
  left: 10%;
  top: 10%;
  width: 80%;
  height: 700px;
  background-color: #ffffff;
  border: 1px solid gray;
  border-radius: 5px;
  padding: 10px;
  overflow: auto;
  font-size: 14px;
}

#editComanyPopup > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-editComanyPopup {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}

#editComanyPopup > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-editComanyPopup > .editCompany-title {
  width: 100%;
  background-color: #f2f2f2;
  margin-top: 15px;
  padding-left: 10px;
  font-size: 16px;
  font-weight: bold;
}

#editComanyPopup > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-editComanyPopup > .editCompany-subtitle {
  margin-top: 20px;
  margin-bottom: 20px;
}

#editComanyPopup > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-editComanyPopup > .editCompany-subtitle > .type-important {
  color: red;
}

#editComanyPopup > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-editComanyPopup > li:nth-child(3) > input {
  border: 2px solid #009d96;
  border-radius: 12px;
  padding: 2px 2px 2px 10px;
  width: 65%;
}

#editComanyPopup > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-editComanyPopup > li:nth-child(4) > input {
  border: 2px solid #009d96;
  border-radius: 12px;
  padding: 2px 2px 2px 10px;
  width: 65%;
  margin-left: 40px;
}

#editComanyPopup > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-editComanyPopup > li:nth-child(5) > input {
  border: 2px solid #009d96;
  border-radius: 12px;
  padding: 2px 2px 2px 10px;
  width: 65%;
  margin-left: 40px;
}

#editComanyPopup > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-editComanyPopup > li:nth-child(6) > input {
  border: 2px solid #009d96;
  border-radius: 12px;
  padding: 2px 2px 2px 10px;
  width: 65%;
}

#editComanyPopup > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-editComanyPopup > li:nth-child(7) > input {
  border: 2px solid #009d96;
  border-radius: 12px;
  padding: 2px 2px 2px 10px;
  width: 65%;
  margin-left: 40px;
}

#editComanyPopup > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-editComanyPopup > li:nth-child(8) > input {
  border: 2px solid #009d96;
  border-radius: 12px;
  padding: 2px 2px 2px 10px;
  width: 65%;
  margin-left: 40px;
}

#editComanyPopup > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-editComanyPopup > li:nth-child(9) > input {
  border: 2px solid #009d96;
  border-radius: 12px;
  padding: 2px 2px 2px 10px;
  width: 65%;
  margin-left: 40px;
}

#editComanyPopup > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-editComanyPopup > li:nth-child(10) {
  text-align: center;
}

#editComanyPopup > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-editComanyPopup > li:nth-child(10) > button {
  margin-top: 40px;
  width: 50%;
}

#editComanyPopup #edit_popup_close {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 15px;
  top: 15px;
  z-index: 1;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
}

.label-edit-info {
  background-color: #d6f0ed;
  color: #009d96;
  width: fit-content;
  min-width: 160px;
  height: 30px;
  text-align: center;
  align-items: center;
  border-radius: 5px;
  display: inline-grid;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: bold;
}

#mobile_edit_company_info > .edit-content > li:nth-child(1) > input {
  border: 2px solid #009d96;
  border-radius: 12px;
  padding: 1px;
  width: 50%;
}

#mobile_edit_company_info > .edit-content > li:nth-child(3) .address {
  border: 2px solid #009d96;
  border-radius: 12px;
  padding: 1px;
  width: 50%;
}

#mobile_edit_company_info > .edit-content > li:nth-child(2) .address {
  margin-left: 47px;
  border: 2px solid #009d96;
  border-radius: 12px;
  padding: 1px;
  width: 50%;
}

#mobile_edit_company_info > .edit-content > li:nth-child(4) .URL {
  margin-left: 47px;
  border: 2px solid #009d96;
  border-radius: 12px;
  padding: 1px;
  width: 50%;
}

#mobile_edit_company_info > .edit-content > li:nth-child(5) .phone_number {
  margin-left: 47px;
  border: 2px solid #009d96;
  border-radius: 12px;
  padding: 1px;
  width: 50%;
}

#mobile_edit_company_info > .edit-content > li:nth-child(6) .fax_number {
  margin-left: 47px;
  border: 2px solid #009d96;
  border-radius: 12px;
  padding: 1px;
  width: 50%;
}

.multi_target_popup {
  white-space: nowrap;
  height: fit-content;
  width: fit-content;
  max-width: 265px;
  max-height: 120px;
  overflow-y: auto;
}

.detail_target_info {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-right: 4px;
}

.mb_multi_target_popup {
  white-space: nowrap;
  height: fit-content;
  width: fit-content;
  overflow-y: auto;
  max-height: 72px;
}

.mb_detail_target_info {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-right: 4px;
  width: 140px;
}

.detail_target_info > span,
.mb_detail_target_info > span {
  max-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-wrap: auto;
}

#onmap_layer_container {
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 80px;
  height: 70px;
  background-color: #ffffff;
  border: 1px solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

#onmap_layer_container:hover {
  border: 1px solid #009D96;
}

#onmap_layer_container:hover > #btn_onmap_layer > a {
  color: #009D96;
}

#onmap_layer_container:hover > #btn_onmap_layer > svg {
  fill: #009D96;
}

#onmap_layer_container .z-pkg-mapMainView-main-map-contents-container {
  cursor: default;
  position: absolute;
  right: 100px;
  top: 0px;
  width: 340px;
  max-height: 645px;
  overflow-y: auto;
  display: none;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
  border: 1px solid #bfbfbf;
  background-color: #ffffff;
}

#onmap_layer_container .z-pkg-mapMainView-main-map-contents-container > div:nth-child(1) {
  margin: 0px 0px 0px auto;
  padding: 10px 10px 10px 10px;
}

#onmap_layer_container .z-pkg-mapMainView-main-map-contents-subtitle {
  display: inline-block;
  width: 100%;
  margin: 0 2px 0 0;
  padding: 5px 10px 2px 10px;
  font-size: 1.5rem;
  font-weight: bold;
  border-bottom: 1px solid #009D96;
}

#onmap_layer_container .z-pkg-mapMainView-main-map-contents-container.open {
  display: block;
}

#onmap_link_container {
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 100px;
  width: 80px;
  height: 70px;
  background-color: #ffffff;
  border: 1px solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

#onmap_link_container:hover {
  border: 1px solid #009D96;
}

#onmap_link_container:hover > #btn_onmap_link > a {
  color: #009D96;
}

#onmap_link_container:hover > #btn_onmap_link > svg {
  fill: #009D96;
}

#onmap_link_container .z-pkg-mapMainView-main-map-contents-container {
  cursor: default;
  position: absolute;
  right: 100px;
  top: 0px;
  width: 330px;
  display: none;
  max-height: 530px;
  overflow-y: auto;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
}

#onmap_link_container .z-pkg-mapMainView-main-map-contents-container > div:nth-child(1) {
  margin: 0px 0px 0px auto;
  padding: 10px 10px 10px 10px;
  background-color: #ffffff;
  border: 1px solid #bfbfbf;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
}

#onmap_link_container .z-pkg-mapMainView-main-map-contents-subtitle {
  display: inline-block;
  width: 100%;
  margin: 0 2px 0 0;
  padding: 5px 10px 2px 10px;
  font-size: 1.5rem;
  font-weight: bold;
  border-bottom: 1px solid #009D96;
}

#onmap_link_container .z-pkg-mapMainView-main-map-contents-container.open {
  display: block;
}

#btn_onmap_layer > svg,
#btn_onmap_link > svg {
  width: 40px;
  height: 48px;
  fill: #333;
  display: block;
  margin: 0px auto 0px auto;
}

#btn_onmap_layer > a,
#btn_onmap_link > a {
  display: block;
  padding: 0px 0px 0px 0px;
  position: relative;
  top: -5px;
  background-color: transparent;
}

#map_contents_menu_container {
  height: fit-content;
}

#map_link_menu_container > div > .title,
#map_contents_menu_container > div > .title {
  font-weight: bold;
}

#map_link_menu_container > div > .title > span,
#map_contents_menu_container > div > .title > span {
  float: right;
  font-weight: normal;
  margin-right: 5px;
}

#map_link_menu_container > div > .separator,
#map_contents_menu_container > div > .separator {
  margin: 5px 0px 5px 0px;
}

#map_link_menu_container > div > ul,
#map_contents_menu_container > div > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#map_link_menu_container > div > ul > li,
#map_contents_menu_container > div > ul > li {
  margin: 8px 0px 0px 0px;
  width: 100px;
  text-align: center;
}

#map_link_menu_container > div > ul > li > a > img,
#map_contents_menu_container > div > ul > li > a > img {
  border: 2px solid #009D96;
  width: 70px;
  height: 70px;
}

#map_link_menu_container > div > ul > li > a > img:hover,
#map_contents_menu_container > div > ul > li > a > img:hover {
  border: 4px solid #009D96;
  cursor: pointer;
}

#map_link_menu_container > div > ul > li > a > img.map_wms_checked,
#map_contents_menu_container > div > ul > li > a > img.map_wms_checked {
  border: 4px solid red;
}

#map_link_menu_container > div > ul > li > a > img.map_wms_disabled,
#map_contents_menu_container > div > ul > li > a > img.map_wms_disabled {
  display: none;
}

#map_link_menu_container > div > ul > li > a > img.map_wms_disabled + span,
#map_contents_menu_container > div > ul > li > a > img.map_wms_disabled + span {
  display: none;
}

#map_link_menu_container > div > ul > li > img,
#map_contents_menu_container > div > ul > li > img {
  border: 2px solid #009D96;
  width: 70px;
  height: 70px;
}

#map_link_menu_container > div > ul > li > img:hover,
#map_contents_menu_container > div > ul > li > img:hover {
  border: 4px solid #009D96;
  cursor: pointer;
}

#map_link_menu_container > div > ul > li > img.noactive,
#map_contents_menu_container > div > ul > li > img.noactive {
  border: none;
}

#map_link_menu_container > div > ul > li > img.noactive + span,
#map_contents_menu_container > div > ul > li > img.noactive + span {
  color: #bfbfbf;
}

#map_link_menu_container > div > ul > li > img.noactive:hover,
#map_contents_menu_container > div > ul > li > img.noactive:hover {
  border: none !important;
  cursor: default !important;
}

#map_link_menu_container > div > ul > li > img.map_wms_checked,
#map_contents_menu_container > div > ul > li > img.map_wms_checked {
  border: 4px solid red;
}

#map_link_menu_container > div > ul > li > img.map_wms_disabled,
#map_contents_menu_container > div > ul > li > img.map_wms_disabled {
  display: none;
}

#map_link_menu_container > div > ul > li > img.map_wms_disabled + span,
#map_contents_menu_container > div > ul > li > img.map_wms_disabled + span {
  display: none;
}

#map_link_menu_container > div > ul > li > span,
#map_contents_menu_container > div > ul > li > span {
  display: block;
  font-size: 1.2rem;
  margin: auto auto auto auto;
  width: 80px;
}

#map_link_menu_container #bailink.disabled {
  cursor: default;
}

#map_link_menu_container #bailink.disabled img {
  border: 0;
}

#map_contents_list2 {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  -ms-grid-rows: auto;
  margin: 5px 0px 0px 0px;
}

#map_contents_list2 > li:nth-of-type(1) {
  grid-column: 1/4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2-1;
  font-weight: bold;
}

#map_contents_list2 > li:nth-of-type(1) > span {
  font-weight: normal;
  float: right;
  margin-right: 5px;
}

#map_contents_list2 > li:nth-of-type(2) {
  grid-column: 1/4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-row: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 3-2;
  padding: 5px 0px 5px 0px;
}

#map_contents_list2 > li:nth-of-type(3) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2-1;
  grid-row: 3/4;
  -ms-grid-row: 3;
  -ms-grid-row-span: 4-3;
  margin: 8px 0px 0px 0px;
  width: 100px;
  text-align: center;
}

#map_contents_list2 > li:nth-of-type(3) > img {
  border: 2px solid #009D96;
  width: 70px;
  height: 70px;
}

#map_contents_list2 > li:nth-of-type(3) > img:hover {
  border: 4px solid #009D96;
  cursor: pointer;
}

#map_contents_list2 > li:nth-of-type(3) > img.map_wms_checked {
  border: 4px solid red;
}

#map_contents_list2 > li:nth-of-type(3) > img.map_wms_disabled {
  display: none;
}

#map_contents_list2 > li:nth-of-type(3) > img.map_wms_disabled + span {
  display: none;
}

#map_contents_list2 > li:nth-of-type(3) > span {
  display: block;
  font-size: 1.2rem;
  margin: auto auto auto auto;
  width: 80px;
}

#map_contents_list2 > li:nth-of-type(4) {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 3-2;
  grid-row: 3/4;
  -ms-grid-row: 3;
  -ms-grid-row-span: 4-3;
  margin: 8px 0px 0px 0px;
  width: 100px;
  text-align: center;
}

#map_contents_list2 > li:nth-of-type(4) > img {
  border: 2px solid #009D96;
  width: 70px;
  height: 70px;
}

#map_contents_list2 > li:nth-of-type(4) > img:hover {
  border: 4px solid #009D96;
  cursor: pointer;
}

#map_contents_list2 > li:nth-of-type(4) > img.map_wms_checked {
  border: 4px solid red;
}

#map_contents_list2 > li:nth-of-type(4) > img.map_wms_disabled {
  display: none;
}

#map_contents_list2 > li:nth-of-type(4) > img.map_wms_disabled + span {
  display: none;
}

#map_contents_list2 > li:nth-of-type(4) > span {
  display: block;
  font-size: 1.2rem;
  margin: auto auto auto auto;
  width: 80px;
}

#map_contents_list2 > li:nth-of-type(5) {
  grid-column: 3/4;
  -ms-grid-column: 3;
  -ms-grid-column-span: 4-3;
  grid-row: 3/4;
  -ms-grid-row: 3;
  -ms-grid-row-span: 4-3;
  margin: 8px 0px 0px 0px;
  width: 100px;
  text-align: center;
}

#map_contents_list2 > li:nth-of-type(5) > img {
  border: 2px solid #009D96;
  width: 70px;
  height: 70px;
}

#map_contents_list2 > li:nth-of-type(5) > img:hover {
  border: 4px solid #009D96;
  cursor: pointer;
}

#map_contents_list2 > li:nth-of-type(5) > img.map_wms_checked {
  border: 4px solid red;
}

#map_contents_list2 > li:nth-of-type(5) > img.map_wms_disabled {
  display: none;
}

#map_contents_list2 > li:nth-of-type(5) > img.map_wms_disabled + span {
  display: none;
}

#map_contents_list2 > li:nth-of-type(5) > span {
  display: block;
  font-size: 1.2rem;
  margin: auto auto auto auto;
  width: 80px;
}

#map_contents_list2 > li:nth-of-type(6) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2-1;
  grid-row: 4/5;
  -ms-grid-row: 4;
  -ms-grid-row-span: 5-4;
  margin: 8px 0px 0px 0px;
  width: 100px;
  text-align: center;
}

#map_contents_list2 > li:nth-of-type(6) > img {
  border: 2px solid #009D96;
  width: 70px;
  height: 70px;
}

#map_contents_list2 > li:nth-of-type(6) > img:hover {
  border: 4px solid #009D96;
  cursor: pointer;
}

#map_contents_list2 > li:nth-of-type(6) > img.map_wms_checked {
  border: 4px solid red;
}

#map_contents_list2 > li:nth-of-type(6) > img.map_wms_disabled {
  display: none;
}

#map_contents_list2 > li:nth-of-type(6) > img.map_wms_disabled + span {
  display: none;
}

#map_contents_list2 > li:nth-of-type(6) > span {
  display: block;
  font-size: 1.2rem;
  margin: auto auto auto auto;
  width: 80px;
}

#map_contents_list2 > li:nth-of-type(7) {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 3-2;
  grid-row: 4/5;
  -ms-grid-row: 4;
  -ms-grid-row-span: 5-4;
  margin: 8px 0px 0px 0px;
  width: 100px;
  text-align: center;
}

#map_contents_list2 > li:nth-of-type(7) > img {
  border: 2px solid #009D96;
  width: 70px;
  height: 70px;
}

#map_contents_list2 > li:nth-of-type(7) > img:hover {
  border: 4px solid #009D96;
  cursor: pointer;
}

#map_contents_list2 > li:nth-of-type(7) > img.map_wms_checked {
  border: 4px solid red;
}

#map_contents_list2 > li:nth-of-type(7) > img.map_wms_disabled {
  display: none;
}

#map_contents_list2 > li:nth-of-type(7) > img.map_wms_disabled + span {
  display: none;
}

#map_contents_list2 > li:nth-of-type(7) > span {
  display: block;
  font-size: 1.2rem;
  margin: auto auto auto auto;
  width: 80px;
}

#map_contents_list2 > li:nth-of-type(8) {
  grid-column: 3/4;
  -ms-grid-column: 3;
  -ms-grid-column-span: 4-3;
  grid-row: 4/5;
  -ms-grid-row: 4;
  -ms-grid-row-span: 5-4;
  margin: 8px 0px 0px 0px;
  width: 100px;
  text-align: center;
}

#map_contents_list2 > li:nth-of-type(8) > img {
  border: 2px solid #009D96;
  width: 70px;
  height: 70px;
}

#map_contents_list2 > li:nth-of-type(8) > img:hover {
  border: 4px solid #009D96;
  cursor: pointer;
}

#map_contents_list2 > li:nth-of-type(8) > img.map_wms_checked {
  border: 4px solid red;
}

#map_contents_list2 > li:nth-of-type(8) > img.map_wms_disabled {
  display: none;
}

#map_contents_list2 > li:nth-of-type(8) > img.map_wms_disabled + span {
  display: none;
}

#map_contents_list2 > li:nth-of-type(8) > span {
  display: block;
  font-size: 1.2rem;
  margin: auto auto auto auto;
  width: 80px;
}

#map_contents_list2 > li:nth-of-type(9) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2-1;
  grid-row: 5/6;
  -ms-grid-row: 5;
  -ms-grid-row-span: 6-5;
  margin: 8px 0px 0px 0px;
  width: 100px;
  text-align: center;
}

#map_contents_list2 > li:nth-of-type(9) > img {
  border: 2px solid #009D96;
  width: 70px;
  height: 70px;
}

#map_contents_list2 > li:nth-of-type(9) > img:hover {
  border: 4px solid #009D96;
  cursor: pointer;
}

#map_contents_list2 > li:nth-of-type(9) > img.map_wms_checked {
  border: 4px solid red;
}

#map_contents_list2 > li:nth-of-type(9) > img.map_wms_disabled {
  display: none;
}

#map_contents_list2 > li:nth-of-type(9) > img.map_wms_disabled + span {
  display: none;
}

#map_contents_list2 > li:nth-of-type(9) > span {
  display: block;
  font-size: 1.2rem;
  margin: auto auto auto auto;
  width: 80px;
}

#map_contents_list2 > li:nth-of-type(10) {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 3-2;
  grid-row: 5/6;
  -ms-grid-row: 5;
  -ms-grid-row-span: 6-5;
  margin: 8px 0px 0px 0px;
  width: 100px;
  text-align: center;
}

#map_contents_list2 > li:nth-of-type(10) > img {
  border: 2px solid #009D96;
  width: 70px;
  height: 70px;
}

#map_contents_list2 > li:nth-of-type(10) > img:hover {
  border: 4px solid #009D96;
  cursor: pointer;
}

#map_contents_list2 > li:nth-of-type(10) > img.map_wms_checked {
  border: 4px solid red;
}

#map_contents_list2 > li:nth-of-type(10) > img.map_wms_disabled {
  display: none;
}

#map_contents_list2 > li:nth-of-type(10) > img.map_wms_disabled + span {
  display: none;
}

#map_contents_list2 > li:nth-of-type(10) > span {
  display: block;
  font-size: 1.2rem;
  margin: auto auto auto auto;
  width: 80px;
}

#map_contents_list2 > li:nth-of-type(11) {
  grid-column: 3/4;
  -ms-grid-column: 3;
  -ms-grid-column-span: 4-3;
  grid-row: 5/6;
  -ms-grid-row: 5;
  -ms-grid-row-span: 6-5;
  margin: 8px 0px 0px 0px;
  width: 100px;
  text-align: center;
}

#map_contents_list2 > li:nth-of-type(11) > img {
  border: 2px solid #009D96;
  width: 70px;
  height: 70px;
}

#map_contents_list2 > li:nth-of-type(11) > img:hover {
  border: 4px solid #009D96;
  cursor: pointer;
}

#map_contents_list2 > li:nth-of-type(11) > img.map_wms_checked {
  border: 4px solid red;
}

#map_contents_list2 > li:nth-of-type(11) > img.map_wms_disabled {
  display: none;
}

#map_contents_list2 > li:nth-of-type(11) > img.map_wms_disabled + span {
  display: none;
}

#map_contents_list2 > li:nth-of-type(11) > span {
  display: block;
  font-size: 1.2rem;
  margin: auto auto auto auto;
  width: 80px;
}

#map_contents_list2 > li:nth-of-type(12) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2-1;
  grid-row: 6/7;
  -ms-grid-row: 6;
  -ms-grid-row-span: 7-6;
  margin: 8px 0px 0px 0px;
  width: 100px;
  text-align: center;
}

#map_contents_list2 > li:nth-of-type(12) > img {
  border: 2px solid #009D96;
  width: 70px;
  height: 70px;
}

#map_contents_list2 > li:nth-of-type(12) > img:hover {
  border: 4px solid #009D96;
  cursor: pointer;
}

#map_contents_list2 > li:nth-of-type(12) > img.map_wms_checked {
  border: 4px solid red;
}

#map_contents_list2 > li:nth-of-type(12) > img.map_wms_disabled {
  display: none;
}

#map_contents_list2 > li:nth-of-type(12) > img.map_wms_disabled + span {
  display: none;
}

#map_contents_list2 > li:nth-of-type(12) > span {
  display: block;
  font-size: 1.2rem;
  margin: auto auto auto auto;
  width: 80px;
}

#map_contents_list2 > li:nth-of-type(13) {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 3-2;
  grid-row: 6/7;
  -ms-grid-row: 6;
  -ms-grid-row-span: 7-6;
  margin: 8px 0px 0px 0px;
  width: 100px;
  text-align: center;
}

#map_contents_list2 > li:nth-of-type(13) > img {
  border: 2px solid #009D96;
  width: 70px;
  height: 70px;
}

#map_contents_list2 > li:nth-of-type(13) > img:hover {
  border: 4px solid #009D96;
  cursor: pointer;
}

#map_contents_list2 > li:nth-of-type(13) > img.map_wms_checked {
  border: 4px solid red;
}

#map_contents_list2 > li:nth-of-type(13) > img.map_wms_disabled {
  display: none;
}

#map_contents_list2 > li:nth-of-type(13) > img.map_wms_disabled + span {
  display: none;
}

#map_contents_list2 > li:nth-of-type(13) > span {
  display: block;
  font-size: 1.2rem;
  margin: auto auto auto auto;
  width: 80px;
}

#map_contents_list2 > li:nth-of-type(14) {
  grid-column: 3/4;
  -ms-grid-column: 3;
  -ms-grid-column-span: 4-3;
  grid-row: 6/7;
  -ms-grid-row: 6;
  -ms-grid-row-span: 7-6;
  margin: 8px 0px 0px 0px;
  width: 100px;
  text-align: center;
}

#map_contents_list2 > li:nth-of-type(14) > img {
  border: 2px solid #009D96;
  width: 70px;
  height: 70px;
}

#map_contents_list2 > li:nth-of-type(14) > img:hover {
  border: 4px solid #009D96;
  cursor: pointer;
}

#map_contents_list2 > li:nth-of-type(14) > img.map_wms_checked {
  border: 4px solid red;
}

#map_contents_list2 > li:nth-of-type(14) > img.map_wms_disabled {
  display: none;
}

#map_contents_list2 > li:nth-of-type(14) > img.map_wms_disabled + span {
  display: none;
}

#map_contents_list2 > li:nth-of-type(14) > span {
  display: block;
  font-size: 1.2rem;
  margin: auto auto auto auto;
  width: 80px;
}

#map_contents_list2 > li:nth-of-type(15) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2-1;
  grid-row: 7/8;
  -ms-grid-row: 7;
  -ms-grid-row-span: 8-7;
  margin: 8px 0px 0px 0px;
  width: 100px;
  text-align: center;
}

#map_contents_list2 > li:nth-of-type(15) > img {
  border: 2px solid #009D96;
  width: 70px;
  height: 70px;
}

#map_contents_list2 > li:nth-of-type(15) > img:hover {
  border: 4px solid #009D96;
  cursor: pointer;
}

#map_contents_list2 > li:nth-of-type(15) > img.map_wms_checked {
  border: 4px solid red;
}

#map_contents_list2 > li:nth-of-type(15) > img.map_wms_disabled {
  display: none;
}

#map_contents_list2 > li:nth-of-type(15) > img.map_wms_disabled + span {
  display: none;
}

#map_contents_list2 > li:nth-of-type(15) > span {
  display: block;
  font-size: 1.2rem;
  margin: auto auto auto auto;
  width: 80px;
}

#map_contents_list2 > li:nth-of-type(16) {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 3-2;
  grid-row: 7/8;
  -ms-grid-row: 7;
  -ms-grid-row-span: 8-7;
  margin: 8px 0px 0px 0px;
  width: 100px;
  text-align: center;
}

#map_contents_list2 > li:nth-of-type(16) > img {
  border: 2px solid #009D96;
  width: 70px;
  height: 70px;
}

#map_contents_list2 > li:nth-of-type(16) > img:hover {
  border: 4px solid #009D96;
  cursor: pointer;
}

#map_contents_list2 > li:nth-of-type(16) > img.map_wms_checked {
  border: 4px solid red;
}

#map_contents_list2 > li:nth-of-type(16) > img.map_wms_disabled {
  display: none;
}

#map_contents_list2 > li:nth-of-type(16) > img.map_wms_disabled + span {
  display: none;
}

#map_contents_list2 > li:nth-of-type(16) > span {
  display: block;
  font-size: 1.2rem;
  margin: auto auto auto auto;
  width: 80px;
}

#map_contents_list2 > li:nth-of-type(17) {
  grid-column: 3/4;
  -ms-grid-column: 3;
  -ms-grid-column-span: 4-3;
  grid-row: 7/8;
  -ms-grid-row: 7;
  -ms-grid-row-span: 8-7;
  margin: 8px 0px 0px 0px;
  width: 100px;
  text-align: center;
}

#map_contents_list2 > li:nth-of-type(17) > img {
  border: 2px solid #009D96;
  width: 70px;
  height: 70px;
}

#map_contents_list2 > li:nth-of-type(17) > img:hover {
  border: 4px solid #009D96;
  cursor: pointer;
}

#map_contents_list2 > li:nth-of-type(17) > img.map_wms_checked {
  border: 4px solid red;
}

#map_contents_list2 > li:nth-of-type(17) > img.map_wms_disabled {
  display: none;
}

#map_contents_list2 > li:nth-of-type(17) > img.map_wms_disabled + span {
  display: none;
}

#map_contents_list2 > li:nth-of-type(17) > span {
  display: block;
  font-size: 1.2rem;
  margin: auto auto auto auto;
  width: 80px;
}

.z-pkg-mapMainView-offside-canvas-feature-search-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  justify-content: flex-start;
}

.z-pkg-mapMainView-offside-canvas-feature-search-container > li:nth-child(1) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-bottom: 10px;
  min-height: 32px;
}

.z-pkg-mapMainView-offside-canvas-feature-search-container > li:nth-child(1) > button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-direction: row;
  justify-content: center;
  margin: 2px 0px 2px 0px;
}

.z-pkg-mapMainView-offside-canvas-feature-search-container > li:nth-child(1) > button > span {
  display: block;
  float: left;
}

.z-pkg-mapMainView-offside-canvas-feature-search-container > li:nth-child(1) > button > span:nth-of-type(1) {
  width: 24px;
  height: 24px;
  margin: auto 5px auto 0px;
  background-position: center;
  background-size: contain;
}

.z-pkg-mapMainView-offside-canvas-feature-search-container > li:nth-child(1) > button > span:nth-of-type(2) {
  position: relative;
  top: 2px;
}

.z-pkg-mapMainView-offside-canvas-feature-search-container > li:nth-child(1) > button:nth-of-type(1) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-search-container > li:nth-child(1) > button:nth-of-type(1) > span:nth-of-type(1) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='256' viewBox='0 0 256 256' width='256'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D .st1%7Bfill:none;%7D .st2%7Bfill:%23231815;%7D .st3%7Bclip-path:url(%23SVGID_2_);%7D%0A%3C/style%3E%3Cg%3E%3Cpath fill='%23009D96' d='M210.71,182.54l-0.77,0.75c13.38-18.72,21.29-41.63,21.29-66.4c0-63.14-51.19-114.33-114.33-114.33 C53.75,2.57,2.57,53.75,2.57,116.89c0,63.14,51.19,114.33,114.33,114.33c23.6,0,45.53-7.16,63.75-19.41l-0.87,0.85l44.56,40.78 l29.1-31.8L210.71,182.54z M116.89,206.13c-49.21,0-89.24-40.03-89.24-89.24s40.03-89.24,89.24-89.24 c49.21,0,89.24,40.03,89.24,89.24S166.1,206.13,116.89,206.13z'/%3E%3Cpath fill='%23009D96' d='M123.28,102.59c-5.11,0-8.43,0.4-10.33,0.6c0-2.01,0-4.51,0.1-6.42h45.13V82.14h-44.73l0.3-7.82H97.6v7.82H78.05v14.64 H97.5c0,2.21,0,5.22,0.2,10.43c-10.63,4.61-23.47,15.14-23.47,30.99c0,6.12,1.91,19.66,19.66,19.66 c20.56,0,37.31-23.97,41.82-40.42c11.33,3.71,11.33,12.74,11.33,14.14c0,5.92-3.61,10.93-8.52,13.54 c-5.62,3.01-9.13,3.21-20.76,3.81l4.51,13.94c9.63-0.6,40.52-2.51,40.52-30.29C162.79,112.82,146.44,102.59,123.28,102.59z M95.9,144.22c-6.62,0-6.92-6.12-6.92-7.32c0-8.22,7.62-13.54,9.83-15.14c1.2,9.93,2.61,15.74,4.31,20.36 C99.71,144.12,96.9,144.22,95.9,144.22z M114.95,130.98c-1.1-5.11-1.4-10.03-1.71-15.04c4.21-0.7,6.92-0.7,9.43-0.6 C121.27,119.55,119.67,124.46,114.95,130.98z'/%3E%3C/g%3E%3C/svg%3E");
}

.z-pkg-mapMainView-offside-canvas-feature-search-container > li:nth-child(1) > button:nth-of-type(1):hover > span:nth-of-type(1), .z-pkg-mapMainView-offside-canvas-feature-search-container > li:nth-child(1) > button:nth-of-type(1).z_btn_active > span:nth-of-type(1) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='256' viewBox='0 0 256 256' width='256'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D .st1%7Bfill:none;%7D .st2%7Bfill:%23231815;%7D .st3%7Bclip-path:url(%23SVGID_2_);%7D%0A%3C/style%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M210.71,182.54l-0.77,0.75c13.38-18.72,21.29-41.63,21.29-66.4c0-63.14-51.19-114.33-114.33-114.33 C53.75,2.57,2.57,53.75,2.57,116.89c0,63.14,51.19,114.33,114.33,114.33c23.6,0,45.53-7.16,63.75-19.41l-0.87,0.85l44.56,40.78 l29.1-31.8L210.71,182.54z M116.89,206.13c-49.21,0-89.24-40.03-89.24-89.24s40.03-89.24,89.24-89.24 c49.21,0,89.24,40.03,89.24,89.24S166.1,206.13,116.89,206.13z'/%3E%3Cpath fill='%23ffffff' d='M123.28,102.59c-5.11,0-8.43,0.4-10.33,0.6c0-2.01,0-4.51,0.1-6.42h45.13V82.14h-44.73l0.3-7.82H97.6v7.82H78.05v14.64 H97.5c0,2.21,0,5.22,0.2,10.43c-10.63,4.61-23.47,15.14-23.47,30.99c0,6.12,1.91,19.66,19.66,19.66 c20.56,0,37.31-23.97,41.82-40.42c11.33,3.71,11.33,12.74,11.33,14.14c0,5.92-3.61,10.93-8.52,13.54 c-5.62,3.01-9.13,3.21-20.76,3.81l4.51,13.94c9.63-0.6,40.52-2.51,40.52-30.29C162.79,112.82,146.44,102.59,123.28,102.59z M95.9,144.22c-6.62,0-6.92-6.12-6.92-7.32c0-8.22,7.62-13.54,9.83-15.14c1.2,9.93,2.61,15.74,4.31,20.36 C99.71,144.12,96.9,144.22,95.9,144.22z M114.95,130.98c-1.1-5.11-1.4-10.03-1.71-15.04c4.21-0.7,6.92-0.7,9.43-0.6 C121.27,119.55,119.67,124.46,114.95,130.98z'/%3E%3C/g%3E%3C/svg%3E");
}

.z-pkg-mapMainView-offside-canvas-feature-search-container > li:nth-child(1) > button:nth-of-type(2) {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-search-container > li:nth-child(1) > button:nth-of-type(2) > span:nth-of-type(1) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='256' viewBox='0 0 256 256' width='256'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D .st1%7Bfill:none;%7D .st2%7Bfill:%23231815;%7D .st3%7Bclip-path:url(%23SVGID_2_);%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Crect fill='%23009D96' x='62.62' y='178.62' width='190.81' height='43.78'/%3E%3Crect fill='%23009D96' x='62.62' y='33.6' width='190.81' height='43.78'/%3E%3Crect fill='%23009D96' x='62.62' y='106.29' width='190.81' height='43.78'/%3E%3C/g%3E%3Ccircle fill='%23009D96' cx='24.46' cy='55.49' r='21.89'/%3E%3Ccircle fill='%23009D96' cx='24.46' cy='128.18' r='21.89'/%3E%3Ccircle fill='%23009D96' cx='24.46' cy='200.51' r='21.89'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.z-pkg-mapMainView-offside-canvas-feature-search-container > li:nth-child(1) > button:nth-of-type(2):hover > span:nth-of-type(1), .z-pkg-mapMainView-offside-canvas-feature-search-container > li:nth-child(1) > button:nth-of-type(2).z_btn_active > span:nth-of-type(1) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='256' viewBox='0 0 256 256' width='256'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D .st1%7Bfill:none;%7D .st2%7Bfill:%23231815;%7D .st3%7Bclip-path:url(%23SVGID_2_);%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Crect fill='%23ffffff' x='62.62' y='178.62' width='190.81' height='43.78'/%3E%3Crect fill='%23ffffff' x='62.62' y='33.6' width='190.81' height='43.78'/%3E%3Crect fill='%23ffffff' x='62.62' y='106.29' width='190.81' height='43.78'/%3E%3C/g%3E%3Ccircle fill='%23ffffff' cx='24.46' cy='55.49' r='21.89'/%3E%3Ccircle fill='%23ffffff' cx='24.46' cy='128.18' r='21.89'/%3E%3Ccircle fill='%23ffffff' cx='24.46' cy='200.51' r='21.89'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.z-pkg-mapMainView-offside-canvas-feature-search-container > li:nth-child(2) {
  display: flex;
  height: 100%;
  overflow-y: auto;
}

.z-pkg-mapMainView-offside-canvas-feature-search-word {
  display: none;
  width: 100%;
}

.z-pkg-mapMainView-offside-canvas-feature-search-word > li:nth-child(1) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 100px 1fr;
  -ms-grid-columns: 100px 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  align-items: flex-start;
  margin: 5px 0px 0px 0px;
  min-height: 32px;
}

.z-pkg-mapMainView-offside-canvas-feature-search-word > li:nth-child(1) > div:nth-of-type(1) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  line-height: 32px;
}

.z-pkg-mapMainView-offside-canvas-feature-search-word > li:nth-child(1) > div:nth-of-type(2) {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  width: auto;
}

.z-pkg-mapMainView-offside-canvas-feature-search-word > li:nth-child(2) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 100px 1fr;
  -ms-grid-columns: 100px 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  align-items: flex-start;
  margin: 10px 0px 0px 0px;
  min-height: 32px;
}

.z-pkg-mapMainView-offside-canvas-feature-search-word > li:nth-child(2) > div:nth-of-type(1) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  line-height: 32px;
}

.z-pkg-mapMainView-offside-canvas-feature-search-word > li:nth-child(2) > div:nth-of-type(2) {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  width: auto;
}

.z-pkg-mapMainView-offside-canvas-feature-search-word > li:nth-child(3) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  align-items: flex-start;
  margin: 10px 0px 0px 0px;
  min-height: 32px;
}

.z-pkg-mapMainView-offside-canvas-feature-search-word > li:nth-child(3) > input {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-search-word > li:nth-child(4) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  height: 100%;
  margin: 10px 0px 0px 0px;
  overflow: auto;
  border: 1px solid #bfbfbf;
}

.z-pkg-mapMainView-offside-canvas-feature-search-word > li:nth-child(4) > dl {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  border: 0px solid #bfbfbf;
}

.z-pkg-mapMainView-offside-canvas-feature-search-word > li:nth-child(5) {
  min-height: 24px;
}

.z-pkg-mapMainView-offside-canvas-feature-search-word > li:nth-child(6) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin: 10px 0px 0px 0px;
}

.z-pkg-mapMainView-offside-canvas-feature-search-word > li:nth-child(6) > input {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-search-word > li:nth-child(7) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 50px 1fr 1fr 90px;
  -ms-grid-columns: 50px 1fr 1fr 90px;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin: 10px 0px 0px 0px;
}

.z-pkg-mapMainView-offside-canvas-feature-search-word > li:nth-child(7) > div:nth-of-type(1) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2-1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-search-word > li:nth-child(7) > div:nth-of-type(2) {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 3-2;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-search-word > li:nth-child(7) > div:nth-of-type(3) {
  grid-column: 3/4;
  -ms-grid-column: 3;
  -ms-grid-column-span: 4-3;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-search-word > li:nth-child(8) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 50px 1fr 1fr 90px;
  -ms-grid-columns: 50px 1fr 1fr 90px;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin: 10px 0px 0px 0px;
}

.z-pkg-mapMainView-offside-canvas-feature-search-word > li:nth-child(8) > div:nth-of-type(1) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2-1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  line-height: 30px;
}

.z-pkg-mapMainView-offside-canvas-feature-search-word > li:nth-child(8) > div:nth-of-type(2) {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 3-2;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  line-height: 30px;
}

.z-pkg-mapMainView-offside-canvas-feature-search-word > li:nth-child(8) > div:nth-of-type(3) {
  grid-column: 3/4;
  -ms-grid-column: 3;
  -ms-grid-column-span: 4-3;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  line-height: 30px;
}

.z-pkg-mapMainView-offside-canvas-feature-search-word > li:nth-child(8) > div:nth-of-type(4) {
  grid-column: 4/5;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-search-word.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  justify-content: flex-start;
}

.z-pkg-mapMainView-offside-canvas-feature-search-list {
  display: none;
  width: 100%;
  padding: 5px 0px 0px 0px;
}

.z-pkg-mapMainView-offside-canvas-feature-search-list > li:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  justify-content: flex-start;
  height: 100%;
  border: 1px solid #bfbfbf;
  padding: 5px 5px 5px 5px;
}

.z-pkg-mapMainView-offside-canvas-feature-search-list > li:nth-child(1) > dl > dt {
  cursor: pointer;
}

.z-pkg-mapMainView-offside-canvas-feature-search-list.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  justify-content: space-between;
}

.z-pkg-mapMainView-offside-canvas-feature-search-point {
  display: none;
  width: 100%;
}

.z-pkg-mapMainView-offside-canvas-feature-search-point > li:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-direction: row;
  justify-content: space-evenly;
  margin: 5px 0px 0px 0px;
}

.z-pkg-mapMainView-offside-canvas-feature-search-point > li:nth-child(2) > input {
  width: 100%;
}

.z-pkg-mapMainView-offside-canvas-feature-search-point > li:nth-child(3) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  justify-content: space-between;
  margin: 10px 0px 0px 0px;
}

.z-pkg-mapMainView-offside-canvas-feature-search-point > li:nth-child(3) > span {
  width: 18%;
}

.z-pkg-mapMainView-offside-canvas-feature-search-point > li:nth-child(3) > div:nth-child(2) {
  width: 30%;
}

.z-pkg-mapMainView-offside-canvas-feature-search-point > li:nth-child(3) > div:nth-child(3) {
  width: 52%;
}

.z-pkg-mapMainView-offside-canvas-feature-search-point > li:nth-child(4) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  justify-content: space-between;
  margin: 10px 0px auto 0px;
}

.z-pkg-mapMainView-offside-canvas-feature-search-point > li:nth-child(4) > span {
  width: 18%;
}

.z-pkg-mapMainView-offside-canvas-feature-search-point > li:nth-child(4) > div {
  width: 82%;
}

.z-pkg-mapMainView-offside-canvas-feature-search-point.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  justify-content: space-between;
  padding: 10px 0px 0px 0px;
}

#zpkg_offset_search_address > dt,
#zpkg_offset_search_poi > dt,
#zpkg_offset_search_station > dt,
#zpkg_offset_search_postcode > dt,
#zpkg_offset_search_phonenumber > dt,
#zpkg_offset_search_bmaddress > dt {
  display: grid;
  display: -ms-grid;
  grid-template-columns: auto 1fr;
  -ms-grid-columns: auto 1fr;
}

#zpkg_offset_search_address > dt > span:nth-of-type(1),
#zpkg_offset_search_poi > dt > span:nth-of-type(1),
#zpkg_offset_search_station > dt > span:nth-of-type(1),
#zpkg_offset_search_postcode > dt > span:nth-of-type(1),
#zpkg_offset_search_phonenumber > dt > span:nth-of-type(1),
#zpkg_offset_search_bmaddress > dt > span:nth-of-type(1) {
  grid-column: 1/1+1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1+1-1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#zpkg_offset_search_address > dt > span:nth-of-type(2),
#zpkg_offset_search_poi > dt > span:nth-of-type(2),
#zpkg_offset_search_station > dt > span:nth-of-type(2),
#zpkg_offset_search_postcode > dt > span:nth-of-type(2),
#zpkg_offset_search_phonenumber > dt > span:nth-of-type(2),
#zpkg_offset_search_bmaddress > dt > span:nth-of-type(2) {
  grid-column: 2/2+1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2+1-2;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#zpkg_offset_search_address > dd:hover,
#zpkg_offset_search_poi > dd:hover,
#zpkg_offset_search_station > dd:hover,
#zpkg_offset_search_postcode > dd:hover,
#zpkg_offset_search_phonenumber > dd:hover,
#zpkg_offset_search_bmaddress > dd:hover {
  background-color: #f5f5f5;
}

#zpkg_offset_search_address > dd > a:hover,
#zpkg_offset_search_poi > dd > a:hover,
#zpkg_offset_search_station > dd > a:hover,
#zpkg_offset_search_postcode > dd > a:hover,
#zpkg_offset_search_phonenumber > dd > a:hover,
#zpkg_offset_search_bmaddress > dd > a:hover {
  opacity: 1.0;
}

#offside_search_screen_type_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  justify-content: flex-start;
  height: 100%;
}

#offside_search_area.close {
  display: none;
}

#select_offside_search_area_list .pkg_load {
  line-height: 20px;
  padding: 5px 5px 5px 20px;
  height: 30px;
}

#select_offside_search_area_list .pkg_load > div {
  margin: 0px 5px 0px 0px;
}

#select_offside_search_area_list .z-pkg-tree-address > dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  justify-content: flex-start;
  padding: 0px 0px 0px 15px;
}

#select_offside_search_area_list .z-pkg-tree-address > dd:hover {
  background: #f5f5f5;
}

#select_offside_search_area_list .z-pkg-tree-address > dd.active {
  background-color: #e2e2e2;
}

#select_offside_search_target_select {
  padding: 0px 0px 0px 0px;
}

#select_offside_search_target_list {
  height: 188px;
}

#select_offside_search_area_pulldown {
  padding: 0px 0px 0px 0px;
}

#select_offside_search_area_list_container {
  height: 300px;
}

#zpkg_offset_list_poi > .z-pkg-tree-address .poi-genre-list {
  margin-top: 5px;
  border-top: 2px solid #c5c5c5;
}

#zpkg_offset_list_poi > .z-pkg-tree-address .poi-genre-list::before {
  position: relative;
  white-space: pre;
  content: " ";
  display: block;
  width: 100%;
  height: 0px;
  margin-bottom: 10px;
  background-color: #c5c5c5;
}

#zpkg_offset_list_station > .z-pkg-tree-address {
  margin-top: 5px;
  border-top: 2px solid #c5c5c5;
}

#zpkg_offset_list_station > .z-pkg-tree-flex {
  border-top: none;
}

#zpkg_offset_list_station > .z-pkg-tree-flex::before {
  position: relative;
  white-space: pre;
  content: " ";
  display: block;
  width: 100%;
  height: 2px;
  margin-bottom: 10px;
  background-color: #c5c5c5;
}

.dropdown .dropdown-menu-multi-container {
  width: 100%;
}

.z-pkg-mapMainView-offside-canvas-feature-print-conatainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  justify-content: flex-start;
  height: 100%;
}

.z-pkg-mapMainView-offside-canvas-feature-print-conatainer .z_selbox {
  cursor: pointer;
}

.z-pkg-mapMainView-offside-canvas-feature-print-conatainer .z_selbox::after {
  content: '';
  font-size: 13px;
  color: #888;
  transition: all .3s ease-in-out;
  width: 5px;
  height: 5px;
  border-bottom: 2px solid gray;
  border-right: 2px solid gray;
  transform: rotate(45deg);
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -3px;
  pointer-events: none;
}

.z-pkg-mapMainView-offside-canvas-feature-print-conatainer > div:nth-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  justify-content: space-between;
  height: 100%;
}

.z-pkg-mapMainView-offside-canvas-feature-print-conatainer > div:nth-of-type(1) > button:nth-of-type(1) {
  margin-right: 0px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-conatainer > div:nth-of-type(1) > button:nth-of-type(2) {
  margin-left: 0px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-conatainer > div:nth-of-type(2) {
  display: flex;
  height: 100%;
  overflow-y: auto;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range {
  display: none;
  width: 100%;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: auto;
  -ms-grid-rows: auto;
  overflow-y: auto;
  overflow-x: hidden;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(1) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: auto;
  -ms-grid-rows: auto;
  margin-bottom: 10px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  background-color: #f0f0f0;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) > span {
  font-weight: bold;
  margin-left: 10px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(2) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 100px 1fr 1fr;
  -ms-grid-columns: 100px 1fr 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(2) > span {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(2) {
  grid-column: 3/4;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(3) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 3/4;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 100px 1fr;
  -ms-grid-columns: 100px 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-left: 20px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(3) > span {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  line-height: 32px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(3) > div {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: auto;
  -ms-grid-rows: auto;
  margin-bottom: 10px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div {
  margin: 5px 0 5px 0;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/1+1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1+1-1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(2) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 2/2+1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 2+1-2;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 3/3+1;
  -ms-grid-row: 3;
  -ms-grid-row-span: 3+1-3;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(4) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 4/4+1;
  -ms-grid-row: 4;
  -ms-grid-row-span: 4+1-4;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(5) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 5/5+1;
  -ms-grid-row: 5;
  -ms-grid-row-span: 5+1-5;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(6) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 6/6+1;
  -ms-grid-row: 6;
  -ms-grid-row-span: 6+1-6;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(7) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 7/7+1;
  -ms-grid-row: 7;
  -ms-grid-row-span: 7+1-7;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) {
  background-color: #f0f0f0;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) > span {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  font-weight: bold;
  margin-left: 10px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(2),
.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 100px 1fr;
  -ms-grid-columns: 100px 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-left: 20px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(2) > span,
.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) > span {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  line-height: 32px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(2) > div,
.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) > div {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(4),
.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(5),
.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(6),
.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(7) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 100px 1fr 1fr;
  -ms-grid-columns: 100px 1fr 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-left: 20px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(4) > span,
.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(5) > span,
.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(6) > span,
.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(7) > span {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(4) > div:nth-of-type(1),
.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(5) > div:nth-of-type(1),
.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(6) > div:nth-of-type(1),
.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(7) > div:nth-of-type(1) {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(4) > div:nth-of-type(2),
.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(5) > div:nth-of-type(2),
.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(6) > div:nth-of-type(2),
.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(7) > div:nth-of-type(2) {
  grid-column: 3/4;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 3/4;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: auto;
  -ms-grid-rows: auto;
  margin-bottom: 10px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) > div {
  margin: 5px 0 5px 0;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/1+1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1+1-1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(2) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 2/2+1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 2+1-2;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(3) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 3/3+1;
  -ms-grid-row: 3;
  -ms-grid-row-span: 3+1-3;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(4) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 4/4+1;
  -ms-grid-row: 4;
  -ms-grid-row-span: 4+1-4;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) {
  background-color: #f0f0f0;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > span {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  font-weight: bold;
  margin-left: 10px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(2) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 100px 1fr;
  -ms-grid-columns: 100px 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-left: 20px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(2) > span {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  line-height: 32px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(2) > div:nth-of-type(1) {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(2) > div:nth-of-type(1) > input.z_txtbox {
  width: 100%;
  height: 28px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(3), .z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) div:nth-of-type(4) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 100px 1fr 1fr;
  -ms-grid-columns: 100px 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  -ms-grid-rows: 1fr 1fr;
  margin-left: 20px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(3) > span, .z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) div:nth-of-type(4) > span {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(3) > div:nth-of-type(1), .z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) div:nth-of-type(4) > div:nth-of-type(1) {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(3) > div:nth-of-type(2), .z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) div:nth-of-type(4) > div:nth-of-type(2) {
  grid-column: 3/4;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(3) > div:nth-of-type(3), .z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) div:nth-of-type(4) > div:nth-of-type(3) {
  grid-column: 2/4;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-row: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(3) > div:nth-of-type(3) > input.z_txtbox, .z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) div:nth-of-type(4) > div:nth-of-type(3) > input.z_txtbox {
  width: 100%;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(3) > div:nth-of-type(3) > input#offside_print_opt_center_address_text, .z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-of-type(1) > div:nth-of-type(3) div:nth-of-type(4) > div:nth-of-type(3) > input#offside_print_opt_center_address_text {
  color: #333;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-last-of-type(1) {
  margin-top: auto;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 250px 1fr;
  -ms-grid-columns: 1fr 250px 1fr;
  grid-template-rows: 1fr 1fr;
  -ms-grid-rows: 1fr 1fr;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-last-of-type(1) > input {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-last-of-type(1) > input.z_chkbox + label {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  line-height: 34px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range > div:nth-last-of-type(1) > button {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  margin: 0;
}

.z-pkg-mapMainView-offside-canvas-feature-print-range.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  justify-content: space-between;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble {
  display: none;
  width: 100%;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div {
  margin: 5px 0 5px 0;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: auto;
  -ms-grid-rows: auto;
  overflow-y: auto;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(1) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: auto;
  -ms-grid-rows: auto;
  margin-bottom: 10px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(1) > div {
  margin: 5px 0 5px 0;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
  background-color: #f0f0f0;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) > span {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  font-weight: bold;
  margin-left: 10px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(2),
.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(3) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 100px 1fr;
  -ms-grid-columns: 100px 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-left: 20px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(2) > span:nth-of-type(1),
.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(3) > span:nth-of-type(1) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(2) > span:nth-of-type(2),
.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(3) > span:nth-of-type(2) {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(4) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 100px 1fr;
  -ms-grid-columns: 100px 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-left: 20px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(4) > span {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(4) > div {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(4) > div > button {
  width: 220px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(5) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 100px 1fr;
  -ms-grid-columns: 100px 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-left: 20px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(5) > span {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  line-height: 32px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(5) > div {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(2) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: auto;
  -ms-grid-rows: auto;
  margin-bottom: 10px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(2) > div {
  margin: 5px 0 5px 0;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) {
  background-color: #f0f0f0;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) > span {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  font-weight: bold;
  margin-left: 10px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(2) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 100px 1fr;
  -ms-grid-columns: 100px 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-left: 20px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(2) > span:nth-of-type(1) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(2) > span:nth-of-type(2) {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 100px 1fr;
  -ms-grid-columns: 100px 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-left: 20px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) > span {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  line-height: 32px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) > div {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(3) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: auto;
  -ms-grid-rows: auto;
  margin-bottom: 10px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(3) > div {
  margin: 5px 0 5px 0;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) {
  background-color: #f0f0f0;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > span {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  font-weight: bold;
  margin-left: 10px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(2) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 100px 1fr 1fr;
  -ms-grid-columns: 100px 1fr 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-left: 20px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(2) > span {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(2) > div:nth-of-type(1) {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(2) > div:nth-of-type(2) {
  grid-column: 3/4;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-last-of-type(1) {
  margin-top: auto;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 100px 1fr 100px;
  -ms-grid-columns: 100px 1fr 100px;
  grid-template-rows: 1fr 1fr;
  -ms-grid-rows: 1fr 1fr;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-last-of-type(1) > input {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-last-of-type(1) > input.z_chkbox + label {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  line-height: 34px;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble > div:nth-last-of-type(1) > button {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  margin: 0;
}

.z-pkg-mapMainView-offside-canvas-feature-print-nonble.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  justify-content: space-between;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div {
  margin: 5px;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(1) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: auto;
  -ms-grid-rows: auto;
  background-color: #f0f0f0;
  margin-bottom: 10px;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(1) > span {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  font-weight: bold;
  margin-left: 10px;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(2) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  overflow-y: auto;
  border: 1px solid #bfbfbf;
  height: 280px;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(2) > div:nth-of-type(1) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(2) #offside_context_buildInfo .z_list dd {
  background-color: #009D96;
  color: #ffffff;
  border: 1px solid #cecece;
  padding: 3px;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(2) #offside_context_buildInfo .close {
  display: none;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(2) #offside_context_buildInfo .open ul li span {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(2) #offside_context_buildInfo .open ul li span:nth-child(1) {
  white-space: nowrap;
  font-size: 12px;
  width: 30%;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(2) #offside_context_buildInfo .open ul li span:nth-child(1).floor {
  width: 18%;
  text-align: center;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(2) #offside_context_buildInfo .open ul li span:nth-child(2) {
  width: 70%;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(2) #offside_context_buildInfo .open ul li span:nth-child(2).floor {
  width: 82%;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(3) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: auto;
  -ms-grid-rows: auto;
  background-color: #f0f0f0;
  margin-bottom: 10px;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(3) > span {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  font-weight: bold;
  margin-left: 10px;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(4) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  overflow-y: auto;
  border: 1px solid #bfbfbf;
  height: 100%;
  margin-bottom: 20px;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(4) > div:nth-of-type(1) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(4) #offside_context_buildInfo_tenant .z_list dd {
  background-color: #009D96;
  color: #ffffff;
  border: 1px solid #cecece;
  padding: 3px;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(4) #offside_context_buildInfo_tenant .close {
  display: none;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(4) #offside_context_buildInfo_tenant .open ul li span {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
  padding-left: 5px;
  padding-right: 5px;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(4) #offside_context_buildInfo_tenant .open ul li span:nth-child(1) {
  font-size: 12px;
  width: 30%;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(4) #offside_context_buildInfo_tenant .open ul li span:nth-child(2) {
  width: 70%;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(4) #offside_context_buildInfo_tenant .open ul li span:nth-child(1).floor {
  width: 10%;
  text-align: center;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(4) #offside_context_buildInfo_tenant .open ul li span:nth-child(2).floor {
  width: 12%;
  text-align: center;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(4) #offside_context_buildInfo_tenant .open ul li span:nth-child(3).floor {
  width: 17%;
  text-align: center;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(4) #offside_context_buildInfo_tenant .open ul li span:nth-child(4).floor {
  width: 55%;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(4) #offside_context_buildInfo_tenant .open ul li span:nth-child(4).floor > a {
  display: inline;
  position: static;
  text-decoration: underline;
  color: #33C;
  padding: 0;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-of-type(4) #offside_context_buildInfo_tenant .open ul li span:nth-child(4).floor > a::after {
  display: none !important;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-last-of-type(1) {
  margin-top: auto;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 100px 1fr 100px;
  -ms-grid-columns: 100px 1fr 100px;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
}

.z-pkg-mapMainView-offside-canvas-feature-context-buildInfo-container > div:nth-last-of-type(1) > button {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  margin: 0;
  width: 250px;
  height: 35px;
}

.z-pkg-mapMainView-offside-canvas-feature-context-atlas-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.z-pkg-mapMainView-offside-canvas-feature-context-atlas-container > div {
  margin: 5px;
}

.z-pkg-mapMainView-offside-canvas-feature-context-atlas-container > div:nth-of-type(1) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: auto;
  -ms-grid-rows: auto;
  background-color: #f0f0f0;
  margin-bottom: 10px;
}

.z-pkg-mapMainView-offside-canvas-feature-context-atlas-container > div:nth-of-type(1) > span {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  font-weight: bold;
  margin-left: 10px;
}

.z-pkg-mapMainView-offside-canvas-feature-context-atlas-container > div:nth-of-type(2) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  overflow-y: auto;
  border: 1px solid #009D96;
}

.z-pkg-mapMainView-offside-canvas-feature-context-atlas-container > div:nth-of-type(2) > div:nth-of-type(1) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.z-pkg-mapMainView-offside-canvas-feature-context-atlas-container > div:nth-of-type(2) #offside_context_atlas .close {
  display: none;
}

.z-pkg-mapMainView-offside-canvas-feature-context-atlas-container > div:nth-of-type(2) #offside_context_atlas .open ul li span {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}

.z-pkg-mapMainView-offside-canvas-feature-context-atlas-container > div:nth-of-type(2) #offside_context_atlas .open ul li span:nth-child(1) {
  font-size: 12px;
  width: 18%;
}

.z-pkg-mapMainView-offside-canvas-feature-context-atlas-container > div:nth-of-type(2) #offside_context_atlas .open ul li span:nth-child(2) {
  width: 82%;
  white-space: nowrap;
}

.z-pkg-mapMainView-offside-canvas-feature-context-atlas-container > div:nth-of-type(2) #offside_context_atlas .open ul li span:nth-child(2) > a {
  display: inline-block;
  padding: 0;
  color: blue;
  text-decoration: underline;
}

.z-pkg-mapMainView-offside-canvas-feature-context-atlas-container > div:nth-of-type(2) #offside_context_atlas .open ul li span:nth-child(2) > a:after {
  content: none;
}

.z-pkg-context-atlas-marker {
  position: relative;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='%23ff0000' d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");
  width: 32px;
  height: 32px;
  background-position: center;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-of-type(1) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 120px 1fr 1fr;
  -ms-grid-columns: 120px 1fr 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-bottom: 10px;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-of-type(1) > span {
  display: block;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-of-type(1) > span:nth-of-type(1) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  line-height: 37px;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-of-type(1) > span:nth-of-type(2) {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  line-height: 37px;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-of-type(1) > div:nth-of-type(1) {
  grid-column: 3/4;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  width: 100%;
  margin-left: 0px;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-of-type(2) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 120px 1fr 1fr;
  -ms-grid-columns: 120px 1fr 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-bottom: 10px;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-of-type(2) > span {
  display: block;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-of-type(2) > span:nth-of-type(1) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-of-type(2) > span:nth-of-type(2) {
  grid-column: 2/4;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  color: #777777;
  max-height: 80px;
  overflow: auto;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-of-type(3) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-bottom: 10px;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-of-type(4) {
  margin-bottom: 10px;
  overflow-y: auto;
  border: 1px solid #bfbfbf;
  height: 400px;
  padding: 5px 5px 5px 5px;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-of-type(5) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-bottom: 10px;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-of-type(5) > div:nth-of-type(1) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  margin-left: 50px;
  margin-right: 5px;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-of-type(5) > div:nth-of-type(2) {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  margin-left: 5px;
  margin-right: 50px;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-of-type(5) > div:nth-of-type(2) > button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-direction: row;
  justify-content: center;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-of-type(5) > div:nth-of-type(2) > button > span:nth-of-type(1) {
  display: block;
  width: 18px;
  height: 24px;
  margin-right: 5px;
  margin-top: 5px;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-of-type(5) > div:nth-of-type(2) > button > span:nth-of-type(2) {
  display: block;
  margin: auto 0px auto 0px;
  height: 24px;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-last-of-type(1) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  overflow-y: auto;
  border: 1px solid #bfbfbf;
  height: 100%;
  padding: 5px 10px 5px 10px;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-last-of-type(1) .aroundsearch-poi-result-genre {
  border-bottom: 1px solid #B7B7B7;
  cursor: pointer;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-last-of-type(1) .aroundsearch-poi-result-genre::after {
  content: '';
  font-size: 13px;
  color: #888;
  transition: all .3s ease-in-out;
  float: right;
  margin-top: 5px;
  margin-right: 10px;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #777777;
  border-right: 2px solid #777777;
  transform: rotate(45deg);
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-last-of-type(1) .aroundsearch-poi-result-genre.expand::after {
  transform: rotate(45deg);
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-last-of-type(1) .aroundsearch-poi-result-genre.collapse::after {
  transform: rotate(-135deg);
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-last-of-type(1) dd.collapse {
  margin-bottom: 10px;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-last-of-type(1) dd.expand + div.aroundsearch-poi-result-list {
  display: block;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-last-of-type(1) dd.collapse + div.aroundsearch-poi-result-list {
  display: none;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-last-of-type(1) div.aroundsearch-poi-result-list > dd.poiResultRow {
  margin-left: 10px;
  display: flex;
  min-height: 30px;
  line-height: 30px;
  cursor: pointer;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-last-of-type(1) div.aroundsearch-poi-result-list > dd.poiResultRow > div:nth-of-type(1) {
  width: 15%;
  position: relative;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-last-of-type(1) div.aroundsearch-poi-result-list > dd.poiResultRow > div:nth-of-type(1) span.poiNumberCircle {
  position: absolute;
  top: 3px;
  width: 22px;
  height: 22px;
  font-size: 1.0rem;
  line-height: 24px;
  text-align: center;
  border-radius: 50%;
  background-color: #A9A9A9;
  color: #fff;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-last-of-type(1) div.aroundsearch-poi-result-list > dd.poiResultRow > div:nth-of-type(2) {
  width: 85%;
}

#z_pkg_mapMainView_offside_canvas_feature_aroundsearch_container > div:nth-last-of-type(1) div.aroundsearch-poi-result-list > dd.moreResultBtn {
  text-align: center;
  padding: 5px;
  color: #777777;
  cursor: pointer;
}

#zpkg_offset_aroundsearch_genre_list {
  display: block;
  padding-left: 20px;
}

#zpkg_offset_aroundsearch_genre_list dd {
  position: relative;
}

#zpkg_offset_aroundsearch_genre_list dd > input,
#zpkg_offset_aroundsearch_genre_list dd > div {
  cursor: pointer;
}

#zpkg_offset_aroundsearch_genre_list dd > div:hover {
  background-color: #f2f2f2;
}

#zpkg_offset_aroundsearch_genre_list > dd.expand + div.aroundsearch-janre-list {
  display: block;
}

#zpkg_offset_aroundsearch_genre_list > dd.collapse + div.aroundsearch-janre-list {
  display: none;
}

#zpkg_offset_aroundsearch_genre_list > div.aroundsearch-janre-list > dd {
  margin-left: 20px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  justify-content: flex-start;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container .z_selbox {
  cursor: pointer;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container .z_selbox::after {
  content: '';
  font-size: 13px;
  color: #888;
  transition: all .3s ease-in-out;
  width: 5px;
  height: 5px;
  border-bottom: 2px solid gray;
  border-right: 2px solid gray;
  transform: rotate(45deg);
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -3px;
  pointer-events: none;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(1) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-bottom: 15px;
  min-height: 32px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(1) > button:nth-of-type(1) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  border-right: none;
  margin: 2px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-direction: row;
  justify-content: center;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(1) > button:nth-of-type(1) > span {
  display: block;
  height: 24px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(1) > button:nth-of-type(1) > span:nth-of-type(1) {
  width: 24px;
  margin: auto 5px auto 0px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg xmlns='http://www.w3.org/2000/svg' height='256' viewBox='0 0 256 256' width='256'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D .st1%7Bfill:none;%7D .st2%7Bfill:%23231815;%7D .st3%7Bclip-path:url(%23SVGID_2_);%7D%0A%3C/style%3E%3Cg%3E%3Cpath fill='%23009D96'  d='M210.76,182.61l-0.77,0.75c13.38-18.72,21.29-41.63,21.29-66.4c0-63.14-51.19-114.33-114.33-114.33 C53.8,2.64,2.62,53.83,2.62,116.97S53.8,231.3,116.94,231.3c23.6,0,45.53-7.16,63.75-19.41l-0.87,0.85l44.56,40.78l29.1-31.8 L210.76,182.61z M116.94,206.21c-49.21,0-89.24-40.03-89.24-89.24s40.03-89.24,89.24-89.24c49.21,0,89.24,40.03,89.24,89.24 S166.15,206.21,116.94,206.21z'/%3E%3Cpath fill='%23009D96'  d='M80.43,65.34c-17.41,0-31.6,6.38-32.55,14.41H47.8v82.49c3.92-6.5,17.16-11.28,32.93-11.28c15.05,0,27.8,4.36,32.34,10.4 V79.75h-0.09C112.03,71.72,97.85,65.34,80.43,65.34z'/%3E%3Cpath fill='%23009D96'  d='M120.8,79.75h-0.09v82.49c3.92-6.5,17.16-11.28,32.93-11.28c15.05,0,27.8,4.36,32.34,10.4V79.75h-0.09 c-0.95-8.03-15.13-14.41-32.55-14.41S121.75,71.72,120.8,79.75z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(1) > button:nth-of-type(1):hover > span:nth-of-type(1), #z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(1) > button:nth-of-type(1).z_btn_active > span:nth-of-type(1) {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg height='256' width='256' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' style='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D .st1%7Bfill:none;%7D .st2%7Bfill:%23231815;%7D .st3%7Bclip-path:url(%23SVGID_2_);%7D%0A%3C/style%3E%3Cg%3E%3Cpath fill='%23ffffff'  d='M210.76,182.61l-0.77,0.75c13.38-18.72,21.29-41.63,21.29-66.4c0-63.14-51.19-114.33-114.33-114.33 C53.8,2.64,2.62,53.83,2.62,116.97S53.8,231.3,116.94,231.3c23.6,0,45.53-7.16,63.75-19.41l-0.87,0.85l44.56,40.78l29.1-31.8 L210.76,182.61z M116.94,206.21c-49.21,0-89.24-40.03-89.24-89.24s40.03-89.24,89.24-89.24c49.21,0,89.24,40.03,89.24,89.24 S166.15,206.21,116.94,206.21z'/%3E%3Cpath fill='%23ffffff'  d='M80.43,65.34c-17.41,0-31.6,6.38-32.55,14.41H47.8v82.49c3.92-6.5,17.16-11.28,32.93-11.28c15.05,0,27.8,4.36,32.34,10.4 V79.75h-0.09C112.03,71.72,97.85,65.34,80.43,65.34z'/%3E%3Cpath fill='%23ffffff'  d='M120.8,79.75h-0.09v82.49c3.92-6.5,17.16-11.28,32.93-11.28c15.05,0,27.8,4.36,32.34,10.4V79.75h-0.09 c-0.95-8.03-15.13-14.41-32.55-14.41S121.75,71.72,120.8,79.75z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(1) > button:nth-of-type(1) > span:nth-of-type(2) {
  margin: auto 0px auto 0px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(1) > button:nth-of-type(2) {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  margin: 2px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-direction: row;
  justify-content: center;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(1) > button:nth-of-type(2) > span {
  display: block;
  height: 24px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(1) > button:nth-of-type(2) > span:nth-of-type(1) {
  width: 24px;
  margin: auto 5px auto 0px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg height='256' width='256' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' style='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D .st1%7Bfill:none;%7D .st2%7Bfill:%23231815;%7D .st3%7Bclip-path:url(%23SVGID_2_);%7D%0A%3C/style%3E%3Cg%3E%3Cpath fill='%23009D96' d='M210.71,182.61l-0.77,0.75c13.38-18.72,21.29-41.63,21.29-66.4c0-63.14-51.19-114.33-114.33-114.33 C53.75,2.64,2.57,53.83,2.57,116.97S53.75,231.3,116.89,231.3c23.6,0,45.53-7.16,63.75-19.41l-0.87,0.85l44.56,40.78l29.1-31.8 L210.71,182.61z M116.89,206.21c-49.21,0-89.24-40.03-89.24-89.24s40.03-89.24,89.24-89.24s89.24,40.03,89.24,89.24 S166.1,206.21,116.89,206.21z'/%3E%3Cpath fill='%23009D96' d='M49.3,146.66h7.22v-3.83h45.46v3.83h7.29V83.44H49.3V146.66z M82.65,90.37h19.33v18.9H82.65V90.37z M82.65,116.01h19.33 v19.75H82.65V116.01z M56.53,90.37h19.12v18.9H56.53V90.37z M56.53,116.01h19.12v19.75H56.53V116.01z'/%3E%3Cpath fill='%23009D96' d='M157.49,80.17h-7.44v12.18h-26.27v36.75h7.36v-3.96h18.9v21.45h7.44v-21.45h19.4v3.96h7.5V92.35h-26.9V80.17z M150.06,117.78h-18.9V99.72h18.9V117.78z M176.89,99.72v18.06h-19.4V99.72H176.89z'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(1) > button:nth-of-type(2):hover > span:nth-of-type(1), #z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(1) > button:nth-of-type(2).z_btn_active > span:nth-of-type(1) {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg height='256' width='256' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' style='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D .st1%7Bfill:none;%7D .st2%7Bfill:%23231815;%7D .st3%7Bclip-path:url(%23SVGID_2_);%7D%0A%3C/style%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M210.71,182.61l-0.77,0.75c13.38-18.72,21.29-41.63,21.29-66.4c0-63.14-51.19-114.33-114.33-114.33 C53.75,2.64,2.57,53.83,2.57,116.97S53.75,231.3,116.89,231.3c23.6,0,45.53-7.16,63.75-19.41l-0.87,0.85l44.56,40.78l29.1-31.8 L210.71,182.61z M116.89,206.21c-49.21,0-89.24-40.03-89.24-89.24s40.03-89.24,89.24-89.24s89.24,40.03,89.24,89.24 S166.1,206.21,116.89,206.21z'/%3E%3Cpath fill='%23ffffff' d='M49.3,146.66h7.22v-3.83h45.46v3.83h7.29V83.44H49.3V146.66z M82.65,90.37h19.33v18.9H82.65V90.37z M82.65,116.01h19.33 v19.75H82.65V116.01z M56.53,90.37h19.12v18.9H56.53V90.37z M56.53,116.01h19.12v19.75H56.53V116.01z'/%3E%3Cpath fill='%23ffffff' d='M157.49,80.17h-7.44v12.18h-26.27v36.75h7.36v-3.96h18.9v21.45h7.44v-21.45h19.4v3.96h7.5V92.35h-26.9V80.17z M150.06,117.78h-18.9V99.72h18.9V117.78z M176.89,99.72v18.06h-19.4V99.72H176.89z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(1) > button:nth-of-type(2) > span:nth-of-type(2) {
  margin: auto 0px auto 0px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) {
  display: flex;
  height: 100%;
  overflow-y: auto;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print li {
  margin-bottom: 10px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print > li:nth-child(1) {
  background-color: #f0f0f0;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print > li:nth-child(1) > span {
  font-weight: bold;
  margin-left: 10px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print > li:nth-child(2) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 120px 1fr;
  -ms-grid-columns: 120px 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-bottom: 10px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print > li:nth-child(2) > span:nth-child(1) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print > li:nth-child(2) > span:nth-child(2) {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  display: block;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print > li:nth-child(3) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 120px 1fr;
  -ms-grid-columns: 120px 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-bottom: 10px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print > li:nth-child(3) > span:nth-child(1) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print > li:nth-child(3) > span:nth-child(2) {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  display: block;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print > li:nth-child(4) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 120px 1fr;
  -ms-grid-columns: 120px 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-bottom: 10px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print > li:nth-child(4) > span {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print > li:nth-child(4) > div {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print > li:nth-child(5) {
  background-color: #f0f0f0;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print > li:nth-child(5) > span {
  font-weight: bold;
  margin-left: 10px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print > li:nth-child(6) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 120px 1fr;
  -ms-grid-columns: 120px 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-bottom: 10px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print > li:nth-child(6) > span {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print > li:nth-child(6) > div {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print > li:nth-child(7) {
  background-color: #f0f0f0;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print > li:nth-child(7) > span {
  font-weight: bold;
  margin-left: 10px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print > li:nth-child(8), #z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print li:nth-child(9) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 120px 1fr 1fr;
  -ms-grid-columns: 120px 1fr 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-bottom: 10px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print > li:nth-child(8) > span, #z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print li:nth-child(9) > span {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print > li:nth-child(8) > div:nth-child(2), #z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print li:nth-child(9) > div:nth-child(2) {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print > li:nth-child(8) > div:nth-child(3), #z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print li:nth-child(9) > div:nth-child(3) {
  grid-column: 3/4;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print > li:nth-child(10) {
  margin-top: auto;
  text-align: center;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print > li:nth-child(10) > button:nth-child(1) {
  width: 200px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_print > li:nth-child(10) > button:nth-child(2) {
  width: 200px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_build_search {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_build_search > li:nth-child(1) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 120px 1fr;
  -ms-grid-columns: 120px 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-bottom: 10px;
  min-height: 32px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_build_search > li:nth-child(1) > div:nth-child(1) {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: 30px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_build_search > li:nth-child(1) > div:nth-child(2) {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_build_search > li:nth-child(2) {
  margin-bottom: 10px;
  min-height: 32px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_build_search > li:nth-child(3) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 120px 1fr;
  -ms-grid-columns: 120px 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-bottom: 10px;
  min-height: 32px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_build_search > li:nth-child(3) > span {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_build_search > li:nth-child(3) > div {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_build_search > li:nth-child(4) {
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  justify-content: flex-start;
  height: 100%;
  border: 1px solid #bfbfbf;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_build_search > li:nth-child(4) > dl {
  height: 100%;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_build_search > li:nth-child(4) > dl.z_list {
  border: 0;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_search {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_search > li:nth-child(1) {
  margin-bottom: 10px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_search > li:nth-child(2) {
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  justify-content: flex-start;
  height: 100%;
  border: 1px solid #bfbfbf;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_search > li:nth-child(2) > dl {
  height: 100%;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_search > li:nth-child(2) > dl.z_list {
  border: 0;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_search > li:nth-child(3) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 120px 120px 1fr;
  -ms-grid-columns: 120px 120px 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-bottom: 5px;
  margin-top: 10px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_search > li:nth-child(3) > span {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_search > li:nth-child(3) > div {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  width: 100px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_search > li:nth-child(3) > button {
  grid-column: 3/4;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  width: 178px;
  margin: 0;
  font-size: 14px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_search > li:nth-child(4) {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 120px 120px 120px;
  -ms-grid-columns: 120px 120px 120px;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  margin-bottom: 5px;
  margin-top: 5px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_search > li:nth-child(4) > span {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_search > li:nth-child(4) > div:nth-child(2) {
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  width: 100px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_search > li:nth-child(4) > div:nth-child(3) {
  grid-column: 3/4;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  width: 100px;
}

#z_pkg_mapMainView_offside_canvas_feature_atlas_container > li:nth-child(2) > #offside_atlas_page_search > li:nth-child(5) {
  text-align: center;
  margin-top: 15px;
}

#select_offside_atlas_area_list dd {
  line-height: 22px;
  height: 30px;
  margin: 0px 0px 5px 0px;
}

#select_offside_atlas_area_list_container {
  height: 300px;
}

#select_offside_atlas_area_list_container li {
  height: 100%;
}

#btn_offside_atlas_area.disabled {
  pointer-events: none;
  opacity: 0.5;
}

#zpkg_offset_search_build > dd:hover,
#zpkg_offset_search_atlas > dd:hover {
  background-color: #f5f5f5;
}

#zpkg_offset_search_build > dd > a:hover,
#zpkg_offset_search_atlas > dd > a:hover {
  opacity: 1.0;
}

#zpkg_offset_search_build > dd > a {
  padding: 4px 4px 0px 5px;
}

#zpkg_offset_search_build > dd > a > span {
  font-size: 13px;
  padding-left: 10px;
  padding-top: 0;
  padding-bottom: 0;
}

#offside_search_build_summary > div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 10px;
}

#input_offside_atlas_clear {
  float: right;
  height: 35px;
  width: 250px;
  margin: 15px auto 2px;
}

#btn_offside_atlas_cancel {
  width: 250px;
  height: 35px;
}

#select_offside_atlas_area_pulldown {
  width: auto;
}

#applicationAgreePopup {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  justify-content: center;
  align-items: center;
  z-index: 10000;
}

#applicationAgreePopup .z-pkg-mapMainView-dialog-contents-appagree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  justify-content: space-between;
  width: 70%;
  height: 90%;
  background-color: #ffffff;
  border: 1px solid #333;
  border-radius: 5px;
  position: relative;
}

#applicationAgreePopup .z-pkg-mapMainView-dialog-contents-appagree > div {
  position: relative;
  width: 28px;
  height: 28px;
  left: calc(100% - 40px);
  top: 10px;
  border: 1px solid gray;
  border-radius: 5px;
}

#applicationAgreePopup .z-pkg-mapMainView-dialog-contents-appagree > div > svg {
  display: block;
  margin: auto auto auto auto;
}

#applicationAgreePopup .z-pkg-mapMainView-dialog-contents-appagree > div:hover {
  cursor: pointer;
}

#applicationAgreePopup .z-pkg-mapMainView-dialog-contents-appagree > li:nth-of-type(1) {
  display: flex;
  align-items: center;
  margin: 32px 10% 5px 10%;
  border-bottom: 1px solid #333;
  padding-bottom: 7px;
}

#applicationAgreePopup .z-pkg-mapMainView-dialog-contents-appagree > li:nth-of-type(2) {
  text-align: center;
  height: auto;
  padding: 20px;
}

#applicationAgreePopup .z-pkg-mapMainView-dialog-contents-appagree > li:nth-of-type(2) > canvas {
  margin: auto;
  position: relative;
  top: 15px;
  width: 100%;
  height: auto;
}

#applicationAgreePopup .z-pkg-mapMainView-dialog-contents-appagree > li:nth-of-type(3) {
  height: calc(100% - 270px);
  overflow: auto;
  padding: 5px 10px 5px 10px;
  margin: 0 10% 10px 10%;
  font-size: 1.5rem;
  white-space: pre-line;
  border: 1px solid #333;
}

#applicationAgreePopup .z-pkg-mapMainView-dialog-contents-appagree > li:nth-of-type(4) {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 10px 10px 25px;
}

#applicationAgreePopup .z-pkg-mapMainView-dialog-contents-appagree > li:nth-of-type(4) > button {
  height: 35px;
  width: 250px;
  font-size: 1.5rem;
}

#applicationAgreePopup .z-pkg-mapMainView-dialog-contents-appagree #application_agree_popup_btn_close {
  position: absolute;
  width: 32px;
  height: 32px;
  right: 10px;
  top: 10px;
  z-index: 1;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
}

#widget_input_search {
  background-color: #ffffff;
  border: 1px solid #bfbfbf;
}

#widget_input_search > div > dt {
  padding: 5px 5px 5px 5px;
  color: #ffffff;
  background-color: #009d96;
}

#widget_input_search > div > dd {
  padding: 5px 5px 5px 5px;
}

#widget_input_search > div > dd:hover {
  background-color: #f5f5f5;
  color: #333;
  cursor: pointer;
}

.container-targetcapture .div-title-wrapper {
  margin: 5px auto 0px 0px;
}

.container-targetcapture ul {
  margin-top: 10px;
}

.container-targetcapture ul li {
  list-style: disc;
  float: left;
  margin-left: 45px;
  font-family: "Times New Roman";
}

.container-targetcapture .ul-csv-excel label {
  color: #01a099;
  font-weight: 400;
  cursor: pointer;
  text-decoration: underline;
}

.container-targetcapture .input-file-wrapper {
  width: 100%;
  margin-top: 60px;
  align-items: center;
}

.container-targetcapture .input-file-wrapper input {
  display: none;
}

.container-targetcapture .input-file-wrapper #lb_file_upload {
  cursor: pointer;
}

.container-targetcapture .input-file-wrapper label {
  float: left;
  text-align: center;
  height: 30px;
  border: 1px solid #ccc;
  background-color: #f0f0f0;
  color: #333;
  display: -ms-inline-flexbox;
  justify-content: center;
  align-items: center;
}

.container-targetcapture .input-file-wrapper #lb_name_file {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.container-targetcapture .input-file-wrapper #lb_file_upload:hover {
  background-color: #c8c8c8;
}

.container-targetcapture .input-file-wrapper label:nth-child(2) {
  width: 80%;
}

.container-targetcapture .input-file-wrapper label:nth-child(3) {
  width: 20%;
}

.container-targetcapture .target_capture_note {
  font-size: 12px;
}

.container-targetcapture .btn-submit-target {
  background-color: white;
  border: 1px solid #01a099;
  color: #01a099;
  display: block;
  width: 150px;
  margin: 0 auto;
  font-weight: normal;
}

.container-targetcapture .btn-submit-target:disabled {
  color: #bfbfbf;
  border: 1px solid #bfbfbf;
  background-color: #ffffff;
}

.container-targetcapture .btn-submit-target:hover {
  color: #fff;
  background-color: #4eb1ab;
  border: 1px solid #009D96;
}

.container-targetcapture button.active-btn {
  background-color: #009d96;
  color: white;
}

.container-targetcapture .container-submit {
  position: absolute;
  bottom: 50px;
  width: 95%;
}

#z-pkg-mapMainView-main-right-panel {
  display: none;
  position: absolute;
  top: 85px;
  width: calc(100% - 500px);
  height: calc(100% - 85px);
}

#z-pkg-mapMainView-main-right-panel .feature-button-group-right {
  margin: 0;
  text-align: right;
  padding-top: 5px;
}

#z-pkg-mapMainView-main-right-panel .feature-button-group-right button {
  width: 150px;
  border: 1px solid #01a099;
  color: #01a099;
  padding: 3px;
  margin-left: 5px;
}

#z-pkg-mapMainView-main-right-panel .feature-button-group-right .create-btn {
  background-color: #01a099;
  color: white;
}

#z-pkg-mapMainView-main-right-panel .feature-button-group-right .create-btn:hover {
  color: #fff;
  background-color: #4eb1ab;
  border: 1px solid #009D96;
}

#z-pkg-mapMainView-main-right-panel .feature-button-group-right .create-btn:disabled {
  background-color: #ffffff;
  color: #bfbfbf;
  border: 1px solid #bfbfbf;
}

#z-pkg-mapMainView-main-right-panel .feature-button-group-right .clear-btn {
  background-color: white;
}

#z-pkg-mapMainView-main-right-panel .feature-button-group-right .clear-btn:hover {
  background-color: #E9FBFA;
  color: #009D96;
  border: 1px solid #009D96;
}

#z-pkg-mapMainView-main-right-panel .feature-button-group-right .clear-btn:disabled {
  background-color: #ffffff;
  color: #bfbfbf;
  border: 1px solid #bfbfbf;
}

#z-pkg-mapMainView-main-right-panel .condition-field .condition-item {
  margin: 5px 10px;
}

#z-pkg-mapMainView-main-right-panel .condition-field .condition-item > span {
  background-color: white;
  color: #01a099;
  padding: 5px 10px 5px 20px;
  margin: 2px;
  border-top-left-radius: 50px 50px;
  border-bottom-left-radius: 50px 50px;
  border-top-right-radius: 50px 50px;
  border-bottom-right-radius: 50px 50px;
  border: 1px solid #01a099;
  display: inline-flex;
  max-width: 100%;
}

#z-pkg-mapMainView-main-right-panel .condition-field .condition-item > span > span {
  white-space: nowrap;
  max-width: calc(100% - 25px);
  overflow-x: hidden;
  text-overflow: ellipsis;
  padding: 1px 10px 1px 1px;
}

#z-pkg-mapMainView-main-right-panel .condition-field .condition-item .close-btn {
  color: white;
  background-color: #01a099;
  padding: 1px;
  width: 25px;
  border-radius: 50%;
}

#z-pkg-mapMainView-main-right-panel .hummingbird-treeview {
  position: relative;
  height: 100%;
}

#z-pkg-mapMainView-main-right-panel .hummingbird-treeview * {
  line-height: 30px;
}

#z-pkg-mapMainView-main-right-panel .hummingbird-treeview label {
  display: block;
  background-color: #eaf6f4 !important;
  margin-bottom: 5px;
  padding: 2px 15px;
  padding-right: 15%;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  min-height: 32px;
}

#z-pkg-mapMainView-main-right-panel .hummingbird-treeview label > input {
  vertical-align: text-top;
  margin-right: 5px;
}

#z-pkg-mapMainView-main-right-panel .hummingbird-treeview .fa {
  position: absolute;
  right: 0;
  margin-top: 6px;
  margin-right: 15px;
}

#z-pkg-mapMainView-main-right-panel .hummingbird-treeview .fa-plus:before {
  content: '';
  background-image: url("../images/expand-icon.png");
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  display: block;
}

#z-pkg-mapMainView-main-right-panel .hummingbird-treeview .fa-minus:before {
  content: '';
  background-image: url("../images/expand-icon.png");
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  display: block;
  display: inline-block;
  transform: rotate(90deg);
}

#z-pkg-mapMainView-main-right-panel .hummingbird-treeview #treeview ul li, #z-pkg-mapMainView-main-right-panel .hummingbird-treeview #treeview2 ul li {
  padding-left: 50px;
}

#z-pkg-mapMainView-main-right-panel input[type=checkbox] {
  appearance: none;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: white;
  border: 1px solid black;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

#z-pkg-mapMainView-main-right-panel input[type=checkbox]:after {
  content: '';
  display: none;
}

#z-pkg-mapMainView-main-right-panel input[type=checkbox]:checked:after {
  display: block;
  width: 15px;
  height: 9px;
  margin: 4px 0px 0px 1px;
  border: solid #019e97;
  border-width: 0 0 4px 4px;
  transform: rotate(310deg);
}

#z-pkg-mapMainView-main-right-panel input[type=checkbox]:indeterminate::after {
  display: block;
  width: 15px;
  height: 9px;
  margin: 2px 0px 0px 1px;
  border: solid black;
  border-width: 0 0 4px 0px;
}

#mapMain_target_left_panel svg {
  vertical-align: middle;
}

#mapMain_target_left_panel .mapMainView {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#mapMain_target_left_panel .button-group {
  position: relative;
  font-weight: bold;
}

#mapMain_target_left_panel .button-group span {
  vertical-align: middle;
}

#mapMain_target_left_panel .button-group .btn-sub-option:hover .btn-condition {
  background-color: #01a099;
}

#mapMain_target_left_panel .button-group .btn-sub-option:hover .btn-condition button {
  color: white;
}

#mapMain_target_left_panel .button-group .btn-sub-option:hover .btn-condition .st111 {
  fill: white;
}

#mapMain_target_left_panel .button-group .btn-condition {
  border: 2px solid #01a099;
  margin: 10px 0 0 0;
  padding: 2px 8px;
  min-height: 32px;
  text-align: center;
  font-weight: 400;
}

#mapMain_target_left_panel .button-group .btn-condition .btn-condition-fill {
  fill: #009D96;
}

#mapMain_target_left_panel .button-group .btn-condition:hover {
  background-color: #01a099;
  cursor: pointer;
}

#mapMain_target_left_panel .button-group .btn-condition:hover button {
  color: white;
  pointer-events: none;
}

#mapMain_target_left_panel .button-group .btn-condition:hover span {
  pointer-events: none;
}

#mapMain_target_left_panel .button-group .btn-condition:hover span .btn-condition-fill {
  fill: #ffffff;
}

#mapMain_target_left_panel .button-group .subnav-option {
  border: 2px solid #ccc;
  display: none;
  color: #333;
  width: 95%;
  position: absolute;
  z-index: 1;
  background-color: white;
  font-weight: 400;
  border-top: 0px;
}

#mapMain_target_left_panel .button-group .subnav-option .btn-active {
  background-color: #e2e2e2;
  color: #333;
}

#mapMain_target_left_panel .button-group .subnav-option .btn-active:hover {
  background-color: #e2e2e2;
}

#mapMain_target_left_panel .button-group .subnav-option:hover {
  display: block;
}

#mapMain_target_left_panel .button-group .subnav-option > div {
  text-align: left;
  padding: 0px 8px;
  min-height: 32px;
  display: flex;
  align-items: center;
}

#mapMain_target_left_panel .button-group .subnav-option > div .btn-condition-fill {
  fill: #009D96;
}

#mapMain_target_left_panel .button-group .subnav-option > div:hover {
  cursor: pointer;
  background-color: #f5f5f5;
  color: #333;
}

#mapMain_target_left_panel .button-group .subnav-option > div:hover .btn-condition-fill {
  fill: #ffffff;
}

#mapMain_target_left_panel .button-group button {
  color: #01a099;
  width: 90px;
}

#mapMain_target_left_panel .button-group .btn-active {
  background-color: #009D96;
  color: #ffffff;
}

#mapMain_target_left_panel .button-group .btn-active button, #mapMain_target_left_panel .button-group .btn-active span {
  color: #ffffff;
}

#mapMain_target_left_panel .button-group .btn-active button .btn-condition-fill, #mapMain_target_left_panel .button-group .btn-active span .btn-condition-fill {
  fill: #ffffff;
}

#mapMain_target_left_panel .button-group img {
  vertical-align: middle;
}

#mapMain_target_left_panel .condition-label {
  margin: 20px 0;
  display: inline-flex;
}

#mapMain_target_left_panel .condition-label div {
  width: 50%;
}

#mapMain_target_left_panel .condition-label #count_targetSearch {
  text-align: right;
}

#mapMain_target_left_panel .condition-field {
  height: 100%;
  border: 1px solid #bfbfbf;
}

#mapMain_target_left_panel .condition-field .condition-title {
  background-color: lightgray;
  margin: 10px 0;
  padding: 1px 20px;
}

#mapMain_target_left_panel .condition-field .condition-item {
  margin: 5px 10px;
}

#mapMain_target_left_panel .condition-field .condition-item > span {
  background-color: #01a099;
  color: white;
  padding: 5px 10px 5px 20px;
  margin: 2px;
  border-top-left-radius: 50px 50px;
  border-bottom-left-radius: 50px 50px;
  border-top-right-radius: 50px 50px;
  border-bottom-right-radius: 50px 50px;
  border: 1px solid #01a099;
  display: inline-flex;
  max-width: 100%;
}

#mapMain_target_left_panel .condition-field .condition-item > span > span {
  white-space: nowrap;
  max-width: calc(100% - 25px);
  overflow-x: hidden;
  text-overflow: ellipsis;
  padding: 1px 10px 1px 1px;
}

#mapMain_target_left_panel .condition-field .condition-item .close-btn {
  color: #01a099;
  background-color: white;
  padding: 1px;
  width: 25px;
  border-radius: 50%;
}

#mapMain_target_left_panel .feature-button-group {
  margin: 0 15px 12px;
  text-align: center;
}

#mapMain_target_left_panel .feature-button-group .target_search_note {
  font-size: 12px;
  margin: 4px auto;
  text-align: left;
}

#mapMain_target_left_panel .feature-button-group button {
  width: 150px;
  border: 1px solid #01a099;
  color: #01a099;
  padding: 3px;
  margin-left: 5px;
}

#mapMain_target_left_panel .feature-button-group .create-btn {
  background-color: #01a099;
  color: white;
}

#mapMain_target_left_panel .feature-button-group .create-btn:hover {
  color: #fff;
  background-color: #4eb1ab;
  border: 1px solid #009D96;
}

#mapMain_target_left_panel .feature-button-group .create-btn:disabled {
  background-color: #ffffff;
  color: #bfbfbf;
  border: 1px solid #bfbfbf;
}

#mapMain_target_left_panel .feature-button-group .clear-btn {
  background-color: white;
}

#mapMain_target_left_panel .feature-button-group .clear-btn:hover {
  background-color: #E9FBFA;
  color: #009D96;
  border: 1px solid #009D96;
}

#mapMain_target_left_panel .feature-button-group .clear-btn:disabled {
  background-color: #ffffff;
  color: #bfbfbf;
  border: 1px solid #bfbfbf;
}

#mapMain_target_left_panel #condition-container-by-category {
  overflow-y: auto;
}

#mapMain_target_administrative_area {
  display: none;
  background-color: white;
  padding: 15px 15px;
  height: 100%;
}

#mapMain_target_administrative_area .img-search-input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z' fill='%23808080'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
  background-size: 18px;
  background-position: 6px;
}

#mapMain_target_administrative_area .img-search-input:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z' fill='%239D96'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
  background-size: 18px;
  background-position: 6px;
}

#mapMain_target_administrative_area .mapMainView {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#mapMain_target_administrative_area .search-section ul {
  position: absolute;
  background-color: white;
  z-index: 10;
  height: auto;
  width: 300px;
  border: 1px solid lightgray;
  margin-top: -10px;
  max-height: 50%;
  overflow-y: auto;
}

#mapMain_target_administrative_area .search-section li {
  padding: 2px;
}

#mapMain_target_administrative_area .search-section li a {
  text-decoration: unset;
  color: black;
}

#mapMain_target_administrative_area .search-section li a:hover {
  color: #01a099;
}

#mapMain_target_administrative_area .search-area-field {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 2px;
  color: #333;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #f0f0f0;
}

#mapMain_target_administrative_area .search-area-btn {
  width: 300px;
  padding: 3px 6px;
}

#mapMain_target_administrative_area .condition-container {
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  overflow-y: auto;
}

#mapMain_target_administrative_area .condition-container .left-side {
  border: 1px solid lightgray;
  height: 100%;
  width: 50%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

#mapMain_target_administrative_area .condition-container .middle-side {
  height: 100%;
  width: 5%;
  text-align: center;
  display: grid;
  align-items: center;
  display: -ms-inline-flexbox;
}

#mapMain_target_administrative_area .condition-container .right-side {
  border: 1px solid lightgray;
  height: 100%;
  width: 50%;
  overflow-y: auto;
}

#mapMain_target_arbitrary_area_circle {
  display: none;
  padding: 15px;
  height: 100%;
  background-color: white;
  border-bottom: 2px solid #bfbfbf;
}

#mapMain_target_arbitrary_area_circle .mapMainView {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#mapMain_target_arbitrary_area_circle .radius-select-box {
  width: 50%;
  border: 1px solid lightgray;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px 10px;
  text-align-last: center;
  color: gray;
}

#mapMain_target_arbitrary_area_circle .map-section {
  width: 100%;
  height: 100%;
  background-color: gray;
}

#mapMain_target_arbitrary_area_circle .dropdown-list {
  width: 30%;
  text-align: center;
  position: relative;
  font-weight: 400;
  margin: 15px 0px 14px 0px;
}

#mapMain_target_arbitrary_area_circle .dropdown-list .dropdown-label, #mapMain_target_arbitrary_area_circle .dropdown-list .dropdown-item {
  padding: 5px 0px;
  border: 1px solid black;
  font-size: 1.6rem;
}

#mapMain_target_arbitrary_area_circle .dropdown-list .dropdown-item:hover {
  background-color: lightgray;
  cursor: pointer;
}

#mapMain_target_arbitrary_area_circle .dropdown-list .dropdown-label {
  color: gray;
  font-weight: 400;
}

#mapMain_target_arbitrary_area_circle .dropdown-list .dropdown-label:hover {
  cursor: pointer;
}

#mapMain_target_arbitrary_area_circle .dropdown-list .dropdown-item-container {
  display: none;
  position: absolute;
  width: 100%;
  background-color: white;
}

#mapMain_target_arbitrary_area_polygon {
  display: none;
  padding: 15px;
  height: 100%;
  background-color: white;
  border-bottom: 2px solid #bfbfbf;
}

#mapMain_target_arbitrary_area_polygon .mapMainView {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#mapMain_target_arbitrary_area_polygon .area-polygon-label {
  font-weight: 400;
  margin: 0;
  padding-top: 5px;
  height: 30px;
}

#mapMain_target_arbitrary_area_polygon .map-section {
  width: 100%;
  height: 100%;
  background-color: gray;
}

#mapMain_target_corporate_information {
  display: none;
  padding: 15px;
  height: 100%;
  background-color: white;
}

#mapMain_target_corporate_information .mapMainView {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#mapMain_target_corporate_information .business_info_section {
  margin-top: 10px;
  border: 1px solid lightgray;
  height: 100%;
  width: 100%;
  overflow-y: auto;
}

#mapMain_target_corporate_information .business_info_section .capital-label {
  background-color: #eaf6f4;
  margin: 10px 0;
  font-weight: 400;
  padding: 1px 20px;
  color: #000000;
}

#mapMain_target_corporate_information .business_info_section .range-section {
  height: 49%;
  display: flex;
  flex-wrap: nowrap;
  padding: 10px 50px;
}

#mapMain_target_corporate_information .business_info_section .range-section .left-side {
  border: 1px solid lightgray;
  height: 100%;
  width: 50%;
  display: flex;
  flex-wrap: nowrap;
  padding: 7px;
  overflow-y: auto;
}

#mapMain_target_corporate_information .business_info_section .range-section .left-side input[type="checkbox"] {
  display: inline-block;
  width: 20px;
  height: 20px;
}

#mapMain_target_corporate_information .business_info_section .range-section .left-side table {
  width: 100%;
  color: #000000;
}

#mapMain_target_corporate_information .business_info_section .range-section .left-side table .range-value-start {
  text-align: right;
  width: 30%;
}

#mapMain_target_corporate_information .business_info_section .range-section .left-side table .range-value-icon {
  text-align: center;
  width: 10%;
}

#mapMain_target_corporate_information .business_info_section .range-section .left-side table .range-value-end-field {
  width: 50%;
}

#mapMain_target_corporate_information .business_info_section .range-section .left-side table .range-value-end-field .range-value-end {
  width: 105px;
  text-align: right;
}

#mapMain_target_corporate_information .business_info_section .range-section .left-side table > td:nth-child(1) {
  width: 10%;
}

#mapMain_target_corporate_information .business_info_section .range-section .middle-side {
  height: 100%;
  width: 5%;
  text-align: center;
  display: grid;
  display: -ms-inline-flexbox;
  align-items: center;
}

#mapMain_target_corporate_information .business_info_section .range-section .right-side {
  border: 1px solid lightgray;
  height: 100%;
  width: 50%;
  overflow-y: auto;
}

#mapMain_target_corporate_information .business_info_section .content-field {
  display: flex;
  flex-wrap: nowrap;
  padding: 10px 50px;
  margin-bottom: 20px;
}

#mapMain_target_corporate_information .business_info_section .content-field .left-side {
  height: 100%;
  width: 50%;
  display: flex;
  flex-wrap: nowrap;
}

#mapMain_target_corporate_information .business_info_section .content-field input {
  border: 1px solid lightgray;
  width: 40%;
}

#mapMain_target_corporate_information .business_info_section .content-field span {
  padding-right: 20px;
  padding-left: 20px;
  font-weight: 400;
  color: #000000;
}

#mapMain_target_corporate_information .business_info_section .content-field .middle-side {
  height: 100%;
  width: 5%;
  text-align: center;
  margin: auto;
}

#mapMain_target_corporate_information .business_info_section .content-field .right-side {
  height: 100%;
  width: 50%;
  display: flex;
  flex-wrap: nowrap;
}

#mapMain_target_building_information {
  display: none;
  padding: 15px;
  height: 100%;
  background-color: white;
}

#mapMain_target_building_information .mapMainView {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#mapMain_target_building_information .building_info_section {
  margin-top: 10px;
  border: 1px solid lightgray;
  height: 100%;
  width: 100%;
  overflow-y: auto;
}

#mapMain_target_building_information .building_info_section .capital-label {
  background-color: #eaf6f4;
  margin: 10px 0;
  font-weight: 400;
  padding: 1px 20px;
  color: #000000;
}

#mapMain_target_building_information .building_info_section .range-section {
  height: 22%;
  display: flex;
  flex-wrap: nowrap;
  padding: 10px 50px;
}

#mapMain_target_building_information .building_info_section .range-section .left-side {
  border: 1px solid lightgray;
  height: 100%;
  width: 50%;
  display: flex;
  flex-wrap: nowrap;
  padding: 10px;
  overflow-y: auto;
}

#mapMain_target_building_information .building_info_section .range-section .left-side input[type="checkbox"] {
  display: inline-block;
  width: 20px;
  height: 20px;
}

#mapMain_target_building_information .building_info_section .range-section .left-side table {
  width: 100%;
  font-weight: 400;
  color: #000000;
}

#mapMain_target_building_information .building_info_section .range-section .left-side table .range-value-start {
  text-align: right;
}

#mapMain_target_building_information .building_info_section .range-section .left-side table .range-value-icon {
  text-align: center;
  width: 10%;
}

#mapMain_target_building_information .building_info_section .range-section .left-side table .range-value-end-field .range-value-end {
  width: 60%;
  text-align: right;
}

#mapMain_target_building_information .building_info_section .range-section .middle-side {
  height: 100%;
  width: 5%;
  text-align: center;
  display: grid;
  display: -ms-inline-flexbox;
  align-items: center;
}

#mapMain_target_building_information .building_info_section .range-section .right-side {
  border: 1px solid lightgray;
  height: 100%;
  width: 50%;
  overflow-y: auto;
}

#mapMain_target_building_information .building_info_section .content-field {
  display: flex;
  flex-wrap: nowrap;
  padding: 10px 50px;
}

#mapMain_target_building_information .building_info_section .content-field .left-side {
  height: 100%;
  width: 50%;
  display: flex;
  flex-wrap: nowrap;
}

#mapMain_target_building_information .building_info_section .content-field input {
  border: 1px solid lightgray;
  width: 80%;
}

#mapMain_target_building_information .building_info_section .content-field span {
  width: 20%;
  padding-left: 20px;
  font-weight: 400;
  color: #000000;
}

#mapMain_target_building_information .building_info_section .content-field .middle-side {
  height: 100%;
  width: 5%;
}

#mapMain_target_building_information .building_info_section .content-field .right-side {
  height: 100%;
  width: 50%;
  display: flex;
  flex-wrap: nowrap;
}

#mapMain_target_business_type {
  display: none;
  background-color: white;
  padding: 15px;
  height: 100%;
}

#mapMain_target_business_type .img-search-input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z' fill='%23808080'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
  background-size: 18px;
  background-position: 6px;
}

#mapMain_target_business_type .img-search-input:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z' fill='%239D96'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
  background-size: 18px;
  background-position: 6px;
}

#mapMain_target_business_type .mapMainView {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#mapMain_target_business_type .search-section {
  display: flex;
  justify-content: space-between;
}

#mapMain_target_business_type .search-section .spacing-content {
  width: 5%;
}

#mapMain_target_business_type .search-section > div.left-side, #mapMain_target_business_type .search-section div.right-side {
  width: 50%;
}

#mapMain_target_business_type .search-section ul {
  position: absolute;
  background-color: white;
  z-index: 10;
  height: auto;
  width: 300px;
  border: 1px solid lightgray;
  margin-top: -10px;
  max-height: 50%;
  overflow-y: auto;
}

#mapMain_target_business_type .search-section li {
  padding: 2px;
}

#mapMain_target_business_type .search-section li a {
  text-decoration: unset;
  color: black;
}

#mapMain_target_business_type .search-section li a:hover {
  color: #01a099;
}

#mapMain_target_business_type .search-area-field {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 2px;
  color: #333;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #f0f0f0;
}

#mapMain_target_business_type .search-area-btn {
  width: 300px;
  padding: 3px 6px;
}

#mapMain_target_business_type .condition-container {
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  overflow-y: auto;
}

#mapMain_target_business_type .condition-container .left-side {
  border: 1px solid lightgray;
  height: 100%;
  width: 50%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

#mapMain_target_business_type .condition-container .middle-side {
  height: 100%;
  width: 5%;
  text-align: center;
  display: grid;
  display: -ms-inline-flexbox;
  align-items: center;
}

#mapMain_target_business_type .condition-container .right-side {
  border: 1px solid lightgray;
  height: 100%;
  width: 50%;
  overflow-y: auto;
}

#mapMain_target_building_information_personal {
  display: none;
  padding: 15px;
  height: 100%;
  background-color: white;
}

#mapMain_target_building_information_personal .mapMainView {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#mapMain_target_building_information_personal .building_info_section {
  margin-top: 10px;
  border: 1px solid lightgray;
  height: 100%;
  width: 100%;
  overflow-y: auto;
}

#mapMain_target_building_information_personal .building_info_section .capital-label {
  background-color: #eaf6f4;
  margin: 10px 0;
  font-weight: 400;
  padding: 1px 20px;
  color: #000000;
}

#mapMain_target_building_information_personal .building_info_section .range-section {
  height: 22%;
  display: flex;
  flex-wrap: nowrap;
  padding: 10px 50px;
}

#mapMain_target_building_information_personal .building_info_section .range-section .left-side {
  border: 1px solid lightgray;
  height: 100%;
  width: 50%;
  display: flex;
  flex-wrap: nowrap;
  padding: 10px;
  overflow-y: auto;
}

#mapMain_target_building_information_personal .building_info_section .range-section .left-side input[type="checkbox"] {
  display: inline-block;
  width: 20px;
  height: 20px;
}

#mapMain_target_building_information_personal .building_info_section .range-section .left-side table {
  width: 100%;
  font-weight: 400;
  color: #000000;
}

#mapMain_target_building_information_personal .building_info_section .range-section .left-side table .range-value-start {
  text-align: right;
}

#mapMain_target_building_information_personal .building_info_section .range-section .left-side table .range-value-icon {
  text-align: center;
  width: 10%;
}

#mapMain_target_building_information_personal .building_info_section .range-section .left-side table .range-value-end-field .range-value-end {
  width: 60%;
  text-align: right;
}

#mapMain_target_building_information_personal .building_info_section .range-section .middle-side {
  height: 100%;
  width: 5%;
  text-align: center;
  display: grid;
  display: -ms-inline-flexbox;
  align-items: center;
}

#mapMain_target_building_information_personal .building_info_section .range-section .right-side {
  border: 1px solid lightgray;
  height: 100%;
  width: 50%;
  overflow-y: auto;
}

#mapMain_target_building_information_personal .building_info_section .content-field {
  display: flex;
  flex-wrap: nowrap;
  padding: 10px 50px;
}

#mapMain_target_building_information_personal .building_info_section .content-field .left-side {
  height: 100%;
  width: 50%;
  display: flex;
  flex-wrap: nowrap;
}

#mapMain_target_building_information_personal .building_info_section .content-field input {
  border: 1px solid lightgray;
  width: 80%;
}

#mapMain_target_building_information_personal .building_info_section .content-field span {
  width: 20%;
  padding-left: 20px;
  font-weight: 400;
  color: #000000;
}

#mapMain_target_building_information_personal .building_info_section .content-field .middle-side {
  height: 100%;
  width: 5%;
}

#mapMain_target_building_information_personal .building_info_section .content-field .right-side {
  height: 100%;
  width: 50%;
  display: flex;
  flex-wrap: nowrap;
}

#mapMain_target_administrative_area.active,
#mapMain_target_arbitrary_area_circle.active,
#mapMain_target_arbitrary_area_polygon.active,
#mapMain_target_corporate_information.active,
#mapMain_target_business_type.active,
#mapMain_target_building_information.active,
#mapMain_target_building_information_personal.active {
  display: block;
}

.ctrl-bottom-right,
.ctrl-bottom-left {
  z-index: 100;
}

#progress-management-status_grid-right-panel {
  height: 0px;
  width: 100%;
  bottom: 0;
  position: absolute;
}

#progress-management-status_grid-right-panel .z-pkg-mapMainView-main-offside-canvas {
  width: 100%;
}

.z-pkg-mapMainView-main-progress-management {
  bottom: 0px;
  right: 0px;
  width: 100%;
  padding: 0px;
  z-index: 200;
}

.z-pkg-mapMainView-main-progress-management #mapMain_progressManagement {
  background-color: #f2f2f2;
  padding-top: 5px;
  padding-bottom: 5px;
}

.z-pkg-mapMainView-main-progress-management .hidden-cell-datatable {
  display: none;
}

.z-pkg-mapMainView-main-progress-management .open {
  visibility: visible;
}

.z-pkg-mapMainView-main-progress-management .hide {
  display: none !important;
}

.z-pkg-mapMainView-main-progress-management .progress-management-btn {
  border: solid 1px #009d95;
  padding: 5px;
  margin: 5px 0;
  color: #009d96;
  font-size: 12px;
  min-width: 3.5em;
  background-color: #ffffff;
  height: 32px;
}

.z-pkg-mapMainView-main-progress-management .progress-management-btn:hover {
  color: #ffffff;
  background-color: #00ACA4;
  border: 1px solid #009D96;
}

.z-pkg-mapMainView-main-progress-management .progress-management-btn:hover circle {
  stroke: white;
  fill: #00aca4;
}

.z-pkg-mapMainView-main-progress-management .progress-management-btn:disabled {
  background-color: #ffffff;
  color: #bfbfbf;
  border: 1px solid #bfbfbf;
}

.z-pkg-mapMainView-main-progress-management .progress-management-btn:disabled circle {
  stroke: white;
  fill: #BFBFBF;
}

.z-pkg-mapMainView-main-progress-management .progress-management-btn-icon {
  margin: -5px 0px;
}

.z-pkg-mapMainView-main-progress-management .progress-management-btn-icon path {
  fill: inherit;
}

.z-pkg-mapMainView-main-progress-management .progress-management-button-group-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.z-pkg-mapMainView-main-progress-management .progress-management-button-group-container .progress-management-button-group-left-container {
  flex: 1.5;
  text-align: start;
}

.z-pkg-mapMainView-main-progress-management .progress-management-button-group-container .progress-management-button-group-left-container > div {
  display: inline-block;
  margin: 0px -1px;
}

.z-pkg-mapMainView-main-progress-management .progress-management-button-group-container .progress-management-button-group-left-container .progress-management-deselection {
  display: none;
}

.z-pkg-mapMainView-main-progress-management .progress-management-button-group-container .progress-management-button-group-right-container {
  text-align: end;
}

.z-pkg-mapMainView-main-progress-management .progress-management-button-group-container .progress-management-button-group-right-container > div {
  display: inline-block;
  margin: 0px -1px;
}

.z-pkg-mapMainView-main-progress-management .progress-management-button-group-container .progress-management-button-group-right-container .progress-management-status-board {
  padding: 0px;
  background: none;
}

.z-pkg-mapMainView-main-progress-management .progress-management-button-group-container .progress-management-button-group-right-container .progress-management-icon-btn-container > div {
  margin: 0px 3px;
}

.z-pkg-mapMainView-main-progress-management .progress-management-button-group-container .progress-management-button-group-right-container .progress-management-icon-btn-container > div img,
.z-pkg-mapMainView-main-progress-management .progress-management-button-group-container .progress-management-button-group-right-container .progress-management-icon-btn-container > div svg {
  vertical-align: middle;
}

.z-pkg-mapMainView-main-progress-management .progress-management-button-group-container .progress-management-button-group-right-container .progress-management-icon-btn-container .progress-management-close {
  margin: 0 2px 8px;
  vertical-align: middle;
}

.z-pkg-mapMainView-main-progress-management .progress-management-button-group-container .progress-management-button-group-right-container .progress-management-icon-btn-container .progress-management-close div:hover {
  cursor: pointer;
}

.z-pkg-mapMainView-main-progress-management .progress-management-button-group-container .progress-management-button-group-right-container .progress-management-icon-btn-container .progress-management-icon-btn {
  display: inline-block;
}

.z-pkg-mapMainView-main-progress-management .progress-management-button-group-container .progress-management-button-group-right-container .progress-management-icon-btn-container .progress-management-setting-btn-panel {
  display: none;
  position: absolute;
  right: 2%;
  z-index: 1000;
  border: 1px solid #000000;
  background-color: #ffffff;
  width: 17em;
  line-height: 2;
  font-weight: 400;
  text-align: start;
}

.z-pkg-mapMainView-main-progress-management .progress-management-button-group-container .progress-management-button-group-right-container .progress-management-icon-btn-container .progress-management-setting-btn-panel .setting-btn-panel {
  padding: 0.4em 1em;
  cursor: pointer;
}

.z-pkg-mapMainView-main-progress-management .progress-management-button-group-container .progress-management-button-group-right-container .progress-management-icon-btn-container .progress-management-setting-btn-panel .setting-btn-panel:hover {
  background-color: #f5f5f5;
}

.z-pkg-mapMainView-main-progress-management .progress-management-button-group-container .progress-management-button-group-right-container .progress-management-icon-btn-container .progress-management-setting-btn-panel .disabled-item {
  pointer-events: none;
  opacity: 0.4;
}

.z-pkg-mapMainView-main-progress-management .progress-management-button-group-container .progress-management-button-group-right-container .progress-management-icon-btn-container .progress-management-collapse {
  display: none;
  right: 0;
  margin: 8px 15px 8px 10px;
}

.z-pkg-mapMainView-main-progress-management .progress-management-button-group-container .progress-management-button-group-right-container .progress-management-icon-btn-container .progress-management-collapse div:hover {
  cursor: pointer;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table-container {
  height: 90%;
  flex-direction: column;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table-container .DTFC_ScrollWrapper {
  z-index: 100;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table-container .DTFC_LeftBodyLiner,
.z-pkg-mapMainView-main-progress-management .progress-management-table-container .DTFC_LeftHeadWrapper {
  display: flex;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table-container .DTFC_LeftBodyLiner {
  height: auto !important;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table-container td {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.z-pkg-mapMainView-main-progress-management table.dataTable tbody td.select-checkbox:before,
.z-pkg-mapMainView-main-progress-management table.dataTable tbody th.select-checkbox:before,
.z-pkg-mapMainView-main-progress-management table.dataTable tbody td.select-checkbox:after,
.z-pkg-mapMainView-main-progress-management table.dataTable tbody th.select-checkbox:after {
  display: block;
  position: absolute;
  top: calc(50% - 2px);
  left: 50%;
  width: 15px;
  height: 15px;
  box-sizing: border-box;
}

.z-pkg-mapMainView-main-progress-management table.dataTable tr.row-selected td.select-checkbox:after,
.z-pkg-mapMainView-main-progress-management table.dataTable tr.row-selected th.select-checkbox:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 47%;
  width: 7px;
  height: 11px;
  transform: rotate(40deg);
  border-bottom: 3px solid #009d96;
  border-right: 3px solid #009d96;
  margin: -7px 0px 0px 0px;
}

@supports (-moz-appearance: none) {
  .z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper table {
    border-left: 0 !important;
  }
  .z-pkg-mapMainView-main-progress-management .progress-management-table .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table {
    width: calc(100% - 0px) !important;
  }
  .z-pkg-mapMainView-main-progress-management .progress-management-table .DTFC_LeftWrapper .DTFC_LeftHeadWrapper th {
    padding: 3px 10px;
  }
  .z-pkg-mapMainView-main-progress-management .progress-management-table .DTFC_LeftWrapper .DTFC_LeftBodyWrapper {
    border-left: 2px solid #757575;
  }
  .z-pkg-mapMainView-main-progress-management .progress-management-table .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table {
    width: calc(100% - 19px) !important;
    margin-left: -2px !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper table {
    border-left: 0 !important;
  }
  .z-pkg-mapMainView-main-progress-management .progress-management-table .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table {
    width: calc(100% - 0px) !important;
  }
  .z-pkg-mapMainView-main-progress-management .progress-management-table .DTFC_LeftWrapper .DTFC_LeftHeadWrapper th {
    padding: 3px 10px;
  }
  .z-pkg-mapMainView-main-progress-management .progress-management-table .DTFC_LeftWrapper .DTFC_LeftBodyWrapper {
    border-left: 2px solid #757575;
  }
  .z-pkg-mapMainView-main-progress-management .progress-management-table .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table {
    width: calc(100% - 19px) !important;
    margin-left: -2px !important;
  }
}

.z-pkg-mapMainView-main-progress-management .progress-management-table {
  height: 100%;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 100%;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper .dataTables_wrapper.no-footer {
  height: 100%;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper #progress-management-datatable_filter {
  display: none;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper .dt-buttons {
  display: none;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper .dataTables_scrollBody {
  border-bottom: none;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table.dataTable.no-footer tr {
  height: 28px !important;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table.dataTable.no-footer th {
  height: 24px;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table.dataTable.no-footer th button {
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: inline-flex;
  margin-left: 1em;
  vertical-align: top;
  background: url("../images/filter-icon.svg") no-repeat;
  background-color: #fff;
  background-size: 15px;
  background-position: center;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table.dataTable.no-footer th button::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0.7em;
  pointer-events: none;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table.dataTable.no-footer th button:hover {
  background-color: #ffeecd !important;
  background-size: 15px !important;
  background-position: center !important;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table.dataTable.no-footer th > div:nth-child(1) {
  padding: 0;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table.dataTable.no-footer th > div:nth-child(1)::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 17px solid white;
  position: absolute;
  top: 1em;
  pointer-events: none;
  margin-left: 1em;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table.dataTable.no-footer th:last-child {
  border-right-color: #757575;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table.dataTable.no-footer tr {
  height: 28px !important;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table.dataTable.no-footer th {
  height: 24px;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table.dataTable.no-footer th button {
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: inline-flex;
  margin-left: 1em;
  vertical-align: top;
  background: url("../images/filter-icon.svg") no-repeat;
  background-color: #fff;
  background-size: 15px;
  background-position: center;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table.dataTable.no-footer th button::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0.7em;
  pointer-events: none;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table.dataTable.no-footer th button:hover {
  background: url("../images/filter-icon.svg") no-repeat !important;
  background-color: #ffeecd !important;
  background-size: 15px !important;
  background-position: center !important;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table.dataTable.no-footer th:focus {
  outline: none;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table.dataTable.no-footer th:nth-child(2) > div:nth-child(1)::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 17px solid white;
  position: absolute;
  top: 1em;
  pointer-events: none;
  margin-left: 1em;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper table {
  border-left: 2px solid #757575;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper table .focusedRow {
  background-color: #fff2cc;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper table .selected {
  background-color: red;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper table th {
  background-color: #757575;
  opacity: 1;
  color: #ffffff;
  border: 2px solid #757575;
  border-right: 1px solid #c6c6c6;
  padding: 0px 10px;
  font-size: 12px;
  height: 24px;
  position: relative;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper table th > div:nth-child(1) {
  padding: 0;
  width: calc(100% - 2px);
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper table th .dataTable-header-btn {
  position: absolute;
  right: 5px;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper table th:nth-child(1) div::after {
  border: none;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper table td {
  padding: 0px 10px;
  border: 1px solid #757575;
  border-left: none;
  border-top: none;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper table .data-table-cell {
  cursor: pointer;
  font-size: 1.2rem;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .progress-management-table-wrapper table .slide_product.export-csv.data-table-cell {
  display: block;
  max-width: 178px;
  min-height: 20px;
  white-space: normal;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .dataTables_info {
  font-size: 12px;
  font-weight: 400;
  color: #000000;
  position: absolute;
  bottom: 1px;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table #progress-management-datatable_info {
  bottom: revert;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .dataTables_paginate.paging_simple_numbers {
  font-size: 12px;
  position: absolute;
  right: 0;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .dataTables_paginate.paging_simple_numbers .paginate_button {
  margin: 5px 5px;
  padding: 0px 8px;
  background-color: white;
  border-radius: 5px;
  border: 2px solid #009d96;
  color: #009d96 !important;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .dataTables_paginate.paging_simple_numbers .current {
  border-radius: 5px;
  color: #ffffff !important;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .dataTables_paginate.paging_simple_numbers .paginate_button.disabled,
.z-pkg-mapMainView-main-progress-management .progress-management-table .dataTables_paginate.paging_simple_numbers .paginate_button.disabled:hover .paginate_button.disabled:active {
  color: #01a099 !important;
  border: 2px solid #01a099 !important;
  opacity: 0.5;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .dataTables_paginate.paging_simple_numbers .paginate_button.disabled:hover {
  background: #ffffff !important;
  color: #01a099 !important;
}

.z-pkg-mapMainView-main-progress-management .progress-management-table .dataTables_paginate.paging_simple_numbers .paginate_button:hover,
.z-pkg-mapMainView-main-progress-management .progress-management-table .dataTables_paginate.paging_simple_numbers .paginate_button.current,
.z-pkg-mapMainView-main-progress-management .progress-management-table .dataTables_paginate.paging_simple_numbers .paginate_button.current:hover {
  background: #009d96 !important;
  color: #ffffff !important;
}

.z-pkg-mapMainView-main-progress-management .progress_management_datatable_feature {
  text-align: center;
  position: relative;
}

.z-pkg-mapMainView-main-progress-management .progress_management_datatable_feature .progress-management-datatable-length {
  display: block;
  font-weight: 400;
  color: #000000;
  margin: auto;
  position: absolute;
  right: calc(10% + 24em);
  top: -2.8em;
}

.z-pkg-mapMainView-main-progress-management .progress_management_datatable_feature .progress-management-datatable-length select {
  border: 1px solid #bfcad4;
  border-radius: 5px;
  padding: 2px;
}

.z-pkg-mapMainView-main-progress-management .progress_management_datatable_feature .progress-management-datatable-length select option {
  text-align: center;
}

.progress-management-reopen {
  display: none;
  position: absolute;
  background: #f2f2f2;
  text-align: right;
  width: 100%;
  height: 42px;
  bottom: 0;
  z-index: 10;
  padding: 5px 10px 5px 5px;
}

.progress-management-status-sale {
  position: absolute;
  font-size: 12px;
  right: 14px;
  top: 5px;
  max-width: 180px;
}

.progress-management-status-sale #legend_display_dropdown {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  z-index: 1;
  width: 100%;
  text-align: left;
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.progress-management-status-sale #legend_display_dropdown ul {
  height: fit-content;
}

.progress-management-status-sale #legend_display_dropdown .select {
  white-space: nowrap;
}

.progress-management-status-sale #legend_display_dropdown span {
  display: inline-block;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.progress-management-status-sale .progress-management-status-sale-panel {
  display: block;
  padding: 6px 6px 3px 0;
  background-color: rgba(255, 255, 255, 0.8);
  max-height: 258px;
  overflow-y: auto;
}

.progress-management-status-sale .progress-management-status-sale-panel .status-sale-column {
  text-overflow: ellipsis;
  overflow: hidden;
}

.progress-management-status-sale .progress-management-status-sale-panel .status-sale-left {
  width: 20%;
}

.progress-management-status-sale .progress-management-status-sale-panel .status-sale-left div {
  height: 10px;
  width: 10px;
  margin: 5px 10px;
  border-radius: 50%;
}

.progress-management-status-sale .progress-management-status-sale-panel .status-sale-right {
  width: 100%;
  max-width: 100%;
  max-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#progress_management_reopen {
  margin-right: 7px;
}

#progress_management_popup_person_registration {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10000;
}

#progress_management_popup_person_registration > div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}

#progress_management_popup_person_registration > div > .z-pkg-mapMainView-progress-management-person-regis {
  max-width: 800px;
  min-width: 400px;
  max-height: 800px;
  min-height: 200px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 12px;
}

#progress_management_popup_person_registration > div > .z-pkg-mapMainView-progress-management-person-regis > li {
  text-align: center;
}

#progress_management_popup_person_registration > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(1) {
  background-color: #c8c8c8;
  height: 3em;
  border-bottom: 4px solid #009d96;
  line-height: 3em;
}

#progress_management_popup_person_registration > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(1) span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

#progress_management_popup_person_registration > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3) {
  position: relative;
}

#progress_management_popup_person_registration > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3)::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 17px solid #9e9e9e;
  position: absolute;
  right: 3em;
  top: 0.7em;
  pointer-events: none;
}

#progress_management_popup_person_registration > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3) select {
  border: 1px solid #9e9e9e;
  padding: 0.5em;
  width: 350px;
}

#progress_management_popup_person_registration > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3) .select {
  padding-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#progress_management_popup_person_registration > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3) .select::after {
  position: absolute;
  right: 0;
}

#progress_management_popup_person_registration > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(4) button {
  width: 80px;
  margin-bottom: 10px;
}

#progress_management_popup_batch_registration {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10001;
}

#progress_management_popup_batch_registration > div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}

#progress_management_popup_batch_registration > div > .z-pkg-mapMainView-progress-management-person-regis {
  max-width: 800px;
  min-width: 400px;
  max-height: 800px;
  min-height: 200px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 12px;
}

#progress_management_popup_batch_registration > div > .z-pkg-mapMainView-progress-management-person-regis > li {
  text-align: center;
}

#progress_management_popup_batch_registration > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(1) {
  background-color: #c8c8c8;
  height: 3em;
  border-bottom: 4px solid #009d96;
  line-height: 3em;
}

#progress_management_popup_batch_registration > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(1) span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

#progress_management_popup_batch_registration > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3),
#progress_management_popup_batch_registration > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(4) {
  position: relative;
}

#progress_management_popup_batch_registration > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3)::after,
#progress_management_popup_batch_registration > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(4)::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 17px solid #9e9e9e;
  position: absolute;
  right: 3em;
  top: 0.7em;
  pointer-events: none;
}

#progress_management_popup_batch_registration > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3) select,
#progress_management_popup_batch_registration > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(4) select {
  border: 1px solid #9e9e9e;
  padding: 0.5em;
  width: 350px;
}

#progress_management_popup_batch_registration > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3) .select,
#progress_management_popup_batch_registration > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(4) .select {
  padding-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#progress_management_popup_batch_registration > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3) .select::after,
#progress_management_popup_batch_registration > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(4) .select::after {
  position: absolute;
  right: 0;
}

#progress_management_popup_batch_registration > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3) li,
#progress_management_popup_batch_registration > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(4) li {
  min-height: 30px;
}

#progress_management_popup_batch_registration > div > .z-pkg-mapMainView-progress-management-person-regis .scheduled-date-container {
  position: relative;
  display: none;
  margin: 0 auto;
}

#progress_management_popup_batch_registration > div > .z-pkg-mapMainView-progress-management-person-regis .scheduled-date-container > div {
  width: 300px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#progress_management_popup_batch_registration > div > .z-pkg-mapMainView-progress-management-person-regis .scheduled-date-container > div > img {
  flex-shrink: 1;
}

#progress_management_popup_batch_registration > div > .z-pkg-mapMainView-progress-management-person-regis .scheduled-date-container > div #scheduled_date_registration_text {
  flex: 1;
}

#progress_management_popup_batch_registration > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(6) button {
  width: 80px;
  margin-bottom: 10px;
}

#progress_management_popup_filter,
#progress_management_popup_filter_date,
#progress_management_popup_filter_date_time,
#progress_management_popup_filter_range {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10000;
}

#progress_management_popup_filter > div,
#progress_management_popup_filter_date > div,
#progress_management_popup_filter_date_time > div,
#progress_management_popup_filter_range > div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}

#progress_management_popup_filter > div > .z-pkg-mapMainView-progress-management-person-regis,
#progress_management_popup_filter_date > div > .z-pkg-mapMainView-progress-management-person-regis,
#progress_management_popup_filter_date_time > div > .z-pkg-mapMainView-progress-management-person-regis,
#progress_management_popup_filter_range > div > .z-pkg-mapMainView-progress-management-person-regis {
  max-width: 1000px;
  min-width: 400px;
  max-height: 800px;
  min-height: 200px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 12px;
}

#progress_management_popup_filter > div > .z-pkg-mapMainView-progress-management-person-regis > li,
#progress_management_popup_filter_date > div > .z-pkg-mapMainView-progress-management-person-regis > li,
#progress_management_popup_filter_date_time > div > .z-pkg-mapMainView-progress-management-person-regis > li,
#progress_management_popup_filter_range > div > .z-pkg-mapMainView-progress-management-person-regis > li {
  text-align: center;
}

#progress_management_popup_filter > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(1),
#progress_management_popup_filter_date > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(1),
#progress_management_popup_filter_date_time > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(1),
#progress_management_popup_filter_range > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(1) {
  background-color: #c8c8c8;
  height: 3em;
  border-bottom: 4px solid #009d96;
  line-height: 3em;
}

#progress_management_popup_filter > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(1) span,
#progress_management_popup_filter_date > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(1) span,
#progress_management_popup_filter_date_time > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(1) span,
#progress_management_popup_filter_range > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(1) span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

#progress_management_popup_filter > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(2),
#progress_management_popup_filter_date > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(2),
#progress_management_popup_filter_date_time > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(2),
#progress_management_popup_filter_range > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(2) {
  margin-top: 10px;
}

#progress_management_popup_filter > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3),
#progress_management_popup_filter_date > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3),
#progress_management_popup_filter_date_time > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3),
#progress_management_popup_filter_range > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3) {
  position: relative;
}

#progress_management_popup_filter > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3) input#input_search,
#progress_management_popup_filter_date > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3) input#input_search,
#progress_management_popup_filter_date_time > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3) input#input_search,
#progress_management_popup_filter_range > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3) input#input_search {
  border: 1px solid #ccc;
  background-color: #f0f0f0;
  padding: 0.5em;
  width: 350px;
}

#progress_management_popup_filter > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3) input.input-filter-range,
#progress_management_popup_filter_date > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3) input.input-filter-range,
#progress_management_popup_filter_date_time > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3) input.input-filter-range,
#progress_management_popup_filter_range > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3) input.input-filter-range {
  width: 140px;
  border: 1px solid #ccc;
  background-color: #f0f0f0;
  padding: 0.5em;
}

#progress_management_popup_filter > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3) select,
#progress_management_popup_filter_date > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3) select,
#progress_management_popup_filter_date_time > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3) select,
#progress_management_popup_filter_range > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3) select {
  border: 1px solid #ccc;
  padding: 0.4em;
  width: 50px;
  background-color: #f0f0f0;
  border-radius: 5px;
  margin: 0px 5px;
}

#progress_management_popup_filter > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3) input.input-search-text,
#progress_management_popup_filter_date > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3) input.input-search-text,
#progress_management_popup_filter_date_time > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3) input.input-search-text,
#progress_management_popup_filter_range > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(3) input.input-search-text {
  background-color: #ffffff;
  border: 1px solid #bfbfbf;
  width: 45px;
  border-radius: 7px;
  padding: 0.5em;
}

#progress_management_popup_filter > div > .z-pkg-mapMainView-progress-management-person-regis > li.filter-address::after,
#progress_management_popup_filter_date > div > .z-pkg-mapMainView-progress-management-person-regis > li.filter-address::after,
#progress_management_popup_filter_date_time > div > .z-pkg-mapMainView-progress-management-person-regis > li.filter-address::after,
#progress_management_popup_filter_range > div > .z-pkg-mapMainView-progress-management-person-regis > li.filter-address::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 17px solid #9e9e9e;
  position: absolute;
  right: 9em;
  top: 1em;
  pointer-events: none;
}

#progress_management_popup_filter > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(4) button,
#progress_management_popup_filter_date > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(4) button,
#progress_management_popup_filter_date_time > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(4) button,
#progress_management_popup_filter_range > div > .z-pkg-mapMainView-progress-management-person-regis > li:nth-child(4) button {
  width: 80px;
  margin-bottom: 10px;
}

#progress_management_popup_filter > div .pointer-event-none,
#progress_management_popup_filter_date > div .pointer-event-none,
#progress_management_popup_filter_date_time > div .pointer-event-none,
#progress_management_popup_filter_range > div .pointer-event-none {
  pointer-events: none;
}

#progress_management_popup_filter_date #filter_input {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 15px;
  padding-right: 10px;
}

#progress_management_popup_filter_date #filter_input > div {
  width: 60px;
  border-radius: 7px;
  text-align: center;
}

#progress_management_popup_filter_date #filter_input > div > ul {
  max-height: 200px;
  height: auto;
}

#progress_management_popup_filter_date #filter_input > div > ul > li {
  height: 20px;
  padding: 2px;
}

#progress_management_popup_filter_date #filter_input > div > ul .active {
  background-color: #257fd8;
  color: white;
}

#progress_management_popup_filter_date #filter_input .dropdown .select::after {
  content: none !important;
}

#progress_management_popup_filter_date #filter_input > span {
  margin: 0px 5px;
}

#progress_management_popup_filter_date #filter_yes_btn, #progress_management_popup_filter_date #filer_cancel_btn {
  width: 80px;
  margin-bottom: 10px;
}

#progress_management_popup_filter_date_time #filter_input_date_time {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 15px;
  padding-right: 10px;
}

#progress_management_popup_filter_date_time #filter_input_date_time > span {
  margin: 0px 5px;
}

#progress_management_popup_filter_date_time #filter_yes_btn, #progress_management_popup_filter_date_time #filer_cancel_btn {
  width: 80px;
  margin-bottom: 10px;
}

#progress_management_setting_popup_business_info {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000;
}

#progress_management_setting_popup_business_info .z_selbox {
  cursor: pointer;
}

#progress_management_setting_popup_business_info .z_selbox::after {
  content: "";
  font-size: 1.6rem;
  color: #888;
  transition: all 0.3s ease-in-out;
  width: 5px;
  height: 5px;
  border-bottom: 2px solid gray;
  border-right: 2px solid gray;
  transform: rotate(45deg);
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -3px;
  pointer-events: none;
}

#progress_management_setting_popup_business_info > #setting_popup_close {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 70px;
  top: 70px;
  z-index: 1;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
}

#progress_management_setting_popup_business_info > div:nth-child(1) {
  position: absolute;
  left: 50px;
  top: 50px;
  width: calc(100% - 100px);
  height: calc(100% - 100px);
  background-color: #ffffff;
  border: 1px solid gray;
  border-radius: 5px;
  padding: 10px;
  overflow: auto;
  font-size: 1.6rem;
  z-index: 0;
}

#progress_management_setting_popup_business_info > div:nth-child(1) > .z-pkg-mapMainView-dialog-header-business-info-popup {
  width: 80%;
  left: 10%;
  position: fixed;
  padding: 10px 15% 10px 15%;
  background-color: white;
  margin-top: -10px;
  z-index: 1000;
}

#progress_management_setting_popup_business_info .popup_title {
  width: 100%;
  background-color: #f2f2f2;
  margin-top: 15px;
  padding-left: 10px;
  font-size: 16px;
  font-weight: bold;
}

#progress_management_setting_popup_business_info .popup_description {
  margin-top: 20px;
  font-size: 1.6rem;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup {
  width: 70%;
  margin: auto;
  display: flex;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .column-popup-header {
  font-weight: bold;
  width: 100%;
  font-size: 16px;
  text-align: center;
  background-color: #c9e9e4;
  color: #019e97;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .column-popup-content {
  margin-top: 20px;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .hide {
  display: none !important;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .row-popup-content {
  display: flex;
  margin: 10px 0;
  font-size: 1vw;
  color: #16a69f;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .row-popup-content .left-content {
  width: 12%;
  border: 2px solid #16a69f;
  border-radius: 8px;
  margin-right: 5px;
  padding-left: 7px;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .row-popup-content .middle-content {
  height: 18px;
  width: 18px;
  margin: 8px 0;
  border-radius: 50%;
  display: inline-block;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .row-popup-content .right-content {
  width: 100%;
  border: 2px solid #16a69f;
  border-radius: 8px;
  margin-left: 5px;
  padding-left: 10px;
  font-size: 1.6rem;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .column-popup {
  width: 33%;
  margin: 10px;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .column-sales-represent {
  width: 100%;
  margin: 10px;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .column-sales-represent .column-popup-header {
  width: 33%;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .column-sales-represent .column-sales-container {
  display: flex;
  margin-top: 10px;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .column-sales-represent .column-sales-container > div {
  width: 33%;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .column-sales-represent .column-sales-container .column-sales-left {
  margin: 0px 10px 0px 0px;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .column-sales-represent .column-sales-container .column-sales-center {
  margin: 0px 10px 0px 10px;
  display: none;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .column-sales-represent .column-sales-container .column-sales-right {
  margin: 0px 0px 0px 10px;
  display: none;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .sales-representative-btn-container {
  display: flex;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .add-sales-representative-btn {
  width: 50%;
  display: flex;
  align-items: center;
  margin-left: 65px;
  cursor: pointer;
  font-weight: bold;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .add-sales-representative-btn > i {
  margin-right: 8px;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .column-setting-items {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .column-setting-items .setting_items_container {
  flex: 1 1 30%;
  display: block;
  max-width: 32%;
  margin: 10px;
  box-sizing: border-box;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .column-setting-items .setting_items_container .column-popup-header {
  width: 100%;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  border: 1px solid white;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .column-setting-items .setting_items_container .column-popup-header .setting-items-header_name {
  width: 80%;
  color: #019e97;
  text-align: center;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .column-setting-items .setting_items_container .delete-setting-items-btn {
  display: flex;
  align-items: center;
  margin-left: 65px;
  cursor: pointer;
  font-weight: bold;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .column-setting-items .setting_items_container .delete-setting-items-btn > i {
  margin-right: 8px;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .column-setting-items #column-sales-top-left {
  margin-right: 10px;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .column-setting-items #column-sales-top-center {
  display: none;
  margin: 0 10px;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .column-setting-items #column-sales-top-right {
  display: none;
  margin-left: 10px;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .column-setting-items #column-sales-bottom-left {
  display: none;
  margin-right: 10px;
}

#progress_management_setting_popup_business_info .z-pkg-mapMainView-dialog-contents-business-info-popup .column-setting-items #column-sales-bottom-center {
  display: none;
  margin: 0 10px;
}

#progress_management_setting_popup_business_info .setting_popup_group_btn {
  position: fixed;
  width: 100%;
  bottom: 51px;
  height: 80px;
}

#progress_management_setting_popup_business_info .setting_popup_group_btn .setting_popup_btn_save {
  width: calc(100% - 150px);
  margin: auto;
  height: 100%;
  background-color: white;
  padding-top: 15px;
  padding-bottom: 25px;
  z-index: 1000;
  display: flex;
  justify-content: center;
}

#progress_management_setting_popup_business_info .setting_popup_group_btn .add-btn {
  margin: auto 8px;
  display: block;
  background-color: white;
  color: #019e97;
  font-size: 1.6rem;
  padding: 5px 10px;
  border: 1px solid #009D96;
}

#progress_management_setting_popup_business_info .setting_popup_group_btn .add-btn:hover {
  color: #fff;
  background-color: #4eb1ab;
  border: 1px solid #009D96;
}

#progress_management_setting_popup_business_info .setting_popup_group_btn .add-btn:disabled {
  background-color: #ffffff;
  color: #bfbfbf;
  border: 1px solid #bfbfbf;
}

#progress_management_setting_popup_business_info .setting_popup_group_btn .save-btn {
  margin: auto 8px;
  display: block;
  background-color: #019e97;
  color: white;
  font-size: 1.6rem;
  padding: 5px 10px;
  border: 1px solid #009D96;
}

#progress_management_setting_popup_business_info .setting_popup_group_btn .save-btn:hover {
  color: #fff;
  background-color: #4eb1ab;
  border: 1px solid #009D96;
}

#progress_management_setting_popup_business_info .setting_popup_group_btn .cancel-btn {
  width: 134px;
  height: 38px;
  margin: auto 8px;
  display: block;
  background-color: #fff;
  color: #019e97;
  font-size: 1.6rem;
  padding: 5px 10px;
  border: 1px solid #009D96;
}

#progress_management_setting_popup_business_info .setting_popup_group_btn .cancel-btn:hover {
  color: #fff;
  background-color: #4eb1ab;
  border: 1px solid #009D96;
}

#progress_management_setting_popup_customer_type {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000;
}

#progress_management_setting_popup_customer_type .z_selbox {
  cursor: pointer;
}

#progress_management_setting_popup_customer_type .z_selbox::after {
  content: "";
  font-size: 1.6rem;
  color: #888;
  transition: all 0.3s ease-in-out;
  width: 5px;
  height: 5px;
  border-bottom: 2px solid gray;
  border-right: 2px solid gray;
  transform: rotate(45deg);
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -3px;
  pointer-events: none;
}

#progress_management_setting_popup_customer_type > #setting_popup_close {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 11%;
  top: 11%;
  z-index: 1;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) {
  position: absolute;
  left: 10%;
  top: 10%;
  width: 80%;
  height: 80%;
  background-color: #ffffff;
  border: 1px solid gray;
  border-radius: 5px;
  padding: 10px;
  overflow: auto;
  font-size: 1.6rem;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup {
  min-width: 60%;
  max-width: 65%;
  margin-left: auto;
  margin-right: auto;
  min-height: 90%;
  position: relative;
  display: flex;
  flex-direction: column;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup > li {
  margin-left: 30px;
  margin-right: 30px;
  border-bottom: 1px solid #cecece;
  display: flex;
  color: #283745;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup > li > span {
  width: 200px;
  display: inline-block;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup > li > div > label {
  width: 120px;
  display: inline-block;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup > .setting_title {
  margin: 40px 0 10px 0px;
  background-color: #f0f0f0;
  border: 0;
  font-weight: bold;
  font-size: 16px;
  color: #000000;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup > .setting_title span {
  padding: 0 10px;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup > div {
  font-size: 1.6rem;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup > div > span:nth-child(1) {
  padding: 20px 0;
  display: block;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup > div > div:nth-child(3) {
  padding: 0px 0 40px 0;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup > div > div:nth-child(3) .ul-csv-excel li {
  list-style: disc;
  float: left;
  margin: auto auto auto 40px;
  font-family: "Times New Roman";
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup > div > div:nth-child(3) .ul-csv-excel li > label {
  color: #01a099;
  border-bottom: 1px solid #01a099;
  cursor: pointer;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup > div > div:nth-child(3) .ul-csv-excel li:nth-child(1) {
  padding: 0 50px 0 20px;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup > div > div:nth-child(3) .ul-csv-excel li:nth-child(2) {
  padding: 0 50px 0 20px;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup .input-file-wrapper {
  width: 60%;
  margin-top: 10%;
  margin: auto;
  align-items: center;
  display: flex;
  flex-direction: row;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup .input-file-wrapper input {
  display: none;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup .input-file-wrapper #lb_upload_file {
  cursor: pointer;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup .input-file-wrapper label {
  float: left;
  text-align: center;
  height: 30px;
  border: 1px solid #ccc;
  color: #333;
  background-color: #f0f0f0;
  align-items: center;
  justify-content: center;
  display: -ms-inline-flexbox;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup .input-file-wrapper #show_name_file {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup .input-file-wrapper #lb_upload_file:hover {
  background-color: #c8c8c8;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup .input-file-wrapper label:nth-child(2) {
  width: 80%;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup .input-file-wrapper label:nth-child(3) {
  width: 20%;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup .btn-submit-customer-type {
  background-color: white;
  border: 1px solid #01a099;
  color: #01a099;
  display: block;
  width: 150px;
  margin: 0 auto;
  font-weight: normal;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup .btn-submit-customer-type:disabled {
  background-color: #ffffff;
  color: #bfbfbf;
  border: 1px solid #bfbfbf;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup .btn-submit-customer-type:hover {
  color: #fff;
  background-color: #4eb1ab;
  border: 1px solid #009D96;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup button.active-btn {
  background-color: #009d96;
  color: #ffffff;
}

#progress_management_setting_popup_customer_type > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-customer-type-popup .container-submit {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}

#progress_management_setting_popup_backup_restore {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000;
}

#progress_management_setting_popup_backup_restore .z_selbox {
  cursor: pointer;
}

#progress_management_setting_popup_backup_restore .z_selbox::after {
  content: "";
  font-size: 1.6rem;
  color: #888;
  transition: all 0.3s ease-in-out;
  width: 5px;
  height: 5px;
  border-bottom: 2px solid gray;
  border-right: 2px solid gray;
  transform: rotate(45deg);
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -3px;
  pointer-events: none;
}

#progress_management_setting_popup_backup_restore > #setting_popup_close {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 11%;
  top: 11%;
  z-index: 1;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
}

#progress_management_setting_popup_backup_restore > div:nth-child(1) {
  position: absolute;
  left: 10%;
  top: 10%;
  width: 80%;
  height: 80%;
  background-color: #ffffff;
  border: 1px solid gray;
  border-radius: 5px;
  padding: 10px;
  overflow: auto;
  font-size: 1.6rem;
}

#progress_management_setting_popup_backup_restore > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-backup_restore-popup {
  min-width: 60%;
  max-width: 65%;
  margin-left: auto;
  margin-right: auto;
  min-height: 90%;
  position: relative;
  display: flex;
  flex-direction: column;
}

#progress_management_setting_popup_backup_restore > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-backup_restore-popup > li {
  margin-left: 30px;
  margin-right: 30px;
  border-bottom: 1px solid #cecece;
  display: flex;
  color: #283745;
}

#progress_management_setting_popup_backup_restore > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-backup_restore-popup > li > span {
  width: 300px;
  display: inline-block;
}

#progress_management_setting_popup_backup_restore > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-backup_restore-popup .container-radio-group > label {
  width: 240px;
  display: inline-block;
}

#progress_management_setting_popup_backup_restore > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-backup_restore-popup > .setting_title {
  margin: 40px 0 10px 0px;
  background-color: #f0f0f0;
  border: 0;
  font-weight: bold;
  font-size: 16px;
  color: #000000;
}

#progress_management_setting_popup_backup_restore > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-backup_restore-popup > .setting_title span {
  padding: 0 10px;
}

#progress_management_setting_popup_backup_restore > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-backup_restore-popup > div {
  font-size: 1.6rem;
}

#progress_management_setting_popup_backup_restore > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-backup_restore-popup > div > span {
  padding: 20px 0;
  display: block;
}

#progress_management_setting_popup_backup_restore > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-backup_restore-popup .input-file-wrapper {
  width: 60%;
  margin: auto;
  margin-top: 30px;
  display: none;
}

#progress_management_setting_popup_backup_restore > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-backup_restore-popup .input-file-wrapper input {
  display: none;
}

#progress_management_setting_popup_backup_restore > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-backup_restore-popup .input-file-wrapper label {
  float: left;
  text-align: center;
  height: 30px;
  border: 1px solid #ccc;
  color: #333;
  background-color: #f0f0f0;
  align-items: center;
  justify-content: center;
  display: -ms-inline-flexbox;
}

#progress_management_setting_popup_backup_restore > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-backup_restore-popup .input-file-wrapper #lb_name_file {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 80%;
}

#progress_management_setting_popup_backup_restore > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-backup_restore-popup .input-file-wrapper #lb_upload_file {
  cursor: pointer;
  width: 20%;
}

#progress_management_setting_popup_backup_restore > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-backup_restore-popup .input-file-wrapper #lb_upload_file:hover {
  background-color: #c8c8c8;
}

#progress_management_setting_popup_backup_restore > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-backup_restore-popup .btn-submit-backup-restore {
  margin: auto;
  display: block;
  background-color: #019e97;
  color: white;
  width: 150px;
  font-size: 1.6rem;
  padding: 5px 10px;
  border: 1px solid #009D96;
}

#progress_management_setting_popup_backup_restore > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-backup_restore-popup .btn-submit-backup-restore:hover {
  color: #fff;
  background-color: #4eb1ab;
  border: 1px solid #009D96;
}

#progress_management_setting_popup_backup_restore > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-backup_restore-popup .btn-submit-backup-restore:disabled {
  background-color: #ffffff;
  color: #bfbfbf;
  border: 1px solid #bfbfbf;
}

#progress_management_setting_popup_backup_restore > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-backup_restore-popup button.active-btn {
  background-color: #009d96;
  color: #ffffff;
}

#progress_management_setting_popup_backup_restore > div:nth-child(1) > .z-pkg-mapMainView-dialog-contents-backup_restore-popup .container-submit {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}

#progress_management_setting_popup_export_data {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10001;
}

#progress_management_setting_popup_export_data > div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}

#progress_management_setting_popup_export_data > div > .z-pkg-mapMainView-progress-management-data-output {
  max-width: 600px;
  min-width: 400px;
  max-height: 450px;
  min-height: 220px;
  background-color: #ffffff;
}

#progress_management_setting_popup_export_data > div > .z-pkg-mapMainView-progress-management-data-output li {
  text-align: center;
}

#progress_management_setting_popup_export_data > div > .z-pkg-mapMainView-progress-management-data-output li:nth-child(1) {
  background-color: #c8c8c8;
  height: 3em;
  border-bottom: 4px solid #009d96;
  line-height: 3em;
}

#progress_management_setting_popup_export_data > div > .z-pkg-mapMainView-progress-management-data-output li:nth-child(1) span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  font-size: 1.6rem;
}

#progress_management_setting_popup_export_data > div > .z-pkg-mapMainView-progress-management-data-output li:nth-child(2) {
  padding: 10px 0;
}

#progress_management_setting_popup_export_data > div > .z-pkg-mapMainView-progress-management-data-output li:nth-child(2) span:nth-child(1) {
  font-size: 1.6rem;
}

#progress_management_setting_popup_export_data > div > .z-pkg-mapMainView-progress-management-data-output li:nth-child(2) span:nth-child(2) {
  font-size: 1.6rem;
}

#progress_management_setting_popup_export_data > div > .z-pkg-mapMainView-progress-management-data-output li:nth-child(3) button {
  width: 9em;
  margin-bottom: 20px;
  height: 4em;
}

#progress_management_setting_popup_reset_data {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10001;
}

#progress_management_setting_popup_reset_data > div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}

#progress_management_setting_popup_reset_data > div > .z-pkg-mapMainView-progress-management-data-reset {
  max-width: 600px;
  min-width: 400px;
  max-height: 450px;
  min-height: 220px;
  background-color: #ffffff;
}

#progress_management_setting_popup_reset_data > div > .z-pkg-mapMainView-progress-management-data-reset li {
  text-align: center;
}

#progress_management_setting_popup_reset_data > div > .z-pkg-mapMainView-progress-management-data-reset li:nth-child(1) {
  background-color: #c8c8c8;
  height: 3em;
  border-bottom: 4px solid #009d96;
  line-height: 3em;
}

#progress_management_setting_popup_reset_data > div > .z-pkg-mapMainView-progress-management-data-reset li:nth-child(1) span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  font-size: 1.6rem;
}

#progress_management_setting_popup_reset_data > div > .z-pkg-mapMainView-progress-management-data-reset li:nth-child(2) {
  padding: 10px 0;
}

#progress_management_setting_popup_reset_data > div > .z-pkg-mapMainView-progress-management-data-reset li:nth-child(2) span {
  font-size: 1.6rem;
}

#progress_management_setting_popup_reset_data > div > .z-pkg-mapMainView-progress-management-data-reset li:nth-child(3) button {
  width: 9em;
  margin-bottom: 20px;
  height: 4em;
}

@media only screen and (max-width: 1420px) {
  .z-pkg-mapMainView-dialog-contents-business-info-popup .column-popup-header {
    width: 100% !important;
  }
}

.progress-management-status-board {
  padding-left: 40px;
  background: #f2f2f2;
}

.progress-management-status-board .head-wrapper {
  background: #ffffff;
  margin-left: -40px;
}

.progress-management-status-board .head-wrapper .head-content {
  margin-left: 60px;
  padding-top: 10px;
}

.progress-management-status-board .head-wrapper .head-content > p {
  background: #f2f2f2;
  font-weight: bold;
}

.progress-management-status-board .head-wrapper .head-content > div {
  height: 45px;
}

.progress-management-status-board .head-wrapper .head-content > div .progress-management-btn {
  border: solid 1px #009d95;
  padding: 5px 10px;
  margin: 5px 0;
  color: #009d96;
  min-width: 6em;
}

.progress-management-status-board .head-wrapper .head-content > div .progress-management-btn:hover {
  color: #ffffff;
  background-color: #00ACA4;
  border: 1px solid #009D96;
}

.progress-management-status-board .head-wrapper .head-content #status_selection_dropdown {
  font-size: 12px;
  width: 170px;
  height: 32px;
}

.progress-management-status-board .head-wrapper .head-content #status_selection_dropdown .select {
  white-space: nowrap;
}

.progress-management-status-board .head-wrapper .head-content #status_selection_dropdown span {
  display: inline-block;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.progress-management-status-board .head-wrapper .head-content .status-board-search-container {
  display: inline-block;
  position: relative;
}

.progress-management-status-board .head-wrapper .head-content .status-board-search-container .status-board-search-icon {
  width: 20px;
  height: 20px;
  position: absolute;
  margin-left: -30px;
  margin-top: 12px;
}

.progress-management-status-board .head-wrapper .head-content .status-board-search-container .status-board-search {
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 5px 30px 5px 10px;
  min-width: 400px;
  background-color: #f0f0f0;
  color: #333;
}

.progress-management-status-board .head-wrapper .head-content .status-board-search-container .status-board-search-icon {
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z' fill='%23808080'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
  background-size: 22px;
  background-position: 6px;
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
  margin-top: 0;
}

.progress-management-status-board .head-wrapper .head-content .status-board-search-container .status-board-search-icon:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z' fill='%239D96'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
}

.progress-management-status-board .top-parent-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0px 5px;
}

.progress-management-status-board .top-parent-container .status-selection-container {
  margin: auto 38px auto 0;
}

.progress-management-status-board .top-parent-container .status-selection-container #status_selection_list {
  height: 124px;
}

.progress-management-status-board .table-wrapper {
  margin-top: 10px;
  overflow: scroll;
  height: calc(100% - 90px);
  width: 100%;
}

.progress-management-status-board .table-wrapper table {
  border-collapse: separate;
  border-spacing: 20px 0px;
  table-layout: fixed;
}

.progress-management-status-board .table-wrapper table th {
  position: sticky;
  top: 0;
  background: #f2f2f2;
  padding: 10px 0px;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  box-shadow: 4px 0 2px #f2f2f2;
}

.progress-management-status-board .table-wrapper table th .status-header-items-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.progress-management-status-board .table-wrapper table th .status-header-items-container .status-header-items-marker {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #333333;
}

.progress-management-status-board .table-wrapper table th .status-header-items-container .status-header-items-marker > p {
  margin: 2px 5px;
}

.progress-management-status-board .table-wrapper table th .status-header-items-container .status-header-items-total {
  width: 70px;
  height: 35px;
  border-radius: 20px;
  background-color: #d9d9d9;
  color: #333333;
  line-height: 35px;
}

.progress-management-status-board .table-wrapper table td {
  padding: 10px 0px 0px 0px;
}

.progress-management-status-board .table-wrapper table td,
.progress-management-status-board .table-wrapper table th {
  min-width: 17.3vw;
  max-width: 17.3vw;
}

.progress-management-status-board .table-wrapper table tfoot td {
  position: sticky;
  bottom: 0;
}

.progress-management-status-board .table-wrapper .table-cell {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  border: 2px solid #bfcad4;
  background: #ffffff;
  padding: 0px 10px;
  height: 140px;
}

.progress-management-status-board .table-wrapper .table-cell .detail {
  display: flex;
  margin-top: 5px;
  width: 100%;
}

.progress-management-status-board .table-wrapper .table-cell-bg-color {
  background-color: #fff2cc;
}

.progress-management-status-board .table-wrapper .table-foot1 {
  padding: 2px 5px;
  background: #ffffff;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
}

.progress-management-status-board .table-wrapper .table-foot2 {
  font-weight: bold;
  text-align: center;
  padding: 0px;
  background: #f2f2f2;
  font-size: 14px;
}

.progress-management-status-board .table-wrapper hr.title-line {
  border: 4px solid #9ad6cd;
  margin: -1px -10px;
}

.progress-management-status-board .table-wrapper .category {
  font-size: 14px;
  color: #019e97;
  font-weight: bold;
  text-align: left;
  margin: 10px 5px 0px 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.progress-management-status-board .table-wrapper .sub-category {
  min-height: 17px;
  font-size: 11px;
  color: #019e97;
  font-weight: bold;
  text-align: left;
  margin: 0px 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.progress-management-status-board .table-wrapper div .detail {
  width: 50%;
}

.progress-management-status-board .table-wrapper div .detail p {
  margin: 5px;
}

.progress-management-status-board .table-wrapper div .detail-table {
  width: 100%;
  border-spacing: 0px;
}

.progress-management-status-board .table-wrapper div .detail-table td {
  padding: 1px 0;
  font-size: 10px;
}

.progress-management-status-board .table-wrapper div .detail-table tr > td:nth-child(2) {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.progress-management-status-board .table-wrapper div .detail-table tr > td:nth-child(1) {
  width: 30%;
}

.z-pkg-mapMainView-main-map.progress-management-status-board-main {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  width: 100%;
  height: calc(100% - 85px);
  top: 85px;
}

.container-target-info {
  flex-direction: column;
  display: flex;
  height: 100%;
  font-weight: bold;
}

.container-target-info .container-all {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 90%;
}

.container-target-info #name_target {
  font-size: 20px;
}

.container-target-info .container-target-title {
  margin-right: 5px;
  background-color: #f0f0f0;
}

.container-target-info .container-target-title span {
  margin-left: 5px;
}

.container-target-info .container-all-info .container-main-infor {
  margin: 5px;
}

.container-target-info .container-all-info .container-main-infor .container-edit-company {
  display: flex;
  align-items: center;
  margin: 3px;
  min-height: 40px;
}

.container-target-info .container-all-info .container-main-infor .container-edit-company span {
  width: 80%;
  font-size: 14px;
}

.container-target-info .container-all-info .container-main-infor .container-edit-company .btn-edit-company-information {
  font-weight: normal;
  margin: 5px;
  background-color: white;
  color: #01a099;
  border: 1px solid #01a099;
  width: 34%;
  height: 30px;
}

.container-target-info .container-all-info .container-main-infor .container-target-address {
  display: flex;
  align-items: center;
  margin: 3px;
  min-height: 40px;
}

.container-target-info .container-all-info .container-main-infor .container-target-address span {
  width: 70%;
  font-size: 14px;
}

.container-target-info .container-all-info .container-main-infor .container-target-address #btn_corporate_info_collaboration {
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-weight: normal;
  margin: 5px;
  background-color: white;
  color: #01a099;
  border: 1px solid #01a099;
  width: 30%;
  height: 30px;
}

.container-target-info .container-all-info .container-main-infor .container-target-contact {
  margin-top: 5px;
  font-size: 11px;
}

.container-target-info .container-all-info .container-main-infor .container-target-contact span:nth-child(1) {
  width: 50%;
  left: 0;
  margin-left: 5px;
}

.container-target-info .container-all-info .container-main-infor .container-target-contact span:nth-child(2) {
  width: 50%;
  float: right;
}

.container-target-info .container-all-info .container-main-infor #company_zip {
  font-size: 14px;
}

.container-target-info .container-all-info .container-main-infor .select_candidate_table_container {
  overflow: auto;
}

.container-target-info .container-all-info .container-main-infor #select_candidate_containter {
  display: none;
}

.container-target-info .container-all-info .container-main-infor #select_candidate_containter .select_candidate_title {
  background-color: #f0f0f0;
}

.container-target-info .container-all-info .container-main-infor #select_candidate_containter .select_candidate_title span {
  margin-left: 5px;
}

.container-target-info .container-all-info .container-main-infor #select_candidate_containter .select_candidate_description {
  margin: 5px 0;
  font-weight: normal;
}

.container-target-info .container-all-info .container-main-infor #select_candidate_containter .select_candidate_table {
  border-collapse: collapse;
  width: 100%;
}

.container-target-info .container-all-info .container-main-infor #select_candidate_containter .select_candidate_table th, .container-target-info .container-all-info .container-main-infor #select_candidate_containter .select_candidate_table td {
  border: 1px solid #757575;
  padding: 5px;
  text-align: left;
  font-size: 14px;
  white-space: nowrap;
}

.container-target-info .container-all-info .container-main-infor #select_candidate_containter .select_candidate_table th .candidate_check_box, .container-target-info .container-all-info .container-main-infor #select_candidate_containter .select_candidate_table td .candidate_check_box {
  display: inline;
  width: 18px;
  height: 18px;
  vertical-align: sub;
  border: 1px solid #000;
  border-radius: 4px;
}

.container-target-info .container-all-info .container-main-infor #select_candidate_containter .select_candidate_table .candidate_checkbox {
  text-align: center;
}

.container-target-info .container-all-info .lb-target-info {
  background-color: #d6f0ed;
  color: black;
  width: fit-content;
  min-width: 100px;
  height: 30px;
  text-align: center;
  align-items: center;
  font-size: 11px;
  border-radius: 5px;
  display: inline-grid;
  display: -ms-inline-flexbox;
  justify-content: space-around;
}

.container-target-info .container-all-info .inv-date {
  background: none;
  text-align: right;
  min-width: unset;
  margin-left: 37px;
  font-weight: normal;
}

.container-target-info .container-all-info #inv_date {
  width: unset;
  padding-left: 8px;
  font-weight: normal;
}

.container-target-info .container-all-info .container-target-main-info {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #909091;
}

.container-target-info .container-all-info .container-target-main-info .container-expand-info {
  display: none;
  width: 100%;
  margin-top: -10px;
}

.container-target-info .container-all-info .container-target-main-info .container-expand-info div {
  width: 100%;
  display: flex;
}

.container-target-info .container-all-info .container-target-main-info .container-expand-info div div {
  display: block;
  width: 50%;
}

.container-target-info .container-all-info .container-target-main-info .container-expand-info div div div {
  width: 100%;
  display: flex;
}

.container-target-info .container-all-info .container-target-main-info .container-expand-info > div:nth-child(2) {
  margin-top: -15px;
}

.container-target-info .container-all-info .container-target-main-info div {
  display: block;
  width: 50%;
  height: auto;
}

.container-target-info .container-all-info .container-target-main-info div div {
  clear: both;
  float: left;
  display: flex;
  width: 100%;
  height: auto;
  margin-top: 5px;
  margin-bottom: 5px;
}

.container-target-info .container-all-info .container-target-main-info div div span {
  display: inline-flex;
  width: 50%;
  min-height: 30px;
  margin-left: 5px;
  text-align: start;
  align-items: center;
  font-size: 11px;
}

.container-target-info .container-all-info .container-target-main-info div:nth-child(4) {
  width: 100%;
}

.container-target-info .container-all-info .container-target-main-info div:nth-child(4) button {
  font-weight: normal;
  float: right;
  color: #01a099;
  margin: 2px;
}

.container-target-info .container-all-info .container-business-info {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #909091;
}

.container-target-info .container-all-info .container-business-info .title-business-info {
  width: 100%;
  margin-top: 5px;
  background-color: #f0f0f0;
}

.container-target-info .container-all-info .container-business-info .title-business-info span {
  margin-left: 5px;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(2),
.container-target-info .container-all-info .container-business-info > div:nth-child(3) {
  display: block;
  float: left;
  width: 50%;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(2) .info-group,
.container-target-info .container-all-info .container-business-info > div:nth-child(3) .info-group {
  margin: 10px 0px;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(2) > div,
.container-target-info .container-all-info .container-business-info > div:nth-child(3) > div {
  display: flex;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 11px;
  align-items: center;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(2) > div .test-select-box,
.container-target-info .container-all-info .container-business-info > div:nth-child(3) > div .test-select-box {
  align-items: center;
  margin-left: 5px;
  height: 30px;
  position: unset;
  width: 51%;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(2) > div .test-select-box .select::after,
.container-target-info .container-all-info .container-business-info > div:nth-child(3) > div .test-select-box .select::after {
  position: absolute;
  right: 0;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(2) > div .test-select-box .select,
.container-target-info .container-all-info .container-business-info > div:nth-child(3) > div .test-select-box .select {
  padding-right: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(2) > div input,
.container-target-info .container-all-info .container-business-info > div:nth-child(3) > div input {
  text-overflow: ellipsis;
  padding-left: 3px;
  margin-left: 5px;
  padding-right: 3px;
  height: 30px;
  border: 1px solid #bfbfbf;
  width: 100%;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(2) > div li,
.container-target-info .container-all-info .container-business-info > div:nth-child(3) > div li {
  min-height: 30px;
  padding: 5px 1px 5px 2px;
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(2) > div li.active,
.container-target-info .container-all-info .container-business-info > div:nth-child(3) > div li.active {
  background: #e2e2e2;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(7) {
  display: flex;
  float: left;
  width: 100%;
  padding-right: 3px;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(7) .info-group {
  margin: 10px 0px;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(7) > div {
  display: flex;
  width: 100%;
  margin-bottom: 5px;
  font-size: 11px;
  align-items: center;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(7) > div .test-select-box {
  align-items: center;
  margin-left: 5px;
  height: 30px;
  position: unset;
  width: 51%;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(7) > div .test-select-box .select::after {
  position: absolute;
  right: 0;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(7) > div .test-select-box .select {
  padding-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(7) > div input {
  text-overflow: ellipsis;
  padding-left: 3px;
  margin-left: 5px;
  padding-right: 3px;
  height: 30px;
  border: 1px solid #bfbfbf;
  width: 100%;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(7) > div li {
  min-height: 30px;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(7) > div li.active {
  background: #e2e2e2;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(7) > div:nth:nth-child(1) {
  margin-right: 5px;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(8) {
  display: flex;
  align-items: center;
  float: left;
  width: 100%;
  height: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 11px;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(8) input {
  text-overflow: ellipsis;
  margin-left: 5px;
  padding-left: 3px;
  padding-right: 3px;
  height: 30px;
  border: 1px solid #bfbfbf;
  width: 100%;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(9) {
  clear: left;
  float: left;
  width: 100%;
  margin-top: 5px;
  font-size: 11px;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(9) div:nth-child(1),
.container-target-info .container-all-info .container-business-info > div:nth-child(9) div:nth-child(2) {
  float: left;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  width: 50%;
  position: relative;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(9) div:nth-child(2) label {
  padding: 2px;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(9) div:nth-child(2) label:nth-child(2) {
  width: 40%;
  text-align: center;
  margin: auto;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(9) div:nth-child(2) input {
  text-overflow: ellipsis;
  padding-left: 3px;
  padding-right: 3px;
  height: 30px;
  border: 1px solid #bfbfbf;
  width: 100%;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(9) div:nth-child(3) {
  width: 100%;
  height: auto;
  margin-top: 5px;
}

.container-target-info .container-all-info .container-business-info > div:nth-child(9) div:nth-child(3) textarea {
  padding: 5px;
  overflow-y: scroll;
  width: 100%;
  resize: none;
  outline: none;
  height: 150px;
  font-size: 11px;
  border: 1px solid #bfbfbf;
}

.container-target-info .container-all-info .container-business-info .setting-custom {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-right: 3px;
}

.container-target-info .container-all-info .container-business-info .setting-custom .lb-target-info {
  max-width: 100px;
}

.container-target-info .container-all-info .container-business-info .setting-custom > div {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
  font-size: 11px;
  align-items: center;
}

.container-target-info .container-all-info .container-business-info .setting-custom > div .test-select-box {
  display: flex;
  align-items: center;
  margin-left: 5px;
  height: 30px;
  position: unset;
  flex: 1;
}

.container-target-info .container-all-info .container-business-info .setting-custom > div .test-select-box .select::after {
  position: absolute;
  right: 0;
}

.container-target-info .container-all-info .container-business-info .setting-custom > div .test-select-box div.dropdown {
  flex: 1;
}

.container-target-info .container-all-info .container-business-info .setting-custom > div .test-select-box .select {
  padding-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.container-target-info .container-all-info .container-business-info .setting-custom > div input {
  text-overflow: ellipsis;
  padding-left: 3px;
  margin-left: 5px;
  padding-right: 3px;
  height: 30px;
  border: 1px solid #bfbfbf;
  width: 100%;
}

.container-target-info .container-all-info .container-business-info .setting-custom > div li {
  min-height: 30px;
}

.container-target-info .container-all-info .container-business-info .setting-custom > div li.active {
  background: #e2e2e2;
}

.container-target-info .container-all-info .container-business-info .info-container {
  display: block;
  width: 100%;
  padding-right: 3px;
}

.container-target-info .container-all-info .container-business-info .info-container > div {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.container-target-info .container-all-info .container-business-info .info-container > div .lb-target-info {
  margin-right: 5px;
}

.container-target-info .container-all-info .container-business-info .info-container > div .test-select-box {
  display: flex;
  align-items: center;
  height: 30px;
  position: unset;
  width: 100%;
}

.container-target-info .container-all-info .container-business-info .info-container > div .test-select-box .select::after {
  position: absolute;
  right: 0;
}

.container-target-info .container-all-info .container-business-info .info-container > div .test-select-box div.dropdown {
  flex: 1;
}

.container-target-info .container-all-info .container-business-info .info-container > div .test-select-box .select {
  padding-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.container-target-info .container-all-info .container-business-info .info-container > div input {
  text-overflow: ellipsis;
  padding-left: 3px;
  padding-right: 3px;
  height: 30px;
  border: 1px solid #bfbfbf;
  width: 100%;
  font-size: 11px;
}

.container-target-info .container-all-info .container-business-info .info-container > div li {
  min-height: 30px;
}

.container-target-info .container-all-info .container-business-info .info-container > div li > label {
  display: flex;
  padding: 5px 0;
}

.container-target-info .container-all-info .container-business-info .info-container > div li.active {
  background: #e2e2e2;
}

.container-target-info .container-button-target-info, .container-target-info .container-button-select-candidate {
  margin: 20px;
  text-align: center;
}

.container-target-info .container-button-target-info button, .container-target-info .container-button-select-candidate button {
  font-weight: normal;
}

.container-target-info .container-button-target-info button:nth-child(1), .container-target-info .container-button-select-candidate button:nth-child(1) {
  width: 150px;
  border: 1px solid #01a099;
  padding: 3px;
  margin-left: 5px;
  color: #01a099;
}

.container-target-info .container-button-target-info button:nth-child(1):hover, .container-target-info .container-button-select-candidate button:nth-child(1):hover {
  background-color: #E9FBFA;
  color: #009D96;
  border: 1px solid #009D96;
}

.container-target-info .container-button-target-info button:nth-child(2), .container-target-info .container-button-select-candidate button:nth-child(2) {
  background-color: #01a099;
  color: white;
  padding: 3px;
  border: 1px solid #01a099;
  width: 150px;
  margin-left: 30px;
}

.container-target-info .container-button-target-info button:nth-child(2):hover, .container-target-info .container-button-select-candidate button:nth-child(2):hover {
  color: #fff;
  background-color: #4eb1ab;
  border: 1px solid #009D96;
}

.container-target-info .container-button-select-candidate #btn_confirm:disabled {
  background-color: #ffffff;
  color: #bfbfbf;
  border: 1px solid #bfbfbf;
  pointer-events: none;
  opacity: 0.5;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .test-select-box::after {
    top: 7px;
  }
}

.customer-distribution-container .container-target-title {
  background-color: #f0f0f0;
  padding: 3px 2px;
}

.customer-distribution-container .container-target-title span {
  margin-left: 5px;
}

.customer-distribution-container .container-all {
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.customer-distribution-container .container-all .filter-selection-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0px 5px 10px;
}

.customer-distribution-container .container-all .filter-container {
  display: none;
  padding: 10px;
  flex: 1;
  flex-direction: column;
}

.customer-distribution-container .container-all .filter-container > .filter-selection-container {
  flex: 1;
  padding: 2px;
  margin-top: 10px;
  padding: 0px 5px 10px;
}

.customer-distribution-container .container-all .button-container {
  display: flex;
  flex-direction: row;
  text-align: center;
  justify-content: space-evenly;
  padding: 2px;
}

.customer-distribution-container .container-all .button-container button {
  font-weight: normal;
  margin: 0px 5px;
}

.customer-distribution-container .container-all .button-container #btn_polygon_back_one {
  display: none;
}

.customer-distribution-container .container-all .btn-cancel {
  width: 150px;
  border: 1px solid #01a099;
  padding: 3px;
  margin-left: 0px 5px;
  color: #01a099;
}

.customer-distribution-container .container-all .btn-cancel:hover {
  background-color: #E9FBFA;
  color: #009D96;
  border: 1px solid #009D96;
}

.customer-distribution-container .container-all .btn-submit {
  background-color: #01a099;
  color: white;
  padding: 3px;
  border: 1px solid #01a099;
  width: 150px;
  margin-left: 0px 5px;
}

.customer-distribution-container .container-all .btn-submit:hover {
  color: #fff;
  background-color: #4eb1ab;
  border: 1px solid #009D96;
}

.customer-distribution-container .container-all .open {
  display: flex;
}

.customer-distribution-container .button-filter-container {
  display: flex;
  margin-top: 10px;
}

.customer-distribution-container .button-filter-container > button {
  margin: 2px 0px;
  padding: 2px 8px;
  display: flex;
  justify-content: center;
}

.customer-distribution-container .button-filter-container #btn_offside_polygon_filter {
  border-left: none;
  border-right: none;
}

.customer-distribution-container .icon-filter {
  display: block;
  height: 24px;
}

.customer-distribution-container .btn-customer-filter {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.customer-distribution-container #btn_offside_circle_filter .circle-icon {
  width: 24px;
  margin: auto 5px auto 0px;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' class='progress-management-btn-icon' height='19px' width='19px'%3E%3Ccircle cx='10' cy='10' r='8' stroke='%23009D96' stroke-width='1.5' fill='none'%3E%3C/circle%3E%3C/svg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.customer-distribution-container #btn_offside_circle_filter:hover > .circle-icon, .customer-distribution-container #btn_offside_circle_filter.z_btn_active > .circle-icon {
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' class='progress-management-btn-icon' height='19px' width='19px'%3E%3Ccircle cx='10' cy='10' r='8' stroke='%23ffffff' stroke-width='1.5' fill='none'%3E%3C/circle%3E%3C/svg%3E");
}

.customer-distribution-container #btn_offside_polygon_filter .polygon-icon {
  width: 24px;
  margin: auto 5px auto 0px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='サービス' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' xml:space='preserve'%3E%3Cpolygon points='128,8.71 2.57,99.84 50.48,247.29 205.52,247.29 253.43,99.84 ' stroke-width='20' stroke='%23009D96' fill='none'%3E%3C/polygon%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.customer-distribution-container #btn_offside_polygon_filter:hover > .polygon-icon, .customer-distribution-container #btn_offside_polygon_filter.z_btn_active > .polygon-icon {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='サービス' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' xml:space='preserve'%3E%3Cpolygon points='128,8.71 2.57,99.84 50.48,247.29 205.52,247.29 253.43,99.84 ' stroke-width='20' stroke='%23ffffff' fill='none'%3E%3C/polygon%3E%3C/svg%3E");
}

.customer-distribution-container #btn_offside_atlas_filter .atlas-icon {
  width: 24px;
  margin: auto 5px auto 0px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg xmlns='http://www.w3.org/2000/svg' height='256' viewBox='0 0 256 256' width='256'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D .st1%7Bfill:none;%7D .st2%7Bfill:%23231815;%7D .st3%7Bclip-path:url(%23SVGID_2_);%7D%0A%3C/style%3E%3Cg%3E%3Cpath fill='%23009D96'  d='M210.76,182.61l-0.77,0.75c13.38-18.72,21.29-41.63,21.29-66.4c0-63.14-51.19-114.33-114.33-114.33 C53.8,2.64,2.62,53.83,2.62,116.97S53.8,231.3,116.94,231.3c23.6,0,45.53-7.16,63.75-19.41l-0.87,0.85l44.56,40.78l29.1-31.8 L210.76,182.61z M116.94,206.21c-49.21,0-89.24-40.03-89.24-89.24s40.03-89.24,89.24-89.24c49.21,0,89.24,40.03,89.24,89.24 S166.15,206.21,116.94,206.21z'/%3E%3Cpath fill='%23009D96'  d='M80.43,65.34c-17.41,0-31.6,6.38-32.55,14.41H47.8v82.49c3.92-6.5,17.16-11.28,32.93-11.28c15.05,0,27.8,4.36,32.34,10.4 V79.75h-0.09C112.03,71.72,97.85,65.34,80.43,65.34z'/%3E%3Cpath fill='%23009D96'  d='M120.8,79.75h-0.09v82.49c3.92-6.5,17.16-11.28,32.93-11.28c15.05,0,27.8,4.36,32.34,10.4V79.75h-0.09 c-0.95-8.03-15.13-14.41-32.55-14.41S121.75,71.72,120.8,79.75z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.customer-distribution-container #btn_offside_atlas_filter:hover > .atlas-icon, .customer-distribution-container #btn_offside_atlas_filter.z_btn_active > .atlas-icon {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg height='256' width='256' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256' style='enable-background:new 0 0 256 256;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D .st1%7Bfill:none;%7D .st2%7Bfill:%23231815;%7D .st3%7Bclip-path:url(%23SVGID_2_);%7D%0A%3C/style%3E%3Cg%3E%3Cpath fill='%23ffffff'  d='M210.76,182.61l-0.77,0.75c13.38-18.72,21.29-41.63,21.29-66.4c0-63.14-51.19-114.33-114.33-114.33 C53.8,2.64,2.62,53.83,2.62,116.97S53.8,231.3,116.94,231.3c23.6,0,45.53-7.16,63.75-19.41l-0.87,0.85l44.56,40.78l29.1-31.8 L210.76,182.61z M116.94,206.21c-49.21,0-89.24-40.03-89.24-89.24s40.03-89.24,89.24-89.24c49.21,0,89.24,40.03,89.24,89.24 S166.15,206.21,116.94,206.21z'/%3E%3Cpath fill='%23ffffff'  d='M80.43,65.34c-17.41,0-31.6,6.38-32.55,14.41H47.8v82.49c3.92-6.5,17.16-11.28,32.93-11.28c15.05,0,27.8,4.36,32.34,10.4 V79.75h-0.09C112.03,71.72,97.85,65.34,80.43,65.34z'/%3E%3Cpath fill='%23ffffff'  d='M120.8,79.75h-0.09v82.49c3.92-6.5,17.16-11.28,32.93-11.28c15.05,0,27.8,4.36,32.34,10.4V79.75h-0.09 c-0.95-8.03-15.13-14.41-32.55-14.41S121.75,71.72,120.8,79.75z'/%3E%3C/g%3E%3C/svg%3E");
}

.customer-distribution-container .circle-filter-container .circle-range-selection-container {
  padding: 10px 0px;
}

.customer-distribution-container .circle-filter-container .circle-range-selection-container #circle-range-selection {
  margin-top: 10px;
  height: 30px;
  position: unset;
}

.customer-distribution-container .circle-filter-container .circle-range-selection-container #select_range_list {
  max-height: 92px;
}

.customer-distribution-container .polygon-filter-container .area-drawing-container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

.customer-distribution-container .atlas-filter-container .atlas-search-container {
  padding: 5px;
  height: 100%;
}

.customer-distribution-container .atlas-filter-container .offside_atlas_distribution {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.customer-distribution-container .atlas-filter-container .atlas-search-result-container {
  overflow: auto;
  height: 160px;
  max-height: 160px;
  margin-top: 10px;
  border: 1px solid #bfbfbf;
}

.customer-distribution-container .atlas-filter-container .atlas-search-result-container .z_list {
  border: 0;
}

.customer-distribution-container .batch-register-container {
  padding: 10px 5px 10px;
  display: flex;
  flex-direction: column;
  height: 45%;
}

.customer-distribution-container .batch-register-container .button-batch-register-container {
  text-align: center;
}

.customer-distribution-container .batch-register-container .batch-register-selection-container {
  padding: 10px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.customer-distribution-container .batch-register-container .batch-register-selection-container .selection-container {
  padding: 10px 0px;
  margin-bottom: 10px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.customer-distribution-container .batch-register-container .batch-register-selection-container .selection-container > div {
  margin-top: 10px;
  margin-bottom: 10px;
}

.customer-distribution-container .batch-register-container .batch-register-selection-container .selection-container .dropdown-container {
  height: 30px;
}

.customer-distribution-container .batch-register-container .batch-register-selection-container .selection-container ul.dropdown-menu {
  max-height: 160px !important;
}

.customer-distribution-container .hidden {
  display: none !important;
}

.customer-distribution-container .button-disabled {
  pointer-events: none !important;
  background-color: #ffffff !important;
  color: #bfbfbf !important;
  border: 1px solid #bfbfbf !important;
}

.customer-distribution-container .dropdown-menu > li {
  min-height: 30px;
}

.customer-distribution-container .pointer-event-none {
  pointer-events: none;
}

.customer-distribution-container .dropdown-menu > li.active {
  background-color: #e2e2e2;
}

.customer-distribution-container .scheduled-date-container {
  display: flex;
  align-items: center;
}

.figure_rect_edit_node {
  width: 15px;
  height: 15px;
  background: white;
  font-size: 10px;
  margin-left: -7.5px;
  margin-top: -7.5px;
  text-align: center;
  border: 1px solid gray;
  border-radius: 7.5px;
  cursor: pointer;
}

.figure_resize_edit_node[data-nodeindex='1'],
.figure_resize_edit_node[data-nodeindex='5'] {
  cursor: nesw-resize;
}

.figure_resize_edit_node[data-nodeindex='2'],
.figure_resize_edit_node[data-nodeindex='6'] {
  cursor: ew-resize;
}

.figure_resize_edit_node[data-nodeindex='3'],
.figure_resize_edit_node[data-nodeindex='7'] {
  cursor: nwse-resize;
}

.figure_resize_edit_node[data-nodeindex='4'],
.figure_resize_edit_node[data-nodeindex='8'] {
  cursor: ns-resize;
}

.figure_resize_edit_node {
  width: 15px;
  height: 15px;
  background: white;
  font-size: 10px;
  margin-left: -7.5px;
  margin-top: -7.5px;
  text-align: center;
  border: 1px solid gray;
  cursor: pointer;
}

.figure_rect_edit_waypoint {
  width: 10px;
  height: 10px;
  background: white;
  font-size: 10px;
  margin-left: -5px;
  margin-top: -5px;
  text-align: center;
  border: 1px solid gray;
  border-radius: 5px;
  cursor: pointer;
  opacity: 0.8;
}

.figure_node_delete_marker {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' viewBox='0 0 24 24' width='16'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11H7v-2h10v2z'/%3E%3C/svg%3E");
  background-position: center;
  background-color: rgba(255, 255, 255, 0);
  width: 16px;
  height: 16px;
  margin-left: -16px;
  margin-top: -16px;
}

#figure_rotate_marker {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='%23009d96' d='M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
}

.figure_bbox_operation {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 50px 5px 50px;
  -ms-grid-columns: 50px 5px 50px;
  grid-template-rows: 25px;
  -ms-grid-rows: 25px;
  width: 100%;
  height: 100%;
}

.figure_bbox_operation > button {
  border: 1px solid #009D96;
  background-color: #009D96;
  color: #ffffff;
}

.figure_bbox_operation > .btn-copy-operation {
  grid-column: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.figure_bbox_operation > .btn-delete-operation {
  grid-column: 3/4;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-row: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
}

.feature_del_popup {
  width: 175px;
  background-color: #ffffff;
}

.feature_del_popup > span {
  margin-bottom: 10px;
  display: inline-block;
}

.feature_del_popup > input {
  width: 80px;
  height: 25px;
  display: inline-block;
  margin-left: 5px;
  border: 1px solid #009D96;
  border-radius: 0px 0px 0px 0px;
  color: #fff;
  background-color: #009D96;
}

.feature_del_popup > input.feature_del_cancel {
  border: 1px solid #009D96;
  border-radius: 0px 0px 0px 0px;
  color: #009D96;
  background-color: #ffffff;
}

.container-target-registration {
  flex-direction: column;
  display: flex;
  height: 100%;
  font-weight: bold;
}

.container-target-registration .container-target-information {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 90%;
}

.container-target-registration .container-target-title {
  margin-right: 5px;
  background-color: #f0f0f0;
}

.container-target-registration .container-target-title span {
  margin-left: 5px;
}

.container-target-registration .container-button-target-info {
  margin: 20px;
  text-align: center;
}

.container-target-registration .container-button-target-info button {
  font-weight: normal;
}

.container-target-registration .container-button-target-info .btn-cancel-target {
  width: 150px;
  border: 1px solid #01a099;
  padding: 3px;
  margin-left: 5px;
  color: #01a099;
}

.container-target-registration .container-button-target-info .btn-cancel-target:hover {
  background-color: #E9FBFA;
  color: #009D96;
  border: 1px solid #009D96;
}

.container-target-registration .container-button-target-info .btn-register-target {
  background-color: #01a099;
  color: white;
  padding: 3px;
  border: 1px solid #01a099;
  width: 150px;
  margin-left: 30px;
}

.container-target-registration .container-button-target-info .btn-register-target:hover {
  color: #fff;
  background-color: #4eb1ab;
  border: 1px solid #009D96;
}

.container-target-registration .hide {
  display: none !important;
}

.container-target-registration .container-target-information .header-background {
  margin-right: 5px;
  padding-left: 5px;
  background-color: #f0f0f0;
}

.container-target-registration .container-target-information .container-information-detail {
  display: flex;
  flex-direction: column;
  padding: 5px;
  font-size: 14px;
  font-weight: normal;
}

.container-target-registration .container-target-information .item-info-container {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
}

.container-target-registration .container-target-information .item-info-container .item-info-label {
  font-size: 14px;
  font-weight: bold;
}

.container-target-registration .container-target-information .item-required {
  color: red;
}

.container-target-registration .container-target-information .sale-representative-selection-container #select_sales_representative_container {
  width: 100%;
}

.container-target-registration .container-target-information .sale-representative-selection-container #select_sales_representative_list > li {
  height: 30px;
}

.container-target-registration .container-target-information .sale-representative-selection-container #select_sales_representative_list > li.active {
  background: #e2e2e2;
}

.container-target-registration .container-target-information .search-address-container {
  position: relative;
}

.container-target-registration .container-target-information .text-input {
  text-overflow: ellipsis;
  height: 30px;
  border: 1px solid #bfbfbf;
  padding: 3px;
  font-size: 14px;
  font-weight: normal;
}

.container-target-registration .container-target-information .notice-required {
  text-align: end;
  padding-right: 10px;
  font-weight: bold;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .test-select-box::after {
    top: 7px;
  }
}

.popup_filter_employee input[type="checkbox"], .popup_filter_salesscale input[type="checkbox"], .popup_filter_incomescale input[type="checkbox"], .address_level_filter input[type="checkbox"], .checkbox_filter input[type="checkbox"] {
  display: none;
}

.popup-level-map-container {
  display: none;
  position: relative;
  background-color: white;
  width: 350px;
  height: auto;
  box-shadow: 2px 2px 2px 2px #b4b3b3;
  border-radius: 5px;
  top: 170px;
  right: 5px;
}

.popup-level-map-container dl {
  margin: 20px;
}

.popup-level-map-container dl dd {
  position: relative;
  padding: 2px;
}

.popup-level-map-container dl dd:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}

.popup-level-map-container .down-arrows {
  position: absolute;
  right: 50%;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}

#mapMain_display_settings {
  display: none;
  z-index: 15;
  position: absolute;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
}

#mapMain_display_settings .header_display_settings {
  display: flex;
  border-bottom: 1px solid gray;
  padding: 2px 5px;
  position: fixed;
  width: 100%;
  background-color: white;
  top: 0;
  z-index: 100;
  height: 50px;
}

#mapMain_display_settings .header_display_settings #close_display_settings {
  font-size: 32px;
  line-height: 5px;
  font-weight: bold;
  margin-left: 5px;
}

#mapMain_display_settings .header_display_settings .header_title {
  margin: auto;
  font-weight: bold;
  padding: 3px 25px 0 0;
}

#mapMain_display_settings .header_display_settings > div {
  display: grid;
  align-items: center;
}

#mapMain_display_settings .content-display-settings {
  margin-top: 50px;
  padding-bottom: 56px;
  overflow: auto;
}

#mapMain_display_settings .section-display-settings {
  padding: 10px 20px;
}

#mapMain_display_settings .section-display-settings .section-label {
  font-weight: bold;
  display: flex;
  align-items: center;
}

#mapMain_display_settings .section-display-settings .section-label > img {
  width: 32px;
  height: 32px;
}

#mapMain_display_settings .section-display-settings .section-label > span {
  padding-top: 5px;
  margin-left: 5px;
}

#mapMain_display_settings .section-display-settings .section-content {
  border-collapse: collapse;
  width: 100%;
  margin: 9px 0px;
  border: 1px solid gray;
}

#mapMain_display_settings .section-display-settings .section-content td {
  border: 1px solid gray;
  text-align: center;
  width: 50%;
  height: 43px;
  font-size: 14px;
}

#mapMain_display_settings .section-display-settings .section-content td.active {
  background-color: #06b1a9;
  color: white;
}

#mapMain_display_settings .section-display-settings .section-content td .mobile-date-wrapper {
  position: relative;
  width: 100%;
  height: 24px;
  margin: 0;
  overflow: hidden;
}

#mapMain_display_settings .section-display-settings .section-content td .mobile-date {
  border: 0;
  width: 100%;
  height: 24px;
  line-height: 24px;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
}

#mapMain_display_settings .section-display-settings .section-content td .mobile-date-picker {
  width: 100%;
  height: 24px;
  font-size: 999px;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
}

#mapMain_display_settings .section-display-settings .section-content .dropdown {
  display: block;
  width: 100%;
  border-radius: 0;
  margin-left: 0;
}

#mapMain_display_settings .section-display-settings .section-content .dropdown .select {
  display: flex;
  height: 30px;
  padding-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#mapMain_display_settings .section-display-settings .section-content .dropdown .select::after {
  position: absolute;
  right: 0;
  top: 6px;
}

#mapMain_display_settings .section-display-settings .section-content .dropdown .select span {
  display: flex;
  align-items: center;
  width: 100%;
}

#mapMain_display_settings .section-display-settings .section-content .dropdown .dropdown-menu {
  margin-top: 3px;
  height: fit-content;
  max-height: 220px;
}

#mapMain_display_settings .section-display-settings .section-content .dropdown .dropdown-menu > li {
  display: flex;
  align-items: center;
}

#mapMain_display_settings .section-display-settings .section-content .dropdown .dropdown-menu > li.active {
  background-color: #06b1a9;
  color: white;
}

#mapMain_display_settings .section-display-settings .section-content .dropdown .dropdown-menu > li > label {
  width: 100%;
}

#mapMain_display_settings .section-display-settings .section-content #select_business_status_item .dropdown-menu .item-all > label {
  margin-left: 25px;
}

#mapMain_display_settings .section-display-settings #business_status_item td > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  pointer-events: none;
  padding: 2px;
}

#mapMain_display_settings .section-display-settings #business_status_item td > div img {
  width: 32px;
  height: 32px;
}

#mapMain_display_settings .section-display-settings #business_status_item td > div div {
  width: calc(100% - 64px);
}

#mapMain_display_settings .border-section {
  background-color: #F2F2F2;
  width: 100%;
  height: 5px;
  border-bottom: 1px solid #D9D9D9;
  border-top: 1px solid #D9D9D9;
}

#mapMain_display_settings .button-group {
  width: 100%;
  position: fixed;
  border-top: 1px solid lightgray;
  bottom: 0;
  height: 7%;
  background-color: white;
  display: flex;
  padding: 10px;
  min-height: 56px;
}

#mapMain_display_settings .button-group > button {
  margin: 0px 10px;
  width: 50%;
  border: 2px solid #F6A70A;
  border-radius: 5px;
}

#mapMain_display_settings .button-group .btn-reset {
  color: #F6A70A;
}

#mapMain_display_settings .button-group .btn-submit {
  color: white;
  background-color: #F6A70A;
}

#mapMain_information_target {
  overscroll-behavior-y: contain;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  overflow-y: hidden;
  top: 50%;
  transition: all 1s;
}

#mapMain_information_target .info-target-content-croll-class {
  overflow: hidden;
  height: calc(100% - 30px);
}

#mapMain_information_target .info-target-content-croll-class .info-target-content {
  position: relative;
}

#mapMain_information_target .info-target-content-croll-class .info-target-content #mobile_money,
#mapMain_information_target .info-target-content-croll-class .info-target-content #mobile_change_person_in_charge,
#mapMain_information_target .info-target-content-croll-class .info-target-content #mobile_person_in_charge,
#mapMain_information_target .info-target-content-croll-class .info-target-content #mobile_email,
#mapMain_information_target .info-target-content-croll-class .info-target-content #text_action_date,
#mapMain_information_target .info-target-content-croll-class .info-target-content #mobile_activity_memo {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
}

#mapMain_information_target .info-target-content-croll-class .info-target-content #mobile_btn_edit_company,
#mapMain_information_target .info-target-content-croll-class .info-target-content #mobile_btn_change_address,
#mapMain_information_target .info-target-content-croll-class .info-target-content #mobile_btn_get_info {
  width: 38.5px;
  height: 38.5px;
  border: 2px solid #00C6BD;
  border-radius: 5px;
}

#mapMain_information_target .info-target-content-croll-class .info-target-content #mobile_btn_change_address {
  margin-left: 4px;
  margin-right: 4px;
}

#mapMain_information_target .menu-button {
  position: absolute;
  border-radius: 50%;
  top: 10px;
  left: 10px;
  height: 50px;
  width: 50px;
  background-color: white;
  display: grid;
  align-items: center;
}

#mapMain_information_target .menu-button > img {
  margin: auto;
}

#mapMain_information_target .map-section {
  height: 40%;
  width: 100%;
  background-color: gray;
  position: relative;
}

#mapMain_information_target .drag-bar {
  width: 100%;
  height: 32px;
  border-top: 1px solid gray;
  text-align: center;
}

#mapMain_information_target .drag-bar > img {
  width: 25px;
  height: 23px;
  vertical-align: middle;
}

#mapMain_information_target .section-info-target {
  padding: 0px 0px 50px 0px;
}

#mapMain_information_target .section-info-target .underline-title {
  background-color: #def2ef;
  width: 100%;
  height: 5px;
  position: absolute;
  margin-top: -10px;
  z-index: -1;
}

#mapMain_information_target .section-info-target .section-label {
  font-weight: bold;
  display: flex;
  position: relative;
  margin: 10px 10px 0px 10px;
}

#mapMain_information_target .section-info-target .section-label > img {
  width: 25px;
  height: 25px;
}

#mapMain_information_target .section-info-target .section-label > span {
  padding-top: 3px;
  margin-left: 5px;
}

#mapMain_information_target .section-info-target .section-content-item {
  border-collapse: collapse;
  width: 100%;
  margin: 9px 0px;
  border: 1px solid gray;
  font-size: 14px;
}

#mapMain_information_target .section-info-target .section-content-item td {
  border: 1px solid gray;
  text-align: center;
  width: 50%;
  height: 43px;
}

#mapMain_information_target .section-info-target .section-content-item td.active {
  background-color: #06b1a9;
  color: white;
}

#mapMain_information_target .section-info-target .section-content-item .dropdown {
  display: block;
  width: 100%;
  border-radius: 0;
  margin-left: 0;
}

#mapMain_information_target .section-info-target .section-content-item .dropdown .select {
  display: flex;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 15px;
}

#mapMain_information_target .section-info-target .section-content-item .dropdown .select::after {
  position: absolute;
  right: 0;
  top: 6px;
}

#mapMain_information_target .section-info-target .section-content-item .dropdown .select > span {
  display: flex;
  align-items: center;
  width: 100%;
}

#mapMain_information_target .section-info-target .section-content-item .dropdown .select > span > label {
  overflow: hidden;
  text-overflow: ellipsis;
}

#mapMain_information_target .section-info-target .section-content-item .dropdown .dropdown-menu {
  margin-top: 3px;
  height: fit-content;
  max-height: 220px;
}

#mapMain_information_target .section-info-target .section-content-item .dropdown .dropdown-menu > li {
  display: flex;
  align-items: center;
}

#mapMain_information_target .section-info-target .section-content-item .dropdown .dropdown-menu > li.active {
  background-color: #06b1a9;
  color: white;
}

#mapMain_information_target .section-info-target .section-content-item .dropdown .dropdown-menu > li > label {
  width: 100%;
}

#mapMain_information_target .section-info-target .section-content-item #select_business_status_item .select {
  display: flex;
  justify-content: space-between;
}

#mapMain_information_target .section-info-target .section-content-item #select_business_status_item .select > span {
  display: flex;
  align-items: center;
}

#mapMain_information_target .section-info-target #select_product #select_product_list li > label {
  display: flex;
  padding: 0 5px;
}

#mapMain_information_target .section-info-target #select_product #select_product_list li:first-child {
  margin-top: 3px;
}

#mapMain_information_target .section-info-target #business_status_table td > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  pointer-events: none;
}

#mapMain_information_target .section-info-target #business_status_table td > div img {
  width: 32px;
  height: 32px;
}

#mapMain_information_target .section-info-target #business_status_table td > div div {
  width: calc(100% - 64px);
}

#mapMain_information_target .section-info-target .section-content,
#mapMain_information_target .section-info-target .expanded-business-info {
  margin: 10px 10px;
}

#mapMain_information_target .section-info-target .section-content #mobile_company_name,
#mapMain_information_target .section-info-target .expanded-business-info #mobile_company_name {
  font-weight: bold;
}

#mapMain_information_target .section-info-target .section-content #mobile_address,
#mapMain_information_target .section-info-target .expanded-business-info #mobile_address {
  font-size: 14px;
}

#mapMain_information_target .section-info-target .section-content > div > .action-schedule-date-container,
#mapMain_information_target .section-info-target .expanded-business-info > div > .action-schedule-date-container {
  display: flex;
  flex-direction: column;
}

#mapMain_information_target .section-info-target .section-content > div > .action-schedule-date-container > div,
#mapMain_information_target .section-info-target .expanded-business-info > div > .action-schedule-date-container > div {
  display: flex;
  flex-direction: row;
}

#mapMain_information_target .section-info-target .section-content > div > .action-schedule-date-container > div:nth-child(2),
#mapMain_information_target .section-info-target .expanded-business-info > div > .action-schedule-date-container > div:nth-child(2) {
  margin: 0;
  position: relative;
  float: left;
}

#mapMain_information_target .section-info-target .section-content > div > .action-schedule-date-container > div:nth-child(2) > input[type="text"],
#mapMain_information_target .section-info-target .expanded-business-info > div > .action-schedule-date-container > div:nth-child(2) > input[type="text"] {
  margin-left: 5px;
  width: 100%;
  border: 1px solid lightgray;
  border-radius: 5px;
  padding: 3px 5px;
  font-family: "Times New Roman", Times, serif;
  font-size: 1em;
}

#mapMain_information_target .section-info-target .section-content > div > .action-schedule-date-container > div:nth-child(2) > input[type="date"],
#mapMain_information_target .section-info-target .expanded-business-info > div > .action-schedule-date-container > div:nth-child(2) > input[type="date"] {
  width: 40px;
  height: 40px;
}

#mapMain_information_target .section-info-target .section-content > div > .action-schedule-date-container > div:nth-child(2) > input[type="date"]::-webkit-datetime-edit,
#mapMain_information_target .section-info-target .expanded-business-info > div > .action-schedule-date-container > div:nth-child(2) > input[type="date"]::-webkit-datetime-edit {
  display: none;
}

#mapMain_information_target .section-info-target .section-content > div > .action-schedule-date-container > div:nth-child(2) .open-button,
#mapMain_information_target .section-info-target .expanded-business-info > div > .action-schedule-date-container > div:nth-child(2) .open-button {
  position: absolute;
  top: 3px;
  left: 0px;
  width: 40px;
  height: 40px;
  background: #fff;
  pointer-events: none;
}

#mapMain_information_target .section-info-target .section-content > div > .action-schedule-date-container > div:nth-child(2) .open-button button,
#mapMain_information_target .section-info-target .expanded-business-info > div > .action-schedule-date-container > div:nth-child(2) .open-button button {
  border: none;
  background: transparent;
}

#mapMain_information_target .section-info-target .section-content > div > .action-schedule-date-container > div:nth-child(2) .open-button img,
#mapMain_information_target .section-info-target .expanded-business-info > div > .action-schedule-date-container > div:nth-child(2) .open-button img {
  width: 32px;
  height: 32px;
}

#mapMain_information_target .section-info-target .section-content > div > .activity-memo-container,
#mapMain_information_target .section-info-target .expanded-business-info > div > .activity-memo-container {
  display: flex;
  flex-direction: column;
}

#mapMain_information_target .section-info-target .section-content > div > .activity-memo-container > div:nth-child(1),
#mapMain_information_target .section-info-target .expanded-business-info > div > .activity-memo-container > div:nth-child(1) {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  float: left;
}

#mapMain_information_target .section-info-target .section-content > div > .activity-memo-container > div:nth-child(1) > input[type="date"]::-webkit-datetime-edit,
#mapMain_information_target .section-info-target .expanded-business-info > div > .activity-memo-container > div:nth-child(1) > input[type="date"]::-webkit-datetime-edit {
  display: none;
}

#mapMain_information_target .section-info-target .section-content > div > .activity-memo-container > div:nth-child(1) > input[type="date"],
#mapMain_information_target .section-info-target .expanded-business-info > div > .activity-memo-container > div:nth-child(1) > input[type="date"] {
  width: 30px;
  height: 30px;
  margin-left: 10px;
}

#mapMain_information_target .section-info-target .section-content > div > .activity-memo-container > div:nth-child(1) .open-button,
#mapMain_information_target .section-info-target .expanded-business-info > div > .activity-memo-container > div:nth-child(1) .open-button {
  position: absolute;
  top: -3px;
  left: 75px;
  width: 40px;
  height: 40px;
  background: #fff;
  pointer-events: none;
}

#mapMain_information_target .section-info-target .section-content > div > .activity-memo-container > div:nth-child(1) .open-button button,
#mapMain_information_target .section-info-target .expanded-business-info > div > .activity-memo-container > div:nth-child(1) .open-button button {
  border: none;
  background: transparent;
}

#mapMain_information_target .section-info-target .section-content > div > .activity-memo-container > div:nth-child(1) .open-button img,
#mapMain_information_target .section-info-target .expanded-business-info > div > .activity-memo-container > div:nth-child(1) .open-button img {
  width: 32px;
  height: 32px;
}

#mapMain_information_target .section-info-target .section-content > div > .activity-memo-container > div:nth-child(2) > textarea,
#mapMain_information_target .section-info-target .expanded-business-info > div > .activity-memo-container > div:nth-child(2) > textarea {
  width: 100%;
  border: 1px solid lightgray;
  border-radius: 5px;
  padding: 3px 5px;
  height: 200px;
  resize: none;
  font-family: "Yu Gothic";
  font-weight: normal;
}

#mapMain_information_target .section-info-target .expanded-business-info {
  transition: 0.5s;
  overflow: hidden;
}

#mapMain_information_target .section-info-target .section-expand {
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
}

#mapMain_information_target .section-info-target .section-expand .expand-button {
  color: #019e97;
  text-align: right;
  margin-right: 10px;
}

#mapMain_information_target .section-info-target .section-expand .expand-button .expand-icon,
#mapMain_information_target .section-info-target .section-expand .expand-button .expand-text {
  display: inline-block;
}

#mapMain_information_target .section-info-target .section-expand .expand-button .icon-rotate {
  transform: rotate(180deg);
}

#mapMain_information_target .section-info-target .section-expand .expand-button > img {
  width: 25px;
  height: 20px;
  vertical-align: middle;
}

#mapMain_information_target .section-info-target .section-label-item {
  font-weight: bold;
}

#mapMain_information_target .section-info-target .section-label-item > div {
  margin: 10px 0px;
}

#mapMain_information_target .section-info-target .section-label-item > input[type="text"] {
  width: 100%;
  border: 1px solid lightgray;
  border-radius: 5px;
  padding: 8px 5px;
  font-family: "Times New Roman", Times, serif;
  font-size: 1em;
  font-weight: normal;
}

#mapMain_information_target .section-info-target .section-label-item > input[type="date"] {
  display: none;
}

#mapMain_information_target .section-info-target .expanded-target-info {
  overflow: hidden;
  transition: 0.5s;
  font-size: 12px;
  display: flex;
}

#mapMain_information_target .section-info-target .expanded-target-info > div > div {
  border-bottom: 1px solid gray;
  padding: 5px 10px;
}

#mapMain_information_target .section-info-target .expanded-target-info > div > div div {
  display: inline;
}

#mapMain_information_target .section-info-target .expanded-target-info .left-side {
  width: 40%;
}

#mapMain_information_target .section-info-target .expanded-target-info .left-side div {
  min-height: 33px;
  line-height: 22px;
}

#mapMain_information_target .section-info-target .expanded-target-info .right-side {
  width: 60%;
}

#mapMain_information_target .section-info-target .expanded-target-info .right-side div {
  min-height: 33px;
  line-height: 22px;
}

#mapMain_information_target .section-info-target #mobile_expanded {
  max-height: 0;
}

#mapMain_information_target .section-info-target #mobile_expanded.active {
  max-height: 1000px;
}

#mapMain_information_target .section-info-target #mobile_button_expand {
  display: flex;
  margin: 0px 10px;
  justify-content: flex-end;
  margin-top: 5px;
}

#mapMain_information_target .section-info-target .button-mobile-see-details {
  color: #01a099;
}

#mapMain_information_target .collapse-bar {
  display: none;
  border-bottom: 1px solid gray;
  padding: 5px 0px;
  height: 32px;
  text-align: center;
}

#mapMain_information_target .collapse-bar > img {
  transform: rotate(180deg);
  width: 25px;
  height: 23px;
  vertical-align: middle;
  margin-left: 15px;
  margin-right: 10px;
}

#mapMain_information_target .collapse-bar > span {
  font-weight: bold;
}

#mapMain_information_target .button-group {
  width: 100%;
  position: fixed;
  border-top: 1px solid lightgray;
  bottom: 0;
  height: 7%;
  min-height: 56px;
  background-color: white;
  display: flex;
  padding: 10px;
  z-index: 2;
}

#mapMain_information_target .button-group > button {
  margin: 0px 10px;
  width: 50%;
  border: 2px solid #f6a70a;
  border-radius: 5px;
}

#mapMain_information_target .button-group .btn-back {
  color: #f6a70a;
}

#mapMain_information_target .button-group .btn-update {
  color: white;
  background-color: #f6a70a;
}

#mapMain_information_target .button-group #mobile_getData_back {
  color: #f6a70a;
  display: none;
}

#mapMain_information_target .button-group #mobile_target_getData {
  margin: 0px 10px;
  width: 50%;
  border: 2px solid #f6a70a;
  border-radius: 5px;
  color: white;
  background-color: #f6a70a;
  display: none;
}

#mapMain_information_target #SP_select_candidate_containter {
  margin: 10px;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 70px;
  display: none;
}

#mapMain_information_target #SP_select_candidate_containter .SP_select_candidate_title {
  margin: 5px;
  background-color: #f0f0f0;
}

#mapMain_information_target #SP_select_candidate_containter .SP_select_candidate_description {
  margin: 10px 0;
  font-weight: normal;
}

#mapMain_information_target #SP_select_candidate_containter .SP_select_candidate_table_container {
  width: 100%;
  overflow-x: auto;
  border: 1px solid #ccc;
  white-space: nowrap;
}

#mapMain_information_target #SP_select_candidate_containter .SP_select_candidate_table_container .SP_select_candidate_table {
  border-collapse: separate;
  table-layout: fixed;
  border-spacing: 0;
}

#mapMain_information_target #SP_select_candidate_containter .SP_select_candidate_table_container .SP_select_candidate_table th,
#mapMain_information_target #SP_select_candidate_containter .SP_select_candidate_table_container .SP_select_candidate_table td {
  border: 1px solid #757575;
  padding: 5px;
  text-align: left;
  font-size: 14px;
  white-space: nowrap;
  overflow-x: auto;
}

#mapMain_information_target #SP_select_candidate_containter .SP_select_candidate_table_container .SP_select_candidate_table th .SP_candidate_check_box,
#mapMain_information_target #SP_select_candidate_containter .SP_select_candidate_table_container .SP_select_candidate_table td .SP_candidate_check_box {
  display: inline;
  width: 18px;
  height: 18px;
  vertical-align: sub;
  border: 1px solid #000;
  border-radius: 4px;
}

#mapMain_information_target #SP_select_candidate_containter .SP_select_candidate_table_container .SP_select_candidate_table .candidate_checkbox {
  position: sticky;
  min-width: 70px;
  background-color: #d0cccc;
  left: 0;
  z-index: 2;
}

#mapMain_information_target #SP_select_candidate_containter .SP_select_candidate_table_container .SP_select_candidate_table .candidate_company_name {
  position: sticky;
  min-width: 130px;
  max-width: 50%;
  background-color: #d0cccc;
  left: 70px;
  z-index: 2;
}

#mapMain_information_target #SP_select_candidate_containter .SP_select_candidate_table_container .SP_select_candidate_table .SP_candidate_checkbox {
  text-align: center;
}

.popup-logout-container {
  display: none;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  z-index: 100;
}

.popup-logout-container > div {
  width: 300px;
  height: 150px;
  align-items: center;
  justify-content: center;
  background-color: white;
  display: flex;
  flex-direction: column;
}

.popup-logout-container > div > div:nth-child(1) {
  width: 100%;
  height: 30%;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}

.popup-logout-container > div > div:nth-child(2) {
  width: 100%;
  text-align: center;
  margin-top: 5px;
  height: 30%;
}

.popup-logout-container > div > div:nth-child(3) {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40%;
  border-top: 1px solid #bdbcbc;
  flex-direction: row;
}

.popup-logout-container > div > div:nth-child(3) button {
  width: 50%;
  height: 100%;
  color: #019e97;
  font-weight: bold;
}

.popup-logout-container > div > div:nth-child(3) > button:nth-child(1) {
  border-right: 1px solid #bdbcbc;
}

.popup-add-target-container {
  display: none;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.4);
}

.popup-add-target-container > div {
  width: 300px;
  height: 200px;
  align-items: center;
  justify-content: center;
  background-color: white;
  display: flex;
  flex-direction: column;
}

.popup-add-target-container > div > div:nth-child(1) {
  width: 100%;
  height: 25%;
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  padding-left: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #019e97;
  line-height: 35px;
}

.popup-add-target-container > div > div:nth-child(2),
.popup-add-target-container > div > div:nth-child(3) {
  width: 100%;
  height: 25%;
  text-align: left;
  align-items: center;
  /* margin-top: 5px; */
  border-top: 1px solid #bdbcbc;
  padding-left: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 30px;
}

.popup-add-target-container > div > div:nth-child(4) {
  width: 100%;
  height: 25%;
  display: flex;
  align-items: center;
  border-top: 1px solid #bdbcbc;
}

.popup-add-target-container > div > div:nth-child(4) button {
  width: 100%;
  height: 100%;
  font-weight: bold;
}

.sidebar-logout-container {
  width: 0;
  height: 100%;
  z-index: 15;
  top: 0;
  position: absolute;
}

.sidebar-logout-container .sidebar-container {
  background-color: #DEF2EF;
  width: 0;
  height: 100%;
  position: absolute;
  transition: 0.5s;
  overflow-x: hidden;
}

.sidebar-logout-container .sidebar-container > div:nth-child(1) {
  display: flex;
  width: 100%;
  height: 50px;
  padding: 0 10px;
}

.sidebar-logout-container .sidebar-container > div:nth-child(1) button {
  display: flex;
  align-items: center;
}

.sidebar-logout-container .sidebar-container > div:nth-child(1) button div {
  font-size: 32px;
  font-weight: bold;
}

.sidebar-logout-container .sidebar-container > div:nth-child(2) {
  display: block;
  width: 100%;
}

.sidebar-logout-container .sidebar-container > div:nth-child(2) > div {
  font-weight: bold;
  width: 100%;
  padding: 10px 5px;
  align-items: center;
  position: relative;
  background-color: white;
  display: flex;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  white-space: nowrap;
}

.sidebar-logout-container .sidebar-container > div:nth-child(2) > div img {
  height: 32px;
  width: 32px;
}

.sidebar-logout-container .sidebar-container > div:nth-child(2) > div div {
  margin: auto 5px;
  width: 90%;
}

.sidebar-logout-container .sidebar-container > div:nth-child(2) > div button {
  transform: rotate(180deg);
  font-size: 25px;
  font-weight: bold;
  width: 15%;
  height: 100%;
}

.sidebar-logout-container .sidebar-background {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.top-list-target-container {
  display: flex;
  flex-direction: column;
  height: calc(100% - 50px);
  position: absolute;
  z-index: 14;
  top: 0;
  background-color: #ffffff;
  width: 100%;
}

.top-list-target-container > div:nth-child(1) {
  display: flex;
  padding: 5px;
  height: 7%;
  min-height: 50px;
  width: 100%;
  box-shadow: 0px 1px 10px #888888;
  text-align: center;
  background-color: white;
}

.top-list-target-container > div:nth-child(1) button {
  margin-left: 5px;
}

.top-list-target-container > div:nth-child(1) img {
  display: block;
  height: 32px;
  width: 32px;
}

.top-list-target-container > div:nth-child(2) {
  display: table;
  height: 7%;
  min-height: 50px;
  width: 100%;
  box-shadow: 0px 3px 7px #c7c7c7;
  text-align: right;
  background-color: #D9D9D9;
}

.top-list-target-container > div:nth-child(2) #btn_add {
  margin-right: 10px;
  margin-top: 10px;
  text-align: left;
  width: 52px;
  height: 32px;
  background-image: url("../images/mobile/add_new_target.png");
  background-position: right;
  background-size: 16px;
  font-size: 16px;
  font-weight: bold;
}

.top-list-target-container > div:nth-child(3) {
  overflow: auto;
  height: 100%;
}

.top-list-target-container > div:nth-child(3) > div {
  border-bottom: 1px solid #888888;
  padding: 15px 10px;
  align-items: center;
  display: flex;
  width: 100%;
}

.top-list-target-container > div:nth-child(3) > div > img {
  height: 4rem;
  width: 4rem;
}

.top-list-target-container > div:nth-child(3) > div button {
  transform: rotate(180deg);
  font-size: 25px;
  font-weight: bold;
  width: 15%;
  height: 100%;
}

.top-list-target-container > div:nth-child(3) > div > div {
  width: 90%;
  margin: auto 5px;
  font-weight: bold;
}

.top-list-target-container .selected {
  background-color: #fff2cc;
}

.top-list-target-container .search-marker-field {
  z-index: 11;
  position: relative;
  left: 0;
  top: 7px;
  margin-left: 10px;
}

.top-list-target-container .search-marker-field #search-marker-field-input {
  border: 1px solid gray;
  padding-left: 30px;
  width: 100%;
  border-radius: 5px;
  height: 30px;
  background-color: white;
}

.top-list-target-container #count_target {
  z-index: 11;
  position: relative;
  right: 0;
  top: 10px;
  margin-left: 10px;
  margin-right: 5px;
  text-align: right;
  width: 30%;
}

.usage-guide-container {
  bottom: 0;
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 0;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.usage-guide-container .usage-guide-background {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.usage-guide-container .guide-container {
  width: 100%;
  height: 0;
  background-color: white;
  transition: 0.5s;
}

.usage-guide-container .guide-container > div:nth-child(1) {
  display: flex;
}

.usage-guide-container .guide-container > div:nth-child(1) div {
  font-weight: bold;
  margin: 20px auto;
  width: 100%;
  font-size: 20px;
  text-align: center;
}

.usage-guide-container .guide-container > div:nth-child(1) button {
  position: absolute;
  right: 0;
  font-size: 35px;
  margin: 5px;
}

.usage-guide-container .guide-container #legend_display_dropdown_mobile {
  display: inline-block;
  margin-left: 40px;
  margin-bottom: 10px;
  z-index: 1;
  font-size: 14px;
  width: 50%;
}

.usage-guide-container .guide-container #legend_display_dropdown_mobile ul {
  height: auto;
  text-align: left;
  max-height: 124px;
  overflow-y: auto;
}

.usage-guide-container .guide-container > div:nth-child(3) {
  max-height: 340px;
  overflow-y: auto;
}

.usage-guide-container .guide-container > div:nth-child(3), .usage-guide-container .guide-container > div:nth-child(4) {
  width: 100%;
  display: flex;
  font-weight: bold;
  background-color: white;
  font-size: 14px;
}

.usage-guide-container .guide-container > div:nth-child(3) > div, .usage-guide-container .guide-container > div:nth-child(4) > div {
  height: 100%;
  align-items: center;
  width: 50%;
  display: flex;
  flex-direction: column;
}

.usage-guide-container .guide-container > div:nth-child(3) > div > div, .usage-guide-container .guide-container > div:nth-child(4) > div > div {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  justify-content: center;
}

.usage-guide-container .guide-container > div:nth-child(3) > div > div > img, .usage-guide-container .guide-container > div:nth-child(4) > div > div > img {
  width: 5vh;
  height: 5vh;
}

.usage-guide-container .guide-container > div:nth-child(3) > div > div > div, .usage-guide-container .guide-container > div:nth-child(4) > div > div > div {
  width: 50%;
}

.list-map-container {
  overscroll-behavior-y: contain;
  width: 100%;
  height: 100%;
  display: none;
  flex-direction: column;
  overflow-y: hidden;
  position: relative;
}

.list-map-container > div:nth-child(1) {
  width: 100%;
  height: 93%;
}

.list-map-container .btn-list-map-container {
  display: flex;
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 14;
}

.list-map-container .btn-list-map-container button {
  width: 50%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  height: 100%;
  color: #019e97;
  border: 1px solid #b4b0b0;
  background-color: white;
}

.list-map-container .btn-list-map-container button > img:nth-child(1) {
  display: none;
}

.list-map-container .btn-list-map-container button > img:nth-child(2) {
  display: block;
}

.list-map-container .btn-list-map-container button > img {
  margin: auto 15px;
  height: 32px;
  width: 32px;
}

.list-map-container .btn-list-map-container .btn-active {
  color: white;
  background-color: #019e97;
}

.list-map-container .btn-list-map-container .btn-active > img:nth-child(1) {
  display: block;
}

.list-map-container .btn-list-map-container .btn-active > img:nth-child(2) {
  display: none;
}

.list-map-container .btn-list-map-container #back_list_target_button {
  margin: 10px 20px;
  width: 100%;
  border: 2px solid #f6a70a;
  border-radius: 5px;
  color: #f6a70a;
}

.list-map-container .add-new-target-group-button {
  display: flex;
  width: 100%;
  height: 60px;
  position: absolute;
  border-top: 1px solid lightgray;
  bottom: 0;
  left: 0;
  z-index: 14;
  padding: 10px;
  background: white;
}

.list-map-container .add-new-target-group-button #back_list_target_button {
  margin: 0px 10px;
  width: 100%;
  border: 2px solid #f6a70a;
  border-radius: 5px;
  color: #f6a70a;
}

.list-map-container .feature-container {
  border-bottom: 1px solid #b4b0b0;
}

.list-map-container .container-scrollup-auto-alert {
  display: none;
  background-color: #019e97;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  z-index: 100;
  color: white;
  width: 230px;
  margin: 0 auto;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 16px;
}

.map-display-container {
  width: 100%;
}

.map-display-container .usage-guide {
  position: absolute;
  border-radius: 50%;
  top: 10px;
  right: 15px;
  height: 30px;
  width: 30px;
  background-color: white;
  display: grid;
  align-items: center;
  box-shadow: 3px 4px 6px #808080;
}

.map-display-container .usage-guide > img {
  margin: auto;
  height: 24px;
  width: 24px;
}

.map-display-container .menu-button {
  z-index: 11;
  top: 70px;
}

.map-display-container .menu-button > img {
  margin: auto;
}

.map-display-container #open_usage_guide {
  top: 110px;
  z-index: 11;
  overflow: hidden;
}

.map-display-container #mobile_current_location {
  top: 150px;
  z-index: 11;
  overflow: hidden;
}

.map-display-container .search-marker-field {
  z-index: 11;
  position: relative;
  left: 0;
  top: 23px;
  width: calc(100% - 50px);
  margin: 0 auto;
}

.map-display-container .search-marker-field > input {
  border: 1px solid gray;
  padding-left: 30px;
  width: 100%;
  border-radius: 5px;
  height: 30px;
  background-color: white;
}

.map-display-container .search-marker-field > img {
  width: 20px;
  position: absolute;
  height: 20px;
  left: 0px;
  top: 5px;
  left: 5px;
}

@media (orientation: landscape) {
  .map-display-container .usage-guide {
    height: 32px;
    width: 32px;
  }
  .map-display-container .usage-guide > img {
    margin: auto;
    height: 25px;
    width: 25px;
  }
  .map-display-container .menu-button {
    width: 32px;
    height: 32px;
    top: 13%;
  }
  .map-display-container .menu-button > img {
    width: 20px;
  }
  .map-display-container #open_usage_guide {
    top: 23%;
  }
  .map-display-container #mobile_current_location {
    top: 33%;
  }
  .map-display-container .search-marker-field {
    left: 0;
    top: 13px;
    width: calc(100% - 50px);
  }
}

#mobile_edit_company_info {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10000;
}

#mobile_edit_company_info > .edit-content {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  overflow: auto;
  font-size: 14px;
}

#mobile_edit_company_info > .edit-content > ul {
  margin: 10px;
}

#mobile_edit_company_info > .edit-content > ul > li:nth-child(1) {
  margin-bottom: 10px;
}

#mobile_edit_company_info > .edit-content > ul > li:nth-child(1) > input {
  border: 1px solid gray;
  border-radius: 5px;
  padding: 1px;
  width: 75%;
  float: right;
}

#mobile_edit_company_info > .edit-content > ul > li:nth-child(2) {
  margin-bottom: 10px;
}

#mobile_edit_company_info > .edit-content > ul > li:nth-child(2) > input {
  border: 1px solid gray;
  border-radius: 5px;
  padding: 1px;
  width: 75%;
  float: right;
}

#mobile_edit_company_info > .edit-content > ul > li:nth-child(3) {
  margin-bottom: 10px;
}

#mobile_edit_company_info > .edit-content > ul > li:nth-child(3) > input {
  border: 1px solid gray;
  border-radius: 5px;
  padding: 1px;
  width: 75%;
  float: right;
}

#mobile_edit_company_info > .edit-content > ul > li:nth-child(4) {
  margin-bottom: 10px;
}

#mobile_edit_company_info > .edit-content > ul > li:nth-child(4) > input {
  border: 1px solid gray;
  border-radius: 5px;
  padding: 1px;
  width: 75%;
  float: right;
}

#mobile_edit_company_info > .edit-content > ul > li:nth-child(5) {
  margin-bottom: 10px;
}

#mobile_edit_company_info > .edit-content > ul > li:nth-child(5) > input {
  border: 1px solid gray;
  border-radius: 5px;
  padding: 1px;
  width: 75%;
  float: right;
}

#mobile_edit_company_info > .edit-content > ul > li:nth-child(6) {
  margin-bottom: 10px;
}

#mobile_edit_company_info > .edit-content > ul > li:nth-child(6) > input {
  border: 1px solid gray;
  border-radius: 5px;
  padding: 1px;
  width: 75%;
  float: right;
}

#mobile_edit_company_info > .edit-content > ul > li:nth-child(7) {
  margin-bottom: 10px;
}

#mobile_edit_company_info > .edit-content > ul > li:nth-child(7) > input {
  border: 1px solid gray;
  border-radius: 5px;
  padding: 1px;
  width: 75%;
  float: right;
}

#mobile_edit_company_info > .edit-content > div {
  width: 100%;
  bottom: 56px;
  height: 7%;
  background-color: white;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  position: fixed;
}

#mobile_edit_company_info > .edit-content > div > button {
  margin: 0px 10px;
  width: 44%;
  height: 38px;
  border: 2px solid #f6a70a;
  border-radius: 5px;
  color: white;
  background-color: #F6A70A;
}

#mobile_edit_company_info > .single-button {
  width: 100%;
  position: fixed;
  border-top: 1px solid lightgray;
  bottom: 0;
  height: 7%;
  min-height: 56px;
  background-color: white;
  padding: 10px;
}

#mobile_edit_company_info > .single-button > button {
  padding: 4px;
  margin: 0px 10px;
  width: 44%;
  border: 2px solid #f6a70a;
  border-radius: 5px;
  color: #F6A70A;
}

#pkg_logo {
  width: 300px;
  height: 112px;
  background-size: contain;
  background-position: center;
  margin: 0px auto 0px auto;
}

#pkg_logo > svg {
  width: 100%;
  height: 100%;
}

#pkg_logo > svg .gis {
  fill: #231815;
}

#pkg_logo > svg .package {
  fill: #532889;
}

#pkg_logo2 {
  width: 300px;
  height: 112px;
  background-size: contain;
  background-position: center;
  margin: 0px auto 0px auto;
}

#pkg_logo2 > svg {
  width: 100%;
  height: 100%;
}

#pkg_logo2 > svg .title {
  fill: #231815;
}

#pkg_logo2 > svg .for-color {
  fill: #ffffff;
}

#pkg_logo2 > svg .for-background-color {
  fill: #25254f;
}

#pkg_logo_map {
  width: 198px;
  height: 55px;
  background-size: contain;
}

#pkg_logo_map > svg {
  width: 100%;
  height: 100%;
  width: 110%;
  height: 110%;
  margin-top: -40px;
  margin-left: -14px;
}

#pkg_logo_map > svg .title {
  fill: #231815;
}

#pkg_logo_map > svg .for-color {
  fill: #ffffff;
}

#pkg_logo_map > svg .for-background-color {
  fill: #25254f;
}

/* item_fom */
.z_txtbox,
.z_sbox,
.z_ubox,
.z_pwd,
.z_selbox {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 3px 6px;
  background-color: #f0f0f0;
  color: #333;
}

.z_ubox {
  padding-left: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M3 5v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2H5c-1.11 0-2 .9-2 2zm12 4c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3zm-9 8c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1H6v-1z' fill='%23808080'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
  background-size: 18px;
  background-position: 6px;
}

.z_sbox {
  padding-right: 30px;
  background-position: 6px;
  width: 100%;
  visibility: visible;
}

.z_sbox.hidden {
  visibility: hidden;
}

.z_pwd {
  padding-left: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z' style='fill: %23808080'/%3E%3C/svg%3E");
  background-size: 18px;
  background-position: 6px;
}

.z_btn_cmn {
  background-color: #fff;
  border: 2px solid #888;
  padding: 2px 8px;
  color: #888;
}

.z_btn_cmn:hover {
  border-color: #666;
  color: #666;
}

.z_selbox > select {
  width: 100%;
}

/* z_menu */
[class^="z_menu_"] {
  display: inline-block;
  background-color: #ffffff;
  background-size: 48px 48px;
  background-position-y: 5px;
  text-align: center;
  color: #333;
  font-size: 1.2rem;
  text-decoration: none;
  padding-top: 48px;
}

.size_m {
  font-size: 1.5rem;
}

.z_list dd .z_list_title {
  padding: 5px;
}

.z_list dd {
  cursor: pointer;
}

.z_radbtn:disabled + label,
.z_chkbox:disabled + label {
  color: #ccc;
}

.z_radbtn + label:before {
  border-style: #333;
  background-color: #ffffff;
}

.z_radbtn:checked + label:after {
  background-color: #009D96;
}

#zpkg_onmap_result .result {
  background-color: white;
  max-height: 300px;
  overflow-y: auto;
  padding: 4px;
  white-space: nowrap;
}

#zpkg_onmap_result .result .load_circle,
#zpkg_onmap_result .result .load_circle div {
  width: 20px;
  height: 20px;
}

#zpkg_onmap_result div ul li {
  cursor: pointer;
}

.nbr_map_page {
  cursor: default;
  width: 50px;
  height: 1em;
  margin-top: -0.5em;
  text-align: center;
  margin-left: -25px;
  color: #ff0000;
  pointer-events: none;
}

.feature_copy_popup,
.feature_del_popup {
  width: 175px;
  background-color: #ffffff;
}

.feature_copy_popup span,
.feature_del_popup span {
  margin-bottom: 10px;
  display: inline-block;
}

.feature_del_popup_at_center input,
.feature_copy_popup input,
.feature_del_popup input {
  width: 80px;
  height: 25px;
  display: inline-block;
  margin-left: 5px;
  border: 1px solid #009D96;
  border-radius: 0px 0px 0px 0px;
  color: #fff;
  background-color: #009D96;
}

.feature_del_popup_at_center input:hover,
.feature_copy_popup input:hover,
.feature_del_popup input:hover {
  color: #fff;
  background-color: #4eb1ab;
  border: 1px solid #009D96;
}

.feature_del_popup_at_center input.feature_del_cancel,
.feature_del_popup input.feature_del_cancel {
  border: 1px solid #009D96;
  border-radius: 0px 0px 0px 0px;
  color: #009D96;
  background-color: #ffffff;
}

.feature_del_popup_at_center input.feature_del_cancel:hover,
.feature_del_popup input.feature_del_cancel:hover {
  background-color: #E9FBFA;
  color: #009D96;
  border: 1px solid #009D96;
}

.feature_del_popup_at_center {
  background-color: #ffffff;
  border-radius: 8px;
  font-weight: 300;
  font-size: 13px;
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.3);
  padding: 12px;
}

.feature_del_popup_at_center span {
  width: 100%;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  display: inline-block;
}

.mapcontext {
  width: fit-content;
  min-width: 210px;
  padding: 5px;
  white-space: nowrap;
}

.mapcontext ul li {
  cursor: pointer;
}

.mapcontext ul li:hover {
  color: blue;
}

#onmap_keyword_container {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 300px;
}

#roadwidthpopup ul dd > span {
  display: inline-block;
  width: 45%;
  margin-left: 5%;
  font-size: 12px;
}

.disable {
  display: none;
}

html {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
  font-size: 62.5%;
  height: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

body {
  font-size: 1.6rem;
  background-color: #ffffff;
  height: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  overscroll-behavior-y: contain;
}

ul.z-pkg-flex-contaner-ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

button.z-pkg-button-submenu {
  border: 0px solid #009D96;
  background-color: #ffffff;
}

button.z-pkg-button-submenu > span:nth-child(1) {
  display: block;
  margin: 7px;
  width: 33px;
  height: 3px;
  background-color: #333;
  border-radius: 3px;
}

button.z-pkg-button-submenu > span:nth-child(2) {
  display: block;
  margin: 7px;
  width: 33px;
  height: 3px;
  background-color: #333;
  border-radius: 3px;
}

button.z-pkg-button-submenu > span:nth-child(3) {
  display: block;
  margin: 7px;
  width: 33px;
  height: 3px;
  background-color: #333;
  border-radius: 3px;
}

@media screen and (min-width: 1301px) {
  button.z-pkg-button-submenu > span:nth-child(4) {
    display: none;
  }
}

@media screen and (min-width: 1121px) and (max-width: 1300px) {
  button.z-pkg-button-submenu > span:nth-child(4) {
    display: none;
  }
}

button.z-pkg-button-submenu.notification::after {
  content: attr(data-count);
  display: block;
  width: 20px;
  height: 20px;
  background-color: red;
  color: white;
  border-radius: 50%;
  position: absolute;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  right: 10px;
  top: 10px;
  z-index: 2;
}

button.z-pkg-button-feature {
  border: 1px solid #009D96;
  border-radius: 0px 0px 0px 0px;
  height: 100%;
  width: 100%;
  color: #009D96;
  background-color: #ffffff;
  -webkit-max-logical-height: -webkit-fit-content;
}

button.z-pkg-button-feature:hover {
  color: #ffffff;
  background-color: #00ACA4;
  border: 1px solid #009D96;
}

button.z-pkg-button-feature:disabled {
  background-color: #ffffff;
  color: #bfbfbf;
  border: 1px solid #bfbfbf;
}

button.z-pkg-button-feature:disabled > span > svg {
  fill: #bfbfbf;
}

div.z-pkg-button-apply,
button.z-pkg-button-apply {
  border: 1px solid #009D96;
  border-radius: 0px 0px 0px 0px;
  height: 35px;
  width: 100%;
  color: #fff;
  background-color: #009D96;
}

div.z-pkg-button-apply:hover,
button.z-pkg-button-apply:hover {
  color: #fff;
  background-color: #4eb1ab;
  border: 1px solid #009D96;
}

div.z-pkg-button-apply:disabled,
button.z-pkg-button-apply:disabled {
  background-color: #ffffff;
  color: #bfbfbf;
  border: 1px solid #bfbfbf;
}

div.z-pkg-button-cancel,
button.z-pkg-button-cancel {
  border: 1px solid #009D96;
  border-radius: 0px 0px 0px 0px;
  height: 35px;
  width: 100%;
  color: #009D96;
  background-color: #ffffff;
}

div.z-pkg-button-cancel:hover,
button.z-pkg-button-cancel:hover {
  background-color: #E9FBFA;
  color: #009D96;
  border: 1px solid #009D96;
}

div.z-pkg-button-cancel:disabled,
button.z-pkg-button-cancel:disabled {
  background-color: #ffffff;
  color: #bfbfbf;
  border: 1px solid #bfbfbf;
}

button.z-pkg-button {
  border: 2px solid #009D96;
  border-radius: 5px 5px 5px 5px;
  height: 100%;
  color: #009D96;
  background-color: #ffffff;
  line-height: initial;
  margin: 0px auto 0px auto;
}

button.z-pkg-button:hover {
  color: #fff;
  background-color: #009D96;
  border: 1px solid 1px solid #009D96;
}

button.z-pkg-button-act {
  border: 1px solid #7F7F7F;
  color: #7F7F7F;
  background-color: #ffffff;
  border-radius: 0;
  line-height: initial;
}

button.z-pkg-button-act:hover {
  color: #ffffff;
  background-color: #7F7F7F;
  border: 1px solid #7F7F7F;
}

button.z-pkg-button-act:disabled {
  background-color: #ffffff;
  color: #bfbfbf;
  border: 1px solid #bfbfbf;
}

button.z_btn_active {
  background-color: #009D96;
  color: #ffffff;
}

.pkg_load {
  display: inline-block;
  padding: 5px;
  box-sizing: border-box;
  font-size: 10px;
  height: 30px;
  line-height: 20px;
}

.pkg_load .load_circle {
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 5px;
}

input:disabled,
select:disabled,
search:disabled {
  color: #ccc;
}

.balloon1 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #ffffff;
  border-radius: 6px;
}

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #ffffff;
}

.balloon1 table {
  width: 400px;
  height: 150px;
  margin: 0;
  padding: 0;
}

/* 吹き出し・全共通 */
.balloon {
  position: relative;
  width: 400px;
  /* 幅 */
  height: 150px;
  /* 最小の高さ */
  margin-top: 20px;
  /* 外側の余白 */
  padding: 10px;
  /* 内側の余白 */
  overflow-y: auto;
}

.balloon-edge {
  content: "";
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 20px;
  /* 吹き出しサイズ */
  bottom: -10px;
  left: 50%;
  background: #ffffff;
  /* 背景色 */
  transform: translateX(-50%) rotate(45deg) skew(20deg, 20deg);
  /* 傾斜角(skew) */
}

.balloon::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.balloon > * {
  position: relative;
  z-index: 3;
}

.balloon,
.balloon::after {
  border-radius: 5px;
  /* 角の丸め方 */
}

.balloon,
.balloon::after {
  background: #ffffff;
  /* 背景色 */
}

.balloon table {
  border: 1px solid #ccc;
  width: 100%;
  height: 100%;
  border-collapse: collapse;
}

.balloon table tbody tr {
  border: 1px solid #ccc;
}

.balloon table tbody tr td {
  padding: 4px;
  border: 1px solid #ccc;
}

#buildInfo {
  display: none;
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 300px;
  height: 300px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 5px;
  border: 1px solid gray;
  box-sizing: border-box;
  padding: 5px;
}

#buildInfo.bottomOpen {
  bottom: 315px;
}

#buildInfo .contents {
  overflow-y: auto;
  position: absolute;
  top: 25px;
  left: 5px;
  width: 290px;
  height: 270px;
  border: 1px solid #009D96;
}

#buildInfo input {
  background: pink;
  font-size: 12px;
  width: 290px;
  position: absolute;
  top: 4px;
  left: 4px;
}

#buildInfo .z_list dd {
  background-color: #009D96;
  color: #ffffff;
  border: 1px solid #cecece;
  padding: 3px;
}

#buildInfo .close {
  display: none;
}

#buildInfo .open ul li span {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}

#buildInfo .open ul li span:nth-child(1) {
  font-size: 12px;
  width: 30%;
}

#buildInfo .open ul li span:nth-child(1).floor {
  width: 18%;
  text-align: center;
}

#buildInfo .open ul li span:nth-child(2) {
  width: 70%;
}

#buildInfo .open ul li span:nth-child(2).floor {
  width: 82%;
}

#maphomecount-overlay,
#mapplace-overlay,
#mapfigure-overlay,
#mapdxf-overlay,
#mapex-overlay {
  cursor: pointer;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1;
}

.z-pkg-mapMainView {
  padding: 0px 0px 0px 0px;
  height: 100%;
  background-color: #009D96;
}

.z-pkg-mapMainView ul {
  align-content: space-between;
  height: 100%;
}

.z-pkg-mapMainView-main-container {
  position: relative;
  top: -80px;
  padding: 85px 0px 0px 0px;
  margin: 0px 0px -80px 0px;
  height: 100%;
  border: 0px solid #009D96;
}

_:-ms-lang(x)::-ms-backdrop,
.z-pkg-mapMainView-main-container {
  margin: 0px 0px 0px 0px;
}

@supports (-ms-ime-align: auto) {
  .z-pkg-mapMainView-main-container {
    margin: 0px 0px 0px 0px;
  }
}

_:-ms-lang(x)::backdrop,
.z-pkg-mapMainView-main-container {
  margin: 0px 0px 0px 0px;
}

.z-pkg-mapMainView-main-container.bottomOpen {
  padding-bottom: 305px;
}

.z-pkg-mapMainView-main-map {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: #bfcad4;
  border: 0px solid #009D96;
  z-index: 0;
  overflow: hidden;
}

#zmap {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  background-color: #bfcad4;
  z-index: -1;
  min-width: 300px;
}

.z-pkg-mapMainView-offside-canvas-feature {
  padding: 15px;
  height: 100%;
  display: none;
}

.z-pkg-mapMainView-offside-canvas-feature.active {
  display: block;
}

.z-pkg-mapMainView-offside-canvas-feature-roadwidth-conatainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.z-pkg-mapMainView-offside-canvas-feature-roadwidth-conatainer > li:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  justify-content: space-between;
}

.z-pkg-mapMainView-offside-canvas-feature-roadwidth-conatainer > li:nth-child(1) > div:nth-child(1) {
  width: 70%;
}

.z-pkg-mapMainView-offside-canvas-feature-roadwidth-conatainer > li:nth-child(1) > div:nth-child(1) span {
  vertical-align: text-bottom;
}

.z-pkg-mapMainView-offside-canvas-feature-roadwidth-conatainer > li:nth-child(1) > div:nth-child(1) > div:nth-child(1) span::before {
  content: "";
  display: inline-block;
  background-size: contain;
  background-image: url(../images/img_prefix_01.png);
  width: 20px;
  height: 20px;
}

.z-pkg-mapMainView-offside-canvas-feature-roadwidth-conatainer > li:nth-child(1) > div:nth-child(1) > div:nth-child(2) span {
  font-size: 0.8em;
  margin-left: 20px;
}

.z-pkg-mapMainView-offside-canvas-feature-roadwidth-conatainer > li:nth-child(1) > div:nth-child(2) {
  width: 30%;
}

.z-pkg-mapMainView-offside-canvas-feature-roadwidth-conatainer > li:nth-child(1) > div:nth-child(2) > button {
  margin-top: 7px;
  width: 120px;
  height: 30px;
}

.z-pkg-mapMainView-offside-canvas-feature-roadwidth-conatainer > li:nth-child(2) {
  border: 1px solid #009D96;
  overflow-y: auto;
  height: 150px;
}

.z-pkg-mapMainView-offside-canvas-feature-roadwidth-conatainer > li:nth-child(2) ul {
  height: 90px;
}

.z-pkg-mapMainView-offside-canvas-feature-roadwidth-conatainer > li:nth-child(2) li {
  margin: 5px 5px 5px 25px;
}

.z-pkg-mapMainView-offside-canvas-feature-roadwidth-conatainer > li:nth-child(2) input[type=checkbox] + label {
  cursor: pointer;
  font-size: 14px;
  margin-left: 5px;
}

.z-pkg-mapMainView-offside-canvas-feature-roadwidth-conatainer > li:nth-child(3) {
  margin: 10px 0px 0px 0px;
}

.z-pkg-mapMainView-offside-canvas-feature-roadwidth-conatainer > li:nth-child(3) > div {
  width: 100%;
}

.z-pkg-mapMainView-offside-canvas-feature-roadwidth-conatainer > li:nth-child(3) > div:nth-child(2) span {
  font-size: 0.8em;
}

.z-pkg-mapMainView-offside-canvas-feature-roadwidth-conatainer > li:nth-child(4) {
  border: 1px solid #009D96;
  overflow-y: auto;
  height: 100%;
}

.z-pkg-mapMainView-offside-canvas-feature-roadwidth-conatainer > li:nth-child(4) #div_offside_roadwidth_result table {
  width: 100%;
}

.z-pkg-mapMainView-offside-canvas-feature-roadwidth-conatainer > li:nth-child(4) #div_offside_roadwidth_result table tr td {
  vertical-align: top;
  padding: 5px;
  font-size: 14px;
}

.z-pkg-mapMainView-offside-canvas-feature-roadwidth-conatainer > li:nth-child(5) {
  padding: 5px 0px 0px 0px;
}

.z-pkg-mapMainView-offside-canvas-feature-roadwidth-conatainer > li:nth-child(5) > span {
  line-height: 20px;
}

.z-pkg-mapMainView-offside-canvas-feature-roadwidth-conatainer > li:nth-child(5) > span:before {
  content: ' ';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  width: 20px;
  height: 20px;
  padding: 3px 3px 3px 3px;
  display: inline-block;
  vertical-align: sub;
}

.z-pkg-mapMainView-offside-canvas-feature-roadwidth-conatainer > li:nth-child(5) > span > a {
  cursor: pointer;
}

.z-pkg-mapMainView-offside-canvas-feature-roadwidth-conatainer > li:nth-child(5) > span > a:hover {
  text-decoration: underline;
}

.z-pkg-mapMainView-offside-canvas-feature-roadwidth-conatainer > li:nth-child(5) > span _:-ms-lang(x)::-ms-backdrop,
.z-pkg-mapMainView-offside-canvas-feature-roadwidth-conatainer > li:nth-child(5) > span > a {
  vertical-align: -1px;
}

.z-pkg-mapMainView-bottom-info-canvas-outer {
  position: absolute;
  top: calc(100% + 5px);
  left: 0px;
  width: 100%;
  height: 300px;
  background-color: #ffffff;
  border: 0px solid #009D96;
  display: none;
  visibility: hidden;
  z-index: 0;
}

.z-pkg-mapMainView-bottom-info-canvas-outer.open {
  display: block;
  visibility: visible;
  -webkit-transform: translateY(-305px);
  transform: translateY(-305px);
}

.z-pkg-mapMainView-bottom-info-canvas-outer.offsideCanvasOpen {
  padding-left: 505px;
}

.z-pkg-mapMainView-bottom-info-canvas {
  width: 100%;
  height: 100%;
  border: 1px solid #009D96;
  background-color: #ffffff;
}

.z-pkg-mapMainView-bottom-info-canvas-feature {
  padding: 5px 5px 5px 5px;
  height: 100%;
  width: 100%;
  display: none;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(1) {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(1) > span {
  width: 25%;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  justify-content: flex-start;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  margin: 5px 0px 5px 0px;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(2) > table {
  width: 100%;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: auto 0px 0px 0px;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-end;
  width: 75%;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(1) {
  width: 100%;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(2) {
  width: 25%;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(3) {
  width: 25%;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(4) {
  width: 25%;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(5) {
  width: 25%;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(6) {
  width: 25%;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(7) {
  width: 25%;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(8) {
  width: 25%;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(9) {
  width: 25%;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > button {
  width: calc(25% / 2);
  height: 35px;
  margin: auto 5px auto 0px;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-marketing-result-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-marketing-result-container > li:nth-child(1) {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-marketing-result-container > li:nth-child(1) > span {
  width: 25%;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-marketing-result-container > li:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  justify-content: flex-start;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  margin: 5px 0px 20px 0px;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-marketing-result-container > li:nth-child(2) > table {
  width: 100%;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-marketing-result-container > li:nth-child(3) {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: auto 0px 0px 0px;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-marketing-result-container > li:nth-child(3) > div:nth-child(1) {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-end;
  width: 75%;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-marketing-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(1) {
  width: 100%;
  display: none;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-marketing-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(2) {
  width: 25%;
  display: none;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-marketing-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(3) {
  width: 25%;
  display: none;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-marketing-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(4) {
  width: 25%;
  display: none;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-marketing-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(5) {
  width: 25%;
  display: none;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-marketing-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(6) {
  width: 25%;
  display: none;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-marketing-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(7) {
  width: 25%;
  display: none;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-marketing-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(8) {
  width: 25%;
  display: none;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-marketing-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(9) {
  width: 25%;
  display: none;
}

.z-pkg-mapMainView-bottom-info-canvas-feature-marketing-result-container > li:nth-child(3) > button {
  width: calc(25% / 2);
  height: 35px;
  margin: auto 5px auto 0px;
}

.z-pkg-mapMainView-dialog-container {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: auto 0px auto 0px;
  padding: 50px 100px 50px 100px;
  width: 100%;
  height: 100%;
  background-color: rgba(76, 92, 106, 0.5);
}

.z-pkg-mapMainView-dialog-container.open {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.z-pkg-mapMainView-dialog-contents {
  padding: 0px 0px 0px 0px;
  width: 100%;
  display: none;
}

.z-pkg-mapMainView-dialog-contents > ul {
  padding: 15px 15px 15px 15px;
  background-color: #ffffff;
  border: 1px solid #009D96;
  width: 100%;
  height: 100%;
}

.z-pkg-mapMainView-dialog-contents.open {
  display: block;
}

#dialog_csv_preview.z-pkg-mapMainView-dialog-contents {
  height: 100%;
}

.z-pkg-mapMainView-dialog-contents-csv-preview {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.z-pkg-mapMainView-dialog-contents-csv-preview > li:nth-child(1) {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.z-pkg-mapMainView-dialog-contents-csv-preview > li:nth-child(1) > span {
  width: 25%;
}

.z-pkg-mapMainView-dialog-contents-csv-preview > li:nth-child(1) > div {
  margin: 0px 0px 0px auto;
}

.z-pkg-mapMainView-dialog-contents-csv-preview > li:nth-child(2) {
  overflow-y: auto;
  width: 100%;
  margin: 10px 0px 20px 0px;
}

.z-pkg-mapMainView-dialog-contents-csv-preview > li:nth-child(2) > table {
  width: 100%;
}

.z-pkg-mapMainView-dialog-contents-csv-preview > li:nth-child(3) {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: auto 0px 0px 0px;
}

.z-pkg-mapMainView-dialog-contents-csv-preview > li:nth-child(3) button {
  margin: 0px 0px 0px 0px;
}

.z-pkg-mapMainView-dialog-contents-progressBar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.z-pkg-mapMainView-dialog-contents-progressBar > li:nth-child(1) {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.z-pkg-mapMainView-dialog-contents-progressBar > li:nth-child(2) {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 20px 0px 0px 0px;
}

.z-pkg-mapMainView-dialog-contents-progressBar > li:nth-child(3) {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 10px 0px 0px 0px;
}

.z-pkg-mapMainView-dialog-contents-progressBar > li:nth-child(3) > div {
  background-color: #bfcad4;
  width: 50%;
  margin: 0px 10px 0px 0px;
}

.z-pkg-mapMainView-dialog-contents-progressBar > li:nth-child(3) > div > div {
  position: relative;
  width: 50%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #009D96;
}

.z-pkg-mapMainView-dialog-contents-progressBar > li:nth-child(4) {
  margin: 20px 0px 0px 0px;
}

#select_offside_search_area_pulldown {
  margin: 0 0 0 1px;
}

#main_show_time {
  display: none;
}

.mapdxf_rect_edit,
.mapex_rect_edit {
  width: 30px;
  height: 30px;
  background: white;
  font-size: 10px;
  margin-left: -15px;
  margin-top: -15px;
  text-align: center;
  border: 1px solid gray;
  border-radius: 4px;
  cursor: pointer;
}

#onmap-center-address {
  position: absolute;
  left: 15px;
  bottom: 15px;
  width: auto;
  height: 14px;
  font-size: 14px;
  font-weight: bold;
  text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}

#onmap-scale-container {
  position: absolute;
  left: 15px;
  bottom: 74px;
  width: auto;
  height: 32px;
  font-size: 12px;
  background-color: rgba(255, 255, 255, 0.85);
  padding: 5px;
  border: 1px solid gray;
  border-radius: 3px;
}

#onmap-scale-container > #onmap-scale-label > div {
  position: relative;
  display: inline-block;
}

#onmap-scale-container > #onmap-scale-label > div > input {
  cursor: pointer;
  background-color: white;
  border: 1px solid gray;
  width: 80px;
  margin-left: 3px;
  padding-left: 3px;
}

#onmap-scale-container > #onmap-scale-label > div::after {
  content: '';
  font-size: 13px;
  color: #888;
  cursor: pointer;
  transition: all .3s ease-in-out;
  margin-top: 7px;
  margin-left: -12px;
  width: 5px;
  height: 5px;
  border-bottom: 2px solid gray;
  border-right: 2px solid gray;
  transform: rotate(45deg);
  position: absolute;
}

#scalebar {
  background-color: rgba(255, 255, 255, 0.85);
  border: 1px solid gray;
  padding: 8px;
  border-radius: 3px;
}

#loginView_forgetLink {
  cursor: pointer;
}

#loginView_forgetLink:hover {
  text-decoration: underline;
}

#offside_mapex_licence:hover,
#offside_mapdxf_licence:hover,
#offside_print_licence:hover {
  text-decoration: underline;
}

.z_sbox_ico {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z' fill='%23808080'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
  background-size: 18px;
  background-position: 6px;
  position: absolute;
  right: 0px;
  top: 2px;
  cursor: pointer;
}

.z_sbox_ico:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z' fill='%239D96'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
  background-size: 18px;
}

.z_sbox_ico_mobile {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z' fill='%23808080'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
  background-size: 20px;
  background-position: 6px;
  position: absolute;
  top: 0px;
  pointer-events: none;
}

.search_container {
  position: relative;
}

.palette-color-picker-button {
  position: relative;
}

#scaleback {
  position: absolute;
  left: 8px;
  bottom: 30px;
  width: 300px;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.85);
}

#more + label::before {
  display: none;
  margin-left: 0;
}

#map-split-container {
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
  width: 50%;
  height: 100%;
  background-color: white;
  padding-top: 85px;
  box-sizing: border-box;
  overflow: hidden;
  pointer-events: none;
  background-color: #009D96;
}

#map-split-container > img {
  width: 100%;
  height: 100%;
  background-color: white;
}

#map-split-container > #copyright {
  position: absolute;
  right: 5px;
  bottom: 5px;
  background-color: white;
  width: 150px;
  height: 20px;
  border-radius: 4px;
  opacity: 0.8;
}

#map-split-container > #split-container-progress {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 300px;
  height: 80px;
  background-color: #ffffff;
  border: 1px solid gray;
  border-radius: 5px;
  margin-left: -150px;
  margin-top: -40px;
  text-align: center;
  line-height: 70px;
  z-index: 1;
}

#map-split-container > #split-container-progress > .load_circle {
  display: inline-block !important;
  vertical-align: middle !important;
  float: none !important;
}

#map-split-container > #split-container-copyright {
  position: absolute;
  right: 5px;
  bottom: 5px;
  background-color: white;
  height: auto;
  width: auto;
  font-size: 10px;
  padding-left: 3px;
  padding-right: 3px;
}

#map-split-container > #split-container-feature {
  position: absolute;
  right: 5px;
  bottom: 25px;
  background-color: white;
  height: auto;
  width: auto;
  font-size: 10px;
  padding-left: 3px;
  padding-right: 3px;
}

#map-split-container::after {
  position: absolute;
  content: ' ';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='height: 33px; width: 33px;pointer-events: none;'%3E%3Cg fill-rule='nonzero'%3E%3Cg opacity='0.7' fill='%23417FBE'%3E%3Cpath d='M15 0L15 15L0 15L0 18L15 18L15 33L18 33L18 18L33 18L33 15L18 15L18 0L15 0z' style='position: absolute; pointer-events: none;'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  position: absolute;
  left: 50%;
  top: 50%;
  width: 33px;
  height: 33px;
  margin-left: -16px;
  margin-top: 28px;
}

#onmapdebug_container {
  background: white;
  position: absolute;
  left: 220px;
  bottom: 10px;
  font-size: 10px;
  width: auto;
  height: auto;
  display: none;
  padding: 5px;
  border: 1px solid gray;
}

.activelink {
  background-color: #f5f5f5;
}

.color-green-0 {
  color: #eaf6f4;
}

.color-green-1 {
  color: #9ad6cd;
}

.color-green-2 {
  color: #009D96;
}

.color-green-3 {
  color: #009D95;
}

.bg-green-0 {
  background: #eaf6f4;
}

.bg-green-1 {
  background: #9ad6cd;
}

.bg-green-2 {
  background: #009D96;
}

.bg-green-3 {
  background: #009D95;
}

@media screen and (max-width: 600px) {
  .z-pkg-loginView-information {
    display: none;
  }
  .z-pkg-loginView-login-container .z-pkg-flex-contaner {
    height: unset;
  }
  .z-pkg-loginView-login-container > div {
    width: 100%;
  }
  .z-pkg-loginView-login-container > div a {
    color: #01AFA7;
  }
  #loginView_forgetLink {
    display: none;
  }
}

.save_pwd_help {
  margin-left: 5px;
  font-size: 12px;
}

#sendlogPopup {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
}

#sendlogPopup > div {
  width: 450px;
  height: 400px;
  background-color: white;
  border-radius: 10px;
  padding: 30px;
}

#sendlogPopup > div > pre {
  white-space: break-spaces;
  height: 208px;
}

#sendlogPopup > div > div {
  height: 40px;
  text-align: center;
  padding-top: 30px;
}

#sendlogPopup > div > div > button {
  width: 80px;
  height: 30px;
}

@media screen and (max-width: 570px) {
  [class^="z_menu_"] {
    font-size: 1.0rem;
    width: 60px;
    background-position-y: 7px;
    padding: 55px 0px 0px 0px;
  }
  button.z-pkg-button-submenu {
    padding: 5px 5px 5px 5px;
  }
  button.z-pkg-button-submenu > span:nth-child(1) {
    width: 30px;
  }
  button.z-pkg-button-submenu > span:nth-child(2) {
    width: 30px;
  }
  button.z-pkg-button-submenu > span:nth-child(3) {
    width: 30px;
  }
  button.z-pkg-button-submenu > span:last-child {
    display: none;
  }
  .z-pkg-loginView {
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    width: 100%;
  }
  .z-pkg-loginView-login-container {
    margin: 0px 0px 0px 0px;
    padding: 40px 30px 30px 30px;
    width: 100%;
  }
  .z-pkg-loginView-login-container .save_pwd_help {
    display: block;
    margin-top: 2px;
  }
  .z-pkg-loginView-ul-information {
    flex-direction: column;
    padding: 0px 0px 0px 0px;
  }
  .z-pkg-loginView-ul-information li:first-child {
    margin: 10px 0px 0px 0px;
  }
  .z-pkg-loginView-ul-information li:first-child span {
    text-decoration: underline;
  }
  .z-pkg-loginView > #login-container {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 100%;
    -ms-grid-columns: 100%;
    grid-template-rows: auto auto auto auto auto;
    -ms-grid-rows: auto auto auto auto auto;
  }
  .z-pkg-loginView-logo {
    grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 1/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    margin: 25px auto 25px auto;
  }
  .z-pkg-loginView-logo > div {
    flex-direction: column;
  }
  .z-pkg-loginView-logo > div > #pkg_logo, .z-pkg-loginView-logo > div > #pkg_logo2 {
    margin: 0px !important;
    height: 50px !important;
  }
  .z-pkg-loginView-login-container {
    grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 3/4;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    margin: 0px auto 25px auto;
    width: 100%;
  }
  .z-pkg-loginView-login-container > ul {
    width: 100%;
  }
  .z-pkg-loginView-login-container .save_pwd_help {
    display: block;
    margin-top: 2px;
  }
  .z-pkg-loginView-information {
    grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 4/5;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    margin: 0px auto 25px auto;
  }
  .z-pkg-loginView-back {
    grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 3/5;
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    flex-direction: row;
    justify-content: center;
    background-color: #D3EDE9;
    z-index: -1;
  }
  .z-pkg-loginView-copyright {
    grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 5/6;
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    text-align: center;
  }
  .z-pkg-mapMainView-nav-container > ul {
    grid-template-columns: 80px 1fr 80px;
    -ms-grid-columns: 80px 1fr 80px;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(1) {
    grid-column: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(1) > div {
    margin: 0px auto 0px auto;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) {
    display: block;
    grid-column: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > input:checked + label + div > ul {
    display: block;
    outline: 1px solid #ffffff;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
    height: 270px;
    display: grid;
    display: -ms-grid;
    grid-template-columns: 78px 78px 78px 78px ;
    -ms-grid-columns: 78px 78px 78px 78px ;
    grid-template-rows: 90px 90px 90px ;
    -ms-grid-rows: 90px 90px 90px ;
    justify-content: space-around;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > label {
    display: block;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div {
    position: absolute;
    display: flex;
    justify-content: center;
    top: 84px;
    left: 0px;
    width: 100%;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul {
    border: 1px solid #009D96;
    display: none;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(1) {
    grid-column: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(2) {
    grid-column: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(3) {
    grid-column: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(4) {
    grid-column: 4;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(5) {
    grid-column: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(6) {
    grid-column: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(7) {
    grid-column: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-row: 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(8) {
    grid-column: 4;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-row: 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(9) {
    grid-column: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(10) {
    grid-column: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(11) {
    grid-column: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-row: 3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(12) {
    grid-column: 4;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-row: 3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(3) {
    display: none;
  }
  .z-pkg-mapMainView-nav-container > ul > li:last-child {
    grid-column: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    margin: 0px 5px 0px auto;
  }
  .z-pkg-mapMainView-nav-submenu-contents {
    left: 5px;
  }
  #main_menu_logout {
    display: block;
  }
  #onmap_layer_container {
    width: 60px;
  }
}

@media screen and (min-width: 571px) and (max-width: 760px) {
  [class^="z_menu_"] {
    font-size: 1.0rem;
    width: 60px;
    background-position-y: 7px;
    padding: 55px 0px 0px 0px;
  }
  button.z-pkg-button-submenu {
    padding: 5px 5px 5px 5px;
  }
  button.z-pkg-button-submenu > span:nth-child(1) {
    width: 30px;
  }
  button.z-pkg-button-submenu > span:nth-child(2) {
    width: 30px;
  }
  button.z-pkg-button-submenu > span:nth-child(3) {
    width: 30px;
  }
  button.z-pkg-button-submenu > span:last-child {
    display: none;
  }
  .z-pkg-loginView {
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    width: 100%;
  }
  .z-pkg-loginView-login-container {
    margin: 0px 0px 0px 0px;
    padding: 40px 30px 30px 30px;
    width: 100%;
  }
  .z-pkg-loginView-ul-information {
    flex-direction: column;
    padding: 0px 0px 0px 0px;
  }
  .z-pkg-loginView-ul-information li:first-child {
    margin: 10px 0px 0px 0px;
  }
  .z-pkg-loginView-ul-information li:first-child span {
    text-decoration: underline;
  }
  .z-pkg-loginView > #login-container {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 100%;
    -ms-grid-columns: 100%;
    grid-template-rows: auto auto auto auto auto;
    -ms-grid-rows: auto auto auto auto auto;
  }
  .z-pkg-loginView-logo {
    grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 1/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    margin: 25px auto 25px auto;
  }
  .z-pkg-loginView-login-container {
    grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 3/4;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    margin: 0px auto 25px auto;
  }
  .z-pkg-loginView-separate {
    display: none;
  }
  .z-pkg-loginView-information {
    grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 4/5;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    margin: 0px auto 25px auto;
  }
  .z-pkg-loginView-back {
    grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 3/5;
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    flex-direction: row;
    justify-content: center;
    background-color: #D3EDE9;
    z-index: -1;
  }
  .z-pkg-loginView-copyright {
    grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 5/6;
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    text-align: center;
  }
  .z-pkg-mapMainView-nav-container > ul {
    grid-template-columns: 80px 1fr 80px;
    -ms-grid-columns: 80px 1fr 80px;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(1) {
    grid-column: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(1) > div {
    margin: 0px auto 0px auto;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) {
    display: block;
    grid-column: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > input:checked + label + div > ul {
    display: block;
    outline: 1px solid #ffffff;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
    height: 270px;
    display: grid;
    display: -ms-grid;
    grid-template-columns: 78px 78px 78px 78px ;
    -ms-grid-columns: 78px 78px 78px 78px ;
    grid-template-rows: 90px 90px 90px ;
    -ms-grid-rows: 90px 90px 90px ;
    justify-content: space-around;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > label {
    display: block;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div {
    position: absolute;
    display: flex;
    justify-content: center;
    top: 84px;
    left: 0px;
    width: 100%;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul {
    border: 1px solid #009D96;
    display: none;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(1) {
    grid-column: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(2) {
    grid-column: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(3) {
    grid-column: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(4) {
    grid-column: 4;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(5) {
    grid-column: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(6) {
    grid-column: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(7) {
    grid-column: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-row: 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(8) {
    grid-column: 4;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-row: 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(9) {
    grid-column: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(10) {
    grid-column: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(11) {
    grid-column: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-row: 3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(12) {
    grid-column: 4;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-row: 3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(3) {
    grid-column: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:last-child {
    grid-column: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    margin: 0px 5px 0px auto;
  }
  .z-pkg-mapMainView-nav-submenu-contents {
    left: 5px;
  }
  #onmap_layer_container {
    width: 60px;
  }
}

@media screen and (min-width: 761px) and (max-width: 1120px) {
  [class^="z_menu_"] {
    font-size: 1.0rem;
    background-position-y: 7px;
    padding: 55px 0px 0px 0px;
  }
  button.z-pkg-button-submenu {
    padding: 5px 5px 5px 5px;
  }
  button.z-pkg-button-submenu > span:nth-child(1) {
    width: 30px;
  }
  button.z-pkg-button-submenu > span:nth-child(2) {
    width: 30px;
  }
  button.z-pkg-button-submenu > span:nth-child(3) {
    width: 30px;
  }
  button.z-pkg-button-submenu > span:last-child {
    display: none;
  }
  .z-pkg-mapMainView-nav-container ul li:nth-child(13) {
    display: none;
  }
  .z-pkg-mapMainView-nav-container ul li:last-child {
    margin-left: auto;
  }
  .z-pkg-loginView {
    margin: 0px 0px 0px 0px;
    width: 100%;
  }
  .z-pkg-loginView-ul-information {
    flex-direction: column;
    padding: 0px 0px 0px 0px;
  }
  .z-pkg-loginView-ul-information li:first-child {
    margin: 10px 0px 0px 0px;
  }
  .z-pkg-loginView-ul-information li:first-child span {
    text-decoration: underline;
  }
  .z-pkg-loginView > #login-container {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 100%;
    -ms-grid-columns: 100%;
    grid-template-rows: auto auto auto auto auto;
    -ms-grid-rows: auto auto auto auto auto;
  }
  .z-pkg-loginView-logo {
    grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 1/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    margin: 25px auto 25px auto;
  }
  .z-pkg-loginView-login-container {
    grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 3/4;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    margin: 0px auto 25px auto;
  }
  .z-pkg-loginView-separate {
    display: none;
  }
  .z-pkg-loginView-information {
    grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 4/5;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    margin: 0px auto 25px auto;
  }
  .z-pkg-loginView-back {
    grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 3/5;
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    flex-direction: row;
    justify-content: center;
    background-color: #D3EDE9;
    z-index: -1;
  }
  .z-pkg-loginView-copyright {
    grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 5/6;
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    text-align: center;
  }
  .z-pkg-mapMainView-nav-container #pkg_logo_map {
    width: 150px;
    margin-left: 15px;
  }
  .z-pkg-mapMainView-nav-container #pkg_logo_map > img {
    left: 0px !important;
  }
  .z-pkg-mapMainView-nav-container #btn_nav_logout {
    width: 75px !important;
    font-size: 12px;
  }
  .z-pkg-mapMainView-nav-container > ul {
    grid-template-columns: 150px 468px 1fr 80px;
    -ms-grid-columns: 150px 468px 1fr 80px;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) {
    grid-template-columns: 390px 78px;
    -ms-grid-columns: 390px 78px;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > input:checked + label + div > ul {
    outline: 1px solid #ffffff;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
    height: 270px;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > label {
    display: block;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul {
    grid-template-columns: 78px 78px 78px 78px 78px ;
    -ms-grid-columns: 78px 78px 78px 78px 78px ;
    grid-template-rows: 80px 80px 80px ;
    -ms-grid-rows: 80px 80px 80px ;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(1) {
    grid-column: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(2) {
    grid-column: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(3) {
    grid-column: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(4) {
    grid-column: 4;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(5) {
    grid-column: 5;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(6) {
    grid-column: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(7) {
    grid-column: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(8) {
    grid-column: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-row: 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(9) {
    grid-column: 4;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-row: 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(10) {
    grid-column: 5;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    grid-row: 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(11) {
    grid-column: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(12) {
    grid-column: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:last-child {
    margin: 0px 5px 0px auto;
    padding: 13px 0px 13px 0px;
  }
  #onmap_layer_container,
  #onmap_link_container {
    width: 60px;
  }
  .z-pkg-mapMainView-main-container.open {
    padding-left: 450px;
  }
  .z-pkg-mapMainView-main-offside-canvas-outer {
    left: -450px;
    width: 450px;
    padding: 85px 0px 0px 0px;
  }
  .z-pkg-mapMainView-main-offside-canvas-outer.open {
    -webkit-transform: translateX(450px);
    transform: translateX(450px);
  }
  .z-pkg-mapMainView-main-offside-canvas-tag {
    width: 450px;
  }
  .z-pkg-mapMainView-main-offside-canvas {
    width: calc(100% - 2px);
  }
  .z-pkg-mapMainView-offside-canvas-feature-clean-container > li:last-child > button {
    font-size: 1.5rem;
  }
  .z-pkg-mapMainView-offside-canvas-feature-mapex-image.open > .container > li:nth-child(3) > button {
    width: 36%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-outer.offsideCanvasOpen {
    padding-left: 455px;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(2) {
    width: 33%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(3) {
    width: 33%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(4) {
    width: 33%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(5) {
    width: 33%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(6) {
    width: 33%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(7) {
    width: 33%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(8) {
    width: 33%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(9) {
    width: 33%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > button {
    font-size: 1.4rem;
    padding: 2px 2px 2px 2px;
  }
  .z-pkg-mapMainView-offside-canvas-feature-clean-container > li:last-child > button {
    font-size: 1.3rem;
  }
  .z-pkg-mapMainView-offside-canvas-feature-mapex-image.open > .container > li:nth-child(3) > button {
    width: 36%;
  }
  .z-pkg-mapMainView-offside-canvas-feature-target-container > li:nth-child(3) > div:nth-child(3) {
    width: calc(100% - (100% / 3));
  }
  .z-pkg-mapMainView-offside-canvas-feature-figure-conatainer > li:nth-child(4) > button {
    font-size: 1.4rem;
  }
  .z-pkg-mapMainView-bottom-info-canvas-outer.offsideCanvasOpen {
    padding-left: 455px;
  }
  .z-pkg-mapMainView-bottom-info-canvas {
    overflow: auto;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature {
    min-width: 600px;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(2) {
    width: 33%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(3) {
    width: 33%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(4) {
    width: 33%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(5) {
    width: 33%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(6) {
    width: 33%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(7) {
    width: 33%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(8) {
    width: 33%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(9) {
    width: 33%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > button {
    font-size: 1.3rem;
    padding: 2px 1px 2px 1px;
  }
  .z-pkg-mapMainView-offside-canvas-feature-figure-conatainer > li:nth-child(2) > #btn_offside_figure_line::before {
    display: none;
  }
  .z-pkg-mapMainView-offside-canvas-feature-figure-conatainer > li:nth-child(2) > #btn_offside_figure_polygon::before {
    display: none;
  }
  .z-pkg-mapMainView-offside-canvas-feature-figure-conatainer > li:nth-child(2) > #btn_offside_figure_marker::before {
    display: none;
  }
  .z-pkg-mapMainView-offside-canvas-feature-figure-conatainer > li:nth-child(2) > #btn_offside_figure_text::before {
    display: none;
  }
}

@media screen and (min-width: 1121px) and (max-width: 1300px) {
  .z-pkg-loginView-guide {
    grid-template-columns: 120px auto;
    -ms-grid-columns: 120px auto;
  }
  .z-pkg-mapMainView-nav-container > ul {
    grid-template-columns: 200px 702px 1fr 80px;
    -ms-grid-columns: 200px 702px 1fr 80px;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) {
    grid-template-columns: 624px 80px;
    -ms-grid-columns: 624px 80px;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > input:checked + label + div > ul {
    outline: 1px solid #ffffff;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
    height: 180px;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > label {
    display: block;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul {
    grid-template-columns: 78px 78px 78px 78px 78px 78px 78px 78px ;
    -ms-grid-columns: 78px 78px 78px 78px 78px 78px 78px 78px ;
    grid-template-rows: 90px 90px ;
    -ms-grid-rows: 90px 90px ;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(1) {
    grid-column: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(2) {
    grid-column: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(3) {
    grid-column: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(4) {
    grid-column: 4;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(5) {
    grid-column: 5;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(6) {
    grid-column: 6;
    -ms-grid-column: 6;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(7) {
    grid-column: 7;
    -ms-grid-column: 7;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(8) {
    grid-column: 8;
    -ms-grid-column: 8;
    -ms-grid-column-span: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(9) {
    grid-column: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(10) {
    grid-column: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(11) {
    grid-column: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-row: 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:nth-child(2) > div > ul > li:nth-child(12) {
    grid-column: 4;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-row: 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
  }
  .z-pkg-mapMainView-nav-container > ul > li:last-child {
    margin: 0px 5px 0px auto;
  }
  .z-pkg-mapMainView-main-offside-canvas-outer {
    left: 0px;
    width: 450px;
    padding: 95px 0px 0px 0px;
  }
  .z-pkg-mapMainView-main-offside-canvas-tag {
    width: 450px;
  }
  .z-pkg-mapMainView-main-offside-canvas {
    width: calc(100% - 2px);
  }
  .z-pkg-mapMainView-offside-canvas-feature-clean-container > li:last-child > button {
    font-size: 1.5rem;
  }
  .z-pkg-mapMainView-offside-canvas-feature-mapex-image.open > .container > li:nth-child(3) > button {
    width: 36%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-outer.offsideCanvasOpen {
    padding-left: 455px;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(2) {
    width: 33%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(3) {
    width: 33%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(4) {
    width: 33%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(5) {
    width: 33%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(6) {
    width: 33%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(7) {
    width: 33%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(8) {
    width: 33%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > div:nth-child(1) > span:nth-child(9) {
    width: 33%;
  }
  .z-pkg-mapMainView-bottom-info-canvas-feature-clean-result-container > li:nth-child(3) > button {
    font-size: 1.4rem;
    padding: 2px 2px 2px 2px;
  }
}