.modal-body {
    max-height: 500px;
    overflow-y: scroll;
}

.nav-pills,
.pointer {
    cursor: pointer;
}

.table-outline {
    border-top: 1px solid #dee2e6 !important;
}

.bootbox .modal-header {
    display: block;
}

#top-nav-dropdown {
    transition: .3s;
    transition-timing-function: ease-in-out;
}

#top-nav-dropdown:hover {
    cursor: pointer;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 1080px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 85%;
    }
}

.points-list {
    display: inline-block;
    height: 315px;
    width: 100% !important;
    padding: 5px;
    margin-top: 10px;
    border: solid 1px #cccccc;
    border-radius: 5px;
    box-shadow: inset 0 1px 3px #ddd;
    overflow-y: auto;
}

.jqplot-highlighter-tooltip,
.jqplot-canvasOverlay-tooltip {
    z-index: 300;
    background: rgba(208, 208, 208, 0.8) !important;
}

.no-legend table.jqplot-table-legend {
    display: none;
}

.no-axis .jqplot-xaxis {
    display: none;
}

.lineThrough {
    text-decoration: line-through;
    background: aliceblue;
}

.noc-chart {
    position: relative !important;
    height: 30vh !important;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

table.show-on-hover tr .shown-on-hover {
    visibility: hidden;
}

table.show-on-hover tr:hover .shown-on-hover {
    visibility: visible;
}

.nav-active {
    background: #f7f7f7;
}

.leaflet-container {
    color: black !important;
}

.leaflet-control-fullscreen a {
    background: #fff url("./images/fullscreen.png") no-repeat 0 0 !important;
    background-size: 26px 52px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .leaflet-control-fullscreen a {
        background-image: url("./images/fullscreen@2x.png") !important;
    }
}

.scrollable {
    overflow-y: auto !important;
    max-height: 425px !important;
}

tr.audit-update {
    background-color: #467fcf;
}

tr.audit-delete {
    background-color: #ffdddd;
}

span.text-difference {
    font-weight: bold;
}

span.text-difference-add {
    color: blueviolet;
}

span.text-difference-delete {
    color: red;
    text-decoration: line-through;
}

#mapTitle {
    border: 2px solid rgba(0, 0, 0, .2);
    background-clip: padding-box;
    border-radius: 2px;
    background-color: white;
}

#mapTitle h5 {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.comment-meta a {
    cursor: pointer;
}

.comment-meta a:hover {
    color: grey;
}

.badge-violet {
    color: #fff;
    background: #A55EEA;
}

.badge-cyan {
    background: #2BCBBA;
    color: #fff;
}

.note-toolbar {
    background-color: #f5f5f5;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: 1px solid #ddd;
}