hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}


h3 {font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:2px 0; font-size: 12px}


/**body {
  color: @gray;
  font-family: 'Roboto','Helvetica Neue', Helvetica, Arial, sans-serif;
  font-style: normal;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga" on;
}**/


bio-images {
    border-radius: 30%;
    height: 30px;
    width: 30px;
}

.tooltip{
    position: absolute;
    padding:0.01em 5px;
    width: 200px;
    background-color:#f1f1f1!important;
    border-radius: 8px 8px;
    box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
    padding: 3px;
    display: block;
    overflow: auto;
}

.w3-light-grey {
    color:#000!important;
}

.w3-left {
    float:left!important
}
.w3-right {
    float:right!important
}
.w3-margin-right {
    margin-right:16px!important
}

.w3-circle{
    border-radius:25%
}

p#"IncidentTitle" {
    font-weight:400;
    font-size: 11px;
}

.figure {
    padding: 0px;
    margin: 0px;
}

circle.Urgent {
    fill: maroon;
}

circle.High {
    fill: crimson;
}

circle.Medium {
    fill: khaki;
}

circle.Low {
    fill: forestgreen;
}

@-webkit-keyframes pulse {
  0% { box-shadow:0 0 16px grey, inset 0 0 16px white; }
  50% { box-shadow:0 0 32px white, inset 0 0 32px white; }
  100% { box-shadow:0 0 16px grey, inset 0 0 16px white; }
}

.inner {
  background-color:transparent;
  width:200px;
  height:200px;
  border-radius:200px;
  box-shadow: 0 0 10px grey, inset 0 0 10px white;
  -webkit-animation: pulse 4s linear 2s infinite;
}

.header {
    text-align:left;
}

.tblIncidents {
    position:absolute;
    width:320px;
    left:940px;
    top:50px;
    height:500px;
    overflow:auto;
    border: 1px solid rgb(75,75,75);
    border-radius: 10px;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
    max-width: calc(100% - 2em);
}

table {
  width: 100%;
}
.tblIncidents table td {
  color: rgb(75,75,75);
  padding: 4px;
  font-size: 10px;
  line-height: .8;
  text-align: center;
  vertical-align: middle;
}

.tblIncidents table td:last-child {
  text-align: left;
}

.tblIncidents table tr:nth-child(2n) {
  background-color: white;
}
.tblIncidents table tr:nth-child(2n+1) {
  background-color: silver;
}

.highlighted {
  fill: #e65c00 !important;
  stroke: #cc5200 !important;
}

.boxshadow
{
  -moz-box-shadow: 3px 3px 5px #535353;
  -webkit-box-shadow: 3px 3px 5px #535353;
  box-shadow: 3px 3px 5px #535353;
}
.roundbox
{
  -moz-border-radius: 12px 12px 12px 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px 12px 12px 12px;
}

.map-overlay {
        font: bold 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
        position: absolute;
        width: 25%;
        top: 0;
        left: 0;
        padding: 10px;
    }

    .map-overlay .map-overlay-inner {
        background-color: #fff;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        border-radius: 3px;
        padding: 10px;
        margin-bottom: 10px;
    }

    .map-overlay label {
        display: block;
        margin: 0 0 10px;
    }

    .map-overlay input {
        background-color: transparent;
        display: inline-block;
        width: 100%;
        position: relative;
        margin: 0;
        cursor: ew-resize;
    }