html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,hr,input,textarea,button,select{margin:0px;padding:0px;box-sizing:content-box;line-height:1.0;font-weight:normal;font-style:normal}html{width:100%;height:100%;font-size:62.5%}html *{-ms-scroll-boundary:0;-ms-scroll-chaining:none}html body{width:100%;height:100%}html body,html button{font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;background:none}html li{list-style:none}html a{text-decoration:none;color:#000;display:block}html img{border:none;max-width:100%;height:auto}html table{border-collapse:collapse;border:none;border-spacing:0}html input,html button,html textarea,html select{outline:none;border-radius:0;border:none}html input,html textarea,html select{background-color:#FFF;-webkit-appearance:none;-moz-appearance:none;appearance:none}html select::-ms-expand{display:none}html input:focus,html textarea:focus,html select:focus{border-color:#009CE5}html hr{width:calc(100% - 16px * 2);height:1px;background-color:#9FA0A0;border:none;margin:0 16px}.dialog{position:fixed;top:0;height:100vh;width:100%;z-index:100;display:flex;align-items:center;justify-content:center}.dialog .modal-background{position:absolute;height:100vh;width:100%;background:#000000;opacity:.5}.dialog .modal-alert{position:relative;margin:auto;background:#F2F2F2;border:1px solid #707070;max-height:240px;width:480px}.dialog .modal-alert .alert-contents{display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:15px;height:146px}.dialog .modal-alert .alert-contents p{font-size:20px;white-space:pre-wrap;line-height:1.4;overflow-y:auto;padding:1px}.dialog .button-area{width:100%;display:flex;justify-content:center;background:#D9D9D9;padding:8px 0}.dialog .button-area span.button{min-width:140px;height:48px}.floor-map-area{flex:2.5;position:relative;height:100%;background:#E6E6E6;overflow:auto}.floor-map-area::-webkit-scrollbar{display:none}.floor-map-area #map{min-height:300px;min-width:400px;margin:20px;display:flex;align-items:center;justify-content:center}.floor-map-area #map img{max-width:100%;max-height:100%;user-select:none}.floor-map-area .marker_layer{position:absolute}.floor-map-area .marker_layer>*{position:absolute}.header{display:flex;width:100%;height:48px;justify-content:space-between;align-items:center;background:#000000;color:#ffffff}.header .header-menu{flex:1;display:flex;justify-content:flex-start;margin-left:15px}.header .header-menu .menu-button{cursor:pointer}.header .header-menu .menu{position:absolute;box-sizing:border-box;top:45px;left:15px;z-index:100;border:1px solid #707070;box-shadow:5px 5px 10px 0 #333333;background-color:#F2F2F2;color:black;white-space:nowrap;font-size:medium}.header .header-menu .menu li:hover{background-color:lightsteelblue}.header .header-menu .menu li:nth-child(n+2){border-top:1px solid silver}.header .header-menu .menu li a{display:flex;align-items:center;box-sizing:border-box;height:48px;min-width:200px;padding:0 15px}.header h1{flex:1;display:flex;justify-content:center}.header-login{flex:1;display:flex;justify-content:flex-end;align-items:center;margin-right:15px}.header-login span{margin-right:15px;color:#cccccc;font-size:16px}div.selector{display:flex;align-items:center;justify-content:stretch;background:#333333;position:relative}div.selector select{width:100%;padding:8px 30px 8px 10px;border:1px solid #ffffff;background:#333333;color:#ffffff;font-size:18px}div.selector select:focus{border-color:#009CE5}div.selector::after{content:"";display:block;position:absolute;top:0;bottom:0;right:15px;margin:auto;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid #E6E6E6;pointer-events:none}.person_group_selector{height:44px;padding:0 5px}.contents{display:flex}.contents>.button-area{flex:1;justify-content:center;align-items:center}.map-area{flex:2.5;position:relative;overflow:hidden}.map-area-bg{position:absolute;top:0;left:0;width:100%}.map-operation-area{display:flex;height:64px;background:rgba(0,0,0,0.5);align-items:center}.map-operation-area>div{font-size:20px;font-weight:bold;color:#FFFFFF}.map-operation-area>div:nth-child(1){margin-left:20px;flex-grow:1}.map-operation-area>div:nth-child(1)>span{font-weight:inherit}.scroll-area{overflow-y:auto}.notice-area{display:flex;justify-content:center}.user-box-area{max-height:50vh;margin-top:10px}.timer-area{position:relative;display:flex;flex-direction:column;align-items:center;margin:0 auto;padding-top:116px}.timer-area-input{width:420px;height:225px;background:#F2F2F2;border-top:1px solid #707070;border-bottom:1px solid #707070}.timer-area-remaining{margin-top:20px;font-size:20px}.timer-area-remaining span{margin-left:30px;font-size:32px}.timer-area .button-area{margin-top:20px}.timer-area.lighting::before{content:"点灯中";position:absolute;top:42px;display:block;font-size:32px;color:#ACBF00}.button-area{display:flex}.modal-area::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100vh;background:#333333;opacity:.4;z-index:1}.modal-area.cover_tourist_dialog::before{z-index:2}.modal-area.cover_push_menu::before{z-index:4}.modal-area .user-box-area{max-width:540px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;z-index:1}.modal-area>div>.button-area{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;z-index:3;align-items:center;border-radius:4px;background:#FFFFFF}.modal-area>div>.button-area.lengthways{max-width:calc(340px - 16px);max-height:calc(320px - 48px);flex-direction:column;padding:48px 8px 0}.modal-area>div>.button-area.lengthways a+a{margin-top:18px}.modal-area>div>.button-area.sideways{max-width:calc(460px - 16px);max-height:calc(200px - 48px);flex-direction:row;padding:48px 8px 0;justify-content:center}.modal-area>div>.button-area.sideways p{font-size:20px;position:absolute;top:30px;left:0;right:0;margin:auto;text-align:center}.modal-area>div>.button-area.sideways a+a{margin:0 0 0 18px}.alert-box{margin-top:10px;border-radius:25px;background:#FFE6E6;box-shadow:0 2px 8px 0 rgba(0,0,0,0.5)}.alert-box a{display:flex;width:80px;height:48px;justify-content:center;align-items:center;font-size:24px;font-weight:bold;color:#AF0000}.alert-box .user-icon{width:24px;height:24px}.alert-box+.alert-box{margin-left:10px}.user-box{position:relative;max-width:750px;min-width:450px;margin:0 auto 10px;display:flex;box-shadow:0 2px 8px 0 rgba(0,0,0,0.5);background:#FFFFFF}.user-box>img{border:1px solid #FFFFFF;width:80px}.user-box .user-info{display:flex;padding:5px 8px;width:100%;flex-direction:column}.user-box .user-info-main{display:flex}.user-box .user-info-detail{width:100%}.user-box .user-info-icon{display:flex;flex-direction:column;margin-right:8px;padding-right:8px;border-right:1px solid #CCCCCC}.user-box .user-info-icon span{display:inline-flex;align-items:flex-end;margin:0}.user-box .user-info-icon .user-icon{width:24px;height:24px}.user-box .user-info-icon .user-icon+.user-icon{margin-top:5px}.user-box .user-info-name{font-size:20px;font-weight:bold}.user-box .user-info-name-r{display:block;margin-top:4px;font-size:14px;color:#808080}.user-box .user-info-attribute{display:flex;width:calc(100% - 148px);margin-top:4px;justify-content:space-between}.user-box .user-info-attribute .user-group{font-size:14px;color:#808080}.user-box .user-info-attribute .user-from{font-size:10px;color:#666666}.user-box .user-info-sub{display:flex;width:calc(100% - 148px);margin-top:4px;padding-top:8px;justify-content:space-between;border-top:1px solid #CCCCCC}.user-box .user-info-sub .user-lose{margin-left:-8px;font-size:20px;color:#AF0000}.user-box .user-info-distance{font-size:14px;color:#808080}.user-box .user-info-distance span{display:inline-block;margin-left:8px;font-size:20px;color:#000000}.user-box .user-info.register{position:relative}.user-box .user-info.register::before{content:"";display:block;position:absolute;top:0;left:0;width:5px;height:100%;background:#7774A6}.user-box .button-area{position:absolute;right:8px;bottom:5px}.user-box .button-area .button+.button{margin-left:10px}.user-box .button-area .button img{width:36px;height:36px}.button{display:flex;background:#10C7C1;box-shadow:0 3px 6px 0 rgba(0,0,0,0.2);border-radius:6px;justify-content:center;align-items:center;color:#FFFFFF;font-size:20px}.button-s{width:64px;height:48px}.button-m{width:200px;height:64px}.button-m+.button{margin-left:30px}.button-l{width:300px;height:64px}.button-close{width:48px;height:48px;background:none;box-shadow:none;position:absolute;top:0;right:0}.button-gray{background:#808080}.button.invalid{pointer-events:none;opacity:.2}.button-switch{position:relative}.button-switch input[type="checkbox"]{display:none}.button-switch label{display:block;box-sizing:border-box;width:64px;height:32px;margin-left:20px;background:#959595;border:1px solid #333333;border-radius:15px}.button-switch input[type="checkbox"]:checked+label{background:#18BABA}.button-switch .switch-circle{position:absolute;width:26px;height:26px;background:#FFFFFF;top:3px;left:24px;border-radius:50%;box-shadow:0 1px 3px 0 rgba(0,0,0,0.5);transition:.2s}.button-switch input[type="checkbox"]:checked~.switch-circle{transform:translateX(30px)}.user-icon{display:inline-block;width:20px;height:20px;margin-right:8px;background:#FFFFFF}.user-icon-b{background:url(/assets/viewer/icon-user-b-23a36c3a96dbec253f848682ad28957cd96257feda72c2f68b36e3495277f4ff.png);background-size:cover}.user-icon-o{background:url(/assets/viewer/icon-user-o-ad7e3e496003de5ee66973a5a8747efd743f1de7a827df67852141249050a069.png);background-size:cover}.user-icon-g{background:url(/assets/viewer/icon-user-g-fde043a0c6868569f4da514340c6cf3c353228417783e271e4015895deea3689.png);background-size:cover}.user-icon-battery1{background:url(/assets/viewer/icon-user-battery1-2d613d433a25a8d0bcbf5d94a144a729f03e50d1b9a0bc6cf1a2014c1a637c60.png);background-size:cover}.user-icon-battery2{background:url(/assets/viewer/icon-user-battery2-91fd137373200df9c9d4a4e334c2a31309f8cf44571414d7ae1056fa5c64d323.png);background-size:cover}.user-icon-battery3{background:url(/assets/viewer/icon-user-battery3-c1899128459b4a790d6c2a8911db9a19b401d11106d086d6f89994f7589967fe.png);background-size:cover}.user-icon-battery4{background:url(/assets/viewer/icon-user-battery4-7fc57d3de34fffbfde69fec8f9bc3e35ba1eea404b6fbe5fd7a3a2f53dbbbe83.png);background-size:cover}.user-icon-battery5{background:url(/assets/viewer/icon-user-battery5-13e31d94db883d425a81e422b9954e9319fe7e640de0024f54af5ffde199cf50.png);background-size:cover}.user-icon-wave{background:url(/assets/viewer/icon-user-wave-b8710d270dda5288de11034fe21d888cbf54262ca8b10200a54dd21cbcb0ff47.png);background-size:cover}.user-icon-error{background:url(/assets/viewer/icon-user-error-d9f5fab17da19fbba1c2059feabc9be1923ee0710139d8eb6c890f70ad5d48a7.png);background-size:cover}.user-icon-help{background:url(/assets/viewer/icon-user-help-50eac70329e41f965efa970cfe2f272e3c89176ccff569b963fe2e57ab3ddc15.png);background-size:cover}.user-icon-led{background:url(/assets/viewer/icon-user-led-60218919ddf048727e9867eb9e19fe930116fa734654daf49380f2b748897871.png);background-size:cover}.user-icon-time{background:url(/images/viewer/icon-user-time.png);background-size:cover}.user-icon.unknown{opacity:.15}body{min-width:650px}.button{cursor:pointer;user-select:none}.warning{background:#fff6e5}.error{background:#FFE6E6}.error .user-name,.error .user-info-name,.error .user-info-name-r{color:#AF0000 !important}.number span{display:none}.list-area{flex:1;max-width:232px;min-width:140px;box-shadow:0 0 8px 0 rgba(0,0,0,0.2)}.list-area li{width:100%;text-align:center}.list-area .scroll-area{height:calc(100vh - 230px)}.user-list-area{height:calc(100vh - 166px)}.user-list .user{width:auto}.user-list .user-name{display:inline-block;vertical-align:top;margin-top:2px}.user-list .user-status{display:flex;justify-content:flex-start;margin-top:5px;font-size:14px;color:#666666}.user-list .user-status>span:last-of-type{margin-left:auto}.user-list .user-group{line-height:20px}.user-list .user label{display:block;padding:10px 8px;text-align:left;border-bottom:1px solid #E6E6E6;font-size:18px;color:#4D4D4D}.user-list .user input[type="checkbox"]{display:none}.user-list .user input[type="checkbox"]:checked+label{background:rgba(24,186,186,0.25)}.user-list .user input[type="checkbox"]:checked+label.warning{background:rgba(255,170,0,0.25)}.user-list .user input[type="checkbox"]:checked+label.error{background:rgba(255,0,0,0.25)}.tab{position:relative;display:flex;width:100%;height:64px;justify-content:space-around;background:#333333}.tab li{width:100%;text-align:center}.tab li a{display:flex;height:100%;justify-content:center;align-items:center;font-size:24px;color:#FFFFFF}.tab-bar{border-bottom:10px solid #03B1E9}.tab-bar .l:not(:last-child)::after{content:"";width:1px;height:42px;position:absolute;top:0;bottom:0;right:0;margin:auto;display:block;background:rgba(255,255,255,0.2)}.tab-bar .l.current{background:#03B1E9}.tab-bar .l.current::before{bottom:0}.tab-sort{position:relative;height:64px;background:#4D4D4D}.tab-sort::before{content:"";position:absolute;top:0;display:block;width:100%;height:6px;background:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0))}.tab-sort li a{opacity:.6}.tab-sort li a img{width:36px;height:36px}.tab .l{position:relative}.tab .l a{height:auto;padding:15px;justify-content:left;font-size:24px;font-weight:bold;opacity:.7}.tab .l a img{width:36px;height:36px;margin-right:15px}.tab .l::before{content:"";position:absolute;bottom:0;display:block;width:100%;height:10px;background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2))}.tab .l.current a{pointer-events:none;opacity:1}.tab .l.current::before{left:0;right:0;width:93%;height:4px;margin:0 auto;background:rgba(255,255,255,0.5)}.tab .current{position:relative}.tab .current::before{content:"";position:absolute;bottom:4px;display:block;left:0;right:0;width:80%;height:4px;margin:0 auto;background:rgba(255,255,255,0.5)}.tab .current::after{content:"";position:absolute;display:block;top:0;right:6px;bottom:0;margin:auto}.tab .current.asc::after{width:0;height:0;border-right:4px solid transparent;border-bottom:8px solid #FFFFFF;border-left:4px solid transparent}.tab .current.desc::after{width:0;height:0;border-right:4px solid transparent;border-top:8px solid #FFFFFF;border-left:4px solid transparent}.tab .current.number span{display:block;margin-right:7px;font-size:14px}.tab .current a{opacity:1 !important}#map{height:100%}body.beacon_configs{min-width:700px}body.beacon_configs::-webkit-scrollbar{display:none}body.beacon_configs .button{margin-left:10px;padding:10px 20px;font-size:medium;border-radius:5px;word-break:keep-all}body.beacon_configs .button.gray{background:#999999}body.beacon_configs img.marker{cursor:move;user-select:none}body.beacon_configs img.marker.dragging{opacity:0}body.beacon_configs .contents-header{height:48px;display:flex;align-items:center;padding:0 10px;background:#333333}body.beacon_configs .contents-header h1{word-break:keep-all;color:white}body.beacon_configs .contents-header .spacer1{flex-grow:2;min-width:10px}body.beacon_configs .contents-header .spacer2{flex-grow:1;max-width:60px;min-width:10px}body.beacon_configs .contents-toolbar{display:flex;align-items:center;height:44px;padding:0 10px;background:#4D4D4D}body.beacon_configs .contents-toolbar .floor-selector{margin-left:auto;min-width:240px}body.beacon_configs .setting-area{display:flex;height:calc(100vh - 140px)}body.beacon_configs .beacon-area{width:280px;border-right:4px solid #4D4D4D;font-size:15px}body.beacon_configs .beacon-area .list-header{overflow-x:auto}body.beacon_configs .beacon-area .list-header::-webkit-scrollbar{display:none}body.beacon_configs .beacon-area .list-header ol{background:#666666;color:white;width:477px}body.beacon_configs .beacon-area .list-header ol li{height:44px}body.beacon_configs .beacon-area .list-body{height:calc(100vh - 184px);overflow:auto}body.beacon_configs .beacon-area .list-body ol{width:460px}body.beacon_configs .beacon-area .list-body li{border-bottom:1px solid lightgray;height:42px;cursor:pointer}body.beacon_configs .beacon-area .list-body li.is_current_floor{background:#C5EEEE}body.beacon_configs .beacon-area .list-body li.selected{background:#8EC6FF}body.beacon_configs .beacon-area li{display:flex;align-items:center;box-sizing:border-box}body.beacon_configs .beacon-area li span{display:inline-block;box-sizing:border-box}body.beacon_configs .beacon-area li>.name{width:200px;padding-left:10px}body.beacon_configs .beacon-area li>.marker{display:flex;align-items:center;justify-content:center;width:60px;text-align:center}body.beacon_configs .beacon-area li>.marker img{max-height:38px}body.beacon_configs .beacon-area li>.major{width:100px;text-align:center}body.beacon_configs .beacon-area li>.minor{width:100px;text-align:center}body.beacon_configs #map{height:calc(100vh - 180px)}body.floor::-webkit-scrollbar{display:none}body.floor .contents{height:calc(100vh - 122px)}body.floor .contents>div:nth-child(2){flex:2.5;display:flex;flex-direction:column}body.floor .floor-map-header{height:44px;display:flex;align-items:center;padding:0 5px;background:#333333}body.floor .floor-map-header .floor-selector{margin-left:auto;min-width:240px}body.floor #map{height:calc(100vh - 206px)}body.floor .marker_layer img{height:100%;width:100%}body.floor .marker_layer .marker .member_count{position:absolute;display:flex;align-items:center;justify-content:center;color:white}body.floor .user-box-area{max-height:100%}body.floor .user-box-area::-webkit-scrollbar{display:none}body.list .contents-toolbar{display:flex;align-items:center;padding:0 10px;background:#333333}body.list .contents-toolbar .person_group_selector{width:300px;padding:0}body.list .tab-page{position:relative;height:64px}body.list .tab-page .l a{height:100%;padding:0;justify-content:center;align-items:center;opacity:.6;font-size:20px}body.list .tab-page .l a span{font-weight:bold}body.list .tab-page .l a img{width:36px;height:36px;margin:0}body.list .tab-page .l.current a{pointer-events:auto}body.list .tab-page .l.current::before{width:62%;bottom:5px}body.list .tab-page .l.current span{display:block;font-size:20px;font-weight:bold}body.list .tab-page .l.absent a div{display:inline-flex;flex-direction:column}body.list .tab-page .l.absent a span{position:relative;text-align:right}body.list .tab-page .l.absent a span:first-child::before{content:"";position:absolute;top:0;left:-8px;display:block;width:3px;height:16px;background:#FFFFFF}body.list .tab-page .l.absent a span:first-child::after{content:"";position:absolute;top:21px;left:-8px;display:block;width:3px;height:16px;background:#FFFFFF;opacity:.1}body.list .tab-page .l.absent.current a span:first-child::after{opacity:.3}body.list .tab-page::before{content:"";position:absolute;top:0;display:block;width:100%;height:6px;background:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0));z-index:1}body.list .contents{height:calc(100vh - 186px);background:#E6E6E6;display:block}body.list .user-box-area-2col{max-height:100%;display:flex;flex-wrap:wrap;box-sizing:border-box;padding:0 14px 10px}body.list .user-box-area-2col .user-box{width:calc(50% - 5px);min-width:300px;max-width:none;margin-top:10px;margin-left:0;border:1px solid rgba(51,51,51,0.2);box-shadow:none}body.list .user-box-area-2col .user-box:nth-child(2n){margin-right:0}body.list .user-box-area-2col .user-box .user-info{padding:5px 8px 5px 8px;cursor:pointer}body.list .user-box-area-2col .user-box .user-info-name{display:flex;font-size:16px;font-weight:normal;line-height:20px}body.list .user-box-area-2col .user-box .user-info-name-r{padding-left:28px;font-size:10px}body.list .user-box-area-2col .user-box .user-info-main{margin-top:2px}body.list .user-box-area-2col .user-box .user-info-main>div{flex:1}body.list .user-box-area-2col .user-box .user-info-sub{display:flex;flex-direction:column;margin-right:8px;padding-right:8px;margin-top:0;padding-top:0;border-right:1px solid #CCCCCC;border-top:none}body.list .user-box-area-2col .user-box .user-info-icon{margin-top:5px;margin-right:0;padding-right:0;border-right:none;flex-direction:row}body.list .user-box-area-2col .user-box .user-info-icon .user-lose{margin-left:4px;font-size:16px;line-height:24px}body.list .user-box-area-2col .user-box .user-info-icon .user-icon+.user-icon{margin-top:0;margin-left:5px}body.list .user-box-area-2col .user-box .user-info-attribute{flex-direction:column;margin-top:0;justify-content:flex-start}body.list .user-box-area-2col .user-box .user-info-attribute .user-group{font-size:11px}body.list .user-box-area-2col .user-box .user-info-attribute .user-from{margin-top:4px;font-size:10px}body.list .user-box-area-2col .user-box .user-info-attribute .user-memo{margin-top:4px;font-size:12px;color:#333333}body.list .user-name{margin-top:2px}body.trace .tab-trace{background:#32B1E9;border-bottom:0}body.trace .tab-trace .button{position:absolute;top:50%;left:10px;transform:translateY(-50%);padding:10px 20px;background:#333333}body.trace .tab-trace .trace-title{display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:bold;color:#ffffff}body.trace .tab-trace .trace-title img{margin-right:12px}body.trace .contents{height:calc(100vh - 112px)}body.trace .contents>.list-area{display:flex;flex-direction:column}body.trace .contents>.list-area>.user-list-area{flex:1;display:flex;flex-direction:column}body.trace .contents>.list-area>.user-list-area>.scroll-area{flex:1}body.trace .contents>div:last-child{flex:1;display:flex;flex-direction:column}body.trace .user.check-box input[type="checkbox"]+label{background:#FFFFFF !important}body.trace .user.check-box input[type="checkbox"]+label::before{content:url(/assets/viewer/icon-checkbox-87641ae694975d1c42dc1063811794a79fbb4a7274c55ccd2a824647dbd2b83e.png);margin-right:2px}body.trace .user.check-box input[type="checkbox"]+label .user-name{margin-top:8px}body.trace .user.check-box input[type="checkbox"]:checked+label::before{content:url(/assets/viewer/icon-checkbox-checked-165d157ab3e595b45b3b486c20b4c9ddd1f79cc9f058eeb146d1d1c03fc186a8.png)}body.trace .user.check-box .user-status{align-items:center;justify-content:flex-end}body.trace .user.check-box .user-status .user-group{margin-right:10px}body.trace .user.check-box .user-status .user-group+div{display:flex;align-items:center}body.trace .user.check-box .trace_color{display:inline-block;height:20px;width:20px;border:2px solid white;border-radius:50%;cursor:pointer}body.trace .user.check-box .trace_color:hover{border-color:transparent}body.trace .user.check-box .trace_color_edit_dialog{position:absolute;transform:translateY(calc(50% + 12px));z-index:1;background:white;border:1px solid gray;box-shadow:5px 5px 10px 0 gray;padding:15px}body.trace .user.check-box .trace_color_edit_dialog .color>div:first-child{display:flex;align-items:center;margin-bottom:5px}body.trace .user.check-box .trace_color_edit_dialog .target{display:flex;margin:10px 0 20px}body.trace .user.check-box .trace_color_edit_dialog .target>div{display:flex;align-items:center}body.trace .user.check-box .trace_color_edit_dialog .target img{height:30px}body.trace .user.check-box .trace_color_edit_dialog .target span{margin-left:4px}body.trace .user.check-box .trace_color_edit_dialog h3{font-weight:bold;margin-right:10px}body.trace .user.check-box .trace_color_edit_dialog .current_color{height:24px;width:24px;border-radius:50%;display:inline-block}body.trace .user.check-box .trace_color_edit_dialog .circle-picker{margin-right:auto !important;margin-bottom:auto !important;padding:14px 6px 6px 14px;box-shadow:rgba(0,0,0,0.25) 0 1px 4px;border-radius:4px}body.trace .user.check-box .trace_color_edit_dialog .button-area{justify-content:space-around}body.trace .user.check-box .trace_color_edit_dialog .button-area .button{flex:1;margin:0 10px;padding:9px 0;white-space:nowrap;font-size:18px}body.trace .map-header{display:flex;align-items:center;justify-content:space-between;height:44px;background:#333333;padding:0 10px 0 15px;font-size:18px}body.trace .date-picker>span{color:white}body.trace .date-picker span{font-size:18px}body.trace .date-picker>.react-date-picker{background:white;margin-left:5px}body.trace .snap-to-roads{display:flex;align-items:center;color:white}body.trace .snap-to-roads .switch-circle{pointer-events:none}body.trace #map{flex:1}body.trace #map .gm-style-iw-d+.gm-ui-hover-effect{display:none !important}body.trace #map .infowindow-content{line-height:1.6}body.trace #map .infowindow-content .name{font-size:16px;font-weight:bold}body.trace #map .infowindow-content .time{font-size:14px}body.map .alert-box{pointer-events:none}.map_overlay{position:absolute;top:0;width:100%;height:100%;pointer-events:none}.map_overlay .user-box-area .user-box{pointer-events:auto}body.login{background:#E6E6E6;text-align:center}body.login .logo{margin-top:80px}body.login .error_messages{min-height:40px;display:flex;flex-direction:column;justify-content:center}body.login .error_messages .alert{margin:30px auto 20px}body.login .login-inner{width:320px;margin:0 auto;padding-bottom:120px;text-align:left}body.login .login-form .input-label{margin-bottom:8px;font-size:16px;color:#4D4D4D}body.login .login-form input{width:calc(100% - 32px);margin-bottom:40px;padding:8px 16px;background:#FFFFFF;border:1px solid #B3B3B3;border-radius:4px;text-align:center;font-size:16px;font-weight:bold;line-height:32px;color:#00AAFF}body.login .login-form input:last-child{margin-bottom:0}body.login .login-button{display:block;width:240px;height:64px;margin:80px auto 0;background:#00AAFF;border-radius:6px;font-size:20px;color:#FFFFFF;cursor:pointer}body.login .login-button:hover:not(:active){background:rgba(0,170,255,0.7)}.scaffold{font-size:16px}.scaffold.main-contents{margin:5px}.scaffold h1{margin:10px}.scaffold th,.scaffold td{padding:2px 7px;border:1px solid black}.scaffold div.field{margin:5px 0}.scaffold input[type=text]{border:1px solid black;padding:2px 5px}.scaffold input[type=submit]{margin:5px 0;padding:5px;background:silver}.scaffold a{display:inline;color:blue;text-decoration:underline}