#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}
.container{
  margin-top: 10px;
  width:100%;
}

.icon-bar {
  width: 20px;
  height: 4px;
  background-color: white;
  margin: 4px 0;
}

.dataTables_wrapper .dataTables_filter input {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  margin-left: 3px;
  margin-bottom: 15px;
}

.map-label{
  background-color: white;
  border-radius: .25rem;
  border: 1px solid grey;
  bottom: -9px;
  padding: 0 3px;
  left: 0;
  position: relative;
}

.card-noshadow{
  border: 1px solid grey;
}

.table-shadow, .card, #chartContainer, #map, #mapDaySelector{
  box-shadow: inset 0 -3em 3em rgb(0 0 0 / 0%),.3em 0.3em 1em rgb(0 0 0 / 7%);
}

.table-shadow{
  text-align: right;
}

.offcanvas-size-sm {
    width: 60%;
}

.offcanvas-header{
  margin: 0 auto;
}

.navbar-nav{
position: absolute;
bottom: 25px;
font-size:25px;
width:100%;
}

.nav-item{
  width:85%;
}

.nav-link{
  color: lightslategrey;
}

.form-group{
  padding-top: 10px;
}
/* CSS talk bubble */
.talk-bubble {
margin: 5px 30px;
display: block;
position: relative;
width: 85%;
height: auto;
background-color: lightskyblue;
}
.border{
border: 8px solid #666;
}
.round{
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;

}

/* Right triangle placed top left flush. */
.tri-right.border.left-top:before {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: -40px;
right: auto;
top: -8px;
bottom: auto;
border: 32px solid;
border-color: #666 transparent transparent transparent;
}
.tri-right.left-top:after{
content: ' ';
position: absolute;
width: 0;
height: 0;
left: -20px;
right: auto;
top: 0px;
bottom: auto;
border: 22px solid;
border-color: lightskyblue transparent transparent transparent;
}

/* Right triangle, left side slightly down */
.tri-right.border.left-in:before {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: -40px;
right: auto;
top: 30px;
bottom: auto;
border: 20px solid;
border-color: #666 #666 transparent transparent;
}
.tri-right.left-in:after{
content: ' ';
position: absolute;
width: 0;
height: 0;
left: -20px;
right: auto;
top: 38px;
bottom: auto;
border: 12px solid;
border-color: lightskyblue lightskyblue transparent transparent;
}

/*Right triangle, placed bottom left side slightly in*/
.tri-right.border.btm-left:before {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: -8px;
right: auto;
top: auto;
bottom: -40px;
border: 32px solid;
border-color: transparent transparent transparent #666;
}
.tri-right.btm-left:after{
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 0px;
right: auto;
top: auto;
bottom: -20px;
border: 22px solid;
border-color: transparent transparent transparent lightskyblue;
}
/* talk bubble contents */
.talktext{
padding: 1em;
text-align: left;
line-height: 1.5em;
}
.talktext p{
/* remove webkit p margins */
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
}
th, td {
padding: 0 10px 0 0;
}
.shadow, #units {
box-shadow: inset 0 -3em 3em rgb(0 0 0 / 0%),.3em 0.3em 1em rgb(0 0 0 / 7%);
}

.chat-bubble-left{
  width: 90%;
  background-color: #e1e1e8;
  float:left;
  margin: 5px 0;
  border-radius:5px;
  box-shadow:0 2px 0 #00000020;
}

.chat-bubble-right{
  width: 90%;
  background-color: #057ef7;
  float:right;
  margin: 5px 0;
  border-radius:5px;
  margin-right:10px;
  box-shadow:0 2px 0 #00000020;
  color:white;
}

.glow-red-button {
  box-shadow: 0 0 10px #DC3545;
}

.glow-green-button {
  box-shadow: 0 0 10px #198754;
}

.glow-blue-button {
  box-shadow: 0 0 10px #0A6EFD;
}

.glow-yellow-button {
  box-shadow: 0 0 10px yellow;
}