.listview .panel
{
    width: 320px;
    float: left;
    display: inline-block;    
    margin: 20px;
    min-height: 200px;
}

.listview .panel > .panel-heading 
{
    cursor: pointer;
}

.listview .panel > .panel-heading > *
{
    display: inline-block;
}

.listview .panel > .panel-body > span
{
    cursor: pointer;
    margin-bottom: 5px;
    display: inline-block;
}

.listview .panel > .panel-body > h3
{
    margin-top: 0px;
    font-size: 20px;
}

.listview .panel-heading {
    padding: 10px 0px;
    padding-bottom:10px;
    display:table;
    width:100%;
}
.listview .panel.no-border > .panel-heading > h4{ 
    margin:0px;
    display:table-cell;
    vertical-align:middle;
    white-space:normal;
    max-width:273px;
}
.listview .panel.no-border > .panel-heading > .glyphicon {
    top: 0px;
    vertical-align:middle;
    transition: all ease 0.5s;
    display:table-cell;
    padding-right:12px;
}
.listview .panel.no-border > .panel-heading {
    min-height:78px;
}
.menu-item-link {
    font-size: 12px;
    white-space: nowrap;
}

.menu-item-link:not(:last-child) {
    padding-right: 5px;
    border-right: 1px solid #ccc;

}

.menu-link-container {
    padding-top: 0px;
    padding-left:0px;
    padding-right:0px;
}

.menu-item-icon {
    font-size: 30px;
    margin-right: 10px;
}

.panel.single-item,
.panel.no-border {
    border:1px solid transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

    .panel.no-border > .panel-heading {
        background: none !important;  
        white-space: nowrap;       
    }   
    
    .panel.no-border > .panel-heading:hover {
        color: #3a87ad;
    }   

    .panel.no-border > .panel-heading > h4 {
        font-weight: bold;   
        transition: all ease 0.5s;
    }   

    .panel.no-border > .panel-heading > .glyphicon {
        top: 8px;
        transition: all ease 0.5s;
    }