#container,
body,
html {
    height: 100%;
    width: 100%;
    overflow: hidden
}

body {
    padding-top: 30px
}

.tt-suggestion p,
input[type="radio"] {
    margin: 0
}

#sidebar {
    width: 250px;
    height: 100%;
    max-width: 100%;
    float: left;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out
}

#map {
    width: auto;
    height: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

#loading {
    position: absolute;
    width: 220px;
    height: 19px;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -110px;
    z-index: 20001
}

#features {
    margin: 0;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

#sidebar-hide-btn {
    margin-top: -2px
}

#aboutTabsContent {
    padding-top: 10px
}

.progress-bar-full {
    width: 100%
}

.white {
    color: #fff
}

.feature-row {
    cursor: pointer
}

.sidebar-wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

.sidebar-table {
    position: absolute;
    width: 100%;
    bottom: 0;
    overflow: auto
}

.leaflet-control-layers {
    overflow: auto
}

.leaflet-control-layers label {
    font-weight: 400;
    margin-bottom: 0
}

.leaflet-control-layers-list input[type="radio"],
input[type="checkbox"] {
    margin: 2px
}

.table {
    margin-bottom: 0
}

.navbar,
.navbar-brand {
    height: 30px;
    min-height: 30px
}

.navbar-brand {
    padding-top: 5px;
    font-weight: 700;
    font-size: 15px;
    color: #fff
}

.navbar-collapse.in {
    overflow-y: hidden
}

.navbar-header .navbar-icon-container {
    margin-right: 15px
}

.navbar-header .navbar-icon {
    line-height: 30px;
    height: 30px
}

.navbar-header a.navbar-icon {
    margin-left: 25px
}

.tt-dropdown-menu,
.typeahead {
    background-color: #fff
}

.tt-dropdown-menu {
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    margin-top: 4px;
    padding: 4px 0;
    width: 100%;
    max-height: 300px;
    overflow: auto
}

.tt-suggestion {
    font-size: 14px;
    line-height: 20px;
    padding: 3px 10px
}

.tt-suggestion.tt-cursor {
    background-color: #0097cf;
    color: #fff;
    cursor: pointer
}

.tt-suggestion+.tt-suggestion {
    border-top: 1px solid #ccc
}

.typeahead-header {
    margin: 0 5px 5px;
    padding: 3px 0;
    border-bottom: 2px solid #333
}

.has-feedback .form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center
}

@media (max-width:992px) {
    .navbar .navbar-brand {
        font-size: 15px
    }
}

@media (max-width:767px) {
    #sidebar {
        display: none
    }

    .url-break {
        word-break: break-word;
        -webkit-hyphens: auto;
        hyphens: auto
    }

    .dropdown-menu a i {
        color: #fff
    }
}

@media print {

    .leaflet-control-container,
    .navbar {
        display: none !important
    }
}

.tag {
    color: #000;
    font-weight: 700;
    border-color: #000
}

.mlabel {
    font-size:11px;
}

.text-dull,
.text-other,
.text-prog {
    color: #555;
    text-color: #555;
    text-decoration: none;
    focus: #555
}

.text-prog {
    color: red;
    text-color: red;
    focus: red
}

.prog-icon {
    -moz-border-radius: 5px/5px;
    -webkit-border-radius: 5px 5px;
    border-radius: 5px/5px;
    border: solid 3px red;
    background: red;
    width: 5px;
    height: 5px
}

.text-spp {
    color: olive;
    text-color: olive;
    text-decoration: none;
    focus: olive
}

.spp-icon {
    -moz-border-radius: 5px/5px;
    -webkit-border-radius: 5px 5px;
    border-radius: 5px/5px;
    border: solid 3px olive;
    background: olive;
    width: 5px;
    height: 5px
}

.text-rma {
    color: gold;
    text-color: gold;
    text-decoration: none;
    focus: gold
}

.rma-icon {
    -moz-border-radius: 5px/5px;
    -webkit-border-radius: 5px 5px;
    border-radius: 5px/5px;
    border: solid 3px gold;
    background: gold;
    width: 5px;
    height: 5px
}

.text-rev {
    color: red;
    text-color: red;
    text-decoration: none;
    focus: red
}

.rev-icon {
    background: red;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px
}

.text-texas {
    color: #ee7600;
    text-color: #ee7600;
    text-decoration: none;
    focus: #ee7600
}

.texas-icon {
    background: #ee7600;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px
}

.text-wui {
    color: #1e90ff;
    text-color: #1e90ff;
    text-decoration: none;
    focus: #1e90ff
}

.wui-icon {
    background: #1e90ff;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px
}

.text-fla {
    color: #9400d3;
    text-color: #9400d3;
    text-decoration: none;
    focus: #9400d3
}

.fla-icon {
    -moz-border-radius: 5px/5px;
    -webkit-border-radius: 5px 5px;
    border-radius: 5px/5px;
    border: solid 3px #9400d3;
    background: #9400d3;
    width: 5px;
    height: 5px
}

.text-fei {
    color: #8b0000;
    text-color: #8b0000;
    text-decoration: none;
    focus: #8b0000
}

.fei-icon {
    -moz-border-radius: 5px/5px;
    -webkit-border-radius: 5px 5px;
    border-radius: 5px/5px;
    border: solid 3px #8b0000;
    background: #8b0000;
    width: 5px;
    height: 5px
}

.text-learn {
    color: #ee7600;
    text-color: #ee7600;
    text-decoration: none;
    focus: #ee7600
}

.learn-icon {
    -moz-border-radius: 5px/5px;
    -webkit-border-radius: 5px 5px;
    border-radius: 5px/5px;
    border: solid 3px #ee7600;
    background: #ee7600;
    width: 5px;
    height: 5px
}

.text-bcs {
    color: green;
    text-color: green;
    text-decoration: none;
    focus: green
}

.bcs-icon {
    -moz-border-radius: 5px/5px;
    -webkit-border-radius: 5px 5px;
    border-radius: 5px/5px;
    border: solid 3px green;
    background: green;
    width: 5px;
    height: 5px
}

.text-lta {
    color: #9400d3;
    text-color: #9400d3;
    text-decoration: none;
    focus: #9400d3
}

.lta-icon {
    -moz-border-radius: 5px/5px;
    -webkit-border-radius: 5px 5px;
    border-radius: 5px/5px;
    border: solid 3px #9400d3;
    background: #9400d3;
    width: 5px;
    height: 5px
}

.text-pca {
    color: #000;
    text-color: #000;
    text-decoration: none;
    focus: #000
}

.pca-icon {
    -moz-border-radius: 5px/5px;
    -webkit-border-radius: 5px 5px;
    border-radius: 5px/5px;
    border: solid 3px #000;
    background: #000;
    width: 5px;
    height: 5px
}

.text-wea {
    color: #4169e1;
    text-color: #4169e1;
    text-decoration: none;
    focus: #4169e1
}

.wea-icon {
    -moz-border-radius: 5px/5px;
    -webkit-border-radius: 5px 5px;
    border-radius: 5px/5px;
    border: solid 3px #4169e1;
    background: #4169e1;
    width: 5px;
    height: 5px
}

.text-wind {
    color: #008b8b;
    text-color: #008b8b;
    text-decoration: none;
    focus: #008b8b
}

.wind-icon {
    -moz-border-radius: 5px/5px;
    -webkit-border-radius: 5px 5px;
    border-radius: 5px/5px;
    border: solid 3px #008b8b;
    background: #008b8b;
    width: 5px;
    height: 5px
}

.text-note {
    color: #008b8b;
    text-color: #008b8b;
    text-decoration: none;
    focus: #008b8b
}

.note-icon {
    -moz-border-radius: 5px/5px;
    -webkit-border-radius: 5px 5px;
    border-radius: 5px/5px;
    border: solid 3px #008b8b;
    background: #008b8b;
    width: 5px;
    height: 5px
}

.text-video {
    color: magenta;
    text-color: magenta;
    text-decoration: none;
    focus: magenta
}

.video-icon {
    -moz-border-radius: 5px/5px;
    -webkit-border-radius: 5px 5px;
    border-radius: 5px/5px;
    border: solid 3px magenta;
    background: magenta;
    width: 5px;
    height: 5px
}

.text-published {
    color: #555;
    text-color: #555;
    text-decoration: none;
    focus: #555
}

.published-icon {
    background: #555;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px
}

.text-unpublished {
    color: #888;
    text-color: #888;
    text-decoration: none;
    focus: #888
}

.unpublished-icon {
    background: #888;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px
}

.text-cfp {
    color: "DarkGray";
    text-color: "DarkGray";
    text-decoration: none;
    focus: "DarkGray";
    opacity: .7
}

.cfp-icon {
    fillcolor: #a9a9a9;
    background: #a9a9a9;
    weight: 2;
    opacity: 1;
    color: #696969;
    dasharray: "3";
    fillopacity: .7;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px
}

.hfp-icon,
.text-hfp {
    text-color: #b22222;
    color: #b22222
}

.text-hfp {
    text-decoration: none;
    focus: #b22222;
    opacity: .7
}

.hfp-icon {
    fillcolor: #b22222;
    background: #b22222;
    weight: 2;
    opacity: 1;
    dasharray: "3";
    fillopacity: .7;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px
}

.leaflet-control-layers-base input.leaflet-control-layers-selector,
.leaflet-control-layers-group-name {
    display: none
}

.info,
.tt {
    padding: 4px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    border-radius: 5px
}

.info {
    background: rgba(255, 255, 255, .8);
    max-width: 400px;
    max-height: 400px;
    overflow: hidden
}

.tt {
    border: 2px solid
}

#finder {
    padding-top: 5px;
    padding-bottom: 5px
}

.custom-popup .leaflet-popup-tip {
    margin-bottom: 0;
    opacity: 0
}

.custom-popup .leaflet-popup {
    margin-bottom: 10px
}

.custom-popup .leaflet-popup-content {
    margin: 4px 10px
}

.custom-popup .leaflet-popup-content-wrapper {
    background: #2c3e50;
    color: #fff;
    font-size: 10px;
    line-height: 12px
}

.custom-popup .leaflet-popup-content-wrapper a {
    background: #2c3e50;
    color: rgba(255, 255, 255, .5)
}

.custom-popup .leaflet-popup-tip-container {
    width: 10px;
    height: 10px
}

.custom-popup .leaflet-popup-tip {
    background: #2c3e50;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #2c3e50
}

.leaflet-control-layers-selector_ {
    position: absolute;
    visibility: hidden;
    opacity: 0
}

.leaflet-control-layers-base input.leaflet-control-layers-selector~span {
    opacity: .75
}

.leaflet-control-layers-base input.leaflet-control-layers-selector~span div {
    opacity: 0
}

.leaflet-control-layers-base input.leaflet-control-layers-selector:checked~span,
.leaflet-control-layers-base input.leaflet-control-layers-selector:checked~span div {
    opacity: 1
}

.search {
    height: 22px
}

.sidebar-table {
    top: 33px
}