HbToolButton{
    layout:icon_button;
}

HbToolButton[toolButtonStyle="1"]{	
    layout:icon_button;
}

HbToolButton[toolButtonStyle="2"]{
    layout:text_button;
}

HbToolButton[toolButtonStyle="3"]{
    layout:icon_text_button;
}

HbToolButton[toolbutton_extension_layout="true"][toolButtonStyle="3"] {
    layout: icon_text_button_extension;
}

HbToolBar > HbToolButton[toolButtonStyle="3"][orientation="2"] {
    min-width:15un;
    min-height:1un;
    pref-height:var(hb-param-widget-toolbar-height);
}

HbToolBar > HbToolButton[toolButtonStyle="2"][orientation="2"] {
    min-width:15un;
    min-height:1un;
    pref-height:var(hb-param-widget-toolbar-height);
}

HbToolBar > HbToolButton[toolButtonStyle="1"][orientation="2"] {
    min-width:9un;
    min-height:1un;
    pref-height:var(hb-param-widget-toolbar-height);
}

HbToolBar > HbToolButton[orientation="1"] {
    pref-width:var(hb-param-widget-chrome-height);
    min-width:1un;
    min-height:var(hb-param-widget-toolbar-height);
}

HbToolBar > HbToolButton[orientation="2"]::text {
    text-align: center;
}

HbToolBar > HbToolButton[orientation="1"]::text {
    left:-var(hb-param-margin-gene-middle-horizontal);
    right:var(hb-param-margin-gene-middle-horizontal);
    text-align: left;
}

HbToolButton[toolbutton_extension_layout]{
    fixed-width:expr(1/3*var(hb-param-screen-short-edge)-var(hb-param-margin-gene-popup-list)-var(hb-param-margin-gene-popup-list));
}

HbToolButton::text{
    left:-var(hb-param-margin-gene-left);
    right:var(hb-param-margin-gene-right);
    font-variant:primary;
    text-height:var(hb-param-text-height-tiny);
    text-align: center center;
    text-line-count-max: 2;
}

HbToolButton::icon{
    fixed-width:var(hb-param-graphic-size-function);
    fixed-height:var(hb-param-graphic-size-function);
}

HbToolButton::background{
    left:0un;
    right:0un;
    top:0un;
    bottom:0un;
}

HbToolButton[toolbutton_extension_layout="true"][toolButtonStyle="2"]::text {
    text-align: left;
}

HbToolButton[toolbutton_extension_layout="true"][toolButtonStyle="3"]::text {
    bottom:var(hb-param-margin-gene-bottom);
}

HbToolBar > HbToolButton[toolButtonStyle="3"]::icon{
    left:-var(hb-param-margin-gene-left);
}

HbToolBar > HbToolButton[toolButtonStyle="3"]::text{
    left:-var(hb-param-margin-gene-middle-horizontal);
    right:var(hb-param-margin-gene-right);
    font-variant:primary;
    text-height:var(hb-param-text-height-tiny);
    text-align: left;
}

HbToolButton[toolbutton_extension_layout="true"][toolButtonStyle="3"]::icon {
    top:-var(hb-param-margin-gene-middle-vertical);
}

HbToolButton[toolbutton_extension_layout="true"][toolButtonStyle="3"]::text{
    left:-var(hb-param-margin-gene-middle-horizontal);
    right:var(hb-param-margin-gene-middle-horizontal);
    top:-var(hb-param-margin-gene-middle-vertical);
    bottom:var(hb-param-margin-gene-middle-vertical);
    font-variant:primary;
    text-height:var(hb-param-text-height-tiny);
    text-align:center center;
    text-line-count-max: 1;
}

HbSoftKey > HbToolButton[toolButtonStyle="1"]::icon{
    left:-1.0un;
    right:1.0un;
    top:-1.0un;
    bottom:1.0un;
}
HbSoftKey > HbToolButton::background{
    left:0un;
    right:0un;
    top:0un;
    bottom:0un;
}
HbSoftKey > HbToolButton::icon{
    left:-1.5un;
    right:1.5un;
    top:-1.5un;
    bottom:1.5un;
}

HbToolButton[dialogtoolbar]{
    fixed-height:var(hb-param-widget-popup-softkey-height);
}

HbToolBar > HbToolButton[dialogtoolbar]::text {
    left:-0.75un;
    right:0.75un;
    font-variant:primary;
    text-height:var(hb-param-text-height-primary);
    text-align:center center;
    text-line-count-max: 1;
}
