.navbar-default .navbar-nav>li>a.run-name {
background-color: #111935;
}


@keyframes pulse-animation {
    0% { box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);}
    100% {box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);}
}

.pulse {
animation: pulse-animation 2s infinite
}


.results-container {
    display: flex;
    flex-direction: column;
}

.participant {
    display: flex;
    justify-content: space-between;
}

.name {
    flex: 1;
}


.brackets-viewer .participant .result {
    width: 18% !important;
}


.thead-inverse {
    position: sticky !important;
    position: -webkit-sticky;
     top: 0 !important;
}

 @media (max-width: 768px) {
  .nav.navbar-nav.slide-in {
  margin-top: 27px !important;
  }

  .thead-inverse {
    position: sticky !important;
    position: -webkit-sticky;
    top: 10px !important;
}

.side-body {
        height: 100vh !important;
        overflow: auto !important;
    }
 }

.v_align_m {
 vertical-align: middle !important;
}


#results > table > tbody > tr:hover {
	background-color: #eff8ff
}