body{font-family:Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:.8125rem}h1{margin-top:1rem;font-weight:700;font-size:2rem;margin-bottom:1rem}h1:first-child{margin-top:0}h2{margin-top:1rem;font-weight:700;font-size:1.1875rem;margin-bottom:1rem}h2:first-child{margin-top:0}h3{margin-top:1rem;font-size:1.0625rem;margin-bottom:1rem}h3:first-child{margin-top:0}h1,h2,h3{line-height:130%}.backlink,.small{font-size:.6875rem}.backlink{position:relative;display:inline-block;top:-1rem}.ant-btn{font-weight:500}.ant-btn-primary{color:#fff}.ant-btn-lg{font-size:.8125rem;margin:.25rem 0;height:44px}.ant-btn-link{background-color:#f6f6f6}.ant-btn .anticon{vertical-align:bottom}.ant-btn{border-radius:3px}.mapview.hide-moveable-controls .moveable-control-box{opacity:0!important}.above-map{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:200;pointer-events:none;display:flex;flex-direction:column}.above-map .header{padding:25px 25px 0;flex:0 0 auto}.above-map .header .user-details{pointer-events:auto;font-size:.6875rem;margin-bottom:1rem;opacity:.25;transition:opacity .2s ease-out}.above-map .header .user-details:hover{opacity:1}.above-map .header .user-details a{padding-left:5px;font-weight:600}.above-map .main{padding:0;flex:1 0;overflow:hidden;display:flex;flex-direction:column-reverse}.above-map .main .main-inner{pointer-events:auto;padding:25px;max-height:100%;max-width:325px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.above-map .main .main-inner::-webkit-scrollbar{display:none}.above-map .navigation-container{padding:0 25px 25px;flex:0 0 auto;overflow:hidden}.above-map .card{pointer-events:auto}.map{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:100}.moveable-control-box{opacity:1;transition:opacity .15s}.snap-helper{position:absolute;z-index:101;top:10px;left:10px}.card{background-color:#fff;border:1px #00f;border-radius:10px;padding:1.5rem;box-shadow:0 1px 2px rgba(0,0,0,.1);border-radius:5px}.flag{width:20px;border-radius:2px}.input-group{position:relative;display:block}.input-group label{font-size:.6875rem;color:#666}.input-group input[type=text],.input-group select{display:block;width:100%;border:1px solid #ddd;padding:5px 7px;font-size:.8125rem;border-radius:3px;margin-bottom:1rem;position:relative}.input-group input[type=text].has_error,.input-group select.has_error{border-color:#c00;background-color:rgba(230,0,0,.05)}.input-group__errors{float:right;font-size:.6875rem;color:#c00;top:.2rem}.Toastify__toast-container--bottom-right{bottom:0;right:25px}.Toastify__toast{border-radius:5px;padding-left:1rem}.navigation{background-color:#fff;z-index:101;padding:10px!important;border-radius:5px;height:58px;margin-right:1rem}.navigation .navigation-item{margin:0}.navigation.tools .navigation-item{width:48px}.valuepair{line-height:1.3rem;margin:.25rem 0}.valuepair-label{font-size:.8rem;color:#666;display:inline-block;width:40%;font-weight:400;vertical-align:baseline;line-height:inherit;vertical-align:top}.valuepair-label:after{content:":"}.valuepair-value{display:inline-block;width:50%;margin-left:10%;vertical-align:baseline;line-height:inherit;vertical-align:top}.spacer{margin:1.5rem 0;border:none;display:block;height:0;width:100%}.spacer--small{margin:.5rem 0}.logo{display:inline-block;z-index:999;width:114px;height:21px;background:url(../content/52c99d0d23aab488e2ed9da371f8a7a4.png) no-repeat 0 0;background-size:cover}.envbanner{display:table;padding:3px 7px;border-radius:5px;background-color:#f2c94c;font-size:.6875rem}.envbanner--production{background-color:#27ae60;color:#fff}.visit{position:relative;flex:1 auto;width:280px;margin-top:15px;overflow:hidden}.visit .vessel-name{margin-bottom:.25rem}.visit .vessel-imo:after{content:"•";margin-left:.75rem;margin-right:.75rem;display:inline-block}.visit .flag{position:absolute;top:25px;right:25px}.add-vessel{width:100%}.add-vessel .vessel-ident{display:block;margin:.5rem 0;border-radius:3px;padding:.5rem;transition:padding .15s ease-out}.add-vessel .vessel-ident:hover{background-color:#f6f6f6;padding-left:.75rem}.add-vessel .vessel-ident__title{margin-bottom:-.25rem}.add-vessel .vessel-ident__title .flag{display:inline-block;position:relative;font-weight:400;margin-left:1rem}.add-vessel .vessel-ident__byline{font-size:.8em;color:#999}.add-vessel__form{display:flex;flex-wrap:wrap;justify-content:space-between}.add-vessel__form .input-group{flex:0 1 100%}.add-vessel__form .input-group--small{flex-basis:45%}.bollard{position:relative;z-index:500}.bollard .bollard-taptarget{width:20px;height:20px;position:absolute;left:-10px;top:-10px;background-color:transparent;z-index:100}.bollard .bollard-visual{width:6px;height:6px;position:absolute;left:-3px;top:-3px;border:1px solid #000;background-color:transparent;border-radius:5px}.bollard .bollard-label{position:absolute;min-width:30px;white-space:nowrap;height:20px;line-height:20px;vertical-align:middle;opacity:.2;top:-10px;left:12px;background-color:#fff;padding:2px 5px 0;border-radius:3px}.bollard:hover .bollard-visual{background-color:#000}.bollard:hover .bollard-label{opacity:1}.vessel{position:relative;width:1px;height:1px;z-index:200}.vessel .vessel-geomarker{width:6px;height:6px;position:absolute;z-index:900;left:-3px;top:-3px;border-radius:3px;background-color:#c00}.vessel .vessel-visual{position:absolute}.vessel .vessel-visual path{transition:stroke .15s ease-out}.vessel .vessel-visual .vessel-safetyzone{display:none}.vessel .vessel-visual .vessel-shape{width:100%;height:100%;top:0;left:0;position:relative;z-index:200}.vessel .vessel-dragindicator{display:none}.manipulation_mode .vessel__selected .vessel-visual:after{content:"";position:absolute;top:-50%;left:50%;z-index:200;display:block;width:0;height:200%;background:transparent;border-left:1px dashed #ccc}.manipulation_mode .vessel__selected .vessel-visual__snapped:after{border-color:#c00}.manipulation_mode .vessel .vessel-visual .vessel-safetyzone{position:absolute;display:block;z-index:100;border-radius:5px;background-image:linear-gradient(45deg,#ededed 16.67%,#666 0,#666 50%,#ededed 0,#ededed 66.67%,#666 0,#666);background-size:4.24px 4.24px;opacity:.2}.manipulation_mode .vessel .vessel-visual .vessel-safetyzone.highlight-safety{background-image:linear-gradient(45deg,#ededed 16.67%,#c00 0,#c00 50%,#ededed 0,#ededed 66.67%,#c00 0,#c00);opacity:.4}.manipulation_mode .vessel .vessel-dragindicator{position:absolute;z-index:200;width:60px;height:60px;border-radius:30px;left:-30px;top:-30px;display:block;background-color:transparent;border:1px dashed #999;cursor:move}.manipulation_mode .vessel .vessel-dragindicator:hover{background-color:rgba(0,0,0,.1)}.manipulation_mode .vessel.show-vessel-axis .vessel-visual{background-color:#00f!important}.vessel-label{position:relative;z-index:500;background-color:#ff0;font-weight:700;padding:3px 5px;display:inline-block;white-space:nowrap}.vessel-label .vessel-label-extra{display:block;font-weight:400}.vessel-label-renderas-faded{background-color:#eee}.marker{position:relative;z-index:500}.marker .marker-label{position:absolute;min-width:30px;white-space:nowrap;height:1.4rem;line-height:1.2rem;vertical-align:top;top:0;left:8px;background-color:#fff;padding:2px 5px 0;border-radius:4px;border:1px solid #ccc}.marker .marker-visual{width:16px;height:16px;position:absolute;left:-8px;top:-8px}.marker .marker-visual.marker-visual-default{border:2px dashed #000;background-color:transparent;border-radius:8px}.marker .marker-visual.marker-visual-cross{position:absolute;display:flex;flex-direction:column;justify-content:center}.marker .marker-visual.marker-visual-cross:after,.marker .marker-visual.marker-visual-cross:before{position:absolute;content:"";width:100%;height:2px;border-radius:1px;background-color:#000}.marker .marker-visual.marker-visual-cross:before{transform:rotate(45deg)}.marker .marker-visual.marker-visual-cross:after{transform:rotate(-45deg)}