Modernize customer panel UI and add agent workflow rules

UserControls/PortalSearch.xaml

@@ -12,15 +12,25 @@
         <Style TargetType="Button"
                x:Key="ButtonStyle">
             <Setter Property="Foreground"
-                    Value="{DynamicResource navForeground}" />
+                    Value="{DynamicResource buttonTextColor}" />
             <Setter Property="Background"
                     Value="{DynamicResource inactiveButtonColor}" />
+            <Setter Property="BorderBrush"
+                    Value="{DynamicResource panelBorderColor}" />
+            <Setter Property="BorderThickness"
+                    Value="1" />
+            <Setter Property="Padding"
+                    Value="12,6" />
             <Setter Property="Template">
                 <Setter.Value>
                     <ControlTemplate TargetType="{x:Type Button}">
-                        <Border Background="{TemplateBinding Background}">
+                        <Border Background="{TemplateBinding Background}"
+                                BorderBrush="{TemplateBinding BorderBrush}"
+                                BorderThickness="{TemplateBinding BorderThickness}"
+                                CornerRadius="10">
                             <ContentPresenter HorizontalAlignment="Center"
-                                              VerticalAlignment="Center" />
+                                              VerticalAlignment="Center"
+                                              Margin="{TemplateBinding Padding}" />
                         </Border>
                     </ControlTemplate>
                 </Setter.Value>
@@ -30,9 +40,36 @@
                          Value="True">
                     <Setter Property="Background"
                             Value="{DynamicResource activeButtonColor}" />
+                    <Setter Property="Foreground"
+                            Value="White" />
                 </Trigger>
             </Style.Triggers>
         </Style>
+        <Style x:Key="SearchTextBoxStyle"
+               TargetType="{x:Type TextBox}">
+            <Setter Property="Foreground"
+                    Value="{DynamicResource sectionTitleColor}" />
+            <Setter Property="Background"
+                    Value="{DynamicResource inputBackgroundColor}" />
+            <Setter Property="BorderBrush"
+                    Value="{DynamicResource inputBorderColor}" />
+            <Setter Property="BorderThickness"
+                    Value="1" />
+            <Setter Property="Padding"
+                    Value="8,3" />
+            <Setter Property="Template">
+                <Setter.Value>
+                    <ControlTemplate TargetType="{x:Type TextBox}">
+                        <Border Background="{TemplateBinding Background}"
+                                BorderBrush="{TemplateBinding BorderBrush}"
+                                BorderThickness="{TemplateBinding BorderThickness}"
+                                CornerRadius="8">
+                            <ScrollViewer x:Name="PART_ContentHost" />
+                        </Border>
+                    </ControlTemplate>
+                </Setter.Value>
+            </Setter>
+        </Style>
     </UserControl.Resources>
     
     <Grid x:Name="GridSsp"
@@ -57,28 +94,31 @@
                 Grid.Row="0"
                 Height="70">
             <Image Source="{DynamicResource appbar_magnify}"
-                   Width="48"
+                   Width="36"
+                   Height="36"
+                   Margin="0,6,0,0"
                    Tag="MAINICO" />
-            <Label Foreground="{DynamicResource mainForeground}"
+            <Label Foreground="{DynamicResource sectionTitleColor}"
                    x:Name="LblSearch"
                    x:FieldModifier="private"
                    Content="{x:Static resx:Resources.search}"
-                   FontSize="16"
-                   Canvas.Top="10"
+                   FontSize="19"
+                   FontWeight="SemiBold"
+                   Canvas.Top="8"
                    Canvas.Left="40" />
             <StackPanel Orientation="Horizontal"
                         Width="350"
-                        Canvas.Top="45"
-                        Canvas.Left="10">
+                        Canvas.Top="50"
+                        Canvas.Left="0">
                 <TextBox x:Name="TxtSearchTerm"
                          x:FieldModifier="private"
+                         Style="{StaticResource SearchTextBoxStyle}"
                          Width="320"
-                         Background="White"
-                         Height="25"
-                         FontSize="16"
+                         Height="30"
+                         FontSize="14"
                          Panel.ZIndex="1110"
                          KeyDown="OnSearchBoxEnter"
-                         Margin="5,0,0,0" />
+                         Margin="2,0,0,0" />
                 <Image Source="../Resources/icons/light/appbar.magnify.png"
                        Width="48"
                        PreviewMouseDown="OnSearchClicked"
@@ -97,10 +137,10 @@
                     Canvas.Left="15"
                     Height="40"
                     Content="Self Service Portal"
-                    FontSize="18"
+                    FontSize="16"
                     Canvas.Top="40"
                     Click="OnSSPLinkClicked" />
-            <Button Foreground="{DynamicResource navForeground}"
+            <Button Foreground="{DynamicResource buttonTextColor}"
                     x:Name="BtnMyserviceLink"
                     x:FieldModifier="private"
                     Style="{StaticResource ButtonStyle}"
@@ -109,7 +149,7 @@
                     Height="40"
                     Content="{x:Static resx:Resources.myservices}"
                     Tag="LABEL"
-                    FontSize="18"
+                    FontSize="16"
                     Canvas.Top="90"
                     Click="OnMyServiceLinkClicked" />
             <!--<Separator Canvas.Left="15" Width="320" Canvas.Top="140" Height="2" />-->