ul.navbar-nav li.active{
    font-weight: bold;
    text-decoration: underline;
}
ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: unset;
  float: right;
  margin: auto;
}
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}
ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}

.gal {
margin: 5px 10px;
}
.gal-item {
    /*margin-bottom: 10px;*/
    padding: 5px;
}
.thumb-item {
    /*margin-bottom: 10px;*/
    padding: 5px;
}

img.thumb {
  width: 100%;
  height: auto;
  max-height: 258px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
img.thumb:hover {
  opacity: .8;
}
img.risk {
  width: 100%;
  height: auto;
  max-height: 258px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
img.risk:hover {
  opacity: .8;
}
div.container {
    padding: 5px 6px;
    width: auto;
    background-color: #f1f1f1;
    font-size: small;
}
span.title {
	font-weight: bold;
}
span.battery {
	float: none;
}
span.date {
	float: right;
    font-weight: bold;
}
.bat-full {
    color: green;
}
.bat-half {
    color: orange;
}
.bat-low {
    color: red;
    font-weight: bold;
}
.MainImage {
    max-width: -webkit-fill-available;
    max-height: calc( 100vh - 85px );
    margin-bottom: 12px;
}
#thumb_parent{
    max-height: calc( 100vh - 85px );
}
.thumb_list{
    overflow-y: scroll;
    max-height: calc( 100vh - 110px );
}
#view_parent{
    text-align: center;
}
input#rname{
    width: 80%;
}
.cams-datas{
    display:flex;
    align-items:center;
}
.cams-datas button {
    margin-bottom: 5px;
    margin-right: 2px;
    margin-left: 2px;
}
#statussummary table {
    border: 1px solid #eee;
}