img.catsnap-img {
    margin-top: 5px;
}

#map {
    flex: 1 1 auto;
}

.log.log-debug {
    font-size: 0.6em;
    overflow-wrap: break-word;
}

.box {
    display: flex;
    flex-flow: column;
    height: 100%;
}

.lastKnown {
    /* background: transparent; */
    background: inherit;
    /*border: none !important;*/
    /*border-radius: 0 !important;*/
}
.hiding {
    display: none;
}

/*.transparent50 {*/
/*    !* color: "lightgray"; *!*/
/*	  !* Theoretically for IE 8 & 9 (more valid) *!*/
/*	  !* ...but not required as filter works too *!*/
/*	  !* should come BEFORE filter *!*/
/*	  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/

/*	  !* This works in IE 8 & 9 too *!*/
/*	  !* ... but also 5, 6, 7 *!*/
/*	  filter: alpha(opacity=50);*/

/*	  !* Older than Firefox 0.9 *!*/
/*	  -moz-opacity:0.5;*/

/*	  !* Safari 1.x (pre WebKit!) *!*/
/*	  -khtml-opacity: 0.5;*/

/*	  !* Modern!*/
/*	  !* Firefox 0.9+, Safari 2?, Chrome any?*/
/*	  !* Opera 9+, IE 9+ *!*/
/*	  opacity: 0.5;*/
/*}*/

.myoverlay {
    z-index: 6000;
}

.card-body {
    padding: 0.5rem !important;
}

.btn-dark {
    border-bottom: 2px solid whitesmoke;
}

.my-col-header {
    box-shadow: 1px 2px 4px 1px rgba(0,0,0,0.49);
    -webkit-box-shadow: 1px 2px 4px 1px rgba(0,0,0,0.49);
    -moz-box-shadow: 1px 2px 4px 1px rgba(0,0,0,0.49);
}

.shadow-left {
    box-shadow: -2px 1px 5px -2px rgba(0,0,0,0.49);
    -webkit-box-shadow: -2px 1px 5px -2px rgba(0,0,0,0.49);
    -moz-box-shadow: -2px 1px 5px -2px rgba(0,0,0,0.49);
}

.icon-round {
    border-radius: 50%;
    border: 0.1rem solid whitesmoke;
    box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.49);
    -webkit-box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.49);
    -moz-box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.49);
}

/*.lastknown-col {*/
/*    background: rgba(255,255,255,0.45);*/
/*    !* filter:blur(4px); *!*/
/*    !* -o-filter:blur(4px); *!*/
/*    !* -ms-filter:blur(4px); *!*/
/*    !* -moz-filter:blur(4px); *!*/
/*    !* -webkit-filter:blur(4px); *!*/
/*}*/

/*.lastknown-col.dark {*/
/*    background: rgba(0,0,0,0.35);*/
/*}*/

/*#lastknown {*/
/*    background: inherit;*/
/*    overflow: hidden;*/
/*}*/

.leaflet-popup-content-wrapper {
    /*background: #ffffffd9 !important;*/
    /*background: rgba(255,255,255,0.3) !important;*/
    background: none !important;
    box-shadow: none !important;
}

.leaflet-popup-tip {
    /*override*/
    box-shadow: none !important;
    background: black;

    /*-webkit-transform: rotate(45deg);*/
    /*-moz-transform: rotate(45deg);*/
    /*-ms-transform: rotate(45deg);*/
    /*-o-transform: rotate(45deg);*/
    /*transform: rotate(45deg);*/

    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);

    height: 16px;
    width: 2px;
}

.leaflet-popup-content {
    border-radius: 5px !important;
    /*margin: 0px !important;*/
}

.leaflet-popup-content img {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.lastknown-cat {
    /*border: 2px solid black;*/
}

.marker-cluster-small { background-color: #fff; }
.marker-cluster-small div { background-color: rgb(113, 238, 137); }
.marker-cluster-medium { background-color: #fff; }
.marker-cluster-medium div { background-color: rgb(113, 238, 137); }
.marker-cluster-large { background-color: #fff; }
.marker-cluster-large div { background-color: rgb(113, 238, 137); }
.marker-cluster span {
    font-weight: bolder;
}

/*.leaflet-container.z16 path.zoomMin17 {*/
/*    display: none;*/
/*}*/

/*.leaflet-container.z16 path.zoomMin18 {*/
/*    display: none;*/
/*}*/

/*.leaflet-container.z16 path.zoomMin19 {*/
/*    display: none;*/
/*}*/

/*.leaflet-container.z15 path.zoomMin16 {*/
/*    display: none;*/
/*}*/

/*.leaflet-container.z15 path.zoomMin17 {*/
/*    display: none;*/
/*}*/

/*.leaflet-container.z15 path.zoomMin18 {*/
/*    display: none;*/
/*}*/

/*.leaflet-container.z15 path.zoomMin19 {*/
/*    display: none;*/
/*}*/

/*.leaflet-container.z14 path.zoomMin15 {*/
/*    display: none;*/
/*}*/

/*.leaflet-container.z14 path.zoomMin16 {*/
/*    display: none;*/
/*}*/

/*.leaflet-container.z14 path.zoomMin17 {*/
/*    display: none;*/
/*}*/

/*.leaflet-container.z14 path.zoomMin18 {*/
/*    display: none;*/
/*}*/

/*.leaflet-container.z14 path.zoomMin19 {*/
/*    display: none;*/
/*}*/

.leaflet-container.z0 .zoomMin1,.zoomMin2,.zoomMin3,.zoomMin4,.zoomMin5,.zoomMin6,.zoomMin7,.zoomMin8,.zoomMin9,.zoomMin10,.zoomMin11,.zoomMin12,.zoomMin13,.zoomMin14,.zoomMin15,.zoomMin16,.zoomMin17,.zoomMin18,.zoomMin19,.zoomMin20 {display: none;}
.leaflet-container.z1 .zoomMin2,.zoomMin3,.zoomMin4,.zoomMin5,.zoomMin6,.zoomMin7,.zoomMin8,.zoomMin9,.zoomMin10,.zoomMin11,.zoomMin12,.zoomMin13,.zoomMin14,.zoomMin15,.zoomMin16,.zoomMin17,.zoomMin18,.zoomMin19,.zoomMin20 {display: none;}
.leaflet-container.z2 .zoomMin3,.zoomMin4,.zoomMin5,.zoomMin6,.zoomMin7,.zoomMin8,.zoomMin9,.zoomMin10,.zoomMin11,.zoomMin12,.zoomMin13,.zoomMin14,.zoomMin15,.zoomMin16,.zoomMin17,.zoomMin18,.zoomMin19,.zoomMin20 {display: none;}
.leaflet-container.z3 .zoomMin4,.zoomMin5,.zoomMin6,.zoomMin7,.zoomMin8,.zoomMin9,.zoomMin10,.zoomMin11,.zoomMin12,.zoomMin13,.zoomMin14,.zoomMin15,.zoomMin16,.zoomMin17,.zoomMin18,.zoomMin19,.zoomMin20 {display: none;}
.leaflet-container.z4 .zoomMin5,.zoomMin6,.zoomMin7,.zoomMin8,.zoomMin9,.zoomMin10,.zoomMin11,.zoomMin12,.zoomMin13,.zoomMin14,.zoomMin15,.zoomMin16,.zoomMin17,.zoomMin18,.zoomMin19,.zoomMin20 {display: none;}
.leaflet-container.z5 .zoomMin6,.zoomMin7,.zoomMin8,.zoomMin9,.zoomMin10,.zoomMin11,.zoomMin12,.zoomMin13,.zoomMin14,.zoomMin15,.zoomMin16,.zoomMin17,.zoomMin18,.zoomMin19,.zoomMin20 {display: none;}
.leaflet-container.z6 .zoomMin7,.zoomMin8,.zoomMin9,.zoomMin10,.zoomMin11,.zoomMin12,.zoomMin13,.zoomMin14,.zoomMin15,.zoomMin16,.zoomMin17,.zoomMin18,.zoomMin19,.zoomMin20 {display: none;}
.leaflet-container.z7 .zoomMin8,.zoomMin9,.zoomMin10,.zoomMin11,.zoomMin12,.zoomMin13,.zoomMin14,.zoomMin15,.zoomMin16,.zoomMin17,.zoomMin18,.zoomMin19,.zoomMin20 {display: none;}
.leaflet-container.z8 .zoomMin9,.zoomMin10,.zoomMin11,.zoomMin12,.zoomMin13,.zoomMin14,.zoomMin15,.zoomMin16,.zoomMin17,.zoomMin18,.zoomMin19,.zoomMin20 {display: none;}
.leaflet-container.z9 .zoomMin10,.zoomMin11,.zoomMin12,.zoomMin13,.zoomMin14,.zoomMin15,.zoomMin16,.zoomMin17,.zoomMin18,.zoomMin19,.zoomMin20 {display: none;}
.leaflet-container.z10 .zoomMin11,.zoomMin12,.zoomMin13,.zoomMin14,.zoomMin15,.zoomMin16,.zoomMin17,.zoomMin18,.zoomMin19,.zoomMin20 {display: none;}
.leaflet-container.z11 .zoomMin12,.zoomMin13,.zoomMin14,.zoomMin15,.zoomMin16,.zoomMin17,.zoomMin18,.zoomMin19,.zoomMin20 {display: none;}
.leaflet-container.z12 .zoomMin13,.zoomMin14,.zoomMin15,.zoomMin16,.zoomMin17,.zoomMin18,.zoomMin19,.zoomMin20 {display: none;}
.leaflet-container.z13 .zoomMin14,.zoomMin15,.zoomMin16,.zoomMin17,.zoomMin18,.zoomMin19,.zoomMin20 {display: none;}
.leaflet-container.z14 .zoomMin15,.zoomMin16,.zoomMin17,.zoomMin18,.zoomMin19,.zoomMin20 {display: none;}
.leaflet-container.z15 .zoomMin16,.zoomMin17,.zoomMin18,.zoomMin19,.zoomMin20 {display: none;}
.leaflet-container.z16 .zoomMin17,.zoomMin18,.zoomMin19,.zoomMin20 {display: none;}
.leaflet-container.z17 .zoomMin18,.zoomMin19,.zoomMin20 {display: none;}
.leaflet-container.z18 .zoomMin19,.zoomMin20 {display: none;}
.leaflet-container.z19 .zoomMin20 {display: none;}

#lastknown:before{
    background: inherit;
    /* filter:blur(10px); */
    /* -o-filter:blur(10px); */
    /* -ms-filter:blur(10px); */
    /* -moz-filter:blur(10px); */
    /* -webkit-filter:blur(10px); */
}

.lap-leaflet-map {
    height: 200px;
    width: 100%;
    background-color: pink;
}

.leaflet-container {
    /* background: white !important; */
    /* background: #222 ; */
    background: inherit !important ;
    /*border: 1px solid lime;*/
}

#lapsRenderButton.btn.btn-dark {
    color: whitesmoke;
}
#lapsRenderButton.btn.btn-light {
    color: darkgreen;
}

.leaflet-control-viewsettings-toggle {
    width: 44px;
    height: 44px;
    background-image: url(images/icon-settings.png);
     /*background-image: url(images/map-marker-icon.png);*/
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
}

.leaflet-bottom.leaflet-right {
    /*display: none !important;*/
}

.leaflet-control.leaflet-control-resource-views {
    background-color: white !important;
    padding: 0.5em;
    border: 2px solid rgba(0,0,0,0.2);
    background-clip: padding-box;
}

/*overrides*/
.list-group-item {
}

.card.focused {
    border: 3px solid darkgreen;
}

/* #main2-links { */
/*     background: inherit; */
/*     /\* filter:blur(10px); *\/ */
/*     /\* -o-filter:blur(10px); *\/ */
/*     /\* -ms-filter:blur(10px); *\/ */
/*     /\* -moz-filter:blur(10px); *\/ */
/*     /\* -webkit-filter:blur(10px); *\/ */
/* } */
/* #main2-links-child { */
/*     /\* filter:blur(0px); *\/ */
/*     /\* -o-filter:blur(0px); *\/ */
/*     /\* -ms-filter:blur(0px); *\/ */
/*     /\* -moz-filter:blur(0px); *\/ */
/*     /\* -webkit-filter:blur(0px); *\/ */
/* } */
#main2-links-child.dark {
    background: rgba(0,0,0,0.5);
}
#main2-links-child {
    background: rgba(255,255,255,0.7);
}

.follow-highlight {
    padding-left: 0.3em;
    padding-right: 0.3em;
    border: 1px solid;
    /* background-color: lightblue; */
}


.shad {
    -webkit-box-shadow: -1px 2px 3px 0px rgba(0,0,0,0.38);
    -moz-box-shadow: -1px 2px 3px 0px rgba(0,0,0,0.38);
    box-shadow: -1px 2px 3px 0px rgba(0,0,0,0.38);
}

/*.shad {*/
/*    -webkit-box-shadow: -3px 6px 18px 4px rgba(0,0,0,0.38);*/
/*    -moz-box-shadow: -3px 6px 18px 4px rgba(0,0,0,0.38);*/
/*    box-shadow: -3px 6px 18px 4px rgba(0,0,0,0.38);*/
/*}*/

.vshad {
    /* -webkit-box-shadow: -3px 6px 18px 4px rgba(0,0,0,0.38); */
    /* -moz-box-shadow: -3px 6px 18px 4px rgba(0,0,0,0.38); */
    /* box-shadow: -3px 6px 18px 4px rgba(0,0,0,0.38); */
    -webkit-box-shadow: -2px 2px 30px 7px rgba(0,0,0,0.38);
    -moz-box-shadow: -2px 2px 30px 7px rgba(0,0,0,0.38);
    box-shadow: -2px 2px 30px 7px rgba(0,0,0,0.38);
}