html, body {height:100vh;position:relative}

body.withNavFooter {min-height:30rem;padding-top:3.5rem;padding-bottom:2rem;margin-bottom:2rem}
body.withNavFooter nav {height:3.5rem}
body.withNavFooter main {position:relative;min-height:100%}
body.withNavFooter footer {height:2rem;background-color:#e5e5e5}
main {margin-bottom: 50px};

main.align-middle {width:100%;min-height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:40px;padding-bottom:40px;background-color:#f5f5f5}
.mw-25 {max-width:25% !important}
.nounderline {text-decoration: none !important}

#auth .form-signin {width:100%;max-width:330px;padding:15px;margin:auto}
#auth .form-signin .checkbox {font-weight:400}
#auth .form-signin .form-control {position:relative;box-sizing:border-box;height:auto;padding:10px;font-size:16px}
#auth .form-signin .form-control:focus {z-index:2}
#auth .form-signin input[type="email"] {margin-bottom:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0}
#auth .form-signin input[type="password"] {margin-bottom:10px;border-top-left-radius:0;border-top-right-radius:0}

#leftPanel {height:100%;padding:0}
#leftPanel #searchForm {padding:15px}
#leftPanel #numResults {width:100%;text-align:center;font-size:80%}
#leftPanel #searchResults {height:100%;overflow:auto}
#leftPanel #searchResults .searchResult {cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#leftPanel #searchResults .searchResult .searchResultInfo {font-size:0.8em;line-height:1.3em;}
#leftPanel #searchResults .searchResult .searchResultInfo dl {margin:5px;padding-left:3px;border-left:2px solid #FFFFFF}
#leftPanel #searchResults .searchResult .list-group-item {padding:0.25rem 0.5rem}
#leftPanel #searchResults .searchResult .badge {width:1.8rem}
#leftPanel #searchResults .searchResult .timeago {width:90px}
@media screen and (max-width: 764px) {
	#leftPanel {height: unset !important;}
}

#mapPanel {height:100%;padding:0}
#mapPanel .leaflet-bar button.focus-enabled-active {background-color:#3BCF3B;color:#FFFFFF}
#mapPanel .leaflet-bar button.focus-enabled-active:hover {background-color:#3BB43B;color:#FFFFFF}
#mapPanel .leaflet-bar button.focus-disabled-active {}
#mapPanel .leaflet-bar button.location-enabled-active {background-color:#3BCF3B;color:#FFFFFF}
#mapPanel .leaflet-bar button.location-enabled-active:hover {background-color:#3BB43B;color:#FFFFFF}
#mapPanel .leaflet-bar button.location-disabled-active {}
#mapPanel .leaflet-popup-content {margin:13px 13px}
#mapPanel .popupName {font-size:1.2em;font-weight:bold;text-align:center;margin-bottom:11px}

#svr {height: 100%;}
#svr #mapRow {height:100%;margin:0}
#svr #leftPanel {height:100%;padding:0}
#svr #leftPanel #searchForm {padding:15px}
#svr #leftPanel #numResults {width:100%;text-align:center;font-size:80%}
#svr #leftPanel #searchResults {position:relative;height:100%;overflow:auto}
#svr #leftPanel #searchResults #searchSpinner {position:absolute;width:100%;top:4rem;}
#svr #leftPanel #searchResults .searchResult {padding:0.5rem 0.5rem;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#svr #leftPanel #searchResults .searchResult .searchResultInfo {font-size:0.8em;line-height:1.3em;}
#svr #leftPanel #searchResults .searchResult .searchResultInfo dl {margin:5px;padding-left:3px;border-left:2px solid #FFFFFF}
#svr #leftPanel #searchResults .searchResult .fa-stack {width:2em}
#svr #leftPanel #searchResults .searchResult .list-group-item {padding:0.25rem 0.5rem}
#svr #leftPanel #searchResults .searchResult .badge {width:1.8rem}
#svr #leftPanel #searchResults .searchResult .timeago {width:90px}
#svr dl {width:16rem;overflow:hidden;padding:0;margin:0}
#svr dt {float:left;width:31%;line-height:1.2em;min-height:1.2em;padding:0;margin:0}
#svr dt::after {content:":"}
#svr dd {float:left;width:69%;line-height:1.2em;min-height:1.2em;padding:0;margin:0}
#svr dd::after {display:block;clear:both;content:""}

#live_tracking {height: 100%;}
#live_tracking #mapRow {height:100%;margin:0}
#live_tracking #leftPanel {height:100%;padding:0}
#live_tracking #leftPanel #searchForm {padding:15px}
#live_tracking #leftPanel #numResults {width:100%;text-align:center;font-size:80%}
#live_tracking #leftPanel #searchResults {position:relative;height:100%;overflow:auto}
#live_tracking #leftPanel #searchResults #searchSpinner {position:absolute;width:100%;top:4rem;}
#live_tracking #leftPanel #searchResults .searchResult {padding:0.5rem 0.5rem;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#live_tracking #leftPanel #searchResults .searchResult .searchResultInfo {font-size:0.8em;line-height:1.3em;}
#live_tracking #leftPanel #searchResults .searchResult .searchResultInfo dl {margin:5px;padding-left:3px;border-left:2px solid #FFFFFF}
#live_tracking #leftPanel #searchResults .searchResult .fa-stack {width:2em}
#live_tracking #leftPanel #searchResults .searchResult .list-group-item {padding:0.25rem 0.5rem}
#live_tracking #leftPanel #searchResults .searchResult .badge {width:1.8rem}
#live_tracking #leftPanel #searchResults .searchResult .timeago {width:90px}
#live_tracking dl {width:16rem;overflow:hidden;padding:0;margin:0}
#live_tracking dt {float:left;width:31%;line-height:1.2em;min-height:1.2em;padding:0;margin:0}
#live_tracking dt::after {content:":"}
#live_tracking dd {float:left;width:69%;line-height:1.2em;min-height:1.2em;padding:0;margin:0}
#live_tracking dd::after {display:block;clear:both;content:""}


#cover {height: 100%;}
#cover #mapRow {height:100%;margin:0}
#cover #searchSpinner {position:absolute;top:3.2rem;right:6px;z-index:9999}

#refuel {overflow:auto;}