body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

footer {
    margin: 50px 0;
}

.navbar-inverse {
    background-color: #626e7e;
    border-color: #626e7e;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #626e70;
}
#calendar table {
  font-family: sans-serif;
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid #626e7e;
  margin-bottom: 50px;
}
#calendar table thead tr th {
  
  background: #626e7e;
  color: #d1d5db;
  padding: 0.5em;
  overflow: hidden;
}
#calendar table tbody tr td {
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #626e7e;
    position: relative;
    height: 16px;
}
#calendar .table-bordered>thead>tr>th {
    border-bottom-width: 0px;
}
#calendar  .table-bordered>thead>tr>th {
    border: 0px;
}

#calendar table tbody tr td.hour {
	color: #fff;
    background: #626e7e;
	border: 1px solid #626e7e;
}

.navbar-inverse .navbar-brand {
    color: #fff;
}
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}