/* ========== CDs page ========== */
#cds-page .description{
    margin: 33px 0 22px 0;
}

#cds-page .tab-footer{
    height: 20px;
}

.cd-thumbs-box{
    text-align: center;
    vertical-align: top;
}

.cd-thumb-large{
    position: relative;
    display: inline-block;
    margin: 6px;
    padding: 6px;
    border-radius: 6px;
    vertical-align: top;
    overflow: hidden;
	width: 180px;
}

.cd-thumb-large.selected{
    border: 1px dotted #4285f4;
}

.cd-thumb-large > span{
    display: block;
    width: 168px;
    height: 168px;
    background-position: 0 0;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: no-repeat;
    background-size: 168px 168px;
    border-radius: 4px;
    background-color: #fcfeff;

    -webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.18);
    box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.18);
}

.cd-thumb-large > .cd-name{
    display: block;
    text-align: center;
    color: #555;
    font-size: 14px;
    margin: 15px 0 6px 0;
    padding: 0;
    font-weight: bold;
}

.cd-thumb-large > .cd-no{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: 100px;
    text-align: center;
    margin: 0;
    padding: 0;
    color: #ececec;
    font-size: 30px;
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
}

body.non-touch-device .cd-thumb-large:hover{
    background-color: #ececec;
}

/* CD Thumbnail images */
.cd-thumb-large .cd-thumb-nwss{
    background-size: 170px 169px;
}

/* ========== CD Page (single CD view) ========== */
#cd-page .page-toolbar{
    margin-top: 0;
    padding-top: 3px;
}

#cd-sub-heading{
    padding-right: 8px;
}

#cd-box{
    position: relative;
    margin-top: 3px;
    border-top: 1px solid #e0e0e0;
    padding-top: 16px;
}

#cds-slider{
    margin: 9px 0 40px 0;
}

#cd-page .cd-intro{
    background-color: #fff8dc;
    border-radius: 4px;
    padding: 8px;
}

#cd-page .cd-cover-download{
    display: inline-block;
    padding: 8px;
    background-color: #f0f0f0;
    margin-top: 20px;
    border-radius: 4px;
}

#cd-page .cd-cover-download > span{
    display: block;
    color: #888;
    font-size: 12px;
    padding-bottom: 8px;
}

#cd-page .cd-cover-download a,
#cd-page .cd-cover-download a:hover,
#cd-page .cd-cover-download a:focus,
#cd-page .cd-cover-download a:active{
    color: #4285f4;
}

#cd-page>.download-bar{
    opacity: 0;
}

#cd-page-slider{
    position: relative;
    width: 60%;
    height: 600px;
    background-color: antiquewhite;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}

.cd-page-slide{
    pointer-events: none;
}

.cd-page-slide.active{
    pointer-events: all;
    background-color: greenyellow !important;
}

.page-slider-template{
    position: absolute;
    left: 0;
    top: 0;

    width: 100%;
    height: 300px;
    border: 2px solid green;
    background-color: cornflowerblue;

    transition: margin-left 0.4s cubic-bezier(0.83, 0, 0.17, 1);
}

#cd-page-slider.dragging .page-slider-template{
    transition: none;
}