﻿body {
}
.col-md-4 ul {
    margin-top: 0;
    margin: 10px 0;
    list-style: none !important;
    -webkit-padding-start: 0px;
}
.mdl-list__item {
    padding: 16px 0px 16px 0px !important;
}

.flex {
    display: flex !important;
}

.listtitle {
    font-size: 20px;
    line-height: 24px;
}

.list100 {
    height: 100px;
}

.page-content {
    border-left: 1px solid #fff;
    background-color: #fff;
    padding: 25px;
    min-height: 500px;
}

.mdl-list__item-avatar, .mdl-list__item-avatar.material-icons {
    height: 40px;
    width: 40px;
    box-sizing: border-box;
    border-radius: 0 !important;
    background-color: transparent !important;
    font-size: 40px;
    color: #fff;
}

.m-t-0 {
    margin-top: 0px !important;
}
.adjustav {
    width: 18%;
    height: auto;
    float: left;
    margin-right: 23px;
}
/*#myreadsrec {
            height: 250px;
            width: 100%;
            display: block;
            contain: content;
            background-image: url(images/myreads.png);
            background-size: 74%;
            background-repeat: no-repeat;
            background-position-x: 100%;
        }*/

.demo-card-square.mdl-card {
    width: 100%;
    height: 320px;
}

.mdl-card__supporting-text {
    width: 100%;
}

.demo-card-square > .mdl-card__title {
    color: #0065a4;
    background: url('images/MyReads_Jul2016.jpg') bottom right 15% no-repeat #ffffff;
    background-size: 100%;
    background-position: 50% 25%;
}

#MainContent_sidebarLinks > div > div.mdl-card__title.mdl-card--expand > h2 {
    font-weight: 500 !important;
}

.mdl-list__item--three-line .mdl-list__item-text-body {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    height: 52px;
    color: #616161 !important;
    display: block;
    padding: 0;
}

.mdl-card__supporting-text {
    color: #616161 !important;
}

li.mdl-list__item.mdl-list__item--three-line:hover {
    background-color: rgba(158, 158, 158, .2);
}

.mdl-list__item--three-line a {
    color: #0065a4;
    text-decoration: none !important;
    width: 100%;
}

.mdl-list__item--three-line .mdl-list__item-text-body {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    height: auto !important;
}

.mdl-list__item--three-line .mdl-list__item-primary-content {
    height: auto;
    line-height: 20px;
    display: block;
}

.mdl-list__item--three-line {
    height: auto;
}

#ctl01 > div.container > div > div.col-sm-9.col-sm-push-3.page-content > div:nth-child(2) > div.col-md-8 > ul:nth-child(5) > li:nth-child(1) > a > span > span.m-t-30 {
    font-size: 20px;
    line-height: 24px;
}

.fs16 {
    font-size: 16px;
}

#ctl01 > div.container > div > div.col-sm-9.col-sm-push-3.page-content > div:nth-child(2) > div.col-md-8 > ul:nth-child(5) {
    padding-left: 0px !important;
}

#ctl01 > div.container > div > div.col-sm-9.col-sm-push-3.page-content > div:nth-child(2) > div.col-md-8 > img {
    margin-bottom: 2%;
}

#myreads {
    width: 100%;
}

#ctl01 > div.container > div > div.col-sm-9.col-sm-push-3.page-content > div:nth-child(2) > div.col-md-8 > ul.demo-list-three.mdl-list > li:nth-child(1) > a > span > i {
    float: right !important;
    height: auto;
    width: 225px;
}
@media screen and (max-width: 480px) {
   #myreads {
        float: none !important;
    }
}