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

.navbar {
  background-color: #8D50A6 !important;
}
.navbar-inverse .navbar-nav> li > a, .navbar-inverse .navbar-nav> li > p{
  color:#000000;
  font-size: 18px;
  font-weight: bold;
}
.navbar-fixed-top .nav {
    padding: 15px 0;
}

.navbar-fixed-top .navbar-brand {
    padding: 0 15px;
}

footer {
    padding: 30px 0;
}

@media(min-width:768px) {
    body {
        padding-top: 100px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    }

    .navbar-fixed-top .navbar-brand {
        padding: 15px 0;
    }
}

tr.group,
tr.group:hover {
    background-color: #8D50A6 !important;
    color:#000000;
    font-weight: bold;
}

tr.odd:hover,  tr.even:hover{
    background-color: #8AE3ED !important;
    color:#000000;
}

.panel-primary > .panel-heading{
    background-color: #8D50A6 !important;
    color:#000000;
}

.thumbnail{
  border-radius: 30%;
  background-color: #F5F5F5;
}