/***********************************************************************************************************************************
***********************************************************************************************************************************
***********************************************************************************************************************************
***********************************************************************************************************************************
******  ##       ####  ######  ######## ##     ## #### ######## ##      ##    ##     ## ######## 
******  ##        ##  ##    ##    ##    ##     ##  ##  ##       ##  ##  ##    ##     ## ##       
******  ##        ##  ##          ##    ##     ##  ##  ##       ##  ##  ##    ##     ## ##       
******  ##        ##   ######     ##    ##     ##  ##  ######   ##  ##  ##    ##     ## #######  
******  ##        ##        ##    ##     ##   ##   ##  ##       ##  ##  ##     ##   ##        ## 
******  ##        ##  ##    ##    ##      ## ##    ##  ##       ##  ##  ##      ## ##   ##    ## 
******  ######## ####  ######     ##       ###    #### ########  ###  ###        ###     ###### 
***********************************************************************************************************************************
***********************************************************************************************************************************
***********************************************************************************************************************************
************************************************************************************************************************************/

/*
 ######   #######  ##     ## ##     ##  #######  ##    ## 
##    ## ##     ## ###   ### ###   ### ##     ## ###   ## 
##       ##     ## #### #### #### #### ##     ## ####  ## 
##       ##     ## ## ### ## ## ### ## ##     ## ## ## ## 
##       ##     ## ##     ## ##     ## ##     ## ##  #### 
##    ## ##     ## ##     ## ##     ## ##     ## ##   ### 
 ######   #######  ##     ## ##     ##  #######  ##    ##
*/

/* LISTVIEW ************************************************************************************************************************/
/***********************************************************************************************************************************/

.body--ltr .ui-listview{
    text-align: left;
}
.body--rtl .ui-listview{
    text-align: right;
}

/* ITEM ****************************************************************************************************************************/
/***********************************************************************************************************************************/

.ui-listview-item{
    position: relative;
    font-size: 16px;
    color: #3d251b;
    transition: all .25s ease-in-out;
    overflow: hidden;
}

/** item without link ***************************************************************************************************************/
.ui-listview-nolink{
    cursor: default;
}

/** item with link *****************************************************************************************************************/
.ui-listview .ui-listview-item.ui-li-has-link{
    padding: 0;
}


/* TITLE ***************************************************************************************************************************/
/***********************************************************************************************************************************/

.ui-listview-title{
    margin: 0;
    color: #3d251b;
}
h2.ui-listview-title,
h2.ui-listview-title a{
    font-family: 'yanoneubibold', Arial,sans-serif;
    font-size: 24px;
    font-weight: normal;
}
h3.ui-listview-title{
    font-size: 16px;
}

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

.ui-listview-content{
    margin: inherit;
}

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

.ui-li-count{
    font-style: italic;
    display: block;
    font-size: 13px;
}

/* LEGEND-LIST *********************************************************************************************************************/
/***********************************************************************************************************************************/

.legend-list{
    font-style: italic;
    margin: 0;
    font-size: 13px;
}

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

.ui-listview-link{
    display: block;
    color: #3d251b;
}
.ui-listview-link,
.ui-listview-link:hover{
    text-decoration: none;
}
/** link arrow icon ****************************************************************************************************************/
.ui-li-has-link::after{
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2025%2025%22%3E%3Cpath%20d%3D%22M20.2%2012.6c0%200%200-0.1%200-0.1%200%200%200-0.1%200-0.1%200-0.1%200-0.2%200-0.3%200%200%200%200%200%200%20-0.1-0.3-0.2-0.7-0.5-0.9%20-0.1-0.1-0.2-0.2-0.3-0.3L8.5%200.7C7.7-0.1%206.4%200%205.7%200.8%204.9%201.6%205%202.8%205.8%203.6l9.5%208.9%20-9.5%208.9c-0.8%200.7-0.9%202-0.1%202.8%200.7%200.8%202%200.9%202.8%200.1l10.9-10.1c0.1-0.1%200.2-0.2%200.3-0.3%200.3-0.3%200.4-0.6%200.5-0.9%200%200%200%200%200%200C20.2%2012.8%2020.2%2012.7%2020.2%2012.6z%22%20fill%3D%22%2340231b%22%2F%3E%3C%2Fsvg%3E);
    content:"";
    display: block;
    position: absolute;
    width: 13px;
    height: 14px;
    right: 10px;
    top: calc(50% - 7px);
    transition: all .15s ease-in;
}
.ui-li-has-link:hover::after{
    right: 7px;
}




/*
 ######  #### ##     ## ########  ##       ######## 
##    ##  ##  ###   ### ##     ## ##       ##       
##        ##  #### #### ##     ## ##       ##       
 ######   ##  ## ### ## ########  ##       ######   
      ##  ##  ##     ## ##        ##       ##       
##    ##  ##  ##     ## ##        ##       ##       
 ######  #### ##     ## ##        ######## ######## 
*/
/** listview-simple = listview has no image = default jQuery Mobile Listview *******************************************************/

/* ITEM ****************************************************************************************************************************/
/***********************************************************************************************************************************/

.ui-listview-simple .ui-listview-item:not(.ui-li-has-link){
    padding-top: 10px;
    padding-bottom: 10px;
}

/* TITLE ***************************************************************************************************************************/
/***********************************************************************************************************************************/

.ui-listview-simple h2.ui-listview-title{
    margin: -10px;
    padding: 6px 10px;
}
/** title with link ****************************************************************************************************************/
.ui-listview-simple .ui-li-has-link h2.ui-listview-title{
    margin-right: -30px;
}

/* ITEM : LINK *********************************************************************************************************************/
/***********************************************************************************************************************************/

.ui-listview-simple .ui-listview-item.ui-li-has-link a{
    padding-top: 10px;
    padding-bottom: 10px;
}
/** link without count *************************************************************************************************************/
.ui-listview-simple .ui-listview-item.ui-li-has-link:not(.ui-li-has-count) a{
    padding-right: 30px;
}

/* ITEM : COUNT ********************************************************************************************************************/
/***********************************************************************************************************************************/

.ui-listview-simple .ui-li-count{
    position: absolute;
    right: 10px;
    top: calc(50% - 7px);
}

/* ITEM  : LINK + COUNT ************************************************************************************************************/
/***********************************************************************************************************************************/

.ui-listview-simple .ui-listview-item.ui-li-has-link.ui-li-has-count a{
    padding-right: 100px;
}
.ui-listview-simple .ui-listview-item.ui-li-has-link .ui-li-count{
    right: 30px;
}

/* ITEM  : NOLINK + COUNT **********************************************************************************************************/
/***********************************************************************************************************************************/

.ui-listview-simple .ui-listview-item.ui-listview-nolink.ui-li-has-count{
    padding-right: 90px;
}