.cardInfoContainer {
    height: 100%;
    padding: 5px;
}
.cardInfoContent {
    overflow: auto;
}
.cardInfoSubContainer {
    overflow: auto;
}
.cardInfoTitle {
    width: 98%;
    height: 9%;
    font-size: 18px;
    font-weight: bold;
}
.cardInfoImage {
    width: 31%;
    height: 89%;
    float: left;
}
.cardInfoImageImgCircle {
    border-radius: 50% !important;
    margin: auto;
    display: block;
    border: 0;
}
.cardInfoImageImg {
    margin: auto;
    display: block;
    border: 0;
}
.cardInfoDetails {
    width: 67%;
    height: 89%;
    float: right;
}
.cardInfoDetailsLine {
    margin: 0;
    float: left;
    width: 100%;
}

.fav-state-highlight {
    background:#eee;
    border:1px dotted #333;
    height:100px;
    width:100px;
    margin:10px 0;
}