﻿<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:common="using:FeedbackApp.Common">

    <!-- Deal with high contrast -->
    <ResourceDictionary.ThemeDictionaries>
        <ResourceDictionary x:Key="Default">
            <SolidColorBrush x:Key="GrayBG" Color="#f6f6f6"/>
            <SolidColorBrush x:Key="BlackTextColor" Color="Black"/>
            <SolidColorBrush x:Key="GrayTextColor" Color="Gray"/>
            <SolidColorBrush x:Key="BlueTextColor" Color="#0078d7"/>
            <SolidColorBrush x:Key="BlueBorder" Color="#0078d7"/>
            <SolidColorBrush x:Key="GreenTextColor" Color="#70AC2E"/>
            <SolidColorBrush x:Key="LinkColor" Color="#0078d7"/>
            <SolidColorBrush x:Key="YellowTextColor" Color="#E88B10"/>
            <SolidColorBrush x:Key="RedTextColor" Color="#FF0000"/>
            <SolidColorBrush x:Key="ReceivedColor" Color="#54D1DE"/>
            <SolidColorBrush x:Key="InvestigatingColor" Color="#BF9000"/>
            <SolidColorBrush x:Key="CompletedColor" Color="#70AC2E"/>
            <SolidColorBrush x:Key="ErrorBoxColor" Color="#FAE6B6"/>
            <SolidColorBrush x:Key="ButtonBackground" Color="#0078d7"/>
            <SolidColorBrush x:Key="ButtonForeground" Color="White"/>
            <SolidColorBrush x:Key="ButtonBorder" Color="#33000000"/>
            <SolidColorBrush x:Key="ButtonDisabledBorder" Color="#1A000000"/>
            <SolidColorBrush x:Key="ButtonDisabledBackground" Color="#8CB8DB"/>
            <SolidColorBrush x:Key="ButtonDisabledForeground" Color="White"/>
            <SolidColorBrush x:Key="ButtonPointerOverBorder" Color="#33000000"/>
            <SolidColorBrush x:Key="ButtonPointerOverBackground" Color="#3F90D1"/>
            <SolidColorBrush x:Key="ButtonPointerOverForeground" Color="White"/>
            <SolidColorBrush x:Key="ButtonPressedBorder" Color="#33000000"/>
            <SolidColorBrush x:Key="ButtonPressedBackground" Color="#0064B3"/>
            <SolidColorBrush x:Key="ButtonPressedForeground" Color="White"/>
            <SolidColorBrush x:Key="SelectedSort" Color="Black"/>
            <SolidColorBrush x:Key="ListViewHighlight" Color="#E0E0E0"/>
        </ResourceDictionary>
        <ResourceDictionary x:Key="HighContrast">
            <SolidColorBrush x:Key="GrayBG" Color="{ThemeResource SystemColorWindowColor}"/>
            <SolidColorBrush x:Key="BlackTextColor" Color="{ThemeResource SystemColorWindowTextColor}"/>
            <SolidColorBrush x:Key="GrayTextColor" Color="{ThemeResource SystemColorWindowTextColor}"/>
            <SolidColorBrush x:Key="BlueTextColor" Color="{ThemeResource SystemColorWindowTextColor}"/>
            <SolidColorBrush x:Key="BlueBorder" Color="{ThemeResource SystemColorWindowTextColor}"/>
            <SolidColorBrush x:Key="GreenTextColor" Color="{ThemeResource SystemColorWindowTextColor}"/>
            <SolidColorBrush x:Key="YellowTextColor" Color="{ThemeResource SystemColorWindowTextColor}"/>
            <SolidColorBrush x:Key="LinkColor" Color="{ThemeResource SystemColorWindowTextColor}"/>
            <SolidColorBrush x:Key="RedTextColor" Color="{ThemeResource SystemColorWindowTextColor}"/>
            <SolidColorBrush x:Key="ReceivedColor" Color="{ThemeResource SystemColorWindowTextColor}"/>
            <SolidColorBrush x:Key="InvestigatingColor" Color="{ThemeResource SystemColorWindowTextColor}"/>
            <SolidColorBrush x:Key="CompletedColor" Color="{ThemeResource SystemColorWindowTextColor}"/>
            <SolidColorBrush x:Key="ErrorBoxColor" Color="{ThemeResource SystemColorWindowColor}"/>
            <SolidColorBrush x:Key="ButtonBackground" Color="{ThemeResource SystemColorButtonFaceColor}"/>
            <SolidColorBrush x:Key="ButtonForeground" Color="{ThemeResource SystemColorButtonTextColor}"/>
            <SolidColorBrush x:Key="ButtonBorder" Color="{ThemeResource SystemColorButtonTextColor}"/>
            <SolidColorBrush x:Key="ButtonDisabledBorder" Color="{ThemeResource SystemColorGrayTextColor}"/>
            <SolidColorBrush x:Key="ButtonDisabledBackground" Color="{ThemeResource SystemColorButtonFaceColor}"/>
            <SolidColorBrush x:Key="ButtonDisabledForeground" Color="{ThemeResource SystemColorGrayTextColor}"/>
            <SolidColorBrush x:Key="ButtonPointerOverBorder" Color="{ThemeResource SystemColorHighlightColor}"/>
            <SolidColorBrush x:Key="ButtonPointerOverBackground" Color="{ThemeResource SystemColorButtonFaceColor}"/>
            <SolidColorBrush x:Key="ButtonPointerOverForeground" Color="{ThemeResource SystemColorHighlightColor}"/>
            <SolidColorBrush x:Key="ButtonPressedBorder" Color="{ThemeResource SystemColorHighlightColor}"/>
            <SolidColorBrush x:Key="ButtonPressedBackground" Color="{ThemeResource SystemColorButtonFaceColor}"/>
            <SolidColorBrush x:Key="ButtonPressedForeground" Color="{ThemeResource SystemColorHighlightColor}"/>
            <SolidColorBrush x:Key="SelectedSort" Color="{ThemeResource SystemColorHighlightColor}"/>
            <SolidColorBrush x:Key="ListViewHighlight" Color="{ThemeResource SystemColorHighlightColor}"/>
        </ResourceDictionary>
    </ResourceDictionary.ThemeDictionaries>

    <Style x:Key="BaseTextBlockStyle" TargetType="TextBlock">
        <Setter Property="FontSize" Value="{ThemeResource ControlContentThemeFontSize}"/>
        <Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}"/>
        <Setter Property="SelectionHighlightColor" Value="{ThemeResource TextSelectionHighlightColorThemeBrush}"/>
        <Setter Property="TextTrimming" Value="CharacterEllipsis"/>
        <Setter Property="TextWrapping" Value="Wrap"/>
        <Setter Property="Typography.StylisticSet20" Value="True"/>
        <Setter Property="Typography.DiscretionaryLigatures" Value="True"/>
        <Setter Property="Typography.CaseSensitiveForms" Value="True"/>
        <Setter Property="LineHeight" Value="20"/>
        <Setter Property="LineStackingStrategy" Value="BlockLineHeight"/>
        <Setter Property="TextLineBounds" Value="TrimToBaseline"/>
        <Setter Property="OpticalMarginAlignment" Value="TrimSideBearings"/>
    </Style>
    <Style x:Key="PageHeaderPrefixText" BasedOn="{StaticResource BaseTextBlockStyle}" TargetType="TextBlock">
        <Setter Property="FontSize" Value="26.667"/>
        <Setter Property="FontWeight" Value="Light"/>
        <Setter Property="LineHeight" Value="40"/>
        <Setter Property="VerticalAlignment" Value="Bottom"/>
        <Setter Property="Margin" Value="0,0,22,0"/>
    </Style>
    <Style x:Key="PageHeaderFeature" BasedOn="{StaticResource BaseTextBlockStyle}" TargetType="TextBlock">
        <Setter Property="FontSize" Value="56"/>
        <Setter Property="FontWeight" Value="Light"/>
        <Setter Property="LineHeight" Value="40"/>
        <Setter Property="TextWrapping" Value="NoWrap"/>
    </Style>
    <Style x:Key="MenuTitle" TargetType="TextBlock">
        <Setter Property="Foreground" Value="White"/>
        <Setter Property="FontSize" Value="24"/>
        <Setter Property="FontWeight" Value="Bold"/>
    </Style>
    <Style x:Key="MainMenu" TargetType="Grid">
        <Setter Property="Background" Value="#0078d7"/>
    </Style>
    <Style x:Key="PageLabel" BasedOn="{StaticResource BaseTextBlockStyle}" TargetType="TextBlock">
        <Setter Property="Foreground" Value="#4F4F4F"/>
    </Style>
    <Style x:Key="SubpageTitle" TargetType="TextBlock">
        <Setter Property="FontSize" Value="20"/>
        <Setter Property="FontWeight" Value="Light"/>
    </Style>
    <Style x:Key="FeedbackTitle" TargetType="TextBlock" BasedOn="{StaticResource PageHeaderPrefixText}">
        <Setter Property="FontSize" Value="34"/>
        <Setter Property="Foreground" Value="{ThemeResource BlueTextColor}"/>
    </Style>
    <Style x:Key="FeedbackSubTitle" TargetType="TextBlock" BasedOn="{StaticResource BaseTextBlockStyle}">
        <Setter Property="FontSize" Value="16"/>
        <Setter Property="FontWeight" Value="Normal"/>
    </Style>    
    <Style x:Key="BreadcrumbText" TargetType="TextBlock">
        <Setter Property="FontSize" Value="14.5"/>
        <Setter Property="FontWeight" Value="SemiBold"/>
        <Setter Property="VerticalAlignment" Value="Center"/>
        <Setter Property="Margin" Value="14, 2, 12, 0"/>
    </Style>
    <Style x:Key="ErrorBox" TargetType="Grid">
        <Setter Property="Background" Value="{ThemeResource ErrorBoxColor}"/>
        <Setter Property="Margin" Value="0,10,0,0"/>
        <Setter Property="Width" Value="Auto"/>
    </Style>
    <Style x:Key="ErrorLabel" TargetType="TextBlock">
        <Setter Property="Padding" Value="10,5,0,7"/>
        <Setter Property="FontSize" Value="16.333"/>
        <Setter Property="FontFamily" Value="Segoe UI"/>
        <Setter Property="FontWeight" Value="Light"/>
        <Setter Property="TextWrapping" Value="Wrap"/>
    </Style>
    <Style x:Key="CompletedLabel" TargetType="TextBlock">
        <Setter Property="Margin" Value="0,5,0,0"/>
        <Setter Property="Foreground" Value="{ThemeResource CompletedColor}"/>
        <Setter Property="FontSize" Value="12"/>
        <Setter Property="FontWeight" Value="Bold"/>
    </Style>
    <Style x:Key="InvestigatingLabel" TargetType="TextBlock">
        <Setter Property="Margin" Value="0,5,0,0"/>
        <Setter Property="Foreground" Value="{ThemeResource InvestigatingColor}"/>
        <Setter Property="FontSize" Value="12"/>
        <Setter Property="FontWeight" Value="Bold"/>
    </Style>
    <Style x:Key="ReceivedLabel" TargetType="TextBlock">
        <Setter Property="Margin" Value="0,5,0,0"/>
        <Setter Property="Foreground" Value="{ThemeResource ReceivedColor}"/>
        <Setter Property="FontSize" Value="12"/>
        <Setter Property="FontWeight" Value="Bold"/>
    </Style>
    <Style x:Key="ComboBoxItemStyle" TargetType="ComboBoxItem">
        <Setter Property="Padding" Value="8,10,20,10"/>
    </Style>
    <Style x:Key="ContextContainerStyle" TargetType="ListViewItem">
        <Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}"/>
        <Setter Property="FontSize" Value="15"/>
        <Setter Property="Foreground" Value="White"/>
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="TabNavigation" Value="Local"/>
        <Setter Property="IsHoldingEnabled" Value="True"/>
        <Setter Property="Margin" Value="0,0,18,2"/>
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ListViewItem">
                    <ListViewItemPresenter ContentMargin="1"
                                                   ContentTransitions="{TemplateBinding ContentTransitions}" CheckSelectingBrush="{ThemeResource ListViewItemCheckSelectingThemeBrush}" DragForeground="{ThemeResource ListViewItemDragForegroundThemeBrush}" DragOpacity="{ThemeResource ListViewItemDragThemeOpacity}" DragBackground="{ThemeResource ListViewItemDragBackgroundThemeBrush}" DisabledOpacity="{ThemeResource ListViewItemDisabledThemeOpacity}" FocusBorderBrush="{ThemeResource ListViewItemFocusBorderThemeBrush}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" Padding="{TemplateBinding Padding}" PointerOverBackgroundMargin="1" 
                                                   PlaceholderBackground="{ThemeResource ListViewItemPlaceholderBackgroundThemeBrush}" PointerOverBackground="{ThemeResource ListViewItemPointerOverBackgroundThemeBrush}" ReorderHintOffset="{ThemeResource ListViewItemReorderHintThemeOffset}" SelectedPointerOverBorderBrush="#FF000E61" SelectionCheckMarkVisualEnabled="True" SelectedForeground="{ThemeResource ListBoxItemSelectedForegroundThemeBrush}" SelectedPointerOverBackground="#FF06004D" SelectedBorderThickness="{ThemeResource ListViewItemCompactSelectedBorderThemeThickness}" SelectedBackground="#FF00258B" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"/>

                </ControlTemplate>
            </Setter.Value>

        </Setter>
    </Style>
    <Style x:Key="FeedbackCounter" TargetType="TextBlock">
        <Setter Property="FontSize" Value="25"/>
        <Setter Property="Foreground" Value="#999999"/>
        <Setter Property="FontWeight" Value="Bold"/>
    </Style>
    <Style x:Key="GrayBorder" TargetType="Border">
        <Setter Property="BorderBrush" Value="#999999"/>
    </Style>
    <Style x:Key="GrayBackground" TargetType="Grid">
        <Setter Property="Background" Value="#f6f6f6"/>
    </Style>
    <Style x:Key="SmallButtonHyperLink" TargetType="HyperlinkButton" BasedOn="{StaticResource TextBlockButtonStyle}">
        <Setter Property="FontSize" Value="12"/>
        <Setter Property="HorizontalAlignment" Value="Left"/>
        <Setter Property="Foreground" Value="{ThemeResource LinkColor}"/>
    </Style>
    <Style x:Key="SearchAreaPathText" TargetType="TextBlock">
        <Setter Property="FontSize" Value="15"/>
        <Setter Property="Foreground" Value="Gray"/>
    </Style>

    <Style x:Key="ProblemTag" TargetType="TextBlock">
        <Setter Property="FontSize" Value="13"/>
        <Setter Property="Foreground" Value="{ThemeResource RedTextColor}"/>
        <Setter Property="FontWeight" Value="SemiBold"/>
        <Setter Property="Margin" Value="0,2,3,0"/>
    </Style>

    <Style x:Key="SuggestionTag" TargetType="TextBlock">
        <Setter Property="FontSize" Value="13"/>
        <Setter Property="Foreground" Value="{ThemeResource YellowTextColor}"/>
        <Setter Property="FontWeight" Value="SemiBold"/>
        <Setter Property="Margin" Value="0,2,3,0"/>
    </Style>
    <SolidColorBrush x:Key="CheckBoxPressedBackgroundThemeBrush" Color="#0078d7" />

    <!-- Default style for Windows.UI.Xaml.Controls.Button -->
    <Style x:Key="UIFButton" TargetType="Button">
        <Setter Property="Background" Value="{ThemeResource ButtonBackground}" />
        <Setter Property="Foreground" Value="{ThemeResource ButtonForeground}"/>
        <Setter Property="BorderBrush" Value="{ThemeResource ButtonBorder}" />
        <Setter Property="BorderThickness" Value="{ThemeResource ButtonBorderThemeThickness}" />
        <Setter Property="Padding" Value="12,4,12,4" />
        <Setter Property="HorizontalAlignment" Value="Left" />
        <Setter Property="VerticalAlignment" Value="Center" />
        <Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}" />
        <Setter Property="FontWeight" Value="SemiBold" />
        <Setter Property="FontSize" Value="{ThemeResource ControlContentThemeFontSize}" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Grid>
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="CommonStates">
                                <VisualState x:Name="Normal" />
                                <VisualState x:Name="PointerOver">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Border"
                                                                   Storyboard.TargetProperty="Background">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ButtonPointerOverBackground}" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Border"
                                                                       Storyboard.TargetProperty="BorderBrush">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ButtonPointerOverBorder}" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"
                                                                   Storyboard.TargetProperty="Foreground">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ButtonPointerOverForeground}" />
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                                <VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Border"
                                                                   Storyboard.TargetProperty="Background">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ButtonPressedBackground}" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Border"
                                                                   Storyboard.TargetProperty="BorderBrush">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ButtonPressedBorder}" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"
                                                                   Storyboard.TargetProperty="Foreground">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ButtonPressedForeground}" />
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                                <VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Border"
                                                                   Storyboard.TargetProperty="Background">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ButtonDisabledBackground}" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Border"
                                                                   Storyboard.TargetProperty="BorderBrush">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ButtonDisabledBorderThemeBrush}" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"
                                                                   Storyboard.TargetProperty="Foreground">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ButtonDisabledForeground}" />
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>
                            <VisualStateGroup x:Name="FocusStates">
                                <VisualState x:Name="Focused">
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="FocusVisualWhite"
                                                     Storyboard.TargetProperty="Opacity"
                                                     To="1"
                                                     Duration="0" />
                                        <DoubleAnimation Storyboard.TargetName="FocusVisualBlack"
                                                     Storyboard.TargetProperty="Opacity"
                                                     To="1"
                                                     Duration="0" />
                                    </Storyboard>
                                </VisualState>
                                <VisualState x:Name="Unfocused" />
                                <VisualState x:Name="PointerFocused" />
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>
                        <Border x:Name="Border"
                            Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            Margin="3">
                            <ContentPresenter x:Name="ContentPresenter"
                                          Content="{TemplateBinding Content}"
                                          ContentTransitions="{TemplateBinding ContentTransitions}"
                                          ContentTemplate="{TemplateBinding ContentTemplate}"
                                          Margin="{TemplateBinding Padding}"
                                          HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                          VerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                          AutomationProperties.AccessibilityView="Raw"/>
                        </Border>
                        <Rectangle x:Name="FocusVisualWhite"
                               IsHitTestVisible="False"
                               Stroke="{ThemeResource FocusVisualWhiteStrokeThemeBrush}"
                               StrokeEndLineCap="Square"
                               StrokeDashArray="1,1"
                               Opacity="0"
                               StrokeDashOffset="1.5" />
                        <Rectangle x:Name="FocusVisualBlack"
                               IsHitTestVisible="False"
                               Stroke="{ThemeResource FocusVisualBlackStrokeThemeBrush}"
                               StrokeEndLineCap="Square"
                               StrokeDashArray="1,1"
                               Opacity="0"
                               StrokeDashOffset="0.5" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- Default style for Windows.UI.Xaml.Controls.ListViewItem -->
    <Style TargetType="ListViewItem" x:Key="SortListViewItem">
        <Setter Property="Foreground" Value="{ThemeResource GrayTextColor}" />
        <Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}" />
        <Setter Property="FontSize" Value="{ThemeResource ControlContentThemeFontSize}" />
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="TabNavigation" Value="Local"/>
        <Setter Property="IsHoldingEnabled" Value="True"/>
        <Setter Property="Margin" Value="5,0,5,2"/>
        <Setter Property="HorizontalContentAlignment" Value="Center"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="BorderThickness" Value="0,0,0,0"/>
        <Setter Property="FontWeight" Value="SemiBold"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ListViewItem">
                    <ListViewItemPresenter
                        ContentTransitions="{TemplateBinding ContentTransitions}"
                        Padding="10, 3"
                        SelectionCheckMarkVisualEnabled="True"
                        DragBackground="{ThemeResource ListViewItemDragBackgroundThemeBrush}"
                        DragForeground="{ThemeResource ListViewItemDragForegroundThemeBrush}"
                        PlaceholderBackground="{ThemeResource ListViewItemPlaceholderBackgroundThemeBrush}"
                        PointerOverBackground="{ThemeResource ListViewHighlight}"
                        SelectedBorderThickness="0"
                        SelectedForeground="{ThemeResource SelectedSort}"
                        SelectedPointerOverBorderBrush="{ThemeResource ListViewItemSelectedPointerOverBorderThemeBrush}"
                        DisabledOpacity="{ThemeResource ListViewItemDisabledThemeOpacity}"
                        DragOpacity="{ThemeResource ListViewItemDragThemeOpacity}"
                        ReorderHintOffset="{ThemeResource ListViewItemReorderHintThemeOffset}"
                        HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
                        VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
                        PointerOverBackgroundMargin="1"
                        ContentMargin="1" />
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="ListViewItem" x:Key="SearchListViewItem">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ListViewItem">
                    <ListViewItemPresenter
                    ContentTransitions="{TemplateBinding ContentTransitions}"
                    Padding="{TemplateBinding Padding}"
                    SelectionCheckMarkVisualEnabled="False"
                    DragBackground="{ThemeResource ListViewItemDragBackgroundThemeBrush}"
                    DragForeground="{ThemeResource ListViewItemDragForegroundThemeBrush}"
                    FocusBorderBrush="{ThemeResource ListViewItemFocusBorderThemeBrush}"
                    PlaceholderBackground="{ThemeResource ListViewItemPlaceholderBackgroundThemeBrush}"
                    PointerOverBackground="{ThemeResource ListViewHighlight}"
                    SelectedBorderThickness="{ThemeResource ListViewItemCompactSelectedBorderThemeThickness}"
                    SelectedBackground="Transparent"
                    SelectedForeground="{ThemeResource ListViewItemSelectedForegroundThemeBrush}"
                    SelectedPointerOverBackground="Transparent"
                    SelectedPointerOverBorderBrush="Transparent"
                    DisabledOpacity="{ThemeResource ListViewItemDisabledThemeOpacity}"
                    DragOpacity="{ThemeResource ListViewItemDragThemeOpacity}"
                    ReorderHintOffset="{ThemeResource ListViewItemReorderHintThemeOffset}"
                    HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
                    VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
                    PointerOverBackgroundMargin="1"
                    ContentMargin="4" />
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <DataTemplate x:Key="FilterItemTemplate">
        <Grid>
            <TextBlock HorizontalAlignment="Left" TextWrapping="Wrap" Text="{Binding}" VerticalAlignment="Top" FontSize="14.667" Margin="-2,0,10,0"/>
        </Grid>
    </DataTemplate>

    <Style TargetType="Button" x:Key="FlyoutButtonStyle">
        <Setter Property="Padding" Value="8,6, 8, 8" />
        <Setter Property="Margin" Value="0,0" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <StackPanel Orientation="Horizontal">

                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="CommonStates">
                                <VisualState x:Name="Normal" />
                                <VisualState x:Name="PointerOver">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Background"
                                                                       Storyboard.TargetProperty="Background">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ListViewHighlight}" />
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FilterLabel"
                                                                       Storyboard.TargetProperty="Foreground">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource BlackTextColor}" />
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>

                        <StackPanel x:Name="Background" Orientation="Horizontal" Margin="0">
                            <TextBlock  x:Uid="/FeedbackApp.Resources/UIF_ContextSelectionPage_FilterLabel"
                                                Text="Filter"
                                                Foreground="{ThemeResource GrayTextColor}"
                                                FontWeight="SemiBold"
                                                VerticalAlignment="Center"
                                                x:Name="FilterLabel"
                                                Margin="0, 7, 0, 0"
                                                Padding="10, 10"/>

                            <TextBlock x:Name="DropDownGlyph"
                                       Text="&#57361;"
                                       Margin="0,10,6,4"
                                       Foreground="{ThemeResource ComboBoxArrowForegroundThemeBrush}"
                                       FontWeight="Bold"
                                       FontSize="{ThemeResource ComboBoxArrowThemeFontSize}"
                                       FontFamily="{ThemeResource SymbolThemeFontFamily}"
                                       HorizontalAlignment="Right"
                                       VerticalAlignment="Center"
                                       AutomationProperties.AccessibilityView="Raw"/>
                        </StackPanel>
                    </StackPanel>
                </ControlTemplate>

            </Setter.Value>
        </Setter>

    </Style>

    <ItemsPanelTemplate x:Key="ScreenshotsItemsPanel">
        <WrapGrid Orientation="Horizontal"/>
    </ItemsPanelTemplate>
    <DataTemplate x:Key="ScreenshotItemTemplate">
        <Grid MaxHeight="420" Margin="5">
            <Image Source="{Binding Mode=OneWay}" MaxHeight="400" MaxWidth="400"/>
            <Button Command="{Binding DataContext.DeleteScreenshotCommand, ElementName=ScreenshotItemsControl}"
                                        CommandParameter="{Binding}" Background="Transparent" Height="40" Width="40" Padding="-20, 0, -20, 0"
                                            HorizontalAlignment="Right" VerticalAlignment="Top" Margin="-7"
                    x:Uid="/FeedbackApp.Resources/UIF_Shared_DeleteButton">
                <Image Source="/Assets/Close.png" VerticalAlignment="Center" HorizontalAlignment="Center" 
                                                Stretch="Fill" Height="55" Width="55"/>
            </Button>
        </Grid>
    </DataTemplate>
    <DataTemplate x:Key="UploadScreenshotItemTemplate">
        <Grid Height="Auto" Width="Auto" Margin="5">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Grid Grid.Row="0">
                <Image Source="{Binding Image}" Height="100" Width="80" Stretch="Uniform" VerticalAlignment="Top" HorizontalAlignment="Right"/>
                <Button Command="{Binding DataContext.DeleteUploadScreenshotCommand, ElementName=UploadScreenshotItemsControl}"
                                        CommandParameter="{Binding}"
                    Background="Transparent" Height="40" Width="40" Padding="-20, 0, -20, 0"
                        HorizontalAlignment="Right" VerticalAlignment="Top" Margin="-7"
                        x:Uid="/FeedbackApp.Resources/UIF_Shared_DeleteButton">
                    <Image Source="/Assets/Close.png" VerticalAlignment="Center" HorizontalAlignment="Center" 
                                                Stretch="Fill" Height="55" Width="55"/>
                </Button>
            </Grid>
            <TextBlock Grid.Row="1" Grid.Column="0"
                Text="{Binding File.Name}" Foreground="{ThemeResource BlackTextColor}" FontSize="12" Margin="0, 3, 0, 0" 
                       TextWrapping="Wrap" TextTrimming="CharacterEllipsis" Height="30" Width="80"/>
        </Grid>
    </DataTemplate>    
    <DataTemplate x:Key="MenuLogo">
        <Image Source="/Assets/Logo.scale-100.png" HorizontalAlignment="Center" 
                                                Stretch="Fill" Height="60" Width="60"/>
    </DataTemplate>
    <x:Double x:Key="UIFContentMaxWidth">900</x:Double>
</ResourceDictionary>

