CalenEventListViewItem[layoutName="custom"]:portrait{
	layout: custom;
}

CalenEventListViewItem[layoutName="custom"][modelItemType="StandardItem"][stretchItem="true"]:landscape{
    layout: custom-stretch;
}

CalenEventListViewItem::icon-1[layoutName="custom"]{
	top: -var(hb-param-margin-gene-top);
    left: -var(hb-param-margin-gene-left);
    right: var(hb-param-margin-gene-middle-horizontal);
    fixed-width: var(hb-param-graphic-size-primary-small);
    fixed-height: var(hb-param-graphic-size-primary-small);
}

CalenEventListViewItem::icon-2{
    top: -var(hb-param-margin-gene-top);
    right: var(hb-param-margin-gene-middle-horizontal);
    fixed-width: var(hb-param-graphic-size-secondary);
    fixed-height: var(hb-param-graphic-size-secondary);
}

CalenEventListViewItem::icon-3{
    top: -var(hb-param-margin-gene-top);
    right: var(hb-param-margin-gene-right);
    fixed-width: var(hb-param-graphic-size-secondary);
    fixed-height: var(hb-param-graphic-size-secondary);
}

CalenEventListViewItem::icon-4{
	top: -var(hb-param-margin-gene-top);
    right: var(hb-param-margin-gene-right);
    fixed-width: var(hb-param-graphic-size-secondary);
    fixed-height: var(hb-param-graphic-size-secondary);
}

CalenEventListViewItem::text-1{
	left: -var(hb-param-margin-gene-left);
	top: -var(hb-param-margin-gene-top);
    right: var(hb-param-margin-gene-middle-horizontal);
    font-variant: secondary;
	text-height: var(hb-param-text-height-secondary);

}

CalenEventListViewItem[leftAllDayIcon="true"][alarmIcon="false"][repeatingIcon="false"]::text-2[layoutName="custom"]:portrait{
    top: -var(hb-param-margin-gene-top);
    font-variant: primary;
    text-height: var(hb-param-text-height-primary);
    text-align: left;
    fixed-width: 43un;
}


CalenEventListViewItem[leftAllDayIcon="true"][alarmIcon="false"][repeatingIcon="true"]::text-2[layoutName="custom"]:portrait{
    top: -var(hb-param-margin-gene-top);
    font-variant: primary;
    text-height: var(hb-param-text-height-primary);
    text-align: left;
    fixed-width: 39un;
}


CalenEventListViewItem[leftAllDayIcon="true"][alarmIcon="true"][repeatingIcon="true"]::text-2[layoutName="custom"]:portrait{
    top: -var(hb-param-margin-gene-top);
    font-variant: primary;
    text-height: var(hb-param-text-height-primary);
    text-align: left;
    fixed-width: 35un;
}


CalenEventListViewItem[leftAllDayIcon="true"][alarmIcon="false"][exceptionIcon="true"]::text-2[layoutName="custom"]:portrait{
    top: -var(hb-param-margin-gene-top);
    font-variant: primary;
    text-height: var(hb-param-text-height-primary);
    text-align: left;
    fixed-width: 38un;
}


CalenEventListViewItem[leftAllDayIcon="true"][alarmIcon="true"][exceptionIcon="true"]::text-2[layoutName="custom"]:portrait{
    top: -var(hb-param-margin-gene-top);
    font-variant: primary;
    text-height: var(hb-param-text-height-primary);
    text-align: left;
    fixed-width: 33un;
}


CalenEventListViewItem[leftAllDayIcon="true"][alarmIcon="true"][exceptionIcon="false"][repeatingIcon="false"]::text-2[layoutName="custom"]:portrait{
    top: -var(hb-param-margin-gene-top);
    font-variant: primary;
    text-height: var(hb-param-text-height-primary);
    text-align: left;
    fixed-width: 38un;
}


CalenEventListViewItem[leftAllDayIcon="false"][alarmIcon="false"][repeatingIcon="false"]::text-2[layoutName="custom"]:portrait{
    top: -var(hb-param-margin-gene-top);
    font-variant: primary;
    text-height: var(hb-param-text-height-primary);
    text-align: left;
    fixed-width: 38un;
}


CalenEventListViewItem[leftAllDayIcon="false"][alarmIcon="false"][repeatingIcon="true"]::text-2[layoutName="custom"]:portrait{
    top: -var(hb-param-margin-gene-top);
    font-variant: primary;
    text-height: var(hb-param-text-height-primary);
    text-align: left;
    fixed-width: 34un;
}


CalenEventListViewItem[leftAllDayIcon="false"][alarmIcon="true"][repeatingIcon="true"]::text-2[layoutName="custom"]:portrait{
    top: -var(hb-param-margin-gene-top);
    font-variant: primary;
    text-height: var(hb-param-text-height-primary);
    text-align: left;
    fixed-width: 29un;
}


CalenEventListViewItem[leftAllDayIcon="false"][alarmIcon="false"][exceptionIcon="true"]::text-2[layoutName="custom"]:portrait{
    top: -var(hb-param-margin-gene-top);
    font-variant: primary;
    text-height: var(hb-param-text-height-primary);
    text-align: left;
    fixed-width: 34un;
}


CalenEventListViewItem[leftAllDayIcon="false"][alarmIcon="true"][exceptionIcon="true"]::text-2[layoutName="custom"]:portrait{
    top: -var(hb-param-margin-gene-top);
    font-variant: primary;
    text-height: var(hb-param-text-height-primary);
    text-align: left;
    fixed-width: 29un;
}

CalenEventListViewItem[leftAllDayIcon="false"][alarmIcon="true"][exceptionIcon="false"][repeatingIcon="false"]::text-2[layoutName="custom"]:portrait{
    top: -var(hb-param-margin-gene-top);
    font-variant: primary;
    text-height: var(hb-param-text-height-primary);
    text-align: left;
    fixed-width: 34un;
}

CalenEventListViewItem::text-3{
    top: -var(hb-param-margin-gene-middle-vertical);
    bottom: var(hb-param-margin-gene-bottom);
    font-variant: secondary;
    text-height: var(hb-param-text-height-secondary);
    text-align: left;
    fixed-width: 35un;
}

CalenEventListViewItem::text-4{
    font-variant: secondary;
    text-height: var(hb-param-text-height-secondary);
}

CalenEventListViewItem::text-2:landscape[stretchItem="false"]{
    fixed-width: 70un;
}

CalenEventListViewItem::text-3:landscape[stretchItem="false"]{
    fixed-width: 70un;
}

CalenEventListViewItem::text-2:landscape[stretchItem="true"]{
    fixed-width: 35un;
    bottom: var(hb-param-margin-gene-bottom);
}

CalenEventListViewItem::text-3:landscape[stretchItem="true"]{
    fixed-width: 40un;
    top: -var(hb-param-margin-gene-top);
}