.monitor {
  height: 88vh;
  width: 100%;
  position: relative;
}

.monitor-main-contents {
  height: 83vh;
  width: 100%;
}

.monitor-hit-count {
  height: 5vh;
  line-height: 3vh;
  text-align: right;
  float:right;  
}

.monitor-hit-count img{
  margin-left: 2vw;
}

#monitor-table{
  height: 78vh;
}
#monitor-table-contents{
  overflow-y: auto;
  height: 69vh;
  font-family: Montserrat;
}
#monitor-table-contents .transportType-icon{
  display: inline-block;
}

.monitor-hit-count>img {
  width: 2vh;
  height: 2vh;
  margin-right: 0.2vw;
}

.monitor-hit-count>span {
  height: 3vh;
  line-height: 3vh;
}

#monitor-grid-filters{
  height: 5vh;
  width: 100%;
  line-height: 3vh;
  padding: 1vh 1vw;
}


.monitor-hit-icon-selectable {
  width: 2vh;
  height: 2vh;
  cursor: hand;
  cursor: pointer;
}

.monitor-mode-control {
    float: right;
}

.monitor-highlight{
  background: grey;
}

/*override bootstrap .dropdown*/
.dropdown {
  display: inline-block;
  font-family: Montserrat;
  margin-right: 0.5vw;
}
.btn-group {
  margin: 0.5% 0.5% 0.5% 1%;
}
.btn-dropdown {
  background-color: rgb(80,80,80);
  color: white;
  font-family: Montserrat;
}
.btn-dropdown:hover {
  color: lightgrey;
}
.btn-dropdown:active {
  color: lightgrey;
}
.dropdown-menu {
  background-color: rgb(80,80,80);
}
.dropdown-menu > li > a {
  color: white;
  cursor: pointer;
}
.dropdown-menu > li > a:hover {
  background-color: lightgrey;
  background-image: none;
}

.btn-export{
  background-color: white;
  color: rgb(51,122,183);
  font-family: Montserrat;
  width: 6vw;
  height: 3vh;
  position: absolute;
  right: 1vw;
  padding: 0;
}

/* tile view */
.tile-view {
  overflow-y: auto;
  height: 74vh;
  font-family: Montserrat;
}
.tile-view .transportType-icon {
  display: inline-block;
}
.tile-ratio1-1 {
  position: relative;
  margin: 0.5%;
  width: 19%;
  border: 1px solid rgb(80,80,80);
  float: left;
  background-color: rgb(80,80,80);
}
.tile-ratio1-1:before {
  content: "";
  display: inline-block;
  padding-top: 100%;
}
.tile-content {
  position: absolute;
  padding: 0.5vw;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: white;
  font-size: 1.0rem;
  cursor: hand;
  cursor: pointer;
}
.tile-content:hover {
  background: rgba(45,156,219, 0.3);
}
.tile-content:active {
  background: rgba(45,156,219, 0.5);
}
.tile-mode-icon {
  width: 30%;
}
.tile-hit-icon {
  height: 30px;
  width: 30px;
  float: right;
}
.tile-header {
  height: 3vh;
  line-height: 3vh;
  font-size: 1.8rem;
  margin-bottom: 2vh;
}
.tile-row{
  margin-bottom: 2vh;
}
.tile-row div{
  margin-top: 0.5vh;
  height: 2vh;
  line-height: 2vh; 
}
.tile-header img{
  height: 3vh;
  width: 3vh;
}
.tile-body-content {
  height: 60%;
  margin-bottom: 2vh;
  display: flex;
  justify-content: space-between;
}
.tile-body-content .left-content{
  flex: 1;
}
.tile-body-content .right-content{
  flex: 1; 
}
.tile-footer {
  height: 20%;
  display: flex;
  justify-content: space-between;
}
.tile-footer .footer-row{
  flex: 1;
}
.tile-footer .footer-row-large{
  flex: 2;
}
.row-header{
  font-weight: bold;
}

.monitor-tile-smalltext{
  font-size: 0.7vw;
}

.analyze-status-icon {
    display: inline-block;
    right: 1vw;
    position: absolute;
}