Die Wegpunkte müssen auf einer Wasserstraße liegen.
Saving...
Links
Verfolgen
Aufnahme
Abspielen
Download
Es scheint, dass Sie einen AdBlocker aktiviert haben. Um unsere Website zu unterstützen und weiterhin auf unsere Inhalte zuzugreifen, deaktivieren Sie bitte Ihren AdBlocker für diese Seite.
Um den AdBlocker für diese Seite zu deaktivieren:
Klicken Sie auf das AdBlocker-Symbol oben rechts in Ihrem Browser Wählen Sie im Menü "Auf dieser Seite deaktivieren" oder "Auf dieser Seite pausieren" Aktualisieren Sie die Seite, falls sie nicht automatisch aktualisiert wird
style>
html,body {
font-family: "Lato", sans-serif !important;
background-color:#002242!important
}
#map {
background-color:#080808
}
.abdmodal {
z-index:999999999!important
}
a.polyline-measure-unicode-icon.polyline-measure-clearControl {
display:none
}
.csstransforms {
position: absolute;
z-index: 1000;
top: 50%;
margin-left: -235px;
transform: translateY(-50%);
border-radius: 5px;
}
.csstransforms h3 {
position: relative;
top: -58px;
left: 255px;
padding: 10px;
background: #feb900;
transform-origin: 0 0;
transform: rotate(90deg);
font: bold 22px Sans-Serif;
letter-spacing: 2px;
text-transform: uppercase;
color: #fff;
line-height: 24px;
border-radius: 5px;
user-select: none;
}
.csstransforms a {
color:#fff;
text-decoration:none
}
@media (min-width: Abspielenx) {
.csstransforms h3 {
left:565px;
padding:15px
}
}
.topsearchbar-results {
top:50px!important;
box-shadow:none!important;
background:#fefefe
}
.topsearchbar-results::-webkit-scrollbar {
display:block!important
}
.leaflet-loader-container {
height: 100%;
width: 100%;
top: 0 !important;
position: fixed;
z-index: 9998;
cursor: auto;
}
.datenschutz {
border-radius:5px!important
}
.login {
border-radius:5px!important
}
button {
border-radius:15px!important
}
button.btn.btn-default.layers {
border-radius:15px!important
}
button.btn.btn-default.filter {
border-radius:15px!important
}
button.btn.btn-default.fleet {
border-radius:15px!important
}
#polyline-measure-control {
border-radius:15px!important
}
.polyline-measure-unicode-icon.polyline-measure-clearControl {
border-radius:15px!important
}
#unitControlId {
border-radius:15px!important
}
.leaflet-control {
border: 1px solid #000;
}
.btn-group-vertical.btn-group-sm.fullscreen.leaflet-control {
border-radius:15px!important;
overflow:hidden!important
}
.btn-group-vertical.btn-group-sm.reset.leaflet-control {
border-radius:15px!important;
overflow:hidden!important
}
.gt_float_switcher {
border-radius:5px!important;
border:1px solid #000;
font-size:14px!important
}
.gt_float_switcher img {
width:29px!important;
margin-left:5px!important
}
.gt_float_switcher .gt-selected .gt-current-lang {
padding:2px!important;
color:#fff!important;
background:#1a7ed7!important;
height:24px!important
}
#gt_float_wrapper {
bottom: 105px !important;
right: 88px !important;
left: unset !important;
z-index: 999 !important;
}
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
background-image:url(https://marineradar.de/img/down-arrow.svg)!important;
background-color:#fff!important;
background-size:24px!important;
padding-left:4px!important;
padding-right:4px!important
}
.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
font-weight:500!important;
top:2px!important
}
a.leaflet-control-rotate-toggle {
background-color:#fff!important
}
.img i.fa.fa-anchor {
color:#0087ff!important
}
.leaflet-rotate-pane {
transform-style:preserve-3d
}
.fade-in {
animation:fadeIn 1s;
-webkit-animation:fadeIn 1s;
-moz-animation:fadeIn 1s;
-o-animation:fadeIn 1s;
-ms-animation:fadeIn 1s
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-moz-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-o-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-ms-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
input#labels {
margin-left:12px
}
#top-bar {
background:none!important;
box-shadow:#00000080 0 2px 1px -1px,#00000024 0 1px 1px 0px,#0000001f 0 1px 3px 0;
z-index:99999999!important;
box-shadow:none!important
}
#topsearchbar {
max-width:550px!important;
right:314px;
height:0!important;
margin-top:37px;
padding-right:5px!important;
pointer-events:all;
background:transparent!important
}
.search-bar-input-outer {
display:inline-block;
width:100%;
background:transparent;
padding-left:35px!important
}
.topsearchbar-inner {
border-radius:5px!important
}
.topsearchbar-inner:hover {
background-color:#002950!important
}
topsearchbar .record .txt {
color:#000
}
.topsearchbar .record .txt .subtitle {
color: #1c1c1c;
width: unset;
font-size: 10px;
font-weight: 500;
margin-left: 5px;
}
.topsearchbar .record .txt .title {
font-weight: 500;
}
span.subtitle.\32 {
margin-left: 0px !important;
}
span.subtitle.2 {
width:105px!important
}
.topsearchbar .record {
background-color:#fbfbfb!important;
color:#fff!important;
border-top:1px solid #c4c4c4
}
.topsearchbar-results.fade-in {
border-radius:4px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
box-shadow:0 0 3px 0 #00000087!important;
width:calc(100vw - 42px)!important;
left:5px!important;
top:44px!important;
max-width:402px
}
.leaflet-left {
background:transparent!important
}
.leaflet-right {
background:transparent!important
}
#bottom-bar {
background:none!important
}
#ads-bottom {
z-index:9999!important
}
#vesseldetails {
z-index:9999!important
}
#Layers {
z-index:9999!important
}
#ads-bottom {
background:transparent!important
}
.adsbygoogle {
background:transparent!important
}
.btn-primary {
font-size:11px
}
#x4 {
left:389px!important
}
#filter {
overflow:auto!important
}
#imagewatch {
width:100%;
height:100vh;
left:0;
position:absolute;
background-color:#E0F5FF;
-webkit-border-radius:10;
-moz-border-radius:10;
border-radius:10px;
-webkit-box-shadow:10px 10px 10px #666;
-moz-box-shadow:10px 10px 10px #666;
box-shadow:10px 10px 10px #666;
margin:25px;
padding:25px;
z-index:99999999;
display:block
}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {
border-color:none!important
}
#Layers {
background:#002242!important;
color:#fff!important
}
#filter {
top:50%!important;
transform:translate(0,-44%);
margin:0!important;
background:#002242!important;
color:#fff!important
}
i.fa.fa-file {
color:#0a84f1;
font-size:20px!important;
top:2px;
left:4px;
position:relative
}
i.fa.fa-clipboard {
color:#0a84f1;
font-size:20px!important;
top:2px;
left:4px;
position:relative
}
i.fa.fa-sun-o {
color:#0a84f1;
font-size:20px!important;
top:2px;
left:2px;
position:relative
}
.leaflet-control-layers-separator {
height:0;
border-top:2px solid #ddd;
margin:15px 0 0 14px;
width:80%
}
#vesseldetails {
border-bottom-left-radius:10px;
border-bottom-right-radius:10px
}
.leaflet-layerstree-opened i.fa.fa-ship {
color:#0a84f1;
font-size:18px;
left:3px;
position:relative
}
#topsearchbar {
max-width:415px!important;
position:fixed;
left:50%;
transform:translate(-50%,0)
}
#ads-left {
position:fixed;
z-index:1001;
height:auto;
top:0;
height:100vh;
width:300px;
background:#fff!important
}
#coords,#gpsdata {
bottom:15px!important
}
#ads-top {
position:fixed;
z-index:9999;
height:85px;
overflow:hidden;
top:0;
left:300px!important;
background:#fff!important;
width:calc(100vw - 300px);
display:none
}
#ads-bottom {
position:fixed;
z-index:9999!important;
overflow:hidden;
height:85px;
bottom:0;
left:300px!important;
background:#fff!important;
width:calc(100vw - 300px)
}
#ads-top ins.adsbygoogle {
width:calc(100vw - 300px)
}
#ads-bottom ins.adsbygoogle {
width:calc(100vw - 300px)
}
#coords {
border-radius:5px!important;
left:20px!important;
padding:5px!important;
bottom:13px!important;
right:unset!important
}
.leaflet-control-gps.leaflet-control {
right:14px!important;
top:3px!important
}
.btn-group-vertical.btn-group-sm.fullscreen.leaflet-control {
right:14px!important
}
@media (max-width: 363px) {
#details2 {
max-width:417px!important
}
}
@media (min-width: 1281px) {
#coords,#gpsdata {
left:320px!important
}
#topsearchbar {
margin-left:150px!important
}
#vesseldetails {
left:20px!important
}
}
@media (max-width: 1280px) {
.leaflet-left {
left: 26px !important;
}
#vesseldetails {
left:20px!important
}
#coords {
font-size:12px!important;
right:unset;
border-radius:5px!important;
left:20px!important;
display:flex;
justify-content:center;
align-items:center
}
.dropdown2 {
margin-left:0!important
}
#ads-left {
display:none
}
}
i.fa.fa-play {
display: flex;
justify-content: center;
align-items: center;
float: left;
width: 18px !important;
height: 18px !important;
}
i.fa.fa-forward {
display: flex;
justify-content: center;
align-items: center;
float: left;
width: 18px !important;
height: 18px !important;
}
i.fa.fa-share-alt {
display:flex;
justify-content:center;
align-items:center;
height: 18px !important;
width: 18px !important;
}
i.fa-solid.fa-file-lines {
display:flex;
justify-content:center;
align-items:center;
height: 18px !important;
width: 18px !important;
}
i.fa-solid.fa-route {
display:flex;
align-items:center;
height: 18px !important;
width: 18px !important;
}
i.fa-solid.fa-crosshairs {
display: flex;
justify-content: center;
align-items: center;
height: 18px !important;
width: 18px !important;
}
i.fa.fa-forward {
display:flex;
justify-content:center;
align-items:center;
float:left;
margin-right:5px
}
.btn-group-vertical.btn-group-sm.reset.leaflet-control {
right:5px;
bottom:-346px;
width:29px;
height:29px
}
img.loading2 {
width:450px!important;
}
@media (min-width: 550px) and (max-width: 1280px) {
.leaflet-left {
left: 26px !important;
}
.follow_track {
display: none;
left: 50%;
transform: translateX(calc(-50% + -135px)) !important;
cursor: pointer;
width: 80px;
}
.record_track {
left: 50%;
transform: translateX(calc(-50% + -45px)) !important;
display: none;
cursor: pointer;
width: 80px;
}
.play_track {
left: 50%;
transform: translateX(calc(-50% + 45px)) !important;
display: none;
cursor: pointer;
width: 80px;
line-height: 1.7;
}
.save_track {
left: 50%;
transform: translateX(calc(-50% + 135px)) !important;
display: none;
cursor: pointer;
width: 80px;
}
#fleet {
left:calc(50%)!important;
transform:translateX(-50%)!important;
bottom:150px!important
}
#vesseldetails {
left:calc(50%)!important;
transform:translateX(-50%)!important;
bottom:150px!important
}
#portsdetails {
position:fixed!important;
left:calc(50%)!important;
transform:translateX(-50%)!important;
width:403px!important
}
#gpsdata {
display:none!important
}
#coords,#gpsdata {
bottom:15px!important;
padding:5px!important;
bottom:110px!important;
background:#1b82de!important;
color:#fff!important;
font-size:11px;
font-weight:500!important;
border-radius:2px!important
}
#ads-top {
position:fixed;
z-index:9999;
height:85px;
overflow:hidden;
top:0;
width:100vw;
background:#fff!important
}
#ads-bottom {
position:fixed;
z-index:9999!important;
height:85px;
overflow:hidden;
bottom:0;
width:100vw;
background:#fff!important
}
#ads-top ins.adsbygoogle {
width:100vw
}
#ads-bottom ins.adsbygoogle {
width:100vw
}
}
.fa,.fa-brands,.fa-duotone,.fa-light,.fa-regular,.fa-solid,.fa-thin,.fab,.fad,.fal,.far,.fas,.fat {
font-variant:normal;
font-size:small;
padding:2px
}
#closebutton {
right:0;
position:absolute;
font-size:20px;
padding:5px;
line-height:1
}
.leaflet-right {
height:355px!important;
position:fixed!important
}
.leaflet-left,.leaflet-right {
max-height:355px!important
}
.leaflet-right {
top:50%!important;
background:#00549f;
border-bottom-left-radius:10px;
border-top-left-radius:10px;
right:-5px;
transform:translateY(calc(-50% - 15px))!important
}
.leaflet-left {
top:calc(50% + 5px)!important;
padding-right:0;
padding-left:0;
border-bottom-left-radius:10px;
border-top-left-radius:10px;
}
button.btn.btn-default.destroy {
border:0 solid #d5dadb!important;
border-top:0 solid #d5dadb!important
}
.fullscreen {
border:none!important
}
.leaflet-control-gps .gps-button {
margin:0!important
}
.leaflet-touch .leaflet-bar a:first-child {
margin-bottom: 15px !important;
border-radius: 100% !important;
border: 1px solid #000 !important;
}
.leaflet-bar a:first-child {
margin-bottom:5px;
border-radius:0!important
}
.leaflet-touch .leaflet-bar a {
margin-bottom:5px!important
}
.leaflet-control-gps .gps-button {
margin:0!important
}
.leaflet-control-gps .gps-button {
background-position:3px 2px!important
}
.leaflet-touch .leaflet-bar a:first-child {
margin-bottom: 15px !important;
border-radius: 100% !important;
border: 1px solid #000 !important;
}
.leaflet-bar a:first-child {
margin-bottom:5px;
border-radius:0!important
}
.leaflet-touch .leaflet-bar a {
margin-bottom:5px!important
}
.leaflet-bar a {
border:0 solid #ccc!important
}
.leaflet-container .leaflet-control-gps {
float:right!important
}
button.btn.btn-default.destroy {
margin-top:0!important
}
.leaflet-control {
border:1px solid #000;
border-radius:15px!important
}
button.btn.btn-default.route {
margin-top:0!important
}
.leaflet-touch .leaflet-bar a {
margin-bottom:5px!important
}
.leaflet-bar a:first-child {
border:1px solid #000
}
.leaflet-control.compass-icon {
border:1px solid #000
}
.leaflet-control.leaflet-compass {
margin-top:11px;
margin-top:11px;
border:1px solid #000;
margin-right:11px
}
a.leaflet-control-rotate-toggle {
border:1px solid #000
}
a#polyline-measure-control {
border: 1px solid #000 !important;
width: 29px !important;
height: 29px !important;
line-height: 29px;
}
a.polyline-measure-unicode-icon.polyline-measure-clearControl {
border:1px solid #000;
width:29px!important;
height:30px!important;
border:1px solid #000;
width:29px!important;
height:30px!important
}
a#unitControlId {
border: 1px solid #000 !important;
width: 29px !important;
height: 30px !important;
margin-top: 11px;
line-height: 2.7 !important;
}
.leaflet-control-gps.leaflet-control {
border:1px solid #000
}
.btn-group-vertical.btn-group-sm.fullscreen.leaflet-control {
margin-top: 24px !important;
border: 1px solid #000 !important;
}
.leaflet-control.leaflet-compass {
margin-top:10px!important;
border:1px solid #000
}
.leaflet-bar.leaflet-control {
margin-right:11px
}
.btn-group-vertical.btn-group-sm.leaflet-control {
margin-bottom:0!important
}
.leaflet-control(
margin-right: 20px !important;
);
.leaflet-control-gps .gps-button {
margin-right:14px;
width:29px!important;
height:29px!important
}
.leaflet-control-gps.leaflet-control {
margin-right: 13px;
width: 30px !important;
height: 30px !important;
}
.leaflet-container .leaflet-control-gps {
width:29px!important
}
.leaflet-top .leaflet-control {
width: 29px !important;
margin-top: 86px !important;
right: 16px;
}
.leaflet-control-gps.leaflet-control {
margin-top:7px!important
}
.leaflet-compass .compass-icon {
height:24px!important;
width:24px!important
}
.leaflet-compass .compass-button {
width:24px!important;
height:24px!important
}
span.compass-button {
padding:2px;
left:0;
position:relative
}
.leaflet-compass .compass-button {
background:#0a84f1
}
button.btn.btn-default.route {
border:none!important
}
.leaflet-top .leaflet-control {
width:29px!important;
margin-top:87px!important;
right:16px
}
.leaflet-container .leaflet-control-gps {
margin-bottom:-10px
}
.leaflet-control-gps .gps-button {
background-image:url(https://marineradar.de/css/images/gps-icon.png)!important
}
.contact {
left:242px!important;
width:112px
}
.fa,.fa-brands,.fa-duotone,.fa-light,.fa-regular,.fa-solid,.fa-thin,.fab,.fad,.fal,.far,.fas,.fat {
font-size:16px!important;
padding:1px!important
}
#bottom-bar {
width:100%!important;
background:#002242 !important!important
}
.btn-group-vertical>.btn,.btn-group>.btn {
height:30px!important
}
.leaflet-container .leaflet-control-gps {
background:#0a84f1;
color:#fff!important
}
.leaflet-control-gps .gps-button {
background-color:#0a84f1!important
}
#distance i.fa-solid.fa-ruler {
top:0
}
svg {
color:#fff!important
}
.contact {
display:block;
left:378px!important
}
.btn-group-vertical>.btn,.btn-group>.btn {
background:#0a84f1
}
.dropdown-menu a:hover,.fa,.leaflet-bar a:hover,.route-marker {
color:#fff!important
}
a#polyline-measure-control {
background:#0a84f1;
color:#fff!important
}
.leaflet-touch .leaflet-bar a {
background:#0a84f1;
color:#fff!important
}
button.btn.btn-default.route {
margin-top:25px;
border:none
}
#bottom-bar {
background:#002242!important
}
#loading2 {
display:none
}
.leaflet-control-rotate.leaflet-bar.leaflet-control {
margin-top:15px!important;
height:30px!important;
width:29px!important;
display:none
}
.leaflet-routing.leaflet-control {
display:none
}
#bottom-bar {
bottom:0!important;
height:0!important
}
.fa-solid.fa-ruler {
position:relative;
top:1px
}
.leaflet-control-gps .gps-button {
width:25px!important;
height:25px!important;
}
.leaflet-control-gps.leaflet-control {
width:46px;
height:29px!important
}
#unitControlId font {
top:-1px!important;
position:relative
}
button#fullscreen {
height:29px!important
}
i.fa.fa-expand {
position:relative;
top:1px;
left:1.5px
}
i.fa.fa-share-alt {
margin-right:0!important
}
.btn-group-vertical.btn-group-sm.fullscreen.leaflet-control {
height:29px!important;
width:29px!important;
margin-right: 12px !important;
}
a.polyline-measure-controlOnBgColor,a.polyline-measure-controlOnBgColor:hover {
background-color:#00efef!important
}
a#polyline-measure-control {
background:#0a84f1;
color:#fff!important
}
.leaflet-container .leaflet-control-gps {
width:29px!important
}
.leaflet-control-gps.leaflet-control {
margin-top:4px!important
}
a.polyline-measure-unicode-icon.polyline-measure-clearControl {
margin-top:11px
}
#filter {
top:50%!important;
transform:translate(0,-44%);
margin:0!important;
right:60px;
width:150px;
display:none;
user-select:none
}
#fleet {
right:0!important
}
#Layers {
width:150px;
right:60px!important;
display:none;
user-select:none
}
@media (max-width: 1200px) {
#Layers {
width:150px;
right:60px!important;
display:none
}
#filter {
top:50%!important;
transform:translate(0,-44%);
margin:0!important;
right:60px;
width:150px;
display:none
}
}
#reset {
height:29px!important
}
#Layers {
left:unset!important
}
#fleet {
border-radius:5px!important
}
.datenschutz {
bottom:110px!important
}
.login {
bottom:110px!important
}
#coords {
right:unset;
border-radius:5px!important;
left:320px
}
.topsearchbar-results.fade-in {
max-width:405px!important;
width:100%;
user-select:none
}
.topsearchbar .record .txt .title {
padding-right:10px;
min-width:100%
}
#vesseldetails ins#details2 {
width:calc(100% - 30px)!important
}
i.fa.fa-heart {
margin-top:1px!important;
margin-left:1px
}
i.fa.fa-map {
margin-top:1px!important
}
i.fa.fa-filter {
margin-top:2px!important;
margin-left:1px
}
hr {
width:80%;
color:#fdfdfd
}
@media (min-width: 550px) and (max-width: 1280px) {
#ads-top {
position:fixed;
z-index:9999;
height:85px;
top:0;
left:0!important;
overflow:hidden;
background:#fff!important;
width:100vw!important
}
#ads-bottom {
position:fixed;
z-index:9999!important;
height:85px;
bottom:0;
left:0!important;
overflow:hidden;
background:#fff!important;
width:calc(100vw)!important
}
#ads-top ins.adsbygoogle {
width:calc(100vw)!important
}
#ads-bottom ins.adsbygoogle {
width:calc(100vw)!important
}
}
@media (max-width: 550px) {
#weborapp {
display:block;
}
.topsearchbar-results.fade-in {
max-width:417px!important;
width:calc(100% - 10px)!important
}
#filter {
transform: translate(0, -57%) !important;
top:50%!important
}
#vesseldetails {
transform:translateX(-50%)!important
}
#portsdetails {
position:fixed!important;
left:calc(50%)!important;
transform:translateX(-50%)!important;
width:calc(100%)!important;
top:0!important
}
#ports_info {
width:calc(100% - 41px)!important
}
img.loading2 {
width:90%!important
}
#fleet {
left:50%!important;
transform:translateX(-50%)!important;
width:calc(100% - 40px)!important;
bottom:73px!important
}
#google-play {
top:78px!important;
right:20px!important
}
#buy-pro {
top: 41px !important;
z-index: 999999 !important;
right: 23px !important;
font-size: 16px !important;
display: none;
background: #04427a !important;
padding: 1px !important;
padding-top: 3px !important;
height: 25px !important;
width: 28px !important;
text-shadow: 0 0 10px #ffba00;
line-height: 1.3;
transform: unset !important;
}
#vesseldetails {
top:78px!important
}
#coords {
left:20px!important
}
.datenschutz {
bottom:75px!important
}
.login {
bottom:75px!important
}
.dropdown2 {
left:40px!important;
display:inline-block!important;
top:46px;
transform:translate(calc(-50% - 0px),0)!important
}
#ports_info {
width:calc(100% - 41px)!important;
margin-left:20px!important;
position:fixed!important;
top:78px!important
}
.btn-group-vertical.btn-group-sm.reset.leaflet-control {
right:5px;
bottom:-346px;
width:29px;
height:29px
}
iframe#paywall {
left:0!important
}
#topsearchbar {
top:0;
margin-top:37px!important
}
#language {
height:29px!important
}
select {
height:24px!important
}
.legende {
height:24px!important;
bottom:8px!important
}
.datenschutz {
height:24px!important;
bottom:75px!important
}
.login {
height:24px!important;
bottom:75px!important
}
.contact {
height:24px!important;
left:242px!important;
bottom:8px!important
}
.btn-group-vertical.btn-group-sm.reset.leaflet-control {
display:none!important
}
.btn-group-vertical>.btn,.btn-group>.btn {
height:30px!important
}
.leaflet-control-gps.leaflet-control {
margin-top:7px!important
}
.leaflet-container .leaflet-control-gps {
width:29px!important
}
a#polyline-measure-control {
border:1px solid #000 !important;
width:29px!important;
height:29px!important;
line-height:29px
}
a.polyline-measure-unicode-icon.polyline-measure-clearControl {
border:1px solid #000;
width:29px!important;
height:30px!important;
border:1px solid #000;
width:29px!important;
height:30px!important
}
.leaflet-control.leaflet-compass {
margin-top:10px!important;
margin-right:14px;
background:#fff!important
}
.leaflet-compass .compass-button {
background:#0a84f1
}
a#unitControlId {
border: 1px solid #000 !important;
width: 29px !important;
height: 30px !important;
margin-top: 11px;
}
.leaflet-control-gps.leaflet-control {
margin-top:4px!important
}
.btn-group-vertical.btn-group-sm.fullscreen.leaflet-control {
margin-top: 24px !important;
border: 1px solid #000 !important;
}
.leaflet-control.leaflet-compass {
margin-top:10px!important
}
.leaflet-control.leaflet-compass {
margin-top:11px;
border:1px solid #000;
margin-right:11px
}
.leaflet-right {
top:50%!important;
background:#00549f;
border-bottom-left-radius:10px;
border-top-left-radius:10px;
right:-5px;
transform:transform:translate(0,-44%)!important;
margin:0!important
}
.leaflet-left {
top:calc(50% + 5px)!important;
padding-right:0;
padding-left:0;
border-bottom-left-radius:10px;
border-top-left-radius:10px;
left:0!important
}
button.btn.btn-default.destroy {
border:0 solid #d5dadb!important;
border-top:0 solid #d5dadb!important
}
.fullscreen {
border:none!important
}
.leaflet-control-gps .gps-button {
margin:0!important
}
.leaflet-touch .leaflet-bar a:first-child {
margin-bottom: 15px !important;
border-radius: 100% !important;
border: 1px solid #000 !important;
}
.leaflet-bar a:first-child {
margin-bottom:4px;
border-radius:0!important
}
.leaflet-touch .leaflet-bar a {
margin-bottom:4px!important
}
.leaflet-control-gps .gps-button {
margin:0!important
}
.leaflet-control-gps .gps-button {
background-position:2.5px 2px!important
}
.leaflet-touch .leaflet-bar a:first-child {
margin-bottom: 15px !important;
border-radius: 100% !important;
border: 1px solid #000 !important;
}
.leaflet-bar a:first-child {
margin-bottom:4px;
border-radius:0!important
}
.leaflet-touch .leaflet-bar a {
margin-bottom:4px!important
}
.leaflet-bar a {
border:0 solid #ccc!important
}
.leaflet-container .leaflet-control-gps {
float:right!important;
width:29px!important
}
.page {
height:calc(100%)!important;
margin-top:0!important
}
#fleet_manager {
left:0!important;
bottom:0!important;
width:100%!important;
top:0!important;
height:calc(100vh - 120px)!important;
position:absolute!important;
z-index:99999999!important
}
#x4 {
right:20px;
top:64px;
left:unset!important;
top:64px!important;
height:auto;
position:fixed!important;
z-index:999999999!important;
color:#f2f2f2!important
}
#top-bar {
z-index:99999999!important
}
#main_map_info {
background:#fff!important;
overflow:hidden!important
}
.topsearchbar {
max-width:363px!important
}
img#image {
width:100%!important;
height:300px!important
}
#vesseldetails {
background:#ffff!important
}
.leaflet-left,.leaflet-right {
height:100%!important;
transform:scale(1) translateY(-326px)!important;
overflow:visible!important;
max-height:345px!important
}
.leaflet-control-rotate.leaflet-bar.leaflet-control {
margin-top:15px!important;
height:30px!important;
width:29px!important
}
.leaflet-right {
height:355px!important;
position:fixed!important
}
.leaflet-left,.leaflet-right {
max-height:355px!important;
overflow:visible!important
}
#coords,#gpsdata {
bottom:15px!important;
padding:5px!important;
bottom:75px!important;
background:#1b82de!important;
color:#fff!important;
font-size:12px;
font-weight:500!important;
border-radius:2px!important
}
#gt_float_wrapper {
bottom: 69px !important;
}
#Layers {
border: 1px solid #000;
}
#filter {
border: 1px solid #000;
}
#gpsdata {
display:none!important
}
#coords {
border-radius:5px!important;
left:20px!important;
width:165px!important
}
.topsearchbar-inner:hover {
background-color:#0a84f1
}
.dropdown2 {
display: inline-block;
top: 46px;
transform: translate(calc(-50% - 181px), 0);
color: #002232 !important;
position: fixed;
left: 50%;
margin-left: 0px;
z-index: 999999;
}
.dropdown-content {
top:32px!important
}
.dropdown2 a {
color:#f2f2f2
}
.dropdown3 a {
color:#f2f2f2!important
}
.dropdown3 span {
color: #f2f2f2;
line-height: 1.2;
}
#logo {
display:none
}
.dropdown2 span .fleet {
color:#f2f2f2
}
span.fleet {
color:#f2f2f2
}
.topsearchbar {
background:#00549f!important
}
.topsearchbar-inner {
background-color:#0a84f1;
box-shadow:none!important;
border:0!important;
margin-top:0!important;
height:35px!important
}
#top-bar {
top:60px!important;
background:transparent!important
}
#ads-top {
position:fixed;
z-index:9999;
height:55px;
overflow:hidden;
top:0;
left:0!important;
background:#fff!important;
width:100vw!important
}
#ads-bottom {
position:fixed;
z-index:9999!important;
height:55px;
overflow:hidden;
bottom:0;
left:0!important;
background:#fff!important;
width:calc(100vw)!important
}
#ads-top ins.adsbygoogle {
width:calc(100vw)!important
}
#ads-bottom ins.adsbygoogle {
width:calc(100vw)!important
}
#logo {
top:60px!important;
left:10px!important;
height:32px!important
}
#topsearchbar {
top:0;
background:transparent!important
}
}
#vesseldetails {
display:block;
width:calc(100vw - 40px)!important;
left:320px!important;
height:fit-content;
pointer-events:all
}
.btn-group-vertical.btn-group-sm.reset.leaflet-control {
display:none
}
@media (min-width: 550px) {
#weborapp {
display:none;
}
#google-play {
display:none!important
}
#buy-pro {
display:none
}
#fleet {
bottom:0
}
}
@media (min-width: auto) and (max-width: 550px) {
#fleet {
bottom:110px!important
}
}
#x {
color:#000!important
}
#right {
background:none!important
}
#Layers {
scrollbar-width:none!important
}
.topsearchbar-results {
scrollbar-width:none!important
}
.leaflet-left,.leaflet-right {
z-index:999!important
}
#details2 {
width:100ch;
height:60px!important
}
#right {
margin-top:60px;
right:10px!important
}
#top-bar {
width:100%;
background:none!important;
position:fixed;
top:110px;
bottom:75px;
height:60px;
z-index:9999
}
::placeholder {
color:#f2f2f2;
opacity:1
}
:-ms-input-placeholder {
color:#f2f2f2
}
::-ms-input-placeholder {
color:#f2f2f2
}
.dropdown2 {
display: inline-block;
top: 46px;
transform: translate(calc(-50% - 182px), 0);
color: #002232 !important;
position: fixed;
left: 50%;
margin-left: 0px;
z-index: 999999;
}
.dropdown-content {
user-select: none;
border-radius: 5px;
display: none;
position: absolute;
background-color: #0a84f1;
min-width: 155px;
box-shadow: 0 8px 16px 0 #0003;
padding: 15px 10px;
top: 35px;
left: -10px;
z-index: 9999;
}
.dropdown3 {
display:inline-block;
color:#f2f2f2;
padding-bottom:0!important;
padding-right:5px!important
}
.topsearchbar .record .txt {
color:#000
}
@media (max-width:429px) {
#Layers,#filter {
max-height:65px!important;
margin-top:13px!important;
height:65px!important;
border-radius:5px
}
}
@media (min-width:431px) and (max-width:539px) {
#Layers,#filter {
max-height:365px!important;
margin-top:16px!important;
height:365px!important;
border-radius:5px
}
}
@media (min-width:430px) and (max-height:932px) {
#Layers,#filter {
max-height:365px!important;
margin-top:18px!important;
height:365px!important;
border-radius:5px
}
}
@media (min-width:344px) and (max-height:882px) {
#Layers,#filter {
max-height:365px!important;
margin-top:7px!important;
height:365px!important;
border-radius:5px
}
}
@media (min-width:345px) and (max-width:429px) {
#Layers,#filter {
max-height:365px!important;
margin-top:6px!important;
height:365px!important;
border-radius:5px
}
}
@media (min-width:540px) and (max-width:767px) {
#Layers,#filter {
max-height:365px!important;
margin-top:-20px!important;
height:365px!important;
border-radius:5px
}
}
@media (max-width: 540px) and (max-height: 998px) {
#Layers,#filter,.leaflet-left {
margin-top:-18px!important;
border-radius:5px!important;
top:calc(50%)!important;
transform:scale(1) translateY(-50%);
height:365px
}
}
@media (min-width:1024px) and (max-width:1279px) and (max-height:1366px) {
.leaflet-left {
left: 26px !important;
}
#Layers,#filter,.leaflet-left {
margin-top:-65px!important;
border-radius:5px!important;
top:calc(50%)!important;
border-radius:5px;
height:365px
}
}
@media (min-width:1281px) {
#Layers,#filter,.leaflet-left {
margin-top:-38px!important;
border-radius:5px!important;
top:calc(50%)!important;
border-radius:5px;
height:365px
}
}
@media (min-width:1281px) and (max-height:801px) {
#Layers,#filter,.leaflet-left {
margin-top:-46px;
border-radius:5px!important;
top:calc(50%)!important;
height:65px
}
}
@media (min-width:1023px) and (max-height:600px) {
#Layers,#filter,.leaflet-left {
margin-top:-9px!important;
border-radius:5px!important;
top:calc(50%)!important;
border-radius:5px;
height:365px
}
}
@media (min-width:820px) and (max-width:852px) and (max-height:1024px) {
#Layers,#filter,.leaflet-left {
margin-top:-55px!important;
border-radius:5px!important;
top:calc(50%)!important;
border-radius:5px;
height:365px
}
}
@media (min-width:820px) and (max-width:852px) and (min-height:1180px) {
#Layers,#filter,.leaflet-left {
margin-top:-55px!important;
border-radius:5px!important;
top:calc(50%)!important;
height:65px
}
}
@media (min-width:853px) and (max-width:911px) and (max-height:1279px) {
#Layers,#filter {
margin-top:-60px!important;
border-radius:5px!important;
top:calc(50%)!important;
height:65px
}
}
@media (min-width:853px) and (max-width:911px) and (min-height:1280px) {
#Layers,#filter {
margin-top:-62px!important;
border-radius:5px!important;
top:calc(50%)!important;
border-radius:5px;
height:365px
}
}
@media (min-width:912px) and (min-height:1368px) {
#Layers,#filter {
margin-top:-67px!important;
border-radius:5px!important;
top:calc(50%)!important;
border-radius:5px;
height:365px
}
}
@media (min-width: 768px) and (max-width:819px) and (max-height:1023px) {
#Layers,#filter,.leaflet-left {
margin-top:-42px!important;
border-radius:5px!important;
top:calc(50%)!important;
border-radius:5px;
height:365px
}
}
@media (min-width: 768px) and (max-width:819px) and (min-height:1024px) {
#Layers,#filter,.leaflet-left {
margin-top:-42px!important;
border-radius:5px!important;
top:calc(50%)!important;
border-radius:5px;
height:365px
}
}
@media (min-width: 375px) and (max-width: 390px) {
#Layers,#filter,.leaflet-left {
margin-top:-15px!important;
top:calc(50%)!important
}
}
@media (min-width: 65px) and (max-width: 374px) {
#Layers,#filter,.leaflet-left {
margin-top:-19px!important;
border-radius:5px
}
}
@media (min-width: 376px) and (max-width: 390px) {
#Layers,#filter,.leaflet-left {
margin-top:-30px!important;
border-radius:5px!important;
top:calc(50%)!important;
border-radius:5px;
height:365px
}
}
@media (min-width: 376px) and (max-width:389px) {
#Layers,#filter,.leaflet-left {
margin-top:-32px!important;
border-radius:5px!important;
top:calc(50%)!important;
border-radius:5px;
height:365px;
margin-top:-16px!important;
border-radius:5px!important;
top:calc(50%)!important;
border-radius:5px;
height:65px
}
}
@media (min-width: 390px) and (max-width:411px) {
#Layers,#filter,.leaflet-left {
margin-top:-30px!important;
border-radius:5px!important;
top:calc(50%)!important;
border-radius:5px;
height:365px
}
}
@media (min-width: 412px) and (max-width:429px) {
#Layers,#filter,.leaflet-left {
margin-top:-36px!important;
border-radius:5px!important;
top:calc(50%)!important;
border-radius:5px;
height:365px!important
}
}
@media (max-width: 550px) {
.leaflet-control-minimap {
position:fixed!important;
bottom:60px;
margin:0!important;
box-shadow:unset!important;
border:unset!important;
left:20px!important;
border-radius:5px!important;
border:1px solid #000;
z-index:9999!important;
opacity:.85
}
.dropdown2 {
display:inline-block;
top:46px;
transform:translate(calc(-50% - 155px),0);
color:#002242!important;
position:fixed;
left:50%;
z-index:999999
}
}
@media (min-width: 550px) {
.leaflet-control-minimap {
position:fixed!important;
bottom:160px;
margin:0!important;
box-shadow:unset!important;
border:unset!important;
left:20px!important;
border-radius:5px!important;
border:1px solid #000;
z-index:9999!important;
opacity:.85
}
}
@media (min-width: 1280px) {
.leaflet-left {
left: 325px !important;
}
.leaflet-control-minimap {
position:fixed!important;
bottom:155px;
margin:0!important;
box-shadow:unset!important;
border:unset!important;
left:320px!important;
border-radius:5px!important;
border:1px solid #000;
z-index:9999!important;
opacity:.85
}
}
.leaflet-control-minimap a.minimized {
background-position:-1px -1px!important
}
.leaflet-control-minimap-toggle-display {
background-image:url(https://marineradar.de/img/toggle.png)!important;
background-color:#0a84f1!important;
background-position-y:3px!important;
background-position-x:3px!important;
background-size:20px!important;
border-radius:3px!important;
height:25px!important;
width:25px!important
}
.leaflet-left {
margin:0!important;
top:unset!important;
border-radius:5px!important;
bottom:calc(0%)!important;
transform:unset!important;
border-radius:5px;
height:100vh
}
#abDetectorModal .close-icon {
display:none!important
}
#coords,#gpsdata {
z-index:999!important
}
.dropdown {
display:none
}
.leaflet-top,.leaflet-bottom {
position:fixed!important
}
#loading1,#loading2 {
height:100vh;
width:100vw;
z-index:999999999;
top:0
}
#Layers,#filter {
position:fixed;
background:#fff;
margin:0!important;
height:325px!important;
transform:translate(0,-57%);
user-select:none
}
#fleet {
position: fixed;
background: #fff;
margin: 0 !important;
height: 378px !important;
transform: translate(0, -80.5%);
}
#filter {
z-index:9999
}
#loading1,#loading2,#overlay {
z-index:99999999
}
#0px,#gps-info,#route-info {
font-size:14px;
padding:20px!important
}
#distance-info,#gps-info,#route-error,#route-info {
border-top:2px solid #fff;
font-weight:500
}
#main_map_info,#ports_info {
background-color:#00186bde;
box-shadow:unset
}
#portsdetails,#vesseldetails {
height:fit-content;
background-color:transparent!important;
position:absolute;
pointer-events:none
}
#ports_info,#portsdetails {
max-height:689px;
z-index:9999!important
}
#dPad,#joystick {
user-select:none
}
#compass,#joystick,#overlay,#portsdetails,#vesseldetails {
position:absolute
}
#actionDialog,.popup {
opacity:1!important
}
.btn,select {
outline:0!important
}
#Layers,#compass,#filter,#fleet {
opacity:1
}
#loading-info,.fullscreen {
background-repeat:no-repeat
}
#forecast,#share {
width:47.5%;
margin-left:0
}
#portsdetails,#top_bar,#vesseldetails,.we-pm-icon,figure.folded {
pointer-events:none
}
#bottom-bar,#waypoint {
height:0
}
#buttom-bar,.sidebar-tabs {
-webkit-touch-callout:none;
-khtml-user-select:none
}
#compass,#main_map_b {
margin-right:auto;
margin-left:auto
}
@media (max-width: 1280px) {
#vesseldetails {
border-radius:5px;
top:165px;
left:20px!important
}
}
@media (max-width:920px) and (max-height:920px) {
img.loading2 {
width:90%!important
}
.loading2 {
width:90%!important
}
}
#loading2 {
background-color:#002242;
display:block;
position:fixed
}
loading1 {
background-color:#3199da;
display:none;
position:fixed
}
.fullscreen {
padding:0;
cursor:pointer;
float:right;
width:30px;
height:30px;
background-position:2px 2px;
background-color:#fff;
border-radius:0;
margin:0;
border:1px solid #ccc
}
.leaflet-left,.leaflet-right {
background:#0a84f1;
max-height:325px;
overflow:visible
}
#autoroute:hover,#distance:hover,#follow_vessel:hover,#minimize:hover,#show_track:hover,.play2_track,.play2_track:hover,a:hover {
color:#fff
}
#main_map_info a:hover,#shortest_links tr:hover a,#shortest_route tr:hover a,.toarr,.vdep,a,span.vtrav {
color:#fff
}
.dropdown-menu a:hover,.fa,.leaflet-bar a:hover,.route-marker {
color:#000
}
.leaflet-right {
top:50%!important;
background:#00549f;
border-bottom-left-radius:10px;
border-top-left-radius:10px;
right:-5px;
transform:translateY(calc(-50% - 15px))!important
}
.leaflet-left {
padding-right: 0;
padding-left: 0;
z-index: 9999;
margin: 0 !important;
top: unset !important;
border-radius: 5px !important;
bottom: calc(50% - 30px) !important;
transform: unset !important;
border-radius: 5px;
height: 100vh;
color: #fff;
left: 26px;
}
.destroy:active {
background-color:#f88!important
}
.fullscreen:active {
background:#8f8!important
}
button.btn.btn-default.route {
border-radius:0!important;
border:1px solid #d5dadb
}
button.btn.btn-default.destroy {
border-radius:0!important;
margin-top:-15px;
border:1px solid #d5dadb;
border-top:2px solid #d5dadb
}
.leaflet-sidebar-pane {
display:none;
left:0;
right:0;
box-sizing:border-box;
padding:10px 0;
min-width:65px
}
.contact,.datenschutz,.login,.follow_track,.legende,.play_track,.record_track,.save_track {
padding-left:5px;
padding-right:5px
}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {
background-color:#1b82de!important
}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary {
background-color:#1b82de!important;
border-radius:0!important
}
#Layers {
transform: translate(0, -57%);
position: fixed !important;
top: 50% !important;
height: 325px !important;
margin: 0 !important;
width: 150px;
z-index: 9999;
left: 15px;
overflow: scroll;
display: none;
user-select: none;
}
.leaflet-layerstree-node {
margin-top:5px
}
#joystick,.btn-block+.btn-block,.leaflet-control-layers-overlays {
margin-top:0
}
.leaflet-layerstree-header {
margin-left:10px
}
.leaflet-layerstree-header input {
margin-left:2px!important
}
.leaflet-layerstree-children {
padding-left:4px
}
#donate-button {
height:120px
}
#fleet {
z-index: 99999;
width: calc(406px);
height: 200px !important;
display: none;
left: calc(50% - 53px);
max-width: 403px;
}
#overlay {
left:0;
bottom:0;
width:403px;
height:0
}
#language,.contact,.datenschutz,.login,.follow_track,.legende,.play_track,.record_track,.save_track {
z-index:999;
bottom:110px
}
.owm-legend-container {
position:relative;
bottom:0;
left:0;
margin-left:90vw!important;
pointer-events:none
}
#language,.contact,.datenschutz,login,.follow_track,.legende,.play_track,.record_track,.save_track,modal-pic {
position:fixed
}
#ais,#distance-info,#main_map_info .info_track,#route-info,.cesium-viewer-bottom,.left_blue,.search-icon,.topsearchbar-results,.ui-slider .ui-slider-handle,leaflet-layerstree-children,path.leaflet-interactive {
display:none
}
#gps-info {
display:none;
bottom:40px
}
#route-error {
font-size:12px;
display:none
}
#language {
left:10px;
width:80px;
min-width:80px;
overflow:hidden
}
.legende {
left:96px;
width:59.72px
}
.datenschutz {
right:54px!important;
width:30px;
height:30px!important;
border:1px solid #000;
bottom:75px;
cursor: pointer;
}
.login {
right: 20px !important;
width: 30px;
height: 30px !important;
border: 1px solid #000;
bottom: 75px;
position: fixed;
cursor: pointer;
}
#compass,.contact {
width:111px;
cursor:pointer
}
#contact {
width:calc(100% - 30px)!important;
max-width:min-content
}
.contact {
display:block;
left:242px
}
.destroy,.route {
width:30px!important;
height:30px!important
}
.leaflet-layerstree-header label {
display:block!important;
cursor:pointer
}
.route-marker {
background:#ffffffbf;
width:80px!important;
text-align:center;
height:50px!important;
padding:2px;
border-radius:5px;
top:10px;
left:-33px;
font-size:11px
}
.leaflet-sidebar-header {
background-color:#00549f!important
}
.leaflet-container .leaflet-control-gps {
z-index:9999!important;
position:relative;
float:left;
background:padding-box #fffc;
color:#1978cf;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
box-shadow:none;
border:0;
margin-left:12px;
margin-top:0
}
.leaflet-touch .leaflet-control-layers-toggle {
width:30px;
height:31px
}
#main_map_info .inner2_new .middle-deck,.leaflet-top {
top:0
}
.leaflet-control-layers.leaflet-control {
margin-top:23px!important;
margin-left:12px;
margin-bottom:3px!important;
max-height:195px!important;
overflow:scroll!important
}
.leaflet-sidebar-tabs>li.active,.leaflet-sidebar-tabs>ul>li.active {
color:#fff;
background-color:#00549f!important
}
.leaflet-marker-icon.leaflet-zoom-animated.leaflet-interactive {
color:#000
}
.leaflet-control-layers-selector {
top:2px!important
}
@media (max-width:950px) and (max-height:90) {
#dPad,.olLayerDiv {
user-select:none
}
#main_map_info {
width:325px!important
}
#buttom-bar {
display:none!important
}
#loading img {
width:100px!important;
height:100px!important
}
#dPad {
left:60px!important
}
#joystick {
right:40px!important
}
.sidebar-left {
border-bottom-right-radius:0!important
}
#main_map_info .img {
height:auto!important
}
}
@media (orientation:portrait) and (max-height:680px) {
#loading img {
width:100px!important;
height:100px!important
}
.sidebar {
border:0!important;
box-shadow:1px 1px 10px #00186b;
z-index:9999;
height:100vh;
max-height:590px;
left:0!important;
top:0!important
}
#map {
height:100vh!important;
width:100%!important
}
#map2 {
height:100vh!important;
width:98%!important
}
}
@media(orientation:landscape) {
figure.folded {
left:-145vh!important
}
}
.topsearchbar {
margin-left:10px!important;
width:78%
}
#searchinp {
margin-top:0!important;
width:100%;
height:35px!important
}
@media (orientation:portrait) and (max-height:800px) {
.sidebar {
border:0!important;
box-shadow:1px 1px 10px #00186b;
z-index:9999;
height:100vh;
max-height:auto;
left:0!important;
top:0!important
}
}
#ports_info,#portsdetails,#vesseldetails {
max-width:430px;
border-radius:0;
width:100%;
scrollbar-width:none
}
#compass,#main_map_setting_left,#top_bar,.sidebar-tabs {
z-index:100
}
.leaflet-control-attribution.leaflet-control,modal-pic {
display:none!important
}
@media (max-width:767px) {
#load {
background-size:185%!important
}
.setting_left_menu {
width:64px!important;
background-color:#002177!important;
z-index:100;
top:0!important
}
}
#actionDialog,#map2,.popup {
width:100%!important
}
#ports_info {
position:relative;
top:0;
left:0;
height:200px;
overflow:hidden
}
#main_map_info {
scrollbar-width:none;
box-shadow:none!important
}
#vesseldetails {
height: fit-content;
border-radius: 5px;
top: 78px;
left: 50% !important;
transform: translateX(calc(-50%));
z-index: 9999 !important;
overflow: hidden !important;
background: #ffffff47 !important;
position: fixed !important;
max-width: 405px;
max-height: fit-content;
background: #ffffff52 !important;
}
#main_map_info {
height: fit-content;
}
#portsdetails {
position:fixed;
left:calc(50% + 150px);
transform:translateX(-50%);
width:403px;
top:63px
}
.olMapViewport {
overflow:visible!important
}
.btn-group-sm>.btn,.btn-sm {
padding:5px!important
}
#joystick {
overflow:hidden;
bottom:-25px;
right:0
}
.topsearchbar-results {
background:#fbfbfb!important;
overflow-y:scroll;
-webkit-box-shadow:unset!important;
box-shadow:unset!important
}
#zoomContainer,.leaflet-bar,.leaflet-container {
background:0 0
}
#buttonRouteDownloadTrack {
margin-right:3px!important
}
#buttom-bar {
height:150px;
width:100%;
margin-top:88vh;
bottom:0;
z-index:0;
pointer-events:all;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.olLayerDiv {
user-select:none!important
}
.leaflet-control-zoom.leaflet-bar.leaflet-control {
position:absolute;
bottom:10%;
display:none
}
.leaflet-touch .leaflet-bar, .leaflet-touch .leaflet-control-layers {
border: unset;
}
#compass {
perspective:100px;
background:#000000b3;
bottom:-10px;
right:0;
left:0;
padding:0;
height:60px;
border-radius:50%;
pointer-events:all
}
#main_map_info span,.split-row {
font-size:10px!important
}
#compass img {
max-width:55%;
margin-top:6px
}
.we-pp {
bottom:100px!important
}
.we-pm-icon {
margin-top:-150px!important
}
.cesium-infoBox-iframe {
height:100vh!important;
max-height:100%!important
}
.leaflet-bar {
box-shadow:0 1px 5px #000000a6;
border-radius:50%
}
.leaflet-bar a {
border:1px solid #ccc
}
h2 {
color:#0074d9
}
#share,#vessel_details,modal-pic {
z-index:99999!important
}
::-webkit-scrollbar {
display:none!important
}
button.btn.btn-primary.btn-block.btn-sm.fullwidth.info_details {
width:48%;
margin-right:5px;
margin-left:4px;
float:left
}
.leaflet-sidebar-left {
left:0;
top:0;
height:100vh;
border:none!important
}
.btn-primary {
font-size:12px;
font-weight:700!important
}
.dropdown,button.btn.btn-primary.dropdown-toggle {
font-size:12px
}
DIV#tab_options_div .INPUT {
background-image:-webkit-linear-gradient(top,#d98200 0,#f3cf21 100%)!important;
border:none!important;
padding:5px!important;
border-radius:4px;
text-shadow:0 -1px 0 #0003;
-webkit-box-shadow:inset 0 1px 0 #ffff 0 1px 1px #00000014;
box-shadow:inset 0 1px 0 #ffff 0 1px 1px #00000014;
color:#fff;
font-weight:500
}
DIV.popup table {
table-layout:inherit;
border:none;
border-collapse:collapse
}
.btn-group-vertical>.btn,.btn-group>.btn {
width:29px;
height:29px
}
.popup {
left:0!important;
top:unset!important;
z-index:9999999999!important;
background-color:red!important;
border:0 solid #180000!important;
padding:0!important;
display:block!important
}
text {
opacity:.7!important
}
#shortest_links tr:hover,#shortest_route tr:hover {
cursor:pointer;
background:#369eeb;
color:#fff
}
circle {
stroke:#e91e63
}
#tab_options_div IMG {
height:22px;
padding:5px
}
* {
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
input[type=range] {
vertical-align:middle;
padding:0;
border:none!important;
background:#0c0000!important;
min-width:unset;
width:65px;
overflow:hidden;
cursor:pointer;
margin-top:11px;
float:right;
position:absolute;
right:15px;
height:7px
}
#actionDialog {
max-height:283px;
overflow:scroll;
border:unset!important;
-moz-border-radius:unset!important;
-webkit-border-radius:unset!important;
border-radius:unset!important;
background-color:#00186b;
color:#fff!important;
padding:10px!important;
top:45px;
right:10px;
left:50px!important;
max-width:65px!important
}
.leaflet-sidebar-content {
width:295px
}
table {
color:#fff;
margin-bottom:10px
}
input[type=email],input[type=password],input[type=text] {
padding:0 15px 15px 30px
}
button,input,select {
background:#1b82de;
color:#fff;
border:unset;
padding:2px;
height:30px
}
.search-bar-input-outer input,input#tripName,select {
padding:0!important
}
select {
border-radius:unset!important;
border:unset!important;
border-top:unset!important;
box-shadow:unset!important;
color:#f5f5f5!important;
margin:0!important;
font-size:13px;
width:80px
}
.leaflet-control-gps .gps-button.disabled {
background-position:2px -24px!important
}
.leaflet-control-gps .gps-button.active {
background-position:2.5px -50px!important
}
.leaflet-control-gps .gps-button.loading,.leaflet-control-gps .gps-button.loading:hover {
background-position:2px -24px
}
@media (max-width:90) and (max-height:950px) {
#Layers,#filter {
top:50%!important;
transform:translate(0,-44%);
margin:0!important;
height:325px!important
}
#gps-info,#route-info {
border-top:2px solid #fff;
font-size:13px;
font-weight:500;
padding:10px!important;
display:none
}
#fleet,#main_map_info {
width:100%!important;
box-shadow:none!important
}
#portsdetails,#vesseldetails {
max-width:425px!important;
position:absolute;
left:0;
height:auto;
background-color:transparent;
top:unset!important;
bottom:0!important;
z-index:9999!important;
border-radius:0;
scrollbar-width:none
}
.topsearchbar,i.fa.fa-gear {
margin-top:10px
}
#loading-info,#map2 {
height:100vh!important
}
#Layers,#filter {
max-height:65px;
background:#002242!important;
color:#fff!important;
padding-right:0;
padding-left:0;
border-radius:5px!important;
top:50%!important;
transform:translate(0,-44%);
margin:0!important;
height:325px!important;
border-bottom-right-radius:5;
border-top-right-radius:0;
right:60px;
z-index:99999;
overflow:scroll;
opacity:1;
border-radius:5px!important;
height:325px!important;
user-select:none
}
#gps-info {
bottom:0
}
#main_map_info {
top:0!important;
left:0!important;
max-width:425px!important;
max-height:100ch!important;
margin-left:0;
left:unset!important;
background-color:#fff!important;
background-image:url(/v2/img/loading.gif)!important;
background-position:center center!important;
background-repeat:no-repeat!important;
background-size:90%!important
}
#fleet {
left:0;
bottom:0!important;
right:0;
height:190px!important;
margin:auto
}
.owm-legend-item {
margin-left:-60px!important
}
.leaflet-sidebar-content {
width:100%;
max-width:295px
}
#vesseldetails {
height:calc(100ch - 165px);
height:calc(100ch - 165px);
height:calc(100ch - 165px);
height:calc(100ch - 165px);
top:130px!important;
border-radius:5px;
width:calc(100vw - 30px)!important;
left:20px!important;
background:#transparent!important;
overflow:hidden
}
#portsdetails {
top:70px!important;
width:calc(100vw)!important;
border-bottom-right-radius:10px;
border-top-right-radius:10px;
max-height:200px;
overflow:visible
}
#details {
margin-left:0
}
#map {
height:100vh!important;
width:calc(100%)
}
#actionDialog {
top:90px!important
}
.olControlMeasureTool {
width:calc(100%);
top:90px!important
}
#automatic,#manual {
top:64px!important
}
#sidebar {
height:65px!important;
position:fixed;
top:0;
left:0;
border-bottom-right-radius:10px!important;
display:none!important
}
#main_map_info .inner2_new,#ports_info {
left:0!important
}
#ports_info {
max-width:90%!important;
max-height:200px
}
#main_map_info .first {
top:30px!important
}
#main_map_info .inner2_new .top-deck {
top:30px!important
}
#main_map_info .inner2_new .middle-deck-outer {
top:20px!important
}
#main_map_info .inner2_new .inner-table {
height:50px!important
}
#main_map_info .inner2_new .middle-deck {
top:60px!important
}
#main_map_info .inner2_new .bottom-deck {
top:250px!important
}
#main_map_info .inner2_new .footer-deck {
top:536px!important
}
.topsearchbar {
width:calc(100% - 30px)!important;
margin-left:0!important;
max-width:100%!important;
right:0;
padding-right:5px!important;
pointer-events:all;
background:#00549f!important;
margin-right:0!important
}
#loading-info {
max-width:100%!important;
top:64px;
background-size:150%!important
}
}
#x,#x2,#x3 {
font-size: 18px;
font-weight: 700;
cursor: pointer;
}
#right_toggle,#right_top {
top:5px!important;
z-index:999
}
@media(max-width:1410px) and (min-width:550px) {
..details2google {
height:90px!important;
width:860px
}
#logo2 {
bottom:175px!important;
position:fixed!important;
right:0!important;
top:unset!important;
margin:auto;
left:0!important;
height:60px!important;
width:auto!important
}
}
#main_map_info .inner2_new {
borderom-right-radius:0;
borderom-left-radius:0
}
.topsearchbar {
width:calc(100% - 30px)!important;
margin-left:0!important;
margin-left:0!important;
pointer-events:all
}
.topsearchbar-inner {
box-shadow:1px 1px 10px #00549f!important
}
.dropdown-menu {
top:-65px!important;
left:-67px!important
}
.open>.dropdown-menu {
max-height:65px;
overflow:scroll
}
.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary {
color:#fff;
background:#1b82de
}
#top_bar,.top_blue .topsearchbar-white {
background-color:transparent!important
}
#coords,#gpsdata,.btn {
width:auto
}
#main_map_info .inner2_new .middle-deck-outer {
height:115px!important
}
.btn {
background-image:unset!important;
border:none;
color:#fff
}
.fa-2x {
width:23px!important
}
.sidebar-left {
border-bottom-right-radius:0!important
}
#loading-info {
position:fixed;
display:block;
z-index:99999009;
width:100%;
max-width:417px;
max-height:390px;
top:0;
left:0;
height:100%;
background-color:#001d31;
background-image:url(https://marineradar.de/img/loading-spinner.gif);
background-position:center;
background-size:50%
}
.leaflet-marker-pane {
z-index:9999
}
.leaflet-control-layers-opacity {
background-image:url(./img/visibility.png)!important;
background-size:50%
}
@media (max-width:90) and (max-height:363px) {
#sidebar,.topsearchbar {
margin-top:10px!important
}
#main_map_info {
top:95px!important
}
#loading-info {
top:64px!important
}
.bottom {
display:block!important;
top:0!important
}
}
#follow,#main_map_info,input#tripName {
margin-top:0!important
}
@media (max-height:500px) and (min-width:420px) {
#ads-bottom,#coords,#gpsdata,#map,#topsearchbar {
display:none!important
}
#orientation_info {
display:block!important
}
}
@media (max-height:500px) {
#coords {
display:none!important
}
#gpsdata {
display:none!important
}
#gt_float_wrapper,#bottom-bar,#filter,#google-play,#language,#logo,#logo2,#portsdetails,#vesseldetails,.contact,.datenschutz,.login,.dropdown,.leaflet-left,.leaflet-right,.legende {
display:none!important
}
#loading-info {
position:fixed;
display:block;
z-index:99999009;
width:100%;
max-width:417px;
max-height:590px;
top:10px;
height:100%;
left:0;
background-color:#3a3a3a;
background-image:url(https://marineradar.de/img/loading-spinner.gif);
background-repeat:no-repeat;
background-position:center;
background-size:150%
}
}
@media (min-height:90) and (max-height:998px) {
#loading-info {
position:fixed;
display:block;
z-index:99999009;
width:100%;
max-width:417px;
max-height:390px;
top:0;
left:0;
height:100%;
background-color:#001d31;
background-image:url(https://marineradar.de/img/loading-spinner.gif);
background-repeat:no-repeat;
background-position:center;
background-size:50%
}
.sidebar-left {
border-bottom-right-radius:0!important
}
}
.leaflet-layer {
z-index:0!important
}
#sidebar {
transition:.4s!important;
webkit-transition:.4s!important;
z-index:9999
}
.buttonssplit.extra5.track {
position:relative;
top:23px
}
#vessel_details {
width:48%;
float:left
}
#past {
float:left!important;
margin-bottom:15px
}
.leaflet-layerstree-header-name {
margin-left:7px
}
body,html {
margin:0;
overflow:hidden!important
}
.leaflet-marker-icon.my-div-icon.leaflet-zoom-animated.leaflet-interactive {
width:290px!important;
margin-left:0!important
}
.my-div-icon {
pointer-events:none!important
}
.leaflet-marker-icon.my-div-icon2.leaflet-zoom-animated.leaflet-interactive {
width:290px!important;
margin-left:5px!important;
margin-top:-15px!important
}
body .page {
overflow:hidden;
padding:0;
background:0 0/cover #00196c;
font-family:sans-serif;
-moz-perspective:3000px;
-moz-transform:translate3d(0,0,0);
-webkit-perspective:3000;
-webkit-transform:translate3d(0,0,0)
}
#map,DIV#right_panel,figure.folded,svg {
overflow:visible
}
.tawk-bubble-container .tawk-icon-left {
text-align:left;
display:none
}
.olAlphaImg {
bottom:85px
}
i.fa.fa-eye-slash.fa-2x {
color:#068ac3
}
i.fa.fa-remove.fa-2x {
color:#068ac3;
line-height:1!important
}
a#click {
margin-top:12px
}
@media (max-width:950px) and (max-height:90) {
#dPad,.olLayerDiv {
user-select:none
}
.adsbygoogle {
width:calc(100% - 30px);
height:60px
}
#buttom-bar {
display:none!important
}
#loading img {
width:100px!important;
height:100px!important
}
#dPad {
left:60px!important
}
#joystick {
right:40px!important
}
.sidebar-left {
border-bottom-right-radius:0!important
}
#main_map_info .img {
height:180px!important
}
#main_map_info {
top:0!important;
max-width:425px!important
}
#loading-info {
max-width:325px!important
}
}
.page {
width:calc(100%);
height:calc(100%);
margin-top:0
}
#map {
width:calc(100%)!important;
height:100vh
}
#map2 {
height:689px
}
@media (orientation:portrait) and (max-height:680px) {
#map,#map2 {
height:100vh!important
}
#loading img {
width:100px!important;
height:100px!important
}
.sidebar {
border:0!important;
box-shadow:1px 1px 10px #00186b;
z-index:9999;
height:100vh;
max-height:590px;
left:0!important;
top:0!important
}
#map {
width:100%!important
}
#map2 {
width:98%!important
}
}
#top_bar,.leaflet-bar {
box-shadow:none!important
}
figure.folded {
background:#fff;
position:relative;
height:330vh;
width:260vw;
top:-125vh;
left:-60vh;
display:flex;
justify-content:center;
align-items:center
}
#main_map_setting_left .active,#right_toggle,#right_top,#top_bar,#x,#x2,#x3,.sidebar-left .sidebar-content,DIV.left_panel,span.folds {
position:absolute
}
.topsearchbar,div.fold-me-please {
pointer-events:all;
pointer-events:all
}
@media(orientation:landscape) {
figure.folded {
left:-145vh!important
}
}
span.folds {
top:0;
right:0;
bottom:0;
left:0;
display:grid;
grid-template-columns:auto auto auto auto auto
}
span.cell {
border:0 solid #1e0a3c66;
font-size:1em;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center
}
span.horizontal,span.main,span.vertical {
visibility:visible;
filter:opacity(1)
}
span.main-1 {
background-image:linear-gradient(to right,#4c354933 0,#4c35491a 100%)
}
span.main-2 {
background-image:linear-gradient(to right,#4c35490a 0,#4c354900 100%)
}
span.vertical-1 {
background-image:linear-gradient(to right,#4c354914 0,#4c354905 20%,#4c354900 60%,#4c354952 94%,#4c35491a 98%,#4c35490f 100%)
}
span.vertical-2,span.vertical-4 {
background-image:linear-gradient(to right,#4c35490f 0,#4c35491a 2%,#4c354952 6%,#4c354900 40%,#4c354905 100%)
}
span.vertical-3 {
background-image:linear-gradient(to right,#4c35494d 0,#4c35493d 2%,#4c354926 5%,#4c354900 28%,#4c354900 60%,#4c354952 94%,#4c35491a 98%,#4c35490f 100%)
}
span.vertical-5 {
background-image:linear-gradient(to right,#4c35494d 0,#4c35493d 2%,#4c354926 5%,#4c354900 28%,#4c354905 100%)
}
span.horizontal-1 {
background-image:linear-gradient(to bottom,#4c354905 0,#4c354900 72%,#4c354926 95%,#4c35493d 100%)
}
span.horizontal-2 {
background-image:linear-gradient(to bottom,#4c354905 0,#4c354900 60%,#4c354938 96%,#4c354914 100%)
}
span.horizontal-3 {
background-image:linear-gradient(to top,#4c354914 0,#4c354900 40%,#4c354924 100%)
}
span.horizontal-4 {
background-image:linear-gradient(to top,#4c354905 0,#4c354900 60%,#4c35492e 94%,#4c354905 100%)
}
DIV.left_panel {
top:40px;
bottom:0;
left:0!important;
padding:0;
z-index:9999;
height:70vh
}
#_0x57m21,#ais_FrameDecorationImg_0,#ais_FrameDecorationImg_1,#ais_FrameDecorationImg_2,#ais_FrameDecorationImg_3,#ais_FrameDecorationImg_4,.alert_new,.compass-alert,.distance_to,.topsearchbar-white,i.fa.fa-info-circle.blue-color.tooltip.aisrep2.tooltipstered,li#routing {
display:none!important
}
DIV#right_panel {
position:absolute!important;
transform:translate3d(0,0,0) translateZ(0);
left:0!important
}
DIV.tab_content {
background:#fff;
padding:0;
border:none;
overflow:scroll;
scrollbar-width:none
}
DIV.tab_box SPAN.tab_selected,DIV.tab_box SPAN.tab_unselected {
border-top:0;
border-left:0;
border-right:0;
border-bottom:0;
z-index:5;
padding:3px;
font-weight:700;
font-variant:small-caps;
background:#ffffffbf
}
.cc-viewport {
perspective:unset!important
}
div#hideshow_highway_div,div#hideshow_restriction_div,div#hideshow_speed_div,div#hideshow_transport_div,div#hideshow_waypoint_div,div#result_status,div#shortest_links,div#shortest_route,div#shortest_status {
margin:10px
}
.leaflet-marker-icon.leaflet-div-icon.leaflet-zoom-animated.leaflet-interactive {
border-radius:35px!important;
height:29px!important;
background:#ffffff8c!important;
width:25px!important
}
DIV#tab_options_div TABLE TD {
padding:0;
border:0;
width:0;
margin:0;
text-align:left
}
DIV#tab_options_div IMG {
cursor:pointer;
vertical-align:middle;
margin-top:0
}
SPAN.hideshow_title {
background:#0074d9;
color:#ffff;
text-decoration:none;
padding-left:5px
}
DIV.hideshow_box SPAN.hideshow_show {
background:#00186b;
color:#fff
}
DIV.hideshow_box {
min-height:1em;
border-top:2px solid;
border-color:#efefef;
padding-bottom:2px;
overflow:hidden
}
table td,table th {
padding:5px 0!important;
text-align:center;
vertical-align:middle;
border-bottom:1px solid #ddd
}
::-webkit-scrollbar {
width:10px
}
::-webkit-scrollbar-button {
background:#f1f1f1
}
::-webkit-scrollbar-track-piece {
background:#f1f1f1
}
::-webkit-scrollbar-thumb {
background:#2196f3
}
#top_bar {
top:5px
}
.topsearchbar {
position:fixed;
z-index:99999;
float:right!important
}
div.fold-me-please {
object-fit:cover;
background:#011455!important;
width:100%;
height:98%!important;
object-fit:cover
}
button,input,select {
height:11px
}
button.btn.btn-primary.btn-block.btn-sm.fullwidth.follow:hover,button.btn.btn-primary.btn-block.btn-sm.fullwidth.info_details:hover,button.btn.btn-primary.btn-block.btn-sm.fullwidth.info_fleet:hover,button.btn.btn-primary.btn-block.btn-sm.fullwidth.info_portcalls:hover {
background-color:#f09f18!important;
font-color:#fff!important
}
input[type=text] {
width:41%;
margin-top:8px!important;
height:21px
}
#main_map_info .inner1,.leaflet-bottom {
background:0 0!important
}
.row,h3 {
margin-left:15px!important
}
h3 {
margin-top:5px!important
}
.h1,.h2,.h3,h1,h2 {
margin-top:10px!important;
margin-bottom:15px!important
}
.setting_left_menu li a {
height:auto auto!important;
background:#002882!important;
border-bottom:2px solid #1c408f
}
.btn-group-sm>.btn,.btn-sm {
border-radius:0
}
.ui-widget-header {
background:#bababa!important
}
.ctr {
height:77px;
background:#fff;
top:50px;
position:fixed;
right:10px;
max-width:590px
}
#zoomContainer,.footer-deck {
position:absolute!important
}
.slider {
-webkit-appearance:none;
width:100%;
height:5px;
border-radius:5px;
background:#d3d3d3;
outline:0;
opacity:.7
}
.slider-small .title {
font-size:14px!important;
font-weight:lighter!important;
bottom:15px
}
.slider::-webkit-slider-thumb {
-webkit-appearance:none;
appearance:none;
width:15px;
height:15px;
border-radius:5px;
background:#4caf50;
cursor:pointer
}
.slider::-moz-range-thumb {
width:15px;
height:15px;
position:absolute;
top:-5px;
border-radius:5px;
cursor:pointer;
border:1px solid #4f4f4f;
background:url(/css/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x #e6e6e6;
font-weight:400;
color:#555
}
.ui-slider-horizontal {
height:10px
}
.crcustom-checkbox+label,.crcustom-radio+label {
float:left;
margin-right:10px
}
.footer-deck .split-row2 {
display:block!important;
text-align:left!important;
margin-left:10px!important;
vertical-align:middle;
font-weight:lighter;
font-size:11px
}
.footer-deck {
top:305px!important;
background-color:#173d9a!important
}
#ads-bottom,#ads-right,#bottom-bar,#coords,#gpsdata {
position:fixed
}
.map-outer {
z-index:1!important
}
.setting_left_menu {
z-index:2!important
}
#main_map_info .inner2_new .inner-table {
text-align:center;
font-size:13px;
color:#fff;
font-weight:700
}
.act_slideup,.act_slideup100 {
top:55px!important;
display:block!important
}
.sidebar-left .sidebar-content {
scrollbar-width:none;
z-index:9999;
left:40px;
right:0
}
@media (orientation:portrait) and (max-height:860px) {
.buttonssplit.extra5.track {
position:relative;
top:23px
}
.sidebar {
border:0!important;
box-shadow:1px 1px 10px #00186b;
z-index:9999;
height:100vh;
max-height:auto;
left:0!important;
top:0!important
}
}
@media (orientation:portrait) and (max-width:830px) {
#infos {
top:64px!important
}
figure.folded {
height:1880px;
width:1980px;
top:-540px;
left:-810px
}
}
#main_map_setting_left .active {
top:47px;
left:10px;
opacity:1
}
.left_blue {
background-color:transparent
}
.mobileads {
display:inline-block!important;
height:100px;
width:calc(100% - 30px)
}
@media (min-height:1000px) media (min-width:500px) {
.mobileads {
display:none
}
.desktop {
display:block;
height:90px;
width:768px
}
}
#content {
padding-top:0;
margin-top:0;
bottom:0!important
}
#tab_options_div input[type=text],input[type=email],input[type=password] {
margin:0;
vertical-align:middle;
border:1px solid #ccc;
border-radius:5px!important;
width:120px!important;
height:15px!important
}
DIV#tab_options_div INPUT[type=text] {
text-align:right;
width:100px!important
}
.top_blue {
background-image:none!important;
background:0 0
}
.top_blue .topsearchbar-inner {
background-color:#0009!important;
color:#fff!important
}
.search-bar-input-outer {
padding-left:10px
}
#zoomContainer {
left:-100px!important;
right:0!important;
height:24px!important;
width:24px!important;
bottom:-15px!important;
margin:auto!important
}
#map_outer {
left:0;
top:0;
right:0;
bottom:0;
display:flex
}
.mainmappage {
top:0;
bottom:0
}
@media (max-width:767px) {
.setting_left_menu {
width:64px!important;
background-color:#002177!important;
z-index:100;
top:0!important
}
}
.btn-group {
display:block!important
}
.btn-block {
display:inline;
width:48.9%
}
.leaflet-top .leaflet-control {
scrollbar-width:none;
margin-top:16px;
opacity:1;
scrollbar-width:none
}
a.leaflet-control-rotate-toggle {
background-color:#ecf0f8
}
.leaflet-control-gps .gps-button {
background-position:2px 2px
}
#main_map_info .extra5 {
margin-top:11px;
margin-left:3px
}
.sidebar-left {
border-radius:0 !important 0 25px !important!important
}
#right_toggle {
left:15px
}
#right_top {
right:12px
}
.sidebar-pane {
padding:10px 0!important;
min-width:329px
}
.sidebar {
transition:width .5s;
width:100%;
max-width:auto
}
#main_map_info .first,#main_map_info .img,#main_map_info .inner1,DIV.left_panel,DIV.tab_content {
width:100%!important
}
#main_map_info .inner2_new .footer-deck {
border-top:1px solid #5f85b5!important;
background-color:#00549f!important;
color:#fff!important;
position:absolute;
left:0;
top:405px!important;
right:0;
bottom:0;
display:table;
table-layout:fixed;
width:100%;
height:95px;
-webkit-border-bottom-right-radius:0!important;
-webkit-border-bottom-left-radius:0!important;
-moz-border-radius-bottomright:0!important;
-moz-border-radius-bottomleft:0!important;
border-bottom-right-radius:0!important;
border-bottom-left-radius:0!important
}
.footer-deck .split-row1 {
font-size:12px;
font-family:system-ui!important;
font-weight:600
}
#main_map_info::-webkit-scrollbar {
display:none
}
.dropdown,.dropup {
position:fixed;
z-index:9999;
bottom:45px;
left:217px
}
#main_map_info {
left:0;
position:relative;
top:0;
right:0;
width:100%;
max-width:417px;
height:363px;
max-height:100%!important;
overflow:hidden!important;
background-color:#fff!important;
z-index:9999!important;
border-radius:0;
-ms-overflow-style:none;
scrollbar-width:none
}
#x {
top:0;
right:0;
padding:6px;
background:#fff
}
#x3 {
bottom:186px;
left:380px;
z-index:999999999;
display:none
}
#x2 {
top:5px;
right:5px
}
#main_map_info .inner2_new .top-deck {
height:50px
}
.leaflet-control-toolbar .leaflet-toolbar-1 {
right:30px!important;
left:unset!important
}
button.btn.btn-default.route {
margin-top:23px
}
.leaflet-compass .compass-button {
display:block;
float:left;
border-radius:0;
background:#ecf0f8
}
.leaflet-compass .compass-icon {
height:30px;
width:29px;
margin:0!important;
background:url(https://marineradar.de/images/compass-icon.png) center center no-repeat;
background-size:90%!important
}
#coords {
z-index:9999;
bottom:45px;
right:363px
}
#gpsdata {
z-index:9999;
bottom:15px;
left:15px
}
@media(orientation:portrait) and (max-height:550px) {
#container {
display:none!important
}
}
.leaflet-right {
right:-5px
}
@media (max-width:1920px) {
.leaflet-right {
right:-5px
}
#coords {
display:flex;
justify-content:center;
align-items:center;
font-size:12px!important;
position:fixed;
z-index:9999;
bottom:110px!important;
user-select:none;
background:#1b82de!important;
color:#fff!important;
font-size:12px;
font-weight:500!important
}
.topsearchbar {
right:10px!important
}
#gpsdata {
left:10px
}
#bottom-bar {
width:100%!important
}
.page {
width:calc(100%)!important
}
#right {
display:none!important
}
.dropdown2 {
right:unset!important
}
.topsearchbar {
max-width:auto
}
}
#main_map_b,#main_map_info .inner2_new {
right:0;
bottom:0;
background-color:transparent
}
@media (max-width:550px) and (max-height:998px) {
#coords,#gpsdata {
position:fixed;
bottom:75px!important
}
#x2,#x3 {
left:unset!important;
right:22px
}
#share,#vessel_details {
z-index:99999!important
}
.follow,.info_fleet,.info_portcalls {
margin-top:5px!important
}
#right_toggle,#right_top {
z-index:9999;
position:absolute;
top:5px!important
}
#forecast,#share {
width:46%!important
}
#main_map_info,#map {
width:100%!important
}
#loading-info,.topsearchbar {
max-width:100%!important;
right:0
}
#topsearchbar {
max-width:100%!important
}
#coords {
z-index:9999;
left:20px!important
}
#gpsdata {
z-index:9999;
left:5px;
width:auto
}
#vessel_details,button.btn.btn-primary.btn-block.btn-sm.fullwidth.info_details {
width:48.4%!important
}
#x {
top:0!important;
right:0;
background:#fff;
padding:6px
}
#x2 {
top:82px!important;
right:26px
}
#x3 {
bottom:185px!important
}
.buttonssplit.extra5.track {
position:relative;
top:215px!important
}
#main_map_info .extra5 {
margin-top:11px;
margin-left:7px
}
#vessel_details {
float:left
}
#share {
margin-left:0
}
.info_portcalls {
width:42%!important
}
.follow {
width:96%!important
}
.topsearchbar,i.fa.fa-gear {
margin-top:10px
}
#right_toggle {
left:15px
}
#right_top {
right:12px
}
#main_map_info,#main_map_info .inner2_new {
top:0!important
}
#follow {
width:96.1%!important
}
#main_map_info {
left:0!important;
max-width:425px!important;
max-height:100ch!important;
margin-left:0;
background-color:#fff!important;
background-image:url(/v2/img/loading.gif)!important;
background-position:center center!important;
background-repeat:no-repeat!important;
background-size:90%!important
}
#main_map_info .first {
top:30px!important
}
#main_map_info .inner2_new .top-deck {
top:30px!important
}
#main_map_info .inner2_new .middle-deck-outer {
top:20px!important
}
#main_map_info .inner2_new .inner-table {
height:50px!important;
padding-top:5px
}
#main_map_info .inner2_new .middle-deck {
top:64px!important
}
#main_map_info .inner2_new .bottom-deck {
top:355px!important
}
#main_map_info .inner2_new .footer-deck {
top:595px!important
}
#vphoto {
margin-top:35px!important
}
#map,#map2 {
height:100vh!important
}
.dropdown2 {
right:unset!important;
display:block!important
}
.topsearchbar {
width:calc(100% - 30px)!important;
padding-right:5px!important;
pointer-events:all;
background:#0a84f1;
margin-right:0!important
}
#loading-info {
top:64px;
background-size:100%!important;
left:0;
width:calc(100% - 30px);
margin-left:10px!important
}
}
#logo2,#right {
right:0!important
}
@media (min-width:920px) {
.topsearchbar {
width:40% !important;
max-width:495px
}
}
.leaflet-control-gps .gps-button {
display: block;
width: 29px !important;
height: 29px !important;
background-repeat: no-repeat;
background-color: #fff;
border-radius: 100% !important;
border: 1px solid #000 !important;
}
#bottom-bar {
bottom:0;
width:calc(100% - 65px);
background:#00549f;
z-index:999
}
@media(max-width:550px) {
#ads-bottom,#details2 {
height:60px!important
}
#contact {
height:475px
}
#details2 {
width:calc(100vw - 30px)!important;
max-width:402px
}
.leaflet-left,.leaflet-right {
height:325px;
transform:scale(1) translateY(-326px);
overflow:visible;
max-height:325px
}
#gps-info {
bottom:0
}
.dropdown,.dropup {
position:fixed;
z-index:9999;
bottom:", ";
left:217px
}
#bottom-bar,.leaflet-left {
background:#00549f;
z-index:999
}
.leaflet-right {
top:50%!important;
background:#00549f;
border-bottom-left-radius:10px;
border-top-left-radius:10px;
right:-5px;
transform:translateY(calc(-50% - 15px))!important
}
.leaflet-left {
top: unset !important;
height: 100vh !important;
bottom: calc(50% - 30px) !important;
padding-right: 0;
padding-left: 0;
left: 26px !important;
z-index: 9999999;
}
.contact,.datenschutz,.login,.follow_track,.legende,.play_track,.record_track,.save_track {
padding-left:5px;
padding-right:5px
}
#language,.contact,.datenschutz,.login,.follow_track,.legende,.play_track,.record_track,.save_track {
bottom:125px;
z-index:998;
position:fixed
}
#language {
left:7px
}
.legende {
left:91px
}
.datenschutz {
right:54px!important
}
.login {
right:20px!important
}
.follow_track {
left: calc(50%);
transform: translateX(calc(-50% - 135px)) !important;
}
.record_track {
left:calc(50% - 18px) !important;
transform:translateX(calc(-50% - 29px)) !important;
}
.play_track {
left: 50%;
transform: translateX(calc(-50% + 50px)) !important;
}
.save_track {
left: calc(50% + 137px) !important;
transform: translateX(-50%) !important;
}
.contact {
display:block;
left:242px;
cursor:pointer;
width:60px
}
#bottom-bar {
position:fixed;
bottom:0!important;
height:0!important;
width:100%
}
.topsearchbar {
width:calc(100% - 30px);
max-width:100%
}
}
#right,.sidebar {
top:0!important
}
#logo2,.sidebar {
left:0!important
}
#right {
position:absolute!important
}
#main_map_info_frame,#main_map_info_frame2 {
position:absolute;
z-index:11;
top:75px;
height:89vh;
border:none
}
.sidebar-tabs {
background:#00186b;
border:0!important;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.sidebar {
border:0!important;
box-shadow:1px 1px 10px #00186b;
z-index:9999;
height:100vh;
max-height:689px
}
DIV.hideshow_box SPAN.hideshow_hide,DIV.hideshow_box SPAN.hideshow_show {
font-size:25px;
height:25px
}
SPAN.hideshow_title {
height:25px;
padding-top:3px
}
.collapsed .sidebar-tabs {
-87px
}
.leaflet-control-coord-projection,.sidebar-header {
display:none
}
.sidebar-content {
top:-40px
}
.sidebar-tabs>li:hover,.sidebar-tabs>ul>li:hover {
color:#fff;
background-color:#2196f3
}
.ui-draggable-handle {
touch-action:pan-y!important
}
#main_map_info .img {
width:100%;
height:180px;
margin-bottom:45px;
background-color:#000;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
text-align:center;
font-size:10px;
color:#fff;
border-radius:0;
box-shadow:none
}
#main_map_info .first {
position:absolute;
left:0;
top:0
}
#main_map_info .inner2_new {
position:relative;
left:0;
border-bottom-right-radius:0;
border-bottom-left-radius:0
}
#main_map_info .inner1 {
position:relative;
top:40px;
left:0
}
.a {
display:block;
color:#f9e8e8;
font-size:12px
}
.topsearchbar {
right:65px;
margin-top:10px;
padding-right:5px!important;
max-width:495px;
background:#0a84f1;
margin-right:0!important
}
.topsearchbar-inner {
background-color:#0a84f1;
box-shadow:none!important;
border:0!important;
margin-top:-4px!important;
height:35px!important
}
.topsearchbar {
height:0!important;
opacity:1
}
#main_map_info .inner2_new .middle-deck-outer {
background-color:transparent;
top:290px
}
body,input,textarea {
color:#000000bf;
font:12px/18px 'Open Sans',sans-serif;
-webkit-font-smoothing:antialiased
}
#main_map_info .inner2_new .top-deck {
background-color:#00549f;
top:164px
}
.btn.btn-primary.btn-block.btn-sm.fullwidth.info_details {
margin-right:5px!important;
padding:6px
}
.btn-primary {
color:#fff;
background-color:#1b82de;
border:none;
-87px
}
.normal_page #main_map_info .title_bg {
background-color:#00186b99!important
}
.fade-in {
animation:.5s fadein;
-moz-animation:.5s fadein;
-webkit-animation:.5s fadein;
-o-animation:.5s fadein
}
@keyframes fadein {
from {
opacity:0
}
to {
opacity:1
}
}
@-moz-keyframes fadein {
from {
opacity:0
}
to {
opacity:1
}
}
@-webkit-keyframes fadein {
from {
opacity:0
}
to {
opacity:1
}
}
@-o-keyframes fadein {
from {
opacity:0
}
to {
opacity:1
}
}
@media (min-width:740px) {
.setting_left_menu {
top:0!important
}
}
@media (max-width:500px) {
.btn-block {
display:inline;
width:48%
}
.normal_page #main_map_info .buttons {
width:100%
}
.btn-group-sm>.btn,.btn-sm {
padding:5px;
margin-right:0;
border-left:0 solid #00549f
}
#details {
border-left:0!important
}
#fullscreen {
border-left:0!important
}
.btn-group>.btn+.dropdown-toggle {
margin-left:-6px
}
.fa-2x {
width:20px
}
#top_bar {
width:87.5%;
margin-left:5px;
float:right;
right:0
}
.setting_left_menu {
background-color:#002882!important;
width:64px!important;
position:absolute;
left:0;
top:0!important
}
}
@media (min-width:768px) {
#loading img {
width:150px!important;
height:150px!important
}
.setting_left_menu {
background-color:#002882!important;
width:64px!important;
position:absolute;
left:0;
top:0!important
}
}
#main_map_b,#main_map_info .split-three,.split-three2 {
text-align:center;
width:100%
}
#main_map_b {
padding:0;
display:block;
height:90px;
min-width:363px;
left:0;
position:absolute
}
.btn-group-vertical>.btn,.btn-group>.btn {
position:relative;
float:left;
height:30px;
-87px
}
#main_map_info .inner2_new .bottom-deck {
top:345px
}
.btn-group>.btn+.dropdown-toggle {
display:none;
margin-left:-5px
}
#main_map_info .inner2_new {
top:195px
}
.fa-2x {
font-size:18px!important
}
#main_map_info a {
text-decoration:none;
color:#fff;
font-weight:700
}
#main_map_info .split-row .a {
display:block;
color:#c0bbbb
}
#main_map_info .split-three {
display:table;
height:30px;
table-layout:fixed
}
.split-three2 {
display:table;
height:8px;
table-layout:fixed
}
.adsbygoogle {
height:90px;
width:860px
}
.leaflet-control-minimap.leaflet-container.leaflet-touch.leaflet-fade-anim.leaflet-grab.leaflet-touch-drag.leaflet-touch-zoom.leaflet-control {
display:none!important
}
@media (max-height:500px) and (max-width:950px) {
#map {
height:calc(100vh)!important
}
}
@media (max-height:1auto)and(min-height:800px) {
.adsbygoogle {
height:90px;
width:860px
}
#map {
height:calc(100vh - 150px)!important
}
}
@media (max-height:991px) and (max-width:455px) {
.adsbygoogle {
height:60px!important;
width:calc(100% - 30px)
}
#map {
height:calc(100vh - 0px)!important
}
}
@media (max-height:867px) and (max-width:455px) {
.adsbygoogle {
height:60px!important;
width:calc(100% - 30px)
}
#map {
height:calc(100vh - 0px)!important
}
}
@media (max-height:860px) and (max-width:455px) {
.adsbygoogle,#details2 {
height:60px!important
}
#details2 {
width:calc(100vw - 20px)
}
.adsbygoogle {
width:calc(100vw - 20px);
background:#fff
}
#map {
height:calc(100vh - 0px)!important
}
}
#logo2 {
bottom:190px;
position:fixed!important;
top:unset!important;
margin:auto;
height:60px!important;
width:auto!important
}
@media (max-width:550px) {
#logo,#logo2 {
width:auto!important
}
#logo {
top:60px!important;
left:10px!important;
height:32px!important
}
#logo2 {
bottom:105px!important;
position:fixed!important;
right:0!important;
top:unset!important;
margin:auto;
left:0!important;
height:35px!important;
display:block
}
#ads-right {
display:none
}
#map {
width:calc(100vw - 20px)
}
}
#ads-right {
top:0;
right:0
}
iframe {
border:none!important
}
.leaflet-control-layers.leaflet-control img {
width:31px;
height:25px
}
.leaflet-popup-content {
margin: 9px 10px;
line-height: 1.4;
width: 140px !important;
font-size: 10px;
}
.leaflet-popup-pane {
z-index:999999999
}
.owm-popup-main img {
position:relative;
left:-20px
}
.owm-popup-temp {
float:left
}
.leaflet-container a.leaflet-popup-close-button {
width:18px;
height:auto;
font:25px/14px Tahoma,Verdana,sans-serif
}
.leaflet-touch .leaflet-bar a {
line-height:32px!important
}
#distance {
margin-left:-1px
}
.btn-group-sm>.btn,.btn-sm {
margin-right:0px!important
}
@media (max-width: 550px) {
#bottom {
width:calc(100vw - 40px)
}
#top {
width:calc(100vw - 40px)
}
}
@media (min-width: 550px) {
#bottom {
width:406px
}
#top {
width:406px
}
}
#minimize:hover {
background:#fff!important
}
canvas {
user-select:none
}
.search-bar-input-outer input {
font-size:16px
}
#minimize {
display: block;
font-weight: 700 !important;
right: 33px;
background: #fff;
position: fixed;
width: 30px;
height: 30px;
color: #000 !important;
top: 0!important;
font-size: 27px;
padding: 0!important;
line-height: 1.4 !important;
}
#x {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 30px !important;
height: 30px;
padding: 0px !important;
font-weight: bold !important;
}
i.fa {
margin-right:5px
}
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc {
display:none!important
}
.leaflet-layerstree-header input {
margin-left:2px!important;
width:13px;
height:13px
}
font {
vertical-align:unset!important
}
#back-button {
display: flex !important;
justify-content: center;
align-items: center;
width: 30px !important;
height: 30px;
top: 0;
right: 66px;
padding: 0px !important;
background: #fff;
color: #000;
border-radius: 0px !important;
position: fixed;
font-size: 27px;
font-weight: 900 !important;
line-height: 1;
user-select: none;
border: unset;
}
.leaflet-layerstree-header label {
margin-bottom: 9px;
margin-top: 9px;
}
#added {
width: 100vw;
height: 100vh;
background: #001b33a6;
display: block;
opacity: 1;
position: fixed;
z-index: 9999998 !important;
}
#added span {
color: #fff !important;
display: flex !important;
justify-content: center;
align-items: center;
width: 260px !important;
height: 35px;
background: #007bff !important;
padding: 10px !important;
}
i.fa.fa-share-alt {
margin-right: 0px;
height: 18px;
width: 18px;
}
.leaflet-marker-icon.marker-cluster.marker-cluster-small.leaflet-zoom-animated.leaflet-interactive {
display: none;
}
#buy-pro {
top: 41px;
z-index: 9999998 !important;
right: calc(50% + 1px);
transform: translateX(calc(50% + 185px));
font-size: 16px !important;
display: none;
background: #04427a !important;
padding: 1px !important;
padding-top: 3px !important;
height: 25px !important;
width: 28px !important;
text-shadow: 0 0 10px #ffba00;
line-height: 1.3;
}
button {
min-height: 28px;
border: 1px solid #000;
border-radius: 5px !important;
}
.follow_track {
display: none;
left: 50%;
transform: translateX(calc(-50% + 10px));
cursor: pointer;
width: 80px;
}
.record_track {
left: 50%;
transform: translateX(calc(-50% + 100px));
display: none;
cursor: pointer;
width: 80px;
}
.play_track {
left: 50%;
transform: translateX(calc(-50% + 190px));
display: none;
cursor: pointer;
width: 80px;
line-height: 1.7;
}
.save_track {
left: 50%;
transform: translateX(calc(-50% + 280px));
display: none;
cursor: pointer;
width: 80px;
}
span#distance {
display: none;
}
.my-custom-control {
padding: 5px 10px;
background: rgba(0, 0, 0, 0.7);
color: #fff;
font-size: 11px;
line-height: 18px;
border-radius: 5px;
}
.my-custom-control:empty {
display: none;
}
.leaflet-marker-icon {
opacity: 0.9;
}
.leaflet-marker-hover {
transition-property: opacity;
transition-duration: 0.5s;
opacity: 1;
color: #fff;
}
.leaflet-marker-click {
opacity: 1;
}
#bookmarks {
visibility: visible;
}
.add-bookmark-button {
max-width: 175px;
height: 24px;
margin-right: 25px !important;
margin-top: 10px !important;
background: #0a84f1;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.leaflet-bookmarks-control.expanded .list-with-button {
padding-top: 30px;
padding-bottom: 30px;
width: 100%;
}
.leaflet-bookmarks-control.expanded .bookmarks-icon-wrapper {
background: transparent;
border-radius: unset;
padding: unset;
padding-top: 7px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.leaflet-bookmarks-control.expanded .bookmarks-icon-wrapper {
background: transparent;
}
.bookmarks-header {
text-align: right;
right: 24px;
top: 129px;
position: fixed;
width: 30px;
height: 30px !important;
background: #0a84f1;
border-radius: 100%;
border: 1px solid #000 !important;
display: flex;
justify-content: center;
align-items: center;
}
.leaflet-bookmarks-control:hover .bookmarks-icon, .leaflet-bookmarks-control:active .bookmarks-icon {
background: #fff !important;
}
.leaflet-bookmarks-control .bookmarks-icon:before, .leaflet-bookmarks-control .bookmarks-icon:after {
margin-top: 0.7em;
position: relative;
width: 0;
height: 0;
border-top: 0.7em solid #fff !important;
}
.leaflet-bar.leaflet-bookmarks-control.leaflet-control.expanded {
height: calc(100% - 40px);
position: fixed;
top: -14px;
right: 53px;
width: 100%;
background: #002242;
color: #fff;
border-radius: 5px !important;
border: 1px solid #000;
min-width: 133px;
overflow: hidden;
}
.bookmarks-header {
text-align: right;
right: 24px;
top: 130px;
position: fixed;
width: 30px;
height: 30px !important;
background: #0a84f1;
border-radius: 100%;
border: 1px solid #000 !important;
display: flex;
justify-content: center;
align-items: center;
}
.leaflet-bookmarks-control .bookmarks-icon {
width: 1em;
height: 0.8em;
background: #fff;
display: flex !important
;
justify-content: center;
top: -4px;
}
.leaflet-bookmarks-control .bookmarks-icon-wrapper {
position: relative;
top: 0px;
display: flex;
justify-content: center;
align-items: center;
padding: unset !important;
}
.leaflet-bookmarks-control.expanded .bookmarks-icon-wrapper {
background: transparent;
border-radius: unset;
padding: unset;
padding-top: 2px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.leaflet-bookmarks-control .add-bookmark-button .plus {
background: #00efef;
display: block;
width: 15px;
height: 15px;
border-radius: 100%;
color: #ffffff;
padding: 3px 3px 3px 4px;
margin-top: -2px;
line-height: 16px;
line-height: 1.1;
text-align: center;
font-size: 16px;
}
.leaflet-bookmarks-control .bookmarks-list .bookmark-item.bookmarks-empty {
text-align: center;
font-style: italic;
color: #fff;
font-weight: 500;
}
.leaflet-bookmarks-control.expanded .add-bookmark-button {
display: inline-block;
width: calc(100% - 20px);
line-height: 2;
cursor: pointer;
padding-left: 5px;
padding-top: 7px;
font-size: 11px;
z-index: 99;
margin-bottom: 2px;
}
.leaflet-bookmarks-control.expanded .add-bookmark-button .content {
position: relative;
margin-right: 0px;
margin-left: 5px;
margin-top: -20px;
display: flex;
justify-content: center;
align-items: center;
}
.leaflet-bookmarks-control.expanded .list-with-button {
padding-bottom: 30px;
width: 100%;
}
.leaflet-bookmarks-control .bookmarks-list .bookmark-remove {
opacity: 1;
color: #fff !important;
z-index: 99 !important;
}
.leaflet-bookmarks-control .bookmarks-list .bookmark-item:hover {
background: #0a84f1 !important;
border-bottom: 1px solid #fff;
}
.leaflet-bookmarks-form .leaflet-bookmarks-form-submit {
scale: 0.8;
border: 0;
font-size: 20px;
font-weight: bold;
top: 5px !important;
left: -2px;
margin: unset;
position: relative;
top: 1px;
border-radius: 0 3px 3px;
height: 25px;
cursor: pointer;
width: 30px;
display: flex;
justify-content: center;
background: #00efef;
color: #fff !important;
font-weight: bold;
padding-top: 5px !important;
}
.leaflet-bookmarks-form .leaflet-bookmarks-form-coords {
margin-top: -9px;
margin-right: 0px !important;
float: right;
}
.leaflet-bookmarks-form-popup .icon-checkmark {
margin-top: -1px;
margin-left: -1px;
}
.leaflet-bookmarks-form-popup .icon-checkmark:before {
content: "";
position: absolute;
width: 3px;
height: 9px;
background-color: #fff;
left: 9px;
top: 0px;
}
.leaflet-bookmarks-form-popup .icon-checkmark:after {
content: "";
position: absolute;
width: 6px;
height: 4px;
background-color: #fff;
left: 4px;
top: 10px;
scale: 1.5;
}
button.input-group-addon.leaflet-bookmarks-form-submit {
width: 35px;
}
.leaflet-bookmarks-form .leaflet-bookmarks-form-coords {
margin-top: -9px;
margin-right: 0px !important;
float: right;
}
.leaflet-popup-content h3 {
margin-top: -2px !important;
margin-left: 0px !important;
}
.leaflet-bookmarks-form .leaflet-bookmarks-form-input {
font-size: 10px;
padding-left: 5px;
padding-right: 5px;
line-height: 19px;
border: 1px solid #cccccc;
border-radius: 3px 0 0 3px;
height: 20px;
width: calc(100% - 10px);
}
input.form-control.leaflet-bookmarks-form-input {
padding: 5px;
text-align: center;
background: #002950;
}
.leaflet-bookmarks-control .bookmarks-list-wrapper {
max-height: 244px !important;
overflow-y: scroll;
}
a#polyline-measure-control {
border: 1px solid #000 !important;
}
a.leaflet-popup-close-button {
display: none;
}
.leaflet-popup-content-wrapper {
border-radius: 5px;
height: 98px;
}
.leaflet-bookmarks-form-popup .leaflet-popup-menu-button {
top: 7px;
right: 7px;
border-bottom: 8px double #000;
border-top: 3px solid #000;
width: 15px;
}
input.form-control.leaflet-bookmarks-form-input {
color: #fff !important;
}
.leaflet-bookmarks-control.expanded .bookmarks-list-wrapper {
padding-top: 13px;
}
.nav-item {
padding: 2px !important;
}
.leaflet-bookmarks-control .bookmarks-list .bookmark-remove {
top: -11px;
font-size: 31px !important;
right: -4px;
}
.control-icon {
filter: saturate(100) brightness(100);
}
.leaflet-pm-toolbar.leaflet-pm-edit.leaflet-bar.leaflet-control {
top: -86px;
}
.button-container .leaflet-pm-actions-container:not(.pos-right) a.leaflet-pm-action:last-child {
border-radius: 45% !important;
margin-left: 5px;
}
.button-container .leaflet-pm-actions-container .leaflet-pm-action {
padding: 0 10px;
background-color: #002950;
color: #fff;
display: inline-block;
width: auto;
border-right: 1px solid #eee;
user-select: none;
border-bottom: none;
height: 29px;
line-height: 29px;
vertical-align: middle;
margin-bottom: 15px !important;
margin-left: 5px;
border-radius: 5px;
border: 1px solid #000 !important;
}
.leaflet-left {
z-index: 999 !important;
}
a#polyline-measure-control {
border: 1px solid #000 !important;
line-height: 1.3 !important;
font-size: 20px;
font-weight: bold;
}
.gt_float_switcher img {
margin: -1px 6px 0 0 !important;
}
.gt_float_switcher .gt-selected {
padding-left: 2px;
background: #1a7ed7 !important;
}
html {
touch-action: manipulation;
}
@media (min-width: 1280px) {
#paywall {
left: 300px !important;
width: calc(100% - 300px) !important;
}
.dropdown2 {
transform: translate(calc(-50% - 31px), 0);
}
#buy-pro {
transform: translateX(calc(50% + 334px)) !important;
margin-left: 150px;
}
#paywall {
height: calc(100% - 85px) !important;
}
#vesseldetails {
margin-left: 150px;
}
}
@media (min-width: 720px) {
#paywall {
height: calc(100% - 85px) !important;
}
}
#play2_track {
font-size: 14px;
}
.leaflet-marker-icon.marker-cluster.marker-cluster-large.leaflet-zoom-animated.leaflet-interactive {
display: none;
}
.leaflet-marker-icon.leaflet-div-icon.leaflet-zoom-animated.leaflet-interactive {
display: none;
}
.adhs-container {
z-index: 9999999 !important;
backdrop-filter: unset !important;
}
.adhs-container.visible {
background-color: transparent !important;
}
.adhs-app-name {
display: none !important;
}
.adhs-container .adhs-modal .adhs-list .adhs-list-item .adhs-instruction {
font-size: 13px !important;
line-height: 25px !important;
}
.adhs-container .adhs-modal .adhs-list .adhs-emphasis {
font-size: 13px !important;
}
.adhs-container .adhs-modal .adhs-list .adhs-list-item .adhs-list-button .adhs-list-button-text {
font-size: 13px !important;
}
.adhs-container.adhs-mobile .adhs-modal .adhs-install-app {
font-size: 18px !important;
}
.adhs-container.adhs-mobile .adhs-modal .adhs-blurb {
font-size: 12px !important;
text-align: center;
}
.adhs-container .adhs-modal {
box-shadow: unset !important;
padding: 35px 0px 15px 0px !important;
top: unset !important;
transform: translateY(0%) translateX(-50%) !important;
width: 100% !important;
bottom: 60px !important;
border-radius: 0px !important;
}
.adhs-container .adhs-modal .adhs-list {
padding-left: 10px;
padding-right: 10px;
}
.adhs-container .adhs-modal .adhs-list .adhs-list-item .adhs-instruction {
font-size: 13px !important;
line-height: 15px !important;
position: relative;
top: -10px;
}
.adhs-container.adhs-mobile .adhs-modal .adhs-blurb {
margin: 0px 15px 10px 15px !important;
}
.adhs-container.visible .adhs-modal {
background: #fff !important;
}
