.grade {
    font-size: 1.5em;
    color: black;
}

#book .col-xs-4, #book .col-md-4 {
    padding: 3px;
    cursor: pointer;
}

#book .col-xs-4 img, #book .col-md-4 img {
    width: 100%;
}

#book .col-xs-4 .caption, #book .col-md-4 .caption {
    padding: 0;
}

.thumbnail {
    /*border: 1px dashed #dddddd;*/
    border: 0;
}

.navbar-collapse.collapse {
    display: block !important;
}


.navbar-nav > li, .navbar-nav {
    float: left !important;
}


.navbar-nav.navbar-right:last-child {
    margin-right: -15px !important;
}

.navbar-default {
    background-color: white;
    border-color: white;
}

.navbar {
    background-image: none;
    background-repeat: no-repeat;

}

.navbar-right {
    float: right !important;
}

.navbar .nav > li > a {
    color: black;
}

.navbar .nav > li > a:hover {
    color: #FF9900;;
}

.navbar .nav > li > a:active {
    color: #FF9900;
}

.navbar .nav > .active a {
    color: #FF9900;
}


.item {
    min-height: 60px;
    border-bottom: 1px #DDD dashed;
    display: flex;
    cursor: pointer;
}

.item:hover {
    background-color: #F3F3F3;
}

.item .row {
    align-self: center;
}

.bg {
    background-image: linear-gradient(to right, #1c334d, #439a91);
    color: white;
}


.ba {
    color: white;
}

.ba:visited {
    color: white;
}

.ba:hover {
    color: #DDDDDD;
}

.button-group {
    text-align: center;
    margin-top: 30px;
}

.button-group a {
    outline: none;
    text-decoration: none;
    border: 0;
    padding: 10px 50px 10px 50px;
    height: 40px;
    border-radius: 20px;
    color: #FFFFFF;
    font-size: 18px;
    background-color: #CC3399;
}
.footer {
  background-color: #9933CC;
  color: white;
  padding-top: 20px;
  padding-bottom: 20px;
}