#book-detail td{
    font-size: 12px;
    letter-spacing: 0.6px;
}

img.img-thumbnail {
    height: 300px;
}

@media (max-width:768px) {
    
    .ab-preview-container {
        text-align:center;  
    }
}

.ab-preview-container {
    margin:25px 0;
    position: relative;
}
.ab-preview-container span {
    display: inline-block;
}

.ui-multiselect ul.connected-list {
    width: 94%;
    overflow: hidden;
    /*min-height:297px;*/
}

@media (max-width:768px) {
    ul.selected {
        border:1px solid #cdcdcd;
    }

    #book-detail {
        text-align:center;
    }
}
      
.underline {
    text-decoration:underline;
}

.book_info {
    margin-left:5%!important;
}


/*Copied from https://codepen.io/nxworld/pen/oLdoWb and adjusted*/

.box {
    position: relative;
    display: inline-block;
    margin-bottom: -150px;
}

/* common */
.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: relative;
}

    .ribbon span {
        position: absolute;
        display: block;
        width: 260px;
        padding: 10px 0;
        background-color: #005fb3;
        box-shadow: 0 5px 10px rgba(0,0,0,.1);
        color: #fff;
        font: 700 14px/1 sans-serif;
        text-shadow: 0 1px 1px rgba(0,0,0,.2);
        text-transform: uppercase;
        text-align: center;
    }

/* bottom right*/
.ribbon-bottom-right {

    bottom: 150px;
    float: right;
}

.ribbon-bottom-right span {
    left: -25px;
    bottom: 30px;
    transform: rotate(-45deg);
}