body {
  padding-top: 70px;
  position: relative;
  height: 100%;
}
.navbar .container{
    // padding: 15px;
}
.navbar-brand {
  padding: 6px;
}
.update {
  color: #ff4040;
}
.center {
  text-align:center;
}
.imCenter {
  margin: 0 auto;
}
.caption {
  display: inline-block;
  font-size: 1.5em;
  font-style: bold;
  text-align: center;
}
.carouselImg {
  margin:auto;
  background-color: rgba(0, 40, 80, 0.4);
  padding-top: 20px;
  padding-bottom: 80px;
}
.carouselImg img {
  width: auto;
  height: 360px;
  max-height: 360px;
}
.top5 { margin-top:5px; }
.indent { margin-left:15px; }
.map {
  border: 1px solid black;
  width: auto;
  height: 400px;
}
.video {
  border: 1px solid black;
  width: auto;
}
.mediaRow {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  height: 180px;
  font: 0/0 a;
}
.mediaItem {
  display: inline-block;
  vertical-align: middle;
  cursor:pointer;
  float:none;
  width: 180px;
  position:relative;
}
.mediaItem:before {    /* create a full-height inline block pseudo=element */
  content: ' ';
  display: inline-block;
  vertical-align: middle;  /* vertical alignment of the inline element */
  height: 100%;
}     
.mediaItem img {
  border: 1px solid black;
  vertical-align: middle;
  margin: 10px;
}
.overlay {
  position: absolute;
  left:0;
  top: 0;
  z-index: 998;
}
.mediaIndex, .videoIndex {
  position: absolute;
  left: 20px;
  bottom: 25px;
  z-index: 999;
  font-size: xx-large;
  font-weight: bolder;
  color: #fee;
}
.videoIndex {
  bottom:45px;
}
.mediaRating {
  position: absolute;
  right: 20px;
  bottom: 0;
  z-index: 999;
  font-size: x-large;
  font-weight: bolder;
  color: #282;
}
.videoThumb {
  height:120px;
  padding-top:18px;
  padding-bottom:18px;
}
.spinner {
    border: 8px solid rgba(250, 250, 250, 0.5); /* Light grey */
    border-top: 8px solid rgba(50,120,180, 0.5); /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    position: absolute;
    margin-left: -30px;
    margin-top: -30px;
    top: 50%;
    left: 50%;
    transform: translateY(-50%);
    animation: spin 2s linear infinite;
}
.timerLeft, .timerRight {
  border: 1px solid #777;
  font-size: smaller;
  color: #777;
  margin-left: 5px;
  margin-right: 5px;
  padding: 2px;
  position:absolute;
  bottom:5px;
}
.timerLeft {
  left:0;
  margin-left: 15px;
}
.timerRight {
  right:0;
  margin-right: 15px;
}
.timerRow {
  width:auto;
  margin-left:60px;
  margin-right:60px;
  margin-top: 5px;
}

.btn[disabled] {
  opacity: .4;
}

#pauseIcon {
  display:none;
}

.isnew {
  position:absolute;
  top:5px;
  left: 5px;
  color:#f88;
  font-size:0.6em;
  font-weight:900;
}
.fbShare {
  background: rgb(59, 89, 152) none repeat scroll 0% 0%;
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-family: arial;
  font-size: 14px;
  font-weight: 700;
  padding:5px;
  display: inline-block;
}
.fbShare:hover {
  background: rgb(49, 73, 125) none repeat scroll 0% 0%;
}
.videoWarn {
  position: absolute;
  bottom: 20px;
  width:100%;
  text-align: center;
  font-size: 14px;
  display:block;
  background-color: #222;
  color: #fff;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.event-row :nth-child(even) :nth-child(-n+4) {
  background-color: #eee;
}
.event-row :nth-child(odd) :nth-child(-n+4) {
  background-color: #fff;
}

#logShot {
  position:absolute;
  border:1px solid #ccc;
  background:#333;
  padding:5px;
  display:none;
  color:#fff;
  overflow:hidden;
}

.vertical-align {
  display:flex;
  align-items: center;
  flex: 1;
}

.flex-down {
  display: flex;
  flex-direction: column;
}

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.big-icon {
  font-size: 2em;
  color: #00cc00;
  float: left;
  margin: 5px;
}
/* Small devices (991px and down) */
@media (max-width: 991px) {
    .row.vertical-align {
        display: block; /* Turn off the flexible box layout */
    }
}