.bg-navbar {
	background-color: #456;
}
.navbar .dropdown-item {
	color: black;
}
.translucent {
	background-color: rgba(255,255,255,0.85);
}
.btn-xs {
	font-size: 1rem;
	line-height: 1;
	padding: 2px 8px;
}
.btn-xs .bi {
	font-size: .9rem;
	padding: 0px;
	margin: 0px;
}
.breadcrumb {
	margin-bottom: 0px;
	background-color: #eee;
	line-height: 1.5;
	padding: .375rem .75rem;
	border: 1px solid #eee;
	border-radius: .25rem;
}
.pre-wrap {
	white-space: pre-wrap;
}
.data-table td {
	border: 0px;
	padding: 2px 8px 2px 0px;
}

/* openlayers */

.ol-attribution.ol-logo-only,
.ol-attribution.ol-uncollapsible {
    max-width: calc(100% - 3em) !important;
    height: 1.5em !important;
}
.ol-control button,
.ol-attribution,
.ol-scale-line-inner {
    font-size: 12px;
    height: 1.5em !important;
}
.ol-attribution ul {
    font-size: 1em;
}
.ol-popup {
    font-size: 1em;
    position: absolute;
    background-color: white;
    __-webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    padding: 6px;
    border-radius: 6px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    min-width: 280px;
}
.ol-popup:after,
.ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}
.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}
.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
}
.ol-popup-closer:after {
    content: "✖";
    color: #c3c3c3;
}

/* alarm bell colors */

.alarm-state-unknown     { color: #fbb917; }
.alarm-state-suppressed  { color: #aaaaaa; }
.alarm-state-success     { color: #008000; }
.alarm-state-error       { color: #ff0000; }
.alarm-state-aborted     { color: #4455ff; }

/* alarm target colors */

tr.alarm-target.status-none          > td        { background-color: transparent; }
tr.alarm-target.status-none:hover    > td        { background-color: #f5f5f5; }
tr.alarm-target.status-none          > td        { color: #00000; }

tr.alarm-target.status-running       > td        { background-color: #ffff88; }
tr.alarm-target.status-running:hover > td        { background-color: #ffffbb; }
tr.alarm-target.status-running       > td        { color: #222200; }

tr.alarm-target.status-success       > td        { background-color: #88FF88; }
tr.alarm-target.status-success:hover > td        { background-color: #aaffaa; }
tr.alarm-target.status-success       > td        { color: #000000; }

tr.alarm-target.status-error         > td        { background-color: #ff6644; }
tr.alarm-target.status-error:hover   > td        { background-color: #ff7755; }
tr.alarm-target.status-error         > td        { color: #ffffff; }

tr.alarm-target.status-timeout       > td        { background-color: #ff6644; }
tr.alarm-target.status-timeout:hover > td        { background-color: #ff7755; }
tr.alarm-target.status-timeout       > td        { color: #ffffff; }

tr.alarm-target.status-abort         > td        { background-color: #717DFB; }
tr.alarm-target.status-abort:hover   > td        { background-color: #7A85FF; }
tr.alarm-target.status-abort         > td        { color: #ffffff; }

/* billboards */

.billboard-reachability-unknown         { background-color: #ffff88; color: #000000; }
.billboard-reachability-suppressed      { background-color: #cccccc; color: #000000; }
.billboard-reachability-success         { background-color: #009A00; color: #ffffff; }
.billboard-reachability-error           { background-color: #FF0D0D; color: #ffffff; }
.billboard-reachability-aborted         { background-color: #4455ff; color: #ffffff; }