body {    
	background-color: #2E3440 !important;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
}

h1 {
  color: white;
  text-align: center;
  font-weight: bold;
  padding-top: 20px;
}

h6 {
  color: white;
  padding-top: 15px;
  padding-bottom: 5px;
}

.option {
  padding: 5px;
}

.theatre-list {
  display: block;
  overflow: hidden;
	width: 100%;
  box-sizing:border-box;
}

.theatre-list dl {
  counter-reset: li;
  list-style: none;
  list-style-type: none;
  padding: 0;
  margin-bottom: 4em;
}

.theatre {
  list-style-type: none;
  position: relative;
  display: block;
  padding: .5em .5em .5em 1em;
  *padding: .4em;
  margin: .5em 0;
  background: #434C5E;
  color: white;
   border-radius: 3px;
  text-decoration: none;
  -webkit-transition: box-shadow 1s; /* For Safari 3.1 to 6.0 */
  transition: box-shadow 1s;
}

.theatre:hover{
  list-style-type: none;
  box-shadow:inset 100em 0 #80A1C1;
}

/* #auditoriums .btn {
  border-radius: 0;
} */

.selected-button {
  background-color: #393939 !important;
  color: #FFFFFF !important;
}