body {
  padding : 0px;
}

h2 {
  margin-top : 0px;
}

.logo {
  background-image : url('img/logo.jpg');
  background-size: cover;
}

.container-logo {
  /*margin : 0px;*/
  padding : 5px;
}

@media (min-width : 900px) {
  .container {
    max-width : 870px;
  }

  .row {
    max-width : 870px;
  }

  .container-logo {
    max-width : 870px;
  }

  /* Only show brand logo when space is too small for the big logo*/
  .navbar-brand {
    display : none;
  }

  .brand-extension {
    display : none;
  }
}

/*Fix iPhone and other Mobile Autozoom Bug*/
input[type='text'],
input[type='number'] {
    font-size:16px;
}

select {
    font-size:51px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 16px;
    background: #eee;
  }
}

/*Hide big logo on screensize < 900px*/
@media (max-width : 900px) {
  .container-logo {
    display : none !important;
  }
}

.carousel-caption h3{
  text-align: center;
}

.carousel-inner > .item > a > img, 
.carousel-inner > .item > img {
    margin: 0px auto;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 16px;
    line-height: 1.42857;
    color: #004466;
    white-space: nowrap;
}

.content-container {
  /*margin-top : 10px;*/
}

/***********************
**        Tables      **
************************/

table {
    border-bottom: 1px solid #EDEDED;
    border-collapse: collapse;
    border-spacing: 0px;
    font-size: 14px;
    line-height: 2;
}

td {
    border-top: 1px solid #EDEDED;
    padding: 6px 10px 6px 0px;
}

.sticky-table th:first-child,
.sticky-table td:first-child {
  position: sticky;
  left: 0;
  background-color: #ad6c80;
  color: #373737;
}

/**************************
 ** Reporting fomratting **
 **************************/

.chart-legend {
  list-style-type : none;
}

@media (min-width : 900px) {
  .chart-legend {
    padding : 0; 
    margin: 0; 
    position : absolute; 
    top : 50%; 
    transform : translateY(-50%);
  }
}

/***********************
**   Animation Stuff  **
************************/

.animated {
  position : absolute; 
  bottom :0;
  vertical-align: bottom;
  width : 100%; 
  display : none;
}

.img-tile-anim-hovered {
  opacity: 0.1;
  margin : auto;
}

.anim-control {
  margin: 0;
  padding: 0;
}

.anim-control p {
  padding: 5px;
  max-width: 290px;
  margin : auto;
}

.img-tile-anim {
  opacity: 1.0;
  margin : auto;
}

.col-md-4 {
  margin : auto;
}