.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}
.notext { font-size:0; text-indent:-99999px; color:transparent!important; }
.notext { font-size:1px; } /* on IE11. font-size:0 cause unknown offset-top sometimes.. */

.debug-info { background:cyan; font-size:11px; }
#debug-info { position:fixed; padding:3px; box-sizing:border-box; opacity:0.9; z-index:100000; cursor:pointer; }
body:not(.on-debug-info) .debug-info { display:none; }
body:not(.on-debug-info) #debug-info { display:block; width:0px; height:0px; padding-top:10px; padding-left:10px; overflow:hidden; }
body:not(.on-debug-info) #debug-info::before { content:'D'; position:absolute; left:3px; top:-1px; }

body:not(.debug) .debug { display:none; }
body:not(.on-mask-stores) .on-mask-stores { display:none; }
body:not(.on-corona-cases) .on-corona-cases { display:none; }
body:not(.status-editable) .on-status-editable { display:none; }

.show-on:not(.on) { display:none; }


.bg-mask-store-status { background:black; color:white; }
.bg-mask-store-status.status-empty { background:gray; }
.bg-mask-store-status.status-few { background:red; }
.bg-mask-store-status.status-some { background:yellow; color:black; }
.bg-mask-store-status.status-plenty { background:green; }

.location_wrap.location-edit-track-point:after {
  content: 'X';
  display: block; width:100%; height:100%; 
  font-size:24px; color:black; font-weight:bolder;
  text-align:center; line-height:30px;
}
.location_wrap.location-edit-track-other:after {
  content: ' ';
  display: block; width:100%; height:100%; 
  border-radius:50%; border:1px solid rgba(0,0,255,0.5);
  background: rgba(0,0,255,0.3);
}
.location_wrap.location-edit-track-search:after {
  content: ' ';
  display: block; width:100%; height:100%; 
  border-radius:50%; border:1px solid rgba(255,0,0,0.8);
  background: rgba(255,0,0,0.5);
}
.location_wrap.location-edit-track-search.selected:after {
  border:1px solid rgba(64,0,0,1);
  background: rgba(128,0,0,1);
}
.location_wrap.location-circle {
  border-radius:50%; xborder:1px solid black;
  text-align:center; line-height:40px;
  display:inline-block;
}
.location_wrap.location-circle p { padding-top:50%; margin-top:-6px; line-height:120%; }
.location_wrap.location-circle.selected {
  border:1px solid black;
}
.location_wrap.location-mask-store i.is-expired, .location_wrap.location-mask-store i.is-not-stocked-today { font-size:14px; position:relative; top:-7px; }
.location_wrap.location-mask-store:not(.is-expired) i.is-expired { display:none; }
.location_wrap.location-mask-store:not(.is-not-stocked-today) i.is-not-stocked-today { display:none; }
.location_wrap.location-mask-store.is-expired i.is-not-stocked-today { display:none; }

.location_wrap.location-all-countries-country p { margin-top:-10px; white-space:nowrap; text-shadow:0 0 2px black; }

.location_wrap .location.isolated .location_inner { border:2px solid white; width:28px; height:28px; }
.location_wrap .location.isolated.location_wday0 .location_inner { border-color:#882222; }
.location_wrap .location.isolated.location_wday1 .location_inner { border-color:#882222; }
.location_wrap .location.isolated.location_wday2 .location_inner { border-color:#008888; }
.location_wrap .location.isolated.location_wday3 .location_inner { xborder-color:#; }
.location_wrap .location.isolated.location_wday4 .location_inner { border-color:#8888ff; }
.location_wrap .location.isolated.location_wday5 .location_inner { border-color:#8888ff; }
.location_wrap .location.isolated.location_wday6 .location_inner { border-color:#8888ff; }

.location_wrap .location.inaccurate:after {
  content: '?';
  position:absolute;
  top:31px; left:17px;
  font-size:24px; font-weight:bold;
}
.location_wrap .location.inaccurate.location_wday0:after { color:#c00000; }
.location_wrap .location.inaccurate.location_wday1:after { color:#c06000; }
.location_wrap .location.inaccurate.location_wday2:after { color:#c0c000; }
.location_wrap .location.inaccurate.location_wday3:after { color:#00c000; }
.location_wrap .location.inaccurate.location_wday4:after { color:#0000c0; color:#000020; }
.location_wrap .location.inaccurate.location_wday5:after { color:#380062; color:#8800a2; }
.location_wrap .location.inaccurate.location_wday6:after { color:#6c00c0; color:#4c00a0; }

.location_wrap:not(.location-all-countries-country) .flag { display:none; border:1px; position:absolute; top:12px; left:8px; }
.location_wrap:not(.active-country) .flag { display:inline-block; }
.location_wrap.out-of-map { display:none; } /* TODO: how to path */
#map .map-layer-hide { display:none; }

.location_wrap .location .location_inner span.track { display:none; }
body.status-layer-detail .location_wrap .location .location_inner span.infect { display:none; }
body.status-layer-detail .location_wrap .location .location_inner span.track { display:inline; }

#bottom_floating_buttons .floating-buttons .button { display:block; margin-bottom:5px; }
#bottom_floating_buttons .floating-buttons .button.off { background-color:#999999; }
body.status-layer-main #bottom_floating_buttons .floating-buttons .button-note { display:none; }
body.status-layer-detail #bottom_floating_buttons .floating-buttons .button-note { display:none; }


.dummy_multiple_selector_firstline, body.state-trip-plan-main.status-trip-plan-simple-main #layer-popups .layer-trip-plan-simple-main, body.state-trip-plan-search.status-trip-plan-simple-main #layer-popups .layer-trip-plan-simple-main { display:none; }


/* buttons */
.button-back { background: url(../common/base/images/icons.png) 5px -499px no-repeat; background-size: 50px auto; width:20px; height:20px; }
.button-my-location { display:none; position:absolute; left:10px; top:10px; z-index:1000; }

/* layers */
#layer-popups .layer .header .popup-title { padding-left:35px; }
#layer-popups .layer .header .bar { height:46px; }
#layer-popups .layer .header .button0x24 { position:static; display:inline-block; height:24px; margin: 12px 6px 0; vertical-align:top; line-height:24px; }
#layer-popups .layer .header .button24x24 { position:static; display:inline-block; width:24px; height:24px; margin: 12px 6px 0; vertical-align:top; line-height:24px; }
#layer-popups .layer .content { box-sizing:border-box; overflow-y:scroll; position:absolute; width:100%; top:50px; bottom:0px; font-size:15px; }
#layer-popups .layer .footer { box-sizing:border-box; position:absolute; width:100%; bottom:0; height:0; padding:5px 0 0; }
#layer-popups .layer .usage { list-style:disc; margin-left:20px; }

#layer-popups .layer.with-footer-30 .content { bottom:30px; }
#layer-popups .layer.with-footer-30 .footer { height:30px; border-top:1px solid; }

#layer-popups .layer.with-footer-70 .content { bottom:70px; }
#layer-popups .layer.with-footer-70 .footer { height:70px; border-top:1px solid; }

#layer-popups .layer.with-footer-80 .content { bottom:80px; }
#layer-popups .layer.with-footer-80 .footer { height:80px; border-top:1px solid; }

/* TODO: check window's h-scroll in ie */

#layer-popups .layer .person-extra .tracking-edit-note { display:none; }
body.debug #layer-popups .layer.layer-edit-person .person-extra .tracking-edit-note { display:block; }
#layer-popups .layer .person-extra .tracking-edit-note textarea { width:100%; min-height:100px; padding:5px; border:1px solid black; box-sizing:border-box;}

/* layer-main */
#layer-popups .layer-main .header .country-list { display:none; background-color: white; border-bottom:1px solid black; overflow-y:auto; height:40px; }
body.on-corona-cases #layer-popups .layer-main .header .country-list { display:block; }
body.on-corona-cases #layer-popups .layer-main .header { height:87px; }
body.on-corona-cases #layer-popups .layer-main .content { top:87px; }
#layer-popups .layer-main .header .country-list > li { display:inline-block; padding:5px; cursor:pointer; }

body.on-corona-cases #layer-popups .layer-main .content { bottom:140px; }
body.on-corona-cases #layer-popups .layer-main .footer { height:140px; border-top:1px solid; }

#layer-popups .layer-main .content .show-all-country { text-align:right; }

#layer-popups .layer-main .content #person-list { margin-top:5px; }
#layer-popups .layer-main .content #person-list > li { padding-bottom:5px; }

#layer-popups .layer-main .content #person-list > li.country-item { position:relative; font-weight:bolder; margin:10px; clear:both; }
#layer-popups .layer-main .content #person-list > li.country-item:not(:first-child) { margin-top:30px; }
#layer-popups .layer-main .content #person-list > li.country-item .button-all-country,
#layer-popups .layer-main .content #person-list > li.country-item .button-this-country { float:right; display:none; }
body:not(.on-all-countries) #layer-popups .layer-main .content #person-list > li.country-item .button-all-country,
body.on-all-countries #layer-popups .layer-main .content #person-list > li.country-item .button-this-country { display:inline-block; }

#layer-popups .layer-main .content #person-list > li.country-status { margin-bottom:10px; font-size:10px; }
#layer-popups .layer-main .content #person-list > li.country-status .button-edit-country { margin-bottom:5px; }
body.lang-ko #layer-popups .layer-main .content #person-list > li.country-status { font-size:13px; }
#layer-popups .layer-main .content #person-list > li.country-status table { width:100%; }
#layer-popups .layer-main .content #person-list > li.country-status table * { text-align:center; }
#layer-popups .layer-main .content #person-list > li.country-status .status-data { text-align:center; }
#layer-popups .layer-main .content #person-list > li.country-status .status-data.status-updated { text-align:right; }

#layer-popups .layer-main .content #person-list > li.person-statistics { margin-bottom:10px; font-size:10px; }
body.lang-ko #layer-popups .layer-main .content #person-list > li.person-statistics { font-size:13px; }
#layer-popups .layer-main .content #person-list > li.person-statistics table { width:100%; }
#layer-popups .layer-main .content #person-list > li.person-statistics table th { text-align:center; }
#layer-popups .layer-main .content #person-list > li.person-statistics table td { text-align:right; }
#layer-popups .layer-main .content #person-list > li.person-statistics table thead tr { background-color:#eee; }
#layer-popups .layer-main .content #person-list > li.person-statistics table tbody tr.even { background-color:#eee; }
#layer-popups .layer-main .content #person-list > li.person-statistics table tfoot tr { background-color:#eee; }

#layer-popups .layer-main .content #person-list > li.map-invisible { background-color:#eee; }
body.debug .person-item.status-unknown { }
body.debug .person-item.status-infected { color:salmon; }
body.debug .person-item.status-discharged { color:#0C7216; }
body.debug .person-item.status-dead { color:#D7554D; }

#layer-popups .layer-main .content #person-list > li .button-fit-map { background-color:#ddd; }
#layer-popups .layer-main .content #person-list > li.markerinfo-0 .button-fit-map { background-color:#c00000; }
#layer-popups .layer-main .content #person-list > li.markerinfo-1 .button-fit-map { background-color:#c06000; }
#layer-popups .layer-main .content #person-list > li.markerinfo-2 .button-fit-map { background-color:#c0c000; }
#layer-popups .layer-main .content #person-list > li.markerinfo-3 .button-fit-map { background-color:#00c000; }
#layer-popups .layer-main .content #person-list > li.markerinfo-4 .button-fit-map { background-color:#0000c0; }
#layer-popups .layer-main .content #person-list > li.markerinfo-5 .button-fit-map { background-color:#380062; }
#layer-popups .layer-main .content #person-list > li.markerinfo-6 .button-fit-map { background-color:#6c00c0; }
#layer-popups .layer-main .content #person-list > li.unconfirmed { border:1px dashed; }

#layer-popups .layer-main .content #person-list > li .person-relations { padding-left:50px; font-size:12px; list-style:disc; }

#layer-popups .layer-main .content .relations { margin-top:20px; }

#layer-popups .layer-main .content .mask-stores-status { }
#layer-popups .layer-main .content .mask-stores-status h2 { margin:15px 0 10px; }
#layer-popups .layer-main .content .mask-stores-status .remark { list-style:disc; margin-left:20px; margin-top:10px; }
#layer-popups .layer-main .content .mask-stores-status .remark:not(.remark-reference) { font-size:12px; }
#layer-popups .layer-main .content .mask-stores-status .statistics {}
#layer-popups .layer-main .content .mask-stores-status .statistics .search { position:relative; }
#layer-popups .layer-main .content .mask-stores-status .statistics .search input { width:100%; border:1px solid black; }
#layer-popups .layer-main .content .mask-stores-status .statistics .search .autocomplete-result { position:absolute; display:none; left:0; right:0; z-index:1; }
#layer-popups .layer-main .content .mask-stores-status .statistics .report { position:relative; min-height:50px; }
#layer-popups .layer-main .content .mask-stores-status .available-stores { margin-top:40px; }
#layer-popups .layer-main .content .mask-stores-status .available-stores .available-stores-list .item { position:relative; margin-top:5px; }
#layer-popups .layer-main .content .mask-stores-status .available-stores .available-stores-list .item label { display:block; padding:0 120px 0 0; }
#layer-popups .layer-main .content .mask-stores-status .available-stores .available-stores-list .item .status { position:absolute; top:0; width:50px; right:70px; text-align:center; }
#layer-popups .layer-main .content .mask-stores-status .available-stores .available-stores-list .item .distance { position:absolute; top:0; width:70px; right:0; text-align:right; }
#layer-popups .layer-main .content .mask-stores-status .remark-reference { margin-top:40px; }

/* wrap-region-report in mask-stores-status*/
.wrap-region-report .today-status-count { display:block; list-style:none; }
.wrap-region-report .today-status-count > li { display:inline-block; width:20%; text-align:right; border-right:1px solid white; box-sizing:border-box; }
.wrap-region-report .today-status-count > li:last-child { border-right:0; }
.wrap-region-report .today-status-count > li label { display:block; background-color:#14a6d7; color:white; text-align:center; padding:2px 0; }
.wrap-region-report .today-status-count > li span { padding:0 5px; }
.wrap-region-report .region-list .item-region { position:relative; }
.wrap-region-report .region-list .item-region label { display:block; padding:0 190px 0 0; }
.wrap-region-report .region-list .item-region .last-status { position:absolute; top:0; width:60px; right:130px; text-align:center; }
.wrap-region-report .region-list .item-region .last-count { position:absolute; top:0; width:70px; right:60px; text-align:right; }
.wrap-region-report .region-list .item-region .last-ratio { position:absolute; top:0; width:60px; right:0; text-align:right; }


.button-onoff.on .off { display:none; }
.button-onoff:not(.on) .on { display:none; }

.button-mask-stores { background-color:#DA5E53; border:0; color:white; padding:0 5px; }
.button-mask-stores .on { display:none; }
body.on-mask-stores .button-mask-stores { background-color:white; color:#14a6d7; }
body.on-mask-stores .button-mask-stores .on { display:inline; }
body.on-mask-stores .button-mask-stores .off { display:none; }
#left-panel .panel-header .header_setting .rightside .button-mask-stores { display:inline-block; width:auto; height:24px; margin:12px 5px 0; height:24px; line-height:24px; }


/* layer-detail */
#layer-popups .layer-trip-plan-simple-main .content .tripplan .dummy-bg .col-left
,#layer-popups .layer-trip-plan-simple-main .content .tripplan .dummy-bg .col-right { padding:0; }
#layer-popups .layer-trip-plan-simple-main .content .summary { position:relative; line-height:150%; }
#layer-popups .layer-trip-plan-simple-main .content .summary .note { margin-top:5px; }
#layer-popups .layer-trip-plan-simple-main .content hr { margin:10px 0; }
#layer-popups .layer-trip-plan-simple-main .content .note { background-color:#999; padding:5px; word-break:break-all; color:white; line-height:normal; }
#layer-popups .layer-trip-plan-simple-main .content .note a { color:#C1E1FB; }

/*#layer-popups .layer-trip-plan-simple-main .content .row { border:2px solid rgba(255,255,255,0); }*/
#layer-popups .layer-trip-plan-simple-main .content .row.selected-track { border:2px solid black; }

#layer-popups .layer-detail .infect-relation { margin-top:20px; }
#layer-popups .layer-detail .infect-relation .list-person > li { cursor:pointer; }
#layer-popups .layer-detail .infect-relation .list-person > li.this-person { background-color:#eee; }

/* layerstyle-edit */
#layer-popups .layerstyle-edit .header .popup-title span { display:none; }
#layer-popups .layerstyle-edit.new .header .popup-title span.new { display:inline; }
#layer-popups .layerstyle-edit:not(.new) .header .popup-title span.edit { display:inline; }
#layer-popups .layerstyle-edit .content ul.edit-items > li { position:relative; padding:10px 10px 10px 100px }
#layer-popups .layerstyle-edit .content ul.edit-items > li.full-input { padding:40px 10px 10px 0; }
#layer-popups .layerstyle-edit .content ul.edit-items > li > label { position:absolute; left:0; top:10px; font-weight:bold; width:100px; }
#layer-popups .layerstyle-edit .content ul.edit-items > li > *:not(label):not(button) { width:100%; }
#layer-popups .layerstyle-edit .content ul.edit-items > li > input[type=checkbox] { width:auto; }
#layer-popups .layerstyle-edit .content ul.edit-items > li input { padding:5px; border:1px solid; }
#layer-popups .layerstyle-edit .content ul.edit-items > li textarea { padding:5px; border:1px solid; }
#layer-popups .layerstyle-edit .content ul.edit-items > li select { padding:5px; }

#layer-popups .layerstyle-edit .content ul.edit-items > li .button-map-mode { background-color:#14a6d7; }

/* layer-edit-person */
#layer-popups .layer.layer-edit-person .confirm-create-tracking {
  display:none;
  position:absolute; bottom:0; left:0; right:0; max-height:100%; overflow-y:auto;
  padding:15px 5px;
  border:1px solid black;
  background:#eee;
  box-sizing:border-box;
}
#layer-popups .layer.layer-edit-person .confirm-create-tracking.show { display:block; }
#layer-popups .layer.layer-edit-person .confirm-create-tracking .tracking-list { margin:0 0 20px; }
#layer-popups .layer.layer-edit-person .confirm-create-tracking .tracking-list li { position:relative; margin-top:10px; }
#layer-popups .layer.layer-edit-person .confirm-create-tracking .tracking-list input[type=text] { padding:2px; border:1px solid; margin:2px; }
#layer-popups .layer.layer-edit-person .confirm-create-tracking .tracking-list input.date { width:70px; }
#layer-popups .layer.layer-edit-person .confirm-create-tracking .tracking-list input.time { width:40px; }
#layer-popups .layer.layer-edit-person .confirm-create-tracking .tracking-list input.subject { position:absolute; left:145px; right:0; }
#layer-popups .layer.layer-edit-person .confirm-create-tracking .tracking-list select.latlng { width:100%; box-sizing:border-box; padding:2px; }

/* layer-edit-track */

/* layer-loading */
.layer-loading {
  display:none;
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
  background: rgba(0,0,0,0.6);
  z-index: 999999;
}
.layer-loading::before {
  content: 'wait a moment...';
  position: absolute;
  left: 50%; top: 50%;
  margin-top: -20px;
  margin-left: -130px;
  font-size:30px;
  background-color: white;
  border: 1px solid;
  padding: 10px 20px;
  border-radius: 15px;
}


/* left-panel */
@media screen and (min-width: 600px) {
  #left-panel { display:none; }
}

/* map-mode */
.map-mode { display:none; }
body.status-map-mode .map-mode { display:block; }
body.status-map-mode #left-panel { display:none; }
.button-map-mode { display:none; }
@media screen and ( max-width:599px ) {
  #map { top:0; }
  .button-map-mode { display:inline-block; }
  .button-my-location { position:absolute; left:10px; top:60px; z-index:1000; }
}
body.status-map-mode #map { margin-right:0!important; }
body.status-map-mode #bottom_panel_wrap { margin-right:0!important; }
body.status-map-mode #layer-popups .layer { display:none!important; }
.map-mode-gnb { position:absolute; left:0; top:0; padding:10px; background-color: #14a6d7; }


/* country-selector */
.country-selector { position:relative; display:inline-block; font-size:12px;}
.country-selector .wrap-country-list { position:absolute; top:0; right:0; height:0; }
.country-selector .country-list {
  display:none;
  position:absolute; bottom:3px; right:0;
  text-align:right; white-space:nowrap;
  background-color:white; border:1px solid; padding:5px;
  max-height:300px; overflow-y:scroll;
}
.country-selector .country-list li { margin:5px; cursor:pointer; }
.country-selector .country-list li i { margin-left:5px; }
.country-selector .current-country { display:inline-block; margin-left:5px; }
.country-selector.on-select .country-list { display: block; }
.layer-main .country-selector { position:absolute; right:10px; }
#left-panel .country-selector { margin-top:5px; padding:10px; }
#left-panel .country-selector .wrap-country-list { top:auto; bottom:0; }
#left-panel .country-selector .country-list { bottom:auto; top:3px; }

.flag-sprite.all-country { background: url(../common/base/images/Globe-icon_48x48.png) center/16px no-repeat; height:16px; }


/* bottom-timeline */
#bottom_panel_wrap .bottom-timeline { position:relative; background-color:#eee; display:none; }
#bottom_panel_wrap .bottom-timeline .timeline-header {
  position: relative;
  display: block;
  border-right: 1px solid #bfbfbf;
  background-color: #14a6d7;
  padding:2px;
  cursor:row-resize;
  clear:both;
}
#bottom_panel_wrap .bottom-timeline .timeline-header > * {
  margin:5px;
}
#bottom_panel_wrap .bottom-timeline .timeline-legend {
  display:inline-block;
  border:1px solid #bfbfbf;
  color: #4d4d4d; background:black;
}
#bottom_panel_wrap .bottom-timeline .timeline-legend ul { font-size:0; width:100%; }
#bottom_panel_wrap .bottom-timeline .timeline-legend ul li { display:inline-block; width:80px; font-size:12px; text-align:center; border-left:1px solid #bfbfbf; }
body.lang-ko #bottom_panel_wrap .bottom-timeline .timeline-legend ul li { width:50px; }
#bottom_panel_wrap .bottom-timeline .timeline-legend ul li:first-child { border-left:none; }
#bottom_panel_wrap .bottom-timeline .timeline-control {
  float:right; margin:0;
}
#bottom_panel_wrap .bottom-timeline .timeline-control .button {
  color: #14a6d7; background-color:white;
  padding:5px;
  box-sizing: border-box; height:26px; 
  text-align: center; font-size: 12px;
  cursor:pointer;
}
#bottom_panel_wrap .bottom-timeline .timeline-control .button-zoomin { cursor:zoom-in; }
#bottom_panel_wrap .bottom-timeline .timeline-control .button-zoomout { cursor:zoom-out; }
#bottom_panel_wrap .bottom-timeline .timeline-control .button-close { padding:5px 2px; }
#bottom_panel_wrap .bottom-timeline .timeline-control .button-close i { margin-top:-2px; font-size:16px; vertical-align: middle !important; }
#bottom_panel_wrap .bottom-timeline .person-item.person-selected { color:white; background-color:#555; }
#bottom_panel_wrap .bottom-timeline .timeline-status.status-symptom { background:#EEAE4C; }
#bottom_panel_wrap .bottom-timeline .timeline-status.status-infect { background:salmon; }
#bottom_panel_wrap .bottom-timeline .timeline-status.status-discharge{ background:#0C7216; }
#bottom_panel_wrap .bottom-timeline .timeline-status.status-death { background:#D7554D; }
#bottom_panel_wrap .bottom-timeline .vis-center { background-color:white; }
#bottom_panel_wrap .bottom-timeline .vis-current-time { background-color:black; }
#bottom_panel_wrap .bottom-timeline .vis-custom-time.last-days { pointer-events:none; background-color:green; }
#bottom_panel_wrap .bottom-timeline .vis-custom-time.click { pointer-events:none; background-color:blue; }
#bottom_panel_wrap .bottom-timeline .vis-custom-time.click .vis-custom-time-marker { bottom:0; top:auto; }
#bottom_panel_wrap .bottom-timeline .vis-item.vis-background { border:1px solid white; border:1px solid #bfbfbf; }
#bottom_panel_wrap .bottom-timeline .vis-item.no-content .vis-item-content { display:none; }
#bottom_panel_wrap .bottom-timeline .vis-item.vis-selected { border-color:white; }
#bottom_panel_wrap .bottom-timeline:not(.with-event) .vis-item.vis-dot { display:none; }
#bottom_panel_wrap .bottom-timeline .vis-item.vis-dot.kind-3:before {
  content:'';
  position:absolute; left:-3px; top:-1px; width:6px; height:2px;
  background-color:red;
}
#bottom_panel_wrap .bottom-timeline .vis-item.vis-dot.kind-3:after {
  content:'';
  position:absolute; left:-1px; top:-3px; width:2px; height:6px;
  background-color:red;
}

@media screen and (max-width: 599px) {
  #bottom_panel_wrap .bottom-timeline { display:none!important; }
}
@media screen and (max-width: 875px) {
  body[class=^"status-layer-"] #bottom_panel_wrap .bottom-timeline { display:none!important; }/* not work? */
  body.status-layer-main #bottom_panel_wrap .bottom-timeline
  ,body.status-layer-detail #bottom_panel_wrap .bottom-timeline
  ,body.status-layer-edit-country #bottom_panel_wrap .bottom-timeline
  ,body.status-layer-edit-person #bottom_panel_wrap .bottom-timeline
  ,body.status-layer-edit-relation #bottom_panel_wrap .bottom-timeline
  ,body.status-layer-edit-track #bottom_panel_wrap .bottom-timeline
  { display:none!important; }
}

/* bottom-marker-popup */
#bottom_panel_wrap .bottom-marker-popup {
  position:absolute;
  display:none; z-index:1;
  left:0; bottom:0; right:0; height:112px;
}
body.on-bottom-marker-popup #bottom_panel_wrap { min-height:112px; }
body.on-bottom-marker-popup #bottom_panel_wrap .bottom-marker-popup { display:block; }
#bottom_panel_wrap .bottom-marker-popup .location_hover { width:100%; box-sizing:border-box; border:1px solid black; border-bottom:none;}
#bottom_panel_wrap .bottom-marker-popup .location_hover .info_location { left:0; margin:0; max-width:none; }
#bottom_panel_wrap .bottom-marker-popup .location_hover .info_location dt { cursor:default; }
#bottom_panel_wrap .bottom-marker-popup .location_hover .info_location .person-info { margin-left:15px; }
#bottom_panel_wrap .bottom-marker-popup .location_hover .info_location .track-info { margin-left:15px; }
#bottom_panel_wrap .bottom-marker-popup .location_hover .info_location .marker-detail .marker_info {
  box-sizing:border-box; height:28px; padding-top:6px;
  cursor:pointer;
}

/* bottom-mask-store */
#bottom-mask-store {
  display:none;
  position:relative;
  background-color:white;
  border:1px solid black; border-bottom:0;
}
body.on-mask-stores #bottom-mask-store.show {
  display:block; 
}
#bottom-mask-store .header { clear:both; }
#bottom-mask-store .header .inside .link { position:relative; }
#bottom-mask-store .header .inside .link .subject { padding-left:10px; padding-right:30px; color:#14a6d7; font-weight:bold; }
#bottom-mask-store .header .inside .link .icon-link { position:absolute; right:0; top:3px; color:#14a6d7; background-color:#eee; line-height:91%; }
#bottom-mask-store .header .inside .status { display:inline-block; list-style:none; margin:2px 0 0 10px; }
#bottom-mask-store .header .inside .status li { display:none; }
#bottom-mask-store .header .inside .status li.selected { display:inline-block; text-align:center; padding:2px 5px; white-space:nowrap; }
#bottom-mask-store .header .updated { display:inline-block; margin:10px 10px 0;}
#bottom-mask-store .header .legend { display:inline-block; list-style:none; margin-right:10px; }
#bottom-mask-store .header .legend li { display:inline-block; width:30px; text-align:center; padding:2px; font-size:10px; white-space:nowrap; }
body.lang-ko #bottom-mask-store .header .legend li { font-size:11px; }
@media screen and (max-width: 599px) {
  #bottom-mask-store .header .legend { display:none; }
}

#bottom-mask-store .history-chart { position:relative; width:100%; height:160px; overflow:hidden; }
#bottom-mask-store .history-chart .chart-h { height:100px; padding:5px 0; box-sizing:border-box; }
#bottom-mask-store .history-chart .label-y-axis { margin-left:10px; }
#bottom-mask-store .history-chart .label-y-axis span { margin-left:10px; color:#14a6d7; }
#bottom-mask-store .history-chart .y-axis {
  position:absolute; left:0; right:10px; top:25px;
  border:1px solid #eee; box-sizing:border-box;
  overflow:hidden;
}
#bottom-mask-store .history-chart .y-axis ul { margin-left:25px; }
#bottom-mask-store .history-chart .y-axis ul li { position:relative; height:10px; border-top:1px solid #999; box-sizing:border-box; }
#bottom-mask-store .history-chart .y-axis ul li:last-child { height:0; }
#bottom-mask-store .history-chart .y-axis ul li label {
  position:absolute; left:-20px; width:15px; top:-10px;
  text-align:right;
}
#bottom-mask-store .history-chart .chart {
  position:absolute; left:25px; right:10px; top:25px; bottom:0; overflow:hidden; overflow-x:auto;
}
#bottom-mask-store .history-chart .chart .chart-items {
  display:block; list-style:none; white-space:nowrap;
  position:absolute; top:0; bottom:0; box-sizing:border-box;
  min-width:100%; text-align:right;
}
#bottom-mask-store .history-chart .chart .chart-items li {
  display:inline-block;
  position:relative;
  width:65px; height:100%; 
}
#bottom-mask-store .history-chart .chart .chart-items li label {
  display:block;
  width:100%; text-align:center;
}
#bottom-mask-store .history-chart .chart .chart-items li .data {
  overflow:hidden; xborder-left:1px solid #999;
}
#bottom-mask-store .history-chart .chart .chart-items li:first-child .data { border-left:0; }
#bottom-mask-store .history-chart .chart .chart-items li .data .items { position:relative; }
#bottom-mask-store .history-chart .chart .chart-items li .data .items .item { position:absolute; left:5px; right:5px; min-height:2px; }
#bottom-mask-store .history-chart .chart .chart-items li .data .items .item.hide { display:none; }
body.debug #bottom-mask-store .history-chart .chart .chart-items li .data .items .item.hide { display:block; opacity:0.1; }
#bottom-mask-store .history-chart .chart .chart-items li .data .items .item.item-stocked { position:absolute; left:0; width:5px; min-height:0; box-sizing:border-box; border:1px solid green; }
#bottom-mask-store .tooltip { display:none; position:absolute; background:white; border:1px solid black; z-index:10000; }

/* common popup dialog */
.wrap-common-popup-dialog::before {
  content:'';
  position:absolute; top:0; left:0; right:0; bottom:0;
  background:rgb(100,100,100,0.5);
  z-index:999991;
}
.common-popup-dialog { position:absolute; z-index:999999; }

/* text-selected-menu */
.text-selected-menu {
  display:none;
  position:fixed; max-width:50%; max-height:50%; overflow-y:auto;
  padding:10px;
  background-color:white; border:1px solid black;
  z-index:999998;
}
.text-selected-menu input.keyword { width:100%; padding:2px; border:1px solid; box-sizing:border-box; }