/*
########   #######  ##      ##    ##       ####  ######  ######## ##     ## #### ######## ##      ## 
##     ## ##     ## ##  ##  ##    ##        ##  ##    ##    ##    ##     ##  ##  ##       ##  ##  ## 
##     ## ##     ## ##  ##  ##    ##        ##  ##          ##    ##     ##  ##  ##       ##  ##  ## 
########  ##     ## ##  ##  ##    ##        ##   ######     ##    ##     ##  ##  ######   ##  ##  ## 
##     ## ##     ## ##  ##  ##    ##        ##        ##    ##     ##   ##   ##  ##       ##  ##  ## 
##     ## ##     ## ##  ##  ##    ##        ##  ##    ##    ##      ## ##    ##  ##       ##  ##  ## 
########   #######   ###  ###     ######## ####  ######     ##       ###    #### ########  ###  ###  
*/
/** listview-complex = listview has at least one image *****************************************************************************/


.listview__item{
    position: relative;
}
.listview__item:not(.listview__item--emphasis){
    border-bottom: 1px solid #DCD4BC;
}
.listview__item .item-absolute{
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

/* LINK ****************************************************************************************************************************/
/***********************************************************************************************************************************/

.listview__item,
.listview__item a{
    height: 60px;
    display: block;
    padding-right: 50px;
}
.listview__item a,
.listview__item a:hover{
    text-decoration: none; 
}
.listview--hasimage .listview__item:not(.listview__item--emphasis) .item-absolute{
    padding-left: 42px;
}


/* SVG *****************************************************************************************************************************/
/***********************************************************************************************************************************/

.listview__item__svg{
    position: absolute;
    top: 22px;
    transition: all .15s ease-in-out;
    right: 20px;
}
.listview__item:hover .listview__item__svg{
    transform: translateX(5px);
}



/* IMAGE ***************************************************************************************************************************/
/***********************************************************************************************************************************/

.listview__item__image{
    position: absolute;
    top: 14px;
    left: 0;
}


/* TITLE ***************************************************************************************************************************/
/***********************************************************************************************************************************/
.listview__item__title{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 12px;
    font-size: 13px;
    line-height: 18px;
    color: #3d251b;
}
.listview__item:not(:first-child).listview__item--emphasis{
    height: 90px;
}
.listview__item:not(:first-child).listview__item--emphasis .listview__item__title{
    padding-top: 42px;
}
.listview__item--emphasis .listview__item__title{
    font-family: 'yanoneubibold', Arial,sans-serif;
    font-weight: normal;
    font-size: 24px;
    line-height: 32px;    
}

/* CONTENT *************************************************************************************************************************/
/***********************************************************************************************************************************/

.listview__item__content{
    color: #82685b;
}
.listview--hascontent:not(.listview--hastitle) .listview__item__content{
    display: table-cell;
    font-size: 13px;
    font-style: normal;
    height: 60px;
    vertical-align: middle;
}
.listview--hastitle.listview--hascontent .listview__item__content{
    font-size: 11px;
    line-height: 16px;
}
.listview__item__content > a{
    height: auto;
    padding: 0;
}

/* MULTILINES **********************************************************************************************************************/
/***********************************************************************************************************************************/

.listview__item__multilines{
    color: #3d251b;
    display: table-cell;
    font-size: 13px;
    height: 60px;
    line-height: 18px;
    vertical-align: middle;
    width: 100%;
}
.body--ltr .listview--hascount .listview__item__multilines{
    padding-right: 100px;
}
.body--rtl .listview--hascount .listview__item__multilines{
    padding-left: 100px;
}

/* COUNT ***************************************************************************************************************************/
/***********************************************************************************************************************************/

.listview__item__count{
    bottom: 0;
    color: #82685b;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    line-height: 60px;
    position: absolute;
    right: 40px;
    top: 0;
}
.listview__item__count .svg{
    display: block;
    float: right;
    height: 16px;
    margin: 3px 0 0 5px;
    width: 16px;
}
.listview:not(..listview--haslink) .listview__item__count{
    right: 20px;
}
.body--ltr .listview--haslink .listview__item__count{
    right: 40px;
}
.body--rtl .listview--haslink .listview__item__count{
    left: 40px;
}