/***********************************************************************************************************************************/
/* TITLEBAR - COMMON ***************************************************************************************************************/
/***********************************************************************************************************************************/

/** title **************************************************************************************************************************/
.title-bar h1{
	display: table;
}
.title-bar h1 > span{
	display: table-cell;
}
.title-bar h1,
.title-bar h1 > span{    
    font-size: .785em;
    overflow: hidden;
    table-layout: fixed;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
/** cell height+border **************************************************************************************************************/
.title-bar > .ui-table-row > .ui-table-cell{
	height: 50px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #af9c8d;
}
.title-bar .ui-select{
	margin-bottom: .5em;
}

/** cell icon **********************************************************************************************************************/
.title-bar .cell-icon{
    text-align: center;
}
.title-bar .cell-icon > .content-icon{
    margin: 0 auto;
}
.title-bar a.content-icon,
.title-bar a.content-icon-back{
    display: block;
}

/** for stocktake *******************************************************************************************************************/
.title-bar-cell{
    width: 50px;
    position: relative;
}
.title-bar-cell .stocktake{
    min-width: 60px;
    position: absolute;
    right: 5px;
    top: 11px;
    padding-right: 0;
}

/***********************************************************************************************************************************/
/* TITLEBAR - THEME A **************************************************************************************************************/
/***********************************************************************************************************************************/

/** title **************************************************************************************************************************/
.ui-page-theme-a .title-bar h1{
    color: #3d251b;
}
/** icon SVG ***********************************************************************************************************************/
.ui-page-theme-a .title-bar .content-icon{
    fill: #af9c8d;
}


/***********************************************************************************************************************************/
/* TITLEBAR - THEME B **************************************************************************************************************/
/***********************************************************************************************************************************/

/** background *********************************************************************************************************************/
.title-bar.ui-page-theme-b{
    background-color: transparent;
}
/** title **************************************************************************************************************************/
.title-bar.ui-page-theme-b h1{
    color: #fff;
}
/** icon SVG ***********************************************************************************************************************/
.title-bar.ui-page-theme-b .content-icon,
.title-bar.ui-page-theme-b .content-icon-back{
    fill: #fff;
}
/** cell height+border **************************************************************************************************************/
.title-bar.ui-page-theme-b .ui-table-cell{
    border-color: transparent;
}


/***********************************************************************************************************************************/
/* TITLEBAR - THEME C **************************************************************************************************************/
/***********************************************************************************************************************************/

/** title **************************************************************************************************************************/
.title-bar.ui-page-theme-c h1{
    color: #40231b;
}
/** icon SVG ***********************************************************************************************************************/
.title-bar.ui-page-theme-c .content-icon{
    fill: #af9c8d;
}
/** cell height+border **************************************************************************************************************/
.title-bar.ui-page-theme-c .ui-table-cell{
    border-color: transparent;
}